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.
Playlist-Verwaltung und Dateiupload sind passwortgeschützte Bestandteile des Players.
Playlist-Dateien liegen für den Player im eigenen internen Format vor, können aber im .m3u-Format im- und exportiert werden.
Freigegebene Listen erscheinen dann als Auswahl. Eine wird als Vorwahl markiert.
Sofern erlaubt, können Besucher auch ihre eingenen .mp3-Dateien von ihrer Festplatte abspielen.
Da etwas Spielerei nicht fehlen darf, verfügt der Player noch über einen 10-Band Equalizer mit vorgefertigten Kurven
und einem individuellen Speicherplatz, sowie diverse Anzeigemodi und -Farben für die Frequenz-Spektrum Anzeige.
Dazu noch Regler für Echo- und Panoramaeffekte.
Das Oszilloskop zeigt den aktuellen kurvenverlauf.
Die Wellenformanalyse liest die kompletten PCM-Daten ein und stellt diese mit einer direkten Sprungfunktion dar.
Der aktuelle sichtbare Ausschnitt der ganzen Grafik läuft durch einen begrenzten Bereich.
Dabei werden die BPM ermittelt und die ID3-Tags ausgelesen.
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.
Der DSP Baustein produziert diverse Raumklang- und Verzögerungseffekte.
Der Tongenerator erfüllt keinen besonderen Zweck.
Die restlichen Funktionen sollten von andern Playern her bekannt und selbsterklärend sein.
Für die Bedienung ist eine Maus optimal, wobei es auch mit dem Finger funktionert.
Einige Funktionen lassen sich auch mit Tasten verwenden. Hier ist eine Funktionsübersicht:
| Y |
= |
Play |
|
← / → |
= |
Suchlauf (halten) |
|
V |
= |
Visualisierungs-Ansicht |
| P |
= |
Pause |
|
Bild auf / Bild ab |
= |
Track-Sprung |
|
H |
= |
Diese Hilfe hier |
| S |
= |
Stop |
|
Pos1 / Ende |
= |
PL-Start / PL-Ende |
|
W |
= |
Willkommens-Texte |
| M |
= |
Mute |
|
+ / - |
= |
Volume |
|
C |
= |
Cover-Bild & ID3-Daten |
| Z |
= |
Random |
|
l / r |
= |
Balance |
|
U |
= |
Uhr & Kalender |
| A |
= |
AmbiLight |
|
↑ / ↓ |
= |
Pitch |
|
D |
= |
Player-Demo starten |
Durch einen Klick auf den "DJ"-Button werden 2 identische Player in ein kleines Mischpult geladen.
Je Seite kann eine andere Playlist geladen werden. Wird dieselbe auf beiden Seiten verwendet, erkennt das der Player und
überspringt im Automix-Modus jeden zweiten Titel bei den automatischen Übergängen.
Alternativ können auch unterschiedliche Abspielreihenfolgen programmiert werden.
In dieser Ansicht ist die Anordnung der Bausteine festgelegt und der VOL-Regler deaktiviert, da diese Funktionen hier die
Kanal-Schieberegler und der Fader übernehmen.
Die animierten Anzeigen können den Rechner stark belasten, daher lassen sie sich bei Bedarf mit den unteren Schaltern
einzeln deaktivieren. Sofern die Bilder noch nicht gecached sind, kann die Wellenformanalyse einige Sekunden dauern.
Der Player ist für den Google-Chrome Browser optiomiert. Das Laden und Abspielen der .mp3-Dateien basiert auf dem <audio>-Object,
so dass ein Besucher mit einem alten Browser der nicht über die WebAudio-API verfügt 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.
Auf Leistungsschwachen Endgeräten kann es zu Verzögerungen kommen, da doch einiges an Rechenleistung abverlangt wird.
Das gilt besonders für das Mischpult mit 2 Playern gleichzeitig.
Im linken Bereich des DSP-Bausteins (Digitaler Sound Prozessor) befinden sich 4 vorgefertigte Raumklangsimulationen
sowie akkustische Effekte.
Im mittleren Bereich kann ein Mikrofon eingebunden werden.
Wer sich dazu berufen fühlt kann ja Karaoke singen, ansonten lässt es sich alternativ als Diktiergerät verwenden.
Der Puffer wird als .webm-Datei (WebMedia) heruntergeladen und nimmt max. 999 Sekunden lang auf.
Das Bild einer Webcam kann man im Display anzeigen lassen und Standfotos aufnehmen.
Der Tongenerator ist nur zum Erzeugen der 4 Wellenformen gedacht. Nur ein Spielzeug...
Dieser Player verwendet folgende Speicher:
| Sessions & Cookies: |
Admin-Login, Baustein-Reihenfolge, Equalizer USER, Player-Skin |
| Localstorage: |
Displayeinstellungen, Willkommens-Meldung gelesen |
| IndexedDB: |
Lokale Playlist (Dateiinhalte & Metadaten, Wellenbilder) |
| SQLite: |
Besucherstatistiken |
Bis auf den einfachen, nicht personalisierten Besucherzähler,
werden alle Daten auf dem eigenen Rechner des Besuchers gespeichert.
Das Script ist Freeware und darf nach eigenen Wünschen angepasst und erweitert werden.
Dennoch dürfen das Copyright und sonstige Vermerke nicht entfernt werden!
Die Weiterverbreitung des Scriptes
im Orginalzustand ist nicht verboten, sondern erwünscht.
Weitere Informationen sind den [
AGB auf numaek.de] zu entnehmen.
Auf die Lizenzrechte der angebotenen Titel ist natürlich gesondert zu achten!
Bausteine➧
Skins➧
Playlist-Scan
Display-Modus
DJ-Modus
