Javascript 将D3.js白板动画录制为mp4音频和视频

我有一个用D3.js svg路径元素编写的白板/手绘应用程序。这些元素被分组到具有自己的mp3音频的场景中

多个场景及其动画svg路径根据时间轴播放，音频完美运行

所以最终的结果就像一部白板动画电影。这在应用程序中运行良好。如何将整个动画录制为mp4文件

我想完全在客户端运行这个。我看过ffmpeg，但不想为这个web应用进行桌面安装

我考虑过使用chrome标签扩展，但它只适用于chrome浏览器

---

我还有什么其他选择？

您是在问如何做到这一点，还是在寻找一种通用的解决方案，它可以在每个浏览器中适用于所有人，而无需安装任何其他软件？后者行不通。总的来说，我很乐意接受任何想法。这是一个HTML5应用程序，但它需要一个能在Windows和Mac上运行的解决方案。我用tab扩展功能录制了这段视频，但有点乏味，只适用于Chrome和Firefox浏览器。我还研究了JS的FFMPEG端口，但还不太稳定。有没有人有过将FFMPEG端口连接到JS的经验？这似乎是迄今为止最有希望的。。有人有这方面的经验吗？您的流程有任何更新吗？我正试图做一些非常相似的事情。我有一些非常整洁的D3路径动画，现在我想把它们移到后期效果，以便进一步编辑。我试图找出这里最流畅的工作流程。目前，我只是运行一个屏幕捕捉应用程序，但这太繁琐/资源太多，人为错误的空间太大（即，每次我想录制时都要画一个选择框）。嗨，Risaj，抱歉，还没有。我一直忙于其他事情。你看过JS的FFMPEG端口了吗？。请随时通知我。谢谢