HTML <audio> 标签
示例
播放声音文件：
<audio controls> <source type="audio/ogg" src="horse.ogg"> <source src="../assets/horse.ogg" type="audio/ogg"> <source src="../assets/horse.mp3" type="audio/mpeg"> 您的浏览器不支持音频标签。 </audio>
定义和用法
<audio> 标签用于在文档中嵌入声音内容，例如音乐或其他音频流。
<audio> 标签包含一个或多个具有不同音频源的 <source> 标签。 浏览器将选择它支持的第一个来源。
<audio> 和 </audio> 标签之间的文本只会在不支持 <audio> 元素的浏览器中显示。
HTML 支持三种音频格式：MP3、WAV 和 OGG。
音频格式和浏览器支持
| 浏览器 | MP3 | WAV | OGG |
|---|---|---|---|
| Edge / IE | YES | YES* | YES* |
| Chrome | YES | YES | YES |
| Firefox | YES | YES | YES |
| Safari | YES | YES | ❌ |
| Opera | YES | YES | YES |
提示和注意事项
提示： 对于视频文件，请查看 <video> 标签。
浏览器支持
表中的数字指定了完全支持该元素的第一个浏览器版本。
| Element |
|
|
|
|
|
|---|---|---|---|---|---|
| <audio> | 4.0 | 9.0 | 3.5 | 4.0 | 11.5 |
属性
| 属性 Attribute | 值 Value | 描述 Description |
|---|---|---|
| autoplay | autoplay | 指定音频一准备好就开始播放 |
| controls | controls | 指定应显示音频控件（例如播放/暂停按钮等） |
| loop | loop | 指定音频将在每次结束时重新开始 |
| muted | muted | 指定音频输出应静音 |
| preload | auto metadata none | 指定当页面加载时作者是否以及如何认为应该加载音频 |
| src | URL | 指定音频文件的 URL |
全局属性
<audio> 标签支持 HTML 中的全局属性。
事件属性
<audio> 标签支持 HTML 中的事件属性。
相关页面
HTML Audio/Video DOM 参考: HTML Audio/Video DOM Reference