Weiter zum Inhalt
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Hell
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dunkel
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor
  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum
donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Colorpicker für dicke Finger

NEWS

  • Neuer ioBroker-Blog online: Monatsrückblick März/April 2026
    BluefoxB
    Bluefox
    8
    1
    371
  • Verwendung von KI bitte immer deutlich kennzeichnen
    HomoranH
    Homoran
    10
    1
    327
  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    18
    1
    945

Colorpicker für dicke Finger

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
17 Beiträge 5 Kommentatoren 1.5k Aufrufe 7 Beobachtet
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • S Offline
    S Offline
    Supermicha
    schrieb am zuletzt editiert von
    #2

    ich weiß nicht, ob dir das hilft...

    ich habe mit einen selbergebaut, es ist kein "vollwertiger" Colorpicker, er enthält nur die Grundfarben...
    21b3fea8-3d4e-48de-987a-741f61c59aa3-grafik.png

    Das sind einfach bunte Buttons, die den ensprechenden Wert in den DP der Lampe schreiben. Funktioniert problemlos, ließe sich natürlich um beliebig viele Buttons erweitern, aber ist natürlich kein echtes RGB

    a200A 1 Antwort Letzte Antwort
    1
    • S Supermicha

      ich weiß nicht, ob dir das hilft...

      ich habe mit einen selbergebaut, es ist kein "vollwertiger" Colorpicker, er enthält nur die Grundfarben...
      21b3fea8-3d4e-48de-987a-741f61c59aa3-grafik.png

      Das sind einfach bunte Buttons, die den ensprechenden Wert in den DP der Lampe schreiben. Funktioniert problemlos, ließe sich natürlich um beliebig viele Buttons erweitern, aber ist natürlich kein echtes RGB

      a200A Offline
      a200A Offline
      a200
      schrieb am zuletzt editiert von
      #3

      @supermicha Vielen Dank. Das war mein "Plan B". Ich bin überrascht, dass die LED Steuerung über ein Tablett so wenig Beachtung hier findet. Ich bin mir sicher, dass es bessere Lösungen gibt.

      IoBroker auf QNAP TS-451, Raspi und NUC

      liv-in-skyL 1 Antwort Letzte Antwort
      0
      • S Offline
        S Offline
        Supermicha
        schrieb am zuletzt editiert von
        #4

        Ja, ein echter RGB-Colorpicker stand auch lange auf meiner Wunschliste...

        Das sollte ja grundsätzlich nicht sooo schwer sein, ist ja in praktisch jeder Smart-Home/Smart-Lightning-App zu finden...

        Wobei ich mittlerweile finde, das mir die Grundfarben in meiner Umsetzung eigentlich ausreichen, grade wenn man verschiedene Lampen gleichfarbig schalten will, wird es schwierig mehrfach den exakten Farbton aus nem Colorpicker rauszuholen. Da sind Presets doch recht hilfreich...
        In der Praxis hat man ja meist ein eine handvoll Grundtöne, die man immer wieder verwendet.

        Also selbst wenn es einen vernünftigen Colorpicker geben würde, wäre das bei mir sicherlich nur noch eine optionale Komponente... das einfache steuern über ein paar Buttons erscheint mir mittlerweile komfortalber als die Variante jede Farbe aus 65tausend Tönen wählen zu müssen.

        Und wenn mir ein Ton in den Presets nicht mehr gefällt, änder ich einfach den Button. 😊

        1 Antwort Letzte Antwort
        0
        • a200A a200

          @supermicha Vielen Dank. Das war mein "Plan B". Ich bin überrascht, dass die LED Steuerung über ein Tablett so wenig Beachtung hier findet. Ich bin mir sicher, dass es bessere Lösungen gibt.

          liv-in-skyL Offline
          liv-in-skyL Offline
          liv-in-sky
          schrieb am zuletzt editiert von
          #5

          @a200

          kannst du damit was anfangen ?

          Image 5.png

          in de vis:

          Image 7.png

          nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

          a200A 1 Antwort Letzte Antwort
          3
          • S Offline
            S Offline
            Supermicha
            schrieb am zuletzt editiert von
            #6

            das wusste ich auch noch nicht...

            1 Antwort Letzte Antwort
            0
            • liv-in-skyL liv-in-sky

              @a200

              kannst du damit was anfangen ?

              Image 5.png

              in de vis:

              Image 7.png

              a200A Offline
              a200A Offline
              a200
              schrieb am zuletzt editiert von
              #7

              @liv-in-sky Stimmt, das ist eine gute Idee. Auch wenn mir nur der Farbenring vollkommen reichen würde. Danke!

              IoBroker auf QNAP TS-451, Raspi und NUC

              1 Antwort Letzte Antwort
              0
              • S Offline
                S Offline
                Supermicha
                schrieb am zuletzt editiert von
                #8

                leg doch ein image über den Mittelteil den du nicht brauchst... 😊
                oder sinnvollerweise vielleicht einen Ein/Aus-Button
                oder ein paar Preset-Buttons mit Lieblingstönen...

                a200A 1 Antwort Letzte Antwort
                0
                • S Supermicha

                  leg doch ein image über den Mittelteil den du nicht brauchst... 😊
                  oder sinnvollerweise vielleicht einen Ein/Aus-Button
                  oder ein paar Preset-Buttons mit Lieblingstönen...

                  a200A Offline
                  a200A Offline
                  a200
                  schrieb am zuletzt editiert von a200
                  #9

                  @supermicha Hab ich gemacht. Der Tipp mit dem Colorpicker von @liv-in-sky war Gold wert.

                  Das Feld mit dem LED-Stripe ist der "Schalter". Sind die LEDs an, dann zeigt die Farbe um den Schalter herum die aktuelle Farbe an.

                  004.png LED ist an

                  005.png LED ist aus

                  Wird der Schalter angeklickt erscheint ein Dialog:

                  001.png Farbring: Farbauswahl
                  Innerer Ring: Helligkeit. Dabei wird die jeweils aktuelle Farbe verwendet.
                  Kleiner Kreis: Ein/Aus Knopf

                  Screenshot 2022-02-02 133247.png Gesamteindruck

                  Meine einzige Sorge ist, wenn der Colorpicker in der Mitte, also das verdeckte Viereck, einen falschen Wert erhält, dann habe ich kaum eine Möglichkeit diesen zu ändern. Da muss ich mir noch was einfallen lassen.

                  IoBroker auf QNAP TS-451, Raspi und NUC

                  H 1 Antwort Letzte Antwort
                  0
                  • CrunkFXC Offline
                    CrunkFXC Offline
                    CrunkFX
                    Forum Testing
                    schrieb am zuletzt editiert von CrunkFX
                    #10

                    Wo wir gerade bei coolen Colorpickern sind, möchte ich euch den hier nicht vorenthalten, gerade auf einem Wandtablet ist ein runder Colorpicker nicht wirklich ergonomisch:
                    33b5c00b-8716-4005-b5a9-beba28fa3b09-image.png
                    Dieser besteht aus einem vis-materialdesign Slider mit dem RGB als hintergrund:

                    [{"tpl":"_tplGroup","data":{"members":["w00957","w00958"],"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","attrCount":"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,"attrName1":"Objekt-ID","attrType1":"id","groupAttr1":"0_userdata.0.Vis_Slider.Slider_8"},"style":{"top":"144px","left":"13px","width":"804px","height":"25px","z-index":"10"},"widgetSet":null},{"tpl":"tplImage","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":true,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","refreshInterval":"0","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":"data:image/png;base64,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"},"style":{"left":"0%","top":"0%","width":"97.89%","height":"100%","border-radius":"5px","box-shadow":"1","z-index":"10"},"widgetSet":"basic","grouped":true,"groupName":"w00957"},{"tpl":"tplVis-materialdesign-Vuetify-Slider","data":{"oid":"groupAttr1","g_fixed":false,"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","orientation":"horizontal","knobSize":"knobBig","step":"1","vibrateOnMobilDevices":"50","showTicks":"yes","tickTextColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.slider.tick;dark:vis-materialdesign.0.colors.dark.slider.tick; mode === \"true\" ? dark : light}","tickFontFamily":"{vis-materialdesign.0.fonts.slider.ticks}","tickFontSize":"{vis-materialdesign.0.fontSizes.slider.ticks}","tickColorBefore":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.slider.tick_before;dark:vis-materialdesign.0.colors.dark.slider.tick_before; mode === \"true\" ? dark : light}","tickColorAfter":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.slider.tick_after;dark:vis-materialdesign.0.colors.dark.slider.tick_after; mode === \"true\" ? dark : light}","colorBeforeThumb":"#c2c2c200","colorThumb":"#21212100","colorAfterThumb":"#21212100","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,"g_thumbLabelLayout":true,"showThumbLabel":"always","thumbBackgroundColor":"#ffffff","thumbFontColor":"","thumbFontSize":"0","thumbFontFamily":"{vis-materialdesign.0.fonts.slider.control}","g_label":true,"prepandTextColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.slider.text_prepand;dark:vis-materialdesign.0.colors.dark.slider.text_prepand; mode === \"true\" ? dark : light}","prepandTextFontSize":"{vis-materialdesign.0.fontSizes.slider.prepand}","prepandTextFontFamily":"{vis-materialdesign.0.fonts.slider.prepand}","showValueLabel":false,"valueLabelStyle":"sliderValue","valueFontFamily":"{vis-materialdesign.0.fonts.slider.value}","valueFontSize":"{vis-materialdesign.0.fontSizes.slider.value}","valueLabelColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.slider.text;dark:vis-materialdesign.0.colors.dark.slider.text; mode === \"true\" ? dark : light}","valueLabelWidth":"50","reverseSlider":false,"thumbSize":"15","readOnly":false,"useLabelRules":false,"min":"0","max":"1530"},"style":{"left":"1.12%","top":"0%","width":"98.88%","height":"100%","z-index":"11","font-size":"xx-small"},"widgetSet":"materialdesign","grouped":true,"groupName":"w00958"}]

                    Der Wert zwischen 1 und 1530 wird anschließend in einen Datenpunkt geschrieben und von einem kleinen Node-Red Flow ausgewertet:

                    [
    {
        "id": "999a393e.f3ecd8",
        "type": "ioBroker in",
        "z": "2faf5f0b.6de9e",
        "name": "",
        "topic": "0_userdata.0.Vis_Slider.Slider_2",
        "payloadType": "value",
        "onlyack": "",
        "func": "all",
        "gap": "",
        "fireOnStart": "false",
        "x": 170,
        "y": 280,
        "wires": [
            [
                "6f338ec1.c7fef8"
            ]
        ]
    },
    {
        "id": "6f338ec1.c7fef8",
        "type": "function",
        "z": "2faf5f0b.6de9e",
        "name": "",
        "func": "msg.payload = parseInt(msg.payload)\nreturn msg;",
        "outputs": 1,
        "noerr": 0,
        "initialize": "",
        "finalize": "",
        "libs": [],
        "x": 430,
        "y": 280,
        "wires": [
            [
                "e9164d83.21a128",
                "f5eeab30.337e28",
                "2d3e7fc0.bbffd8"
            ]
        ]
    },
    {
        "id": "f5eeab30.337e28",
        "type": "function",
        "z": "2faf5f0b.6de9e",
        "name": "G",
        "func": "if(msg.payload < 256){\n    \nmsg.out = msg.payload\n\n}\n\nif(msg.payload >= 256 && msg.payload < 512){\n    \nmsg.out = 255\n\n}\n\nif(msg.payload >= 512 && msg.payload < 766){\n    \nmsg.out = 255\n}\n\nif(msg.payload >= 1020 ){\n    \nmsg.out = 0\n}\n\nif(msg.payload >= 766 && msg.payload < 1020){\n    \nmsg.out = 255 - (msg.payload-765)\n    \n}\nreturn msg;",
        "outputs": 1,
        "noerr": 0,
        "initialize": "",
        "finalize": "",
        "x": 600,
        "y": 280,
        "wires": [
            [
                "fa96e0aa.7c"
            ]
        ]
    },
    {
        "id": "e9164d83.21a128",
        "type": "function",
        "z": "2faf5f0b.6de9e",
        "name": "R",
        "func": "if(msg.payload >= 256 && msg.payload <= 510){\n    \nmsg.out = 255 - (msg.payload-255)\n\n}\n\nif(msg.payload >= 1021 && msg.payload <= 1275){\n    \nmsg.out = (msg.payload-1020)\n\n}\n\nif(msg.payload < 256){\n\n    msg.out = 255\n}\n\nif(msg.payload > 1275){\n\n    msg.out = 255\n}\n\nif(msg.payload > 510 && msg.payload < 1021){\n    \nmsg.out = 0\n}\n\n\nreturn msg;",
        "outputs": 1,
        "noerr": 0,
        "initialize": "",
        "finalize": "",
        "libs": [],
        "x": 600,
        "y": 240,
        "wires": [
            [
                "60867af.c83e284"
            ]
        ]
    },
    {
        "id": "2d3e7fc0.bbffd8",
        "type": "function",
        "z": "2faf5f0b.6de9e",
        "name": "B",
        "func": "if(msg.payload >= 511 && msg.payload < 765){\n    \nmsg.out = (msg.payload-510)\n}\n\nif(msg.payload > 1275 ){\n    \nmsg.out = 255- (msg.payload-1275)\n}\n\nif(msg.payload < 511 ){\n    \nmsg.out = 0\n}\n\nif(msg.payload >= 765 && msg.payload <= 1275){\n    \nmsg.out = 255\n    \n}\nreturn msg;",
        "outputs": 1,
        "noerr": 0,
        "initialize": "",
        "finalize": "",
        "x": 600,
        "y": 320,
        "wires": [
            [
                "2f6c8bba.750a44"
            ]
        ]
    },
    {
        "id": "60867af.c83e284",
        "type": "change",
        "z": "2faf5f0b.6de9e",
        "name": "",
        "rules": [
            {
                "t": "move",
                "p": "out",
                "pt": "msg",
                "to": "payload",
                "tot": "msg"
            }
        ],
        "action": "",
        "property": "",
        "from": "",
        "to": "",
        "reg": false,
        "x": 750,
        "y": 240,
        "wires": [
            [
                "7eae1821.3959c8"
            ]
        ]
    },
    {
        "id": "fa96e0aa.7c",
        "type": "change",
        "z": "2faf5f0b.6de9e",
        "name": "",
        "rules": [
            {
                "t": "move",
                "p": "out",
                "pt": "msg",
                "to": "payload",
                "tot": "msg"
            }
        ],
        "action": "",
        "property": "",
        "from": "",
        "to": "",
        "reg": false,
        "x": 750,
        "y": 280,
        "wires": [
            [
                "71029cdb.259004"
            ]
        ]
    },
    {
        "id": "2f6c8bba.750a44",
        "type": "change",
        "z": "2faf5f0b.6de9e",
        "name": "",
        "rules": [
            {
                "t": "move",
                "p": "out",
                "pt": "msg",
                "to": "payload",
                "tot": "msg"
            }
        ],
        "action": "",
        "property": "",
        "from": "",
        "to": "",
        "reg": false,
        "x": 750,
        "y": 320,
        "wires": [
            [
                "270602f.2d91d7e"
            ]
        ]
    },
    {
        "id": "7eae1821.3959c8",
        "type": "ioBroker out",
        "z": "2faf5f0b.6de9e",
        "name": "Herrenplätze Rot",
        "topic": "hue.0.Herrenplätze.r",
        "ack": "false",
        "autoCreate": "false",
        "stateName": "",
        "role": "",
        "payloadType": "",
        "readonly": "",
        "stateUnit": "",
        "stateMin": "",
        "stateMax": "",
        "x": 940,
        "y": 240,
        "wires": []
    },
    {
        "id": "71029cdb.259004",
        "type": "ioBroker out",
        "z": "2faf5f0b.6de9e",
        "name": "Herrenplätze Grün",
        "topic": "hue.0.Herrenplätze.g",
        "ack": "false",
        "autoCreate": "false",
        "stateName": "",
        "role": "",
        "payloadType": "",
        "readonly": "",
        "stateUnit": "",
        "stateMin": "",
        "stateMax": "",
        "x": 940,
        "y": 280,
        "wires": []
    },
    {
        "id": "270602f.2d91d7e",
        "type": "ioBroker out",
        "z": "2faf5f0b.6de9e",
        "name": "Herrenplätze Blau",
        "topic": "hue.0.Herrenplätze.b",
        "ack": "false",
        "autoCreate": "false",
        "stateName": "",
        "role": "",
        "payloadType": "",
        "readonly": "",
        "stateUnit": "",
        "stateMin": "",
        "stateMax": "",
        "x": 940,
        "y": 320,
        "wires": []
    }
]

                    Da hier nur JS verwendet wird kann das auch im JS Adapter passieren.

                    Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                    1 Antwort Letzte Antwort
                    0
                    • a200A a200

                      @supermicha Hab ich gemacht. Der Tipp mit dem Colorpicker von @liv-in-sky war Gold wert.

                      Das Feld mit dem LED-Stripe ist der "Schalter". Sind die LEDs an, dann zeigt die Farbe um den Schalter herum die aktuelle Farbe an.

                      004.png LED ist an

                      005.png LED ist aus

                      Wird der Schalter angeklickt erscheint ein Dialog:

                      001.png Farbring: Farbauswahl
                      Innerer Ring: Helligkeit. Dabei wird die jeweils aktuelle Farbe verwendet.
                      Kleiner Kreis: Ein/Aus Knopf

                      Screenshot 2022-02-02 133247.png Gesamteindruck

                      Meine einzige Sorge ist, wenn der Colorpicker in der Mitte, also das verdeckte Viereck, einen falschen Wert erhält, dann habe ich kaum eine Möglichkeit diesen zu ändern. Da muss ich mir noch was einfallen lassen.

                      H Offline
                      H Offline
                      hipohop
                      schrieb am zuletzt editiert von
                      #11

                      @a200
                      Tolle Lösung! Wärest du bereit den Code davon zu teilen?

                      a200A 1 Antwort Letzte Antwort
                      0
                      • H hipohop

                        @a200
                        Tolle Lösung! Wärest du bereit den Code davon zu teilen?

                        a200A Offline
                        a200A Offline
                        a200
                        schrieb am zuletzt editiert von a200
                        #12

                        @hipohop Klar.

                        Die verwendeten Datenpunkte sind:
                        esphome.0.E8DB84E3AF1D.Light.801952849.brightness - Hier wird die Helligkeit (0-255) gesetzt.
                        esphome.0.E8DB84E3AF1D.Light.801952849.state - Hier wird der Zustand abgefragt: true/false (ist an/ist aus)
                        esphome.0.E8DB84E3AF1D.Switch.647169867.state - Hier schalte ich die LEDs: true/false (ein/aus)
                        esphome.0.E8DB84E3AF1D.Light.801952849.colorHEX - Hier setze ich die Farbe (RGB)

                        Diese Datenpunkte kommen öfter vor und müssen überall durch deine DP ersetzt werden. Am besten im Editor mit cut/paste.

                        Wegen der Besonderheit von ESPhome muss ich den neuen Zustand in einem anderen DP setzen, als ich den auslese. Normalerweise dürften das aber die gleichen DP sein.

                        Melde dich, wenn du Fragen hast.

                        View:

                        {
 "settings": {
   "style": {
     "background_class": "hq-background-carbon-fibre",
     "background": ""
   },
   "theme": "redmond",
   "sizex": "",
   "sizey": "",
   "gridSize": "",
   "snapType": null,
   "useBackground": true
 },
 "widgets": {
   "e00001": {
     "tpl": "tplHqCircle",
     "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",
       "oid": "esphome.0.E8DB84E3AF1D.Light.801952849.brightness",
       "min": "10",
       "max": "250",
       "digits": "0",
       "step": "10",
       "is_comma": false,
       "displayPrevious": "true",
       "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,
       "descriptionLeft": "brightness of H801 Light",
       "angleOffset": "250",
       "angleArc": "220",
       "color": "{esphome.0.E8DB84E3AF1D.Light.801952849.colorHEX}"
     },
     "style": {
       "left": "221px",
       "top": "190px",
       "width": "400px",
       "height": "400px",
       "z-index": "30"
     },
     "widgetSet": "hqwidgets"
   },
   "e00002": {
     "tpl": "tplRGBFarbtastic",
     "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",
       "factor": "1",
       "decimal": "0",
       "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,
       "g_rgb": false,
       "rgb-oid": "esphome.0.E8DB84E3AF1D.Light.801952849.colorHEX",
       "g_hue": false
     },
     "style": {
       "left": "330px",
       "top": "330px",
       "transform": "scale(4)",
       "width": "200px",
       "height": "200px",
       "z-index": "10"
     },
     "widgetSet": "colorpicker"
   },
   "e00003": {
     "tpl": "tplIconState",
     "data": {
       "oid": "esphome.0.E8DB84E3AF1D.Switch.647169867.state",
       "g_fixed": true,
       "g_visibility": false,
       "g_css_font_text": true,
       "g_css_background": true,
       "g_css_shadow_padding": true,
       "g_css_border": true,
       "g_gestures": false,
       "g_signals": false,
       "g_last_change": false,
       "visibility-cond": "==",
       "visibility-val": 1,
       "visibility-groups-action": "hide",
       "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,
       "text": "{val:esphome.0.E8DB84E3AF1D.Light.801952849.state; val==\"true\" ? \"Aus\": val==\"false\" ? \"Ein\": \"unbekannt\"}",
       "value": "",
       "src": "",
       "imageHeight": "",
       "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,
       "views": [
         "0-EG",
         "0-HW",
         "2-Dosen"
       ]
     },
     "style": {
       "left": "321px",
       "top": "486px",
       "width": "200px",
       "height": "200px",
       "background": "transparent",
       "border-radius": "100px",
       "border-width": "2px",
       "border-style": "solid",
       "border-color": "{val:esphome.0.E8DB84E3AF1D.Light.801952849.state; val==\"true\" ? \"#14ff1f\": val==\"false\" ? \"#777\": \"yellowgreen\"}",
       "padding-bottom": "",
       "z-index": "40",
       "box-shadow": "0 0 20px grey",
       "background-color": "#222",
       "color": "#ffffff"
     },
     "widgetSet": "jqui"
   },
   "e00004": {
     "tpl": "tplHtml",
     "data": {
       "g_fixed": false,
       "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",
       "refreshInterval": "0",
       "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
     },
     "style": {
       "left": "124px",
       "top": "126px",
       "z-index": "20",
       "background-color": "#222",
       "width": "594px",
       "height": "594px",
       "border-radius": "296px"
     },
     "widgetSet": "basic"
   }
 },
 "name": "LED-RGB",
 "filterList": []
}

                        IoBroker auf QNAP TS-451, Raspi und NUC

                        H 2 Antworten Letzte Antwort
                        1
                        • a200A a200

                          @hipohop Klar.

                          Die verwendeten Datenpunkte sind:
                          esphome.0.E8DB84E3AF1D.Light.801952849.brightness - Hier wird die Helligkeit (0-255) gesetzt.
                          esphome.0.E8DB84E3AF1D.Light.801952849.state - Hier wird der Zustand abgefragt: true/false (ist an/ist aus)
                          esphome.0.E8DB84E3AF1D.Switch.647169867.state - Hier schalte ich die LEDs: true/false (ein/aus)
                          esphome.0.E8DB84E3AF1D.Light.801952849.colorHEX - Hier setze ich die Farbe (RGB)

                          Diese Datenpunkte kommen öfter vor und müssen überall durch deine DP ersetzt werden. Am besten im Editor mit cut/paste.

                          Wegen der Besonderheit von ESPhome muss ich den neuen Zustand in einem anderen DP setzen, als ich den auslese. Normalerweise dürften das aber die gleichen DP sein.

                          Melde dich, wenn du Fragen hast.

                          View:

                          {
 "settings": {
   "style": {
     "background_class": "hq-background-carbon-fibre",
     "background": ""
   },
   "theme": "redmond",
   "sizex": "",
   "sizey": "",
   "gridSize": "",
   "snapType": null,
   "useBackground": true
 },
 "widgets": {
   "e00001": {
     "tpl": "tplHqCircle",
     "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",
       "oid": "esphome.0.E8DB84E3AF1D.Light.801952849.brightness",
       "min": "10",
       "max": "250",
       "digits": "0",
       "step": "10",
       "is_comma": false,
       "displayPrevious": "true",
       "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,
       "descriptionLeft": "brightness of H801 Light",
       "angleOffset": "250",
       "angleArc": "220",
       "color": "{esphome.0.E8DB84E3AF1D.Light.801952849.colorHEX}"
     },
     "style": {
       "left": "221px",
       "top": "190px",
       "width": "400px",
       "height": "400px",
       "z-index": "30"
     },
     "widgetSet": "hqwidgets"
   },
   "e00002": {
     "tpl": "tplRGBFarbtastic",
     "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",
       "factor": "1",
       "decimal": "0",
       "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,
       "g_rgb": false,
       "rgb-oid": "esphome.0.E8DB84E3AF1D.Light.801952849.colorHEX",
       "g_hue": false
     },
     "style": {
       "left": "330px",
       "top": "330px",
       "transform": "scale(4)",
       "width": "200px",
       "height": "200px",
       "z-index": "10"
     },
     "widgetSet": "colorpicker"
   },
   "e00003": {
     "tpl": "tplIconState",
     "data": {
       "oid": "esphome.0.E8DB84E3AF1D.Switch.647169867.state",
       "g_fixed": true,
       "g_visibility": false,
       "g_css_font_text": true,
       "g_css_background": true,
       "g_css_shadow_padding": true,
       "g_css_border": true,
       "g_gestures": false,
       "g_signals": false,
       "g_last_change": false,
       "visibility-cond": "==",
       "visibility-val": 1,
       "visibility-groups-action": "hide",
       "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,
       "text": "{val:esphome.0.E8DB84E3AF1D.Light.801952849.state; val==\"true\" ? \"Aus\": val==\"false\" ? \"Ein\": \"unbekannt\"}",
       "value": "",
       "src": "",
       "imageHeight": "",
       "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,
       "views": [
         "0-EG",
         "0-HW",
         "2-Dosen"
       ]
     },
     "style": {
       "left": "321px",
       "top": "486px",
       "width": "200px",
       "height": "200px",
       "background": "transparent",
       "border-radius": "100px",
       "border-width": "2px",
       "border-style": "solid",
       "border-color": "{val:esphome.0.E8DB84E3AF1D.Light.801952849.state; val==\"true\" ? \"#14ff1f\": val==\"false\" ? \"#777\": \"yellowgreen\"}",
       "padding-bottom": "",
       "z-index": "40",
       "box-shadow": "0 0 20px grey",
       "background-color": "#222",
       "color": "#ffffff"
     },
     "widgetSet": "jqui"
   },
   "e00004": {
     "tpl": "tplHtml",
     "data": {
       "g_fixed": false,
       "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",
       "refreshInterval": "0",
       "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
     },
     "style": {
       "left": "124px",
       "top": "126px",
       "z-index": "20",
       "background-color": "#222",
       "width": "594px",
       "height": "594px",
       "border-radius": "296px"
     },
     "widgetSet": "basic"
   }
 },
 "name": "LED-RGB",
 "filterList": []
}

                          H Offline
                          H Offline
                          hipohop
                          schrieb am zuletzt editiert von
                          #13

                          @a200
                          Danke Dir sehr. Werde ich am Wochenende ausprobieren

                          a200A 1 Antwort Letzte Antwort
                          0
                          • H hipohop

                            @a200
                            Danke Dir sehr. Werde ich am Wochenende ausprobieren

                            a200A Offline
                            a200A Offline
                            a200
                            schrieb am zuletzt editiert von a200
                            #14

                            @hipohop Hier noch eine Alternative, die auf @CrunkFX basiert.

                            1. Material Design Widgets-Adapter installieren.
                            2. Datenpunkt anlegen:

                            {
 "common": {
   "name": "Position",
   "desc": "RGB-Slider Position (1-1530)",
   "role": "state",
   "type": "string",
   "read": true,
   "write": true,
   "def": ""
 },
 "type": "state",
 "_id": "0_userdata.0.Vis_Slider.Position",
 "acl": {
   "object": 1636,
   "state": 1636,
   "owner": "system.user.admin",
   "ownerGroup": "system.group.administrator"
 },
 "from": "system.adapter.admin.0",
 "user": "system.user.admin",
 "ts": 1643995809017
}


                            3. Widget importieren.

                            [{"tpl":"tplVis-materialdesign-Vuetify-Slider","data":{"oid":"0_userdata.0.Vis_Slider.Position","g_fixed":false,"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","orientation":"horizontal","knobSize":"knobSmall","step":"5","vibrateOnMobilDevices":"50","showTicks":"no","tickTextColor":"","tickFontFamily":"","tickFontSize":"","tickColorBefore":"","tickColorAfter":"","colorBeforeThumb":"","colorThumb":"RGBA(0,0,0,0)","colorAfterThumb":"","showThumbLabel":"no","thumbBackgroundColor":"","thumbFontColor":"","thumbFontSize":"","thumbFontFamily":"","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,"generateHtmlControl":"true","min":"1","max":"1530","g_label":true,"prepandTextColor":"","prepandTextFontSize":"","prepandTextFontFamily":"","showValueLabel":false,"valueLabelStyle":"sliderValue","valueFontFamily":"","valueFontSize":"","valueLabelColor":"","valueLabelWidth":"50","thumbSize":""},"style":{"left":"513px","top":"541px","background-color":"","background-repeat":"","background":"linear-gradient(90deg, red,yellow,#16ff00,cyan,blue,#ff00ed,red)","background-attachment":"","z-index":"14","width":"1206px","height":"120px","border-radius":"10px"},"widgetSet":"materialdesign"}]


                            4. Javascript erstellen, Zeile 5 anpassen und aktivieren:

                            // Liest den dp (slider in VIS) aus, wandelt den Wert von (0-1530) nach RGB und speichert in ESP-LED-Stripe
//

// Hier den Datenpunkt angeben aus dem die Lampe/Strips/usw sich die Farbe holt. Format #RRGGBB
var dpout = "esphome.0.E8DB84E3AF1D.Light.801952849.colorHEX";
//


var dp = "0_userdata.0.Vis_Slider.Position";
var c = 0;
var red, green, blue;
var debug = false;


on({id: dp, change: 'ne'}, function (obj) {
   c = obj.state.val;

   // Rot
   if(c >= 256 && c <= 510){
       red = 255 - (c-255);
   }
   if(c >= 1021 && c <= 1275){
   	red = (c-1020)
   }
   if(c < 256 || c > 1275){
       red = 255
   }

   // Blau
   if(c >= 511 && c < 765){
       blue = (c-510)
   }
   if(c > 1275 ){
       blue = 255- (c-1275)
   }
   if(c < 511 ){
       blue = 0
   }
   if(c >= 765 && c <= 1275){
       blue = 255
   }

   // Gruen
   if(c < 256){
       green = c
   }
   if(c >= 256 && c < 766){
       green = 255
   }
   if(c >= 1020 ){
       green = 0
   }
   if(c >= 766 && c < 1020){
       green = 255 - (c-765)
   }

   setState(dpout, "#"+ parseInt(red).toString(16).padEnd(2, '0') + "" + parseInt(green).toString(16).padEnd(2, '0') + "" + parseInt(blue).toString(16).padEnd(2, '0'));
   if(debug) log("Wert: " + c + " RGB=#" + parseInt(red).toString(16).padEnd(2, '0') + " " +parseInt(green).toString(16).padEnd(2, '0')+" "+parseInt(blue).toString(16).padEnd(2, '0'))
});


                            Änderungen:
                            04.02.2022 19:11 Javascript: Korrektur wg. Typecasting.
                            04.02.2022 20:40 Widget: Grafik gegen CSS ausgetauscht.

                            Läuft bei mir sehr gut.

                            IoBroker auf QNAP TS-451, Raspi und NUC

                            H 1 Antwort Letzte Antwort
                            1
                            • a200A a200

                              @hipohop Hier noch eine Alternative, die auf @CrunkFX basiert.

                              1. Material Design Widgets-Adapter installieren.
                              2. Datenpunkt anlegen:

                              {
 "common": {
   "name": "Position",
   "desc": "RGB-Slider Position (1-1530)",
   "role": "state",
   "type": "string",
   "read": true,
   "write": true,
   "def": ""
 },
 "type": "state",
 "_id": "0_userdata.0.Vis_Slider.Position",
 "acl": {
   "object": 1636,
   "state": 1636,
   "owner": "system.user.admin",
   "ownerGroup": "system.group.administrator"
 },
 "from": "system.adapter.admin.0",
 "user": "system.user.admin",
 "ts": 1643995809017
}


                              3. Widget importieren.

                              [{"tpl":"tplVis-materialdesign-Vuetify-Slider","data":{"oid":"0_userdata.0.Vis_Slider.Position","g_fixed":false,"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","orientation":"horizontal","knobSize":"knobSmall","step":"5","vibrateOnMobilDevices":"50","showTicks":"no","tickTextColor":"","tickFontFamily":"","tickFontSize":"","tickColorBefore":"","tickColorAfter":"","colorBeforeThumb":"","colorThumb":"RGBA(0,0,0,0)","colorAfterThumb":"","showThumbLabel":"no","thumbBackgroundColor":"","thumbFontColor":"","thumbFontSize":"","thumbFontFamily":"","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,"generateHtmlControl":"true","min":"1","max":"1530","g_label":true,"prepandTextColor":"","prepandTextFontSize":"","prepandTextFontFamily":"","showValueLabel":false,"valueLabelStyle":"sliderValue","valueFontFamily":"","valueFontSize":"","valueLabelColor":"","valueLabelWidth":"50","thumbSize":""},"style":{"left":"513px","top":"541px","background-color":"","background-repeat":"","background":"linear-gradient(90deg, red,yellow,#16ff00,cyan,blue,#ff00ed,red)","background-attachment":"","z-index":"14","width":"1206px","height":"120px","border-radius":"10px"},"widgetSet":"materialdesign"}]


                              4. Javascript erstellen, Zeile 5 anpassen und aktivieren:

                              // Liest den dp (slider in VIS) aus, wandelt den Wert von (0-1530) nach RGB und speichert in ESP-LED-Stripe
//

// Hier den Datenpunkt angeben aus dem die Lampe/Strips/usw sich die Farbe holt. Format #RRGGBB
var dpout = "esphome.0.E8DB84E3AF1D.Light.801952849.colorHEX";
//


var dp = "0_userdata.0.Vis_Slider.Position";
var c = 0;
var red, green, blue;
var debug = false;


on({id: dp, change: 'ne'}, function (obj) {
   c = obj.state.val;

   // Rot
   if(c >= 256 && c <= 510){
       red = 255 - (c-255);
   }
   if(c >= 1021 && c <= 1275){
   	red = (c-1020)
   }
   if(c < 256 || c > 1275){
       red = 255
   }

   // Blau
   if(c >= 511 && c < 765){
       blue = (c-510)
   }
   if(c > 1275 ){
       blue = 255- (c-1275)
   }
   if(c < 511 ){
       blue = 0
   }
   if(c >= 765 && c <= 1275){
       blue = 255
   }

   // Gruen
   if(c < 256){
       green = c
   }
   if(c >= 256 && c < 766){
       green = 255
   }
   if(c >= 1020 ){
       green = 0
   }
   if(c >= 766 && c < 1020){
       green = 255 - (c-765)
   }

   setState(dpout, "#"+ parseInt(red).toString(16).padEnd(2, '0') + "" + parseInt(green).toString(16).padEnd(2, '0') + "" + parseInt(blue).toString(16).padEnd(2, '0'));
   if(debug) log("Wert: " + c + " RGB=#" + parseInt(red).toString(16).padEnd(2, '0') + " " +parseInt(green).toString(16).padEnd(2, '0')+" "+parseInt(blue).toString(16).padEnd(2, '0'))
});


                              Änderungen:
                              04.02.2022 19:11 Javascript: Korrektur wg. Typecasting.
                              04.02.2022 20:40 Widget: Grafik gegen CSS ausgetauscht.

                              Läuft bei mir sehr gut.

                              H Offline
                              H Offline
                              hipohop
                              schrieb am zuletzt editiert von
                              #15

                              @a200
                              Danke! Schau ich mir auch an

                              1 Antwort Letzte Antwort
                              0
                              • liv-in-skyL Offline
                                liv-in-skyL Offline
                                liv-in-sky
                                schrieb am zuletzt editiert von
                                #16

                                ihr habt ja jetzt die lösung

                                was ich auch noch gut finde, ist die benutzung irgendeines bildes und das dann auslesen

                                AApossis (185).gif

                                das bild sieht in echt besser aus, liegt am aufnahme tool

                                nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                                1 Antwort Letzte Antwort
                                2
                                • a200A a200

                                  @hipohop Klar.

                                  Die verwendeten Datenpunkte sind:
                                  esphome.0.E8DB84E3AF1D.Light.801952849.brightness - Hier wird die Helligkeit (0-255) gesetzt.
                                  esphome.0.E8DB84E3AF1D.Light.801952849.state - Hier wird der Zustand abgefragt: true/false (ist an/ist aus)
                                  esphome.0.E8DB84E3AF1D.Switch.647169867.state - Hier schalte ich die LEDs: true/false (ein/aus)
                                  esphome.0.E8DB84E3AF1D.Light.801952849.colorHEX - Hier setze ich die Farbe (RGB)

                                  Diese Datenpunkte kommen öfter vor und müssen überall durch deine DP ersetzt werden. Am besten im Editor mit cut/paste.

                                  Wegen der Besonderheit von ESPhome muss ich den neuen Zustand in einem anderen DP setzen, als ich den auslese. Normalerweise dürften das aber die gleichen DP sein.

                                  Melde dich, wenn du Fragen hast.

                                  View:

                                  {
 "settings": {
   "style": {
     "background_class": "hq-background-carbon-fibre",
     "background": ""
   },
   "theme": "redmond",
   "sizex": "",
   "sizey": "",
   "gridSize": "",
   "snapType": null,
   "useBackground": true
 },
 "widgets": {
   "e00001": {
     "tpl": "tplHqCircle",
     "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",
       "oid": "esphome.0.E8DB84E3AF1D.Light.801952849.brightness",
       "min": "10",
       "max": "250",
       "digits": "0",
       "step": "10",
       "is_comma": false,
       "displayPrevious": "true",
       "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,
       "descriptionLeft": "brightness of H801 Light",
       "angleOffset": "250",
       "angleArc": "220",
       "color": "{esphome.0.E8DB84E3AF1D.Light.801952849.colorHEX}"
     },
     "style": {
       "left": "221px",
       "top": "190px",
       "width": "400px",
       "height": "400px",
       "z-index": "30"
     },
     "widgetSet": "hqwidgets"
   },
   "e00002": {
     "tpl": "tplRGBFarbtastic",
     "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",
       "factor": "1",
       "decimal": "0",
       "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,
       "g_rgb": false,
       "rgb-oid": "esphome.0.E8DB84E3AF1D.Light.801952849.colorHEX",
       "g_hue": false
     },
     "style": {
       "left": "330px",
       "top": "330px",
       "transform": "scale(4)",
       "width": "200px",
       "height": "200px",
       "z-index": "10"
     },
     "widgetSet": "colorpicker"
   },
   "e00003": {
     "tpl": "tplIconState",
     "data": {
       "oid": "esphome.0.E8DB84E3AF1D.Switch.647169867.state",
       "g_fixed": true,
       "g_visibility": false,
       "g_css_font_text": true,
       "g_css_background": true,
       "g_css_shadow_padding": true,
       "g_css_border": true,
       "g_gestures": false,
       "g_signals": false,
       "g_last_change": false,
       "visibility-cond": "==",
       "visibility-val": 1,
       "visibility-groups-action": "hide",
       "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,
       "text": "{val:esphome.0.E8DB84E3AF1D.Light.801952849.state; val==\"true\" ? \"Aus\": val==\"false\" ? \"Ein\": \"unbekannt\"}",
       "value": "",
       "src": "",
       "imageHeight": "",
       "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,
       "views": [
         "0-EG",
         "0-HW",
         "2-Dosen"
       ]
     },
     "style": {
       "left": "321px",
       "top": "486px",
       "width": "200px",
       "height": "200px",
       "background": "transparent",
       "border-radius": "100px",
       "border-width": "2px",
       "border-style": "solid",
       "border-color": "{val:esphome.0.E8DB84E3AF1D.Light.801952849.state; val==\"true\" ? \"#14ff1f\": val==\"false\" ? \"#777\": \"yellowgreen\"}",
       "padding-bottom": "",
       "z-index": "40",
       "box-shadow": "0 0 20px grey",
       "background-color": "#222",
       "color": "#ffffff"
     },
     "widgetSet": "jqui"
   },
   "e00004": {
     "tpl": "tplHtml",
     "data": {
       "g_fixed": false,
       "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",
       "refreshInterval": "0",
       "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
     },
     "style": {
       "left": "124px",
       "top": "126px",
       "z-index": "20",
       "background-color": "#222",
       "width": "594px",
       "height": "594px",
       "border-radius": "296px"
     },
     "widgetSet": "basic"
   }
 },
 "name": "LED-RGB",
 "filterList": []
}

                                  H Offline
                                  H Offline
                                  hipohop
                                  schrieb am zuletzt editiert von
                                  #17

                                  @a200
                                  Funktioniert auf Anhieb. Danke nochmal

                                  1 Antwort Letzte Antwort
                                  0

                                  Hey! Du scheinst an dieser Unterhaltung interessiert zu sein, hast aber noch kein Konto.

                                  Hast du es satt, bei jedem Besuch durch die gleichen Beiträge zu scrollen? Wenn du dich für ein Konto anmeldest, kommst du immer genau dorthin zurück, wo du zuvor warst, und kannst dich über neue Antworten benachrichtigen lassen (entweder per E-Mail oder Push-Benachrichtigung). Du kannst auch Lesezeichen speichern und Beiträge positiv bewerten, um anderen Community-Mitgliedern deine Wertschätzung zu zeigen.

                                  Mit deinem Input könnte dieser Beitrag noch besser werden 💗

                                  Registrieren Anmelden
                                  Antworten
                                  • In einem neuen Thema antworten
                                  Anmelden zum Antworten
                                  • Älteste zuerst
                                  • Neuste zuerst
                                  • Meiste Stimmen

                                  Support us

                                  ioBroker
                                  Community Adapters
                                  Donate

                                  414

                                  Online

                                  32.8k

                                  Benutzer

                                  82.8k

                                  Themen

                                  1.3m

                                  Beiträge
                                  Community
                                  Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                  ioBroker Community 2014-2025
                                  logo
                                  • Anmelden
                                  • Du hast noch kein Konto? Registrieren
                                  • Anmelden oder registrieren, um zu suchen
                                  • Erster Beitrag
                                    Letzter Beitrag
                                  0
                                  • Home
                                  • Aktuell
                                  • Tags
                                  • Ungelesen 0
                                  • Kategorien
                                  • Unreplied
                                  • Beliebt
                                  • GitHub
                                  • Docu
                                  • Hilfe