WebXR-DOM-Overlays

Das WebXR-DOM-Overlays-Modul, eine immersive Web-Spezifikation, erweitert die WebXR Device API, um HTML-Inhalte — wie Text und Bedienelemente — während einer immersiven Virtual-Reality- (VR) oder Augmented-Reality- (AR) Sitzung anzuzeigen.

In einer typischen WebXR-Sitzung wird der Inhalt auf eine WebGL-Leinwand gerendert, die auf den Echtzeit-Kamerastream (in AR) überlagert oder als vollständig immersives Ansichtsbild (in VR) angezeigt wird, wobei das Gerät die Position und Ausrichtung des Nutzers verfolgt. Das DOM-Overlay rendert ein einzelnes DOM-Element und dessen Nachkommen als 2D-Rechteck mit transparentem Hintergrund über dieser Ansicht und ermöglicht es, interaktive, stilisierbare Elemente wie Menüs und Dialoge innerhalb der immersiven Erfahrung erscheinen zu lassen.

Die :xr-overlay-Pseudoklasse entspricht dem DOM-Overlay-Element, wenn eine Webseite in einer immersiven AR- oder VR-Umgebung betrachtet wird und ermöglicht es, dieses Element entsprechend seinem zugrundeliegenden Inhalt zu stylen.