从 html5 画布到视频

Question

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

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

对我来说，它看起来像是一条单行道。将视频内容放入画布非常容易，反之则非常困难。我想，可能有一个用于从画布元素创建 MediaStream 的库，但我什么也没找到。关于如何实现这一目标的任何想法？

最好， 费利克斯

Answer 1

自从发布这个问题以来，这方面的进展并不多，但进展不大。

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

它应该与最近的 Firefox 和 Chrome（仅限视频）一起使用，通过实验标志启用后者（chrome://flags -> 实验性 Web 平台功能）。

另见this resource for examples。