Bugigangas do Fabinho

Clique aqui para copiar o código do detector de nota

<!DOCTYPE html>
<html>
  <head>
    <title>Detector de notas musicais</title>
  </head>
  <body>
    <h1>Detector de notas musicais</h1>
    <p>Cante uma nota para ver o resultado:</p>
    <p id="resultado"></p>
    
    <button id="botao" onclick="toggle()">Ligar/Desligar</button>

function atualizarResultado() {
        if (!isRunning) {
          return;
        }
        analyserNode.getByteFrequencyData(frequencyBuffer);
        const maxIndex = frequencyBuffer.indexOf(Math.max(...frequencyBuffer));
        const frequency = maxIndex * audioContext.sampleRate / analyserNode.fftSize;
        const y = 12 * Math.log2(frequency/440);
        const indiceNota = Math.round(y);
        const nomeNota = notas[(indiceNota % 12 + 12) % 12];
        const oitava = Math.floor(indiceNota/12) - 1;
        const resultado = document.getElementById("resultado");
        resultado.innerHTML = "Você está cantando a nota " + nomeNota + " na oitava " + oitava;
        requestAnimationFrame(atualizarResultado);
      }
    </script>
  </body>
</html>

Bugigangas do Fabinho

Nenhum comentário:

Postar um comentário