Quelltext der Seite FTUI Beispiel Webradio

In [[FHEM Tablet UI]] entsteht aus [[FTUI Widget Playstream]], [[FTUI Widget Switch]], [[FTUI Widget Select]] und [[FTUI Widget Spinner]] ein Webradio.

<gallery height="300" widths="200">
File:FTUI_Beispiel_Webradio_01.png
File:FTUI_Beispiel_Webradio_02.png
</gallery>

==FHEM-Devices==

<syntaxhighlight lang="html">
defmod Radiosender dummy
setstate Radiosender on
setstate Radiosender link http://radioeins.de/stream

defmod Radio_volume dummy
setstate Radio_volume 50
</syntaxhighlight>

==HTML==
<syntaxhighlight lang="html">
<div data-type="playstream" 
     data-get="Radiosender:STATE" 
     data-url="Radiosender:link" 
     data-volume="Radio_volume:STATE" 
     class="hide">
</div>

<div data-type="switch" 
     data-device="Radiosender" 
     data-icon="mi-radio" 
     class="cell inline">
</div>

<!-- mi-Icons im Header aktivieren:     <link rel="stylesheet" href="lib/material-icons.min.css" />     -->

<div class="cell inline"
     data-type="select"
     data-device="Radiosender"
     data-list=""
     data-items='["http://radioeins.de/stream","http://wdr-1live-live.icecast.wdr.de/wdr/1live/live/mp3/128/stream.mp3","http://br-b5aktuell-live.cast.addradio.de/br/b5aktuell/live/mp3/128/stream.mp3"]'
     data-alias='["Radio eins","einsLife","B5aktuell"]'
     data-get="link"
     data-set="link"
     data-cmd="setreading">
</div>

<div data-type="spinner" 
     data-device="Radio_volume"
     data-max="100"
     data-step="5"
     data-icon-left="fa-volume-down"
     data-icon-right="fa-volume-up"
     class="spinner value horizontal centered">
</div>
</syntaxhighlight>

==Hinweise==
Lauffähig ab FTUI 2.6.2

URL, Ein/Aus und Volume werden hier über eigene Devices verwaltet. Damit stehen die Schnittstellen zur Einbindung in komplexere Umfelder zur Verfügung.

==Links==
[[FTUI Widget Playstream]]

[[FTUI Widget Switch]]

[[FTUI Widget Select]]

[[FTUI Widget Spinner]]

[[Kategorie:FHEM Tablet UI]]