Piano virtual: toca el piano online con tu teclado

Un piano de tres octavas en tu navegador: haz clic o toca las teclas, usa el teclado de tu computadora o conecta un teclado MIDI.

Cada nota se sintetiza en vivo con Web Audio API, sin muestras que descargar. El indicador muestra la frecuencia exacta de la última nota que tocaste.

Piano virtual: toca el piano online con tu teclado
Un piano de tres octavas en tu navegador: haz clic o toca las teclas, usa el teclado de tu computadora o conecta un teclado MIDI.
Registro: C3 – B5
Volumen

Última nota: toca una tecla para empezar

Frecuencia = 440 × 2^((n − 69) ÷ 12), donde n es el número de nota MIDI. Así, C4 (n = 60) es 261.63 Hz y A4 (n = 69) es exactamente 440.00 Hz.

MIDI: sin conexión

Teclado de computadora: A S D F G H J K L toca las teclas blancas desde el C más grave, y W E T Y U O P toca las negras que quedan entre ellas.

Correspondencia entre teclado y piano
WC#ED#TF#YG#UA#OC#PD#
ACSDDEFFGGHAJBKCLD;E'F

Las letras tocan las dos octavas inferiores de las tres visibles, desde la octava base actual. Cambia de octava para alcanzar notas más agudas o graves.

Acerca de este piano virtual

Es un instrumento que realmente puedes tocar, no una imagen. Abarca tres octavas, de C3 a B5 por defecto, desplazables entre C1 y B7 con los botones de octava. Cada tecla produce un sonido sintetizado con dos osciladores: una onda triangular aporta cuerpo y una sinusoidal más suave, una octava arriba, redondea el timbre. Una envolvente de ataque rápido y caída natural da forma al sonido. Activa Sustain y las notas duran casi tres segundos, como al mantener pisado el pedal de resonancia. Hay tres formas de tocar. Haz clic o pulsa directamente las teclas: están dibujadas con CSS simple y funcionan igual en escritorio y pantallas táctiles. También puedes usar el teclado de la computadora con la distribución habitual de las aplicaciones musicales: A S D F G H J K L toca las blancas desde el C más grave visible; la fila superior, W E T Y U y luego O y P, toca las negras intermedias. Esta distribución imita la geometría del piano y por eso se ha vuelto estándar: A-W-S-E-D corresponde literalmente a C, C sostenido, D, D sostenido, E. Por último, si el navegador admite Web MIDI, como Chrome y Edge, pulsa Activar entrada MIDI y toca directamente un teclado MIDI conectado. El indicador de frecuencia bajo las teclas es una pequeña lección de teoría musical. Los instrumentos modernos usan temperamento igual de doce tonos con A4 = 440 Hz: cada semitono multiplica la frecuencia por la raíz duodécima de 2, aproximadamente 1.05946. Toca A4 y verás exactamente 440.00 Hz; C4, el do central, da 261.63 Hz; sube una octava a C5 y el valor se duplica a 523.25 Hz. Ver los números mientras tocas hace tangible la naturaleza logarítmica de la altura de una forma que un diagrama no logra. Dos octavas también bastan para aprender las formas importantes. Encuentra la escala mayor de teclas blancas que empieza en C. Construye intervalos: una quinta justa son siete semitonos (C4 a G4), una tercera mayor son cuatro (C4 a E4). Apílalos en una tríada de do mayor y baja la tercera una tecla para obtener do menor. Mostrar el nombre de cada nota permite conectar lo que oyes, lo que ves y su nombre en la partitura; ocúltalos cuando domines la distribución. Todo se ejecuta localmente en la página: no se graba ni se sube nada y, tras la primera carga, no hace falta conexión.

Notas, intervalos y acordes para probar

Frecuencias verificadas del temperamento igual con afinación estándar A440.

Toca estoDeberías verQué enseña
A4 (el la a la derecha del do central)Última nota: A4 · 440.00 HzAfinación de concierto: la referencia de las orquestas. Todas las demás frecuencias se derivan de esta.
C4 (do central)Última nota: C4 · 261.63 HzEl centro del teclado y del gran pentagrama, exactamente nueve semitonos por debajo de A4: 440 ÷ 2^(9/12).
C4 y luego C5261.63 Hz y luego 523.25 HzUna octava duplica exactamente la frecuencia: es el intervalo más consonante.
C4 – E4 – G4 a la vez (rápidamente, con Sustain activado)Aproximadamente 261.63, 329.63, 392.00 HzUna tríada de do mayor: tercera mayor (4 semitonos) más tercera menor (3 semitonos) apiladas desde la fundamental.
A4 y luego E5 (sube una octava si hace falta)440.00 Hz y luego 659.26 HzUna quinta justa: la relación de frecuencias es 1.498, casi la proporción pura 3:2 que aproxima el temperamento igual.

Cómo tocar el piano virtual

  1. Haz clic o toca cualquier tecla, o usa el teclado de tu computadora: A S D F G H J K L son las blancas y W E T Y U O P, las negras.
  2. Usa Bajar octava y Subir octava para mover la ventana de dos octavas por el registro de C1 a B7.
  3. Activa Sustain para prolongar las notas como con un pedal de resonancia, y Mostrar nombres de notas para mostrar u ocultar las etiquetas.
  4. Observa el indicador: identifica la última nota tocada y muestra su frecuencia exacta en hercios.
  5. ¿Tienes un teclado MIDI? Pulsa Activar entrada MIDI en Chrome o Edge y tócalo directamente.

Preguntas frecuentes sobre el piano virtual

¿Por qué A4 muestra exactamente 440.00 Hz?
A4 = 440 Hz es la afinación de concierto internacional estándar (ISO 16). En temperamento igual, todas las notas se derivan de ella: cada semitono ascendente multiplica la frecuencia por la raíz duodécima de 2. Doce semitonos, una octava, la duplican exactamente a 880 Hz.
¿Cómo se distribuyen las teclas de la computadora y por qué?
A S D F G H J K L toca las blancas desde el C visible más grave y W E T Y U O P, las negras superiores. Es la misma convención de GarageBand, Ableton Live, FL Studio y la mayoría de las DAW. Funciona porque las filas QWERTY reflejan la forma del piano: la fila superior queda entre las teclas inferiores, como las negras entre las blancas.
¿Cómo se genera el sonido?
Cada nota usa dos osciladores Web Audio: una onda triangular a su frecuencia aporta calidez y una sinusoidal más suave, una octava arriba, redondea los agudos. Pasan por una envolvente de ganancia con ataque de 8 ms. Sin Sustain, la nota decae en alrededor de medio segundo; con él, resuena casi tres, como al mantener el pedal pisado.
¿La entrada MIDI funciona en todos los navegadores?
Web MIDI funciona en navegadores Chromium: Chrome, Edge, Opera y Brave. Safari y Firefox no lo incluyen de forma predeterminada. El botón comprueba la compatibilidad: si no existe, solo muestra un aviso, mientras que hacer clic o usar las teclas sigue funcionando.
¿Sirve para aprender piano?
Es excelente para aprender la distribución: nombres de notas, escalas, intervalos y formas de acordes, además de entrenar el oído con frecuencias exactas. No permite practicar la dinámica del toque, porque las teclas de computadora no detectan la velocidad de pulsación. Al pasar a un piano real o teclado MIDI, la distribución aprendida se aplica directamente.
¿Por qué no escucho nada?
El navegador solo permite sonido después de una acción del usuario, así que el motor arranca con el primer clic o pulsación. Si sigue en silencio, revisa el control Volumen, el dispositivo de salida del sistema y si la pestaña está silenciada. El indicador de notas se actualiza de todos modos y confirma que las pulsaciones se detectan.