FTUI Widget Playstream: Unterschied zwischen den Versionen
Ulm32b (Diskussion | Beiträge) (Doku neu erstellt. Noch ungeklärt: Wie kommt URL über Reading? Vgl. Forum.) |
K (Link aus Attribut-Tabelle entfernt) |
||
| Zeile 13: | Zeile 13: | ||
!Beispiel | !Beispiel | ||
|- | |- | ||
|'''data-url'''||URL des Radio-Streams||||data-url="http://radioeins.de/stream" | |'''data-url'''||URL des Radio-Streams||||<nowiki>data-url="http://radioeins.de/stream"</nowiki> | ||
|- | |- | ||
|'''data-device'''||FHEM-Device zur Steuerung von START, STOP, Volume||||data-device="Bedienung_Radio" | |'''data-device'''||FHEM-Device zur Steuerung von START, STOP, Volume||||data-device="Bedienung_Radio" | ||
Version vom 12. Februar 2017, 18:16 Uhr
| Todo: Weiteres Beispiel ergänzen |
Das Widget Playstream ist ein Widget für FHEM Tablet UI, welches einen Webradio-Stream abspielt.
Attribute
| Attribut | Beschreibung | Standard-Wert | Beispiel |
|---|---|---|---|
| data-url | URL des Radio-Streams | data-url="http://radioeins.de/stream" | |
| data-device | FHEM-Device zur Steuerung von START, STOP, Volume | data-device="Bedienung_Radio" | |
| data-get | Name des Readings, welches PLAY / STOP steuert | STATE | data-get="Schalter_Ein_Aus" |
| data-get-on | Wert des Readings für PLAY | on | data-get-on="Ein" |
| data-get-off | Wert des Readings für STOP | off | data-get-off="Aus" |
| data-volume | Name des Readings zur Steuerung der Lautstärke (0-100) | volume | data-volume="Lautstaerke" |
CSS Klassen
| Klasse | Beschreibung |
|---|---|
| mini | Setzt die Größe des Elementes auf 50% |
| tiny | Setzt die Größe des Elementes auf 60% |
| small | Setzt die Größe des Elementes auf 80% |
| normal | Setzt die Größe des Elementes auf 100% |
| large | Setzt die Größe des Elementes auf 125% |
| big | Setzt die Größe des Elementes auf 150% |
| bigger | Setzt die Größe des Elementes auf 200% |
| tall | Setzt die Größe des Elementes auf 350% |
| grande | Setzt die Größe des Elementes auf 600% |
| gigantic | Setzt die Größe des Elementes auf 144px |
| transparent | Element erscheint komplett durchscheinend (somit nicht sichtbar; opacity: 0) |
| half-transparent | Element ist halb durchscheinend (opacity: 0.5) |
| hide | Zeigt das Element nicht an und reserviert auch keinen Platz dafür |
Beipiele
Webradio mit fester Sendereinstellung und FTUI Widget Label
<div data-type="playstream" data-url="http://radioeins.de/stream"></div>
<div data-type="label" class="cell">Radio eins</div>
Webradio mit Senderauswahl und Lautstärkeeinstellung
ToDo