- ioBroker Community Home
- Deutsch
- Visualisierung
- [Showcase] Jarvis - just another remarkable vis
NEWS
[Showcase] Jarvis - just another remarkable vis
[Showcase] Jarvis - just another remarkable vis
This topic has been deleted. Only users with topic management privileges can see it.
-
@darkdevil gerne!
-
@ww1983 klappt "perfekt".
Hast du eine Idee, wie ich eine maps (habe 2 Roborocks im Einsatz) drehen kann? Also die ganze Karte um 90°?@darkdevil nein sorry. Leider nicht.
-
@ww1983 klappt "perfekt".
Hast du eine Idee, wie ich eine maps (habe 2 Roborocks im Einsatz) drehen kann? Also die ganze Karte um 90°?@darkdevil sagte in [Showcase] Jarvis - just another remarkable vis:
@ww1983 klappt "perfekt".
Hast du eine Idee, wie ich eine maps (habe 2 Roborocks im Einsatz) drehen kann? Also die ganze Karte um 90°?Unter CSS Allgemein bei transform:(Erst in der Runtime sichtbar!)
rotate(90deg)Wo das in Jarvis reingehört , das müsste @Zefau wissen
Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
Immer Daten sichern! -
halbtransparentes Design
CSS:
body { background-color: #0cbaba; background-image: linear-gradient(315deg, #0cbaba 0%, #380036 74%); } .jarvis-AppBar {background: none} .jarvis-Toolbar, .jarvis-Tabs, .jarvis-Widget { background-color: rgba(255,255,255,0.2) } .jarvis-Tabs { border-bottom: 0; }Hallo zusammen,
ich hab jetzt schon einiges versucht, um die Widgets transparent zu bekommen. Leider bleibt bei mir alles unberührt, außer der Hintergrund. Benutze den selben Code wie @Zefau, in der aktuellen stable-Version von iobroker. Hat noch irgendjemand eine Idee? Ich möchte doch nur transparente Widgets haben^^
LG
@zefau said in [Showcase] Jarvis - just another remarkable vis:
halbtransparentes Design
CSS:
body { background-color: #0cbaba; background-image: linear-gradient(315deg, #0cbaba 0%, #380036 74%); } .jarvis-AppBar {background: none} .jarvis-Toolbar, .jarvis-Tabs, .jarvis-Widget { background-color: rgba(255,255,255,0.2) } .jarvis-Tabs { border-bottom: 0; } -
Hallo zusammen,
ich hab jetzt schon einiges versucht, um die Widgets transparent zu bekommen. Leider bleibt bei mir alles unberührt, außer der Hintergrund. Benutze den selben Code wie @Zefau, in der aktuellen stable-Version von iobroker. Hat noch irgendjemand eine Idee? Ich möchte doch nur transparente Widgets haben^^
LG
@zefau said in [Showcase] Jarvis - just another remarkable vis:
halbtransparentes Design
CSS:
body { background-color: #0cbaba; background-image: linear-gradient(315deg, #0cbaba 0%, #380036 74%); } .jarvis-AppBar {background: none} .jarvis-Toolbar, .jarvis-Tabs, .jarvis-Widget { background-color: rgba(255,255,255,0.2) } .jarvis-Tabs { border-bottom: 0; } -
Ich habe nun endlich auch mal ein paar Tabs fertig
Macht schon Spaß wie einfach und intuitiv das alles so geht. Nur für Sonos musste ich noch etwas in VIS basteln.
-
Ich habe nun endlich auch mal ein paar Tabs fertig
Macht schon Spaß wie einfach und intuitiv das alles so geht. Nur für Sonos musste ich noch etwas in VIS basteln. @maximilian-garbe Gefällt mir sehr gut. Kannst du erklären, wie du deine Buttons unter deinen Kameras verwendest? Wie ich erkennen kann, machst du einmal das Bild größer und einmal ein externes Fenster auf?
-
@maximilian-garbe Gefällt mir sehr gut. Kannst du erklären, wie du deine Buttons unter deinen Kameras verwendest? Wie ich erkennen kann, machst du einmal das Bild größer und einmal ein externes Fenster auf?
Ich verwende zur Einbindung ein Custom-HTML Widget. Habe den stream dann über video.js (LINK zu GitHub) laufen. Der linke Button macht eine frei platzierbare rahmenlose Pop-Up-Ansicht auf und der rechte Button ist für Vollbild. Das sind aber bereits integrierte Buttons des video.js players. Funktioniert mit Jarvis einwandfrei.
-
Ich verwende zur Einbindung ein Custom-HTML Widget. Habe den stream dann über video.js (LINK zu GitHub) laufen. Der linke Button macht eine frei platzierbare rahmenlose Pop-Up-Ansicht auf und der rechte Button ist für Vollbild. Das sind aber bereits integrierte Buttons des video.js players. Funktioniert mit Jarvis einwandfrei.
@maximilian-garbe das klingt sehr interessant. Der Aufwand hält sich in Grenzen? Ich hoffe ja, dass es bald ein Standardmodul in Jarvis für so etwas gibt. Aber bis dahin könnte ich das ggf. nutzen
-
@maximilian-garbe das klingt sehr interessant. Der Aufwand hält sich in Grenzen? Ich hoffe ja, dass es bald ein Standardmodul in Jarvis für so etwas gibt. Aber bis dahin könnte ich das ggf. nutzen
Einfach einen Zeichenketten-Datenpunkt anlegen und folgenden Code verwenden:
<html> <head> <meta charset=utf-8 /> <title>Your title</title> <link href="https://unpkg.com/video.js/dist/video-js.css" rel="stylesheet"> <script src="https://unpkg.com/video.js/dist/video.js"></script> <script src="https://unpkg.com/@videojs/http-streaming/dist/videojs-http-streaming.js"></script> </head> <body> <video height="500" id="Hier_Beliebige_Bezeichnung_eintragen" class="video-js vjs-fluid vjs-default-skin" controls preload="auto" data-setup='{}'> <source src="Hier_Link_vom_Stream_eintragen" type="application/x-mpegURL"> </video> <script> var player = videojs('my_video_1'); player.play(); </script> </body> </html>Dort dann unter src und id die EInträge anpassen und im Custom-HTML Widget in Jarvis den Datenpunkt auswählen. Ist fix gemacht.
Bei mir sind es Netatmo-Kameras, die einen m3u8-Stream haben. Müsstest halt gucken, ob das dann auch mit deinen Kameras und dem von diesen verwendeten Format funktioniert.
-
Hallo Zusammen,
ich suche jetzt schon eine ganze Weile ich schwör ich habe nix gefunden
Ich möchte einfach nur das Wort Uhr hinter meiner Uhrzeit. Das es irgendwie geht weiß ich schon gesehen...aber wie? -
War anscheinend nicht mal einen dummen Kommentar wert
-
War anscheinend nicht mal einen dummen Kommentar wert
@noah3112 sagte in [Showcase] Jarvis - just another remarkable vis:
War anscheinend nicht mal einen dummen Kommentar wert
Welche Uhrzeit?
Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
Immer Daten sichern! -
@noah3112 sagte in [Showcase] Jarvis - just another remarkable vis:
War anscheinend nicht mal einen dummen Kommentar wert
Welche Uhrzeit?
@sigi234 Diese Uhrzeit zB...nur das Wort Uhr dahinter
-
Ich bin doch hier richtig? Beim Jarvis Adapter?
-
Ich bin doch hier richtig? Beim Jarvis Adapter?
-
Ich bin doch hier richtig? Beim Jarvis Adapter?
-
@ash2k Oh man manchmal ist es so einfach...sorry für die Frage und danke es funktioniert
-
Ich habe nun endlich auch mal ein paar Tabs fertig
Macht schon Spaß wie einfach und intuitiv das alles so geht. Nur für Sonos musste ich noch etwas in VIS basteln. -
@maximilian-garbe könntest du mir die Visu für die Sonos exportieren? Bekomme es irgendwie nicht hin bzw. sieht es bei mir nicht so toll aus. Danke
@spraxel Hier einmal die Vis-View von einem Player als Export:
{ "settings": { "style": { "background_class": "hq-background-h-gradient-black-3" }, "theme": "vader", "sizex": "620", "sizey": "670", "gridSize": "10", "useBackground": false, "snapType": 0, "useAsDefault": true }, "widgets": { "e00001": { "tpl": "tplValueString", "data": { "oid": "alexa2.0.Echo-Devices.434e3448049e46af81eed0557cb6cd30.Player.currentTitle", "g_fixed": true, "g_visibility": true, "g_css_font_text": true, "g_css_background": false, "g_css_shadow_padding": false, "g_css_border": false, "g_gestures": false, "g_signals": false, "g_last_change": false, "signals-cond-0": "==", "signals-val-0": true, "signals-icon-0": "/vis.0/Tablet/lowbattery.png", "signals-icon-size-0": 0, "signals-blink-0": false, "signals-horz-0": 0, "signals-vert-0": 0, "signals-hide-edit-0": false, "signals-cond-1": "==", "signals-val-1": true, "signals-icon-1": "/vis.0/Tablet/lowbattery.png", "signals-icon-size-1": 0, "signals-blink-1": false, "signals-horz-1": 0, "signals-vert-1": 0, "signals-hide-edit-1": false, "signals-cond-2": "==", "signals-val-2": true, "signals-icon-2": "/vis.0/Tablet/lowbattery.png", "signals-icon-size-2": 0, "signals-blink-2": false, "signals-horz-2": 0, "signals-vert-2": 0, "signals-hide-edit-2": false, "lc-type": "last-change", "lc-is-interval": true, "lc-is-moment": false, "lc-format": "", "lc-position-vert": "top", "lc-position-horz": "right", "lc-offset-vert": 0, "lc-offset-horz": 0, "lc-font-size": "12px", "lc-font-family": "", "lc-font-style": "", "lc-bkg-color": "", "lc-color": "", "lc-border-width": "0", "lc-border-style": "", "lc-border-color": "", "lc-border-radius": 10, "lc-zindex": 0, "visibility-cond": "==", "visibility-val": "Alexa", "visibility-groups-action": "hide", "visibility-oid": "vis.0.Sonoscontrol.Wohnzimmer_Wiedergabequelle", "name": "Alexa Titel" }, "style": { "left": "11px", "top": "369px", "color": "#ffffff", "width": "600px", "height": "45px", "text-align": "center", "font-style": "normal", "font-size": "larger", "z-index": "50", "font-weight": "normal", "font-family": "Tahoma, Geneva, sans-serif" }, "widgetSet": "basic" }, "e00002": { "tpl": "tplIconState", "data": { "oid": "sonos.0.root.192_168_178_74.favorites_set", "g_fixed": true, "g_visibility": false, "g_css_font_text": false, "g_css_background": true, "g_css_shadow_padding": false, "g_css_border": true, "g_gestures": false, "g_signals": false, "g_last_change": false, "visibility-cond": "==", "visibility-val": 1, "visibility-groups-action": "hide", "signals-cond-0": "==", "signals-val-0": true, "signals-icon-0": "/vis/signals/lowbattery.png", "signals-icon-size-0": 0, "signals-blink-0": false, "signals-horz-0": 0, "signals-vert-0": 0, "signals-hide-edit-0": false, "signals-cond-1": "==", "signals-val-1": true, "signals-icon-1": "/vis/signals/lowbattery.png", "signals-icon-size-1": 0, "signals-blink-1": false, "signals-horz-1": 0, "signals-vert-1": 0, "signals-hide-edit-1": false, "signals-cond-2": "==", "signals-val-2": true, "signals-icon-2": "/vis/signals/lowbattery.png", "signals-icon-size-2": 0, "signals-blink-2": false, "signals-horz-2": 0, "signals-vert-2": 0, "signals-hide-edit-2": false, "lc-type": "last-change", "lc-is-interval": true, "lc-is-moment": false, "lc-format": "", "lc-position-vert": "top", "lc-position-horz": "right", "lc-offset-vert": 0, "lc-offset-horz": 0, "lc-font-size": "12px", "lc-font-family": "", "lc-font-style": "", "lc-bkg-color": "", "lc-color": "", "lc-border-width": "0", "lc-border-style": "", "lc-border-color": "", "lc-border-radius": 10, "lc-zindex": 0, "src": "https://m.media-amazon.com/images/I/81wQjMtyHzL._SS500_.jpg", "value": "31. Entspannt mit Akustik-Pop", "imageHeight": "", "text": "", "name": "Playlist 4" }, "style": { "left": "315px", "top": "475px", "width": "75px", "height": "75px", "z-index": "50", "color": "#510051", "background": "rgba(45, 45, 45, 50)", "background-color": "rgba(45, 45, 45, 50)", "box-shadow": "2px 2px 3px rgba(20, 20, 20, 50)", "border-radius": "", "border-width": "" }, "widgetSet": "jqui" }, "e00003": { "tpl": "tplIconState", "data": { "oid": "sonos.0.root.192_168_178_74.favorites_set", "g_fixed": true, "g_visibility": false, "g_css_font_text": false, "g_css_background": true, "g_css_shadow_padding": false, "g_css_border": true, "g_gestures": false, "g_signals": false, "g_last_change": false, "visibility-cond": "==", "visibility-val": 1, "visibility-groups-action": "hide", "signals-cond-0": "==", "signals-val-0": true, "signals-icon-0": "/vis/signals/lowbattery.png", "signals-icon-size-0": 0, "signals-blink-0": false, "signals-horz-0": 0, "signals-vert-0": 0, "signals-hide-edit-0": false, "signals-cond-1": "==", "signals-val-1": true, "signals-icon-1": "/vis/signals/lowbattery.png", "signals-icon-size-1": 0, "signals-blink-1": false, "signals-horz-1": 0, "signals-vert-1": 0, "signals-hide-edit-1": false, "signals-cond-2": "==", "signals-val-2": true, "signals-icon-2": "/vis/signals/lowbattery.png", "signals-icon-size-2": 0, "signals-blink-2": false, "signals-horz-2": 0, "signals-vert-2": 0, "signals-hide-edit-2": false, "lc-type": "last-change", "lc-is-interval": true, "lc-is-moment": false, "lc-format": "", "lc-position-vert": "top", "lc-position-horz": "right", "lc-offset-vert": 0, "lc-offset-horz": 0, "lc-font-size": "12px", "lc-font-family": "", "lc-font-style": "", "lc-bkg-color": "", "lc-color": "", "lc-border-width": "0", "lc-border-style": "", "lc-border-color": "", "lc-border-radius": 10, "lc-zindex": 0, "src": "/sonos.admin/sonos.png", "value": "Sonos-Hits", "imageHeight": "", "text": "", "name": "Playlist 3" }, "style": { "left": "225px", "top": "475px", "width": "75px", "height": "75px", "z-index": "50", "color": "#510051", "background": "rgba(45, 45, 45, 50)", "background-color": "rgba(45, 45, 45, 50)", "box-shadow": "2px 2px 3px rgba(20, 20, 20, 50)", "border-radius": "", "border-width": "" }, "widgetSet": "jqui" }, "e00004": { "tpl": "tplIconState", "data": { "oid": "sonos.0.root.192_168_178_74.favorites_set", "g_fixed": true, "g_visibility": false, "g_css_font_text": false, "g_css_background": true, "g_css_shadow_padding": false, "g_css_border": true, "g_gestures": false, "g_signals": false, "g_last_change": false, "visibility-cond": "==", "visibility-val": 1, "visibility-groups-action": "hide", "signals-cond-0": "==", "signals-val-0": true, "signals-icon-0": "/vis/signals/lowbattery.png", "signals-icon-size-0": 0, "signals-blink-0": false, "signals-horz-0": 0, "signals-vert-0": 0, "signals-hide-edit-0": false, "signals-cond-1": "==", "signals-val-1": true, "signals-icon-1": "/vis/signals/lowbattery.png", "signals-icon-size-1": 0, "signals-blink-1": false, "signals-horz-1": 0, "signals-vert-1": 0, "signals-hide-edit-1": false, "signals-cond-2": "==", "signals-val-2": true, "signals-icon-2": "/vis/signals/lowbattery.png", "signals-icon-size-2": 0, "signals-blink-2": false, "signals-horz-2": 0, "signals-vert-2": 0, "signals-hide-edit-2": false, "lc-type": "last-change", "lc-is-interval": true, "lc-is-moment": false, "lc-format": "", "lc-position-vert": "top", "lc-position-horz": "right", "lc-offset-vert": 0, "lc-offset-horz": 0, "lc-font-size": "12px", "lc-font-family": "", "lc-font-style": "", "lc-bkg-color": "", "lc-color": "", "lc-border-width": "0", "lc-border-style": "", "lc-border-color": "", "lc-border-radius": 10, "lc-zindex": 0, "src": "https://www.radio.de/images/broadcasts/02/33/2262/1/c175.png", "value": "NDR 2", "imageHeight": "", "text": "", "name": "Radio 4" }, "style": { "left": "315px", "top": "565px", "width": "75px", "height": "75px", "z-index": "50", "color": "#510051", "background": "rgba(45, 45, 45, 50)", "background-color": "rgba(45, 45, 45, 50)", "box-shadow": "2px 2px 3px rgba(20, 20, 20, 50)", "border-radius": "", "border-width": "" }, "widgetSet": "jqui" }, "e00005": { "tpl": "tplIconState", "data": { "oid": "sonos.0.root.192_168_178_74.favorites_set", "g_fixed": true, "g_visibility": false, "g_css_font_text": false, "g_css_background": true, "g_css_shadow_padding": false, "g_css_border": true, "g_gestures": false, "g_signals": false, "g_last_change": false, "visibility-cond": "==", "visibility-val": 1, "visibility-groups-action": "hide", "signals-cond-0": "==", "signals-val-0": true, "signals-icon-0": "/vis/signals/lowbattery.png", "signals-icon-size-0": 0, "signals-blink-0": false, "signals-horz-0": 0, "signals-vert-0": 0, "signals-hide-edit-0": false, "signals-cond-1": "==", "signals-val-1": true, "signals-icon-1": "/vis/signals/lowbattery.png", "signals-icon-size-1": 0, "signals-blink-1": false, "signals-horz-1": 0, "signals-vert-1": 0, "signals-hide-edit-1": false, "signals-cond-2": "==", "signals-val-2": true, "signals-icon-2": "/vis/signals/lowbattery.png", "signals-icon-size-2": 0, "signals-blink-2": false, "signals-horz-2": 0, "signals-vert-2": 0, "signals-hide-edit-2": false, "lc-type": "last-change", "lc-is-interval": true, "lc-is-moment": false, "lc-format": "", "lc-position-vert": "top", "lc-position-horz": "right", "lc-offset-vert": 0, "lc-offset-horz": 0, "lc-font-size": "12px", "lc-font-family": "", "lc-font-style": "", "lc-bkg-color": "", "lc-color": "", "lc-border-width": "0", "lc-border-style": "", "lc-border-color": "", "lc-border-radius": 10, "lc-zindex": 0, "src": "https://www.radio.de/images/broadcasts/b2/39/2347/1/c175.png", "value": "NDR 90,3", "imageHeight": "", "text": "", "name": "Radio 3" }, "style": { "left": "225px", "top": "565px", "width": "75px", "height": "75px", "z-index": "50", "color": "#510051", "background": "rgba(45, 45, 45, 50)", "background-color": "rgba(45, 45, 45, 50)", "box-shadow": "2px 2px 3px rgba(20, 20, 20, 50)", "border-radius": "", "border-width": "" }, "widgetSet": "jqui" }, "e00006": { "tpl": "tplIconState", "data": { "oid": "sonos.0.root.192_168_178_74.favorites_set", "g_fixed": true, "g_visibility": false, "g_css_font_text": false, "g_css_background": true, "g_css_shadow_padding": false, "g_css_border": true, "g_gestures": false, "g_signals": false, "g_last_change": false, "visibility-cond": "==", "visibility-val": 1, "visibility-groups-action": "hide", "signals-cond-0": "==", "signals-val-0": true, "signals-icon-0": "/vis/signals/lowbattery.png", "signals-icon-size-0": 0, "signals-blink-0": false, "signals-horz-0": 0, "signals-vert-0": 0, "signals-hide-edit-0": false, "signals-cond-1": "==", "signals-val-1": true, "signals-icon-1": "/vis/signals/lowbattery.png", "signals-icon-size-1": 0, "signals-blink-1": false, "signals-horz-1": 0, "signals-vert-1": 0, "signals-hide-edit-1": false, "signals-cond-2": "==", "signals-val-2": true, "signals-icon-2": "/vis/signals/lowbattery.png", "signals-icon-size-2": 0, "signals-blink-2": false, "signals-horz-2": 0, "signals-vert-2": 0, "signals-hide-edit-2": false, "lc-type": "last-change", "lc-is-interval": true, "lc-is-moment": false, "lc-format": "", "lc-position-vert": "top", "lc-position-horz": "right", "lc-offset-vert": 0, "lc-offset-horz": 0, "lc-font-size": "12px", "lc-font-family": "", "lc-font-style": "", "lc-bkg-color": "", "lc-color": "", "lc-border-width": "0", "lc-border-style": "", "lc-border-color": "", "lc-border-radius": 10, "lc-zindex": 0, "src": "https://www.radio.de/images/broadcasts/0a/bd/2351/1/c175.png", "value": "NDR Kultur", "imageHeight": "", "text": "", "name": "Radio 2" }, "style": { "left": "135px", "top": "565px", "width": "75px", "height": "75px", "z-index": "50", "color": "#510051", "background": "rgba(45, 45, 45, 50)", "background-color": "rgba(45, 45, 45, 50)", "box-shadow": "2px 2px 3px rgba(20, 20, 20, 50)", "border-radius": "", "border-width": "" }, "widgetSet": "jqui" }, "e00007": { "tpl": "tplIconState", "data": { "oid": "sonos.0.root.192_168_178_74.favorites_set", "g_fixed": true, "g_visibility": false, "g_css_font_text": false, "g_css_background": true, "g_css_shadow_padding": false, "g_css_border": false, "g_gestures": false, "g_signals": false, "g_last_change": false, "visibility-cond": "==", "visibility-val": 1, "visibility-groups-action": "hide", "signals-cond-0": "==", "signals-val-0": true, "signals-icon-0": "/vis/signals/lowbattery.png", "signals-icon-size-0": 0, "signals-blink-0": false, "signals-horz-0": 0, "signals-vert-0": 0, "signals-hide-edit-0": false, "signals-cond-1": "==", "signals-val-1": true, "signals-icon-1": "/vis/signals/lowbattery.png", "signals-icon-size-1": 0, "signals-blink-1": false, "signals-horz-1": 0, "signals-vert-1": 0, "signals-hide-edit-1": false, "signals-cond-2": "==", "signals-val-2": true, "signals-icon-2": "/vis/signals/lowbattery.png", "signals-icon-size-2": 0, "signals-blink-2": false, "signals-horz-2": 0, "signals-vert-2": 0, "signals-hide-edit-2": false, "lc-type": "last-change", "lc-is-interval": true, "lc-is-moment": false, "lc-format": "", "lc-position-vert": "top", "lc-position-horz": "right", "lc-offset-vert": 0, "lc-offset-horz": 0, "lc-font-size": "12px", "lc-font-family": "", "lc-font-style": "", "lc-bkg-color": "", "lc-color": "", "lc-border-width": "0", "lc-border-style": "", "lc-border-color": "", "lc-border-radius": 10, "lc-zindex": 0, "src": "https://m.media-amazon.com/images/I/71JuxNG4SEL._SS500_.jpg", "value": "Akustik-Covers", "name": "Playlist 1" }, "style": { "left": "45px", "top": "475px", "width": "75px", "height": "75px", "z-index": "50", "color": "#510051", "background": "rgba(45, 45, 45, 50)", "background-color": "rgba(45, 45, 45, 50)", "box-shadow": "2px 2px 3px rgba(20, 20, 20, 50)", "transform": "" }, "widgetSet": "jqui" }, "e00008": { "tpl": "tplIconState", "data": { "oid": "sonos.0.root.192_168_178_74.favorites_set", "g_fixed": true, "g_visibility": false, "g_css_font_text": false, "g_css_background": true, "g_css_shadow_padding": false, "g_css_border": true, "g_gestures": false, "g_signals": false, "g_last_change": false, "visibility-cond": "==", "visibility-val": 1, "visibility-groups-action": "hide", "signals-cond-0": "==", "signals-val-0": true, "signals-icon-0": "/vis/signals/lowbattery.png", "signals-icon-size-0": 0, "signals-blink-0": false, "signals-horz-0": 0, "signals-vert-0": 0, "signals-hide-edit-0": false, "signals-cond-1": "==", "signals-val-1": true, "signals-icon-1": "/vis/signals/lowbattery.png", "signals-icon-size-1": 0, "signals-blink-1": false, "signals-horz-1": 0, "signals-vert-1": 0, "signals-hide-edit-1": false, "signals-cond-2": "==", "signals-val-2": true, "signals-icon-2": "/vis/signals/lowbattery.png", "signals-icon-size-2": 0, "signals-blink-2": false, "signals-horz-2": 0, "signals-vert-2": 0, "signals-hide-edit-2": false, "lc-type": "last-change", "lc-is-interval": true, "lc-is-moment": false, "lc-format": "", "lc-position-vert": "top", "lc-position-horz": "right", "lc-offset-vert": 0, "lc-offset-horz": 0, "lc-font-size": "12px", "lc-font-family": "", "lc-font-style": "", "lc-bkg-color": "", "lc-color": "", "lc-border-width": "0", "lc-border-style": "", "lc-border-color": "", "lc-border-radius": 10, "lc-zindex": 0, "src": "https://m.media-amazon.com/images/I/91GRE9I6x+L._SS500_.jpg", "value": "30. Feelgood Latin", "text": "", "name": "Playlist 2" }, "style": { "left": "135px", "top": "475px", "width": "75px", "height": "75px", "z-index": "50", "color": "#510051", "background": "rgba(45, 45, 45, 50)", "background-color": "rgba(45, 45, 45, 50)", "box-shadow": "2px 2px 3px rgba(20, 20, 20, 50)", "border-radius": "", "border-width": "" }, "widgetSet": "jqui" }, "e00009": { "tpl": "tplIconState", "data": { "oid": "sonos.0.root.192_168_178_74.favorites_set", "g_fixed": true, "g_visibility": false, "g_css_font_text": false, "g_css_background": true, "g_css_shadow_padding": false, "g_css_border": true, "g_gestures": false, "g_signals": false, "g_last_change": false, "visibility-cond": "==", "visibility-val": 1, "visibility-groups-action": "hide", "signals-cond-0": "==", "signals-val-0": true, "signals-icon-0": "/vis/signals/lowbattery.png", "signals-icon-size-0": 0, "signals-blink-0": false, "signals-horz-0": 0, "signals-vert-0": 0, "signals-hide-edit-0": false, "signals-cond-1": "==", "signals-val-1": true, "signals-icon-1": "/vis/signals/lowbattery.png", "signals-icon-size-1": 0, "signals-blink-1": false, "signals-horz-1": 0, "signals-vert-1": 0, "signals-hide-edit-1": false, "signals-cond-2": "==", "signals-val-2": true, "signals-icon-2": "/vis/signals/lowbattery.png", "signals-icon-size-2": 0, "signals-blink-2": false, "signals-horz-2": 0, "signals-vert-2": 0, "signals-hide-edit-2": false, "lc-type": "last-change", "lc-is-interval": true, "lc-is-moment": false, "lc-format": "", "lc-position-vert": "top", "lc-position-horz": "right", "lc-offset-vert": 0, "lc-offset-horz": 0, "lc-font-size": "12px", "lc-font-family": "", "lc-font-style": "", "lc-bkg-color": "", "lc-color": "", "lc-border-width": "0", "lc-border-style": "", "lc-border-color": "", "lc-border-radius": 10, "lc-zindex": 0, "src": "https://www.radio.de/images/broadcasts/d3/d9/34383/2/c175.png", "value": "NDR Info", "name": "Radio 1" }, "style": { "left": "45px", "top": "565px", "width": "75px", "height": "75px", "z-index": "50", "color": "#510051", "background": "", "background-color": "rgba(45, 45, 45, 50)", "box-shadow": "2px 2px 3px rgba(20, 20, 20, 50)", "border-radius": "", "border-width": "" }, "widgetSet": "jqui" }, "e00010": { "tpl": "tplValueString", "data": { "oid": "alexa2.0.Echo-Devices.434e3448049e46af81eed0557cb6cd30.Player.currentArtist", "g_fixed": true, "g_visibility": true, "g_css_font_text": true, "g_css_background": false, "g_css_shadow_padding": false, "g_css_border": false, "g_gestures": false, "g_signals": false, "g_last_change": false, "signals-cond-0": "==", "signals-val-0": true, "signals-icon-0": "/vis.0/Tablet/lowbattery.png", "signals-icon-size-0": 0, "signals-blink-0": false, "signals-horz-0": 0, "signals-vert-0": 0, "signals-hide-edit-0": false, "signals-cond-1": "==", "signals-val-1": true, "signals-icon-1": "/vis.0/Tablet/lowbattery.png", "signals-icon-size-1": 0, "signals-blink-1": false, "signals-horz-1": 0, "signals-vert-1": 0, "signals-hide-edit-1": false, "signals-cond-2": "==", "signals-val-2": true, "signals-icon-2": "/vis.0/Tablet/lowbattery.png", "signals-icon-size-2": 0, "signals-blink-2": false, "signals-horz-2": 0, "signals-vert-2": 0, "signals-hide-edit-2": false, "lc-type": "last-change", "lc-is-interval": true, "lc-is-moment": false, "lc-format": "", "lc-position-vert": "top", "lc-position-horz": "right", "lc-offset-vert": 0, "lc-offset-horz": 0, "lc-font-size": "12px", "lc-font-family": "", "lc-font-style": "", "lc-bkg-color": "", "lc-color": "", "lc-border-width": "0", "lc-border-style": "", "lc-border-color": "", "lc-border-radius": 10, "lc-zindex": 0, "visibility-cond": "==", "visibility-val": "Alexa", "visibility-groups-action": "hide", "visibility-oid": "vis.0.Sonoscontrol.Wohnzimmer_Wiedergabequelle", "name": "Alexa Interpret" }, "style": { "left": "11px", "top": "418px", "color": "#ffffff", "width": "600px", "height": "45px", "text-align": "center", "font-style": "normal", "font-size": "larger", "z-index": "50", "font-weight": "normal", "font-family": "Tahoma, Geneva, sans-serif" }, "widgetSet": "basic" }, "e00011": { "tpl": "tplIconStateBool", "data": { "oid": "sonos.0.root.192_168_178_74.prev", "g_fixed": true, "g_visibility": false, "g_css_font_text": false, "g_css_background": true, "g_css_shadow_padding": true, "g_css_border": true, "g_gestures": false, "g_signals": false, "g_last_change": false, "signals-cond-0": "==", "signals-val-0": true, "signals-icon-0": "/vis.0/Tablet/lowbattery.png", "signals-icon-size-0": 0, "signals-blink-0": false, "signals-horz-0": 0, "signals-vert-0": 0, "signals-hide-edit-0": false, "signals-cond-1": "==", "signals-val-1": true, "signals-icon-1": "/vis.0/Tablet/lowbattery.png", "signals-icon-size-1": 0, "signals-blink-1": false, "signals-horz-1": 0, "signals-vert-1": 0, "signals-hide-edit-1": false, "signals-cond-2": "==", "signals-val-2": true, "signals-icon-2": "/vis.0/Tablet/lowbattery.png", "signals-icon-size-2": 0, "signals-blink-2": false, "signals-horz-2": 0, "signals-vert-2": 0, "signals-hide-edit-2": false, "lc-type": "last-change", "lc-is-interval": true, "lc-is-moment": false, "lc-format": "", "lc-position-vert": "top", "lc-position-horz": "right", "lc-offset-vert": 0, "lc-offset-horz": 0, "lc-font-size": "12px", "lc-font-family": "", "lc-font-style": "", "lc-bkg-color": "", "lc-color": "", "lc-border-width": "0", "lc-border-style": "", "lc-border-color": "", "lc-border-radius": 10, "lc-zindex": 0, "false_src": "/vis.0/Media Icons/5402413-512.png", "true_src": "/vis.0/Media Icons/5402413-512.png", "click_value": "true", "invert_icon": false, "click_id": "sonos.0.root.192_168_178_74.prev", "visibility-cond": "==", "visibility-val": 1, "visibility-groups-action": "hide", "name": "Back" }, "style": { "left": "49px", "top": "78px", "width": "60px", "height": "60px", "z-index": "50", "background": "rgba(60, 60, 60, 20)", "border-width": "0px", "border-radius": "45px", "box-shadow": "2px 2px 3px rgba(20, 20, 20, 50)" }, "widgetSet": "jqui" }, "e00012": { "tpl": "tplIconStateBool", "data": { "oid": "", "g_fixed": true, "g_visibility": false, "g_css_font_text": false, "g_css_background": true, "g_css_shadow_padding": true, "g_css_border": true, "g_gestures": false, "g_signals": false, "g_last_change": false, "signals-cond-0": "==", "signals-val-0": true, "signals-icon-0": "/vis.0/Tablet/lowbattery.png", "signals-icon-size-0": 0, "signals-blink-0": false, "signals-horz-0": 0, "signals-vert-0": 0, "signals-hide-edit-0": false, "signals-cond-1": "==", "signals-val-1": true, "signals-icon-1": "/vis.0/Tablet/lowbattery.png", "signals-icon-size-1": 0, "signals-blink-1": false, "signals-horz-1": 0, "signals-vert-1": 0, "signals-hide-edit-1": false, "signals-cond-2": "==", "signals-val-2": true, "signals-icon-2": "/vis.0/Tablet/lowbattery.png", "signals-icon-size-2": 0, "signals-blink-2": false, "signals-horz-2": 0, "signals-vert-2": 0, "signals-hide-edit-2": false, "lc-type": "last-change", "lc-is-interval": true, "lc-is-moment": false, "lc-format": "", "lc-position-vert": "top", "lc-position-horz": "right", "lc-offset-vert": 0, "lc-offset-horz": 0, "lc-font-size": "12px", "lc-font-family": "", "lc-font-style": "", "lc-bkg-color": "", "lc-color": "", "lc-border-width": "0", "lc-border-style": "", "lc-border-color": "", "lc-border-radius": 10, "lc-zindex": 0, "false_src": "/vis.0/Media Icons/5402446-512.png", "true_src": "/vis.0/Media Icons/5402446-512.png", "click_value": "true", "invert_icon": false, "click_id": "sonos.0.root.192_168_178_74.state_simple", "visibility-cond": "==", "visibility-val": 1, "visibility-groups-action": "hide", "name": "Play" }, "style": { "left": "49px", "top": "150px", "width": "60px", "height": "60px", "z-index": "50", "border-width": "0px", "border-radius": "45px", "box-shadow": "2px 2px 2px rgba(20, 20, 20, 50)", "background": "rgba(60, 60, 60, 20)" }, "widgetSet": "jqui" }, "e00013": { "tpl": "tplIconStateBool", "data": { "oid": "sonos.0.root.192_168_178_74.state", "g_fixed": true, "g_visibility": false, "g_css_font_text": false, "g_css_background": true, "g_css_shadow_padding": true, "g_css_border": true, "g_gestures": false, "g_signals": false, "g_last_change": false, "signals-cond-0": "==", "signals-val-0": true, "signals-icon-0": "/vis.0/Tablet/lowbattery.png", "signals-icon-size-0": 0, "signals-blink-0": false, "signals-horz-0": 0, "signals-vert-0": 0, "signals-hide-edit-0": false, "signals-cond-1": "==", "signals-val-1": true, "signals-icon-1": "/vis.0/Tablet/lowbattery.png", "signals-icon-size-1": 0, "signals-blink-1": false, "signals-horz-1": 0, "signals-vert-1": 0, "signals-hide-edit-1": false, "signals-cond-2": "==", "signals-val-2": true, "signals-icon-2": "/vis.0/Tablet/lowbattery.png", "signals-icon-size-2": 0, "signals-blink-2": false, "signals-horz-2": 0, "signals-vert-2": 0, "signals-hide-edit-2": false, "lc-type": "last-change", "lc-is-interval": true, "lc-is-moment": false, "lc-format": "", "lc-position-vert": "top", "lc-position-horz": "right", "lc-offset-vert": 0, "lc-offset-horz": 0, "lc-font-size": "12px", "lc-font-family": "", "lc-font-style": "", "lc-bkg-color": "", "lc-color": "", "lc-border-width": "0", "lc-border-style": "", "lc-border-color": "", "lc-border-radius": 10, "lc-zindex": 0, "false_src": "/vis.0/Media Icons/5402447-512.png", "true_src": "/vis.0/Media Icons/5402447-512.png", "click_value": "pause", "invert_icon": false, "visibility-cond": "==", "visibility-val": 1, "visibility-groups-action": "hide", "name": "Pause" }, "style": { "left": "49px", "top": "219px", "width": "60px", "height": "60px", "z-index": "50", "background": "rgba(60, 60, 60, 20)", "border-width": "0px", "border-radius": "45px", "box-shadow": "2px 2px 3px rgba(20, 20, 20, 50)" }, "widgetSet": "jqui" }, "e00014": { "tpl": "tplIconStateBool", "data": { "oid": "sonos.0.root.192_168_178_74.state", "g_fixed": true, "g_visibility": false, "g_css_font_text": false, "g_css_background": true, "g_css_shadow_padding": true, "g_css_border": true, "g_gestures": false, "g_signals": false, "g_last_change": false, "signals-cond-0": "==", "signals-val-0": true, "signals-icon-0": "/vis.0/Tablet/lowbattery.png", "signals-icon-size-0": 0, "signals-blink-0": false, "signals-horz-0": 0, "signals-vert-0": 0, "signals-hide-edit-0": false, "signals-cond-1": "==", "signals-val-1": true, "signals-icon-1": "/vis.0/Tablet/lowbattery.png", "signals-icon-size-1": 0, "signals-blink-1": false, "signals-horz-1": 0, "signals-vert-1": 0, "signals-hide-edit-1": false, "signals-cond-2": "==", "signals-val-2": true, "signals-icon-2": "/vis.0/Tablet/lowbattery.png", "signals-icon-size-2": 0, "signals-blink-2": false, "signals-horz-2": 0, "signals-vert-2": 0, "signals-hide-edit-2": false, "lc-type": "last-change", "lc-is-interval": true, "lc-is-moment": false, "lc-format": "", "lc-position-vert": "top", "lc-position-horz": "right", "lc-offset-vert": 0, "lc-offset-horz": 0, "lc-font-size": "12px", "lc-font-family": "", "lc-font-style": "", "lc-bkg-color": "", "lc-color": "", "lc-border-width": "0", "lc-border-style": "", "lc-border-color": "", "lc-border-radius": 10, "lc-zindex": 0, "false_src": "/vis.0/Media Icons/5402405-512.png", "true_src": "/vis.0/Media Icons/5402405-512.png", "click_value": "next", "invert_icon": false, "visibility-cond": "==", "visibility-val": 1, "visibility-groups-action": "hide", "name": "Next" }, "style": { "left": "49px", "top": "289px", "width": "60px", "height": "60px", "z-index": "50", "background": "rgba(60, 60, 60, 20)", "border-width": "0px", "border-radius": "45px", "box-shadow": "2px 2px 3px rgba(20, 20, 20, 50)" }, "widgetSet": "jqui" }, "e00015": { "tpl": "tplIconState", "data": { "oid": "sonos.0.root.192_168_178_74.favorites_set", "g_fixed": true, "g_visibility": false, "g_css_font_text": false, "g_css_background": true, "g_css_shadow_padding": false, "g_css_border": true, "g_gestures": false, "g_signals": false, "g_last_change": false, "visibility-cond": "==", "visibility-val": 1, "visibility-groups-action": "hide", "signals-cond-0": "==", "signals-val-0": true, "signals-icon-0": "/vis/signals/lowbattery.png", "signals-icon-size-0": 0, "signals-blink-0": false, "signals-horz-0": 0, "signals-vert-0": 0, "signals-hide-edit-0": false, "signals-cond-1": "==", "signals-val-1": true, "signals-icon-1": "/vis/signals/lowbattery.png", "signals-icon-size-1": 0, "signals-blink-1": false, "signals-horz-1": 0, "signals-vert-1": 0, "signals-hide-edit-1": false, "signals-cond-2": "==", "signals-val-2": true, "signals-icon-2": "/vis/signals/lowbattery.png", "signals-icon-size-2": 0, "signals-blink-2": false, "signals-horz-2": 0, "signals-vert-2": 0, "signals-hide-edit-2": false, "lc-type": "last-change", "lc-is-interval": true, "lc-is-moment": false, "lc-format": "", "lc-position-vert": "top", "lc-position-horz": "right", "lc-offset-vert": 0, "lc-offset-horz": 0, "lc-font-size": "12px", "lc-font-family": "", "lc-font-style": "", "lc-bkg-color": "", "lc-color": "", "lc-border-width": "0", "lc-border-style": "", "lc-border-color": "", "lc-border-radius": 10, "lc-zindex": 0, "src": "https://m.media-amazon.com/images/I/81YSG-I4w5L._SS500_.jpg", "value": "Top-Songs Deutschland", "imageHeight": "", "text": "", "name": "Playlist 5" }, "style": { "left": "405px", "top": "475px", "width": "75px", "height": "75px", "z-index": "50", "color": "#510051", "background": "rgba(45, 45, 45, 50)", "background-color": "rgba(45, 45, 45, 50)", "box-shadow": "2px 2px 3px rgba(20, 20, 20, 50)", "border-radius": "", "border-width": "" }, "widgetSet": "jqui" }, "e00016": { "tpl": "tplIconState", "data": { "oid": "sonos.0.root.192_168_178_74.favorites_set", "g_fixed": true, "g_visibility": false, "g_css_font_text": false, "g_css_background": true, "g_css_shadow_padding": false, "g_css_border": true, "g_gestures": false, "g_signals": false, "g_last_change": false, "visibility-cond": "==", "visibility-val": 1, "visibility-groups-action": "hide", "signals-cond-0": "==", "signals-val-0": true, "signals-icon-0": "/vis/signals/lowbattery.png", "signals-icon-size-0": 0, "signals-blink-0": false, "signals-horz-0": 0, "signals-vert-0": 0, "signals-hide-edit-0": false, "signals-cond-1": "==", "signals-val-1": true, "signals-icon-1": "/vis/signals/lowbattery.png", "signals-icon-size-1": 0, "signals-blink-1": false, "signals-horz-1": 0, "signals-vert-1": 0, "signals-hide-edit-1": false, "signals-cond-2": "==", "signals-val-2": true, "signals-icon-2": "/vis/signals/lowbattery.png", "signals-icon-size-2": 0, "signals-blink-2": false, "signals-horz-2": 0, "signals-vert-2": 0, "signals-hide-edit-2": false, "lc-type": "last-change", "lc-is-interval": true, "lc-is-moment": false, "lc-format": "", "lc-position-vert": "top", "lc-position-horz": "right", "lc-offset-vert": 0, "lc-offset-horz": 0, "lc-font-size": "12px", "lc-font-family": "", "lc-font-style": "", "lc-bkg-color": "", "lc-color": "", "lc-border-width": "0", "lc-border-style": "", "lc-border-color": "", "lc-border-radius": 10, "lc-zindex": 0, "src": "https://www.radio.de/images/broadcasts/32/6a/2350/1/c175.png", "value": "N-JOY", "imageHeight": "", "text": "", "name": "Radio 5" }, "style": { "left": "405px", "top": "565px", "width": "75px", "height": "75px", "z-index": "50", "color": "#510051", "background": "rgba(45, 45, 45, 50)", "background-color": "rgba(45, 45, 45, 50)", "box-shadow": "2px 2px 3px rgba(20, 20, 20, 50)", "border-radius": "", "border-width": "" }, "widgetSet": "jqui" }, "e00017": { "tpl": "tplValueFloat", "data": { "oid": "sonos.0.root.192_168_178_74.group_volume", "g_fixed": true, "g_visibility": false, "g_css_font_text": true, "g_css_background": false, "g_css_shadow_padding": false, "g_css_border": false, "g_gestures": false, "g_signals": false, "g_last_change": false, "visibility-cond": "==", "visibility-val": 1, "visibility-groups-action": "hide", "is_comma": "true", "factor": "1", "signals-cond-0": "==", "signals-val-0": true, "signals-icon-0": "/vis/signals/lowbattery.png", "signals-icon-size-0": 0, "signals-blink-0": false, "signals-horz-0": 0, "signals-vert-0": 0, "signals-hide-edit-0": false, "signals-cond-1": "==", "signals-val-1": true, "signals-icon-1": "/vis/signals/lowbattery.png", "signals-icon-size-1": 0, "signals-blink-1": false, "signals-horz-1": 0, "signals-vert-1": 0, "signals-hide-edit-1": false, "signals-cond-2": "==", "signals-val-2": true, "signals-icon-2": "/vis/signals/lowbattery.png", "signals-icon-size-2": 0, "signals-blink-2": false, "signals-horz-2": 0, "signals-vert-2": 0, "signals-hide-edit-2": false, "lc-type": "last-change", "lc-is-interval": true, "lc-is-moment": false, "lc-format": "", "lc-position-vert": "top", "lc-position-horz": "right", "lc-offset-vert": 0, "lc-offset-horz": 0, "lc-font-size": "12px", "lc-font-family": "", "lc-font-style": "", "lc-bkg-color": "", "lc-color": "", "lc-border-width": "0", "lc-border-style": "", "lc-border-color": "", "lc-border-radius": 10, "lc-zindex": 0, "html_append_singular": "", "html_append_plural": " %", "name": "Volume Percent" }, "style": { "left": "554px", "top": "200px", "width": "50px", "height": "32px", "font-family": "Tahoma, Geneva, sans-serif", "font-size": "larger", "font-weight": "normal", "font-style": "normal", "color": "#ffffff", "text-align": "right" }, "widgetSet": "basic" }, "e00018": { "tpl": "tplIconInc", "data": { "oid": "sonos.0.root.192_168_178_74.group_volume", "g_fixed": true, "g_visibility": false, "g_css_font_text": false, "g_css_background": false, "g_css_shadow_padding": false, "g_css_border": true, "g_gestures": false, "g_signals": false, "g_last_change": false, "visibility-cond": "==", "visibility-val": 1, "visibility-groups-action": "hide", "step": "2", "minmax": "100", "text": "", "repeat_delay": "100", "repeat_interval": "100", "signals-cond-0": "==", "signals-val-0": true, "signals-icon-0": "/vis/signals/lowbattery.png", "signals-icon-size-0": 0, "signals-blink-0": false, "signals-horz-0": 0, "signals-vert-0": 0, "signals-hide-edit-0": false, "signals-cond-1": "==", "signals-val-1": true, "signals-icon-1": "/vis/signals/lowbattery.png", "signals-icon-size-1": 0, "signals-blink-1": false, "signals-horz-1": 0, "signals-vert-1": 0, "signals-hide-edit-1": false, "signals-cond-2": "==", "signals-val-2": true, "signals-icon-2": "/vis/signals/lowbattery.png", "signals-icon-size-2": 0, "signals-blink-2": false, "signals-horz-2": 0, "signals-vert-2": 0, "signals-hide-edit-2": false, "lc-type": "last-change", "lc-is-interval": true, "lc-is-moment": false, "lc-format": "", "lc-position-vert": "top", "lc-position-horz": "right", "lc-offset-vert": 0, "lc-offset-horz": 0, "lc-font-size": "12px", "lc-font-family": "", "lc-font-style": "", "lc-bkg-color": "", "lc-color": "", "lc-border-width": "0", "lc-border-style": "", "lc-border-color": "", "lc-border-radius": 10, "lc-zindex": 0, "class": "iconSonosVolume", "src": "/vis.0/Media Icons/5402387-512.png", "name": "Volume Up" }, "style": { "left": "514px", "top": "80px", "border-width": "0px", "border-radius": "35px", "width": "35px", "height": "35px", "background": "rgba(60, 60, 60, 20)", "z-index": "50", "box-shadow": "2px 2px 3px rgba(20, 20, 20, 50)" }, "widgetSet": "jqui" }, "e00019": { "tpl": "tplIconInc", "data": { "oid": "sonos.0.root.192_168_178_74.group_volume", "g_fixed": true, "g_visibility": false, "g_css_font_text": false, "g_css_background": false, "g_css_shadow_padding": false, "g_css_border": true, "g_gestures": false, "g_signals": false, "g_last_change": false, "visibility-cond": "==", "visibility-val": 1, "visibility-groups-action": "hide", "step": "-2", "minmax": "0", "text": "", "repeat_delay": "100", "repeat_interval": "100", "signals-cond-0": "==", "signals-val-0": true, "signals-icon-0": "/vis/signals/lowbattery.png", "signals-icon-size-0": 0, "signals-blink-0": false, "signals-horz-0": 0, "signals-vert-0": 0, "signals-hide-edit-0": false, "signals-cond-1": "==", "signals-val-1": true, "signals-icon-1": "/vis/signals/lowbattery.png", "signals-icon-size-1": 0, "signals-blink-1": false, "signals-horz-1": 0, "signals-vert-1": 0, "signals-hide-edit-1": false, "signals-cond-2": "==", "signals-val-2": true, "signals-icon-2": "/vis/signals/lowbattery.png", "signals-icon-size-2": 0, "signals-blink-2": false, "signals-horz-2": 0, "signals-vert-2": 0, "signals-hide-edit-2": false, "lc-type": "last-change", "lc-is-interval": true, "lc-is-moment": false, "lc-format": "", "lc-position-vert": "top", "lc-position-horz": "right", "lc-offset-vert": 0, "lc-offset-horz": 0, "lc-font-size": "12px", "lc-font-family": "", "lc-font-style": "", "lc-bkg-color": "", "lc-color": "", "lc-border-width": "0", "lc-border-style": "", "lc-border-color": "", "lc-border-radius": 10, "lc-zindex": 0, "class": "iconSonosVolume", "src": "/vis.0/Media Icons/5402367-512.png", "name": "Volume Down" }, "style": { "left": "514px", "top": "312px", "border-width": "0px", "border-radius": "35px", "width": "35px", "height": "35px", "background": "rgba(60, 60, 60, 20)", "z-index": "50", "box-shadow": "2px 2px 3px rgba(20, 20, 20, 50)" }, "widgetSet": "jqui" }, "e00020": { "tpl": "tplIconState", "data": { "oid": "sonos.0.root.192_168_178_74.favorites_set", "g_fixed": true, "g_visibility": false, "g_css_font_text": false, "g_css_background": true, "g_css_shadow_padding": false, "g_css_border": true, "g_gestures": false, "g_signals": false, "g_last_change": false, "visibility-cond": "==", "visibility-val": 1, "visibility-groups-action": "hide", "signals-cond-0": "==", "signals-val-0": true, "signals-icon-0": "/vis/signals/lowbattery.png", "signals-icon-size-0": 0, "signals-blink-0": false, "signals-horz-0": 0, "signals-vert-0": 0, "signals-hide-edit-0": false, "signals-cond-1": "==", "signals-val-1": true, "signals-icon-1": "/vis/signals/lowbattery.png", "signals-icon-size-1": 0, "signals-blink-1": false, "signals-horz-1": 0, "signals-vert-1": 0, "signals-hide-edit-1": false, "signals-cond-2": "==", "signals-val-2": true, "signals-icon-2": "/vis/signals/lowbattery.png", "signals-icon-size-2": 0, "signals-blink-2": false, "signals-horz-2": 0, "signals-vert-2": 0, "signals-hide-edit-2": false, "lc-type": "last-change", "lc-is-interval": true, "lc-is-moment": false, "lc-format": "", "lc-position-vert": "top", "lc-position-horz": "right", "lc-offset-vert": 0, "lc-offset-horz": 0, "lc-font-size": "12px", "lc-font-family": "", "lc-font-style": "", "lc-bkg-color": "", "lc-color": "", "lc-border-width": "0", "lc-border-style": "", "lc-border-color": "", "lc-border-radius": 10, "lc-zindex": 0, "src": "https://www.radio.de/images/broadcasts/83/71/6872/1/c175.png", "value": "ENERGY Hamburg", "imageHeight": "", "text": "", "name": "Radio 6" }, "style": { "left": "495px", "top": "565px", "width": "75px", "height": "75px", "z-index": "50", "color": "#510051", "background": "rgba(45, 45, 45, 50)", "background-color": "rgba(45, 45, 45, 50)", "box-shadow": "2px 2px 3px rgba(20, 20, 20, 50)", "border-radius": "", "border-width": "" }, "widgetSet": "jqui" }, "e00021": { "tpl": "tplIconState", "data": { "oid": "sonos.0.root.192_168_178_74.favorites_set", "g_fixed": true, "g_visibility": false, "g_css_font_text": false, "g_css_background": true, "g_css_shadow_padding": false, "g_css_border": true, "g_gestures": false, "g_signals": false, "g_last_change": false, "visibility-cond": "==", "visibility-val": 1, "visibility-groups-action": "hide", "signals-cond-0": "==", "signals-val-0": true, "signals-icon-0": "/vis/signals/lowbattery.png", "signals-icon-size-0": 0, "signals-blink-0": false, "signals-horz-0": 0, "signals-vert-0": 0, "signals-hide-edit-0": false, "signals-cond-1": "==", "signals-val-1": true, "signals-icon-1": "/vis/signals/lowbattery.png", "signals-icon-size-1": 0, "signals-blink-1": false, "signals-horz-1": 0, "signals-vert-1": 0, "signals-hide-edit-1": false, "signals-cond-2": "==", "signals-val-2": true, "signals-icon-2": "/vis/signals/lowbattery.png", "signals-icon-size-2": 0, "signals-blink-2": false, "signals-horz-2": 0, "signals-vert-2": 0, "signals-hide-edit-2": false, "lc-type": "last-change", "lc-is-interval": true, "lc-is-moment": false, "lc-format": "", "lc-position-vert": "top", "lc-position-horz": "right", "lc-offset-vert": 0, "lc-offset-horz": 0, "lc-font-size": "12px", "lc-font-family": "", "lc-font-style": "", "lc-bkg-color": "", "lc-color": "", "lc-border-width": "0", "lc-border-style": "", "lc-border-color": "", "lc-border-radius": 10, "lc-zindex": 0, "src": "https://images-na.ssl-images-amazon.com/images/I/81HIj%2BVH9pL._SL1200_.jpg", "value": "Die besten Kinderlieder aus der Serie \"Die 30 besten\"", "imageHeight": "", "text": "", "name": "Playlist 6" }, "style": { "left": "495px", "top": "475px", "width": "75px", "height": "75px", "z-index": "50", "color": "#510051", "background": "rgba(45, 45, 45, 50)", "background-color": "rgba(45, 45, 45, 50)", "box-shadow": "2px 2px 3px rgba(20, 20, 20, 50)", "border-radius": "", "border-width": "" }, "widgetSet": "jqui" }, "e00022": { "tpl": "tplValueString", "data": { "oid": "", "g_fixed": true, "g_visibility": false, "g_css_font_text": true, "g_css_background": false, "g_css_shadow_padding": false, "g_css_border": false, "g_gestures": false, "g_signals": false, "g_last_change": false, "visibility-cond": "==", "visibility-val": 1, "visibility-groups-action": "hide", "signals-cond-0": "==", "signals-val-0": true, "signals-icon-0": "/vis/signals/lowbattery.png", "signals-icon-size-0": 0, "signals-blink-0": false, "signals-horz-0": 0, "signals-vert-0": 0, "signals-hide-edit-0": false, "signals-cond-1": "==", "signals-val-1": true, "signals-icon-1": "/vis/signals/lowbattery.png", "signals-icon-size-1": 0, "signals-blink-1": false, "signals-horz-1": 0, "signals-vert-1": 0, "signals-hide-edit-1": false, "signals-cond-2": "==", "signals-val-2": true, "signals-icon-2": "/vis/signals/lowbattery.png", "signals-icon-size-2": 0, "signals-blink-2": false, "signals-horz-2": 0, "signals-vert-2": 0, "signals-hide-edit-2": false, "lc-type": "last-change", "lc-is-interval": true, "lc-is-moment": false, "lc-format": "", "lc-position-vert": "top", "lc-position-horz": "right", "lc-offset-vert": 0, "lc-offset-horz": 0, "lc-font-size": "12px", "lc-font-family": "", "lc-font-style": "", "lc-bkg-color": "", "lc-color": "", "lc-border-width": "0", "lc-border-style": "", "lc-border-color": "", "lc-border-radius": 10, "lc-zindex": 0, "test_html": "", "html_prepend": "Wohnzimmer", "name": "Player Name" }, "style": { "left": "196px", "top": "15px", "width": "230px", "height": "36px", "text-align": "center", "font-family": "Tahoma, Geneva, sans-serif", "font-weight": "bolder", "font-variant": "normal", "font-style": "", "font-size": "xx-large", "color": "#FFFFFF" }, "widgetSet": "basic" }, "e00023": { "tpl": "tplValueStringImg", "data": { "oid": "sonos.0.root.192_168_178_74.current_cover", "g_fixed": true, "g_visibility": true, "g_css_font_text": false, "g_css_background": false, "g_css_shadow_padding": false, "g_css_border": true, "g_gestures": false, "g_signals": false, "g_last_change": false, "refreshInterval": "50", "lc-type": "last-change", "lc-is-interval": true, "lc-is-moment": false, "lc-format": "", "lc-position-vert": "top", "lc-position-horz": "right", "lc-offset-vert": 0, "lc-offset-horz": 0, "lc-font-size": "12px", "lc-font-family": "", "lc-font-style": "", "lc-bkg-color": "", "lc-color": "", "lc-border-width": "0", "lc-border-style": "", "lc-border-color": "", "lc-border-radius": 10, "lc-zindex": 0, "name": "Sonos Cover", "signals-cond-0": "==", "signals-val-0": true, "signals-icon-0": "/vis/signals/lowbattery.png", "signals-icon-size-0": 0, "signals-blink-0": false, "signals-horz-0": 0, "signals-vert-0": 0, "signals-hide-edit-0": false, "signals-cond-1": "==", "signals-val-1": true, "signals-icon-1": "/vis/signals/lowbattery.png", "signals-icon-size-1": 0, "signals-blink-1": false, "signals-horz-1": 0, "signals-vert-1": 0, "signals-hide-edit-1": false, "signals-cond-2": "==", "signals-val-2": true, "signals-icon-2": "/vis/signals/lowbattery.png", "signals-icon-size-2": 0, "signals-blink-2": false, "signals-horz-2": 0, "signals-vert-2": 0, "signals-hide-edit-2": false, "visibility-cond": "==", "visibility-val": "Sonos", "visibility-groups-action": "hide", "visibility-oid": "vis.0.Sonoscontrol.Wohnzimmer_Wiedergabequelle" }, "style": { "left": "174px", "top": "74px", "width": "275px", "height": "275px", "z-index": "10", "border-radius": "270px" }, "widgetSet": "basic" }, "e00024": { "tpl": "tplValueString", "data": { "oid": "sonos.0.root.192_168_178_74.current_title", "g_fixed": true, "g_visibility": true, "g_css_font_text": true, "g_css_background": false, "g_css_shadow_padding": false, "g_css_border": false, "g_gestures": false, "g_signals": false, "g_last_change": false, "signals-cond-0": "==", "signals-val-0": true, "signals-icon-0": "/vis.0/Tablet/lowbattery.png", "signals-icon-size-0": 0, "signals-blink-0": false, "signals-horz-0": 0, "signals-vert-0": 0, "signals-hide-edit-0": false, "signals-cond-1": "==", "signals-val-1": true, "signals-icon-1": "/vis.0/Tablet/lowbattery.png", "signals-icon-size-1": 0, "signals-blink-1": false, "signals-horz-1": 0, "signals-vert-1": 0, "signals-hide-edit-1": false, "signals-cond-2": "==", "signals-val-2": true, "signals-icon-2": "/vis.0/Tablet/lowbattery.png", "signals-icon-size-2": 0, "signals-blink-2": false, "signals-horz-2": 0, "signals-vert-2": 0, "signals-hide-edit-2": false, "lc-type": "last-change", "lc-is-interval": true, "lc-is-moment": false, "lc-format": "", "lc-position-vert": "top", "lc-position-horz": "right", "lc-offset-vert": 0, "lc-offset-horz": 0, "lc-font-size": "12px", "lc-font-family": "", "lc-font-style": "", "lc-bkg-color": "", "lc-color": "", "lc-border-width": "0", "lc-border-style": "", "lc-border-color": "", "lc-border-radius": 10, "lc-zindex": 0, "visibility-cond": "==", "visibility-val": "Sonos", "visibility-groups-action": "hide", "visibility-oid": "vis.0.Sonoscontrol.Wohnzimmer_Wiedergabequelle", "name": "Sonos Titel" }, "style": { "left": "11px", "top": "369px", "color": "#ffffff", "width": "600px", "height": "45px", "text-align": "center", "font-style": "normal", "font-size": "larger", "z-index": "50", "font-weight": "normal", "font-family": "Tahoma, Geneva, sans-serif" }, "widgetSet": "basic" }, "e00025": { "tpl": "tplValueString", "data": { "oid": "sonos.0.root.192_168_178_74.current_artist", "g_fixed": true, "g_visibility": true, "g_css_font_text": true, "g_css_background": false, "g_css_shadow_padding": false, "g_css_border": false, "g_gestures": false, "g_signals": false, "g_last_change": false, "signals-cond-0": "==", "signals-val-0": true, "signals-icon-0": "/vis.0/Tablet/lowbattery.png", "signals-icon-size-0": 0, "signals-blink-0": false, "signals-horz-0": 0, "signals-vert-0": 0, "signals-hide-edit-0": false, "signals-cond-1": "==", "signals-val-1": true, "signals-icon-1": "/vis.0/Tablet/lowbattery.png", "signals-icon-size-1": 0, "signals-blink-1": false, "signals-horz-1": 0, "signals-vert-1": 0, "signals-hide-edit-1": false, "signals-cond-2": "==", "signals-val-2": true, "signals-icon-2": "/vis.0/Tablet/lowbattery.png", "signals-icon-size-2": 0, "signals-blink-2": false, "signals-horz-2": 0, "signals-vert-2": 0, "signals-hide-edit-2": false, "lc-type": "last-change", "lc-is-interval": true, "lc-is-moment": false, "lc-format": "", "lc-position-vert": "top", "lc-position-horz": "right", "lc-offset-vert": 0, "lc-offset-horz": 0, "lc-font-size": "12px", "lc-font-family": "", "lc-font-style": "", "lc-bkg-color": "", "lc-color": "", "lc-border-width": "0", "lc-border-style": "", "lc-border-color": "", "lc-border-radius": 10, "lc-zindex": 0, "visibility-cond": "==", "visibility-val": "Sonos", "visibility-groups-action": "hide", "visibility-oid": "vis.0.Sonoscontrol.Wohnzimmer_Wiedergabequelle", "name": "Sonos Interpret" }, "style": { "left": "11px", "top": "418px", "color": "#ffffff", "width": "600px", "height": "45px", "text-align": "center", "font-style": "normal", "font-size": "larger", "z-index": "50", "font-weight": "normal", "font-family": "Tahoma, Geneva, sans-serif" }, "widgetSet": "basic" }, "e00026": { "tpl": "i-vis-slider-simple-2", "data": { "g_fixed": false, "g_visibility": false, "g_css_font_text": false, "g_css_background": false, "g_css_shadow_padding": false, "g_css_border": false, "g_gestures": false, "g_signals": false, "g_last_change": false, "visibility-cond": "==", "visibility-val": 1, "visibility-groups-action": "hide", "iMinVal": "0", "iMaxVal": "100", "iStepVal": "1", "iSliderRotation": "0", "iSliderHeight": "10", "iSliderColor": "rgba(60, 60, 60, 20)", "iSliderCorners": "100", "iSliderKnobSize": "20", "iSliderKnobColor": "#ffffff", "iSliderKnobCorners": "100", "iSliderTextColor": "#ffffff", "iValueTextColor": "#455618", "iTextSize": "12", "signals-cond-0": "==", "signals-val-0": true, "signals-icon-0": "/vis/signals/lowbattery.png", "signals-icon-size-0": 0, "signals-blink-0": false, "signals-horz-0": 0, "signals-vert-0": 0, "signals-hide-edit-0": false, "signals-cond-1": "==", "signals-val-1": true, "signals-icon-1": "/vis/signals/lowbattery.png", "signals-icon-size-1": 0, "signals-blink-1": false, "signals-horz-1": 0, "signals-vert-1": 0, "signals-hide-edit-1": false, "signals-cond-2": "==", "signals-val-2": true, "signals-icon-2": "/vis/signals/lowbattery.png", "signals-icon-size-2": 0, "signals-blink-2": false, "signals-horz-2": 0, "signals-vert-2": 0, "signals-hide-edit-2": false, "lc-type": "last-change", "lc-is-interval": true, "lc-is-moment": false, "lc-format": "", "lc-position-vert": "top", "lc-position-horz": "right", "lc-offset-vert": 0, "lc-offset-horz": 0, "lc-font-size": "12px", "lc-font-family": "", "lc-font-style": "", "lc-bkg-color": "", "lc-color": "", "lc-border-width": "0", "lc-border-style": "", "lc-border-color": "", "lc-border-radius": 10, "lc-zindex": 0, "oid": "sonos.0.root.192_168_178_74.group_volume", "iSliderLabel": "", "iShowMinMax": false, "iValueAfterText": "", "iChangeOnRelease": false, "iShowValue": false }, "style": { "left": "524px", "top": "137px", "width": "15px", "height": "172px" }, "widgetSet": "vis-inventwo" }, "e00027": { "tpl": "tplValueStringImg", "data": { "oid": "alexa2.0.Echo-Devices.434e3448049e46af81eed0557cb6cd30.Player.mainArtUrl", "g_fixed": true, "g_visibility": true, "g_css_font_text": false, "g_css_background": false, "g_css_shadow_padding": false, "g_css_border": true, "g_gestures": false, "g_signals": false, "g_last_change": false, "refreshInterval": "0", "lc-type": "last-change", "lc-is-interval": true, "lc-is-moment": false, "lc-format": "", "lc-position-vert": "top", "lc-position-horz": "right", "lc-offset-vert": 0, "lc-offset-horz": 0, "lc-font-size": "12px", "lc-font-family": "", "lc-font-style": "", "lc-bkg-color": "", "lc-color": "", "lc-border-width": "0", "lc-border-style": "", "lc-border-color": "", "lc-border-radius": 10, "lc-zindex": 0, "name": "Alexa Cover", "signals-cond-0": "==", "signals-val-0": true, "signals-icon-0": "/vis/signals/lowbattery.png", "signals-icon-size-0": 0, "signals-blink-0": false, "signals-horz-0": 0, "signals-vert-0": 0, "signals-hide-edit-0": false, "signals-cond-1": "==", "signals-val-1": true, "signals-icon-1": "/vis/signals/lowbattery.png", "signals-icon-size-1": 0, "signals-blink-1": false, "signals-horz-1": 0, "signals-vert-1": 0, "signals-hide-edit-1": false, "signals-cond-2": "==", "signals-val-2": true, "signals-icon-2": "/vis/signals/lowbattery.png", "signals-icon-size-2": 0, "signals-blink-2": false, "signals-horz-2": 0, "signals-vert-2": 0, "signals-hide-edit-2": false, "visibility-cond": "==", "visibility-val": "Alexa", "visibility-groups-action": "hide", "visibility-oid": "vis.0.Sonoscontrol.Wohnzimmer_Wiedergabequelle" }, "style": { "left": "174px", "top": "74px", "width": "275px", "height": "275px", "z-index": "10", "border-radius": "270px" }, "widgetSet": "basic" } }, "name": "Sonos_Wohnzimmer", "filterList": [] }Eingebunden in Jarvis ist das Ganze dann als iFrame.
Da ich sowohl über die VIS mit Sonos-Adapter bzw. Sonos App als auch über Alexa die Musik steuere, sind die Widgets für Titel, Interpret und Cover doppelt. Die Alexa Widgets werden ausgeblendet wenn über VIS/Sonos Musik gespielt wird und umgekehrt. Dazu habe ich für jeden Player einen "Wiedergabequelle"-Datenpunkt in ioBroker angelegt, der über einen Trigger im Javascript gesteuert wird. Somit wird dann unabhängig davon worüber ich die Musikwiedergabe starte die richtige Information angezeigt. Hier einmal das Script:on({id: "sonos.0.root.192_168_178_74.state_simple"/*Binary play/pause state*/, val: true}, async function (obj) { var value = obj.state.val; var oldValue = obj.oldState.val; if (getState("alexa2.0.Echo-Devices.434e3448049e46af81eed0557cb6cd30.Player.currentState").val == true && getState("alexa2.0.Echo-Devices.434e3448049e46af81eed0557cb6cd30.Player.mainArtUrl").val != "") { setState("vis.0.Sonoscontrol.Wohnzimmer_Wiedergabequelle"/*Wohnzimmer_Wiedergabequelle*/, 'Alexa'); } else { setState("vis.0.Sonoscontrol.Wohnzimmer_Wiedergabequelle"/*Wohnzimmer_Wiedergabequelle*/, 'Sonos'); } });
