将 JS / Leaflet 动画的数据流捕获为 MP4

Question

如何捕获 JS / Leaflet 动画的数据流并将其下载到 MP4？

我正在寻找类似于这些演示中的平滑路径的输出： https://github.com/IvanSanchez/Leaflet.Polyline.SnakeAnim

他们的作者似乎是在ffcast 或一些截屏软件中完成的。

但是，我正在寻找一种可以作为脚本运行的自动化解决方案，最好是在数据流本身（而不是屏幕）上运行的自动化解决方案，也许可以使用无头浏览器。

我尝试过puppeteer-gif 和puppeteer-gif-cast，但最好的帧速率是跳跃的。

我尝试过WebRTC-Experiment，但它需要我手动设置权限。同样，屏幕捕获 API 也提到了 here，尽管这至少似乎适用于数据流本身。

Answer 1

画布captureStream 方法与MediaRecorder API 结合使用应该可以解决问题。

请注意，Chrome 仅支持将 webm 作为容器格式（但会记录 h264），因此您可能需要使用 ffmpeg 进行后处理。