How to set the recording to audio/wav?

[tmgrcia]

Is it possible to set the recording to wav using hooks?

const {
    startRecording,
    stopRecording,
    togglePauseResume,
    recordingBlob,
    isRecording,
    isPaused,
    recordingTime,
    mediaRecorder,
  } = useAudioRecorder({noiseSuppression: true, echoCancellation: true});

useEffect(() => {
    if (!recordingBlob) return;
    console.log('recording blob', recordingBlob);
    console.log('mediaRecorder: ', mediaRecorder?.mimeType);
    addAudioElement(recordingBlob);
  }, [recordingBlob]);

 const addAudioElement = (blob: any) => {
    console.log('done');
    const url = URL.createObjectURL(blob);
    const audio = document.createElement('audio');
    audio.src = url;
    audio.controls = true;
    console.log(audio);
    setRecording(audio.src);
    setBlob(blob);
  };

Thanks!

[samhirtarif]

Turning this issue into a discussion

[samhirtarif]

@tmgrcia - You can pass mimeType to useAudioRecorder like so

const {
    startRecording,
    stopRecording,
    togglePauseResume,
    recordingBlob,
    isRecording,
    isPaused,
    recordingTime,
    mediaRecorder,
  } = useAudioRecorder(
          { noiseSuppression: true, echoCancellation: true },
          null, //onNotAllowedOrFound
          { mimeType: "audio/webm" } //mediaRecorderOptions
     );

But that said, the audio/wav mimeType is not necessarily supported by the browsers' MediaRecorder implementations.

This is a screenshot from chrome

[tmgrcia]

Thanks!

[GraysonNull]

I'd like to have the recording be an mp3 but best I can tell it has to be a 'webm' when using this hook. Is there any way to change the downloadFileExtension so that the finished file will be an mp3?