Als u in uw netwerk – of elders – een IP-camera heeft geïnstalleerd, kunt u het camerabeeld ook laten weergeven in het NodeRed dashboard.
Hoe dit werkt, wordt uitgelegd in het volgende artikel.
Veiligheidsinstructies
Ik weet dat de volgende opmerkingen altijd een beetje vervelend zijn en onnodig lijken. Helaas hebben veel mensen die "beter" wisten door onvoorzichtigheid ogen, vingers of andere dingen verloren of zichzelf verwond. Gegevensverlies is in vergelijking bijna te verwaarlozen, maar zelfs dit kan erg vervelend zijn. Neem daarom vijf minuten de tijd om de veiligheidsinstructies te lezen. Omdat zelfs het coolste project geen blessure of andere problemen waard is.
https://www.nerdiy.de/sicherheitshinweise/
Affiliate links / reclame links
De hier vermelde links naar online winkels zijn zogenaamde affiliate-links. Als u op zo'n affiliate-link klikt en via deze link een aankoop doet, ontvangt Nerdiy.de een commissie van de betreffende onlineshop of aanbieder. De prijs verandert voor jou niet. Als u via deze links uw aankopen doet, steunt u Nerdiy.de om in de toekomst andere nuttige projecten aan te kunnen bieden. 🙂
Eisen
Handige artikelen:
Om deze configuratie te kunnen gebruiken, moet NodeRed natuurlijk al geïnstalleerd zijn.
Hoe je een RaspberryPi voorbereidt en vervolgens NodeRed erop installeert, wordt beschreven in de volgende artikelen.
In de volgende artikelen wordt beschreven wat er moet gebeuren om de RaspberryPi voor te bereiden:
RaspberryPi – setup voor nerds!
RaspberryPi – De eerste configuratie!
RaspberryPi – Bedien de RaspberryPi via SSH
NodeRed – NodeRed installeren op de RaspberryPi
NodeRed – Installeer nieuwe knooppunten
NodeRed - Maak een gebruikersinterface met dashboardknooppunten
Vereist gereedschap:
-Nee-
Benodigd materiaal:
In de volgende lijst vindt u alle onderdelen die u nodig heeft om dit artikel te implementeren.
Log in op de configuratie-interface van NodeRed
Voordat u uw NodeRed-configuratie kunt bewerken, moet u - indien geactiveerd - eerst inloggen op de NodeRed-configuratie-interface.
knooppunt-rood-knooppunt-base64 - Installeer knooppunten
Installeer node-red-contrib-image-output -Node
Zoek de juiste camera-URL
Om deze NodeCode te laten werken, is het belangrijk dat je de URL configureert voor het camerabeeld van je IP-cam. Deze URL is helaas niet uniform maar verschilt van fabrikant tot fabrikant en helaas ook vaak van model tot model. De lijst onder de volgende link maakt het echter veel gemakkelijker om de juiste URL te vinden.
https://www.ispyconnect.com/sources.aspx
Knooppuntcode importeren
Im Prinzip ist diese Node-Konfiguration nichts weiter als ein automatischer Standbild-Abholservice. Nach dem in der Inject-Node „regularRequest“ festgelegtem Intervall werden die Bilder der IP-Cam unter der angegebenen URL abgeholt und auf dem Dashboard angezeigt.
Damit diese Konfiguration bei Euch funktioniert, ist es wichtig, dass Ihr in der http-request-node unter „URL“ die URL zu Eurem Kamerabild eintragt.
In het geval dat de onderstaande code niet correct geformatteerd kan worden gekopieerd: ik heb de code ook geüpload in de nerdiy git: https://github.com/Nerdiyde/NodeRedSnippets/blob/master/View%20IP%20Cam%20Images%20in%20Dashboard.txt
[{"id '50183f7f.5ae77', type 'http aanvraag', z '2bfb0626.bbf15a', name 'imageRequest', method 'GET', 'ret' :"bin", "url":http://YOUR_CAM_IP/image.jpg", "tls":", "x":1320,"y":4600,"draden":[["79c3426c.7df78c ","bf8a81cf.8f74","945489e7.cfc1d8"]]},{"id":835ede3.e20822", type"injecteren", "z":2bfb0626.bbf15a", "naam": "regularRequest", "topic" ", "payload" ", "payloadType "date", "repeat" 10 ", crontab ", "once":false, "onceDelay" :0.1,"x":1120,"y":4600,"draden":[["50183f7f.5ae77"]]},{"id":bf8a81cf.8f74", "type":debug", z '2bfb0626.bbf15a',name 'debug', 'actief':false,'tosidebar':true,'console':false,'tostatus':false,'complete 'true', x":1510,"y":4680,"draden":[]},{"id 'd86c30df.cda1d', 'type 'ui_template', z '2bfb0626.bbf15a', groep "4615860e.37a298","name"DashboardViewer"bestelling":7,"width":6""height""6"format""Camera
","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":false,"templateScope":"local","x":1790,"y":4600,"wires":[[]]}, {"id":"945489e7.cfc1d8","type":"base64","z":"2bfb0626.bbf15a","name":"convertingToBase64","action":"","property":"payload ","x":1560,"y":4600,"wires":[["d86c30df.cda1d"]]},{"id":"79c3426c.7df78c","type":"image","z ":"2bfb0626.bbf15a","name":"","width":200,"x":1530,"y":4640,"wires":[]},{"id":"4615860e.37a298 ","type":"ui_group","z":"","name":"Status","tab":"a958b123.88e1d","order":1,"disp":true,"width" :"6","collapse":false},{"id":"a958b123.88e1d","type":"ui_tab","z":"","name":"Home","icon": "dashboard"}]Veel plezier met het project
Ik hoop dat alles werkte zoals beschreven. Zo niet, of als je vragen of suggesties hebt, laat het me weten in de commentaren. Ik zal dit dan zo nodig aan het artikel toevoegen.
Ideeën voor nieuwe projecten zijn altijd welkom. 🙂
PS Veel van deze projecten - vooral de hardwareprojecten - kosten veel tijd en geld. Natuurlijk doe ik dit omdat ik het leuk vind, maar als je het cool vindt dat ik de informatie met je deel, dan zou ik blij zijn met een kleine donatie aan het koffiefonds. 🙂
Nederlands 
Deutsch 
English 
Français 
Español
Hallo Fab,
wanneer ik je stroom in Node-Red wil importeren, krijg ik een foutmelding:
SyntaxError: onverwacht token i in JSON op positie 842
bij <img id="img" src="\"
Kun je me een hint geven wat er precies mis is? Het probleem zit hem in het script van het dashboard
kijkers
Groetjes Hausen
Hallo Hausen,
Bedankt voor de tip. Dit kwam door de plugin die ik gebruik om de code (min of meer) geformatteerd weer te geven. :/
Ik heb het nu aangepast en hoop dat het voor jou ook werkt.
Ik zou het leuk vinden als je me laat weten of het werkt. 🙂
Hartelijke groeten
Fab
Hallo Fab,
Bedankt voor uw feedbacksignaal. Helaas werkt het nog niet. Er is helemaal geen code in de DashboardViewer
meer, maar er staat alleen "camera" in.
Groetjes Hausen
Hé Hausen,
de code is waarschijnlijk nog steeds verkeerd weergegeven. :/ Ik heb de code nu opnieuw geüpload naar mijn GitHub. Je vindt hem op: https://github.com/Nerdiyde/NodeRedSnippets/blob/master/View%20IP%20Cam%20Images%20in%20Dashboard.txt
Hoop dat dit werkt. 🙂
Hartelijke groeten
Fab
Goedemorgen Fab,
bijna perfect. Helaas ontbreekt de invoer msg.payload nog steeds in het knooppunt "afbeeldingsvoorbeeld". je draagt
deze werkt alles meteen als je de URL van de camera hebt aangepast.
Bedankt voor je inzet en je steun.
Groetjes Hausen
Hé Hausen,
Hey man Het wordt gênant. 😀 Bedankt voor de tip! Zal het corrigeren. Ik ben blij dat het werkt.
Nogmaals bedankt en vriendelijke groeten
Fabian