IP Cam Snapshot als "Stream"

andreas.kerzel

Hallo,

habe das Beispiel ganz oben übernommen aber leider läuft noch gar nix. Bin mit dem Thema ioBroker noch ganz am Anfang - hätte nicht damit gerechnet, dass eine Kamera so schwierig ist einzurichten. Vielleicht kann mal einer drüber schauen, ggf bin ich total auf dem Holzweg. Ziel ist es, dass Bild einer Kamera in meine VIS zu integrieren.

Vielen Dank

Andreas

andreas.kerzel

und hier mal ein paar Bilder wo ich stehe

Das soll das Skript sein

und das ein String val Text Wedget

Glasfaser

@andreas-kerzel

Du hast das Widget nicht richtig eingefügt .

.... so wie das aussieht hast du den Code in ein htlm-Widget eingefügt .

Über Import Widget und dann den Code eingeben !
Das Videobild ist erst im Runtime sichtbar ,nicht im Editor

Werde die Datenpunkte befüllt ( ... image )!?

ist das richtig ... ohne User/Passwort kannst du ein Bild sehen

Was für eine Cam ist das ?

andreas.kerzel

@Glasfaser

den Teil hab ich jetzt mal mit Bn und PW ergänzt. Im Browser kommt zwar dennoch die Passwortaufforderung aber danach gibt es das Bild.

http://admin:s1PA!6.p@192.168.2.23:80/cgi-bin/snapshot.cgi

Ist übrigens eine Amcrest ip2m-841W Kamera.

Was meinst du mit Import Widget? Sowas hab ich bis jetzt nicht gesehen...

Vielen Dank

Glasfaser

@andreas-kerzel sagte in IP Cam Snapshot als "Stream":

Was meinst du mit Import Widget?

dort den Code rein :
.

andreas.kerzel

@Glasfaser ok, das hat schomal funktioniert.

wo kommt eigentlich das Skript in. Direkt in das Widget wo auch die Eigenschaften sind oder Übersicht wo auch die Adapter, Instanzen und so was ist

andreas.kerzel

Da ist es aktuell

/Author: Jey Cee jey-cee@live.com; Version: 0.1.2; Datum: 05.10.2019/

let objPath = 'cam' //Der Pfad zu den Skript Objekten; Ergebnis: javascript.0.cam

let urlCam1 = 'http://admin:XXXXXX@192.168.2.23:80/cgi-bin/snapshot.cgi'; //URL zum snapshot der IP Cam

let intervall = 2; //Zeit intervall für die Abfrage; 0 = Dynamisch, 1-x = Zeit in Sekunden;

//Ab hier keine Änderungen mehr

createState(objPath + '.image', '', false, {type: 'string'});

createState(objPath + '.start', false, false, {type: 'boolean', role: 'switch'});

const request = require('request').defaults({ encoding: null });

on({id: 'javascript.0.' + objPath + '.start', val: true},

function(){

    getSnap();

})

function getSnap(){

request.get(urlCam1, function (error, response, body) {

if(error){

    log(error);

}

if (!error && response.statusCode == 200) {

    data = "data:" + response.headers["content-type"] + ";base64," + new Buffer(body).toString('base64');

    setState('javascript.0.' + objPath + '.image', data);

}

if(intervall === 0 && getState('javascript.0.' + objPath + '.start').val === true){

    getSnap();

}else if(intervall !== 0 && getState('javascript.0.' + objPath + '.start').val === true){

    setTimeout(function(){

            getSnap();

    }, intervall * 1000);

}

});

}

Glasfaser

@andreas-kerzel

Ich gehe mal von deinem Screenshot oben aus ....
Ist schon richtig so ... dort gehört es hin .

Lösche das Skript in deinem Thread ....

oder setze es in Code Tags </>

Glasfaser

@Glasfaser sagte in IP Cam Snapshot als "Stream":
Werde die Datenpunkte befüllt ( ... image )!?

Schau mal dort nach !??

andreas.kerzel

@Glasfaser meinst du das hier mit den Datenpunkten???

Glasfaser

@andreas-kerzel

Ja das Image wird nicht erzeugt , stelle mal den Datenpunkt Start auf true

andreas.kerzel

Der Datenpunkt lässt sich leider nicht auf true setzten.

Ich will dich heute Abend nicht mehr zu lange nerven. Aber könntest du mir das Skript noch einmal in gänze zusammenstellen. Nicht das ich da jetzt irgendwo durcheinander gekommen bin.

Glasfaser

@andreas-kerzel

Laut Screenshot sieht doch alles richtig aus .

Das einzige was man selber machen muß , ist die URL anpassen.

Nimm ein Button im Vis und Trigger auf den Datenpunkt start.

Oder du nimmst ein einfaches Widget :
Quelle auf deins ändern ( funktioniert nur in Firefox )

[{"tpl":"tplImage","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","refreshInterval":"1400","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"src":"http://xxxxx:xxxxxxx@192.168.178.51/streaming/channels/1/picture","stretch":false,"refreshOnViewChange":false,"refreshWithNoQuery":false,"allowUserInteractions":false,"refreshOnWakeUp":false},"style":{"left":"273px","top":"527px","width":"609px","height":"256px","overflow-x":"","z-index":"3","font-family":"Jura-DemiBold","font-size":"14px"},"widgetSet":"basic"}]

andreas.kerzel

Habe das Skript nochmal neu angelegt. Die Dtatenpunkte sind jetzt true. Bild aber leider immer nocht nicht.
Das eine eigentlich so simple Implementierung so kompliziert sein muss...

andreas.kerzel

/*Author: Jey Cee jey-cee@live.com; Version: 0.1.2; Datum: 05.10.2019*/

 

let objPath = 'cam'         //Der Pfad zu den Skript Objekten; Ergebnis: javascript.0.cam

let urlCam1 = 'http://admin:XXXX@192.168.2.23:80/cgi-bin/snapshot.cgi';      //URL zum snapshot der IP Cam

let intervall = 2;      //Zeit intervall für die Abfrage; 0 = Dynamisch, 1-x = Zeit in Sekunden; 

//Ab hier keine Änderungen mehr

createState(objPath + '.image', '', false, {type: 'string'});

createState(objPath + '.start', false, false, {type: 'boolean', role: 'switch'});

const request = require('request').defaults({ encoding: null });

on({id: 'javascript.0.' + objPath + '.start', val: true},

    function(){

        getSnap();

    }) 

function getSnap(){

    request.get(urlCam1, function (error, response, body) {

    if(error){

        log(error);

    }

    if (!error && response.statusCode == 200) {

        data = "data:" + response.headers["content-type"] + ";base64," + new Buffer(body).toString('base64');

        setState('javascript.0.' + objPath + '.image', data);

    }

    if(intervall === 0 && getState('javascript.0.' + objPath + '.start').val === true){

        getSnap();

    }else if(intervall !== 0 && getState('javascript.0.' + objPath + '.start').val === true){

        setTimeout(function(){

                getSnap();

        }, intervall * 1000);

    }
});

}

andreas.kerzel

so der aktuelle Stand

andreas.kerzel

schade dass das mit dem onfiv nix ist. Da konnte wenigsten schonmal was sehen...

Glasfaser

@andreas-kerzel

Es wird kein Bild geholt !

hast du das schon gemacht ... habe ich weiter oben im Thread mal geschrieben :

@Glasfaser sagte in IP Cam Snapshot als "Stream":

@Kippe

Kannst du die Cam mal anpingen unter ioBroker

Aber ein Bild kommt schon wenn du das eingibst !?
http://192.167.178.42/cgi-bin/getsnapshot.cgi?368x208
Edit : Funktioniert die Cam ohne Passwort/User beim Bildabruf !?

Kannst du hiermit testen :

.
.

Hast du das Widget von mir mal getestet , bei meiner letzten Antwort !?

andreas.kerzel

mit deiner Abfrage bekomme ich in einem normalen Browser kein Bild.
Bei mir klappt das mit diesem Aufruf https://192.168.2.23:21032/cgi-bin/snapshot.cgi
dann kommt die Passwortabfrage und im Anschluss das Bild.

Das andere Wedget probiere ich gleich mal aus.

andreas.kerzel

damit geht es auch

http://192.168.2.23:80/cgi-bin/snapshot.cgi

Community Forum

NEWS

IP Cam Snapshot als "Stream"

Support us

846

32.4k

81.6k

1.3m