HTML5 的 audio 标签

HTML5 中的 audio 标签是一个用于嵌入音频文件的标签，该标签允许页面开发者在自己的网页中直接嵌入音频文件，而不需要使用 Flash 或者其它插件。

语法

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

<audio> 标签内的 src 属性需要指定要嵌入的音频文件的 URL。controls 属性会显示一个音频控件，允许用户播放、暂停、调整音量和快进以及倒回所嵌入的音频文件。

支持的音频格式

HTML5 的 audio 标签可以嵌入多种音频格式，具体受实现的浏览器支持情况的影响。通常情况下，同时支持的音频格式有以下几种：

• MP3
• WAV
• OGG

为了确保对于各种浏览器和操作系统都有正确的支持，可以为 <audio> 标签提供多种格式的音频文件。在不支持指定格式的浏览器上，会自动切换到另外的格式。

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

其他属性

autoplay

如果在 <audio> 标签中添加 autoplay 属性，则会在页面加载时自动播放音频文件。

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

loop

如果在 <audio> 标签中添加 loop 属性，则会循环播放音频文件。

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

preload

在 <audio> 标签中添加 preload 属性后，会在页面加载时开始下载指定的音频文件。该属性可使用以下值：

• none - 不预加载音频文件
• metadata - 仅预加载音频文件的元数据
• auto - 预加载整个音频文件

<audio src="audio.mp3" preload="auto"></audio>