AdSpot — AI-Powered Live Ad Placement Using Hand Gesture Tracking

⚡ Built by EACA — AI Innovation Lab

Meet AdSpot
AI-Powered Live Ad Placement

Point your finger at anything during a live video — AdSpot detects your gesture, recognises the product you mentioned, and overlays rich product information instantly. No remote. No screen taps. Just your hand.

AdSpot — AI Commercial Automation · Demo Mode Active
🫱

Live webcam feed
MediaPipe hand tracking active

📱 iPhone 15 Pro

Apple’s most advanced smartphone
with titanium design and A17 chip

System Status

Hand Detected
Pointing → Right
Product Recognised
Fist = Dismiss

Try These Phrases

🚗 “best car in the market” 📱 “I love this iPhone” ☕ “amazing coffee” 💻 “this laptop is incredible”

How AdSpot Works

Three technologies working together in real time — no hardware required beyond a standard webcam.

1

Start Webcam

AdSpot accesses your live video feed via browser. No app download needed.

2

Speak Naturally

Mention any product positively — “best”, “amazing”, “love this” triggers detection.

3

Point Your Finger

MediaPipe tracks your hand landmarks in real time and detects your pointing direction.

4

Product Card Appears

An animated card with product image and 5 facts overlays the video instantly.

5

Close Fist to Dismiss

Make a fist gesture to close the overlay. The whole cycle repeats for the next product.

What Makes AdSpot Powerful

🖐️

Real-Time Hand Tracking

Uses Google’s MediaPipe Hands to detect 21 hand landmarks at 30 FPS — pointing direction, finger extension, and fist detection all in real time.

🎙️

Speech Recognition

Web Speech API detects product nouns and positive sentiment words (“best”, “amazing”, “love”) in your live speech — no cloud processing required.

🔍

AI Product Search

Fetches real product images from Unsplash and facts from Wikipedia in parallel — showing accurate, relevant information within 1–2 seconds of detection.

🎬

Animated Overlay Cards

Product information cards animate in from the direction you point — left, right, up, or down — using Framer Motion for smooth, professional transitions.

🎮

Demo Mode

Built-in demo mode lets you simulate product detection without speech — perfect for showcasing the technology in a quiet room or presentation.

📹

Video Upload Support

Works with pre-recorded video uploads in addition to live webcam — run AdSpot on any existing commercial video or product review footage.

Technology Stack

React 18 + TypeScript Vite MediaPipe Hands Web Speech API Framer Motion Tailwind CSS Node.js API Server Unsplash API Wikipedia REST API Radix UI

Who Can Use AdSpot

📺

TV & YouTube Presenters

Display product info overlays during live reviews or shows — no editor needed, no post-production graphics.

🛍️

Live Commerce Sellers

Show product details, pricing, and specs during Instagram or YouTube live sales streams with a simple gesture.

🏫

Teachers & Trainers

Reference any product, object, or concept during live training sessions — instant visual context for students.

🏪

Retail & Showrooms

Touchless product display — customers or staff point at items and product information appears on screen instantly.

🎤

Event Presenters

Use gesture-controlled product overlays during brand events, product launches, or conference presentations.

📱

Content Creators

Add automatic product cards to any video content — tech reviews, unboxings, travel vlogs — with zero editing.

Want AdSpot for Your Business?

EACA can customise and deploy AdSpot for your specific use case — live commerce, retail showrooms, content creation, or branded product presentations. Custom branding, product database integration, and API connections available.

Built by EACA — AI Automation Agency, Khandwa, Madhya Pradesh · eaca.in

Leave a Reply