从html5<创建视频流;画布>

Create video stream from html5 <canvas>

本文关键字:画布 gt 视频 创建 lt html5      更新时间:2023-09-26

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

是否可以(无需屏幕捕捉)将<canvas>转换为(实时)视频流?也许以某种方式直接将其写入套接字。

JS使用THRE.JS进行渲染。

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

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

我最终会使用PhantomJS,让它将图像写入/dev/stdout(或其他套接字),并使用ffmpeg将其转换为视频流。(有点像这个问题中描述的那样)

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

编辑:我还将尝试kaiido的建议,使用WebRTC