FTUI Widget Playstream: Unterschied zwischen den Versionen

Aus FHEMWiki
K (Link aus Attribut-Tabelle entfernt)
Zeile 31: Zeile 31:
|}
|}
==Beipiele==
==Beipiele==
Webradio mit fester Sendereinstellung und [[FTUI Widget Label]]
===Vorgegebene URL===
Webradio mit fester Sendereinstellung und [[FTUI Widget Label|Label-Widget]]
<source lang="html">
<source 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>
</source>
</source>
[[File:FTUI_Widget_Playstream_3.png]]


Webradio mit Senderauswahl und Lautstärkeeinstellung
===URL aus Device-Reading===
In diesem Beispiel wird die URL zum Stream aus dem Reading eines Dummys gelesen.
 
Der Dummy ist wie folgt definiert:
<source lang="perl">
DEFINE dDummy DUMMY
SETREADING dDUMMY url http://radioeins.de/stream
</source>
 
Das Widget sieht so aus:
<source lang="html">
<div data-type="playstream"
    data-device="dDummy"
    data-url="url"></div>
</source>
[[File:FTUI_Widget_Playstream_1.png]]
 
===Webradio mit Senderauswahl und Lautstärkeeinstellung===


ToDo
ToDo

Version vom 13. Februar 2017, 12:23 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

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

ToDo