Diffusion d’un flux vidéo en direct sur le Web avec ESP32-CAM

Plan du tutoriel

1- Définition de diffusion d'un flux vidéo en direct sur le Web

2- Comment diffuser un flux vidéo en direct sur le Web avec ESP32-CAM ?

3- Les composants nécessaires

4- Le schéma de câblage

5- Programmation de la carte ESP32-CAM

Définition de diffusion d'un flux vidéo en direct sur le Web

La diffusion d'un flux vidéo en direct sur le Web (ou live streaming) désigne le processus de transmission en temps réel d’un contenu vidéo via Internet. Cela implique qu’une vidéo est capturée à l’aide d’une caméra ou d’un autre dispositif, encodée en un format numérique adapté, puis envoyée à un serveur ou une plateforme en ligne pour être visionnée instantanément par des spectateurs.

Les étapes principales :

1. Capture : Le flux vidéo est capturé par une caméra, un smartphone ou tout autre appareil d’enregistrement.

2. Encodage : La vidéo brute est convertie en un format numérique compatible avec le streaming, généralement via un logiciel ou un encodeur matériel.

3. Transmission : La vidéo encodée est envoyée à un serveur ou une plateforme de streaming via une connexion Internet.

4. Distribution : Le serveur distribue le flux en temps réel aux spectateurs via une application ou un site Web (comme YouTube, Twitch ou Zoom).

5. Lecture : Les spectateurs regardent la vidéo sur leurs appareils via des lecteurs multimédias compatibles (navigateurs Web, applications mobiles, etc.).

Exemples d’utilisations :

Diffusion de conférences ou événements en direct.

Jeux vidéo en streaming (e-sport).

Cours en ligne ou webinaires.

Couverture en direct d’actualités ou d’événements sportifs.

Comment diffuser un flux vidéo en direct sur le Web avec ESP32-CAM ?

Diffuser un flux vidéo en direct sur le Web avec un ESP32-CAM est une application courante et fascinante de ce module. L'ESP32-CAM est une carte microcontrôleur avec une caméra intégrée qui peut capturer et diffuser un flux vidéo via une connexion Wi-Fi. Voici les étapes générales pour y parvenir :

1- Charger le code de streaming vidéo

2- Une fois le téléversement terminé, déconnectez le GPIO0 du GND et redémarrez la carte.

3- Une fois la carte redémarrée, ouvrez le Moniteur série dans l'IDE Arduino. Vous y verrez l'adresse IP attribuée à l'ESP32-CAM.

4- Copiez cette adresse IP et collez-la dans un navigateur Web. Vous accéderez à l'interface de streaming vidéo.

5- Cliquez sur Start Stream pour commencer à diffuser.

Les composants nécessaires

ESP32-CAM

L'ESP32-CAM est un module compact basé sur le microcontrôleur ESP32 et équipé d'une caméra, utilisé pour des projets IoT (Internet des objets), de vision par ordinateur, de surveillance vidéo, et bien plus.

Adaptateur FTDI

C'est un convertisseur USB vers UART pour la programmation

Câbles de Connexion (Jumper Wires)

Pour relier les broches de la carte ESP32-CAM à l'adaptateur FTDI

Le schéma de câblage

On connecte :

1- la broche UOT de la carte ESP32-CAM à la broche RXD du convertisseur CP2102.

2- la broche UOR de la carte ESP32-CAM à la broche TXD du convertisseur CP2102.

3- la broche 5V de la carte ESP32-CAM à la broche 5V du convertisseur CP2102.

4- la broche GND de la carte ESP32-CAM à la broche GND du convertisseur CP2102.

5- la broche IO0 de la carte ESP32-CAM à la broche GND de la carte ESP32-CAM.

Programmation de la carte ESP32-CAM

1- Installation du module ESP32 dans IDE Arduino

Pour installer le module ESP32 dans l’IDE Arduino, vous pouvez suivre les étapes suivantes :

1- Ouvrez l’IDE Arduino.

2- Cliquez sur “File” dans la barre de menus, puis sélectionnez “Preferences”.

3- Dans la zone “URL de gestionnaire de cartes supplémentaires”, ajoutez l’URL suivante : https://dl.espressif.com/dl/package_esp32_index.json

4- Cliquez sur “OK” pour fermer la fenêtre des préférences.

5- Cliquez sur “Tools” dans la barre de menus, puis sélectionnez “Board” > “Boards Manager”.

6- Dans la zone de recherche, tapez “ESP32” et appuyez sur Entrée.

7- Cliquez sur “Installer” à côté du “ESP32” de “Espressif Systems”.

8- Attendez que l’installation soit terminée.

9- Une fois l’installation terminée, sélectionnez “AI THINKER ESP32-CAM” dans le menu “Outils” > “Carte” pour configurer votre IDE Arduino pour travailler avec l’ESP32.

10- Sélectionnez le port COM correspondant à votre ESP32-CAM dans le menu “Tools” > “Port”.

2- Importation du projet “camerawebserver “

Le projet “camerawebserver” pour l’ESP32 est un exemple de code fourni avec la bibliothèque ESP32 pour l’IDE Arduino. Ce projet permet de créer un serveur web qui diffuse la vidéo capturée par la caméra OV2640 intégrée à l’ESP32-CAM.

Pour utiliser ce projet, vous devez suivre les étapes suivantes :

1- Ouvrez le projet “camerawebserver” dans le menu “Fichier” > “Exemples” > “ESP32” > “Camera”

2- Modifiez les informations de votre réseau Wi-Fi en remplaçant les variables “ssid” et “password” dans le code.

3- sélectionnez le modèle de caméra correspondant au module AI THINKER ESP32-CAM. Cette sélection se fait simplement en supprimant les « // » de commentaires devant la ligne « #define CAMERA MODEL AI THINKER » et en commentant la ligne choisie par défaut :

4- Téléversez le code sur l’ESP32-CAM en cliquant sur le bouton “Téléverser”.

5- Lors du téléversement du programme, Appuyer sur le bouton RESET de la carte ESP32-CAM quand l’IDE essaie de se connecter à l’ESP32, pendant cette phase:

6- Attendez que le téléversement soit terminé

7- Déconnecter la broche IO0 de la carte ESP32-CAM à la broche GND de la carte ESP32-CAM

8- Ouvrir le moniteur série

9- Appuyer sur le bouton RESET de la carte ESP32-CAM

10- On observe le moniteur série pour voir l’adresse IP de l’ESP32-CAM

11- Ouvrez un navigateur web sur votre ordinateur et entrez l’adresse IP de l’ESP32-CAM dans la barre d’adresse.

12- La page web affichée par l’ESP32-CAM devrait contenir un flux vidéo en direct provenant de la caméra OV2640.

En utilisant ce projet, vous pouvez facilement créer un serveur web pour diffuser des vidéos en direct à partir de l’ESP32-CAM.