WebXR Session Lifecycle

Quick Start

// 1. Check support
const supported = await navigator.xr.isSessionSupported('immersive-vr');
if (!supported) return;

// 2. Request session SYNCHRONOUSLY inside a user gesture
button.addEventListener('click', () => {
  navigator.xr.requestSession('immersive-vr', {
    requiredFeatures: ['local-floor'],
    optionalFeatures: ['hand-tracking', 'hit-test', 'anchors'],
  }).then(onSessionStarted);
});