Estou tirando capturas de tela de um URL, usando phantomjs usando a função setIntreval (25 no momento) e direcionando a saída para o ffmpeg (Usando a taxa de quadros -r 24). Aqui está o código. ffmpeg.js

var page = require('webpage').create();
page.viewportSize = { width: 1024, height: 768 };

page.open('http://ewoken.github.io/Leaflet.MovingMarker/', function () {
  setInterval(function() {
    page.render('/dev/stdout', { format: "png" });
  }, 25);
});

Então eu executo o script usando isso.

phantomjs ffmpeg.js | ffmpeg -y -c:v png -f image2pipe -r 24 -t 10 -i - -c:v libx264 -pix_fmt yuv420p -movflags +faststart output.mp4

Como no comando, estou obtendo o vídeo de 10 segundos com a página, mas tudo está acelerando rapidamente primeiro e congela completamente com um último quadro.

Vocês podem me ajudar, com uma solução alternativa, permitindo que eu grave a página, COMO ESTÁ? Como se houvesse uma animação com 3000 atrasos no filme, ela deveria parecer real no filme, suave e em tempo real.

Obrigado pessoal. Preso nisso por um longo tempo agora.

Felicidades,