在 HTML 中嵌入音频可以使用<audio>
标签,具体实现方法如下:
<audio>
标签:<audio src="音频文件路径"></audio>
其中,src
属性指定了音频文件的路径,可以是绝对路径或相对路径。
<audio src="音频文件路径" controls></audio>
其中controls
属性表示显示音频控制器。
<audio src="音频文件路径" autoplay loop></audio>
其中,autoplay
属性表示自动播放,loop
属性表示循环播放。
<figcaption>
标签,方法如下:<figure>
<audio src="音频文件路径" controls></audio>
<figcaption>音频说明文字</figcaption>
</figure>
其中,<figure>
标签用于包含音频和文字说明,<figcaption>
标签用于添加文字说明。
需要注意的是,<audio>
标签不被所有浏览器支持,为了兼容性考虑,可以添加<source>
标签,指定不同格式的音频文件,浏览器会自动选择支持的格式进行播放。具体实现方法如下:
<audio controls>
<source src="音频文件路径" type="audio/mpeg">
<source src="音频文件路径" type="audio/ogg">
<p>您的浏览器不支持HTML5音频播放,请升级浏览器</p>
</audio>
其中,<source>
标签指定了不同格式的音频文件,type
属性表示文件的MIME类型,<p>
标签用于在不支持HTML5音频播放的浏览器上显示提示信息。
关键词高亮:<audio>
、src
、controls
、autoplay
、loop
、<figcaption>
、<figure>
、<source>
、MIME类型