| | |
|---|
| | | |
|---|
| | | 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). |
|---|
| | | |
|---|
| | | ## 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. |
|---|
| | | |
|---|
| | | ## 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 |
|---|
| | | |
|---|
