使用Modernizr检测音频元素

时间:2012-07-03 16:04:09

标签: javascript

我在我的代码中使用html 5音频元素:

var audioElement = document.createElement('audio');

我正在使用此对象播放来自特定来源的音频。

如何使用modernizr检测上述代码?

任何答案都将不胜感激。谢谢你

1 个答案:

答案 0 :(得分:0)

您只需检查audioElement

if (audioElement) { ... audioElement is defined ... }

...当您在<head>部分中定义此元素时,它实际上变为全局。

此代码检测您是否已定义audioElement。如果您需要检测浏览器是否支持HTML5音频,我认为您应该测试Modernizr.audio property,如下所示:

if (Modernizr.audio) {
  var audio = new Audio();
  audio.src = Modernizr.audio.ogg ? 'background.ogg' :
              Modernizr.audio.mp3 ? 'background.mp3' :
                                    'background.m4a'
            ;
  audio.play();
}

这是a demo;当然,你应该使用自己的链接而不是'something.mp3'。 )