如何將錄制的音頻（Blob）上傳到服務器？ - ReactJS

Question

我正在使用 react-media-recorder 庫，我需要做的是將語音作為文件發送到后端。 后端只支持 mp3 和 ogg 我應該怎么做？ 我真的需要一些幫助，我將不勝感激

  const { startRecording, stopRecording, mediaBlobUrl } = useReactMediaRecorder(
    {
      audio: true,
      blobPropertyBag: { type: "audio/mp3" },
    }
  );

  React.useEffect(() => {

    async function uploadVoice() {
      const audioBlob = await fetch(mediaBlobUrl).then((r) => r.blob());
      const audiofile = new File([audioBlob], "audiofile.mp3", {
        type: "audio/mp3",
      });
      const formData = new FormData();
      formData.append("file", audiofile);
      await axios.post(
        endPoint,
        formData,
        {
          "content-type": "multipart/form-data",
        }
      );

    }
    if (mediaBlobUrl) {
      uploadVice();
    }

  }, [mediaBlobUrl]);

我的實現不起作用，后端不會接受我也將mp3更改為ogg並且這也不起作用。 我應該如何將 blob 上傳到服務器？

Answer 1

mime 類型應該是audio/mpeg for.mp3 文件，而不是audio/mp3 。