HTML5 音视频标签的方法、属性和事件

news/2024/5/20 5:58:55

方法

方法描述
addTextTrack()为音视频加入一个新的文本轨迹
canPlayType()检查指定的音视频格式是否得到支持
load()重新加载音视频标签
play()播放音视频
pause()暂停播放当前的音视频

属性

属性描述
audioTracks返回可用的音轨列表(MultipleTrackList对象)
autoplay媒体加载后自动播放
buffered返回缓冲部件的时间范围(TimeRanges对象)
controller返回当前的媒体控制器(MediaController对象)
controls显示播控控件
crossOriginCORS设置
currentSrc返回当前媒体的URL
currentTime当前播放的时间,单位秒
defaultMuted缺省是否静音
defaultPlaybackRate播控的缺省倍速
duration返回媒体的播放总时长,单位秒
ended返回当前播放是否结束标志
error返回当前播放的错误状态
initialTime返回初始播放的位置
loop是否循环播放
mediaGroup当前音视频所属媒体组 (用来链接多个音视频标签)
muted是否静音
networkState返回当前网络状态
paused是否暂停
playbackRate播放的倍速
played当前播放部件已经播放的时间范围(TimeRanges对象)
preload页面加载时是否同时加载音视频
readyState返回当前的准备状态
seekable返回当前可跳转部件的时间范围(TimeRanges对象)
seeking返回用户是否做了跳转操作
src当前音视频源的URL
startOffsetTime返回当前的时间偏移(Date对象)
textTracks返回可用的文本轨迹(TextTrackList对象)
videoTracks返回可用的视频轨迹(VideoTrackList对象)
volume音量值

事件

事件描述
abort当音视频加载被异常终止时产生该事件
canplay当浏览器可以开始播放该音视频时产生该事件
canplaythrough当浏览器可以开始播放该音视频到结束而无需因缓冲而停止时产生该事件
durationchange当媒体的总时长改变时产生该事件
emptied当前播放列表为空时产生该事件
ended当前播放列表结束时产生该事件
error当加载媒体发生错误时产生该事件
loadeddata当加载媒体数据时产生该事件
loadedmetadata当收到总时长,分辨率和字轨等metadata时产生该事件
loadstart当开始查找媒体数据时产生该事件
pause当媒体暂停时产生该事件
play当媒体播放时产生该事件
playing当媒体从因缓冲而引起的暂停和停止恢复到播放时产生该事件
progress当获取到媒体数据时产生该事件
ratechange当播放倍数改变时产生该事件
seeked当用户完成跳转时产生该事件
seeking当用户正执行跳转时操作的时候产生该事件
stalled当试图获取媒体数据,但数据还不可用时产生该事件
suspend当获取不到数据时产生该事件
timeupdate当前播放位置发生改变时产生该事件
volumechange当前音量发生改变时产生该事件
waiting当视频因缓冲下一帧而停止时产生该事件


http://www.niftyadmin.cn/n/3653608.html

相关文章

One-Jar之旅

1 问题的提出作为一个经常使用Java编程的程序员,当我在发布我的Java程序的时候,我习惯于这样组织所有的程序和资源:主程序放到JVM系统变量“user.dir”所指向的目录中(假设是MyAppDir目录),程序…

JasperReport+iReport高级报表设计实战

JasperReportiReport高级报表设计实战序言一直以来,报表都是很多项目中一个重要的、不可获取的组成部分。然而其复杂性和专业性又使得程序员不能够也没时间自己设计属于目前手头正在构建的系统的报表模块;即便设计来了又可能由于通用性等原因不能够应用到…

获得OpenCms的数据库链接池

看到有网友问“是否可以修改OpenCms的表结构,修改之后如何访问”,答案是“可以”,OpenCms有自己的数据库链接池,在/WEB-INF/config/opencms.properties文件中配置,默认数据库链接池的名称是“default”,可以…

华丽转身—如何从程序员走向技术管理岗位

华丽转身是华而不实的假面具,我作为一名技术管理人员,建议大家不要轻易的转向管理岗位,坚持自己的技术才是根本。因为只有10%的技术专业人士具备相应的管理岗位所需要的特质,而更少的这样的人能够走到最后,管理岗位所做…

OpenCms开发之——自定义结构化类型

OpenCms中很重要的一个特性就是XML内容,通过XML内容,你可以创建自已的结构化内容,如新闻等,下面通过创建一个简单的“测试新闻”类型来介绍一下OpenCms的这一重要特性:1、新建模块“org.opencms.testnews(模…

OpenCms新手上路“一线穿”

有必要把以前的文章穿穿线了,希望同样的文章带给你不同的感觉……1、OpenCms官方网站:    www.opencms.org    www.alkacon.com/alkacon/en  2、了解OpenCms:    OpenCms简介     OpenCms溯源    …

技术总监面试题(Java),看看你会多少?

一、基础知识: 1、使用JDBC查询数据我们最常见的一种方式就是,执行完SQL后获得一个结果集(ResultSet),然后循环从结果集中获取 每一条记录设值到JavaBean中,最后将数据对象以List返回。但是对不同的表查…