Bouw op Mets

curl -X POST https://mets.ulewicz.space/api/v1/public/meetings \
  -H "Authorization: Bearer $METS_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "title": "Weekly sync",
    "scheduled_at": "2026-11-03T09:00:00+01:00",
    "duration_minutes": 30,
    "settings": { "waiting_room": true, "transcription_auto": true }
  }'

# -> 201 { "id": "…", "code": "abc-defg-hjk", "join_url": "https://mets.ulewicz.space/m/abc-defg-hjk", … }

curl https://mets.ulewicz.space/api/v1/public/meetings/abc-defg-hjk/recordings \
  -H "Authorization: Bearer $METS_API_KEY"

# -> { "data": [ { "id": "…", "kind": "video", "status": "ready",
#                  "duration_seconds": 1834, "download_url": "https://…" } ] }

import crypto from "node:crypto";

// Express: use express.raw({ type: "application/json" }) so you get the exact bytes.
export function verify(rawBody, headers, secret) {
  const ts = headers["x-mets-timestamp"];
  const expected =
    "sha256=" + crypto.createHmac("sha256", secret).update(`${ts}.${rawBody}`).digest("hex");
  const given = headers["x-mets-signature"] ?? "";
  const fresh = Math.abs(Date.now() / 1000 - Number(ts)) < 300; // reject replays
  return (
    fresh &&
    given.length === expected.length &&
    crypto.timingSafeEqual(Buffer.from(given), Buffer.from(expected))
  );
}

import hashlib, hmac, time

def verify(raw_body: bytes, headers: dict, secret: str) -> bool:
    ts = headers["X-Mets-Timestamp"]
    mac = hmac.new(secret.encode(), ts.encode() + b"." + raw_body, hashlib.sha256).hexdigest()
    expected = "sha256=" + mac
    fresh = abs(time.time() - int(ts)) < 300  # reject replays
    return fresh and hmac.compare_digest(expected, headers["X-Mets-Signature"])

curl -X PUT https://mets.ulewicz.space/api/v1/public/meetings/abc-defg-hjk/embed-origins \
  -H "Authorization: Bearer mets_sk_..." \
  -H "Content-Type: application/json" \
  -d '{ "origins": ["https://app.example.com", "https://*.example.com"] }'

<div id="meeting" style="height: 640px"></div>
<script src="https://mets.ulewicz.space/embed/mets-embed.js"></script>
<script>
  const meeting = MetsEmbed.MetsMeeting.create({
    container: "#meeting",
    meetingCode: "abc-defg-hjk",
    name: "Anna",            // pre-filled guest name
    locale: "en",
    theme: "dark",
    features: { chat: true, participants: true },
    onEvent: (e) => console.log(e.type, e),
  });

  meeting.on("joined", (e) => console.log("in the room as", e.participant.name));
  meeting.on("participant-count", (e) => console.log(e.count, "people"));
  document.querySelector("#mute").onclick = () => meeting.mute();
</script>

npm install @mets/embed

import { MetsMeeting } from "@mets/embed";

const meeting = MetsMeeting.create({
  container: document.getElementById("meeting")!,
  joinToken, // from your server, see below
  onEvent: (e) => { if (e.type === "left") showThanks(); },
});

npm install @mets/embed @mets/embed-react

import { MetsMeeting } from "@mets/embed-react";

export function Room({ joinToken }: { joinToken: string }) {
  const ref = useRef<MetsMeetingHandle>(null);
  return (
    <div style={{ height: 640 }}>
      <MetsMeeting ref={ref} joinToken={joinToken} locale="en" onEvent={(e) => console.log(e)} />
      <button onClick={() => ref.current?.mute()}>Mute</button>
    </div>
  );
}