如今哪些浏览器在Windows上支持html 5的<audio>
标签?
编辑:作为测试,尝试使用http://moztw.org/demo/audioplayer/。然而,Chrome 2和Safari 4对我来说都不起作用。
如今哪些浏览器在Windows上支持html 5的<audio>
标签?
编辑:作为测试,尝试使用http://moztw.org/demo/audioplayer/。然而,Chrome 2和Safari 4对我来说都不起作用。
如果这个表达式结果为真:
!!document.createElement('audio').canPlayType
如果您的浏览器支持音频标签,那么就可以使用该标签。进行此类特性检测比解析userAgent字符串要好得多。
或者,您可以使用像Modernizr这样的工具来处理此检测以及其他许多检测。
Safari 3.1+和Firefox 3.5都支持音频元素。Opera 10不支持音频元素,但它支持一个旧版本的音频对象。Chrome 3可能会支持音频元素。
(刚看到你想知道该特定页面的支持情况。恐怕这主要取决于您使用的编解码器。)
(免责声明:我在Opera工作,也是HTML WG的成员。)
我们的博客文章提供了关于HTML5音频现代浏览器支持的更为实时的信息。
截至2011年7月
IE9
支持MP3和AAC
Firefox 5
支持Ogg和Wav
Chrome 12
支持Ogg、MP3、Wav和AAC
Safari 5
支持MP3、AAC和WAV
Opera 11
支持Ogg和Wav
从上述数据和阅读该博客文章可以看出,由于没有一种音频格式被所有浏览器支持,这是一个有些令人沮丧的情况。目前还没有明显的解决迹象。
+---------+-------------------------+----------------------------------+
| Browser | Supported since version | Formats |
+---------+-------------------------+----------------------------------+
| IE | 9.0 | AAC or .mp3 |
| Firefox | 3.5 | .ogg, .wav |
| Chrome | 3 | .mp3, .ogg |
| Safari | 4 | Any audio supported by Quicktime |
| Opera | 9.5 | .ogg, .wav |
+---------+-------------------------+----------------------------------+
+--------------+-------------------------+
| Browser | Supported since version |
+--------------+-------------------------+
| iOS Safari | 4 |
| Opera mobile | 10 |
| Opera mini | no support (Dec 2011) |
| Android | 2.3 |
| Blackberry | 6 |
+--------------+-------------------------+
如果您想使用音频文件,提供.ogg和.mp3两个版本的文件非常重要,以获得良好的跨浏览器支持。
<audio controls>
<source src="/my-podcast.mp3" />
<source src="/my-podcast.ogg" />
</audio>
这里有一篇wikipedia的文章,比较了各种浏览器对HTML5的支持情况:
为了让Safari在Windows上支持音频播放,需要安装Quicktime。该JavaScript片段可以正确报告其是否受支持。
所有这些浏览器都支持 <audio>
标签的功能。你的播放器在 Safari 上无法工作的原因是因为你正在使用 OGG 文件。OGG 文件在 Firefox 和 Chrome 上受到支持。
Firefox 只支持 WAV 和 OGG 文件。
Chrome 支持一切格式。
Opera 只支持 WAV 文件。
Safari 支持除了 OGG 以外的所有格式。
祝你好运!
Opera 10 和 FF 3.5,不清楚 Safari
我确定支持Safari 4,Firefox 3.5 RC1,可能还有Chrome 2。