FTUI Widget Playstream: Unterschied zwischen den Versionen
K (Link aus Attribut-Tabelle entfernt) |
K (catsort) |
||
| (4 dazwischenliegende Versionen von 4 Benutzern werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
Das [[{{PAGENAME}}|Widget Playstream]] ist ein Widget für [[FHEM Tablet UI]], welches einen Webradio-Stream direkt auf dem Visualisierungsgerät (z.B. Tablet) abspielt. | |||
Das [[{{PAGENAME}}|Widget Playstream]] ist ein Widget für [[FHEM Tablet UI]], welches einen Webradio-Stream abspielt. | |||
<gallery> | <gallery> | ||
File:FTUI_Widget_Playstream_1.png | File:FTUI_Widget_Playstream_1.png | ||
| Zeile 31: | Zeile 29: | ||
|} | |} | ||
==Beipiele== | ==Beipiele== | ||
Webradio mit fester Sendereinstellung und [[FTUI Widget Label]] | ===Vorgegebene URL=== | ||
< | Webradio mit fester Sendereinstellung und [[FTUI Widget Label|Label-Widget]] | ||
<syntaxhighlight lang="html"> | |||
<div data-type="playstream" data-url="http://radioeins.de/stream"></div> | <div data-type="playstream" data-url="http://radioeins.de/stream"></div> | ||
<div data-type="label" class="cell">Radio eins</div> | <div data-type="label" class="cell">Radio eins</div> | ||
</ | </syntaxhighlight> | ||
[[File:FTUI_Widget_Playstream_3.png]] | |||
===URL aus Device-Reading=== | |||
In diesem Beispiel wird die URL zum Stream aus dem Reading eines Dummys gelesen. | |||
Der Dummy ist wie folgt definiert: | |||
<syntaxhighlight lang="perl"> | |||
DEFINE dDummy DUMMY | |||
SETREADING dDUMMY url http://radioeins.de/stream | |||
</syntaxhighlight> | |||
Das Widget sieht so aus: | |||
<syntaxhighlight lang="html"> | |||
<div data-type="playstream" | |||
data-device="dDummy" | |||
data-url="url"></div> | |||
</syntaxhighlight> | |||
[[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|Playstream]] | ||
Aktuelle Version vom 26. Januar 2018, 15:57 Uhr
Das Widget Playstream ist ein Widget für FHEM Tablet UI, welches einen Webradio-Stream direkt auf dem Visualisierungsgerät (z.B. Tablet) 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