VITON13School

VITON13 SCHOOL · Música

Piano online

Un teclado de verdad en el navegador: toca con los dedos, el ratón o el teclado del ordenador, mira cómo se iluminan acordes y escalas y aprende ocho canciones sencillas nota a nota.

Por , fundador de VITON13 SCHOOL
TeclasC3–B4

Pulsa Grabar y toca: la toma se guarda hasta que salgas de la página.

Nombres de notas

El sonido se enciende con la primera tecla.

Solo toca. Si quieres escucharlo después, activa antes Grabar.

Toca con el ratón, los dedos o el teclado del ordenador: Z S X D C… para una octava, Q 2 W 3 E… para la siguiente.

Cómo se usa

  1. TocaPulsa las teclas con el ratón o con todos los dedos que quieras, o usa el teclado del ordenador: la fila de abajo desde la Z y la de arriba desde la Q. Mantén la barra espaciadora para el pedal.
  2. Aprende acordes y escalasElige una nota base y un tipo: las teclas se iluminan con el nombre de cada nota y oyes el acorde o la escala subiendo.
  3. Toca una canción o grabaElige una melodía y pulsa «Seguir la tecla iluminada»: espera a que pulses la tecla correcta. «Tócala por mí» la toca primero, y Grabar guarda lo que tocas para escucharlo después.

Sobre el sonido y las canciones

El sonido se crea en el navegador con la Web Audio API, sin grabaciones: cada nota mezcla su fundamental con varios armónicos en tres osciladores separados unos pocos cents, arranca en 5 milisegundos, se apaga antes en los agudos que en los graves y pasa por un filtro de paso bajo que oscurece el sonido a medida que se extingue.

Las canciones son melodías antiguas de dominio público, escritas en do para que quepan en las teclas que ves: melodías tradicionales de Francia e Inglaterra, una canción infantil estadounidense del siglo XIX, el Himno de la alegría de Beethoven y Jingle Bells de James Lord Pierpont. Una grabación de lo que tocas se queda en la memoria de esta pestaña y desaparece al salir de la página.

Preguntas

¿Qué teclas del ordenador tocan el piano?

La fila de letras de abajo toca una octava: Z, X, C, V, B, N, M son las teclas blancas de do a si, y S, D, G, H, J las negras entre ellas. La fila de arriba toca la octava siguiente: Q, W, E, R, T, Y, U las blancas y 2, 3, 5, 6, 7 las negras; después siguen I, O, P. Las teclas se leen por su posición, así que sirve cualquier distribución de teclado. La barra espaciadora o Mayús mantienen el pedal, y las flechas ← y → mueven una octava.

¿Por qué no suena hasta que pulso una tecla?

Los navegadores solo dejan que una página reproduzca sonido después de un clic, un toque o una tecla, así que el piano enciende el sonido con tu primera pulsación, y esa primera nota ya suena. Si sigues sin oír nada, revisa el volumen aquí y en el dispositivo; en un iPhone, el interruptor de silencio también puede silenciar las páginas web.

¿Cómo se forman los acordes?

Cuenta semitonos hacia arriba desde la nota base, tecla a tecla, blanca o negra. Un acorde mayor suma 4 y luego 3 más (do–mi–sol); uno menor, 3 y luego 4 (do–mi♭–sol). Un acorde de séptima añade una cuarta nota 10 semitonos por encima de la base (C7, Cm7) u 11 (Cmaj7). El disminuido es 3 + 3 (do–mi♭–sol♭), el aumentado 4 + 4 (do–mi–sol♯), y sus2 o sus4 ponen la 2.ª o la 4.ª en lugar de la tercera.

¿Cómo se forman las escalas?

Una escala es una secuencia de pasos. La mayor va tono, tono, semitono, tono, tono, tono, semitono: desde do solo usa teclas blancas. La menor natural va tono, semitono, tono, tono, semitono, tono, tono (la menor son todo teclas blancas), y la menor armónica sube su 7.ª nota un semitono. La pentatónica mayor se queda con cinco notas (do, re, mi, sol, la), y la escala de blues añade la 5.ª disminuida a la pentatónica menor (do, mi♭, fa, sol♭, sol, si♭).

Fuentes

  1. MDN Web Docs — Web Audio API

Guías relacionadas

Más herramientas

Tiempo y música