MousePlayer кантип иштейт
Көзөмөл түзүлүшүбүз, түзмөктөрдүн экран чечилиштери жана тутум чектери тууралуу жөнөкөй колдонмо.
1. Эмне үчүн видео жаздырбайбыз
Көрүнүктүү талдоо куралдары коноктун экранынын кадимки видео файлдарын (MP4 же WebM сыяктуу) жазат деген жаңылыш түшүнүк бар. Мындай ыкма көп өткөрүү жөндөмүн талап кылып, сайтты кыйла жайлатмак жана бүдөмүк, окулбаган текст жаратмак.
Анын ордуна MousePlayer жеңил технологияны колдонот: DOM сүрөтүнүн телеметриясы. Негизги иштөө тартиби:
Түзүлүш сүрөтү
Конок бетти ачканда, скриптибиз HTML жана стилдердин түзүлүшүнүн тексттик «чиймесин» алат. Беттин сүрөт же видео файлдарын көчүрбөй, элементтер кайда турганын жазат; ойноткуч кайра көрүүдө сүрөттөрдү баштапкы дарегинен жүктөйт. Canvas элементтери өзгөчө: алардын мазмуну сүрөт катары берилет (төмөндө).
Координат телеметриясы
Колдонуучу аракет кылганда, окуялар агымын жазабыз: чычкан орду, жылдыруу тереңдиги, чыкылдатуу буталары, браузер өлчөмүнүн өзгөрүшү, ошондой эле беттин өз өзгөрүүлөрү жана жөндөөгө жараша консоль билдирүүлөрү, ишке ашпаган же жай сурамдар жана жүктөө убактысынын өлчөөлөрү (Web Vitals). Кыймылдар жана чыкылдатуулар кичине; бет сүрөттөрү жана өзгөрүүлөр бетке жараша кыйла чоң болуп, кысылган түрдө жөнөтүлөт.
Театрдагы жаздыруу
Башкаруу тактаңызда сеансты көргөндө, ойноткучубуз жазылган чиймеден бетти кайра түзүп, виртуалдык көрсөткүчтү түз убакытта жылдырат; текст так бойдон калат.
Жеңил болуу үчүн түзүлгөн: скрипт асинхрондук жүктөлүп, видеонун ордуна чакан сандык чекиттерди жөнөтөт, өзүнүн жүгүн аз кармайт. Core Web Vitals'ка таасири бетиңизге, хостингиңизге жана конок тармагына көз каранды; бизден сан алганча, өз сайтыңызда өлчөңүз. Белгилүү жүктөө ылдамдыгына кепилдик жок – караңыз: 20-бөлүм, Колдонуу шарттары.
2. Экран чечилиштери & мобилдик түзмөктөр
Бүгүн колдонуучулар чакан смартфондон өтө кең 4K мониторго чейин колдонушат. Сайттар ар башка экран туурасына ылайык макетин автоматтык жылдырып, бүктөп жана иреттейт; бул ыңгайлашкан веб дизайн деп аталат.
Коноктун так көрүнгөн аймагын кантип дал келтиребиз
Жаздыруу бузулуп көрүнбөшү үчүн MousePlayer коноктун көрүнгөн аймагынын так өлчөмүн жазат (мисалы, 390x844 смартфон үчүн же 1920x1080 компьютер монитору үчүн). Театр ойноткучун ачканда, кыймылдаткычыбыз коноктун экран катышын так кайталаган масштабдалган коопсуз аймак түзөт.
Компьютер & ноутбук экрандары
Кадимки компьютерде чычкандын үзгүлтүксүз кыймылын жана бир браузер сеансындагы көп өтмөктүү өтүүнү тартабыз. Чычкан үстүнө келгенде ачылган менюлар документти өзгөртсө, жаздырууда көрүнөт; таза CSS hover эффекти документте көрүнбөйт жана кайталанбайт.
Смартфондор & планшеттер
Сенсордук экранда үстүнөн жүргөн чычкан көрсөткүчү жок. MousePlayer тийүү жаңсоолорун, сүрүп жылдырууну жана багыт өзгөрүүсүн (тик же туурасынан) жазууга автоматтык ыңгайлашат.
Сеанстын ортосунда өлчөм өзгөртүү көйгөйү
Конок планшетин бурса же компьютер браузеринин өлчөмүн өзгөртсө, сайт макети динамикалык өзгөрөт. MousePlayer бул окуяларды тартып, аракет контекстин сактоо үчүн ойнотуу аймагын ошол замат ылайыкташтырат.
3. Тутум чектери & техникалык мүмкүнчүлүктөр
Колдонуучу купуялыгын, браузер коопсуздугун жана тез иштетүүнү сактоо үчүн MousePlayer аныкталган техникалык чектерде иштейт:
| Тутум чеги | MousePlayer кантип иштетет |
|---|---|
| iFrame'дер | Бетиңиз менен бирдей булактагы iframe'дер мазмуну жана ичиндеги аракеттери менен жаздырылат. Башка булактан кошулган мазмун (мисалы, YouTube ойноткучу, Stripe төлөм формасы) браузердин Same-Origin Policy саясатына байланыштуу ичинен жазылбайт; жаздырууда орун басар болуп көрүнүп, ал жерде жүктөлбөйт. |
| Купуя киргизүү талаалары (PII) | Сырсөз жана төлөм талаалары ар бир жашыруу деңгээлинде коноктун түзмөгүндө жашырылат, бардык форма киргизүүсүн толук жашыруу ар сайттын демейкиси. Терилгенин көрөсүз, эмне терилгенин эмес. Эки чек бар: эки алсызыраак деңгээл жазуу уруксатыбыз менен гана күйгүзүлөт, ал эми жашыруу бетиңиз документке басып чыгарганга жетпейт – дарек көрсөткөн ырастоо бети сүрөттүн бөлүгү. Экөө тең бул жерде жазылган: DPA. |
| Canvas & WebGL элементтери | Canvas мазмуну сүрөт катары жазылат: бет сүрөтү менен бир жолу, анан өзгөргөн сайын, эң көбү болжол менен секундасына бир жолу жана өлчөм чеги менен. Ошондуктан жумшак анимациялар кадрлар катары көрүнөт. Жашырылган аймактарда же башка булактын сүрөтү бар canvas үчүн сүрөт жөнөтүлбөйт; WebGL мазмуну бош калышы мүмкүн. |
| Веб компоненттер (Shadow DOM) | Ачык shadow root'тар мазмуну менен жаздырылат. Жабык shadow root'тарга скрипт жете албайт; мазмуну жаздырууда жок. |
| Өткөрүү & браузер сактагычы | Маалымат шифрленген WebSocket байланышы (HTTPS/WSS) менен жөнөтүлөт. Түзүлбөсө, мисалы проксиден улам, скрипт шифрленген HTTP жолуна өтөт; өтө чоң бет сүрөттөрү HTTPS аркылуу өзүнчө жүктөлөт. MousePlayer cookie койбойт; сайтыңыздагы local storage жана session storage колдонот. |
| Аракетсиз AFK мезгилдери | Конок өтмөгүн ачык калтырып 20 мүнөткө кетсе, кыймылдаткычыбыз аракетсиздикти автоматтык таап, кайра көрүүдө үзгүлтүктү кыскартат; кыймылсыз экранга убакыт коротпойсуз. |