playwright-recording

Create a browser context with the recordVideo option specifying an output directory and size, then perform your page actions. The video is saved when you close the context, and you can retrieve its path via page.video().

Set both viewport and recordVideo size to 1920x1080 in the browser context, and launch Chromium with slowMo around 50-100ms so actions remain visible. Add waitForTimeout pauses between steps so viewers can follow the flow.

No, Playwright does not render a cursor in recordings by default. You can inject a custom cursor element with CSS and mouse event listeners, but note that any injected DOM elements will appear in the final video.

Yes, Playwright outputs WebM files which you can convert using ffmpeg with the libx264 codec. Run ffmpeg with -crf 20 and -movflags faststart for MP4 output compatible with Remotion compositions.

Calls like page.evaluate throw errors while the page is navigating, which commonly breaks polling loops for stop signals. Wrap evaluate calls in try/catch and continue recording instead of treating navigation errors as stop conditions.

Iterate through a list of common consent selectors from platforms like OneTrust and Cookiebot, clicking the first visible accept button after page load. Alternatively, inject CSS that hides elements with cookie or consent related class names.