WebVTT

Anatomie d'un cue

Un fichier est un en-tête, puis des cues. Chaque cue est un bloc semblable à ceux de SubRip, avec deux parties facultatives.

WEBVTT
 
intro
00:00:23.000 --> 00:00:24.500 line:0
<v Celia>You're a jerk,
<i>Thom</i>.
 

Le code temporel

Blocs autres que les cues

Texte des cues

Couleurs

Huit classes sont colorées sans aucun CSS : white, lime, cyan, red, yellow, magenta, blue et black, et les mêmes huit avec bg_ pour l'arrière-plan. Toute autre couleur nécessite une classe propre et un bloc STYLE :

STYLE
::cue(.gold) { color: #ffd700; }

00:00:30.800 --> 00:00:34.000
<c.gold>Why don't you just admit that</c>

Réglages de cue

Subtitld lit line, position et align comme l'emplacement du sous-titre à l'écran, parmi les mêmes neuf emplacements que {\an1} à {\an9} de SubRip, et les réécrit ainsi : line:0 pour le haut, line:50%,center pour le milieu, position:10% align:start et position:90% align:end pour les côtés.

WebVTT dans Subtitld

Ouvrir un fichier WebVTT

Subtitld retrouve chaque cue grâce à sa ligne de temps et lit :

• l'en-tête et les blocs NOTE, STYLE et REGION pour ce qu'ils sont, et non comme des sous-titres ; les identifiants de cue comme des noms ;
• les heures avec ou sans heures, avec un point ou une virgule ;
• les voix comme intervenants des sous-titres, prêts pour le doublage ;
• les classes de couleur de WebVTT, et les couleurs qu'un bloc STYLE donne aux autres classes ;
• line, position et align comme l'emplacement à l'écran ;
• n'importe quel encodage, bien que WebVTT demande l'UTF-8.

Il laisse de côté ce qu'il n'a pas de place pour : les régions, la taille d'un cue, le texte vertical, les lectures de ruby et les horodatages de karaoké. Le texte lui-même reste.

Exporter en WebVTT

Exporter, puis Sous-titres et VTT, propose :

• TexteL'original, une traduction, ou les deux, la traduction en dessous.
• Noms des intervenantsOmis, placés avant le texte (Thom : …), ou sous forme de balises de voix (<v Thom>), la façon propre à WebVTT.
• Mise en formeConservée, ou supprimée.
• Décalage des tempsChaque sous-titre plus tôt ou plus tard, du même écart.

Le fichier est toujours en UTF-8, comme l'exige WebVTT : WEBVTT, puis les cues dans l'ordre de leur début, chaque heure avec ses heures. Les caractères qui se liraient comme du balisage sont écrits sous forme d'entités, et les sous-titres vides sont omis.

Sur une page web

<video controls src="tears-of-steel.mp4">
  <track kind="subtitles" src="tears-of-steel.en.vtt"
         srclang="en" label="English" default>
</video>

Servez le fichier en text/vtt. Depuis un autre domaine, la vidéo a besoin de crossorigin et le serveur d'un en-tête Access-Control-Allow-Origin, faute de quoi le navigateur ne charge pas la piste.

WebVTT ou SubRip ?

SubRip pour les lecteurs, les éditeurs et les envois ; WebVTT pour la vidéo sur le web. La page SubRip les met côte à côte.

Anecdotes