MousePlayer कसरी काम गर्छ
हाम्रो ट्र्याकिङ संरचना, विभिन्न उपकरणका स्क्रिन रिजोल्युसन र प्रणाली सीमाबारे सरल मार्गदर्शन।
1. हामी भिडियो रेकर्डिङ किन प्रयोग गर्दैनौँ
दृश्य विश्लेषण उपकरणले आगन्तुकको स्क्रिनको सामान्य भिडियो फाइल (जस्तै MP4 वा WebM) रेकर्ड गर्छन् भन्ने भ्रम छ। त्यसो गर्दा ठूलो ब्यान्डविथ खपत हुन्छ, वेबसाइट धेरै ढिलो हुन्छ र पाठ धमिलो तथा पढ्न नसकिने हुन्छ।
यसको सट्टा MousePlayer ले हल्का प्रविधि प्रयोग गर्छ, जसलाई भनिन्छ: DOM स्न्यापसट टेलिमेट्री। आधारभूत रूपमा यसरी काम गर्छ:
संरचनाको स्न्यापसट
आगन्तुकले पृष्ठ खोल्दा स्क्रिप्टले HTML र स्टाइल संरचनाको पाठमा आधारित “नक्सा” लिन्छ। पृष्ठका तस्बिर वा भिडियो फाइल नक्कल नगरी एलिमेन्टको स्थान रेकर्ड गर्छ; पुनःप्लेब्याकमा प्लेयरले तस्बिर मूल ठेगानाबाट लोड गर्छ। क्यानभास अपवाद हो, जसको सामग्री तस्बिरका रूपमा पठाइन्छ (तल हेर्नुहोस्)।
निर्देशाङ्क टेलिमेट्री
अन्तरक्रिया हुँदा माउस स्थान, स्क्रोल गहिराइ, क्लिक लक्ष्य, ब्राउजरको आकार परिवर्तन, पृष्ठकै परिवर्तन र सेटिङअनुसार कन्सोल सन्देश, असफल वा ढिला अनुरोध तथा लोडिङ समय (Web Vitals) रेकर्ड गर्छौँ। चाल र क्लिक साना हुन्छन्; पृष्ठका स्न्यापसट र परिवर्तन पृष्ठअनुसार धेरै ठूला हुन सक्छन् र सङ्कुचन गरेर पठाइन्छन्।
थिएटर पुनःप्लेब्याक
ड्यासबोर्डमा सत्र हेर्दा प्लेयरले रेकर्ड गरिएको संरचनाबाट पृष्ठ फेरि बनाएर वास्तविक समयमा भर्चुअल पोइन्टर चलाउँछ र पाठ स्पष्ट रहन्छ।
हल्का रहन बनाइएको: स्क्रिप्ट असिङ्क्रोनस रूपमा लोड हुन्छ र भिडियोको सट्टा साना सङ्ख्यात्मक डेटा पठाउँछ, जसले आफ्नै भार कम राख्छ। Core Web Vitals मा असर पृष्ठ, होस्टिङ र आगन्तुकको नेटवर्कमा निर्भर हुन्छ, त्यसैले हाम्रो आँकडा मान्नुको सट्टा आफ्नै साइटमा मापन गर्नुहोस्। कुनै खास लोडिङ गतिको प्रत्याभूति छैन – धारा 20 हेर्नुहोस्: सेवाका सर्तहरू।
2. स्क्रिन रिजोल्युसन & मोबाइल उपकरण
प्रयोगकर्ता साना स्मार्टफोनदेखि धेरै चौडा 4K कम्प्युटर मोनिटरसम्मबाट ब्राउज गर्छन्। फरक स्क्रिन चौडाइमा मिल्न वेबसाइटले लेआउट स्वतः सार्छ र पुनःमिलाउँछ — यसलाई Responsive Web Design भनिन्छ।
आगन्तुकको ठ्याक्कै भ्युपोर्ट कसरी मिलाउँछौँ
पुनःप्लेब्याक विकृत नहोस् भनेर MousePlayer ले आगन्तुकको भ्युपोर्टका सही आयाम रेकर्ड गर्छ (जस्तै स्मार्टफोनमा 390x844 वा 1920x1080 कम्प्युटर मोनिटरमा)। थिएटर प्लेयर खोल्दा इन्जिनले मूल स्क्रिन अनुपात ठ्याक्कै मिल्ने सानो-बनाइएको स्यान्डबक्स तयार गर्छ।
कम्प्युटर & ल्यापटप स्क्रिन
सामान्य कम्प्युटरमा एउटै ब्राउजर सत्रको निरन्तर माउस चाल र धेरै ट्याबको नेभिगेसन रेकर्ड गर्छौँ। होभर गर्दा खुल्ने मेनुले पृष्ठको दस्तावेज बदलेमा पुनःप्लेब्याकमा देखिन्छ; शुद्ध CSS होभर दस्तावेजमा नदेखिने भएकाले पुनःप्लेब्याकमा दोहोरिँदैन।
स्मार्टफोन & ट्याब्लेट
टचस्क्रिनमा होभर गर्ने माउस पोइन्टर हुँदैन। MousePlayer ले ट्याप, स्वाइप स्क्रोल र दिशा परिवर्तन (ठाडो वा तेर्सो) रेकर्ड गरेर स्वतः अनुकूलित गर्छ।
सत्रबीच आकार परिवर्तनको चुनौती
सत्र चल्दा ट्याब्लेट घुमाए वा ब्राउजर विन्डोको आकार बदले लेआउट गतिशील रूपमा बदलिन्छ। MousePlayer ले यी घटना रेकर्ड गरी प्लेब्याक क्यानभास तुरुन्त मिलाउँछ, जसले अन्तरक्रियाको सन्दर्भ जोगाउँछ।
3. प्रणाली सीमा & प्राविधिक हद
गोपनीयता, ब्राउजर सुरक्षा र छरितो डेटा प्रशोधनका लागि MousePlayer निश्चित प्राविधिक सीमाभित्र चल्छ:
| प्रणाली सीमा | MousePlayer ले कसरी सम्हाल्छ |
|---|---|
| iFrame | पृष्ठकै origin भएका iframe सामग्री र भित्रको अन्तरक्रियासहित रेकर्ड हुन्छन्। अन्य origin को इम्बेड सामग्री (जस्तै YouTube प्लेयर, Stripe भुक्तानी फारम) ब्राउजर सुरक्षा नियम (Same-Origin Policy) का कारण भित्रबाट रेकर्ड गर्न सकिँदैन; पुनःप्लेब्याकमा प्लेसहोल्डर देखिन्छ र लोड गरिँदैन। |
| संवेदनशील इनपुट फिल्ड (PII) | हरेक मास्किङ तहमा पासवर्ड र भुक्तानी फिल्ड आगन्तुककै उपकरणमा लुकाइन्छन् र सबै फारम इनपुटको पूरा मास्किङ हरेक प्रपर्टीको पूर्वनिर्धारित हो। टाइप भएको देखिन्छ, के टाइप भयो देखिँदैन। दुई सीमा छन्: कमजोर दुई तह हाम्रो लिखित स्वीकृतिमा मात्र सक्रिय हुन्छन् र पृष्ठ आफैँले दस्तावेजमा देखाएको कुरा मास्किङले लुकाउँदैन – ठेगाना देखाउने पुष्टि पृष्ठ स्न्यापसटको भाग हुन्छ। दुवै यसमा स्पष्ट छन्: DPA। |
| क्यानभास & WebGL एलिमेन्ट | क्यानभास सामग्री तस्बिरका रूपमा रेकर्ड हुन्छ: स्न्यापसटसँग एक पटक र परिवर्तन हुँदा फेरि, बढीमा करिब सेकेन्डमा एक पटक तथा आकार सीमासहित। त्यसैले सहज एनिमेसन फ्रेमको श्रृङ्खलाजस्तो देखिन्छ। लुकाइएका क्षेत्र वा अन्य origin का तस्बिर भएका क्यानभासबाट तस्बिर पठाइँदैन; WebGL खाली रहन सक्छ। |
| वेब कम्पोनेन्ट (Shadow DOM) | खुला shadow root सामग्रीसहित रेकर्ड हुन्छन्। बन्द shadow root मा स्क्रिप्ट पुग्न सक्दैन; सामग्री पुनःप्लेब्याकमा हुँदैन। |
| प्रसारण & ब्राउजर भण्डारण | डेटा एन्क्रिप्ट गरिएको WebSocket (HTTPS/WSS) बाट पठाइन्छ। प्रोक्सीजस्ता कारणले जडान नबने एन्क्रिप्ट गरिएको HTTP मार्ग प्रयोग हुन्छ; धेरै ठूला स्न्यापसट छुट्टै HTTPS बाट अपलोड हुन्छन्। MousePlayer ले कुकी राख्दैन; साइटमा ब्राउजरको local storage र session storage प्रयोग गर्छ। |
| निष्क्रिय AFK अवधि | आगन्तुकले ट्याब खुला छोडेर 20 मिनेट टाढा गए इन्जिनले निष्क्रियता स्वतः चिनेको खाली समय पुनःप्लेब्याकमा छोट्याउँछ, ताकि स्थिर स्क्रिन हेर्दै समय खेर नजाओस्। |