HTML <audio> 标签
实例
播放音频文件：
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
你的浏览器不支持 audio 元素。
</audio>
亲自试一试 »
<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.
