Intégrer un module ESP32-CAM à un Dashboard Node-RED (firmware modifié)

Partager sur facebook
Partager sur twitter
Partager sur linkedin
Partager sur pinterest
Partager sur email
Partager sur telegram

Table des matières

En installant le firmware officiel modifié proposé sur Github, il est très facile d’intégrer une image de surveillance provenant d’un module ESP32-CAM à un dashboard Node-RED.

 

Le Dashboard Node-RED

Avant de vous lancer, vous aurez besoin de Node-RED avec le plugin Dashboard configuré. Tout est expliqué en détail dans les tutoriels suivants

A LIRE AUSSI :
Installer Node-RED sur macOS ou Windows 10, démarrage automatique avec PM2
A LIRE AUSSI :
Node-RED. Créer un dashboard pour objet connecté. Bouton, liste, interrupteur, slider, formulaire (Partie 1)
A LIRE AUSSI :
Node-RED. Dashboard pour objet connecté. Jauges, graphiques, notifications, template HTML (Partie 2)

Installer le firmware modifié sur le module ESP32-CAM

Suivez les étapes détaillées dans ce tutoriel pour installer le firmware officiel modifié.

A LIRE AUSSI :
ESP32-CAM, flash du firmware officiel modifié avec capture d'image

Intégrer un module ESP32-CAM à un dashboard Node-RED

Le plugin Dashboard de Node-RED permet en quelques instants de développer une interface de contrôle pour ses objets connectés sans avoir besoin d’installer un serveur domotique. Si vous ne connaissez pas encore Node-RED, vous pouvez commencer par ici. Vous aurez également besoin d’installer le plugin Dashboard (commencez par lire ce tutoriel).

Une fois que tout est prêt, placez un Node Template sur le flow

node-red template esp32-cam

Faites un double clic pour ouvrir l’éditeur du template et collez le code HTML suivant en modifiant l’adresse IP de la caméra IP.

<div style="margin-bottom: 10px;">
<img src="http://192.168.1.58/stream" width="600px" style="max-width:100%; height:auto;" >
<p>projetsdiy.fr - diyprojects.io</p>
</div>

node-red template dashboard camera esp32-cam

Créez un groupe sur lequel sera placé le Widget de la caméra en cliquant sur le crayon situé à droite de l’option group. Vous pouvez ajuster la largeur du widget avec l’option Width. Enregistrer et sélectionner le groupe avant d’enregistrer le template

node-red dashboard group

Dans la barre latérale droite de Node-RED, cliquer sur l’icône de gestion du Dashboard

node-red open dashboard settings

Puis cliquer sur le bouton d’ouverture de la fenêtre encadré en rouge sur l’image ci-dessous.

open node-red dashboard ip cam esp32-cam

 

Voilà, le flux vidéo de la caméra ESP32-CAM est parfaitement affiché sur le Dashboard. On pourra même y incorporer une interface pour gérer les options (ce sera pour le prochain tutoriel).

node-red esp32-cam widget

Vous pouvez également copier le flow pour gagner du temps. menu -> import -> clipboard

node-red flow past coller clipboard

[{"id":"e7934f4a.30204","type":"tab","label":"ESP32-CAM","disabled":false,"info":""},{"id":"fe904cea.e0fc7","type":"ui_template","z":"e7934f4a.30204","group":"44d922f7.9de63c","name":"","order":0,"width":"0","height":"0","format":"<div style=\"margin-bottom: 10px;\">\n<img src=\"http://192.168.1.58/stream\" width=\"600px\" style=\"max-width:100%; height:auto;\" >\n<p>projetsdiy.fr - diyprojects.io</p>\n</div>","storeOutMessages":true,"fwdInMessages":true,"templateScope":"local","x":244.5,"y":118,"wires":[[]]},{"id":"44d922f7.9de63c","type":"ui_group","z":"","name":"ESP32-CAM - Node-RED","tab":"d71da7b7.5bc958","disp":true,"width":"8","collapse":false},{"id":"d71da7b7.5bc958","type":"ui_tab","z":"","name":"ESP32-CAM","icon":"dashboard","disabled":false,"hidden":false}]

 

Avez-vous aimé cet article ?
[Total: 2 Moyenne: 5]
Partager sur facebook
Partager sur twitter
Partager sur linkedin
Partager sur pinterest
Partager sur email
Partager sur telegram

Vous avez aimé ce projet ? Ne manquez plus aucun projet en vous abonnant à notre lettre d’information hebdomadaire!

quel modèle esp8266 choisir
Quel modèle d'ESP8266EX choisir en 2020 ?
guide choix esp32 development board
Quel ESP32 choisir en 2020 ?

Vous rencontrez un problème avec ce sujet ?

Peut-être que quelqu’un a déjà trouvé la solution, visitez le forum avant de poser votre question

Nous serions ravis de connaître votre avis

Laisser un commentaire

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Calculateurs
×
Calculateur loi d'Ohm
Tension (U) - en Volt
Courant (I) - en Ampère
Résistance (R) - en Ohms
Puissance (P) - en Watts

Ce calculateur permet de calculer les relations entre le courant, la tension, la résistance et la puissance dans les circuits résistifs.

Saisir au moins deux valeurs puis cliquer sur calculer pour calculer les valeurs restantes. Réinitialisez après chaque calcul.

Rappel sur la Loi d'Ohm
La loi d'Ohm explique la relation entre la tension, le courant et la résistance en déclarant que le courant traversant un conducteur entre deux points est directement proportionnel à la différence de potentiel entre les deux points.
La loi d'Ohm s'écrit U = IR, où U est la différence de tension, I est le courant en ampère et R est la résistance en Ohms (symbole Ω).
Loi d'Ohm (U=RI)
×
Déchiffrer le code couleur d'une résistance à 4 bandes
Bande 1 Bande 2 Multiplicateur Tolérance
   

Résistance:  

1 000 Ω ±5%

Comment déchiffrer le code couleur d'une résistance à 4 anneaux
Formule : ab*cΩ ±d%
Les deux premières bandes (a, b) permettent de déterminer le chiffre significatif. La première bande correspond au chiffre de la dizaine, le second anneau le chiffre de l'unité. Par exemple Brun(1), Noir (0) donne le nombre 10.
La troisième bande (c) est un coefficient multiplicateur. Par exemple, l'anneau rouge est un coefficient multiplicateur de 100, ce qui donne 10 X 100 = 1000Ω.
Le quatrième anneau (d) indique la tolérance de la valeur nominale de la résistance. Par exemple l'anneau Or correspond à ±5%. Donc le fabricant de la résistance s'engage à ce que sa valeur soit comprise entre 950 Ω et 1050 Ω.
Déchiffrer code couleur 4 bandes
×
Déchiffrer le code couleur d'une résistance à 5 bandes
Bande 1 Bande 2 Bande 3 Multiplicateur Tolérance

Résistance:  

1 000 Ω ±5%

Comment déchiffrer le code couleur d'une résistance à 5 anneaux
Formule : abc*dΩ ±e%
Les trois premières bandes permettent de déterminer le chiffre significatif. La première bande correspond au chiffre de la dizaine, le second anneau le chiffre de l'unité. Par exemple Brun(1), Noir (0), Noir (0) donne le nombre 100
La quatrième bande est un coefficient multiplicateur. Par exemple, l'anneau brun correspond au coefficient multiplicateur 10, ce qui donne 100 X 10 = 1000Ω.
Le cinquième anneau indique la tolérance de la valeur nominale de la résistance. Par exemple l'anneau Or correspond à ±5%. Donc le fabricant de la résistance s'engage à ce que la valeur de la résistance soit comprise entre 950 Ω et 1050 Ω.
Déchiffrer code couleur 5 bandes
×
Calculateur de résistance série pour une ou plusieurs LED
Tension d'alimentation en Volt
Tension directe en Volt
Courant en mA
Résistance calculée en Ω
Puissance estimée en W

Ce calculateur permet de déterminer la résistance requise pour piloter une ou plusieurs LED connectées en série à partir d'une source de tension à un niveau de courant spécifié.

Remarque. Il est préférable d'alimenter le circuit avec une puissance nominale comprise entre 2 et 10 fois la valeur calculée afin d'éviter la surchauffe
Couleur Longueur d'onde (nm) Tension (V) pour LED ⌀3mm Tension(V) pour LED ⌀5mm
Rouge 625-630  1,9-2,1 2,1-2,2
Bleu 460-470 3,0-3,2 3,2-3,4
Vert 520-525 2,0-2,2 2,0-2,2
Jaune 585-595 2,0-2,2 3,0-3,2
Blanc 460-470 3,0-3,2 1,9-2,1
Résistance en série pour une ou plusieurs LED
×
Calculateur durée de vie d'une batterie
Capacité de la batterie
Consommation de l'appareil ou objet connecté

Ce calculateur estime la durée de vie d'une batterie, en fonction de sa capacité nominale et du courant ou de la puissance qu'une charge en tire.

La durée de vie de la batterie est une estimation idéalisée. La durée de vie réelle peut varier en fonction de l'état de la batterie, de son âge, de la température, du taux de décharge et d'autres facteurs. C'est le mieux que vous pouvez espérer obtenir.

Autonomie de la batterie = capacité de la batterie en mAh / courant de charge en mA

Durée de vie batterie
Publicité
À lire aussi
Composants
Sur le Forum
Domotique et objets connectés à faire soi-même
Domotique et objets connectés à faire soi-même
Vous avez aimé ce tutoriel

Ne manquez plus les prochains projets

Recevez chaque semaine le récapitulatif des tutoriels et projets.

Vous pouvez vous désabonner à tout moment.