Skip to content
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
Logo
  1. ioBroker Community Home
  2. Deutsch
  3. Hardware
  4. SONOFF NSPanel mit Lovelace UI

NEWS

  • Wartung am 15.11. – Forum ab 22:00 Uhr nicht erreichbar
    BluefoxB
    Bluefox
    11
    2
    199

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    7.9k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    1.7k

SONOFF NSPanel mit Lovelace UI

SONOFF NSPanel mit Lovelace UI

Scheduled Pinned Locked Moved Hardware
lovelace uinspanelsonoff
7.7k Posts 271 Posters 6.7m Views 253 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • T Takahara

    Hallo,

    kann man einen Kamerastream von einer Unifi Kamera auf das NS Panel bringen, das automatisch angezeigt wird, sobald die Türklingel betätigt wird?

    Habe den IoBroker + Unifi Protect im Netzwerk laufen.

    Vielen Dank im Vorraus
    Takahara

    T Offline
    T Offline
    TT-Tom
    wrote on last edited by
    #6755

    @takahara

    leider nein, auch keine Standbilder.

    Gruß Tom
    https://github.com/tt-tom17
    Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

    NSPanel Script Wiki
    https://github.com/joBr99/nspanel-lovelace-ui/wiki

    NSPanel Adapter Wiki
    https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

    1 Reply Last reply
    1
    • T Offline
      T Offline
      Takahara
      wrote on last edited by
      #6756

      @tt-tom Danke für deine rasche Rückmeldung. Ist es denn theoretisch möglich und falls ja für die Zukunft geplant eine entsprechende Lösung zu programmieren?

      VG Takahara

      T 1 Reply Last reply
      0
      • T Takahara

        @tt-tom Danke für deine rasche Rückmeldung. Ist es denn theoretisch möglich und falls ja für die Zukunft geplant eine entsprechende Lösung zu programmieren?

        VG Takahara

        T Offline
        T Offline
        TT-Tom
        wrote on last edited by
        #6757

        @takahara
        Wenn ich das richtig verstanden habe, ist es auch theoretisch nicht möglich. Es liegt an der Ansteuerung des Display, @Armilar kann es dir da genauer erklären.

        Gruß Tom
        https://github.com/tt-tom17
        Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

        NSPanel Script Wiki
        https://github.com/joBr99/nspanel-lovelace-ui/wiki

        NSPanel Adapter Wiki
        https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

        1 Reply Last reply
        0
        • ArmilarA Offline
          ArmilarA Offline
          Armilar
          Most Active Forum Testing
          wrote on last edited by
          #6758

          @tt-tom
          @Takahara

          Kamerastream auf dem NSPanel - gute Idee die ich auch vor ein paar Monaten bereits hatte, aber in der Tat aktuell nicht umsetzbar ist.

          Das Problem liegt nicht in dem Nextion-Screen oder im Tasmota selbst, da diese an sich sehr gut mit Streams umgehen können. Das eigentliche Problem ist der Layer in der Mitte (der Berry Driver), welcher die serielle Kommunikation zwischen dem Tasmota und dem Nextion-Display sicherstellt. Sobald es jemandem gelingt diese Hürde zu überwinden, können wir auch Streams im NSPanel bereitstellen. Mir ist jedoch aktuell keine Lösung bekannt. 😊

          Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
          https://github.com/joBr99/nspanel-lovelace-ui/wiki

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

          B 1 Reply Last reply
          3
          • ArmilarA Armilar

            @tt-tom
            @Takahara

            Kamerastream auf dem NSPanel - gute Idee die ich auch vor ein paar Monaten bereits hatte, aber in der Tat aktuell nicht umsetzbar ist.

            Das Problem liegt nicht in dem Nextion-Screen oder im Tasmota selbst, da diese an sich sehr gut mit Streams umgehen können. Das eigentliche Problem ist der Layer in der Mitte (der Berry Driver), welcher die serielle Kommunikation zwischen dem Tasmota und dem Nextion-Display sicherstellt. Sobald es jemandem gelingt diese Hürde zu überwinden, können wir auch Streams im NSPanel bereitstellen. Mir ist jedoch aktuell keine Lösung bekannt. 😊

            B Offline
            B Offline
            bob der 1.
            wrote on last edited by
            #6759

            Aktion:

            Das Panel heute für 42€

            https://m.banggood.com/de/SONOFF-NSPanel-Smart-Scene-Wall-Switch-EU-US-Wifi-Smart-Thermostat-Display-Switch-All-in-One-Control-for-Alexa-Google-Home-p-1922903.html?akmClientCountry=DE&admitad_uid=0b955b71b651d8add45b6870bb9ac9bd&utm_content=605111

            falls noch jemand welches braucht

            Gutscheincode:

            BG39fe1b
            Ist keine Werbung,einfach nur falls jemand paar Euro sparen will

            ? T 2 Replies Last reply
            1
            • B bob der 1.

              Aktion:

              Das Panel heute für 42€

              https://m.banggood.com/de/SONOFF-NSPanel-Smart-Scene-Wall-Switch-EU-US-Wifi-Smart-Thermostat-Display-Switch-All-in-One-Control-for-Alexa-Google-Home-p-1922903.html?akmClientCountry=DE&admitad_uid=0b955b71b651d8add45b6870bb9ac9bd&utm_content=605111

              falls noch jemand welches braucht

              Gutscheincode:

              BG39fe1b
              Ist keine Werbung,einfach nur falls jemand paar Euro sparen will

              ? Offline
              ? Offline
              A Former User
              wrote on last edited by
              #6760

              @bob-der-1 sagte in SONOFF NSPanel mit Lovelace UI:

              BG39fe1b

              Danke, schau ich gleich mal! hatte mir letztes Jahr bei Alza 10 Stk. in weiss fuer 45 geholt, und dann am BF welche nachgekauft.. mittlerweile sind 13 im Einsatz, eins soll noch montiert werden, dann hab ich noch eins in Reserve.

              1 Reply Last reply
              0
              • B bob der 1.

                Aktion:

                Das Panel heute für 42€

                https://m.banggood.com/de/SONOFF-NSPanel-Smart-Scene-Wall-Switch-EU-US-Wifi-Smart-Thermostat-Display-Switch-All-in-One-Control-for-Alexa-Google-Home-p-1922903.html?akmClientCountry=DE&admitad_uid=0b955b71b651d8add45b6870bb9ac9bd&utm_content=605111

                falls noch jemand welches braucht

                Gutscheincode:

                BG39fe1b
                Ist keine Werbung,einfach nur falls jemand paar Euro sparen will

                T Offline
                T Offline
                Toysman
                wrote on last edited by
                #6761

                @bob-der-1 sagte in SONOFF NSPanel mit Lovelace UI:

                Aktion:

                Das Panel heute für 42€

                https://m.banggood.com/de/SONOFF-NSPanel-Smart-Scene-Wall-Switch-EU-US-Wifi-Smart-Thermostat-Display-Switch-All-in-One-Control-for-Alexa-Google-Home-p-1922903.html?akmClientCountry=DE&admitad_uid=0b955b71b651d8add45b6870bb9ac9bd&utm_content=605111

                falls noch jemand welches braucht

                Gutscheincode:

                BG39fe1b
                Ist keine Werbung,einfach nur falls jemand paar Euro sparen will

                Gutscheincode wird als ungültig angegeben... schade, aber trotzdem Danke

                Viele Grüße
                Harry

                B 1 Reply Last reply
                1
                • T Toysman

                  @bob-der-1 sagte in SONOFF NSPanel mit Lovelace UI:

                  Aktion:

                  Das Panel heute für 42€

                  https://m.banggood.com/de/SONOFF-NSPanel-Smart-Scene-Wall-Switch-EU-US-Wifi-Smart-Thermostat-Display-Switch-All-in-One-Control-for-Alexa-Google-Home-p-1922903.html?akmClientCountry=DE&admitad_uid=0b955b71b651d8add45b6870bb9ac9bd&utm_content=605111

                  falls noch jemand welches braucht

                  Gutscheincode:

                  BG39fe1b
                  Ist keine Werbung,einfach nur falls jemand paar Euro sparen will

                  Gutscheincode wird als ungültig angegeben... schade, aber trotzdem Danke

                  B Offline
                  B Offline
                  bob der 1.
                  wrote on last edited by
                  #6762

                  @toysman sagte in SONOFF NSPanel mit Lovelace UI:

                  @bob-der-1 sagte in SONOFF NSPanel mit Lovelace UI:

                  Aktion:

                  Das Panel heute für 42€

                  https://m.banggood.com/de/SONOFF-NSPanel-Smart-Scene-Wall-Switch-EU-US-Wifi-Smart-Thermostat-Display-Switch-All-in-One-Control-for-Alexa-Google-Home-p-1922903.html?akmClientCountry=DE&admitad_uid=0b955b71b651d8add45b6870bb9ac9bd&utm_content=605111

                  falls noch jemand welches braucht

                  Gutscheincode:

                  BG39fe1b
                  Ist keine Werbung,einfach nur falls jemand paar Euro sparen will

                  Gutscheincode wird als ungültig angegeben... schade, aber trotzdem Danke

                  Oh,schade....dann 53€

                  O 1 Reply Last reply
                  0
                  • B bob der 1.

                    @toysman sagte in SONOFF NSPanel mit Lovelace UI:

                    @bob-der-1 sagte in SONOFF NSPanel mit Lovelace UI:

                    Aktion:

                    Das Panel heute für 42€

                    https://m.banggood.com/de/SONOFF-NSPanel-Smart-Scene-Wall-Switch-EU-US-Wifi-Smart-Thermostat-Display-Switch-All-in-One-Control-for-Alexa-Google-Home-p-1922903.html?akmClientCountry=DE&admitad_uid=0b955b71b651d8add45b6870bb9ac9bd&utm_content=605111

                    falls noch jemand welches braucht

                    Gutscheincode:

                    BG39fe1b
                    Ist keine Werbung,einfach nur falls jemand paar Euro sparen will

                    Gutscheincode wird als ungültig angegeben... schade, aber trotzdem Danke

                    Oh,schade....dann 53€

                    O Offline
                    O Offline
                    oOchrisOo
                    wrote on last edited by
                    #6763

                    @bob-der-1
                    Bei Amazon mit Prime gerade für 47€

                    1 Reply Last reply
                    0
                    • T Do not disturb
                      T Do not disturb
                      ticaki
                      wrote on last edited by ticaki
                      #6764

                      Wir haben da was in Arbeit, das die ALTEN und SCHWACHEN - damit ist mein Cousin gemeint - nicht mehr meckern könnenm, das die Schrift zu klein ist. Daher gibts demnächst diese beiden zusätzlichen Auswahlmöglichkeiten:

                      Easy-View Screensaver:
                      image.png

                      cardGrid3:
                      image.png

                      Danke an @Armilar @TT-Tom

                      Weather-Warnings Espresense NSPanel-Lovelace-ui Tagesschau

                      Spenden

                      1 Reply Last reply
                      4
                      • ArmilarA Armilar

                        SONOFF NSPanel Touch Display Switch

                        mit Lovelace UI und TASMOTA Firmware

                        60848839-53b0-4e2b-a370-28e02960bfcd-image.png

                        Das Thema https://forum.iobroker.net/topic/50888/sonoff-nspanel/1542 wird hier jetzt fortgesetzt...

                        An alle begeisterten NSPanel'er

                        Dieser Thread soll sich jetzt ausschließlich mit den Fragen und Themen rund um das SONOFF NSPanel mit Lovelace UI beschäftigen.

                        Wie alles begann:

                        • 22.10.2021
                          Blakadder's Dokumentation der Dekodierung des NSPanel-Kommunikationsprotokolls und Einrichtung der Steuerung des Nextion-Bildschirms mit benutzerdefinierter Firmware.
                          https://blakadder.com/nspanel-hacking/
                        • 01.01.2022
                          Erste Gehversuche mit Blockly-Scripts auf der Original-Firmware nach einer ersten coolen Anleitung für den ioBroker von @haus-automatisierung.
                        • ...
                          Funkstille auf allen Kanälen, da das Panel in der Originalsoftware einfach zu wenig Funktionalität hat. Ein Vergleich mit "Jugend forscht" wäre maßlos übertrieben...
                        • 15.01.2022
                          @jobr99 Erstes POC von Lovelace Konzept mit ESPhome Komponente, da Nextion Upload Protcol unter tasmota nicht umsetzbar ist (berry tcpclient crashed ESP, HTTP Libary ist auf viel zu kleine Dateien limitiert)
                        • 17.01.2022
                          peepshow-21 Erste implementierung von Nextion Upload Protocol 1.1 mit Workaround für HTTP Libary über Java Converter um tft files für tasmota vorzubereiten
                        • 20.01.2022
                          s-hadinger fixt bug in berry tcpclient
                        • 31.01.2022
                          Erste Version für HomeAssistant mit Nodered und Tasmota
                        • 08.02.2022
                          @joBr99 Erste Implementierung von Nextion Upload Protokoll 1.2 in Berry basiertend auf HTTP Range Header Requests und lokalem Buffer (funktioniert nur mit -nspanel tasmota build uns PSRAM Support)
                        • 12.02.2022
                          peepshow-21 Implementierung von Nextion Upload Protocol 1.2 mit vollständigem Download und "streaming" zum Nextion Screen während dem Download
                        • 05.03.2022
                          @joBr99 Portierung von Node-Red Flow zu AppDaemon, da AppDaemon sich besser eignet zur Implementierung vom Backend
                        • 13.03.2022
                          @joBr99 Erste Version von Lovelace Berry Driver basierend auf Upload Protocol Implementierung von peepshow-21, da diese etwas stabiler läuft mit zusätzlichem Error Handling
                        • 30.03.2022
                          @joBr99 kommt mit der Info um die Ecke, dass es ein erstes Script v1.9.0 für den ioBroker von @Britzelpuf gibt. Zu diesem Zeitpunkt gab es bereits den Screensaver die Seitennavigation und die Möglichkeit eine Lampe, einen Dimmer eine Taste und eine Info, sowie die popUps für Licht (Brightness) und Shutter (Position) und einen Thermostaten zur Steuerung einzubinden.
                        • 10.04.2022
                          @joBr99 Firmware got bigger and bigger with >15 Minutes Flashing Time for the tft file
                          Increased Flashing Speed of Berry Driver from 115200 to 921600 and added skipping to the End with HTTP Range Headers, resulted in faster display flashing
                        • 11.04.2022
                          @Armilar macht seine ersten Änderungen auf github und hört seit dem nicht mehr auf, weitere Funktionen in das TSScript hinzuzufügen... 😉
                          @joBr99 entwickelt die HMI und neue Funktionen für Home Assistant schneller als der Wind - und macht das Panel zur echten Bereicherung für jedes Smart Home 😊 👏

                        heute

                        • Eine der besten Community's die ich jemals erlebt habe. Hilfsbereit und kompetent wird jeder mit Hilfestellungen und Problemlösungen in kürzester Zeit versorgt.

                        Es macht großen Spaß zusammen mit euch...

                        VG
                        Armilar


                        Beispiele:

                        09ae2c13-c606-4ef5-88dc-26fccd14dd85-image.png

                        cf500331-70d8-4150-ac59-aabff1a27f7f-image.png

                        a5dbb6f4-403b-4081-b2e9-a17cbc3af26c-image.png

                        b41e2fed-abaa-4993-ae6f-2344f4e3afc8-image.png

                        048fc1af-d72e-45fe-9102-688d40b2df18-image.png

                        08edcab4-03b7-4c0f-923e-0f5b1c639cca-image.png

                        ad94cddf-a0d0-40a7-971c-16504e8949fd-image.png

                        263b23cc-d003-4af6-98b6-ed994c244890-image.png

                        07373515-a92e-4cc9-b717-716e4fd4413f-image.png

                        7c4a1f2f-26d7-4aeb-987d-3e30a671378d-image.png


                        Features:

                        • cardEntities für die Unterstützung diverser Steuerelemente (siehe Beispiele)
                        • cardGrid (3x2-Raster) für die Unterstützung diverser Steuerelemente (siehe Beispiele)
                        • cardGrid2 (4x2) für die Unterstützung diverser Steuerelemente (siehe Beispiele)
                        • cardGrid3 (2x2) für die Unterstützung diverser Steuerelemente (siehe Beispiele)
                        • cardPower zur Visualisierung der Energieverteilung
                        • cardAlarm als Seite für Alarmanlagen
                        • cardMedia - der Media-Player (Diverse Adapter)
                        • cardThermo - Seite für Thermostat oder Klimaanlage
                        • cardQR - Seite mit QRCode zur Anzeige von WLAN-Informationen
                        • cardChart - Balkendiagramme
                        • Detailseiten für Leuchtmittel (Helligkeit, Temperatur und Farbe)
                        • Detailseite für Jalousien/Rollos (Position und Tilt)
                        • Detailseite für Ventilatoren
                        • Detailseite für Timer
                        • Auswahl Detailseite für Werteliste
                        • Bildschirmschonerseite mit Uhrzeit, Datum und Wetterinformationen oder/und Infos
                        • Multilingual (unterstützt über 40 Sprachen)
                        • Unbegrenzte Anzahl an Seiten und Unterseiten
                        • Abfallkalender
                        • Favoritenseiten
                        • etc.

                          ich glaube da ist eine verbesserte "cardMedia" in der Entwicklung - sieht cool aus...
                          72571469-4a78-4caf-ba0e-7a67865bb13c-image.png

                        NsPanel Lovelace UI ist eine Firmware für den Nextion-Bildschirm innerhalb des NSPanel.

                        Die allgemeine Idee ist, dass das Nextion-Display einen Seitenzähler durchläuft und der ESP32 dem Display sagt, was zu tun ist. Alles ist dynamisch durch Alias-Erstellung konfigurierbar, es ist nicht erforderlich, Nextion Editor zu programmieren. Neben der Seiten-Definition sind im ioBroker keine Programmierkenntnisse erforderlich. Es ist im ioBroker ebenfalls kein Lovelace-Adapter erforderlich.

                        Das Panel arbeitet mit Tasmota und MQTT. Um das Panel zu steuern und mit Inhalten von ioBroker zu aktualisieren, gibt es ein vordefiniertes TypeScript (TS) für den JavaScript-Adapter.


                        Aktuelle Wiki (Anleitung) für den ioBroker

                        https://github.com/joBr99/nspanel-lovelace-ui/wiki by @Kuckuckmann

                        NsPanelTs.ts (TypeScript) für ioBroker v4.9.3.X

                        zur Steuerung des SONOFF NSPanel mit dem ioBroker by @Armilar und @TT-Tom
                        https://github.com/joBr99/nspanel-lovelace-ui/tree/main/ioBroker
                        abgestimmt auf:

                        • TFT 58 / v4.9.3 ( by @joBr99 / Armilar > 4.4.0)
                        • BerryDriver 9 ( by peepshow-21 (based on code by blakadder and s-hadinger))
                        • Tasmota 15.1.0 ( by Theo Arends ) --> Theo-Arends-Sonoff-MQTT-OTA

                        Projekt:

                        by @joBr99

                        • main (Home Assistant - Version und Nextion HMI): https://github.com/joBr99/nspanel-lovelace-ui by @joBr99
                        • ioBroker: https://github.com/joBr99/nspanel-lovelace-ui/tree/main/ioBroker by @Armilar (HA - Adaption)

                        Icon-Mapper:

                        • icon_mapping.ts:
                          https://github.com/joBr99/nspanel-lovelace-ui/blob/main/ioBroker/icon_mapping.ts
                          (TypeScript muss in global liegen)

                        Icons:

                        unter: https://docs.nspanel.pky.eu/icon-cheatsheet.html

                        Video-Tutorial:

                        https://www.youtube.com/watch?v=ZPLJk2ZLo_8 by @haus-automatisierung

                        ? Offline
                        ? Offline
                        A Former User
                        wrote on last edited by
                        #6765

                        @armilar

                        Seit dem Update auf JavaScript Version 8.9.0 kommt das hier:

                        
                        	script.js.common.NSPanels.NSP1-BB-44011: TypeScript compilation failed: payload: 'dimmode~' + getState(NSPanel_Path + 'ScreensaverInfo.activeDimmodeBrightness').val + '~' + getState(NSPanel_Path + 'ScreensaverInfo.activeBrightness').val ?? ^ERROR: Right operand of ?? is unreachable because the left operand is never nullish. payload: 'dimmode~' + timeDimMode.brightnessDay + '~' + getState(NSPanel_Path + 'ScreensaverInfo.activeBrightness').val ?? ^ERROR: Right operand of ?? is unreachable because the left operand is never nullish. payload: 'dimmode~' + timeDimMode.brightnessNight + '~' + getState(NSPanel_Path + 'ScreensaverInfo.activeBrightness').val ?? ^ERROR: Right operand of ?? is unreachable because the left operand is never nullish.
                        
                        
                        T 1 Reply Last reply
                        0
                        • ? A Former User

                          @armilar

                          Seit dem Update auf JavaScript Version 8.9.0 kommt das hier:

                          
                          	script.js.common.NSPanels.NSP1-BB-44011: TypeScript compilation failed: payload: 'dimmode~' + getState(NSPanel_Path + 'ScreensaverInfo.activeDimmodeBrightness').val + '~' + getState(NSPanel_Path + 'ScreensaverInfo.activeBrightness').val ?? ^ERROR: Right operand of ?? is unreachable because the left operand is never nullish. payload: 'dimmode~' + timeDimMode.brightnessDay + '~' + getState(NSPanel_Path + 'ScreensaverInfo.activeBrightness').val ?? ^ERROR: Right operand of ?? is unreachable because the left operand is never nullish. payload: 'dimmode~' + timeDimMode.brightnessNight + '~' + getState(NSPanel_Path + 'ScreensaverInfo.activeBrightness').val ?? ^ERROR: Right operand of ?? is unreachable because the left operand is never nullish.
                          
                          
                          T Do not disturb
                          T Do not disturb
                          ticaki
                          wrote on last edited by ticaki
                          #6766

                          @ilovegym sagte in SONOFF NSPanel mit Lovelace UI:

                          payload: 'dimmode~'

                          Welche Version vom Skript?

                          Gefunden...

                          Lösung

                          vorher:
                          getState(NSPanel_Path + 'ScreensaverInfo.activeBrightness').val ??
                                                      80
                          nachher
                          (getState(NSPanel_Path + 'ScreensaverInfo.activeBrightness').val ??
                                                      '80')
                          

                          Weather-Warnings Espresense NSPanel-Lovelace-ui Tagesschau

                          Spenden

                          T 1 Reply Last reply
                          1
                          • T ticaki

                            @ilovegym sagte in SONOFF NSPanel mit Lovelace UI:

                            payload: 'dimmode~'

                            Welche Version vom Skript?

                            Gefunden...

                            Lösung

                            vorher:
                            getState(NSPanel_Path + 'ScreensaverInfo.activeBrightness').val ??
                                                        80
                            nachher
                            (getState(NSPanel_Path + 'ScreensaverInfo.activeBrightness').val ??
                                                        '80')
                            
                            T Offline
                            T Offline
                            TT-Tom
                            wrote on last edited by TT-Tom
                            #6767

                            @ticaki
                            ist in der DEV Version schon gefixt?

                            Edit: ist schon 😉

                            Gruß Tom
                            https://github.com/tt-tom17
                            Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

                            NSPanel Script Wiki
                            https://github.com/joBr99/nspanel-lovelace-ui/wiki

                            NSPanel Adapter Wiki
                            https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

                            1 Reply Last reply
                            0
                            • ArmilarA Armilar

                              SONOFF NSPanel Touch Display Switch

                              mit Lovelace UI und TASMOTA Firmware

                              60848839-53b0-4e2b-a370-28e02960bfcd-image.png

                              Das Thema https://forum.iobroker.net/topic/50888/sonoff-nspanel/1542 wird hier jetzt fortgesetzt...

                              An alle begeisterten NSPanel'er

                              Dieser Thread soll sich jetzt ausschließlich mit den Fragen und Themen rund um das SONOFF NSPanel mit Lovelace UI beschäftigen.

                              Wie alles begann:

                              • 22.10.2021
                                Blakadder's Dokumentation der Dekodierung des NSPanel-Kommunikationsprotokolls und Einrichtung der Steuerung des Nextion-Bildschirms mit benutzerdefinierter Firmware.
                                https://blakadder.com/nspanel-hacking/
                              • 01.01.2022
                                Erste Gehversuche mit Blockly-Scripts auf der Original-Firmware nach einer ersten coolen Anleitung für den ioBroker von @haus-automatisierung.
                              • ...
                                Funkstille auf allen Kanälen, da das Panel in der Originalsoftware einfach zu wenig Funktionalität hat. Ein Vergleich mit "Jugend forscht" wäre maßlos übertrieben...
                              • 15.01.2022
                                @jobr99 Erstes POC von Lovelace Konzept mit ESPhome Komponente, da Nextion Upload Protcol unter tasmota nicht umsetzbar ist (berry tcpclient crashed ESP, HTTP Libary ist auf viel zu kleine Dateien limitiert)
                              • 17.01.2022
                                peepshow-21 Erste implementierung von Nextion Upload Protocol 1.1 mit Workaround für HTTP Libary über Java Converter um tft files für tasmota vorzubereiten
                              • 20.01.2022
                                s-hadinger fixt bug in berry tcpclient
                              • 31.01.2022
                                Erste Version für HomeAssistant mit Nodered und Tasmota
                              • 08.02.2022
                                @joBr99 Erste Implementierung von Nextion Upload Protokoll 1.2 in Berry basiertend auf HTTP Range Header Requests und lokalem Buffer (funktioniert nur mit -nspanel tasmota build uns PSRAM Support)
                              • 12.02.2022
                                peepshow-21 Implementierung von Nextion Upload Protocol 1.2 mit vollständigem Download und "streaming" zum Nextion Screen während dem Download
                              • 05.03.2022
                                @joBr99 Portierung von Node-Red Flow zu AppDaemon, da AppDaemon sich besser eignet zur Implementierung vom Backend
                              • 13.03.2022
                                @joBr99 Erste Version von Lovelace Berry Driver basierend auf Upload Protocol Implementierung von peepshow-21, da diese etwas stabiler läuft mit zusätzlichem Error Handling
                              • 30.03.2022
                                @joBr99 kommt mit der Info um die Ecke, dass es ein erstes Script v1.9.0 für den ioBroker von @Britzelpuf gibt. Zu diesem Zeitpunkt gab es bereits den Screensaver die Seitennavigation und die Möglichkeit eine Lampe, einen Dimmer eine Taste und eine Info, sowie die popUps für Licht (Brightness) und Shutter (Position) und einen Thermostaten zur Steuerung einzubinden.
                              • 10.04.2022
                                @joBr99 Firmware got bigger and bigger with >15 Minutes Flashing Time for the tft file
                                Increased Flashing Speed of Berry Driver from 115200 to 921600 and added skipping to the End with HTTP Range Headers, resulted in faster display flashing
                              • 11.04.2022
                                @Armilar macht seine ersten Änderungen auf github und hört seit dem nicht mehr auf, weitere Funktionen in das TSScript hinzuzufügen... 😉
                                @joBr99 entwickelt die HMI und neue Funktionen für Home Assistant schneller als der Wind - und macht das Panel zur echten Bereicherung für jedes Smart Home 😊 👏

                              heute

                              • Eine der besten Community's die ich jemals erlebt habe. Hilfsbereit und kompetent wird jeder mit Hilfestellungen und Problemlösungen in kürzester Zeit versorgt.

                              Es macht großen Spaß zusammen mit euch...

                              VG
                              Armilar


                              Beispiele:

                              09ae2c13-c606-4ef5-88dc-26fccd14dd85-image.png

                              cf500331-70d8-4150-ac59-aabff1a27f7f-image.png

                              a5dbb6f4-403b-4081-b2e9-a17cbc3af26c-image.png

                              b41e2fed-abaa-4993-ae6f-2344f4e3afc8-image.png

                              048fc1af-d72e-45fe-9102-688d40b2df18-image.png

                              08edcab4-03b7-4c0f-923e-0f5b1c639cca-image.png

                              ad94cddf-a0d0-40a7-971c-16504e8949fd-image.png

                              263b23cc-d003-4af6-98b6-ed994c244890-image.png

                              07373515-a92e-4cc9-b717-716e4fd4413f-image.png

                              7c4a1f2f-26d7-4aeb-987d-3e30a671378d-image.png


                              Features:

                              • cardEntities für die Unterstützung diverser Steuerelemente (siehe Beispiele)
                              • cardGrid (3x2-Raster) für die Unterstützung diverser Steuerelemente (siehe Beispiele)
                              • cardGrid2 (4x2) für die Unterstützung diverser Steuerelemente (siehe Beispiele)
                              • cardGrid3 (2x2) für die Unterstützung diverser Steuerelemente (siehe Beispiele)
                              • cardPower zur Visualisierung der Energieverteilung
                              • cardAlarm als Seite für Alarmanlagen
                              • cardMedia - der Media-Player (Diverse Adapter)
                              • cardThermo - Seite für Thermostat oder Klimaanlage
                              • cardQR - Seite mit QRCode zur Anzeige von WLAN-Informationen
                              • cardChart - Balkendiagramme
                              • Detailseiten für Leuchtmittel (Helligkeit, Temperatur und Farbe)
                              • Detailseite für Jalousien/Rollos (Position und Tilt)
                              • Detailseite für Ventilatoren
                              • Detailseite für Timer
                              • Auswahl Detailseite für Werteliste
                              • Bildschirmschonerseite mit Uhrzeit, Datum und Wetterinformationen oder/und Infos
                              • Multilingual (unterstützt über 40 Sprachen)
                              • Unbegrenzte Anzahl an Seiten und Unterseiten
                              • Abfallkalender
                              • Favoritenseiten
                              • etc.

                                ich glaube da ist eine verbesserte "cardMedia" in der Entwicklung - sieht cool aus...
                                72571469-4a78-4caf-ba0e-7a67865bb13c-image.png

                              NsPanel Lovelace UI ist eine Firmware für den Nextion-Bildschirm innerhalb des NSPanel.

                              Die allgemeine Idee ist, dass das Nextion-Display einen Seitenzähler durchläuft und der ESP32 dem Display sagt, was zu tun ist. Alles ist dynamisch durch Alias-Erstellung konfigurierbar, es ist nicht erforderlich, Nextion Editor zu programmieren. Neben der Seiten-Definition sind im ioBroker keine Programmierkenntnisse erforderlich. Es ist im ioBroker ebenfalls kein Lovelace-Adapter erforderlich.

                              Das Panel arbeitet mit Tasmota und MQTT. Um das Panel zu steuern und mit Inhalten von ioBroker zu aktualisieren, gibt es ein vordefiniertes TypeScript (TS) für den JavaScript-Adapter.


                              Aktuelle Wiki (Anleitung) für den ioBroker

                              https://github.com/joBr99/nspanel-lovelace-ui/wiki by @Kuckuckmann

                              NsPanelTs.ts (TypeScript) für ioBroker v4.9.3.X

                              zur Steuerung des SONOFF NSPanel mit dem ioBroker by @Armilar und @TT-Tom
                              https://github.com/joBr99/nspanel-lovelace-ui/tree/main/ioBroker
                              abgestimmt auf:

                              • TFT 58 / v4.9.3 ( by @joBr99 / Armilar > 4.4.0)
                              • BerryDriver 9 ( by peepshow-21 (based on code by blakadder and s-hadinger))
                              • Tasmota 15.1.0 ( by Theo Arends ) --> Theo-Arends-Sonoff-MQTT-OTA

                              Projekt:

                              by @joBr99

                              • main (Home Assistant - Version und Nextion HMI): https://github.com/joBr99/nspanel-lovelace-ui by @joBr99
                              • ioBroker: https://github.com/joBr99/nspanel-lovelace-ui/tree/main/ioBroker by @Armilar (HA - Adaption)

                              Icon-Mapper:

                              • icon_mapping.ts:
                                https://github.com/joBr99/nspanel-lovelace-ui/blob/main/ioBroker/icon_mapping.ts
                                (TypeScript muss in global liegen)

                              Icons:

                              unter: https://docs.nspanel.pky.eu/icon-cheatsheet.html

                              Video-Tutorial:

                              https://www.youtube.com/watch?v=ZPLJk2ZLo_8 by @haus-automatisierung

                              ? Offline
                              ? Offline
                              A Former User
                              wrote on last edited by
                              #6768

                              @armilar @ticaki @TT-Tom

                              Ich habe dann 13 Scripte zu Updaten, kann man die scripte nicht splitten, ein Script nur für die config eines Panels und der andere Teil das eigentliche Script?

                              T 1 Reply Last reply
                              0
                              • ? A Former User

                                @armilar @ticaki @TT-Tom

                                Ich habe dann 13 Scripte zu Updaten, kann man die scripte nicht splitten, ein Script nur für die config eines Panels und der andere Teil das eigentliche Script?

                                T Do not disturb
                                T Do not disturb
                                ticaki
                                wrote on last edited by ticaki
                                #6769

                                @ilovegym
                                Kann man, aber richtig viel arbeit und fast nicht zu debuggen. hmm lass mcih denken... könnte leichter zu debuggen sein, aber der zugang wird für programmierer erschwert - heißt weniger maintainer am ende.

                                EDIT: Ich wäre froh ich hätte den code nur 13 mal kopiert in den letzten 2 Tagen 🙂

                                Weather-Warnings Espresense NSPanel-Lovelace-ui Tagesschau

                                Spenden

                                GarganoG 1 Reply Last reply
                                0
                                • T ticaki

                                  @ilovegym
                                  Kann man, aber richtig viel arbeit und fast nicht zu debuggen. hmm lass mcih denken... könnte leichter zu debuggen sein, aber der zugang wird für programmierer erschwert - heißt weniger maintainer am ende.

                                  EDIT: Ich wäre froh ich hätte den code nur 13 mal kopiert in den letzten 2 Tagen 🙂

                                  GarganoG Offline
                                  GarganoG Offline
                                  Gargano
                                  wrote on last edited by Gargano
                                  #6770

                                  @Armilar , @TT-Tom ,
                                  An dieser Stelle: Wie sieht es mit dem Adapter aus ?
                                  Gibt es da eine Time line ?

                                  T 1 Reply Last reply
                                  0
                                  • GarganoG Gargano

                                    @Armilar , @TT-Tom ,
                                    An dieser Stelle: Wie sieht es mit dem Adapter aus ?
                                    Gibt es da eine Time line ?

                                    T Do not disturb
                                    T Do not disturb
                                    ticaki
                                    wrote on last edited by ticaki
                                    #6771

                                    @gargano
                                    Ich bin jetzt langsam mal dabei mich mit react vertraut zu machen und hab noch ein paar andere Ideen. Da ich der "Adapterentwickler" im Team bin und im letzten Jahr ausgefallen bin ist da seit April/Mai nix passiert.

                                    Bis auf den Teil der die Konfiguration betrifft ist der Adapter einsatzbereit, hat noch nicht alle Mediaplayer - aber er geht. Mal sehen wenn wir das mal mit allen durch diskutieren wieviel umgeschrieben wird.

                                    Weather-Warnings Espresense NSPanel-Lovelace-ui Tagesschau

                                    Spenden

                                    ArmilarA 1 Reply Last reply
                                    0
                                    • T ticaki

                                      @gargano
                                      Ich bin jetzt langsam mal dabei mich mit react vertraut zu machen und hab noch ein paar andere Ideen. Da ich der "Adapterentwickler" im Team bin und im letzten Jahr ausgefallen bin ist da seit April/Mai nix passiert.

                                      Bis auf den Teil der die Konfiguration betrifft ist der Adapter einsatzbereit, hat noch nicht alle Mediaplayer - aber er geht. Mal sehen wenn wir das mal mit allen durch diskutieren wieviel umgeschrieben wird.

                                      ArmilarA Offline
                                      ArmilarA Offline
                                      Armilar
                                      Most Active Forum Testing
                                      wrote on last edited by Armilar
                                      #6772

                                      Update v4.5.0

                                      acb8351a-2ce5-452e-8968-f375feff8bd8-image.png

                                      Nachdem es heute zu einem Bug mit dem "BETA"-JS-Adapter v8.9.0 heute kam, haben wir uns kurzfristig entschlossen, das Release v4.5.0 mit dem Bugfix und einer Erweiterung der TFT zu veröffentlichen.


                                      Wer also diese JS-Adapter Version geladen hat, kommt nicht an diesem Update vorbei.

                                      https://github.com/joBr99/nspanel-lovelace-ui/blob/main/ioBroker/NsPanelTs.ts

                                      Unteren Teil austauschen ab:
                                      6848e21f-0ecb-4351-8326-6c023e0ea5f7-image.png


                                      Das Service Menü hat einen weiteren Eintrag erhalten. Mit diesem kann der Einfache Screensaver (siehe Bilder unten) umgeschaltet werden.
                                      Zeilen 425 bis 822 austauschen


                                      Die Firmware sollte in der Tasmota-Konsole mit (Achtung neue URL)

                                      FlashNextion http://nspanel.de/nspanel-4.5.0.tft
                                      

                                      aktualisiert werden.


                                      Der neue "Einfache Screensaver":
                                      f31d6ffb-b782-4561-8b0e-a38885577ab6-image.png
                                      ist eine Version mit stark vergrößerten Elementen. Die beiden Relais sind hierbei nur noch als Balken (keine Icons) im unteren Teil zu sehen.

                                      Außerdem gibt es eine cardGrid3 mit 4 Steuerelementen:
                                      a3dcfcb4-dfad-48cd-bd84-f649b65c3bf9-image.png

                                      Die Variable unterscheidet sich lediglich durch den type cardGrid3 und das max. 4 pageItems möglich sind

                                      let Buero_Seite_2: PageType = 
                                      {
                                          'type': 'cardGrid3',
                                          'heading': 'Büro 2',
                                          'useColor': true,
                                          'items': [
                                              { id: 'alias.0.NSPanel_1.Schreibtischlampe', name: 'Schreibtisch'},
                                              { id: 'alias.0.NSPanel_1.Deckenbeleuchtung', name: 'Deckenlampe'},
                                              { id: 'alias.0.NSPanel_1.TestFenster', offColor: MSGreen, onColor: MSRed, name: 'Büro Fenster'},
                                              { id: 'alias.0.NSPanel_1.Luftreiniger', icon: 'power', offColor: MSRed, onColor: MSGreen},
                                          ]
                                      };
                                      

                                      Es gibt noch eine weitere Neuerung, in der ein 3. Icon im pageItem für die Rollos (Alias Channel: blinds) genutzt werden kann. Diese wird jedoch im Wiki beschrieben.


                                      Viel Spaß mit dem neuen Release

                                      @ticaki, @TT-Tom und Armilar

                                      Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
                                      https://github.com/joBr99/nspanel-lovelace-ui/wiki

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

                                      ? Chris_71C 2 Replies Last reply
                                      2
                                      • T Do not disturb
                                        T Do not disturb
                                        ticaki
                                        wrote on last edited by ticaki
                                        #6773

                                        Neuerung:

                                        Eine weitere Neuerung die ich im Changelog vergessen habe:

                                        Der Name (nicht id) des im Skript angegebenen userdata/alias Ordners wird beim Start ersetzt durch die Bezeichnung die ihr im Tasmota unter other->Device Name eingetragen habt.

                                        Hatte wiedermal die Nase voll davon das ich nicht weiß welcher welcher ist ohne ins Skript zu gucken 🙂
                                        Bildschirmfoto 2025-01-23 um 09.06.37.png

                                        Die oberen 2 muß ich noch benennen.


                                        Icon3:

                                        Bis das in der Wiki aktualisiert ist hier eine kurzer Beschreibung zu Icon3.

                                        Wenn ihr in einem role: blinds ein Icon3 definiert ohne maxValueLevel/minValueLevel, wird bei einem Entity Wert von x dieses Icon verwendet:

                                        kleiner gleich 0 Icon
                                        größer gleich 100 Icon2
                                        zwischen 0 und 100 Icon3

                                        In diesem einen Sonderfall kann Icon, Icon2 und Icon3 auch eine Datenpunkt-ID sein, die auf ein Icon zeigt, das hab ich aber noch nicht genug getestet.

                                        minimal Konfiguration:

                                        /** <PageItem> */{ navigate: false, id: 'alias.0.zuhause.og.Wohnzimmer.Wohnzimmer_Rollladen', icon3:'window-shutter-alert'},
                                        

                                        Wenn der Wertebereich nicht 0-100 ist könnt ihr minValueLevel und maxValueLevel verwendet um es selbst einzustellen

                                        kleiner gleich minValueLevel Icon
                                        größer gleich maxValueLevel Icon2
                                        zwischen minValueLevel und maxValueLevel Icon3

                                        min und max werden intern geprüft und so gedreht das max größer ist als min 🙂

                                        Wenn es zuspruch findet, kann das überall, wo es Sinn macht eingebaut werden.

                                        Weather-Warnings Espresense NSPanel-Lovelace-ui Tagesschau

                                        Spenden

                                        1 Reply Last reply
                                        1
                                        • ArmilarA Armilar

                                          Update v4.5.0

                                          acb8351a-2ce5-452e-8968-f375feff8bd8-image.png

                                          Nachdem es heute zu einem Bug mit dem "BETA"-JS-Adapter v8.9.0 heute kam, haben wir uns kurzfristig entschlossen, das Release v4.5.0 mit dem Bugfix und einer Erweiterung der TFT zu veröffentlichen.


                                          Wer also diese JS-Adapter Version geladen hat, kommt nicht an diesem Update vorbei.

                                          https://github.com/joBr99/nspanel-lovelace-ui/blob/main/ioBroker/NsPanelTs.ts

                                          Unteren Teil austauschen ab:
                                          6848e21f-0ecb-4351-8326-6c023e0ea5f7-image.png


                                          Das Service Menü hat einen weiteren Eintrag erhalten. Mit diesem kann der Einfache Screensaver (siehe Bilder unten) umgeschaltet werden.
                                          Zeilen 425 bis 822 austauschen


                                          Die Firmware sollte in der Tasmota-Konsole mit (Achtung neue URL)

                                          FlashNextion http://nspanel.de/nspanel-4.5.0.tft
                                          

                                          aktualisiert werden.


                                          Der neue "Einfache Screensaver":
                                          f31d6ffb-b782-4561-8b0e-a38885577ab6-image.png
                                          ist eine Version mit stark vergrößerten Elementen. Die beiden Relais sind hierbei nur noch als Balken (keine Icons) im unteren Teil zu sehen.

                                          Außerdem gibt es eine cardGrid3 mit 4 Steuerelementen:
                                          a3dcfcb4-dfad-48cd-bd84-f649b65c3bf9-image.png

                                          Die Variable unterscheidet sich lediglich durch den type cardGrid3 und das max. 4 pageItems möglich sind

                                          let Buero_Seite_2: PageType = 
                                          {
                                              'type': 'cardGrid3',
                                              'heading': 'Büro 2',
                                              'useColor': true,
                                              'items': [
                                                  { id: 'alias.0.NSPanel_1.Schreibtischlampe', name: 'Schreibtisch'},
                                                  { id: 'alias.0.NSPanel_1.Deckenbeleuchtung', name: 'Deckenlampe'},
                                                  { id: 'alias.0.NSPanel_1.TestFenster', offColor: MSGreen, onColor: MSRed, name: 'Büro Fenster'},
                                                  { id: 'alias.0.NSPanel_1.Luftreiniger', icon: 'power', offColor: MSRed, onColor: MSGreen},
                                              ]
                                          };
                                          

                                          Es gibt noch eine weitere Neuerung, in der ein 3. Icon im pageItem für die Rollos (Alias Channel: blinds) genutzt werden kann. Diese wird jedoch im Wiki beschrieben.


                                          Viel Spaß mit dem neuen Release

                                          @ticaki, @TT-Tom und Armilar

                                          ? Offline
                                          ? Offline
                                          A Former User
                                          wrote on last edited by
                                          #6774

                                          @armilar

                                          das update schlaegt fehl... hat sich noch etwas geaendert..??

                                          
                                          8:48:54.185 CMD: FlashNextion http://nspanel.de/nspanel-4.5.0.tft
                                          08:48:54.194 MQT: SmartHome/NSPanel1/stat/RESULT = {"FlashNextion":"Done"}
                                          08:48:54.220 FLH: host: nspanel.de, port: 80, get: /nspanel-4.5.0.tft
                                          08:48:57.258 FLH: Something has gone wrong flashing display firmware [bytes('55BB13006576656E742C737461727475702C35332C65755788')]
                                          08:48:57.405 FLH: Send (High Speed) flash start
                                          08:48:57.759 BRY: Exception> 'type_error' - unsupported operand type(s) for <: 'nil' and 'int'
                                          
                                          T 1 Reply Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          163

                                          Online

                                          32.4k

                                          Users

                                          81.3k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe