Ajout de marqueurs de chapitre à la vidéo adding-chapter-markers-to-video
Vous pouvez faciliter la lecture et la navigation de vos vidéos longues en ajoutant des marqueurs de chapitre aux vidéos uniques ou aux visionneuses de vidéos adaptatives. Lorsqu’un utilisateur lit la vidéo, il peut sélectionner les marqueurs de chapitre dans la chronologie de la vidéo (également appelée défilement vidéo). Cela leur permet de naviguer facilement jusqu’à leur point ciblé ou d’accéder immédiatement à un nouveau contenu, à des démonstrations, à des tutoriels, etc.
Voir Ajout ou modification d’un paramètre prédéfini de visionneuse vidéo si vous souhaitez configurer les points de repère de navigation du chapitre et le texte contextuel du titre du chapitre pour la visionneuse Universal_HTML5_Video (HTML5).
Voir aussi Ajout et modification de paramètres de visionneuse prédéfinis.
Vous créez une liste de chapitres pour votre vidéo un peu de la même façon que vous créez des légendes. Autrement dit, vous créez un fichier WebVTT. Notez, toutefois, que ce fichier doit être distinct de tout fichier de sous-titrage WebVTT que vous pouvez également utiliser ; vous ne pouvez pas combiner des légendes et des chapitres dans un fichier WebVTT.
Vous pouvez utiliser l’exemple suivant comme exemple du format utilisé pour créer un fichier WebVTT avec une navigation de chapitre :
WEBVTT
Chapter 1
00:00.000 --> 01:04.364
The bicycle store behind it all.
Chapter 2
01:04.364 --> 02:00.944
Creative Cloud.
Chapter 3
02:00.944 --> 03:02.937
Ease of management for a working solution.
Chapter 4
03:02.937 --> 03:35.000
Cost-efficient access to rapidly evolving technology.
Dans l’exemple ci-dessus, Chapter 1 est l’identifiant de repère et est facultatif. L’heure de repère de 00:00:000 --> 01:04:364 spécifie l’heure de début et l’heure de fin du chapitre, au format 00:00:000. Les trois derniers chiffres sont les millisecondes et peuvent être laissés sur 000, selon vos préférences. Le titre du chapitre The bicycle store behind it all est la description réelle du contenu du chapitre. L’identifiant de repère, l’heure de repère de départ et le titre du chapitre apparaissent tous dans une fenêtre contextuelle du lecteur vidéo lorsque le pointeur est placé sur un point de repère visuel dans la chronologie de la vidéo.
Puisque vous utilisez une visionneuse de vidéos HTML5, assurez-vous que le fichier de chapitre que vous créez est conforme à la norme WebVTT (Web Video Text Tracks). L’extension de nom de fichier de chapitre est .VTT. D’autres informations sont disponibles sur la norme de sous-titrage WebVTT.
Voir WebVTT : The Web Video Text Tracks Format.
Pour ajouter des marqueurs de chapitre à une vidéo :
-
Créez votre fichier de chapitres vidéo à l’aide d’un simple éditeur de texte en dehors d’Adobe Dynamic Media Classic.
note note NOTE Pour une prise en charge globale des chapitres vidéo dans des langues autres que l’anglais, la norme WebVTT exige que vous créiez des fichiers et des appels .VTTdistincts pour chaque langue que vous souhaitez prendre en charge. -
Enregistrez le fichier VTT en codage UTF8 afin d’éviter tout problème de rendu des caractères dans le texte du titre du chapitre.
En règle générale, vous attribuez au fichier de chapitres VTT le même nom que le fichier vidéo et lui ajoutez
chapters. Ce faisant, il peut vous aider à automatiser la génération des URL vidéo à l'aide de votre système de gestion de contenu web existant. -
Dans Adobe Dynamic Media Classic, téléchargez votre fichier de chapitres WebVTT.
-
Dans le panneau Bibliothèque de ressources sur le côté gauche, accédez au dossier de ressources qui contient le fichier vidéo à associer au fichier de chapitres que vous avez chargé.
-
Dans le panneau de navigation des ressources, sélectionnez une seule ressource vidéo, puis sous l’image miniature de la ressource, sélectionnez Aperçu > Liste des visionneuses.
-
Dans le tableau Liste des visionneuses, recherchez la visionneuse HTML5 nommée Univeral_HTML5_Video, puis effectuez l’une des opérations suivantes :
-
Pour une expérience de visionneuse de vidéos contextuelle, sélectionnez Copier l’URL à l’extrémité droite du nom.
Ajoutez l’URL copiée de la vidéo avec la syntaxe suivante afin de l’associer à l’URL copiée dans votre fichier de sous-titres :
&navigation=*<full Copy URL path to the chapter navigation file .vtt>* -
Pour une expérience de visionneuse de vidéos intégrée, sélectionnez Code incorporé à l’extrémité droite du nom.
Dans la boîte de dialogue Code incorporé, sélectionnez Copier dans le Presse-papiers.
Pour la visionneuse HTML5
Universal_HTML5_Video, ajoutez le code intégré copié avec ce qui suit :videoViewer.setParam("navigation","*<full Copy URL path to the chapter navigation file .vtt>*"
-