Für Apps
Live-Streaming für Ihre App
Eine Live-Streaming-API und ein SDK für Next.js, Laravel, Django und jeden anderen Stack. Ein Host geht aus dem Browser, vom Handy oder mit OBS live, unsere Medienserver bringen das Bild zu allen Zuschauern, und der Player mit seinem Chat ist sofort nutzbar, sodass Sie keinen Medienserver betreiben müssen.

Hosts und Moderatoren
Live aus dem Browser, vom Handy oder mit OBS
Studio und Chat gehören zum Player, für den Host und die Moderatoren, die Ihre Regel bestimmt.
Die Kamera, ein Bildschirm oder OBS
Der Host sieht das Bild vor dem Start, geht dann mit einem Klick live und beendet den Stream für alle. Er streamt mit Kamera und Mikrofon des Browsers oder eines Handys, teilt einen Bildschirm oder sendet das Bild aus OBS oder einem anderen Encoder über WHIP.

Ein Chat, der aufgeräumt bleibt
Zuschauer schreiben im Chat neben dem Bild und schicken Reaktionen, die über dem Bild erscheinen. Der Host und die Moderatoren, die Ihre Regel bestimmt, heften Nachrichten an und löschen sie, verlangsamen den Chat, schalten jemanden vorübergehend stumm und entfernen oder sperren ihn. Ihr Server kann dasselbe und unter einem eigenen Namen im Chat schreiben.

Zuschauer
Alle Zuschauer, angemeldet oder nicht
Ein Link zur Seite ist alles, was ein Zuschauer braucht. Er schaut zu, schreibt im Chat und reagiert, und alle sehen, wie viele zuschauen.
Zuschauen ohne Konto
Ihre Regel macht einen Besucher zum Zuschauer, sodass jeder mit dem Link zuschauen kann und sich anmeldet, um im Chat zu schreiben. Oder Sie behalten einen Stream Mitgliedern vor.
Ein Bild für jeden Bildschirm
Jeder Zuschauer bekommt das Bild in der Größe, die sein Bildschirm und seine Verbindung hergeben, im Web, unter iOS und Android, mit einem Live-Zähler der Zuschauer.
Gäste auf der Bühne
Ein Zuschauer meldet sich per Handzeichen, und der Host holt ihn mit Kamera und Mikrofon auf die Bühne, für eine Frage, ein Interview oder ein Podiumsgespräch.
Ihr Server entscheidet
Ein paar Zeilen in Ihrem Stack
Ihr Server legt fest, wer welchen Stream leitet, wer zuschaut und wer den Chat betreut. Die Seite zeigt den Stream mit einem Element oder mit Ihrem eigenen Code.
// A live stream for each event, live:12: its host goes live,
// and everyone else watches, signed in or not.
realtime.streams( 'live:{id}', async ( user, { id } ) => {
if ( user === null ) return 'viewer';
if ( await isHostOf( id, user ) ) return 'host';
// Your moderators keep the chat.
return ( await isModerator( user ) ) ? { role: 'viewer', mod: true } : 'viewer';
}, { reactions: true } );'use client';
import { LiveStream } from '@wordplus/realtime/react';
export function Stream( { id, title }: { id: string; title: string } ) {
return <LiveStream name={ `live:${ id }` } title={ title } />;
}Livestreams in jedem Stack, mit der ganzen Einrichtung:
Anwendungsfälle
Was mit Livestreams gebaut wird
Jeder ist eine ganze App in der Dokumentation, mit ihrem Server in Node.js, PHP und Python.
Live-Events
Ein Launch, ein Kurs, ein Vortrag oder ein Konzert, live für alle, die die Seite öffnen.
Streams nur für Mitglieder
Ein Stream, den nur die Mitglieder eines Clubs, die Inhaber eines Tickets oder die Teilnehmer eines Kurses sehen dürfen.
Interviews und Fragen auf der Bühne
Zuschauer melden sich per Handzeichen, und der Host holt sie zu sich auf die Bühne, im Layout, das der Host wählt.
Preise
Preise nach Verbindungen, nie nach Nachrichten
Preise nach gleichzeitigen Verbindungen, ab 1.000, monatlich oder jährlich abgerechnet.
Mit 1.000 Verbindungen sind Livestreams bis zu 50 Zuschauern gleichzeitig ohne Abrechnung, und mit jeweils 1.000 weiteren Verbindungen kommen 20 Zuschauer hinzu. Darüber verbraucht jeder weitere Zuschauer ein Credit pro Minute, gezählt nur, solange der Stream live ist, und Ihr Plan fügt je 1.000 Verbindungen 5.000 Credits pro Monat hinzu.
Fragen
Häufige Fragen
Brauche ich einen eigenen Medienserver?
Nein. Der Host sendet das Bild an unsere Medienserver, die es zu allen Zuschauern bringen. OBS und andere Encoder senden es über WHIP. Sie müssen nichts selbst hosten.
Welche Stacks können das Live-Streaming-SDK nutzen?
Next.js und Express, Laravel und reines PHP, Django, FastAPI und Flask, React Native und Capacitor, iOS und Android, jeweils mit Anleitung. Ein Server in einer anderen Sprache nutzt die HTTP-API.
Kann man ohne Konto zuschauen?
Ja. Ihre Regel macht einen nicht angemeldeten Besucher zum Zuschauer, sodass jeder mit dem Link zuschauen kann und sich anmeldet, um im Chat zu schreiben. Oder Sie behalten einen Stream Mitgliedern vor, dann öffnet ein weitergegebener Link nichts.
Kann ich mit OBS streamen?
Ja. Das Studio gibt dem Host eine Adresse und einen Schlüssel für OBS oder einen anderen Encoder, der über WHIP sendet, und das Bild des Encoders tritt an die Stelle der Kamera. Ein neuer Schlüssel sperrt den alten.
Wie viele Personen können zuschauen?
Mit 1.000 Verbindungen verbrauchen bis zu 50 Zuschauer gleichzeitig keine Credits, und mit jeweils 1.000 weiteren Verbindungen kommen 20 hinzu. Darüber verbraucht jeder weitere Zuschauer ein Credit pro Minute, gezählt nur, solange der Stream live ist.
Wer betreut den Chat?
Der Host und jeder, den Ihre Regel zum Moderator macht. Sie heften Nachrichten an und löschen sie, verlangsamen den Chat, schalten jemanden für eine Minute bis zu einem Tag stumm und entfernen jemanden aus dem Stream oder sperren ihn. Ihr Server kann das alles auch, ohne dass eine Seite geöffnet ist.
Kann ich meinen eigenen Player bauen?
Ja. Player, Chat und Studio sind optional. Platzieren Sie jeden Teil dort, wo Ihre Seite ihn braucht, oder zeichnen Sie den Stream selbst mit dem SDK: das Bild, die Zuschauer, den Chat und die Reaktionen.
Kann ich das Zuschauen berechnen?
Ja. Ihre Regel entscheidet, wer zuschauen darf, sodass ein Ticket oder eine Mitgliedschaft den Stream öffnet. WordPlus Cloud teilt Ihrem Server per Webhook mit, wann jeder angemeldete Zuschauer zu schauen beginnt und aufhört, gezählt auf den eigenen Servern, sodass Ihre App pro Abruf oder minutengenau abrechnen kann.
Fragen zu Ihrer Integration? Schreiben Sie uns: Wir helfen mit den SDKs, dem Player und Ihrem Stack.