播放声音文件:
<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