PlainApp
Terug naar functies
WebdashboardScreen Mirror5 min lezen

Schermspiegelen in het Web Dashboard

Bekijk en bedien het scherm van je Android-telefoon in een browser — live canvas, volledig scherm, HD/Smooth-kwaliteitsmodi, volledige afstandsbediening (tikken, vegen, scrollen, navigatietoetsen), opnemen en schermafbeeldingen met één klik.

De Schermspiegelen-weergave in het web dashboard geeft het scherm van je Android-telefoon weer in een browsertabblad — en het is de enige plek waar deze functie een echte gebruikersinterface heeft. Aan de telefoonkant is er geen speciaal Schermspiegelen-scherm; een achtergrondservice begint met streamen zodra je een sessie start vanuit de browser en alle bedieningselementen leven hier.

Omdat de stream wordt gedecodeerd met WebCodecs en op een <canvas> wordt getekend, moet de pagina worden geserveerd in een beveiligde context (HTTPS of localhost). De lokale server van PlainApp voldoet al aan deze vereiste — maar als je het dashboard op de een of andere manier via gewone HTTP op een niet-localhost-adres hebt geladen, toont de pagina een HTTPS vereist-prompt met een link naar de beveiligde URL in plaats van te proberen de stream te starten.

Screenshot: Schermspiegelen
Schermspiegelen

Belangrijkste mogelijkheden

  • Live canvas-spiegeling — frames worden gedecodeerd met WebCodecs en op een <canvas>-element getekend. Geen plugin, geen native client — alleen de browser.
  • Volledige afstandsbediening — zodra de bediening is ingeschakeld, worden klikken, slepen en scrollen op het canvas omgezet in echte tikken, lang indrukken, vegen en scrollen op de telefoon, genormaliseerd naar de werkelijke schermcoördinaten. Speciale knoppen sturen Terug, Home en Recenten.
  • Volledig scherm-modus — breid het canvas uit om het scherm te vullen; druk op Esc (of de werkbalk-schakelaar) om af te sluiten.
  • HD / Smooth-kwaliteitsmodi — schakel van kwaliteit midden in een sessie: HD geeft prioriteit aan scherpte, Smooth ruilt resolutie in voor lagere latentie op drukke Wi-Fi.
  • Schermafbeelding maken — één klik downloadt een .png van het huidige frame.
  • Sessie opnemen — neem het canvas lokaal op naar een videobestand, met een lopende opnametimer in de werkbalk.
  • Audiospiegeling — vraag audiopassthrough aan van de telefoon en demp/ontdem het onafhankelijk in de browser.
  • Herstarten en pauzeren — pauzeer de stream om bandbreedte te besparen zonder de sessie te beëindigen, of herstart de spiegelservice van de telefoon als deze vastloopt.

Stappenplan

  1. Open de Schermspiegelen-pagina vanuit de dashboardzijbalk. Als de telefoon momenteel niet spiegelt, klik dan op Start om de telefoon te vragen te beginnen met casten.
  2. Bekijk de live spiegeling — zodra de telefoon de schermopname-machtiging verleent, verschijnen er frames op het canvas binnen een seconde of twee.
  3. Schakel afstandsbediening in vanuit de werkbalk, klik, sleep of scroll vervolgens op het canvas om met de telefoon te communiceren alsof je hem vasthoudt — plus speciale Terug/Home/Recenten-knoppen.
  4. Schakel naar volledig scherm door op de volledig scherm-knop te klikken; druk op Esc om terug te keren naar de dashboardindeling.
  5. Wijzig de kwaliteit met de HD/Smooth-schakelaar in de werkbalk — de omschakeling wordt van kracht op het volgende sleutelframe.
  6. Maak een schermafbeelding of start een opname vanuit de werkbalk, en Stop wanneer je klaar bent om de sessie te beëindigen.

Tips & trucs

  • Dempen audio vanuit de werkbalk als je spiegelt in een gedeelde ruimte — het heeft alleen invloed op je browser, niet op de luidspreker van de telefoon.
  • Pauzeer zonder de verbinding te verbreken door op de afspelen/pauzeren-knop te klikken — handig wanneer je een statisch scherm moet lezen zonder bandbreedte te verspillen aan updates.
  • Herstart de app vanuit de werkbalk als de spiegelservice op de telefoon is vastgelopen — dit herstart hem zonder de telefoon opnieuw op te starten.
  • Coördinaten van de afstandsbediening worden genormaliseerd naar de werkelijke videoresolutie, zodat de bediening nog steeds correct uitlijnt, zelfs als je het browservenster hebt verkleind of naar volledig scherm bent gegaan.

Privacy- en beveiligingsnotities

  • Het webdashboard wordt aangeboden over HTTPS met een zelfondertekend certificaat, waarbij al het verkeer bovendien met XChaCha20-Poly1305 bovenop TLS wordt versleuteld.
  • Het webdashboard bindt alleen aan je lokale netwerk — het is niet bereikbaar vanaf het internet, tenzij je expliciet port forwarding instelt.
  • De WebCodecs-API vereist deze beveiligde context — de pagina toont een HTTPS vereist-prompt als deze ooit ontbreekt.
  • Invoer van de afstandsbediening wordt alleen geaccepteerd terwijl je deze expliciet hebt ingeschakeld voor de sessie — het sluiten of stoppen van de spiegeling trekt het onmiddellijk in.

Gerelateerde functies