FTUI Beispiel Webradio: Unterschied zwischen den Versionen
Ulm32b (Diskussion | Beiträge) (URL zu 1live und B5aktuell aktualisiert.) |
(Anpassung von <source>-Tags nach <syntaxhighlight>) |
||
Zeile 8: | Zeile 8: | ||
==FHEM-Devices== | ==FHEM-Devices== | ||
< | <syntaxhighlight lang="html"> | ||
defmod Radiosender dummy | defmod Radiosender dummy | ||
setstate Radiosender on | setstate Radiosender on | ||
Zeile 15: | Zeile 15: | ||
defmod Radio_volume dummy | defmod Radio_volume dummy | ||
setstate Radio_volume Volume 50 | setstate Radio_volume Volume 50 | ||
</ | </syntaxhighlight> | ||
==HTML== | ==HTML== | ||
< | <syntaxhighlight lang="html"> | ||
<div data-type="playstream" | <div data-type="playstream" | ||
data-get="Radiosender:STATE" | data-get="Radiosender:STATE" | ||
Zeile 55: | Zeile 55: | ||
class="spinner value horizontal centered"> | class="spinner value horizontal centered"> | ||
</div> | </div> | ||
</ | </syntaxhighlight> | ||
==Hinweise== | ==Hinweise== |
Version vom 26. Juli 2017, 18:57 Uhr
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 Volume 50
HTML
<div data-type="playstream"
data-get="Radiosender:STATE"
data-url="Radiosender:link"
data-volume="Radio_volume:Volume"
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-get="Volume"
data-set="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
URL, Ein/Aus und Volume werden hier über eigene Devices verwaltet. Damit stehen die Schnittstellen zur Einbindung in komplexere Umfelder zur Verfügung.