HTML <audio>标签
HTML Audio标签作用
HTML音频标签用于定义声音，例如音乐和其他音频片段。目前，HTML 5音频标签支持三种文件格式。
mp3
wav
ogg
HTML5支持<video>和<audio>控件。 Flash，Silverlight和类似技术用于播放多媒体项目。
此表定义了哪种Web浏览器支持哪种音频文件格式。
| 浏览器 |
mp3 |
wav |
ogg |
 Internet Explorer |
支持 |
不支持 |
不支持 |
 Google Chrome |
支持 |
支持 |
支持 |
 Mozilla Firefox |
支持 |
支持 |
支持 |
 |
不支持 |
支持 |
支持 |
 Apple Safari |
支持 |
支持 |
不支持 |
HTML Audio标签示例
让我们看一下使用HTML音频标签播放mp3文件的代码。
<audio controls>
<source src="koyal.mp3" type="audio/mpeg">
您的浏览器不支持html Audio标签。
</audio>
输出:
让我们看一下使用HTML音频标签播放ogg文件的示例。
<audio controls>
<source src="koyal.ogg" type="audio/ogg">
您的浏览器不支持html Audio标签
</audio>
支持浏览器
| 元素 |
|
|
|
|
|
| <audio> |
支持 |
支持 |
支持 |
支持 |
支持 |
HTML Audio标签的属性
给出了HTML Audio标签的列表。
| 属性 |
说明 |
| controls |
它定义了用播放/暂停按钮显示的音频控件。 |
| autoplay |
它指定音频将在准备就绪后立即开始播放。 |
| loop |
它指定音频文件每次完成时都将重新开始。 |
| muted |
它用于使音频输出静音。 |
| preload |
它指定在页面加载时上传音频文件的作者视图。 |
| src |
它指定音频文件的源URL。 |
HTML音频标签属性示例
在这里，我们将使用HTML音频标签的控件，自动播放，循环和src属性。
<audio controls autoplay loop>
<source src="koyal.mp3" type="audio/mpeg"></audio>
HTML Audio格式的MIME类型
下面提供了可用的MIME类型HTML音频标签。
| 音频格式 |
MIME类型 |
| mp3 |
audio/mpeg |
| ogg |
audio/ogg |
| wav |
audio/wav |
