Que signifie la balise de suivi html5 ? Introduction à l'utilisation de la balise de suivi html5

Cet article présente la définition de la balise de suivi html5 et comment l'utiliser, ainsi que quelques descriptions des attributs facultatifs de la balise de suivi html5. J'espère que tout le monde pourra lire attentivement cet article.

Définition et utilisation de la balise de piste html5 : La balise

spécifie une piste de texte externe pour les médias tels que les éléments vidéo.

est utilisé pour spécifier les fichiers de sous-titres ou d'autres fichiers contenant du texte qui sont visibles lors de la lecture du média.

html5 Attributs facultatifs de la balise :

• par défaut : piste par défaut. (valeur : par défaut). L'attribut par défaut est utilisé pour informer le navigateur que le fichier de piste actuel peut être utilisé lorsque l'utilisateur ne choisit pas d'utiliser d'autres fichiers de sous-titres

• kind : le type de texte de la piste de texte. (valeurs : légendes, chapitres, descriptions, métadonnées, sous-titres). L'attribut kind est utilisé pour spécifier le type de fichier de sous-titres (c'est-à-dire un fichier utilisé pour stocker des sous-titres, des titres de chapitre, un texte de description ou des métadonnées). Les valeurs d'attribut qui peuvent être spécifiées pour l'attribut kind sont les sous-titres, les légendes, les descriptions, les chapitres et les métadonnées

• label : label et titre de la piste de texte (valeur : texte).

• src : URL du fichier de trace, attribut obligatoire (valeur : URL). L'attribut src est utilisé pour spécifier le chemin de stockage du fichier de sous-titres. Cet attribut est un attribut incontournable. La valeur de l'attribut src peut être un chemin d'URL absolu ou un chemin d'URL relatif.

• srclang : Langue pour les données de texte de suivi. (valeur : code_langue ). L'attribut srclang est utilisé pour spécifier la langue du fichier de sous-titres. Par exemple, srclang="en" et srclang="zh-cn" indiquent que le fichier de sous-titres est respectivement en anglais et en chinois.

La balise prend en charge les attributs globaux HTML et les attributs d'événement HTML

Format de balise de suivi HTML5 :

<track src="URL">

Instance de balise HTML5

Vidéo avec deux pistes de sous-titres :

<video width="320" height="240" controls>
<source src="forrest_gump.mp4" type="video/mp4">
<source src="forrest_gump.ogg" type="video/ogg">
<track src="subtitles_en.vtt" kind="subtitles" srclang="en"
label="English">
<track src="subtitles_no.vtt" kind="subtitles" srclang="no"
label="Norwegian">
</video>

Objet Track en html5

L'objet Track est nouveau en HTML5. L'objet

Track représente l'élément HTML5

Accès à l'objet Track en html5

Vous pouvez accéder à l'élément en utilisant getElementById() :

var x = document.getElementById("myTrack");

Création de l'objet Track en html5

Vous pouvez utiliser la méthode document.createElement() pour créer l'élément  :

var x = document.createElement("TRACK");

Introduction à l'utilisation de la balise de suivi html5 :

track peut ajouter des informations textuelles telles que des sous-titres, des titres ou des chapitres aux vidéos lues à l'aide de l'élément vidéo ou à l'audio lu à l'aide de l'élément audio. Le processus d'ajout de sous-titres à une vidéo à l'aide de l'élément track est le même que celui d'ajout de sous-titres à un fichier audio. L'élément track est un élément enfant de l'élément vidéo et la balise doit être écrite entre la balise de début et la balise de fin de l'élément vidéo. Si la balise est utilisée pour décrire un fichier multimédia, la balise doit être écrite après la balise L'élément track est un élément vide qui ne contient aucun contenu entre sa balise de début et sa balise de fin.

Prise en charge des navigateurs

Internet Explorer 10, Chrome et Opera prennent en charge la balise

Différences entre HTML 4.01 et HTML 5 La balise

[Recommandations associées de l'éditeur]

Explication détaillée de l'utilisation de la balise d'inclusion HTML (avec exemples d'utilisation)

Tableau html5 Introduction au style d'étiquette (ci-joint avec un exemple de centrage CSS du tableau html5)

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!