本文摘自PHP中文网,作者黄舟,侵删。
实例
获得视频的第一段缓冲范围(部分),以秒计:
1 2 3 | myVid=document.getElementById("video1");
alert("Start: " + myVid.buffered.start(0)
+ " End: " + myVid.buffered.end(0));
|
定义和用法
buffered 属性返回 TimeRanges 对象。
TimeRanges 对象表示用户的音视频缓冲范围。
缓冲范围指的是已缓冲音视频的时间范围。如果用户在音视频中跳跃播放,会得到多个缓冲范围。
浏览器支持
所有主流浏览器都支持 buffered 属性。
注释:Internet Explorer 8 或更早的浏览器不支持该属性。
语法
值 | 描述 |
TimeRanges 对象 | 表示音视频的已缓冲部分。 TimeRanges 对象属性: 注释:首个缓冲范围的下表是 0。 |
实例一:audio中的buffered
Audio的缓存只有一个分段,开始位置为0,结束位置为timeRange.end(0)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 | < audio id = "myAudio" ></ audio >
< script >
var myAudio = document.getElementById('myAudio');
myAudio.preload = true;
myAudio.autoplay = true;
myAudio.src = '../content/audio/海阔天空.mp3';
myAudio.onplay = function () {
console.info("开始播放");
}
myAudio.oncanplay = function () {
console.info('进入可以播放状态');
console.info('总长度:' + myAudio.duration);
}
//加载状态监听
myAudio.ontimeupdate = function (e) {
/*
* Audio的缓存只有一个分段,开始位置为0,结束位置为timeRange.end(0)
*/
//console.info(myAudio.buffered);
//console.info(myAudio.buffered.length);
// console.info('start:'+myAudio.buffered.start(0)+',end:'+myAudio.buffered.end(0));
var timeRange = myAudio.buffered;
console.info(timeRange);
console.info('start:' + timeRange.start(0) + ',end:' + timeRange.end(0));
}
</ script >
|
以上就是html5中返回TimeRanges对象的属性buffered的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
关于html5中标签video播放的新解析
极客学院html5新特性基础视频课件源码
html5+nodejs实现websocket即时通讯的示例代码分享
html5 新表单元素
html5中indexeddb 数据库的相关介绍
html5 web框架有哪些
html5中submit是按钮么
关于h5本地数据库的基本介绍(适合初学者)
html5百叶窗效果的示例代码_html5教程技巧
h5怎样调用相机拍照并压缩图片
更多相关阅读请进入《TimeRanges》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » html5中返回TimeRanges对象的属性buffered