FTUI Widget Playstream: Unterschied zwischen den Versionen

Aus FHEMWiki
(Anpassung von <source>-Tags nach <syntaxhighlight>)
K (catsort)
Zeile 61: Zeile 61:




[[Kategorie:FHEM Tablet UI]]
[[Kategorie:FHEM Tablet UI|Playstream]]

Version vom 26. Januar 2018, 14: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>

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:

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>

FTUI Widget Playstream 1.png


Webradio mit Senderauswahl und Lautstärkeeinstellung

Siehe FTUI Beispiel Webradio