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.0k

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

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

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.
  • L lustig29

    @armilar
    Habe das Ding jetzt direkt unter Acesspoint liegen. Wlan dürfte kein Problem mehr sein. Aber das flashen geht leider immer noch nicht.

    338c087c-4d3b-43bb-af9c-c8d4ca592bb7-image.png

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

    @lustig29

    Passiert das nur mit diesem NSPanel oder mit allen?

    21d2139f-94a5-466c-812e-2cdbec2083f1-image.png

    Ist die Verbindung ordentlich?

    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.

    L 2 Replies Last reply
    0
    • ArmilarA Armilar

      @lustig29

      Passiert das nur mit diesem NSPanel oder mit allen?

      21d2139f-94a5-466c-812e-2cdbec2083f1-image.png

      Ist die Verbindung ordentlich?

      L Offline
      L Offline
      lustig29
      wrote on last edited by
      #6124

      @armilar
      Werde ich nachher mal prüfen. Muss eh nochmal neu flashen, weil ich jetzt keine Wlanverbindung zum Panel habe. Wollte das mit Hotspot probieren, ging leider schief.🤭

      1 Reply Last reply
      0
      • ArmilarA Armilar

        @lustig29

        Passiert das nur mit diesem NSPanel oder mit allen?

        21d2139f-94a5-466c-812e-2cdbec2083f1-image.png

        Ist die Verbindung ordentlich?

        L Offline
        L Offline
        lustig29
        wrote on last edited by
        #6125

        @armilar
        Steckverbindung habe ich nochmal überprüft. Beide Panels mit Web Flasher nochmal neu geflasht mit der Tasmota DE. Bei beiden Panels dann dasselbe Problem. Läuft beim Display flashen bis 99 %, dann ist Feierabend. Da muss ich doch irgendeinen Fehler machen. Kann das an dem Berry Driver liegen?

        L 1 Reply Last reply
        0
        • L lustig29

          @armilar
          Steckverbindung habe ich nochmal überprüft. Beide Panels mit Web Flasher nochmal neu geflasht mit der Tasmota DE. Bei beiden Panels dann dasselbe Problem. Läuft beim Display flashen bis 99 %, dann ist Feierabend. Da muss ich doch irgendeinen Fehler machen. Kann das an dem Berry Driver liegen?

          L Offline
          L Offline
          lustig29
          wrote on last edited by
          #6126

          Ich kann es kaum glauben, aber ich habe es wirklich hinbekommen. 😊

          Ich habe die Tasmota 12.0.2 geflasht und schon ging es. Danach per Panel upgedatet. Jetzt geht es ans Seiten erstellen. Hierzu werde ich mich bestimmt zeitnah nochmal melden.😆

          L 1 Reply Last reply
          1
          • L lustig29

            Ich kann es kaum glauben, aber ich habe es wirklich hinbekommen. 😊

            Ich habe die Tasmota 12.0.2 geflasht und schon ging es. Danach per Panel upgedatet. Jetzt geht es ans Seiten erstellen. Hierzu werde ich mich bestimmt zeitnah nochmal melden.😆

            L Offline
            L Offline
            lustig29
            wrote on last edited by
            #6127

            Da ja das eine Panel ins Bad soll, würde ich hierdrauf gerne Radiosender ansteuern, die auf der Sonosbox abgespielt werden.
            Im Moment ist es so, dass ein Echo Show mit der Sonosbox verknüpft ist. Ich rufe die Radiosender per Alexa auf und sie werden dann auf der Sonosbox abgespielt.
            Also ich würde ganz gern eine normale Playeransicht haben und dann nochmal ein View mit den verschiedenen Radiosendern.

            ArmilarA 1 Reply Last reply
            0
            • L lustig29

              Da ja das eine Panel ins Bad soll, würde ich hierdrauf gerne Radiosender ansteuern, die auf der Sonosbox abgespielt werden.
              Im Moment ist es so, dass ein Echo Show mit der Sonosbox verknüpft ist. Ich rufe die Radiosender per Alexa auf und sie werden dann auf der Sonosbox abgespielt.
              Also ich würde ganz gern eine normale Playeransicht haben und dann nochmal ein View mit den verschiedenen Radiosendern.

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

              @lustig29

              Damit steuere ich meine SONOS One
              https://github.com/joBr99/nspanel-lovelace-ui/wiki/NSPanel-‐-cardMedia-‐-Der-SONOS-Player

              Hier ein Beispiel für den ersten Radiosender in einer cardGrid
              https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker---FAQ-&-Anleitungen#9-alias-taste-für-auswahl-eines-radiosenders

              Weitere 5 Sender analog anlegen:

              let Radiosender: PageType =
              {
                  'type': 'cardGrid',
                  'heading': 'Radio',
                  'useColor': true,
                  'items': [
                      { id: 'alias.0.NSPanel_1.Radio.FFN', icon: 'radio', name: 'FFN', onColor: colorRadio},
                      { id: 'alias.0.NSPanel_1.Radio.Antenne' , icon: 'radio', name: 'Antenne Nds.', onColor: colorRadio},
                      { id: 'alias.0.NSPanel_1.Radio.NDR2', icon: 'radio', name: 'NDR2', onColor: colorRadio},
                      { id: 'alias.0.NSPanel_1.Radio.Bob', icon: 'radio', name: 'Radio BOB', onColor: colorRadio},
                      { id: 'alias.0.NSPanel_1.Radio.Spotify', icon: 'spotify', name: 'Party Playlist', onColor: colorSpotify},
                      { id: 'alias.0.NSPanel_1.Radio.Alexa', icon: 'playlist-music', name: 'Playlist 2021', onColor: colorAlexa},
              
                  ]
              };
              

              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
              • L Offline
                L Offline
                lustig29
                wrote on last edited by lustig29
                #6129

                @armilar
                Habe jetzt die Sonos Card mal angelegt. Bekomme jetzt aber diesen Fehler und das Panel hängt bei Waiting for content.

                javascript.0	12:18:01.406	error	script.js.NSPanelTs_Bad: TypeScript compilation failed: 'useColor': true, ^ ERROR: Object literal may only specify known properties, and ''useColor'' does not exist in type 'PageMedia'.
                
                let Sonos: PageType =
                {
                    'type': 'cardMedia',
                    'heading': 'Sonos Bad',
                    'useColor': true,
                    'items': [{   
                                id: AliasPath + 'Media.PlayerSonos', 
                                adapterPlayerInstance: 'sonos.0.',
                                mediaDevice: '192_168_1_180',
                                speakerList: ['Bad', 'Büro'],
                                playList: [''],
                                colorMediaIcon: colorSonos,
                                colorMediaArtist: Yellow,
                                colorMediaTitle: Yellow,
                                autoCreateALias: true
                             }]
                
                ArmilarA 1 Reply Last reply
                0
                • L lustig29

                  @armilar
                  Habe jetzt die Sonos Card mal angelegt. Bekomme jetzt aber diesen Fehler und das Panel hängt bei Waiting for content.

                  javascript.0	12:18:01.406	error	script.js.NSPanelTs_Bad: TypeScript compilation failed: 'useColor': true, ^ ERROR: Object literal may only specify known properties, and ''useColor'' does not exist in type 'PageMedia'.
                  
                  let Sonos: PageType =
                  {
                      'type': 'cardMedia',
                      'heading': 'Sonos Bad',
                      'useColor': true,
                      'items': [{   
                                  id: AliasPath + 'Media.PlayerSonos', 
                                  adapterPlayerInstance: 'sonos.0.',
                                  mediaDevice: '192_168_1_180',
                                  speakerList: ['Bad', 'Büro'],
                                  playList: [''],
                                  colorMediaIcon: colorSonos,
                                  colorMediaArtist: Yellow,
                                  colorMediaTitle: Yellow,
                                  autoCreateALias: true
                               }]
                  
                  ArmilarA Offline
                  ArmilarA Offline
                  Armilar
                  Most Active Forum Testing
                  wrote on last edited by Armilar
                  #6130

                  @lustig29

                  die Zeile:

                  'useColor': true,
                  

                  Werde es die Tage im Wiki aktualisieren

                  So ist es aktuell bei mir:

                  let Sonos: PageType =
                  {
                      'type': 'cardMedia',
                      'heading': 'Sonos Player',
                      'items': [{   
                                  id: AliasPath + 'Media.PlayerSonos', 
                                  adapterPlayerInstance: 'sonos.0.',
                                  mediaDevice: '192_168_1_212',
                                  speakerList: ['Terrasse'],
                                  playList: ['Hartmann','Armilars Playlist'],
                                  colorMediaIcon: colorSonos,
                                  colorMediaArtist: Yellow,
                                  colorMediaTitle: Yellow,
                                  //crossfade: true,
                                  alwaysOnDisplay: true,
                                  autoCreateALias: true
                               }]
                  };
                  

                  EDIT: Habe die "useColor" Zeilen noch schnell im Wiki an allen 4 Stellen entfernt. Das Typing enthält useColor nicht mehr, da es für die cardMedia nicht erforderlich ist.

                  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.

                  L 1 Reply Last reply
                  1
                  • ArmilarA Armilar

                    @lustig29

                    die Zeile:

                    'useColor': true,
                    

                    Werde es die Tage im Wiki aktualisieren

                    So ist es aktuell bei mir:

                    let Sonos: PageType =
                    {
                        'type': 'cardMedia',
                        'heading': 'Sonos Player',
                        'items': [{   
                                    id: AliasPath + 'Media.PlayerSonos', 
                                    adapterPlayerInstance: 'sonos.0.',
                                    mediaDevice: '192_168_1_212',
                                    speakerList: ['Terrasse'],
                                    playList: ['Hartmann','Armilars Playlist'],
                                    colorMediaIcon: colorSonos,
                                    colorMediaArtist: Yellow,
                                    colorMediaTitle: Yellow,
                                    //crossfade: true,
                                    alwaysOnDisplay: true,
                                    autoCreateALias: true
                                 }]
                    };
                    

                    EDIT: Habe die "useColor" Zeilen noch schnell im Wiki an allen 4 Stellen entfernt. Das Typing enthält useColor nicht mehr, da es für die cardMedia nicht erforderlich ist.

                    L Offline
                    L Offline
                    lustig29
                    wrote on last edited by
                    #6131

                    @armilar
                    Super, danke. Aber mir wird die Seite angezeigt auf dem Display. Wenn ich durchswipe fehlt sie.

                    ArmilarA 1 Reply Last reply
                    0
                    • L lustig29

                      @armilar
                      Super, danke. Aber mir wird die Seite angezeigt auf dem Display. Wenn ich durchswipe fehlt sie.

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

                      @lustig29

                      ist sie auch im Page-Array eingetragen?

                      7253f837-36a5-44fb-b4f2-0fc731d7962c-image.png

                      Da müsste in "pages: ["

                      Sonos,
                      NSPanel_Service
                      

                      über NSPanel_Service stehen.

                      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.

                      L 1 Reply Last reply
                      1
                      • ArmilarA Armilar

                        @lustig29

                        ist sie auch im Page-Array eingetragen?

                        7253f837-36a5-44fb-b4f2-0fc731d7962c-image.png

                        Da müsste in "pages: ["

                        Sonos,
                        NSPanel_Service
                        

                        über NSPanel_Service stehen.

                        L Offline
                        L Offline
                        lustig29
                        wrote on last edited by
                        #6133

                        @armilar
                        0e568de5-ac69-4faa-b594-cefa45c8fba6-image.png

                        ArmilarA 1 Reply Last reply
                        0
                        • L lustig29

                          @armilar
                          0e568de5-ac69-4faa-b594-cefa45c8fba6-image.png

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

                          @lustig29

                          nach nochmaligem Start immer noch nicht da?

                          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.

                          L 1 Reply Last reply
                          0
                          • ArmilarA Armilar

                            @lustig29

                            nach nochmaligem Start immer noch nicht da?

                            L Offline
                            L Offline
                            lustig29
                            wrote on last edited by
                            #6135

                            @armilar Nee, leider nicht.

                            39bb1b35-cccf-49ff-8364-755470f43eab-image.png

                            ArmilarA T 2 Replies Last reply
                            0
                            • L lustig29

                              @armilar Nee, leider nicht.

                              39bb1b35-cccf-49ff-8364-755470f43eab-image.png

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

                              @lustig29

                              Ist setObjects in der Javascript-Instanz aktiv?

                              https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker---Basisinstallation#8--einstellungen-in-js-adapter-instanz

                              Sorry bin für 2-3 Stunden AFK

                              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
                              • L lustig29

                                @armilar Nee, leider nicht.

                                39bb1b35-cccf-49ff-8364-755470f43eab-image.png

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

                                @lustig29

                                Kurze Frage damit ich es richtig verstehe. Beim Neustart wird sie direkt angezeigt und wenn du nach rechts gehst und wieder zurück ist sie weg??

                                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

                                L 2 Replies Last reply
                                0
                                • T TT-Tom

                                  @lustig29

                                  Kurze Frage damit ich es richtig verstehe. Beim Neustart wird sie direkt angezeigt und wenn du nach rechts gehst und wieder zurück ist sie weg??

                                  L Offline
                                  L Offline
                                  lustig29
                                  wrote on last edited by
                                  #6138

                                  @tt-tom Nein, sie taucht gar nicht auf. Sorry, bisschen blöd ausgedrückt

                                  1 Reply Last reply
                                  0
                                  • T TT-Tom

                                    @lustig29

                                    Kurze Frage damit ich es richtig verstehe. Beim Neustart wird sie direkt angezeigt und wenn du nach rechts gehst und wieder zurück ist sie weg??

                                    L Offline
                                    L Offline
                                    lustig29
                                    wrote on last edited by
                                    #6139

                                    @tt-tom
                                    Kurze zwischen Frage. Ich habe ja jetzt 3 Panels am laufen seit heute. Vorher war es nur NsPanel_1.

                                    Unter Mqtt sind sie ja alle drin. Aber wieso nicht unter userdata. Oder muss das nicht sein?

                                    4400f2f3-a9f0-43d1-8779-5be0ee2b7db6-image.png

                                    0d12362c-c071-434c-8bea-f7f17a336142-image.png

                                    T 1 Reply Last reply
                                    0
                                    • L lustig29

                                      @tt-tom
                                      Kurze zwischen Frage. Ich habe ja jetzt 3 Panels am laufen seit heute. Vorher war es nur NsPanel_1.

                                      Unter Mqtt sind sie ja alle drin. Aber wieso nicht unter userdata. Oder muss das nicht sein?

                                      4400f2f3-a9f0-43d1-8779-5be0ee2b7db6-image.png

                                      0d12362c-c071-434c-8bea-f7f17a336142-image.png

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

                                      @lustig29

                                      du musst in dem Script für die einzelnen Panels folgende Zeile anpassen.

                                      /***** 2. Directories in 0_userdata.0... *****/
                                      
                                          // DE: Anpassen an das jeweilige NSPanel
                                          // EN: Adapt to the respective NSPanel
                                          const NSPanel_Path = '0_userdata.0.NSPanel.1.';
                                      

                                      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

                                      L 1 Reply Last reply
                                      0
                                      • T TT-Tom

                                        @lustig29

                                        du musst in dem Script für die einzelnen Panels folgende Zeile anpassen.

                                        /***** 2. Directories in 0_userdata.0... *****/
                                        
                                            // DE: Anpassen an das jeweilige NSPanel
                                            // EN: Adapt to the respective NSPanel
                                            const NSPanel_Path = '0_userdata.0.NSPanel.1.';
                                        
                                        L Offline
                                        L Offline
                                        lustig29
                                        wrote on last edited by lustig29
                                        #6141

                                        @tt-tom AH, ok. Und dann werden die Dateien im userdata automatisch angelegt?

                                        Kann ich da meine Namen Bad + Schlafzimmer verwenden?

                                        T GregorSG 2 Replies Last reply
                                        0
                                        • L lustig29

                                          @tt-tom AH, ok. Und dann werden die Dateien im userdata automatisch angelegt?

                                          Kann ich da meine Namen Bad + Schlafzimmer verwenden?

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

                                          @lustig29

                                          ja. Schlafzimmer würde ich SZ abkürzen. Die Zeichenlänge des Pfades ist begrenzt. Hatten hier schon Probleme mit zu langen Pfadnamen.

                                          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

                                          L 1 Reply Last reply
                                          1
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          578

                                          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