5.2.1 <audio>标记
2025年09月26日
5.2.1 <audio>标记
和视频功能一样,到目前为止,在网页中播放音频的标准还未统一。当前大多数音频都是通过第三方插件来实现的,例如Flash。HTML 5的推出非常轻松地解决了这个问题,使用新增的标记<audio>可以在网页中播放音频。
通过<audio>标记元素可以非常轻松地播放声音文件或者音频流。现在的<audio>标记支持三种音频格式,这三种格式在主流浏览器版本的支持信息如表5-3所示
表5-3 主流浏览器版本支持audio标记的情况
在HTML 5中播放音频,只需通过如下代码即可实现。
■control属性:供添加播放、暂停和音量控件。
■<audio>与</audio>之间插入的内容:供不支持<audio>元素的浏览器显示。
例如在下面的演示代码中,使用一个名为“ogg”格式的音频文件,可以适用于Firefox、Opera以及Chrome浏览器。要想确保适用于Safari浏览器,则音频文件必须是MP3或Wav类型。
在标记<audio>中允许有多个“source”元素,通过“source”元素可以链接不同的音频文件。浏览器将使用第一个可识别的格式。例如下面的代码。