TypeScript Quickstart

npm install @clutchcall/sdk

import { Streams } from "@clutchcall/sdk/streams";

const streams = new Streams({
  baseUrl: "https://app.clutchcall.dev",
  apiKey:  process.env.CLUTCHCALL_API_KEY!,
  orgId:   "org_abc",
});

const { input, streamKey } = await streams.liveInputs.create({
  name: "My First Stream",
});

// streamKey is returned ONCE — store it; the control-plane API only keeps the hash.
console.log({ inputId: input.external_input_id, streamKey });

// Mint a 1-hour signed playback URL to hand to the browser.
const { url } = await streams.liveInputs
  .get({ id: input.external_input_id })
  .then(i => i.signedPlaybackUrl({ ttlSeconds: 3600 }));
console.log("playback URL:", url);

import { BroadcastViewer } from "@clutchcall/sdk/streams";

const mediaSource = new MediaSource();
videoElement.src  = URL.createObjectURL(mediaSource);
await new Promise(r => mediaSource.addEventListener("sourceopen", r));

const buffer = mediaSource.addSourceBuffer('video/mp4; codecs="avc1.42E01F,mp4a.40.2"');

const viewer = await BroadcastViewer.open(playbackUrl, {
  onChunk: (init, chunk) => buffer.appendBuffer(chunk.data),
  onClose: reason => console.log("closed:", reason),
});

import { BroadcastPublisher } from "@clutchcall/sdk/streams";

const pub = await BroadcastPublisher.open({
  inputId:   input.external_input_id,
  streamKey,
  codecs:    { video: "avc1.42E01F", audio: "opus" },
});

pub.write(fmp4Init);             // CMAF init segment first
pub.write(fmp4Segment);          // media segments
await pub.close("finished");