Soundwiedergabe mit dem EMFF-Player

Vorbemerkung

An dieser Stelle geht es ausschließlich um die technischen Möglichkeiten der Einbindung von Sounddateien im MP3-Format. Die (häufig problematische) urheberrechtliche Seite eines derartigen Vorgehens wird hier nicht behandelt.

Hintergrund

Seit einiger Zeit bietet NPage die Möglichkeit, nicht nur midi-Dateien sondern auch mp3-Dateien hochzuladen. Meist werden diese MP3-Dateien dann, in dem das NPage-Extra Hintergrundmusik mit einer entsprechenden mp3-Datei aktiviert wird. Im Ergebnis wird der Besucher der Homepage mit immer dem gleichen Sound zugeschüttet, der zudem noch bei jedem Seitenaufruf neu startete. Der Besucher  hat keine Möglichkeit, die Sounduntermalung abzuschalten - außer die Stummschaltung seiner Lautsprecher.

Hier wird jetzt dargelegt, wie man mit Hilfe einer MP3-Players im Flashformat MP3-Dateien in die Webseite integrieren kann. Bei dem hier vorgestellten MP3-Player handelt es sich um den EMFF (Easy Music for Flash) von Marc Reichelt.

EMFF Version 0.4

Obwohl der EMFF jetzt bereits in der Version 0.57 vorliegt, wird zunächst auf die Version 0.4 eingegangen.

Beispiel

Dazu der HTML-Code 

<object type="application/x-shockwave-flash" data="https://file1.hpage.com/001581/42/flash/emff_standard.swf?src=https://file1.hpage.com/001581/42/musik/sound1.mp3" width="110" height="34">
 <param name="movie" value="https://file1.hpage.com/001581/42/flash/emff_standard.swf?src=https://file1.hpage.com/001581/42/musik/sound1.mp3">
 <param name="quality" value="high">
 <param name="bgcolor" value="">
</object></p>

Der EMFF-Flash-Player muss natürlich bei NPage hochgeladen werden, natürlich in den Flash-Speicher. Die Sounddateien können bei NPage hochgeladen werden. Der EMFF-Player kann aber auch Dateien abspielen, die an einer anderen Stelle im Web gespeichert sind. Voraussetzung ist, dass die genaue Webadresse bekannt ist.

Bei der Einbindung in eine NPage-Seite ist es wichtig, sowohl bei der Angabe der Flash-Datei als auch bei der Sounddatei den kompletten Speicherort anzugeben. Diese beginnt immer mit http://file1.npage.de. Nur wenn die aufrufende HTML-Datei, der Player und die abzuspielende MP3-Datei am gleichen Speicherort stehen, reicht eine einfache Angabe des Dateinamens.

Die Skins

Das Erscheinungsbild der Player wird durch den Einsatz unterschiedlicher Dateien sowie die Festlegung einer Hintergrundfarbe bestimmt.

Standard (ohne Hintergrundfarbe)

 

Standard (mit Hintergrundfarbe rot)

 

Wooden (ohne Hintergrundfarbe)

Old (ohne Hintergrundfarbe)

 

Lila (ohne Hintergrundfarbe)

 

Zusammmenfassung der Beschreibung zur Version 0.4

Der Basiscode zur Einbindung des EMFF sieht wie folgt aus:

<object type="application/x-shockwave-flash" data="emff_<SKIN>.swf?src=<MUSIKDATEI><VARIABLEN>" width="<BREITE>" height="<HÖHE>">
 <param name="movie" value="emff_<SKIN>.swf?src=<MUSIKDATEI><VARIABLEN>">
 <param name="quality" value="high">
 <param name="bgcolor" value="<FARBE>">
 <ALTERNATIVER INHALT>
</object>

Die violett hinterlegten Texte der Form <IRGENDWAS> müssen durch die jeweiligen Inhalte ersetzt werden. Folgende Tabelle zeigt Ihnen mehr dazu:

<SKIN> Der Name Ihres Skins, also z.B. "standard", "wooden" oder "old"
<BREITE> Breite und Höhe des Musicplayers in Pixeln
ACHTUNG: Viele Skins haben eine Standard-Größe und werden verzerrt, wenn Sie hier andere Werte eingeben. Die Standardwerte für die jeweiligen Skins finden Sie weiter unten!
<HÖHE>
<MUSIKDATEI> Der Pfad zur MP3-Datei, relativ gesehen zur *.swf-Datei des EMFF. Liegt die Datei "example.mp3" z.B. im selben Ordner wie der EMFF, so muss hier einfach nur der Text "example.mp3" eingefügt werden. Angenommen die MP3-Datei liegt im Unterordner "mp3s", so muss der Pfad entsprechend geändert werden.
Der Pfad sollte im GET-Format vorliegen (Sonderzeichen kodiert).
<VARIABLEN> Ein im GET-Format vorliegender String bestehend aus Variablennamen und deren Werten, wie z.B. "&amp;autostart=yes". Standardwerte müssen nicht extra angegeben werden! Dieser Teil kann auch komplett weggelassen werden, dann verhält sich der EMFF entsprechend seinen Standardvorgaben.
Mehr dazu sehen Sie weiter unten bei den zur Verfügung stehenden Variablen.
<FARBE> Die gewünschte Hintergrundfarbe als Hexadezimalcode - weiß entspricht dem Hex-Code "#ffffff", schwarz dem Code "#000000".
<ALTERNATIVER INHALT> Wenn der Besucher kein Flash Plugin hat, so wird dieser alternative Inhalt angezeigt. Dieser ist als HTML-Code anzugeben.
Eine schöne Möglichkeit ist, statt dem Musicplayer einen Link auf die enstprechende MP3-Datei anzuzeigen:
<a href="example.mp3">example.mp3</a>

 Standardgrößen der Skins

Name des Skins Breite Höhe
standard 110 34
wooden 120 60
old 120 55

 Zur Verfügung stehende Variablen

Name der Variable Werte Standardwert Beschreibung
autostart yes|no no Wenn auf "yes" so wird die MP3-Datei zu Beginn automatisch geladen und abgespielt, bei "no" wartet der EMFF erst darauf dass der Benutzer einen Button drückt.
loop yes|no no Bei "yes" wird die MP3-Datei unendlich oft wiederholt, bei "no" spielt der EMFF die Datei einmal ab.
streaming yes|no yes Steht diese Variable auf "yes" so wird die MP3-Datei schon während des Ladevorgangs abgespielt, was insbesondere bei großen Dateien eine Erleichterung ist. Bei "no" wird die Datei erst komplett geladen.