HTML5 音频(Audio)


web上的音频

在HTML5之前,音频文件只能在带插件的浏览器中播放(如Flash).

HTML5 <audio>元素指定了在网页中嵌入音频的标准方法.


浏览器支持

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

元素(Element)




<audio> 4.0 9.0 3.5 4.0 10.5

HTML <audio>元素

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

实例

<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
您的浏览器不支持audio元素.
</audio>
运行 »

HTML audio - 工作原理

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

<source>元素允许您指定浏览器可以选择的备用音频文件.浏览器将使用第一种识别的格式.

<audio></audio>标记之间的文本仅显示在不支持<audio>元素的浏览器中.



HTML audio - 浏览器支持

在HTML5中,有3种支持的音频格式: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

HTML audio - 媒体类型

文件格式 媒体类型
MP3 audio/mpeg
OGG audio/ogg
WAV audio/wav

HTML audio - 方法,属性和事件

HTML5为<audio>元素定义DOM方法,属性和事件.

这允许您加载,播放和暂停音频,以及设置持续时间和音量.

还有一些DOM事件可以在音频开始播放,暂停等时通知您.

有关完整的DOM参考,请转到我们的 HTML5 audio/video DOM参考.


HTML5音频标签

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