রিপ্লে
সেশন রিপ্লে রেকর্ড করে ব্যবহারকারীর পর্দা আসলে যা করেছে: DOM পরিবর্তন ও ইন্টারঅ্যাকশন, SDK চাংকে ধারণ করে এবং কনসোলে ফিরে দেখা হয়। রেকর্ডিং প্রতি ক্লায়েন্টে ঐচ্ছিক, ইনপুট ডিফল্টে মাস্ক করা।
At a glance
- Enable
createWebClient({ sessionReplay: true, replayHost })- Intake
POST /v1/replay, chunked, project key- Read
replaySessions,replayChunksover GraphQL- Masking
- Inputs masked by default, client-side
- Auth
- Project key to record, access token to watch
- চাংক ক্যাপচার: রেকর্ডার নম্বরযুক্ত চাংক পায়, তাই মাঝপথে বন্ধ হওয়া ট্যাবও এখন পর্যন্ত পাঠানো সব দেয়।
- মাস্কিং ক্লায়েন্ট-সাইড: মাস্ক করা কনটেন্ট কখনো ব্রাউজার ছাড়ে না, প্রদর্শনের সময় লুকানো হয় না।
- প্লেব্যাক লিঙ্ক ইচ্ছাকৃতভাবে স্বল্পস্থায়ী; মেয়াদোত্তীর্ণ লিঙ্ক নীরবে ব্যর্থ না হয়ে রিলোডে নতুন হয়।
এটি কীভাবে কাজ করে
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.
কোথায় অ্যাক্সেস করবেন
| Surface | Operation |
|---|---|
| REST | POST /v1/replay (recorder intake, project key) |
| GraphQL | replaySessions, replayChunks queries |
| Realtime | None: session lists read on demand |
| MCP | None |
উদাহরণ
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.