MediaPipe Web Demos

This project is a collection of web-based demos showcasing the capabilities of Google's MediaPipe framework. The demos utilize MediaPipe's hand tracking and gesture recognition features to create interactive experiences in the browser.

Demos

• Air Drums: Play virtual drums in your browser using hand gestures. Live Demo
• Simple Hand Tracking: A basic demonstration of hand tracking using your webcam. Live Demo

Getting Started

To run the demos, you need a modern web browser that supports WebGL and WebAssembly. No server is required. Simply open the index.html file in your browser.

1. Clone this repository:

   git clone https://github.com/your-username/mediapipe-web-demos.git

2. Navigate to the project directory:

   cd mediapipe-web-demos

3. Open index.html in your web browser.

Features

• Real-time Hand Tracking: Utilizes the MediaPipe Hands model to track 21 3D hand landmarks in real-time.
• Gesture Recognition: The Air Drums demo uses simple gesture recognition to detect when you are hitting the virtual drums.
• Cross-platform: Runs in any modern web browser on desktop and mobile devices.

Contributing

Contributions are welcome! If you have an idea for a new demo or want to improve an existing one, please open an issue or submit a pull request. Please follow the existing code style and conventions.

License

This project is licensed under the Apache License, Version 2.0. See the LICENSE file for details.