HTML 标签

HTML5 <audio> 标签

主题:HTML5 标签参考上一页|下一页

说明

<audio> 元素用于在 HTML 文档中嵌入音频内容,而无需任何额外的插件,如 Flash 播放器。

下表总结了此标签的使用上下文和版本历史。

Placement:
Content: <source>, <track>, and text
开始/结束标签: 开始标签: required, 结束标签:required
版本: New in HTML5

语法

<audio> 标签的基本语法如下:

HTML / XHTML: <audio> ... </audio>

下面的示例显示了 <audio> 标签的作用。

<audio controls="controls" src="birds.mp3">
    Your browser does not support the HTML5 Audio element.
</audio>

使用浏览器默认控件集的音频,带有其他来源。

<audio controls="controls">
    <source src="birds.mp3" type="audio/mpeg">
    <source src="birds.ogg" type="audio/ogg">
    Your browser does not support the HTML5 Audio element.
</audio>

提示:如果浏览器不支持音频内容或无法下载音频源文件,您可以将文本或下载链接等内容放在音频元素内,以提供替代内容。


标签特定属性

下表显示了特定于 <audio> 标签的属性。

属性 说明
autoplay autoplay 此布尔属性指定音频将在完成加载数据后立即自动开始播放。
controls controls 如果指定,浏览器将显示控件以允许用户控制音频播放,例如播放/暂停、音量等。
loop loop 此布尔属性指定音频将在到达结尾时自动重新开始。
muted muted 此布尔属性指定音频最初是否静音。 默认值为false, 表示将播放音频。
preload auto
metadata
none
向浏览器提供有关是否下载音频本身或其元数据的提示。 autoplay 属性可以覆盖该属性,因为如果要自动播放音频,浏览器显然需要下载它。
src URL 指定音频文件的位置。 或者,您可以使用首选的 <source> 标签,因为它允许多个选项。

全局属性

与所有其他 HTML 标签一样, <audio>标签支持 HTML5 中的全局属性


事件属性

<audio> 标签还支持 HTML5 中的事件属性


浏览器兼容性

所有主要的现代浏览器都支持 <audio> 标签。

Browsers Icon

基本支持—

  • Firefox 3.5+
  • Google Chrome 4+
  • Internet Explorer 9+
  • Apple Safari 4+
  • Opera 10.5+

进一步阅读

请参阅以下教程: HTML5 音频, HTML5 视频.

相关标签: <source>, <track>, <video>.

Advertisements