const video = document.querySelector("video");
const API = "https://api.orbit.devotel.io";
const REC_ID = video.dataset.recordingId;

// Any random string qualifies; regenerate per session, never derive it from
// an email, IP, or account id — it must carry no PII.
const viewerId = crypto.randomUUID();
let lastSentAt = 0;

function emit(type) {
  const now = performance.now();
  const delta = Math.max(0, (now - lastSentAt) / 1000);
  lastSentAt = now;
  fetch(`${API}/api/v1/recordings/${REC_ID}/views`, {
    method: "POST",
    headers: {
      "Content-Type": "application/json",
      "X-API-Key": "<your-video-write-key>",
    },
    body: JSON.stringify({
      viewer_id: viewerId,
      event_type: type,
      position_seconds: video.currentTime,
      duration_seconds: video.duration,
      watched_delta_seconds: video.paused ? 0 : delta,
    }),
  }).then((r) => {
    if (r.ok) return r.json();       // use unique/concurrent counts for a badge
    if (r.status === 503) return null; // analytics temporarily unavailable — keep playing
  }).catch(() => {});                 // never let analytics break playback
}

video.addEventListener("play", () => emit("play"));
video.addEventListener("pause", () => emit("pause"));
video.addEventListener("seeked", () => emit("seek"));
video.addEventListener("ended", () => emit("ended"));
setInterval(() => { if (!video.paused) emit("progress"); }, 15_000);

curl https://api.orbit.devotel.io/api/v1/recordings/rec_abc123/views/report \
  -H "X-API-Key: dv_live_sk_your_key_here"

{
  "data": {
    "recording_id": "rec_abc123",
    "unique_viewers": 42,
    "total_watch_seconds": 18320,
    "avg_watch_seconds": 436,
    "completed_viewers": 18,
    "completion_rate": 0.43,
    "avg_completion_ratio": 0.61,
    "retention_curve": [
      { "upto_percent": 10, "viewers_reached": 40, "reached_ratio": 0.95 },
      { "upto_percent": 20, "viewers_reached": 35, "reached_ratio": 0.83 }
    ]
  }
}