Arcade Fire diffuse un clip interactif basé sur Street View, Maps et sur l'HTML 5

Julien L. - publié le Mardi 31 Août 2010 à 15h44 - posté dans Musique Numérique

Pour la promotion de son dernier titre, le groupe Arcade Fire s'est appuyé sur les technologies web et les applications en ligne. Grâce à l'utilisation de Street View, Google Maps et de l'HTML 5, la formation canadienne propose aux utilisateurs l'expérience d'un clip interactif sur le navigateur web.

Qui a dit que seul le Flash pouvait restituer des expériences vidéos exceptionnelles ? À l'occasion de la sortie de leur nouvel album, The Suburbs, le groupe canadien Arcade Fire n'a pas hésité à puiser très largement dans les derniers standards web et dans certaines applications en ligne pour réaliser un clip interactif intitulé We Used To Wait.

Sur la page du projet, The Wilderness Downtown, l'internaute est invité à rentrer l'adresse de son domicile lorsqu'il était enfant. Ensuite, le clip se charge et une multitude de fenêtres vont apparaitre au fur et à mesure de la chanson. Le principe de cette vidéo est évident : faire vibrer les souvenirs de l'internaute en associant des vues aériennes et rapprochées de la maison de son enfance en utilisant Google Maps et Google Street View.

Pour en profiter, il faudra évidemment utiliser un navigateur équipé pour gérer le HTML 5. Soutenu par Google, le projet recommande donc d'utiliser le navigateur maison de la firme de Mountain View. Cependant, tous les navigateurs compatibles en HTML 5 peuvent lire le clip et profiter de cette expérience un peu nouvelle.

Un bémol cependant, certaines configurations un peu légères pourraient ne pas afficher correctement le clip vidéo. En fonction de la puissance de l'ordinateur, la vidéo pourrait être plus ou moins saccadée. Quoiqu'il en soit, c'est une démonstration assez complète des possibilités de cette technologie.

Publié par Julien L., le 31 Août 2010 à 15h44
 
 
14
Commentaires à propos de «Arcade Fire diffuse un clip interactif basé sur Street View, Maps et sur l'HTML 5»
 
Et pendant ce temps-là, une animation Flash s'afficherait sans pomper à 100 % le processeur de mon MacBook Pro, comme le fait en ce moment ce site. Rendez-vous dans 2 ans, quand les navigateurs seront au point.
Bon, ca plante littéralement mon firefox. J'insiste pas.
Héhé, avec Chrome et une grande ville (genre Lyon), ça marche très bien. Vraiment bien fichu.
Magnifique sous Chrome

Diti, le 31/08/2010 - 15:53
Et pendant ce temps-là, une animation Flash s'afficherait sans pomper à 100 % le processeur de mon MacBook Pro, comme le fait en ce moment ce site. Rendez-vous dans 2 ans, quand les navigateurs seront au point.
Tu es vraiment d'une mauvaise fois sans bornes.
Le flash sur mac marche horriblement mal, et pompe la plupart du temps 100% du proc...
Mon ordi en chie aussi et s'tun PC.
Enfin bon, je m'en fous de ce débat, j'ai trouvé le concept bien sympa :)
J'aime bien Arcade Fire mais ce serait bien qu'il ne fasse pas les choses à moitié.
Non seulement le site contien 16 erreurs de validation ( http://validator.w3....group=0#result), ce qui n'est pas beaucoup vous me direz, mais quand même...
Mais en plus, le doctype est celui du XTHML transitional, pas du html5.
àa montre encore une fois, si besoin en était, que les gens connaissent mal le html5 qu'ils réduisent à la seule balise video.
MattCoalman, le 31/08/2010 - 16:04
Magnifique sous Chrome

Diti, le 31/08/2010 - 15:53
Et pendant ce temps-là, une animation Flash s'afficherait sans pomper à 100 % le processeur de mon MacBook Pro, comme le fait en ce moment ce site. Rendez-vous dans 2 ans, quand les navigateurs seront au point.
Tu es vraiment d'une mauvaise fois sans bornes.
Le flash sur mac marche horriblement mal, et pompe la plupart du temps 100% du proc...
Ah bon c'est encore pire que sous linux? Une animation flash ça bouffe un max mais pas 100% non plus...
Alucard63, le 31/08/2010 - 16:53
Ah bon c'est encore pire que sous linux? Une animation flash ça bouffe un max mais pas 100% non plus...
Bon j'exagere un peu... mais c'est super mal géré (bcp moins bien que sous Windows)
Ouais, enfin là, sous firefox windows, ça bouffe toutes les ressources et firefox plante méchant.
Sous Safari windows, ça rame pas mal.
Sur la page d'intro lorsqu'on ouvre avec Firefox, ce message : "This site was designed with Google Chrome in mind and is unable to render properly in your browser.
For the best viewing experience, we recommend downloading Google Chrome and trying this site again."
Diti, le 31/08/2010 - 15:53
Et pendant ce temps-là, une animation Flash s'afficherait sans pomper à 100 % le processeur de mon MacBook Pro, comme le fait en ce moment ce site. Rendez-vous dans 2 ans, quand les navigateurs seront au point.

C'est dingue parce que moi c'est exactement l'inverse. Une video flash est illisible sur mon laptop et bouffe 100% de cpu, alors qu'une video en html 5 passe sans problème...

Enfin dans ce cas du site, c'est aussi un peu normal, y'a des scripts un peu dans tout les sens avec les oiseaux, donc c'est normal que ça demande de la ressource.
En même temps, étant donné l'animation, je vois mal comment ça pourrait prendre peu de ressources... Il y a du google map et google street view dans tous les sens et ils sont modifiés en live...
Sur mon firefox ça marche super bien et j'admire cette performance magnifique. Tout le reste n'a pas d'importance...
Pour les usagés (comme moi) de Firefox, je vous conseil de ne pas utiliser la version actuelle (3.6.8) mais de passer par Mozilla Firefox 4.0 Beta 4, cela marche un peut mieux (quoique pour moi, ça rame, vu que je tourne sur un vieux P IV 3.2 GHz).
https://www.mozilla....x/all-beta.html
Magnifique ! Vu sous Archlinux et Iron, version épurée de Chromium, sans soucis sur une configuration moyenne.
j'ai essayer avec chromium et ça marche du feu de dieu
Télécharger
WinMend Folder Hidden
Cryptage - Cachez vos données personelles
 
Home FTP Server
Client FTP - Un autre client FTP gratuit
 
CPU Free BenchMark
Diagnostic - Outil de comparaison de processeur
 
Handy Recovery
Restauration - Récupérez gratuitement vos fichiers supprimés
 
RecordCube
Capture et enregistrement - Enregistrez toutes vos conversations.
 
Août 2010
 
Lu Ma Me Je Ve Sa Di
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
Matoumba
EntrepreNantes
Numerama est un site du réseau PressTIC