html5中返回TimeRanges对象的属性buffered

实例

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

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

实例一：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的详细内容，更多请关注Gxl网其它相关文章！