Fragen und Antworten | Online Hilfe | Anleitung Webseiten-Integration |
Bestellung
Inhaltsverzeichnis:
Anleitungen
Konfiguration zur Verwendung externer SHOUTcast Server
- Anleitung für radiostream.de
- weitere folgen
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örer: <span id="cc_stream_info_listeners"></span><br />
Maximale Hö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>
