Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Tester
    4. jarvis v2.2.0 - just another remarkable vis

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    jarvis v2.2.0 - just another remarkable vis

    This topic has been deleted. Only users with topic management privileges can see it.
    • M
      MCU @Ceel last edited by

      @ceel

      var jarvisNotify = {};
      //Beispiele
      jarvisNotify.title = "Es hat geklingelt";
      // "<b>Dies ist BOLD</b>"
      let httpAdr = getState('synology.0.SurveillanceStation.cameras.Eingang.linkMjpegHttpPath').val;
      httpAdr = httpAdr.replace('"',"'");
      httpAdr = httpAdr.replace('"',"'");
      jarvisNotify.message= '<iFrame src="'+ httpAdr  +'" height="350" width="350" scroll=true after height="400"></iFrame>';
      
      jarvisNotify.state = "unread";          //Damit bleibt die Benachrichtigung auch nach POPUP ungelesen und wird oben angezeigt mit der Zahl
      jarvisNotify.criticality = "none";      // error,warning,info,success
      jarvisNotify.display ="popup";          //drawer,snackbar,popup, none für focusTab
      jarvisNotify.autoHideDuration = 180000;  //5000ms -> 5 Sekunden
      jarvisNotify.snackbarOrigin = {};       //"snackbarOrigin": { "horizontal": "...", "vertical": "" }, 
                                              // optional, applies when display is snackbar, { horizontal: 'center' | 'left' | 'right', vertical: 'bottom' | 'top' }
      jarvisNotify.icon = "bell-ring-outline"; //mdi Iconify
      jarvisNotify.iconColor = "#5D5DED";
      jarvisNotify.backgroundColor = "black";
      jarvisNotify.fontColor = "white";
      jarvisNotify.focusTab = ""; //focus a certain tab
      setState('jarvis.0.addNotification',JSON.stringify(jarvisNotify));
      

      So und kein Bild?

      C 1 Reply Last reply Reply Quote 0
      • C
        Ceel @MCU last edited by Ceel

        @mcu genau
        kein Bild

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

          @ceel Mal so?

          var jarvisNotify = {};
          //Beispiele
          jarvisNotify.title = "Es hat geklingelt";
          // "<b>Dies ist BOLD</b>"
          let httpAdr = getState('synology.0.SurveillanceStation.cameras.Eingang.linkMjpegHttpPath').val;
          httpAdr = httpAdr.replace('"',"'");
          httpAdr = httpAdr.replace('"',"'");
          jarvisNotify.message= '<iFrame src='+ String(httpAdr) +' height="350" width="350" scroll=true after height="400"></iFrame>';
          
          jarvisNotify.state = "unread";          //Damit bleibt die Benachrichtigung auch nach POPUP ungelesen und wird oben angezeigt mit der Zahl
          jarvisNotify.criticality = "none";      // error,warning,info,success
          jarvisNotify.display ="popup";          //drawer,snackbar,popup, none für focusTab
          jarvisNotify.autoHideDuration = 180000;  //5000ms -> 5 Sekunden
          jarvisNotify.snackbarOrigin = {};       //"snackbarOrigin": { "horizontal": "...", "vertical": "" }, 
                                                  // optional, applies when display is snackbar, { horizontal: 'center' | 'left' | 'right', vertical: 'bottom' | 'top' }
          jarvisNotify.icon = "bell-ring-outline"; //mdi Iconify
          jarvisNotify.iconColor = "#5D5DED";
          jarvisNotify.backgroundColor = "black";
          jarvisNotify.fontColor = "white";
          jarvisNotify.focusTab = ""; //focus a certain tab
          setState('jarvis.0.addNotification',JSON.stringify(jarvisNotify));
          

          Evtl auch mal die beiden replace-Zeilen // rausnehmen

          C 1 Reply Last reply Reply Quote 0
          • C
            Ceel @MCU last edited by

            @mcu

            keine Veränderung

            Vielleicht liegt es am iframe

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

              @ceel Nein, bei mit funktioniert es ja. Das hat mit den " Anführungstrichen zu tun.
              Lass dir mal die message anzeigen mit console.log(jarvisNotify.message).

              jarvisNotify.message= '<iFrame src='+ String(httpAdr) +' height="350" width="350"></iFrame>';
              console.log(jarvisNotify.message);
              
              C 1 Reply Last reply Reply Quote 0
              • C
                Ceel @MCU last edited by

                @mcu said in jarvis v2.2.0 - just another remarkable vis:

                console.log(jarvisNotify.message);

                javascript.0 (20559) script.js.common.Listen.Popup_Klingel: <iFrame src=http://192.168.178.3:5000/webapi/entry.cgi?api=SYNO.SurveillanceStation.Stream.VideoStreaming&version=1&method=Stream&format=mjpeg&cameraId=2&StmKey='XXXXXXXXXXXXXXXXX6124b531' height="350" width="350" scroll=true after height="400"></iFrame>

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

                  @ceel Mal so.

                  jarvisNotify.message= '<iFrame src="'+ String(httpAdr) +'" height="350" width="350"></iFrame>';
                  
                  C 1 Reply Last reply Reply Quote 0
                  • C
                    Ceel @MCU last edited by Ceel

                    @mcu said in jarvis v2.2.0 - just another remarkable vis:

                    jarvisNotify.message= '<iFrame src="'+ String(httpAdr) +'" height="350" width="350"></iFrame>';

                    javascript.0 (20559) script.js.common.Listen.Popup_Klingel: <iFrame src="http://192.168.178.3:5000/webapi/entry.cgi?api=SYNO.SurveillanceStation.Stream.VideoStreaming&version=1&method=Stream&format=mjpeg&cameraId=2&StmKey='84bbf39ba575XXXXXXXX86124b531'" height="350" width="350" scroll=true after height="400"></iFrame>

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

                      @ceel Und jetzt sollte ein Bild da sein?

                       scroll=true after height="400" -> das kann raus, war nur ein Test für mich
                      
                      C 1 Reply Last reply Reply Quote 0
                      • C
                        Ceel @MCU last edited by Ceel

                        @mcu

                        javascript.0 (20559) script.js.common.Listen.Popup_Klingel: <iFrame src="http://192.168.178.3:5000/webapi/entry.cgi?api=SYNO.SurveillanceStation.Stream.VideoStreaming&version=1&method=Stream&format=mjpeg&cameraId=2&StmKey='84bbf39bXXXX6aa86124b531'" height="350" width="350"></iFrame>
                        

                        immer noch schwarz

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

                          @ceel Das war doch eben anders?

                          StmKey='84bbf39ba575XXXXXXXX86124b531'"
                          
                          C 1 Reply Last reply Reply Quote 0
                          • C
                            Ceel @MCU last edited by

                            @mcu
                            ja hatte testweise das:
                            httpAdr = httpAdr.replace('"',"'");
                            httpAdr = httpAdr.replace('"',"'");
                            rausgenommen

                            ist jetzt wieder drinnen

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

                              @ceel Das was mir noch einfällt, wäre ein Kopieren des Bildes auf ein festes Bild (http://192.168.178.xxx:8082/vis.0/Bild.jpg) bevor man es mit iFrame darstellt. Du kannst es ja mit einem normalen Bild von einem http-Server testen.

                              Ist ioBroker auch auf 192.168.178.3?
                              Hier ein Beispiel:

                              var Speicher_Verzeichnis= "/opt/iobroker/iobroker-data/files/vis/img/";
                              var url = getState('synology.0.SurveillanceStation.cameras.Eingang.linkMjpegHttpPath').val;
                              request(url, {encoding:'binary'}, function(error, response, body) {
                                                 fs.writeFile(Speicher_Verzeichnis  + 'Anruferbild.jpg', body, 'binary', function (err) {
                                                 if(err) log('Fehler!');
                                                 const bild1 = fs.readFileSync(Speicher_Verzeichnis + 'Anruferbild.jpg');
                                                       writeFile('vis.0','/Anruferbild.jpg', bild1,function (err) {
                                                 if(err) log('Fehler!');});
                                                 })});  
                              
                              
                              var jarvisNotify = {};
                              //Beispiele
                              jarvisNotify.title = "Es hat geklingelt";
                              // "<b>Dies ist BOLD</b>"
                              //let httpAdr = getState('synology.0.SurveillanceStation.cameras.Eingang.linkMjpegHttpPath').val;
                              //httpAdr = httpAdr.replace('"',"'");
                              //httpAdr = httpAdr.replace('"',"'");
                              jarvisNotify.message= '<iFrame src="http://192.168.178.3:8082/vis.0/Anruferbild.jpg" height="350" width="350"></iFrame>';
                               
                              jarvisNotify.state = "unread";          //Damit bleibt die Benachrichtigung auch nach POPUP ungelesen und wird oben angezeigt mit der Zahl
                              jarvisNotify.criticality = "none";      // error,warning,info,success
                              jarvisNotify.display ="popup";          //drawer,snackbar,popup, none für focusTab
                              jarvisNotify.autoHideDuration = 180000;  //5000ms -> 5 Sekunden
                              jarvisNotify.snackbarOrigin = {};       //"snackbarOrigin": { "horizontal": "...", "vertical": "" }, 
                                                                      // optional, applies when display is snackbar, { horizontal: 'center' | 'left' | 'right', vertical: 'bottom' | 'top' }
                              jarvisNotify.icon = "bell-ring-outline"; //mdi Iconify
                              jarvisNotify.iconColor = "#5D5DED";
                              jarvisNotify.backgroundColor = "black";
                              jarvisNotify.fontColor = "white";
                              jarvisNotify.focusTab = ""; //focus a certain tab
                              setState('jarvis.0.addNotification',JSON.stringify(jarvisNotify));
                              
                              
                              1 Reply Last reply Reply Quote 0
                              • M
                                MCU @Ceel last edited by MCU

                                @ceel
                                Man kann nochmal die alte Variante testen mit

                                httpAdr = httpAdr.replace('"',"%22");
                                httpAdr = httpAdr.replace('"',"%22");
                                

                                https://www.synology-forum.de/threads/mjpeg-stream-und-jpeg-snapshot-ueber-web-api-abfragen.84259/
                                https://de.wikipedia.org/wiki/URL-Encoding

                                Bei dem Link aus deinem State kann es auch ein Video sein?

                                <video id="player" height="360" width="640" controls preload="none" autoplay>
                                    <source src="http://192.168.178.3:5000/webapi/entry.cgi?api=SYNO.SurveillanceStation.Stream.VideoStreaming&version=1&method=Stream&format=mjpeg&cameraId=2&StmKey=%2284bbf39bXXXX6aa86124b531%22" type="application/x-mpegURL" />
                                </video>
                                

                                https://www.w3schools.com/html/html5_video.asp

                                C 1 Reply Last reply Reply Quote 0
                                • C
                                  Ceel @MCU last edited by Ceel

                                  @mcu
                                  httpAdr = httpAdr.replace('"',"%22");
                                  httpAdr = httpAdr.replace('"',"%22");
                                  hat tatsächlich funktioniert

                                  Das mit dem Video hat nicht funktioniert!

                                  jetzt habe ich aber das Problem mit der Größe des Popups
                                  popup.png

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

                                    @ceel Stell mal width auf 100% und height auf auto.

                                    width="100% height="auto"
                                    oder
                                    width="90%" height="auto"
                                    
                                    C 1 Reply Last reply Reply Quote 0
                                    • C
                                      Ceel @MCU last edited by Ceel

                                      @mcu said in jarvis v2.2.0 - just another remarkable vis:

                                      width="90%" height="auto"

                                      dann ist das Bild und das Popup noch kleiner

                                      100% hatte ich auch schon getestet
                                      genauso wie ohne width und height

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

                                        @ceel Was möchtest du denn erreichen? Das Bild ist doch jetzt da?

                                        C 1 Reply Last reply Reply Quote 0
                                        • C
                                          Ceel @MCU last edited by

                                          @MCU ja das bild ist da.
                                          nur das Popup Fenster ist zu klein
                                          nicht breit genug

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

                                            @ceel Breiter geht es nicht. Du siehst doch 90%. Und unten ist der Scrollbalken. Den kann man nach rechts schieben und man sieht den Rest.

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            759
                                            Online

                                            31.8k
                                            Users

                                            80.1k
                                            Topics

                                            1.3m
                                            Posts

                                            jarvis material material ui materialdesign vis visualisierung visualization
                                            316
                                            6126
                                            3809359
                                            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