HTML

<audio> 标签是 HTML5 中新加入的元素之一，用于在网页上嵌入音频或音乐，并提供一些控制功能。下面介绍一些常用的 <audio> 控件属性。

控制属性

autoplay

设置该属性后，音频会自动播放。例如：

<audio controls autoplay>
  <source src="music.mp3" type="audio/mp3">
</audio>

loop

设置该属性后，音频会循环播放。例如：

<audio controls loop>
  <source src="music.mp3" type="audio/mp3">
</audio>

controls

设置该属性后，会显示音频的默认控件，包括播放/暂停、音量、进度条等。例如：

<audio controls>
  <source src="music.mp3" type="audio/mp3">
</audio>

muted

设置该属性后，音频将默认静音播放。例如：

<audio controls muted>
  <source src="music.mp3" type="audio/mp3">
</audio>

媒体源属性

src

用于指定要播放的音频文件的 URL。例如：

<audio controls>
  <source src="music.mp3" type="audio/mp3">
</audio>

type

用于指定媒体源的 MIME 类型。例如：

<audio controls>
  <source src="music.mp3" type="audio/mp3">
  <source src="music.ogg" type="audio/ogg">
</audio>

事件属性

onplay

该事件在音频开始播放时触发。例如：

<audio controls onplay="console.log('音频开始播放了')">
  <source src="music.mp3" type="audio/mp3">
</audio>

onpause

该事件在音频暂停时触发。例如：

<audio controls onpause="console.log('音频暂停了')">
  <source src="music.mp3" type="audio/mp3">
</audio>

以上是 <audio> 控件的一些常用属性。需要注意的是，在不同的浏览器中，音频控件的显示和功能可能会有所不同，建议在实际使用中做好兼容性测试。