[21_HEOSMaster,21_HEOSPlayer,21_HEOSGroup] Module für das Denon Multiroomsystem

Begonnen von CoolTux, 21 Januar 2017, 21:47:52

Vorheriges Thema - Nächstes Thema

weini

Kurze Frage an die HEOS Community hier:
Ist jemanden von euch eine Software bekannt, wie man eine "dumme" Aktivbox in HEOS integrieren kann? Mir ist klar, dass es den HEOS Link dafür gibt. Ich denke aber eher eine eine low-cost Lösung. Gibt es eine Software, die z. B. auf einen Raspi eine HEOS Box / Audio Sink "simuliert"?

Danke euch im Voraus,
weini

isy

Nein, nie von gehört oder gelesen. Wäre aber spannend.
Gruß Helmut
Ein Weg wird erst zu einem Weg, wenn man ihn geht

BM030

Zitat von: CoolTux am 10 Mai 2017, 13:23:53
https://forum.fhem.de/index.php/topic,71772.0.html

Reinerlein arbeitet da gerade aktiv an einer Umgestaltung. Vielleicht können wir da anknüpfen.

Hi,

auch wenn es schon eine Weile her ist, gibts da schon etwas? Habt Ihr für die Tablet-UI funktionierende Widgets, bei mir fehlen ab und zu einfach Steuerelemente, die verschwinden sporadisch.
Ein hinzufügen von Gruppen und entfernen habe ich über die UI noch gar nicht hinbekommen...

Depechem

Zitat von: BM030 am 23 August 2020, 13:06:03
Hi,

auch wenn es schon eine Weile her ist, gibts da schon etwas? Habt Ihr für die Tablet-UI funktionierende Widgets, bei mir fehlen ab und zu einfach Steuerelemente, die verschwinden sporadisch.
Ein hinzufügen von Gruppen und entfernen habe ich über die UI noch gar nicht hinbekommen...

Siehe Seite 17. bei mir läuft seit Erstellung des Moduls alles ohne Probleme
RaspberryPi2 / FHEM / 3 Wand-Tablets mit Tablet UI / HM USB / verschiedene HM-Aktoren / JeeLink USB für WS1600 und mehrere LaCrosse Sensoren / HEOS ...

BM030

Zitat von: Depechem am 23 August 2020, 13:57:29
Siehe Seite 17. bei mir läuft seit Erstellung des Moduls alles ohne Probleme

würdest Du Deinen Code hier zur Verfügung stellen?

Bei mir sieht das so wie in der Anlage aus, obwohl alles gleich ist. Gibt es Unterschiede.

Depechem

Zitat von: BM030 am 23 August 2020, 14:38:23
würdest Du Deinen Code hier zur Verfügung stellen?

Bei mir sieht das so wie in der Anlage aus, obwohl alles gleich ist. Gibt es Unterschiede.

Bin gerade im Urlaub, habe dir ein PN weiter geleitet. Schau mal ob Du damit etwas anfangen kannst.
RaspberryPi2 / FHEM / 3 Wand-Tablets mit Tablet UI / HM USB / verschiedene HM-Aktoren / JeeLink USB für WS1600 und mehrere LaCrosse Sensoren / HEOS ...

Kusselin

Hallo,
ich habe ein Denon x1500h AVR receiver und habe diesen in Fhem anstatt des Denon Moduls eingebunden..hier mal das list:
Internals:
   CFGFN     
   DEF        -657134448 IODev=MyMasterBox
   FUUID      5f469ca0-f33f-7d29-2af8-82757feeb8a1e5ad
   IODev      MyMasterBox
   LASTInputDev MyMasterBox
   MSGCNT     267
   MyMasterBox_MSGCNT 267
   MyMasterBox_TIME 2020-08-26 20:36:58
   NAME       HEOSPlayer657134448
   NR         746
   PID        -657134448
   STATE      on
   TYPE       HEOSPlayer
   VERSION    1.0.4
   READINGS:
     2020-08-26 20:36:58   channel         1
     2020-08-26 20:34:12   currentAlbum   
     2020-08-26 20:34:12   currentArtist   MICHAEL PATRICK KELLY
     2020-08-26 20:34:12   currentImageUrl http://cdn-albums.tunein.com/gn/JH1ZC3N137d.jpg
     2020-08-26 20:34:12   currentMedia    station
     2020-08-26 20:34:12   currentMid      http://streams.regenbogen.de/rr-mannheim-128-aac?usid=0-0-H-A-V-02
     2020-08-26 20:34:12   currentQid      1
     2020-08-26 20:34:12   currentSid      3
     2020-08-26 20:34:12   currentStation  Radio Regenbogen
     2020-08-26 20:34:12   currentTitle    BEAUTIFUL MADNESS
     2020-08-26 19:32:26   ip-address      192.168.200.24
     2020-08-26 19:32:26   lineout         0
     2020-08-26 19:32:26   model           Denon AVR-X1500H
     2020-08-26 20:31:35   mute            on
     2020-08-26 19:32:26   name            Denon AVR-X1500H
     2020-08-26 19:32:26   network         wired
     2020-08-26 20:22:32   playStatus      play
     2020-08-26 19:32:17   repeat          off
     2020-08-26 19:32:17   shuffle         off
     2020-08-26 19:32:26   state           on
     2020-08-26 19:32:26   version         1.562.236
     2020-08-26 20:31:35   volume          25
     2020-08-26 19:32:16   volumeDown      5
     2020-08-26 19:32:16   volumeUp        5
   helper:
     aux:
       HASH(0x21606d8)
       HASH(0x64391c8)
     queue:
Attributes:
   IODev      MyMasterBox
   devStateIcon on:10px-kreis-gruen off:10px-kreis-rot
   room       HEOS


nun wollte ich diesen Player wiedermal gerne in mein Tablet UI einbinden..hier mal der Code:
<li data-col="2" data-row="1" data-sizex="6" data-sizey="8">
        <header class="big blue">Denon x1500H Wohnzimmer</header>
        <!-- Power on/off -->
        <div data-type="switch"
data-device="HEOSPlayer657134448"
            data-states='["on","off"]'
            data-set-state='["off","on"]'
            data-background-icons='["none","none"]'
            data-icons='["fa-power-off","fa-power-off"]'
            data-on-colors='["white","blue"]'
            data-background-colors='["#2a2a2a","#2a2a2a"]'
            class="left-align inline">
        </div>
         
        <!-- Favoriten -->
        <div data-type="select"
             data-device="HEOSPlayer657134448"
             data-alias="ftuiFavoritesAlias"
             data-list="ftuiFavoritesItems"
             data-get="favorites"
             data-set="favorites"
data-delimiter=":">
</div>
         
         <!-- Yamaha Mute-->
         <div data-type="switch"
             data-device="HEOSPlayer657134448"
             data-get="mute"
             data-set="mute"
             data-states='["on","off"]'
             data-set-states='["off","on"]'
             data-icons='["fa-volume-off","fa-volume-up"]'
             data-background-icons='["none","none"]'
             data-colors='["#ddd","#999"]'
             class="normal inline">
         </div>
         
         <!-- Cover -->
         <div class="cell top-space-1x">       
            <div data-type="HEOSPlayer657134448"
                data-get="coverarturl"
                data-size="40%"
                data-opacity="0.8">
            </div>
         </div>
         
         
         <!-- Artist,Title,Album -->
        <div class="cell">       
            <!-- Title -->
            <div data-type="label"
                data-device="HEOSPlayer657134448"
                data-get="currentTitle"           
                class="big top-space inline">
            </div>
         
            <!-- Artist -->
            <div data-type="label"
                data-device="HEOSPlayer657134448"
                data-get="currentArtist"
                class="large">
            </div>

            <!-- Album -->
            <div data-type="joinedlabel"
                data-device="HEOSPlayer657134448"
                data-get='["max2play.wz:currentAlbum"]'
                data-mask="[$1]"
                class="medium">
            </div>
        </div>
         
        <!-- Fortschrittsanzeige -->
        <div class="top-space-2x">
         <div data-type="label"
              data-device="HEOSPlayer657134448"
              data-get="currentTrackPosition"
              data-substitution="toMinFromSec()"
              class="inline middle">
         </div>
         <div data-type="level"
            data-device="HEOSPlayer657134448"
            data-get="currentTrackPosition"
            data-min="0"
            data-max="duration"
            data-width="300"
            data-color="grey"
            class="horizontal inline">
         </div>
         <div data-type="label"
              data-device="HEOSPlayer657134448"
              data-get="duration"
              data-substitution="toMinFromSec()"
              class="inline middle">
         </div>
        </div>
       
        <!-- Player Controls -->
        <div class="inline top-space-1x">
           
         <!-- Shuffle -->
<div data-type="multistatebutton"
             data-device="HEOSPlayer657134448"
data-get="shuffle"
data-get-on='["off","song","album"]'
             data-set='["shuffle song","shuffle album","shuffle off"]'
data-on-default="shuffle off"
data-icons='["fa-random","fa-random","fa-list"]'
             data-colors='["grey","white","white"]'
data-background-colors='["#2a2a2a","#2a2a2a","#2a2a2a"]'
class="inline">
</div>
       
         <!-- Next -->
         <div data-type="switch"
data-device="HEOSPlayer657134448"
data-set-on="prev"
data-set-off="prev"
data-icon="fa-step-backward"
            data-on-background-color="#2a2a2a"
            data-off-background-color="#2a2a2a"
            data-on-color="white"
            data-off-color="grey"
            class="inline">
         </div>
           
         <!-- Play/Pause -->   
         <div data-type="multistatebutton"
             data-device="HEOSPlayer657134448"
             data-get="playStatus"
             data-get-on='["playing","paused","stopped"]'
             data-set='["pause","play"]'
             data-set-default="pause"
             data-icons='["fa-pause","fa-play"]'
             data-on-color="white"
             data-on-background-color="none"
             data-background-icon="none"
             class="inline">
         </div>
           
         <!-- Stop -->
         <div data-type="push"
             data-device="HEOSPlayer657134448"
             data-icon="fa-stop"
             data-background-icon="none"
             data-off-color="none"
             data-on-color="white"
             data-background-color="none"
             data-set-on="stop"
             class="inline">
         </div>
           
         <!-- Back -->
         <div data-type="switch"
data-device="HEOSPlayer657134448"
data-set-on="next"
data-set-off="next"
data-icon="fa-step-forward"
            data-on-background-color="#2a2a2a"
            data-off-background-color="#2a2a2a"
            data-on-color="white"
            data-off-color="grey"
            class="inline">
         </div>
         <!-- Repeat -->
<div data-type="multistatebutton"
data-device="HEOSPlayer657134448"
             data-get="repeat"
data-get-on='["off","one","all"]'
data-set='["repeat one","repeat all","repeat off"]'
data-on-default="repeat off"
data-icons='["fa-repeat","fa-repeat","fa-list"]'
             data-colors='["grey","white","white"]'
             data-background-colors='["#2a2a2a","#2a2a2a","#2a2a2a"]'
             class="inline">
</div>       
        </div>
         
        <!-- Volume -->
        <div class="">
           
         
          <!-- VolumeDown 3steps -->
  <div class="inline small"
            data-type="switch"
data-device="HEOSPlayer657134448"
data-set-on="volumeDown"
data-set-off="volumeDown"
data-icon="fa-volume-down"
            data-on-color="white"
            data-off-color="grey"
data-background-icon="fa-square"
            data-on-background-color="#2a2a2a"
            data-off-background-color="#2a2a2a">
  </div>
                       
         <!-- Lautstärkeregler -->
<div class ="inline horizontal mini"
data-type="slider"
data-device="HEOSPlayer657134448"
            data-width="280"
data-get="volume"
data-set="volume"
            data-color="grey">
</div>
         
           
         <!-- VolumeUp 3steps -->
  <div class="small inline"
            data-type="switch"
data-device="HEOSPlayer657134448"
data-set-on="volumeUp"
data-set-off="volumeUp"
data-icon="fa-volume-up"
data-background-icon="fa-circle"
            data-on-color="white"
            data-off-color="grey"
data-background-icon="fa-square"
            data-on-background-color="#2a2a2a"
            data-off-background-color="#2a2a2a">
  </div>
           
        </div>
       
<header class="big">Denon Receiver einschalten</header>
        <div class="cell inline top-space-2x">
           
            <!-- Onkyo AVR on/off Steckdose -->
           <div class="inline">
   <div data-device="Steckdose_Denon_x1500h"
                 data-type="switch"
                 data-get="power"
                 data-get-on="on"
                 data-get-off="off"
                 data-icon="fa-power-off"
                 data-background-icon="none"
                 data-on-color="green"
                 data-off-color="grey"
                 data-on-backgroundcolor="none"
                 data-off-backgroundcolor="none"
                 class="small inline">
            </div>
<div data-type="label" class="medium">AVR ein/aus</div>
</div>

            <!--Denon AVR Eingang  -->
           <div data-device="IRADIO"
                data-type="select"
                data-items='["IRADIO"]'
                data-get="input"
                data-set="input">
            </div>
           
       
       
       
               
     </li> 
   
     <!-- Playlist -->
     <li data-row="1" data-col="8" data-sizex="6" data-sizey="8">       
     <header class="big">Playlist</header>
       <!-- Playlists -->
       <div data-type="select"
            data-device="Denon_AVR"
            data-alias="ftuiPlaylistsAlias"
            data-list="ftuiPlaylistsItems"
            data-get="playlists"
            data-set="playlists"
data-delimiter=":">
       </div>
       <div data-type="medialist"
           data-device="Denon_AVR"
           data-set="track"
           data-get="ftuiMedialist"
           data-pos="playlistCurrentTrack"
           class="autoscroll index1 centered top-space-2x">
       </div>
     </li>


Frage 1: Als Data-device muss ich den Heos Player nun angeben im Code überall...richtig?


Kusselin

Hallo Zusammen, meine Fragestellung eins drüber hat sich erledigt.
Mein HEOS Player hat das Reading "
currentImageUrl

http://cdn-albums.tunein.com/gn/5076C0LNBLd.jpg


Im TabletUI habe ich diesen Code:
<!-- Cover -->
         <div class="cell top-space-1x">       
            <div data-type="label"
                data-get="currentImageUrl"
                data-size="40%"
                data-opacity="0.8">
            </div>
         </div>


Wieso wird mir das Cover nicht angezeigt???

Titel und Artist wird angezeigt
<!-- Artist,Title,Album -->
        <div class="cell">       
            <!-- Title -->
            <div data-type="label"
                data-device="HEOSPlayer657134448"
                data-get="currentTitle"           
                class="big top-space inline">
            </div>


Muss da auch das data-device rein? Habe den Code von hier kopiert....da war aber das data-device nicht mit intergriert.

Gruss

Kusselin

Habe jetzt mal das data-device dazugemacht:
<div class="cell top-space-1x">       
            <div data-type="label"
data-device="HEOSPlayer657134448"
                data-get="currentImageUrl"
                data-size="40%"
                data-opacity="0.8">
            </div>
         </div>


jetzt wird der Link angezeigt aber nicht das Bild :-(

EDIT: E R L E D I G T siehe hier:
https://forum.fhem.de/index.php/topic,113960.0.html

Kusselin

Brauche wieder Eure Hilfe....

Mein HEOS Player wächst stetig aber es liegen immer noch große Steine um Ihn herum.

Ich möchte gerne mit dem "select Widget" in ftui zb. meine Eingänge wählen......zb TuneIn oder meine Favoristen.....ich weiss da ich mit dem get Befehl "ls" mir in fhem die schön Anzeigen lassen kann und auch weiter mich durchklicken kann...leider weiss ich es nicht wie ich es anstellen muss im select Widget... ich habe das select widget nun so erstellt:

<!-- Favoriten -->
        <div data-type="label">Zone1</div>
   <div data-type="select"
        data-device="HEOSPlayer657134448"
        data-items='["Favoriten","TuneIn"]'
        data-get="ls"
        data-set="ls"
class="small"></div>


Mir ist aber leider nicht bewusst was ich bei data get und set eintragen muss???

Im Heos Wiki steht das hier unter SET Befehle, ich weiss aber nicht wie ich es eintragen muss  :(

input sid[,cid][,mid] - setze input source-id[,container-id][,media-id]

    Beispiel: set Küche input 1027,1772574848,inputs/tvaudio, startet "TV-Audio" auf dem Player "Küche"


Wäre nett wenn ihr mir fürs SElect widget ein Denkanstoss geben könntet...Danke

Depechem

Hier mal für alle mein kompletter FTUI Code.
Hiermit solltet ihr so gut wie alles darstellen können.

HEOS AVR-X4300H Zone 1
    <section>
<header class="center-align bold big-3" >Multiroom WOHNZIMMER</header>
<div class="hbox top-space">
<div data-type="label"
data-device="HEOSPlayer1772574848"
data-get="currentStation"
data-off-color="#32a054"
data-color="#008744"
class="inline middle bold big-3">
</div>
</div>
         </section>
        <section>
<div class="inline middle-space">
<div class="inline left">
<div data-type="popup"
data-height="500px"
data-width="335px"
class="inline">
<div data-type="push"
data-icon="fa-bars"
                    data-on-color="#aa6900"
                    data-on-background-color="green"
                    data-off-background-color="green"
class="right-space-2x big-3">
</div>
<div class="dialog dialogTransparent">
<header class="dialogheaderTransparent bold big-4">SENDERAUSWAHL WOHNZIMMER</header>
<div class="top-space left">
    <div class="inline left-space bold big-5">1. MDR-Sach
<div onclick="ftui.setFhemStatus('set HEOSPlayer1772574848 channel 1; set DENON4300h input OnlineMusic; sleep 3; setreading Multiroomradio_Wohnzimmer_IMG_dummy now_playing_img ./images/MDR-Sachsen.png');$('.dialog-close').trigger('click');"
data-type="image"
data-url="./images/MDR-Sachsen.png"
data-size="80"
data-opacity="1"
class="">
</div>
</div>
    <div class="inline left-space bold big-5">2. MDR-Jump
<div onclick="ftui.setFhemStatus('set HEOSPlayer1772574848 channel 2; set DENON4300h input OnlineMusic; sleep 3; setreading Multiroomradio_Wohnzimmer_IMG_dummy now_playing_img ./images/MDR-Jump.png');$('.dialog-close').trigger('click');"
data-type="image"
data-url="./images/MDR-Jump.png"
data-size="80"
data-opacity="1"
class="">
</div>
</div>
    <div class="inline left-space bold big-5">3. Radio-Dres
<div onclick="ftui.setFhemStatus('set HEOSPlayer1772574848 channel 3; set DENON4300h input OnlineMusic; sleep 3; setreading Multiroomradio_Wohnzimmer_IMG_dummy now_playing_img ./images/Radio-Dresden.png');$('.dialog-close').trigger('click');"
data-type="image"
data-url="./images/Radio-Dresden.png"
data-size="80"
data-opacity="1"
class="">
</div>
</div>
</div>
<div class="top-space left">
    <div class="inline left-space bold big-5">4. Hit-RTL
<div onclick="ftui.setFhemStatus('set HEOSPlayer1772574848 channel 4; set DENON4300h input OnlineMusic; sleep 3; setreading Multiroomradio_Wohnzimmer_IMG_dummy now_playing_img ./images/HitradioRTL.png');$('.dialog-close').trigger('click');"
data-type="image"
data-url="./images/HitradioRTL.png"
data-size="80"
data-opacity="1"
class="">
</div>
</div>
<div class="inline left-space bold big-5">5. Energy
<div onclick="ftui.setFhemStatus('set HEOSPlayer1772574848 channel 5; set DENON4300h input OnlineMusic; sleep 3; setreading Multiroomradio_Wohnzimmer_IMG_dummy now_playing_img ./images/Energy-Sachsen.png');$('.dialog-close').trigger('click');"
data-type="image"
data-url="./images/Energy-Sachsen.png"
data-size="80"
data-opacity="1"
class="">
</div>
</div>
<div class="inline left-space bold big-5">6. TOP100
<div onclick="ftui.setFhemStatus('set HEOSPlayer1772574848 channel 6; set DENON4300h input OnlineMusic; sleep 3; setreading Multiroomradio_Wohnzimmer_IMG_dummy now_playing_img ./images/Top100Station.png');$('.dialog-close').trigger('click');"
data-type="image"
data-url="./images/Top100Station.png"
data-size="80"
data-opacity="1"
class="">
</div>
</div>
</div>
<div class="top-space left">
<div class="inline left-space bold big-5">7. Sport-1FM
<div onclick="ftui.setFhemStatus('set HEOSPlayer1772574848 channel 7; set DENON4300h input OnlineMusic; sleep 3; setreading Multiroomradio_Wohnzimmer_IMG_dummy now_playing_img ./images/Sport1FM.png');$('.dialog-close').trigger('click');"
data-type="image"
data-url="./images/Sport1FM.png"
data-size="80"
data-opacity="1"
class="">
</div>
</div>
<div class="inline left-space bold big-5">8. Sunshine
<div onclick="ftui.setFhemStatus('set HEOSPlayer1772574848 channel 8; set DENON4300h input OnlineMusic; sleep 3; setreading Multiroomradio_Wohnzimmer_IMG_dummy now_playing_img ./images/sunshine_live.png');$('.dialog-close').trigger('click');"
data-type="image"
data-url="./images/sunshine_live.png"
data-size="80"
data-opacity="1"
class="">
</div>
</div>
<div class="inline left-space bold big-5">9. Kinderradio
<div onclick="ftui.setFhemStatus('set HEOSPlayer1772574848 channel 9; set DENON4300h input OnlineMusic; sleep 3; setreading Multiroomradio_Wohnzimmer_IMG_dummy now_playing_img ./images/Kinderradio.png');$('.dialog-close').trigger('click');"
data-type="image"
data-url="./images/Kinderradio.png"
data-size="80"
data-opacity="1"
class="">
</div>
</div>
<div class="inline left-space bold big-5">10. RADIO BOB!
<div onclick="ftui.setFhemStatus('set HEOSPlayer1772574848 channel 10; set DENON4300h input OnlineMusic; sleep 3; setreading Multiroomradio_Wohnzimmer_IMG_dummy now_playing_img ./images/Radio-BOB.pngg');$('.dialog-close').trigger('click');"
data-type="image"
data-url="./images/Radio-BOB.png"
data-size="80"
data-opacity="1"
class="">
</div>
</div>
<div class="inline left-space bold big-5">11. MDR-Jump-Mix
<div onclick="ftui.setFhemStatus('set HEOSPlayer1772574848 channel 11; set DENON4300h input OnlineMusic; sleep 3; setreading Multiroomradio_Wohnzimmer_IMG_dummy now_playing_img ./images/MDR-Jump-Mix.png');$('.dialog-close').trigger('click');"
data-type="image"
data-url="./images/MDR-Jump-Mix.png"
data-size="80"
data-opacity="1"
class="">
</div>
</div>
<div class="inline left-space bold big-5">12. R.SA Live
<div onclick="ftui.setFhemStatus('set HEOSPlayer1772574848 channel 12; set DENON4300h input OnlineMusic; sleep 3; setreading Multiroomradio_Wohnzimmer_IMG_dummy now_playing_img ./images/R.SA-Live.png');$('.dialog-close').trigger('click');"
data-type="image"
data-url="./images/R.SA-Live.png"
data-size="80"
data-opacity="1"
class="">
</div>
</div>
</div>
<div class="top-space left">
    <div class="inline left-space bold big-5">TV
<div onclick="ftui.setFhemStatus('set DENON4300h input TV; sleep 3; set HEOSPlayer1772574848 input 1027,1772574848,inputs/tvaudio; sleep 3; setreading Multiroomradio_Wohnzimmer_IMG_dummy now_playing_img ./images/TV.png');$('.dialog-close').trigger('click');"
data-type="image"
data-url="./images/TV.png"
data-size="80"
data-opacity="1"
class="">
</div>
</div>
</div>
<div class="top-space left">
    <div class="inline left-space bold big-5">Bluetooth
<div onclick="ftui.setFhemStatus('set WandTabletWohnzimmerThomas bluetooth on; sleep 3; set DENON4300h input Bluetooth; sleep 3; set HEOSPlayer1772574848 input 1027,1772574848,Bluetooth; sleep 3; setreading Multiroomradio_Wohnzimmer_IMG_dummy now_playing_img ./images/Spotify.png');$('.dialog-close').trigger('click');"
data-type="image"
data-url="./images/Spotify.png"
data-size="80"
data-opacity="1"
class="">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="inline left">
<div data-type="switch"
data-device="DENON4300h"
data-get="zoneMain"
data-set-on="set DENON4300h zoneMain on; sleep 0.5; set DENON4300h input OnlineMusic; sleep 0.5; set HEOSPlayer1772574848 play"
data-set-off="set HEOSPlayer1772574848 stop; sleep 0.5; set DENON4300h input TV; sleep 0.5; set DENON4300h zoneMain off"
data-get-on="on"
data-get-off="off"
                data-states='["on","off"]'
data-icons='["fa-play","fa-power-off"]'
data-colors='["#00ff00","red"]'
                data-on-color="#01DF01"
                data-off-color="#8C8C8C"
                data-background-colors='["#00ff00","#32a054"]'
data-background-icon="fa-circle-thin"
class="right-space-2x big-3">
</div>
</div>

<div class="inline left-space">
<div data-type="popup"
data-height="200px"
data-width="200px"
class="">
<div data-type="image"
data-device="Multiroomradio_Wohnzimmer_IMG_dummy"
data-get="now_playing_img"
data-size="62"
class="left-narrow">
</div>
<div class="dialog dialogTransparent">
<header class="dialogheaderTransparent">DETAILS</header>
<div class="top-space left">
    <div class="inline big-5 bold left-space">GRUPPE - DENON Wohnzimmer + HEOS1 Büro
<div data-type="switch"
data-device="Gruppe_DENON_Wohnzimmer_und_HEOS1_Buero_dummy"
data-get-on="on"
data-get-off="off"
data-states='["on","off"]'
data-icons='["oa-message_ok","oa-control_x"]'
data-colors='["#00ff00","red"]'
data-on-color="#01DF01"
data-off-color="#8C8C8C"
data-on-background-color="#696e7a"
data-off-background-color="#696e7a"
data-background-icon="fa-circle-thin"
class="big-1"></div>
</div>
</div>
</div>
</div>
</div>

</div>
         </section>

         <section>
<div class="inline middle-space">
<div class="inline left space">
<div data-type="push"
data-device="DENON4300h"
data-set-on="volumeDown 3"
data-cmd="set"
data-icon="fa-volume-down"
data-on-color="#ad3333"
data-on-background-color="#ad3333"
data-off-color="#32a054"
data-off-background-color="#32a054"
class="big-3">
</div>
</div>
<div class="inline left top-space">
<div data-type="label"
data-device="DENON4300h"
data-get="volume"
data-fix="0"
data-off-color="#32a054"
data-color="#32a054"
data-unit="db"
class="big-1">
</div>
</div>
<div class="inline left">
<div data-type="push"
data-device="DENON4300h"
data-set-on="volumeUp 3"
data-cmd="set"
data-icon="fa-volume-up"
data-on-color="#ad3333"
data-on-background-color="#ad3333"
data-off-color="#32a054"
data-off-background-color="#32a054"
class="big-3">
</div>
</div>
<div class="inline left-space-2x">
<div data-type="switch"
data-device="DENON4300h"
data-get="mute"
data-set="mute"
data-states='["on","off"]'
data-background-icon="fa-circle-thin"
data-icons='["fa-volume-off","fa-volume-up"]'
data-background-colors='["#ff0000","#32a054"]'
                 data-on-background-color="#32a054"
                 data-off-background-color="#ff0000"
class="big-3">
</div>
</div>
</div>
         </section>

         <section>
<header class="center-align bold big-3" >SPOTIFY</header>
<div class="inline middle-space">

<div class="inline left">
            <div data-type="push" data-device="WandTabletWohnzimmerThomas"
                 data-set-on="mediaSpotifyMusic play/pause"
                 data-icon="fa-play-circle "
                 data-on-color="#ad3333"
                 data-off-color="#32a054"
                 data-background-icon="fa-square-o"
                 data-on-background-color="#ad3333"
                 data-off-background-color="#32a054"
                 class="big-3" >
            </div>
        </div>

<div class="inline left">
            <div data-type="push" data-device="WandTabletWohnzimmerThomas"
                 data-set-on="mediaSpotifyMusic back"
                 data-icon="fa-chevron-circle-left"
                 data-on-color="#ad3333"
                 data-off-color="#32a054"
                 data-background-icon="fa-square-o"
                 data-on-background-color="#ad3333"
                 data-off-background-color="#32a054"
                 class="big-3" >
            </div>
        </div>

<div class="inline left">
            <div data-type="push" data-device="WandTabletWohnzimmerThomas"
                 data-set-on="mediaSpotifyMusic next"
                 data-icon="fa-chevron-circle-right"
                 data-on-color="#ad3333"
                 data-off-color="#32a054"
                 data-background-icon="fa-square-o"
                 data-on-background-color="#ad3333"
                 data-off-background-color="#32a054"
                 class="big-3" >
            </div>
        </div>

<div class="inline left">
            <div data-type="push" data-device="WandTabletWohnzimmerThomas"
                 data-set-on="mediaSpotifyMusic stop"
                 data-icon="fa-stop-circle"
                 data-on-color="#ad3333"
                 data-off-color="#32a054"
                 data-background-icon="fa-square-o"
                 data-on-background-color="#ad3333"
                 data-off-background-color="#32a054"
                 class="big-3" >
            </div>
        </div>
</div>
         </section>


HEOS AVR-X4300H Zone 2
        <section>
<header class="center-align bold big-3" >Multiroom TERRASSE</header>
<div class="hbox top-space">
<div data-type="label"
data-device="HEOSPlayer1772574848"
data-get="currentStation"
data-off-color="#32a054"
data-color="#008744"
class="inline middle bold big-3">
</div>
</div>
         </section>
        <section>
<div class="inline middle-space">
<div class="inline left">
<div data-type="popup"
data-height="500px"
data-width="335px"
class="inline">
<div data-type="push"
data-icon="fa-bars"
                    data-on-color="#aa6900"
                    data-on-background-color="green"
                    data-off-background-color="green"
class="right-space-2x big-3">
</div>
<div class="dialog dialogTransparent">
<header class="dialogheaderTransparent">SENDERAUSWAHL WOHNZIMMER/TERRASSE</header>
<div class="top-space left">
    <div class="inline left-space bold big-5">1. MDR-Sach
<div onclick="ftui.setFhemStatus('set HEOSPlayer1772574848 channel 1; set DENON4300h_Zone_2 input OnlineMusic; sleep 3; setreading Multiroomradio_Terrasse_IMG_dummy now_playing_img ./images/MDR-Sachsen.png');$('.dialog-close').trigger('click');"
data-type="image"
data-url="./images/MDR-Sachsen.png"
data-size="80"
data-opacity="1"
class="">
</div>
</div>
    <div class="inline left-space bold big-5">2. MDR-Jump
<div onclick="ftui.setFhemStatus('set HEOSPlayer1772574848 channel 2; set DENON4300h_Zone_2 input OnlineMusic; sleep 3; setreading Multiroomradio_Terrasse_IMG_dummy now_playing_img ./images/MDR-Jump.png');$('.dialog-close').trigger('click');"
data-type="image"
data-url="./images/MDR-Jump.png"
data-size="80"
data-opacity="1"
class="">
</div>
</div>
    <div class="inline left-space bold big-5">3. Radio-Dres
<div onclick="ftui.setFhemStatus('set HEOSPlayer1772574848 channel 3; set DENON4300h_Zone_2 input OnlineMusic; sleep 3; setreading Multiroomradio_Terrasse_IMG_dummy now_playing_img ./images/Radio-Dresden.png');$('.dialog-close').trigger('click');"
data-type="image"
data-url="./images/Radio-Dresden.png"
data-size="80"
data-opacity="1"
class="">
</div>
</div>
</div>
<div class="top-space left">
    <div class="inline left-space bold big-5">4. Hit-RTL
<div onclick="ftui.setFhemStatus('set HEOSPlayer1772574848 channel 4; set DENON4300h_Zone_2 input OnlineMusic; sleep 3; setreading Multiroomradio_Terrasse_IMG_dummy now_playing_img ./images/HitradioRTL.png');$('.dialog-close').trigger('click');"
data-type="image"
data-url="./images/HitradioRTL.png"
data-size="80"
data-opacity="1"
class="">
</div>
</div>
<div class="inline left-space bold big-5">5. Energy
<div onclick="ftui.setFhemStatus('set HEOSPlayer1772574848 channel 5; set DENON4300h_Zone_2 input OnlineMusic; sleep 3; setreading Multiroomradio_Terrasse_IMG_dummy now_playing_img ./images/Energy-Sachsen.png');$('.dialog-close').trigger('click');"
data-type="image"
data-url="./images/Energy-Sachsen.png"
data-size="80"
data-opacity="1"
class="">
</div>
</div>
<div class="inline left-space bold big-5">6. TOP100
<div onclick="ftui.setFhemStatus('set HEOSPlayer1772574848 channel 6; set DENON4300h_Zone_2 input OnlineMusic; sleep 3; setreading Multiroomradio_Terrasse_IMG_dummy now_playing_img ./images/Top100Station.png');$('.dialog-close').trigger('click');"
data-type="image"
data-url="./images/Top100Station.png"
data-size="80"
data-opacity="1"
class="">
</div>
</div>
</div>
<div class="top-space left">
<div class="inline left-space bold big-5">7. Sport-1FM
<div onclick="ftui.setFhemStatus('set HEOSPlayer1772574848 channel 7; set DENON4300h_Zone_2 input OnlineMusic; sleep 3; setreading Multiroomradio_Terrasse_IMG_dummy now_playing_img ./images/Sport1FM.png');$('.dialog-close').trigger('click');"
data-type="image"
data-url="./images/Sport1FM.png"
data-size="80"
data-opacity="1"
class="">
</div>
</div>
<div class="inline left-space bold big-5">8. Sunshine
<div onclick="ftui.setFhemStatus('set HEOSPlayer1772574848 channel 8; set DENON4300h_Zone_2 input OnlineMusic; sleep 3; setreading Multiroomradio_Terrasse_IMG_dummy now_playing_img ./images/sunshine_live.png');$('.dialog-close').trigger('click');"
data-type="image"
data-url="./images/sunshine_live.png"
data-size="80"
data-opacity="1"
class="">
</div>
</div>
<div class="inline left-space bold big-5">9. Kinderradio
<div onclick="ftui.setFhemStatus('set HEOSPlayer1772574848 channel 9; set DENON4300h_Zone_2 input OnlineMusic; sleep 3; setreading Multiroomradio_Terrasse_IMG_dummy now_playing_img ./images/Kinderradio.png; ');$('.dialog-close').trigger('click');"
data-type="image"
data-url="./images/Kinderradio.png"
data-size="80"
data-opacity="1"
class="">
</div>
</div>
<div class="inline left-space bold big-5">10. RADIO-BOB!
<div onclick="ftui.setFhemStatus('set HEOSPlayer1772574848 channel 10; set DENON4300h_Zone_2 input OnlineMusic; sleep 3; setreading Multiroomradio_Terrasse_IMG_dummy now_playing_img ./images/Radio-BOB.png; ');$('.dialog-close').trigger('click');"
data-type="image"
data-url="./images/Radio-BOB.png"
data-size="80"
data-opacity="1"
class="">
</div>
</div>
<div class="inline left-space bold big-5">11. MDR-Jump-Mix
<div onclick="ftui.setFhemStatus('set HEOSPlayer1772574848 channel 11; set DENON4300h_Zone_2 input OnlineMusic; sleep 3; setreading Multiroomradio_Terrasse_IMG_dummy now_playing_img ./images/MDR-Jump-Mix.png; ');$('.dialog-close').trigger('click');"
data-type="image"
data-url="./images/MDR-Jump-Mix.png"
data-size="80"
data-opacity="1"
class="">
</div>
</div>
<div class="inline left-space bold big-5">12. R.SA Live
<div onclick="ftui.setFhemStatus('set HEOSPlayer1772574848 channel 12; set DENON4300h_Zone_2 input OnlineMusic; sleep 3; setreading Multiroomradio_Terrasse_IMG_dummy now_playing_img ./images/R.SA-Live.png; ');$('.dialog-close').trigger('click');"
data-type="image"
data-url="./images/R.SA-Live.png"
data-size="80"
data-opacity="1"
class="">
</div>
</div>
</div>
<div class="top-space left">
    <div class="inline left-space bold big-5">TV
<div onclick="ftui.setFhemStatus('set DENON4300h_Zone_2 input TV; sleep 3; setreading Multiroomradio_Terrasse_IMG_dummy now_playing_img ./images/TV.png');$('.dialog-close').trigger('click');"
data-type="image"
data-url="./images/TV.png"
data-size="80"
data-opacity="1"
class="">
</div>
</div>
</div>
<div class="top-space left">
    <div class="inline left-space bold big-5">Bluetooth
<div onclick="ftui.setFhemStatus('set WandTabletWohnzimmerThomas bluetooth on; sleep 3; set DENON4300h_Zone_2 input Bluetooth; sleep 3; setreading Multiroomradio_Wohnzimmer_IMG_dummy now_playing_img ./images/Spotify.png');$('.dialog-close').trigger('click');"
data-type="image"
data-url="./images/Spotify.png"
data-size="80"
data-opacity="1"
class="">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="inline left">
<div data-type="switch"
data-device="DENON4300h_Zone_2"
data-get="state"
data-set-on="set DENON4300h_Zone_2 on; sleep 0.5; set DENON4300h_Zone_2 input OnlineMusic; sleep 0.5; set HEOSPlayer1772574848 play"
data-set-off="set HEOSPlayer1772574848 stop; sleep 0.5; set DENON4300h_Zone_2 off"
data-get-on="on"
data-get-off="off"
                data-states='["on","off"]'
data-icons='["fa-play","fa-power-off"]'
data-colors='["#00ff00","red"]'
                data-on-color="#01DF01"
                data-off-color="#8C8C8C"
                data-background-colors='["#00ff00","#32a054"]'
data-background-icon="fa-circle-thin"
class="right-space-2x big-3">
</div>
</div>

<div class="inline left-space">
<div data-type="popup"
data-height="150px"
data-width="150px"
class="">
<div data-type="image"
data-device="Multiroomradio_Terrasse_IMG_dummy"
data-get="now_playing_img"
data-size="62"
class="left-narrow">
</div>
<div class="dialog dialogTransparent">
<header class="dialogheaderTransparent">LG-TV Wohnzimmer SENDERAUSWAHL</header>
<div class="top-space left">
    <div class="inline left-space">1. ARD-HD
<div onclick="ftui.setFhemStatus('setreading LGTV_Wohnzimmer_IMG_dummy now_playing_img ./images/TVSender/ARD-HD.png; set LG_TV_Wohnzimmer channel 1');$('.dialog-close').trigger('click');"
data-type="image"
data-url="./images/TVSender/ARD-HD.png"
data-size="100"
data-opacity="1"
class="">
</div>
</div>
</div>
</div>
</div>
</div>

</div>
         </section>

         <section>
<div class="inline middle-space">
<div class="inline left space">
<div data-type="push"
data-device="DENON4300h_Zone_2"
data-set-on="volumeDown 3"
data-cmd="set"
data-icon="fa-volume-down"
data-on-color="#ad3333"
data-on-background-color="#ad3333"
data-off-color="#32a054"
data-off-background-color="#32a054"
class="big-3">
</div>
</div>
<div class="inline left top-space">
<div data-type="label"
data-device="DENON4300h_Zone_2"
data-get="volume"
data-fix="0"
data-off-color="#32a054"
data-color="#32a054"
data-unit="db"
class="big-1">
</div>
</div>
<div class="inline left">
<div data-type="push"
data-device="DENON4300h_Zone_2"
data-set-on="volumeUp 3"
data-cmd="set"
data-icon="fa-volume-up"
data-on-color="#ad3333"
data-on-background-color="#ad3333"
data-off-color="#32a054"
data-off-background-color="#32a054"
class="big-3">
</div>
</div>
<div class="inline left-space-2x">
<div data-type="switch"
data-device="DENON4300h_Zone_2"
data-get="mute"
data-set="mute"
data-states='["on","off"]'
data-background-icon="fa-circle-thin"
data-icons='["fa-volume-off","fa-volume-up"]'
data-background-colors='["#ff0000","#32a054"]'
                 data-on-background-color="#32a054"
                 data-off-background-color="#ff0000"
class="big-3">
</div>
</div>
</div>
         </section>


HEOS AMP
<section>
<header class="center-align bold big-3" >Multiroom BADEZIMMER</header>
<div class="hbox top-space">
<div data-type="label"
data-device="HEOSPlayer128837057"
data-get="currentStation"
data-off-color="#32a054"
data-color="#008744"
class="inline middle bold big-3">
</div>
</div>
         </section>
        <section>
<div class="inline middle-space">
<div class="inline left">
<div data-type="popup"
data-height="440px"
data-width="335px"
class="inline">
<div data-type="push"
data-icon="fa-bars"
                    data-on-color="#aa6900"
                    data-on-background-color="green"
                    data-off-background-color="green"
class="right-space-2x big-3">
</div>
<div class="dialog dialogTransparent">
<header class="dialogheaderTransparent">SENDERAUSWAHL BADEZIMMER</header>
<div class="top-space left">
    <div class="inline left-space bold big-5">1. MDR-Sach
<div onclick="ftui.setFhemStatus('setreading Multiroomradio_Badezimmer_IMG_dummy now_playing_img ./images/MDR-Sachsen.png; set HEOSPlayer128837057 channel 1');$('.dialog-close').trigger('click');"
data-type="image"
data-url="./images/MDR-Sachsen.png"
data-size="80"
data-opacity="1"
class="">
</div>
<div data-type="label"
class="">&nbsp;
</div>
</div>
    <div class="inline left-space bold big-5">2. MDR-Jump
<div onclick="ftui.setFhemStatus('setreading Multiroomradio_Badezimmer_IMG_dummy now_playing_img ./images/MDR-Jump.png; set HEOSPlayer128837057 channel 2');$('.dialog-close').trigger('click');"
data-type="image"
data-url="./images/MDR-Jump.png"
data-size="80"
data-opacity="1"
class="">
</div>
<div data-type="label"
class="">&nbsp;
</div>
</div>
    <div class="inline left-space bold big-5">3. Radio-Dres
<div onclick="ftui.setFhemStatus('setreading Multiroomradio_Badezimmer_IMG_dummy now_playing_img ./images/Radio-Dresden.png; set HEOSPlayer128837057 channel 3');$('.dialog-close').trigger('click');"
data-type="image"
data-url="./images/Radio-Dresden.png"
data-size="80"
data-opacity="1"
class="">
</div>
<div data-type="label"
class="">&nbsp;
</div>
</div>
</div>
<div class="top-space left">
    <div class="inline left-space bold big-5">4. Hit-RTL
<div onclick="ftui.setFhemStatus('setreading Multiroomradio_Badezimmer_IMG_dummy now_playing_img ./images/HitradioRTL.png; set HEOSPlayer128837057 channel 4');$('.dialog-close').trigger('click');"
data-type="image"
data-url="./images/HitradioRTL.png"
data-size="80"
data-opacity="1"
class="">
</div>
<div data-type="label"
class="">&nbsp;
</div>
</div>
<div class="inline left-space bold big-5">5. Energy
<div onclick="ftui.setFhemStatus('setreading Multiroomradio_Badezimmer_IMG_dummy now_playing_img ./images/Energy-Sachsen.png; set HEOSPlayer128837057 channel 5');$('.dialog-close').trigger('click');"
data-type="image"
data-url="./images/Energy-Sachsen.png"
data-size="80"
data-opacity="1"
class="">
</div>
<div data-type="label"
class="">&nbsp;
</div>
</div>
<div class="inline left-space bold big-5">6. TOP100
<div onclick="ftui.setFhemStatus('setreading Multiroomradio_Badezimmer_IMG_dummy now_playing_img ./images/Top100Station.png; set HEOSPlayer128837057 channel 6');$('.dialog-close').trigger('click');"
data-type="image"
data-url="./images/Top100Station.png"
data-size="80"
data-opacity="1"
class="">
</div>
<div data-type="label"
class="">&nbsp;
</div>
</div>
</div>
<div class="top-space left">
<div class="inline left-space bold big-5">7. Sport-1FM
<div onclick="ftui.setFhemStatus('setreading Multiroomradio_Badezimmer_IMG_dummy now_playing_img ./images/Sport1FM.png; set HEOSPlayer128837057 channel 7');$('.dialog-close').trigger('click');"
data-type="image"
data-url="./images/Sport1FM.png"
data-size="80"
data-opacity="1"
class="">
</div>
<div data-type="label"
class="">&nbsp;
</div>
</div>
<div class="inline left-space bold big-5">8. Sunshine
<div onclick="ftui.setFhemStatus('setreading Multiroomradio_Badezimmer_IMG_dummy now_playing_img ./images/sunshine_live.png; set HEOSPlayer128837057 channel 8');$('.dialog-close').trigger('click');"
data-type="image"
data-url="./images/sunshine_live.png"
data-size="80"
data-opacity="1"
class="">
</div>
<div data-type="label"
class="">&nbsp;
</div>
</div>
<div class="inline left-space bold big-5">9. Kinderradio
<div onclick="ftui.setFhemStatus('setreading Multiroomradio_Badezimmer_IMG_dummy now_playing_img ./images/Kinderradio.png; set HEOSPlayer128837057 channel 9');$('.dialog-close').trigger('click');"
data-type="image"
data-url="./images/Kinderradio.png"
data-size="80"
data-opacity="1"
class="">
</div>
<div data-type="label"
class="">&nbsp;
</div>
</div>
<div class="inline left-space bold big-5">10. RADIO-BOB!
<div onclick="ftui.setFhemStatus('setreading Multiroomradio_Badezimmer_IMG_dummy now_playing_img ./images/Radio-BOB.png; set HEOSPlayer128837057 channel 10');$('.dialog-close').trigger('click');"
data-type="image"
data-url="./images/Radio-BOB.png"
data-size="80"
data-opacity="1"
class="">
</div>
<div data-type="label"
class="">&nbsp;
</div>
</div>
<div class="inline left-space bold big-5">11. MDR-Jump-Mix
<div onclick="ftui.setFhemStatus('setreading Multiroomradio_Badezimmer_IMG_dummy now_playing_img ./images/MDR-Jump-Mix.png; set HEOSPlayer128837057 channel 11');$('.dialog-close').trigger('click');"
data-type="image"
data-url="./images/MDR-Jump-Mix.png"
data-size="80"
data-opacity="1"
class="">
</div>
<div data-type="label"
class="">&nbsp;
</div>
</div>
<div class="inline left-space bold big-5">12. R.SA Live
<div onclick="ftui.setFhemStatus('setreading Multiroomradio_Badezimmer_IMG_dummy now_playing_img ./images/R.SA-Live.png; set HEOSPlayer128837057 channel 12');$('.dialog-close').trigger('click');"
data-type="image"
data-url="./images/R.SA-Live.png"
data-size="80"
data-opacity="1"
class="">
</div>
<div data-type="label"
class="">&nbsp;
</div>
</div>
</div>
</div>
</div>
</div>
<div class="inline left">
<div data-type="switch"
data-device="HEOSPlayer128837057"
data-get="playStatus"
data-set-on="play"
data-set-off="stop"
data-get-on="play"
data-get-off="stop"
                data-states='["play","stop"]'
data-icons='["fa-play","fa-power-off"]'
data-colors='["#00ff00","red"]'
                data-on-color="#01DF01"
                data-off-color="#8C8C8C"
                data-background-colors='["#00ff00","#32a054"]'
data-background-icon="fa-circle-thin"
class="right-space-2x big-3">
</div>
</div>

<div class="inline left-space">
<div data-type="popup"
data-height="150px"
data-width="150px"
class="">
<div data-type="image"
data-device="Multiroomradio_Badezimmer_IMG_dummy"
data-get="now_playing_img"
data-size="62"
class="left-narrow">
</div>
</div>
</div>
</div>

</div>
         </section>

         <section>
<div class="inline middle-space">
<div class="inline left space">
<div data-type="push"
data-device="HEOSPlayer128837057"
data-set-on="volumeDown 3"
data-cmd="set"
data-icon="fa-volume-down"
data-on-color="#ad3333"
data-on-background-color="#ad3333"
data-off-color="#32a054"
data-off-background-color="#32a054"
class="big-3">
</div>
</div>
<div class="inline left top-space">
<div data-type="label"
data-device="HEOSPlayer128837057"
data-get="volume"
data-fix="0"
data-off-color="#32a054"
data-color="#32a054"
data-unit="db"
class="big-1">
</div>
</div>
<div class="inline left">
<div data-type="push"
data-device="HEOSPlayer128837057"
data-set-on="volumeUp 3"
data-cmd="set"
data-icon="fa-volume-up"
data-on-color="#ad3333"
data-on-background-color="#ad3333"
data-off-color="#32a054"
data-off-background-color="#32a054"
class="big-3">
</div>
</div>
<div class="inline left-space-2x">
<div data-type="switch"
data-device="HEOSPlayer128837057"
data-get="mute"
data-set="mute"
data-states='["on","off"]'
data-background-icon="fa-circle-thin"
data-icons='["fa-volume-off","fa-volume-up"]'
data-background-colors='["#ff0000","#32a054"]'
                 data-on-background-color="#32a054"
                 data-off-background-color="#ff0000"
class="big-3">
</div>
</div>
</div>
         </section>

RaspberryPi2 / FHEM / 3 Wand-Tablets mit Tablet UI / HM USB / verschiedene HM-Aktoren / JeeLink USB für WS1600 und mehrere LaCrosse Sensoren / HEOS ...

Kusselin

will ja jetzt kein Klugscheisser sein wie manche hier..aber setze dein HTML bitte in Code Tags bzw. setze den /code


Gruss

Kusselin

ich gehe mal davon aus das dein HEOS AMP der AVR ist und der HEOS 1 HS2 ne Box ist ...richtig?

Depechem

HEOS 1 HS 2
       <section>
<header class="center-align bold big-3" >Multiroom BÜRO</header>
<div class="hbox top-space">
<div data-type="label"
data-device="HEOSPlayer512565195"
data-get="currentStation"
data-off-color="#32a054"
data-color="#008744"
class="inline middle bold big-3">
</div>
</div>
         </section>
        <section>
<div class="inline middle-space">
<div class="inline left">
<div data-type="popup"
data-height="440px"
data-width="335px"
class="inline">
<div data-type="push"
data-icon="fa-bars"
                    data-on-color="#aa6900"
                    data-on-background-color="green"
                    data-off-background-color="green"
class="right-space-2x big-3">
</div>
<div class="dialog dialogTransparent">
<header class="dialogheaderTransparent">SENDERAUSWAHL BÜRO</header>
<div class="top-space left">
    <div class="inline left-space bold big-5">1. MDR-Sach
<div onclick="ftui.setFhemStatus('setreading Multiroomradio_Buero_IMG_dummy now_playing_img ./images/MDR-Sachsen.png; set HEOSPlayer512565195 channel 1');$('.dialog-close').trigger('click');"
data-type="image"
data-url="./images/MDR-Sachsen.png"
data-size="80"
data-opacity="1"
class="">
</div>
<div data-type="label"
class="">&nbsp;
</div>
</div>
    <div class="inline left-space bold big-5">2. MDR-Jump
<div onclick="ftui.setFhemStatus('setreading Multiroomradio_Buero_IMG_dummy now_playing_img ./images/MDR-Jump.png; set HEOSPlayer512565195 channel 2');$('.dialog-close').trigger('click');"
data-type="image"
data-url="./images/MDR-Jump.png"
data-size="80"
data-opacity="1"
class="">
</div>
<div data-type="label"
class="">&nbsp;
</div>
</div>
    <div class="inline left-space bold big-5">3. Radio-Dres
<div onclick="ftui.setFhemStatus('setreading Multiroomradio_Buero_IMG_dummy now_playing_img ./images/Radio-Dresden.png; set HEOSPlayer512565195 channel 3');$('.dialog-close').trigger('click');"
data-type="image"
data-url="./images/Radio-Dresden.png"
data-size="80"
data-opacity="1"
class="">
</div>
<div data-type="label"
class="">&nbsp;
</div>
</div>
</div>
<div class="top-space left">
    <div class="inline left-space bold big-5">4. Hit-RTL
<div onclick="ftui.setFhemStatus('setreading Multiroomradio_Buero_IMG_dummy now_playing_img ./images/HitradioRTL.png; set HEOSPlayer512565195 channel 4');$('.dialog-close').trigger('click');"
data-type="image"
data-url="./images/HitradioRTL.png"
data-size="80"
data-opacity="1"
class="">
</div>
<div data-type="label"
class="">&nbsp;
</div>
</div>
<div class="inline left-space bold big-5">5. Energy
<div onclick="ftui.setFhemStatus('setreading Multiroomradio_Buero_IMG_dummy now_playing_img ./images/Energy-Sachsen.png; set HEOSPlayer512565195 channel 5');$('.dialog-close').trigger('click');"
data-type="image"
data-url="./images/Energy-Sachsen.png"
data-size="80"
data-opacity="1"
class="">
</div>
<div data-type="label"
class="">&nbsp;
</div>
</div>
<div class="inline left-space bold big-5">6. TOP100
<div onclick="ftui.setFhemStatus('setreading Multiroomradio_Buero_IMG_dummy now_playing_img ./images/Top100Station.png; set HEOSPlayer512565195 channel 6');$('.dialog-close').trigger('click');"
data-type="image"
data-url="./images/Top100Station.png"
data-size="80"
data-opacity="1"
class="">
</div>
<div data-type="label"
class="">&nbsp;
</div>
</div>
</div>
<div class="top-space left">
<div class="inline left-space bold big-5">7. Sport-1FM
<div onclick="ftui.setFhemStatus('setreading Multiroomradio_Buero_IMG_dummy now_playing_img ./images/Sport1FM.png; set HEOSPlayer512565195 channel 7');$('.dialog-close').trigger('click');"
data-type="image"
data-url="./images/Sport1FM.png"
data-size="80"
data-opacity="1"
class="">
</div>
<div data-type="label"
class="">&nbsp;
</div>
</div>
<div class="inline left-space bold big-5">8. Sunshine
<div onclick="ftui.setFhemStatus('setreading Multiroomradio_Buero_IMG_dummy now_playing_img ./images/sunshine_live.png; set HEOSPlayer512565195 channel 8');$('.dialog-close').trigger('click');"
data-type="image"
data-url="./images/sunshine_live.png"
data-size="80"
data-opacity="1"
class="">
</div>
<div data-type="label"
class="">&nbsp;
</div>
</div>
<div class="inline left-space bold big-5">9. Kinderradio
<div onclick="ftui.setFhemStatus('setreading Multiroomradio_Buero_IMG_dummy now_playing_img ./images/Kinderradio.png; set HEOSPlayer512565195 channel 9');$('.dialog-close').trigger('click');"
data-type="image"
data-url="./images/Kinderradio.png"
data-size="80"
data-opacity="1"
class="">
</div>
<div data-type="label"
class="">&nbsp;
</div>
</div>
<div class="inline left-space bold big-5">10. RADIO-BOB!
<div onclick="ftui.setFhemStatus('setreading Multiroomradio_Buero_IMG_dummy now_playing_img ./images/Radio-BOB.png; set HEOSPlayer512565195 channel 10');$('.dialog-close').trigger('click');"
data-type="image"
data-url="./images/Radio-BOB.png"
data-size="80"
data-opacity="1"
class="">
</div>
<div data-type="label"
class="">&nbsp;
</div>
</div>
<div class="inline left-space bold big-5">11. MDR-Jump-Mix
<div onclick="ftui.setFhemStatus('setreading Multiroomradio_Buero_IMG_dummy now_playing_img ./images/MDR-Jump-Mix.png; set HEOSPlayer512565195 channel 11');$('.dialog-close').trigger('click');"
data-type="image"
data-url="./images/MDR-Jump-Mix.png"
data-size="80"
data-opacity="1"
class="">
</div>
<div data-type="label"
class="">&nbsp;
</div>
</div>
<div class="inline left-space bold big-5">12. R.SA Live
<div onclick="ftui.setFhemStatus('setreading Multiroomradio_Buero_IMG_dummy now_playing_img ./images/R.SA-Live.png; set HEOSPlayer512565195 channel 12');$('.dialog-close').trigger('click');"
data-type="image"
data-url="./images/R.SA-Live.png"
data-size="80"
data-opacity="1"
class="">
</div>
<div data-type="label"
class="">&nbsp;
</div>
</div>
</div>
</div>
</div>
</div>
<div class="inline left">
<div data-type="switch"
data-device="HEOSPlayer512565195"
data-get="playStatus"
data-set-on="play"
data-set-off="stop"
data-get-on="play"
data-get-off="stop"
                data-states='["play","stop"]'
data-icons='["fa-play","fa-power-off"]'
data-colors='["#00ff00","red"]'
                data-on-color="#01DF01"
                data-off-color="#8C8C8C"
                data-background-colors='["#00ff00","#32a054"]'
data-background-icon="fa-circle-thin"
class="right-space-2x big-3">
</div>
</div>

<div class="inline left-space">
<div data-type="popup"
data-height="150px"
data-width="150px"
class="">
<div data-type="image"
data-device="Multiroomradio_Buero_IMG_dummy"
data-get="now_playing_img"
data-size="62"
class="left-narrow">
</div>
</div>
</div>

</div>
         </section>

         <section>
<div class="inline middle-space">
<div class="inline left space">
<div data-type="push"
data-device="HEOSPlayer512565195"
data-set-on="volumeDown 3"
data-cmd="set"
data-icon="fa-volume-down"
data-on-color="#ad3333"
data-on-background-color="#ad3333"
data-off-color="#32a054"
data-off-background-color="#32a054"
class="big-3">
</div>
</div>
<div class="inline left top-space">
<div data-type="label"
data-device="HEOSPlayer512565195"
data-get="volume"
data-fix="0"
data-off-color="#32a054"
data-color="#32a054"
data-unit="db"
class="big-1">
</div>
</div>
<div class="inline left">
<div data-type="push"
data-device="HEOSPlayer512565195"
data-set-on="volumeUp 3"
data-cmd="set"
data-icon="fa-volume-up"
data-on-color="#ad3333"
data-on-background-color="#ad3333"
data-off-color="#32a054"
data-off-background-color="#32a054"
class="big-3">
</div>
</div>
<div class="inline left-space-2x">
<div data-type="switch"
data-device="HEOSPlayer512565195"
data-get="mute"
data-set="mute"
data-states='["on","off"]'
data-background-icon="fa-circle-thin"
data-icons='["fa-volume-off","fa-volume-up"]'
data-background-colors='["#ff0000","#32a054"]'
                 data-on-background-color="#32a054"
                 data-off-background-color="#ff0000"
class="big-3">
</div>
</div>
</div>
         </section>
RaspberryPi2 / FHEM / 3 Wand-Tablets mit Tablet UI / HM USB / verschiedene HM-Aktoren / JeeLink USB für WS1600 und mehrere LaCrosse Sensoren / HEOS ...

Depechem

Zitat von: Kusselin am 31 August 2020, 22:14:48
will ja jetzt kein Klugscheisser sein wie manche hier..aber setze dein HTML bitte in Code Tags bzw. setze den /code


Gruss
der Code ist zu lang daher wurden die Tags automatisch entfernt. ich nutze nun mehrere Tags
RaspberryPi2 / FHEM / 3 Wand-Tablets mit Tablet UI / HM USB / verschiedene HM-Aktoren / JeeLink USB für WS1600 und mehrere LaCrosse Sensoren / HEOS ...