Wiki

Recherche

Édition

Navigation

Ceci est une ancienne révision du document !


Chapitrer sa vidéo dans Mediaserver (En cours de rédaction)

Préambule

Le Mediaserver permet le chapitrage de vidéos. C’est la possibilité de créer des signets à divers endroits choisis d’une vidéo, et qui permettront l’accès direct par clic, à ces moments choisis. Ce tutoriel indique comment créer les chapitres et sous-chapitres, les modifier, ou les supprimer.

Prérequis

Avoir ajouté la vidéo concernée à la chaîne du mediaserver et y être connecté(e), et avoir déterminé les moments de la vidéo faisant l’objet des chapitres à indiquer.

Objectif

Permettre à l’utilisateur de la vidéo d’en voir la structure, et d’accéder à ses chapitre et sous-chapitres de la vidéo, par le volet de navigation du lecteur (sur Madoc via la Ressource du mediaserver, ou sur le mediaserver via un lien communiqué).

Etape 1 : accéder à la vidéo et ouvrir le volet "Chronologie"

Dans la chaîne mediaserver :

  • Sélectionner la vidéo concernée, cliquer sur le bouton « Voir ». La vidéo s’affiche.


Cliquer sur l’image pour l’agrandir

  • À côté, en haut à droite de la vidéo, passer la souris sur le picto bleu :


il se développe alors : cliquer sur « Commentaires, chapitres,… ». Un volet s’ouvre sur la droite de la vidéo. Le chapitrage s’effectue dans l’onglet « Chronologie » qui s’affiche par défaut :

Etape 2 : ajouter un signet de chapitre

  • Se positionner sur la vidéo à l’endroit où débute le chapitre ou sous-chapitre à identifier. C’est à cet endroit précis que le signet ou « tuile chapitre » renverra lorsqu’il sera cliqué par l’utilisateur.
  • Cliquer sur le bouton rond bleu « + » en bas à droite du volet, puis sur « Chapitre ». Une fenêtre s’affiche :


Cliquer pour agrandir l’image

  • Indiquer le nom du chapitre
  • Sélectionner le niveau hiérarchique (de 0 à 5), pour représenter la structure du contenu
  • Valider en cliquant sur le bouton « soumettre »

Une « tuile chapitre » apparaît dans le volet, indiquant le titre, l’horodatage du début de chapitre, et trois points qui permettent de modifier ou supprimer la « tuile chapitre ».

Exemple :

Cliquer pour agrandir les images
Dans cet exemple, la vidéo qui contient 3 chapitres et 11 sous-chapitres, les niveaux 0 ont été choisis pour le début, le sommaire et la fin de la vidéo, les chapitres sont en niveau 1 et sous-chapitres en niveau 2.

  • Les « tuiles chapitres sont affichées de manière dynamique dans le volet chronologie, c’est-à-dire qu’au fil de la lecture de la vidéo, la tuile du chapitre en cours est toujours en haut, et son bord gauche est en bleu pour la distinguer (1) ;
  • Une autre information visuelle des « tuiles chapitres » se trouve sous forme de bâtonnets (2) dans la ligne de défilement de la vidéo (timeline) sous celle-ci et qui s’affiche au survol de souris.
  • En cas de lecture en plein écran, un rappel de la « tuile-chapitre » apparait en médaillon en haut à droite (3) à chaque entrée dans un chapitre.

Pour voir la vidéo et tester la navigation via les “tuiles-chapitre” : https://mediaserver.univ-nantes.fr/videos/fruits-video-de-demo/

Astuce

Privilégier un libellé court (moins d’une ligne) améliore la lisibilité, tandis que la précision renforce l'efficacité pour l’utilisateur qui cherche à accéder à un élément de contenu précis dans la vidéo.

Etape 3 : modifier ou supprimer un signet

  • Pour supprimer une « tuile chapitre » concernée, cliquer sur ses 3 points verticaux en bas à droite, puis cliquer sur « supprimer ». Un message de confirmation s’affiche.
  • Pour éditer les informations d’une « tuile chapitre », cliquer sur ses 3 points verticaux en bas à droite, puis cliquer sur « Editer ». La fenêtre d’information modifiables s’ouvre. Modifier et valider en cliquant sur le bouton « Soumettre ».
Pour aller plus loin

Il est également possible d'ajouter des quiz ou des documents téléchargeables par les utilisateurs, à la vidéo.

 
madoc/26-chapitrer_sa_video_dans_mediaserver.1651475108.txt.gz · Dernière modification: 2022/05/02 09:05 de pertus-s
Recent changes RSS feed Creative Commons License Donate Powered by PHP Valid XHTML 1.0 Valid CSS Driven by DokuWiki