javascript - 如何使用phantomjs创建gif？

Question

var page = require('webpage').create();
page.open("https://www.google.com/", function start(status) {
  var i = 0;
  setInterval(function(){
    page.render('google_home_'+i+'.gif', {format : "gif", quality: '100'});
    i++;
    if(i == 20)
    phantom.exit();
  }, 20);
});

那么 google_home_1.gif 的大小为 0KB。有人可以告诉我为什么或者告诉我创建 gif 的正确方法吗？

Answer 1

phanty.js(根据 quick-start 调整)

var page = require('webpage').create();
page.open('https://www.yahoo.com', function(status) {
    if (status === "success") {
        page.render('ping.png');
        phantom.exit();
    }
});

Shell 命令(按顺序运行)

phantomjs phanty.js         # Run phantom script
ffmpeg -i ping.png jif.gif  # Convert to gif

设置

sudo apt-get install ffmpeg

推理

PhantomJS Render需要Qt

GIF support depends on the build of Qt used

但是规范没有指定如何构建 Qt。所以我只是快速安装了 ffmpeg(安装时间不到 15 秒)。