Embed on every platform

https://app.posetracker.com/pose_tracker/tracking?token=YOUR_API_KEY&exercise=push_up&skeleton=true

<iframe
  id="pt"
  src="https://app.posetracker.com/pose_tracker/tracking?token=YOUR_API_KEY&exercise=push_up"
  allow="camera *; microphone *"
  style="width:100%;max-width:420px;aspect-ratio:3/4;border:0"
  title="PoseTracker"
></iframe>
<script>
  window.addEventListener("message", (e) => {
    const msg = typeof e.data === "string" ? JSON.parse(e.data) : e.data;
    if (msg?.type === "counter") console.log(msg.current_count);
  });
</script>

import { WebView } from 'react-native-webview';

<WebView
  source={{
    uri: 'https://app.posetracker.com/pose_tracker/tracking?token=YOUR_API_KEY&exercise=push_up',
  }}
  mediaPlaybackRequiresUserAction={false}
  allowsInlineMediaPlayback
  onMessage={(e) => {
    const msg = JSON.parse(e.nativeEvent.data);
    if (msg.type === 'counter') console.log(msg.current_count);
  }}
/>

let config = WKWebViewConfiguration()
config.allowsInlineMediaPlayback = true
config.userContentController.add(self, name: "iosListener")
let webView = WKWebView(frame: view.bounds, configuration: config)
let url = URL(string: "https://app.posetracker.com/pose_tracker/tracking?token=YOUR_API_KEY&exercise=push_up")!
webView.load(URLRequest(url: url))

func userContentController(_ controller: WKUserContentController,
                           didReceive message: WKScriptMessage) {
  // message.body is the JSON string
}

webView.settings.javaScriptEnabled = true
webView.settings.mediaPlaybackRequiresUserGesture = false
webView.loadUrl("https://app.posetracker.com/pose_tracker/tracking?token=YOUR_API_KEY&exercise=push_up")