Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Webcam Bild in Widget "vergrößern"

    NEWS

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    Webcam Bild in Widget "vergrößern"

    This topic has been deleted. Only users with topic management privileges can see it.
    • T
      topsurfer @Crazy32 last edited by topsurfer

      @crazy32 said in Webcam Bild in Widget "vergrößern":

      @topsurfer Wo hast Du den http-Stream her? In meiner Surveillance Station finde ich nur einen rtsp-Stream.

      Gute Frage, woher oder wer mir das genannt hat.
      Ist der Key vom RTSP Stream der Surveilance,
      sieht dann so aus und geht im Browser (!):
      http://192.168.yy.xx:5000/webapi/entry.cgi?api=SYNO.SurveillanceStation.Stream.VideoStreaming&version=1&method=Stream&format=mjpeg&cameraId=5&StmKey=2a06decfzzzzzzzzzzzzzzzzzzcc86

      1 Reply Last reply Reply Quote 0
      • M
        MCU last edited by MCU

        @topsurfer Nee, das funktioniert leider so nicht. Für die Funktion muss der User klicken!
        Aber du kannst eine andere View nutzen mit Vollbild von dem Kamerabild und dann bei DP true die VIEW umschalten.

        on({id: '0_userdata.0.showCamFullscreen', change: 'ne'}, obj => {
          if (obj.state.val === true) {
            setState('vis-2.0.control.instance', 'vis.0');
            setState('vis-2.0.control.data', JSON.stringify({view: 'cam_fullscreen'}));
            setState('vis-2.0.control.command', 'changeView');
          }
        setTimeout(function(){
           /* zurück auf Standard-Bildschirm */
            setState('vis-2.0.control.instance', 'vis.0');
            setState('vis-2.0.control.data', JSON.stringify({view: 'cam_normal'}));
            setState('vis-2.0.control.command', 'changeView');
        },10000)
        });
        
        T 1 Reply Last reply Reply Quote 0
        • T
          topsurfer @MCU last edited by

          @mcu Puhh, danke;
          hört sich kompliziert an ...
          Mit dem "anderen DP" meinst du einen/den DP, der das Vollbild ein/ausschaltet?

          Und obiges Code würde wieder nach "Scripte" gehören ?

          M 1 Reply Last reply Reply Quote 0
          • M
            MCU @topsurfer last edited by

            @topsurfer Eigentlich nicht sooo kompliziert.

            • In der VIS2 eine neue Seite (kameraFull) anlegen in dem das Kamerabild auf der ganzen Seite angezeigt wird.
            • in ioBroker unter Skripte ein neues javascript anlegen Name KameraUmschaltung

            Diesen Code in das neue javascript enifügen
            Skripte
            -> +
            -> 361f7e4d-bbff-4509-86c8-94700f587300-image.png
            -> Hinzufügen klicken
            -> 9ebc6329-6488-424b-abf4-2afc40b47942-image.png
            -> Namen Eintragen und ok klicken
            ->

            /* Dein DP mit dem man erkennt, dass da jemand an der Tür ist , KlingelDP oder so */
            let dp = '0_userdata.0.besuchanderTuer'
            
            on({id: dp , change: 'ne'}, obj => {
              if (obj.state.val === true) {
                setState('vis-2.0.control.instance', 'vis.0');
                setState('vis-2.0.control.data', JSON.stringify({view: 'kameraFull'}));
                setState('vis-2.0.control.command', 'changeView');
              }
            setTimeout(function(){
               /* zurück auf Standard-Bildschirm */
                setState('vis-2.0.control.instance', 'vis.0');
                setState('vis-2.0.control.data', JSON.stringify({view: 'normal'}));
                setState('vis-2.0.control.command', 'changeView');
            },10000)
            });
            

            -> Code einfügen und Speichern
            fda39d70-ed55-41da-afbe-c5d5b0760895-image.png
            -> DP anpassen, views anpassen für kameraFull und normal und Speichern

            T 1 Reply Last reply Reply Quote 1
            • T
              topsurfer @MCU last edited by

              @mcu said in Webcam Bild in Widget "vergrößern":

              Kurze Frage noch 😉

              Für einen andere Kamera habe ich bereits einen Datenpunkt, wo der aktuelle Timestamp der erkannten Bewegung immer reingeschrieben wird.
              Wie kann man diesen DP (Objekttyp: Text) zum umschalten der View nutzen, sobald sich dieser Wert geändert/aktuallisiert hat?

              Kenn mich mit Java leider nicht aus,
              diese zwei Zeilen sind/wären es wohl:

              on({id: dp , change: 'ne'}, obj =>
              { if (obj.state.val === true) {
              ...

              /* Dein DP mit dem man erkennt, dass da jemand an der Tür ist , KlingelDP oder so */
              
              let dp = '0_userdata.0.besuchanderTuer'
              on({id: dp , change: 'ne'}, obj => {
                if (obj.state.val === true) {
                  setState('vis-2.0.control.instance', 'vis.0');
                  setState('vis-2.0.control.data', JSON.stringify({view: 'kameraFull'}));
                  setState('vis-2.0.control.command', 'changeView');
                }
              setTimeout(function(){
                 /* zurück auf Standard-Bildschirm */
                  setState('vis-2.0.control.instance', 'vis.0');
                  setState('vis-2.0.control.data', JSON.stringify({view: 'normal'}));
                  setState('vis-2.0.control.command', 'changeView');
              },10000)
              });
              
              1 Reply Last reply Reply Quote 0
              • OliverIO
                OliverIO last edited by OliverIO

                @topsurfer

                auf dieser seite ist ein Beispiel
                https://www.smarthome-tricks.de/software-iobroker/vis-ereignisgesteuerter-view-wechsel/

                die Zeile mit instance und data sieht anders aus.
                Ich glaube die Notation fürt die view ist
                projekt/viewname
                und kein json objekt
                instance ist die browser instanz, die man in der vis definieren kann. in allen vis-client die view umschalten soll, dann diese mehrachen Fs. Ansonsten die genaue Angabe der Browserinstanz.
                Die sieht man in vis1 im Tools-Reiter
                e5628086-c4e1-4553-9b87-fff8c14772ad-image.png

                passt auch besser zur Dokumentation hier
                https://github.com/ioBroker/ioBroker.vis?tab=readme-ov-file#control-interface

                Aber keine Ahnung ob der Code von MCU auch funktionieren könnte.

                1 Reply Last reply Reply Quote 0
                • M
                  MCU last edited by MCU

                  @oliverio Da wirst du wohl Recht haben.

                  /* Dein DP mit dem man erkennt, dass da jemand an der Tür ist , KlingelDP oder so */
                  let dp = '0_userdata.0.besuchanderTuer'
                   
                  on({id: dp , change: 'ne'}, obj => {
                  //  if (obj.state.val === true) {
                      setState('vis-2.0.control.instance', 'vis.0');
                      setState('vis-2.0.control.data', 'project/kameraFull');
                      setState('vis-2.0.control.command', 'changeView');
                  //  }
                  setTimeout(function(){
                     /* zurück auf Standard-Bildschirm */
                      setState('vis-2.0.control.instance', 'vis.0');
                      setState('vis-2.0.control.data', 'projekt/normal');
                      setState('vis-2.0.control.command', 'changeView');
                  },10000)
                  });
                  
                  

                  @topsurfer Der Zeitpunkt der eingetragen wird ist ja nie gleich, oder?
                  Also würde es auch so funktionieren.
                  -> dp anpassen

                  T 1 Reply Last reply Reply Quote 0
                  • T
                    topsurfer @MCU last edited by

                    @mcu
                    OK, also sollte es genügen, wenn ich nur den DP ändere?
                    Hab ich gemacht, der Inhalt vom DP ändert sich auch, aber das Umschalten der Kamera erfolgt nicht.

                    2025-05-20_125120.png
                    In der Log-Ausgabe sieht man den Scriptstart, und dann das starten des Timeouts, aber in den Teil "true" (mit umschalten der Kamera) springt er nicht.

                    2025-05-20_124630.png

                    M OliverIO 2 Replies Last reply Reply Quote 0
                    • M
                      MCU @topsurfer last edited by

                      @topsurfer ja,dorry die if obj.state.val Zeile muss raus und dir klammer dazu unten weiter

                      1 Reply Last reply Reply Quote 1
                      • OliverIO
                        OliverIO @topsurfer last edited by

                        @topsurfer

                        Hier noch ein Artikel zur Verwendung der Instanz id des Browsers.
                        https://www.smarthome-tricks.de/software-iobroker/iobroker-vis-browser-id/amp/

                        Also soe wie es da steht ist nicht falsch, insbesondere dann wenn du mehrere Clients/Browser hast über du dann deine views abrufen wills, aber der View Wechsel genau nur auf einem Browser ändern willst.
                        Da sich die aus Versehen aber auch mal ändern kann und wenn du überall alles gleich funktionieren lassen willst, würde ich lieber als Instanz id das hier verwenden FFFFFFFF

                        1 Reply Last reply Reply Quote 1
                        • First post
                          Last post

                        Support us

                        ioBroker
                        Community Adapters
                        Donate

                        740
                        Online

                        31.7k
                        Users

                        79.6k
                        Topics

                        1.3m
                        Posts

                        7
                        43
                        1001
                        Loading More Posts
                        • Oldest to Newest
                        • Newest to Oldest
                        • Most Votes
                        Reply
                        • Reply as topic
                        Log in to reply
                        Community
                        Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                        The ioBroker Community 2014-2023
                        logo