Ocarina Trainer
Aprende a tocar la ocarina de 12 agujeros (la típica estilo Zelda). El micrófono detecta la nota que tocas, un diagrama te muestra qué agujeros tapar, y un modo canción te guía nota a nota con temas como Saria's Song.
Necesitas micrófono y Chrome o Edge
Se abre a pantalla completa. Permite el acceso al micrófono (y a la cámara, si quieres el efecto de manos en neón). Mejor desde ordenador.
Cómo funciona
La herramienta escucha por el micrófono y, usando análisis de audio en el navegador (autocorrelación sobre la onda), detecta en tiempo real la nota que estás tocando. Lo muestra en grande en notación española (Do, Re, Mi…) y, a la vez, dibuja un diagrama de la ocarina de 12 agujeros iluminando los que tienes que tapar para esa nota.
Tiene dos modos:
- Afinador — toca lo que quieras y te dice qué nota es y su digitación.
- Canción — eliges un tema (empieza con Saria's Song); las notas van pasando y el diagrama te enseña qué tapar. Cuando aciertas, avanza sola.
Cómo lo monté
Está hecho con HTML, CSS y JavaScript puro: detección de tono con la Web Audio API, diagrama de digitación en SVG y el tracking de manos en neón con MediaPipe Hands (IA de Google). Lo fui construyendo conversando con una IA (Claude), iterando la idea —del afinador inicial al modo canción con digitación— hasta que funcionó. Todo corre en tu navegador, sin servidores ni registros.
Consejos
Acerca el micro a la ocarina y toca notas sostenidas y limpias. Las notas se reconocen como las 7 naturales (Do Re Mi Fa Sol La Si) sin importar la octava. Para grabar vídeo, usa el botón 🎬 (modo limpio) y ⛶ (pantalla completa).
Sobre la digitación
El diagrama usa la digitación estándar de una ocarina Alto C de 12 agujeros. La octava grave es muy consistente entre fabricantes, pero algunas notas pueden variar según tu ocarina: contrasta con la tabla de la tuya.