Dancer.js: Musik mit JavaScript und HTML5 visualisieren ?? t3n News

Dancer.js Start


Dancer.js Demovisuaisierung

Audiofrequenzen auf den Beat genau sichtbar machen mit Dancer.js

Jordan Santell hat mit Dancer.js eine JavaScript API entwickelt, mit der man Musik beatgenau visualisieren kann. Daf??r erzeugt man zuerst eine Dancer-Instanz, in der man den Pfad auf die Musikquelle und das gew??nschte Format wie z.B. mp3, ogg oder wav definiert. Dann kann man mit unterschiedlichen API-Methoden das Abspielen der Audiodatei steuern und hat einfachen Zugriff auf z.B. Abspielzeit, Frequenz oder Spektrum. Die Dancer.js API erlaubt so das zur Musik passende Zuordnen von beliebigen Visualisierungesereignissen zu jedem Abschnitt des abzuspielenden Songs. Wie das aussehen kann, zeigt eine schicke Demovisualisierung:

Dancer.js 02


Dancer.js Demo mit beatgenauer Visualisierung

Voraussetzung f??r den Einsatz von Dancer.js sind die HTML5 Audio APIs von Chrome (Web Audio API) und Firefox (Audio Data API). F??r andere Browser neben Webkit und Mozilla, die HTML5 und die Audio APIs nicht verstehen, steht eine Flash-Fallback-L??sung zur Verf??gung.

Dancer.js kann samt Beispielen und Spezifikation bei GitHub kostenlos heruntergeladen werden.

Weiterf??hrende Links:

via t3n.de

Heute bei t3n von mir eine News zu Dancer.js – eine coole JavaScript Audio API.

Advertisements

Kommentar verfassen

Trage deine Daten unten ein oder klicke ein Icon um dich einzuloggen:

WordPress.com-Logo

Du kommentierst mit Deinem WordPress.com-Konto. Abmelden / Ändern )

Twitter-Bild

Du kommentierst mit Deinem Twitter-Konto. Abmelden / Ändern )

Facebook-Foto

Du kommentierst mit Deinem Facebook-Konto. Abmelden / Ändern )

Google+ Foto

Du kommentierst mit Deinem Google+-Konto. Abmelden / Ändern )

Verbinde mit %s

%d Bloggern gefällt das: