我可以从CANVAS元素内容的快照制作视频吗?

时间:2014-09-22 14:50:11

标签: html5 video canvas html5-canvas html5-video

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

我认为这个问题的答案可能是" no",但我想知道是否有某种方式对我的HTML5应用程序进行编程以获取一系列这些图像并将其转换例如,像mpeg这样的视频文件。

换句话说,我了解HTML5提供video标记以在网页中嵌入视频,但是它可以用于在运行时创建视频吗?

1 个答案:

答案 0 :(得分:2)

video元素仅播放(解码) - 它不进行编码。

但是...

如果您的用户的浏览器支持WebM(现代版Chrome,Opera,FF,IE),那么您可以使用WHAMMY在客户端编码.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

祝你的项目好运!