是否可以在前端加载一个拖放的JavaScript视频?

是否可以在前端加载一个拖放的JavaScript视频?,javascript,p5.js,tensorflow.js,Javascript,P5.js,Tensorflow.js,我一直在尝试创建一个web应用程序,用户可以将一个视频文件拖放到浏览器中,然后使用TensorFlow.js对其进行一些处理并做出预测 到目前为止,我能够: 加载视频文件并在HTML视频元素中播放 读取当前帧像素信息(甚至在画布元素中显示) 我还可以使用p5.js在JavaScript中播放和暂停视频 但是,我希望能够访问所有帧并尽可能快地循环它们(无需等待下一帧加载到视频元素中) 我知道,上传实际视频文件后,在后端这样做通常很容易解决这个问题。然而,我希望人们使用该应用程序时知道,他们的视

我一直在尝试创建一个web应用程序,用户可以将一个视频文件拖放到浏览器中,然后使用TensorFlow.js对其进行一些处理并做出预测

到目前为止,我能够:

  • 加载视频文件并在HTML视频元素中播放
  • 读取当前帧像素信息(甚至在画布元素中显示)
  • 我还可以使用p5.js在JavaScript中播放和暂停视频
但是,我希望能够访问所有帧并尽可能快地循环它们(无需等待下一帧加载到视频元素中)

我知道,上传实际视频文件后,在后端这样做通常很容易解决这个问题。然而,我希望人们使用该应用程序时知道,他们的视频永远不会出现在某个服务器上


如果您认为我的代码有助于解释,我很乐意与您分享

根据视频的不同,即使是专用软件也可能难以以超过30fps的速度解码。在浏览器中,解码视频的唯一本机方法是通过视频元素,这只能实时完成。您可以尝试加载多个视频元素,尝试并行解码同一视频,但我怀疑您是否能获得很好的效果。另一个解决方案是运行,但我猜在浏览器中,您仍然只能获得接近x1的解码时间。。。还要注意的是,储存画面的静像会占用相当大的内存空间。