Anatomy of a Mashup DaftPunk en HTML5

The Man in Blue explique dans son article le concept du mashup, ou comment empiler et enchainer une discographie, et nous dévoile grâce à une visualisation en HTML5 et CSS3 (pas de Flash), son propre mashup de 23 morceaux des Daft Punk.

A mashup is a song created by blending two or more other songs. The more complex a mashup gets, the harder it is to distinguish the parts that are being used to create what you’re hearing.

Cameron Adams nous informe qu’il est préférable d’utiliser le navigateur Chrome 5 pour profiter de la technologie aux meilleures performances, FireFox4 passe bien aussi.

Voir l’application > daftpunk.themaninblue.com

Écouter le mashup de Cameron Adams – Definitive Daft Punk :

Audio clip: Adobe Flash Player (version 9 or above) is required to play this audio clip. Download the latest version here. You also need to have JavaScript enabled in your browser.

Pour les novices : HTML.. CSS ?? C’est Quoi ??

HTML, et CSS sont 2 langages utilisés par votre navigateur pour afficher les pages web de manière logique (HTML) et esthétique (CSS). En 2011, la majorité des sites utilisent HTML 4, qui n’est pas capable d’afficher et de traiter des médias (musique, vidéo, animations interactives) de manière native.De manière quasi démocratique (j’ai bien dit -quasi-), la technologie Flash a pris le lead pour palier à ce manque. C’est pourquoi vous devez avoir un “plugin Flash” pour, par exemple regarder les vidéos YouTube, utiliser Deezer ou BeatPort, ect…

Flash appartient à une maison d’édition, Macromédia à l’origine, aujourd’hui rachetée par Adobe. Qui ne sont pas très copains avec l’iPhone d’Apple soit dit en passant, alors que curieusement leurs produits sont très performant sur Mac. Ce qui fait que c’est aujourd’hui grâce à une société privée et une seule, que vous pouvez accèder à la lecture de média sur internet. Refléchissement.

Le seul concurrent sérieux à ce jour est SilverLight, de… Microsoft, et qui ne fait pas l’unanimité dans les choix technologiques des sites dédiés au grand public. France Télévision a retenu cette solution pour ses vidéos en ligne.

L’objectif de HTML5 est donc d’avoir la capacité à se passer de cette technologie propriétaire Flash, et de permettre à plus d’appareils d’afficher des médias et applications interactives graphiques grâce à ce langage simple. La portabilité, le nouveau défit des intégrateurs…