Si vous souhaitez ajouter des sous-titres à vos vidéos, vous avez peut-être rencontré les sous-titres WebVTT. WebVTT est un format utilisé pour afficher des sous-titres sur des vidéos, et il devient de plus en plus populaire en raison de sa compatibilité avec différentes plateformes et appareils. Dans ce guide, nous examinerons de plus près les sous-titres WebVTT et leur fonctionnement.
📝 Qu’est-ce que les sous-titres WebVTT ?
WebVTT signifie Web Video Text Tracks, et c’est un format utilisé pour afficher des sous-titres sur des vidéos. Les sous-titres WebVTT sont des fichiers texte qui contiennent le timing et le texte des sous-titres. Ils peuvent être ajoutés à une vidéo à l’aide d’un simple éditeur de texte, et ils sont compatibles avec une large gamme de plateformes et d’appareils.
⏰ Comment fonctionnent les sous-titres WebVTT ?
Les sous-titres WebVTT fonctionnent en utilisant des codes temporels pour synchroniser le texte avec la vidéo. Chaque sous-titre a un temps de début et un temps de fin, et le texte est affiché à l’écran pendant cette période. Les codes temporels sont écrits dans un format spécifique, qui ressemble à ceci : `00:00:00.000 –> 00:00:05.000`. La première partie est le temps de début, et la deuxième partie est le temps de fin.
📝 Comment créer des sous-titres WebVTT ?
La création de sous-titres WebVTT est un processus simple. Vous pouvez utiliser un éditeur de texte comme Notepad ou TextEdit pour créer les sous-titres. Chaque sous-titre doit être sur une ligne séparée, et les codes temporels doivent être écrits dans le format mentionné ci-dessus. Une fois que vous avez créé les sous-titres, vous pouvez enregistrer le fichier avec une extension .vtt.
📱 Comment ajouter des sous-titres WebVTT à vos vidéos ?
L’ajout de sous-titres WebVTT à vos vidéos est également un processus simple. La plupart des lecteurs vidéo prennent en charge les sous-titres WebVTT, et vous pouvez les ajouter en téléchargeant simplement le fichier .vtt avec votre vidéo. Vous pouvez également ajouter les sous-titres à l’aide du code HTML, qui ressemble à ceci :