Phonk Webcam AI — Full React Source Code ⚡ with Amit Sikdar

Build, customize, or deploy your own viral in-browser AI webcam in under 5 minutes.

This is the production-ready source code behind the viral 300k+ view reels. It runs 100% client-side in the browser using Google MediaPipe and the Web Audio API—zero Python setup, zero server costs, and zero API bills.

WHAT IS INSIDE THE DOWNLOAD BUNDLE:

• Complete Production Codebase: Built with React 18.3, TypeScript 5.7, Vite 6, and Tailwind CSS. Clean, structured, and modular.

• Dual MediaPipe AI Tracking: Real-time client-side FaceLandmarker (478 3D landmarks) and HandLandmarker pipelines running on GPU WebGL delegates.

• Autonomous Gesture Triggers: Mathematical detection for drink sipping (head-tilt pitch + mouth proximity) and glasses adjustments (hand-to-bridge proximity), plus instant SPACEBAR manual override.

• 3D Perspective Target Cube: Custom canvas math rendering an interactive cybernetic 3D wireframe HUD box that tilts with face pitch, yaw, and roll.

• Rolling Circular RAM Buffer: In-memory frame buffer capturing actions right before and during triggers for stutter-free slow-motion replays.

• Web Audio 808 Phonk Synthesizer: Sample-accurate audio engine with procedural cowbells, distorted 808 sub-bass, and 3 bundled viral tracks: Montagem Tomada, Marlon Gets Mogged, and Mogger Phonk.

• Client-Side Fast-Start MP4 Exporter: Direct MP4 video recording with synchronized AAC audio encoding via Mediabunny for instant device downloads.

• 1-Click Free Vercel Deploy: Pre-configured vercel.json and step-by-step README.md to run locally via npm run dev or deploy online for free.

PERFECT FOR: • Creative developers building interactive portfolios. • CS and engineering students wanting an advanced computer vision project for college submissions or hackathons. • Creators wanting to build custom viral camera filters without backend infrastructure.

Instant automated download access to the complete ZIP repository and documentation immediately upon payment.