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.

5. Outils utiles

• ✍️ Éditeurs de texte simples : Notepad (Windows), TextEdit (Mac), VS Code.

• Éditeur spécialisé :

  • Nikse - Subtitle Edit (gratuit, complet).

6. Intégrer un .vtt dans Lara

Ouvrir une ressource de type vidéo.

Si vous avez les droits d'éditions, cliquez dans l'encadré sous "Ajouter des sous-titres"

Sélectionnez ensuite un fichier de type .VTT puis appuyez sur "Ouvrir"

Vous pourrez ensuite sélectionner la langue associée au fichier 

Il ne reste qu'à enregistrer la ressource. Le fichier sera ensuite disponible depuis la visionneuse.