W3C中文教程
全球最大最新的中文 Web 技术教程
HTML CSS SQL PHP COLORS MYSQL BOOTSTRAP
 

HTML5 音频



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


互联网上的音频

在HTML5之前,仍然不存在一项旨在网页上播放音频的标准。

在HTML5之前,大多数音频是通过插件(比如 Flash)来播放的。然而,并非所有浏览器都拥有同样的插件。

HTML5 规定了在网页上嵌入音频元素的标准,即使用 <audio> 元素。


浏览器支持

表中的数字指定完全支持 <audio> 元素的第一个浏览器版本。

元素
<audio> 4.0 12.0 9.0 3.5 4.0 10.5

HTML <audio> 元素

要使用HTML播放音频文件,请使用 <audio> 元素:

Example

<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
尝试一下 »

HTML Audio - 如何工作

controls 属性添加音频控件,如播放,暂停和音量。

<audio> 与 </audio> 标签之间的文字将显示在不支持 <audio> 元素的浏览器中。

多个 <source> 元素可以链接到不同的音频文件,浏览器将使用第一个支持的音频文件。


音频格式及浏览器支持

目前, <audio> 元素支持三种音频格式文件: MP3,Wav,和 Ogg:

浏览器 MP3 Wav Ogg
Internet Explorer YES NO NO
Chrome YES YES YES
Firefox YES YES YES
Safari YES YES NO
Opera YES YES YES

音频格式的MIME类型

File Format Media Type
MP3 audio/mpeg
Ogg audio/ogg
Wav audio/wav

HTML Audio - 方法、属性和事件

HTML5定义了 <audio> 元素的DOM方法、属性和事件。

允许你加载,播放,暂停音频,以及设置时间和音量。

也有DOM事件,可以通知你,当音频开始播放,暂停,等等。

完整的DOM参考内容,请查看HTML5音频/视频DOM参考手册


HTML5 Audio 标签

标签 描述
<audio> 定义了声音内容
<source> 规定了多媒体资源,可以是多个,在 <video> 与 <audio> 标签中使用