为什么我在移动铬浏览器中的MediaStream录制API中获得斑点长度为0？

Question

我正在下一个JS中构建一个简单的录音机，该录音机将在录制结束后将音频斑点发送到服务器。

import { useEffect, useState } from "react";
const useRecorder = () => {
  const [audioURL, setAudioURL] = useState();
  const [isRecording, setIsRecording] = useState(false);
  const [recorder, setRecorder] = useState(null);
  useEffect(() => {
    // Lazily obtain recorder first time we're recording.
    if (recorder === null) {
      if (isRecording) {
        requestRecorder().then(setRecorder, console.error);
      }
      return;
    }
    // Manage recorder state.
    if (isRecording) {
      recorder?.start();
    } else {
      recorder?.stop();
    }
    // Obtain the audio when ready.
    const handleData = (e) => {
      setAudioURL({
        data: URL.createObjectURL(e.data),
        type: e,
        name: e.name,
      });
    };
    recorder.addEventListener("dataavailable", handleData);
    return () => recorder.removeEventListener("dataavailable", handleData);
  }, [recorder, isRecording]);
  const startRecording = () => {
    setIsRecording(true);
  };
  const stopRecording = () => {
    setIsRecording(false);
  };

  return [audioURL, isRecording, startRecording, stopRecording];
};
async function requestRecorder() {
  const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
  return new MediaRecorder(stream, { type: "audio/x-mpeg-3" });
}
export default useRecorder;

我正在使用上面的钩子开始，停止并生成斑点。一切都在桌面版本中起作用，但是在移动镀铬浏览器中，斑点的长度为0。还有其他方法可以解决它吗？