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.
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:| Tab | What it shows |
|---|---|
| Info | Link details, project, domain, who requested it, customer notes, system metadata, and custom metadata |
| Console | Browser console logs — errors, warnings, and messages |
| Network | HTTP requests with timing, status codes, and payloads |
| Actions | Client-side interactions — clicks, inputs, and page navigations |
Not all panels appear for every recording. The available panels depend on which data types were
captured, which is determined by your domain recording
preferences.
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.- Recording details
- Custom metadata
- System metadata
Top-level recording details — link, project, domain, requester, and customer notes.
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.- Recording details
- Error logs
- Other logs
- Synced with playback
The console list shows all captured log entries chronologically, color-coded by level. Click any entry to expand it and see the full output, source, and stack trace.
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.- Recording details
- Request detail
- Synced with playback
The request list shows all captured HTTP requests chronologically — method, URL, status code, and timing. Click any request to open its detail view.
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.- Recording details
- Synced with playback
The actions list shows all captured interactions chronologically. Click any action to expand it and see additional detail.
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:
| Action | Description |
|---|---|
| Issue Analyzer | Generate a structured AI prompt from the recording’s session data. See Issue Analyzer. |
| Edit Recording | Update the recording’s expiry date. See Recording Expiry. |
| Delete Recording | Permanently delete the recording and all associated data. |
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.