Skip to content
  • Home
  • 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
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Hardware
  4. SONOFF NSPanel mit Lovelace UI (TypeScript Version)

NEWS

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    16
    1
    355

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    4.8k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.3k

SONOFF NSPanel mit Lovelace UI (TypeScript Version)

Scheduled Pinned Locked Moved Hardware
lovelace uinspanelsonoff
8.0k Posts 277 Posters 7.2m Views 262 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.
  • C cdn

    @armilar said in SONOFF NSPanel mit Lovelace UI:

    SqueezeboxRPC

    Ja das ist er. Ach cool hatte ich noch gar nicht gefunden!
    Wie machen die anderen es denn so um Musik zentral zu streamen und dann noch in Verbindung mit dem NSPanel?

    Ich habe schön in jedem Raum einbaulautsprecher untergebracht via Kabel und habe dort einen entsprechenden Verstärker, welcher am Host des IOB angeschlossen ist.

    K Offline
    K Offline
    Kuckuckmann
    wrote on last edited by
    #5067

    @cdn

    Schau mal hier in der Wiki, da haben wir eine MediaCard für den SqueezBoxRPC.

    NSPanel Dokumentation im GitHub Wiki:

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

    1 Reply Last reply
    1
    • C cdn

      @armilar said in SONOFF NSPanel mit Lovelace UI:

      SqueezeboxRPC

      Ja das ist er. Ach cool hatte ich noch gar nicht gefunden!
      Wie machen die anderen es denn so um Musik zentral zu streamen und dann noch in Verbindung mit dem NSPanel?

      Ich habe schön in jedem Raum einbaulautsprecher untergebracht via Kabel und habe dort einen entsprechenden Verstärker, welcher am Host des IOB angeschlossen ist.

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

      @cdn

      Könntest dann natürlich mal einen Retest machen mit dem SqueezeboxRPC-Player im NSPanel. Wäre mir aktuell nicht sicher, ob der wirklich noch bug-frei läuft.

      Ansonsten @bembelstemmer kontaktieren. Er hat den SqueezeboxRPC ins NSPanel integriert, da ihn sonst niemand wirklich nutzt... Zumindest gab es nie Rückfragen...

      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.

      C 1 Reply Last reply
      0
      • ArmilarA Armilar

        @cdn

        Könntest dann natürlich mal einen Retest machen mit dem SqueezeboxRPC-Player im NSPanel. Wäre mir aktuell nicht sicher, ob der wirklich noch bug-frei läuft.

        Ansonsten @bembelstemmer kontaktieren. Er hat den SqueezeboxRPC ins NSPanel integriert, da ihn sonst niemand wirklich nutzt... Zumindest gab es nie Rückfragen...

        C Offline
        C Offline
        cdn
        wrote on last edited by
        #5069

        @armilar Werde ich machen.
        Heißt also idR benutzen die anderen dann bspw. Spotify und bekommen dann wie den Sound auf die Lautsprecher?
        Würde natürlich schon gerne direkt Spotify auf dem NSP nutzen können, welches dann an den Verstärker weitergegeben wird. Ich bin nicht mit dem MS4H verheiratet, war nur die schönste Lösung die ich bis jetzt gesehen habe.

        ArmilarA 1 Reply Last reply
        0
        • C cdn

          @armilar Werde ich machen.
          Heißt also idR benutzen die anderen dann bspw. Spotify und bekommen dann wie den Sound auf die Lautsprecher?
          Würde natürlich schon gerne direkt Spotify auf dem NSP nutzen können, welches dann an den Verstärker weitergegeben wird. Ich bin nicht mit dem MS4H verheiratet, war nur die schönste Lösung die ich bis jetzt gesehen habe.

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

          @cdn sagte in SONOFF NSPanel mit Lovelace UI:

          Heißt also idR benutzen die anderen dann bspw. Spotify und bekommen dann wie den Sound auf die Lautsprecher?

          Keine Ahnung wer welche Lösung bevorzugt? Bei mir läuft alles über Alexa...

          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.

          C 1 Reply Last reply
          0
          • ArmilarA Armilar

            @cdn sagte in SONOFF NSPanel mit Lovelace UI:

            Heißt also idR benutzen die anderen dann bspw. Spotify und bekommen dann wie den Sound auf die Lautsprecher?

            Keine Ahnung wer welche Lösung bevorzugt? Bei mir läuft alles über Alexa...

            C Offline
            C Offline
            cdn
            wrote on last edited by
            #5071

            @armilar Die Frau kommt mir nicht ins Haus :-D

            1 Reply Last reply
            0
            • Rene55R Offline
              Rene55R Offline
              Rene55
              wrote on last edited by Rene55
              #5072

              @theknut Der Wunsch nach 'dem' Alias ist für dich kein Mehraufwand. Er ist ja der Quelldatenpunkt für die Influxabfrage. Gibt mir aber die Möglichkeit, beim Schreiben der Daten in die InfluxDB einen kurzen Namen - eben den Alias - anzugeben.

              Ich habe über den .ACTUAL einen Alias erstellt:

              NSP_Luftfeuchte_Alias.png

              Der sollte ja vom Typ String sein, ist aber number.

              Host: Fujitsu Intel(R) Pentium(R) CPU G4560T, 32 GB RAM, Proxmox 8.x + lxc Ubuntu 22.04
              ioBroker (8 GB RAM) Node.js: 20.19.1, NPM: 10.8.2, js-Controller: 7.0.6, Admin: 7.6.3
              Wetterstation: Froggit WH3000SE V1.6.6

              theknutT 1 Reply Last reply
              0
              • Rene55R Rene55

                @theknut Der Wunsch nach 'dem' Alias ist für dich kein Mehraufwand. Er ist ja der Quelldatenpunkt für die Influxabfrage. Gibt mir aber die Möglichkeit, beim Schreiben der Daten in die InfluxDB einen kurzen Namen - eben den Alias - anzugeben.

                Ich habe über den .ACTUAL einen Alias erstellt:

                NSP_Luftfeuchte_Alias.png

                Der sollte ja vom Typ String sein, ist aber number.

                theknutT Offline
                theknutT Offline
                theknut
                wrote on last edited by
                #5073

                @Armilar kannst du mir bitte noch mal kurz Schreibrechte aufs Wiki geben, ich will das Skript für @Rene55 bisschen vereinfachen. Ich denke da ist auch was durcheinander gekommen mit Alias und Co.

                ☕ @ https://ko-fi.com/theknut

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

                  @rene55

                  mit der nächsten Version des nspanel.ts Skriptes wird alles was gelesen wird in String gewandelt, dann gibts da keine Probleme mehr.

                  Weather-Warnings Espresense NSPanel-Lovelace-ui Tagesschau

                  Spenden

                  1 Reply Last reply
                  0
                  • theknutT theknut

                    @Armilar kannst du mir bitte noch mal kurz Schreibrechte aufs Wiki geben, ich will das Skript für @Rene55 bisschen vereinfachen. Ich denke da ist auch was durcheinander gekommen mit Alias und Co.

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

                    @theknut

                    @Armilar kannst du mir bitte noch mal kurz Schreibrechte aufs Wiki geben, ich will das Skript für @Rene55 bisschen vereinfachen. Ich denke da ist auch was durcheinander gekommen mit Alias und Co.

                    liegt nicht mehr bei mir. Die wurden heute final geändert.

                    Kannst es aber hier im Spoiler posten und ich ersetze es dann...

                    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.

                    T 1 Reply Last reply
                    1
                    • ArmilarA Armilar

                      @theknut

                      @Armilar kannst du mir bitte noch mal kurz Schreibrechte aufs Wiki geben, ich will das Skript für @Rene55 bisschen vereinfachen. Ich denke da ist auch was durcheinander gekommen mit Alias und Co.

                      liegt nicht mehr bei mir. Die wurden heute final geändert.

                      Kannst es aber hier im Spoiler posten und ich ersetze es dann...

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

                      @armilar @theknut oder auf meinem Github die Datei umschreiben. Ich verlinke/ kopiere sie dann ins Wiki.

                      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

                      Marko1974M theknutT 2 Replies Last reply
                      0
                      • E Offline
                        E Offline
                        eMd
                        wrote on last edited by
                        #5077

                        Gibt es für die folgende Card eigentlich auch ein Beispiel?

                        Screenshot_2024-01-24-15-57-42-696_com.android.chrome-edit.jpg

                        MfG
                        eMd

                        Master: Intel NUC 16GB/500GB
                        Slave: Raspberry Pi 3 + Homematicmodul
                        Shelly, Google Home, Zigbee Aqara, Sonoff

                        Meine VIS: https://youtu.be/JMYr2KYlpME

                        ArmilarA 2 Replies Last reply
                        0
                        • E eMd

                          Gibt es für die folgende Card eigentlich auch ein Beispiel?

                          Screenshot_2024-01-24-15-57-42-696_com.android.chrome-edit.jpg

                          MfG
                          eMd

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

                          @emd

                          Das ist nur ein andere Ansicht der popupLight. Sollte demnächst global auswählbar sein, welches Design verwendet werden soll.

                          Du brauchst dabei nichts zu ändern. Parameter aus = aktuelles Design, Parameter an = neues Design…

                          Coming soon

                          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.

                          E 1 Reply Last reply
                          0
                          • ArmilarA Armilar

                            @emd

                            Das ist nur ein andere Ansicht der popupLight. Sollte demnächst global auswählbar sein, welches Design verwendet werden soll.

                            Du brauchst dabei nichts zu ändern. Parameter aus = aktuelles Design, Parameter an = neues Design…

                            Coming soon

                            E Offline
                            E Offline
                            eMd
                            wrote on last edited by
                            #5079

                            @armilar Alles klar 🙂

                            Ich wollte das man das gleich sieht wenn man den bildschirmschoner ausgeschaltet hat 😆

                            Master: Intel NUC 16GB/500GB
                            Slave: Raspberry Pi 3 + Homematicmodul
                            Shelly, Google Home, Zigbee Aqara, Sonoff

                            Meine VIS: https://youtu.be/JMYr2KYlpME

                            ArmilarA 1 Reply Last reply
                            0
                            • theknutT Offline
                              theknutT Offline
                              theknut
                              wrote on last edited by
                              #5080

                              @armilar wenn du da schon gerade dabei bist, was auch cool wäre ist, wenn man ein paar Szenen auswählen könnte. Bei meinem Hue Lightstrip speichert er die letzten X verwendeten Szenen als State ab. Wäre cool, wenn man die irgendwie auswählen könnte.

                              3ff2bd89-7f90-4306-be74-487b176db9c7-image.png

                              ☕ @ https://ko-fi.com/theknut

                              ArmilarA T 2 Replies Last reply
                              0
                              • theknutT theknut

                                @armilar wenn du da schon gerade dabei bist, was auch cool wäre ist, wenn man ein paar Szenen auswählen könnte. Bei meinem Hue Lightstrip speichert er die letzten X verwendeten Szenen als State ab. Wäre cool, wenn man die irgendwie auswählen könnte.

                                3ff2bd89-7f90-4306-be74-487b176db9c7-image.png

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

                                @theknut

                                ich bin alles andere als dabei ;-) und auch meilenweit von einem NSPanel entfernt. Weiß gar nicht, warum es das nicht überall auf der Welt gibt :grin:

                                falls etwas sein sollte - ich bin am Wochenende wieder da und sehe nur ab und zu rein... :blush:

                                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
                                0
                                • E eMd

                                  @armilar Alles klar 🙂

                                  Ich wollte das man das gleich sieht wenn man den bildschirmschoner ausgeschaltet hat 😆

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

                                  @emd

                                  Ich wollte das man das gleich sieht wenn man den Bildschirmschoner ausgeschaltet hat 😆

                                  wenn du es hinbekommst eine popupLight ohne Licht-Steuerelement zu erzeugen, verneige ich mich vor dir... Geht natürlich nicht...

                                  Habe das Design (2) auch schon länger im Code. Ist ja mehr was für Wurstfinger und HA Enthusiasten... aber da ist irgendwie noch ein Bug in der Umschaltung... Daher - auch wenn es Bilder gibt und es irgendwann sogar mal bei mir lief... Coming soon

                                  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
                                  • theknutT theknut

                                    @armilar wenn du da schon gerade dabei bist, was auch cool wäre ist, wenn man ein paar Szenen auswählen könnte. Bei meinem Hue Lightstrip speichert er die letzten X verwendeten Szenen als State ab. Wäre cool, wenn man die irgendwie auswählen könnte.

                                    3ff2bd89-7f90-4306-be74-487b176db9c7-image.png

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

                                    @theknut
                                    Kann man die Szenen im Adapter direkt ansprechen/starten? Wie zum Beispiel beim WLed Adapter. Dann könnte das eventuell etwas für dich sein. Der Teil mit den Listen für Farbe, Effekte usw.

                                    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

                                    theknutT 1 Reply Last reply
                                    0
                                    • T TT-Tom

                                      @theknut
                                      Kann man die Szenen im Adapter direkt ansprechen/starten? Wie zum Beispiel beim WLed Adapter. Dann könnte das eventuell etwas für dich sein. Der Teil mit den Listen für Farbe, Effekte usw.

                                      theknutT Offline
                                      theknutT Offline
                                      theknut
                                      wrote on last edited by
                                      #5084

                                      @tt-tom Ich hätte es gern in der Hue Seite mit drin wo man auch die Farben und Helligkeit einstellen kann. Quasi als weiteren Button der dann die besagte Liste öffnet. Und ja, die States sind Role button und durch Klicken wird die entsprechende Szene eingestellt.

                                      ☕ @ https://ko-fi.com/theknut

                                      ArmilarA 1 Reply Last reply
                                      0
                                      • theknutT theknut

                                        @tt-tom Ich hätte es gern in der Hue Seite mit drin wo man auch die Farben und Helligkeit einstellen kann. Quasi als weiteren Button der dann die besagte Liste öffnet. Und ja, die States sind Role button und durch Klicken wird die entsprechende Szene eingestellt.

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

                                        @theknut

                                        Ist längst realisiert...

                                        Sieh die das Beispiel mit dem Shelly RGBW Duo an:

                                        https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker---FAQ-&-Anleitungen#23-shelly-duo-lampen

                                        Über modeList im PageItem lassen sich Werte oder auch Szenen definieren...

                                        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
                                        • ArmilarA Armilar

                                          @danny_v1

                                          https://forum.iobroker.net/post/1116411

                                          ich hab's mal für dich zurückgeblättert ;-)

                                          dritter Punkt :blush:

                                          D Offline
                                          D Offline
                                          danny_v1
                                          wrote on last edited by
                                          #5086

                                          @armilar danke schön

                                          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

                                          385

                                          Online

                                          32.7k

                                          Users

                                          82.5k

                                          Topics

                                          1.3m

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

                                          • Don't have an account? Register

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