javascript - 为视频创建非常大的 Sprite 表

Question

我一直在使用新浏览器的视频/ Canvas 功能，但我没有留下深刻印象。

我想我可以通过制作包含视频每一帧的大型 Sprite 来获得更好的结果。我想要全屏视频，所以我想我必须相应地缩放图像或 Canvas 。

当然，为了限制 http 请求，我想要的工作表数量非常有限。但是，这也意味着它们将非常大。比方说 1280x720。

用那么大的床单是不是疯了？

是否有任何自动脚本可以制作这些工作表，因为它们将是行和列的框架？

最后，我发现压缩视频的质量优于同等大小的压缩图像。这是为什么？是否有可能对图像产生类似的结果，或者 Photoshop 的网络保存效果不佳？

谢谢

Answer 1

在最基本的情况下，视频压缩的工作原理是每隔一段时间获取关键帧，然后将关键帧之间的帧存储为关键帧与最后一帧之间的变化。这意味着如果东西不在帧之间移动，它们就不会再次存储。这大大减少了文件大小。还有其他的事情要做，但这是最简单的。这意味着无论对一组单个帧的压缩有多好，只要帧之间存在一些相似性，视频压缩总会取得更好的结果。

请问，为什么不能只使用 HTML5 video 标签？