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

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Tester
  4. jarvis v3.1.x - just another remarkable vis

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

jarvis v3.1.x - just another remarkable vis

Scheduled Pinned Locked Moved Tester
jarvismaterialmaterial uimaterialdesignvisvisualisierungvisualization
1.8k Posts 92 Posters 727.5k Views 77 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.
  • S Offline
    S Offline
    SlipKoRn_DH88
    wrote on last edited by
    #1464

    Ich habe rtsp Kamera Streams per MotionEye eingebunden und nutze das Widget "DisplayImage", um mir die Streams in Jarvis anzuzeigen. Das Widget hat eine Größe von 1w x 3h und ist sehr klein. Ich möchte nun gerne, dass bei einem Klick/Tippen auf das kleine Widget ein Popup Fenster öffnet und den Stream groß im Popup anzeigt.

    Ist das irgendwie möglich umzusetzen?

    M 1 Reply Last reply
    0
    • S SlipKoRn_DH88

      Ich habe rtsp Kamera Streams per MotionEye eingebunden und nutze das Widget "DisplayImage", um mir die Streams in Jarvis anzuzeigen. Das Widget hat eine Größe von 1w x 3h und ist sehr klein. Ich möchte nun gerne, dass bei einem Klick/Tippen auf das kleine Widget ein Popup Fenster öffnet und den Stream groß im Popup anzeigt.

      Ist das irgendwie möglich umzusetzen?

      M Online
      M Online
      MCU
      wrote on last edited by MCU
      #1465

      @slipkorn_dh88 Du kannst ja ein HomeKitTile als "Klick-Element" nutzen. Und dann bei Klick das Geräte-Popup nutzen.
      https://mcuiobroker.gitbook.io/jarvis-infos/jarvis-v3/besonderheiten-v3/styles/statelist-1/statelist-popup#grafana-iframe-popup-bloody

      Zeig mal bitte wie du die Streams eingebunden hast. Danke.

      NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
      Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

      S 1 Reply Last reply
      0
      • M MCU

        @slipkorn_dh88 Du kannst ja ein HomeKitTile als "Klick-Element" nutzen. Und dann bei Klick das Geräte-Popup nutzen.
        https://mcuiobroker.gitbook.io/jarvis-infos/jarvis-v3/besonderheiten-v3/styles/statelist-1/statelist-popup#grafana-iframe-popup-bloody

        Zeig mal bitte wie du die Streams eingebunden hast. Danke.

        S Offline
        S Offline
        SlipKoRn_DH88
        wrote on last edited by
        #1466

        @mcu
        Video.png
        Hier habe ich in das DisplayImage einfach die http://192.168.178.93:9081/ als Adresse des Streams eingegeben.
        Gedacht ist, dass ich das Widget, wie auf dem Bild zu sehen, sehr klein als "Preview" halte und dann mit einem Klick auf das Widget es im Popup oder auch Vollbild auf geht.

        Dein Vorschlag wäre eine Idee, aber damit habe ich keine "Preview"

        M 1 Reply Last reply
        0
        • S SlipKoRn_DH88

          @mcu
          Video.png
          Hier habe ich in das DisplayImage einfach die http://192.168.178.93:9081/ als Adresse des Streams eingegeben.
          Gedacht ist, dass ich das Widget, wie auf dem Bild zu sehen, sehr klein als "Preview" halte und dann mit einem Klick auf das Widget es im Popup oder auch Vollbild auf geht.

          Dein Vorschlag wäre eine Idee, aber damit habe ich keine "Preview"

          M Online
          M Online
          MCU
          wrote on last edited by
          #1467

          @slipkorn_dh88 Vollbild erlauben
          8e55d2c0-88d5-42eb-a1f0-212f17c7ecf1-image.png
          Aber das Bild wird nicht angepasst.

          NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
          Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

          1 Reply Last reply
          0
          • S Offline
            S Offline
            SlipKoRn_DH88
            wrote on last edited by
            #1468

            @mcu sagte in jarvis v3.1.x - just another remarkable vis:

            @slipkorn_dh88 Vollbild erlauben
            8e55d2c0-88d5-42eb-a1f0-212f17c7ecf1-image.png
            Aber das Bild wird nicht angepasst.

            Nein, leider bleibt es hier im Vollbild auch klein.

            M 1 Reply Last reply
            0
            • S SlipKoRn_DH88

              @mcu sagte in jarvis v3.1.x - just another remarkable vis:

              @slipkorn_dh88 Vollbild erlauben
              8e55d2c0-88d5-42eb-a1f0-212f17c7ecf1-image.png
              Aber das Bild wird nicht angepasst.

              Nein, leider bleibt es hier im Vollbild auch klein.

              M Online
              M Online
              MCU
              wrote on last edited by MCU
              #1469

              @slipkorn_dh88 Du musst im CSS eine Einstellung setzen.

              .isFullscreen .jarvis-DisplayImage,
              .isFullscreen .jarvis-DisplayImage img {
              	width: auto!important;
              	height: 100%!important;
              }
              

              Evtl auch anders setze, je nach Bild.

              .isFullscreen .jarvis-DisplayImage,
              .isFullscreen .jarvis-DisplayImage img {
              	width: 100%!important;
              	height: auto!important;
              }
              

              https://mcuiobroker.gitbook.io/jarvis-infos/jarvis-v3/besonderheiten-v3/module/displayimage/vollbild-automatisch-anpassen

              NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
              Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

              S Marc_el_KM 2 Replies Last reply
              1
              • M MCU

                @slipkorn_dh88 Du musst im CSS eine Einstellung setzen.

                .isFullscreen .jarvis-DisplayImage,
                .isFullscreen .jarvis-DisplayImage img {
                	width: auto!important;
                	height: 100%!important;
                }
                

                Evtl auch anders setze, je nach Bild.

                .isFullscreen .jarvis-DisplayImage,
                .isFullscreen .jarvis-DisplayImage img {
                	width: 100%!important;
                	height: auto!important;
                }
                

                https://mcuiobroker.gitbook.io/jarvis-infos/jarvis-v3/besonderheiten-v3/module/displayimage/vollbild-automatisch-anpassen

                S Offline
                S Offline
                SlipKoRn_DH88
                wrote on last edited by
                #1470

                @mcu sagte in jarvis v3.1.x - just another remarkable vis:

                @slipkorn_dh88 Du musst im CSS eine Einstellung setzen.

                .isFullscreen .jarvis-DisplayImage,
                .isFullscreen .jarvis-DisplayImage img {
                	width: auto!important;
                	height: 100%!important;
                }
                

                Evtl auch anders setze, je nach Bild.

                .isFullscreen .jarvis-DisplayImage,
                .isFullscreen .jarvis-DisplayImage img {
                	width: 100%!important;
                	height: auto!important;
                }
                

                https://mcuiobroker.gitbook.io/jarvis-infos/jarvis-v3/besonderheiten-v3/module/displayimage/vollbild-automatisch-anpassen

                Vielen Dank! Danach habe ich gesucht

                1 Reply Last reply
                1
                • D Offline
                  D Offline
                  DarkDevil
                  wrote on last edited by
                  #1471

                  Hallo zusammen,

                  Mir ist jetzt schön öfter aufgefallen, wenn ich einen Doppelklick (also zu dicke Finger und das eigentliche drücken möchte) bei einer State Liste ausführe, dann wird die State Liste im vollbild angezeigt.

                  Kann man diese Funktion abschalten? Oder liegt es am fully Kiosk Browser?

                  Schönen Sonntag euch noch

                  M 1 Reply Last reply
                  0
                  • D DarkDevil

                    Hallo zusammen,

                    Mir ist jetzt schön öfter aufgefallen, wenn ich einen Doppelklick (also zu dicke Finger und das eigentliche drücken möchte) bei einer State Liste ausführe, dann wird die State Liste im vollbild angezeigt.

                    Kann man diese Funktion abschalten? Oder liegt es am fully Kiosk Browser?

                    Schönen Sonntag euch noch

                    M Online
                    M Online
                    MCU
                    wrote on last edited by
                    #1472

                    @darkdevil Kann man nicht abschalten. Ist in der v3.2.0-beta schon behoben.
                    Da gibt es aber noch viele Fehler (Kleinigkeiten) , also muss jeder für sich entscheiden, ob er installieren möchte.
                    siehe Issue in github.
                    https://github.com/Zefau/ioBroker.jarvis/issues

                    NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                    Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                    1 Reply Last reply
                    0
                    • M MCU

                      @slipkorn_dh88 Du musst im CSS eine Einstellung setzen.

                      .isFullscreen .jarvis-DisplayImage,
                      .isFullscreen .jarvis-DisplayImage img {
                      	width: auto!important;
                      	height: 100%!important;
                      }
                      

                      Evtl auch anders setze, je nach Bild.

                      .isFullscreen .jarvis-DisplayImage,
                      .isFullscreen .jarvis-DisplayImage img {
                      	width: 100%!important;
                      	height: auto!important;
                      }
                      

                      https://mcuiobroker.gitbook.io/jarvis-infos/jarvis-v3/besonderheiten-v3/module/displayimage/vollbild-automatisch-anpassen

                      Marc_el_KM Offline
                      Marc_el_KM Offline
                      Marc_el_K
                      wrote on last edited by
                      #1473

                      @mcu sagte in jarvis v3.1.x - just another remarkable vis:

                      @slipkorn_dh88 Du musst im CSS eine Einstellung setzen.

                      .isFullscreen .jarvis-DisplayImage,
                      .isFullscreen .jarvis-DisplayImage img {
                      	width: auto!important;
                      	height: 100%!important;
                      }
                      

                      Ich habe bei mir die Previews der Kameras mit StateHTML Widgets eingebunden und die Preview läuft einwandfrei. Der Datenpunkt verweist auf jeweils auf iobroker mittels der HTML Zeile

                      <iframe src="http://1......................./webrtc.html?src=camera2&media=video" scrolling="no" frameborder="0" height="290px" width=100%></iframe>
                      

                      Durch die 290px ist es im Widget perfekt, wird aber im FullScreen nicht geändert. Kann man das mittels CSS überschreiben?

                      M 1 Reply Last reply
                      0
                      • Marc_el_KM Marc_el_K

                        @mcu sagte in jarvis v3.1.x - just another remarkable vis:

                        @slipkorn_dh88 Du musst im CSS eine Einstellung setzen.

                        .isFullscreen .jarvis-DisplayImage,
                        .isFullscreen .jarvis-DisplayImage img {
                        	width: auto!important;
                        	height: 100%!important;
                        }
                        

                        Ich habe bei mir die Previews der Kameras mit StateHTML Widgets eingebunden und die Preview läuft einwandfrei. Der Datenpunkt verweist auf jeweils auf iobroker mittels der HTML Zeile

                        <iframe src="http://1......................./webrtc.html?src=camera2&media=video" scrolling="no" frameborder="0" height="290px" width=100%></iframe>
                        

                        Durch die 290px ist es im Widget perfekt, wird aber im FullScreen nicht geändert. Kann man das mittels CSS überschreiben?

                        M Online
                        M Online
                        MCU
                        wrote on last edited by MCU
                        #1474

                        @marc_el_k Versuch mal

                        .isFullscreen .jarvis-widget-6fcc15f5-051d-4a44-9c33-957489b0bf3e .StateHTML-iFrame{
                          height: 100vH !important;
                        }
                        

                        ansonsten mal direkt mit px

                        .isFullscreen .jarvis-widget-6fcc15f5-051d-4a44-9c33-957489b0bf3e .StateHTML-iFrame{
                          height: 800px !important;
                        }
                        

                        WidgetId von StateHTML anpassen.

                        NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                        Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                        Marc_el_KM 1 Reply Last reply
                        0
                        • M MCU

                          @marc_el_k Versuch mal

                          .isFullscreen .jarvis-widget-6fcc15f5-051d-4a44-9c33-957489b0bf3e .StateHTML-iFrame{
                            height: 100vH !important;
                          }
                          

                          ansonsten mal direkt mit px

                          .isFullscreen .jarvis-widget-6fcc15f5-051d-4a44-9c33-957489b0bf3e .StateHTML-iFrame{
                            height: 800px !important;
                          }
                          

                          WidgetId von StateHTML anpassen.

                          Marc_el_KM Offline
                          Marc_el_KM Offline
                          Marc_el_K
                          wrote on last edited by
                          #1475

                          @mcu sagte in jarvis v3.1.x - just another remarkable vis:

                          WidgetId von StateHTML anpassen.

                          Habe ich versucht. Größe ändert sich aber leider nicht. So sieht der Vollbildmodus aus

                          27f4501b-1f4a-4b14-b65a-771b8d11f968-image.png

                          M 1 Reply Last reply
                          0
                          • Marc_el_KM Marc_el_K

                            @mcu sagte in jarvis v3.1.x - just another remarkable vis:

                            WidgetId von StateHTML anpassen.

                            Habe ich versucht. Größe ändert sich aber leider nicht. So sieht der Vollbildmodus aus

                            27f4501b-1f4a-4b14-b65a-771b8d11f968-image.png

                            M Online
                            M Online
                            MCU
                            wrote on last edited by
                            #1476

                            @marc_el_k Klick mal auf das Bild und rechte Maustaste -> Untersuchen
                            Was dann erscheint, etwas größer ziehen und reinstellen.

                            NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                            Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                            Marc_el_KM 1 Reply Last reply
                            0
                            • M MCU

                              @marc_el_k Klick mal auf das Bild und rechte Maustaste -> Untersuchen
                              Was dann erscheint, etwas größer ziehen und reinstellen.

                              Marc_el_KM Offline
                              Marc_el_KM Offline
                              Marc_el_K
                              wrote on last edited by
                              #1477

                              @mcu Ich hoffe so ist es okay? Rechtsklick verweist auf die blau markierte Zeile.

                              9c05f5d0-6798-4752-a536-a3581a556956-image.png

                              M 1 Reply Last reply
                              0
                              • Marc_el_KM Marc_el_K

                                @mcu Ich hoffe so ist es okay? Rechtsklick verweist auf die blau markierte Zeile.

                                9c05f5d0-6798-4752-a536-a3581a556956-image.png

                                M Online
                                M Online
                                MCU
                                wrote on last edited by MCU
                                #1478

                                @marc_el_k Klick mal auf die iframe Zeile
                                6b0ec832-5c37-4d07-b5c6-d4bbb3444aca-image.png

                                Versuch mal

                                .isFullscreen .jarvis-widget-6fcc15f5-051d-4a44-9c33-957489b0bf3e iFrame{
                                  height: 100vH !important;
                                }
                                

                                NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                                Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                                Marc_el_KM 1 Reply Last reply
                                0
                                • M MCU

                                  @marc_el_k Klick mal auf die iframe Zeile
                                  6b0ec832-5c37-4d07-b5c6-d4bbb3444aca-image.png

                                  Versuch mal

                                  .isFullscreen .jarvis-widget-6fcc15f5-051d-4a44-9c33-957489b0bf3e iFrame{
                                    height: 100vH !important;
                                  }
                                  
                                  Marc_el_KM Offline
                                  Marc_el_KM Offline
                                  Marc_el_K
                                  wrote on last edited by
                                  #1479

                                  @mcu sagte in jarvis v3.1.x - just another remarkable vis:

                                  Versuch mal

                                  Perfekt. Ich hatte erst ".IFrame" damit ging es nicht, ohne den Punkt gehts perfekt. Vielen Dank :-)

                                  YunaKatoY 1 Reply Last reply
                                  0
                                  • Marc_el_KM Marc_el_K

                                    @mcu sagte in jarvis v3.1.x - just another remarkable vis:

                                    Versuch mal

                                    Perfekt. Ich hatte erst ".IFrame" damit ging es nicht, ohne den Punkt gehts perfekt. Vielen Dank :-)

                                    YunaKatoY Offline
                                    YunaKatoY Offline
                                    YunaKato
                                    wrote on last edited by YunaKato
                                    #1480

                                    Hallo,

                                    ich versuche über Anzeigevariante ein Bild im fall "true" blinken zu lassen. Ist das möglich? Das war mein letzter nicht funktionierende Versuch .

                                    {
                                    "false":"http://192.168.0.138:8083/vis.0/bilder/mailbox_empty.png",
                                    "true":"<class='gelbblink'> <img src='http://192.168.0.138:8083/vis.0/bilder/mailbox_full.png'/>"
                                    }
                                    
                                    1 Reply Last reply
                                    0
                                    • M Online
                                      M Online
                                      MCU
                                      wrote on last edited by
                                      #1481

                                      @yunakato Code immer in CodeTags -> </>

                                      {
                                      "false":"http://192.168.0.138:8083/vis.0/bilder/mailbox_empty.png",
                                      "true":"<img class='gelbblink' src='http://192.168.0.138:8083/vis.0/bilder/mailbox_full.png'/>"
                                      }
                                      

                                      NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                                      Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                                      YunaKatoY 1 Reply Last reply
                                      0
                                      • M MCU

                                        @yunakato Code immer in CodeTags -> </>

                                        {
                                        "false":"http://192.168.0.138:8083/vis.0/bilder/mailbox_empty.png",
                                        "true":"<img class='gelbblink' src='http://192.168.0.138:8083/vis.0/bilder/mailbox_full.png'/>"
                                        }
                                        
                                        YunaKatoY Offline
                                        YunaKatoY Offline
                                        YunaKato
                                        wrote on last edited by
                                        #1482

                                        @mcu sagte in jarvis v3.1.x - just another remarkable vis:

                                        @yunakato Code immer in CodeTags -> </>

                                        {
                                        "false":"http://192.168.0.138:8083/vis.0/bilder/mailbox_empty.png",
                                        "true":"<img class='gelbblink' src='http://192.168.0.138:8083/vis.0/bilder/mailbox_full.png'/>"
                                        }
                                        

                                        Danke !

                                        1 Reply Last reply
                                        0
                                        • Marc_el_KM Offline
                                          Marc_el_KM Offline
                                          Marc_el_K
                                          wrote on last edited by
                                          #1483

                                          @MCU Kann ich in deiner Doku auch eine Anleitung finden, ob man ein bestimmtes Widget mittels Datenpunkt in Vollbild versetzen kann? (und wieder klein)

                                          In meinem Fall möchte ich per Klingelauslöser, das Widget mit dem Kamerastream in Fullscreen anzeigen und nach einer gewissen Zeit wieder verkleinern.

                                          Unter "Vollbild" konnte ich per Suche noch nichts passendes finden.

                                          DANKE :-)

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


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          517

                                          Online

                                          32.4k

                                          Users

                                          81.5k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Home
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe