Note

Bonjour, bienvenue dans la communauté des passionnés de SunFounder Raspberry Pi & Arduino & ESP32 sur Facebook ! Plongez plus profondément dans l’univers de Raspberry Pi, Arduino et ESP32 avec d’autres passionnés.

Pourquoi nous rejoindre ?

  • Support d’experts : Résolvez les problèmes après-vente et les défis techniques avec l’aide de notre communauté et de notre équipe.

  • Apprendre et partager : Échangez des conseils et des tutoriels pour améliorer vos compétences.

  • Aperçus exclusifs : Bénéficiez d’un accès anticipé aux annonces de nouveaux produits et aux avant-premières.

  • Réductions spéciales : Profitez de réductions exclusives sur nos derniers produits.

  • Promotions festives et cadeaux : Participez à des concours et promotions de vacances.

👉 Prêt à explorer et créer avec nous ? Cliquez sur [Ici] et rejoignez-nous dès aujourd’hui !

8.3 Serveur Web de Streaming Vidéo Personnalisé

Le projet de serveur web de streaming vidéo personnalisé vous offre l’opportunité d’apprendre à créer une page web à partir de zéro et à la personnaliser pour diffuser des flux vidéo. De plus, vous pouvez y intégrer des boutons interactifs, tels que ON et OFF, pour contrôler la luminosité de la LED.

En réalisant ce projet, vous acquerrez une expérience pratique en développement web, HTML, CSS et JavaScript. Vous apprendrez à créer une page web responsive capable d’afficher des flux vidéo en temps réel. De plus, vous découvrirez comment intégrer des boutons interactifs pour contrôler l’état de la LED, offrant ainsi une expérience utilisateur dynamique.

Composants requis

Pour ce projet, nous avons besoin des composants suivants.

Il est certainement pratique d’acheter un kit complet, voici le lien :

Nom

ARTICLES DANS CE KIT

LIEN

Kit de démarrage ESP32

320+

ESP32 Starter Kit

Vous pouvez également les acheter séparément à partir des liens ci-dessous.

INTRODUCTION DES COMPOSANTS

LIEN D’ACHAT

ESP32 carte

Acheter

Extension de caméra ESP32

ACHETER

Plaque d’essai

Acheter

Fils de connexion

Acheter

Résistance

Acheter

LED

Acheter

Comment faire ?

  1. Branchez d’abord la caméra.

  2. Montez le circuit.

    ../../_images/iot_3_html_led_bb.png

  3. Ensuite, connectez l’ESP32 carte à l’ordinateur à l’aide du câble USB.

    ../../_images/plugin_esp32.png

  4. Ouvrez le code.

    • Ouvrez le fichier iot_3_html_cam_led.ino situé dans le répertoire esp32-starter-kit-main\c\codes\iot_3_html_cam_led, ou copiez le code dans l’Arduino IDE.

    • Après avoir sélectionné la carte (ESP32 Dev Module) et le port approprié, cliquez sur le bouton Upload.

    • Toujours afficher « Unknown COMxx » ?

  5. Trouvez les lignes suivantes et modifiez-les avec votre SSID et PASSWORD.

    // Remplacez les variables suivantes par votre combinaison SSID/Mot de passe
const char* ssid = "SSID";
const char* password = "PASSWORD";

  6. Maintenant, activez PSRAM.

    ../../_images/sp230516_1505541.png

  7. Réglez le schéma de partition sur Huge APP (3MB No OTA/1MB SPIFFS).

    ../../_images/sp230516_1508401.png

  8. Après avoir sélectionné la carte correcte (ESP32 Dev Module) et le port, cliquez sur le bouton Upload.

  9. Vous verrez un message de connexion WiFi réussie et l’adresse IP attribuée dans le moniteur série.

    WiFi connected
Camera Stream Ready! Go to: http://192.168.18.77

  10. Entrez l’adresse IP dans votre navigateur web. Vous serez dirigé vers la page web affichée ci-dessous, où vous pourrez utiliser les boutons personnalisés ON et OFF pour contrôler la LED.

    ../../_images/sp230510_180503.png

  11. Insérez une batterie dans la carte d’extension et retirez le câble USB. Vous pouvez maintenant placer l’appareil n’importe où dans la portée du Wi-Fi.

    ../../_images/plugin_battery.png