HTML <audio> 标签
示例
播放一个声音文件
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
您的浏览器不支持音频标签。
</audio>
自己动手试一试 »
定义和用法
<audio>
标签用于在文档中嵌入声音内容,例如音乐或其他音频流。
<audio>
标签包含一个或多个 <source>
标签,其中包含不同的音频源。浏览器将选择它支持的第一个源。
<audio>
和 </audio>
标签之间的文本将仅在不支持 <audio>
元素的浏览器中显示。
HTML 中支持三种音频格式:MP3、WAV 和 OGG。
音频格式和浏览器支持
浏览器 | MP3 | WAV | OGG |
---|---|---|---|
Edge / IE | 推荐 | 是* | 是* |
Chrome | 推荐 | 推荐 | 推荐 |
Firefox | 推荐 | 推荐 | 推荐 |
Safari | 推荐 | 推荐 | 不推荐 |
Opera | 推荐 | 推荐 | 推荐 |
*从 Edge 79 开始
提示和注释
提示: 对于视频文件,请查看 <video>
标签。
浏览器支持
表格中的数字表示完全支持该元素的首个浏览器版本。
元素 | |||||
---|---|---|---|---|---|
<audio> | 4.0 | 9.0 | 3.5 | 4.0 | 11.5 |
属性
Attribute | 值 | 描述 |
---|---|---|
autoplay | autoplay | 指定音频一准备好就立即播放 |
controls | controls | 指定应显示音频控件(例如播放/暂停按钮等) |
循环 | 循环 | 指定音频每次播放完毕后都将重新开始 |
muted | muted | 指定应将音频输出静音 |
preload | auto metadata none |
指定作者认为在页面加载时应如何加载音频 |
src | URL | 指定音频文件的 URL |
全局属性
<audio>
标签还支持 HTML 中的全局属性。
事件属性
<audio>
标签还支持 HTML 中的事件属性。
相关页面
HTML DOM 参考:HTML 音频/视频 DOM 参考
默认 CSS 设置
无。