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 এ কেনেকৈ পৰিচালনা কৰে |
|---|---|
| iFrames | আপোনাৰ পৃষ্ঠাৰ একে উৎসৰ iframe তাৰ বিষয়বস্তু আৰু ভিতৰৰ কাৰ্যসহ ৰেকৰ্ড হয়। ব্ৰাউজাৰৰ সুৰক্ষা নীতিৰ (Same-Origin Policy) বাবে অন্য উৎসৰ এম্বেড কৰা বিষয়বস্তু (যেনে YouTube প্লেয়াৰ, Stripe পৰিশোধৰ ফৰ্ম) ভিতৰৰ পৰা ৰেকৰ্ড কৰিব নোৱাৰি; পুনৰ চলোৱা দৃশ্যত স্থানধাৰক হিচাপে থাকে আৰু তাত লোড নহয়। |
| সংবেদনশীল ইনপুট ক্ষেত্ৰ (PII) | প্ৰতিটো মাস্কিং স্তৰত পৰিদৰ্শকৰ ডিভাইচতেই পাছৱৰ্ড আৰু পৰিশোধৰ ক্ষেত্ৰ মাস্ক কৰা হয়, আৰু প্ৰতিটো প্ৰপাৰ্টিৰ অবিকল্প হ’ল সকলো ফৰ্ম ইনপুটৰ সম্পূৰ্ণ মাস্কিং। টাইপ কৰা হৈছিল দেখে, কি লিখা হৈছিল নেদেখে। দুটা সীমা প্ৰযোজ্য: দুটা দুৰ্বল মাস্কিং স্তৰ কেৱল আমাৰ লিখিত অনুমোদনত সক্ৰিয় হয়, আৰু পৃষ্ঠাই নিজে নথিত দেখুওৱা বিষয়বস্তু মাস্কিঙে নাসামৰে – ঠিকনা দেখুওৱা নিশ্চিতকৰণ পৃষ্ঠা স্নেপশ্বটৰ অংশ। দুয়োটা বৰ্ণিত আছে DPA ত। |
| ক্যানভাছ & WebGL উপাদান | ক্যানভাছৰ বিষয়বস্তু ছবি হিচাপে ৰেকৰ্ড হয়: এবাৰ পৃষ্ঠাৰ স্নেপশ্বটৰ সৈতে, তাৰ পাছত প্ৰতিবাৰ সলনি হ’লে, সৰ্বাধিক প্ৰায় প্ৰতিছেকেণ্ডত এবাৰ আৰু আকাৰৰ সীমাসহ। সেয়ে মসৃণ এনিমেশ্যন ফ্ৰেমৰ ক্ৰম হিচাপে দেখা যায়। মাস্ক কৰা অংশ বা অন্য উৎসৰ ছবি থকা ক্যানভাছৰ বাবে ছবি পঠিওৱা নহয়; WebGL বিষয়বস্তু খালী থাকিব পাৰে। |
| ৱেব কম্প’নেণ্ট (Shadow DOM) | খোলা shadow root বিষয়বস্তুসহ ৰেকৰ্ড হয়। বন্ধ shadow root স্ক্ৰিপ্টে চাব নোৱাৰে; তাৰ বিষয়বস্তু পুনৰ চলোৱা দৃশ্যত নাথাকে। |
| সঞ্চালন & ব্ৰাউজাৰ ষ্ট’ৰেজ | এনক্ৰিপ্ট কৰা WebSocket সংযোগেৰে (HTTPS/WSS) তথ্য পঠিওৱা হয়। প্ৰক্সিৰ দৰে কাৰণত সংযোগ কৰিব নোৱাৰিলে স্ক্ৰিপ্টে এনক্ৰিপ্ট কৰা HTTP পথ ব্যৱহাৰ কৰে; অতি ডাঙৰ পৃষ্ঠাৰ স্নেপশ্বট HTTPS ৰে পৃথকে আপলোড হয়। MousePlayer এ কোনো কুকি ছেট নকৰে; আপোনাৰ ছাইটত ব্ৰাউজাৰৰ local storage আৰু session storage ব্যৱহাৰ কৰে। |
| নিষ্ক্ৰিয় AFK সময় | পৰিদৰ্শকে টেব খোলা ৰাখি 20 মিনিট আঁতৰি গ’লে ইঞ্জিনে নিষ্ক্ৰিয়তা স্বয়ংক্ৰিয়ভাৱে চিনাক্ত কৰি পুনৰ চলাওঁতে ফাঁক সংকুচিত কৰে, যাতে স্থিৰ পৰ্দা চাই সময় নষ্ট নহয়। |