Piano Virtual Online

Toca un piano real en tu navegador, clic en las teclas o usa tu teclado, 3+ octavas, sostenido, nombres de notas, y canciones de demostración.

🌐 English

OctaveKeyboard starts at C4

Click or tap a key, or play with your computer keyboard: A S D F G H J K for white keys, W E T Y U for the black keys in between, Z/X to shift which octave the keyboard maps to.

Demo songs

Watch the small bars above the keys — each one falls toward its key as the note approaches, then flashes when it plays.

🔒 Privado por diseño: todo funciona localmente en tu navegador; nada se sube nunca a ningún servidor.

Cómo usar el piano virtual

  1. Haz clic o toca las teclas directamente con el ratón o una pantalla táctil, las teclas negras se sitúan sobre las blancas, igual que en un teclado real.
  2. Toca con el teclado de tu ordenador: A S D F G H J K son las teclas blancas de la octava actual, W E T Y U son las 5 teclas negras intermedias. La barra encima del teclado siempre muestra a qué nota está mapeada actualmente la “A”.
  3. Desplaza octavas con Z (abajo) y X (arriba), o los botones en pantalla ”◀ Octava” / “Octava ▶”, para alcanzar cualquier nota en todo el rango de 3 octavas (C3-C6).
  4. Activa el Sostenido para dejar que las notas suenen naturalmente después de soltar la tecla, como mantener pisado el pedal de sostenido de un piano.
  5. Activa o desactiva las etiquetas de notas para mostrar u ocultar el nombre de cada tecla (C4, D#4, y así).
  6. Reproduce una canción de demostración, haz clic en “Twinkle, Twinkle, Little Star” u “Oda a la Alegría” para escucharla reproducida automáticamente, con pequeñas barras resaltadas cayendo hacia cada tecla justo antes de que le toque.

Todo se ejecuta enteramente en tu pestaña del navegador usando la Web Audio API. Nada se graba, sube ni almacena en ningún sitio, tampoco hay ningún archivo de audio que descargar, ya que cada nota se genera en vivo.

Notas reales e independientes para acordes reales

A diferencia de un simple generador de un solo tono, este piano da a cada nota que pulsas su propio oscilador independiente y su propia envolvente de volumen. Eso significa que pulsar tres teclas juntas suena como un acorde real (tres tonos reales sonando simultáneamente) en lugar de que la nota más nueva corte abruptamente lo que ya sonaba. Mantener una nota con sostenido activado mientras tocas varias más las superpone todas de forma limpia, de la misma forma en que un piano real deja que una nota mantenida siga sonando debajo de las nuevas.

Notas afinadas, no aproximadas

Cada tecla de este piano está afinada usando la misma fórmula de temperamento igual de 12 tonos en la que se basan pianos, guitarras y afinadores digitales reales: frecuencia = 440 × 2^((n-69)/12), anclada al tono de concierto A4 de 440 Hz estandarizado internacionalmente. El Do central sale en los 261,63 Hz correctamente publicados, y cada octava por encima o por debajo de cualquier nota siempre es exactamente el doble o la mitad de su frecuencia, la misma relación matemática que tu oído espera de una octava real.

Sostenido, hecho como funciona un pedal real

Soltar una tecla mientras el Sostenido está desactivado detiene esa nota de forma limpia e inmediata. Activar el Sostenido cambia lo que pasa cuando la sueltas: en lugar de un corte instantáneo, la nota suena sola durante un poco más de un segundo, igual que el pedal de sostenido de un piano real deja que una nota decaiga naturalmente en lugar de detenerse exactamente cuando levantas el dedo. Volver a desactivar el pedal silencia lo que aún esté sonando, exactamente como levantar un pedal de sostenido real.

El mapeo del teclado es una analogía física

La distribución de teclas del ordenador no es arbitraria. La fila central recorre de izquierda a derecha las teclas blancas, y las letras de las teclas negras están en la fila de arriba, siguiendo el mismo patrón de huecos que siguen las propias teclas negras. No hay letra entre los pares que no tienen tecla negra en medio, que es lo que hace que el mapeo se aprenda en cosa de un minuto.

Como un teclado de ordenador tiene muchas menos teclas utilizables que un piano, el mapeo cubre una ventana en lugar del instrumento entero, y las teclas Z y X deslizan esa ventana arriba y abajo en saltos de octava. La nota inicial actual se muestra entre los dos botones, así que un desplazamiento nunca te deja adivinando en qué octava estás.

Hacer clic directamente en las teclas funciona a lo largo de las tres octavas completas al margen de dónde esté apuntando el mapeo del ordenador.

Un apunte para quien aprendió solfeo en español: las etiquetas de las teclas usan la notación anglosajona de letras, donde C es do, D es re, E es mi, F es fa, G es sol, A es la y B es si. El do central, el que se le enseña primero a un niño, es la C que aparece etiquetada al activar los nombres de nota.

Las notas que caen, y para qué sirven

Sobre las teclas hay un carril donde las notas próximas aparecen como barras colocadas encima de la tecla a la que corresponden. Cada barra desciende conforme se acerca su momento y llega al teclado exactamente cuando debe tocarse la nota.

Esta es la representación que usan los juegos de ritmo, y funciona por el mismo motivo. Leer notación exige saber notación. Ver caer algo hacia la tecla que tienes que pulsar no exige nada en absoluto, lo que hace que las dos canciones de demostración sean inmediatamente tocables por alguien que no ha leído música en su vida.

La reproducción de la demostración corre por su propia ruta de audio, completamente separada de las teclas que pulses tú, así que tocar a la vez que una demostración nunca la corta ni queda cortado por ella.

Honestidad sobre el sonido

Las notas están sintetizadas, usando una onda triangular moldeada por una envolvente de volumen y no grabaciones de un instrumento real. Un piano convincente necesita muestras de cada nota a varias intensidades de pulsación, que son decenas de megabytes como mínimo, y descargar eso para comprobar un acorde sería un mal intercambio.

Lo que obtienes a cambio es afinación exacta, respuesta inmediata y un timbre agradable en lugar de áspero. Para sacar una melodía, comprobar un intervalo o enseñar dónde están las notas, eso es del todo suficiente. Para grabar algo que quieras que oigan otras personas, no lo es.

Herramientas musicales relacionadas

Para una guitarra en lugar de un teclado, el Buscador de Acordes de Guitarra muestra las digitaciones, y Transponer Acordes desplaza una hoja de acordes entera a otra tonalidad. Para llevar el tiempo mientras tocas, el Metrónomo Online es el acompañante.

Para una única frecuencia controlada en lugar de notas musicales, el Generador de Tonos cubre todo el rango audible, y el Analizador de Espectro de Audio muestra lo que está captando un micrófono.

Usos habituales

Cómo funciona, en imágenes

Captura de pantalla de la herramienta Piano Virtual Online con un teclado tocable que empieza en C4, con controles de cambio de octava, un interruptor de sostenido, etiquetas de notas y un control de volumen, y debajo la correspondencia con el teclado del ordenador (A S D F G H J K para las teclas blancas y W E T Y U para las negras)
Piano Virtual Online en pleno proceso: un teclado tocable que empieza en C4, con controles de cambio de octava, un interruptor de sostenido, etiquetas de notas y un control de volumen, y debajo la correspondencia con el teclado del ordenador (A S D F G H J K para las teclas blancas y W E T Y U para las negras).
Diagrama: dónde ocurre el trabajo en una página de SysFenix que no tiene ninguna entrada de archivo: la herramienta llega como JavaScript normal dentro de la página, calcula la respuesta en tu propio dispositivo y la muestra ahí mismo, de modo que la subida, la cola y el registro en servidor que necesita una herramienta online típica no ocurren nunca
Dónde ocurre el trabajo en una página de SysFenix que no tiene ninguna entrada de archivo: la herramienta llega como JavaScript normal dentro de la página, calcula la respuesta en tu propio dispositivo y la muestra ahí mismo, de modo que la subida, la cola y el registro en servidor que necesita una herramienta online típica no ocurren nunca.

Preguntas frecuentes

¿Cómo toco el piano virtual?

Haz clic o toca cualquier tecla con el ratón o el dedo, o toca con el teclado de tu ordenador, A S D F G H J K tocan las teclas blancas de la octava actual, y W E T Y U tocan las teclas negras intermedias. Pulsa Z o X para desplazar el mapeo del teclado del ordenador una octava hacia abajo o hacia arriba, así puedes alcanzar cualquier nota en todo el rango de 3 octavas (C3 a C6).

¿Cómo funciona el sostenido?

Activa la casilla "Sostenido" antes de tocar, soltar una tecla entonces ya no detiene la nota al instante. En su lugar, suena por sí sola durante aproximadamente 1,2 segundos, de la misma forma en que levantar el dedo de una tecla de piano real con el pedal de sostenido pisado sigue dejando que la nota decaiga naturalmente en lugar de cortarla. Volver a desactivar el sostenido silencia cualquier nota que aún esté sonando por el pedal.

¿Qué pasa si mantengo pulsada una tecla del ordenador, vuelve a disparar la nota una y otra vez?

No. Mantener pulsada una tecla dispara eventos keydown repetidos (el propio auto-repetido del navegador), pero el piano trata una nota que ya está sonando como una operación segura sin efecto en lugar de reiniciarla, así que una tecla mantenida sostiene limpiamente como una sola nota continua en lugar de tartamudear o volver a dispararse.

¿Las frecuencias de las notas son realmente correctas?

Sí, cada nota usa la fórmula estándar de temperamento igual de 12 tonos en la que se basan los instrumentos reales y los afinadores, frecuencia = 440 × 2^((n-69)/12), donde 440 Hz es el tono de concierto A4 estandarizado internacionalmente. El Do central (C4) sale en los 261,63 Hz ampliamente publicados, y cualquier nota una octava por encima o por debajo siempre es exactamente el doble o la mitad de la frecuencia de la nota de abajo o de arriba.

¿Qué son las canciones de demostración, y qué son las pistas visuales "que caen"?

Dos melodías cortas y bien conocidas de dominio público, "Twinkle, Twinkle, Little Star" (la canción de "Estrellita, ¿dónde estás?") y el tema de la "Oda a la Alegría", se reproducen automáticamente mientras unas pequeñas barras resaltadas encima del teclado caen hacia cada tecla siguiente justo antes de que toque tocarla, y luego destellan cuando la nota realmente suena. Esto es una pista más ligera de secuencia de tecla resaltada, no una animación completa de varios carriles desplazándose como en un juego de ritmo.

¿Puedo escuchar varias notas a la vez, como un acorde real?

Sí. Cada nota que pulsas obtiene su propio oscilador independiente, así que pulsar varias teclas juntas (o mantener una nota con sostenido mientras tocas más) genuinamente superpone sonido real y simultáneo en lugar de que la nota más nueva corte la anterior.

¿Se graba, sube o envía algún audio a algún sitio?

No. Cada nota se sintetiza en vivo en tu pestaña del navegador usando la Web Audio API (OscillatorNode y GainNode) y se reproduce directamente por tus altavoces, nada se graba, transmite, sube ni almacena en ningún sitio, y no hay ningún servidor involucrado. Cerrar o recargar la página silencia todo al instante.

Herramientas relacionadas