របៀបដែល 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)។ វាបង្ហាញជាកន្លែងជំនួសក្នុងការចាក់ឡើងវិញ ហើយមិនត្រូវបានផ្ទុកនៅទីនោះ។ |
| វាលបញ្ចូលរសើប (PII) | វាលពាក្យសម្ងាត់ និងការទូទាត់ត្រូវបានបិទបាំងលើឧបករណ៍អ្នកចូលមើលនៅគ្រប់កម្រិតបិទបាំង ហើយការបិទបាំងពេញលេញនៃទិន្នន័យបញ្ចូលគ្រប់សំណុំបែបបទជាលំនាំដើមសម្រាប់គេហទំព័រនីមួយៗ។ មើលឃើញថាមានការវាយ ប៉ុន្តែមិនឃើញអ្វីដែលបានវាយ។ មានកម្រិតពីរ៖ កម្រិតបិទបាំងខ្សោយជាងពីរត្រូវបានបើកតែតាមការអនុម័តជាលាយលក្ខណ៍អក្សររបស់យើង ហើយការបិទបាំងមិនគ្របដណ្តប់អ្វីដែលទំព័រផ្ទាល់បង្ហាញក្នុងឯកសារឡើយ – ទំព័របញ្ជាក់ដែលបង្ហាញអាសយដ្ឋានជាផ្នែកនៃរូបថត។ ទាំងពីរត្រូវបានកំណត់ក្នុង កិច្ចព្រមព្រៀងដំណើរការទិន្នន័យ។ |
| ធាតុ Canvas & WebGL | មាតិកា canvas ត្រូវបានថតជារូបភាព៖ ម្តងជាមួយរូបថតទំព័រ ហើយម្តងទៀតនៅពេលវាផ្លាស់ប្តូរ អតិបរមាប្រហែលម្តងក្នុងមួយវិនាទី និងមានកម្រិតទំហំ។ ដូច្នេះចលនារលូនបង្ហាញជាលំដាប់ស៊ុមរូបភាព។ គ្មានរូបភាពត្រូវបានបញ្ជូនក្នុងតំបន់បិទបាំង ឬសម្រាប់ canvas ដែលមានរូបភាពពីប្រភពផ្សេងទេ។ មាតិកា WebGL អាចនៅទទេ។ |
| សមាសភាគវេប (Shadow DOM) | ឫស shadow បើកត្រូវបានថតរួមជាមួយមាតិកា។ ស្គ្រីបមិនអាចចូលឫស shadow បិទបាន ដូច្នេះមាតិការបស់វាបាត់ពីការចាក់ឡើងវិញ។ |
| ការបញ្ជូន & ឃ្លាំងកម្មវិធីរុករក | ទិន្នន័យត្រូវបានផ្ញើតាមការតភ្ជាប់ WebSocket អ៊ិនគ្រីប (HTTPS/WSS)។ បើមិនអាចបង្កើតបាន ឧទាហរណ៍ដោយសារប្រូកស៊ី ស្គ្រីបប្តូរទៅផ្លូវ HTTP អ៊ិនគ្រីបជាបម្រុង។ រូបថតទំព័រធំខ្លាំងត្រូវបានផ្ទុកឡើងដាច់ដោយឡែកតាម HTTPS។ MousePlayer មិនកំណត់ខូគីទេ តែប្រើ local storage និង session storage របស់កម្មវិធីរុករកលើគេហទំព័រ។ |
| រយៈពេលអសកម្ម AFK | បើអ្នកចូលមើលទុកផ្ទាំងបើក ហើយចាកឆ្ងាយ 20 នាទី ម៉ាស៊ីនរបស់យើងរកឃើញភាពអសកម្មដោយស្វ័យប្រវត្តិ ហើយបង្រួមចន្លោះអសកម្មក្នុងការចាក់ឡើងវិញ ដើម្បីកុំឱ្យខាតពេលមើលអេក្រង់នឹងថ្កល់។ |