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') 
          }
          // 第3秒跳回百度
           if(frame == 3 + 1 ){
          	await page.goto('https://www.baidu.com') 
          }
        },
      })
})();