FTUI Beispiel Webradio

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

• 
• 

FHEM-Devices

defmod Radiosender dummy
setstate Radiosender on
setstate Radiosender link http://radioeins.de/stream

defmod Radio_volume dummy
setstate Radio_volume 50

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","https://dispatcher.rndfnk.com/br/br24/live/mp3/low"]'
     data-alias='["Radio eins","einsLife","BR24"]'
     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>

Hinweise

Lauffähig ab FTUI 2.6.2

1/2022: Das im Screenshot angezeigte B5aktuell heißt jetzt BR24; der im Code enthaltene Link zeigt auf den Stream von BR24.

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