Web SDKs

PoseTracker’s web SDKs are first-class npm packages for the browser — not an iframe. They use the light delivery model (TensorFlow.js + remote modelUrl). For a URL embed instead, use the WebView quickstart. Path choice: WebView vs SDK.

Package	Role
`@pose-tracker/pose-estimation-web` 0.3.0	Vanilla core (ESM / CJS / script tag)
`@pose-tracker/pose-estimation-web-react` 0.3.0	React wrapper (`PoseTrackerProvider`, `PoseCamera`, `usePoseTracker`)

Parity target: RN light. Source: pose-estimation-web · pose-estimation-web-react. There is no WebView backend on web — native DOM video + canvas.

Install

npm install @pose-tracker/pose-estimation-web @tensorflow/tfjs
# Optional BlazePose (bundlers / React):
npm install @tensorflow-models/pose-detection
# React:
npm install @pose-tracker/pose-estimation-web-react react react-dom

Script tag (CDN)

Load TensorFlow.js first, then the PoseTracker IIFE. Global: window.PoseTracker.

<script src="https://cdn.jsdelivr.net/npm/@tensorflow/[email protected]/dist/tf.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@pose-tracker/[email protected]/dist/pose-tracker.global.js"></script>
<script>
  const pt = PoseTracker.createPoseTracker({ model: 'movenet', drawSkeleton: true });
  pt.mount('#root');
  pt.start(); // webcam
</script>

Default MoveNet URL: https://app.posetracker.com/scripts/tmp_model_to_remove.json

Input sources

Default is camera. Tables and CORS: Media sources.

Source	API	Events
Camera	`{ type: 'camera', facingMode? }` or omit	Continuous `keypoints`
Video	`{ type: 'video', src: File \| Blob \| URL \| HTMLVideoElement }`	Stream while playing
Image	`{ type: 'image', src: File \| Blob \| URL \| HTMLImageElement \| ImageBitmap }`	One shot; re-run with `analyze()`

React: <PoseCamera source="video" sourceFile={file} />.

What works

MoveNet Lightning keypoints (getUserMedia + canvas overlay)
Uploaded video / still image
BlazePose via model: 'blazepose' (not features.blazepose)
Free keypoints without API key; plan-gated watermark
preload / warmup with coldStart: 'basic' | 'full'
configure(apiToken) + remote exercise engine — API key
startExercise / stopExercise + counter / posture / jumps
Feature flags (angles, recommendations, progression, keypoints, minGrade)

Browser deltas vs RN light

No WebView / Vision backends
Simplified quality ladder (idealWidth / idealHeight)
Engine cache uses localStorage (size limits)
Remote video/image URLs need CORS; prefer local File / blob URLs

For LLMs: Web SDK is @pose-tracker/pose-estimation-web 0.3.0 or -web-react 0.3.0, not the iframe. No WebView backend. https://docs.posetracker.com/web-sdks

Start here

WebView integration

SDK integration

Reference

Advanced (SDK)

AI & agents

Install

Script tag (CDN)

Input sources

What works

Browser deltas vs RN light

Next

​Install

​Script tag (CDN)

​Input sources

​What works

​Browser deltas vs RN light

​Next

Install

Script tag (CDN)

Input sources

What works

Browser deltas vs RN light

Next