MousePlayer कसे चालते

मागोव्याची रचना, विविध उपकरणांचे स्क्रीन रिझोल्यूशन आणि प्रणालीच्या मर्यादांचा सोपा मार्गदर्शक.

1. आम्ही व्हिडिओ रेकॉर्डिंग का वापरत नाही

दृश्य विश्लेषण साधने अभ्यागताच्या स्क्रीनचा नेहमीचा व्हिडिओ (MP4 किंवा WebM) रेकॉर्ड करतात असा गैरसमज असतो. त्यासाठी प्रचंड बँडविड्थ लागेल, साइट खूप धीमी होईल आणि मजकूर धूसर व अवाचनीय बनेल.

त्याऐवजी MousePlayer हलके तंत्रज्ञान वापरते: DOM स्नॅपशॉट टेलिमेट्री. त्याचे मूलभूत काम असे:

रचनेचा स्नॅपशॉट

अभ्यागत पृष्ठ उघडतो तेव्हा स्क्रिप्ट HTML आणि शैली रचनेचा मजकूररूपी “आराखडा” घेते. प्रतिमा किंवा व्हिडिओ फाइल कॉपी न करता घटकांचे स्थान नोंदते; पुनर्प्लेमध्ये प्लेअर मूळ पत्त्यांवरून प्रतिमा लोड करतो. कॅनव्हासचा अपवाद: त्यातील सामग्री प्रतिमा म्हणून पाठवते (खाली पाहा).

स्थाननिर्देशांक टेलिमेट्री

वापरकर्ता क्रिया करताना घटनांचा प्रवाह रेकॉर्ड करतो: माऊस स्थान, स्क्रोल खोली, क्लिक लक्ष्य, ब्राउझर आकारबदल आणि पृष्ठातील बदल; सेटिंग्जनुसार कन्सोल संदेश, अयशस्वी किंवा धीम्या विनंत्या आणि लोडिंग मोजमापे (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.
कॅनव्हास & WebGL घटक कॅनव्हासची सामग्री प्रतिमा म्हणून रेकॉर्ड होते: पृष्ठ स्नॅपशॉटसोबत आणि नंतर प्रत्येक बदलावेळी, कमाल साधारण सेकंदातून एकदा व आकारमर्यादेसह. त्यामुळे सुरळीत अॅनिमेशन फ्रेमच्या मालिकेसारखे दिसते. लपवलेल्या भागांत किंवा वेगळ्या उगमाच्या प्रतिमा असलेल्या कॅनव्हाससाठी प्रतिमा पाठवत नाही; WebGL रिकामे राहू शकते.
Web Components (Shadow DOM) उघडी shadow root त्यांच्या सामग्रीसह रेकॉर्ड होतात. बंद root स्क्रिप्टला उपलब्ध नाहीत; त्यांची सामग्री पुनर्प्लेमध्ये नसते.
डेटा वाहतूक & ब्राउझर साठवण डेटा एन्क्रिप्टेड WebSocket जोडणीवर (HTTPS/WSS) जातो. उदा. प्रॉक्सीमुळे जोडणी झाली नाही तर स्क्रिप्ट एन्क्रिप्टेड HTTP मार्ग वापरते; फार मोठे स्नॅपशॉट स्वतंत्र HTTPS वर अपलोड होतात. MousePlayer कुकी ठेवत नाही; तुमच्या साइटवरील ब्राउझरची local storage आणि session storage वापरते.
निष्क्रिय AFK कालावधी अभ्यागत टॅब उघडा ठेवून 20 मिनिटे निघून गेला तर इंजिन निष्क्रियता आपोआप ओळखते आणि पुनर्प्लेमध्ये रिकामा कालखंड संकुचित करते, त्यामुळे स्थिर स्क्रीन पाहण्यात वेळ जात नाही.