FTUI Widget Playstream: Unterschied zwischen den Versionen

Aus FHEMWiki
(Link auf Webradio eingefügt.)
Zeile 1: Zeile 1:
{{Todo|Weiteres Beispiel ergänzen}}
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===


ToDo
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>

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