今天哪些浏览器支持Windows上的html 5 <audio>标签？

Question

<audio>今天哪些浏览器支持Windows上的html 5 标签？

编辑:尝试http://moztw.org/demo/audioplayer/作为测试.Chrome 2和Safari 4不适合我.

Answer 1

如果此计算结果为true:

!!document.createElement('audio').canPlayType

,然后您的浏览器支持音频标签.像这样执行功能检测比解析userAgent字符串要好得多.

或者,您可以使用Modernizr之类的东西来处理此检测以及其他许多方法.

Answer 2

Safari 3.1+和Firefox 3.5都支持音频元素.Opera 10的没有不支持的音频元素,虽然它不支持它的一个旧版本的音频对象的形式.Chrome 3可能会支持音频元素.

(刚看到你想知道对那个特定页面的支持.这主要取决于你使用的编解码器我害怕.)

(免责声明:我为Opera工作并且是HTML WG的成员.)

Answer 3

我们的博客帖子.

包含有关HTML5音频的现代浏览器支持的更多最新信息.

截至2011年7月

IE9

支持MP3和AAC

Firefox 5

支持Ogg和Wav

Chrome 12

支持Ogg,MP3,Wav和AAC

Safari 5

支持MP3,AAC和WAV

歌剧11

支持Ogg和Wav

从上面的数据和阅读博客文章中可以看出,由于所有浏览器都不支持一种音频格式,因此情况有点令人沮丧.目前还没有任何解决方案的直接迹象.

Answer 4

我整理了一个列表,列出了浏览器何时开始支持音频标签以及它们支持的音频格式.

现在支持非常好.从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版本以获得良好的跨浏览器支持非常重要.

<audio controls>
   <source src="/my-podcast.mp3" />
   <source src="/my-podcast.ogg" />
</audio>