今天哪些浏览器支持Windows上的html 5 标签?
编辑:尝试http://moztw.org/demo/audioplayer/作为测试.Chrome 2和Safari 4不适合我.
如果此计算结果为true:
!!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
歌剧11
支持Ogg和Wav
从上面的数据和阅读博客文章中可以看出,由于所有浏览器都不支持一种音频格式,因此情况有点令人沮丧.目前还没有任何解决方案的直接迹象.
我整理了一个列表,列出了浏览器何时开始支持音频标签以及它们支持的音频格式.
现在支持非常好.从IE9开始,所有桌面浏览器和大多数移动浏览器的最新版本都支持音频标签.不使用它的唯一原因是支持旧版本的IE,但如果这很重要,你总是可以提供后备.
以下是桌面浏览器的详细信息:
+---------+-------------------------+----------------------------------+ | 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版本以获得良好的跨浏览器支持非常重要.