Skip to content
LocalMedia Tools

Sådan fungerer mediebehandling i browseren i praksis

I årevis betød det at redigere en video eller konvertere et billede online, at du uploadede din fil til en andens server, ventede og hentede resultatet ned. Moderne browsere kræver ikke længere den byttehandel. Takket være en stak af modne web-API'er kan en webside nu afkode, ændre og omkode medier direkte på din maskine – den samme computer, som du læser denne side på. Denne guide forklarer i almindeligt sprog de teknologier, der gør det muligt, og hvordan du selv kan bekræfte, at dine filer bliver på din enhed.

Hvad betyder »mediebehandling i browseren« egentlig?

Når et websted behandler medier i browseren, kører arbejdet inde i den samme sandkasse, som viser siden, og bruger API'er, din browser allerede har med. Din fil bliver læst fra disken ind i hukommelsen på din egen enhed, ændret der og skrevet ud igen som en download – uden at filen selv tager turen til en server. Siden henter stadig sin egen kode og sine egne filer over netværket, men din video, din lyd, dit billede eller din PDF forlader aldrig din enhed.

Hvordan kører WebAssembly videocodecs med næsten native hastighed?

WebAssembly (WASM) er et kompakt binært instruktionsformat, som browsere kører med næsten samme hastighed som native kode. Modne biblioteker skrevet i C eller C++ – for eksempel FFmpeg til video eller en billedkoder – bliver oversat til WASM og leveret som et modul, siden henter én gang. Det er det, folk mener med WASM-video i browseren: den samme afkodnings- og kodningsmatematik, som et skrivebordsprogram udfører, kørt inde i browserens sandkasse på din egen CPU. Fordi WASM er hukommelsessikkert og kører i en sandkasse, kan det behandle en stor fil uden at få adgang til resten af dit system.

Hvad er WebCodecs, og hvorfor kan de være hurtigere end WASM alene?

WebCodecs er et nyere browser-API, der giver JavaScript direkte adgang til enhedens indbyggede – og ofte hardwareaccelererede – lyd- og videocodecs. I stedet for at levere en codec som WASM sender siden rå billeddata til den koder eller afkoder, som styresystemet allerede stiller til rådighed, og det kan være markant hurtigere og skåne batteriet. Understøttelsen varierer stadig fra browser til browser og fra format til format, så velbyggede værktøjer bruger WebCodecs, når det er muligt, og falder ellers tilbage på en WASM-udgave. Uanset hvad bliver selve mediefilen på din enhed.

Hvordan håndterer Canvas-API'et og PDF-visning billeder?

Canvas-API'et giver JavaScript en tegnbar pixelflade. For at ændre størrelse, beskære, rotere, sætte et vandmærke på eller konvertere et billede tegner et værktøj billedet på et canvas uden for skærmen, bearbejder pixlerne og læser resultatet ud igen som en ny JPG, PNG eller WebP. Den samme flade bruges, når PDF-sider bliver omdannet til billeder, og når et enkelt videobillede bliver gemt som stillbillede. Det hele er ren pixelmatematik på din maskine, og der bliver ikke uploadet noget.

Hvordan behandler Web Audio-API'et lyd lokalt?

Web Audio-API'et er en graf af forbundne lydknuder – kilder, filtre, forstærkning og analysatorer – som lader en side afkode, trimme, resample og omkode lyd i hukommelsen. Når du trimmer et klip eller trækker lydsporet ud af en video, foregår det hele gennem denne graf på din enhed. Sammen med en WASM-koder kan den skrive MP3, WAV eller andre formater ud, uden at din optagelse nogensinde rører en server.

Hvad tilføjer MediaRecorder og Web Workers?

MediaRecorder optager en direkte strøm – din skærm, dit kamera eller din mikrofon – og koder den til en fil, du kan downloade, mens optagelsen kører. Det er præcis sådan, en skærmoptager i browseren fungerer. Web Workers lægger det tunge arbejde over på en baggrundstråd, så kodning eller omkodning ikke fryser siden, og fanen bliver ved med at reagere, mens en lang eksport bliver færdig. Tilsammen får disse API'er browseren til at opføre sig som en lille lokal mediearbejdsstation.

Hvordan beviser jeg, at mine filer aldrig forlader min enhed?

Åbn din browsers udviklerværktøjer, skift til fanen Netværk, og behandl en fil – du vil se sidens egen kode og filer blive hentet, men ingen forespørgsel, der uploader dine medier. Den ene bevidste undtagelse er transskriberingsværktøjet, som downloader en talegenkendelsesmodel én gang, første gang du bruger det, og gemmer den i cachen, så senere transskriberinger kan køre offline. Den download er selve AI-modellen – aldrig din lyd. Det er en falsificerbar påstand, som du selv kan efterprøve, og det er netop derfor, privatlivsvenlige værktøjer bliver bygget sådan.

Relaterede værktøjer

Ofte stillede spørgsmål

Betyder behandling i browseren, at mine filer aldrig bliver uploadet?
Ja – dine mediefiler bliver læst og bearbejdet i hukommelsen på din egen enhed og tilbudt dig som en download, så de bliver aldrig sendt til en server. Selve siden henter stadig sin kode og sine filer over netværket, hvilket er helt normalt for et websted; forskellen er, at din fil ikke er en del af den trafik. Du kan bekræfte det i fanen Netværk i din browsers udviklerværktøjer.
Er WASM-video i browseren lige så god som et skrivebordsprogram?
Til de fleste konverteringer, komprimeringer og trimninger bruger den de samme underliggende biblioteker (for eksempel FFmpeg), som skrivebordsprogrammer bygger på, så kvaliteten af resultatet er sammenlignelig. De væsentligste forskelle er hastighed og hukommelse: en browserfane har mindre plads at arbejde med end et native program, så meget store eller meget lange filer bliver behandlet langsommere. Værktøjer, der også understøtter WebCodecs, kan udnytte hardwareacceleration og lukke en stor del af det hul.
Hvorfor skal transskriberingsværktøjet downloade noget?
Talegenkendelse kræver en AI-model, og den model bliver downloadet én gang til din browser, første gang du bruger værktøjet, og derefter gemt i cachen. Fra da af kører transskriberingen lokalt og kan endda virke offline. Det, der bliver downloadet, er modellens vægte – dine lydoptagelser bliver stadig aldrig uploadet.
Virker værktøjerne offline?
Når siden og de nødvendige moduler først er indlæst, kører det meste af behandlingen uden internetforbindelse, fordi beregningen sker på din enhed. Transskriberingsværktøjet virker offline, når modellen er hentet og gemt i cachen. Et nyt besøg eller en tømt cache kræver netværket igen for at hente sidens filer.
Kan min browser klare store mediefiler?
Moderne browsere kan håndtere overraskende store filer, men de arbejder inden for hukommelsesgrænser, så meget store videoer kan blive behandlet langsomt eller skal deles op. Det hjælper at bruge en desktopbrowser med mere RAM, at lukke andre tunge faner og at foretrække værktøjer, der bruger WebCodecs. Er en fil for stor til at klare i ét hug, er det en praktisk løsning at trimme den først.