Bienvenue dans cet article où nous verrons ensemble comment intégrer un contenu vidéo Nudgis dans une activité H5P.

Commençons par définir ce qu'est H5P : H5P (HTML5 Package) est un plugin permettant d'enrichir une vidéo et de la rendre interactive en y ajoutant une surcouche HTML5. Le plugin est disponible pour la plupart des LMS (Moodle, Brightspace, Blackboard, Canvas,...).

SOMMAIRE

1/ PRÉPARATION

2/ INTÉGRATION DE LA VIDÉO DANS UNE ACTIVITÉ H5P

3/ ASTUCE D'AUTHENTIFICATION

Préparation

Pour fonctionner avec Nudgis, il faut fournir au plugin H5P un lien direct vers une ressource vidéo. Ceux-ci se trouvent dans l'onglet "Communauté" de la page d'édition d'une vidéo et sont situés dans le cadre intitulé "Liens de téléchargement". Faites un clic droit sur le lien de la ressource MP4 avec la meilleure qualité et choisissez "Copier l'adresse du lien" :

Pour le bon fonctionnement de la vidéo H5P, il est absolument indispensable d'utiliser la manipulation décrite ci-dessus pour récupérer le lien, et pas une autre méthode. En effet, tout autre moyen employé peut conduire à l'expiration du lien sous quelques heures. De plus, l'utilisation des liens de téléchargement implique que le lecteur RichMedia de Nudgis ne sera pas utilisé pour la lecture dans le LMS. De ce fait, certaines fonctionnalités ne seront pas disponibles telles que la lecture adaptative (une seule qualité de vidéo sera disponible), le panneau latéral (et plus généralement les fonctionnalités du lecteur UbiCast) ainsi que les statistiques

D'autre part, il est nécessaire de rendre la vidéo publique. Pour cela, rendez-vous dans la page d'édition d'une vidéo, puis dans l'onglet Permissions, et passez la permissions Accès à Oui pour le groupe "Utilisateurs non authentifiés".

L'ouverture des permissions n'est pas nécessaire si votre Nudgis est hébergé en Cloud

INTÉGRATION DE LA VIDÉO DANS UNE ACTIVITÉ H5P

Pour cet exemple nous allons utiliser le LMS Moodle et son plugin H5P.

Commençons par nous rendre dans le cours Moodle où vous souhaitez ajouter votre activité H5P. Cliquez sur "Ajouter une activité ou ressource" et sélectionnez "H5P".

Vous arriverez sur la page suivante, il faudra alors cliquer sur "Utiliser la banque de contenus (s'ouvre dans une nouvelle fenêtre) pour gérer vos fichiers H5P".

Cela ouvrira le lien dans une nouvelle fenêtre (ou onglet), cliquez sur Ajouter puis sélectionnez "Interactive video".

Vous serez redirigé vers une nouvelle page. Sur celle-ci cliquez sur le bouton d'ajout de vidéo.

Dans le cadre qui apparaît, collez le lien de téléchargement récupéré dans Nudgis, puis cliquez sur Insérer.

Veillez à ce que la construction du lien intégré soit similaire à celle présentée dans la capture d'écran ci-dessus

Enregistrez ensuite vos modifications, vous serez redirigé vers la page du contenu que vous venez d'ajouter.

Retournez ensuite sur la page d'activité que vous avez ajouté à votre cours et cliquez sur l'icône "Ajouter...".

Dans le menu "Banque de contenus" vous pourrez alors sélectionner votre paquetage H5P. Pensez bien à enregistrer vos modifications une fois la manipulation terminée.

Et voilà ! Vous venez d'ajouter une ressource Nudgis dans une activité H5P !

ASTUCE D'AUTHENTIFICATION

Comme nous l'avons vu dans le premier chapitre, il est nécessaire de rendre le média public afin que tous les spectateurs accédant à l'activité H5P dans Moodle puissent lancer la vidéo. Mais cela revient à rendre votre média accessible à tous côté Nudgis, ce qui peut se révéler problématique. Pour contourner cela, il existe une astuce basée sur le plugin "Block" d'UbiCast. Pour permettre une authentification automatique sur la page H5P de Moodle, il suffit de créer un bloc "Liste de médias de Nudgis" sur la barre latérale : 

Une fois le bloc créé, cliquez sur la roue dentée, puis sur "Configurer le bloc Liste de médias de Nudgis" : 

Dans la fenêtre qui apparaît, choisissez le champ "Identifiant de la chaîne Nudgis", et tapez manager , puis passez la "Hauteur du bloc" à 1 pixel afin de le rendre presque invisible, et enfin, enregistrez : 

Tout utilisateur Moodle accédant à la page sera ainsi automatiquement authentifié sur Nudgis. Si il a le droit d'accéder au contenu, la vidéo se lancera, et dans le cas contraire, la lecture ne sera pas possible. 

Ce bloc peut être utilisé sur n'importe quelle page de Moodle au besoin

Merci d'avoir suivi cet article sur l'utilisation de H5P et Nudgis, n'hésitez pas à visiter la section Nudgis de notre documentation pour en apprendre plus sur les fonctionnalités de la solution !

Pour continuer : "Moodle | Plugins Nudgis | Guide de démarrage rapide"