Différences

Ci-dessous, les différences entre deux révisions de la page.

--- madoc:76-ajouter_une_video_dans_un_espace_de_cours [2022/07/20 11:35]
aubert-d créée
+++ madoc:76-ajouter_une_video_dans_un_espace_de_cours [2023/08/28 16:02] (Version actuelle)
aubert-d [Insérer une ressource Nudgis]
@@ Ligne 1: / Ligne 1: @@
-<note warning>Cet article n'a pas encore été révisé suite au changement de design de Madoc. Par conséquent il est possible que son contenu ne soit plus conforme. Nous nous efforçons d'y remédier dans les plus brefs délais.</note>
+<code>Cet article a été validé le 21/08/2023</code>
-====== Insérer une vidéo ======
+====== Insérer une vidéo dans un espace de cours Madoc======
-Il existe 3 méthodes pour insérer une vidéo.
+Il existe plusieurs méthodes pour insérer une vidéo dans un espace de cours Madoc.
-  - Ajouter une ressource de type "lien" depuis l'espace de cours : dans ce cas l'utilisateur cliquera sur un lien pour lire la vidéo là où elle est hébergée.
+  - Si la vidéo est hébergée sur un site internet en dehors de Madoc, il est possible d'ajouter un lien hypertexte renvoyant vers la vidéo en question ou de l'intégrer dans une page de l'espace de cours Madoc.
-  - Insérer une vidéo dans l'éditeur de texte de Madoc : l'utilisateur pourra visionner la vidéo sans quitter Madoc.
+  - Si la vidéo est disponible sous la forme d'un fichier vidéo, il est possible de l'ajouter dans un espace de cours Madoc en utilisant le MediaServer de l'Université (il s'agit d'un serveur de diffusion de vidéo).
-  - Ajouer une ressource du médiaserveur
-<note important>Pour permettre la lecture de la vidéo sur le maximum de lecteurs, il est recommandé d'utiliser le **format mp4**</note>
-=====1- Ajoutez une ressource de type "lien" depuis l'espace de cours =====
+=====La vidéo est hébergée en dehors de Madoc=====
-  - Activez le mode édition.
+====Ajouter un lien hypertexte dans l'espace de cours====
-  - Dans la section de votre choix, cliquez sur le lien “Ajouter une activité ou une ressource”
+Il est possible d'ajouter un lien vers la vidéo à lire de deux manières différentes.
-  - Sélectionnez "URL"
-  - Remplissez le formulaire en indiquant :
-    * le "nom" à afficher
-    * l'adresse complète de la vidéo dans le champs "URL externe"(exemple : http://lien_de_ma_video.mp4)
-  - n'oubliez pas d'enregistrer
-Informations complémentaires : https://docs.moodle.org/2x/fr/URL
+===Ajouter un lien en utilisant l'éditeur de texte===
+Toutes les ressources et activités disponibles dans Madoc disposent d'un éditeur de texte comportant des boutons pour ajouter et mettre en forme du contenu.
+Il est ainsi possible d'ajouter un lien dans une ressource/activité de l'espace de cours : une **Page**, une **Etiquette**, etc.
+{{:madoc:76-lien_editeur_de_texte.png?nolink|}}
+Pour créer un lien dans l'éditeur de texte d'une ressource/activité:
+  - Sélectionner le texte qui portera le lien {{:madoc:numeros:1.png?nolink&30}}
+  - Cliquer sur le bouton **Lien** {{:madoc:numeros:2.png?nolink&30}} de l'éditeur de texte
+  - Saisir l'adresse de la vidéo dans le champ **Saisir l'URL** {{:madoc:numeros:3.png?nolink&30}}
+  - Cocher la case **Ouvrir dans une nouvelle fenêtre** {{:madoc:numeros:4.png?nolink&30}}
+  - Cliquer sur le bouton **Créer lien** {{:madoc:numeros:5.png?nolink&30}}
-=====2- Insérer une vidéo dans l'éditeur de texte de Madoc (Nouveau Médiaserver)=====
+Ne pas oublier d'enregistrer la ressource ou l'activité dans laquelle le lien a été ajouté.
-Vous pouvez intégrer une ou des vidéos dans toute zone de texte comportant l'éditeur de texte Madoc. L'éditeur de texte est reconnaissable aux nombreuses icônes permettant de mettre le texte en gras, en italique, ect.
-{{:moodle:faq:ubicast-02.png?700|}}
-==== Insérer un média du médiaserveur ====
-Depuis l'éditeur de texte (dans une étiquette, une page, une description ...) vous pouvez ajouter une vidéo qui sera
-hébergé sur notre serveur de diffusion vidéo (streaming). Ce serveur hébergé dans notre université est configuré pour diffuser un flux vidéo dans différentes qualités et s'adapte aux différents usages.
-  * Projection en amphi
-  * Diffusion en classe
-  * Lecture sur ordinateur personnel
-  * Lecture sur smartphone
-  - Appuyer sur le bouton insérer un média du médiaserveur : {{ :moodle:faq:ubicast-03.png?700 |}}{{ :moodle:faq:ubicast-04.png?700 |}}
+===Ajouter un lien en utilisant la ressource URL===
-  - Envoyer votre vidéo sur notre médiaserveur, sélectionner une vidéo déjà déposé ou capturer une nouvelle vidéo. Dans notre cas nous allons [envoyer une vidéo] : {{ :moodle:faq:ubicast-05.png?300 |}}
+La ressource URL permet d'ajouter un lien directement dans un espace de cours Madoc :
-  - Donner un titre et sélectionner votre vidéo [parcourir] sur votre espace de stockage personnel (ordinateur, clé, smartphone...) : {{:moodle:faq:ubicast-06.png?700 |}}{{:moodle:faq:ubicast-07.png?700 |}}{{:moodle:faq:ubicast-08.png?700 |}}
+  - Dans la section de votre choix, cliquez sur le lien **Ajouter une activité ou une ressource**
-  - Terminer le dépôt de votre vidéo [Ajouter votre média] : {{ :moodle:faq:ubicast-09.png?700 |}}
+  - Sélectionnez **URL** dans l'onglet **Ressources**
-  - Pour finaliser votre ajout [insérer le média] {{:moodle:faq:ubicast-10-1.png?300 |}}
+  - Remplissez le formulaire en indiquant :
-  - Votre média est ajouté (n'oublier pas d'enregistrer la page madoc). Le transcodage dans les différentes tailles de la vidéo peut prendre un peu de temps.{{:moodle:faq:ubicast-11.png?700 |}}
+    * le **Nom** à afficher
+    * l'adresse complète de la vidéo dans le champs **URL externe** (exemple : http://lien_de_ma_video.mp4)
-=====3- Ajouter une vidéo du médiaserveur =====
+  - Dans **Apparence**, sélectionner **Nouvelle fenêtre**
+  - Cliquer sur le bouton **Enregistrer et revenir au cours**
-- Dans une section **Ajouter une ressource ou activité**
+<note>{{:madoc:icones-bloc:note.png?nolink}}Note\\
+Trouver des informations complémentaires sur la ressource URL dans la page suivante: https://docs.moodle.org/2x/fr/URL</note>
-- Sélectionner la ressource : **Ressource du médiaserveur** et **ajouter**
+====Intégrer une vidéo d'un service extérieur type Youtube====
-{{ :moodle:faq:mediaserveur_01.png?300 |}}
+L'intégration d'une vidéo extérieure dans un espace de cours Madoc permet de proposer la lecture de cette vidéo sans avoir à quitter Madoc.
-- Saisir un **nom** pour cette ressource
+C'est là encore l'éditeur de texte des ressources/activités qui permet cette intégration.
-- **Sélectionner** ce que vous voulez faire :
+Prenons l'exemple d'une vidéo Youtube.
-{{ :moodle:faq:mediaserveur_02.png?300 |}}
-  * Envoyer une vidéo (déposer sur le serveur une vidéo stocké sur ordinateur ou un disque externe)
-  * Capturer ma webcam ou mon écran (éviter une trop longue séquence de capture)
-  * Sélectionner un média existant (la vidéo est déjà stocker sur votre chaine dans le médiaserveur)
-- **Enregistrer**
+  - Sous la vidéo Youtube à intéger, cliquer sur le bouton **Partager**
+  - Dans la fenêtre qui s'ouvre, cliquer sur le bouton **Intégrer** puis sur **Copier**
+  - Dans l'éditeur de texte de la ressource/activité dans laquelle la vidéo doit être intégrée, cliquer sur le bouton **HTML** {{:madoc:76-bouton_html.png?nolink}}
+  - Coller dans l'éditeur le code d'intégration préalablement copié depuis Youtube
+  - Cliquer sur le bouton **Enregistrer et revenir au cours** en bas de page
-<note tip>En savoir plus sur l'utilisation du média serveur : [[personnels:mediaserver:bienvenue|Mediaserver]]</note>
+<note>{{:madoc:icones-bloc:note.png?nolink}}Note\\
-===== Insérer une vidéo dans l'éditeur de texte de Madoc (ne plus utiliser)=====
+L'exemple ci-dessus est basé sur Youtube mais de nombreux service de partage de contenus proposent une fonctionnalité similaire.</note>
-Vous pouvez intégrer une ou des vidéos dans toute zone de texte comportant l'éditeur de texte Madoc. L'éditeur de texte est reconnaissable aux nombreuses icônes permettant de mettre le texte en gras, en italique, ect.
+<note warning>{{:madoc:icones-bloc:attention.png?nolink}}Attention\\
+Cette procédure d'intégration de contenu dans un espace de cours Madoc peut s'avérer complexe pour les personnes peu familières avec le numérique.
+</note>
-{{ :moodle:faq:editeur_texte_moodle.png?nolink&800 |}}
+=====La vidéo est disponible sous la forme d'un fichier=====
+Madoc étant relié à MediaServer, le serveur de diffusion de vidéo de l'Université, il est possible de déposer un fichier vidéo sur le MediaServer et de le publier sur Madoc sans jamais quitter Madoc.
+Il y a deux façons de publier dans Madoc une vidéo MediaServer.
-) cliquez sur le bouton "média" de l'éditeur.
+====Insérer une vidéo MediaServer dans une ressource/activité====
+Il est possible d'ajouter une vidéo MediaServer en utilisant l'éditeur de texte des ressources/activité.
+{{:madoc:76-mediaserver_editeur_texte.png?nolink}}
-{{ :moodle:faq:media01_bt_inserer.jpg?nolink&800 |}}
+  - Appuyer sur le bouton **Insérer un média du médiaserveur** {{:madoc:numeros:1.png?nolink&30}}
+  - Cliquer sur le bouton **Envoyer une vidéo** {{:madoc:numeros:2.png?nolink&30}}
+  - Cliquer sur le bouton **Parcourir** pour sélectionner un fichier vidéo sur votre machine puis sur le bouton **Ajouter le média** tout en bas de la fenêtre
+  - Cliquer sur le bouton **Insérer** {{:madoc:numeros:3.png?nolink&30}} pour finaliser l'ajout de votre vidéo
+  - La vidéo est ajoutée dans l'éditeur de texte.
-) Dans la fenêtre surgissante de paramétrage, indiquez l'url de la vidéo ou utilisez les dépôts pour en ajouter une, et indiquez l'intitulé souhaité de la vidéo.
+Ne pas oublier d'enregistrer la ressource ou l'activité dans laquelle le lien a été ajouté.
-Si vous ajoutez une vidéo dans les dépôts, la taille de votre fichier sera contrainte par les paramètres du cours. N'hésitez pas à contacter le support-tice@univ-nantes.fr si votre vidéo est trop volumineuse.
-{{ :moodle:faq:media02_parametres.jpg?nolink&800 |}}
+<note warning>{{:madoc:icones-bloc:attention.png?nolink}}Attention\\
+Par défaut la vidéo ajoutée nécessite un traitement qui diffère sa publication de quelques minutes à quelques heures, ce temps étant fonction de sa durée.
+</note>
+====Insérer une ressource Mediaserver====
-) Cliquez sur le bouton "Insérer le média". L'adresse de la vidéo est encadrée par des crochets.
+ - Dans la section de votre choix, cliquez sur le lien **Ajouter une activité ou une ressource**
+  - Sélectionnez **Ressource Mediaserver** dans l'onglet **Ressources**
+  - Saisir un **nom** pour cette ressource
+  - Cliquer sur le bouton **Parcourir** pour sélectionner un fichier vidéo sur votre machine puis sur le bouton **Ajouter le média** tout en bas de la fenêtre
+  - Cliquer sur le bouton **Enregistrer et revenir au cours**
-{{ :moodle:faq:media03_crochets.jpg?nolink&800 |}}
+<note tip>{{:madoc:icones-bloc:astuce.png?nolink}}Astuce\\
+{{ :moodle:faq:mediaserveur_02.png?300 |}}
+Le MediaServer offre trois possibilités principales dans Madoc :
+  * **Envoyer une vidéo** : déposer sur le serveur un fichier vidéo en votre possession
+  * **Capturer ma webcam ou mon écran** : attention toutefois à éviter une trop longue séquence de capture
+  * **Sélectionner un média existant** si la vidéo a déjà été déposée dans le médiaserveur
-Après votre **enregistrement**, le lien de la vidéo sera transformé en lecteur vidéo, permettant à l'utilisateur de lire la vidéo sans quitter Madoc.
+Pour en savoir plus sur l'utilisation du MediaServer : [[personnels:mediaserver:bienvenue|Mediaserver]]</note>
 ----
 **[[moodle:faq|Retour à la FAQ]]**

Recherche

Édition

Navigation

Différences