recording

recording.ts

let recorder = null;
let audio = null;
const audioChunks = [];

 const recordAudio = () =>
    new Promise(async (resolve) => {
      const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
      const mediaRecorder = new MediaRecorder(stream);

      mediaRecorder.addEventListener("dataavailable", (event) => {
        audioChunks.push(event.data);
      });

      const start = () => mediaRecorder.start();

      const stop = () =>
        new Promise((resolve) => {
          mediaRecorder.addEventListener("stop", () => {
            console.log(audioChunks);
            const audioBlob = new Blob(audioChunks);
            const audioUrl = URL.createObjectURL(audioBlob);
            const audio = new Audio(audioUrl);
            const play = () => audio.play();
            resolve({ audioBlob, audioUrl, play });
          });

          mediaRecorder.stop();
        });

      resolve({ start, stop });
    });

  const onClick = async () => {
    if (recorder) {
      audio = await recorder.stop();
      recorder = null;
      const file = new File([audio.audioBlob], "name.wav", {
        lastModified: new Date().getTime(),
        type: "audio/wav",
      });
      console.log(audio, file);
    } else {
      recorder = await recordAudio();
      recorder.start();
    }
  };