我想将HTML5画布中的动画转换为可以上传到YouTube的视频文件。是否有任何类型的屏幕捕获API或可以让我以编程方式执行此操作?将HTML5画布序列转换为视频文件
4
A
回答
6
存在着号称使用JavaScript从剧照产生WEBM视频的打击库:
http://antimatter15.com/wp/2012/08/whammy-a-real-time-javascript-webm-encoder/
需要注意的是有局限性(如所预期)。该编码器基于webp图像格式,目前仅支持Chrome浏览器(也许是新的Opera,但我没有选中)。这意味着你不能在其他浏览器中编码,除非你找到一种方法来编码你想用作webp图像的图像(见this link寻找可能的解决方案)。
除此之外,无法使用本机浏览器API使用JavaScript和画布从图像创建视频文件。
1
这应该可以帮助,它可以让你丢弃被转换成HTML5画布,然后转换成WebM视频部分图片:http://techslides.com/demos/image-video/create.html
4
Firefox有一个实验性的功能(默认禁用)被称为HTMLCanvasElement.captureStream( )
本质上它将画布元素捕获为视频流,然后可以使用RTCPeerConnection()将其发送到另一台计算机,或者也可以使用YouTube直播流API直接进行流式处理。
参见:https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/captureStream
另外:https://developers.google.com/youtube/v3/live/getting-started
相关问题
- 1. HTML5视频画布
- 2. 将矢量转换为HTML5画布(DXF转为画布坐标)
- 3. 将html5画布示例转换为svg
- 4. 将PictureStream转换为HTML5画布
- 5. 旋转HTML5视频和保存画布
- 6. 将3D转换为HTML5 Youtube视频
- 7. 将图像序列转换为视频
- 8. 从html5画布到视频
- 9. HTML5视频和画布
- 10. HTML5画布和视频
- 11. 画布和视频 - HTML5
- 12. 将视频文件转换为等长的图像序列?
- 13. 将OpenGL画布坐标转换为HTML5画布坐标
- 14. HTML5画布,使用jspdf.js将画布转换为PDF
- 15. 将Flash动画转换为视频
- 16. 将动画PDF转换为视频
- 17. 将视频文件m4v转换为NSData
- 18. 如何将Flash视频转换为html5视频?
- 19. 将2D视频输入序列转换为3D视频
- 20. 转换WPF画布数据,视频流
- 21. 如何将Bystream视频转换为java中的文件视频
- 22. 将画布转换为pdf
- 23. 'C'程序将音频文件转换为FFMPEG并生成视频文件
- 24. HTML5画布:透视文字
- 25. 将顺序帧转换为视频
- 26. html5画布上的多个视频?
- 27. HTML5 drawimage从视频到画布
- 28. 允许从html5画布下载视频
- 29. 在HTML5画布上绘制视频
- 30. Mozilla的HTML5视频和画布问题