Tutorials > Das Streamer Flash Widget

Das Streamer Flash Widget

Das Streamer Flash Widget ist für Stationsbetreiber gedacht. Es zeigt den gerade gespielten Titel, die Bitrate und die Anzahl der Zuhörer an. Außerdem gibt es die Möglichkeit anstelle der Titel eine feste Nachricht (z.B. den Stationsnamen) anzeigen zu lassen. Der Playbutton startet die Station im Streamer Programm. Dazu muss Streamerp2p bereits installiert sein. Die Informationen werden alle drei Minuten aktualisiert oder wenn die Seite / das Flash Widget neu geladen wird.

Beispiel: Standard
Beispiel: Eigener Scrolltext
Beispiel: Station Offline

Der HTML Quellcode

Das Einbinden des Flash Widget in die eigene Homepage ist sehr einfach. Im folgenden Quellcode muss nur die Stations ID an zwei Stellen angepasst werden. Danach kann man die Zeilen in den eigenen Quellcode der Homepage kopieren. Ein weiterer Parameter bestimmt die Hintergrundfarbe des Flash Widget. So kann das Widget an den Transparenten Stellen (Ecken) an die Farbgebung der eigenen Homepage angepasst werden.

<!-- Code start, Station KMeat -->
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="200" height="80" id="streamer_widget" align="middle">
  <param name="allowScriptAccess" value="sameDomain" />
  <param name="movie" value="http://streamerp2p.de/widget/widget2.swf?id=db22d79e379e7890" />
  <param name="menu" value="false" />
  <param name="quality" value="best" />
  <param name="bgcolor" value="#cccccc" />
  <embed src="http://streamerp2p.de/widget/widget2.swf?id=db22d79e379e7890" menu="false" quality="best" bgcolor="#cccccc" width="200" height="80" name="streamer_widget" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
<!-- Code end, Station KMeat -->

Anpassung 1:
In der Zeile 4 und der Zeile 8 muss der Parameter hinter widget2.swf?id= auf die eigene Stations ID abgeändert werden. Nur dann werden auch die eigenen Stationsdaten geladen!

Anpassung 2:
Die Hintergrundfarbe des Widget (in den abgerundeten Ecken) kann man in der Zeile 7 und der Zeile 8 anpassen. Dazu den Parameter bgcolor auf die gewünschte Hintergrundfarbe abändern.

Anpassung 3 (Optional):
Wenn der Stream keine Titelinformationen liefert (keine Metadaten) kann man eine eigene Nachricht anzeigen lassen. Der Stationsname bietet sich dafür an. Dazu gibt es einen erweiterten Parameter &msg= den man in der Zeile 4 und der Zeile 8 (im kompletten Quelltext oben!) der Widget URL anhängt.

Hier ein Auszug aus dem Quelltext mit dem Parameter &msg=. Bitte den kompletten Quelltext aus dem ersten Beispiel benutzen!

/**
 * ACHTUNG: das ist nur ein Auszug des Quelltext!
 * kompletter Code siehe Beispiel oben!
*/
  <param name="movie" value="http://streamerp2p.de/widget/widget2.swf?id=db22d79e379e7890&msg=KMeat - Free Form Rock" />
/* ... */
  <embed src="http://streamerp2p.de/widget/widget2.swf?id=db22d79e379e7890&msg=KMeat - Free Form Rock" menu="false" quality="best" bgcolor="#FFFFFF" width="200" height="80" name="streamer_widget" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />