MousePlayer ක්‍රියා කරන ආකාරය
අපේ ලුහුබැඳීමේ ව්‍යුහය, උපාංග හරහා තිර විභේදන හැසිරවීම සහ පද්ධති සීමා පිළිබඳ සරල මාර්ගෝපදේශයක්.
1. අපි වීඩියෝ පටිගත කිරීම භාවිත නොකරන්නේ ඇයි
දෘශ්‍ය විශ්ලේෂණ මෙවලම් අමුත්තකුගේ තිරයේ සම්මත වීඩියෝ ගොනු (MP4 හෝ WebM වැනි) පටිගත කරන බව පොදු වැරදි අදහසකි. එසේ කිරීමෙන් විශාල දත්ත පළලක් වැයවී ඔබේ වෙබ් අඩවිය බෙහෙවින් මන්දගාමී වන අතර පෙළ බොඳවී කියවිය නොහැකි වේ.
ඒ වෙනුවට MousePlayer භාවිත කරන්නේ සැහැල්ලු තාක්ෂණයකි: DOM සැණරු දත්ත සම්ප්‍රේෂණය. එය මූලික මට්ටමේ ක්‍රියා කරන්නේ මෙසේය:
සැලැස්මේ සැණරුව
අමුත්තකු ඔබේ පිටුව විවෘත කරන විට අපේ ස්ක්‍රිප්ට් ඔබේ HTML සහ විලාස ව්‍යුහයේ පෙළ පදනම් “සැලැස්මක්” ලබාගනී. පිටුවේ රූප හෝ වීඩියෝ ගොනු පිටපත් නොකර අංගවල පිහිටීම පටිගත කරයි; නැවත ධාවනයේදී ධාවකය රූප ඒවායේ මුල් ලිපිනයෙන් පූරණය කරයි. ව්‍යතිරේකය canvas අංග වන අතර ඒවායේ අන්තර්ගතය රූපයක් ලෙස සම්ප්‍රේෂණය වේ (පහත බලන්න).
ඛණ්ඩාංක දත්ත සම්ප්‍රේෂණය
පරිශීලකයා අන්තර්ක්‍රියා කරන විට අපි සිදුවීම් ධාරාවක් පටිගත කරන්නෙමු: මූසික පිහිටීම්, අනුචලන ගැඹුර, ක්ලික් ඉලක්ක සහ බ්‍රවුසර ප්‍රමාණ වෙනස්කම් මෙන්ම පිටුවේම වෙනස්කම් සහ සැකසීම් අනුව කොන්සෝල පණිවිඩ, අසාර්ථක හෝ මන්දගාමී ඉල්ලීම් සහ පූරණ කාල මිනුම් (Web Vitals). චලන සහ ක්ලික් කිරීම් කුඩාය; පිටු සැණරු සහ පිටු වෙනස්කම් පිටුව අනුව සැලකිය යුතු තරම් විශාල විය හැකි අතර සම්පීඩනය කර සම්ප්‍රේෂණය වේ.
Theatre නැවත ධාවනය
ඔබ dashboard තුළ සැසියක් නරඹන විට අපේ ධාවකය පටිගත කළ සැලැස්මෙන් පිටුව නැවත සාදා අතථ්‍ය කර්සරයක් තථ්‍ය කාලීනව එය මත ගෙනයයි; පෙළ ඉතා පැහැදිලිව පවතී.
සැහැල්ලුව තබාගැනීමට සාදා ඇත: ස්ක්‍රිප්ට් අසමමුහුර්තව පූරණය වී වීඩියෝ වෙනුවට කුඩා සංඛ්‍යාත්මක දත්ත ලක්ෂ්‍ය සම්ප්‍රේෂණය කරන නිසා එහිම බර අඩුය. එය ඔබේ Core Web Vitals සඳහා අදහස් කරන්නේ කුමක්ද යන්න ඔබේ පිටු, සත්කාරක සේවාව සහ අමුත්තාගේ ජාලය මත රඳා පවතී; අපෙන් සංඛ්‍යාවක් පිළිගන්නවා වෙනුවට ඔබේම අඩවියේ මනින්න. නිශ්චිත පූරණ වේගයක් සහතික නොකරයි – 20 වගන්තිය බලන්න: සේවා කොන්දේසි.
2. තිර විභේදන & ජංගම උපාංග හැසිරවීම
අද පරිශීලකයන් කුඩා ස්මාර්ට් දුරකථනවල සිට අතිපුළුල් 4K ඩෙස්ක්ටොප් තිර දක්වා සියල්ලෙන් සැරිසරයි. විවිධ තිර පළලට ගැළපීමට වෙබ් අඩවි ස්වයංක්‍රීයව තම සැලැස්ම මාරු කර, නැවී, නැවත සකසයි—මෙය ප්‍රතිචාරශීලී වෙබ් සැලසුම ලෙස හඳුන්වයි.
අමුත්තාගේ නිශ්චිත දෘශ්‍ය ප්‍රදේශයට අපි ගළපන්නේ කෙසේද
නැවත ධාවනය විකෘති නොපෙනීමට MousePlayer අමුත්තාගේ නිශ්චිත දෘශ්‍ය ප්‍රදේශ මානයන් පටිගත කරයි (උදා., 390x844 ස්මාර්ට් දුරකථනයකට හෝ 1920x1080 ඩෙස්ක්ටොප් තිරයකට). ඔබ Theatre ධාවකය විවෘත කරන විට අපේ එන්ජිම අමුත්තාගේ මුල් තිර අනුපාතය හරියටම පිළිබිඹු කරන පරිමාණ කළ සීමිත පරිසරයක් සාදයි.
ඩෙස්ක්ටොප් & ලැප්ටොප් තිර
සාමාන්‍ය පරිගණකවල එකම බ්‍රවුසර සැසිය තුළ අඛණ්ඩ මූසික චලනය සහ බහු ටැබ් සංචාලනය අපි පටිගත කරන්නෙමු. මූසිකය තැබූ විට විවෘත වන මෙනු එසේ කිරීමේදී පිටුව ලේඛනය වෙනස් කරන්නේ නම් නැවත ධාවනයේ පෙනේ; පිරිසිදු CSS hover බලපෑමක් ලේඛනයේ නොපෙනෙන බැවින් නැවත ධාවනයේ ප්‍රතිනිර්මාණය නොවේ.
ස්මාර්ට් දුරකථන & ටැබ්ලට්
ස්පර්ශ තිරවල ඉහළින් රැඳෙන මූසික කර්සරයක් නැත. ස්පර්ශ අභිනයන්, ස්වයිප් අනුචලනය සහ දිශානතියේ වෙනස්කම් (සිරස් හෝ තිරස්) පටිගත කරමින් MousePlayer ස්වයංක්‍රීයව හැඩගැසේ.
සැසිය අතරතුර ප්‍රමාණය වෙනස් කිරීමේ අභියෝගය
අමුත්තකු සැසිය අතරතුර ටැබ්ලට් එක හරවන හෝ ඩෙස්ක්ටොප් බ්‍රවුසර කවුළුවේ ප්‍රමාණය වෙනස් කරන විට වෙබ් අඩවි සැලැස්ම ගතිකව වෙනස් වේ. MousePlayer මෙම කවුළු ප්‍රමාණ වෙනස්කම් පටිගත කර අන්තර්ක්‍රියාවේ සන්දර්භය රැකෙන ලෙස ධාවන canvas වහා සුමටව සකසයි.
3. පද්ධති සීමා & තාක්ෂණික සීමාවන්
පරිශීලක පෞද්ගලිකත්වයට ගරු කිරීමට, බ්‍රවුසර ආරක්ෂාව පවත්වාගැනීමට සහ දත්ත සැකසීම වේගවත් තබාගැනීමට MousePlayer නිශ්චිත තාක්ෂණික සීමා තුළ ක්‍රියා කරයි:
| පද්ධති සීමාව | MousePlayer එය හසුරුවන ආකාරය |
|---|---|
| iFrame | ඔබේ පිටුවේම මූලාරම්භය ඇති iframe ඒවායේ අන්තර්ගතය සහ ඇතුළත අන්තර්ක්‍රියා සමඟ පටිගත වේ. බ්‍රවුසර ආරක්ෂක ප්‍රතිපත්ති (Same-Origin Policy) නිසා වෙනත් මූලාරම්භයක ඇතුළත් අන්තර්ගතය (උදා., YouTube ධාවක, Stripe ගෙවීම් පෝරම) ඇතුළතින් පටිගත කළ නොහැකිය; නැවත ධාවනයේදී ආදේශකයක් ලෙස පෙනෙන අතර එහි පූරණය නොවේ. |
| සංවේදී ආදාන ක්ෂේත්‍ර (PII) | සෑම වසන් කිරීමේ මට්ටමකදීම මුරපද සහ ගෙවීම් ක්ෂේත්‍ර අමුත්තාගේ උපාංගයේ වසන් කරන අතර සෑම අඩවියකටම පෙරනිමිය වන්නේ සියලු පෝරම ආදාන සම්පූර්ණයෙන් වසන් කිරීමයි. ඔබ දකින්නේ ටයිප් කිරීම සිදු වූ බවයි, ටයිප් කළ දේ නොවේ. සීමා දෙකකි: දුර්වල මට්ටම් දෙක සක්‍රිය කරන්නේ අපේ ලිඛිත අනුමැතියෙන් පමණි; ඔබේම පිටුව ලේඛනයට මුද්‍රණය කරන දේ වසන් කිරීමෙන් කිසිදා ආවරණය නොවේ – ලිපිනයක් පෙන්වන තහවුරු පිටුවක් සැණරුවේ කොටසකි. දෙකම විස්තර කර ඇත්තේ දත්ත සැකසුම් ගිවිසුමේය. |
| Canvas & WebGL අංග | canvas අන්තර්ගතය රූපයක් ලෙස පටිගත වේ: පිටු සැණරුව සමඟ එක් වරක් සහ වෙනස් වන සෑම විටකම නැවත, උපරිම තත්පරයකට වරක් පමණ සහ ප්‍රමාණ සීමාවක් සමඟය. එබැවින් සුමට සජීවීකරණ රාමු අනුක්‍රමයක් ලෙස පෙනේ. වසන් කළ ප්‍රදේශවල හෝ වෙනත් මූලාරම්භයක රූප ඇති canvas අංග සඳහා රූපයක් සම්ප්‍රේෂණය නොවේ; WebGL අන්තර්ගතය හිස්ව පැවතිය හැකිය. |
| Web Components (Shadow DOM) | විවෘත shadow root ඒවායේ අන්තර්ගතය සමඟ පටිගත වේ. වසා ඇති shadow root වෙත ස්ක්‍රිප්ට්වලට ප්‍රවේශ විය නොහැකිය; ඒවායේ අන්තර්ගතය නැවත ධාවනයේ නොමැත. |
| සම්ප්‍රේෂණය & බ්‍රවුසර ගබඩාව | දත්ත සංකේතනය කළ WebSocket සම්බන්ධතාවක් (HTTPS/WSS) හරහා යවයි. උදාහරණයක් ලෙස ප්‍රොක්සියක් නිසා එය සෑදිය නොහැකි නම් ස්ක්‍රිප්ට් සංකේතනය කළ HTTP මාර්ගයකට මාරු වේ; ඉතා විශාල පිටු සැණරු HTTPS හරහා වෙනම උඩුගත වේ. MousePlayer කුකී සකසන්නේ නැත; ඔබේ අඩවියේ බ්‍රවුසරයේ local storage සහ session storage භාවිත කරයි. |
| නිෂ්ක්‍රිය AFK කාල | අමුත්තකු ටැබය විවෘතව තබා විනාඩි 20 කට ඉවත්ව ගියහොත් අපේ එන්ජිම නිෂ්ක්‍රිය බව ස්වයංක්‍රීයව හඳුනාගෙන නැවත ධාවනයේ එම කාලය සම්පීඩනය කරයි; නිශ්චල තිර බලමින් ඔබේ කාලය නාස්ති නොවේ. |