从 HTML5 画布到视频

Question

4

我正在开发一种视频会议工具。最近，我对视频处理进行了一些研究，使用视频元素与画布相结合似乎很简单。但是，我需要使用WebRTC为所有已连接的客户端实时流式传输视频，这就需要一个MediaStream。因此，我正在寻找一种从canvas元素中检索MediaStream的方法。

在此过程中，我发现了一个名为Whammy的项目http://antimatter15.com/wp/2012/08/whammy-a-real-time-javascript-webm-encoder/，它可以从canvas创建视频文件，但据我所知，它不适用于实时流式传输。

另一种替代方法是通过向远程客户端发送流和如何处理流的信息来在远程客户端上进行视频处理。然而，这对于少数客户端可能效果很好，但是当涉及多用户会议时，实时视频处理仍然是计算强度大的任务，我感觉它并不能很好地扩展性。每个客户端都必须处理来自所有连接的客户端的所有视频流。

对我来说，这看起来像是单行道。将视频内容导入到画布中非常容易，但反过来则非常困难。我认为可能有一个库可以从canvas元素创建MediaStream，但我什么也没找到。有什么想法吗？

最好的祝福， Felix

- Felix

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- user1693593 · Answer 1

自从这个问题被发布以来，在这方面已经有了一些进展，虽然不多。

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

它应该可以在最近的Firefox和Chrome上运行（仅限视频），后者通过实验性标志启用(chrome://flags -> Experimental Web Platform features)。

还可以看看此资源示例。