[FHEM-Tablet-UI] User-Demos

[arosswog]

Danke schön; Code-Paket hängt an meinem initialen Post; bei Fragen hierzu bitte einfach kurz melden.

[lewej]

In der CSS fehlt noch ein !important;
Das hatte ich vorhin noch schnell gefixed.
Also, noch ein Update holen, dann klappt es.

Hi,

das Menü klappt sich jetzt ein, nur es zerreist das Menü etwas. Auf dem Ipad Air in Hoch klappt es nicht.

[lewej]

Inspiriert von der Community in diesem Sub-Forum und als begeisterter FAN von der FHEM/Tablet-UI Kombination habe ich dieses Frontend-Framework schon seit vielen Monaten zur vollsten Zufriedenheit im Einsatz. Stellte mich anfangs die klassischen Farbkombinationsansätze der bestehenden, bereitgestellten User-Demos (schwarz/orange) noch zufrieden, habe ich mich irgendwann mal daran satt gesehen. Was Neues musste her.

Völlig begeistert hat mich der HEIMA-Ansatz welcher stark meine Vorstellung eines Visualierungs-Designs entsprochen hat, nur wie umsetzen mit zwei linken HTML/CSS Händen.

So habe ich mich dran gemacht, mit der Umsetzung zu beginnen (glücklicherweise verfolgten einige Foren-Mitglieder einen ähnlichen Ansatz, so konnte ich mich da auch am Code bedienen, danke hierfür). Ziel war es, etwas HEIMA ähnliches aufzubauen, was einen hohen WAF-Faktor haben muss und in die Stilrichtung "Apple" geht.

Das Ergebnis möchte ich Euch heute präsentieren (bitte zerreisst es nicht in der Luft, wie gesagt, ich habe meine Stärken in anderen Bereichen der IT, HTML/CSS gehört nicht dazu).

Kurz zu meinem Setup:

- MacMini mit esxI und einer virtualisierten Debian Instanz auf der FHEM läuft
- auf der gleichen Instanz läuft noch Zoneminder zur Anbindung meiner Kameras (aufgrund der Vielzahl von Endgeräten musste ich diese Zwischeninstanz einbinden, da die Direktzugriffe auf die Kameras zur Visualisierung negativen Einfluss hatten, so habe ich nur ZM für den Zugriff auf die Kameras, und die iPads bedienen sich dann bei ZM)
- Sonos 1 in allen relevanten Zimmern
- HomeMatic-Heizkörperthermostate
- HomeMatic-Fenstersensoren
- HomeMatic-LAN-Adapter
- Temperatur/Luffeuchte Sensoren über Jeelink
- PCA301 Strommesser und Schalter über Jeelink
- FritzBox angebunden
- 6 iPads (ältere Generation (3/4) über eBay geschossen) in den Zimmern an der Wand oder auf den Nachttischen verteilt

Noch offene Punkte die ich angehen möchte:
- Info-Fenster im oberen Teil für Statusnachrichten (Anruf, sonstige Warnmeldungen, Fenster offen, etc.)
- Einstellungen Seite
- Einbindung von personifizierten Seiten für die Kinder (Stundenplan der Schule, Vertretungsplan der Schule, Kalender vom OSX-Server, etc.)

Wenn Interesse besteht kann ich gerne den bisherigen Code posten, wer an der Weiterentwicklung mitarbeiten möchte, ich würde mich riesig freuen.

Viele Grüße,
Alex

Hallo Alex,

könntest du noch deine CSS anhängen?

Grüße
lewej

[TWART016]

Hallo,

ab einer bestimmten Pixelbreite werden die Icons weiter rechts angezeigt. Wie kann dies deaktivert werden bzw. vereinheitlicht?

Wie kann die Formatierung besser wie mit <div class="left"> durchgeführt werden?

Code Auswählen Erweitern

<header id="header-nav" class="bg-darkgray fixed row">
<div class="left">
<div data-type="slideout" class="col-1-2 big notouch" data-icon-color="white"></div>
<div id="linkname" class="col-1-2 big bold middle"></div>

</div>
</header>

<main id="panel" class="">
<div class="page" id="m_Dashboard"></div>
<div class="page" id="m_Wohnzimmer"></div>
<div class="page" id="m_Schlafzimmer"></div>
<div class="page" id="m_Hobbyzimmer"></div>
<div class="page" id="m_Kueche"></div>
<div class="page" id="m_Wetter"></div>
<div class="page" id="m_Einstellungen"></div>
</main>


Gruß
TWART016

[Florian_GT]

Immer noch work in progress, ich spiele grade als Laie noch etwas mit den Material Design Guidlines rum. Ausserdem will ich die Graphen von Grafana mehr nutzen, hab davon bereits eine Seite vorbereitet um die Infrastruktur Graphen darzustellen.

Wie bindest du die Graphana Grafiken ein? Einfach per Frame oder als Bild oder wie?

[hillbicks]

Wie bindest du die Graphana Grafiken ein? Einfach per Frame oder als Bild oder wie?

Habe sie als Iframe eingebunden, da ich allerdings nachwievor Probleme mit dem iframe widget habe (No 'Access-Control-Allow-Origin' header is present) habe ich es "direkt" per iframe gemacht.

Das hat allerdings den Nachteil das ich die grafana Unterseite direkt laden muss also indexz.html#wz_grafana.html, ansonsten sind die Graphen leer. Hab es jetzt im Moment so geloest und scheint zu funktionieren.

Code Auswählen Erweitern

<li data-row="2" data-col="1" data-sizex="8" data-sizey="2">
<br>
            <div class"top-space" data-refresh="60">
            <iframe src="http://172.16.39.10/grafana/dashboard-solo/db/schocklel-net?editorTab=General&panelId=17&theme=light" width="450" height="200" frameborder="0"></iframe>
            <iframe src="http://172.16.39.10/grafana/dashboard-solo/db/schocklel-net?theme=light&panelId=2&editorTab=General" width="450" height="200" frameborder="0"></iframe>
            </div>
        </li>


[Andy89]

Servus,
heute hab ich mal viel Zeit investiert und meine mobile Seite noch einmal angepasst und die Idee von Björn(https://forum.fhem.de/index.php/topic,37378.msg499559.html#msg499559) eingebaut. Habe nun statt drei verschiedenen Seiten(Fenster, Temperatur, Heizung) eine einzige Seite. Das Menü habe ich auch minimal angepasst, um für 4 Symbole die Warn-Zahlen zu sehen.
im Anhang hab ich die Arbeit mal angehängt

Beste Grüße und schönes Weekend
Andy

[Florian_GT]

Habe sie als Iframe eingebunden, da ich allerdings nachwievor Probleme mit dem iframe widget habe (No 'Access-Control-Allow-Origin' header is present) habe ich es "direkt" per iframe gemacht.

Das hat allerdings den Nachteil das ich die grafana Unterseite direkt laden muss also indexz.html#wz_grafana.html, ansonsten sind die Graphen leer. Hab es jetzt im Moment so geloest und scheint zu funktionieren.

Code Auswählen Erweitern

<li data-row="2" data-col="1" data-sizex="8" data-sizey="2">
<br>
            <div class"top-space" data-refresh="60">
            <iframe src="http://172.16.39.10/grafana/dashboard-solo/db/schocklel-net?editorTab=General&panelId=17&theme=light" width="450" height="200" frameborder="0"></iframe>
            <iframe src="http://172.16.39.10/grafana/dashboard-solo/db/schocklel-net?theme=light&panelId=2&editorTab=General" width="450" height="200" frameborder="0"></iframe>
            </div>
        </li>


Warum keine Datenbank wie pgSQL und dann das Grafik Widget?

[Masterfunk]

Hier mal mein aktueller stand.
Da ist noch was zu tun...

[jnewton957]

Hier mal mein aktueller stand.
Da ist noch was zu tun...

Respekt !!!!!!!



Gesendet von meinem SM-T800 mit Tapatalk

[50watt]

@Masterfunk: könntest du die Dateien zu deiner Sonos/Media-Seite zur Verfügung stellen - die ist das Beste, das ich dazu je gesehen habe!

[Masterfunk]

Gerne.
Sind aber einige Dinge auf fhem Seite nötig.
Werde mal alles zusammen suchen und es dann posten.

Hier schon mal die html Seite.

Gruß Detlef

[Masterfunk]

Hier noch ein List vom Device (Kueche).

Code Auswählen Erweitern

Internals:
   DEF        RINCON_000E58F171D401400_MR
   NAME       Sonos_Kueche
   NR         385
   NTFY_ORDER 50-Sonos_Kueche
   STATE      appeared
   TYPE       SONOSPLAYER
   UDN        RINCON_000E58F171D401400_MR
   Readings:
     2016-11-13 18:01:38   AlarmList       {}
     2016-11-13 18:01:38   AlarmListIDs
     2016-11-13 18:01:38   AlarmListVersion RINCON_000E58A9E70A01400:32
     2016-10-24 21:26:52   AlarmRunning    0
     2016-10-24 21:26:52   AlarmRunningID
     2016-10-24 21:26:49   Balance         0
     2016-10-24 21:26:55   Bass            0
     2016-10-24 21:26:52   CrossfadeMode   0
     2016-10-24 21:26:55   DailyIndexRefreshTime 02:00:00
     2016-11-05 17:10:39   FavTabletUI     A Night In Monte-Carlo:Afrodeezia:Avishai Cohen - At Home:Between The Sheets:Blackmagic:Dein Mix der Woche:Dein Mix der Woche Andrea:Everything Must Go:Funk This:Ganz Schön:Lazy Afternoon:M2 [Limited Edition]:Renaissance:The Best Of:The Best Of Fourplay:The Song Remains The Same:Then And Now:Unlimited:Wojtek Pilichowski - Wojtek Pilichowski:Yesterday I Had The Blues - The Music Of Billie Holiday
     2016-11-05 17:10:24   Favourites      {'FV:2/122' => {'Title' => 'Yesterday I Had The Blues - The Music Of Billie Holiday','Cover' => '/fhem/sonos/proxy/aa?url=https%3A%2F%2Fd3rt1990lpmkn.cloudfront.net%2Foriginal%2Ffe28573e73d5afd5f50e03a850e1d3e6fc169ab8'},'FV:2/128' => {'Title' => 'Ganz Schön','Cover' => '/fhem/sonos/proxy/aa?url=https%3A%2F%2Fd3rt1990lpmkn.cloudfront.net%2F300%2Fec1d6c956767eb9515583963865beb314f6bdf8639ec2393b4d778d978e3e617af06c89e3e6b09f512a0b4ac00f7920fbe598437efa4d0d656b53eb521eadd1da43020f484d6aea61321999b64ca0fc8'},'FV:2/142' => {'Title' => 'A Night In Monte-Carlo','Cover' => '/fhem/sonos/proxy/aa?url=http%3A%2F%2F192.168.10.150%3A1400%2Fgetaa%3Fu%3Dx-file-cifs%253a%252f%252fDS%252fMusik%252fMusik%252fMarcus%2520Miller%252fA%2520Night%2520In%2520Monte-Carlo%252f01%2520-%2520Marcus%2520Miller%2520-%2520Blast%21.mp3%26amp%3Bv%3D141'},'FV:2/131' => {'Title' => 'Dein Mix der Woche','Cover' => '/fhem/sonos/proxy/aa?url=https%3A%2F%2Fd3rt1990lpmkn.cloudfront.net%2F300%2Fd2c8bb1d43df19d7e36fe344783221a81ebee789'},'FV:2/121' => {'Title' => 'Afrodeezia','Cover' => '/fhem/sonos/proxy/aa?url=http%3A%2F%2F192.168.10.150%3A1400%2Fgetaa%3Fu%3Dx-file-cifs%253a%252f%252fDS%252fMusik%252fMusik%252fMarcus%2520Miller%252fAfrodeezia%252f01.%2520Hylife.mp3%26amp%3Bv%3D141'},'FV:2/114' => {'Title' => 'Between The Sheets','Cover' => '/fhem/sonos/proxy/aa?url=https%3A%2F%2Fd3rt1990lpmkn.cloudfront.net%2Foriginal%2F0b9380d48cbc52ef5fcac9f6b3274ad1fc5cfa72'},'FV:2/110' => {'Title' => 'Unlimited','Cover' => '/fhem/sonos/proxy/aa?url=https%3A%2F%2Fd3rt1990lpmkn.cloudfront.net%2Foriginal%2F8f8526d7460565e067b0a7fb0dad2b794224910b'},'FV:2/112' => {'Title' => 'Then And Now','Cover' => '/fhem/sonos/proxy/aa?url=https%3A%2F%2Fd3rt1990lpmkn.cloudfront.net%2Foriginal%2F7a9c87b82e3ab6aae2b783b5472d9f2c9665d10a'},'FV:2/120' => {'Title' => 'Renaissance','Cover' => '/fhem/sonos/proxy/aa?url=http%3A%2F%2F192.168.10.150%3A1400%2Fgetaa%3Fu%3Dx-file-cifs%253a%252f%252fDS%252fMusik%252fMusik%252fMarcus%2520Miller%252fRenaissance%252f01%2520-%2520Marcus%2520Miller%2520-%2520Detroit.mp3%26amp%3Bv%3D141'},'FV:2/132' => {'Title' => 'The Best Of Fourplay','Cover' => '/fhem/sonos/proxy/aa?url=https%3A%2F%2Fd3rt1990lpmkn.cloudfront.net%2Foriginal%2F29381a54fdce0d7f2a83c705493e60353ff579af'},'FV:2/108' => {'Title' => 'Lazy Afternoon','Cover' => '/fhem/sonos/proxy/aa?url=https%3A%2F%2Fd3rt1990lpmkn.cloudfront.net%2Foriginal%2Fdee3a10f03c00f24e77acf281e49a42658e3ca34'},'FV:2/123' => {'Title' => 'Blackmagic','Cover' => '/fhem/sonos/proxy/aa?url=https%3A%2F%2Fd3rt1990lpmkn.cloudfront.net%2Foriginal%2Fd5a214304532b4b62ec53cc321e4a4d23f58a811'},'FV:2/137' => {'Title' => 'Dein Mix der Woche Andrea','Cover' => '/fhem/sonos/proxy/aa?url=https%3A%2F%2Fd3rt1990lpmkn.cloudfront.net%2F300%2Fb41a8e1e39dd31e2ee43d04b609dddd90691b954'},'FV:2/138' => {'Title' => 'Everything Must Go','Cover' => '/fhem/sonos/proxy/aa?url=https%3A%2F%2Fd3rt1990lpmkn.cloudfront.net%2Foriginal%2F3b460a9ebda358229acf6f67b23040313a606dcb'},'FV:2/107' => {'Title' => 'M2 [Limited Edition]','Cover' => '/fhem/sonos/proxy/aa?url=http%3A%2F%2F192.168.10.150%3A1400%2Fgetaa%3Fu%3Dx-file-cifs%253a%252f%252fDS%252fMusik%252fMusik%252fMarcus%2520Miller%252fM%25c2%25b2%2520%255bLimited%2520Edition%255d%252fMarcus%2520Miller%2520-%2520Power.mp3%26amp%3Bv%3D141'},'FV:2/143' => {'Title' => 'Avishai Cohen - At Home','Cover' => '/fhem/sonos/proxy/aa?url=http%3A%2F%2F192.168.10.150%3A1400%2Fgetaa%3Fu%3Dx-file-cifs%253a%252f%252fDS%252fMusik%252fMusik%252fAvishai%2520Cohen%252fAt%2520Home%252f01%2520Feediop.mp3%26amp%3Bv%3D141'},'FV:2/109' => {'Title' => 'Funk This','Cover' => '/fhem/sonos/proxy/aa?url=https%3A%2F%2Fd3rt1990lpmkn.cloudfront.net%2Foriginal%2F892e329f0877a9536935c81f70206d8a77a8c6f4'},'FV:2/113' => {'Title' => 'The Best Of','Cover' => '/fhem/sonos/proxy/aa?url=https%3A%2F%2Fd3rt1990lpmkn.cloudfront.net%2Foriginal%2Fe37453904ae1a7e3e92f7222e0a9fdd285052db9'},'FV:2/115' => {'Title' => 'The Song Remains The Same','Cover' => '/fhem/sonos/proxy/aa?url=https%3A%2F%2Fd3rt1990lpmkn.cloudfront.net%2Foriginal%2F5cbc901e77a03044834c96c81711a1c83a656a8a'},'FV:2/130' => {'Title' => 'Wojtek Pilichowski - Wojtek Pilichowski','Cover' => '/fhem/sonos/proxy/aa?url=https%3A%2F%2Fd3rt1990lpmkn.cloudfront.net%2F300%2F7b4a97c436e55771195c139d69d0e1a7653985b6'}}
     2016-11-05 17:09:59   FavouritesVersion RINCON_000E58F171D401400,269
     2016-11-13 22:58:38   GroupMute       0
     2016-11-13 22:58:16   GroupVolume     17
     2016-10-24 21:26:52   HeadphoneConnected 0
     2016-10-24 21:26:49   IsMaster        1
     2016-11-13 22:58:38   LastActionResult SetGroupMute: off
     2016-10-24 21:26:55   Loudness        1
     2016-10-24 21:26:49   MasterPlayer    Sonos_Kueche
     2016-11-13 22:58:38   Mute            0
     2016-10-24 21:26:55   OutputFixed     0
     2016-11-05 17:10:40   PlayTabletUI    Amy:Benson:Best ever:Bluey:Chaka:Chic def. Groove:Feliz:Fourplay:Funky Jazz:George Duke:Grace Jones:Hdw:Jazz Instruments:KU_TMP:Light of the World:Liquid Spirit:Lizzy:MDW_KW1_2016:Maiden:Mark Ronson:Mdw5:My Favorite:Nicole Henry:Night:Omar:Paul Hardcastle:Pilichowski:Prince:Propellorheads:Rag Doll:Save_BZ:Save_KU:Save_SZ:Save_WZ:Shakatak:Smooth:Snarky Puppy2:Snarky puppy:Starred:Sunday:The Who
     2016-11-05 17:10:39   Playlists       {'SQ:57' => {'Title' => 'My Favorite','Cover' => '/fhem/sonos/proxy/aa?url=https%3A%2F%2Fi.scdn.co%2Fimage%2F65e2d740808d52eafe188e38a31897e696e27b9d'},'SQ:53' => {'Title' => 'Chic def. Groove','Cover' => '/fhem/sonos/proxy/aa?url=https%3A%2F%2Fi.scdn.co%2Fimage%2F9847a36d46e0bd2a458603c5a52eb13784494ee8'},'SQ:58' => {'Title' => 'Funky Jazz','Cover' => '/fhem/sonos/proxy/aa?url=https%3A%2F%2Fi.scdn.co%2Fimage%2Fbdad34f6dcb494b787b62847b09ee8e99c610b32'},'SQ:5' => {'Title' => 'Smooth','Cover' => '/fhem/sonos/proxy/aa?url=http%3A%2F%2F192.168.10.150%3A1400%2Fgetaa%3Fu%3Dx-file-cifs%253a%252f%252fDS%252fMusik%252fMusik%252fThe%2520Rebirth%252fThe%2520Rebirth%2520-%2520This%2520Journey%2520in.mp3%26amp%3Bv%3D141'},'SQ:24' => {'Title' => 'The Who','Cover' => '/fhem/sonos/proxy/aa?url=https%3A%2F%2Fi.scdn.co%2Fimage%2Fbf871cbcd36c843b8423344d7c3494851700c553'},'SQ:47' => {'Title' => 'Fourplay','Cover' => '/fhem/sonos/proxy/aa?url=https%3A%2F%2Fi.scdn.co%2Fimage%2Fe4b5fc033b2d0489902a583d95956d86163c0df0'},'SQ:11' => {'Title' => 'George Duke','Cover' => '/fhem/sonos/proxy/aa?url=https%3A%2F%2Fi.scdn.co%2Fimage%2Fcebcb5a362039c2815c64efb84fe4489f75907d7'},'SQ:9' => {'Title' => 'Best ever','Cover' => '/fhem/sonos/proxy/aa?url=https%3A%2F%2Fi.scdn.co%2Fimage%2F4601f6f1e000040b2d357a4581a34484e6e2ced7'},'SQ:126' => {'Title' => 'Save_WZ','Cover' => '/fhem/sonos/proxy/aa?url=https%3A%2F%2Fi.scdn.co%2Fimage%2Ffcf49eb21c0f90e6c48456f5b659f1f71356942f'},'SQ:12' => {'Title' => 'Sunday','Cover' => '/fhem/sonos/proxy/aa?url=https%3A%2F%2Fi.scdn.co%2Fimage%2F690e804668b65fe0e6a6ad77fc7aa0c5042aec87'},'SQ:43' => {'Title' => 'Liquid Spirit','Cover' => '/fhem/sonos/proxy/aa?url=https%3A%2F%2Fi.scdn.co%2Fimage%2F232c3d48bec320e7d6850b4c34462eba39e3f494'},'SQ:128' => {'Title' => 'Jazz Instruments','Cover' => '/fhem/sonos/proxy/aa?url=http%3A%2F%2F192.168.10.150%3A1400%2Fgetaa%3Fu%3Dx-file-cifs%253a%252f%252fDS%252fMusik%252fMusik%252fVarious%2520Artists%252fJazz%2520Instruments%2520%255bDisc%25201%255d%252f1-01%2520Royal%2520Garden%2520Blues.mp3%26amp%3Bv%3D141'},'SQ:74' => {'Title' => 'Mdw5','Cover' => '/fhem/sonos/proxy/aa?url=https%3A%2F%2Fi.scdn.co%2Fimage%2F606e9024988661e33632d8d8a06f5a1ac9f49c28'},'SQ:127' => {'Title' => 'Save_BZ','Cover' => '/fhem/sonos/proxy/aa?url=http%3A%2F%2F192.168.10.150%3A1400%2Fgetaa%3Fu%3Dx-file-cifs%253a%252f%252fDS%252fMusik%252fMusik%252fMarcus%2520Miller%252fA%2520Night%2520In%2520Monte-Carlo%252f01%2520-%2520Marcus%2520Miller%2520-%2520Blast%21.mp3%26amp%3Bv%3D141'},'SQ:50' => {'Title' => 'Benson','Cover' => '/fhem/sonos/proxy/aa?url=https%3A%2F%2Fi.scdn.co%2Fimage%2Ff1e1f17542a0789a84e374d5db5fc25ca161916f'},'SQ:64' => {'Title' => 'Light of the World','Cover' => '/fhem/sonos/proxy/aa?url=http%3A%2F%2F192.168.10.150%3A1400%2Fgetaa%3Fu%3Dx-file-cifs%253a%252f%252fDS%252fMusik%252fMusik%252fLight%2520Of%2520The%2520World%252fAnthology%2520Addicted%2520to%2520Funk%2520-%2520CD1%252f01.%2520Swingin%26apos%3B.mp3%26amp%3Bv%3D141'},'SQ:125' => {'Title' => 'Save_SZ','Cover' => '/fhem/sonos/proxy/aa?url=https%3A%2F%2Fi.scdn.co%2Fimage%2Fec1d6c956767eb9515583963865beb314f6bdf86'},'SQ:45' => {'Title' => 'Omar','Cover' => '/fhem/sonos/proxy/aa?url=https%3A%2F%2Fi.scdn.co%2Fimage%2F5792f7705f9ed18e819fed3ff632c92800ddb752'},'SQ:21' => {'Title' => 'Mark Ronson','Cover' => '/fhem/sonos/proxy/aa?url=https%3A%2F%2Fi.scdn.co%2Fimage%2F77469465db1f618941285359fc3596601859566b'},'SQ:72' => {'Title' => 'Snarky Puppy2','Cover' => '/fhem/sonos/proxy/aa?url=https%3A%2F%2Fi.scdn.co%2Fimage%2Ffe002691f028aab0f1971d97e74000a079e15690'},'SQ:71' => {'Title' => 'Shakatak','Cover' => '/fhem/sonos/proxy/aa?url=https%3A%2F%2Fi.scdn.co%2Fimage%2F715119e4cdcc70f23e670743423096d4823a91ff'},'SQ:77' => {'Title' => 'MDW_KW1_2016','Cover' => '/fhem/sonos/proxy/aa?url=https%3A%2F%2Fi.scdn.co%2Fimage%2Ffeaaed5bb7772570e708dd0967a8980b02158548'},'SQ:60' => {'Title' => 'Propellorheads','Cover' => '/fhem/sonos/proxy/aa?url=https%3A%2F%2Fi.scdn.co%2Fimage%2F119051266c1638d9b39928eaf8bdf90d3813838d'},'SQ:63' => {'Title' => 'Amy','Cover' => '/fhem/sonos/proxy/aa?url=http%3A%2F%2F192.168.10.150%3A1400%2Fgetaa%3Fu%3Dx-file-cifs%253a%252f%252fDS%252fMusik%252fMusik%252fAmy%2520Winehouse%252fFrank%2520%28Deluxe%2520Edition%29%2520CD1%252f01%2520-%2520Amy%2520Winehouse%2520-%2520%2520Stronger%2520Than%2520Me.mp3%26amp%3Bv%3D141'},'SQ:51' => {'Title' => 'Lizzy','Cover' => '/fhem/sonos/proxy/aa?url=https%3A%2F%2Fi.scdn.co%2Fimage%2F39ec2393b4d778d978e3e617af06c89e3e6b09f5'},'SQ:70' => {'Title' => 'Feliz','Cover' => '/fhem/sonos/proxy/aa?url=https%3A%2F%2Fi.scdn.co%2Fimage%2F1419729e219d5bef52a58bcdc25f5dd0fd1e37c8'},'SQ:67' => {'Title' => 'Grace Jones','Cover' => '/fhem/sonos/proxy/aa?url=https%3A%2F%2Fi.scdn.co%2Fimage%2Fa2fdd5d442a486859b8d219027da971fa56a4509'},'SQ:76' => {'Title' => 'Hdw','Cover' => '/fhem/sonos/proxy/aa?url=https%3A%2F%2Fi.scdn.co%2Fimage%2Fe8442f6268bdb389622606a7dd0f3fddefde2deb'},'SQ:25' => {'Title' => 'Nicole Henry','Cover' => '/fhem/sonos/proxy/aa?url=https%3A%2F%2Fi.scdn.co%2Fimage%2Febde492ff6fa41ffd66dc8ee48141593266f6a0d'},'SQ:124' => {'Title' => 'Save_KU','Cover' => '/fhem/sonos/proxy/aa?url=http%3A%2F%2F192.168.10.150%3A1400%2Fgetaa%3Fu%3Dx-file-cifs%253a%252f%252fDS%252fMusik%252fMusik%252fAvishai%2520Cohen%252fAt%2520Home%252f01%2520Feediop.mp3%26amp%3Bv%3D141'},'SQ:13' => {'Title' => 'Starred','Cover' => '/fhem/sonos/proxy/aa?url=https%3A%2F%2Fi.scdn.co%2Fimage%2F6c31a57b729a9431cc90c245d6bcd893ef409c0e'},'SQ:54' => {'Title' => 'Prince','Cover' => '/fhem/sonos/proxy/aa?url=https%3A%2F%2Fi.scdn.co%2Fimage%2F3cb28ba4cf8296dc690a7c559ac2c92b4ca692a6'},'SQ:59' => {'Title' => 'Paul Hardcastle','Cover' => '/fhem/sonos/proxy/aa?url=https%3A%2F%2Fi.scdn.co%2Fimage%2F8be608bf4e6511134d2947f0b4bd40390afa0411'},'SQ:87' => {'Title' => 'KU_TMP','Cover' => '/fhem/sonos/proxy/aa?url=https%3A%2F%2Fi.scdn.co%2Fimage%2F9847a36d46e0bd2a458603c5a52eb13784494ee8'},'SQ:56' => {'Title' => 'Rag Doll','Cover' => '/fhem/sonos/proxy/aa?url=https%3A%2F%2Fi.scdn.co%2Fimage%2F7defc4bb807ef42fb8e8048ad2c3c9ec19e1d149'},'SQ:69' => {'Title' => 'Snarky puppy','Cover' => '/fhem/sonos/proxy/aa?url=https%3A%2F%2Fi.scdn.co%2Fimage%2Fc71cd70828cfc639ee0d4575d2a1c925558a9388'},'SQ:62' => {'Title' => 'Pilichowski','Cover' => '/fhem/sonos/proxy/aa?url=https%3A%2F%2Fi.scdn.co%2Fimage%2F7b4a97c436e55771195c139d69d0e1a7653985b6'},'SQ:55' => {'Title' => 'Maiden','Cover' => '/fhem/sonos/proxy/aa?url=https%3A%2F%2Fi.scdn.co%2Fimage%2Fc6f77c4c1f2ba8f6927adf628ffcc9b1de7f3e96'},'SQ:79' => {'Title' => 'Bluey','Cover' => '/fhem/sonos/proxy/aa?url=https%3A%2F%2Fi.scdn.co%2Fimage%2F6043b86f1b94876b113a6a050e0c7120d9673217'},'SQ:6' => {'Title' => 'Chaka','Cover' => '/fhem/sonos/proxy/aa?url=https%3A%2F%2Fi.scdn.co%2Fimage%2F917c983d7cd86ee0aef8d4bbc3c297b091b55a40'},'SQ:68' => {'Title' => 'Night','Cover' => '/fhem/sonos/proxy/aa?url=https%3A%2F%2Fi.scdn.co%2Fimage%2F21eadd1da43020f484d6aea61321999b64ca0fc8'}}
     2016-11-13 19:09:48   PlaylistsVersion RINCON_000E58A9E70A01400,4197
     2016-11-13 21:17:10   QueueHash       e0cbb92d0b8aecc42ad83e13d0066719
     2016-11-13 21:17:10   QueueVersion    2
     2016-11-05 17:10:42   RadTabletUI     1.FM - Chill Out Lounge:1LIVE - Das junge Radio des WDR.:Amsterdam Funk Channel:Deluxe Lounge Radio:FFH Digital - Lounge:FFH Digital - Lovesongs:Funk 365 Radio:HouseDestination.FM:Lounge FM Deutschland:Lounge Radio:RFPRADIO.COM | Sexy Smooth Jazz:Radio Just 70s:SWR3 DanceNight:Smooth Jazz 24'7 on JAZZRADIO.com:Soulshow Radio:WDR2 Aachen und Region
     2016-11-05 17:10:39   Radios          {'R:0/0/78' => {'Title' => 'HouseDestination.FM','Cover' => '/fhem/sonos/proxy/aa?url=http%3A%2F%2F192.168.10.150%3A1400%2Fgetaa%3Fs%3D1%26u%3Dx-sonosapi-stream%253As141692%253Fsid%253D254%2526amp%253Bflags%253D32'},'R:0/0/80' => {'Title' => '1LIVE - Das junge Radio des WDR.','Cover' => '/fhem/sonos/proxy/aa?url=http%3A%2F%2F192.168.10.150%3A1400%2Fgetaa%3Fs%3D1%26u%3Dx-sonosapi-stream%253As100205%253Fsid%253D254%2526amp%253Bflags%253D32'},'R:0/0/39' => {'Title' => 'Smooth Jazz 24'7 on JAZZRADIO.com','Cover' => '/fhem/sonos/proxy/aa?url=http%3A%2F%2F192.168.10.150%3A1400%2Fgetaa%3Fs%3D1%26u%3Dx-sonosapi-stream%253As139778%253Fsid%253D254%2526amp%253Bflags%253D32'},'R:0/0/79' => {'Title' => 'WDR2 Aachen und Region','Cover' => '/fhem/sonos/proxy/aa?url=http%3A%2F%2F192.168.10.150%3A1400%2Fgetaa%3Fs%3D1%26u%3Dx-sonosapi-stream%253As99176%253Fsid%253D254%2526amp%253Bflags%253D32'},'R:0/0/11' => {'Title' => 'Radio Just 70s','Cover' => '/fhem/sonos/proxy/aa?url=http%3A%2F%2F192.168.10.150%3A1400%2Fgetaa%3Fs%3D1%26u%3Dx-sonosapi-stream%253As101673%253Fsid%253D254%2526amp%253Bflags%253D32'},'R:0/0/38' => {'Title' => 'Lounge FM Deutschland','Cover' => '/fhem/sonos/proxy/aa?url=http%3A%2F%2F192.168.10.150%3A1400%2Fgetaa%3Fs%3D1%26u%3Dx-sonosapi-stream%253As177755%253Fsid%253D254%2526amp%253Bflags%253D32'},'R:0/0/56' => {'Title' => 'Funk 365 Radio','Cover' => '/fhem/sonos/proxy/aa?url=http%3A%2F%2F192.168.10.150%3A1400%2Fgetaa%3Fs%3D1%26u%3Dx-sonosapi-stream%253As98695%253Fsid%253D254%2526amp%253Bflags%253D32'},'R:0/0/58' => {'Title' => 'Deluxe Lounge Radio','Cover' => '/fhem/sonos/proxy/aa?url=http%3A%2F%2F192.168.10.150%3A1400%2Fgetaa%3Fs%3D1%26u%3Dx-sonosapi-stream%253As125250%253Fsid%253D254%2526amp%253Bflags%253D32'},'R:0/0/8' => {'Title' => '1.FM - Chill Out Lounge','Cover' => '/fhem/sonos/proxy/aa?url=http%3A%2F%2F192.168.10.150%3A1400%2Fgetaa%3Fs%3D1%26u%3Dx-sonosapi-stream%253As47718%253Fsid%253D254%2526amp%253Bflags%253D32'},'R:0/0/1' => {'Title' => 'SWR3 DanceNight','Cover' => '/fhem/sonos/proxy/aa?url=http%3A%2F%2F192.168.10.150%3A1400%2Fgetaa%3Fs%3D1%26u%3Dx-sonosapi-stream%253As96981%253Fsid%253D254%2526amp%253Bflags%253D32'},'R:0/0/141' => {'Title' => 'RFPRADIO.COM | Sexy Smooth Jazz','Cover' => '/fhem/sonos/proxy/aa?url=http%3A%2F%2F192.168.10.150%3A1400%2Fgetaa%3Fs%3D1%26u%3Dx-sonosapi-stream%253As186858%253Fsid%253D254%2526amp%253Bflags%253D8224%2526amp%253Bsn%253D0'},'R:0/0/6' => {'Title' => 'Lounge Radio','Cover' => '/fhem/sonos/proxy/aa?url=http%3A%2F%2F192.168.10.150%3A1400%2Fgetaa%3Fs%3D1%26u%3Dx-sonosapi-stream%253As17364%253Fsid%253D254%2526amp%253Bflags%253D32'},'R:0/0/126' => {'Title' => 'Soulshow Radio','Cover' => '/fhem/sonos/proxy/aa?url=http%3A%2F%2F192.168.10.150%3A1400%2Fgetaa%3Fs%3D1%26u%3Dx-sonosapi-stream%253As246826%253Fsid%253D254%2526amp%253Bflags%253D8224%2526amp%253Bsn%253D0'},'R:0/0/16' => {'Title' => 'FFH Digital - Lovesongs','Cover' => '/fhem/sonos/proxy/aa?url=http%3A%2F%2F192.168.10.150%3A1400%2Fgetaa%3Fs%3D1%26u%3Dx-sonosapi-stream%253As84484%253Fsid%253D254%2526amp%253Bflags%253D32'},'R:0/0/76' => {'Title' => 'Amsterdam Funk Channel','Cover' => '/fhem/sonos/proxy/aa?url=http%3A%2F%2F192.168.10.150%3A1400%2Fgetaa%3Fs%3D1%26u%3Dx-sonosapi-stream%253As133330%253Fsid%253D254%2526amp%253Bflags%253D32'},'R:0/0/10' => {'Title' => 'FFH Digital - Lounge','Cover' => '/fhem/sonos/proxy/aa?url=http%3A%2F%2F192.168.10.150%3A1400%2Fgetaa%3Fs%3D1%26u%3Dx-sonosapi-stream%253As84483%253Fsid%253D254%2526amp%253Bflags%253D32'}}
     2016-11-05 17:09:59   RadiosVersion   RINCON_000E58F171D401400,269
     2016-10-30 00:10:21   Repeat          0
     2016-10-24 21:26:52   RepeatOne       0
     2016-10-24 21:26:52   Shuffle         0
     2016-11-13 21:17:39   SlavePlayer     ['Sonos_Bad','Sonos_Schlafzimmer','Sonos_Schlafzimmer_RF','Sonos_Wohnzimmer']
     2016-10-24 21:26:52   SleepTimer      off
     2016-10-24 21:26:51   SleepTimerVersion
     2016-10-24 21:26:55   SubEnable       1
     2016-10-24 21:26:55   SubGain         0
     2016-10-24 21:26:55   SubPolarity     0
     2016-10-24 21:26:55   Treble          0
     2016-10-24 21:26:55   TruePlay        1
     2016-11-13 22:58:16   Volume          20
     2016-10-24 21:26:55   ZoneGroupID     RINCON_000E58F171D401400:__
     2016-11-13 21:17:39   ZoneGroupName   Kueche + 3
     2016-11-13 21:17:39   ZonePlayerUUIDsInGroup RINCON_000E58F171D401400,RINCON_000E58C27EF401400,RINCON_5CAAFD7CE98401400,RINCON_000E58A9E70A01400
     2016-11-13 23:28:33   currentAlbum    After Hours
     2016-11-13 22:58:17   currentAlbumArtURI ./www/images/default/SONOSPLAYER/Sonos_Kueche_AlbumArt.jpg
     2016-11-13 23:28:33   currentAlbumArtURL /fhem/sonos/proxy/aa?url=https%3A%2F%2Fi.scdn.co%2Fimage%2Fa132a00125388827726677bb070946a1e368883e
     2016-11-13 22:58:18   currentAlbumArtist Gregg Karukas
     2016-11-13 23:28:33   currentArtist   Rahsaan Patterson
     2016-11-13 12:42:36   currentNormalAudio 1
     2016-11-06 12:12:18   currentOriginalTrackNumber
     2016-11-03 07:54:20   currentSender
     2016-11-03 07:54:20   currentSenderCurrent
     2016-11-03 07:54:20   currentSenderInfo
     2016-11-13 21:34:43   currentStreamAudio 0
     2016-11-13 23:28:33   currentTitle    So Hot
     2016-11-13 23:28:33   currentTrack    1
     2016-11-13 23:28:33   currentTrackDuration 0:05:19
     2016-11-13 23:01:40   currentTrackPosition 0:00:00
     2016-11-13 22:58:18   currentTrackProvider Spotify
     2016-11-13 23:28:33   currentTrackURI x-sonos-spotify:spotify:track:38IQ4wB3cdaQpkHODiBtKt?sid=9&flags=8224&sn=9
     2016-10-24 21:26:49   fieldType
     2016-11-13 23:28:33   infoSummarize1  (Rahsaan Patterson) 'So Hot' vom Album 'After Hours'
     2016-11-13 23:28:33   infoSummarize2  STOPPED => (Rahsaan Patterson) 'So Hot' vom Album 'After Hours'
     2016-11-13 22:58:18   infoSummarize3  Lautstärke: 20 ~ Ton An ~ Balance: Mitte ~ Kein Kopfhörer
     2016-11-13 23:28:33   infoSummarize4  Rahsaan Patterson - So Hot
     2016-11-13 17:10:04   lastPlayedFav   Dein Mix der Woche Andrea
     2016-11-05 18:01:23   lastPlayedPlay  Jazz Instruments
     2016-10-30 20:53:47   lastPlayedRad   Amsterdam Funk Channel
     2016-10-24 21:26:49   location        http://192.168.10.150:1400/xml/device_description.xml
     2016-11-13 23:28:33   nextAlbum       Acoustic Soul
     2016-11-13 23:28:33   nextAlbumArtURI ./www/images/default/SONOSPLAYER/Sonos_Kueche_NextAlbumArt.jpg
     2016-11-13 23:28:33   nextAlbumArtURL /fhem/sonos/proxy/aa?url=https%3A%2F%2Fi.scdn.co%2Fimage%2Ffb109c2b1ebfbebf01b9aab4b04ba4dd1e64e1e8
     2016-11-06 12:12:18   nextAlbumArtist
     2016-11-13 23:28:33   nextArtist      India.Arie
     2016-11-06 12:12:18   nextOriginalTrackNumber
     2016-11-13 23:28:33   nextTitle       In My Head
     2016-11-13 23:28:33   nextTrackDuration 0:04:40
     2016-11-13 23:28:33   nextTrackProvider Spotify
     2016-11-13 23:28:33   nextTrackURI    x-sonos-spotify:spotify:track:5Qul1lWPc5XPzVM8RweeZc?sid=9&flags=8224&sn=9
     2016-11-13 22:58:18   numberOfTracks  30
     2016-10-24 21:26:49   playerType      S3
     2016-11-13 21:16:55   presence        appeared
     2016-10-24 21:26:55   roomIcon        kitchen
     2016-10-24 21:26:49   roomName        Kueche
     2016-10-24 21:26:49   roomNameAlias   Kueche
     2016-10-24 21:26:49   saveRoomName    Kueche
     2016-10-24 21:26:49   serialNum       00-0E-58-F1-71-D4:8
     2016-11-02 20:15:32   softwareRevision 7.0
     2016-11-13 21:16:56   state           appeared
     2016-11-13 23:28:33   transportState  STOPPED
Attributes:
   alias      Sonos Kueche
   generateInfoSummarize1 <NormalAudio><Artist prefix="(" suffix=")"/><Title prefix=" '" suffix="'" ifempty="[Keine Musikdatei]"/><Album prefix=" vom Album '" suffix="'"/></NormalAudio> <StreamAudio><Sender suffix=":"/><SenderCurrent prefix=" '" suffix="' -"/><SenderInfo prefix=" "/></StreamAudio>
   generateInfoSummarize2 <TransportState/><InfoSummarize1 prefix=" => "/>
   generateInfoSummarize3 <Volume prefix="Lautstärke: "/><Mute instead=" ~ Kein Ton" ifempty=" ~ Ton An" emptyval="0"/> ~ Balance: <Balance ifempty="Mitte" emptyval="0"/><HeadphoneConnected instead=" ~ Kopfhörer aktiv" ifempty=" ~ Kein Kopfhörer" emptyval="0"/>
   generateInfoSummarize4 <NormalAudio><Artist suffix=" - "/><Title ifempty="[Keine Musikdatei]"/></NormalAudio> <StreamAudio><Sender suffix=" - "/><SenderInfo/></StreamAudio>
   generateVolumeEvent 1
   genericDeviceType speaker
   getAlarms  1
   group      Sonos Player
   icon       icoSONOSPLAYER_icon-S3.png
   minVolume  0
   model      Sonos_S3
   room       Homekit,Media
   sortby     1
   stateVariable Presence
   userReadings Favourites:LastActionResult.*?GetFavouritesWithCovers.* { if (ReadingsVal("Sonos_Kueche", "LastActionResult", "") =~ m/.*?: (.*)/) { return $1; } },
Radios:LastActionResult.*?GetRadiosWithCovers.* { if (ReadingsVal("Sonos_Kueche", "LastActionResult", "") =~ m/.*?: (.*)/) { return $1; } },
Playlists:LastActionResult.*?GetPlaylistsWithCovers.* { if (ReadingsVal("Sonos_Kueche", "LastActionResult", "") =~ m/.*?: (.*)/) { return $1; } },
currentTrackPosition:LastActionResult.*?GetCurrentTrackPosition.* { if (ReadingsVal("Sonos_Kueche", "LastActionResult", "") =~ m/.*?: (.*)/) { return $1; } },
FavTabletUI:LastActionResult.*?GetFavourites:.* {if (ReadingsVal("Sonos_Kueche", "LastActionResult", "") =~ m/.*?: (.*)/) { my $returnvalue = $1; $returnvalue =~ s/,/:/g; $returnvalue =~ s/"//g; return $returnvalue; } },
PlayTabletUI:LastActionResult.*?GetPlaylists:.* {if (ReadingsVal("Sonos_Kueche", "LastActionResult", "") =~ m/.*?: (.*)/) { my $returnvalue = $1; $returnvalue =~ s/,/:/g; $returnvalue =~ s/"//g; return $returnvalue; } },
RadTabletUI:LastActionResult.*?GetRadios:.* {if (ReadingsVal("Sonos_Kueche", "LastActionResult", "") =~ m/.*?: (.*)/) { my $returnvalue = $1; $returnvalue =~ s/,/:/g; $returnvalue =~ s/"//g; return $returnvalue; } },

   userattr   lightSceneParamsToSave lightSceneRestoreOnlyIfChanged:1,0
   verbose    0

[ramirez]

Hallo Detlef,

Schick gemacht. Wie machst Du das mit den APPs auf der rechten Seite?

Gruß Marcel

[h3llsp4wn]

@Masterfunk:

Sehr schön!