本文概述
HTML音频标签用于定义声音, 例如音乐和其他音频片段。当前, HTML 5音频标签支持三种文件格式。
- mp3
- 波形
- 奥格
HTML5支持<video>和<audio>控件。 Flash, Silverlight和类似技术用于播放多媒体项目。
下表定义了哪种Web浏览器支持哪种音频文件格式。
| 浏览器 | mp3 | 波形 | 奥格 |
|---|---|---|---|
| Internet Explorer | yes | no | no |
| 谷歌浏览器 | yes | yes | yes |
| Mozilla Firefox | yes* | yes | yes |
| Opera | no | yes | yes |
| 苹果Safari | yes | yes | no |
HTML音频标签示例
让我们看看使用HTML音频标签播放mp3文件的代码。
<audio controls>
<source src="koyal.mp3" type="audio/mpeg">
Your browser does not support the html audio tag.
</audio>立即测试
输出：
你的浏览器不支持html音频标签。
让我们看一下使用HTML音频标签播放ogg文件的示例。
<audio controls>
<source src="koyal.ogg" type="audio/ogg">
Your browser does not support the html audio tag.
</audio>支持的浏览器
| Element | Chrome | IE | Firefox | Opera | Safari |
| <audio> | Yes | Yes | Yes | Yes | Yes |
HTML音频标签的属性
给出了HTML音频标签的列表。
| 属性 | 描述 |
|---|---|
| controls | 它定义了与播放/暂停按钮一起显示的音频控件。 |
| autoplay | 它指定音频将在准备就绪后立即开始播放。 |
| loop | 它指定每次完成时, 音频文件将重新开始。 |
| muted | 它用于使音频输出静音。 |
| preload | 当页面加载时, 它指定作者视图以上传音频文件。 |
| src | 它指定音频文件的源URL。 |
HTML音频标签属性示例
在这里, 我们将使用HTML音频标签的控件, 自动播放, 循环和src属性。
<audio controls autoplay loop>
<source src="koyal.mp3" type="audio/mpeg"></audio>立即测试
HTML音频格式的MIME类型
可用的MIME类型HTML音频标签如下所示。
| 音讯格式 | MIME类型 |
|---|---|
| mp3 | audio/mpeg |
| ogg | audio/ogg |
| wav | audio/wav |
