W3cubDocs

/Web APIs

XRJointSpace

The XRJointSpace interface is an XRSpace and represents the position and orientation of an XRHand joint.

EventTarget XRSpace XRJointSpace

Instance properties

XRJointSpace.jointName Read only

The name of the joint that is tracked. See XRHand for possible hand joint names.

Examples

Using XRJointSpace objects

You can use an XRJointSpace object and an XRReferenceSpace to get an XRJointPose by calling XRFrame.getJointPose().

js

navigator.xr
  .requestSession({ optionalFeatures: ["hand-tracking"] })
  .then(/** … */);

function renderFrame(session, frame) {
  // …

  for (const inputSource of session.inputSources) {
    if (inputSource.hand) {
      const indexFingerTipJoint = inputSource.hand.get("index-finger-tip"); // XRJointSpace
      indexFingerTipJoint.jointName; // "index-finger-tip"
      frame.getJointPose(indexFingerTipJoint, referenceSpace); // XRJointPose
    }
  }
}

Specifications

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
XRJointSpace No
93–111Hololens 2 only.
No No No No No No No No No No
jointName No
93–111Hololens 2 only.
No No No No No No No No No No

See also

© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/XRJointSpace