【问题标题】:Can I make a video from snapshots of the contents of a CANVAS element?我可以从 CANVAS 元素内容的快照中制作视频吗?
【发布时间】:2014-09-22 14:50:11
【问题描述】:

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

我认为这个问题的答案可能是“否”,但我想确定是否有某种方法可以对我的 HTML5 应用程序进行编程以获取一系列这些图像并将它们转换为视频文件,例如,像 mpeg。

也就是说,我知道 HTML5 提供了video 标签来在网页中嵌入视频,但它可以用于在运行时创建视频吗?

【问题讨论】:

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


    【解决方案1】:

    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

    祝你的项目好运!

    【讨论】:

    • 我对动画 gif 很熟悉,但对于我的项目来说,能够制作视频真是太棒了。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-06-12
    • 1970-01-01
    • 2018-07-22
    • 2021-05-19
    • 1970-01-01
    • 2022-06-15
    相关资源
    最近更新 更多