RTCRecorder：TypeError Recorder 不是构造函数

Question

我正在尝试通过 React 应用程序从浏览器记录 wav 并将其发送到我的 nodeJS API。这在原型 html5 示例中工作正常。但现在我将其移至 React/Typescript。我对打字稿很陌生，所以一切都感觉有点hacky。我正在使用 RecordRTC，到目前为止的代码是：声明文件，因为 recordRTC 没有 @types/recordrtc：declare module "recordrtc";实际代码：startRecording() {        this.record = true        this.captureUserMedia((stream: any) => {            this.recordAudio = RecordRTC(stream, { recorderType: 'StereoAudioRecorder', type: 'audio', mimeType: 'audio/wav' });            this.recordAudio.startRecording();        });    }当我调用 startRecording 时，我得到了这个：Uncaught TypeError: Recorder is not a constructor    at initRecorder (RecordRTC.js:87)    at Object.startRecording (RecordRTC.js:70)    at PracticeScreen.tsx:143chrome 浏览器中显示的是：我猜它与 .d.ts 文件有关，但我什至不知道从哪里开始。

Answer 1

RecordRTC 文档显示recorderType需要一个类构造函数，但您的示例将其设置为字符串。您可以将其设置为StereoAudioRecorder的类构造函数，如下所示：

RecordRTC(

  stream, 

  { 

    recorderType: StereoAudioRecorder,   // <-------- class constructor not string 

    type: 'audio', 

    mimeType: 'audio/wav' 

  },

);