video - html5画布上的多个视频？

Question

我正在制作这个媒体项目，但遇到了一个大问题。我基本上想要一个由 16 个视频组成的 4x4 网格，但我当然遇到了滞后问题。我想知道是否有更好的方法可以用画布做到这一点。我可以合成多个视频，与拥有 16 个独立的视频元素相比，这会加快速度吗？如果您点击此链接： http: //graysonearle.com/bluemen/ 并点击左侧的 PLAY ALL（然后是 TEST），您可以明白我的意思。它实际上大部分时间都有效，但有时无效。我还将添加更长的视频。任何建议表示赞赏。

Answer 1

很晚的答案，但这里有：

您当然可以使用 JS 在一个画布元素上渲染多个视频元素。视频基本上被视为图像，因此您可以为每个 RAF 帧渲染视频。

ctx.drawImage(YourVidID, 0, 0, 100, 100);
ctx.drawImage(YourVidID2, 100, 100, 200, 200);
etc...

Answer 2

是否有一些要求让您不能只创建一个包含所有 16 个视频的视频，而不是单独渲染它们？