Playground

Experiment with recorder settings and copy the generated code. The recorder uses a mock API so you can try it without a session.

Control the recorder's visual style. See all attributes →

Shape Spacing Button Label Countdown

${ countdownSec }s

Max Duration

${ maxDurationSec == 0 ? 'none' : maxDurationSec + 's' }

Customize colors and typography. See CSS variables →

Colors

Accent Background Text Muted Border

Font Font Size

${ fontSize }px

Copy this code into your project. Don't forget to include the recorder script and a valid session ID.

Stylesheet Inline

HTML

${ generatedHtml }

CSS

Learn More

Quick start and feature highlights

Attributes, events, and CSS variables