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

Videomaterial zum Aufbau Ihres eigenen PHP-Frameworks von Grund auf

2023-03-15 16:54:01
Beispielanalyse, wie PHPMailer das QQ-Postfach verwendet, um die E-Mail-Versandfunktion abzuschließen

2023-03-15 12:26:02
Einführung in den Empfang von E-Mails in IMAP in PHP

2023-03-14 18:58:01
Beispiel für die schnelle Implementierung der Array-Deduplizierung in PHP

2023-03-14 11:30:01
Zusammenfassung der Verwendung aller Attribute des -Tags in HTML

1970-01-01 08:00:00
Zusammenfassung der PHP-Grundkenntnisse (notwendig für Anfänger zum Einstieg)

2023-03-16 15:20:01
Einführung in die Verwendung von typeof in JavaScript

1970-01-01 08:00:00
Einführung in die Verwendung der Bestätigungsmethode () in JavaScript

1970-01-01 08:00:00
Eine detaillierte Einführung in das HTML5-Platzhalterattribut

1970-01-01 08:00:00
So implementieren Sie Einzelauswahl, Mehrfachauswahl und Rückwärtsauswahl in Formularen in ReactJS

1970-01-01 08:00:00

Aktuelle Ausgaben

function_exists() kann die benutzerdefinierte Funktion nicht ermitteln Funktionstest () {Verwendung der Verwendung durch -Durch -Durch -Durch -Durch -Durch -Durc...

Aus 2024-04-29 11:01:01

1371

So zeigen Sie die mobile Version von Google Chrome an Hallo Lehrer, wie kann ich Google Chrome in eine mobile Version umwandeln?

Aus 2024-04-23 00:22:19

1463

Das untergeordnete Fenster bedient das übergeordnete Fenster, aber die Ausgabe antwortet nicht. Die ersten beiden Sätze sind ausführbar, der letzte Satz jedoch nicht.

Aus 2024-04-19 15:37:47

1295

Im übergeordneten Fenster erfolgt keine Ausgabe document.onclick = function(){ window.opener.document.write('Ich bin die Ausgabe des unter...

Aus 2024-04-18 23:52:34

1186

Wo gibt es die Kursunterlagen zum CSS-Mindmapping? Kursunterlagen

Aus 2024-04-16 10:10:18

1263

verwandte Themen

Mehr>

Beliebte Empfehlungen

Beliebte Tutorials

Mehr>

Verwandte Tutorials

Beliebte Empfehlungen

Aktuelle Kurse

最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)

1403233
php入门教程之一周学会PHP

4231382
JAVA 初级入门视频教程

2418850
小甲鱼零基础入门学习Python视频教程

498261
PHP 零基础入门教程

834042

Neueste Downloads

Mehr>

Web-Effekte

Quellcode der Website

Website-Materialien

Frontend-Vorlage

Über uns Haftungsausschluss Sitemap: Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！

PHP8, ich komme auch

Lernen Sie das Website-Layout in 30 Minuten

Shangguan Oracle Video-Tutorial für Anfänger bis Fortgeschrittene

Ihre erste Zeile UNI-APP-Code

Flattern Sie von Grund auf bis zum App-Start

Brother Lian Neues Linux-Video-Tutorial

AXURE 9 Video-Tutorial (geeignet für die interaktive Produktdesign-Benutzeroberfläche von Product Manager)

Zero Basic Proficiency PS-Video-Tutorial

16-tägiges UI-Video-Tutorial für den Einstieg

PS-Techniken und Slicing-Techniken-Video-Tutorial

Video-Tutorial zum Bau und zur Projekteinführung der Alibaba Cloud-Umgebung

Überblick über Computernetzwerke – Grundkenntnisse, die Programmierer beherrschen müssen

Grundlegendes Tutorial für Programmierer – Erklärung des HTTP-Protokolls

Websocket-Video-Tutorial

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