HTML音频

要在 HTML 中播放音频文件，请使用以下 <audio> 元素：

示例

<audio controls>
  <source src="/third/demo/sample.mav" type="audio/wav">
  <source src="/third/demo/sample.ogg" type="audio/ogg">
您的浏览器不支持音频元素。
 </audio>尝试一下一键复制

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

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

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

自动播放

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

示例

<audio controls autoplay>

 <source src="/third/demo/sample.mav" type="audio/wav">
  <source src="/third/demo/sample.ogg" type="audio/ogg">

您的浏览器不支持音频元素。
 </audio>尝试一下一键复制

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

添加 muted after 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>尝试一下一键复制

HTML 音频 - 媒体类型

文件格式	Type
MP3	audio/mpeg
OGG	audio/ogg
WAV	audio/wav

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

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

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

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