Захват потока данных анимации JS / Leaflet в формате MP4

Question

Как я могу захватить поток данных анимации JS / Leaflet и загрузить его в MP4?

Я ищу вывод, который выглядит как плавный путь, прослеживаемый в этих демонстрациях: https://github.com/IvanSanchez/Leaflet.Polyline.SnakeAnim

Их автор, кажется, сделал их в ffcast или некотором смягчении скринкастинга.

Однако я ищу автоматизированное решение, которое может быть запущено в виде сценария, в идеале тот, который работает с самим потоком данных (не с экраном), возможно, с браузером без головы.

Я пробовал puppeteer-gif и puppeteer-gif-cast но лучшая частота кадров является скачкообразной.

Я пробовал WebRT C -Experiment , но для этого мне нужно установить разрешения вручную. Аналогично API Screen Capture упоминал здесь , хотя это, по крайней мере, похоже на работу с самим потоком данных.

Answer 1

Метод canvas captureStream в сочетании с MediaRecorder API должен помочь.

Обратите внимание, что Chrome поддерживает только webm как формат контейнера (но записывает h264), поэтому вам может потребоваться шаг постобработки с помощью ffmpeg.