实例
获得视频的第一段缓冲范围(部分),以秒计:
myvid=document.getelementbyid("video1");
alert("start: " + myvid.buffered.start(0)
+ " end: " + myvid.buffered.end(0));
定义和用法
buffered 属性返回 timeranges 对象。
timeranges 对象表示用户的音视频缓冲范围。
缓冲范围指的是已缓冲音视频的时间范围。如果用户在音视频中跳跃播放,会得到多个缓冲范围。
浏览器支持
所有主流浏览器都支持 buffered 属性。
注释:internet explorer 8 或更早的浏览器不支持该属性。
语法
audio|video.buffered
值 描述
timeranges 对象 表示音视频的已缓冲部分。
timeranges 对象属性:
length - 获得音视频中已缓冲范围的数量
start(index) - 获得某个已缓冲范围的开始位置
end(index) - 获得某个已缓冲范围的结束位置
注释:首个缓冲范围的下表是 0。
实例一:audio中的buffered
audio的缓存只有一个分段,开始位置为0,结束位置为timerange.end(0)
<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的详细内容。