Recording Playback

The recording detail view is where you watch a customer’s screen recording and review the technical data captured alongside it — console logs, network requests, user actions, and metadata — all synchronized with the video timeline.

​

Layout

The detail view has a resizable two-panel layout:

• Left panel — the video player. Play, pause, scrub, and resize as needed.
• Right panel — tabbed panels for inspecting recording data.

Drag the divider between panels to adjust the split. The video and the right-panel data stay in sync — clicking a console error or network request jumps the video to the moment it happened.

​

Video player

The video player supports standard playback controls — play, pause, scrub, and speed adjustment. Recordings are captured using the best codec available in the customer’s browser (AV1, VP9, H.264, or VP8). When voice and device audio was captured, audio plays back in sync with the video. As you watch, the right panel highlights the data entries that correspond to the current playback position — so you can see which console errors, network requests, or user actions occurred at any moment.

​

Right-panel tabs

The right panel contains several tabs, each showing a different type of captured data:

​

Info panel

The Info panel shows everything about the recording that isn’t session data — who requested it, which project and domain it belongs to, any notes the customer added, and both system and custom metadata. Custom metadata is set via the Metadata SDK and can include user IDs, account names, feature flags, or any key-value pairs your app attaches to the session.

​

Console panel

The Console panel captures browser console output — errors, warnings, info, and debug messages — exactly as they appeared in the customer’s browser. Each entry includes the log level, message, source file location, and a full stack trace when available. Click any entry to expand it and see the output, source, and stack trace. Clicking an entry also jumps the video to the moment the log was emitted.

​

Network panel

The Network panel captures HTTP requests made during the recording — method, URL, status code, timing, headers, and request/response payloads. Use it to identify failed API calls, slow responses, or unexpected payloads. The list view shows all requests chronologically. Click any request to open the detail view with full headers and body content.

​

Actions panel

The Actions panel captures user interactions — clicks, text inputs, page navigations, and tab switches — with timestamps. Use it to reconstruct exactly what the customer did and in what order. Click any action to jump the video to that moment.

​

Navigation bar actions

The top navigation bar provides quick actions for working with the recording:

• Copy link — copies a direct link to the recording for sharing internally.
• Share — opens the sharing modal to share with teammates or generate a temporary public link for external collaborators.
• ⋮ (more options) — opens a menu with additional actions:

​

Related articles

• Sharing Recordings — share recordings with teammates or external collaborators.
• Issue Analyzer — generate AI prompts from session data to explain or debug issues.
• Recording Expiry — control how long a recording remains accessible.
• Domain Recording Preferences — configure which data types are captured per domain.
• Reviewing Recordings — browse and filter recordings in your workspace.
• Metadata SDK — attach custom metadata to recordings from your app.