suchen

Heim >Web-Frontend >H5-Tutorial >Methoden zum Erstellen und Zurückgeben neuer Textspuren in HTML5

Methoden zum Erstellen und Zurückgeben neuer Textspuren in HTML5

黄舟
黄舟Original
2017-11-07 11:15:292155Durchsuche

Beispiel

Eine neue Textspur zu Video hinzufügen: 

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

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)

Parameter

Wert Beschreibung
kind
值 描述
kind

规定文本轨道的类型。

可能的值：

  • "subtitles"

  • "caption"

  • "descriptions"

  • "chapters"

  • "metadata"
label 字符串值，为文本轨道规定标签。用于为用户对文本轨道进行标识。
language

双字母语言代码，规定文本轨道的语言。

如需查看所有可用的语言代码，请参阅我们的语言代码参考手册。
Gibt die Art der Textspur an.

Mögliche Werte:
类型 描述
TextTrack 对象 表示新的文本轨道。

  • "subtitles"

  • <!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>
    "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.
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!

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
Vorheriger Artikel：Das Oncanplay-Ereignis wird ausgelöst, wenn der Benutzer mit der Wiedergabe von Video/Audio in HTML5 beginnen kannNächster Artikel：Das Oncanplay-Ereignis wird ausgelöst, wenn der Benutzer mit der Wiedergabe von Video/Audio in HTML5 beginnen kann

In Verbindung stehende Artikel

Mehr sehen