Ich hab vor einiger Zeit einen reinen HTML Javascript Musik Visualisierer gebaut der im Webbrowser und online funktioniert. Er lädt eine MP3 und überträgt die Soundwave auf ein Bild.
Vor einiger Zeit hatte ich den Soundmanger2 gefunden gehabt im Internet. Mit diesem ist es möglich über eine kleine Flashfile die unsichtbar im Hontergrund läuft musik daten ins Javascript zu streamen. Das ganze funktioniert ohne Flashkenntnisse. Diese Daten können dann durch eine Javascirpt Libary wie z.b. jQuery weiter verarbeitet werden.
Das Ganze sieht dann so aus:
Ich habe mit der jQuery UI ein Interface generiert dort einen kleinen Player gebastelt. Es wird ein bild angezeigt, das aus unterschiedlich vielen Streifen bestehen kann, maximal aber 256, da der Bitstream der MP3 nicht mehr Daten liefert. Wenn die Musikdatei abgespielt wird, wird über jquery das Bild manipuliert.
Hier die Steps nochmal als GIF:
Ich habe auch eine Funlktion geschrieben, die einen Bildwechsel an die vergangene Zeit knüpft.
Wer sich für den Quellcode interessiert kann ihn sich hier anschauen oder herunterladen.
Sourcecode:
jQuery und CSS Files etc müsst ihr selbst adden, ich werde nicht das ganze packet online stellen.
Links: