A real-time object detection web app built with Next.js and TensorFlow.js that uses your webcam to identify objects. When a person is detected, the app highlights them in red, plays a beep alarm, and displays all other objects in blue.
- 🎥 Real-time object detection via webcam
- 🔴 Highlights detected people in red
- 🔔 Plays an alarm sound when a person is detected
- 🔵 Detects all other objects in blue
- 🧠 Uses COCO-SSD model from TensorFlow.js
- 🌐 Built with Next.js 14 (App Router)
- Next.js 14 with App Router
- React Webcam
- TensorFlow.js + COCO-SSD
- Custom canvas rendering for bounding boxes
- Audio alert with throttle
Follow these steps to run the project on your local machine:
git clone https://github.com/Raashika0201/object-detection.git
cd object-detection npm installnpm run devVisit http://localhost:3000 in your browser.