轻松上手,快乐学习!

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 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>