comenzar_grabacion.js

const comenzarAGrabar = () => {
  if (!$listaDeDispositivos.options.length) return alert("No hay dispositivos");
  // No permitir que se grabe doblemente
  if (mediaRecorder) return alert("Ya se está grabando");

  navigator.mediaDevices.getUserMedia({
          audio: {
              deviceId: $listaDeDispositivos.value,
          }
      })
      .then(
          stream => {
              // Comenzar a grabar con el stream
              mediaRecorder = new MediaRecorder(stream);
              mediaRecorder.start();
              comenzarAContar();
              // En el arreglo pondremos los datos que traiga el evento dataavailable
              const fragmentosDeAudio = [];
              // Escuchar cuando haya datos disponibles
              mediaRecorder.addEventListener("dataavailable", evento => {
                  // Y agregarlos a los fragmentos
                  fragmentosDeAudio.push(evento.data);
              });
          }
      )
      .catch(error => {
          // Aquí maneja el error, tal vez no dieron permiso
          console.log(error)
      });
};