5.2.1  <audio>标记

5.2.1 <audio>标记

和视频功能一样,到目前为止,在网页中播放音频的标准还未统一。当前大多数音频都是通过第三方插件来实现的,例如Flash。HTML 5的推出非常轻松地解决了这个问题,使用新增的标记<audio>可以在网页中播放音频。

通过<audio>标记元素可以非常轻松地播放声音文件或者音频流。现在的<audio>标记支持三种音频格式,这三种格式在主流浏览器版本的支持信息如表5-3所示

表5-3 主流浏览器版本支持audio标记的情况

978-7-111-53392-4-Part02-238.jpg

在HTML 5中播放音频,只需通过如下代码即可实现。

978-7-111-53392-4-Part02-239.jpg

■control属性:供添加播放、暂停和音量控件。

■<audio>与</audio>之间插入的内容:供不支持<audio>元素的浏览器显示。

例如在下面的演示代码中,使用一个名为“ogg”格式的音频文件,可以适用于Firefox、Opera以及Chrome浏览器。要想确保适用于Safari浏览器,则音频文件必须是MP3或Wav类型。

978-7-111-53392-4-Part02-240.jpg

在标记<audio>中允许有多个“source”元素,通过“source”元素可以链接不同的音频文件。浏览器将使用第一个可识别的格式。例如下面的代码。

978-7-111-53392-4-Part02-241.jpg