Si ha instalado una cámara IP en su red, o en cualquier otro lugar, también puede visualizar la imagen de la cámara en el panel de control de NodeRed.
En el siguiente artículo se explica cómo hacerlo.
Instrucciones de seguridad
Sé que las siguientes notas siempre son un poco molestas y parecen innecesarias. Desafortunadamente, muchas personas que sabían "mejor" han perdido ojos, dedos u otras cosas debido a un descuido o se lesionaron. La pérdida de datos es casi insignificante en comparación, pero incluso estos pueden ser realmente molestos. Por lo tanto, tómese cinco minutos para leer las instrucciones de seguridad. Porque incluso el proyecto más genial no vale la pena lesionarse u otros problemas.
https://www.nerdiy.de/sicherheitshinweise/
Enlaces afiliados / enlaces publicitarios
Los enlaces a las tiendas en línea enumerados aquí son los llamados enlaces de afiliados. Si hace clic en dicho enlace de afiliado y realiza una compra a través de este enlace, Nerdiy.de recibirá una comisión de la tienda en línea o el proveedor correspondiente. El precio no cambia para usted. Si realiza sus compras a través de estos enlaces, ayuda a Nerdiy.de a poder ofrecer otros proyectos útiles en el futuro. 🙂
Requisitos
Artículos útiles:
Para que pueda aceptar esta configuración, por supuesto, NodeRed ya debería estar instalado.
En los siguientes artículos se describe cómo preparar una RaspberryPi y luego instalar NodeRed en ella.
Los siguientes artículos describen lo que se debe hacer para preparar la RaspberryPi:
RaspberryPi: ¡configuración para nerdiys!
RaspberryPi – ¡La primera configuración!
RaspberryPi: controle el RaspberryPi a través de SSH
NodeRed: instalación de NodeRed en RaspberryPi
NodeRed – Instalar nuevos nodos
NodeRed: cree una interfaz de usuario con nodos de tablero
Herramienta requerida:
-No-
Material requerido:
En la siguiente lista encontrará todas las piezas que necesita para implementar este artículo.
Inicie sesión en la interfaz de configuración de NodeRed
Antes de que pueda editar su configuración de NodeRed, debe, si está activado, primero iniciar sesión en la interfaz de configuración de NodeRed.
nodo-rojo-nodo-base64 -Instalar nodos
Instalar nodo-rojo-contrib-imagen-salida -Nodo
Encuentre la URL de la cámara correcta
Para que este NodeCode funcione, es importante que configure la URL para la imagen de la cámara de su cámara IP. Desafortunadamente, esta URL no es uniforme, sino que difiere de un fabricante a otro y, lamentablemente, a menudo también de un modelo a otro. Sin embargo, la lista debajo del siguiente enlace hace que sea mucho más fácil encontrar la URL correcta.
https://www.ispyconnect.com/sources.aspx
Importar código de nodo
En principio, esta configuración de nodo no es más que un servicio automático de recogida de imágenes fijas. Después del intervalo especificado en el nodo de inyección "regularRequest", las imágenes de la cámara IP se recogen en la URL especificada y se muestran en el panel.
Para que esta configuración funcione para usted, es importante que ingrese la URL de la imagen de su cámara en "URL" en el nodo de solicitud http.
En caso de que el código a continuación no se pueda copiar con el formato correcto: también cargué el código en el nerdiy git: https://github.com/Nerdiyde/NodeRedSnippets/blob/master/View%20IP%20Cam%20Images%20in%20Dashboard.txt
{"id": "50183f7f.5ae77","type":"http request","z":"2bfb0626.bbf15a","name":"imageRequest","method":"GET","ret":"bin","url":"http://YOUR_CAM_IP/image.jpg","tls":"","x":1320,"y":4600,"wires":[["79c3426c.7df78c","bf8a81cf.8f74","945489e7.cfc1d8"]]},{"id":"835ede3.e20822","type":"inject","z":"2bfb0626.bbf15a","name":"regularRequest","topic":"","payload":"","payloadType":"date","repeat":"10","crontab":"","once":false,"onceDelay":0.1,"x":1120,"y":4600,"wires":[["50183f7f.5ae77"]]},{"id":"bf8a81cf.8f74","type":"debug","z":"2bfb0626.bbf15a","name":"debug","active":false,"tosidebar":true,"console":false,"tostatus":false,"complete":"true","x":1510,"y":4680,"wires":[]},{"id":"d86c30df.cda1d","type":"ui_template","z":"2bfb0626.bbf15a","group":"4615860e.37a298","name":"DashboardViewer","order":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,"cables":[["d86c30df.cda1d"]]},{"id":"79c3426c.7df78c","tipo":"imagen","z ":"2bfb0626.bbf15a","nombre":"","ancho":200,"x":1530,"y":4640,"cables":[]},{"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": "panel"}]Diviértete con el proyecto.
Espero que todo te haya funcionado como se describe. Si no es así, o si tiene alguna pregunta o sugerencia, hágamelo saber en los comentarios. Si es necesario, lo añadiré al artículo.
Las ideas para nuevos proyectos siempre son bienvenidas. 🙂
PS Muchos de estos proyectos, especialmente los proyectos de hardware, cuestan mucho tiempo y dinero. Por supuesto que hago esto porque lo disfruto, pero si crees que es genial que comparta la información contigo, me encantaría hacer una pequeña donación al fondo del café. 🙂
Español 
Deutsch 
English 
Français 
Nederlands
Hola Fab,
cuando quiero importar su flujo a Node-Red, aparece un error:
SyntaxError: Token i inesperado en JSON en la posición 842
en <img id="img" src="\"
¿Me puede dar una pista de lo que está mal exactamente? El problema radica en el script del tablero
espectadores
Saludos Hausen
Hola Hausen,
Gracias por la pista. Esto se debió al complemento que uso para mostrar el código (más o menos) formateado. :/
Lo corregí ahora y espero que funcione para usted también.
Sería feliz si me avisas si funciona. 🙂
Atentamente
Fab
Hola Fab,
Gracias por su señal de comentarios. Desafortunadamente aún no funciona. No hay ningún código en el DashboardViewer
es más, solo dice “Cámara”.
Saludos Hausen
Hola Hausen,
el código probablemente todavía esté tergiversado. :/ Ahora he vuelto a subir el código a mi GitHub. Puedes encontrarlo en: https://github.com/Nerdiyde/NodeRedSnippets/blob/master/View%20IP%20Cam%20Images%20in%20Dashboard.txt
Espero que esto funcione. 🙂
Atentamente
Fab
Buenos dias Fab,
casi perfecto. Desafortunadamente, todavía falta la entrada msg.payload en el nodo "vista previa de imagen". lo usas
este, todo funciona de inmediato si ha ajustado la URL de la cámara.
Gracias por su esfuerzo y su apoyo.
Saludos Hausen
Hola Hausen,
Hey hombre Se está volviendo vergonzoso. 😀 ¡Gracias por el consejo! Lo corregiré. Me alegro de que funcione.
Gracias de nuevo y un saludo
Fabian