【问题标题】:How do I save Canvas animations created in Frontend in Node.js Backend?如何在 Node.js 后端中保存在前端创建的画布动画?
【发布时间】:2022-03-01 15:45:56
【问题描述】:

这是我尝试过的:

我使用了一个名为 Konva.js 的库在前端创建动画。

动画包括文本、图像、形状等

前端一切正常。

我想在后端更改文本并渲染 1000 多个视频。

我不确定 Konva.js 库是否是正确的方法。我能够运行文本动画并使用将帧转换为视频的方法将它们保存在后端。

但是,我无法在画布中使用视频作为背景来制作文本动画。

更多详情 - https://leanylabs.com/blog/node-videos-konva/

我知道我可以使用 Phantom 或 Pupeteer 等无头浏览器在后端渲染视频的概念。

这意味着大规模部署时计算资源过多,还有其他好的方法吗?

【问题讨论】:

  • 类似这样的问题在“寻求书籍、工具、软件库等的建议”下一直被关闭......如果您无法制作文本动画,请发布最少的代码来重现您的问题

标签: node.js canvas ffmpeg puppeteer konvajs


【解决方案1】:

如果可扩展性是主要问题,那么最好的解决方案是将动画(比如文本、时间和自定义)保存在数据库中。而不是视频,而是返回此动画文件,以便在输出 (Canvas) 中重新渲染。

它将节省空间、可扩展且对网络更轻。 GUI 可以随时在何时显示动画和何时播放真实视频之间切换。

关于渲染 1000 多个可定制视频的方法,它在所有方面都将是资源密集型的,除非您为特定任务设计特定的渲染引擎。

【讨论】:

    猜你喜欢
    • 2013-07-15
    • 1970-01-01
    • 2019-02-26
    • 2019-07-23
    • 2020-09-30
    • 2018-12-14
    • 1970-01-01
    • 2018-12-16
    • 2015-04-09
    相关资源
    最近更新 更多