Volex (Volume by Exercise)

This is a submission for the DEV April Fools Challenge

What I Built

Volex (Volume Exercise) is a video player where the volume slider is replaced by physical labor. Want to hear the music better? Do a jumping jack. Want to turn it down? Do another one. It uses your webcam to ensure you're actually sweating for your entertainment.

Demo

https://piyushdas1624.github.io/volex/

Code

https://github.com/Piyushdas1624/volex

How I Built It

This was the most technically complex build. I used Google's MediaPipe Pose Landmarker to track 33 body points in real-time. The breakthrough was implementing a State Machine logic: the app monitors the vertical relationship between the wrists and shoulders. To prevent accidental volume changes, I architected a "Neutral Zone" (Safe Spot) that the user must return to between reps. I managed the AI to implement this state-tracking logic to ensure the app works even on low-quality webcams.

Prize Category

Best Google AI Usage. It pushes MediaPipe beyond simple tracking and turns it into a functional (albeit annoying) hardware controller.