从html5 <canvas>创建视频流

唱诗班

我有一个用JS编写的音频可视化程序,它绘制在一个<canvas>元素上。

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

JS使用THREE.js进行渲染。

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

唱诗班

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

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

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

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用HTML5 canvas标签显示视频

来自分类Dev

HTML5 Canvas创建的JPEG是“损坏”还是“损坏”?

来自分类Dev

HTML5 canvas javascript

来自分类Dev

HTML5 canvas javascript

来自分类Dev

用PHP Html5流视频

来自分类Dev

具有视频源的HTML5 Canvas drawImage在Android上不起作用

来自分类Dev

HTML5视频在Android Chrome上陷入canvas2D问题

来自分类Dev

使用html5 canvas创建形状后,使用鼠标拖动形状

来自分类Dev

使用循环在HTML5 canvas中创建多个剪切路径

来自分类Dev

在Kinetic.js中动态创建的HTML5 canvas元素失败,并拖拽:true

来自分类Dev

HTML5 Canvas:在自定义图形上创建工具提示

来自分类Dev

创建HTML5视频图块

来自分类Dev

在HTML5 / Chrome中创建视频

来自分类Dev

HTML5视频-SQL文件流中的流

来自分类Dev

HTML5 Canvas文字交集

来自分类Dev

如何清除canvas html5?

来自分类Dev

HTML5 Canvas游戏渲染图

来自分类Dev

HTML5 Canvas drawImage问题

来自分类Dev

HTML5 Canvas-fillRect()与rect()

来自分类Dev

语音气泡html5 canvas js

来自分类Dev

HTML5 Canvas:直接移至点

来自分类Dev

Javascript和HTML5 Canvas Sprite

来自分类Dev

HTML5 canvas hittest任意形状

来自分类Dev

绘制HTML5 Canvas脉冲线

来自分类Dev

html5 canvas重新调整大小

来自分类Dev

HTML5 canvas动画和旋转

来自分类Dev

HTML5 Canvas动画未显示

来自分类Dev

Canvas HTML5的问题无法平局

来自分类Dev

HTML5 canvas fillText边距