Insérer un média

Par admin carnot, publié le mardi 12 novembre 2019 15:11 - Mis à jour le mercredi 6 avril 2022 09:37

Sommaire

 

 

 

Les formats des médias pour l'ENT
 

 Types de Médias Formats   Remarques
Images  jpg, png, gif  Largeur maxi de la zone de publication (zone blanche de cette page): 750 pixels
Vidéos  mp4, webm  
Sons  mp3, ogg  

Insérer une image

Insérer une image dans l'ENT:
Les images doivent avoir des tailles raisonnables. Une image ayant une largeur de 750 pixels occupera toute la largeur de la zone de publication.

Sélection de l'image depuis son PC:

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Options finales pour l'affichage:

 

 

 

 

 

 

 

 

Résultat final: 570x428 pixels         

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 Si l'image n'a pas les dimensions proposées par défaut et que l'on souhaitent conserver les dimensions d'origine, il faut choisir dans les options au moment de l'insertion: "Effectuer un traitement personnaliser" et mettre les valeurs désirées.

 

 

Insérer un diaporama de photos

Insérer un son

Voir des exemples article: Du son dans l'ENT
Audacity un logiciel libre et gratuit: présentation, téléchargement
Usages pédagogiques avec Audacity

 

Insérer une vidéo

Méme méthode que pour insérer un son.
Vous disposer d'une vidéo au fomat mp4 ou webm sur votre ordinateur et vous la téléverser en utilisant le bouton [Insérer un fichier audio ou vidéo]

 


 

Intégrer un contenu externe : intégrer une vidéo, un génily, paddlet, etc...

Deux méthodes possibles :

Méthode 1:

Coller directement l'URL dans l'article ou utiliser le bouton [incorporer] de l'éditeur de texte

 

On clique sur le bouton ci-dessus et on insère l'adresse URL de la vidéo (youtube, dailymotion...) ou d'un contenu (génialy, etc...)

Le tour est joué. Cette méthode très pratique, ne marche pas avec tous les contenus externes.

Méthode 2:

A partir du code source (iframe)

 Pour insérer un contenu externe comme une vidéo qui est déjà en ligne, il faut récupérer le code "iframe" à intégrer sur le site source.
 Ce code se trouve facilement sur les sites qui propose des partages. On le repère par les mots : iframe ou div

Étape 1: récupérer le code source sur le site source ( Mots clés : partager ou  puis intégrer)

  •  

 

Étape 2: intégrer le code sources dans l'article de l'ENT

  • Revenir dans son article et l'éditer.
  • à l'endroit où vous souhaiter voir le contenu taper quelques caractères ex: iiiiii (cela servira à retourver l'emplacement)
  • cliquer sur le bouton  "Source" dans l'éditeur de texte pour passer en mode "source"
  • En faisant CTRL+F lancer une recherche sur les caractères choisis (iiii)
  • Remplacer le  "<p>iiiiii</p>" votre code iframe.

En revenant en mode "Prévisualisation" qui est le mode par défaut vous obtiendrez ceci :


(dailymotion, youtube, curiosphere,...)

Pour aller plus loin:

Pour choisir un point de démarrage ou de fin, on rajoute start et end dans le code ( à vérifier)
iframe width="420" height="315"
src="//www.youtube.com/embed/sUSknJSDiME?start=30;end=90" frameborder="0"
allowfullscreen></iframe

Voir aussi les sites générateur diframes... ou  Iframe générator...

 

Insertion d'un fichier PDF

Méthode du la pièce jointe

Attention cette méthode ne marche que pour les articles "public" de l'ENT
Etape 1: mettre le pdf en pièce jointe dans l'article et enregistrer l'aricle
Etape 2 : survoler la pièce jointe avec la souris et faire un clic droit, cliquer sur copier le lien
Etape 3 : éditer à nouveau l'article et coller le lien où vous voulez voir le pdf.

 

La méthode de la galerie d'image de l'ENT
Il suffit de transformer toutes les pages du fichier "pdf" en images indépendantes.
Créer une galerie d'image dans l'ENT et passer en automatique (ou pas) chaque image en plein écran.

La méthode de Thierry Bernes
Voir l'article

exemple avec la méthode de la pièce jointe ci-dessous : Voir article insérer un framacalc...

 

 

 

 

Insérer une animation HTML (n'est plus opérationnel !)

Ce mode d'insertion permet de visualiser dans un article de l'ENT une animation au format .html.
Le logiciel source doit pouvoir faire une exportation sous ce format par exemple Géogébra,

Procédure

  1. Exporter les fichiers au format html depuis Géogébra ( ou autre). Test pour controle: un double clic sur le fichier .html doit ouvrir l'animation dans un navigateur.
  2. Compresser le dossier contenant les fichiers au format ".zip".
  3. Créer une "ressource pédagogique". Ce service n'est plus actif dans l'ENT !!!

 

Catégories
  • Les usages de l'ENT