主题
插入音频
HTML 中通过 <audio>
标签来嵌入音频文件,为网页添加声音元素,提高用户体验。
基本用法
html
<audio src="audio.mp3" controls></audio>
src
属性指定音频文件路径。controls
属性显示播放控制条(播放、暂停、音量调节等)。
常用属性
autoplay
:页面加载后自动播放(多数浏览器要求静音才生效)loop
:循环播放muted
:静音播放preload
:预加载音频,值可为auto
、metadata
、none
多格式支持示例
为保证浏览器兼容性,建议使用多个 <source>
标签:
html
<audio controls>
<source src="audio.mp3" type="audio/mpeg" />
<source src="audio.ogg" type="audio/ogg" />
您的浏览器不支持音频播放。
</audio>
音频格式兼容性
格式 | 类型 | 支持浏览器 |
---|---|---|
MP3 | audio/mpeg | 几乎所有现代浏览器 |
OGG | audio/ogg | Chrome、Firefox 等 |
WAV | audio/wav | 多数浏览器支持 |
使用 <audio>
标签可以轻松在网页中嵌入音乐、播客、语音提示等,丰富网站的交互体验。