WebView quickstart

<iframe
  src="https://app.posetracker.com/pose_tracker/tracking?token=YOUR_API_KEY&exercise=push_up&skeleton=true"
  allow="camera *; microphone *"
  style="width:100%;max-width:420px;aspect-ratio:3/4;border:0"
  title="PoseTracker"
></iframe>

<script>
  window.addEventListener("message", (event) => {
    let msg = event.data;
    if (typeof msg === "string") {
      try { msg = JSON.parse(msg); } catch { return; }
    }
    if (!msg || typeof msg !== "object") return;

    if (msg.type === "initialization" && msg.ready) {
      console.log("camera live");
    }
    if (msg.type === "counter") {
      console.log("reps", msg.current_count, msg.form_score?.grade);
    }
    if (msg.type === "error") {
      console.error(msg.error, msg.message);
    }
  });
</script>

…&exercise=push_up&keypoints=true&angles=true&progression=true

…&placementOverlay=true&timer=3

iframe.contentWindow.postMessage({ type: "set_exercise", exercise: "plank" }, "https://app.posetracker.com");