在DOM中显示视频文件第一帧的最快方法？

Question

在页面上显示一帧视频的快速（est）方式是什么？

我有一个<input type="file" />用于选择视频文件，我试图只显示它的第一帧，作为预览，但FileReader似乎太慢了。我使用base64逻辑进行了简单的视频预览，并且在大约1mb文件大小的情况下工作正常，但是对于大约20mb +视频，在处理视频文件进行预览时会出现巨大的过载。

我想知道是否有办法在里面显示它 <canvas>或<img>没有加载整个文件？谢谢！

Answer 1

无需通过FileReader将整个流读入内存。

只需通过URL.createObjectURL()直接将文件blob用作源，浏览器将缓冲负载，从而可以更快地提取帧（以及使用更少的内存）。