Accueil    HTML    Balise Track
 



balise track  Balise TRACK : Sous-titre

«  Partie précédente  |  Index  |  Partie suivante  »


  • Tag de fermeture non ( ... /> en XHTML) | Support :
  • Google Chrome 20.0 et plus
  • Firefox 14.0.1 et plus
  • IE 9 et plus
  • Opera 12 et plus
  • Safari 5.1.7 et plus



La balise <track> s'emploie au sein des balises <audio> ou <video> pour afficher du texte durant la lecture du média, comme par exemple des sous-titres, des messages spécifiques, le nom du fichier ...

Elle n'est cependant pas encore implémentée, et laisse le champ libre à différentes techniques javascript évoluées permettant de traiter des sous titres à partir de fichiers srt ou avec du texte défini étape par étape. Voici quelques alternatives :
    - bubbles
    - Jquery.srt
    - universal subtitle



Propriétés pour la balise track :




Propriétés Définition Valeurs
default Indique que le fichier associé à la balise track est à utiliser par défaut default
kind Indique le rôle du fichier associé à la balise track captions
chapters
descriptions
metadata
subtitles
label Spécifie le titre associé au fichier texte
src Source du fichier associé à la balise track URL
srclang Spécifie la langue du fichier lorsqu'il s'agit de sous titres (kind="subtitles") pour le média fr, en ...


Exemple d'utilisation de la balise track :




Exemple de déclaration de la balise <track> au sein d'une balise <video> :

<video controls="controls" poster="exemples/exemplechatbg.jpg">
   <source src="exemples/exemplechat.webm" type="video/webm" />
   <source src="exemples/exemplechat.mp4" type="video/mp4" />
   <source src="exemples/exemplechat.ogv" type="video/ogg" />
   <track src="soustitre.srt" kind="subtitles" srclang="fr" />

   Votre navigateur ne supporte pas le tag <video>.
</video>


Exemple de mise en place de sous titres avec le code javascript de "bubbles.js" :