在 HTML5 CANVAS 上渲染视频占用大量 CPU

Question

我正在使用 HTML5 Canvas 渲染视频，但渲染占用大量 CPU？我正在使用 GtkLauncher（带有 webkit 1.8.0）在画布上渲染视频。 有人可以对此有所了解吗？ Canvas 上的视频渲染对嵌入式系统来说效率不高吗？ 另外我想知道，在我真正开始在画布上渲染数据之前，HTML5 视频标签中是否有办法知道视频帧速率。我需要知道这一点，因为我必须将计时器（用于绘制视频帧）设置为相同的帧速率。

感谢和问候， 苏维克

Answer 1

很可能视频渲染没有加速，需要加速

• 软件解码

• 在软件上调整大小

您没有提供系统详细信息，因此这只是猜测。通过戳浏览器内部，你可以挖掘出真相。

视频帧速率无法预先知道，理论上可以在一个来源中变化。但是，如果您自己托管文件，则可以使用 ffmpeg 等工具预先提取此信息并在边带中传输数字（例如使用 AJAX / JSON）。