Um piano de três oitavas no navegador: clique ou toque nas teclas, use o teclado do computador ou conecte um teclado MIDI.
Cada nota é sintetizada ao vivo com a Web Audio API, sem samples para baixar. O visor mostra a frequência exata da última nota tocada.
Piano virtual: toque piano online com seu teclado
Um piano de três oitavas no navegador: clique ou toque nas teclas, use o teclado do computador ou conecte um teclado MIDI.
Extensão: C3 – B5
Volume
Última nota: toque uma tecla para começar
Frequência = 440 × 2^((n − 69) ÷ 12), em que n é o número da nota MIDI. Assim, C4 (n = 60) é 261.63 Hz e A4 (n = 69) é exatamente 440.00 Hz.
MIDI: desconectado
Teclado do computador: A S D F G H J K L toca as teclas brancas a partir do C mais grave, e W E T Y U O P toca as pretas entre elas.
Mapa do teclado para as teclas do piano
WC#ED#TF#YG#UA#OC#PD#
ACSDDEFFGGHAJBKCLD;E'F
As letras tocam as duas oitavas inferiores das três exibidas, a partir da oitava base atual. Mude a oitava para alcançar notas mais agudas ou graves.
Sobre este piano virtual
Este é um instrumento que você pode tocar de verdade, não apenas uma imagem. O teclado abrange três oitavas, de C3 a B5 por padrão, e pode ser deslocado entre C1 e B7 pelos botões de oitava. Cada tecla produz um som realmente sintetizado por dois osciladores: uma onda triangular dá corpo e uma senoide mais suave, uma oitava acima, traz arredondamento. Um envelope de ataque rápido e decaimento natural molda o som. Ative Sustain e as notas soam por quase três segundos, como ao segurar o pedal de sustentação do piano.
Há três formas de tocar. Clique ou toque diretamente nas teclas: desenhadas com CSS simples, funcionam igualmente no computador e na tela sensível ao toque. Ou use o teclado do computador com o mapeamento comum dos aplicativos musicais: a linha A S D F G H J K L toca as brancas a partir do C mais grave na tela, e a linha acima, W E T Y U, depois O e P, toca as pretas entre elas. Essa disposição espelha a geometria do piano e por isso virou padrão: A-W-S-E-D corresponde literalmente a C, C sustenido, D, D sustenido, E. Por fim, se o navegador oferecer Web MIDI, como Chrome e Edge, clique em Ativar entrada MIDI e toque diretamente um teclado MIDI conectado.
O indicador de frequência abaixo das teclas é uma pequena aula de teoria musical. Instrumentos modernos usam temperamento igual de doze tons afinado em A4 = 440 Hz: cada semitom multiplica a frequência pela raiz décima segunda de 2, cerca de 1.05946. Toque A4 e verá exatamente 440.00 Hz; C4, o dó central, mostra 261.63 Hz; suba uma oitava para C5 e o valor dobra para 523.25 Hz. Observar os números enquanto toca torna concreta a natureza logarítmica da altura sonora de um jeito que um diagrama não consegue.
Duas oitavas também bastam para aprender as formas importantes. Encontre a escala maior nas teclas brancas começando em C. Monte intervalos: uma quinta justa tem sete semitons (C4 a G4), uma terça maior tem quatro (C4 a E4). Empilhe-os em uma tríade de dó maior e abaixe a terça uma tecla para obter dó menor. Exibir o nome em cada tecla conecta o que você ouve, o que vê e o nome na partitura; esconda os nomes quando memorizar a disposição.
Tudo roda localmente na página: nada é gravado ou enviado e, após o primeiro carregamento, não é necessária conexão com a rede.
Notas, intervalos e acordes para experimentar
Frequências verificadas do temperamento igual na afinação padrão A440.
Toque isto
Você deverá ver
O que ensina
A4 (o lá à direita do dó central)
Última nota: A4 · 440.00 Hz
Afinação de concerto, referência para as orquestras. Todas as outras frequências são derivadas dela.
C4 (dó central)
Última nota: C4 · 261.63 Hz
O centro do teclado e da grande pauta, exatamente nove semitons abaixo de A4: 440 ÷ 2^(9/12).
C4 e depois C5
261.63 Hz e depois 523.25 Hz
Uma oitava dobra exatamente a frequência: é o intervalo mais consonante.
C4 – E4 – G4 juntos (rapidamente, com Sustain ativado)
Aproximadamente 261.63, 329.63, 392.00 Hz
Tríade de dó maior: terça maior (4 semitons) mais terça menor (3 semitons), empilhadas a partir da fundamental.
A4 e depois E5 (suba a oitava se necessário)
440.00 Hz e depois 659.26 Hz
Uma quinta justa: a razão entre frequências é 1.498, quase a proporção pura 3:2 aproximada pelo temperamento igual.
Como tocar o piano virtual
Clique ou toque em qualquer tecla, ou use o teclado do computador: A S D F G H J K L são as brancas; W E T Y U O P, as pretas.
Use Descer oitava e Subir oitava para mover a janela de duas oitavas pela extensão de C1 a B7.
Ative Sustain para prolongar as notas como com um pedal de sustentação, e Mostrar nomes das notas para exibir ou ocultar os rótulos.
Observe o visor: ele identifica a última nota tocada e mostra sua frequência exata em hertz.
Tem um teclado MIDI? Clique em Ativar entrada MIDI no Chrome ou Edge e toque diretamente.
Perguntas frequentes sobre o piano virtual
Por que A4 mostra exatamente 440.00 Hz?
A4 = 440 Hz é a afinação de concerto padrão internacional (ISO 16). No temperamento igual, todas as outras notas derivam dela: cada semitom acima multiplica a frequência pela raiz décima segunda de 2. Doze semitons, uma oitava, dobram a frequência exatamente para 880 Hz.
Qual é o mapeamento do teclado do computador e por quê?
A S D F G H J K L toca as brancas a partir do C mais grave visível, e W E T Y U O P toca as pretas acima. É a mesma convenção do GarageBand, Ableton Live, FL Studio e da maioria das DAWs. As linhas QWERTY espelham fisicamente o piano: a superior fica entre as teclas inferiores, como as pretas entre as brancas.
Como o som é criado?
Cada nota usa dois osciladores Web Audio: uma onda triangular na frequência da nota para dar calor e uma senoide mais suave uma oitava acima para arredondar os agudos. Passam por um envelope de ganho com ataque de 8 ms. Sem Sustain, a nota decai em cerca de meio segundo; com ele, ressoa por quase três, como ao segurar o pedal.
A entrada MIDI funciona em qualquer navegador?
Web MIDI é compatível com navegadores Chromium: Chrome, Edge, Opera e Brave. Safari e Firefox não o incluem por padrão. O botão verifica o suporte: em navegadores incompatíveis, apenas mostra um aviso. Clicar nas teclas e usar o teclado do computador continua funcionando em todos.
Dá para aprender piano com ele?
É excelente para aprender a disposição: nomes das teclas, escalas, intervalos e formas de acordes, além de treinar o ouvido com frequências exatas. Não ensina dinâmica de toque, pois teclas de computador não detectam a velocidade do acionamento. Ao passar para um piano real ou teclado MIDI, a disposição aprendida se aplica diretamente.
Por que não consigo ouvir nada?
Navegadores só permitem som após uma ação do usuário, então o motor de áudio inicia no primeiro clique ou tecla pressionada. Se continuar em silêncio, confira o controle Volume, o dispositivo de saída do sistema e se a aba está silenciada. O visor de notas atualiza de qualquer forma, confirmando que as teclas são reconhecidas.