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') }},})
})();

puppeteer-recorder相关推荐

js foreach用法_使用 nodejs 写爬虫(一): 常用模块和 js 语法
本篇是使用 nodejs 写爬虫系列教程的第一篇, 介绍了使用 nodejs 写爬虫过程中常用的模块和一些必须掌握的 js 语法  常用模块常用模块有以下几个: ...
2020年最新前端框架大全，Web工程师人手一份！
今天跟大家分享一些目前比较热门新鲜度靠前的50款前端工具,希望对你有所帮助. 一.构建工具 1. Parcel 地址:https://parceljs.org Parcel是一款极速零配置WEB应用打 ...
几步教你用 Python 制作一个 RPA 机器人！
作者 | 阿文出品 | CSDN(ID:CSDNnews) 头图 | CSDN下载自东方IC 繁琐且重复的工作在我们日常的工作中,有很多事情是重复且繁琐的,组织内部不同的部门开发出来的系统相互之间 ...
用rpa必须会用python语言_几步教你用 Python 制作一个 RPA 机器人！
那么我们能不能通过机器去自动完成这些固定流程且繁琐的工作呢?答案是肯定的.现阶段,我们可以通过引入 RPA 来实现整个流程的打通. 什么是 RPA RPA 是机器人流程自动化的简称,听起来很高大上的名 ...
被全球数10万顶尖程序员关注收藏！这些JavaScript项目到底强在哪里？
众所周知,JavaScript是当今互联网世界最流行的编程语言之一,也是程序员,特别是前端工程师的必备技能之一.而随着越来越多的程序员使用JavaScript编写代码,许多伟大而具有学习意义的js项目 ...
Chrome 89 新功能一览，性能提升明显，大量 DevTools 新特性！
今天 Chrome 更新了最新版本 Chrome89,新版本在启动.响应速度上更快,同时 CPU 占用率大幅下降. 比如,提供前进后退缓存(20%的页面可瞬时进退)等特性,号称启动速度快了 25%.载 ...
python开发rpa_几步教你用 Python 制作一个 RPA 机器人！
原标题:几步教你用 Python 制作一个 RPA 机器人! 作者 | 阿文出品 | CSDN(ID:CSDNnews) 头图 | CSDN下载自东方IC 繁琐且重复的工作在我们日常的工作中,有很 ...
50个好用的前端框架，千万收好以留备用!
来源 | https://www.jianshu.com/p/182b69e54fe8 今天跟你分享一些目前比较热门新鲜度靠前的50款前端工具,希望对你有所帮助. 一.构建工具 1. Parcel 地 ...
前端热门工具简直不要太好用了！
★★★★★ Web前端开发神器:点击查看→→ WebStorm安装与使用今日送书!包邮!10本!(初来乍到,多多指教) <Bootstrap实战> <图解CSS3核心技术与案例实 ...
2020年最新前端框架大全，Web工程师人手一份
今天跟大家分享一些目前比较热门新鲜度靠前的50款前端工具,希望对你有所帮助. 一.构建工具 1. Parcel 地址:https://parceljs.org Parcel是一款极速零配置WEB应用打 ...

puppeteer-recorder

使用

puppeteer-recorder相关推荐

最新文章

热门文章