HTML5提供的音频播放标准

直到互联网高速发展的今天，WEB中仍然不存在网页上播放音频的标准。
大多数音频是通过插件（比如 Flash）来播放的。然而，并非所有浏览器都拥有同样的插件，所以这似乎是一个非常难统一的麻烦事。
不久前，最新的HTML5规定了一种通过audio元素来包含音频的标准方法，这似乎为我们走出窘境提供了道路。
简单的介绍一下HTML5中的audio元素：audio元素的作用是播放声音文件或者音频流，只有极少数几个最新版本的浏览器支持audio标签。
当前，audio元素只支持三种音频格式：Ogg Vorbis；MP3；Wav，而针对最新版本的几大浏览器的测试情况是：
IE9只支持MP3格式；
Firefox3.5支持Ogg Vorbis和Wav；
Oprea10.5支持Ogg Vorbis和Wav；
Chrome3.0支持Ogg Vorbis和MP3；
Safari3.0支持MP3和Wav。
（测试版本为当前版本，更新之后的版本为测试。）
如果需在HTML5中播放音频，您所有需要的是：
<audio src=”song.ogg” controls=”controls”></audio>
control属性提供添加播放、暂停和音量控件。
<audio>与</audio>之间插入的内容是提供不支持audio元素的浏览器显示的。
Code 1：
<audio src=”song.ogg” controls=”controls”>Your browser does not support the audio tag.</audio>
上面的例子使用了一个Ogg文件，适用于Firefox、Opera以及Chrome浏览器。
如果要确保适用于Safari浏览器，音频文件必须是MP3或Wav类型。
audio元素允许多个source元素。source元素可以链接不同的音频文件。浏览器将在多个音频格式中使用第一个可识别的格式。
Code 2：
<audio controls=”controls”><source src=”song.ogg” type=”audio/ogg”><source src=”song.mp3″ type=”audio/mpeg”>Your browser does not support the audio tag.</audio>
Internet Explorer 8及其以下版本不支持audio元素，在IE9中，将提供对audio元素的支持。
现在中国主流的浏览器几乎都是IE6以及以IE6内核为主的国产狗皮浏览器，所以要期待国产的浏览器支持audio标签还需要一段时间。
audio标签具有一下属性：
autoplay[autoplay]：如果出现该属性，则音频在就绪后马上播放。
controls[controls]：如果出现该属性，则向用户显示控件，比如播放按钮。
loop[loop]： 如果出现该属性，则每当音频结束时重新开始播放。
preload[preload]：如果出现该属性，则音频在页面加载时进行加载，并预备播放。如果使用 “autoplay”，则忽略该属性。
更多关于audio标签的属性解释及其使用方法，请参考W3School的audio。

【HTML5提供的音频播放标准】相关文章

1. HTML5提供的音频播放标准

2. JavaScript为HTML 5提供的3D加速渲染

3. HTML5音频播放器和库

4. jQuery 插件：用于移动项目的响应式音频播放器

5. jQuery 插件：用于移动项目的响应式音频播放器

6. HTML5的音频和JQUERY的全屏幻灯片

7. HTML5的音频和JQUERY的全屏幻灯片

8. Pandora推出基于HTML5的音乐播放器

9. jQuery和CSS3定制HTML5视频播放器

10. HTML5 CSS3 jQuery制作视频播放器完全指南

本文来源：https://www.51html5.com/a2408.html