MousePlayer செயல்படும் விதம்

கண்காணிப்புக் கட்டமைப்பு, பல சாதனத் திரைத்திறன் கையாளுதல் மற்றும் அமைப்பின் எல்லைகளுக்கான எளிய வழிகாட்டி.

1. ஏன் வீடியோ பதிவு பயன்படுத்துவதில்லை

காட்சிப் பகுப்பாய்வுக் கருவிகள் பார்வையாளரின் திரையை MP4 அல்லது WebM போன்ற வழக்கமான வீடியோவாகப் பதிவுசெய்வதாகப் பொதுவான தவறான எண்ணம் உள்ளது. அது மிகுந்த அலைவரிசையைப் பயன்படுத்தி தளத்தை மந்தமாக்கி உரையை மங்கலாகவும் படிக்க முடியாததாகவும் செய்யும்.

அதற்குப் பதிலாக MousePlayer இலகுவான தொழில்நுட்பத்தைப் பயன்படுத்துகிறது: DOM நிலைப்படத் தொலைஅளவியல். அடிப்படையில் இயங்கும் விதம்:

கட்டமைப்பு நிலைப்படம்

பார்வையாளர் பக்கத்தைத் திறந்ததும் HTML மற்றும் பாணிக் கட்டமைப்பின் உரை வடிவ “வரைபடத்தை” ஸ்கிரிப்ட் எடுக்கும். பக்கப் படங்கள் அல்லது வீடியோக்களை நகலெடுக்காமல் தனிமங்களின் இடங்களைப் பதிவுசெய்யும்; பதிவைப் பார்க்கும்போது படங்களை அவற்றின் மூல முகவரியிலிருந்து பிளேயர் ஏற்றும். canvas மட்டும் விதிவிலக்கு: அதன் உள்ளடக்கம் படமாக அனுப்பப்படும் — கீழே காணவும்.

ஆயத்தொலைவுத் தொலைஅளவியல்

பயனர் தொடர்புகொள்ளும்போது நிகழ்வு ஓடை பதிவாகும்: மவுஸ் நிலைகள், உருட்டல் ஆழம், கிளிக் இலக்குகள், உலாவி அளவு மாற்றம்; பக்க மாற்றங்கள் மற்றும் அமைப்பிற்கேற்ப console செய்திகள், தோல்வியுற்ற அல்லது மெதுவான கோரிக்கைகள், ஏற்ற நேர அளவீடுகள் (Web Vitals). இயக்கமும் கிளிக்குகளும் சிறியவை; பக்க நிலைப்படங்களும் மாற்றங்களும் பக்கத்தைப் பொறுத்துப் பெரிதாகலாம், சுருக்கி அனுப்பப்படும்.

அரங்குப் பதிவுப் பார்வை

டாஷ்போர்டில் அமர்வைப் பார்க்கும்போது பதிவு செய்த கட்டமைப்பால் பிளேயர் பக்கத்தை மீண்டும் உருவாக்கி மெய்நிகர் சுட்டியை உண்மை நேரத்தில் நகர்த்தும்; உரை தெளிவாக இருக்கும்.

இலகுவாக இருக்க வடிவமைத்தது: ஸ்கிரிப்ட் அசின்க்ரோனஸாக ஏறி வீடியோவுக்குப் பதிலாகச் சிறிய எண் தரவுப் புள்ளிகளை அனுப்புவதால் அதன் தடம் சிறியது. Core Web Vitals பாதிப்பு பக்கங்கள், ஹோஸ்டிங் மற்றும் பார்வையாளரின் பிணையத்தைச் சார்ந்தது; எனவே எங்கள் எண்ணை நம்பாமல் உங்கள் தளத்தில் அளவிடவும். குறிப்பிட்ட ஏற்ற வேகத்திற்கு உத்தரவாதமில்லை – சேவை விதிமுறைகளின்பிரிவு 20 பார்க்கவும்.

2. திரைத்திறன் & மொபைல் சாதனங்கள்

சிறிய ஸ்மார்ட்போனிலிருந்து மிக அகன்ற 4K கணினித் திரைவரை பயனர்கள் உலாவுகின்றனர். வேறு அகலங்களுக்கு ஏற்றபடி தளங்கள் தளவமைப்பைத் தானாக நகர்த்தி மடித்து மறுவரிசைப்படுத்துகின்றன — இதுவே responsive web design.

பார்வையாளரின் துல்லியமான பார்வைப் பகுதியைப் பொருத்துவது

பதிவு சிதைவின்றித் தெரிய MousePlayer துல்லியமான பார்வைப் பகுதி அளவுகளைப் பதிவுசெய்யும் — எ.கா. 390x844 ஸ்மார்ட்போனுக்கு அல்லது 1920x1080 கணினித் திரைக்கு. அரங்குப் பிளேயரைத் திறந்ததும் பார்வையாளரின் மூலத் திரை விகிதத்தை அப்படியே பிரதிபலிக்கும் அளவாக்கிய தனிச்சூழலை உருவாக்கும்.

கணினி & மடிக்கணினித் திரைகள்

வழக்கமான கணினிகளில் அதே உலாவி அமர்வில் தொடர்ச்சியான மவுஸ் இயக்கமும் பல்தாவல் வழிசெலுத்தலும் பதிவாகும். hover-இல் திறக்கும் மெனு ஆவணத்தை மாற்றினால் பதிவில் தெரியும்; தூய CSS hover ஆவணத்தில் தெரிவதில்லை, மீண்டும் உருவாக்கப்படாது.

ஸ்மார்ட்போன்கள் & டேப்லெட்கள்

தொடுதிரையில் மிதக்கும் மவுஸ் சுட்டி இல்லை. தொடுதல்கள், ஸ்வைப் உருட்டுதல் மற்றும் செங்குத்து/கிடைமட்டத் திசை மாற்றங்களைப் பதிவுசெய்து MousePlayer தானாக ஏற்றுக்கொள்ளும்.

அமர்வின்போது அளவு மாற்றத்தின் சவால்

டேப்லெட்டைத் திருப்பினாலோ உலாவிச் சாளரத்தை மாற்றினாலோ தளவமைப்பு மாறும். சாளர அளவுமாற்ற நிகழ்வுகளைப் பதிவுசெய்து உடனே இயக்கப் பரப்பைச் சீராக்குவதால் தொடர்பாடலின் சூழல் பாதுகாக்கப்படும்.

3. அமைப்பின் வரம்புகள் & தொழில்நுட்ப எல்லைகள்

தனியுரிமை, உலாவிப் பாதுகாப்பு மற்றும் வேகமான செயலாக்கத்திற்காக MousePlayer வரையறுக்கப்பட்ட எல்லைகளில் இயங்குகிறது:

அமைப்பின் எல்லை MousePlayer கையாளும் விதம்
iFrames உங்கள் பக்கத்தின் அதே origin கொண்ட iframe-கள் உள்ளடக்கம் மற்றும் உள் தொடர்பாடலுடன் பதிவாகும். வேறு origin உள்ளடக்கத்தை — YouTube பிளேயர், Stripe கட்டணப் படிவங்கள் — உலாவிப் பாதுகாப்பால் (Same-Origin Policy) உள்ளே பதிவுசெய்ய முடியாது; பதிவில் இடநிரப்பியாகத் தெரியும், அங்கே ஏற்றப்படாது.
முக்கிய உள்ளீட்டுப் புலங்கள் (PII) எல்லா மறைத்தல் நிலைகளிலும் கடவுச்சொல் மற்றும் கட்டணப் புலங்கள் பார்வையாளர் சாதனத்தில் மறைக்கப்படும்; ஒவ்வொரு தளத்திற்கும் எல்லாப் படிவ உள்ளீடுகளின் முழு மறைத்தலே இயல்புநிலை. தட்டச்சு நடந்தது தெரியும், என்ன என்பது அல்ல. இரு எல்லைகள்: பலவீனமான இரு நிலைகளுக்கும் எங்கள் எழுத்து அங்கீகாரம் தேவை; உங்கள் பக்கம் ஆவணத்தில் காட்டுவதை மறைத்தல் எட்டாது – முகவரி காட்டும் உறுதிப்படுத்தல் பக்கம் நிலைப்படத்தின் பகுதி. இரண்டும் DPA-இல்உள்ளன.
Canvas & WebGL தனிமங்கள் canvas உள்ளடக்கம் படமாகப் பதிவாகும்: பக்க நிலைப்படத்துடன் ஒருமுறை, மாறும்போதெல்லாம் மீண்டும், அதிகபட்சம் சுமார் வினாடிக்கு ஒருமுறை, அளவு வரம்புடன். மென்மையான அசைவுகள் காட்சித் தொடராகத் தெரியும். மறைத்த பகுதிகளிலோ வேறு origin படமுள்ள canvas-இலோ படம் அனுப்பப்படாது; WebGL காலியாக இருக்கலாம்.
Web Components (Shadow DOM) திறந்த shadow root-கள் உள்ளடக்கத்துடன் பதிவாகும். மூடியவை ஸ்கிரிப்டால் அணுக முடியாது; அவற்றின் உள்ளடக்கம் பதிவில் இருக்காது.
பரிமாற்றம் & உலாவிச் சேமிப்பு மறைகுறியாக்கிய WebSocket இணைப்பில் (HTTPS/WSS) தரவு அனுப்பப்படும். proxy போன்ற காரணத்தால் இணைக்க முடியாவிட்டால் மறைகுறியாக்கிய HTTP வழிக்கு மாறும்; மிகப் பெரிய நிலைப்படங்கள் தனியாக HTTPS மூலம் ஏற்றப்படும். MousePlayer cookie வைப்பதில்லை; உங்கள் தளத்தின் local storage மற்றும் session storage பயன்படுத்துகிறது.
செயலற்ற AFK காலங்கள் பார்வையாளர் தாவலைத் திறந்துவிட்டு 20 நிமிடங்கள் சென்றால் செயலின்மையைத் தானாகக் கண்டறிந்து பதிவுப் பார்வையில் இடைவெளியைச் சுருக்கும்; நிலையான திரைகளைப் பார்த்து நேரம் வீணாகாது.