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 MCU

      @ceel Ja, weil dann ist nachdem 2.ten ' der String vom ersten ' zu Ende.
      Nimm mal die Script-Variante, wie oben.

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

        @mcu
        ja genau

        wenn ich den Link aus dem Objekt direkt in den Browser eintrage bekomme ich auch ein Bild

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

          @ceel Ändere mal das Script, wie es oben steht.

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

            @mcu
            habe ich schon gemacht
            kein Bild

            M 1 Reply Last reply Reply Quote 0
            • 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
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            777
                                            Online

                                            31.8k
                                            Users

                                            80.1k
                                            Topics

                                            1.3m
                                            Posts

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