简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Heim > Web-Frontend > H5-Tutorial > Hauptteil

Methoden zum Erstellen und Zurückgeben neuer Textspuren in HTML5

黄舟
Freigeben： 2017-11-07 11:15:29
Original
2099 Leute haben es durchsucht

Beispiel

Eine neue Textspur zu Video hinzufügen: 

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
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
0
1
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
0
1
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
0
1
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
0
1
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
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！
WertBeschreibung
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.