Fragen und Antworten | Online Hilfe | Anleitung Webseiten-Integration | pfeil_hell.gif Bestellung

Inhaltsverzeichnis:

Anleitungen

Konfiguration zur Verwendung externer SHOUTcast Server

STREAMBOX Integration in eigene Webseiten (Code Schnipsel)

Bitte beachten Sie folgende Voraussetzungen:

  • Die Einbindung der folgenden Code-Beispiele erfolgt jeweils im UTF-8 Zeichensatz
  • Ersetzen Sie in allen Beispielen die Zeichenfolge BENUTZERKENNUNG mit Ihrer persönlichen STREAMBOX-Benutzerkennung

Stream Status Informationen

Dieser Schnipsel zeigt den aktuellen Titel und Interpret auf Ihrer Seite an und wird jede Minute aktualisiert.

Platzieren Sie den folgenden Code (oder einen Teil davon) in Ihrer Webseite dort, wo die Informationen erscheinen sollen:
Aktueller Titel: <span id="cc_stream_info_song">Laden...</a><br />
Stream Titel: <span id="cc_stream_info_title"></span><br />
Bitrate: <span id="cc_stream_info_bitrate"></span><br />
Aktuelle Zuh&ouml;rer: <span id="cc_stream_info_listeners"></span><br />
Maximale H&ouml;rerzahl: <span id="cc_stream_info_maxlisteners"></span><br />
Server status: <span id="cc_stream_info_server"></span><br />
Quellenstatus: <span id="cc_stream_info_source"></span><br />

Platzieren Sie anschließend den folgenden Code am Ende Ihrer Webseite, über dem </body> - Tag:
<script language="javascript" type="text/javascript" src="http://www.streambox.eu/system/streaminfo.js"></script>
<script language="javascript" type="text/javascript" src="http://www.streambox.eu/js.php/BENUTZERKENNUNG/streaminfo/rnd0"></script>

Liste zuletzt gespielter Titel anzeigen

Dieser Code zeigt eine Liste der vor kurzem gespielten Titel an (einschließlich Albumcover wenn verfügbar).

Setzen Sie den folgenden Code in Ihre Webseite dort ein, wo die Titelliste erscheinen soll:
<link rel="stylesheet" type="text/css" href="http://www.streambox.eu/theme/widget_recenttracks.css" />
<div id="cc_recent_tracks">Laden...</div>

Platzieren Sie den folgenden Code am Ende Ihrer Webseite, über dem </body> - Tag:
<script language="javascript" type="text/javascript" src="http://www.streambox.eu/system/recenttracks.js"></script>
<script language="javascript" type="text/javascript" src="http://www.streambox.eu/js.php/BENUTZERKENNUNG/recenttracks/rnd0"></script>

Einbindung On-Demand Inhalte

Setzen Sie den folgenden Code in Ihre Webseite an der Stelle ein, an der Ihre On-Demand-Inhalte erscheinen sollen:

<link rel="stylesheet" type="text/css" href="http://www.streambox.eu/theme/widget_ondemand.css" />
<div id="cc_on_demand_content">Laden...</div>

Platzieren Sie den folgenden Code am Ende Ihrer Webseite, über dem </body> - Tag:
<script language="javascript" type="text/javascript" src="http://www.streambox.eu/system/ondemand.js"></script>
<script language="javascript" type="text/javascript" src="http://www.streambox.eu/js.php/BENUTZERKENNUNG/ondemand"></script>