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

Question

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

谢谢和问候， 苏维克

Answer 1

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

• 软件解码

• 在软件上调整大小

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

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