Dla aplikacji

Transmisje na żywo dla Twojej aplikacji

API i SDK do transmisji na żywo dla Next.js, Laravel, Django i każdego innego stacku. Prowadzący nadaje na żywo z przeglądarki, telefonu lub OBS, nasze serwery mediów przekazują obraz wszystkim oglądającym, a odtwarzacz z czatem jest gotowy do użycia, więc nie musisz utrzymywać żadnego serwera mediów.

Transmisja na żywo tak, jak ją widzą oglądający: prowadzący przed kamerą, reakcje na obrazie i czat obok

Prowadzący i moderatorzy

Nadawaj na żywo z przeglądarki, telefonu lub OBS

Studio i czat są dołączone do odtwarzacza, dla prowadzącego i moderatorów wskazanych przez Twoją zasadę.

Kamera, ekran lub OBS

Prowadzący widzi obraz, zanim zacznie nadawać, potem jednym kliknięciem rozpoczyna transmisję i kończy ją dla wszystkich. Nadaje z kamery i mikrofonu przeglądarki lub telefonu, udostępnia ekran albo wysyła obraz z OBS lub dowolnego innego enkodera przez WHIP.

Studio transmisji na żywo przed jej rozpoczęciem: obraz z połączonego OBS i przycisk Rozpocznij transmisję

Czat, w którym panuje porządek

Widzowie piszą na czacie obok obrazu i wysyłają reakcje, które pojawiają się na obrazie. Prowadzący i moderatorzy wskazani przez Twoją zasadę przypinają i usuwają wiadomości, spowalniają czat, wyciszają kogoś na jakiś czas, wyrzucają go lub blokują. Twój serwer może robić to samo i pisać na czacie pod własną nazwą.

Czat transmisji na żywo z menu moderatora: przypnij, usuń, wycisz na jakiś czas, wyrzuć i zablokuj

Widzowie

Wszyscy oglądający, zalogowani czy nie

Widzowi wystarczy link do strony. Ogląda, pisze na czacie i reaguje, a wszyscy widzą, ile osób ogląda.

Oglądanie bez konta

Twoja zasada sprawia, że odwiedzający jest widzem, więc każdy, kto ma link, ogląda, a żeby pisać na czacie, loguje się. Możesz też udostępnić transmisję tylko członkom.

Obraz na każdy ekran

Każdy widz dostaje obraz w rozmiarze, jaki obsłużą jego ekran i łącze, w przeglądarce, na iOS i Androidzie, z licznikiem oglądających na żywo.

Goście na scenie

Widz podnosi rękę, a prowadzący zaprasza go na scenę z kamerą i mikrofonem, na pytanie, wywiad czy panel.

Decyduje Twój serwer

Kilka linii w Twoim stacku

Twój serwer mówi, kto prowadzi każdą transmisję, kto ogląda i kto moderuje czat. Strona pokazuje transmisję jednym elementem albo Twoim własnym kodem.

lib/realtime.ts
// 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 } );
app/live/[id]/stream.tsx
'use client';

import { LiveStream } from '@wordplus/realtime/react';

export function Stream( { id, title }: { id: string; title: string } ) {
    return <LiveStream name={ `live:${ id }` } title={ title } />;
}

Transmisje na żywo w każdym stacku, z całą konfiguracją:

Zastosowania

Co się buduje z transmisjami na żywo

Każde to cała aplikacja w dokumentacji, z serwerem w Node.js, PHP i Pythonie.

Wydarzenia na żywo

Premiera, lekcja, wykład czy koncert, na żywo dla każdego, kto otworzy stronę.

Transmisje tylko dla członków

Transmisja, którą mogą oglądać tylko członkowie klubu, posiadacze biletu lub uczestnicy kursu.

Wywiady i pytania na scenie

Widzowie podnoszą rękę, a prowadzący zaprasza ich na scenę obok siebie, w układzie, który sam wybiera.

Cennik

Cena według połączeń, nigdy według wiadomości

Cena według jednoczesnych połączeń, od 1000 wzwyż, rozliczana miesięcznie lub rocznie.

Przy 1000 połączeń transmisje na żywo nie są naliczane do 50 widzów jednocześnie, a każde kolejne 1000 połączeń dodaje 20 widzów. Powyżej każdy dodatkowy widz zużywa kredyt na minutę, liczony tylko wtedy, gdy transmisja trwa, a Twój plan dodaje 5000 kredytów miesięcznie na każde 1000 połączeń.

Pytania

Najczęstsze pytania

Czy potrzebuję własnego serwera mediów?

Nie. Prowadzący wysyła obraz do naszych serwerów mediów, które przekazują go wszystkim oglądającym. OBS i inne enkodery wysyłają go przez WHIP. Nie musisz niczego hostować.

Które stacki mogą korzystać z SDK do transmisji na żywo?

Next.js i Express, Laravel i czyste PHP, Django, FastAPI i Flask, React Native i Capacitor, iOS i Android, każdy z przewodnikiem. Serwer w innym języku korzysta z HTTP API.

Czy można oglądać bez konta?

Tak. Twoja zasada sprawia, że niezalogowany odwiedzający jest widzem, więc każdy, kto ma link, ogląda, a żeby pisać na czacie, loguje się. Możesz też udostępnić transmisję tylko członkom, a wtedy przekazany dalej link niczego nie otwiera.

Czy mogę nadawać z OBS?

Tak. Studio daje prowadzącemu adres i klucz dla OBS lub dowolnego innego enkodera, który wysyła przez WHIP, a obraz z enkodera zastępuje kamerę. Nowy klucz unieważnia stary.

Ile osób może oglądać?

Przy 1000 połączeń do 50 widzów jednocześnie nie zużywa kredytów, a każde kolejne 1000 połączeń dodaje 20. Powyżej każdy dodatkowy widz zużywa kredyt na minutę, liczony tylko wtedy, gdy transmisja trwa.

Kto moderuje czat?

Prowadzący i każdy, kogo Twoja zasada uczyni moderatorem. Przypinają i usuwają wiadomości, spowalniają czat, wyciszają kogoś na czas od minuty do doby oraz wyrzucają kogoś z transmisji lub go blokują. Twój serwer też może to wszystko robić, bez otwartej strony.

Czy mogę zbudować własny odtwarzacz?

Tak. Odtwarzacz, czat i studio są opcjonalne. Umieść każdą część tam, gdzie pasuje Twojej stronie, albo sam wyświetlaj transmisję w SDK: obraz, widzów, czat i reakcje.

Czy mogę rozliczać widzów za oglądanie?

Tak. Twoja zasada decyduje, kto może oglądać, więc bilet lub członkostwo otwiera transmisję. WordPlus Cloud przekazuje Twojemu serwerowi przez webhook, kiedy każdy zalogowany widz zaczyna i kończy oglądanie, liczone na własnych serwerach, aby Twoja aplikacja mogła rozliczać za wyświetlenie lub za minutę.

Pytania o Twoją integrację? Napisz do nas: pomagamy z SDK, odtwarzaczem i Twoim stackiem.