Nach dem ersten erfolgreichen Testlauf mit einfacher Motoransteuerung fährt das Roboter Auto jetzt bereits geradeaus. Das nächste Ziel war, das Auto gezielt lenken zu können – also war eine erweiterte Steuerung erforderlich. Dazu gehört ein ESP32-CAM Webinterface mit Video-Stream, über das sich die Drehrichtung und Geschwindigkeit der Motoren individuell anpassen lassen. In diesem Beitrag zeige ich dir, wie ich das Webinterface umgesetzt habe und welche Funktionen wie z. B. die Rotation des Kamerabildes möglich sind.

Das Interface ist vollständig im Arduino-Code integriert – du musst keine neuen Bibliotheken installieren, wenn du bereits mit den vorherigen Artikeln gearbeitet hast.

ESP32-CAM Web-interface

ESP32-CAM Web-interface

Einführung in die Programmanpassungen

Die Basis bildet das Beispielprogramm CameraWebServer, welches ich für dieses Projekt deutlich erweitert habe. Auch wenn sicher noch Optimierungspotenzial besteht, funktioniert das System zuverlässig. Falls du dich mit Programmierung auskennst, freue ich mich über Beiträge zur Verbesserung.

Hier kannst du den kompletten Programmcode als ZIP herunterladen:
robot_car_20201003.zip

Zusätzlich habe ich den Code auch auf GitHub veröffentlicht:

Die ZIP-Datei enthält folgende vier Dateien:

  • robot_car.ino – Hauptlogik des Programms
  • app_httpd.cpp – Steuerung, Webinterface, HTML-Code
  • camera_index.h – keine Änderungen
  • camera_pins.h – keine Änderungen

Nach dem Entpacken öffnest du die Datei robot_car.ino in der Arduino IDE.

Kamerabild drehen

Falls das Kamerabild auf dem Kopf steht, lässt sich das Bild im HTML-Code einfach drehen. Das ist nützlich, wenn das ESP32-CAM Modul z. B. um 90° gedreht eingebaut wurde. In meinem Fall habe ich die Kamera horizontal ausgerichtet, daher war keine Rotation nötig.

Die Anpassung erfolgt direkt in der Datei app_httpd.cpp:

page += "<p align=center><IMG SRC='http://" + Camerafeed + ":81/stream' style='width:350px; transform:rotate(0deg);'></p><br/>";

Ändere einfach den Wert rotate(0deg) auf z. B. rotate(180deg) oder rotate(90deg), wenn das Bild angepasst werden soll.

Live Steuerung mit ESP32-CAM Webinterface

Das Webinterface ist sehr einfach gehalten, um die Übersichtlichkeit zu wahren. Die HTML-Oberfläche wurde direkt in die Datei app_httpd.cpp integriert und ermöglicht die Steuerung über einfache Schaltflächen. Das ESP32-CAM Modul liefert gleichzeitig das Live-Videobild direkt ins Browserfenster.

Zusammenfassung

Mit dem ESP32-CAM Webinterface mit Video-Stream kannst du dein Roboter Auto jetzt nicht nur fahren lassen, sondern gezielt steuern – inklusive Livebild. Der Aufbau ist einfach gehalten, lässt sich aber jederzeit erweitern. Mit dem neu gewonnenen Wissen kannst du Projekte wie eine Überwachungskamera mit Fütterungsautomatik für den Gartenteich oder eine smarte Pool-Überwachung umsetzen. Deiner Kreativität sind keine Grenzen gesetzt.


Artikel Übersicht ESP32-CAM Roboter Auto:

ESP32-CAM Roboter Auto mit live Video Stream selber bauen - Projekt Start
ESP32-CAM Roboter Auto mit live Video Stream selber bauen - Entwicklungsumgebung einrichten
ESP32-CAM Roboter Auto mit live Video Stream selber bauen - USB-Serial Adapter Verkabelung
ESP32-CAM Roboter Auto mit live Video Stream selber bauen - Live Video Streaming Software aufspielen
ESP32-CAM Roboter Auto mit live Video Stream selber bauen - Baue Dein Chassis
ESP32-CAM Roboter Auto mit live Video Stream selber bauen – Verkabelung allgemein
ESP32-CAM Roboter Auto mit live Video Stream selber bauen – Verkabelung des I²C Hubs
ESP32-CAM Roboter Auto mit live Video Stream selber bauen – Roboter Auto Beispielprogramme
ESP32-CAM Roboter Auto mit live Video Stream selber bauen – WIFI Fernsteuerung programmieren
ESP32-CAM Roboter Auto mit live Video Stream selber bauen – externe WIFI antenne anschließen

Meine persönliche Buchempfehlung:

Für alle die noch mehr Vorhaben mit ihrem Arduino oder Arduino Klonen wie dem ESP-32 Cam Modul kann ich das Buch "Arduino: Das umfassende Handbuch" von Dr. Claus Kühnel empfehlen. Es erklärt sehr viel im Bereich der Elektronik mit wirklich gutem Hintergrundwissen und vielen Details zu Sensoren, LEDs, Displays etc. die einem davor schützen unzählige Fehler zu machen. So spart man sich viel Frust, Zeit und Geld für neue Bauteile. Daher ist dieses Buch das ideale Nachschlagewerk für Einsteiger sowie erfahrene Bastler die gerne in einem Buch nachschlagen und auf Qualität setzen.
Loading ...