Skip to content

Instantly share code, notes, and snippets.

@JuanCrg90
Forked from phanan/runner.js
Last active August 29, 2015 14:26
Show Gist options
  • Save JuanCrg90/8dce7e7e7e29fec8b8e9 to your computer and use it in GitHub Desktop.
Save JuanCrg90/8dce7e7e7e29fec8b8e9 to your computer and use it in GitHub Desktop.
Record a webpage with PhantomJS and FFMpeg
// Run this from the commandline:
// phantomjs runner.js | ffmpeg -y -c:v png -f image2pipe -r 24 -t 10 -i - -c:v libx264 -pix_fmt yuv420p -movflags +faststart output.mp4
var page = require('webpage').create(),
address = 'http://s.codepen.io/phanan/fullembedgrid/YPLewm?type=embed&safe=true&_t=1424767252279',
duration = 3, // duration of the video, in seconds
framerate = 24, // number of frames per second. 24 is a good value.
counter = 0,
width = 500,
height = 500;
page.viewportSize = { width: width, height: height };
page.open(address, function(status) {
if (status !== 'success') {
console.log('Unable to load the address!');
phantom.exit(1);
} else {
window.setTimeout(function () {
page.clipRect = { top: 0, left: 0, width: width, height: height };
window.setInterval(function () {
counter++;
page.render('/dev/stdout', { format: 'png' });
if (counter > duration * framerate) {
phantom.exit();
}
}, 1/framerate);
}, 200);
}
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment