教程 html tutorial

插入音频

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> 标签可以轻松在网页中嵌入音乐、播客、语音提示等,丰富网站的交互体验。