vieo

webui/src/lib/whepPlayer.js

@@ -0,0 +1,67 @@
+function buildAuthHeader(token) {
+  if (!token) return {};
+  const credential = `${token}:${token}`;
+  const encoded = typeof btoa === 'function' ? btoa(credential) : Buffer.from(credential).toString('base64');
+  return { Authorization: `Basic ${encoded}` };
+}
+
+export class WhepPlayer {
+  constructor({ url, token, video }) {
+    this.url = url;
+    this.token = token;
+    this.video = video;
+    this.pc = null;
+    this.abortController = null;
+  }
+
+  async start() {
+    if (!this.url || !this.video) {
+      throw new Error('Video target missing');
+    }
+    this.stop();
+    this.abortController = new AbortController();
+    const pc = new RTCPeerConnection();
+    this.pc = pc;
+    const stream = new MediaStream();
+    pc.ontrack = (event) => {
+      event.streams[0]?.getTracks().forEach((track) => stream.addTrack(track));
+      this.video.srcObject = stream;
+    };
+    pc.addTransceiver('video', { direction: 'recvonly' });
+    pc.addTransceiver('audio', { direction: 'recvonly' });
+
+    const offer = await pc.createOffer();
+    await pc.setLocalDescription(offer);
+
+    const response = await fetch(this.url, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/sdp',
+        ...buildAuthHeader(this.token),
+      },
+      body: offer.sdp,
+      signal: this.abortController.signal,
+    });
+    if (!response.ok) {
+      throw new Error(`WHEP request failed: ${response.status}`);
+    }
+    const answerSdp = await response.text();
+    await pc.setRemoteDescription({ type: 'answer', sdp: answerSdp });
+  }
+
+  stop() {
+    if (this.abortController) {
+      this.abortController.abort();
+      this.abortController = null;
+    }
+    if (this.pc) {
+      this.pc.getSenders().forEach((sender) => sender.track?.stop());
+      this.pc.getReceivers().forEach((receiver) => receiver.track?.stop());
+      this.pc.close();
+      this.pc = null;
+    }
+    if (this.video) {
+      this.video.srcObject = null;
+    }
+  }
+}