在页面上显示视频的一帧的最快(最快)方式是什么?
我有一个<input type="file" />
用于选择视频文件,我试图仅显示其中的第一帧作为预览,但 FileReader 似乎太慢了。我使用 Base64 逻辑制作了一个简单的视频预览,它在大约 1mb 的文件大小下工作正常,但对于大约 20mb+ 的视频,在处理视频文件进行预览时会出现巨大的过载。
我想知道是否有什么办法可以在里面显示它
<canvas>
或<img>
不加载整个文件?谢谢!
最佳答案
无需通过 FileReader
将整个流读入内存。
只需通过 URL.createObjectURL()
直接使用文件 blob 作为源,浏览器就会缓冲负载,从而使您能够更快地提取帧(并且使用更少的内存)。
关于javascript - 在 DOM 中显示视频文件第一帧的最快方法?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48652860/