Sut Mae’n Gweithio: Technoleg, Cydraniadau a Therfynau

1. Pam Nad Ydym yn Defnyddio Recordio Fideo

Camddealltwriaeth gyffredin yw bod offer dadansoddeg weledol yn recordio ffeiliau fideo safonol (fel MP4 neu WebM) o sgrin ymwelydd. Byddai gwneud hynny’n defnyddio lled band enfawr, yn arafu eich gwefan yn sylweddol ac yn creu testun aneglur, annarllenadwy.

Yn lle hynny, mae MousePlayer yn defnyddio technoleg ysgafn o’r enw Telemetreg Ciplun DOM. Dyma sut mae’n gweithio ar y lefel sylfaenol:

Y Ciplun Glasbrint

Pan fydd ymwelydd yn agor eich tudalen, mae ein sgript yn cymryd ‘glasbrint’ testunol o’ch HTML a’ch strwythur arddull. Mae’n recordio lleoliad elfennau heb gopïo ffeiliau delwedd na fideo eich tudalen; mae’r chwaraewr yn llwytho delweddau o’u cyfeiriad gwreiddiol wrth ailchwarae. Yr eithriad yw elfennau canvas, y trosglwyddir eu cynnwys fel delwedd (gweler isod).

Telemetreg Cyfesurynnau

Wrth i’r defnyddiwr ryngweithio, rydym yn recordio llif o ddigwyddiadau: safleoedd y llygoden, dyfnder sgrolio, targedau cliciau ac ailfeintio’r porwr, ynghyd â newidiadau i’r dudalen ei hun ac, yn ôl y gosodiadau, negeseuon consol, ceisiadau aflwyddiannus neu araf a mesuriadau amser llwytho (Web Vitals). Mae symudiadau a chliciau’n fach; gall cipluniau tudalen a newidiadau tudalen fod yn llawer mwy yn ôl y dudalen ac fe’u trosglwyddir wedi’u cywasgu.

Ailchwarae’r Theatr

Pan fyddwch yn gwylio sesiwn yn eich dangosfwrdd, mae ein chwaraewr yn ail-greu’r dudalen gyda’r glasbrint a recordiwyd ac yn symud cyrchwr rhithwir drosti mewn amser real, gan gadw’r testun yn hollol finiog.

Wedi’i adeiladu i aros yn ysgafn: mae’r sgript yn llwytho’n anghydamserol ac yn trosglwyddo pwyntiau data rhifiadol bach yn lle fideo, sy’n cadw ei hôl troed ei hun yn fach. Mae’r effaith ar eich Core Web Vitals yn dibynnu ar eich tudalennau, eich gwesteio a rhwydwaith eich ymwelydd, felly mesurwch ar eich gwefan eich hun yn lle cymryd ffigur gennym ni. Ni warantir cyflymder llwytho penodol – gweler adran 20 o’r Telerau Gwasanaeth.

2. Ymdrin â Chydraniadau Sgrin & Dyfeisiau Symudol

Mae defnyddwyr heddiw yn pori ar bopeth o ffonau clyfar bach i fonitorau bwrdd gwaith 4K eang iawn. Mae gwefannau’n symud, yn plygu ac yn aildrefnu eu cynlluniau’n awtomatig i gyd-fynd â gwahanol ledau sgrin—cysyniad o’r enw Dylunio Gwe Ymatebol.

Sut Rydym yn Cyfateb i Union Faes Gweld yr Ymwelydd

I sicrhau nad yw ailchwarae’n edrych yn wyrgam, mae MousePlayer yn recordio union ddimensiynau maes gweld yr ymwelydd (e.e., 390x844 ar gyfer ffôn clyfar neu 1920x1080 ar gyfer monitor bwrdd gwaith). Pan fyddwch yn agor chwaraewr Theatr, mae ein peiriant yn creu amgylchedd ynysig wedi’i raddio sy’n adlewyrchu cymhareb sgrin wreiddiol yr ymwelydd yn berffaith.

Sgriniau Bwrdd Gwaith & Gliniaduron

Ar gyfrifiaduron safonol, rydym yn casglu symudiad llygoden parhaus a llywio aml-dab o fewn yr un sesiwn porwr. Mae dewislenni sy’n agor wrth hofran yn ymddangos yn yr ailchwarae pan fydd y dudalen yn newid ei dogfen wrth wneud hynny; nid yw effaith hofran CSS pur yn weladwy yn y ddogfen ac ni chaiff ei hail-greu yn yr ailchwarae.

Ffonau Clyfar & Llechi

Nid oes gan sgriniau cyffwrdd gyrchwr llygoden sy’n hofran. Mae MousePlayer yn addasu’n awtomatig drwy recordio ystumiau tapio, sgrolio sweipio a newidiadau cyfeiriadedd (portread yn erbyn tirwedd).

Her Ailfeintio yng Nghanol Sesiwn

Os yw ymwelydd yn cylchdroi ei lechen neu’n newid maint ffenestr porwr bwrdd gwaith yng nghanol sesiwn, mae cynllun y wefan yn newid yn ddeinamig. Mae MousePlayer yn casglu’r digwyddiadau ailfeintio ffenestr hyn ac yn addasu’r cynfas ailchwarae yn ddi-dor ar y pryd er mwyn cadw cyd-destun y rhyngweithio.

3. Terfynau’r System & Ffiniau Technegol

I barchu preifatrwydd defnyddwyr, cynnal diogelwch y porwr a chadw prosesu data’n gyflym, mae MousePlayer yn gweithredu o fewn ffiniau technegol diffiniedig:

Ffin y System	Sut Mae MousePlayer yn Ei Thrin
iFrames	Recordir iframes sydd o’r un tarddiad â’ch tudalen ynghyd â’u cynnwys a’r rhyngweithio y tu mewn iddynt. Ni ellir recordio cynnwys mewnosodedig o darddiad arall (e.e. chwaraewyr YouTube, ffurflenni talu Stripe) yn fewnol oherwydd polisïau diogelwch y porwr (Same-Origin Policy); mae’n ymddangos fel dalfan yn yr ailchwarae ac ni chaiff ei lwytho yno.
Meysydd Mewnbwn Sensitif (PII)	Caiff meysydd cyfrinair a thalu eu masgio ar ddyfais yr ymwelydd ar bob lefel masgio, a masgio llawn o bob mewnbwn ffurflen yw’r rhagosodiad ar gyfer pob gwefan. Rydych yn gweld bod teipio wedi digwydd, nid beth a deipiwyd. Mae dau derfyn yn berthnasol: dim ond gyda’n cymeradwyaeth ysgrifenedig y galluogir y ddwy lefel masgio wannach, ac nid yw masgio byth yn cyrraedd yr hyn mae eich tudalen eich hun yn ei argraffu yn y ddogfen – mae tudalen gadarnhau sy’n dangos cyfeiriad yn rhan o’r ciplun. Nodir y ddau yn y Cytundeb Prosesu Data.
Elfennau Canvas & WebGL	Recordir cynnwys canvas fel delwedd: unwaith gyda chiplun y dudalen ac eto bob tro y mae’n newid, hyd at tua unwaith yr eiliad a gyda therfyn maint. Felly mae animeiddiadau llyfn yn ymddangos fel dilyniant o fframiau. Ni throsglwyddir delwedd mewn ardaloedd wedi’u masgio nac ar gyfer elfennau canvas sy’n cynnwys delweddau o darddiad arall; gall cynnwys WebGL aros yn wag.
Cydrannau Gwe (Shadow DOM)	Recordir gwreiddiau shadow agored ynghyd â’u cynnwys. Nid yw gwreiddiau shadow caeedig yn hygyrch i sgriptiau; mae eu cynnwys ar goll o’r ailchwarae.
Cludiant & Storfa Porwr	Anfonir data dros gysylltiad WebSocket wedi’i amgryptio (HTTPS/WSS). Os na ellir ei sefydlu, er enghraifft oherwydd dirprwy, mae’r sgript yn defnyddio llwybr HTTP wedi’i amgryptio wrth gefn; uwchlwythir cipluniau tudalen mawr iawn ar wahân dros HTTPS. Nid yw MousePlayer yn gosod cwcis; mae’n defnyddio storfa leol a storfa sesiwn y porwr ar eich gwefan.
Cyfnodau Segur AFK	Os yw ymwelydd yn gadael ei dab ar agor ac yn cerdded i ffwrdd am 20 munud, mae ein peiriant yn canfod anweithgarwch yn awtomatig ac yn cywasgu’r bwlch segur wrth ailchwarae fel nad ydych yn gwastraffu amser yn gwylio sgriniau statig.

Sut gallwn helpu?