如何在JavaScript应用程序中从视频创建缩略图

我想从一个视频创建一个缩略图，这样它就可以与视频一起上传到服务器上。我尝试过搜索js LIB来完成这项工作，但似乎找不到足够简单的

用户将从中选择视频，并希望能够从中创建缩略图，最后将视频和缩略图上传到服务器

---

你知道有什么js库或者其他可以做的吗？

使用Canvas，你可以捕获视频。下面是一个工作示例

函数缩略图（）{
var canvas=document.getElementById（'canvas'）；
var video=document.getElementById（'video'）；
canvas.getContext（'2d'）.drawImage（video，0，0，video.videoWidth，video.videoHeight）；
}
document.getElementById（'capture'）。addEventListener（'click'，function（）{
缩略图（）；
});

捕获
您的浏览器不支持视频标记。
您可以使用HTML画布渲染视频（暂停在所需的帧上）。然后可以从那里编辑它；它提供错误安全性错误：操作不安全。现在该怎么办？视频必须与运行它的页面位于同一服务器上。您还应该使用
canvas.toBlob（）
。它是faster@marvinralph看看答案这应该可以回答您的问题您可以将视频渲染到画布，然后使用
requestAnimationFrame（）
更新画布。