从html5画布到视频

Question

我正在做的是某种视频会议工具。我最近在做一些关于视频处理的研究，并且通过将视频元素与画布结合使用似乎是直接的。但是，我正在使用WebRTC将视频流传输到所有连接的客户端，为此我需要MediaStream。所以我正在寻找一种方法从canvas元素中检索MediaStream。 在我的路上，我在这里找到了一个名为Whammy http://antimatter15.com/wp/2012/08/whammy-a-real-time-javascript-webm-encoder/的项目，它从画布上创建了一个视频文件，但据我了解，它不适用于实时流式传输。

一种替代方法是通过向远程客户端发送视频流以及如何处理它的信息来进行视频处理。然而，对于少数客户来说，这可能会工作得很好，但是对于多用户会议，我觉得它不会扩展，因为实时视频处理仍然是一项计算密集型工作。每个客户端都必须处理来自所有连接客户端的所有视频流。

对我来说，它看起来像一条单行道。将视频内容放入画布很容易，反之亦然。我想，可能有一个从canvas元素创建MediaStream的库，但我什么也没找到。任何想法如何实现？

最佳， 费利克斯

Answer 1

因为这个问题被张贴，一直存在并不多，但在这方面有一点进步。

MediaStream Recording标准允许使用MediaRecorder API将流（例如WebRTC）记录到视频文件格式中。

它应该与最近的Firefox以及Chrome（仅限视频）一起使用，通过实验性标志（chrome：// flags - >Experimental Web Platform features）启用后者。

另请参阅this resource for examples。