加入收藏 | 设为首页 | 会员中心 | 我要投稿 湖南网 (https://www.hunanwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 编程 > 正文

HTML5中视频音频的行使详解

发布时间:2020-03-16 15:32:04 所属栏目:编程 来源:站长网
导读:副问题#e# 1.1 video支持视频名目 常见的视频名目 视频的构成部门:画面、音频、编码名目 视频编码:H.264、Theora、VP8(google开源) HTML5支持的视频名目: 1、Ogg 带有Theora视频编码+Vorbis音频编码的Ogg文件 支持的赏识器:F、C、O 2、MEPG4 带有H.264视

API 变乱声名
play   video.play(); 播放视频  
pause   video.pause(); 停息播放视频  
load   video.load(); 将全下属性回覆默认值,视频规复从头开始状态  
canPlayType   var support = videoid.canPlayType(‘video/mp4′); 

判定赏识器是否支持当前范例的视频名目

返回值:
        空字符串:不支持Maybe:也许支持Probably:完全支持  

常用要领

play():开始播放音频/视频

pause():暂就绪前播放的音频/视频

1.4.2收集状态

获取video工具

Media = document.getElementById("media");

1.Media.currentSrc; 

返回当前资源的URL 

2.Media.src = value; 

返回或配置当前资源的URL 

3.Media.canPlayType(type); 

是否能播放某种名目标资源 

4.Media.networkState; 

0.此元素未初始化 

1.正常但没有行使收集 

2.正在下载数据 

3.没有找到资源 

5.Media.load(); 

从头加载src指定的资源 

6.Media.buffered; 

返回已缓冲地区,TimeRanges 

7.Media.preload; 

none:不预载 

metadata:预载资源信息 

auto: 

1.4.3 筹备状态

1.Media.readyState 

2.Media.seeking; 

是否正在seeking 

1.4.4 回放状态

1.Media.currentTime = value; 

当前播放的位置,赋值可改变位置 

2.Media.startTime; 

一样平常为0,假如为流媒体可能不从0开始的资源,则不为0 

3.Media.duration; 

当前资源长度 流返回无穷 

4.Media.paused; 

是否停息 

5.Media.defaultPlaybackRate = value; 

默认的回放速率,可以配置 

6.Media.playbackRate = value; 

当前播放速率,配置后顿时改变 

7.Media.played; 

返回已经播放的地区,TimeRanges,关于此工具见下文 

8.Media.seekable; 

返回可以seek的地区 TimeRanges 

9.Media.ended; 

是否竣事 

10.Media.autoPlay; 

是否自动播放 

11.Media.loop; 

是否轮回播放 

12.Media.play(); 

播放 

13.Media.pause(); 

停息 

1.4.5 视频节制

Media.controls;//是否有默认节制条

Media.volume = value; //音量

Media.muted = value; //静音

TimeRanges(地区)工具

TimeRanges.length; //地区段数

TimeRanges.start(index) //第index段地区的开始位置

TimeRanges.end(index) //第index段地区的竣事位置

1.4.6 相干变乱

1.起首绑定变乱的话可以通过js中的addEventListener要领来绑定变乱 

(编辑:湖南网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读