html5のTimeRangesオブジェクトのバッファリングされたプロパティを返します。

例

videoの最初のセグメントのバッファリングされた範囲(部分)を秒単位で取得します:

myVid=document.getElementById("video1");
alert("Start: " + myVid.buffered.start(0)
+ " End: " + myVid.buffered.end(0));

定義と使用法

bufferedPropertyTimeRangesオブジェクトを返します。

TimeRanges オブジェクトは、ユーザーのオーディオとビデオのバッファリング範囲を表します。

バッファリング範囲は、バッファリングされたオーディオとビデオの時間範囲を指します。ユーザーがオーディオとビデオの再生をスキップすると、複数のバッファー範囲が取得されます。

ブラウザのサポート

すべての主要なブラウザは、buffered 属性をサポートしています。

注: この属性は、Internet Explorer 8 以前のブラウザではサポートされていません。

構文

audio|video.buffered

Value	説明
TimeRanges オブジェクト	は、オーディオとビデオのバッファリングされた部分を表します。 TimeRanges オブジェクトのプロパティ: length - オーディオとビデオのバッファリングされた範囲の数を取得します start(index) - バッファリングされた範囲の開始位置を取得します end(index) - を取得します特定のバッファリングされた範囲の終了位置 注: 以下の表の最初のバッファリングされた範囲は 0 です。

例 1: オーディオにバッファリング

オーディオのキャッシュにはセグメントが 1 つだけあり、開始位置は 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オブジェクトのバッファリングされたプロパティを返します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。