javascript - 如何使用 HTML5 将音频合并到网站中？

Question

我被要求为客户制作一个微型网站，他们希望它是一个包含音频旁白的演示风格网站。

他们要求用 HTML5 完成，但我还没有用 HTML5 制作任何东西。他们还希望它能够覆盖广泛的受众，那么 HTML5 是否适用，最低浏览器要求是什么？

除了 Flash 之外，还有什么方法可以为页面制作画外音……也许是 jQuery 或其他什么？

选项是

• HTML5，浏览器支持有限
• 无法在 iPad/手机上查看的基于 Flash 的网站
• 没有旁白!

Answer 1

无论何时使用 HTML5 进行开发，都应该考虑提供向后兼容性的方法。

要确定最低浏览器要求，请访问此处:http://en.wikipedia.org/wiki/Comparison_of_layout_engines_(HTML5 )

使用 HTML5 音频: http://www.w3schools.com/html5/html5_audio.asp

对于 HTML5 音频，您将需要至少两个声音文件副本才能访问每个浏览器:我会说一个是 mp3 格式，另一个是 Ogg Vorbis。

您可以使用简单的浏览器检测 javascript 来确定浏览器并相应地提供内容:http://javascript.about.com/library/blbrsdet.htm

通常，最佳做法是确定支持，然后按顺序回退:

1. 如果他们支持 HTML5，请使用 <audio>
2. 如果他们不支持 HTML5，请测试是否支持 Flash。如果可以，提供 flash 音频。
3. 如果两者都不是，则显示一段包含旁白内容的文本。

从本质上讲，始终服务于最新最好的产品，但首先要支持让您实现目标的技术。