Montag, 23. Februar 2026
Deinen Radio-Stream in den Chat einbinden
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
Ganz leicht lässt sich ein Player einbauen, wenn der Radio-Stream als .mp3 vorliegt.
Ein Problem ist, dass viele Radio-Streams immer noch das veraltete und unsichere HTTP-Protokoll nutzen. Der Chat läuft jedoch, wie die meisten Webseiten, über eine sichere SSL-Verbindung und nutzt das HTTPS-Protokoll. Wenn jetzt versucht wird, einen http-Radio-Stream einzubinden, verweigern alle modernen Browser dies als potenziell gefährlichen Mixed Content.
Um diesen Mixed Content zu vermeiden, kann ein einfaches proxy-Script Abhilfe schaffen.
Schritt 1:
Erstelle die proxy-Datei mit folgendem Inhalt:
<?php
header('Content-Type: audio/mpeg');
$stream = fopen('http://IPADDRESS:PORT;, 'r');
while (!feof($stream)) {
echo fread($stream, 8192);
flush();
}
fclose($stream);
An Stelle von http://IPADDRESS:PORT muss hier natürlich die richtige Stream-URL stehen.
Diese Datei als audio-proxy.php benennen, und ins Stammverzeichnis des Chat auf den Server hochladen.
Schritt 2:
Erstelle eine zweite Datei mit folgendem Inhalt:
<div id = "webradio">
<audio controls src="audio-proxy.php" preload="none" ></audio>
</div>
Diese Datei als webradio_inc.php benennen, und ins Stammverzeichnis des Chat auf den Server hochladen. Fertig.
Hier noch einfache Anleitung, mit der du die Stream-URL schnell findest:
- Seite mit Webradio im Chrome-Browser öffnen
- F12 drücken → Reiter „Network“
- auf Filter „Media“ klicken
- Jetzt Play im Webradio drücken
- In der Liste erscheint ein Eintrag wie:
stream
live.mp3
/listen - Rechtsklick → „Open in new tab“ → Wenn direkt Audio läuft: fertig, das ist die URL
Copyright-Hinweis
Artikeltexte und Code-Snippets: Creative Commons
CC BY-SA 4.0
Medien (Bilder, Videos, Audios) sind evtl. urheberrechtlich geschützt.
Kommentare
Über Ihren Kommentar zu diesem Artikel freue ich mich.
Wenn Sie aber Fragen haben, und eine Antwort erwarten, nutzen Sie bitte das Supportforum! Die Nutzung des Forums ist auch ohne Registrierung möglich.