In this lesson I will show you how to build a Color Detection models on the web browser using OpenCV.js and OpenCV tools for the ESP32 Camera Web Server environment. As an example, we’ll build a simple ESP32 Camera Web Server that includes color detection and tracking of a moving object.
OpenCV.js runs in a browser which allows rapid trial of OpenCV functions by someone with only a modest background in HTML and JavaScript. Those with a background in Esp32 Camera applications have this background already.
Entire source codes is on my Github to build a web server that allows color tracking of a moving object. On the web server interface, you play with several configurations to properly select the color you want to track. Then, the browser sends the real time x and y coordinates of the center of mass of the moving object to the ESP32 board.
Source code is split into two files: the OCV_ColorTrack_P.ino file containing the server program and the index_OCV_ColorTrack.h header file containing the client program (HTML, CSS and JavaScript with OpenCV.js).
Project Source Codes : https://github.com/AnbuKumar-maker
Contact us for more projects: [email protected]
WhatsApp Support: +91-99725-77735
Telegram Community Support: https://t.me/joinchat/SPSrEfm9OFCksGGn
About us: https://www.codingscientist.com
Hackster Community: https://www.hackster.io/anbu-kumar
LinkedIn: / codingscientist
Facebook: / coding.scientist
Twitter: / robo_thoughts