HTML教程-HTML<audio>标签
HTML音频标签用于定义音乐和其他音频剪辑等声音。目前，HTML5音频标签支持三种文件格式。
- mp3
- wav
- ogg
HTML5支持<video>和<audio>控件。Flash、Silverlight和类似的技术用于播放多媒体项。
下表定义了哪个Web浏览器支持哪种音频文件格式。
| 浏览器 | mp3 | wav | ogg |
|---|---|---|---|
 Internet Explorer | 是 | 否 | 否 |
 Google Chrome | 是 | 是 | 是 |
 Mozilla Firefox | 是* | 是 | 是 |
 Opera | 否 | 是 | 是 |
 Apple Safari | 是 | 是 | 否 |
HTML音频标签示例
让我们来看一个使用HTML音频标签播放mp3文件的示例。
<audio controls>
<source src="koyal.mp3" type="audio/mpeg">
Your browser does not support the HTML audio tag.
</audio>输出
让我们来看一个使用HTML音频标签播放ogg文件的示例。
<audio controls>
<source src="koyal.ogg" type="audio/ogg">
Your browser does not support the HTML audio tag.
</audio>输出
支持的浏览器
| 元素 | Chrome | IE | Firefox | Opera | Safari |
|---|---|---|---|---|---|
| <audio> | 是 | 是 | 是 | 是 | 是 |
HTML音频标签的属性
下面给出了HTML音频标签的属性列表。
| 属性 | 描述 |
|---|---|
| controls | 它定义了与播放/暂停按钮一起显示的音频控件。 |
| autoplay | 它指定音频在准备就绪时开始播放。 |
| loop | 它指定音频文件在完成后将重新开始播放。 |
| muted | 它用于将音频输出静音。 |
| preload | 它指定了在页面加载时作者视图上传音频文件。 |
| src | 它指定音频文件的源URL。 |
HTML音频标签属性示例
在这里，我们将使用HTML音频标签的controls、autoplay、loop和src属性。
<audio controls autoplay loop>
<source src="koyal.mp3" type="audio/mpeg">
</audio>HTML音频格式的MIME类型
HTML音频标签的可用MIME类型如下。
| 音频格式 | MIME类型 |
|---|---|
| mp3 | audio/mpeg |
| ogg | audio/ogg |
| wav | audio/wav |
