FTUI Widget Playstream: Unterschied zwischen den Versionen
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
| (2 dazwischenliegende Versionen von 2 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 V2]], welches einen Webradio-Stream direkt auf dem Visualisierungsgerät (z.B. Tablet) abspielt. | ||
<gallery> | <gallery> | ||
File:FTUI_Widget_Playstream_1.png | File:FTUI_Widget_Playstream_1.png | ||
| Zeile 31: | Zeile 31: | ||
===Vorgegebene URL=== | ===Vorgegebene URL=== | ||
Webradio mit fester Sendereinstellung und [[FTUI Widget Label|Label-Widget]] | 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]] | [[File:FTUI_Widget_Playstream_3.png]] | ||
| Zeile 42: | Zeile 42: | ||
Der Dummy ist wie folgt definiert: | Der Dummy ist wie folgt definiert: | ||
< | <syntaxhighlight lang="perl"> | ||
DEFINE dDummy DUMMY | DEFINE dDummy DUMMY | ||
SETREADING dDUMMY url http://radioeins.de/stream | SETREADING dDUMMY url http://radioeins.de/stream | ||
</ | </syntaxhighlight> | ||
Das Widget sieht so aus: | Das Widget sieht so aus: | ||
< | <syntaxhighlight lang="html"> | ||
<div data-type="playstream" | <div data-type="playstream" | ||
data-device="dDummy" | data-device="dDummy" | ||
data-url="url"></div> | data-url="url"></div> | ||
</ | </syntaxhighlight> | ||
[[File:FTUI_Widget_Playstream_1.png]] | [[File:FTUI_Widget_Playstream_1.png]] | ||
| Zeile 61: | Zeile 61: | ||
[[Kategorie:FHEM Tablet UI]] | [[Kategorie:FHEM Tablet UI V2|Playstream]] | ||
Aktuelle Version vom 2. August 2024, 15:06 Uhr
Das Widget Playstream ist ein Widget für FHEM Tablet UI V2, 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