HTML5 audio 标签

HTML <audio> 标签


更新时间: 09/22/2018  由sky8g编辑

在使用HTML编写时,<audio>一种内联元素,用于将声音文件嵌入到网页中。当你想在你的网页上添加任何音频,如歌曲或采访时,它是有用的。以下部分包含关于此标记的信息,包括使用中的示例,以及相关属性和浏览器兼容性。

代码示例

<audio controls="controls">
  Your browser does not support the &lt;audio&gt; tag. 
  <source src="../example.mp3" />
</audio> 

显示如下

文件格式和浏览器的支持

当你使用audio标签时,您需要确保您的声音文件的格式正确。有三种可接受的格式,包括MP3、Ogg和Wav。下表显示了哪些Internet浏览器支持哪种文件格式。

浏览器 MP3 Ogg Wav
Chrome Yes Yes Yes
Internet Explorer Yes No No
Firefox Yes Yes Yes
Safari Yes No Yes
Opera Yes Yes Yes

属性

在HTML标记中,属性指示HTML元素的某些方面。属性由名称和值对组成;所有标签都支持标准属性。

属性 描述
autoplay 指定音频文件加载后立即播放
controls 指定要用音频播放器显示的控件
loop 指定音频文件应该连续重复
muted 指定音频文件应该静音
preload 指定音频文件的加载方式和加载时间
src 指定音频文件的URL

兼容性

Internet Explorer Firefox Safari Opera Chrome
9.0+ 3.5+ 4.0+ 10.5+ 4.0+