HTML HTML5 PHP Mysql Linux 缓存技术 工具 资讯 读书 其他

HTML5音频(Audio)


HTML5提供了播放音频文件的标准.


网络上的音频

HTML5之前, 网页中没有播放音频文件的统一标准.

HTML5之前, 音频文件使用插件播放(如flash插件). 然而,不同的浏览器支持不同的插件.

HTML5定义了新元素和标准,在网页上嵌入音频文件:<audio>元素.


浏览器支持

Internet Explorer Firefox Opera Google Chrome Safari

IE9+, 火狐浏览器, 欧鹏浏览器, 谷歌浏览器,苹果浏览器支持<audio>元素.

注意: IE8及之前版本,不支持<audio>元素.


HTML5音频 - 如何工作

HTML5中播放音频,你需要知道:

例子

<audio controls>
  <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>


To Top