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. 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.6k

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

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

jarvis v3.1.x - just another remarkable vis

Geplant Angeheftet Gesperrt Verschoben Tester
jarvismaterialmaterial uimaterialdesignvisvisualisierungvisualization
1.8k Beiträge 92 Kommentatoren 725.2k Aufrufe 77 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.
  • S Offline
    S Offline
    SlipKoRn_DH88
    schrieb am zuletzt editiert von
    #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 Antwort Letzte Antwort
    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
      schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
      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
        schrieb am zuletzt editiert von
        #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 Antwort Letzte Antwort
        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
          schrieb am zuletzt editiert von
          #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 Antwort Letzte Antwort
          0
          • S Offline
            S Offline
            SlipKoRn_DH88
            schrieb am zuletzt editiert von
            #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 Antwort Letzte Antwort
            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
              schrieb am zuletzt editiert von 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 Antworten Letzte Antwort
              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
                schrieb am zuletzt editiert von
                #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 Antwort Letzte Antwort
                1
                • D Offline
                  D Offline
                  DarkDevil
                  schrieb am zuletzt editiert von
                  #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 Antwort Letzte Antwort
                  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
                    schrieb am zuletzt editiert von
                    #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 Antwort Letzte Antwort
                    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
                      schrieb am zuletzt editiert von
                      #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 Antwort Letzte Antwort
                      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
                        schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                        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
                          schrieb am zuletzt editiert von
                          #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 Antwort Letzte Antwort
                          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
                            schrieb am zuletzt editiert von
                            #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 Antwort Letzte Antwort
                            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
                              schrieb am zuletzt editiert von
                              #1477

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

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

                              M 1 Antwort Letzte Antwort
                              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
                                schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                                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
                                  schrieb am zuletzt editiert von
                                  #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 Antwort Letzte Antwort
                                  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
                                    schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                                    0
                                    • M Online
                                      M Online
                                      MCU
                                      schrieb am zuletzt editiert von
                                      #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 Antwort Letzte Antwort
                                      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
                                        schrieb am zuletzt editiert von
                                        #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 Antwort Letzte Antwort
                                        0
                                        • Marc_el_KM Offline
                                          Marc_el_KM Offline
                                          Marc_el_K
                                          schrieb am zuletzt editiert von
                                          #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 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

                                          448

                                          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