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

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. neue Visualisierung "webui" (alternative zu vis & vis-2)

NEWS

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

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

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

neue Visualisierung "webui" (alternative zu vis & vis-2)

Geplant Angeheftet Gesperrt Verschoben Visualisierung
1.1k Beiträge 21 Kommentatoren 351.6k Aufrufe 19 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.
  • jogibear9988J jogibear9988

    @smilie108 said in neue Visualisierung "webui" (alternative zu vis & vis-2):

    @jogibear9988 da bekomme ich das gleiche wie auf deinem
    Uncaught TypeError: radioEl.video is undefined

    kein plan warum das noch kommt. Wenn musst deinen ganzen screen nochmals hochladen, dann kann ich schauen

    Smilie108S Online
    Smilie108S Online
    Smilie108
    schrieb am zuletzt editiert von
    #868

    @jogibear9988 hab ich gemacht unter smilie108 radio1

    jogibear9988J 1 Antwort Letzte Antwort
    0
    • Smilie108S Smilie108

      @jogibear9988 hab ich gemacht unter smilie108 radio1

      jogibear9988J Offline
      jogibear9988J Offline
      jogibear9988
      schrieb am zuletzt editiert von
      #869

      @smilie108 said in neue Visualisierung "webui" (alternative zu vis & vis-2):

      @jogibear9988 hab ich gemacht unter smilie108 radio1

      nun gehts... ist das problem, die wired elmente sind noch nicht geladen, wenn man das event ranhängen will. Nun warte ich darauf, schau dir das script an.

      Check my ioBroker webui - a vis alternative
      see: https://github.com/iobroker-community-adapters/ioBroker.webui

      1 Antwort Letzte Antwort
      0
      • jogibear9988J Offline
        jogibear9988J Offline
        jogibear9988
        schrieb am zuletzt editiert von jogibear9988
        #870

        Diesen Code führe ich aus:

        https://github.com/node-projects/base-custom-webcomponent/blob/795eb5cc78fbead59ba1d6d99bb8d0a343faa937/src/BaseCustomWebComponent.ts#L621

        Der wartet darauf das alle child webcomponenten geupgraded sind.

        Check my ioBroker webui - a vis alternative
        see: https://github.com/iobroker-community-adapters/ioBroker.webui

        Smilie108S 1 Antwort Letzte Antwort
        1
        • jogibear9988J jogibear9988

          Diesen Code führe ich aus:

          https://github.com/node-projects/base-custom-webcomponent/blob/795eb5cc78fbead59ba1d6d99bb8d0a343faa937/src/BaseCustomWebComponent.ts#L621

          Der wartet darauf das alle child webcomponenten geupgraded sind.

          Smilie108S Online
          Smilie108S Online
          Smilie108
          schrieb am zuletzt editiert von
          #871

          @jogibear9988 ja jetzt gehts ;) Danke . das muss man sich für die zukunft merken ;)
          Danke

          1 Antwort Letzte Antwort
          0
          • jogibear9988J Offline
            jogibear9988J Offline
            jogibear9988
            schrieb am zuletzt editiert von
            #872

            Was gibts neues....

            Kommt in der nächsten Version (ist noch nicht live)

            CSS-Specificity wird nun angezeigt, und die Styles nach dieser sortiert:
            der wert: (a-b-c)
            dadurch weiß man welche styles benutzt werden.

            b5105f8f-d191-4ef4-950e-7e010dba0742-image.png

            Check my ioBroker webui - a vis alternative
            see: https://github.com/iobroker-community-adapters/ioBroker.webui

            1 Antwort Letzte Antwort
            1
            • jogibear9988J Offline
              jogibear9988J Offline
              jogibear9988
              schrieb am zuletzt editiert von
              #873

              Sooo, hab mal ein bisschen an den zoom properties gearbeitet. Nun kann man Screens in andere Screens einbetten und zoomen. Dabei kann man noch eine Größe festlegen, von welcher aus der Zoom berechnet wird (wenn der ursprüngliche Screen keine fixe Größe hat).

              05f59931-8deb-499b-b2a9-08f1512edc18-image.png

              Check my ioBroker webui - a vis alternative
              see: https://github.com/iobroker-community-adapters/ioBroker.webui

              1 Antwort Letzte Antwort
              1
              • jogibear9988J Offline
                jogibear9988J Offline
                jogibear9988
                schrieb am zuletzt editiert von
                #874

                I've added a few of the samples to a new "start" page of webui:

                9f785835-1ad3-4658-bcf8-99cc73990227-image.png

                http://129.159.205.3:8082/webui/runtime.html

                Check my ioBroker webui - a vis alternative
                see: https://github.com/iobroker-community-adapters/ioBroker.webui

                Smilie108S 1 Antwort Letzte Antwort
                0
                • jogibear9988J jogibear9988

                  I've added a few of the samples to a new "start" page of webui:

                  9f785835-1ad3-4658-bcf8-99cc73990227-image.png

                  http://129.159.205.3:8082/webui/runtime.html

                  Smilie108S Online
                  Smilie108S Online
                  Smilie108
                  schrieb am zuletzt editiert von Smilie108
                  #875

                  @jogibear9988 in firefox geht nichts mer in chrome gehts keine ahnung warum
                  Firefox debug bringt

                  
                  
                  
                  Uncaught SyntaxError: redeclaration of const importMapWidgets
                      <anonymous> http://192.168.1.173:8082/webui.0.widgets/importmap.js:1
                  
                  Uncaught (in promise) NS_ERROR_UNEXPECTED: 
                      loadScreenData http://192.168.1.173:8082/webui/dist/frontend/runtime/ScreenViewer.js:165
                  ScreenViewer.js:165
                  

                  js geht auch in chrome nicht ( menue und player usw ) in Chrome zeigt er mir wenigstens das startbild

                  Version 1.9.8

                  jogibear9988J B 3 Antworten Letzte Antwort
                  0
                  • Smilie108S Smilie108

                    @jogibear9988 in firefox geht nichts mer in chrome gehts keine ahnung warum
                    Firefox debug bringt

                    
                    
                    
                    Uncaught SyntaxError: redeclaration of const importMapWidgets
                        <anonymous> http://192.168.1.173:8082/webui.0.widgets/importmap.js:1
                    
                    Uncaught (in promise) NS_ERROR_UNEXPECTED: 
                        loadScreenData http://192.168.1.173:8082/webui/dist/frontend/runtime/ScreenViewer.js:165
                    ScreenViewer.js:165
                    

                    js geht auch in chrome nicht ( menue und player usw ) in Chrome zeigt er mir wenigstens das startbild

                    Version 1.9.8

                    jogibear9988J Offline
                    jogibear9988J Offline
                    jogibear9988
                    schrieb am zuletzt editiert von
                    #876

                    @smilie108

                    sorry, ich schaus mir nacher an. ;-)

                    Ich schau auch mal das ich ein paar UI tests baue.

                    Check my ioBroker webui - a vis alternative
                    see: https://github.com/iobroker-community-adapters/ioBroker.webui

                    1 Antwort Letzte Antwort
                    0
                    • Smilie108S Smilie108

                      @jogibear9988 in firefox geht nichts mer in chrome gehts keine ahnung warum
                      Firefox debug bringt

                      
                      
                      
                      Uncaught SyntaxError: redeclaration of const importMapWidgets
                          <anonymous> http://192.168.1.173:8082/webui.0.widgets/importmap.js:1
                      
                      Uncaught (in promise) NS_ERROR_UNEXPECTED: 
                          loadScreenData http://192.168.1.173:8082/webui/dist/frontend/runtime/ScreenViewer.js:165
                      ScreenViewer.js:165
                      

                      js geht auch in chrome nicht ( menue und player usw ) in Chrome zeigt er mir wenigstens das startbild

                      Version 1.9.8

                      B Offline
                      B Offline
                      Blockmove
                      schrieb am zuletzt editiert von
                      #877

                      @smilie108 said in neue Visualisierung "webui" (alternative zu vis & vis-2):

                      @jogibear9988 in firefox geht nichts mer in chrome gehts keine ahnung warum

                      Kann ich bestätigen.

                      The difference beetween Man and Boys:
                      The price of their toys 😀

                      1 Antwort Letzte Antwort
                      0
                      • jogibear9988J Offline
                        jogibear9988J Offline
                        jogibear9988
                        schrieb am zuletzt editiert von
                        #878

                        Firefox nightly ging, nur der aktuelle nicht.

                        hatte diesen code:

                         if (Document.parseHTMLUnsafe) {
                                //@ts-ignore
                                myDocument = Document.parseHTMLUnsafe(html)
                        

                        und ein fallback wenn es "parseHTMLUnsafe" nicht gibt. Problem, im aktuellen Firefox gibts die API, ist aber kaputt. In nightly geht Sie. Hab den code für firefox nun erst mal deaktiviert.
                        Dadurch geht in Firefox DeclarativeShadowDom nicht (nutzt aber eh keiner)

                        Check my ioBroker webui - a vis alternative
                        see: https://github.com/iobroker-community-adapters/ioBroker.webui

                        1 Antwort Letzte Antwort
                        0
                        • Smilie108S Smilie108

                          @jogibear9988 in firefox geht nichts mer in chrome gehts keine ahnung warum
                          Firefox debug bringt

                          
                          
                          
                          Uncaught SyntaxError: redeclaration of const importMapWidgets
                              <anonymous> http://192.168.1.173:8082/webui.0.widgets/importmap.js:1
                          
                          Uncaught (in promise) NS_ERROR_UNEXPECTED: 
                              loadScreenData http://192.168.1.173:8082/webui/dist/frontend/runtime/ScreenViewer.js:165
                          ScreenViewer.js:165
                          

                          js geht auch in chrome nicht ( menue und player usw ) in Chrome zeigt er mir wenigstens das startbild

                          Version 1.9.8

                          jogibear9988J Offline
                          jogibear9988J Offline
                          jogibear9988
                          schrieb am zuletzt editiert von
                          #879

                          @smilie108 said in neue Visualisierung "webui" (alternative zu vis & vis-2):

                          @jogibear9988 in firefox geht nichts mer in chrome gehts keine ahnung warum
                          Firefox debug bringt

                          
                          
                          
                          Uncaught SyntaxError: redeclaration of const importMapWidgets
                              <anonymous> http://192.168.1.173:8082/webui.0.widgets/importmap.js:1
                          
                          Uncaught (in promise) NS_ERROR_UNEXPECTED: 
                              loadScreenData http://192.168.1.173:8082/webui/dist/frontend/runtime/ScreenViewer.js:165
                          ScreenViewer.js:165
                          

                          js geht auch in chrome nicht ( menue und player usw ) in Chrome zeigt er mir wenigstens das startbild

                          Version 1.9.8

                          1.9.9 sollte laufen

                          Check my ioBroker webui - a vis alternative
                          see: https://github.com/iobroker-community-adapters/ioBroker.webui

                          Smilie108S 1 Antwort Letzte Antwort
                          0
                          • jogibear9988J jogibear9988

                            @smilie108 said in neue Visualisierung "webui" (alternative zu vis & vis-2):

                            @jogibear9988 in firefox geht nichts mer in chrome gehts keine ahnung warum
                            Firefox debug bringt

                            
                            
                            
                            Uncaught SyntaxError: redeclaration of const importMapWidgets
                                <anonymous> http://192.168.1.173:8082/webui.0.widgets/importmap.js:1
                            
                            Uncaught (in promise) NS_ERROR_UNEXPECTED: 
                                loadScreenData http://192.168.1.173:8082/webui/dist/frontend/runtime/ScreenViewer.js:165
                            ScreenViewer.js:165
                            

                            js geht auch in chrome nicht ( menue und player usw ) in Chrome zeigt er mir wenigstens das startbild

                            Version 1.9.8

                            1.9.9 sollte laufen

                            Smilie108S Online
                            Smilie108S Online
                            Smilie108
                            schrieb am zuletzt editiert von
                            #880

                            @jogibear9988 1.9.9 visu selber geht eingeschränkt wieder. Startbild geht aber zb menue und javascripte gehen nicht.
                            auch nicht mit chrome
                            mfg tom

                            jogibear9988J 1 Antwort Letzte Antwort
                            0
                            • Smilie108S Smilie108

                              @jogibear9988 1.9.9 visu selber geht eingeschränkt wieder. Startbild geht aber zb menue und javascripte gehen nicht.
                              auch nicht mit chrome
                              mfg tom

                              jogibear9988J Offline
                              jogibear9988J Offline
                              jogibear9988
                              schrieb am zuletzt editiert von
                              #881

                              @smilie108 said in neue Visualisierung "webui" (alternative zu vis & vis-2):

                              @jogibear9988 1.9.9 visu selber geht eingeschränkt wieder. Startbild geht aber zb menue und javascripte gehen nicht.
                              auch nicht mit chrome
                              mfg tom

                              mir nicht klar welche scripte wo nicht gehen...

                              hab ein javascript probiert, hat funktioniert. Im startscreen gehen scripte auch.
                              Welche scripte genau gehen wo nicht?

                              Check my ioBroker webui - a vis alternative
                              see: https://github.com/iobroker-community-adapters/ioBroker.webui

                              1 Antwort Letzte Antwort
                              0
                              • jogibear9988J Offline
                                jogibear9988J Offline
                                jogibear9988
                                schrieb am zuletzt editiert von
                                #882

                                Sehe gerade blockly macht wohl probleme:

                                f7a48c9f-4555-4151-87b4-e3c6ca5311b3-image.png

                                das hab ich geupdatet, schauen was da geändert wurde

                                Check my ioBroker webui - a vis alternative
                                see: https://github.com/iobroker-community-adapters/ioBroker.webui

                                1 Antwort Letzte Antwort
                                0
                                • jogibear9988J Offline
                                  jogibear9988J Offline
                                  jogibear9988
                                  schrieb am zuletzt editiert von
                                  #883

                                  So, nun hab ich gefunden was nicht funktioniert... Shame on me.
                                  Ich habe im screenviewer noch mal ein shadowdom eingefügt, damit das zooming richtig funktioniert.
                                  Dies hat aber die script commands kaputt gemacht. Bin ich gerade am fixen.

                                  Check my ioBroker webui - a vis alternative
                                  see: https://github.com/iobroker-community-adapters/ioBroker.webui

                                  1 Antwort Letzte Antwort
                                  0
                                  • jogibear9988J Offline
                                    jogibear9988J Offline
                                    jogibear9988
                                    schrieb am zuletzt editiert von
                                    #884

                                    schaut mal. sollte soweit wieder laufen

                                    Check my ioBroker webui - a vis alternative
                                    see: https://github.com/iobroker-community-adapters/ioBroker.webui

                                    Smilie108S B 2 Antworten Letzte Antwort
                                    0
                                    • jogibear9988J jogibear9988

                                      schaut mal. sollte soweit wieder laufen

                                      Smilie108S Online
                                      Smilie108S Online
                                      Smilie108
                                      schrieb am zuletzt editiert von
                                      #885

                                      @jogibear9988 hi
                                      das meiste geht jetzt wieder ;) einzig bei dem #

                                      const radioEl = instance._getDomElement('radioEl');
                                          radioEl.video.addEventListener('playing', (e) => {
                                      

                                      bekomme ich wieder

                                      Uncaught (in promise) TypeError: radioEl.video is undefined
                                      

                                      hat sich da für die sachen auch der zugriff geändert ?

                                      Das ist beim player die abfrage ober paying oder pause ist
                                      ;)

                                      1 Antwort Letzte Antwort
                                      0
                                      • jogibear9988J Offline
                                        jogibear9988J Offline
                                        jogibear9988
                                        schrieb am zuletzt editiert von
                                        #886

                                        Fehlt da nicht:

                                         await instance._waitForChildrenReady()
                                        

                                        Das hatten wir doch drin, oder?

                                        Check my ioBroker webui - a vis alternative
                                        see: https://github.com/iobroker-community-adapters/ioBroker.webui

                                        Smilie108S 1 Antwort Letzte Antwort
                                        0
                                        • jogibear9988J jogibear9988

                                          Fehlt da nicht:

                                           await instance._waitForChildrenReady()
                                          

                                          Das hatten wir doch drin, oder?

                                          Smilie108S Online
                                          Smilie108S Online
                                          Smilie108
                                          schrieb am zuletzt editiert von
                                          #887

                                          @jogibear9988 sagte in neue Visualisierung "webui" (alternative zu vis & vis-2):

                                          await instance._waitForChildrenReady()

                                          var updatedrun = '0_userdata.0.Multimedia.Radio_Webui.radisender_top_stopplay';
                                           IOB.setState(updatedrun, false);
                                          export async function init(instance) {
                                             
                                              await instance._waitForChildrenReady();
                                              var updatedrun = '0_userdata.0.Multimedia.Radio_Webui.radisender_top_stopplay';
                                              const radioEl = instance._getDomElement('radioEl');
                                              radioEl.video.addEventListener('playing', (e) => {
                                                  IOB.setState(updatedrun, true);
                                                //  debugger;
                                                  //IOB.setState()
                                              });
                                              radioEl.video.addEventListener('pause', (e) => {
                                                  IOB.setState(updatedrun, false);
                                               //   debugger;
                                              });
                                              
                                          }
                                          das gesammte ;) 
                                          Ja is drinn
                                          
                                          
                                          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

                                          626

                                          Online

                                          32.4k

                                          Benutzer

                                          81.5k

                                          Themen

                                          1.3m

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

                                          • Du hast noch kein Konto? Registrieren

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