Documentation du CMS Knowledge Place

Le sous-titrage des vidéos

L’usage de la vidéo dans la formation en ligne est en plein développement. Les coûts de production sont devenus abordables et ce média facilite l’engagement des utilisateurs.

En ajoutant des sous-titres à vos vidéos, vous bénéficiez des avantages suivants :

  • Le sous-titrage d’une vidéo la rend accessible aux personnes sourdes ou malentendantes
  • Les sous-titres sont utiles pour toute personne travaillant dans un environnement bruyant
  • L’utilisation des sous titres est particulièrement efficace dans les formations linguistiques, en offrant aux apprenants une expérience d’apprentissage plus riche

Le CMS Knowledge Place vous permet de réaliser très facilement le sous-titrage des vidéos que vous publiez dans la Bibliothèque Médias.

Le format WebVTT et la production des fichiers WebVTT

La fonction de sous-titrage du CMS Knowledge Place utilise le format WebVTT qui fait l’objet d’une spécification par le W3C.

Le format WebVTT définit une structure à la fois simple et puissante pour réaliser le sous-titrage d’une vidéo en plusieurs langues.

Vous pouvez produire des fichiers au format WebVTT en utilisant n’importe quel éditeur de texte et en vous conformant au projet de spécification du W3C.

Pour plus de simplicité, nous vous recommandons d’utiliser l’utilitaire développé par Microsoft et disponible en ligne gratuitement.

La documentation en ligne de cet utilitaire vous permettra de réaliser très facilement tous vos fichiers de sous-titrage au format WebVTT.

Pour chaque vidéo, vous devez produire un fichier au format WebVTT pour chaque langue de sous-titrage que vous souhaitez supporter.

La publication des fichiers WebVTT

Lorsque vous avez réalisé les fichiers au format WebVTT correspondant aux différentes langues de sous titrage que vous souhaitez proposer pour une vidéo, vous devez publier ces fichiers WebVTT dans la Bibliothèque Médias du CMS Knowledge Place.

Les fichiers doivent être publiés en respectant impérativement le format de nom suivant :

  • <nom du fichier video> + <tiret du 6> + <subtitles> + <tiret du 6> + <code langage> + '.vtt'

Le code langage est normalisé selon la norme ISO 639 et la liste des codes langages est disponible en ligne.

Par exemple, un fichier video nommé 'ma-video.mp4' pourra utiliser les fichiers de sous-titrage nommés :

  • 'ma-video-subtitles-en.vtt' pour ajouter un sous-titrage en Anglais
  • 'ma-video-subtitles-es.vtt' pour ajouter un sous-titrage en Espagnol
  • 'ma-video-subtitles-zh.vtt' pour ajouter un sous-titrage en Chinois, le format WebVTT supportant les alphabets non occidentaux

Vous pouvez vérifier la liste des fichiers de sous-titrage associés à un fichier vidéo :

  • Dans la Bibliothèque Médias, cliquer sur le nom du fichier vidéo

Dans la page qui s’affiche, la liste des sous-titres associés à cette vidéo est affichée.

L’utilisation du sous-titrage

Lorsque vous avez publiés tous vos fichiers de sous-titrage au format WebVTT dans la Bibliothèque Médias, utilisez le Module Code du Générateur de Pages du CMS Knowledge Place pour profiter de votre vidéo avec sous-titrage.

Dans le champ Contenu du Module Code, entrez l’un des textes ci-dessous :

  • [video mp4="url de la vidéo"]
  • [video width="largeur de la vidéo" height="hauteur de la vidéo" mp4="url de la vidéo"]

Par exemple :

[video width="1280" height="720" mp4="https://demo.knowledgeplaces.com/wp-content/uploads/sites/sample.mp4"]

A l’affichage, le Module Code détecte automatiquement tous les fichiers de sous-titrage associé à la vidéo, et fournit un sélecteur de langue qui permet à l’utilisateur de choisir sa langue de sous-titrage ou de masquer le sous-titrage.

Si vous utilisez le sous-titrage des vidéos en même temps que la fonction de traduction dynamique du CMS Knowledge Place, vous devez désactiver la traduction dynamique des sous titres.

Pour cela, ajoutez la classe « notranslate » dans le champ Classes CSS de l’onglet Avancé du Module Code utilisé pour afficher la vidéo.

Un exemple de vidéo avec sous-titrage est disponible en ligne.

Documentation CMS

Consultez la documentation du CMS Knowledge Place pour concevoir vos formations Responsive Learning en mode collaboratif.

Exemples CMS

Découvrez les possibilités du CMS Knowledge Place à travers ces exemples consultables sur équipement fixe ou mobile.

Documentation metaLMS

Consultez la documentation du metaLMS Knowledge Place pour concevoir des Knowledge Places utilisables en toutes occasions, en ligne comme en présentiel, sur poste fixe, tablette ou smartphone.

knowledgeplaces.com

Retrouvez toute notre actualité sur notre site Web.