Como faço para conectar a entrada de audio vinda do microfone ao analyser da API AudioContext para obter a frequencia em Hertz?
Javascript:
let display = document.getElementById("display");
let ctx = new AudioContext();
var analyser = ctx.createAnalyser();
analyser.connect(ctx.destination);
navigator.mediaDevices
/* Solicita permissão de acesso */
.getUserMedia({ audio: { echoCancellation: true } })
/* Cria um fonte de stream */
.then(stream => {
let source = ctx.createMediaStreamSource(stream);
source.connect(analyser);
display.innerText = analyser.getFloatFrequencyData()[0];
})
.catch(err => {
console.log("Microfone negado");
});
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>API JS</title>
</head>
<body>
<!-- <audio id="playerAudio" src="" autoplay controls></audio> -->
<p id="display">0</p>
<script src="/script.js"></script>
</body>
</html>
Não estou conseguindo fazer essa obra, se eu conectar a variavel stream
do then()
diretamente a um objeto de audio (com controle de bausa e mute...) consigo ouvir ao mesmo tempo que gravo, porém não consigo interceptar com o analyser para obter os Hertz o audio.