{"id":1462,"date":"2019-04-21T22:36:21","date_gmt":"2019-04-21T20:36:21","guid":{"rendered":"http:\/\/domotics.fr\/?p=1462"},"modified":"2023-11-19T11:55:01","modified_gmt":"2023-11-19T10:55:01","slug":"serveur-web-de-streaming-video-pour-esp32-cam","status":"publish","type":"post","link":"https:\/\/domotics.fr\/index.php\/2019\/04\/21\/serveur-web-de-streaming-video-pour-esp32-cam\/","title":{"rendered":"Serveur Web de streaming vid\u00e9o pour ESP32-CAM"},"content":{"rendered":"\n<p>Cet article est fortement inspir\u00e9 du tr\u00e8s bon site <a rel=\"noreferrer noopener\" aria-label=\"randomnerdtutorials.com (s\u2019ouvre dans un nouvel onglet)\" href=\"https:\/\/randomnerdtutorials.com\/esp32-cam-video-streaming-face-recognition-arduino-ide\/\" target=\"_blank\">randomnerdtutorials.com <\/a>Dans cet article on va revenir sur le module \u00e0 10\u20ac qui inonde nos SHOP pr\u00e9f\u00e9r\u00e9s: l&rsquo;ESP-32-CAM .<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Pr\u00e9sentation de l&rsquo;ESP32-CAM<\/h2>\n\n\n\n<p>L&rsquo;&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/makeradvisor.com\/tools\/esp32-cam\/\" target=\"_blank\">ESP32-CAM<\/a> est un tr\u00e8s petit module de cam\u00e9ra avec la puce ESP32-S qui co\u00fbte moins de 10 $. Vous pouvez lire le <a rel=\"noreferrer noopener\" aria-label=\" (s\u2019ouvre dans un nouvel onglet)\" href=\"https:\/\/randomnerdtutorials.com\/esp32-cam-video-streaming-face-recognition-arduino-ide\/\" target=\"_blank\">guide de d\u00e9marrage pour l&rsquo;ESP32-CAM<\/a>&nbsp;et apprendre \u00e0 utiliser l&rsquo;exemple de&nbsp;<a href=\"https:\/\/randomnerdtutorials.com\/esp32-cam-video-streaming-face-recognition-arduino-ide\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (s\u2019ouvre dans un nouvel onglet)\">diffusion vid\u00e9o en continu et de reconnaissance de visage<\/a>&nbsp;.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Serveur de streaming vid\u00e9o<\/h2>\n\n\n\n<p> En attendant de tester <a href=\"https:\/\/github.com\/espressif\/esp-who\/blob\/master\/docs\/en\/get-started\/ESP-EYE_Getting_Started_Guide.md\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"ESP32-EYE (s\u2019ouvre dans un nouvel onglet)\">ESP32-EYE<\/a> espressif nous allons construire une cam\u00e9ra de surveillance IP avec la carte ESP32-CAM. La cam\u00e9ra ESP32 va h\u00e9berger un serveur Web de diffusion vid\u00e9o en continu auquel vous pouvez acc\u00e9der avec n\u2019importe quel appareil de votre r\u00e9seau.<\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<p class=\"responsive-video-wrap clr\"><iframe loading=\"lazy\" title=\"ESP32-CAM Surveillance Camera (Home Assistant Compatible)\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/36p9To2hfak?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe><\/p>\n<\/div><\/figure>\n\n\n\n<p class=\"has-text-color has-background has-very-light-gray-color has-vivid-cyan-blue-background-color\"><strong>Vous pouvez int\u00e9grer ce serveur Web de diffusion vid\u00e9o en continu \u00e0 des plateformes de domotique populaires telles que Home Assistant ou JEEDOM<\/strong><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Driver ESP32 pour ARDUINO<\/h2>\n\n\n\n<p>Ouvrez l&rsquo;environnement Arduino, allez dans l\u2019\u00e9dition des pr\u00e9f\u00e9rences (fichier) et dans \u00ab&nbsp;<em>URL de gestionnaire de cartes suppl\u00e9mentaires<\/em>&nbsp;\u00bb ajoutez :<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">https:\/\/dl.espressif.com\/dl\/package_esp32_index.json<\/pre>\n\n\n\n<p>Ensuite dans le menu <em>[Outils<\/em>]&nbsp;, [<em>Type de carte<\/em>] et [<em>Gestionnaire de carte<\/em>] pour trouver \u00ab&nbsp;<em>esp32 by Espressif Systems<\/em>&nbsp;\u00bb et il ne vous reste plus qu&rsquo;a l&rsquo;installer.&nbsp;<\/p>\n\n\n\n<p><em>Update this to the 1.0.1 version. Face detection is broken in 1.0.2.<\/em><br>Attention, je confirme \u00e9galement que la d\u00e9tection du visage ne fonctionne pas avec la version 1.0.2<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/domotics.fr\/wp-content\/uploads\/2019\/05\/IMG_20190509_180930-1024x687.jpg\" alt=\"\" class=\"wp-image-1543\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Connections<\/h3>\n\n\n\n<p>L\u2019ESP32-CAM n\u2019est pas livr\u00e9 avec un connecteur USB, vous devez donc utiliser un convertisseur s\u00e9rie CP2102 ou \u00e9quivalent USB vers TTL pour le connecter \u00e0 votre PC. Lors de l&rsquo;utilisation du WiFi, l&rsquo;ESP32 peut utiliser plus de courant que ce qui est fourni via USB via ce p\u00e9riph\u00e9rique, ce qui provoquerai le blocage et la r\u00e9initialisation du module. <\/p>\n\n\n\n<p class=\"has-text-color has-background has-very-light-gray-color has-vivid-red-background-color\">Attention l&rsquo;adaptateur USB FTDI FT232RL ne fonctionne pas avec l&rsquo;ESP32 !!!!!!! <br>Pour injecter le code il faut un jumper entre IOO et GND<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/domotics.fr\/wp-content\/uploads\/2019\/05\/ESP32-CAM-to-USB-Wiring.gif\" alt=\"\" class=\"wp-image-1546\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Code \u00e0 injecter en ARDUINO<\/h2>\n\n\n\n<p>Je vais pas revenir plus la dessus sur cette partie, je pars du principe que vous ma\u00eetrisez au moins \u00e7a ;).<\/p>\n\n\n\n<p>Il se peut que pour flasher votreESP32 il vous faille un cable FTDI.<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Go to&nbsp;<strong>Tools&nbsp;<\/strong>&gt;&nbsp;<strong>Board&nbsp;<\/strong>and select&nbsp;<strong>ESP32 Wrover Module<\/strong><\/li><li>Go to&nbsp;<strong>Tools&nbsp;<\/strong>&gt;&nbsp;<strong>Port&nbsp;<\/strong>and select the COM port the ESP32 is connected to<\/li><li>In&nbsp;<strong>Tools&nbsp;<\/strong>&gt;&nbsp;<strong>Partition Scheme<\/strong>, select \u201c<strong>Huge APP (3MB No OTA)<\/strong>\u201c<\/li><li>Then, click the upload button to upload the code.<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/i2.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2019\/03\/upload-code-esp32-cam.png?w=369&amp;ssl=1\" alt=\"\"\/><\/figure>\n\n\n\n<p>Le code a copier \/ coller se trouve dans:<br>&#8211; exemples \/ ESP32 \/ CAMERA \/ CameraWebServer :<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/domotics.fr\/wp-content\/uploads\/2019\/05\/web-server-ESP32-CAM.png\" alt=\"\" class=\"wp-image-1544\"\/><\/figure>\n\n\n\n<p> Avant de t\u00e9l\u00e9charger le code, vous devez ins\u00e9rer vos informations d&rsquo;identification r\u00e9seau dans les variables suivantes: <\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p> <code>const char* ssid = \"REPLACE_WITH_YOUR_SSID\"; const char* password = \"REPLACE_WITH_YOUR_PASSWORD\";<\/code> <\/p><\/blockquote>\n\n\n\n<p>Ensuite, assurez-vous de s\u00e9lectionner le bon module de cam\u00e9ra.\u00a0Dans mon cas, j&rsquo;utilise le mod\u00e8le AI-THINKER. Bon, \u00e9tant donn\u00e9 que mon ESP32-CAM est un clone, j&rsquo;y suis all\u00e9 a taton, il y avait 4 choix possible.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p> <code>#define CAMERA_MODEL_AI_THINKER<\/code> <\/p><\/blockquote>\n\n\n\n<p> Maintenant, vous pouvez t\u00e9l\u00e9charger le code sur votre carte ESP32-CAM. <\/p>\n\n\n\n<p>Afin de connaitre l&rsquo;ip, v\u00e9rifier que la camera fonctionne, enlever le jumper entre GND et IOO puis red\u00e9marrez. Allez dans outils moniteur serie et en principe vous devriez voir l&rsquo;IP.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/domotics.fr\/wp-content\/uploads\/2019\/05\/esp32-error-cam.png\" alt=\"\" class=\"wp-image-1545\"\/><figcaption>Message d&rsquo;erreur en cas de mauvais module camera s\u00e9lectionn\u00e9.<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Acc\u00e9der au serveur de streaming vid\u00e9o<\/h2>\n\n\n\n<p> Maintenant, vous pouvez acc\u00e9der \u00e0 votre serveur de diffusion vid\u00e9o sur votre r\u00e9seau local. Ouvrez un navigateur et tapez l&rsquo;adresse IP de l&rsquo;ESP32-CAM. Une page avec le streaming vid\u00e9o en cours devrait charger. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2019\/03\/esp32-cam-video-streaming-web-server.jpg?w=750&amp;ssl=1\" alt=\"\"\/><\/figure>\n\n\n\n<p>Bon alors qu&rsquo;a noter, il semble tr\u00e8s facile d&rsquo;int\u00e9grer tout \u00e7a dans HOME ASSISTANT ou  JEEDOM, mais pour le moment je finis d&rsquo;imprimer les pi\u00e8ces, <a rel=\"noreferrer noopener\" aria-label=\"Thingiverse (s\u2019ouvre dans un nouvel onglet)\" href=\"https:\/\/www.thingiverse.com\/thing:3463679\" target=\"_blank\">Thingiverse<\/a> regorge de mod\u00e8les.<\/p>\n\n\n\n<p>Sources:  <br><a href=\"https:\/\/robotzero.one\/esp32-cam-arduino-ide\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"https:\/\/robotzero.one\/esp32-cam-arduino-ide\/  (s\u2019ouvre dans un nouvel onglet)\">https:\/\/robotzero.one\/esp32-cam-arduino-ide\/ <\/a><\/p>\n\n\n\n<figure class=\"wp-block-embed-wordpress wp-block-embed is-type-wp-embed is-provider-random-nerd-tutorials\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"oceanwp-oembed-wrap clr\"><blockquote class=\"wp-embedded-content\" data-secret=\"W3S5cv637a\"><a href=\"https:\/\/randomnerdtutorials.com\/esp32-cam-video-streaming-face-recognition-arduino-ide\/\">ESP32-CAM Video Streaming and Face Recognition with Arduino IDE<\/a><\/blockquote><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"&#8220;ESP32-CAM Video Streaming and Face Recognition with Arduino IDE&#8221; &#8212; Random Nerd Tutorials\" src=\"https:\/\/randomnerdtutorials.com\/esp32-cam-video-streaming-face-recognition-arduino-ide\/embed\/#?secret=UgOEKnzT5I#?secret=W3S5cv637a\" data-secret=\"W3S5cv637a\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe><\/div>\n<\/div><\/figure>\n\n\n\n<p>esss<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Cet article est fortement inspir\u00e9 du tr\u00e8s bon site randomnerdtutorials.com Dans cet article on va revenir sur le module \u00e0 10\u20ac qui inonde nos SHOP pr\u00e9f\u00e9r\u00e9s: l&rsquo;ESP-32-CAM . Pr\u00e9sentation de l&rsquo;ESP32-CAM L&rsquo;&nbsp;ESP32-CAM est un tr\u00e8s petit module de cam\u00e9ra avec la puce ESP32-S qui co\u00fbte moins de 10 $. Vous pouvez lire le guide de [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[86,87,88,173,175],"class_list":["post-1462","post","type-post","status-publish","format-standard","hentry","category-esp32","tag-esp32","tag-esp32-cam","tag-esp32-eye","tag-server-video","tag-serveur-video","entry"],"_links":{"self":[{"href":"https:\/\/domotics.fr\/index.php\/wp-json\/wp\/v2\/posts\/1462","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/domotics.fr\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/domotics.fr\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/domotics.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/domotics.fr\/index.php\/wp-json\/wp\/v2\/comments?post=1462"}],"version-history":[{"count":1,"href":"https:\/\/domotics.fr\/index.php\/wp-json\/wp\/v2\/posts\/1462\/revisions"}],"predecessor-version":[{"id":2425,"href":"https:\/\/domotics.fr\/index.php\/wp-json\/wp\/v2\/posts\/1462\/revisions\/2425"}],"wp:attachment":[{"href":"https:\/\/domotics.fr\/index.php\/wp-json\/wp\/v2\/media?parent=1462"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/domotics.fr\/index.php\/wp-json\/wp\/v2\/categories?post=1462"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/domotics.fr\/index.php\/wp-json\/wp\/v2\/tags?post=1462"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}