Skip to content
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • 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

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker 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

Geplant Angeheftet Gesperrt Verschoben Hardware
lovelace uinspanelsonoff
7.8k Beiträge 272 Kommentatoren 6.7m Aufrufe 254 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • 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
    schrieb am zuletzt editiert von
    #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 Antworten Letzte Antwort
    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
      schrieb am zuletzt editiert von
      #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 Antwort Letzte Antwort
      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
        schrieb am zuletzt editiert von
        #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 Antwort Letzte Antwort
        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
          schrieb am zuletzt editiert von
          #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 Antwort Letzte Antwort
          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
            schrieb am zuletzt editiert von
            #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 Antwort Letzte Antwort
            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
              schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
              0
              • L Offline
                L Offline
                lustig29
                schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                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
                  schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                  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
                    schrieb am zuletzt editiert von
                    #6131

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

                    ArmilarA 1 Antwort Letzte Antwort
                    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
                      schrieb am zuletzt editiert von
                      #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 Antwort Letzte Antwort
                      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
                        schrieb am zuletzt editiert von
                        #6133

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

                        ArmilarA 1 Antwort Letzte Antwort
                        0
                        • L lustig29

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

                          ArmilarA Offline
                          ArmilarA Offline
                          Armilar
                          Most Active Forum Testing
                          schrieb am zuletzt editiert von
                          #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 Antwort Letzte Antwort
                          0
                          • ArmilarA Armilar

                            @lustig29

                            nach nochmaligem Start immer noch nicht da?

                            L Offline
                            L Offline
                            lustig29
                            schrieb am zuletzt editiert von
                            #6135

                            @armilar Nee, leider nicht.

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

                            ArmilarA T 2 Antworten Letzte Antwort
                            0
                            • L lustig29

                              @armilar Nee, leider nicht.

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

                              ArmilarA Offline
                              ArmilarA Offline
                              Armilar
                              Most Active Forum Testing
                              schrieb am zuletzt editiert von
                              #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 Antwort Letzte Antwort
                              0
                              • L lustig29

                                @armilar Nee, leider nicht.

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

                                T Offline
                                T Offline
                                TT-Tom
                                schrieb am zuletzt editiert von
                                #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 Antworten Letzte Antwort
                                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
                                  schrieb am zuletzt editiert von
                                  #6138

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

                                  1 Antwort Letzte Antwort
                                  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
                                    schrieb am zuletzt editiert von
                                    #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 Antwort Letzte Antwort
                                    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
                                      schrieb am zuletzt editiert von
                                      #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 Antwort Letzte Antwort
                                      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
                                        schrieb am zuletzt editiert von 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 Antworten Letzte Antwort
                                        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
                                          schrieb am zuletzt editiert von
                                          #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 Antwort Letzte Antwort
                                          1
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          550

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe