Is There a Phantomjs Alternative with Css 3D Support
I'm Trying to Record a Webpage Using Nodejs. I Am Using Phantomjs to Take Screenshots of the Page and Ffmpeg to Conver Them to Video. the Problem Is That the...
I'm trying to record a webpage using NodeJs. I am using PhantomJs to take screenshots of the page and ffmpeg to conver them to video. The problem is that the page I'm using uses 3d transform css, and PhantomJs does not support 3d transforms () and everything seems static. Is there any alternative to PhantomJs that supports 3d transforms? Or maybe a different approach?
It's not necessary to be NodeJs, other languages like Python works too.
Here's the code I'm using right now:
var page = require("webpage").create();
page.viewportSize = { width: 500, height: 860 };
page.open("pageurl", function() {
// Initial frame
var frame = 0;
// Add an interval every 25th second
setInterval(function() {
// Render an image with the frame name
page.render("frames/dragon" + frame++ + ".png", { format: "png" });
// Exit after 50 images
if (frame > 100) {
phantom.exit();
}
}, 25);
});
3 Answers
Phantom JS is no longer being maintained so I would suggest using something like puppeteer which uses headless chrome and gives you the ability to do what you're requesting.
OBS supports this by way of Chromium Embedded Framework. There is an API for OBS, or you can use CEF directly.
An alternative method that I use is the Tab Capture API, by way of browser extension.
Have you tried using puppeteer. It uses chrome and its super fast
They have a simple example code in their readme file
(async () => {
const browser = await puppeteer.launch();
const page = await browser.newPage();
await page.goto(');
await page.screenshot({path: 'example.png'});
await browser.close();
})();
Run this code here:
Also find more information about the screenshot command in the docs
Good luck!
Chloe Bennett explores the intersection of pop culture, streaming entertainment, digital trends, and contemporary lifestyle. Her weekly commentary reaches thousands of culture enthusiasts.
