MicrophoneRecorder

MicrophoneRecorder.ts

import RecordRTC from "recordrtc";

const options: RecordRTC.Options = {
  type: "audio",
  mimeType: "audio/wav",
  recorderType: RecordRTC.StereoAudioRecorder,
};

class MicrophoneRecorder {
  recorder: RecordRTC | undefined;
  gumStream: MediaStream | undefined;
  startRecording = () => {
    navigator.mediaDevices.getUserMedia({ audio: true }).then(stream => {
      this.gumStream = stream;
      this.recorder = new RecordRTC(stream, options);
      this.recorder?.startRecording();
    });
  };
  stopRecording = () => {
    return new Promise<Blob>((resolve, reject) => {
      this.recorder?.stopRecording(() => {
        this.gumStream?.getAudioTracks().forEach(track => track.stop());
        const blob = this.recorder?.getBlob();
        if (blob) {
          resolve(blob);
        } else {
          reject(new Error("No blob"));
        }
      });
    });
  };
}

export default MicrophoneRecorder;