HTML <audio> 标签

定义和用法

<audio> 标签用于在文档中嵌入声音内容,例如音乐或其他音频流。

<audio> 标签可包含一个或多个拥有不同音频源的 <source> 标签。浏览器将选择它支持的第一个源。

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

提示:对于视频文件,请查看 <video> 标签

HTML 支持三种音频格式:MP3、WAV 和 OGG。

音频格式和浏览器支持

浏览器 MP3 WAV OGG
Edge / IE 支持 支持 * 支持 *
Chrome 支持 支持 支持
Firefox 支持 支持 支持
Safari 支持 支持 不支持
Opera 支持 支持 支持

* 从 Edge 79 开始

另请参阅:

HTML DOM 参考手册:HTML Audio/Video DOM 参考手册

实例

播放声音文件:

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

亲自试一试

属性

属性 描述
autoplay autoplay 规定音频将在准备就绪后立即开始播放。
controls controls 规定应显示音频控件(例如播放/暂停按钮等)。
loop loop 规定音频将在每次结束后重新开始。
muted muted 规定音频输出应静音。
preload
  • auto
  • metadata
  • none
规定是否以及如何在页面加载时加载音频。
src URL 规定音频文件的 URL。

全局属性

<audio> 标签还支持 HTML 中的全局属性

事件属性

<audio> 标签还支持 HTML 中的事件属性

默认的 CSS 设置

无。

浏览器支持

表中的数字注明了首个完全支持该元素的浏览器版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 4.0 11.5