HTML 音频

HTML<audio>元素用于在网页上播放音频文件。

HTML <audio> 元素

要播放 HTML 格式的音频文件，请使用<audio>元素：

示例

<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

亲自试一试 »

HTML 音频 - 工作原理

这个controls属性添加音频控件，例如播放、暂停和音量。

这个<source>元素允许您指定浏览器可以选择的替代音频文件。浏览器将使用第一个识别的格式。

之间的文字<audio>和</audio>标签只会在不支持的浏览器中显示<audio>元素。

HTML <音频> 自动播放

要自动启动音频文件，请使用autoplay属性：

示例

<audio controls autoplay>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

亲自试一试 »

笔记：Chromium 浏览器在大多数情况下不允许自动播放。但是，始终允许静音自动播放。

添加muted后 autoplay让您的音频文件开始自动播放（但静音）：

示例

<audio controls autoplay muted>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

亲自试一试 »

浏览器支持

表中的数字指定第一个完全支持的浏览器版本<audio>元素。

Element
<audio>	4.0	9.0	3.5	4.0	10.5

HTML 音频格式

支持三种音频格式：MP3、WAV 和 OGG。浏览器对不同格式的支持是：

Browser	MP3	WAV	OGG
Edge/IE	YES	YES*	YES*
Chrome	YES	YES	YES
Firefox	YES	YES	YES
Safari	YES	YES	NO
Opera	YES	YES	YES

*来自边缘 79

HTML 音频 - 媒体类型

File Format	Media Type
MP3	audio/mpeg
OGG	audio/ogg
WAV	audio/wav

HTML 音频 - 方法、属性和事件

HTML DOM 定义了方法、属性和事件<audio>元素。

这允许您加载、播放和暂停音频，以及设置持续时间和音量。

还有一些 DOM 事件可以在音频开始播放、暂停等时通知您。

要获得完整的 DOM 参考，请访问我们的HTML 音频/视频 DOM 参考。

HTML 音频标签

Tag	Description
<audio>	Defines sound content
<source>	Defines multiple media resources for media elements, such as <video> and <audio>