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.

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