Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[coyote]

Guten morgen,

ich speichere mit Javascript bei Posteinwurf ein Bild meiner Kamera unter vis.0 und wollte dieses Bild nutzen um es in VIS anzeigen zu lassen, dass funktioniert leider nicht.
Ich habe im Forum jetzt ein paar Threads gefunden, bei denen es eigentlich heißt, dass ich das Bild unter vis.0 abspeichern und aufrufen kann.
Oder ist dies mittlerweile nicht mehr möglich (evtl. durch neuen js-controller?)?

Script zum speichern des Bildes:

var source_url = 'http://192.168.XX.XX:2000/cgi-bin/CGIProxy.fcgi?cmd=snapPicture2&usr=XXXX&pwd=XXXX', 
    dest_path = '/opt/iobroker/iobroker-data/files/vis.0/';


var request = require("request");
var fs      = require('fs');

    function saveImage() {
    request.get({url: source_url, encoding: 'binary'}, function (err, response, body) {
        fs.writeFile(dest_path + 'Postbild.jpeg', body, 'binary', function(err) {

        if (err) {
            log('Fehler beim Bild speichern: ' + err, 'warn');
        } else {
            log('Webcam Bild gespeichert');
            
        }
      }); 
    });
}

Das Bild wird unter vis.0 auch aktualisiert, nur in VIS wird es nicht angezeigt. Muss der Pfad mittlerweile ein anderer sein?

[saeft_2003]

Ich habe seit dem update vom js-Controller, node und admin, dass allergleiche Problem wie du!

Siehe hier:
https://forum.iobroker.net/topic/30019/bilder-von-home-iobroker-in-vis-anzeigen

Niemand eine Idee? @apollon77 vielleicht du?

[coyote]

@saeft_2003 OK, also ging es ja vorher mal, das wusste ich nicht genau, da ich das erst die Woche eingebaut hatte und ausprobieren wollte.
Aber ja, genau so wie du es beschreibst ist es.
Jetzt ist die Frage, wie bzw. wo müssen die Bilder hin, damit es auch mit dem js-controller >=2.0 funktioniert:thinking_face:

[saeft_2003]

@coyote

Ja die selbe Frage stell ich mir auch. Es würde mir schon reichen, wenn ich wüsste wie ich ein Bild von home/iobroker/ in der vis einfügen kann. Weil dort liegen meine anderen Snapshots die ich dann z.B. mit telegram verschicke.

Vielleicht antwortet apollon77 noch, der könnte das wissen...

[coyote]

@saeft_2003 genau so sieht es bei mir auch aus. Bei mir liegen die Bilder für telegram zusätzlich noch in einem Unterordner /fotos aber kommt ja auf das selbe raus. Genau, dann warten wir mal ab :wink: :v:

[Glasfaser]

@coyote

Hallo Ihr zwei …. schaut mal hier rein Link Text

[coyote]

@Glasfaser hm, damit komme ich aber jetzt nicht weiter, gleiches passiert doch in meinem Script.
Über telegram ist das ja auch gar kein Problem, nur möchte ich ja gerne das Bild in VIS haben

[Glasfaser]

@coyote

dafür ist doch der letzte Abschnitt wichtig .

Teste das Script doch mal ;)

[apollon77]

@coyote dann nimm den Vis Dateimanager und lade es dort hoch. Dafür ist der da.

[Homoran]

@apollon77 sagte in Bild unter vis.0 aktualisiert nicht:

@coyote dann nimm den Vis Dateimanager und lade es dort hoch. Dafür ist der da.

Bei dynamisch erzeugten Bildern (hier: Snapshot der Cam) nicht immer einfach ;-)

[coyote]

@apollon77 na wie soll ich dass denn machen?:dizzy_face:
Wie homoran schon schrieb, bei dynamischen wird das eher schwierig

[saeft_2003]

man kann doch bestimmt irgendwie ein Bild aus dem Ordner home/iobroker/ in der VIS anzeigen, oder nicht? Weil dann speichere ich eben dort meine dynamischen Snapshots...

[Ralla66]

@coyote
Soll ja jeder machen wie er meint.
Wäre mir zu aufwendig.
Hab mir einen 2 ten Pi gegönnt auf dem Motioneye läuft.
Bilder oder Http Stream abholen ist dann kein Problem mehr.
Zumal das leidige Thema RTSP Stream damit auch erledigt ist.

Dann brauchste das Bild nicht zwischen speichern sondern holst das direkt von der Cam
ab wenn getriggert wird.

[coyote]

@Glasfaser danke, habe erst im falschen Script geschaut, funktioniert tatsächlich. Habe es noch schnell an meine Bedürfnisse angepasst, brauche ja nur ein Bild.

@Ralla66 bei mir läuft alles über einen bzw. zwei Nuc's somit wäre das, das geringste Problem, ich bin da aber noch an Zoneminder testen.
Aber habe ich es richtig verstanden, du zeigst direkt ab trigger, dann den Snapshot Pfad der Cam an, korrekt?
Welches Widget? Iframe?

[coyote]

@apollon77 was mich jetzt aber interessieren würde ist, warum ein direktes fs.writeFile nach vis.0 nicht geht, sondern erst nach /tmp dann ein fs.readFileSync des temporären Bildes von /tmp und dann writeFile nach vis.0 :thinking_face:

[Glasfaser]

@coyote

Bitteschön :)

[Ralla66]

@coyote
In meiner Vis läuft immer die Live Cam.
Bei Alarm schaltet die Visu auf Kamera View um.

Wenn Alarmanlage ist ein und ein Fenster / Tür Kontakt wird aktiviert,
wird vom IO / Blockly das MotionEye Live Bild geholt und dierkt per E-Mail Adapter versandt.

Zwischenspeichern des Bildes benötige ich nicht.
So als Anregung das es auch anders geht.

[coyote]

@Ralla66 achso ok, darum ging es mir ja nicht, dass mache ich über telegram und in der Visu läuft auch der Stream. Ich will ja zb beim klingeln oder Posteinwurf den letzten Snapshot in der Visu anzeigen, wenn ich auf ein Icon klicke. Aber funktioniert ja jetzt.

[saeft_2003]

@coyote

ehrlich gesagt komm ich nicht mehr ganz mit. was genau hast du jetzt getan damit es wieder geht?

[Glasfaser]

@saeft_2003

@Glasfaser sagte in [Frage BLOCKLY ] Klingel Bild per Telegram versenden / Snapshot von Cam per Telegram versenden:

@Knallochse

Ich habe das hier so bei mir angepasst (Vorlage von Chaot) :

Es werde 4 Screenshot´s erstellt , per Telegramm versendet und in vis.0/klingelbild zur weiteren Verwendung hinterlegt .

Datenpunkt in const idklingel und die vier URL anpassen .

Spoiler

const idklingel = ["hm-rpc.2.00145709AED72D.8.PRESS_SHORT", "hm-rpc.2.00145709AED72D.8.PRESS_LONG", "ID5", "ID4"];

var sperre = false;  //verhindert das doppeltes Drücken das Script stoppt

var timeout1, timeout2, timeout3, timeout4, timeout5, timeout6, timeout7, timeout8, timeout9, timeout10, timeout11;

var fs = require('fs');




on({id: idklingel, change: "any"}, function (obj) {

 if(!sperre) {

   sperre = true;

   

    // Speichert das erste Bild bei Klingeln

   exec('wget --output-document /tmp/haustuer1.jpg \'http://user:passwort@192.168.178.53/streaming/channels/101/picture\'');

   
    // Nach dem ersten Bild wird nach 2000ms das nächste Bild gespeichert
   timeout1 = setTimeout(function () {

     exec('wget --output-document /tmp/haustuer2.jpg \'http://user:passwort@192.168.178.53/streaming/channels/101/picture\''); 

   }, 2000);

   
    // Nach dem zweiten Bild wird nach 2000ms das nächste Bild gespeichert
   timeout2 = setTimeout(function () {

     exec('wget --output-document /tmp/haustuer3.jpg \'http://user:passwort@192.168.178.53/streaming/channels/101/picture\'');

   }, 4000);

  
    // Nach dem dritten Bild wird nach 2000ms das nächste Bild gespeichert
   timeout3 = setTimeout(function () {

     exec('wget --output-document /tmp/haustuer4.jpg \'http://user:passwort@192.168.178.53/streaming/channels/101/picture\'');

   }, 6000);


    // Telegram versenden
   timeout4 = setTimeout(function(){

       sendTo('telegram.0', {text: '/tmp/haustuer1.jpg', caption: 'Jemand klingelt an der Haustür !!!'});

               //log ('__ Klingel-Bild wurde versendet __');

   }, 8000); 
   timeout5 = setTimeout(function(){

       sendTo('telegram.0', {text: '/tmp/haustuer2.jpg', caption: 'Jemand klingelt an der Haustür !!!'});

               //log ('__ Klingel-Bild wurde versendet __');

   }, 9000); 


   }
          

   timeout6 = setTimeout(function() {

      sperre = false;

   }, 5000); //Zeit für Klingelsperre 1.Zeile


    // Bilder werden nach vis gespeichert
   timeout7 = setTimeout(function () {

        const bild1 = fs.readFileSync('/tmp/haustuer1.jpg');

        writeFile('vis.0','/klingelbild/haustuer1.jpg', bild1);

        const bild2 = fs.readFileSync('/tmp/haustuer2.jpg');

        writeFile('vis.0','/klingelbild/haustuer2.jpg', bild2);

        const bild3 = fs.readFileSync('/tmp/haustuer3.jpg');

        writeFile('vis.0','/klingelbild/haustuer3.jpg', bild3);

        const bild4 = fs.readFileSync('/tmp/haustuer4.jpg');

        writeFile('vis.0','/klingelbild/haustuer4.jpg', bild4);

   }, 20000); 

});