Ver Camaras ip en Dashboard

Este flujo permite ver cámaras ip en el dashboard, el ejemplo contiene dos cámaras pero podemos tener cualquier número. Deberá reemplazar en el flujo los datos de la dirección de la cámara, el usuario y la clave.

[{"id":"724cb84.ab76948","type":"ui_template","z":"c86497cf.8eb468","group":"df0fbed4.54999","name":"Display imagen","order":1,"width":"8","height":"5","format":"<style>\nimg {\n    border: 1px solid #ddd;\n    border-radius: 8px;\n    padding: 3px;\n    box-shadow: 0 5px 25px #2EE06E\n}\n</style>\n\n<img alt=\"IpCam\" title={{msg.title}} width=\"100%\" height=\"100%\" src=\"{{msg.payload}}\"/>","storeOutMessages":true,"fwdInMessages":true,"templateScope":"local","x":560,"y":680,"wires":[[]]},{"id":"62d9146c.8bbc9c","type":"inject","z":"c86497cf.8eb468","name":"Camara 2","topic":"","payload":"","payloadType":"date","repeat":"","crontab":"","once":false,"onceDelay":0.1,"x":220,"y":720,"wires":[["ed92dabc.7a25d8"]]},{"id":"d1784b69.39d478","type":"inject","z":"c86497cf.8eb468","name":"Camara 1","topic":"","payload":"","payloadType":"date","repeat":"","crontab":"","once":false,"onceDelay":0.1,"x":220,"y":600,"wires":[["2dde8823.3a30e8"]]},{"id":"ed92dabc.7a25d8","type":"function","z":"c86497cf.8eb468","name":"","func":"// Deberá reemplazar dirección su cámara ip, su usuario y su clave.\nmsg.payload = 'http://ip_camara/videostream.cgi?user=usuario&pwd=clave';\nmsg.title = 'Camara2' ;\nreturn msg;","outputs":1,"noerr":0,"x":370,"y":740,"wires":[["724cb84.ab76948"]]},{"id":"2dde8823.3a30e8","type":"function","z":"c86497cf.8eb468","name":"","func":"// Deberá reemplazar dirección su cámara ip, su usuario y su clave.\nmsg.payload='http://ip_camara/videostream.cgi?user=usuario&pwd=clave';\nmsg.title = 'Camara1' ;\nreturn msg;","outputs":1,"noerr":0,"x":370,"y":620,"wires":[["724cb84.ab76948"]]},{"id":"864fd48c.817c98","type":"ui_button","z":"c86497cf.8eb468","name":"","group":"df0fbed4.54999","order":3,"width":"4","height":"1","passthru":true,"label":"Camara 1","tooltip":"","color":"","bgcolor":"","icon":"","payload":"","payloadType":"str","topic":"","x":220,"y":640,"wires":[["2dde8823.3a30e8"]]},{"id":"6cdf038f.2f368c","type":"ui_button","z":"c86497cf.8eb468","name":"","group":"df0fbed4.54999","order":3,"width":"4","height":"1","passthru":false,"label":"Camara 2","tooltip":"","color":"","bgcolor":"","icon":"","payload":"","payloadType":"str","topic":"","x":220,"y":760,"wires":[["ed92dabc.7a25d8"]]},{"id":"df0fbed4.54999","type":"ui_group","z":"","name":"Video","tab":"227a2f15.8bee9","disp":true,"width":"8","collapse":false},{"id":"227a2f15.8bee9","type":"ui_tab","z":"","name":"Camaras ip","icon":"dashboard","order":18,"disabled":false,"hidden":false}]

Flow Info

Created 4 years, 10 months ago
Rating: 1 1

Owner

Actions

Rate:

Node Types

Core
  • function (x2)
  • inject (x2)
Other
  • ui_button (x2)
  • ui_group (x1)
  • ui_tab (x1)
  • ui_template (x1)

Tags

  • Cámaras_ip
Copy this flow JSON to your clipboard and then import into Node-RED using the Import From > Clipboard (Ctrl-I) menu option