html5画布上的多个视频？

Question

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

Answer 1

是否有一些要求阻止您只创建一个视频，该视频是所有16个视频的集合而不是单独呈现它们？

Answer 2

答案很晚但是这里有：

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

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