HTML 音频

HTML <audio> 元素

要在 HTML 中播放音频文件，请使用 <audio> 元素：

实例

<audio controls>
  <source src="song.ogg" type="audio/ogg">
  <source src="song.mp3" type="audio/mpeg">
您的浏览器不支持 audio 元素。
</audio>

亲自试一试

HTML 音频 - 工作原理

controls 属性添加音频控件，如播放、暂停和音量。

<source> 元素允许您指定浏览器可以选择的备用音频文件。浏览器将使用第一个识别的格式。

<audio> 和 </audio> 标签之间的文本仅在不支持 <audio> 元素的浏览器中显示。

HTML <audio> 自动播放

要自动开始播放音频文件，请使用 autoplay 属性：

实例

<audio controls autoplay>
  <source src="song.ogg" type="audio/ogg">
  <source src="song.mp3" type="audio/mpeg">
您的浏览器不支持 audio 元素。
</audio>

亲自试一试

注意：Chromium 浏览器在大多数情况下不允许自动播放。但是，静音自动播放始终是允许的。

在 autoplay 后添加 muted 以让音频文件自动开始播放（但静音）：

实例

<audio controls autoplay muted>
  <source src="song.ogg" type="audio/ogg">
  <source src="song.mp3" type="audio/mpeg">
您的浏览器不支持 audio 元素。
</audio>

亲自试一试

浏览器支持

表格中的数字指定了完全支持 <audio> 元素的第一个浏览器版本。

HTML 音频格式

支持的音频格式有三种：MP3、WAV 和 OGG。浏览器对不同格式的支持情况如下：

* 从 Edge 79 开始

HTML 音频 - 媒体类型

HTML 音频 - 方法、属性和事件

HTML DOM 为 <audio> 元素定义了方法、属性和事件。

这允许您加载、播放和暂停音频，以及设置时长和音量。

还有一些 DOM 事件可以在音频开始播放、暂停等时通知您。

有关完整的 DOM 参考，请访问我们的 HTML 音频/视频 DOM 参考。

HTML 音频标签

如需查看所有可用 HTML 标签的完整列表，请访问我们的 HTML 标签参考手册。