sy17258/GestureControlledMediaPlayer

1---2---3title: Hand Gesture-Controlled Media Player4emoji: 👋5colorFrom: indigo6colorTo: purple7sdk: docker8app_port: 78609pinned: false10---11 12# Hand Gesture-Controlled Media Player13...14---15 16# Gesture Controlled Media Player17 18This project is a web-based media player that allows users to control video playback using hand gestures captured through their webcam. It uses MediaPipe's hand tracking and gesture recognition to enable a touchless interface for controlling media playback.19 20## Features21 22- **Gesture Controls**: Control your media player with simple hand gestures23  - Open Palm: Play video24  - Closed Fist: Pause video25  - Thumbs Up: Increase volume26  - Thumbs Down: Decrease volume27  - Victory Sign: Next track28  - Swipe Left/Right: Navigate between videos29  30- **Real-time Hand Tracking**: Visualizes hand landmarks and gestures in real-time31- **Responsive Design**: Works on desktop and mobile devices32- **Local File Playback**: Play videos from your local device33 34## How to Use35 361. Click the "Open Camera" button to activate your webcam372. Allow camera permissions when prompted383. Upload video files using the file selector394. Use hand gestures to control playback:40   - Show an open palm to play41   - Make a fist to pause42   - Give a thumbs up to increase volume43   - Give a thumbs down to decrease volume44   - Make a victory sign to skip to the next video45   - Swipe left/right to navigate between videos46 47## Technology Stack48 49- React.js for the UI50- MediaPipe for hand tracking and gesture recognition51- Web APIs (getUserMedia, Canvas API)52- CSS for styling and animations53 54## Privacy55 56This application processes all video and gesture data locally in your browser. No video or image data is sent to any server.57 58## Limitations59 60- Requires a webcam and browser permissions61- Works best in well-lit environments62- Performance may vary based on your device's capabilities63- Gesture recognition accuracy depends on camera quality and positioning64 65## Future Improvements66 67- Additional gesture controls68- Customizable gesture mappings69- Support for more media formats70- Improved gesture recognition accuracy71 72## Try It Out73 74Upload your videos and control them with hand gestures - no touch required!75 76---77 78*This project was created as a demonstration of computer vision and gesture recognition technologies in web applications.*