跨浏览器的 HTML 5 音频不兼容怎么办?

Posted

技术标签:

【中文标题】跨浏览器的 HTML 5 音频不兼容怎么办?【英文标题】:What to do with the incompatibilities in HTML 5 audio across browsers? 【发布时间】:2010-02-20 17:44:47 【问题描述】:

我需要使用 html 5 音频来播放声音。但是,编解码器支持非常烦人:

Firefox:Ogg、Wav Safari:Mp3、Wav Chrome:Ogg、Mp3 歌剧:Wav

我基本上需要用 Wav 和 Ogg/Mp3 进行编码。然而,Wav 的尺寸很糟糕,这对我来说非常关键。所以,我想我应该选择 Mp3 + Ogg 将 Opera 和 IE 排除在外吗?

【问题讨论】:

Plan B 听起来不错。 Opera 和 IE 不值得工作:) 我相信 Chrome 也支持 Wav,因为许多合成示例会即时生成 Wav PCM 文件并将它们放在Audio 元素中。基本上 PCM Wav 具有普遍的支持。但是 Wav 文件比其他文件大得多,所以我仍然推荐 Ogg 或 WebM Audio。 【参考方案1】:

根据:http://my.opera.com/core/blog/2009/12/31/re-introducing-video,Opera 10.5(仍处于 alpha/beta 版本)支持音频的 Vorbis 和 PCM Wav。我不相信 10.10 实际上支持音频标签。

如果 Apple 曾经费心在 QuickTime 框架中包含对 Xiph 编解码器的支持,Safari 将支持 Vorbis(以及视频方面的 Theora)(当然,您可以使用 XiphQT 手动添加它,但您显然不能指望它用于网络开发目的)。

无论如何,Vorbis 显然是覆盖率最高的(Chrome 现在的市场份额比 Safari 还多,Opera 大约是 Safari 的一半,FF 显然是巨大的),而且它并没有像 Theora 那样强烈反对拥有。与 Theora 不同,我实际上可以在不久的将来看到 Safari 对 Vorbis 的支持。

【讨论】:

这很有趣,是为了让我轻松起来! 嘿,你为什么不相信 10.10 支持音频标签? 我好像记得那样。为了确定,我刚刚检查了 Modernizr HTML5/CSS3 检测库,Opera 10.10 不支持 或 【参考方案2】:

我想你已经回答了你自己的问题。既然您已经忽略了 IE,为什么不也忽略 Opera?然后,您可以为其他人使用 Ogg/MP3,也许可以为 IE/Opera 使用一些简单的 Flash。

【讨论】:

【参考方案3】:

为什么不使用 Flash?

哦等等。那太容易了。

【讨论】:

我有我的理由,我有我的要求。我只是在 HTML 5 音频方面询问。 ...因为 Flash 存在漏洞并且在安全的公司和承包商环境中不完全受支持。【参考方案4】:

如果您无论如何都必须在 IE 上使用 Flash,为什么不只构建一次呢?您只需在接下来 5 年的浏览器更新中每次发生变化时都需要维护它。

【讨论】:

我什至不支持 IE。在 IE 中,用户根本听不到任何声音。我很清楚Flash可以做什么。我不是在寻求替代方案等,而是在询问非常具体的 HTML 5 音频功能。

以上是关于跨浏览器的 HTML 5 音频不兼容怎么办?的主要内容,如果未能解决你的问题,请参考以下文章

跨浏览器音频到画布可视化

仅使用 javascript 和 html 以具有跨浏览器功能的 html 音频录制

跨浏览器 - 移动兼容的自定义滚动条

跨浏览器 HTML5 音频播放器

如何自动执行跨浏览器兼容测试

跨浏览器音频支持(无 Flash)