从html5创建视频流<canvas>

Question

我有一个用JS编写的音频可视化工具，它使用<canvas>元素绘制。

是否可以（没有屏幕捕获）将该<canvas>转换为（实时）视频流？ 也许以某种方式将其直接写入套接字。

JS使用THREE.js进行渲染。

最好是我希望能够在网络服务器上运行此程序，如果不实际使用浏览器，可能无法执行此操作，但是如果是这样，我很高兴听到它;）

Answer 1

使用Blindman67的信息，我设法找到了一种实现所需结果的方法。

我将最终使用PhantomJS并使其将图像写入/ dev / stdout（或其他套接字），然后使用ffmpeg将其转换为视频流。 （如本问题所述 ）

我还将使用Whammy进行测试，但是如github中所述，可能无法产生预期的结果； 只有一种方法可以找出答案。

编辑：我还将尝试从kaiido使用WebRTC的建议