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