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.
  • 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
                                        • T TT-Tom

                                          @lustig29

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

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

                                          @tt-tom Super, danke.

                                          1 Antwort Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          615

                                          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