FaceControls simplified

[abernier]

Why / What

Optionally, we can now pass faceLandmarkerResult from the outside, allowing us to fully control the face detection from the video-texture:

// faceLandmarker

const videoTextureRef = useRef(null)
const [faceLandmarkerResult, setFaceLandmarkerResult] = useState()

<WebcamVideoTexture
  ref={videoTextureRef}
  onVideoFrame={(now) => {
    const videoTexture = videoTextureRef.current
    if (!faceLandmarker || !videoTexture) return

    const videoFrame = videoTexture.source.data
    const result = faceLandmarker.detectForVideo(videoFrame, now) // DETECTION HERE
    setFaceLandmarkerResult(result)
  }}
/>

<FaceControls manualDetect faceLandmarkerResult={faceLandmarkerResult} />

otherwise, a video-texture is automatically instanciated for us, like before

Checklist

• Documentation updated (example)
• Storybook entry added (example)
• Ready to be merged

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
drei	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 5, 2024 3:36pm

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

[github-actions]

🎉 This PR is included in version 9.120.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀