Para apps

Transmisión en directo para tu app

Una API y un SDK de transmisión en directo para Next.js, Laravel, Django y cualquier otro stack. Un anfitrión sale en directo desde el navegador, un móvil u OBS, nuestros servidores multimedia llevan la imagen a todos los que miran, y el reproductor con su chat está listo para usar, así que no tienes que mantener ningún servidor multimedia.

Una transmisión en directo tal como la ven sus espectadores: el anfitrión en cámara, reacciones sobre la imagen y el chat al lado

Anfitriones y moderadores

Emite en directo desde el navegador, un móvil u OBS

El estudio y el chat vienen con el reproductor, para el anfitrión y los moderadores que nombra tu regla.

La cámara, una pantalla u OBS

El anfitrión ve la imagen antes de salir en directo, luego sale en directo con un clic y termina la transmisión para todos. Transmite con la cámara y el micrófono del navegador o de un móvil, comparte una pantalla o envía la imagen desde OBS o cualquier otro codificador por WHIP.

El estudio de una transmisión en directo antes de empezar: la imagen de OBS, conectada, y el botón «Emitir en directo»

Un chat que se mantiene en orden

Los espectadores escriben en el chat junto a la imagen y envían reacciones que aparecen sobre ella. El anfitrión y los moderadores que nombra tu regla fijan y eliminan mensajes, ralentizan el chat, silencian a alguien por un tiempo, y lo sacan o lo vetan. Tu servidor puede hacer lo mismo y escribir en el chat con un nombre propio.

El chat de una transmisión en directo con el menú de un moderador: fijar, eliminar, silenciar por un tiempo, sacar y vetar

Espectadores

Todos los espectadores, con sesión iniciada o no

Un enlace a la página es todo lo que necesita un espectador. Mira, escribe en el chat y reacciona, y todos ven cuántos están mirando.

Ver sin cuenta

Tu regla convierte a un visitante en espectador, así que cualquiera con el enlace puede ver la transmisión, e inicia sesión para escribir en el chat. O reserva una transmisión solo para miembros.

Una imagen para cada pantalla

Cada espectador recibe la imagen en el tamaño que admiten su pantalla y su conexión, en la web, iOS y Android, con un contador de espectadores en directo.

Invitados en el escenario

Un espectador levanta la mano, y el anfitrión lo sube al escenario con su cámara y su micrófono, para una pregunta, una entrevista o un panel.

Tu servidor decide

Unas pocas líneas en tu stack

Tu servidor dice quién presenta cada transmisión, quién la ve y quién modera el chat. La página muestra la transmisión con un elemento o con tu propio código.

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 } />;
}

Las transmisiones en directo en cada stack, con toda la configuración:

Casos de uso

Lo que se construye con transmisiones en directo

Cada uno es una app completa en la documentación, con su servidor en Node.js, PHP y Python.

Eventos en directo

Un lanzamiento, una clase, una charla o un concierto, en directo para todos los que abren la página.

Transmisiones solo para miembros

Una transmisión que solo pueden ver los miembros de un club, quienes tienen una entrada o los alumnos de un curso.

Entrevistas y preguntas en el escenario

Los espectadores levantan la mano, y el anfitrión los sube al escenario a su lado, con la disposición que elige el anfitrión.

Precios

Precio por conexiones, nunca por mensajes

Precio según las conexiones simultáneas, a partir de 1.000, con facturación mensual o anual.

Con 1.000 conexiones, las transmisiones en directo no se miden hasta 50 espectadores a la vez, y cada 1.000 conexiones más añaden 20 espectadores. Por encima, cada espectador adicional gasta un crédito por minuto, contado solo mientras la transmisión está en directo, y tu plan añade 5000 créditos al mes por cada 1.000 conexiones.

Dudas

Preguntas frecuentes

¿Necesito mi propio servidor multimedia?

No. El anfitrión envía la imagen a nuestros servidores multimedia, que la llevan a todos los que miran. OBS y otros codificadores la envían por WHIP. No tienes nada que alojar.

¿Qué stacks pueden usar el SDK de transmisión en directo?

Next.js y Express, Laravel y PHP sin framework, Django, FastAPI y Flask, React Native y Capacitor, iOS y Android, cada uno con una guía. Un servidor en cualquier otro lenguaje usa la API HTTP.

¿Se puede ver sin una cuenta?

Sí. Tu regla convierte a un visitante sin sesión iniciada en espectador, así que cualquiera con el enlace puede ver la transmisión, e inicia sesión para escribir en el chat. O reserva una transmisión solo para miembros, y un enlace que se comparta no abre nada.

¿Puedo transmitir desde OBS?

Sí. El estudio da al anfitrión una dirección y una clave para OBS o cualquier otro codificador que envíe por WHIP, y la imagen del codificador ocupa el lugar de la cámara. Una clave nueva desconecta la anterior.

¿Cuántas personas pueden ver una transmisión?

Con 1.000 conexiones, hasta 50 espectadores a la vez no gastan créditos, y cada 1.000 conexiones más añaden 20. Por encima, cada espectador adicional gasta un crédito por minuto, contado solo mientras la transmisión está en directo.

¿Quién modera el chat?

El anfitrión y cualquiera a quien tu regla haga moderador. Fijan y eliminan mensajes, ralentizan el chat, silencian a alguien desde un minuto hasta un día, y sacan a alguien de la transmisión o lo vetan. Tu servidor también puede hacerlo todo, sin ninguna página abierta.

¿Puedo crear mi propio reproductor?

Sí. El reproductor, el chat y el estudio son opcionales. Coloca cada parte donde la quiera tu página, o dibuja tú mismo la transmisión con el SDK: la imagen, los espectadores, el chat y las reacciones.

¿Puedo cobrar por ver las transmisiones?

Sí. Tu regla decide quién puede ver, así que una entrada o una membresía abre la transmisión. WordPlus Cloud le dice a tu servidor por webhook cuándo empieza y deja de mirar cada espectador con sesión iniciada, contado en sus propios servidores, para que tu app cobre por visualización o por minuto.

¿Preguntas sobre tu integración? Escríbenos: te ayudamos con los SDK, el reproductor y tu stack.