Pour les applications

Diffusion en direct pour votre application

Une API et un SDK de diffusion en direct pour Next.js, Laravel, Django et tout autre stack. Un hôte passe en direct depuis le navigateur, un téléphone ou OBS, nos serveurs multimédias portent l’image jusqu’à tous ceux qui regardent, et le lecteur avec son chat est prêt à l’emploi : vous n’avez aucun serveur multimédia à faire tourner.

Une diffusion en direct telle que ses spectateurs la voient : l’hôte face caméra, des réactions sur l’image et le chat à côté

Hôtes et modérateurs

Passez en direct depuis le navigateur, un téléphone ou OBS

Le studio et le chat sont fournis avec le lecteur, pour l’hôte et les modérateurs que désigne votre règle.

La caméra, un écran ou OBS

L’hôte voit l’image avant de passer en direct, puis lance la diffusion d’un clic et la termine pour tout le monde. Il diffuse depuis la caméra et le micro du navigateur ou d’un téléphone, partage un écran, ou envoie l’image depuis OBS ou tout autre encodeur via WHIP.

Le studio d’une diffusion avant le passage en direct : l’image venue d’OBS, connectée, et le bouton Passer en direct

Un chat qui reste bien tenu

Les spectateurs écrivent dans le chat à côté de l’image et envoient des réactions par-dessus. L’hôte et les modérateurs que désigne votre règle épinglent et suppriment des messages, ralentissent le chat, rendent quelqu’un muet un moment, le retirent ou le bannissent. Votre serveur peut faire de même, et écrire dans le chat sous un nom qui lui est propre.

Le chat d’une diffusion en direct avec le menu d’un modérateur : épingler, supprimer, rendre muet un moment, retirer et bannir

Spectateurs

Tous ceux qui regardent, connectés ou non

Un lien vers la page suffit à un spectateur. Il regarde, écrit dans le chat et réagit, et chacun voit combien de personnes regardent.

Aucun compte pour regarder

Votre règle fait d’un visiteur un spectateur : toute personne qui a le lien regarde, et se connecte pour écrire dans le chat. Ou réservez une diffusion aux membres.

Une image pour chaque écran

Chaque spectateur reçoit l’image dans la taille que permettent son écran et sa connexion, sur le web, iOS et Android, avec le nombre de spectateurs en direct.

Des invités sur scène

Un spectateur lève la main, et l’hôte le fait monter sur scène avec sa caméra et son micro, pour une question, une interview ou une table ronde.

Votre serveur décide

Quelques lignes dans votre stack

Votre serveur dit qui anime chaque diffusion, qui regarde et qui modère le chat. La page affiche la diffusion avec un seul élément, ou avec votre propre code.

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

Les diffusions en direct dans chaque stack, avec toute la mise en place :

Cas d’usage

Ce que l’on construit avec les diffusions en direct

Chacun est une application complète dans la documentation, avec son serveur en Node.js, PHP et Python.

Événements en direct

Un lancement, un cours, une conférence ou un concert, en direct pour tous ceux qui ouvrent la page.

Diffusions réservées aux membres

Une diffusion que seuls les membres d’un club, les détenteurs d’un billet ou les élèves d’un cours peuvent regarder.

Interviews et questions sur scène

Les spectateurs lèvent la main, et l’hôte les fait monter sur scène à ses côtés, dans la disposition qu’il choisit.

Tarifs

Un prix selon les connexions, jamais selon les messages

Un prix selon les connexions simultanées, à partir de 1 000, facturé au mois ou à l’année.

Avec 1 000 connexions, les diffusions en direct ne sont pas décomptées jusqu’à 50 spectateurs à la fois, et chaque tranche de 1 000 connexions en plus ajoute 20 spectateurs. Au-delà, chaque spectateur de plus prend un crédit par minute, compté seulement pendant que la diffusion est en direct, et votre formule ajoute 5 000 crédits par mois pour 1 000 connexions.

Questions

Questions fréquentes

Ai-je besoin de mon propre serveur multimédia ?

Non. L’hôte envoie l’image à nos serveurs multimédias, qui la portent jusqu’à tous ceux qui regardent. OBS et les autres encodeurs l’envoient via WHIP. Vous n’avez rien à héberger.

Quels stacks peuvent utiliser le SDK de diffusion en direct ?

Next.js et Express, Laravel et PHP sans framework, Django, FastAPI et Flask, React Native et Capacitor, iOS et Android, chacun avec un guide. Un serveur dans un autre langage utilise l’API HTTP.

Peut-on regarder sans compte ?

Oui. Votre règle fait d’un visiteur non connecté un spectateur : toute personne qui a le lien regarde, et se connecte pour écrire dans le chat. Ou réservez une diffusion aux membres, et un lien qui circule n’ouvre rien.

Puis-je diffuser depuis OBS ?

Oui. Le studio donne à l’hôte une adresse et une clé pour OBS ou tout autre encodeur qui envoie via WHIP, et l’image de l’encodeur prend la place de la caméra. Une nouvelle clé désactive l’ancienne.

Combien de personnes peuvent regarder ?

Avec 1 000 connexions, jusqu’à 50 spectateurs à la fois ne prennent aucun crédit, et chaque tranche de 1 000 connexions en plus en ajoute 20. Au-delà, chaque spectateur de plus prend un crédit par minute, compté seulement pendant que la diffusion est en direct.

Qui modère le chat ?

L’hôte, et toute personne dont votre règle fait un modérateur. Ils épinglent et suppriment des messages, ralentissent le chat, rendent quelqu’un muet d’une minute à une journée, et retirent quelqu’un de la diffusion ou l’en bannissent. Votre serveur peut tout faire aussi, sans aucune page ouverte.

Puis-je construire mon propre lecteur ?

Oui. Le lecteur, le chat et le studio sont facultatifs. Placez chaque partie là où votre page en a besoin, ou affichez vous-même la diffusion avec le SDK : l’image, les spectateurs, le chat et les réactions.

Puis-je facturer le visionnage ?

Oui. Votre règle décide qui peut regarder, si bien qu’un billet ou une adhésion ouvre la diffusion. WordPlus Cloud indique à votre serveur par webhook quand chaque spectateur connecté commence et arrête de regarder, compté sur ses propres serveurs, pour que votre application facture à la vue ou à la minute.

Des questions sur votre intégration ? Écrivez-nous : nous vous aidons avec les SDK, le lecteur et votre stack.