Une structure WebVTT correcte
Chaque fichier commence par l’en-tête WEBVTT et place un point avant les millisecondes, deux détails faciles à oublier lors d’une conversion manuelle.
Créez des sous-titres WebVTT pour le web, à partir d’une transcription vérifiée.
AutoCap transcrit votre vidéo, vous permet de corriger chaque mot et chaque synchronisation, et génère un fichier .vtt valide avec l’en-tête WEBVTT déjà en place.
Sans carte bancaire · 2 minutes gratuites chaque mois · Export MP4, SRT et VTT
WEBVTT 00:00:01.200 --> 00:00:03.400Un fichier de sous-titres ne vaut 00:00:03.400 --> 00:00:05.100que par sa synchronisation. 00:00:05.300 --> 00:00:07.050Celle-ci a été vérifiée.
WebVTT est le format de sous-titres que lit l’élément HTML track : c’est donc le format que comprend le lecteur vidéo intégré d’un navigateur. Si votre vidéo est lue sur votre propre site ou dans un cours en ligne, c’est généralement ce fichier qu’il vous faut.
Un fichier VTT ressemble beaucoup à un SRT, et c’est de cette ressemblance que viennent les fichiers défectueux : une ligne d’en-tête manquante, ou des virgules restées dans les horodatages après un rechercher-remplacer trop rapide. AutoCap gère correctement ces deux détails, à partir d’une transcription que vous avez déjà vérifiée par rapport à la vidéo.
Des fichiers WebVTT conçus pour le navigateur.
Des sous-titres calés sur des mots relus
Le début et la fin de chaque sous-titre reposent sur une synchronisation mot par mot que vous avez vérifiée : les sous-titres apparaissent avec la parole, pas avant.
Prêt pour l’élément track
Référencez le fichier depuis une balise HTML5 <track> et le lecteur intégré du navigateur peut afficher les sous-titres, sans aucun plug-in.
Un SRT issu du même projet
Téléchargez aussi un SRT pour YouTube ou un logiciel de montage ; ses mots et sa synchronisation correspondent exactement au VTT.
Des sous-titres simples, faciles à enrichir
Les sous-titres sont écrits sans positionnement ni style : vous pouvez ajouter des paramètres de sous-titre ou du CSS ::cue pour votre lecteur sans rien défaire.
Créez un fichier VTT en quatre étapes.
- 01
Importez la vidéo source
Utilisez un MP4 ou un MOV ; c’est la piste audio qui est transcrite.
- 02
Relisez pendant la lecture
Regardez la vidéo avec les sous-titres et corrigez les noms, les chiffres et les phrases mal comprises.
- 03
Ajustez les limites des sous-titres
Coupez ou fusionnez les lignes pour que chaque sous-titre contienne un groupe de mots lisible, et resynchronisez tout mot décalé.
- 04
Téléchargez le .vtt
Exportez le fichier WebVTT avec une offre payante, puis référencez-le depuis votre lecteur ou importez-le sur votre plateforme.
Ce que contient un fichier WebVTT
WebVTT, abréviation de Web Video Text Tracks, est une spécification du W3C. Un fichier est un texte brut en UTF-8 qui doit commencer par le mot WEBVTT, suivi d’une ligne vide puis d’une série de sous-titres.
Chaque sous-titre comporte un identifiant facultatif, une ligne d’horodatage et le texte. Les horodatages placent un point avant les millisecondes et peuvent omettre les heures, et un bloc qui commence par NOTE est un commentaire que les spectateurs ne voient jamais.
WEBVTT NOTE Cue identifiers are optional 00:00:01.200 --> 00:00:03.400 Web players read this format natively. 00:00:03.600 --> 00:00:05.900 The header line always comes first.
Paramètres de sous-titre et style ::cue
WebVTT permet de placer et de styliser les sous-titres d’une manière impossible en SRT. Après les horodatages d’une ligne d’horodatage, des paramètres de sous-titre facultatifs (cue settings) contrôlent la mise en page : line déplace un sous-titre vers le haut ou le bas de l’image, position et size définissent l’emplacement horizontal de son cadre et sa largeur, et align définit l’alignement du texte dans ce cadre.
Le style relève du CSS. Le pseudo-élément ::cue permet à une page web de définir la couleur, l’arrière-plan et la police des sous-titres dans son lecteur vidéo, et ::cue() associé à un sélecteur peut cibler des sous-titres individuels.
AutoCap écrit des sous-titres simples et laisse le placement au lecteur. Ajoutez des paramètres ou du CSS à la main si votre site en a besoin.
- line:10% — remonte un sous-titre près du haut de la vidéo
- position:20% — décale le cadre du sous-titre vers la gauche
- size:50% — réduit la largeur du cadre du sous-titre à la moitié de celle de la vidéo
- align:start — aligne le texte sur le début de chaque ligne
video::cue {
color: #ffffff;
background-color: rgb(0 0 0 / 0.7);
font-family: system-ui, sans-serif;
}Quand un fichier VTT est celui qu’il vous faut
Optez pour WebVTT chaque fois qu’un navigateur charge les sous-titres. La vidéo HTML5 auto-hébergée l’utilise via l’élément track, comme dans l’extrait ci-dessous, et les lecteurs construits sur cet élément l’attendent généralement aussi.
Ailleurs, c’est souvent une option parmi d’autres. Canvas Studio accepte l’import de sous-titres SRT comme VTT, et YouTube cite WebVTT parmi ses formats pris en charge, même si ses pages d’aide orientent les débutants vers le SRT.
Vous avez déjà un SRT ? Convertissez-le plutôt que de générer à nouveau les sous-titres.
<video controls src="lesson.mp4"> <track kind="captions" src="lesson.vtt" srclang="en" label="English" default> </video>
Bon à savoir.
Qu’est-ce qu’un fichier VTT ?
Un fichier WebVTT (.vtt) est un fichier de sous-titres en texte brut pour la vidéo sur le web. Il commence par un en-tête WEBVTT, liste des sous-titres synchronisés, et c’est le format qu’utilise l’élément HTML track.
Le fichier VTT inclut-il un positionnement ou un style ?
Non. AutoCap écrit des sous-titres standard avec une synchronisation précise et sans paramètres de sous-titre : chaque lecteur applique donc son propre style de sous-titres, sauf si vous ajoutez vous-même des paramètres ou du CSS.
Pourquoi mon fichier VTT ne s’affiche-t-il pas dans le navigateur ?
Vérifiez que la première ligne est exactement WEBVTT et que les horodatages utilisent des points, et non des virgules. Un fichier hébergé sur un autre domaine que la page nécessite aussi des en-têtes CORS et un attribut crossorigin sur l’élément video.
Puis-je obtenir un fichier VTT gratuitement ?
Le téléchargement VTT est inclus dans toutes les offres payantes, à partir de $9 par mois. Si vous avez déjà un SRT, le convertisseur SRT en VTT est gratuit et fonctionne dans votre navigateur.
Puis-je reconvertir le VTT en SRT ?
Oui. Téléchargez le SRT depuis le même projet avec une offre payante, ou passez le VTT dans le convertisseur VTT en SRT gratuit.
Essayez-le sur la prochaine vidéo que vous publierez.
L’offre gratuite ne demande aucune carte bancaire. Importez une vidéo, vérifiez vous-même les sous-titres, et ne passez à une offre payante que lorsque vous voulez supprimer le filigrane.