Esou funktionéiert et: Technologie, Opléisungen & Grenzen

1. Firwat mir keng Videoopnam benotzen

Et gëtt dacks falsch ugeholl, datt Instrumenter fir visuell Analysen üblech Videodateien (ewéi MP4 oder WebM) vum Ecran vun engem Visiteur ophuelen. Dat géif extrem vill Bandbreet verbrauchen, Är Websäit staark bremsen an onscharfen, onliesbaren Text produzéieren.

Amplaz benotzt MousePlayer eng liicht Technologie mam Numm DOM-Ofbild-Telemetrie. Hei ass de Grondprinzip:

D'Strukturofbild

Wann e Visiteur Är Säit opmécht, mécht eise Skript en textbaséierte „Bauplang“ vun Ärer HTML- a Stilstruktur. E späichert, wou d'Elementer leien, ouni d'Bild- oder Videodateie vun Ärer Säit ze kopéieren; de Player lued Biller beim Ofspille vun hirer ursprénglecher Adress. D'Ausnam si Canvas-Elementer, deenen hiren Inhalt als Bild iwwerdroe gëtt (kuckt hei ënnen).

Koordinatentelemetrie

Wärend de Benotzer interagéiert, späichere mir e Stroum vun Eventer: Mauspositiounen, Scrolldéift, Klickziler a Browsergréisstenännerungen, plus d'Ännerungen un der Säit selwer an, jee no Astellungen, Konsolemeldungen, feelgeschloen oder lues Ufroen a Moosswäerter vun der Luedzäit (Web Vitals). Beweegungen a Klicke si kleng; Säitenofbiller a Säitenännerunge kënne jee no Säit däitlech méi grouss sinn a gi kompriméiert iwwerdroen.

D'Ofspillen am Theater

Wann Dir eng Sessioun op Ärem Dashboard kuckt, baut eise Player d'Säit mam gespäicherte Bauplang nei op a beweegt e virtuelle Zeiger an Echtzäit doriwwer, wärend den Text kristallkloer bleift.

Fir geréng Belaaschtung entwéckelt: De Skript lued asynchron a verschéckt kleng numeresch Datepunkten amplaz Video, wat säin eegene Ressourcëverbrauch geréng hält. Wat dat fir Är Core Web Vitals bedeit, hänkt vun Äre Säiten, Ärem Hosting an dem Netzwierk vun Ärem Visiteur of; moosst et dofir op Ärer eegener Websäit, amplaz eng Zuel vun eis ze iwwerhuelen. Eng bestëmmte Luedvitesse gëtt net garantéiert – kuckt Abschnitt 20 vun den Notzungsbedingungen.

2. Ëmgang mat Ecranopléisungen & mobilen Apparater

Haut surfen d'Benotzer op allem vu kompakte Smartphonen bis zu ultrabreede 4K-Desktopmonitore. Websäite verréckelen, falen a reegelen hire Layout automatesch nei, fir op verschidden Ecranbreeten ze passen — e Konzept, dat Responsive Web Design heescht.

Wéi mir de geneeë siichtbare Beräich vum Visiteur noweisen

Fir ze verhënneren, datt eng Widdergab verzerrt ausgesäit, späichert MousePlayer déi genee Dimensioune vum siichtbare Beräich vum Visiteur (z. B. 390x844 fir e Smartphone oder 1920x1080 fir en Desktopmonitor). Wann Dir den Theaterplayer opmaacht, erstellt eise Motor eng skaléiert, isoléiert Ëmwelt, déi dat ursprénglecht Ecranverhältnis vum Visiteur genee noweist.

Desktop- & Laptopencranen

Op übleche Computere späichere mir déi kontinuéierlech Mausbeweegung an d'Navigatioun iwwer méi Reider an därselwechter Browsersessioun. Menüen, déi beim Driwwerfueren opginn, erschéngen an der Widdergab, wann d'Säit dobäi hiert Dokument ännert; e reng CSS-Hover-Effekt ass am Dokument net siichtbar a gëtt bei der Widdergab net nogebaut.

Smartphones & Tabletten

Touchscreens hu kee Mauszeiger, dee fräi driwwer beweegt gëtt. MousePlayer passt sech automatesch un, andeems en Antippgesten, Scrollen duerch Wëschen an Orientéierungsännerungen (Héich- géint Querformat) ophëlt.

D'Erausfuerderung vu Gréisstenännerunge matzen an der Sessioun

Wann e Visiteur seng Tablett dréint oder d'Fënster vu sengem Desktopbrowser matzen an der Sessioun vergréissert oder verklengert, ännert sech de Layout vun der Websäit dynamesch. MousePlayer späichert dës Fënstergréisstenännerungen a passt d'Ofspillfläch direkt fléissend un, fir de Kontext vun der Interaktioun ze erhalen.

3. Systemlimiten & technesch Grenzen

Fir d'Privatsphär vun de Benotzer ze respektéieren, d'Browsersécherheet ze erhalen an d'Dateveraarbechtung séier ze halen, schafft MousePlayer bannent definéierten technesche Grenzen:

Systemgrenz	Wéi MousePlayer domat ëmgeet
iFrames	iframes mat därselwechter Hierkonft wéi Är Säit gi mat hirem Inhalt an der Interaktioun dran opgeholl. Agebonnen Inhalter vun enger anerer Hierkonft (z. B. YouTube-Player, Stripe-Bezuelformulairen) kënnen duerch d'Sécherheetsreegele vum Browser (Same-Origin Policy) net bannendran opgeholl ginn; si erschéngen als Plazhaler an der Widdergab a ginn do net gelueden.
Sensibel Agabfelder (PII)	Passwuert- a Bezuelungsfelder gi bei all Maskéierungsstuf um Apparat vum Visiteur maskéiert, a voll Maskéierung vun alle Formularagaben ass de Standard fir all Websäit. Dir gesitt, datt getippt gouf, mee net, wat getippt gouf. Zwou Grenze gëllen: Déi zwou méi schwaach Maskéierungsstufe ginn nëmme mat eiser schrëftlecher Geneemegung aktivéiert, an d'Maskéierung erreecht ni dat, wat Är eege Säit an d'Dokument schreift – eng Bestätegungssäit mat enger Adress ass Deel vum Ofbild. Béides steet am Kontrakt iwwer d'Veraarbechtung vun Donnéeën.
Canvas- & WebGL-Elementer	Den Inhalt vun engem Canvas gëtt als Bild opgeholl: eemol mam Säitenofbild an nach eng Kéier bei all Ännerung, héchstens ongeféier eemol pro Sekonn a mat enger Gréisstenlimit. Fléissend Animatiounen erschéngen dofir als eng Folleg vu Biller. A maskéierte Beräicher oder bei Canvas-Elementer mat Biller vun enger anerer Hierkonft gëtt kee Bild iwwerdroen; WebGL-Inhalt kann eidel bleiwen.
Web Components (Shadow DOM)	Oppe Shadow Roots gi mat hirem Inhalt opgeholl. Zou Shadow Roots si fir Skripten net zougänglech; hiren Inhalt feelt an der Widdergab.
Transport & Browserspäicherung	Donnéeë ginn iwwer eng verschlësselt WebSocket-Verbindung (HTTPS/WSS) verschéckt. Wann déi net opgebaut ka ginn, zum Beispill wéinst engem Proxy, wiesselt de Skript op eng verschlësselt HTTP-Streck; ganz grouss Säitenofbiller gi separat iwwer HTTPS eropgelueden. MousePlayer setzt keng Cookien; e benotzt de lokale Späicher an de Sessiounsspäicher vum Browser op Ärer Websäit.
Inaktiv AFK-Zäiten	Wann e Visiteur säi Reider opléisst an 20 Minutte fortgeet, erkennt eise Motor d'Inaktivitéit automatesch a verkierzt d'inaktiv Paus beim Ofspillen, soudatt Dir keng Zäit mat stateschen Ecrane verschwent.

Wéi kënne mir hëllefen?