FTUI Widget Playstream: Unterschied zwischen den Versionen

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

@@ Zeile 1: / Zeile 1: @@
-{{Todo|Weiteres Beispiel ergänzen}}
+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.
-Das [[{{PAGENAME}}|Widget Playstream]] ist ein Widget für [[FHEM Tablet UI]], welches einen Webradio-Stream abspielt.
 <gallery>
 File:FTUI_Widget_Playstream_1.png
@@ Zeile 13: / Zeile 11: @@
 !Beispiel
 |-
-|'''data-url'''||URL des Radio-Streams||||data-url="http://radioeins.de/stream"
+|'''data-url'''||URL des Radio-Streams||||<nowiki>data-url="http://radioeins.de/stream"</nowiki>
 |-
 |'''data-device'''||FHEM-Device zur Steuerung von START, STOP, Volume||||data-device="Bedienung_Radio"
@@ Zeile 31: / Zeile 29: @@
 |}
 ==Beipiele==
-Webradio mit fester Sendereinstellung und [[FTUI Widget Label]]
+===Vorgegebene URL===
-<source lang="html">
+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="label" class="cell">Radio eins</div>
-</source>
+</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===
-ToDo
+Siehe [[FTUI Beispiel Webradio]]
-[[Kategorie:FHEM Tablet UI]]
+[[Kategorie:FHEM Tablet UI V2|Playstream]]