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

Question

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

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

他们的作者似乎是用ffcast或一些录屏软件做的。

然而，我正在寻找一种自动化的解决方案，可以作为脚本运行，理想情况下，一种在数据流本身(而不是屏幕)上工作的解决方案，可能使用无头浏览器。

我试过puppeteer-gif和puppeteer-gif-cast，但最好的帧率是jumpy。

我尝试过WebRTC-Experiment，但它要求我设置手动权限。屏幕截图应用编程接口同样提到了here，尽管这至少看起来是在数据流本身上工作。

Answer 1

与MediaRecorder API相结合的canvas captureStream方法应该可以做到这一点。

请注意，Chrome只支持webm作为容器格式(但确实记录了h264)，因此您可能需要使用ffmpeg的后处理步骤。