HTML 5 Audio/Video DOM buffered 屬性

1.實例1獲取視頻第一段緩沖范圍部分，以秒計：

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>