Lighting estimationLimited availability

The XRLightProbe and XRLightEstimate objects represent real-world environmental lighting conditions during a WebXR session.

Not yet supported in all major browsers — check the table and provide a fallback.

Browser support

DesktopChrome

1–89Not supported

90+Supportedsince Apr 13, 2021

Current: 155

Edge

12–89Not supported

90+Supportedsince Apr 15, 2021

Current: 154

Firefox

✕Not supportedup to 157

Current: 157

Safari

✕Not supportedup to 27

Current: 27

MobileChrome Android

18–89Not supported

90+Supportedsince Apr 13, 2021

Current: 155

Firefox Android

✕Not supportedup to 157

Current: 157

Safari iOS

✕Not supportedup to 27

Current: 27

Not supported in Firefox, Safari, Firefox Android, Safari iOS. Use feature detection below and provide a fallback (or a polyfill) for those browsers.

Full syntax and examples are on MDN: getLightEstimate.

JS · check before using

if ("XRLightEstimate" in globalThis) {
  // XRLightEstimate is available
} else {
  // load a polyfill or use a fallback
}

Support for each part of the feature (11). The overall table above shows when the whole feature works.

Sub-feature	Chrome	Edge	Firefox	Safari	Chrome Android	Firefox Android	Safari iOS
XRFrame.getLightEstimate	90	90	✕	✕	90	✕	✕
XRLightEstimate	90	90	✕	✕	90	✕	✕
XRLightEstimate.primaryLightDirection	90	90	✕	✕	90	✕	✕
XRLightEstimate.primaryLightIntensity	90	90	✕	✕	90	✕	✕
XRLightEstimate.sphericalHarmonicsCoefficients	90	90	✕	✕	90	✕	✕
XRLightProbe	90	90	✕	✕	90	✕	✕
XRLightProbe.probeSpace	90	90	✕	✕	90	✕	✕
XRLightProbe.reflectionchange_event	90	90	✕	✕	90	✕	✕
XRSession.preferredReflectionFormat	90	90	✕	✕	90	✕	✕
XRSession.requestLightProbe	90	90	✕	✕	90	✕	✕
XRWebGLBinding.getReflectionCubeMap	90	90	✕	✕	90	✕	✕