Widgets grátis de metrônomo, afinador e piano para o seu site ou blog

Você tem três widgets para escolher. O primeiro é um metrônomo online com andamento de 20 a 300 BPM, tap tempo e compassos 2/4, 3/4, 4/4, 5/4, 6/8 e 7/8. O primeiro tempo recebe um clique de 1000 Hz. Os demais usam 800 Hz. Assim, você ou o aluno identifica o início do compasso sem depender de uma contagem falada.

Para uma atividade de violão, comece entre 60 e 72 BPM. Para uma batida de forró em 2/4, use o metrônomo primeiro com uma nota por clique e só depois acrescente a síncope. Em um exercício de pagode, o aluno pode marcar quatro batidas no tap tempo e conferir se o pulso ficou próximo do andamento que pretende estudar.

O segundo é um afinador de violão online para a afinação padrão E2, A2, D3, G3, B3 e E4. Ele usa o microfone do aparelho de quem visita a página. A indicação de afinado considera uma faixa de ±5 cents, mas o resultado depende do microfone, do ambiente, do volume do instrumento e da forma como a corda foi atacada. O áudio é analisado no próprio navegador e não é enviado para outro lugar.

O afinador não substitui a escuta. Se a indicação oscilar, afaste o celular da caixa do violão, reduza o ruído ao redor e toque uma corda por vez. Espere a nota estabilizar antes de girar a tarraxa. Em violões com cordas novas, repita a conferência depois de alguns segundos, porque a tensão pode variar.

O terceiro é um piano virtual com duas oitavas. Quando o espaço disponível fica estreito, ele mostra uma oitava. O widget permite trocar a oitava, usar sustain e tocar pelo teclado do computador quando ele está em foco. É útil para localizar notas, conferir intervalos e testar ideias de harmonia sem abrir uma segunda página.

Você pode usar o piano para localizar a tônica de uma tonalidade, comparar terça maior e terça menor ou experimentar uma progressão como I–V–vi–IV. Em uma aula de MPB, isso ajuda o aluno a ouvir a função de cada acorde sem reproduzir a letra ou a cifra completa de uma obra protegida.

Essas são as ferramentas disponíveis para incorporação. Não há catálogo de músicas, busca de links, conexão com vídeos ou envio de áudio. Se você procura outras ferramentas para uma aula ou um artigo, veja todas as ferramentas do Cantivy e escolha apenas o que combina com a atividade proposta.

Comece escolhendo o widget nesta página. Selecione a ferramenta, a largura e o idioma. O gerador mostra o código iframe correspondente. Copie todo o trecho, incluindo a linha de crédito que aparece logo abaixo do widget. Não altere o endereço fixo do código nem remova o atributo allow="microphone" do afinador.

Depois, abra o editor da página onde deseja colocar a ferramenta e use o bloco de HTML personalizado ou de incorporação da sua plataforma. Cole o código no campo indicado e publique ou atualize a página. Algumas plataformas gratuitas não aceitam iframe. Nesse caso, o bloco pode ser removido, bloqueado ou exibido como texto.

Faça este teste em três etapas. Primeiro, salve ou publique a página. Segundo, abra o endereço como visitante, sem permanecer apenas no modo de edição. Terceiro, interaja com os controles. No metrônomo, toque junto por oito compassos e confira se o acento do primeiro tempo está claro. No piano, pressione uma tecla do computador quando o widget estiver em foco. No afinador, autorize o microfone e toque uma corda por vez.

Se o piano não responder ao teclado, clique sobre o widget antes de pressionar as teclas. Se o afinador não mostrar sinal, confira a permissão do microfone, o volume do instrumento e o uso do HTTPS. Se o bloco aparecer como texto, procure na plataforma uma opção chamada “HTML personalizado”, “Código incorporado” ou “Embed”.

O código aponta para um endereço fixo do Cantivy. Se a ferramenta receber melhorias, você não precisa trocar o trecho já colado. Para remover o widget, basta apagar o código da página e a linha de crédito associada. O conteúdo do seu site não é alterado por essa remoção.

Há quatro opções de largura: 100%, 360 px, 560 px e 800 px. A opção de 100% é responsiva e respeita o limite de 800 px. Use-a quando a página recebe alunos em celulares e computadores diferentes. As opções fixas ajudam quando você está montando uma coluna, uma ficha de exercício ou uma página com duas áreas lado a lado.

Escolha 360 px para uma coluna estreita ou para uma página pensada primeiro para celular. Use 560 px em uma aula com texto ao lado ou abaixo. Reserve 800 px para uma página de recursos em que o widget ocupa quase toda a largura. Se você não souber qual escolher, comece com 100% e teste em uma tela de aproximadamente 360 px de largura.

A altura já vem calculada para cada ferramenta. Por isso, não é necessário adivinhar um valor nem criar uma barra de rolagem dentro do iframe. Em uma tela estreita, o piano reduz para uma oitava. No metrônomo e no afinador, os controles se ajustam ao espaço escolhido.

Você pode selecionar português, espanhol, inglês, indonésio, francês, alemão, italiano, russo, turco ou polonês. Escolha o idioma pensando no público daquela página. Um professor que dá aulas em português pode manter os controles nesse idioma mesmo quando compartilha um exercício com um aluno que mora fora do Brasil.

O lugar do widget muda a experiência. Coloque o metrônomo perto da contagem do exercício. Deixe o afinador ao lado da explicação sobre as seis cordas. Posicione o piano junto de uma análise de intervalo ou de uma progressão como I–V–vi–IV. Em uma página longa, coloque uma introdução curta antes da ferramenta e as instruções de prática logo depois.

Para uma ficha de estudo, uma ordem funcional é: objetivo do exercício, ferramenta, andamento ou tonalidade, número de repetições e critério de passagem. Exemplo: “Toque a escala em 60 BPM por quatro repetições. Suba para 64 BPM apenas se não houver interrupções”. Essa estrutura dá ao aluno uma ação imediata e um limite claro.

O afinador precisa ouvir o som pelo microfone do aparelho de quem visita a página. O código já traz allow="microphone". Sem esse atributo, o navegador bloqueia o acesso ao microfone dentro do widget. O site que recebe o afinador também precisa usar HTTPS. Em uma página sem conexão segura, o navegador não libera esse recurso.

Na primeira tentativa, o navegador pode mostrar um pedido de permissão. A pessoa precisa permitir o microfone para afinar o violão. Se ela recusar, o restante da página continua disponível, mas o afinador não recebe sinal. Também ajuda fechar aplicativos que estejam usando o microfone e tocar uma corda por vez, com o instrumento perto do aparelho.

Em celulares, coloque o aparelho a uma distância aproximada de 20 a 50 centímetros do violão. Evite encostar o telefone na caixa do instrumento. Em computadores, use o microfone selecionado pelo navegador e reduza fontes próximas de ruído, como televisão, ventilador ou outra pessoa tocando.

O som é analisado no próprio navegador e não é enviado a lugar nenhum. Ainda assim, o resultado não substitui uma medição de laboratório. O afinador depende do microfone do celular, tablet ou computador, do ruído do ambiente e da forma como a corda é tocada. Para chegar a uma leitura estável, espere a nota parar de oscilar e faça pequenos ajustes na tarraxa.

O tom detectado é uma estimativa. O afinador pode confundir uma nota com outra em ambientes ruidosos ou apresentar uma leitura instável. Se a indicação parecer uma oitava acima ou abaixo, confira a corda escolhida e toque novamente. A leitura de uma corda solta não deve ser tratada como uma medição exata em qualquer aparelho.

Explique isso ao aluno antes do exercício. Em uma sala de aula online, peça para ele conferir se o cadeado de segurança aparece no navegador, autorizar o microfone e tocar E2, A2, D3, G3, B3 e E4 separadamente. Se houver dúvida sobre dados e permissões, consulte a política de privacidade.

Uma atividade simples começa com 60 a 72 BPM. Peça ao aluno para tocar uma nota por clique durante quatro compassos. Depois, mude para 3/4 e faça três ataques por compasso. O clique de 1000 Hz no primeiro tempo ajuda a perceber onde o ciclo recomeça. Para um exercício de forró, você pode usar 2/4 e pedir que a mão direita mantenha a pulsação antes de acrescentar a síncope.

Para transformar isso em uma tarefa de 10 minutos, use três blocos. No primeiro, o aluno toca quatro compassos com uma nota por clique. No segundo, repete a mesma figura em 3/4. No terceiro, mantém a pulsação e acrescenta uma mudança de acorde a cada quatro compassos. Anote o andamento inicial e o andamento final para comparar na aula seguinte.

O tap tempo serve para aproximar o andamento de uma música que o aluno já conhece. Ele pode bater quatro vezes no pulso de um pagode ou de um sertanejo e conferir o número indicado. Depois, ajuste o BPM para um valor confortável. Se a execução travar, reduza de 8 a 12 BPM. Quando ficar consistente, aumente de 4 em 4 BPM.

O andamento detectado pelo tap tempo é uma referência. Quatro batidas podem resultar em metade ou dobro do BPM pretendido, principalmente quando o aluno marca apenas um lado do pulso. Compare o número com a sensação do compasso e corrija com um toque antes de iniciar o exercício.

O piano ajuda em atividades de escuta e localização. Peça para o aluno encontrar a tônica, a terça maior e a quinta usando uma oitava. Em uma aula de MPB, você pode comparar o movimento I–V–vi–IV sem escrever a cifra completa de uma obra protegida. Em seguida, o aluno toca cada acorde no piano e identifica se a terça é maior ou menor.

Você também pode montar um exercício de gospel em quatro etapas: localizar a tônica, tocar a quinta, alternar terça maior e menor e repetir a progressão em outra oitava. No repertório sertanejo, use o piano para comparar o baixo da tônica com o da quinta. No pagode, peça ao aluno para manter o metrônomo em 2/4 enquanto identifica a nota mais grave de cada acorde.

Para aulas de violão, combine os três widgets. Primeiro, o aluno usa o afinador para conferir as seis cordas. Depois, marca 70 BPM no metrônomo e toca uma batida simples. Por fim, encontra no piano as notas da escala ou o baixo de uma progressão. Essa sequência separa afinação, tempo e percepção harmônica, três tarefas que costumam se misturar quando o aluno começa a tocar.

Dentro do widget não há anúncio, contador de visitas, cookie ou script de terceiros. Ele carrega somente a página da ferramenta, a fonte e o script do cantivy.com. Isso deixa a área de prática concentrada nos controles do metrônomo, do afinador ou do piano.

O aluno não precisa criar uma conta, informar e-mail ou inserir uma chave. O professor também não precisa administrar uma lista de usuários. Basta abrir a página publicada e usar a ferramenta. No afinador, a única permissão específica é o acesso ao microfone, solicitado pelo navegador para analisar o som no próprio aparelho.

O widget não promete funcionar sem internet. Ele roda no navegador com a página aberta e precisa carregar os recursos do Cantivy. A disponibilidade também depende da conexão e das regras da plataforma onde você colou o código. Se o bloco não aparecer, confira se a plataforma aceita iframe, se o endereço da página foi publicado corretamente e se alguma política de segurança não bloqueou o conteúdo incorporado.

Se o objetivo é oferecer uma ferramenta de estudo, descreva a tarefa na própria página. Informe o andamento, o compasso, a quantidade de repetições e o que o aluno deve ouvir. Não apresente o widget como um serviço de busca, armazenamento ou processamento de músicas, porque ele não exerce essas funções.

O uso é gratuito, sem cadastro e sem chave. A condição é manter o crédito “por Cantivy”. O código já inclui um link dentro do widget e uma linha de texto logo abaixo dele. Esse crédito identifica a origem da ferramenta e precisa permanecer visível na página publicada.

Não edite o endereço fixo do iframe para esconder o crédito, trocar a origem ou inserir scripts próprios dentro do widget. Você pode escolher a largura, o idioma e o lugar onde a ferramenta aparece. Também pode remover tudo a qualquer momento, apagando o código da página.

Se o seu editor acrescentar estilos ao redor do widget, mantenha espaço suficiente para a linha de crédito. Em uma coluna de 360 px, confira se o texto não fica cortado. Depois de publicar, abra a página em uma janela anônima ou em outro navegador para verificar a visualização de quem não está logado no painel.

O código foi feito para continuar válido enquanto o endereço da ferramenta estiver disponível. Melhorias podem chegar ao widget sem que você precise trocar o trecho incorporado. Ainda assim, teste a página depois de alterações no seu tema, no editor ou nas regras de segurança da plataforma.

Para consultar as regras completas, leia os termos de uso. Se o código não carregar, o crédito aparecer com problema ou você encontrar uma situação que não está explicada aqui, fale com a gente e envie o endereço da página onde tentou incorporar a ferramenta.

Você pode colocar três ferramentas musicais dentro da sua própria página: metrônomo, afinador de violão e piano virtual. O aluno pratica sem ser enviado para outro site.

O ponto principal é copiar o código gerado nesta página, colar no bloco de HTML personalizado ou de incorporação e testar como visitante. A primeira publicação costuma exigir apenas a escolha da largura, do idioma e do local do widget.

• Escolha o widget e configure largura, idioma e ferramenta antes de copiar o código.
• Use HTTPS no site que recebe o afinador e mantenha allow="microphone" no iframe.
• Comece exercícios de tempo entre 60 e 72 BPM e aumente o andamento em pequenos passos.
• Use o tap tempo como referência e confira se o valor não apareceu pela metade ou pelo dobro do pulso pretendido.
• Use o piano para localizar notas, intervalos e progressões como I–V–vi–IV.
• Teste o widget na página publicada, e não apenas no editor da plataforma.
• Mantenha o crédito “por Cantivy” e a linha de texto abaixo do widget.
• Apague o código da página se quiser remover a ferramenta.