node.js - 如何将在前端创建的 Canvas 动画保存到 Node.js 后端？

Question

这是我尝试过的:

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

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

前端一切正常。

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

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

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

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

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

这意味着在大规模部署时需要过多的计算资源，还有其他好的方法吗？

Answer 1

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

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

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