Gibt die gepufferte Eigenschaft des TimeRanges-Objekts in HTML5 zurück-H5-Tutorial-php.cn

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));

Nach dem Login kopieren

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

Nach dem Login kopieren

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>

Nach dem Login kopieren

start(index) – Ruft die Startposition eines gepufferten Bereichs ab
end(index) – Ruft ab Die Endposition eines gepufferten Bereichs

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!

Verwandte Etiketten：

h5 html5

Quelle：php.cn

Vorheriger Artikel：Legen Sie in HTML5 das Attribut „Autoplay“ fest oder geben Sie es zurück, um festzulegen, ob die Audio- und Videowiedergabe nach dem Laden beginnt. Nächster Artikel：Gibt den Attributcontroller des aktuellen Mediencontrollers für Audio und Video in HTML5 zurück

Erklärung dieser Website

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

Neueste Artikel des Autors