1.资料
W3C中关于audio的介绍,比较全面,本文仅介绍最实用的部分,其余请自行学习。
(1) HTML 5 <audio>
标签
<audio>
标签定义声音,比如音乐或其他音频流。
http://www.w3school.com.cn/html5/html5_audio.asp
(2) HTML5 音频标准
http://www.w3school.com.cn/html5/html_5_audio.asp
(3) HTML5 视频和音频的 DOM 参考手册
HTML5 DOM 为 <audio>
和 <video>
元素提供了方法、属性和事件。
这些方法、属性和事件允许您使用 JavaScript 来操作 <audio>
和 <video>
元素。
http://www.w3school.com.cn/tags/html_ref_audio_video_dom.asp
2.音频标准
audio 元素支持三种音频格式:ogg、mp3、wav
- | IE9 | Firefox 3.5 | Opera 10.5 | Chrome 3.0 | Safari 3.0 |
---|---|---|---|---|---|
Ogg Vorbis | - | √ | √ | √ | - |
MP3 | √ | - | - | √ | √ |
Wav | - | √ | √ | - | √ |
3.创建Audio
(1) <audio>
标签
<!--不常用-->
<audio src="someaudio.wav">
您的浏览器不支持 audio 标签。
</audio>
由上述表格可见,至少要两种音频格式才能覆盖所有浏览器,所以一般在写audio标签时候,会使用<source>
提供多种资源,浏览器会根据它对媒体类型或者编码器的支持进行选择,如下:
<!--常用-->
<audio controls>
<source src="horse.ogg" type="audio/ogg"><