今天在Windows上哪些浏览器支持HTML 5的<audio>标签?

30

如今哪些浏览器在Windows上支持html 5的<audio>标签?

编辑:作为测试,尝试使用http://moztw.org/demo/audioplayer/。然而,Chrome 2和Safari 4对我来说都不起作用。


10
好问题。我不确定为什么人们投票要关闭它,知道要针对哪些浏览器是绝对与编程有关的。 - Jon Tackabury
你本可以使用反引号将<audio>标签作为代码嵌入,或者使用HTML实体。编辑器允许使用HTML格式。如果你不知道如何使用它,这并不是Stack Overflow的错。 - Mr. Shiny and New 安宇
2
闪亮新先生,它在标题中可以工作,在<comments>中也可以工作,所以是Stack Overflow的问题。 - BenB
1
这个问题的问题在于它已经过时了。 - Boris Callens
@borisCallens 现在所有的答案都不再是最新的了 :-( - feeela
显示剩余2条评论
12个回答

28

如果这个表达式结果为真:

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

如果您的浏览器支持音频标签,那么就可以使用该标签。进行此类特性检测比解析userAgent字符串要好得多。

或者,您可以使用像Modernizr这样的工具来处理此检测以及其他许多检测。


1
检测支持的其他想法/工具:深入了解HTML5参考http://diveintohtml5.org/everything.html jPlayer http://www.happyworm.com/jquery/jplayer/HTML5.Audio.Support/ - cofiem
保罗,但在我的设备上,你的JavaScript代码返回true,但音频标签仍然无法工作。"Mozilla/5.0(Linux;U;Android 4.1.2;en-us;GT-S5282 Build/JZO54K)AppleWebKit/534.30(KHTML,like Gecko)Version/4.0 Mobile Safari/534.30"屏幕截图: - Mahdi Jazini

11

Safari 3.1+和Firefox 3.5都支持音频元素。Opera 10不支持音频元素,但它支持一个旧版本的音频对象。Chrome 3可能会支持音频元素。

(刚看到你想知道该特定页面的支持情况。恐怕这主要取决于您使用的编解码器。)

(免责声明:我在Opera工作,也是HTML WG的成员。)


不过,我在 Moz 页面上尝试了 Safari 4,似乎无法正常工作。如果您有时间,能否请确认一下?谢谢。 - BenB
正如我所怀疑的那样,原因是编解码器。Safari使用QuickTime,默认情况下不支持Firefox 3.5附带的Ogg/Theora/Vorbis编解码器。您需要安装http://www.xiph.org/quicktime/download.html,然后据我所知它应该可以工作。 - Anne
他们在这篇文章中引用了这个答案,干得好 :) http://html5doctor.com/native-audio-in-the-browser/ - Mark Tomlin
所以我们又回到了 Safari 插件问题 /捂脸 - Chris McGrath

10

我们的博客文章提供了关于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

从上述数据和阅读该博客文章可以看出,由于没有一种音频格式被所有浏览器支持,这是一个有些令人沮丧的情况。目前还没有明显的解决迹象。


7
我整理了一个浏览器支持音频标签和支持的音频格式列表
现在支持得相当不错。自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>

3

这里有一篇wikipedia的文章,比较了各种浏览器对HTML5的支持情况:


这也骗了我,因为那篇文章没有提到版本。而且,我最近听很多关于HTML5 <video>支持的事情,所以要么那个页面是错误的,要么它已经过时了? - BenB
最好不要根据维基百科文章做出决定。可以尝试使用Modenizr代替,网址为http://www.modernizr.com/。 - cofiem

2

为了让Safari在Windows上支持音频播放,需要安装Quicktime。该JavaScript片段可以正确报告其是否受支持。


1

所有这些浏览器都支持 <audio> 标签的功能。你的播放器在 Safari 上无法工作的原因是因为你正在使用 OGG 文件。OGG 文件在 Firefox 和 Chrome 上受到支持。
Firefox 只支持 WAV 和 OGG 文件。 Chrome 支持一切格式。 Opera 只支持 WAV 文件。 Safari 支持除了 OGG 以外的所有格式。

祝你好运!


0

Opera 10 和 FF 3.5,不清楚 Safari


0

我确定支持Safari 4,Firefox 3.5 RC1,可能还有Chrome 2。


0
据我所知,Gecko、Webkit和Presto引擎都支持它的部分或全部功能。
因此,任何使用这些引擎最新版本的浏览器都应该支持它。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接