WebAudio Player

Dieser Music-Player demonstriert, was mit der WebAudio-API so alles möglich ist.
Es sind nicht alle Funktionen abgedeckt, aber wohl die wichtigsten.

Er ist dazu gedacht, dass ihr euren Besuchern Musik auf der eigenen Homepage anbieten könnt.
Sei es die selbst komponierte oder einfach nur zur Unterhaltung.

Die Anfangskonfiguration der einzelnen Bausteine kann in der Konfigurationsdatei festgelegt werden.

Das Laden und Abspielen der .mp3-Dateien basiert auf dem audio-Object, so dass ein Besucher mit einem alten Browser die Musik trotzdem noch hören kann.
Für diesen Fall werden auch die Werte der animierten Anzeigen mittels Zufallsgenerator simuliert.
Diese Anzeigen werden in echtzeit mit Canvas realisiert und lesen die Frequenz- und Pegelwerte der Datei aus.

 

Da etwas Spielerei nicht fehlen darf, verfügt der Player noch über einen 10-Band Equalizer mit vorgefertigten Kurven, sowie diverse Anzeigemodi und -Farben für die Frequenz-Spektrum Anzeige.
Dazu noch Regler für Echo- und Panoramaeffekt und eine BPM-Erkenung (durch rythmisches Anklicken).

Die Loudness-Funktion arbeitet bis zur halben Lautstärke, indem die tiefen Töne angehoben werden. Die Lautstärkeanpassung ist ein vollautomatisches Modul der API.

Playlist und Dateiupload sind keine automatisierten Bestandteile des Players. Musikdateien müssen manuell hochgeladen und die Playlistdatei im Editor angepasst werden.

Die Wellenformanalyse liest die kompletten PCM-Daten ein und stellt diese mit einer direkten Sprungfunktion dar. Sie ist so detailliert, wie die Browser die maximale Canvas-Breite zulassen. Der aktuelle sichtbare Ausschnitt der ganzen Grafik läuft durch einen begrenzten Bereich.

Alle Funktionen und Komponenten im einzelnen zu erklären, würde wohl ein kleines Buch füllen. Daher beschränkt sich dieses "Tutorial" lediglich auf eine grobe Beschreibung. Den Rest sieht man ja im Quellcode... 

Reviews

There are no comments available yet.

Here you can write a comment


Please enter at least 10 characters.
Loading... Please wait.
* Pflichtangabe
ANG GES G P
JSCookMenu (v1.0) is a powerful menu script written in JavaScript that can mimic complex menus found in popular GUI Applications. It's relatively ...
ANG GES G P
The tree has been tested on IE 4.0, 5.0, 5.5, 6.0 on Windows, IE 5.0 on Mac, and various versions of Netscape 6.0 and Mozilla. Opera at this poin ...
ANG GES G P
Dies ist ein sehr einfach zu-setup Form Validierung Skript. Die Grundidee ist: Wir beachten zu schreiben nichts von JavaScript zu handhaben ganze ...
ANG GES G P
Üblicherweise kann die aktuelle JavaScript-Version des Browsers mit Bordmitteln nicht ermittelt werden. Dieses Testscript erlaubt das Auslesen u ...
ANG GES G P
CodeThatCalendar enables you easily add the date/time picker to your form or page. Both popup and inline calendars are supported. Features include ...
ANG GES G P
This shows how to create a form that has a portion of the form shown (or hidden) upon certain user events. (radio button selection by the user in ...
ANG GES G P
:SlideMe - Image Gallery SMIG ist eine Bildergalerie die mit Hilfe von Javascript geschrieben wurde. Voraussetzung für SMIG? - PHP fähiger We ...
ANG GES G P
CodeThatGrid is an advanced JavaScript grid looking like Microsoft Excel grid that enables user to display in efficient and fancy way the massif ...
2005 x viewed
0 x memorized
Details to the advertisement
ANG GES G P
Make a request

You are no longer logged in as a user. Please enter your name and your E-mail-adress!

Loading... Please wait.
Details to the seller