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

  • Wartung am 15.11. – Forum ab 22:00 Uhr nicht erreichbar
    BluefoxB
    Bluefox
    11
    2
    199

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

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

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

    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
                                  • 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
                                    wrote on last edited by
                                    #6143

                                    @tt-tom Super, danke.

                                    1 Reply 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?

                                      GregorSG Offline
                                      GregorSG Offline
                                      GregorS
                                      wrote on last edited by GregorS
                                      #6144

                                      Hab jetz das aktuelle Script laufen.
                                      Habe da Fragen zur AlarmPage.

                                      1. Wie kann ich die Aktivierungsmöglichkeiten auf der rechten Seite auf
                                        "Vollschutz" und "Zuhause" anpassen?
                                        Im alten Script habe ich es ab Zeile 5099 abgeändert
                                      if (entityState == 'disarmed' || entityState == 'arming' || entityState == 'pending') {
                                                     arm1 = 'Vollschutz';                                        //arm1*~*
                                                     arm1ActionName = 'A1';                                      //arm1ActionName*~*
                                                     arm2 = 'Zuhause';                                           //arm2*~*
                                                     arm2ActionName = 'A2';                                      //arm2ActionName*~*
                                                     arm3 = '';                                             //arm3*~*
                                                     arm3ActionName = 'A3';                                      //arm3ActionName*~*
                                                     arm4 = '';                                            //arm4*~*
                                                     arm4ActionName = 'A4';                                      //arm4ActionName*~*
                                      
                                      1. Wie kann ich die Rückfallzeit auf den Screensaver verlängern, bzw. solange die Alarmpage aktiv ist, soll das Panel nicht auf den Scrennsaver umschalten.

                                      Danke für Eure Hilfe

                                      INTEL NUC i7, Sonoff, hmIP, AVM, Jeelink, T-Link, Alexa, Saia-Burgess, uvm.

                                      T 1 Reply Last reply
                                      1
                                      • GregorSG GregorS

                                        Hab jetz das aktuelle Script laufen.
                                        Habe da Fragen zur AlarmPage.

                                        1. Wie kann ich die Aktivierungsmöglichkeiten auf der rechten Seite auf
                                          "Vollschutz" und "Zuhause" anpassen?
                                          Im alten Script habe ich es ab Zeile 5099 abgeändert
                                        if (entityState == 'disarmed' || entityState == 'arming' || entityState == 'pending') {
                                                       arm1 = 'Vollschutz';                                        //arm1*~*
                                                       arm1ActionName = 'A1';                                      //arm1ActionName*~*
                                                       arm2 = 'Zuhause';                                           //arm2*~*
                                                       arm2ActionName = 'A2';                                      //arm2ActionName*~*
                                                       arm3 = '';                                             //arm3*~*
                                                       arm3ActionName = 'A3';                                      //arm3ActionName*~*
                                                       arm4 = '';                                            //arm4*~*
                                                       arm4ActionName = 'A4';                                      //arm4ActionName*~*
                                        
                                        1. Wie kann ich die Rückfallzeit auf den Screensaver verlängern, bzw. solange die Alarmpage aktiv ist, soll das Panel nicht auf den Scrennsaver umschalten.

                                        Danke für Eure Hilfe

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

                                        @gregors

                                        siehe hier. wird jetzt in der PageConfig festgelegt.

                                        alwaysOnDisplay: true => gibt es da noch nicht, ggf. ein Feature Request anlegen auf Github

                                        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

                                        GregorSG 1 Reply Last reply
                                        2
                                        • T TT-Tom

                                          @gregors

                                          siehe hier. wird jetzt in der PageConfig festgelegt.

                                          alwaysOnDisplay: true => gibt es da noch nicht, ggf. ein Feature Request anlegen auf Github

                                          GregorSG Offline
                                          GregorSG Offline
                                          GregorS
                                          wrote on last edited by
                                          #6146

                                          @tt-tom

                                          Bis auf die Rückfallzeit ist jetzt alles tutti.

                                          INTEL NUC i7, Sonoff, hmIP, AVM, Jeelink, T-Link, Alexa, Saia-Burgess, uvm.

                                          T 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

                                          159

                                          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