( jc – 28.04.2010 13:20)

RexWPAudio Addon

Artikel ist noch unvollständig..

1. Funktion

Im Gegensatz zu anderen Playern, wird WPAudio nicht explizit in den Seitencode einbaut, sondern über Javascript und eine Trigger-Klasse für mp3 Dateilinks aktiviert. Beispiel:

// Normaler link auf eine mp3 Datei
<a href="beispiel.mp3">mp3 Datei</a> 

// link auf eine mp3 Datei die per WPAudio Player abgespielt werden kann
<a href="beispiel.mp3" class="wpaudio">mp3 Datei</a> 

Das heißt, daß man ohne ein extra Block/Modul den Player extrem einfach mitten in “normalem” Code einbauen kann, sprich z.b. innerhalb eines Textblocks oder wo auch immer. Aufgrund dieser Tatsache ist es auch problemlos möglich, die Funktionalität mit Editoren oder anderen Addons zu nutzen:

2. RexWPAudio & Markitup

WPAudio kann sehr komfortabel per Markitup in Textile genutzt werden. Die Unterstützungsdateien definieren einen Button mit passendem Icon und der nötigen Syntax. Per einfachem Klick können dann links zu mp3-Dateien aus dem Medienpool erstellt und zu einem WPAudio Player gemacht werden.

2.1. Button aktivieren: Um die Funktion in Markitup nutzen zu können, muß neben der Installation der Dateien noch beim Aufruf der Markitup Instanz der Button wpaudio zur Liste der Buttons hinzugefügt werden:

a287_markitup::markitup('textarea.markitup-text',
'h1,h2,h3,(...),wpaudio',
'700','400' 

3. WPAudio Player anpassen

Der Player kann optisch sehr einfach angepaßt werden, da die statischen Elemente lediglich aus zwei GIF Dateien für den Play/Pause Button bestehen, und alles weitere an styling über CSS erfolgt.