puppeteer-recorder

【puppeteer-recorder】puppeteer-recorder 的原理是截取每一帧图片,然后使用 ffmpeg 生成视频,所以电脑上需要安装 ffmpeg
使用
yarn add puppeteer puppeteer-recorder

const puppeteer = require('puppeteer'); const {record}= require('puppeteer-recorder'); (async () => { const browser = await puppeteer.launch(); const page = await browser.newPage(); await record({ browser: browser , page: page, output: 'output.webm', // 输出文件名称 fps: 1 || 60,// 每秒多少帧 尽量小 frames:5 || 60 * 5,// 生成多少频视频 prepare: async function (browser, page) { /* 生成视频前执行操作 */ await page.goto('https://www.baidu.com') }, render: async function (browser, page, frame) { /* 截取每一帧图片时运行 当前执行 frames的次数 5 || 300*/ // 总帧数 / 帧数 = 秒数 // 第2秒跳转到 if(frame == 2 + 1){ await page.goto('https://blog.csdn.net/hobtdto/article/details/107134908') } // 第3秒跳回百度 if(frame == 3 + 1 ){ await page.goto('https://www.baidu.com') } }, }) })();

    推荐阅读