使MediaRecorder在Angular 9中工作的问题

declare var MediaRecorder: any;

export class YourComponent implements OnInit {
  mediaRecorder: any;

  ngOnInit() {
    if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
      navigator.mediaDevices.getUserMedia({ audio: true, video: true })
        .then(stream => {
          this.mediaRecorder = new MediaRecorder(stream);
          // 设置录制的音视频格式、编码等参数
          this.mediaRecorder.mimeType = 'video/webm';
          this.mediaRecorder.videoBitsPerSecond = 2500000;
          this.mediaRecorder.audioBitsPerSecond = 128000;
          // 监听录制数据可用事件
          this.mediaRecorder.ondataavailable = (event) => {
            // 处理录制的音视频数据
            // event.data即为录制的音视频数据
          };
        })
        .catch(error => {
          console.error('Error accessing media devices: ', error);
        });
    } else {
      console.error('getUserMedia not supported on your browser!');
    }
  }
}