MousePlayer ఎలా పనిచేస్తుంది

మా ట్రాకింగ్ నిర్మాణం, పరికరాల మధ్య స్క్రీన్ రిజల్యూషన్ నిర్వహణ, సిస్టమ్ హద్దులకు సరళ మార్గదర్శిని.

1. మేము వీడియో రికార్డింగ్ ఎందుకు ఉపయోగించము

దృశ్య విశ్లేషణ సాధనాలు సందర్శకుడి స్క్రీన్‌ను ప్రామాణిక వీడియో ఫైల్‌లుగా (MP4 లేదా WebM వంటివి) రికార్డ్ చేస్తాయనేది సాధారణ అపోహ. అలా చేస్తే భారీ బ్యాండ్‌విడ్త్ ఖర్చవుతుంది, మీ వెబ్‌సైట్ గణనీయంగా నెమ్మదిస్తుంది, వచనం అస్పష్టంగా చదవలేనిదిగా మారుతుంది.

బదులుగా MousePlayer తేలికైన సాంకేతికతను ఉపయోగిస్తుంది; దాని పేరు DOM స్నాప్‌షాట్ టెలిమెట్రీ. ప్రాథమికంగా ఇది ఇలా పనిచేస్తుంది:

నిర్మాణ స్నాప్‌షాట్

సందర్శకుడు మీ పేజీని తెరిచినప్పుడు, మా స్క్రిప్ట్ మీ HTML, శైలి నిర్మాణానికి వచన ఆధారిత “బ్లూప్రింట్” తీసుకుంటుంది. మీ పేజీ చిత్రాలు, వీడియో ఫైల్‌లను కాపీ చేయకుండా అంశాలు ఎక్కడ ఉన్నాయో రికార్డ్ చేస్తుంది; రీప్లే సమయంలో ప్లేయర్ చిత్రాలను అసలు చిరునామా నుంచి లోడ్ చేస్తుంది. canvas అంశాలు మినహాయింపు; వాటి కంటెంట్ చిత్రంగా పంపబడుతుంది (దిగువ చూడండి).

నిర్దేశాంక టెలిమెట్రీ

వినియోగదారు పరస్పర చర్య చేస్తున్నప్పుడు ఈవెంట్‌ల ప్రవాహాన్ని రికార్డ్ చేస్తాము: మౌస్ స్థానాలు, స్క్రోల్ లోతు, క్లిక్ లక్ష్యాలు, బ్రౌజర్ పరిమాణ మార్పులు, పేజీ మార్పులు; సెట్టింగ్‌లను బట్టి కన్సోల్ సందేశాలు, విఫలమైన లేదా నెమ్మదైన అభ్యర్థనలు, లోడింగ్ సమయ కొలతలు (Web Vitals) కూడా. కదలికలు, క్లిక్‌లు చిన్నవి; పేజీ స్నాప్‌షాట్‌లు, మార్పులు పేజీని బట్టి చాలా పెద్దవిగా ఉండవచ్చు; వాటిని కంప్రెస్ చేసి పంపుతాము.

థియేటర్ రీప్లే

మీ డ్యాష్‌బోర్డ్‌లో సెషన్‌ను చూసినప్పుడు, మా ప్లేయర్ రికార్డ్ చేసిన బ్లూప్రింట్‌తో పేజీని పునఃసృష్టించి, దానిపై వర్చువల్ కర్సర్‌ను ప్రత్యక్ష సమయంలో కదిలిస్తుంది; వచనం స్పష్టంగానే ఉంటుంది.

తేలికగా ఉండేలా రూపొందించబడింది: స్క్రిప్ట్ అసింక్రోనస్‌గా లోడ్ అయి, వీడియోకు బదులుగా చిన్న సంఖ్యా డేటా పాయింట్‌లను పంపుతుంది; దీంతో దాని సొంత భారం తక్కువగా ఉంటుంది. మీ Core Web Vitalsపై ప్రభావం మీ పేజీలు, హోస్టింగ్, సందర్శకుడి నెట్‌వర్క్‌పై ఆధారపడుతుంది కాబట్టి మా సంఖ్యను నమ్మకుండా మీ సైట్‌లో కొలవండి. నిర్దిష్ట లోడింగ్ వేగానికి హామీ లేదు – విభాగం 20 కోసం చూడండి: సేవా నిబంధనలు.

2. స్క్రీన్ రిజల్యూషన్‌లు & మొబైల్ పరికరాల నిర్వహణ

చిన్న స్మార్ట్‌ఫోన్‌ల నుంచి అత్యంత వెడల్పైన 4K డెస్క్‌టాప్ మానిటర్‌ల వరకు వినియోగదారులు అన్నింటిలో బ్రౌజ్ చేస్తారు. వేర్వేరు స్క్రీన్ వెడల్పులకు సరిపడేలా వెబ్‌సైట్‌లు అమరికను స్వయంచాలకంగా మార్చి, మడిచి, పునర్వ్యవస్థీకరిస్తాయి—దీన్నే రెస్పాన్సివ్ వెబ్ డిజైన్ అంటారు.

సందర్శకుడి ఖచ్చితమైన వ్యూపోర్ట్‌ను ఎలా సరిపోలుస్తాము

రీప్లే వక్రీకరించబడకుండా, MousePlayer సందర్శకుడి ఖచ్చితమైన వ్యూపోర్ట్ కొలతలను రికార్డ్ చేస్తుంది (ఉదా., 390x844 స్మార్ట్‌ఫోన్‌కు లేదా 1920x1080 డెస్క్‌టాప్ మానిటర్‌కు). థియేటర్ ప్లేయర్‌ను తెరిచినప్పుడు, మా ఇంజిన్ సందర్శకుడి అసలు స్క్రీన్ నిష్పత్తిని ఖచ్చితంగా ప్రతిబింబించే స్కేల్ చేసిన శాండ్‌బాక్స్‌ను సృష్టిస్తుంది.

డెస్క్‌టాప్ & ల్యాప్‌టాప్ స్క్రీన్‌లు

ప్రామాణిక కంప్యూటర్‌లలో నిరంతర మౌస్ కదలిక, ఒకే బ్రౌజర్ సెషన్‌లో అనేక ట్యాబ్‌ల నావిగేషన్‌ను నమోదు చేస్తాము. హోవర్‌తో తెరుచుకునే మెనూల వల్ల పేజీ డాక్యుమెంట్ మారితే రీప్లేలో కనిపిస్తాయి; కేవలం CSS హోవర్ ప్రభావం డాక్యుమెంట్‌లో కనిపించదు కాబట్టి రీప్లేలో పునరుత్పత్తి చేయబడదు.

స్మార్ట్‌ఫోన్‌లు & ట్యాబ్లెట్‌లు

టచ్‌స్క్రీన్‌లకు హోవర్ చేసే మౌస్ కర్సర్ ఉండదు. ట్యాప్ సంజ్ఞలు, స్వైప్ స్క్రోలింగ్, దిశ మార్పులను (నిలువు, అడ్డం) రికార్డ్ చేస్తూ MousePlayer స్వయంచాలకంగా అనుగుణమవుతుంది.

సెషన్ మధ్యలో పరిమాణం మార్చే సవాలు

సెషన్ మధ్యలో సందర్శకుడు ట్యాబ్లెట్‌ను తిప్పినా, డెస్క్‌టాప్ బ్రౌజర్ విండో పరిమాణాన్ని మార్చినా వెబ్‌సైట్ అమరిక మారుతుంది. MousePlayer ఈ విండో పరిమాణ మార్పులను నమోదు చేసి, పరస్పర చర్య సందర్భాన్ని కాపాడేలా ప్లేబ్యాక్ కాన్వాస్‌ను అప్పటికప్పుడే సజావుగా సర్దుబాటు చేస్తుంది.

3. సిస్టమ్ పరిమితులు & సాంకేతిక హద్దులు

వినియోగదారు గోప్యత, బ్రౌజర్ భద్రతను కాపాడటానికి, డేటా ప్రాసెసింగ్ వేగంగా ఉంచడానికి MousePlayer నిర్వచించిన సాంకేతిక హద్దుల్లో పనిచేస్తుంది:

సిస్టమ్ హద్దు MousePlayer దాన్ని ఎలా నిర్వహిస్తుంది
iFrameలు మీ పేజీతో సమాన మూలం ఉన్న iframeలు, వాటి కంటెంట్, లోపలి పరస్పర చర్యతో సహా రికార్డ్ అవుతాయి. మరో మూలం నుంచి చేర్చిన కంటెంట్‌ను (ఉదా., YouTube ప్లేయర్‌లు, Stripe చెల్లింపు ఫారమ్‌లు) బ్రౌజర్ భద్రతా విధానాల (Same-Origin Policy) వల్ల లోపల రికార్డ్ చేయలేము; రీప్లేలో ప్లేస్‌హోల్డర్‌గా కనిపిస్తుంది; అక్కడ లోడ్ చేయబడదు.
సున్నితమైన ఇన్‌పుట్ ఫీల్డ్‌లు (PII) ప్రతి మాస్కింగ్ స్థాయిలో పాస్‌వర్డ్, చెల్లింపు ఫీల్డ్‌లు సందర్శకుడి పరికరంలోనే మాస్క్ చేయబడతాయి; ప్రతి సైట్‌కు అన్ని ఫారమ్ ఇన్‌పుట్‌ల పూర్తి మాస్కింగ్ డిఫాల్ట్. టైపింగ్ జరిగిందని కనిపిస్తుంది; టైప్ చేసినది కాదు. రెండు హద్దులు వర్తిస్తాయి: బలహీనమైన రెండు మాస్కింగ్ స్థాయిలు మా వ్రాతపూర్వక అనుమతితోనే ప్రారంభించబడతాయి; మీ పేజీ స్వయంగా డాక్యుమెంట్‌లో ముద్రించే దానికి మాస్కింగ్ చేరదు – చిరునామా చూపించే నిర్ధారణ పేజీ స్నాప్‌షాట్‌లో భాగమే. రెండూ వివరించబడిన పత్రం: DPA.
Canvas & WebGL అంశాలు canvas కంటెంట్ చిత్రంగా రికార్డ్ అవుతుంది: పేజీ స్నాప్‌షాట్‌తో ఒకసారి, తర్వాత మారినప్పుడల్లా, గరిష్ఠంగా సెకనుకు సుమారు ఒకసారి, పరిమాణ పరిమితితో. అందువల్ల సున్నితమైన యానిమేషన్‌లు ఫ్రేమ్‌ల క్రమంలా కనిపిస్తాయి. మాస్క్ చేసిన ప్రాంతాల్లో లేదా మరో మూలం చిత్రాలున్న canvas అంశాలకు చిత్రం పంపబడదు; WebGL కంటెంట్ ఖాళీగా ఉండవచ్చు.
వెబ్ కాంపోనెంట్‌లు (Shadow DOM) తెరిచి ఉన్న shadow rootలు కంటెంట్‌తో సహా రికార్డ్ అవుతాయి. మూసివేసిన shadow rootలను స్క్రిప్ట్‌లు యాక్సెస్ చేయలేవు; వాటి కంటెంట్ రీప్లేలో ఉండదు.
ప్రసారం & బ్రౌజర్ నిల్వ గుప్తీకరించిన WebSocket కనెక్షన్ (HTTPS/WSS) ద్వారా డేటా పంపబడుతుంది. ప్రాక్సీ వంటి కారణంతో అది ఏర్పడకపోతే, స్క్రిప్ట్ గుప్తీకరించిన HTTP మార్గానికి మారుతుంది; చాలా పెద్ద పేజీ స్నాప్‌షాట్‌లు HTTPS ద్వారా విడిగా అప్‌లోడ్ అవుతాయి. MousePlayer కుకీలు ఉంచదు; మీ సైట్‌లో బ్రౌజర్ లోకల్ స్టోరేజ్, సెషన్ స్టోరేజ్‌ను ఉపయోగిస్తుంది.
నిష్క్రియ AFK వ్యవధులు సందర్శకుడు ట్యాబ్‌ను తెరిచి ఉంచి 20 నిమిషాలు వెళ్లిపోతే, మా ఇంజిన్ స్వయంచాలకంగా నిష్క్రియను గుర్తించి, రీప్లేలో ఆ విరామాన్ని కుదిస్తుంది; దీంతో నిశ్చల స్క్రీన్‌లను చూస్తూ మీ సమయం వృథా కాదు.