Reactjs 视频流:使用Blob URL,-找不到视频搜索播放404文件

Reactjs 视频流:使用Blob URL,-找不到视频搜索播放404文件,reactjs,xmlhttprequest,blob,revokeobjecturl,createobjecturl,Reactjs,Xmlhttprequest,Blob,Revokeobjecturl,Createobjecturl,我是一个视频流服务的开发者/创建者,目的是为我正在使用的电影提供服务器 createObjectURL() (BLOB URL). BlobURL被创建并提供给html5视频元素 在视频渲染后,blob URL被撤销,以防止用户访问私有电影文件,但是,当我试图通过视频搜索时,我得到了一个找不到的错误文件 我是否需要在每次查找视频时重新创建blob,或者我是否声明我的blob错误 async renderBlob(url){ const myPlayer =

我是一个视频流服务的开发者/创建者,目的是为我正在使用的电影提供服务器

    createObjectURL() (BLOB URL). 
BlobURL被创建并提供给html5视频元素

在视频渲染后,blob URL被撤销,以防止用户访问私有电影文件,但是,当我试图通过视频搜索时,我得到了一个找不到的错误文件

我是否需要在每次查找视频时重新创建blob,或者我是否声明我的blob错误

    async renderBlob(url){
          const myPlayer = this.player.current;

          var xhr = new XMLHttpRequest();

          xhr.open('GET', 'movie.mp4', true);

          xhr.responseType = 'blob';

          xhr.onload = () => {
                  this.setState({src: URL.createObjectURL(xhr.response)})
                  myPlayer.src = this.state.src
                  myPlayer.play()
          };

          xhr.onerror = function(e) {
                  alert("Error " + e.target.status + " occurred while receiving the document.");
          };

          xhr.send(); 
  }
播放视频后:

    URL.revokeObjectURL(this.state.src)
短视频搜索正常,其中长视频1)到长视频加载,2不搜索

    GET blob:http://localhost:3000/e5fd2c07-3f8a-407e-815f-7b9314d9156d net::ERR_FILE_NOT_FOUND