HTML 音频标签 (<audio>
) 允许您在 Web 页面中嵌入音频文件并对其进行播放控制。要使用此标签,请遵循以下步骤:
- 创建
<audio>
标签:
<audio controls>
<!-- 音频文件位置 -->
</audio>
- 指定音频文件源:
使用 src
属性指定要嵌入的音频文件的 URL 或路径。
<audio controls>
<source src="audio.mp3">
</audio>
- 添加音频类型:
使用 type
属性指定音频文件的类型。此处列出一些常见的音频类型:
audio/mp3
audio/wav
audio/oga
audio/ogg
- 添加播放控制(可选):
controls
属性会添加一个播放器界面,包括播放/暂停、快进、快退和音量控制。
- 设置音频属性(可选):
您可以使用以下属性进一步自定义音频标签:
autoplay
:自动播放音频。loop
:循环播放音频。muted
:静音音频。startTime
和endTime
:指定音频开始和结束时间(单位为秒)。
示例:
<audio controls>
<source src="audio.mp3" type="audio/mp3">
<source src="audio.wav" type="audio/wav">
您的浏览器不支持音频标签。
</audio>
注意事项:
- 为了确保兼容性,建议提供多种不同类型的音频文件(例如 MP3 和 WAV)。
- 某些浏览器可能不支持某些音频类型。
- 音频文件应该托管在相同的域或具有 CORS 许可。
- 您可以在音频标签中嵌入多个
<source>
元素,以提供不同的比特率或文件格式。
其他资源: