convertir la vidéotice.dsden80.ac-amiens.fr/img/pdf/comment_integrer_une... · 2020-03-24 ·...
TRANSCRIPT
Xavier Bourguignon_Amiens Ouest Virginie Cailleux_Amiens Sud-Ouest
Comment intégrer une vidéo personnelle dans l’ENT ?
Convertir la vidéo
1. Télécharger le convertisseur gratuit « Format Factory » : http://www.pcfreetime.com/
2. Installez-le
3. Créer sur votre ordinateur un dossier dans lequel vous déposez vos vidéos issues de votre appareil.
4. Ouvrez Format Factory, puis cliquez sur l’icône
5. Glissez les vidéos (que vous avez copiées sur le disque dur) dans la fenêtre qui s’ouvre. Vous pouvez bien sûr
en mettre autant que vous voulez : Format Factory les traitera en lot.
6. Cliquez sur « paramètres de sortie » (Très important)
a. Dans « Encodage vidéo », choisissez AVC/H264
b. Dabs « Taille de la vidéo », choisissez « 720p »
c. Cliquez sur OK, en haut.
7. Cliquez sur « Démarrer » 8. A la fin de la conversion, vous entendrez une petite musique. Cliquez sur « dossier de destination » (en
haut à gauche) pour ouvrir le dossier dans lequel les vidéos ont été converties.
Télécharger la vidéo
Deux solutions sont possibles :
- Télécharger vos vidéos à partir de médiacad (site académique avec un espace
personnel) à privilégier
- Télécharger les vidéos de votre espace personnel ENT mais qui va être saturé très
rapidement
Xavier Bourguignon_Amiens Ouest Virginie Cailleux_Amiens Sud-Ouest
Solution télécharger dans Médiacad
1- Charger vos vidéos à partir du site académique : https://mediacad.ac-amiens.fr/
Il faut se connecter avec l’adresse de messagerie académique.
2- Cliquer sur média, puis ajouter un média :
3-Mettre un titre, télécharger votre média, puis cliquer sur ajouter ce média
4-Indexer le média
Compléter les champs avec un astérisque, puis cliquer sur indexer le média
5- Cliquer sur partage, puis sur partage pour un accès sans authentification
Xavier Bourguignon_Amiens Ouest Virginie Cailleux_Amiens Sud-Ouest
6- Cliquer sur lien et copier le code iframe
7- Aller sur le blog « Mes applis » « Blogs » ou « cahier multimédia »
8- Dans la barre d’édition, cliquer sur l’ajout d’éléments multimédia :
9- Cliquer ensuite dans « créer votre propre code »
10- Insérer le code iframe :
11- Appliquer et publier le blog ou le cahier multimédia.
Xavier Bourguignon_Amiens Ouest Virginie Cailleux_Amiens Sud-Ouest
Solution télécharger dans l’ENT
Attention : le code n’est pas tout à fait le même pour le Blog et pour le cahier
multimédia (cf points 11 et 13)
1- Dans « mes applis », allez sur « Espace Documentaire »
2- Dans cet espace, créez un dossier qui contiendra toutes les vidéos que vous voulez partager
attention, il s’agit d’un dossier par liste de destinataires. Autrement dit, si vous voulez partager spécifiquement
certaines vidéos avec les parents, et d’autres avec les enfants, il faudra créer deux dossiers.
3- Pour l’exemple, je crée le dossier « Videos de la classe » (j’évite en général l’accent)
4- Ce dossier, qui contiendra les vidéos, devra être partagé avec les différents destinataires. Appliquez donc un
partage, tout comme pour un blog.
5- Une fois partagé avec les bonnes personnes, ouvrez ce dossier, cliquez en haut de la fenêtre sur « Créer » et
glissez, en lot, toutes vos vidéos converties.
6- Cliquez sur « importer »
7- Prenons l’exemple de la première vidéo : IMG_0038. Il faut cliquez deux fois dessus pour lancer la lecture. Une
fois la lecture démarrée, faites un clic droit sur cette vidéo puis cliquez sur « Copier l’URL de la vidéo » (Firefox).
Collez cet URL sur un document texte (bloc-notes ou Word par exemple)
8- Allez sur « Mes applis » « Blogs » ou « cahier multimédia ».
9- Dans la barre d’édition, cliquez sur l’ajout d’éléments multimédia :
Xavier Bourguignon_Amiens Ouest Virginie Cailleux_Amiens Sud-Ouest
10- Cliquez ensuite dans « créez votre propre code »
11- Insérez le code suivant pour le cahier multimédia:
<div ng-if="layer.media.type === 'text' || layer.media.type === 'video'" bind-html="layer.media.src" class="ng-scope ng-
isolate-scope"><div class="ng-scope"><video ng="contentType === 'video'" controls="" class="render ng-scope"
src="URL_DE_LA_VIDEO" width="640" height="480"></video></div>
12- Puis modifiez « URL_DE_VOTRE_VIDEO » par le l’URL que vous aviez placé sur un document texte. Dans notre
exemple, cela donnera :
<div ng-if="layer.media.type === 'text' || layer.media.type === 'video'" bind-html="layer.media.src" class="ng-scope ng-
isolate-scope"><div class="ng-scope"><video ng="contentType === 'video'" controls="" class="render ng-scope"
src="https://ecole.entsomme.fr/workspace/document/12436d9c-1681-493c-a38d-7d925baddda1 " width="640"
height="480"></video></div>
13- Insérez le code suivant pour le blog:
<video ng="contentType === 'video'" controls="" class="render ng-scope" width="640" height="480"
src="URL_DE_VOTRE_VIDEO"></video>
14- Puis modifiez « URL_DE_VOTRE_VIDEO » par le l’URL que vous aviez placé sur un document texte. Dans notre
exemple, cela donnera :
<video ng="contentType === 'video'" controls="" class="render ng-scope" width="640" height="480" src="
https://ecole.entsomme.fr/workspace/document/12436d9c-1681-493c-a38d-7d925baddda1 "></video>
15- Appliquez, et publiez votre cahier multimédia ou le blog.