Question

我正在构建一个交互式艺术装置，将照片的万花筒效果投射到360度视频圆顶中。对于交互式部分，我的计划是使用一段将输出发送到html canvas元素的Javascript。这就像一个魅力。

我需要解决的下一个问题是将这个html canvas元素放入视频播放器中。有什么方法可以欺骗视频播放器播放流，同时认为它只是磁盘上的普通视频文件？

由于映射/播放软件，我（不幸的是）绑定到Windows 10计算机上播放视频。

Answer 1

<canvas>支持captureStream()方法。这在撰写本文时仍处于试验阶段，因此首先检查浏览器兼容性。

var stream = canvas.captureStream(25); // 25 fps frame-rate

然后，您可以使用WebRTC将流发送到对等连接。