Ajout de marques de chapitre à la vidéo

Vous pouvez rendre vos vidéos de forme longue plus faciles à regarder et à parcourir en ajoutant des marques de chapitre aux vidéos uniques ou aux visionneuses de vidéos adaptatives. Lorsqu’un utilisateur lit la vidéo, il peut cliquer sur les marques de chapitre du montage vidéo (également connues sous le nom de barre visuelle) pour accéder facilement à son point ciblé ou accéder immédiatement au nouveau contenu, à des démonstrations, des didacticiels, etc.

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

Voir Ajout ou modification d’un paramètre prédéfini de visionneuse de vidéos pour configurer les indices de navigation des chapitres et le texte contextuel des titres de chapitres pour la visionneuse Universal_HTML5_Video (HTML5).

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

Si vous le souhaitez, vous pouvez créer votre propre visionneuse personnalisée, en lui attribuant un nom de marque, avec des chapitres au lieu d’utiliser le paramètre prédéfini de la visionneuse de vidéos. Pour en savoir plus sur la création de votre propre visionneuse HTML5 avec une navigation des chapitres, dans le guide Adobe Scene7 Viewer SDK for HTML5 , dans la section Adobe Scene7 Viewer SDK , reportez-vous au titre « Customizing Behavior Using Modifiers » sous les classes s7sdk.video.VideoPlayer et s7sdk.common.ClosedCaptionButton .

Le kit de développement logiciel de la visionneuse Adobe Scene7 peut être téléchargé à partir de l’emplacement suivant :

Accès aux kits de développement via Adobe Developer Connection .

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, le chapitre 1 est l’identifiant de duplication et est facultatif. La période de réplication 00:00:000 --> 01:04:364 correspond aux heures de début et 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 de chapitre The bicycle store behind it all (« Le magasin de vélos à l’arrière de tout ça ») est la description réelle du contenu du chapitre. L’identifiant de duplication, l’heure de départ, ainsi que le titre de chapitre s’affichent tous dans une fenêtre contextuelle du lecteur vidéo lorsqu’un utilisateur place le pointeur de la souris sur un point de repère visuel dans le montage 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 du 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. Dans un éditeur de texte simple externe à Scene7 Publishing System, créez votre fichier de chapitre vidéo.

    Remarque : Pour une prise en charge internationale des chapitres vidéo dans d’autres langues que l’anglais, n’oubliez pas que la norme WebVTT exige que vous créiez des fichiers .vtt et des appels distincts pour chaque langue à prendre en charge.

  2. Enregistrer le fichier .vtt dans le codage UTF8 pour éviter tout problème lié au rendu des caractères dans le texte des titres de chapitres.

    En règle générale, vous attribuez au fichier VTT de chapitre le même nom que le fichier vidéo et vous lui ajoutez le mot chapitre . 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 Scene7 Publishing System, transférez votre fichier de chapitre WebVTT.

    Voir Téléchargement des 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 dans les fichiers, sélectionnez un fichier vidéo puis, sous l’image miniature du fichier, cliquez sur Prévisualiser > 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 contextuelle, cliquez sur Copier l’URL à l’extrémité droite de son nom.

      Annexez l’URL copiée de la vidéo avec la syntaxe suivante pour l’associer à l’URL copiée dans le fichier de sous-titrage :

      &navigation= <chemin de l'URL entier au fichier de navigation de chapitre .vtt>

    • Pour une expérience de visionneuse de vidéos intégrée, cliquez sur Code intégré à l’extrémité droite de son nom.

      Dans la boîte de dialogue du code intégré, cliquez sur Copier dans le Presse-papiers .

      Pour la visionneuse HTML5 Universal_HTML5_Video_ , annexez le code intégré copié avec ce qui suit :

      videoViewer.setParam("navigation"," <chemin de l'URL entier au fichier de navigation de chapitre .vtt> "