Ready-made popup

Your button opens the EdithPro recorder. You get the full recording experience with almost no code.

What users see #

• Record tab: choose Full Screen, Window or Current tab, pick a camera and mic, then Start Recording.
• Capture tab: take a screenshot of the current tab or a custom area.
• Settings: recording countdown on or off, and video quality.
• While recording: a control bar to pause, resume, stop, restart or delete, plus the camera bubble.
• Plan limits: if your plan limits recording length, the popup shows the limit.

Open and close #

// EdithProButton opens it for you, or:const { open, close } = useEdithPro();open();close(); // hides the popup. A running recording keeps going.

Style isolation #

The popup renders inside a Shadow DOM. Your CSS can’t change it, and its CSS can’t change your page.

Make it yours #

theme: 'dark',                              // 'light' (default) or 'dark'logoUrl: 'https://your-app.example/logo.svg', // shown in the popup headerdashboardUrl: 'https://app.your-app.example', // where the Home link goes

Brand colour and logo can also be set for your client ID in the dashboard, and the SDK loads them on init(). [CONFIRM DASHBOARD LOCATION]