HTML 音频
HTML <audio> 元素用于在网页上播放音频文件。
HTML <audio> 元素
要在 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>
HTML Audio - 工作原理
controls 控制属性添加音频控件,如播放、暂停和音量。
<source> 元素允许您指定浏览器可以从中选择的其他音频文件。浏览器将使用第一个识别的格式。
<audio> 和 </audio> 标记之间的文本将仅在不支持 <audio> 元素的浏览器中显示。
浏览器支持
表中的数字指定了完全支持 <audio> 元素的第一个浏览器版本。
| 元素 | |||||
|---|---|---|---|---|---|
| <audio> | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
HTML Audio - 音频格式
支持三种音频格式:MP3、WAV和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 |
HTML Audio - 媒体类型
| 文件格式 | 媒体类型 |
|---|---|
| MP3 | audio/mpeg |
| OGG | audio/ogg |
| WAV | audio/wav |
HTML Audio - 音频方法、属性和事件
HTML DOM 定义 <audio> 元素的方法、属性和事件。
这允许您加载、播放和暂停音频,以及设置持续时间和音量。
还有一些DOM事件可以在音频开始播放、暂停等时通知您。
有关完整的DOM参考,请转到我们的 HTML Audio/Video DOM 参考手册。
HTML Audio 音频标签
| 标签 | 描述 |
|---|---|
| <audio> | 定义声音内容 |
| <source> | 为媒体元素定义多个媒体资源,例如 <video> 和 <audio> |
