Javascript MediaRecorder只录制一帧

我正在开发一个react原生应用程序，在那里我正在录制一个画布，并制作5秒钟的视频文件上传到服务器。除了我所有的webm文件只有一个框架外，其他一切都很好。这是我的密码。请帮我理解这里出了什么问题。谢谢

    initMediaRecorder = () => {
    
    const promise = new Promise((resolve) => {
      const stream = this.selfieCanvas.captureStream(10);
      let mediaRecorder = null;
      let options;
      if (MediaRecorder.isTypeSupported('video/webm; codecs=vp9')) {
        options = { mimeType: 'video/webm; codecs=vp9', videoBitsPerSecond: 2500000 };
      } else if (MediaRecorder.isTypeSupported('video/webm;codecs=vp8')) {
        options = { mimeType: 'video/webm; codecs=vp8', videoBitsPerSecond: 2500000 };
      } else {
        options = 'video/vp8'; // Chrome 47
      }
      try {
        mediaRecorder = new MediaRecorder(stream, options);
      } catch (e0) {
        resolve(null);
      }

      mediaRecorder.ondataavailable = (event) => {
        console.log(`LOG - Data available ${event.data.size}`);
        this.sendToSaveVideo(event.data);
      };

      resolve(mediaRecorder);
    });

    return promise;
  }

  captureVideo = async (oldMediaRecorder) => {

    this.initMediaRecorder().then((mediaRecorder) => {
      if (oldMediaRecorder !== null && typeof oldMediaRecorder !== 'undefined') {
        // I don't want to stop previous recorder until I init the next recorder
        oldMediaRecorder.stop();
      }
      if (mediaRecorder !== null) {
        mediaRecorder.start();
      }
      
      this.captureVideoTimer = setTimeout(() => {
        this.captureVideo(mediaRecorder);
      }, 5000);
      
    });
  }

  sendToSaveVideo = async (eventData) => {
    const blobChunk = [];
    blobChunk.push(eventData);
    const video = new Blob(blobChunk, { type: 'video/webm' });
    saveBlobToCloud(video); // save the file to cloud
  }```