HTML的audio标签
HTML音频标签 - audio
<audio>
元素用于在HTML文档中嵌入音频内容。它提供了一种在网站中添加音频的简单方法。
基本语法
<audio controls>
<source src="audio.mp3" type="audio/mpeg">
</audio>
- 标签:
<audio>
。 - 属性 -
controls
:该属性用于向用户显示控件,例如播放/暂停按钮、音量控制等。 - 内容 -
<source>
:用于指定音频文件的来源,源文件可以是多个格式(mp3、ogg等),浏览器会自动选择最合适的格式进行播放。
属性
autoplay
- 当设置为true时,音频会自动播放。默认为false
。controls
- 当设置为true时,显示音频控件。默认为false
。loop
- 当设置为true时,音频会循环播放。默认为false
。muted
- 当设置为true时,静音音频。默认为false
。preload
- 指定音频缓存行为。默认为auto
。src
- 指定音频文件的URL。volume
- 指定音频的音量。范围从0
(静音)到1
(最大音量)。默认为1
。
支持的音频格式
<audio>
元素通常支持多种音频格式。以下是HTML5支持的常用音频格式:
- MP3
- Ogg
- WAV
为了确保您的音频文件可以在所有主要浏览器上播放,您应该提供至少两种格式的音频文件。
浏览器兼容性
支持 audio
标签的浏览器包括:
- Internet Explorer (IE9以上版本)
- Google Chrome、Firefox、Safari、Opera 等。
示例
以下是一个完整的 <audio>
元素的示例:
<audio controls>
<source src="audio.mp3" type="audio/mpeg">
<source src="audio.ogg" type="audio/ogg">
<source src="audio.wav" type="audio/wav">
</audio>