HTML5音频(Audio)
HTML5提供了播放音频文件的标准.
网络上的音频
HTML5之前, 网页中没有播放音频文件的统一标准.
HTML5之前, 音频文件使用插件播放(如flash插件). 然而,不同的浏览器支持不同的插件.
HTML5定义了新元素和标准,在网页上嵌入音频文件:<audio>元素.
浏览器支持
IE9+, 火狐浏览器, 欧鹏浏览器, 谷歌浏览器,苹果浏览器支持<audio>元素.
注意: IE8及之前版本,不支持<audio>元素.
HTML5音频 - 如何工作
HTML5中播放音频,你需要知道:
例子
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
你的浏览器不支持音频元素.
</audio>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
你的浏览器不支持音频元素.
</audio>
亲自试一试 »
使用控制(control)属性管理音频,如播放,暂停,音量.
浏览器不支持<audio>元素时,你可在<audio>和<audio>之间插入文本内容加以描述.
<audio> 元素允许引用多个<source>元素. <source>元素可以链接多个音频文件. 浏览器会使用第一个认可的格式.
视频格式和浏览器支持
目前,有三种文件格式支持<audio> 元素: MP3, Wav, Ogg:
浏览器 | MP3 | Wav | Ogg |
---|---|---|---|
IE浏览器 | 支持 | 不支持 | 不支持 |
谷歌浏览器 | 支持 | 支持 | 支持 |
火狐浏览器 |
不支持
更新: 火狐29运行在Windows 7, Windows 8, Windows Vista, 和Android设备支持MP3格式 |
支持 | 支持 |
苹果浏览器 | 支持 | 支持 | 不支持 |
欧鹏 | 不支持 | 支持 | 支持 |
Audio格式的MIME类型
格式 | MIME类型 |
---|---|
MP3 | audio/mpeg |
Ogg | audio/ogg |
Wav | audio/wav |
HTML5音频标签 (Audio)
标签 | 描述 |
---|---|
<audio> | 定义声音内容 |
<source> | 定义多媒体元素的资源,例如<video>和<audio> |