Simulador de theremín en el navegador con MediaPipe y Web Audio
Código fuenteUn theremín que se toca con las manos en el aire, en el navegador: detecta tus manos por la webcam con MediaPipe y sintetiza el sonido en tiempo real con la Web Audio API.
👉 Pruébalo en directo: thereminsimulator.aaranda.es (requiere permiso de cámara).
Cómo funciona
La mano derecha controla el tono (más arriba, más agudo) y la izquierda el volumen. Bajo el capó, HandLandmarker de @mediapipe/tasks-vision sigue las manos en modo vídeo con delegado GPU, y la cadena de audio encadena OscillatorNode → GainNode → BiquadFilterNode hasta la salida, un AnalyserNode (osciloscopio) y un MediaStreamAudioDestinationNode (para grabar).
Extras
Cuantización a escalas (cromática, mayor, menor, pentatónica, blues o libre), 4 formas de onda, osciloscopio en tiempo real, presets en localStorage con importación/exportación JSON, grabación con MediaRecorder, interfaz multilingüe (ES/EN) y un aspecto retro-futurista con estética de neón. Hecho con Vite + React 18.
Código en GitHub.