This feature is not Baseline because it does not work in some of the most widely-used browsers.
Secure context: This feature is available only in secure contexts (HTTPS), in some or all supporting browsers.
Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The XRDepthInformation interface contains information about the distance from the user's device to the real-world geometry in the user's environment.
This interface is the parent of:
XRCPUDepthInformationDepth information from the CPU (returned by XRFrame.getDepthInformation()).
XRWebGLDepthInformationDepth information from WebGL (returned by XRWebGLBinding.getDepthInformation()).
You will usually interact with these child interfaces. However, XRDepthInformation provides some useful properties that are inherited:
XRDepthInformation.height Read only Experimental
Contains the height of the depth buffer (number of rows).
XRDepthInformation.normDepthBufferFromNormView Read only Experimental
An XRRigidTransform that needs to be applied when indexing into the depth buffer. The transformation that the matrix represents changes the coordinate system from normalized view coordinates to normalized depth-buffer coordinates that can then be scaled by depth buffer's width and height to obtain the absolute depth-buffer coordinates.
XRDepthInformation.rawValueToMeters Read only Experimental
Contains the scale factor by which the raw depth values must be multiplied in order to get the depths in meters.
XRDepthInformation.width Read only Experimental
Contains the width of the depth buffer (number of columns).
None.
See XRCPUDepthInformation and XRWebGLDepthInformation for code examples.
| Specification |
|---|
| WebXR Depth Sensing Module> # xrdepthinformation> |
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | WebView Android | WebView on iOS | |
XRDepthInformation |
90 | 90 | No | 76 | No | 90 | No | 64 | No | 15.0 | No | No |
height |
90 | 90 | No | 76 | No | 90 | No | 64 | No | 15.0 | No | No |
normDepthBufferFromNormView |
90 | 90 | No | 76 | No | 90 | No | 64 | No | 15.0 | No | No |
projectionMatrix |
139 | 139 | No | 123 | No | 139 | No | 91 | No | No | No | No |
rawValueToMeters |
90 | 90 | No | 76 | No | 90 | No | 64 | No | 15.0 | No | No |
transform |
139 | 139 | No | 123 | No | 139 | No | 91 | No | No | No | No |
width |
90 | 90 | No | 76 | No | 90 | No | 64 | No | 15.0 | No | No |
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/XRDepthInformation