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.

NOTE
Le lecteur vidéo utilisé doit prendre en charge l’utilisation des marques de chapitre.

Voir Ajouter ou modifier un paramètre prédéfini de visionneuse de vidéos si vous souhaitez configurer les points de repère de navigation par chapitre et le texte contextuel du titre du chapitre pour la variable Universal_HTML5_Video visionneuse (HTML5).

Voir aussi Ajout et modification de paramètres prédéfinis de visionneuse.

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, en 00:00:Format 000. Les trois derniers chiffres sont les millisecondes et peuvent être laissés sur 000, selon vos préférences. Le titre du chapitre de 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 marques de chapitre à la vidéo:

  1. 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 .vtt et des appels distincts pour chaque langue que vous souhaitez prendre en charge.
  2. 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, puis ajoutez-le avec chapters. En procédant ainsi, vous pouvez automatiser aisément la génération des URL de vidéo en utilisant le système de gestion de contenu Web existant.

  3. Dans Adobe Dynamic Media Classic, téléchargez votre fichier de chapitres WebVTT.

    Voir Chargement de fichiers.

  4. Dans le panneau Bibliothèque de fichiers situé sur le côté gauche, accédez au dossier de fichiers qui contient le fichier vidéo à associer au fichier de chapitre que vous avez transféré.

  5. Dans le panneau de navigation des ressources, sélectionnez une seule ressource vidéo, puis sous l’image de miniature de la ressource, sélectionnez Aperçu > Liste des visionneuses.

  6. 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ême 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ême droite du nom.

      Dans la boîte de dialogue Code incorporé, sélectionnez Copier dans le Presse-papiers.

      Pour le HTML5 Universal_HTML5_Video visionneuse, ajoutez le code intégré copié avec ce qui suit :

      videoViewer.setParam("navigation","*<full Copy URL path to the chapter navigation file .vtt>*"

recommendation-more-help
ba789e76-bace-4e0e-bd26-52691fb2cb26