video - 使用 ffmpeg 和 phantomjs 从 url 制作电影

Question

我从 url 截屏，使用 phantomjs 使用 setIntreval 函数(现在为 25)，然后将输出通过管道传输到 ffmpeg(使用帧速率 -r 24)。
这是代码。 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);
});

然后我使用它运行脚本。

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

就像在命令中我得到了 10 秒的视频和页面一样，但它首先加快了速度，并在最后一帧完全卡住。

你们能帮我解决一下，让我按原样记录页面吗？就像电影中有一个3000延迟的动画一样，它应该在电影中看起来像真实的一样，像流畅和实时一样。

感谢你们。现在卡在这个上面很久了。

干杯，

Answer 1

首先，你需要 ffmpeg 和 --enable-x11grab选项，你需要编译它。

# example:
https://gist.github.com/holms/7009218
https://soledadpenades.com/2010/04/26/unknown-input-or-output-format-x11grab-ubuntu/ 

配置:

--prefix=/usr --enable-shared --enable-nonfree --enable-gpl --enable-libx264 --enable-version3 --enable-postproc --enable-pthreads --enable-libmp3lame --enable-libtheora --enable-libxvid --enable-x11grab --enable-libvorbis

我们需要使用 SlimerJS ，它不是 headless 浏览器，但也可以编写脚本:

cd /root; \
wget http://download.slimerjs.org/releases/0.10.1/slimerjs-0.10.1.zip && unzip slimerjs-0.10.1.zip && \
wget https://download-installer.cdn.mozilla.net/pub/firefox/releases/49.0.2/linux-x86_64/en-US/firefox-49.0.2.tar.bz2 && \
tar -vxjf firefox-49.0.2.tar.bz2 && \
ln -sf /root/firefox/firefox /usr/local/bin/ -v && \
ln -sf /root/slimerjs-0.10.1/slimerjs /usr/local/bin/ -v

对于 slimerjs，我们需要安装以下 snap.js脚本: rm -f snap.js; nano snap.js; chmod +x snap.js; clear

var page = require('webpage').create();
page.viewportSize = {width: 1024,height: 768};
page.open('http://ewoken.github.io/Leaflet.MovingMarker/', function() {
page.evaluate(function () {window.focus();});
//  page.render('github.png');
//  phantom.exit();
});

现在，我们需要安装 x virtual frame buffer和一些用于 Firefox 的库:

aptitude update; aptitude install Xvfb libgtk-3-0 libasound2 libdbus-glib-1-2 -y

现在我们需要添加新的虚拟显示器 1.1:

pkill [X,x]vfb; pkill nw; Xvfb :1 -screen 1 1440x900x24 >/dev/null 2>&1 &

尝试运行 firefox没有任何选项，以确保不需要额外的库(如果输出中有一些错误是正常的):

killall firefox; export DISPLAY=:1.1; firefox

然后，我们可以使用脚本:

killall firefox; rm -f ouput2.mp4; \
sleep 5; export DISPLAY=:1.1; export SLIMERJSLAUNCHER=/root/firefox/firefox; \
slimerjs snap.js & \
sleep 3; \
ffmpeg -f x11grab -framerate 60 -video_size 1024x768 -i :1.1 -vcodec libx264 -preset veryfast -b:v 10000k ouput2.mp4

我有这个视频:
https://drive.google.com/open?id=0B_tqnSHhFPBndDJ0Y1c5THBKWkk

注意:如果您使用的是 32 位 Linux，则需要替换链接:

https://download-installer.cdn.mozilla.net/pub/firefox/releases/49.0.2/linux-x86_64/en-US/firefox-49.0.2.tar.bz2

具有以下内容:

https://download-installer.cdn.mozilla.net/pub/firefox/releases/49.0.2/linux-i686/en-US/firefox-49.0.2.tar.bz2