轻松上手,快乐学习!

HTML <audio> 标签



实例

播放音频文件:

<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
  你的浏览器不支持 audio 元素。
</audio>
亲自试一试 »

定义和用法

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

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

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

HTML 有三种受支持的音频格式: MP3, WAV, and OGG.

音频格式和浏览器支持

浏览器 MP3 WAV OGG
Edge / IE YES NO NO
Chrome YES YES YES
Firefox YES YES YES
Safari YES YES NO
Opera YES YES YES

提示和注释

提示: 有关视频文件,请查看 <video> 标签。


浏览器支持

表中的数字指完全支持该元素的第一个浏览器版本。

元素
<audio> 4.0 9.0 3.5 4.0 11.5

属性

属性 描述
autoplay autoplay 如果出现该属性,则音频在就绪后马上播放。
controls controls 如果出现该属性,则向用户显示控件,比如播放按钮。
loop loop 如果出现该属性,则每当音频结束时重新开始播放。
muted muted 规定视频输出应该被静音。
preload auto
metadata
none

如果出现该属性,则音频在页面加载时进行加载,并预备播放。

如果使用 "autoplay",则忽略该属性。

src URL 要播放的音频的 URL。

全局属性

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


事件属性

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


相关页面

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


默认CSS设置

None.