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



如何捕获JS/传单动画的数据流并将其下载到MP4?

我正在寻找看起来像这些演示中跟踪的平滑路径的输出: https://github.com/IvanSanchez/Leaflet.Polyline.SnakeAnim

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

但是,我正在寻找一种可以作为脚本运行的自动化解决方案,理想情况下,该解决方案适用于数据流本身(而不是屏幕(,也许可以使用无头浏览器。

我尝试过木偶 gif 和木偶 gif 投射,但最好的帧速率是跳跃的。

我尝试过WebRTC实验,但它需要我设置手动权限。与这里提到的屏幕捕获API相同,尽管这至少似乎适用于数据流本身。

canvas captureStream 方法与 MediaRecorder API 相结合应该可以解决问题。

请注意,Chrome 仅支持 webm 作为容器格式(但确实会记录 h264(,因此您可能需要使用 ffmpeg 进行后处理步骤。

最新更新