Web MediaRecorder 是 Web API 中的一部分，用于在浏览器中录制音频和视频。它可以捕获音频和视频数据，并将其保存为 Blob 对象。

Blob（二进制大对象）是一种数据类型，用于存储二进制数据。它可以包含任意类型的数据，包括音频、视频、图像等。Blob 对象通常与特定的文件格式相关联。所以，你提到的 WAV 和 MP3 都是常见的音频文件格式。

在使用 MediaRecorder 录制音频后，可以通过调用其 ondataavailable 事件来获取 Blob 数据。这个 Blob 对象可以表示录制的音频数据。接下来，你可以使用这个 Blob 对象对录制的音频进行处理或保存。

对于录制的音频数据而言，它本身不直接与 WAV 或 MP3 格式有关。Blob 只是表示原始的音频数据，并没有指定具体的文件格式。要将 Blob 数据转换为 WAV 或 MP3 格式，需要进行相应的编码操作。

对于 WAV 格式的编码，可以使用 Web API 中的 AudioContext 进行转换。你可以创建一个新的 AudioContext，通过 decodeAudioData 方法将 Blob 数据解码为 PCM 格式的音频数据，然后使用其他库或自定义代码将 PCM 数据编码为 WAV 格式。

对于 MP3 格式的编码，由于 MP3 是一种有损压缩格式，Web API 并不直接支持将 Blob 数据编码为 MP3 格式。你可以使用第三方库，如 LAMEjs 或 libmp3lame.js，来在浏览器中进行 MP3 编码。

总结来说，Web MediaRecorder 返回的 Blob 对象是原始录制的音频数据，可以使用特定的编码库将其转换为 WAV 或 MP3 格式。

react-media-recorder-2

react-audio-voice-recorder

audio-react-recorder