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 कैसे सँभालता है |
|---|---|
| iFrames | पृष्ठ के समान मूल वाले iframe सामग्री और अंदर के इंटरैक्शन सहित रिकॉर्ड होते हैं। दूसरे मूल की एम्बेड सामग्री (जैसे YouTube प्लेयर, Stripe भुगतान फ़ॉर्म) ब्राउज़र सुरक्षा नीति (Same-Origin Policy) से भीतर रिकॉर्ड नहीं हो सकती; रिकॉर्डिंग में प्लेसहोल्डर आती है और वहाँ लोड नहीं होती। |
| संवेदनशील इनपुट फ़ील्ड (व्यक्तिगत जानकारी) | हर स्तर पर पासवर्ड और भुगतान फ़ील्ड आगंतुक के डिवाइस पर छिपती हैं और हर प्रॉपर्टी में पूरा फ़ॉर्म इनपुट छिपाना डिफ़ॉल्ट है। टाइप होना दिखता है, लिखा पाठ नहीं। दो सीमाएँ हैं: दो कमज़ोर स्तर केवल लिखित अनुमति पर सक्षम हैं और छिपाना आपके पृष्ठ के दस्तावेज़ में छपे पाठ तक नहीं पहुँचता – पता दिखाता पुष्टि पृष्ठ स्नैपशॉट का हिस्सा है। दोनों का विवरण यहाँ है: DPA। |
| Canvas & WebGL एलिमेंट | canvas सामग्री चित्र की तरह रिकॉर्ड होती है: एक बार पृष्ठ स्नैपशॉट के साथ और हर बदलाव पर, अधिकतम लगभग प्रति सेकंड एक बार तथा आकार सीमा सहित। सहज एनिमेशन इसलिए फ़्रेम क्रम दिखते हैं। छिपे हिस्सों या दूसरे मूल के चित्र वाले canvas में कोई चित्र नहीं भेजा जाता; WebGL सामग्री खाली रह सकती है। |
| वेब कंपोनेंट (Shadow DOM) | खुले shadow root सामग्री सहित रिकॉर्ड होते हैं। बंद shadow root स्क्रिप्ट की पहुँच से बाहर हैं; उनकी सामग्री रिकॉर्डिंग में नहीं होती। |
| परिवहन & ब्राउज़र संग्रह | डेटा एन्क्रिप्टेड WebSocket कनेक्शन (HTTPS/WSS) से जाता है। प्रॉक्सी जैसी वजह से कनेक्शन न बने तो स्क्रिप्ट एन्क्रिप्टेड HTTP रास्ता लेती है; बहुत बड़े स्नैपशॉट अलग HTTPS से अपलोड होते हैं। MousePlayer कुकी नहीं रखता; आपकी साइट पर ब्राउज़र local storage और session storage उपयोग करता है। |
| निष्क्रिय AFK अवधि | आगंतुक टैब खुला छोड़कर 20 मिनट चला जाए तो इंजन निष्क्रियता पहचानकर रिकॉर्डिंग में अंतराल छोटा करता है ताकि स्थिर स्क्रीन देखने में समय न जाए। |