FTUI Widget Playstream: Unterschied zwischen den Versionen

Aus FHEMWiki
(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