我可以根据CANVAS元素内容的快照创建视频吗？

Question

我写了一个HTML5应用程序，它可以在运行时计算图形并将它们显示在canvas元素中。

我认为这个问题的答案可能是“否”，但我想知道是否有某种编程方式让我的HTML5应用程序拍摄一系列这些图像并将它们转换为视频文件，例如像一个mpeg。

换句话说，据我所知，HTML5提供了video标签来将视频嵌入到网页中，但是它可以用来在运行时创建视频吗？

Answer 1

video元素仅播放（解码） - 它不会进行编码。

但是......

如果用户的浏览器支持WebM（铬，歌剧，FF，IE浏览器的现代版本），那么你可以使用夹击编码在客户端的一个.webm的视频文件。这里有一个博客帖子创建者是antimatter15：

http://antimatter15.com/wp/2012/08/whammy-a-real-time-javascript-webm-encoder/

无独有偶，antimatter15还创建了一个客户端.gif注意编码器。如果您只将有限数量的图像串在一起，则可能会考虑使用动画.gif而不是对整个视频进行编码。这里是antimatter15的代码能在一系列画布图纸复制到一个.gif动画：

https://github.com/antimatter15/jsgif

祝你的项目！