Bedienoberfläche für Webradio
ulrich
2018-01-05 df379b8b3ca964dc5b95369f1456f020817060bd
commit | author | age
623a61 1 # radio-ui
U 2
3 Eine Bedienoberfläche für Webradio
851c9c 4
70e1ff 5 ## Prototyp
U 6
ec55bf 7 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).
851c9c 8
ad1fef 9 ## Vorgesehene Funktionen
U 10
11 Das radio-ui zeigt eine Übersicht von Radiosendern. Antippen eines Senders in der Übersicht spielt den Sender ab.
12
13 Radiosender können hinzugefügt, geändert und gelöscht werden. Ein Suchfeld ermöglicht das Einschränken der Übersicht auf bestimmte Sender.
14
15 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.
16
17 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.
18
36646e 19 ## Nutzung von Vorlagen
851c9c 20
e8a097 21 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.
U 22
6592dc 23 Inhalte werden dabei mit Hilfe von [Mustache](https://github.com/janl/mustache.js) aus einer Vorlage und einer Inhaltsbeschreibung in [JSON](https://de.wikipedia.org/wiki/JavaScript_Object_Notation) zu [HTML](https://de.wikipedia.org/wiki/Hypertext_Markup_Language) zusammengesetzt.
851c9c 24
36646e 25 ## Abhängigkeiten
f927ec 26
36646e 27 Zur Verwendung des radio-ui sind die folgenden Komponenten erforderlich
f927ec 28
36646e 29 + [jQuery](http://jquery.com/)
U 30 + [Mustache](https://github.com/janl/mustache.js)
31 + [app-menu](/gitblit/docs/web!app-menu.git)
f927ec 32
36646e 33 Diese sind in der Datei `index.html` über die folgenden Einträge eingebunden.
f927ec 34
36646e 35 ````
U 36 <link rel="stylesheet" type="text/css" href="../jslib/app-menu/nav-toggle.css">
37 <link rel="stylesheet" type="text/css" href="../jslib/app-menu/app-menu.css">
38 <script src="../jslib/jquery-1.11.1/jquery-1.11.1.min.js"></script>
39 <script src="../jslib/mustache/mustache.min.js"></script>
40 <script src="../jslib/app-menu/app-menu.js"></script>
41 ````
851c9c 42
899220 43 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.
851c9c 44
899220 45 ## Radiostreams
851c9c 46
899220 47 Nachfolgend die Adressen einiger Radiostreams
851c9c 48
899220 49 ### hr3
851c9c 50
899220 51 [Livestream-Übersicht](http://www.hr3.de/service/hr3-online-hoeren,webradio-100.html)
851c9c 52
899220 53 128 kbit http://hr-hrinfo-live.cast.addradio.de/hr/hrinfo/live/mp3/128/stream.mp3
851c9c 54
899220 55 48 kbit http://hr-hr3-live.cast.addradio.de/hr/hr3/live/mp3/48/stream.mp3
f927ec 56
899220 57 ### hr info
f927ec 58
899220 59 [Livestream-Übersicht](http://www.hr-inforadio.de/livestream/index.html)
f927ec 60
899220 61 128 kBit/s http://hr-hrinfo-live.cast.addradio.de/hr/hrinfo/live/mp3/128/stream.mp3
f927ec 62
899220 63 48 kBit/s http://hr-hrinfo-live.cast.addradio.de/hr/hrinfo/live/mp3/48/stream.mp3
36646e 64
899220 65 ### radiobob
36646e 66
899220 67 [Livestream-Übersicht](http://www.radiobob.de/radiobob/empfang/livestream)
36646e 68
899220 69 MP3: http://bob.hoerradar.de/radiobob-live-mp3-hq
36646e 70
899220 71 Mobile Nutzung: http://bob.hoerradar.de/aac-radiobob
36646e 72
899220 73 ### FFH
36646e 74
899220 75 [Livestream-Übersicht](https://www.ffh.de/musik/webradios/stream-adressen.html)
36646e 76
899220 77 128kbps http://mp3.ffh.de/radioffh/hqlivestream.mp3
36646e 78
899220 79 48kbps http://mp3.ffh.de/radioffh/livestream.aac