Yadda MousePlayer yake aiki
Jagora mai sauƙi ga tsarin bin diddiginmu, sarrafa ƙudurin allo tsakanin na’urori, da iyakokin tsarin.
1. Dalilin da ya sa ba ma yin rikodin bidiyo
Wani kuskuren fahimta na yau da kullum shi ne kayan nazarin gani suna rikodin daidaitattun fayilolin bidiyo (kamar MP4 ko WebM) na allon baƙo. Yin haka zai cinye zirga-zirgar bayanai mai yawa, ya jinkirta gidan yanar gizo sosai, kuma ya sa rubutu ya dusashe ya kasa karantuwa.
Maimakon haka, MousePlayer yana amfani da fasaha mara nauyi da ake kira DOM Snapshot Telemetry. Ga yadda take aiki a matakin tushe:
Hoton tsarin shafi
Idan baƙo ya buɗe shafi, rubutunmu yana ɗaukar “taswirar tsarin” HTML da salon shafin a rubuce. Yana rikodin wuraren abubuwa ba tare da kwafe hotuna ko fayilolin bidiyo na shafin ba; na’urar kunnawa tana ɗauko hotuna daga adireshinsu na asali yayin sake kunnawa. Banda abubuwan canvas, waɗanda ake tura abubuwan cikinsu a matsayin hoto (duba ƙasa).
Bayanan matsayi
Yayin hulɗar mai amfani, muna rikodin jerin abubuwan da suka faru: matsayin manuni, zurfin gungurawa, wuraren dannawa da sauya girman burauza, tare da sauye-sauyen shafin kansa da kuma, gwargwadon saituna, saƙonnin console, buƙatun da suka gaza ko suke jinkiri, da ma’aunin lokacin lodi (Web Vitals). Motsi da dannawa ƙanana ne; hotunan shafi da sauye-sauyen shafi za su iya zama manya gwargwadon shafi kuma ana tura su a matse.
Sake kunnawar Theatre
Idan ana kallon zama a dashboard, na’urar kunnamu tana sake gina shafin da taswirar da aka rikoda kuma tana motsa manuni na kwaikwayo a kansa kai tsaye, tare da barin rubutu a sarari sosai.
An gina shi ya kasance mara nauyi: rubutun yana lodi ba tare da riƙe sauran aiki ba kuma yana tura ƙananan bayanan lambobi maimakon bidiyo, wanda yake rage nauyin kansa. Tasirinsa ga Core Web Vitals ya danganta da shafuka, sabis ɗin masauki da hanyar sadarwar baƙo, don haka a auna shi a gidan yanar gizon maimakon dogara ga lamba daga gare mu. Ba a tabbatar da wani takamaiman saurin lodi ba – duba sashe na 20 na Sharuɗɗan sabis.
2. Sarrafa ƙudurin allo & na’urorin salula
Masu amfani na yau suna lilo da komai daga ƙananan wayoyin hannu zuwa allunan kwamfuta masu faɗi na 4K. Gidajen yanar gizo suna sauya, ninkawa da sake jera tsarinsu ta atomatik don dacewa da faɗin allo daban-daban—wannan shi ne Responsive Web Design.
Yadda muke daidaita ainihin wurin ganin baƙo
Don hana sake kunnawa ta karkace, MousePlayer yana rikodin ainihin girman wurin ganin baƙo (misali, 390x844 na wayar hannu ko 1920x1080 na allon kwamfuta). Idan an buɗe na’urar kunnawa ta Theatre, injinmu yana ƙirƙirar keɓaɓɓen muhalli mai sikeli da ya dace da ainihin rabon allon baƙo.
Allunan kwamfuta & kwamfutar tafi-da-gidanka
A kwamfutoci na yau da kullum, muna ɗaukar motsin manuni mai ci gaba da zirga-zirga tsakanin shafukan burauza a zama guda. Menus da suke buɗewa idan manuni ya tsaya a kansu suna bayyana a sake kunnawa idan hakan ya canza takardar shafin; tasirin CSS kaɗai ba ya bayyana a takardar kuma ba a sake nuna shi a sake kunnawa.
Wayoyin hannu & kwamfutocin hannu
Allunan taɓawa ba su da manunin da yake shawagi. MousePlayer yana daidaitawa ta atomatik ta rikodin motsin taɓawa, gungurawar shafawa, da sauya fuskantar allo (tsaye ko kwance).
Ƙalubalen sauya girma a tsakiyar zama
Idan baƙo ya juya kwamfutar hannu ko ya sauya girman taga burauzar kwamfuta a tsakiyar zama, tsarin gidan yanar gizo yana canzawa. MousePlayer yana ɗaukar waɗannan sauye-sauyen girman taga yana daidaita canvas na sake kunnawa nan take ba tare da yankewa ba, don kiyaye mahallin hulɗa.
3. Iyakokin tsarin & iyakokin fasaha
Don mutunta sirrin masu amfani, kiyaye tsaron burauza, da sarrafa bayanai cikin sauri, MousePlayer yana aiki cikin iyakokin fasaha da aka ayyana:
| Iyakar tsarin | Yadda MousePlayer yake sarrafa ta |
|---|---|
| iFrames | Ana rikodin iframes masu asali ɗaya da shafin tare da abubuwan cikinsu da hulɗar da ke ciki. Ba a iya rikodin cikin abubuwan da aka saka daga wani asali (misali na’urorin kunnawa na YouTube, fom ɗin biyan kuɗi na Stripe) saboda dokokin tsaron burauza (Same-Origin Policy); suna bayyana a matsayin alamar wuri a sake kunnawa kuma ba a ɗauko su a can. |
| Filayen shigarwa masu muhimmancin sirri (PII) | Ana ɓoye filayen kalmar sirri da biyan kuɗi a na’urar baƙo a kowane matakin ɓoye bayanai, kuma cikakken ɓoye duk shigarwar fom shi ne tsohon saitin kowane gidan yanar gizo. Ana ganin an yi rubutu, amma ba abin da aka rubuta ba. Akwai iyakoki biyu: ana kunna matakan ɓoye masu rauni biyu sai da amincewarmu a rubuce, kuma ɓoye bayanai ba ya taɓa abin da shafin kansa yake rubutawa a takardar – shafin tabbatarwa da yake nuna adireshi yana cikin hoton shafi. An bayyana duka a DPA. |
| Abubuwan Canvas & WebGL | Ana rikodin abin da ke cikin canvas a matsayin hoto: sau ɗaya tare da hoton shafi sannan duk lokacin da ya canza, mafi yawa kusan sau ɗaya a sakan guda da kuma iyakar girma. Don haka raye-raye masu santsi suna bayyana a matsayin jerin hotuna. Ba a tura hoto daga wuraren da aka ɓoye ko abubuwan canvas masu hotuna daga wani asali; abubuwan WebGL za su iya kasancewa babu komai. |
| Web Components (Shadow DOM) | Ana rikodin buɗaɗɗun shadow roots tare da abubuwan cikinsu. Rufaffun shadow roots ba sa samuwa ga rubutun; abubuwan cikinsu ba sa bayyana a sake kunnawa. |
| Sufurin bayanai & ma’ajiyar burauza | Ana aika bayanai ta hanyar WebSocket mai ɓoyewa (HTTPS/WSS). Idan ba a iya haɗa ta ba, misali saboda proxy, rubutun yana komawa hanyar HTTP mai ɓoyewa; ana loda hotunan shafi manya sosai dabam ta HTTPS. MousePlayer ba ya saita cookies; yana amfani da local storage da session storage na burauza a gidan yanar gizon. |
| Lokutan AFK marasa aiki | Idan baƙo ya bar shafin burauza a buɗe ya tafi na mintuna 20, injinmu yana gane rashin aiki ta atomatik yana matse tazarar rashin aiki yayin sake kunnawa don kada a ɓata lokaci ana kallon alluna marasa motsi. |