为视频创建非常大的精灵表答案

【问题标题】：Creating very large sprite sheets for video为视频创建非常大的精灵表
【发布时间】：2012-03-04 02:04:46
【问题描述】：

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

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

当然，为了限制 http 请求，我需要非常有限的张数。但是，这也意味着它们将非常大。假设是 1280x720。

使用这么大的床单是不是很疯狂？

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

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

谢谢

【问题讨论】：

标签： javascript css image html

【解决方案1】：

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

作为一个问题，为什么不能只使用 HTML5 视频标签？

【讨论】：

感谢您的解释。目前，我在画布中使用视频，而不是视频标签。我需要查看全屏视频的视频标签。您是否碰巧知道跨浏览器的视频的最佳编解码器/文件类型？我正在使用 ogv，但它只出现在 Chrome 中。