- Home
- Deutsch
- Visualisierung
- [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.
-
@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.
-
@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
-
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; } -
@sebojung Ok, Problem gelöst. Die Stable 2.1 in iobroker hat es nicht gekonnt. Über Github direkt die 2.2 hat es direkt geschafft
-
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?
-
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
-
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
-
@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?
-
-
@noah3112
einfach ein 'Uhr' dahinter:
d. MMMM yyyy HH:mm:ss 'Uhr' -
@ash2k Oh man manchmal ist es so einfach...sorry für die Frage und danke es funktioniert
-
@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'); } });
