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

[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); 

});

[coyote]

@saeft_2003 habe das Script aus dem Link von Glasfaser benutzt, damit geht es. Kann ich morgen Mal hochladen, habe es für mich soweit gekürzt, da ich nur ein Bild benötige.

[saeft_2003]

@coyote

und du kannst jetzt das bild im vis datei manager direkt auswählen? Ja wäre nett wenn du das machst. Könnte man das auch in blockly nachbauen? weil da kenn ich mich ein wenig aus, direkt mit js leider nicht wirklich...

[apollon77]

@coyote Bitte liess die Erklärungen im js.controller 2.1 Thread .. da steht alles genau drin :-) und da ist auch ein Thread verlinkt mit weiteren Details und Skripten.

Ein kopieren in das files/vis.0 macht das File nicht im ioBroker Storage bekannt ... und damit existiert es für den ioBroker nicht. Erst mit writeFile machst Du das

[saeft_2003]

@apollon77

Danke für die Erklärung weißt du ob das writefile auch mit blockly möglich ist?

@coyote

Wäre nett wenn du heute im laufe des Tages mal dein script zu Verfügung stellen könntest.

[coyote]

@apollon77 ich wusste doch, dass ich da irgendwo mal was gelesen hatte, habe es gestern nur nicht mehr gefunden. Ich werde nochmal im js-controller thread suchen.

Aber wieso kopieren? wie oben in meinem ersten Script, schreibe ich doch damit die Datei in vis oder nicht?

 fs.writeFile(dest_path + 'Postbild.jpeg', body, 'binary', function(err) {

aber so geht es ja nicht.

@saeft_2003 hier:

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');

    // Speichert das erste Bild 
function saveImage(){
    request.get({url: source_url, encoding: 'binary'}, function (err, response, body) {
        fs.writeFile('/tmp/' + 'Postbild.jpg', body, 'binary', function(err) {
  if (err) {
            log('Fehler beim Bild speichern: ' + err, 'warn');
        } else {
            log('Webcam Bild gespeichert');  
        }
        })
    })
    // Bilder werden nach vis gespeichert
        const bild1 = fs.readFileSync('/tmp/Postbild.jpg');
        writeFile('vis.0','/Postbild.jpg', bild1);
};

EDIT; @apollon77 habs gefunden, auch die Links dazu, wo es besprochen wurde. Danke

[saeft_2003]

@coyote

Danke fürs skript werde ich heute Abend testen. Aber wie gesagt da ich in js nicht wirklich fitt bin könnte es sein das ich noch die ein oder andere Frage habe...

[coyote]

@saeft_2003 Klar, kein Thema sag Bescheid

[saeft_2003]

@coyote

Die erste Frage habe ich schon :dizzy_face: was ist in dem Skript der trigger? Wie löst du dieses aus?

[coyote]

@saeft_2003 sorry, ich hab nicht mitbekommen, dass du hier geantwortet hast, muss Mal schauen warum ich keine Benachrichtigungen mehr bekomme.

Ausgelöst wird es in einem anderen Teil des Scripts, mein Trigger ist hier der Posteinwurf, den hatte ich jetzt hier nicht mit drin, kannst aber ja nehmen was du möchtest. Ansonsten kann ich dir nachher auch den restlichen Teil hochladen

[saeft_2003]

@coyote

Ich bräuchte es so das wenn der Datenpunkt (meine-datenpunkte.0.xyz) aktualisiert wird, wird das skript einmal ausgeführt.

Kannst du das in das skript noch mit rein machen?

[coyote]

@saeft_2003 Guten morgen,
da ich jetzt nicht weiß, was für ein Typ dein Datenpunkt ist, versuche es einfach mal so.

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');


on({id: 'dein-Datenpunkt.0.XYZ', change: "any"}, function (obj) {
    request.get({url: source_url, encoding: 'binary'}, function (err, response, body) {

        fs.writeFile('/tmp/' + 'Postbild.jpg', body, 'binary', function(err) {

  if (err) {

            log('Fehler beim Bild speichern: ' + err, 'warn');

        } else {

            log('Webcam Bild gespeichert');  

        }

        })

    })

    // Bilder werden nach vis gespeichert

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

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

});

Bei diesem Beispiel ist es jetzt aber so, dass egal wie sich dein Datenpunkt ändert, wird das Bild aktualisiert.
"change: any"

Hast du einen true/false Datenpunkt, kannst du auch statt "any" z.B. "ne" schreiben, dann wird nur getriggert wenn der Datenpunkt sich von "true" auf "false" oder umgekehrt ändert.