<audio>

<audio>标签是一个块级元素,用于放置音频,用法与<video>标签基本一致。

  1. <audio controls>
  2. <source src="foo.mp3" type="audio/mp3">
  3. <source src="foo.ogg" type="audio/ogg">
  4. <p>你的浏览器不支持 HTML5 音频,请直接下载<a href="foo.mp3">音频文件</a></p>
  5. </audio>

上面代码中,<audio>标签内部使用<source>标签,指定了两种音频格式:优先使用 MP3 格式,如果浏览器不支持则使用 Ogg 格式。如果浏览器不能播放音频,则提供下载链接。

<audio>标签的属性与<video>标签类似,参见上一节。

  • autoplay:是否自动播放,布尔属性。
  • controls:是否显示播放工具栏,布尔属性。如果不设置,浏览器不显示播放界面,通常用于背景音乐。
  • crossorigin:是否使用跨域方式请求。
  • loop:是否循环播放,布尔属性。
  • muted:是否静音,布尔属性。
  • preload:音频文件的缓冲设置。
  • src:音频文件网址。