在HTML5中显示WebM缩略图图像

Question

我想显示一个WebM文件的缩略图，而不使用ffmpeg生成图像。

• HTML5视频播放器可以下载并运行WebM文件
• WebM文件是索引和订购的视频文件
• 某些网络服务器处理块以返回文件的一部分

在一个或轻型播放器中显示webm的静止图像是否有技巧？

Answer 1

您可以将视频放在文档中，没有控件也没有自动播放，并将video.currentTime设置为您想要显示的任何帧。

（我还没有在每个浏览器上尝试过这种情况......在某些情况下，您可能需要首先播放视频以强制它加载。然后您必须等待＆＃34;播放＆＃34;或＆＃34; canplay＆＃34;事件，暂停它，并设置currentTime。）

根据浏览器和服务器的不同，它可能会也可能不会下载整个视频文件。一旦你将它带到你需要的框架，你可能会阻止它通过从视频复制到画布并丢弃视频来继续下载文件的其余部分。但是，这并不能保证有效。

无论如何，如果您要在不同的页面加载上多次显示相同的缩略图，那么这是非常低效的。在这种情况下，你真的应该生成一次图像并使用它。