Piano Virtual

Disponível em: English, Español, Deutsch, Français, Ελληνικά, Nederlands, Italiano, Português, 日本語

Publicidade

Toque piano e outros cinco instrumentos direto no navegador. Clique nas teclas, use o teclado do computador ou encoste o dedo na tela sensível ao toque. As amostras HD dos instrumentos são carregadas automaticamente, para um som com qualidade de estúdio.

—
C3 – B4
120 BPM
Use o teclado do computador: Z–M nas teclas brancas, S–K nas teclas pretas
Esta ferramenta foi útil?
Quer contar mais?
0/500
Quer que entremos em contato?
Obrigado pelo seu comentário!
Publicidade

Sobre esta ferramenta

Este teclado virtual usa a Web Audio API (padrão do W3C) para gerar o som dos instrumentos em tempo real, dentro do navegador. O som sai por dois caminhos: a síntese imediata, que toca na hora, e as amostras HD dos instrumentos, tiradas do banco de sons General MIDI FluidR3, para um som de qualidade profissional. Todas as frequências seguem o temperamento igual de 12 semitons, com A4 = 440 Hz, como define a ISO 16:1975.

Fontes: MDN · Wikipedia

Como usar

  1. Escolha um instrumento nos botões acima do teclado
  2. Clique nas teclas, toque na tela ou use o teclado do computador (fileira Z–M nas teclas brancas, fileira S–K nas teclas pretas) para tocar as notas
  3. Ajuste a extensão em oitavas, o volume e a sustentação como precisar. Pressione Gravar para capturar o que toca.

Metodologia

Todo o som é gerado com a Web Audio API (padrão do W3C). As frequências seguem o temperamento igual de 12 semitons (12-TET), em que cada semitom corresponde a uma razão de frequência de 2^(1/12) ≈ 1,05946, com A4 = 440 Hz (norma ISO 16:1975). O piano usa síntese aditiva com 8 harmônicas, mais um desvio dessas harmônicas em relação aos múltiplos exatos da frequência fundamental, que imita o que acontece nas cordas de um piano real. O piano elétrico usa síntese por modulação de frequência (FM), com uma relação entre portadora e moduladora inspirada no sintetizador Yamaha DX7 (1983). O órgão usa síntese por registros deslizantes (drawbars), nos moldes do órgão Hammond, com 9 harmônicas nas relações de pés: 16', 5⅓', 8', 4', 2⅔', 2', 1⅗', 1⅓' e 1'. O solo sintético usa síntese subtrativa, com osciladores de dente de serra desafinados entre si passando por um filtro passa-baixo ressonante. As cordas usam osciladores desafinados com envelope de ataque lento. A marimba usa síntese percussiva, com as relações entre harmônicas típicas dos instrumentos de lâminas afinadas. As amostras HD do banco de sons General MIDI FluidR3 são carregadas em segundo plano, para uma reprodução de qualidade profissional. Cada instrumento tem o seu envelope ADSR (ataque, decaimento, sustentação e repouso), o que dá uma dinâmica realista.

Fontes: MDN · Wikipedia · ISO

Como interpretar os resultados

A linha acima do teclado mostra a nota que está soando, na notação científica de altura (C4, por exemplo, é o dó central), junto com a sua frequência em hertz. Isso ajuda a identificar as notas enquanto toca e serve de apoio ao treinamento auditivo. Quando as amostras HD terminam de carregar, aparece o selo "HD" no botão do instrumento ativo: a reprodução deixou a síntese e passou às amostras gravadas de alta qualidade. Sem esse selo, o instrumento está em modo de síntese. A velocidade de cada nota (o quanto ela soa forte) depende de onde a tecla é clicada: perto do topo o som sai mais suave, perto da base sai mais forte. Pelo teclado do computador, as notas soam sempre com uma velocidade média constante.

Exemplos práticos

Exemplo 1: escala de C maior — toque as teclas brancas em sequência, de C4 a C5 (no teclado do computador: Z, X, C, V, B, N, M e, depois de subir uma oitava, Z). A frequência de cada nota dobra a cada oitava: C4 = 261,63 Hz e C5 = 523,25 Hz. Exemplo 2: acorde de C maior — pressione C4 (261,63 Hz), E4 (329,63 Hz) e G4 (392,00 Hz) ao mesmo tempo. No teclado do computador, Z, C e B juntas. Ative a sustentação antes, para um som mais cheio. Experimente o mesmo acorde com outros instrumentos, para comparar os timbres.

Dicas para tocar

Comece com o piano e 2 oitavas para aprender onde fica cada tecla. Os nomes das notas podem ficar visíveis enquanto isso. Experimente um acorde de C maior, pressionando C, E e G ao mesmo tempo. No teclado do computador, são Z, C e B juntas. Use a sustentação ao estudar arpejos: as notas continuam a soar depois de cada tecla ser solta, e o som fica mais cheio. Troque de instrumento para ouvir a mesma melodia com timbres diferentes. O órgão tem ataque imediato; as cordas entram devagar. Ajuste a extensão em oitavas para ficar no registro de que precisa. Para estudar o grave, desça para as oitavas 1 e 2; para melodias agudas, suba para as oitavas 5 e 6.

Fontes

Todos os cálculos são feitos localmente no navegador. Nenhum dado é enviado a servidores.

Incorporar esta ferramenta

Obter código de incorporação →

Perguntas frequentes
Como toco o piano virtual?
Há três maneiras de tocar: clique nas teclas com o mouse, encoste o dedo nelas na tela sensível ao toque ou use o teclado do computador. A fileira de baixo (Z, X, C, V, B, N, M) toca as teclas brancas, e a fileira acima (S, D, G, H, J) toca as teclas pretas. Várias notas podem soar ao mesmo tempo, formando acordes.
Quais instrumentos estão disponíveis?
São seis: piano (síntese aditiva com um decaimento realista), piano elétrico (síntese por modulação de frequência inspirada no Yamaha DX7), órgão (síntese por registros deslizantes, nos moldes do órgão Hammond), solo sintético (dois osciladores de dente de serra desafinados entre si, com filtro), cordas (som de conjunto, com ataque lento) e marimba (instrumento de percussão tocado com baquetas). As amostras HD de cada instrumento também são carregadas automaticamente.
Quais teclas do computador posso usar?
As teclas brancas ficam na fileira de baixo do teclado: Z (C), X (D), C (E), V (F), B (G), N (A), M (B). As teclas pretas usam a fileira acima: S (C#), D (D#), G (F#), H (G#), J (A#). Mantenha a tecla pressionada para a nota continuar soando. O mapeamento cobre uma oitava a partir da oitava atual — mude a oitava para cima ou para baixo para alcançar outras regiões do teclado.
Como o som é gerado?
A ferramenta gera o som por dois caminhos. Na primeira nota tocada, usa a síntese em tempo real do navegador: osciladores com envelope ADSR (ataque, decaimento, sustentação e repouso) produzem o som na hora, sem tempo de carregamento. Em paralelo, as amostras HD de cada instrumento, tiradas do banco de sons General MIDI FluidR3 GM, são carregadas em segundo plano. Quando terminam de carregar, a reprodução passa automaticamente para essas amostras de alta qualidade. Todas as frequências seguem o temperamento igual de 12 semitons, com A4 = 440 Hz (ISO 16:1975).
Posso gravar e ouvir o que toquei?
Sim. Pressione o botão Gravar para começar e toque as notas; pressione Gravar outra vez para parar. A sequência gravada pode então ser ouvida com o botão Reproduzir. A gravação guarda o momento, a velocidade e a duração de cada nota, por isso reproduz com fidelidade o que foi tocado. As gravações ficam na memória durante a sessão: ao recarregar a página, a gravação é apagada.
Funciona em celulares e tablets?
Sim. O teclado responde ao toque e acompanha o tamanho da tela. Em telas menores, as teclas são redimensionadas para caber. O multitoque permite tocar acordes. Em telas estreitas, o teclado também rola na horizontal, de modo que todas as teclas ficam ao alcance. Para a melhor experiência no celular, use 1 ou 2 oitavas.
O que faz o botão Sustentação?
O botão de sustentação funciona como o pedal de sustentação de um piano. Quando está ativado, as notas continuam a soar depois que a tecla é solta, como se os abafadores fossem afastados das cordas. Assim uma nota continua enquanto a seguinte começa, e o som fica mais cheio. Desative a sustentação para voltar ao comportamento normal, em que o som para quando a tecla é solta.
Os dados de áudio ficam privados?
Sim. Todo o som é gerado dentro do navegador. Nenhum dado de áudio é gravado, transmitido ou armazenado em servidor algum. As amostras HD dos instrumentos são buscadas numa rede pública de distribuição de conteúdo (jsDelivr), como arquivos de áudio estáticos, e o que é tocado nunca sai do dispositivo. A gravação guarda os dados das notas apenas na memória do navegador, durante a sessão atual.