<audio>标签

用途

<audio> 标签用于音频内容,可以包含多个音频资源。浏览器会自动选择最合适的一个来用。

例子

<audio src="someaudio.wav"> audio 标签。 </audio

标准属性

属性

描述

HTML

autoplay

如果是 true,则音频在就绪后马上自动播放。

controls

如果是 true,则向用户显示控件,包含音量,跨帧,暂停/恢复播放。

end

播放器在视频流中的何处停止播放。默认地,声音会播放到结尾。

loopend

在视频流中循环播放停止的位置,默认是 end 属性的值。

loopstart

在视频流中循环播放的开始位置。默认是 start 属性的值。

playcount

视频片段播放次数。默认是 1。

src

要播放的视频的 URL。

start

定义播放器在音频流中开始播放的位置。默认地,声音在开头进行播放。

事件属性

属性

描述

HTML5

onabort

当播放中止时发送;例如,如果媒体正在播放并从一开始重新启动,则发送此事件。

oncanplay

在媒体数据已经有足够的数据(至少播放数帧)可供播放时触发。这个事件对应CAN_PLAY的readyState。

oncanplaythrough

在媒体的readyState变为CAN_PLAY_THROUGH时触发,表明媒体可以在保持当前的下载速度的情况下不被中断地播放完毕。注意:手动设置currentTime会使得firefox触发一次canplaythrough事件,其他浏览器或许不会如此。

ondurationchange

元信息已载入或已改变,表明媒体的长度发生了改变。例如,在媒体已被加载足够的长度从而得知总长度时会触发这个事件。

onemptied

媒体无效;例如, 如果已经加载了媒体 (或部分加载), 并且调用 load () 方法来重新加载它, 则会发送此事件。

onended

播放结束时触发。

onerror

在发生错误时触发。元素的error属性会包含更多信息。

onloadeddata

媒体的第一帧已经加载完毕。

onloadedmetadata

媒体的元数据已经加载完毕,现在所有的属性包含了它们应有的有效信息。

onloadstart

在媒体开始加载时触发。

onpause

播放暂停时触发。

onplay

在媒体回放被暂停后再次开始时触发。即,在一次暂停事件后恢复媒体回放。

onplaying

在媒体开始播放时触发(不论是初次播放、在暂停后恢复、或是在结束后重新开始)。

onprogress

告知媒体相关部分的下载进度时周期性地触发。有关媒体当前已下载总计的信息可以在元素的buffered属性中获取到。

onratechange

在回放速率变化时触发。

onseeked

在跳跃操作完成时触发。

onseeking

在跳跃操作开始时触发。

onstalled

当用户代理尝试获取媒体数据时发送, 但数据意外获取失败。

onsuspend

在媒体资源加载终止时触发,这可能是因为下载已完成或因为其他原因暂停。

ontimeupdate

元素的currentTime属性表示的时间已经改变。‍

onvolumechange

在音频音量改变时触发(既可以是volume属性改变,也可以是muted属性改变).。

onwaiting

在一个待执行的操作(如回放)因等待另一个操作(如跳跃或下载)被延迟时触发。

变更点

<audio> 标签 HTML5 与 HTML4.01 之间不存在差异。

本文分享自微信公众号 - Html5知典(gh_5b9c8e323efa),作者:hudao

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2018-07-21

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • <video>标签

    Html5知典
  • CSS——用户界面

    用户界面(User Interface)属性是一些与用户界面特性相关的CSS属性。

    Html5知典
  • @font-face 属性

    @font-face 允许网页开发者为其网页指定在线字体。 通过这种作者自备字体的方式,@font-face 可以消除对用户电脑字体的依赖。 @font-f...

    Html5知典
  • <video>标签

    Html5知典
  • 浏览器事件

    常用浏览器事件与DOM事件,包括鼠标事件、键盘事件、框架/对象事件、表单事件、剪贴板事件、打印事件、拖动事件、多媒体事件、动画事件、过渡事件。

    WindrunnerMax
  • 使用pprof优化golang性能

    Donald E.Knuth说过一句非常著名的话,过早的优化是万恶之源。原文如下:

    我的小碗汤
  • 腾讯云服务器Linux系统--安装Oracle JDK

    版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 ...

    营琪
  • flume配置实例

    Flume agent的配置保存在配置文件中,同一个文件中可以同时配置多个agent。每个agent都需要配置source、channel、sink的信息。

    用户2936342
  • django Authorization token

    原因:没有导入rest authon: 'rest_framework.authtoken', 解决方法:在 settings 里面 INSTALLED_AP...

    onety码生
  • 『教程』来自小程序开发者的实例教程

    最近由马伊琍、靳东男神主演的《我的前半生》火到不行,剧中人物的爱恨纠葛,简直让大批剧迷深陷其中,不能自拔!而女主人公罗子君的前半生,更让剧迷们操碎了心。 就没人...

    极乐君

扫码关注云+社区

领取腾讯云代金券