Enrichir vos videos HTML5 avec PopCorn.js

Popcorn.js est un Framework HTML5 développé par Mozilla. Il permet d’enrichir très facilement vos vidéos en précisant les informations à afficher pendant la lecture.
Ainsi il devient possible d’afficher au cours des 30 premières secondes, une carte Google Map en relation avec la video, pour situer le sujet par exemple. Puis d’afficher des informations complémentaires, au format html, comme la description des intervenants  au fur et à mesure qu’il apparaissent à l’écran.
La dimension Rich Media prend ici tout son sens. Popcorn.js est particulièrement utile dans le cadre de la formation en ligne, puisqu’il permet de diffuser un contenu en temps réel en fonction de l’avancement du cours.

Pour l’instant il est possible d’utilser PopCorn avec :

  • la balise <VIDEO> HTML5
  • Youtube
  • Vimeo

Côté Plugins, seul Google Maps est disponible à l’heure actuelle mais l’API de Popcorn.js permet d’écrire d’autres plugins.

La documentation de Popcorn.js est disponible sur à cette adresse : http://popcornjs.org/documentation

et de nombreuses démos sont accessibles ici : http://popcornjs.org/demos

Pour les vidéastes qui ne veulent (ou ne peuvent) pas développer avec Popcorn, Mozilla vient de lancer un outil de création : Popcorn Maker : http://mozillapopcorn.org/popcorn-maker/
Ce logiciel en ligne est encore en version alpha, mais il permet de réaliser des vidéos interactives sans coder une seule ligne !

PopCorn.js Framework HTML5 pour la video

PopCorn.js Framework HTML5 pour la video

Un commentaire

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

*


+ sept = 8

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Copyright © 2011 Design HTML5.