Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The XRWebGLBinding() constructor creates and returns a new XRWebGLBinding object.
new XRWebGLBinding(session, context)sessionAn XRSession object specifying the WebXR session which will be rendered using the WebGL context.
contextA WebGLRenderingContext or WebGL2RenderingContext identifying the WebGL drawing context to use for rendering the scene for the specified WebXR session.
A new XRWebGLBinding.
InvalidStateError DOMExceptionThrown if the new XRWebGLBinding could not be created due to one of the following situations:
XRSession specified by session has already been stopped.context, has been lost for any reason, such as a GPU switch or reset.session is immersive but the context is not WebXR compatible.const canvasElement = document.querySelector(".output-canvas");
const gl = canvasElement.getContext("webgl");
const xrSession = await navigator.xr.requestSession("immersive-vr");
await gl.makeXRCompatible();
const glBinding = new XRWebGLBinding(xrSession, gl);