WebVTT

WebVTT (Web Video Text Tracks) est une norme du World Wide Web Consortium (W3C) pour l'affichage de texte chronométré en relation avec l' élément HTML5 <track> .

Les premières versions de sa spécification ont été rédigées par le WHATWG en 2010 après des discussions sur le format de sous-titrage qui devrait être pris en charge par HTML5, les principales options étant le langage de balisage de texte temporisé (TTML) relativement mature basé sur XML ou une norme entièrement nouvelle mais plus légère basée sur le format largement utilisé SubRip . La décision finale a été prise en faveur de la nouvelle norme, initialement appelée WebSRT (Web Subtitle Resource Tracks). Elle partageait l' extension de fichier et était largement basée sur le format SubRip, bien que n'étant pas entièrement compatible avec lui. Le format envisagé a ensuite été renommé WebVTT. Dans la version du 13 janvier 2011 du rapport préliminaire HTML5, l' élément a été introduit et la spécification a été mise à jour pour documenter les règles de rendu du texte de repère WebVTT. La spécification WebVTT est une recommandation candidate du W3C et les fonctionnalités de base sont prises en charge par tous les principaux navigateurs. .srt<track>

• La première ligne de WebVTT commence par WEBVTT après la marque d'ordre d'octet UTF-8 facultative
• Il y a de l'espace pour des données d'en-tête facultatives entre la première ligne et le premier repère
• Les valeurs fractionnaires du code temporel sont séparées par un point au lieu d'une virgule
• Les heures de code temporel sont facultatives
• La numérotation/identification des images précédant le code temporel est facultative
• Des commentaires identifiés par le mot NOTE peuvent être ajoutés
• Les informations de métadonnées peuvent être ajoutées dans un format de type JSON
• Les informations sur le chapitre peuvent être spécifiées en option
• Prend uniquement en charge les caractères étendus comme UTF-8
• Le CSS dans un fichier séparé défini dans le document HTML d'accompagnement pour les balises C est utilisé à la place de l'élément FONT
• Les paramètres de repère permettent la personnalisation du positionnement du repère sur la vidéo

Firefox a implémenté WebVTT dans ses versions nocturnes (Firefox 24), mais au départ, il n'était pas activé par défaut. La fonctionnalité devait être activée dans Firefox en accédant à la page « about:config » et en définissant la valeur de « media.webvtt.enabled » sur true. YouTube a commencé à prendre en charge WebVTT en avril 2013. Depuis le 24 juillet 2014, Mozilla a activé WebVTT sur Firefox par défaut.

Les sous-titres d'un fichier .vtt s'affichent en ligne, mais pas lorsqu'ils sont stockés sur un lecteur local.

Un exemple de fichier du sous-titrage W3C de Roger Bingham interviewant Neil deGrasse Tyson ([1]) :

VTT sur le Web 00:11.000 --> 00:13.000 <v Roger Bingham>Nous sommes à New York 00:13.000 --> 00:16.000 <v Roger Bingham>Nous sommes en fait à l'hôtel Lucern, juste en bas de la rue 00:16.000 --> 00:18.000 <v Roger Bingham>du Musée américain d'histoire naturelle 00:18.000 --> 00:20.000 <v Roger Bingham>Et avec moi se trouve Neil deGrasse Tyson 00:20.000 --> 00:22.000 <v Roger Bingham>Astrophysicien, directeur du planétarium Hayden 00:22.000 --> 00:24.000 <v Roger Bingham>à l'AMNH. 00:24.000 --> 00:26.000 <v Roger Bingham>Merci d'être venu jusqu'ici. 00:27.000 --> 00:30.000 <v Roger Bingham>Et je voudrais faire un suivi sur la dernière conversation que nous avons eue. 00:30.000 --> 00:31.500 alignement:droite taille:50% <v Roger Bingham>Quand nous avons envoyé un e-mail— 00:30.500 --> 00:32.500 alignement:gauche taille:50% <v Neil deGrasse Tyson>N'avons-nous pas suffisamment parlé de choses dans cette conversation ? 00:32.000 --> 00:35.500 alignement : droite taille : 50 % <v Roger Bingham>Non ! Non non non non ; parce que parce que c'est évident 00:32.500 --> 00:33.500 alignement:gauche taille:50% <v Neil deGrasse Tyson><i>Rires</i> 00:35.500 --> 00:38.000 <v Roger Bingham>Vous savez que je suis tellement excité que mes lunettes tombent ici. 

En juin 2013, un exemple a été ajouté à la spécification qui incluait un nouveau paramètre « région ». Cette fonctionnalité est prise en charge depuis Firefox 59 et Safari 14.1 (14.5 sur iOS) mais pas dans aucun autre navigateur.