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>
自己动手试一试 »
HTML 音频 - 工作原理
controls
属性添加音频控件,如播放、暂停和音量。
<source>
元素允许您指定浏览器可以选择的替代音频文件。浏览器将使用第一个识别的格式。
<audio>
和 </audio>
标签之间的文本仅显示在不支持 <audio>
元素的浏览器中。
HTML <audio> 自动播放
要自动开始播放音频文件,请使用 autoplay
属性
示例
<audio controls autoplay>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
您的浏览器不支持 audio 元素。
</audio>
自己动手试一试 »
注意: Chromium 浏览器在大多数情况下不允许自动播放。但是,静音自动播放始终是被允许的。
在 autoplay
后面添加 muted
,以便您的音频文件可以开始自动播放(但静音)
示例
<audio controls autoplay muted>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
您的浏览器不支持 audio 元素。
</audio>
自己动手试一试 »
浏览器支持
表中数字表示完全支持 <audio>
元素的首个浏览器版本。
元素 | |||||
---|---|---|---|---|---|
<audio> | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
HTML 音频格式
有三种受支持的音频格式:MP3、WAV 和 OGG。浏览器对不同格式的支持情况如下:
浏览器 | MP3 | WAV | OGG |
---|---|---|---|
Edge/IE | 推荐 | 是* | 是* |
Chrome | 推荐 | 推荐 | 推荐 |
Firefox | 推荐 | 推荐 | 推荐 |
Safari | 推荐 | 推荐 | 不推荐 |
Opera | 推荐 | 推荐 | 推荐 |
*从 Edge 79 开始
HTML 音频 - 媒体类型
文件格式 | 媒体类型 |
---|---|
MP3 | audio/mpeg |
OGG | audio/ogg |
WAV | audio/wav |
HTML 音频 - 方法、属性和事件
HTML DOM 为 <audio>
元素定义了方法、属性和事件。
这允许您加载、播放和暂停音频,以及设置持续时间和音量。
还有 DOM 事件可以在音频开始播放、暂停等时通知您。
有关完整的 DOM 参考,请访问我们的 HTML 音频/视频 DOM 参考。
HTML 音频标签
标签 | 描述 |
---|---|
<audio> | 定义声音内容 |
<source> | 为媒体元素(如 <video> 和 <audio>)定义多个媒体资源 |