puppeteer-recorder

    技术2026-09-30  9

    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') } }, }) })();
    Processed: 0.013, SQL: 9