| commit | author | age | ||
| 623a61 | 1 | # radio-ui |
| U | 2 | |
| 3 | Eine Bedienoberfläche für Webradio | |
| 851c9c | 4 | |
| 70e1ff | 5 | ## Prototyp |
| U | 6 | |
| ac516d | 7 | Diese Anwendung ist zur Zeit im Bau. Der aktuelle Prototyp zum Stand des Codes in diesem Repository ist hier zu sehen: |
| 70e1ff | 8 | [Link zum Prototyp](/data/ulrich/test/radio-ui). |
| 851c9c | 9 | |
| 36646e | 10 | ## Nutzung von Vorlagen |
| 851c9c | 11 | |
| 36646e | 12 | 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. |
| 851c9c | 13 | |
| 36646e | 14 | ## Abhängigkeiten |
| f927ec | 15 | |
| 36646e | 16 | Zur Verwendung des radio-ui sind die folgenden Komponenten erforderlich |
| f927ec | 17 | |
| 36646e | 18 | + [jQuery](http://jquery.com/) |
| U | 19 | + [Mustache](https://github.com/janl/mustache.js) |
| 20 | + [app-menu](/gitblit/docs/web!app-menu.git) | |
| f927ec | 21 | |
| 36646e | 22 | Diese sind in der Datei `index.html` über die folgenden Einträge eingebunden. |
| f927ec | 23 | |
| 36646e | 24 | ```` |
| U | 25 | <link rel="stylesheet" type="text/css" href="../jslib/app-menu/nav-toggle.css"> |
| 26 | <link rel="stylesheet" type="text/css" href="../jslib/app-menu/app-menu.css"> | |
| 27 | <script src="../jslib/jquery-1.11.1/jquery-1.11.1.min.js"></script> | |
| 28 | <script src="../jslib/mustache/mustache.min.js"></script> | |
| 29 | <script src="../jslib/app-menu/app-menu.js"></script> | |
| 30 | ```` | |
| 851c9c | 31 | |
| 899220 | 32 | 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 | 33 | |
| 899220 | 34 | ## Radiostreams |
| 851c9c | 35 | |
| 899220 | 36 | Nachfolgend die Adressen einiger Radiostreams |
| 851c9c | 37 | |
| 899220 | 38 | ### hr3 |
| 851c9c | 39 | |
| 899220 | 40 | [Livestream-Übersicht](http://www.hr3.de/service/hr3-online-hoeren,webradio-100.html) |
| 851c9c | 41 | |
| 899220 | 42 | 128 kbit http://hr-hrinfo-live.cast.addradio.de/hr/hrinfo/live/mp3/128/stream.mp3 |
| 851c9c | 43 | |
| 899220 | 44 | 48 kbit http://hr-hr3-live.cast.addradio.de/hr/hr3/live/mp3/48/stream.mp3 |
| f927ec | 45 | |
| 899220 | 46 | ### hr info |
| f927ec | 47 | |
| 899220 | 48 | [Livestream-Übersicht](http://www.hr-inforadio.de/livestream/index.html) |
| f927ec | 49 | |
| 899220 | 50 | 128 kBit/s http://hr-hrinfo-live.cast.addradio.de/hr/hrinfo/live/mp3/128/stream.mp3 |
| f927ec | 51 | |
| 899220 | 52 | 48 kBit/s http://hr-hrinfo-live.cast.addradio.de/hr/hrinfo/live/mp3/48/stream.mp3 |
| 36646e | 53 | |
| 899220 | 54 | ### radiobob |
| 36646e | 55 | |
| 899220 | 56 | [Livestream-Übersicht](http://www.radiobob.de/radiobob/empfang/livestream) |
| 36646e | 57 | |
| 899220 | 58 | MP3: http://bob.hoerradar.de/radiobob-live-mp3-hq |
| 36646e | 59 | |
| 899220 | 60 | Mobile Nutzung: http://bob.hoerradar.de/aac-radiobob |
| 36646e | 61 | |
| 899220 | 62 | ### FFH |
| 36646e | 63 | |
| 899220 | 64 | [Livestream-Übersicht](https://www.ffh.de/musik/webradios/stream-adressen.html) |
| 36646e | 65 | |
| 899220 | 66 | 128kbps http://mp3.ffh.de/radioffh/hqlivestream.mp3 |
| 36646e | 67 | |
| 899220 | 68 | 48kbps http://mp3.ffh.de/radioffh/livestream.aac |
