From e8a09794c48a6496c6d0d0fb14d35d7a8246d299 Mon Sep 17 00:00:00 2001 From: ulrich <not disclosed> Date: Thu, 04 Jan 2018 11:10:04 +0000 Subject: [PATCH] Doku ergänzt --- README.md | 66 +++++++++++++++++++++++++++++--- 1 files changed, 59 insertions(+), 7 deletions(-) diff --git a/README.md b/README.md index a821b2c..05a436d 100644 --- a/README.md +++ b/README.md @@ -2,26 +2,78 @@ Eine Bedienoberfläche für Webradio +## Prototyp + +Diese Anwendung ist zur Zeit im Bau. Der aktuelle Prototyp zum Stand des Codes in diesem Repository ist hier zu sehen: [Link zum Prototyp](/data/ulrich/test/radio-ui). + +## Vorgesehene Funktionen + +Das radio-ui zeigt eine Übersicht von Radiosendern. Antippen eines Senders in der Übersicht spielt den Sender ab. + +Radiosender können hinzugefügt, geändert und gelöscht werden. Ein Suchfeld ermöglicht das Einschränken der Übersicht auf bestimmte Sender. + +Das Abspiel-Ziel ist konfigurierbar: Ein Radionsender kann entweder auf dem Gerät abgespielt werden, auf dem das radio-ui läuft oder auf einem anderen Gerät wie z.B. einem Raspberry Pi. + +Zum Abspielen auf einem Raspberry Pi ist die Nutzung der Anwendung [pirc](/gitblit/docs/pirc.git) vorgesehen, die zum Spielen von Audiostreams den [omxplayer](https://elinux.org/Omxplayer) mit einer unter [Tomcat](https://de.wikipedia.org/wiki/Apache_Tomcat) laufenden Fernbedienung kombiniert, die per HTTP gesteuert werden kann. + +## Nutzung von Vorlagen + +Die Anwendung radio-ui ist ein Beispiel für die Nutzung von Vorlagen in Webanwendungen. Die Datei `index.html` definiert Bereiche einer HTML-Seite als `div`-Elemente, die während der Ausführung des Programmes dynamisch mit wechselnden Inhalten gefüllt werden. + +Inhalte werden dabei mit Hilfe von [Mustache](https://github.com/janl/mustache.js) aus einer Vorlage und einer Inhaltsbeschreibung im JSON-Format zu HTML-Inhalt zusammengesetzt. + +## Abhängigkeiten + +Zur Verwendung des radio-ui sind die folgenden Komponenten erforderlich + ++ [jQuery](http://jquery.com/) ++ [Mustache](https://github.com/janl/mustache.js) ++ [app-menu](/gitblit/docs/web!app-menu.git) + +Diese sind in der Datei `index.html` über die folgenden Einträge eingebunden. + +```` +<link rel="stylesheet" type="text/css" href="../jslib/app-menu/nav-toggle.css"> +<link rel="stylesheet" type="text/css" href="../jslib/app-menu/app-menu.css"> +<script src="../jslib/jquery-1.11.1/jquery-1.11.1.min.js"></script> +<script src="../jslib/mustache/mustache.min.js"></script> +<script src="../jslib/app-menu/app-menu.js"></script> +```` + +Sollen einzelne Komponenten von einem anderen Ort wie beispielsweise einem Content Delivery Network (CDN) eingebunden werden, müssen nur die obigen Einträge entsprechend angepasst werden. ## Radiostreams Nachfolgend die Adressen einiger Radiostreams +### hr3 + +[Livestream-Übersicht](http://www.hr3.de/service/hr3-online-hoeren,webradio-100.html) + +128 kbit http://hr-hrinfo-live.cast.addradio.de/hr/hrinfo/live/mp3/128/stream.mp3 + +48 kbit http://hr-hr3-live.cast.addradio.de/hr/hr3/live/mp3/48/stream.mp3 + ### hr info [Livestream-Übersicht](http://www.hr-inforadio.de/livestream/index.html) -MP3-Stream (128 kBit/s) -http://metafiles.gl-systemhaus.de/hr/hrinfo_2.m3u +128 kBit/s http://hr-hrinfo-live.cast.addradio.de/hr/hrinfo/live/mp3/128/stream.mp3 -MP3-Stream (48 kBit/s) -http://metafiles.gl-systemhaus.de/hr/hrinfo_1.m3u -(für mobile Anwendungen empfohlen) +48 kBit/s http://hr-hrinfo-live.cast.addradio.de/hr/hrinfo/live/mp3/48/stream.mp3 ### radiobob [Livestream-Übersicht](http://www.radiobob.de/radiobob/empfang/livestream) -MP3: http://streams.radiobob.de/bob-live/mp3-192/mediaplayer +MP3: http://bob.hoerradar.de/radiobob-live-mp3-hq -Mobile Nutzung: http://streams.radiobob.de/bob-live/aac-64/mediaplayer +Mobile Nutzung: http://bob.hoerradar.de/aac-radiobob + +### FFH + +[Livestream-Übersicht](https://www.ffh.de/musik/webradios/stream-adressen.html) + +128kbps http://mp3.ffh.de/radioffh/hqlivestream.mp3 + +48kbps http://mp3.ffh.de/radioffh/livestream.aac -- Gitblit v1.9.3