FTUI Widget Playstream: Unterschied zwischen den Versionen
Drhirn (Diskussion | Beiträge) K (→Beipiele) |
Ulm32b (Diskussion | Beiträge) (Link auf Webradio eingefügt.) |
||
Zeile 1: | Zeile 1: | ||
Das [[{{PAGENAME}}|Widget Playstream]] ist ein Widget für [[FHEM Tablet UI]], welches einen Webradio-Stream abspielt. | Das [[{{PAGENAME}}|Widget Playstream]] ist ein Widget für [[FHEM Tablet UI]], welches einen Webradio-Stream abspielt. | ||
<gallery> | <gallery> | ||
Zeile 38: | Zeile 36: | ||
</source> | </source> | ||
[[File:FTUI_Widget_Playstream_3.png]] | [[File:FTUI_Widget_Playstream_3.png]] | ||
===URL aus Device-Reading=== | ===URL aus Device-Reading=== | ||
Zeile 55: | Zeile 54: | ||
</source> | </source> | ||
[[File:FTUI_Widget_Playstream_1.png]] | [[File:FTUI_Widget_Playstream_1.png]] | ||
===Webradio mit Senderauswahl und Lautstärkeeinstellung=== | ===Webradio mit Senderauswahl und Lautstärkeeinstellung=== | ||
Siehe [[FTUI Beispiel Webradio]] | |||
[[Kategorie:FHEM Tablet UI]] | [[Kategorie:FHEM Tablet UI]] |
Version vom 14. Februar 2017, 21:31 Uhr
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
Vorgegebene URL
Webradio mit fester Sendereinstellung und Label-Widget
<div data-type="playstream" data-url="http://radioeins.de/stream"></div>
<div data-type="label" class="cell">Radio eins</div>
URL aus Device-Reading
In diesem Beispiel wird die URL zum Stream aus dem Reading eines Dummys gelesen.
Der Dummy ist wie folgt definiert:
DEFINE dDummy DUMMY
SETREADING dDUMMY url http://radioeins.de/stream
Das Widget sieht so aus:
<div data-type="playstream"
data-device="dDummy"
data-url="url"></div>
Webradio mit Senderauswahl und Lautstärkeeinstellung
Siehe FTUI Beispiel Webradio