Bemerkung

Hallo, willkommen in der SunFounder Raspberry Pi & Arduino & ESP32 Enthusiasten-Gemeinschaft auf Facebook! Vertiefen Sie sich mit anderen Enthusiasten in die Welt von Raspberry Pi, Arduino und ESP32.

Warum beitreten?

  • Expertenunterstützung: Lösen Sie Nachverkaufsprobleme und technische Herausforderungen mit Hilfe unserer Gemeinschaft und unseres Teams.

  • Lernen & Teilen: Tauschen Sie Tipps und Tutorials aus, um Ihre Fähigkeiten zu verbessern.

  • Exklusive Vorschauen: Erhalten Sie frühzeitigen Zugang zu neuen Produktankündigungen und exklusiven Einblicken.

  • Sonderangebote: Genießen Sie exklusive Rabatte auf unsere neuesten Produkte.

  • Festliche Aktionen und Gewinnspiele: Nehmen Sie an Gewinnspielen und Feiertagsaktionen teil.

👉 Bereit, mit uns zu erkunden und zu kreieren? Klicken Sie auf [here] und treten Sie heute bei!

2.14 Benutzerdefinierter Video-Streaming-Webserver

Das Projekt des benutzerdefinierten Video-Streaming-Webservers bietet die Möglichkeit, zu lernen, wie man eine Webseite von Grund auf erstellt und sie anpasst, um Videostreams abzuspielen. Darüber hinaus können Sie interaktive Schaltflächen wie EIN und AUS einbinden, um die Helligkeit der LED zu steuern.

Durch den Aufbau dieses Projekts erhalten Sie praktische Erfahrungen in Webentwicklung, HTML, CSS und JavaScript. Sie lernen, wie Sie eine responsive Webseite erstellen, die Videostreams in Echtzeit anzeigen kann. Außerdem entdecken Sie, wie Sie interaktive Schaltflächen integrieren, um den Zustand der LED zu steuern, und so ein dynamisches Benutzererlebnis bieten.

Benötigte Komponenten

In diesem Projekt benötigen wir die folgenden Komponenten.

KOMPONENTEN-BESCHREIBUNG

KAUFLINK

ESP32 WROOM 32E

BUY

ESP32 Kamera-Erweiterung

-

Steckbrett

BUY

Mehrere Verbindungskabel

BUY

Widerstand

BUY

LED

BUY

Wie geht das?

  1. Zuerst die Kamera einstecken.

  2. Den Schaltkreis aufbauen.

    ../_images/iot_3_html_led_bb.png

  3. Dann den ESP32-WROOM-32E mit dem USB-Kabel an den Computer anschließen.

    ../_images/plugin_esp321.png

  4. Laden Sie diesen Code herunter oder kopieren Sie ihn direkt in die Arduino IDE.

  5. Finden Sie die folgenden Zeilen und ändern Sie sie mit Ihrem <SSID> und <PASSWORD>.

    // Ersetzen Sie die nächsten Variablen mit Ihrer SSID/Passwort-Kombination
const char* ssid = "<SSID>";
const char* password = "<PASSWORD>";

  6. Wählen Sie das richtige Board (ESP32 Dev Module) und den richtigen Port aus und klicken Sie auf die Schaltfläche Upload.

  7. Im Seriellen Monitor sehen Sie eine erfolgreiche WLAN-Verbindungsnachricht und die zugewiesene IP-Adresse.

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

  8. Geben Sie die IP-Adresse in Ihren Webbrowser ein. Sie werden auf die unten gezeigte Webseite weitergeleitet, auf der Sie die benutzerdefinierten EIN- und AUS-Schaltflächen verwenden können, um die LED zu steuern.

    ../_images/sp230510_180503.png

  9. Setzen Sie eine Batterie in das Erweiterungsboard ein und entfernen Sie das USB-Kabel. Nun können Sie das Gerät überall innerhalb der Reichweite des Wi-Fi platzieren.

    ../_images/plugin_battery1.png