Selasa, 21 Februari 2023

cctv esp32 cam di node red

 [{"id":"3d6ed5aa.b214da","type":"inject","z":"4d0c7f10.6f9d9","name":"","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"10","crontab":"","once":true,"onceDelay":"3","topic":"","payload":"checkWeb","payloadType":"str","x":170,"y":320,"wires":[["be4702f3.7a2f2"]]},{"id":"be4702f3.7a2f2","type":"ui_template","z":"4d0c7f10.6f9d9","group":"a233dbf9.b86928","name":"esp32 cam","order":1,"width":"8","height":7,"format":"<!DOCTYPE html>\n<html>\n<style>\nimg {\n    border: 1px solid #ddd;\n    border-radius: 8px;\n    padding: 2px;\n    width: 400px;\n}\n</style>\n\n<script type=\"text/javascript\">\nscope.$watch('msg', function(msg) {\n    inMessage(msg.payload);\n});\n\nfunction updatePic() {\n    document.getElementById('c51').src = \"http://192.168.43.247/mjpeg/1\";\n       //alert('updated pics');\n}\n\nfunction inMessage(event) {\n    if (event.match('checkWeb')) {\n        updatePic();\n    }\n}\n\n</script>\n<center>\n<table>\n    <tr><!-- Row 1 -->\n    \t\t<td style=\"text-align: center\"><img src=\"\" id=\"c51\" /></td>\n   </tr>\n    <tr><!-- Row 2 -->\n   </tr>\n</table>\n</center>\n</html>","storeOutMessages":false,"fwdInMessages":false,"resendOnRefresh":false,"templateScope":"local","x":370,"y":320,"wires":[[]]},{"id":"a233dbf9.b86928","type":"ui_group","name":"CCTV","tab":"ff8ba7c3.434fb8","order":2,"disp":true,"width":"10","collapse":false},{"id":"ff8ba7c3.434fb8","type":"ui_tab","name":"BLYNK","icon":"dashboard","order":22,"disabled":false,"hidden":false}]

Tidak ada komentar:

Posting Komentar

Cara membuat datalogger blynk di spreadsheet / googlesheet menggunakan akun versi Free

  silahkan video di atas. semoga bermanfaat. jika masih kurang jelas bisa kontak saya