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

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

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

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    15
    1
    2.1k

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.
  • D danny_v1

    @tt-tom
    Ich habe gerade meinen Fehler gefunden, es hat immer in den Seiten "xxx_LC4" ein Komma gefehlt.

    Es kamen ja keine Fehlermeldungen nur in der Miniaturansicht waren sehr lange Teile rot markiert. Naja manchmal sieht man den Wald vor lauter Bäumen nicht!

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

    @danny_v1

    wollte dir auch grade die Zeilen posten. Schön wenn es läuft.

    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
    • T Takahara

      @armilar

      Moin,

      Ich versuche einen Shelly Dimmer zu steuern und anzuzeigen. Bei der Erstellung, sowie dem Verständnis von Alias habe ich noch keinen wirklichen Durchblick.

      2025-01-07 21_18_34-Window.png

      Wie genau muss ich die ID konfiguieren um die Stehleuchte richtig darzustellen und anzusteuern?

      let Wohnzimmer: PageType =
      {
          'type': 'cardEntities',
          'heading': 'Wohnzimmer',
          'useColor': true,
          'items': [
              // { id: 'alias.0.Geräte_für_NSPanels.WZ_Licht_Auto', interpolateColor: true},
              // { id: 'alias.0.Geräte_für_NSPanels.OG_BZ_Licht_Auto', interpolateColor: true},
              // { id: 'alias.0.Geräte_für_NSPanels.OG_BZ_Deckenlicht', interpolateColor: true}, 
              { id: 'alias.0.Geräte_für_NSPanels.Stehleuchte', interpolateColor: true},
             // { id: 'alias.0.NSPanel_1.ShellyDuoTest', name: 'Shelly Duo GU10', minValueBrightness: 0, maxValueBrightness: 100, minValueColorTemp: 6465, maxValueColorTemp: 3000, interpolateColor: true, modeList: ['Color','White'], inSel_ChoiceState: true},
             // { id: 'alias.0.NSPanel_1.Luftreiniger', icon: 'power', icon2: 'power',offColor: MSRed, onColor: MSGreen}
          ]
      };
      

      VG Takahara

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

      @takahara

      Mein Shelly Dimmer:

      e69b25ee-a3fa-4ef1-91a3-e411776e8daf-image.png

      Mein PageItem:

      { id: 'alias.0.Haus.Erdgeschoss.Esszimmer.Licht.Leuchten_Esstisch', name: 'Esszimmertisch', interpolateColor: true},
      

      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.

      1 Reply Last reply
      1
      • T Offline
        T Offline
        Tiedi
        wrote on last edited by
        #6751

        Hallo,

        ich habe 3 NSpanels am Laufen. Ein NSpanel versucht immer wieder ein Tasmota Update durchzuführen. Es fragt dann auf dem Display ob das Update durchgeführt werden soll. Kann man das dekativieren?
        Meine anderen beiden Panels machen es auc nicht.

        T 1 Reply Last reply
        1
        • T Tiedi

          Hallo,

          ich habe 3 NSpanels am Laufen. Ein NSpanel versucht immer wieder ein Tasmota Update durchzuführen. Es fragt dann auf dem Display ob das Update durchgeführt werden soll. Kann man das dekativieren?
          Meine anderen beiden Panels machen es auc nicht.

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

          @tiedi

          Das kannst du in den Serviceseiten deaktivieren.
          Unter Info -> Update Meldungen.

          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
          • D danny_v1

            Hi,
            ich habe durch kopieren und einfügen von einem ins andere Panel und hin und her (insgesamt 4 Panels) mir ein paar Klammerfehler eingeschleppt. Die funktionieren trotzdem nur manchmal hängt dadurch die Navigation und die Exitpage des des Screensavers haut nicht mehr hin. Ein paar Fehler habe ich gefunden, aber es müssen noch welche drin sein (langer roter Balken an der Seite der Codeminiaturansicht). Gibt es irgendein Tool um den Code zu überprüfen und so die Fehlerhaften Stellen zu finden? Sind nun leider schon ca 3000 Zeilen an Seiten zusammengekommen.

            M Offline
            M Offline
            Maddin44
            wrote on last edited by
            #6753

            @danny_v1 Ich weiss nicht ob es Dir hilft, aber ich nutze dafür immer notepad++. Da kannst du verschiedene Sprachen (Sql, java, typescript geht glaube ich auch) auswählen. Wenn du dann ein Klammersymbol anklickst, wird dieses und das dazugehörige rot markiert. Mir hilft das immer die Scripte zu lesen und Fehler zu finden.

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

              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 1 Reply Last reply
              0
              • 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
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          539

                                          Online

                                          32.4k

                                          Users

                                          81.4k

                                          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