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.