Zum Inhalt

OBS + Kasamila + Streamlabs: ein Avatar-Host für viele Livestreams

Transparente Browserquelle, Audioeingang, Warteschlange, Unterbrechung, Szenen und Sitzungsende in einer Komponente.

Transparente Browserquelle, Audioeingang, Warteschlange, Unterbrechung, Szenen und Sitzungsende in einer Komponente.

Umsetzung

  1. Relay mit einem Agent oder authentifizierten PCM-Bridge starten. KASAMILA_OUTPUT_MODE=transparent und echtes packed-matte HLS verwenden; CSS-Deckkraft ersetzt keinen transparenten Videohintergrund.
  1. In /public/studio.html einen Raum erstellen und die temporäre Anzeige-URL kopieren. OBS Browser Source oder Streamlabs Desktop Browser Source verwenden; beides sind alternative Hosts.
  1. Über Interact zuerst Enable audio, danach Start im Studio. Das Studio nimmt das Mikrofon auf, nur Antworten bewegen den Avatar. Browser- und Desktop-Audio nicht doppelt erfassen.
  1. FIFO erlaubt vier vollständige Dateien mit jeweils höchstens 3 MiB und 30 Sekunden. Interrupt verwirft alte Elemente. Unterhaltung, Chat, Handel und Spiel sind Layouts desselben Hosts. Optional schaltet OBS WebSocket v5 die echte Program-Szene; das verspricht keinen entsprechenden Streamlabs-Desktop-RPC.
  1. Optionale Streamlabs-Ereignisse werden zur Prüfung angezeigt, nicht automatisch als Spenden-Prompts gesprochen. Verbergen, Deaktivieren, Trennen oder End beendet die Sitzung; Sichtbarkeit startet keine Abrechnung neu. Ende bestätigen; bei Rechnerausfall gilt weiterhin die Lease-Frist.
cd examples/realtime-integrations
npm ci
cp .env.example .env
# Backend-only configuration: see linked guide
npm start

Grenzen und Abnahme

Eine Host-Komponente ist nicht vier fertige Geschäftsprodukte. Origin-Prüfung, Quoten und Moderation ergänzen; Transparenz, Warteschlangen, Übergänge und Ende real testen.

Code und Protokolle

Markdown / KI-Lektüre

zh | en | fr | de | ru | es | it | ar | ja | ko | th | ms | vi | hi | id