Radio-Webcam-Player mit Auto-Aktualisierung

T

tchibo

Benutzer
Ich habe einen kleinen Webcam-/Webradio-Player geschrieben, und stelle ihn frei als Public Domain zur Verfügung. Ich kenne kein anderes Tool, mit dem man so schnell und einfach im Studio diverser Sender vorbeischauen und -hören kann.
  • Benötigt nur 27 KByte.
  • Keine Installation erforderlich, läuft komplett im Browser.
  • Unterstützt eine große Zahl an öffentlich-rechtlichen und privaten Radiosendern in D, die Webcams ihres Studios anbieten.
  • Intervall für die Kamera-Aktualisierung einstellbar.
  • Auf Wunsch Wiedergabe des Webradio-Streams vom betreffenden Sender, mit Lautstärkeregler.
  • Läuft der Audiostream, und die Webcam wird zu der eines anderen Senders umgeschaltet, so wechselt ebenfalls der Audiostream.
  • Anzeige des aktuellen Interpeten / Titels (sofern vom Sender bereitgestellt).
  • Anzeige der Bitrate des aktuellen Streams bei HQ/HLS-Streams, oder Information, falls nur ein LQ-Stream verfügbar ist.
  • Bei HLS-Streams wird immer die höchste verfügbare Bitrate genutzt.
  • Swipe-Funktion auf Touch-Bildschirmen: Das Bild nach links/rechts wischen wechselt den Sender vor/zurück.
  • Keinerlei Datenerfassung, keine Cookies, kein Tracking (von Seiten des Players). Webcam-Bilder werden immer referrerlos geladen.
Benötigt wird lediglich ein aktueller Webbrowser (dürfte auf jedem Endgerät vorhanden sein). Datei runterladen, die HTM-Datei auspacken und mit einem Webbrowser deiner Wahl öffnen oder per Drag & Drop hineinziehen.

Viel Spaß!
 

Anhänge

Um im Player einen eigenen Sender zu ergänzen (er muss eine Webcam besitzen), wie folgt vorgehen:
1. Datei radio_offline.htm im Texteditor öffnen.
2. Folgende Zeile finden: <select id="welchesbild" size="1" onchange="bildwahl()">
3. Dahinter einen Eintrag für den Sender ergänzen:
<option data-url="[URL des JSONs, das Artist/Titel enthält]" data-stream="[URL AAC/MP3-Stream]" data-stream-hls="[URL HLS-Stream sofern vorhanden]" data-www="[Webseite Sender ohne https:// vorne]" value="[Kuerzel]">Auswahloption</option>
4. Folgende Zeile finden: <div id="title"></div>
5. Dahinter eine Zeile für das Webcambild ergänzen:
<img referrerpolicy="no-referrer" src="[URL Webcambild]?foo=1759431860152" alt="[Sendername]" id="[Kuerzel]" style="display:none;">
6. Kuerzel in der oberen Zeile muss mit Kuerzel in der unteren Zeile übereinstimmen.
 
Neues in Version 0.6:
* Für die HLS-Streams der ÖR-Radios kann jetzt zurückgespult werden.
* Bei Ausführung auf Windows-PC: Zusätzlicher Download-Knopf. So können bis zu 120 Minuten in die Vergangenheit als HQ-Audiodatei auf der eigenen Festplatte gespeichert werden.
* Neuen Sender mit Webcam ergänzt: N-Joy
* Bugfix Streamadresse SWR1 RP.

Funktionsweise Download-Knopf (nur Windows-PC):
1. Auswahl wieviele Minuten in die Vergangenheit (5-120) archiviert werden sollen.
2. Der Browser klappert (hörbar) alle Audio-Segmente dieses Zeitraums im Schnelldurchlauf ab.
3. Eine Datei namens download_<datum>_<zeit>.bat wird generiert und heruntergeladen.
4. Diese Datei durch Doppelklick ausführen.
5. Die Segmente werden heruntergeladen. Aus den Audiosegmenten wird eine *.ts-Datei erstellt.

Es wird grundsätzlich die maximal mögliche Qualität des HLS-Streams gespeichert (i. d. R. 192 kBit/s AAC oder höher).

Die Download-Funktion ist nur auf Windows-PC, und ausschließlich bei Sendern verfügbar, die einen HLS-Stream anbieten.
 

Anhänge

Hier noch die Version 0.7beta:

* Download-Funktion für die ÖR-Radio-Streams jetzt auf allen Betriebssystemen.
* Keine Batch-Erzeugung mehr nötig, finale Datei wird direkt im Browser erzeugt.
* Somit keine Windows-Abhängigkeit mehr.
* Von den ÖR-Sendern lassen sich die letzten 5-120 Minuten auf Knopfdruck als Datei erstellen und herunterladen.
 

Anhänge

Hallo tchibo,

vielen Dank für den Radio-Webcam-Player! 🙏

Gegen (oder vielleicht für ;)) das Fernweh habe ich eine Sender-Webcam gegen eine WetterCam getauscht.

Wie kann ich die Swipe-Funktion abschalten?
(beim Zoomen auf dem Touch-Display wird leider ungewollt der Sender gewechselt)

Danke! und freundliche Grüße
 
Danke für die Anregung, bau ich ein dass man es in Zukunft einfacher abschalten kann. Aktuell: Öffne die HTM-Datei mit einem Texteditor und suche folgende Zeilen:

sichtbar.addEventListener('touchstart', handleTouchStart, false);
sichtbar.addEventListener('touchend', handleTouchEnd, false);

Schreibe vor beide jeweils zwei Schrägstriche, so dass es hinterher so aussieht:

// sichtbar.addEventListener('touchstart', handleTouchStart, false);
// sichtbar.addEventListener('touchend', handleTouchEnd, false);

Dann hat sich's ausgeswiped.
 
Neues in Version 0.8:
* Neuer Parameter zum Abschalten der Wischgeste zum Senderwechsel (Zeile var swiping = 1; suchen)
* Download für die ÖR-Sender jetzt bis zu 24h in die Vergangenheit. Wenn also vor 23 Stunden eine interessante Sendung lief, lässt sich diese nachträglich herunterladen. Einfach auf 'Download' klicken und den Zeitraum für den Download auswählen.

Hinweis: Ich empfehle nicht, 24 Stunden auf einmal zu laden, da die Dateigrößen den Browser extrem belasten werden. Funktional sind 2-4 Stunden. Voreingestellt ist die letzte halbe Stunde.
 

Anhänge

Hier die Version 0.9. Es gilt nach wie vor:
  • Keine Installation erforderlich, läuft komplett im Browser.
  • Unterstützt eine große Zahl an öffentlich-rechtlichen und privaten Radiosendern in D, die Webcams ihres Studios anbieten.
  • Intervall für die Kamera-Aktualisierung einstellbar.
  • Auf Wunsch Wiedergabe des Webradio-Streams vom betreffenden Sender, mit Lautstärkeregler.
  • Zurückspulen im Live-Stream für 2h bei den ÖR-Radios (HLS-Streams).
  • Läuft der Audiostream, und die Webcam wird zu der eines anderen Senders umgeschaltet, so wechselt ebenfalls der Audiostream.
  • Anzeige des aktuellen Interpeten / Titels (sofern vom Sender bereitgestellt).
  • Anzeige der Bitrate des aktuellen Streams bei HQ/HLS-Streams, oder Information, falls nur ein LQ-Stream verfügbar ist.
  • Bei HLS-Streams wird immer die höchste verfügbare Bitrate genutzt.
  • Bei HLS-Streams erlaubt das Tool Während der Wiedergabe den Download von Zeitabschnitten bis zu 24 h in die Vergangenheit.
  • Swipe-Funktion auf Touch-Bildschirmen: Das Bild nach links/rechts wischen wechselt den Sender vor/zurück (im Quellcode abschaltbar).
  • Keinerlei Datenerfassung, keine Cookies, kein Tracking (von Seiten des Players). Webcam-Bilder werden immer referrerlos geladen.
Neu in Version 0.9:
  • Sender ergänzt Ostseewelle und Charivari Würzburg.
  • Versuchsweise hr1 ergänzt, auch wenn keine Webcam verfügbar.
  • Download-Dialog stark vereinfacht.
  • Viele Bugs beseitigt.
Benötigt wird lediglich ein aktueller Webbrowser (dürfte auf jedem Endgerät vorhanden sein). Datei runterladen, die HTM-Datei auspacken und mit einem Webbrowser der Wahl öffnen oder per Drag & Drop hineinziehen. Natürlich kann man die Datei auch einfach auf seinen Webspace laden und dann dort öffnen.

Geplant:
  • Unterstützung für die Video-Streams von SWR1, SWR3, NDR1 MV, ORF usw.
  • Schönere UI.
  • Publikation als Radio-App im Google Playstore.
Viel Spaß!
 

Anhänge

Hier zum Abschluss dieses Threads die Version 1.0.

Änderungen:
* Neue GUI.
* Charivari Wü aus technischen Gründen wieder raus.
* Neue Sender: mdr Jump, Welle Niederrhein, Radio Essen, nrj Sachsen.
* Viele Bugfixes.

Neue Syntax für das Ergänzen eigener Sender:
<option data-webcam="Adresse der Webcam mit ?foo=1759431860152 am Ende" data-socketurl="Push-Server für Websockets (im Moment bietet das leider nur der hr)" data-url="Adresse des JSON, in dem die Infos zum aktuellen Titel stehen" data-stream="Adresse des MP3- oder AAC-Streams" data-stream-hls="Adresse des HLS-Streams falls vorhanden" data-www="Webadresse des Senders, vorne ohne http://www.">Sendername</option>

v1.0_screenshot01.png
v1.0_screenshot02.png
v1.0_screenshot03.png
 

Anhänge

Zuletzt bearbeitet:
Du musst dich einloggen oder registrieren, um hier antworten zu können.

Neu auf RADIOSZENE

Zurück
Oben