HTML5提供了一个标准来播放音频文件.

网页上的音频

在HTML5之前,网页上播放音频文件是没有标准的.

在HTML5之前,音频文件只能通过插件来进行播放(例如:flash).

HTML5的<audio>元素指定一个标准在网页上嵌入音频.

HTML <audio>元素

要在HTML里播放音频,用<audio>元素：

<audio controls>
  <source src="/public/mp3/example.mp3" type="audio/mpeg">
  <source src="horse.mp3" type="audio/mpeg">
你的浏览器不支持音频播放.
</audio>

HTML 音频 - 是怎么工作的

controls属性添加音频控制按钮,例如:播放,暂停和音量.

<audio>和<audio>之间的文字会在浏览器不支持<audio>标签时显示.

多个<source>元素可以连接到不同的音频文件.浏览器将播放第一个能识别的格式.

HTML 音频 - 浏览器支持

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

HTML 音频 - 媒体类型

HTML 音频 - 方法,属性和事件

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

这可以允许你加载,播放和停止音频,还有设置播放时长和音量.

也有DOM事件提醒,当音频开始播放,是否暂停等等.

要看完整的DOM介绍,到我们的HTML5 音频/视频 DOM参考.

HTML5 音频标签