Estoy grabando audio desde el micrófono en un navegador usando la API de grabación de MediaStream. Me gustaría proporcionar al usuario una retroalimentación visual de un ícono de micrófono pulsante. Algo como esto, solo vinculado a la amplitud de sonido real del micrófono. https://codepen.io/megwayne/pen/bWOYEj ¿Cómo hago esto?

Estoy grabando audio como este:

 const stream = await navigator.mediaDevices.getUserMedia({ audio: true }); const mediaRecorder = new MediaRecorder(stream); const audioChunks = []; mediaRecorder.addEventListener("dataavailable", event => { audioChunks.push(event.data); });