Popcorn de Mozilla : documentaire HTML5 et Web 3D

Le par  |  0 commentaire(s)
One-Millionth-Tower

La technologie Popcorn.js de Mozilla est en démonstration dans un documentaire interactif intitulé " One Millionth Tower " et entièrement réalisé en HTML5, WebGL ( Web 3D ).

One-Millionth-TowerMozilla annonce le lancement de la version 1.0 de Popcorn, son initiative HTML5 dans le domaine de la vidéo. Popcorn est constitué d'un environnement de création Popcorn Maker et de Popcorn.js, un framework JavaScript pour l'interactivité avec des vidéos HTML5.

Cette mouture 1.0 a été annoncée lors du Mozilla Festival à Londres en même temps que le documentaire open source " One Millionth Tower " mis en ligne sur Wired.com. Ce documentaire Web interactif a été réalisé grâce à la technologie Popcorn, et donc entièrement en HTML5 et avec des bibliothèques JavaScript.

" Popcorn utilise JavaScript pour des liens en temps réel vers des médias sociaux, flux d'actualité, visualisation de données et autres directement dans la vidéo en ligne ", indique Mozilla pour qui le résultat obtenu est une " nouvelle forme de cinéma qui fonctionne comme le Web ".

Pour la version la plus interactive et 3D, le documentaire est à consulter avec Firefox ou Google Chrome et une carte graphique capable de prendre en charge la technologie WebGL ( Web 3D ). Mozilla explique que Popcorn a permis aux réalisateurs de contrôler un environnement 3D dans WebGL et d'y ajouter en temps des informations issues de Wikipédia, l'API meteo de Yahoo!, Flickr et Google Maps.

Il est possible de lancer une visite guidée du documentaire ou se balader librement pour le découvrir. Il est centré autour des idées d'habitants de Toronto au Canada afin d'améliorer la vie dans les tours de building.

N.B : pour notre configuration de test, les capacités WebGL ont pu être exploitées avec Google Chrome mais pas Firefox ( 8.0 bêta ).

Complément d'information

Vos commentaires

Gagnez chaque mois un abonnement Premium avec GNT : Inscrivez-vous !
Suivre les commentaires
Poster un commentaire
Anonyme
:) ;) :D ^^ 8) :| :lol: :p :-/ :o :w00t: :roll: :( :cry: :facepalm:
:andy: :annoyed: :bandit: :alien: :ninja: :agent: :doh: :@ :sick: :kiss: :love: :sleep: :whistle: =]