« WebVTT » : différence entre les versions

De EduTech Wiki
Aller à la navigation Aller à la recherche
Ligne 24 : Ligne 24 :
*(2)Dans un fichier WebVTT, le format du temps qui est utilisé est le suivant : heures:minutes:secondes.millisecondes.
*(2)Dans un fichier WebVTT, le format du temps qui est utilisé est le suivant : heures:minutes:secondes.millisecondes.
*(3)Une ou plusieurs lignes de texte. Ce texte peut contenir des balises HTML comme: <br/>
*(3)Une ou plusieurs lignes de texte. Ce texte peut contenir des balises HTML comme: <br/>
Gras: </b> avec le texte entre les balises </br>
Gras: </b> avec le texte entre les balises <br/>
Italique: </i>avec le texte entre les balises</br>
Italique: </i>avec le texte entre les balises<br/>
Souligner:</u>avec le texte entre les balises </br>
Souligner:</u>avec le texte entre les balises <br/>
*(4)ligne vide
*(4)ligne vide



Version du 9 décembre 2013 à 18:42

Introduction

Le format WebVTT (des pistes de texte Web Video) est un format destiné à marquer les ressources de pistes externes de texte. La principale utilisation des fichiers WebVTT est le sous-titrage du contenu de vidéo (WebVTT, retr 23. Avril 2012). Un WebVTT comporte une liste de soi-disant queues qui peuvent être utilisées par un lecteur afin de superposer des informations sur la vidéo (par exemple des textes ou des graphiques) ainsi que pour la navigation.

WebVTT peut être utilisé dans l'élément de piste de HTML5 vidéo. Différents fichiers de pistes peuvent être rattachés à une unique vidéo, par exemple différents fichiers de langues ou des fichiers de formats différents ou de types divers. En Avril 2012, les navigateurs prennent en charge ce format soit partiellement (comme Chrome), soit pas du tout, cependant certains lecteurs HTML5 à base de JavaScript mettent en œuvre différents sous-ensembles de WebVTT ou de normes concurrentes telles que le format SRT simple.

Voir aussi:

Format

Un fichier WebVTT a la structure suivante:

  • La première ligne doit contenir uniquement le mot "WEBVTT"
  • La deuxième ligne doit être vide
  • Autant de saisies de texte voulues, séparées par une ligne vide

Voilà un exemple de saisie de texte:

nom ou numéro du sous-titre
temps de début --> temps de fin du sous-titre
texte du sous-titre
[ligne vide]
etc.
  • (1)Un sous-titre: celui-ci ne peut pas inclure les éléments suivants: "-->" ou \r, \n, \r\n
  • (2)Dans un fichier WebVTT, le format du temps qui est utilisé est le suivant : heures:minutes:secondes.millisecondes.
  • (3)Une ou plusieurs lignes de texte. Ce texte peut contenir des balises HTML comme:

Gras: avec le texte entre les balises
Italique: avec le texte entre les balises
Souligner:avec le texte entre les balises

  • (4)ligne vide

Structure du fichier

WEBVTT
1 00:00:00.000 --> 00:00:10.000 Exemple de sous-titre
2 00:00:10.500 --> 00:01:10.500 Exemple d'un deuxième sous-titre

WebVTT dans HTML5

La balise <track> de HTML5 permet d'insérer les sous-titres au format WebVTT à une vidéo affichée avec la balise <video>. Cette balise est normalement prise en charge par l'ensemble des navigateurs Internet.

Réferences

Traduction de l'article WebVTT