在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标签是相同的,这些相同的属性在嵌入音视频时是通用的。