Real-Time Hand Gesture Controller

Interactive Web Assembly & MediaPipe Client Demo

Initializing Web Camera...

🎵 Music Player Mixer
📊 Real-Time HUD Status
Volume Level
50%
Media State
PLAYING
Volume Slider Gauge
💡 Hand Gestures Guide
  • Volume Control: Show one hand. Bring your Thumb Tip and Index Finger Tip closer to decrease volume, and spread them wider to increase volume.
  • Depth Compensation: The system calculates your hand size dynamically, allowing you to control the volume from close-up or far away!
  • Play / Pause Gesture: Make a Closed Fist (fold at least 3 fingers) and hold it for 1.0 second to toggle the music player's state!
  • Local Audio Connection: Grant camera permission. Try scrolling the browser or clicking anywhere if audio playback is blocked initially due to browser autoplay policies.