Сделайте снимок с видео-реакции

Question

видео-реакция

кадр захвата

Я пытаюсь получить снимок с видео-реакции с использованием capture-frame , но когда я вызываю функцию captureFrame (видео), он перерисовывает следующее.

error: Uncaught DOMException: не удалось выполнить toDataURL для HTMLCanvasElement ': Испорченные полотна не могут быть экспортированы.

Мой код следующий:

captureSnapshot = () => {
    const video = this.player_video.video.video;
    video.setAttribute('crossOrigin', 'anonymous');
    console.log(video);

    const buf = captureFrame(video);
    const image = document.createElement('img');
    image.setAttribute('crossOrigin', 'anonymous');
    image.setAttribute('src', window.URL.createObjectURL(new window.Blob([buf])));


    console.log('captured frame src', image);
    this.setState({ image: image.src });
  }

Answer 1

В основном было решено ошибка, включающая crossOrigin в реквизитах видео-реакции игрока, например:

<Player
   ref={player => { this.player_video = player }}
   crossOrigin={'anonymous'}
/>