html5中返回TimeRanges對象的屬性buffered怎么用

小編給大家分享一下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怎么用”有了一定的了解，如果想了解更多相關知識，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！