Methoden zum Erstellen und Zurückgeben neuer Textspuren in HTML5-H5-Tutorial-php.cn

Beispiel

text1=myVid.addTextTrack("caption");
text1.addCue(new TextTrackCue("Test text", 01.000, 04.000,"","","",true));

Nach dem Login kopieren

Definition und Verwendung

Die Methode addTextTrack() erstellt Neu und gibt „Neu“ zurück Textspur.

Das neue TextTrack -Objekt wird zur Textspurliste des Video-/Audioelements hinzugefügt.

Browser-Unterstützung

Alle gängigen Browser unterstützen die Methode addTextTrack() nicht.

Syntax

audio|video.addTextTrack(kind,label,language)

Nach dem Login kopieren

Parameter

RückgabewertBeispiel:

Das obige ist der detaillierte Inhalt vonMethoden zum Erstellen und Zurückgeben neuer Textspuren in HTML5. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten：

h5 html5

Quelle：php.cn

Vorheriger Artikel：Das Oncanplay-Ereignis wird ausgelöst, wenn der Benutzer mit der Wiedergabe von Video/Audio in HTML5 beginnen kann Nächster Artikel：Die Methode canPlayType() in HTML5 bestimmt, ob der Browser den angegebenen Audio-/Videotyp abspielen kann.

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

Wie kann ich dafür sorgen, dass mein Bild auf der Hauptanzeige der Seite erscheint? Ich möchte einige Fotos über NASAAPI erhalten. Diese Fotos werden dann im Miniaturbild und...

Aus 2024-04-06 15:33:12

433

Können PDF-Dateien mit HTML5 und Javascript ausgeführt werden? Ich habe die dumme Idee, ein Programm zu erstellen, das auf keinem Computer blockiert wird...

Aus 2024-04-05 12:57:00

456

Was ist der Unterschied zwischen enctype und formenctype in HTML5? Ich frage mich nur, was der Unterschied zwischen den Attributen enctype und formenctype in...

Aus 2024-04-02 11:47:56

275

Die Seite mobilfreundlich gestalten? Ich habe viele Webseiten und einige Websites. Die Sache ist, ich bin ein Anfänger. Ich ver...

Aus 2024-04-01 20:42:38

259

verwandte Themen

Mehr>

Beliebte Empfehlungen

Beliebte Tutorials

Mehr>

Verwandte Tutorials

Beliebte Empfehlungen

Aktuelle Kurse

Neueste Downloads

Mehr>

Web-Effekte

Quellcode der Website

Website-Materialien

Frontend-Vorlage

Wert

Beschreibung

kind

值	描述
kind	规定文本轨道的类型。可能的值： "subtitles" "caption" "descriptions" "chapters" "metadata"
label	字符串值，为文本轨道规定标签。用于为用户对文本轨道进行标识。
language	双字母语言代码，规定文本轨道的语言。如需查看所有可用的语言代码，请参阅我们的语言代码参考手册。

Gibt die Art der Textspur an.

Mögliche Werte:

类型	描述
TextTrack 对象	表示新的文本轨道。

"subtitles"
< / li>

<!DOCTYPE html> 
<html> 
<body> 
<button onclick="myFunction()" type="button">添加新字幕</button>
<br>
<video id="video1" width="480" height="270" controls="controls"> 
<source src="material/sample.mp4" type="video/mp4"/> 
<source src="material/sample.ogv" type="video/ogg"/>你的浏览器不支持HTML5 video.</video>
<script>var vid = document.getElementById("video1");
function myFunction() {   
var text1 = vid.addTextTrack("caption");
text1.addCue(new TextTrackCue("Test text", 01.000, 04.000, "", "", "", true));}
</script> 
</body> 
</html>

Nach dem Login kopieren

"caption"

"descriptions"
"chapters"
"metadata"

label

String -Wert, der die Bezeichnung für die Textspur angibt. Wird zur Identifizierung von Textspuren für Benutzer verwendet.

Sprache

Ein aus zwei Buchstaben bestehender Sprachcode, der die Sprache der Textspur angibt. Um alle verfügbaren Sprachcodes anzuzeigen, lesen Sie bitte unser Referenzhandbuch für Sprachcodes.