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