从html5 <canvas>创建视频流

时间:2015-12-02 21:57:36

标签: javascript html5 canvas

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

是否可以(没有屏幕截图)将<canvas>转换为(实时)视频流?也许以某种方式直接将它写入套接字。

JS使用THREE.js进行渲染。

我希望能够在网络服务器上运行它,如果没有实际使用浏览器,可能无法做到这一点,但如果是,我会很高兴听到它;)

1 个答案:

答案 0 :(得分:2)

使用Blindman67的信息,我设法找到了达到预期效果的方法。

我将最终使用PhantomJS并将其写入/ dev / stdout(或其他套接字)并使用ffmpeg将其转换为视频流。 (按照this question

中的描述

我还将使用Whammy运行测试,但正如github中所述,可能无法产生所需的结果;只有一种方法可以找到答案。

编辑:我也会尝试使用kaiido的建议来使用WebRTC