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.
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 Programmsapp_httpd.cpp
– Steuerung, Webinterface, HTML-Codecamera_index.h
– keine Änderungencamera_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 StartESP32-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
Recent Comments