首頁  >  文章  >  web前端  >  html5中傳回TimeRanges物件的屬性buffered

html5中傳回TimeRanges物件的屬性buffered

黄舟
黄舟原創
2017-11-08 09:38:124144瀏覽

實例

獲得影片的第一段緩衝範圍(部分),以秒計:

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的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn