Lorsque la vidéo est arrivée dans le HTML, les sous-titres ne pouvaient plus rester des fichiers annexes propres à chaque lecteur. WebVTT a donné au web un fichier de sous-titres qui ressemblait à du texte, utilisait des minutages de cue en millisecondes et s'intégrait directement au modèle média du navigateur.
Le brouillon du W3C définit WebVTT comme le format Web Video Text Tracks pour les ressources de pistes textuelles externes reliées à l'élément track du HTML. MDN décrit ce format comme du texte brut, en UTF-8, avec le type MIME text/vtt et l'extension .vtt.
Le geste d'adoption a consisté à associer le format et l'élément. Une vidéo peut référencer plusieurs fichiers de pistes pour les sous-titres, les légendes, les chapitres ou les métadonnées, et MDN indique que WebVTT comme track sont largement disponibles dans les navigateurs depuis juillet 2015.
Rendre le texte minuté natif et lisible
Le texte brut a rendu les sous-titres faciles à rédiger, à relire et à comparer par diff.
La prise en charge native de track a donné à chaque élément vidéo un emplacement commun pour rattacher du texte minuté.
Les cues couvraient d'abord les sous-titres, mais aussi les chapitres et les métadonnées synchronisées.
Les points d'accroche CSS et JavaScript ont permis aux navigateurs de standardiser l'affichage sans figer chaque choix de présentation.
Un format web se diffuse lorsque les auteurs peuvent le modifier à la main, que les serveurs peuvent le servir comme du texte et que les navigateurs peuvent malgré tout en faire une fonctionnalité native programmable.
Suites
À la mi-2015, WebVTT et l'élément track du HTML étaient largement disponibles dans les navigateurs. Le format est devenu le fichier annexe de sous-titres web par défaut pour l'audio et la vidéo natifs, les outils d'accessibilité et les expérimentations sur les métadonnées média.
VÉRIFIEZ LES SOURCES
Les sources
- WebVTT: The Web Video Text Tracks Format World Wide Web Consortium · w3.org ·
- Web Video Text Tracks Format (WebVTT) MDN Web Docs · developer.mozilla.org
- <track>: The Embed Text Track element MDN Web Docs · developer.mozilla.org