HTML音频标签

HTML音频标签用于在网页中嵌入音频。它提供了一个简单的界面，以便用户可以在网页上播放和控制音频播放。

语法

<audio src="audio.mp3" controls></audio>

• src 属性指定音频文件的URL。
• controls 属性添加播放/暂停、声音/静音、播放进度等UI控件。
• 也可以使用<source>元素添加多个音频源，浏览器将尝试加载第一个可用的源。如：

<audio controls>
  <source src="audio.mp3" type="audio/mpeg">
  <source src="audio.ogg" type="audio/ogg">
  Your browser does not support the audio element.
</audio>

• type 属性指定音频文件的媒体类型。

常用属性

• autoplay：当设置为true时，音频在加载后自动播放。
• loop：当设置为true时，音频将循环播放。
• preload：指示浏览器在页面加载时是否预加载音频文件。可选值：none、metadata、auto。
• volume：音频的音量。0.0为静音，1.0为最大音量。

事件

• onplay：音频开始播放时触发。
• onpause：音频暂停时触发。
• onended：音频播放完毕时触发。
• onerror：当音频加载错误时触发。

总结

HTML音频标签提供了一种简单的方法将音频文件嵌入到网页中，并便于用户播放和控制音频。它还提供了一些属性，如autoplay、loop和preload，以及事件，如onplay和onended，以便进一步控制音频的行为。