Fomba fiasan'ny MousePlayer

Torolalana tsotra momba ny maritrano fanaraha-masonay, ny fitantanana haben-tsary amin'ny fitaovana samy hafa ary ny fetran'ny rafitra.

1. Nahoana izahay no tsy mirakitra horonan-tsary

Hevi-diso mahazatra ny hoe mirakitra rakitra horonan-tsary mahazatra (toy ny MP4 na WebM) amin'ny efijerin'ny mpitsidika ny fitaovana fanadihadiana hita maso. Handany tambajotra be izany, hampiadana mafy ny tranonkalanao ary hiteraka lahatsoratra manjavozavo tsy azo vakina.

Fa ny MousePlayer dia mampiasa teknolojia maivana antsoina hoe Telemetria sarin'ny DOM. Izao ny fomba fiasany amin'ny fotony:

Ny sarin'ny firafitra

Rehefa manokatra ny pejinao ny mpitsidika dia maka “drafitra” an-tsoratra ny firafitry ny HTML sy ny endrika ny script anay. Mirakitra izay misy ny singa izy nefa tsy mandika ny rakitra sary na horonan-tsarin'ny pejinao; maka sary amin'ny adiresiny tany am-boalohany ny mpamaky mandritra ny famerenana. Maningana ny singa canvas, izay alefa ho sary ny votoatiny (jereo etsy ambany).

Telemetria koordina

Rehefa mifandray ny mpampiasa dia mirakitra hetsika mitohy izahay: toeran'ny totozy, halalin'ny fanakodia, kendren'ny tsindry ary fanovana haben'ny mpitety, miaraka amin'ny fiovan'ny pejy ary, arakaraka ny fikirakirana, hafatra console, fangatahana tsy nahomby na miadana ary fandrefesana fotoana fampidirana (Web Vitals). Kely ny fihetsika sy tsindry; mety ho lehibe kokoa arakaraka ny pejy ny sarin'ny pejy sy ny fanovany, ary alefa voatsindry.

Famerenana amin'ny teatra

Rehefa mijery fotoam-pampiasana ao amin'ny dashboard-nao ianao dia mamorona indray ilay pejy amin'ny drafitra voarakitra ny mpamaky ary manetsika tondro virtoaly eo amboniny amin'ny fotoana tena izy, sady mitazona ny lahatsoratra ho mazava tsara.

Natao ho maivana hatrany: miditra asynchronous ny script ary mandefa teboka angona isa kely fa tsy horonan-tsary, ka kely ny lanjany manokana. Miankina amin'ny pejinao, fampiantranoanao ary tambajotran'ny mpitsidika ny fiantraikan'izany amin'ny Core Web Vitals-nao, ka refeso amin'ny tranonkalanao fa tsy maka tarehimarika avy aminay. Tsy misy hafainganam-pampidirana manokana iantohana – jereo ny fizarana 20 amin'ny Fepetra fampiasana.

2. Fitantanana haben-tsary & fitaovana finday

Mitety amin'ny fitaovana rehetra ny mpampiasa ankehitriny, manomboka amin'ny finday kely ka hatramin'ny monitor solosaina 4K tena midadasika. Manova sy mandamina ny firafiny ho azy ny tranonkala mba hifanaraka amin'ny sakan'efijery samy hafa—antsoina hoe Responsive Web Design izany.

Fomba ampifanarahanay ny faritra tena hitan'ny mpitsidika

Mba tsy ho simba endrika ny famerenana dia mirakitra ny haben'ny faritra tena hitan'ny mpitsidika ny MousePlayer (ohatra, 390x844 ho an'ny finday na 1920x1080 ho an'ny monitor solosaina). Rehefa manokatra ny mpamaky Teatra ianao dia mamorona tontolo mitokana namboarina habe ny rafitray, manahaka marina ny tahan'ny efijerin'ny mpitsidika tany am-boalohany.

Efijery solosaina & solosaina finday

Amin'ny solosaina mahazatra dia raketinay ny fihetsiky ny totozy mitohy sy ny fitetezana kiheba maromaro ao anatin'ny fotoam-pampiasana mpitety iray. Miseho amin'ny famerenana ny menio misokatra rehefa ampandalovina tondro raha manova ny document ilay pejy amin'izany; tsy hita ao amin'ny document ny vokatry ny hover CSS madio ary tsy averina amin'ny famerenana.

Finday & tablette

Tsy manana tondron'ny totozy mitsingevana ny efijery fikasihana. Mifanaraka ho azy ny MousePlayer ka mirakitra fikasihana, fanakodia amin'ny famafana ary fiovana fitodihana (mitsangana na mitsivalana).

Ny fanambin'ny fanovana habe mandritra ny fotoam-pampiasana

Raha ahodin'ny mpitsidika ny tablette-ny na ovainy ny haben'ny varavarankelin'ny mpitety amin'ny solosaina mandritra ny fotoam-pampiasana dia miova ho azy ny firafitry ny tranonkala. Raketin'ny MousePlayer ireo hetsika fanovana habe ireo ary amboariny tsy misy fahatapahana ny canvas famakiana eo am-pandehanana mba hitazonana ny toe-javatra manodidina ny fifandraisana.

3. Fetran'ny rafitra & fetra ara-teknika

Mba hanajana ny fiainana manokan'ny mpampiasa, hitazonana ny fiarovana ny mpitety ary hanafainganana ny fikarakarana angona, dia miasa ao anatin'ny fetra ara-teknika voafaritra ny MousePlayer:

Fetran'ny rafitra Fomba itantanan'ny MousePlayer azy
iFrames Raketina miaraka amin'ny votoatiny sy ny fifandraisana ao anatiny ny iframe mitovy fiaviana amin'ny pejinao. Tsy azo raketina ao anatiny ny votoaty avy amin'ny fiaviana hafa (ohatra mpamaky YouTube, taratasy fandoavana Stripe) noho ny politika fiarovan'ny mpitety (Same-Origin Policy); miseho ho solon-toerana amin'ny famerenana izy ary tsy ampidirina ao.
Saha fampidirana saro-pady (PII) Afenina ao amin'ny fitaovan'ny mpitsidika amin'ny ambaratonga fanafenana rehetra ny saha tenimiafina sy fandoavana, ary ny fanafenana feno ny fampidirana rehetra no mahazatra amin'ny tranonkala rehetra. Hitanao fa nisy fanoratana, fa tsy izay voasoratra. Misy fetra roa: tsy velomina ireo ambaratonga malemy kokoa raha tsy amin'ny fankatoavanay an-tsoratra, ary tsy tonga amin'izay asehon'ny pejinao manokana ao amin'ny document mihitsy ny fanafenana – anisan'ny sarin'ny pejy ny pejy fanamafisana mampiseho adiresy. Samy voalaza ao amin'ny DPA.
Singa Canvas & WebGL Raketina ho sary ny votoatin'ny canvas: indray mandeha miaraka amin'ny sarin'ny pejy ary indray isaky ny miova, eo ho eo indray mandeha isan-tsegondra farafahabetsany ary misy fetra habe. Koa miseho ho andiana sary ny sary mihetsika malama. Tsy misy sary alefa ao amin'ny faritra voafina na ho an'ny canvas misy sary avy amin'ny fiaviana hafa; mety hijanona ho foana ny votoaty WebGL.
Web Components (Shadow DOM) Raketina miaraka amin'ny votoatiny ny shadow root misokatra. Tsy azon'ny script idirana ny shadow root mihidy; tsy misy ao amin'ny famerenana ny votoatiny.
Fandefasana & fitahirizan'ny mpitety Alefa amin'ny fifandraisana WebSocket voaaro ny angona (HTTPS/WSS). Raha tsy azo ampifandraisina izany, ohatra noho ny proxy, dia miverina amin'ny lalana HTTP voaaro ny script; ampidirina misaraka amin'ny HTTPS ny sarin'ny pejy tena lehibe. Tsy mametraka cookie ny MousePlayer; mampiasa ny fitahirizana local sy session an'ny mpitety amin'ny tranonkalanao izy.
Fe-potoana tsy mavitrika AFK Raha avelan'ny mpitsidika hisokatra ny kihebany ary lasa mandritra ny 20 minitra izy dia mamantatra ho azy ny tsy fihetsehana ny rafitray ary manindry ny elanelam-potoana tsy mavitrika mandritra ny famerenana mba tsy handanianao fotoana mijery efijery tsy mihetsika.