Getting Started

import * as Connection from "@moq/lite/Connection";
import { Broadcast, Track } from "@moq/lite";

// Connect to a MoQ relay
const conn = await Connection.connect({
  url: "https://relay.quic.video",
  fingerprint: "https://relay.quic.video/fingerprint"
});

// Subscribe to a broadcast by name
const subscriber = await conn.subscribe("my-broadcast");

// Wait for tracks to be announced
const announced = await subscriber.announced();
if (!announced) throw new Error("broadcast closed");

console.log("Track announced:", announced.track.name);

// Subscribe to the track
const track = await subscriber.subscribe(announced.track);

// Read groups from the track
for await (const group of track.groups()) {
  console.log("Group sequence:", group.sequence);
  
  // Read frames from the group
  for await (const frame of group.frames()) {
    console.log("Frame size:", frame.byteLength);
    // Process frame data...
  }
}

import { WebTransport } from "@fails-components/webtransport";
import * as Connection from "@moq/lite/Connection";

// Make WebTransport available globally
globalThis.WebTransport = WebTransport as any;

const conn = await Connection.connect({
  url: "https://relay.quic.video",
  fingerprint: "https://relay.quic.video/fingerprint"
});

// Now use the connection as normal
const subscriber = await conn.subscribe("my-broadcast");

import "@moq/watch/element";

<moq-watch 
  url="https://relay.quic.video"
  fingerprint="https://relay.quic.video/fingerprint"
  broadcast="my-broadcast">
</moq-watch>