Digital Piano es un piano digital interactivo desarrollado con JavaScript Vanilla, que incluye 2 octavas funcionales y reproducción de sonidos en formato MP3.
Permite tocar notas utilizando tanto el teclado físico como el mouse, ofreciendo una experiencia musical directamente en el navegador.
Todos los derechos reservados
Proyecto desarrollado con fines educativos y demostrativos.
Crear una aplicación web interactiva capaz de reproducir sonidos musicales en tiempo real utilizando únicamente JavaScript Vanilla.
El proyecto demuestra el manejo de eventos del teclado, eventos del mouse y reproducción dinámica de audio en el navegador.
El sistema se divide en tres partes principales:
- Representación gráfica de 2 octavas
- Teclas blancas y negras
- Respuesta visual al presionar una tecla
- Detección de teclas del teclado físico
- Detección de clics con mouse
- Asociación entre tecla presionada y nota correspondiente
- Archivos de sonido en formato
.mp3 - Reproducción dinámica mediante JavaScript
- Activación inmediata al presionar una nota
- 2 octavas completas
- Reproducción de notas individuales
- Interacción con teclado físico
- Interacción con mouse
- Ejecución directa en navegador
- No requiere backend
Demo: https://AngelDev2343.github.io/DigitalPiano/index.html
No requiere instalación adicional.
- Navegador actualizado
- Soporte para reproducción de audio MP3
- Estado: Terminado
- Naturaleza: Educativo / Demostrativo
- Entorno: Navegador (Frontend puro)
- JavaScript Vanilla — Lógica y control de eventos
- HTML / CSS — Interfaz visual
- Archivos MP3 — Sonido de las notas (Online Sequencer)
No. Funciona directamente abriendo el archivo HTML.
Sí, siempre que el navegador soporte reproducción de audio MP3.