HTML La balise <track>

La balise <track> spécifie les titres de texte pour les éléments multimédias (<audio> et <video>).

Cet élément est utilisé pour spécifier des sous-titres, de fichiers de légende ou d'autres fichiers contenant du texte, qui doit être visible quand les médias joue.

---

Exemple Une vidéo avec deux sous-titres de pistes:

Exemple :     📋 Copier le code

<video width="320" height="240" controls>
    <source src="maVideo.mp4" type="video/mp4">
    <source src="maVideo.ogg" type="video/ogg">
    <track src="subtitles-en.vtt" kind="subtitles"
  srclang="en"
    label="English">
    <track src="subtitles-fr.vtt" kind="subtitles"
  srclang="no"
    label="Français">
  </video>

Appui de navigateur

La balise <track> n'est pas pris en charge dans tous les principaux navigateurs.

---

Différences entre HTML 4.01 et HTML5

La balise <track> est nouvelle en HTML5.

---

Attributs facultatifs de al balise <track>

Nouveau : Nouveau en HTML5.

Attribut	Valeur	Description
default Nouveau	default	Spécifie la piste qui doit être activé si l'utilisateur n'indiquent pas une autre piste
kind Nouveau	captions chapters descriptions metadata subtitles	Spécifie le type de texte dans la piste
label Nouveau	text	Indique un titre pour la piste
src Nouveau	URL	Obligatoire indique l’url de piste
srclang Nouveau	language-code	Spécifie la langue de texte de la piste (Obligatoire si  kind="subtitles")

---

HTML L’attribut default

L'attribut  default est un attribut booléen.

Lorsqu'il est présent, il précise que la piste doit être activée si l'utilisateur n'indiquent pas une autre piste.

Remarque : Il ne doit pas y avoir plus d'un élément de la piste avec l’attribut  default par élément multimédia.

Différences entre HTML 4.01 et HTML5

La balise <track> est nouveau en HTML5.

Différences entre HTML et XHTML

En XHTML, la minimisation de l'attribut est interdit, et l'attribut default doit être définie comme suit :

< track  default = "default " / >.

Syntaxe :

<track src="subtitles-en.vtt" default>

---

HTML l’attribut kind

L'attribut kind spécifie le type de texte de la piste.

Syntaxe

<track src="subtitles-en.vtt" kind="subtitles" srclang="en">

Valeurs de l'attribut kind

Valeur	Description
captions	Nom de la piste
chapters	Définit un chapitre
descriptions	Indique une description
metadata	Utilisation de script, n’est pas visible pour l’utilisateur
subtitles	La piste définit les sous-titres, utilisés pour être affichés dans une vidéo

---

HTML  L’attribut label

L'attribut label spécifie le titre de la plage de texte.

Le titre de la plage de texte est utilisé par le navigateur lors de l'affichage des titres  disponibles.

Syntaxe

<track src="subtitles-en.vtt" kind="subtitles" srclang="en" label="English">

---

HTML L’attribut src

L'attribut src est obligatoire, il spécifie l'URL du fichier de la piste.

Syntaxe

<track src="subtitles-en.vtt">

---

HTML L’attribut srclang

L'attribut srclang spécifie la langue des données texte de la piste( ex : fr, en, no….)

Cet attribut est requis si l’attribut kind="subtitles"

Syntaxe

<track src="subtitles-en.vtt" kind="subtitles" srclang="en">

---