从浏览器中的 mp4 链接获取缩略图

Question

是否可以仅使用 javascript？

还是我们必须先在后端处理视频？

我认为这个库 http://bgrins.github.io/videoconverter.js/demo/ 是一种可能性，但想探索是否有其他解决方案可用

Answer 1

只要视频不受 DRM 保护，您就可以使用帧抓取技术来做到这一点。

您将播放器添加到您的页面，自动播放视频，在特定点抓取一个帧并以您想要的任何大小显示该帧。

这里有一个很好的帧抓取示例：https://stackoverflow.com/a/29806483/334402

您可以使用 CSS 隐藏视频。

需要注意的是，它不适用于受 DRM 保护的视频，并且自动播放通常不适用于移动设备。

说了这么多，大部分视频服务都会在后端生成缩略图。