recherche

Maison >interface Web >Tutoriel H5 >Méthodes pour créer et renvoyer de nouvelles pistes de texte en HTML5

Méthodes pour créer et renvoyer de nouvelles pistes de texte en HTML5

黄舟
黄舟original
2017-11-07 11:15:292151parcourir

Exemple

Ajouter une nouvelle piste de texte à la Vidéo : 

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

Définition et utilisation

la méthode addTextTrack() crée et renvoie un nouveau piste de texte.

Le nouvel objet TextTrack sera ajouté à la liste des pistes de texte de l'élément vidéo/audio.

Prise en charge des navigateurs

Tous les principaux navigateurs ne prennent pas en charge la méthode addTextTrack().

Syntaxe

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

Paramètres

Valeur Description
genre
值 描述
kind

规定文本轨道的类型。

可能的值：

  • "subtitles"

  • "caption"

  • "descriptions"

  • "chapters"

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

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

如需查看所有可用的语言代码，请参阅我们的语言代码参考手册。
Spécifie le type de piste de texte.

Valeurs possibles :
类型 描述
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>
    "légende"


  • "descriptions"
  • "chapitres"
  • "métadonnées"
étiquette String valeur, spécifiant l'étiquette de la piste de texte. Utilisé pour identifier les pistes de texte pour les utilisateurs.
langue Un code de langue à deux lettres qui spécifie la langue de la piste de texte. Pour voir tous les codes de langue disponibles, veuillez consulter notre Manuel de référence des codes de langue.
Valeur de retourExemple :

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Événement Oncanplay déclenché lorsque l'utilisateur peut commencer à lire de la vidéo/audio en HTML5Article suivant：Événement Oncanplay déclenché lorsque l'utilisateur peut commencer à lire de la vidéo/audio en HTML5

Articles Liés

Voir plus