Sie sind hier: Startseite · Artikel · Radiochat

Ein Chat für Webradios und Radio-Mods

Radio-Moderatoren nutzen gerne einen Chat, um untereinander, aber auch mit den Besuchern des Webradios zu kommunizieren. Mein Chat eignet sich aus verschiedenen Gründen ganz besonders gut für diesen Anwendungsfall.

Der HTML5 Player - ohne Flash

Ganz leicht lässt sich ein Player einbauen, wenn der Radio-Stream als .mp3 vorliegt. Dann läuft das Radio auch ohne Flash. Wichtig ist Letzteres z. B. für Smartphones und Tablets.

Der Einbau ist ganz einfach:
Erstelle eine Datei mit folgendem Inhalt: <div id = "webradio"> <audio src="http://hier_der URL des Streams" controls preload="none" ></audio> </div>

Diese Datei als webradio_inc.php benennen, und ins Stammverzeichnis des Chat auf den Server hochladen. Fertig.

Die URL des Streams finden

Das einzige Problem bei der Installation des HTML5 Players ist es, die URL für den mp3-Stream zu finden. Im Falle von Shoutcast sieht die URL so aus:

http://IPADDRESS:PORT

Um sie herauszufinden, ist folgender Weg möglich:

• Auf directory.shoutcast.com/Search den Namen des Radios eingeben.
• Beim Treffer unter dem Download-Symbol "M3U" auswählen.
• Diese Datei mit einem beliebigen Texteditor öffnen. Dort findet sich die URL im Klartext.

Audio-Streams und Google Chrome

Sichere Übertragung von Webinhalten erreicht man mit SSL/TLS-Verschlüsselung. Viele Audio-Streams, z. B. auch Shoutcast, verwenden aber nach wie vor ausschließlich das (unverschlüsselte) http-Protokoll. Warum eigentlich?

Eine Webseite, die mit SSL/TLS-Verschlüsselung (über https) ausgeliefert wird, aber auch unverschlüsselte Inhalte enthält (z. B. verlinkte Bilder, oder eben einen Audio-Stream), ist die dann wirklich sicher?
Google Chrome ist seit Version 80 standardmäßig so eingestellt, dass diese "unsicheren Inhalte" blockiert werden.

Treibt Google es zu weit? Oder sind alle anderen Browser unsicher, weil sie in diesem Fall nur warnen, aber nicht blockieren? In Chrome Canary jedenfalls ist die standardmäßige Blockierung wieder aufgehoben, und durch eine Warnung in den DevTools ersetzt.

Abhilfe für Google Chrome Version 80+ (auch Edge Chromium)

Quelle: support.google.com

Einstellungen für eine bestimmte Website ändern

Sie können Berechtigungen für eine bestimmte Website zulassen oder blockieren. Von der Website werden dann diese Einstellungen anstelle der Standardeinstellungen verwendet.

1. Öffnen Sie auf Ihrem Computer Chrome.
2. Rufen Sie eine Website auf.
3. Klicken Sie links neben der Webadresse auf das Symbol, das Sie sehen: "Sicher" , "Info" oder "Gefährlich" .
4. Klicken Sie auf Website-Einstellungen.
5. (Ganz nach unten scrollen) Ändern Sie die Einstellung für Unsichere Inhalte auf "zulassen".

Artikeltexte und Code-Snippets: Creative Commons CC BY-SA 4.0
Medien (Bilder, Videos, Audios) sind evtl. urheberrechtlich geschützt.

1. Goslarer1 schrieb am Mittwoch, 07.11.12 12:38 Uhr:

   Wer hat in diesem Chat blos die Radiosender voreingestell? man o man. Bekomme Depressionen bei dem Gedudele. :-)

2. Valentin Anker schrieb am Sonntag, 20.01.13 21:59 Uhr:

   Kann man da auch .ogg Stream einbinden?

3. Lovemusic schrieb am Dienstag, 12.03.13 09:54 Uhr:

   Kann ich auch meinen eigenen Shoutcastserver eintragen ( IP und port ) ?

4. Fritz schrieb am Freitag, 15.03.13 20:55 Uhr:

   @Valentin Anker: nein
   @Lovemusic: Ja

5. Hendrik Smaal schrieb am Donnerstag, 09.03.17 18:07 Uhr:

   Hey, ich wollte den Player in unseren Chat einbauen, aber es funktioniert nicht...

   Er wird nichts angezeigt aber ich habe alles richtig eingetragen

   (Streamdaten: http://rs01.swissnwx.ch:20040/;stream.mp3)

   Habe den Player auch nicht runterladen können, aber habe es so in die Webradio_inc.php eingetragen

6. Mario schrieb am Freitag, 03.08.18 00:03 Uhr:

   hi wehre cool wenn man bei der Onlineanzeige dadrüber eigenen HTML code einbinden mit könnte dann wehre ihr chat perfekt

7. Syltfee schrieb am Montag, 13.08.18 20:05 Uhr:

   Der Player ist echt klasse... ist es möglich da noch den aktuellen Titel anzeigen zu lassen?
   

8. Fritz schrieb am Dienstag, 14.08.18 15:02 Uhr:

   @Syltfee
   Ja, das geht jetzt. ich habe hierfür ein Tool erstellt.

9. anita harrer schrieb am Montag, 11.02.19 22:08 Uhr:

   guten tag ich möchte gerne ein webradio auf machen meine frage ist wenn ich mir den chat runter geh laden habe brauche ich da eine lizenz wenn ja was kostet die

10. Morgaine schrieb am Samstag, 11.05.19 14:34 Uhr:

    code läuft nicht wie angegeben in webradio_inc.php
    http://IPADDRESS:PORT/stream.mp3

    mein eigner läuft

    <audio id="stream" controls preload="play" autoplay style="width: 300px;">
    <source src="http://xxxxxxxxxxxxxxxxxxxx/;" type="audio/mpeg">
    </audio>

    wie auch immer - egal hauptsache es läuft.

    Danke für den Player Fritz

11. Manuel schrieb am Samstag, 21.09.19 14:27 Uhr:

    Wo bekommt man diesen schönen Player her

12. Lul schrieb am Freitag, 24.01.20 16:42 Uhr:

    Hallo, gibt es auch die moeglichkeit den Player mit Icecast zu verwenden oder muss man dafuer was eigenes bauen.

13. Fritz schrieb am Freitag, 24.01.20 17:24 Uhr:

    @Lul
    Wie im Artikel beschrieben: "wenn der Radio-Stream als .mp3 vorliegt …"

14. Milto schrieb am Samstag, 18.04.20 17:02 Uhr:

    hallo ich habe versucht aber klapt bei mir nicht was mache ich nict richtig

    <audio id="stream" controls preload="play" autoplay style="width: 300px;">
    <source src="http://195.154.167.xx/:8102/;stream.mp3">
    </audio>

15. Marcus schrieb am Freitag, 29.04.22 07:42 Uhr:

    Gehen die Player auch für Lautfm ?

16. Fritz schrieb am Samstag, 30.04.22 12:47 Uhr:

    @Marcus
    Wie im Artikel beschrieben: "wenn der Radio-Stream als .mp3 vorliegt …"

17. Thomas schrieb am Montag, 12.09.22 15:15 Uhr:

    Hallo,

    der Chat is echt klasse, allerdings klappt das mit dem x...logout bei mir nicht richtig

18. Fritz schrieb am Montag, 12.09.22 15:57 Uhr:

    @Thomas,
    hier ist definitiv nicht der richtige Ort für Support. Dafür gibt es das Supportforum unter https://forum.weisshart.de
    Aber mich würde echt interessieren, wie "das mit dem X…logout" nicht klappen kann. Was passiert denn, wenn du auf den Button klickst? Und was würdest du erwarten, was sollte denn passieren?