10
MARS

Popcorn JS - Un framework HTML5 vidéo pour plus d'interactivité

Publié le 10/03/11 à 09h38 par DJo

Popcorn.js est un framework Javascript permettant de gérer facilement l'interactivité des vidéos en HTML5.

Popcorn.js est un framework Javascript permettant de gérer facilement l'interactivité des vidéos en HTML5.

Le framework vous permet de contrôler totalement la vidéo avec les commandes classiques:

  • Lecture
  • Pause
  • Gestion du volume / Mute
  • Infos sur la vidéo
  • Etc

Mais là où le script devient intéressant c'est au niveau de ses fonctionnalités d'interaction:

  • Déclenchement d'évènements
  • Timer pour déclencher des actions

Ces fonctionnalités permettent notamment d'étendre les possibilités du framework à l'aide de plugins.

Interactivité avec la vidéo

Il est possible par exemple d'illustrer la vidéo en même temps qu'elle défile, afficher une carte Google Maps, des infos en provenance de Wikipedia, des infos sur la source audio ou vidéo ...

Il existe plusieurs plugins open source déjà existant et prêt à emploi.

Et pour constituer vos propres montages vidéos interactifs, un éditeur est disponible pour vous simplifier la vie.

Butter - Un éditeur pour générer votre montage vidéo avec Popcorn.js

Le code sera automatiquement généré par la suite, pratique !

 

Site Officiel

Editeur

Baraguiné par Manuite le 10/03/11 à 14h59
Manuite via Twitter
Très prometteur
La démo ne fonctionne pas chez moi (safari 5.0.3 macos 10.6.5 Macbookpro) ni online, ni en local (mamp). Si ququn a testé avec succès...
Baraguiné par pad le 11/03/11 à 11h49
pad sur La Ferme du Web
@Manuite :

Sous Firefox4 RC1 (qui tourne très bien au quotidien) c'est Impeccable!
Bien plus fluide que sous Chrome10 (qui marche aussi)

Ajouter un Commentaire

Pour poster un commentaire, vous devez être identifié. Vous pouvez choisir parmi ces trois méthodes d'identification:

Compte la Ferme du Web

Identifiez-vous
Inscrivez-vous

Compte Facebook

Compte Twitter

Connexion avec votre compte twitter
Rechercher sur la Ferme du web