angular - 在 Angular/Electron 应用程序中使用 MediaRecorder 对象

Question

我正在尝试使用 MediaRecorder 对象，但编译器无法识别它。

startStreaming(){
 const mediaStream=this.canvas.captureStream(30);
 this.mediaRecorder = new MediaRecorder(mediaStream, {
  mimeType: 'video/webm;codecs=h264',
  videoBitsPerSecond : 3 * 1024 * 1024
 });
 this.mediaRecorder.start(1000);
}

this.canvas已被声明为HTMLCanvasElement，但我仍然有此错误captureStream： Property 'captureStream' does not exist on type 'HTMLCanvasElement'.

在下一行，我有Cannot find name 'MediaRecorder'.

到目前为止，我试图：

1. 安装 dom-mediacapture-record:npm install -d @types/dom-mediacapture-record
2. 将“dom-mediacapture-record”添加types到tsconfig.json

但似乎没有任何效果。有任何想法吗？

Answer 1

您是否尝试将“dom-mediacapture-record”添加到types您的数组中tsconfig.app.json而不是tsconfig.json?
这对我有用。