XRJointSpace

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

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

Specification
WebXR Hand Input Module - Level 1
# xrhand-interface

Browser compatibility

BCD tables only load in the browser

See also