Heim  >  Artikel  >  Web-Frontend  >  Gibt die gepufferte Eigenschaft des TimeRanges-Objekts in HTML5 zurück

Gibt die gepufferte Eigenschaft des TimeRanges-Objekts in HTML5 zurück

黄舟
黄舟Original
2017-11-08 09:38:124093Durchsuche

Instanz

Rufen Sie den Pufferbereich (Teil) des ersten Segments von Video in Sekunden ab:

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

Definition und Verwendung

Die gepufferte -Eigenschaft gibt das TimeRanges--Objekt zurück.

Das TimeRanges-Objekt stellt den Audio- und Videopufferbereich des Benutzers dar.

Der Pufferbereich bezieht sich auf den Zeitbereich gepufferter Audio- und Videodaten. Wenn der Benutzer die Wiedergabe von Audio und Video überspringt, erhält er mehrere Pufferbereiche.

Browser-Unterstützung

Alle gängigen Browser unterstützen das gepufferte Attribut.

Hinweis: Dieses Attribut wird in Internet Explorer 8 oder früheren Browsern nicht unterstützt.

Syntax

audio|video.buffered
Wert Beschreibung
TimeRanges-Objekt
描述
TimeRanges 对象

表示音视频的已缓冲部分。

TimeRanges 对象属性:

  • length - 获得音视频中已缓冲范围的数量

  • start(index) - 获得某个已缓冲范围的开始位置

  • end(index) - 获得某个已缓冲范围的结束位置

注释:首个缓冲范围的下表是 0。

gibt den gepufferten Teil von Audio und Video an.

TimeRanges-Objekteigenschaften:

  • length – Holen Sie sich Audio und Video content Anzahl der gepufferten Bereiche
    <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>
  • start(index) – Ruft die Startposition eines gepufferten Bereichs ab

  • end(index) – Ruft ab Die Endposition eines gepufferten Bereichs
Hinweis: Der erste gepufferte Bereich ist 0.
Beispiel 1: in Audio gepuffertDer Puffer von Audio hat nur ein Segment, wobei die Startposition 0 und die Endposition ist Position für timeRange.end(0)

Das obige ist der detaillierte Inhalt vonGibt die gepufferte Eigenschaft des TimeRanges-Objekts in HTML5 zurück. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn