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

我被要求为客户制作一个微型网站,他们希望它成为一个演示风格的网站,其中将包括音频旁白.

他们要求在HTML5中完成此操作,但是我还没有在HTML5中生成任何内容.他们还希望它能吸引更多的受众,因此HTML5是否适用,最低浏览器要求是什么?

除了Flash之外,还有一种为页面生成画外音的方法… jQuery可能还是其他东西?

选项是

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

解决方法:

任何时候使用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

通常,最佳实践是确定支持,然后按顺序退回:

>如果它们支持HTML5,请使用< audio>
>如果他们不支持HTML5,请测试是否支持Flash.如果可以,请提供Flash音频.
>如果两者都不显示,则显示带有叙述内容的文本块.

本质上,始终为最新和最伟大的服务,但首先支持将您带到那的技术.

相关文章

HTML5和CSS3实现3D展示商品信息的代码
利用HTML5中的Canvas绘制笑脸的代码
Html5剪切板功能的实现
如何通过HTML5触摸事件实现移动端简易进度条
Html5移动端获奖无缝滚动动画实现
关于HTML5和CSS3实现机器猫的代码