我写了一个常规的Angular 版本的网络，如果有人需要它：

async browserCapture() {
  const stream: MediaStream = await navigator.mediaDevices.getUserMedia(this.constraints);
  const recorder = new MediaRecorder(stream, {mimeType: 'ogg'});
  const chunks: Blob[] = [];
  recorder.ondataavailable = (event: BlobEvent) => {
    if (event.data && event.data.size > 0) {
      chunks.push(event.data);
      this.zone.run(() => {
        this.recordChunks = [...chunks];
        this.cd.markForCheck();
      });
    }
  };
  this.recorder.onstop = () => {
    this.zone.run(() => {
      stream.getTracks().forEach(t => t.stop());
      if (chunks?.length) {
        this.upload(new Blob(chunks, {type: 'ogg'})); // use the blob result
      }
    });
  };
  recorder.start(500);
}