Lumaktaw sa pangunahing nilalaman

Replay

Itinatala ng session replay kung ano talaga ang ginawa ng screen ng user: mga pagbabago sa DOM at interaksyon, kinukuha ng SDK sa mga chunk at pinapanood muli sa console. Opt-in bawat client ang pagtatala, naka-mask ang mga input bilang default.

At a glance

Enable
createWebClient({ sessionReplay: true, replayHost })
Intake
POST /v1/replay, chunked, project key
Read
replaySessions, replayChunks over GraphQL
Masking
Inputs masked by default, client-side
Auth
Project key to record, access token to watch
  • Chunked na pagkuha: tumatanggap ang recorder ng mga naka-numerong chunk, kaya ang tab na isinara sa kalagitnaan ay nag-iiwan pa rin ng lahat ng naipadala.
  • Client-side ang masking: hindi kailanman umaalis sa browser ang naka-mask na nilalaman, hindi lang itinatago sa pagpapakita.
  • Sadyang maikli ang buhay ng mga playback link; ang paso nang link ay muling inilalabas sa pag-reload sa halip na tahimik na mabigo.

Paano ito gumagana

The web SDK records DOM mutations and interactions, serialises them into numbered chunks and posts each chunk to the recorder with the project key, flushing on an interval and on page hide. The replay processor stores the chunks with their session metadata: whose session, how many events, whether masking was on. The console lists sessions and plays one back by fetching its chunks through short-lived links, in order, so a recording streams rather than downloading whole.

Saan ito maaabot

SurfaceOperation
RESTPOST /v1/replay (recorder intake, project key)
GraphQLreplaySessions, replayChunks queries
RealtimeNone: session lists read on demand
MCPNone

Halimbawa

TypeScript
import { createWebClient } from '@prodantix/sdk/web';

const prodantix = createWebClient({
  apiKey: process.env.PRODANTIX_KEY,
  replayHost: 'eu.replay.prodantix.com',
  sessionReplay: true,
  // Inputs are masked by default; widen or narrow with sessionReplayOptions.mask.
});

Replay is a web SDK capability: recording needs a DOM, so the Dart and Python SDKs do not carry it. Watching back happens on the Replay screen.