Another teacher’s website

  http://bit.ly/pB2emn copy to clipboard + http://bit.ly/pB2emn RSS

Diffuser de l'audio et de la vidéo en streaming sur Edmodo

Diffuser de l’audio et de la vidéo en streaming sur Edmodo

en utilisant Dropbox comme espace de stockage et JWPlayer comme lecteur multimedia

par SteF, le 8 octobre 2011 (maj 13 février 2012) BY-SA
10 commentaires
Pièces jointes

Donnez votre avis
14 votes

Sommaire

Edmodo est un site génial pour communiquer avec ses classes : échanger, diffuser des documents, récupérer des travaux d’élèves, avec une interface proche de celle de facebook : chaque classe dispose d’un mur où sont affichés les messages, les élèves peuvent aussi échanger entre eux ou avec le professeur.

On peut attacher à ses messages des fichiers audio ou vidéo (qui sont alors directement lisibles en setreaming), ou lier vers de tels fichiers stockés ailleurs, néanmoins lorsque les fichiers sont stockés ailleurs Edmodo ne proposera qu’un lien direct vers ces fichiers et pas de lecteur. En général, le navigateur peut les lire lui-même, mais dans tous les cas le résultat de l’opération dépendra entièrement de la configuration de la machine utilisée par le destinataire, assez imprévisible donc. Il peut donc s’avérer intéressant d’inclure directement un lecteur sur la page Edmodo et pas seulement un lien. Sauf si bien sûr le but est de mettre le fichier à disposition en téléchargement, auquel cas le lien est plus approprié.

On peut inclure un tel lecteur si on dispose d’un embed code, comme ceux proposés en général par les plateformes de partage multimedia (youtube, picasa, flickr, calameo, slideshare et compagnie). Néanmoins ça suppose d’avoir placé le contenu qu’on veut diffuser sur une plateforme publique, et ça n’est pas forcément compatible avec l’usage en vase clos que l’on peut avoir d’Edmodo [1].

Voici comment intégrer des fichiers multimedia directement lisibles en streaming sur Edmodo (ou ailleurs, d’ailleurs), sans qu’ils soient publics par ailleurs.

Il faut disposer d’un compte dropbox, qui servira d’espace de stockage pour les fichiers à diffuser, et où on installera également le lecteur multimedia. L’application dropbox doit également être installée. [2]

Partage de fichiers

Déposez les fichiers que vous souhaitez partager dans le dossier « Public » de votre répertoire Dropbox (ou un sous-dossier de votre choix dans ce répertoire).

Si l’application Dropbox est installée, un clic droit sur ces fichiers vous permet par le menu Dropbox de récupérer l’URL publique de ce fichier : vous pouvez la coller n’importe où, ceux qui cliqueront dessus accèderont à votre fichier en ligne.

Pratique pour mettre à disposition des fichiers à télécharger, il suffit de les mettre dans le dossier « Public » et de partager le lien vers ces fichiers.

Vous pouvez partager ce lien sur Edmodo avec une classe, un sous-groupe ou un élève, qui pourront le télécharger, mais il n’y aura pas de lecteur intégré à la page.

Installation du lecteur

Récupérez sur le site Longtailvideo un exemplaire du lecteur JWPlayer (décochez l’option viral plugin avant de le télécharger). Placez le fichier player.swf dans le dossier « Public » de votre répertoire Dropbox (ou un sous-dossier de votre choix dans ce répertoire).

Voilà, c’est tout :)

Afficher le lecteur sur Edmodo

Lorsqu’on choisit de partager un lien, on peut aussi donner une balise <embed /> au lieu d’une URL.

Texte - 1.6 ko
Embed code à coller pour afficher le lecteur

Voici le code à coller pour diffuser en streaming un fichier que vous avez placé sur dropbox (pour plus de détails sur ce code, et la possibilité de le personnaliser, consultez le JWPlayer Setup Wizard de Longtail video), il vous suffit de remplacer les champs balisés par des étoiles par les URLs publiques du lecteur et du fichier à diffuser — que vous récupérez avec un clic droit sur ces fichiers dans votre répertoire dropbox « Public » ou un de ses sous-dossiers.

Téléchargez ce fichier ou copiez son contenu sur le bloc notes. Personnalisez le code en indiquant les adresses du lecteur et du fichier à lire, puis copiez-le et collez-le dans la fenêtre d’Edmodo qui permet d’ajouter un lien à un post.

... ou ailleurs

L’utilisation de ce code n’est pas limitée à Edmodo, il permettra notamment :

  • de diffuser de l’audio ou de la video sur un site ou un blog alors qu’on ne dispose pas de beaucoup d’espace de stockage (c’est l’espace de dropbox qui est utilisé), ou si la possibilité d’afficher un lecteur intégré à la page n’est pas proposée.
  • d’intégrer facilement des lecteurs multimedia à des exercices Hot Potatoes qui pourront également être mis à disposition des élèves sur l’espace Dropbox.

Formats de fichiers

Tous les formats ne sont pas pris en charge par ce lecteur, reportez-vous à la liste des formats audio et vidéo compatibles avec JWPlayer.

Pour l’audio, les fichiers mp3 ne posent pas de problème.

Pour la vidéo le lecteur est un peu plus exigeant. On peut facilement convertir ses fichiers (avec avidemux par exemple), avec 2 formats possibles :

  • une enveloppe mp4, MPEG-4 (AVC) ou (h-264) pour la vidéo, AAC pour l’audio.
  • une enveloppe FLV, le codec Sorenson Spark pour la video et MP3 Lame pour l’audio.

Photo - Stolen Images 4 par Mister Kha - cc-BY-NC


Notes

[1pour l’instant, les documents vidéo de google documents, ou les vidéos placées sur picasa ne peuvent pas être « embedées », mais ça va venir !

[2A défaut, on peut très bien utiliser tout espace de stockage à partir du moment où on peut obtenir une URL directe pour chacun des fichiers.

Pièces jointes à télécharger

  • Embed code à coller pour afficher le lecteur - Texte - 1.6 ko
    Télécharger

Retour en haut de la page

1/6 Sommaire de la rubrique Précédent Suivant

Conditions d'utilisation

Le billet ci-dessus « Diffuser de l’audio et de la video en streaming sur Edmodo » par Stephane Busuttil, ainsi que — sauf mentions spécifiques — tous les documents accessibles sur cette page sont librement mis à disposition selon les termes de la licence Creative Commons Paternité - Partage des Conditions Initiales à l'Identique 3.0 Unported.

+ de détails

Votre avis sur cette page

14 votes

10 commentaires

Aller au dernier commentaire

  • laurenceb, le 8 octobre 2011 à 20:44

    génial !!!!

  • Rémi, le 10 octobre 2011 à 08:03

    Salut SteF, as-tu prospecté du côté de ce que fait le CLEAR : http://clear.msu.edu/teaching/online/ria/ et notamment ses audio dropboxes ?

  • SteF, le 10 octobre 2011 à 08:37

    hello Rémi. non, pas vraiment, enfin je connais audio dropbox mais pas les autres applications. tu penses que je pourrais trouver moyen d’embarquer un lecteur multimedia sur Edmodo plus simplement que ci-dessus avec un de leurs produits ? (car là est la question posée)

  • laurenceb, le 13 octobre 2011 à 04:41

    @ Rémi : tu fais bien de rappeler CLEAR. Je viens de refaire un tour du coté des Rich Internet Applications, et découvert l’outil "conversations 2.1" , un Video Dropboxes à la manière des fameux "audio dropboxes" permettant des interviews asynchrones, j’adore ! Je vais essayer de tester à l’occasion avec mes 1ere LVA... ça vaut quand même le détour. Une belle suprise du jour.

    @ Stef : dans les deux , ya le mot Dropbox.

  • laurenceb, le 13 octobre 2011 à 05:16

    Au fait, on a droit a combien d’espace sur Edmodo ?

  • SteF, le 13 octobre 2011 à 05:36

    aucune idée je n’ai trouvé cette info nulle part sur leur site

  • sobo, le 16 octobre 2011 à 01:16

    edmodo est présenté par ci par là (blogs etc.)comme ayant un ’unlimited storage space’.

    Merci pour cet article :)

  • Stéphane Busuttil, le 10 novembre 2011 à 07:41

    mouais, unlimited tant que leur limite n’est pas atteinte, un jour ou l’autre ils en fixeront une, d’autant que le nombre d’utilisateurs augmente régulièrement, alors autant prendre les devants !

  • laurenceb, le 4 décembre 2011 à 00:50

    Edmodo le site qui monte, qui monte, + une application android aussi !!! get connected....

  • amélie, le 17 novembre 2013 à 10:23

    Bonjour Stéphane,
    excellent article et site très utile.
    Suggestion ce site :
    http://www.quackit.com/html/html_generators/music_code_generator.cfm
    génère un lecteur automatiquement avec le fichier dropbox.
    Merci pour le conseil.
    Ca marche aussi dans notre ent.
    Bon dimanche


Vos réactions

Laissez ci-dessous vos commentaires, précisions, remarques et questions. Vos contributions ne s'affichent publiquement qu'après validation, trop de spam sinon.

Commenter
  • (Pour créer des paragraphes, laissez simplement des lignes vides.)

    texte
Qui êtes-vous ?

Retour en haut de la page

Publier et partager sur le web

16 autres articles dans cette rubrique

Morceaux choisis


Contribuez à maintenir ces pages sur la toile.
Paiement sécurisé par Paypal ou CB

Frais d'hébergement depuis 2009 : 230 €
Total des dons depuis 2009 : 99 €

Another Teacher's Website est motorisé par SPIP.

Contribuez au contenu de ce site