npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

pptr-video-recorder

v1.0.5

Published

This package creates a video of Puppeteer's page, using Chrome API screencast and ffmpeg

Downloads

17

Readme

puppeteer-video-recorder

Prerequisites | Installation | Manual | InitOptions | Starting Recorder | FAQ

Puppeteer video recorder is a simple Puppeteer plugin to auto-create videos for every new frame appears in the browser.

Why

It's based on the Puppeteer mass screenshots plugin and therefore doesn't affect Puppeteer's run time.

So basically, it's fast, and it won't slow your run time

Prerequisites

In order to use this plugin:

  • Puppeteer must be installed.
  • Pupepteers' page object must be created.
  • FFMpeg must be installed and set in PATH (or change the ffmpeg command to where it's accessible from)

Installation

To install the plugin to your project please use:

npm install puppeteer-video-recorder

You'll probably prefer to add it to your package.json file so you can use:

npm install --save-prod puppeteer-video-recorder

Manual

Once Puppeteer video recorder is installed, you can require it in your project:

const PuppeteerVideoRecorder = require('puppeteer-video-recorder');

In your constructor create:

const recorder = new PuppeteerVideoRecorder();

After you have page object

Init Options

  • page - Puppeteer page object (related to the browser).
  • videosPath - where to save the created videos, images file and temporary images
await recorder.init(page, videosPath);

Starting Recorder

To start the automatic video recording:

await recorder.start();

To stop the automatic video recording:

await recorder.stop();

! Important - call recorder.stop before browser is closed.

FAQ

Does it support Chrome in headless mode?

Yes, it does. it supports Chrome in headless / "headfull" mode.

It records full length video, of every Chrome browser's frame, even though Chrome is in headless mode.

Does it support page redirects?

Yes, it does.

This plugin is based on the Puppeteer mass screenshots plugin, which supports redirection.

Does it use the window object?

No, it doesn't use the window object.

Can I run this plugin with my own page/browser objects?

Yes.

Will it change my browser/page/window objects?

No, it won't.

Feel free to set browser/page/window as you like, it won't be affected by this plugin.

Creating videos is slow why?

It is because current FFMPEG command is slow. We should in the future upload a solution for faster conversion of FFMPEG Feel free to send us one if you've found something faster and better, we always love to improve.

I get errors related to FFMPEG, why?

Please ensure that you have FFMPEG installed on your PC run from your cmd / terminal (in linux) the command: ffmpeg --help If you see results, and don't see "command not found" errors, this plugin should work with your FFMPEG