从html5<创建视频流;画布>
Create video stream from html5 <canvas>
我有一个用JS编写的音频可视化工具,它借鉴了<canvas>
元素。
是否可以(无需屏幕捕捉)将<canvas>
转换为(实时)视频流?也许以某种方式直接将其写入套接字。
JS使用THRE.JS进行渲染。
我更希望能够在网络服务器上运行它,如果不使用浏览器,可能不可能做到这一点,但如果是这样,我会很高兴听到它;)
使用Blindman67中的信息,我设法找到了实现所需结果的方法。
我最终会使用PhantomJS,让它将图像写入/dev/stdout(或其他套接字),并使用ffmpeg将其转换为视频流。(有点像这个问题中描述的那样)
我还将使用Whammy运行一个测试,但正如github中所描述的,可能不会产生所需的结果;只有一种方法可以找到。
编辑:我还将尝试kaiido的建议,使用WebRTC
相关文章:
- 在<页眉>标签
- Canvas Html5绘图应用程序,移动画布会导致重大问题
- 如何更改<svg>标记为<img>用js标记
- 做<img>或者<画布>保存对原始(大)dataUrl对象的引用
- 如何在使用<画布>标签
- 使画布中的点动画化,以点的速度进行奇怪的线条行为>1帧
- JavaScript-动画形状在HTML5<画布>
- 我的<画布>加载特定PDE文件时调整大小
- 如何发送HTML<画布>数据到服务器
- 有没有一种方法可以覆盖<画布>通过全屏HTML5<视频>
- 从html5<创建视频流;画布>
- <画布>:从内存中删除2d上下文,而不从内存中移除webgl上下文
- Easel.JS>位图大于画布..但显示得较小
- 如何绘制现有<img>到画布
- 如何约束<画布>
- 如何调整html<画布>动态使用Javascript
- 使用<画布>对于大型'地图'
- 我应该如何使用`<画布>`
- 使用<画布>和javascript
- JavaScript<画布>绘制缩放图像