Skip to content

README.md

Latest commit

 

History

History
72 lines (50 loc) · 1.99 KB

README.md

File metadata and controls

72 lines (50 loc) · 1.99 KB

🤖 ai-object-detection

👋 About this project

This is a web-based AI object detection app that runs directly in your browser.
It uses your device camera to detect objects in real-time and draws bounding boxes around them.

📹 YouTube Tutorial

🎥 Watch the full Shorts video here:
👉 AI-Object-Detection

⚙️ Features

  • ✅ Enable / Disable AI detection with a button
  • ✅ Live object count displayed above the canvas
  • ✅ Range slider to control frame rate (FPS)
  • ✅ Screenshot / capture button to download detected frame
  • ✅ Loading spinner while AI model is initializing
  • ✅ Modern dark UI with responsive layout
  • ✅ Works fully in the browser (no server required)

🖼️ Preview

AI-Object-Detection (mouse.PNG)

💪 Try it

Test the live demo here: [https://chandrakantapanda.github.io/AI-Object-Detection/)

(Open in Chrome or Firefox for camera support)

🌐 Browser Support

Browser Supported
Firefox ✅
Chrome ✅
Edge ✅
Internet Explorer ❌
Mobile Browser Supported
Firefox ✅
Chrome ✅

✨ Additional Improvements in This Version

  • 🎨 Dark modern UI with cards and buttons
  • 🖱 Live object counter
  • 📸 Capture frame button to save detected objects
  • ⚡ Responsive canvas and mobile-friendly layout
  • 🟢 Interactive Enable/Disable AI button with color change
  • 🔄 Adjustable FPS slider for smooth performance

📦 How to Deploy on GitHub Pages

  1. Make sure your project contains index.html at the root of the repository.
  2. Push your project to GitHub.
  3. Go to Settings → Pages → Source → Branch → main → / (root) and click Save.
  4. Your live link will be: