html5中返回TimeRanges对象的属性buffered

百变鹏仔 2个月前 (10-18) #H5教程

文章标签属性

实例

获得视频的第一段缓冲范围（部分），以秒计：

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(&#39;myAudio&#39;);    myAudio.preload = true;    myAudio.autoplay = true;    myAudio.src = &#39;../content/audio/海阔天空.mp3&#39;;    myAudio.onplay = function () {        console.info("开始播放");    }    myAudio.oncanplay = function () {        console.info(&#39;进入可以播放状态&#39;);        console.info(&#39;总长度：&#39; + myAudio.duration);    }    //加载状态监听    myAudio.ontimeupdate = function (e) {        /*        * Audio的缓存只有一个分段，开始位置为0，结束位置为timeRange.end(0)        */        //console.info(myAudio.buffered);        //console.info(myAudio.buffered.length);        // console.info(&#39;start:&#39;+myAudio.buffered.start(0)+&#39;,end:&#39;+myAudio.buffered.end(0));        var timeRange = myAudio.buffered;        console.info(timeRange);        console.info(&#39;start:&#39; + timeRange.start(0) + &#39;,end:&#39; + timeRange.end(0));    }</script>

文章推荐

html5中返回TimeRanges对象的属性buffered

HTML在线编辑器的调用方法和使用方法

AlloyTouch全屏滚动插件 30秒搞定顺滑H5页

HTML5 js实现拖拉上传文件功能

Canvas and Drawables 翻译第一集

Canvas and Drawables 翻译第三集