communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
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

黄舟
Libérer： 2017-11-07 11:15:29
original
2142 Les gens l'ont consulté

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));
Copier après la connexion

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)
Copier après la connexion

Paramètres

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!

Étiquettes associées：
h5 html5
source：php.cn
Article précédent：Événement Oncanplay déclenché lorsque l'utilisateur peut commencer à lire de la vidéo/audio en HTML5 Article suivant：La méthode canPlayType() en HTML5 détermine si le navigateur peut lire le type audio/vidéo spécifié.
Déclaration de ce site Web
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
Derniers articles par auteur
Derniers numéros
Comment faire apparaître mon image sur l'écran principal de la page ? Ce que je veux faire, c'est recevoir des photos en utilisant NASAAPI. Ces photos sont ensu...
Depuis 2024-04-06 15:33:12
0
1
433
Les fichiers PDF peuvent-ils exécuter HTML5 et Javascript ? J'ai une idée stupide d'essayer de créer un programme qui ne sera bloqué sur aucun ordinat...
Depuis 2024-04-05 12:57:00
0
1
456
Quelle est la différence entre enctype et formenctype en HTML5 ? Je me demande simplement quelle est la différence entre les attributs enctype et formencty...
Depuis 2024-04-02 11:47:56
0
1
275
Rendre la page adaptée aux mobiles ? J'ai de nombreuses pages Web et quelques sites Web. Le fait est que je suis débutant. J'ut...
Depuis 2024-04-01 20:42:38
0
1
259
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
ValeurDescription
genre
值描述
kind

规定文本轨道的类型。

可能的值：

  • "subtitles"

  • "caption"

  • "descriptions"

  • "chapters"

  • "metadata"

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

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

如需查看所有可用的语言代码，请参阅我们的语言代码参考手册。

Spécifie le type de piste de texte.

Valeurs possibles :
类型描述
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>
    Copier après la connexion
    "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.