Playwright Video

🎬 Save a video of a Playwright page
Alternatives To Playwright Video
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Playwright Video17462 years ago23September 23, 202016bsd-3-clauseTypeScript
🎬 Save a video of a Playwright page
Electron Screencapture49627 years ago8May 11, 20167JavaScript
Library that allows to take a picture or a video from any fragment of the display
Capacitor Voice Recorder39
23 days ago24January 14, 20234mitJava
Capacitor plugin for voice recording
Alternatives To Playwright Video
Select To Compare

Alternative Project Comparisons


npm version Unit Tests

🎬 Save a video recording of a Playwright page (Chromium only for now)

When Playwright adds support for the Screencast API in Firefox and WebKit, this will be updated to support these browsers.


npm i playwright playwright-video @ffmpeg-installer/ffmpeg

If you already have FFmpeg installed, you can skip the @ffmpeg-installer/ffmpeg installation by setting the FFMPEG_PATH environment variable.

npm i playwright playwright-video


const { chromium } = require('playwright');
const { saveVideo } = require('playwright-video');

(async () => {
  const browser = await chromium.launch();
  const context = await browser.newContext();
  const page = await context.newPage();

  await saveVideo(page, '/tmp/video.mp4');
  await page.goto('');

  await browser.close();

The video will be saved at the specified savePath (/tmp/video.mp4 in the above example).


playwright-video.saveVideo(page, savePath[, options])

  • page <Page> Save a video of this page. Only supports Chromium for now.
  • savePath <string> Where to save the video.
  • options <Object>
    • followPopups <[boolean]> Whether or not to follow browser focus when popups are opened. Defaults to false. Note: this option will only work correctly if the popups opened are the same size as the original page. If a smaller or larger popup is open, frames will be scaled to fit the original size.
    • fps <[number]> The frames per second for the recording. Defaults to 25. A higher number will improve the recording quality but also increase the file size.
  • returns: <Promise<PageVideoCapture>>

Records video of a page and saves it at the specified path.

await saveVideo(page, '/tmp/video.mp4');

class: PageVideoCapture

A PageVideoCapture is created when you call saveVideo. It manages capturing the video of your page and saving it.


Stop the video capture if needed and save the video. The returned Promise resolves when the video is saved.

The video capture will be stopped automatically if you close the page, so you should not need to call this unless you want to explicitly wait until the video is saved.

const capture = await saveVideo(page, '/tmp/video.mp4');
await capture.stop();
Popular Promise Projects
Popular Recording Projects
Popular Control Flow Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.