Object Detection
This repository contains a real-time object detection application built using TensorFlow.js, Next.js 14, and Tailwind CSS. The application uses the COCO-SSD model for detecting objects in a live webcam feed. The project demonstrates the integration of machine learning models in web applications, providing an interactive and educational experience
Real-Time Object Detection with TensorFlow.js
This project showcases a real-time object detection application using TensorFlow.js, Next.js 14, and Tailwind CSS. The application utilizes the COCO-SSD model for detecting objects in a live webcam feed.
Table of Contents
Overview
This application demonstrates the power of machine learning in the browser. It captures live video from the webcam and uses the COCO-SSD model to detect and identify objects in real-time.
Features
- Real-time object detection using TensorFlow.js and COCO-SSD
- Live video capture with
react-webcam - Dynamic rendering of detected objects with bounding boxes and labels
- Styled with Tailwind CSS for a sleek and modern interface
- Loading indicator during model initialization
Tech Stack
Installation
Install dependencies:
npm installRun the development server:
npm run devOpen your browser and navigate to:
```bash http://localhost:3000
Usage
Once the application is running, it will automatically access your webcam and start detecting objects in real-time. Detected objects will be highlighted with bounding boxes and labels.
Resources
