Betrieb einer WebXR-Demo-Instanz

WebXR Composition Layers — High-Performance Rendering

A performance deep-dive into WebXR Composition Layers — projection, quad, cylinder, and equirectangular layers, video playback via XRMediaBinding, and GPU-composited overlay techniques.

WebXR Composition Layers — High-Performance Rendering

Ein Performance-Deep-Dive in WebXR Composition Layers — Projection-, Quad-, Cylinder- und Equirectangular-Layer, Videowiedergabe via XRMediaBinding sowie GPU-composited Overlay-Techniken.

WebXR ist eine Web-API, die immersive Erlebnisse direkt im Browser ermöglicht – eine App-Installation ist nicht erforderlich. Sie unterstützt sowohl Virtual Reality (VR) als auch Augmented Reality (AR) über eine einheitliche JavaScript-API.

Ausprobieren

Ich hoste eine WebXR-Demo-Instanz unter:

https://tobias-weiss.org/hello-webxr/ 🌐

Nutzen Sie den rechten Controller und die Trigger-Taste (Zeigefinger) zur Navigation. Die Demo zeigt grundlegende Room-Scale-VR-Interaktionen – das Umhergehen, das Aufheben von Objekten und die Manipulation der Umgebung.

Warum browserbasiertes XR?

Browserbasiertes XR bietet mehrere Vorteile:

• Keine Installation – Nutzer greifen direkt über eine URL auf VR zu
• Plattformübergreifend – funktioniert mit jedem WebXR-kompatiblen Headset-Browser
• Einfaches Teilen – einfach einen Link versenden
• Datenschutzfreundlich – selbstgehostete Lösungen halten Daten lokal

Self-Hosting

Die offizielle WebXR-Demo wird von der WebXR community gepflegt. Um eine eigene Instanz zu betreiben:

git clone https://github.com/immersive-web/webxr-samples

# Serve with any static file server
npx serve .

Sie benötigen einen WebXR-kompatiblen Browser (Firefox Reality, Meta Quest Browser oder Chrome mit VR-Unterstützung).

Hardware

Ich habe dies mit folgendem Equipment getestet:

• Meta Quest 2/3 (via Meta Quest Browser oder Virtual Desktop)
• HP Reverb G2
• Desktop-Modus mit Maus-/Tastatur-Fallback für Nicht-VR-Nutzer