Создание элемента видео из блоба

Question

Я пытаюсь создать элемент видео из BLOB-объекта в React.Я так много сделал.Но это не похоже на работу.Есть ли какая-либо ошибка в этом коде?

loadBlob(blob, callback) {

    const reader = new FileReader();
    reader.readAsDataURL(blob);

    reader.onload = (event) => {
      const result = event.target.result;     
      callback(result)
   }
}

createVideo(result) {
 this.setState({
    src:result
  })
}

loadBlob(blob, createVideo) /*Passing the blob and the callback in the click button click event*/

При рендеринге у меня

 <video>
   <source src = {this.state.src}/>
 </video>

src устанавливается в элементе видео, когда я проверяю его с инспектором.Когда я консоль вышла из блоба, я получаю это

Blob(231112) {size: 231112, type: "video/webm"}. 

Мне интересно, можно ли это сделать с видео, используя Filereader?

Answer 1

Ах, обсуждение в комментариях заставило меня осознать проблему.

Вы не должны использовать data: URI для таких больших данных;вместо этого используйте URL.createObjectURL(blob).