SoundCloud + Winamp + Flash = ApexVJ

Vous connaissez SoundCloud ? Mais si enfin, le service de streaming musical. Vous vous souvenez de Winamp ? Mais si enfin, le lecteur audio qui offrait de multiples modules de visualisation. Mélangez les deux et vous obtenez ApexVJ. Cette application en ligne repose sur l’API de SoundCloud pour récupérer un flux audio et sur le moteur 3D du dernier Flash player (plus précisément avec PixelBender et Away3D) pour offrir des représentations visuelles très poussées.

L’interface propose donc de choisir un titre ainsi que l’effet visuel :

APEXvj_menu

Le résultat est très spectaculaire car ces animations sont très réactives et affichées en plein écran :

APEXvj_effects

Tout ceci devrait stimuler les services de streaming à proposer des interfaces plus sophistiquées (cf. Deezer et son nouveau player 3D en plein écran). Si vous cherchez des détails, les coulisses du projet sont ici : APEXvj, Born of the idea.

(via Hebiflux)

MàJ (21/02/2011) : Je découvre grâce à Molokoloco plusieurs expérimentations similaires en HTML / javascript : Music and visualisation, JS driven.

De ces différents exemples je retiens JuicyDrop :

JuicyDrop

Ainsi que Pocket Full of HTML5 qui exploite l’Audio Data API d’HTML5 :

HTML5AudioData

2 commentaires sur “SoundCloud + Winamp + Flash = ApexVJ

  1. Wow, je suis épaté par ces deux visualisateur de musique.
    Ça me rappel le temps ou je passais une heure devant l’ordi a écouter de la musique, les yeux rivé sur l’écran pour ne manquer aucune des magnifiques transformations ^^

    Merci donc pour ces deux exemple :-)

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s