Création d'un fichier sous-titre (.VTT) pour intégration dans Lara

Michael Leblanc

Modifié le : Mar, 14 Oct., 2025 à 3:49 H

Création d'un fichier de sous-titres `.vtt`

Le format WebVTT (Web Video Text Tracks) est un format standard utilisé pour afficher des sous-titres, des légendes et des descriptions synchronisées avec une vidéo. Il est compatible avec la majorité des lecteurs modernes (HTML5, YouTube, etc.). C'est ce format qui est compatible avec Lara.

Les autres types, par exemple, SRT et SCC, ne sont pas supportés par le LMS.

1. Structure de base d’un fichier `.vtt`

Un fichier .vtt est un simple fichier texte avec l’extension .vtt.
Voici la structure minimale :

WEBVTT 

00:00:01.000 --> 00:00:04.000
Bonjour et bienvenue à cette vidéo. 

00:00:05.000 --> 00:00:08.000
Aujourd’hui, nous allons...

Explication :

WEBVTT : toujours en première ligne (obligatoire).
00:00:01.000 --> 00:00:04.000 : temps de début et de fin du sous-titre (hh:mm:ss.mmm).
La ligne suivante : le texte du sous-titre.
Une ligne vide sépare chaque bloc de sous-titres.

2. Format du temps

Le format est heures:minutes:secondes.millisecondes :

hh:mm:ss.mmm

Exemple :

00:00:05.500 = 5 secondes et 500 millisecondes.
01:02:03.250 = 1 heure, 2 minutes, 3 secondes et 250 millisecondes.

3. Exemple complet de fichier `.vtt`

WEBVTT 

00:00:00.000 --> 00:00:03.000
Hello everyone.

00:00:04.000 --> 00:00:07.000
Welcome to this video.

00:00:08.000 --> 00:00:12.000
Let's learn together.

00:00:13.000 --> 00:00:17.000
Take notes if needed.

4. Bonnes pratiques

✔️ Garder les sous-titres affichés entre 1 et 6 secondes.
✔️ Ne pas dépasser 2 lignes par sous-titre.
✔️ Utiliser une ponctuation claire et lisible.
✔️ Toujours séparer les blocs de sous-titres par une ligne vide.
✔️ Sauvegarder le fichier en UTF-8 avec l’extension .vtt.