Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. IP Cam Snapshot als "Stream"

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.8k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    2.2k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    16
    1
    3.2k

IP Cam Snapshot als "Stream"

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vishow-tocamera
98 Beiträge 12 Kommentatoren 13.0k Aufrufe 28 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • D davimas

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

    Wichtig , das Bild ist im Vis Editor nicht sichtbar !!!

    Genau DAS war der Grund bei meinem experimentieren und nicht funktionieren :sweat_smile:

    Und Danke für das Script.
    Ich realisiere die Visualisierung über ein Cloudmatic Konto > Netzwerkgeräte - damit es auf der Handy VIS von unterwegs angezeigt wird - ohne die Verkomplikationen/Umstände einer VPN Verbindung. Das Bild braucht Allerdings durch diese Methode etwas länger. Durch die Idee mit dem Script - muss nicht gewartet werden bis die Camera das Bild liefert, sondern es ist immer ein Bild "schon" da......

    @bahnuhr
    zb um das Klingelbild schon da zu haben statt es erst zu holen (WLAN ist da nicht der beste Kumpel)
    Grüße aus dem Doorpi Forum ;-)

    K Offline
    K Offline
    Kippe
    schrieb am zuletzt editiert von
    #65

    @davimas
    Es hat mir ja keine Ruhe gelassen, um es doch noch hin zu bekommen mit der Kamera.
    Ich habe es jetzt mit der iegeek Kamera Super in den Griff bekommen. Die Datenpunkte haben sich auch Sofort gefüllt usw.
    Bei der Kamera habe ich im Brouser eine URL eingetragen mit Benutzer und Passwort, und das Bild kam dann als Snapshot.
    Die Daten habe ich dann in den Skrypt eingetragen, und es geht alles so wie es soll.

    Jetzt habe ich noch eine 2 Kamera der Marke Jovision JVS-N3DL-DC Dome 720p, und ich komme nicht weiter.
    Ich habe erstmal ein neues Skrypt erstellt, und habe in Zeile 5 cam2 eingetragen, und habe die URL zur Kamera in Zeile 7 erneuert. Wenn ich das Skrypt laufen lasse kommen immer diese Fehler .Ich denke, das die URL nicht richtig ist.
    Wenn ich aber die URL in den PC Brouser eingebe bekomme ich das Bild der Kamera. Der Datenpunkt Image in den Objekten wird auch nicht gefüllt kann machen was ich will.

    Hat noch jemand einen Tipp welche URL ich noch nehmen kann für die Kamera um ein Bild zu erzeugen?
    Ich habe alles abgesucht, und nichts gefunden.

    Screenshot (215).png Screenshot (214).png Screenshot (213).png

    1 Antwort Letzte Antwort
    0
    • D Offline
      D Offline
      davimas
      schrieb am zuletzt editiert von davimas
      #66

      So auf die schnelle vom Handy aus.......ich selbst habe festgestellt dass die Cameras die man fertig kauft, sprich keine eigenen Entwicklungen ala Raspberry oder Motioneyos, immer beim Aufruf ein "Login" brauchen. Der muss vorne oder hinten immer angehängt werden wie:

      htttp://admin:1234@192.168.178........

      ......&Username=admin&Password=1234

      Der Browser selbst - speichert das aktuell immer im Cache deshalb geht es auch mal ohne Logindaten.

      Hier auf der Seite siehst du unter welchem Link du Daten von der Camera erhalten kannst, einfach ein paar durchprobieren:

      https://www.ispyconnect.com/man.aspx?n=Jovision

      by,
      David

      1 Antwort Letzte Antwort
      0
      • B bug77

        Bei mir läuft es.
        Wenn das Objekt Image nicht gefüllt wird, habe ich einfach kurz den Status false und wieder True gesetzt und das Script neu gestartet, dann holt er es.

        Habe es auf 5sek eingestellt, aber zwischen jedem aktualisieren „blinkt“ der Bildschirm, da es das Bild aktualisiert. Kann man das flüssiger darstellen, das es einen Übergang gibt? Wisst ihr wie ich das meine?

        M Offline
        M Offline
        mm321
        schrieb am zuletzt editiert von
        #67

        @Jey-Cee

        @bug77 said in IP Cam Snapshot als "Stream":

        Habe es auf 5sek eingestellt, aber zwischen jedem aktualisieren „blinkt“ der Bildschirm, da es das Bild aktualisiert. Kann man das flüssiger darstellen, das es einen Übergang gibt? Wisst ihr wie ich das meine?

        Hallo, möchte nochmal die Aussage von bug77 aufgreifen.
        Auch bei mir blinkt der Bildschirm bei jeder Aktualisierung des Snapshots, gibt es eine Möglichkeit dem Problem entgegen zu wirken?

        Danke!
        Manuel

        1 Antwort Letzte Antwort
        0
        • D Offline
          D Offline
          davimas
          schrieb am zuletzt editiert von davimas
          #68

          Also es läuft mit 3 Cameras und Aktualisierung von jeweils 3 Sekunden gut auf dem Iobroker System.

          Hat jmd eine Idee wie ich dieses "Bild" noch weiter intern verwenden/nutzen kann?

          mit Blockly per Telegram bei Bewegung.....
          Screenshot_2020-01-06 javascript - ioBroker.png

          1 Antwort Letzte Antwort
          0
          • A Offline
            A Offline
            andreas.kerzel
            schrieb am zuletzt editiert von
            #69

            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

            1 Antwort Letzte Antwort
            0
            • A Offline
              A Offline
              andreas.kerzel
              schrieb am zuletzt editiert von
              #70

              und hier mal ein paar Bilder wo ich stehe

              Das soll das Skript sein
              2.jpg

              und das ein String val Text Wedget
              1.jpg

              GlasfaserG 1 Antwort Letzte Antwort
              0
              • A andreas.kerzel

                und hier mal ein paar Bilder wo ich stehe

                Das soll das Skript sein
                2.jpg

                und das ein String val Text Wedget
                1.jpg

                GlasfaserG Offline
                GlasfaserG Offline
                Glasfaser
                schrieb am zuletzt editiert von Glasfaser
                #71

                @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

                1.JPG

                Was für eine Cam ist das ?

                Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

                A GlasfaserG 2 Antworten Letzte Antwort
                0
                • GlasfaserG 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

                  1.JPG

                  Was für eine Cam ist das ?

                  A Offline
                  A Offline
                  andreas.kerzel
                  schrieb am zuletzt editiert von
                  #72

                  @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

                  GlasfaserG 1 Antwort Letzte Antwort
                  0
                  • A 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

                    GlasfaserG Offline
                    GlasfaserG Offline
                    Glasfaser
                    schrieb am zuletzt editiert von
                    #73

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

                    Was meinst du mit Import Widget?

                    dort den Code rein :
                    .
                    1.JPG

                    Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

                    A 1 Antwort Letzte Antwort
                    0
                    • GlasfaserG Glasfaser

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

                      Was meinst du mit Import Widget?

                      dort den Code rein :
                      .
                      1.JPG

                      A Offline
                      A Offline
                      andreas.kerzel
                      schrieb am zuletzt editiert von
                      #74

                      @Glasfaser ok, das hat schomal funktioniert.
                      4.jpg

                      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

                      GlasfaserG 1 Antwort Letzte Antwort
                      0
                      • A Offline
                        A Offline
                        andreas.kerzel
                        schrieb am zuletzt editiert von
                        #75

                        5.jpg
                        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);
                        
                        }
                        

                        });

                        }

                        1 Antwort Letzte Antwort
                        0
                        • A andreas.kerzel

                          @Glasfaser ok, das hat schomal funktioniert.
                          4.jpg

                          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

                          GlasfaserG Offline
                          GlasfaserG Offline
                          Glasfaser
                          schrieb am zuletzt editiert von Glasfaser
                          #76

                          @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 </>

                          Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

                          1 Antwort Letzte Antwort
                          0
                          • GlasfaserG 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

                            1.JPG

                            Was für eine Cam ist das ?

                            GlasfaserG Offline
                            GlasfaserG Offline
                            Glasfaser
                            schrieb am zuletzt editiert von
                            #77

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

                            Schau mal dort nach !??

                            Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

                            A 1 Antwort Letzte Antwort
                            0
                            • GlasfaserG Glasfaser

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

                              Schau mal dort nach !??

                              A Offline
                              A Offline
                              andreas.kerzel
                              schrieb am zuletzt editiert von
                              #78

                              @Glasfaser meinst du das hier mit den Datenpunkten???
                              6.jpg

                              GlasfaserG 1 Antwort Letzte Antwort
                              0
                              • A andreas.kerzel

                                @Glasfaser meinst du das hier mit den Datenpunkten???
                                6.jpg

                                GlasfaserG Offline
                                GlasfaserG Offline
                                Glasfaser
                                schrieb am zuletzt editiert von
                                #79

                                @andreas-kerzel

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

                                Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

                                1 Antwort Letzte Antwort
                                0
                                • A Offline
                                  A Offline
                                  andreas.kerzel
                                  schrieb am zuletzt editiert von
                                  #80

                                  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.

                                  GlasfaserG 1 Antwort Letzte Antwort
                                  0
                                  • A 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.

                                    GlasfaserG Offline
                                    GlasfaserG Offline
                                    Glasfaser
                                    schrieb am zuletzt editiert von
                                    #81

                                    @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"}]
                                    

                                    Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

                                    GlasfaserG 1 Antwort Letzte Antwort
                                    0
                                    • A Offline
                                      A Offline
                                      andreas.kerzel
                                      schrieb am zuletzt editiert von
                                      #82

                                      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...

                                      7.jpg

                                      1 Antwort Letzte Antwort
                                      0
                                      • A Offline
                                        A Offline
                                        andreas.kerzel
                                        schrieb am zuletzt editiert von
                                        #83
                                        /*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);
                                        
                                            }
                                        });
                                        
                                        }
                                        
                                        1 Antwort Letzte Antwort
                                        0
                                        • A Offline
                                          A Offline
                                          andreas.kerzel
                                          schrieb am zuletzt editiert von
                                          #84

                                          so der aktuelle Stand

                                          1 Antwort Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          822

                                          Online

                                          32.4k

                                          Benutzer

                                          81.5k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Home
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe