feat(webui): hand tracking visualization — show MediaPipe hand skeleton and gesture label #344

Closed
opened 2026-03-03 12:41:59 -05:00 by sl-jetson · 0 comments
Collaborator

Create HandTracker.jsx component that subscribes to /saltybot/hands (HandLandmarks msg with 21 landmarks per hand) and /saltybot/hand_gesture (String). Render hand skeleton overlay on a canvas — draw 21 landmark dots connected by bones (MediaPipe hand connections). Show classified gesture label (Point, Fist, Open, etc.) with confidence. Display handedness (L/R). Support up to 2 hands simultaneously. Add to a new HANDS tab in the SOCIAL tab group.

Create HandTracker.jsx component that subscribes to /saltybot/hands (HandLandmarks msg with 21 landmarks per hand) and /saltybot/hand_gesture (String). Render hand skeleton overlay on a canvas — draw 21 landmark dots connected by bones (MediaPipe hand connections). Show classified gesture label (Point, Fist, Open, etc.) with confidence. Display handedness (L/R). Support up to 2 hands simultaneously. Add to a new HANDS tab in the SOCIAL tab group.
Sign in to join this conversation.
No Label
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: seb/saltylab-firmware#344
No description provided.