ڪيئن ڪم ڪري ٿو: ٽيڪنالاجي، ريزوليوشن ۽ حدون

1. اسان وڊيو رڪارڊنگ ڇو نٿا استعمال ڪريون

هڪ عام غلط فهمي آهي ته بصري تجزياتي اوزار مهمان جي اسڪرين جون عام وڊيو فائلون (جهڙوڪ MP4 يا WebM) رڪارڊ ڪن ٿا. ان سان تمام گهڻي بينڊوڊٿ لڳندي، ويب سائيٽ گهڻي سست ٿيندي ۽ ڌنڌلو، اڻپڙهڻ لائق متن ٺهندو.

ان جي بدران MousePlayer هلڪي ٽيڪنالاجي استعمال ڪري ٿو، جنهن کي چيو وڃي ٿو DOM تصوير جي ٽيليميٽري. بنيادي سطح تي ائين ڪم ڪري ٿي:

بناوت جي تصوير

مهمان صفحو کولي ته اسان جو اسڪرپٽ توهان جي HTML ۽ انداز جي بناوت جو متن تي ٻڌل “نقشو” وٺي ٿو. صفحي جون تصويري يا وڊيو فائلون ڪاپي ڪرڻ کان سواءِ عنصرن جون جايون رڪارڊ ڪري ٿو؛ پليئر ٻيهر پلے دوران تصويرون اصل پتي مان لوڊ ڪري ٿو. استثنا canvas عنصر آهن، جن جو مواد تصوير طور موڪلجي ٿو (هيٺ ڏسو).

ڪوآرڊينيٽ ٽيليميٽري

استعمال ڪندڙ جي رابطي دوران واقعن جو وهڪرو رڪارڊ ڪريون ٿا: مائوس جايون، اسڪرول جي اونهائي، ڪلڪ جون منزلون، برائوزر جي ماپ بدلجڻ، خود صفحي جون تبديليون ۽ سيٽنگن موجب ڪنسول پيغام، ناڪام يا سست درخواستون ۽ لوڊ وقت جون ماپون (Web Vitals). حرڪتون ۽ ڪلڪ ننڍا آهن؛ صفحي جون تصويرون ۽ تبديليون صفحي موجب گهڻيون وڏيون ٿي سگهن ٿيون ۽ دٻائي موڪلجن ٿيون.

ٿيٽر ٻيهر پلے

ڊيش بورڊ ۾ سيشن ڏسو ته اسان جو پليئر رڪارڊ ٿيل نقشي مان صفحو ٻيهر ٺاهي ان تي حقيقي وقت ۾ مجازي اشارو هلائي ٿو، ۽ متن بلڪل صاف رکي ٿو.

هلڪو رهڻ لاءِ ٺهيل: اسڪرپٽ غير هم وقت لوڊ ٿئي ٿو ۽ وڊيو بدران ننڍا عددي ڊيٽا نقطا موڪلي ٿو، تنهنڪري ان جو پنهنجو بار گهٽ رهي ٿو. توهان جي Core Web Vitals تي اثر توهان جي صفحن، هوسٽنگ ۽ مهمان جي نيٽ ورڪ تي ڀاڙي ٿو، تنهنڪري اسان کان انگ وٺڻ بدران پنهنجي سائيٽ تي ماپيو. ڪنهن خاص لوڊ رفتار جي ضمانت ناهي – ڏسو شق 20 هن ۾ خدمت جا شرط.

2. اسڪرين ريزوليوشن & موبائل اوزار سنڀالڻ

اڄ جا استعمال ڪندڙ ننڍن سمارٽ فونن کان تمام ويڪرن 4K ڊيسڪ ٽاپ مانيٽرن تائين هر شيءِ تي ڏسن ٿا. ويب سائيٽون مختلف اسڪرين ويڪرن سان ٺهڪڻ لاءِ پاڻمرادو ترتيب بدلائين، موڙين ۽ ٻيهر جوڙين ٿيون — هن کي Responsive Web Design چون ٿا.

مهمان جي بلڪل صحيح نظر ايندڙ حصي سان ڪيئن ملون ٿا

ٻيهر پلے بگڙيل نه لڳي، ان لاءِ MousePlayer مهمان جي نظر ايندڙ حصي جون صحيح ماپون رڪارڊ ڪري ٿو (مثال طور 390x844 سمارٽ فون لاءِ يا 1920x1080 ڊيسڪ ٽاپ مانيٽر لاءِ). ٿيٽر پليئر کوليو ته اسان جي انجڻ ماپيل sandbox ٺاهي ٿي جيڪو مهمان جي اصل اسڪرين جو تناسب بلڪل ورجائي ٿو.

ڊيسڪ ٽاپ & ليپ ٽاپ اسڪرينون

عام ڪمپيوٽرن تي ساڳئي برائوزر سيشن اندر لڳاتار مائوس حرڪت ۽ گهڻن ٽيبن جي نيويگيشن پڪڙيون ٿا. مائوس مٿان آڻڻ سان کلندڙ مينيو ٻيهر پلے ۾ تڏهن اچن ٿا جڏهن صفحو ان دوران پنهنجو document بدلائي؛ خالص CSS hover اثر document ۾ نظر نٿو اچي ۽ ٻيهر پلے ۾ نٿو ٺهي.

سمارٽ فون & ٽيبليٽ

ڇهاءَ وارين اسڪرينن تي مٿان گهمندڙ مائوس اشارو ناهي. MousePlayer ڇهاءَ، آڱر سان اسڪرول ۽ رخ جي تبديلين (عمودي يا افقي) کي رڪارڊ ڪري پاڻمرادو ٺهڪي ٿو.

سيشن جي وچ ۾ ماپ بدلجڻ جو مسئلو

مهمان سيشن دوران ٽيبليٽ گهمائي يا ڊيسڪ ٽاپ برائوزر ونڊو جي ماپ بدلائي ته ويب سائيٽ جي ترتيب متحرڪ بدلجي ٿي. MousePlayer ونڊو ماپ جا واقعا پڪڙي پلے canvas فوري هموار نموني ٺهڪائي ٿو، ته رابطي جو پس منظر محفوظ رهي.

3. نظام جون حدون & ٽيڪنيڪي حدبنديون

استعمال ڪندڙن جي رازداري، برائوزر سيڪيورٽي ۽ تيز ڊيٽا پروسيسنگ لاءِ MousePlayer مقرر ٽيڪنيڪي حدن اندر ڪم ڪري ٿو:

نظام جي حد	MousePlayer ڪيئن سنڀالي ٿو
iFrame	توهان جي صفحي جي ساڳئي origin وارا iframe سندن مواد ۽ اندروني رابطي سميت رڪارڊ ٿين ٿا. ٻئي origin جو شامل مواد (مثال طور YouTube پليئر، Stripe ادائيگي فارم) برائوزر جي سيڪيورٽي پاليسين (Same-Origin Policy) سبب اندروني طور رڪارڊ نٿو ٿي سگهي؛ ٻيهر پلے ۾ جڳهه نشان طور اچي ٿو ۽ اتي لوڊ نٿو ٿئي.
حساس داخلا خانا (PII)	پاس ورڊ ۽ ادائيگي جا خانا مهمان جي اوزار تي هر لڪائڻ واري سطح تي لڪايل آهن، ۽ هر ويب سائيٽ لاءِ سڀ فارم داخلا مڪمل لڪائڻ ڊفالٽ آهي. توهان ڏسو ٿا ته ٽائپ ٿيو، اهو نه ته ڇا ٿيو. ٻه حدون آهن: ٻه ڪمزور لڪائڻ واريون سطحون رڳو اسان جي لکيل منظوري سان فعال ٿين ٿيون، ۽ لڪائڻ توهان جي پنهنجي صفحي جي document ۾ ڇپيل مواد تائين نٿو پهچي – پتو ڏيکاريندڙ تصديق صفحو تصوير جو حصو آهي. ٻئي بيان ٿيل آهن هن ۾ DPA.
Canvas & WebGL عنصر	Canvas جو مواد تصوير طور رڪارڊ ٿئي ٿو: هڪ ڀيرو صفحي جي تصوير سان ۽ وري هر تبديلي تي، وڌ ۾ وڌ لڳ ڀڳ هر سيڪنڊ ۽ ماپ جي حد سان. تنهنڪري هموار animation فريم سلسلي طور اچن ٿا. لڪايل حصن يا ٻئي origin جون تصويرون رکندڙ canvas عنصرن لاءِ ڪا تصوير نٿي موڪلي وڃي؛ WebGL مواد خالي رهي سگهي ٿو.
Web Component (Shadow DOM)	کليل shadow root سندن مواد سميت رڪارڊ ٿين ٿا. بند shadow root اسڪرپٽن جي پهچ کان ٻاهر آهن؛ سندن مواد ٻيهر پلے ۾ ناهي.
منتقلي & برائوزر اسٽوريج	ڊيٽا انڪرپٽ ٿيل WebSocket رابطي (HTTPS/WSS) سان موڪلجي ٿي. نه ٺهي سگهي، مثال طور proxy سبب، ته اسڪرپٽ انڪرپٽ ٿيل HTTP رستي ڏانهن موٽي ٿو؛ تمام وڏيون صفحي جون تصويرون الڳ HTTPS سان اپلوڊ ٿين ٿيون. MousePlayer ڪا ڪوڪي نٿو رکي؛ توهان جي سائيٽ تي برائوزر جي local storage ۽ session storage استعمال ڪري ٿو.
غير سرگرم AFK وقفا	مهمان ٽيب کليل ڇڏي 20 منٽ پري وڃي ته اسان جي انجڻ غير سرگرمي پاڻ سڃاڻي ٻيهر پلے دوران خالي وقفو مختصر ڪري ٿي، ته بيٺل اسڪرينون ڏسي وقت نه وڃايو.

اسان ڪيئن مدد ڪريون؟