学科分类
目录
HTML5+CSS3

在HTML5中嵌入音频

在HTML5中,audio标签用于定义音频文件,它支持三种音频格式,分别为ogg、mp3和wav。使用audio标签嵌入音频文件的基本语法格式如下:

<audio src="音频文件路径" controls="controls"></audio>

从上面的基本语法格式可以看出,audio标签的语法格式和video标签类似,在audio标签的语法中src属性用于设置音频文件的路径,controls属性用于为音频提供播放控件。在<audio>和</audio>之间同样可以插入文字,当浏览器不支持audio标签时,就会在浏览器中显示该文字。

值得一提的是,在audio标签中还可以添加其他属性,来进一步优化音频的播放效果,具体如表1所示。

表1 audio标签常见属性

属性 描述
autoplay autoplay 当页面载入完成后自动播放音频。
loop loop 音频结束时重新开始播放。
preload auto/meta/none 如果出现该属性,则音频在页面加载时进行加载,并预备播放。如果使用 "autoplay"属性,浏览器会忽略preload属性。

表1列举的audio标签的属性和video标签是相同的,这些相同的属性在嵌入音视频时是通用的。

点击此处
隐藏目录