Donnerstag, 12. Juli 2012 – zuletzt vor 2 Wochen aktualisiert
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
Ganz leicht lässt sich ein Player einbauen, wenn der Radio-Stream als .mp3 vorliegt.
Der Einbau ist ganz einfach:
Erstelle eine Datei mit folgendem Inhalt:
<div id = "webradio">
<audio src="https://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.
Audio-Streams und Mixed Content
Was ist Mixed Content? Mit TLS (auch als SSL bezeichnet) wird die Internetkommunikation verschlüsselt, wodurch ein sichereres Surferlebnis entsteht. Benutzer können TLS-verschlüsselte Sites leicht identifizieren, da die URL „https://“ anstelle von „http://“ enthält. In einigen Fällen kann eine HTTPS- Site jedoch auch einige Elemente enthalten, die mit dem Klartext-HTTP-Protokoll geladen werden. Dadurch entsteht ein Zustand, der als Mixed Content und manchmal als „HTTP über HTTPS“ bezeichnet wird.
Viele Audio-Streams, z. B. auch Shoutcast, verwenden aber nach wie vor ausschließlich das (unverschlüsselte) http-Protokoll. Warum eigentlich?
Mixed Content wird von allen modernen Browsern blockiert. Die oben gezeigte Einbindung wird also nicht funktionieren. Doch es gibt Abhilfe.
➡︎ Einbindung des Audio-Streams via Proxy.
Copyright-Hinweis
Artikeltexte und Code-Snippets: Creative Commons
CC BY-SA 4.0
Medien (Bilder, Videos, Audios) sind evtl. urheberrechtlich geschützt.
18 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.
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. :-)
Valentin Anker schrieb am Sonntag, 20.01.13 21:59 Uhr:
Kann man da auch .ogg Stream einbinden?
Lovemusic schrieb am Dienstag, 12.03.13 09:54 Uhr:
Kann ich auch meinen eigenen Shoutcastserver eintragen ( IP und port ) ?
Fritz schrieb am Freitag, 15.03.13 20:55 Uhr:
@Valentin Anker: nein
@Lovemusic: Ja
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
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
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?
Fritz schrieb am Dienstag, 14.08.18 15:02 Uhr:
@Syltfee
Ja, das geht jetzt. ich habe hierfür ein Tool erstellt.
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
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
Manuel schrieb am Samstag, 21.09.19 14:27 Uhr:
Wo bekommt man diesen schönen Player her
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.
Fritz schrieb am Freitag, 24.01.20 17:24 Uhr:
@Lul
Wie im Artikel beschrieben: "wenn der Radio-Stream als .mp3 vorliegt …"
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>
Marcus schrieb am Freitag, 29.04.22 07:42 Uhr:
Gehen die Player auch für Lautfm ?
Fritz schrieb am Samstag, 30.04.22 12:47 Uhr:
@Marcus
Wie im Artikel beschrieben: "wenn der Radio-Stream als .mp3 vorliegt …"
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
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?