Aller au contenu principal

Streaming en direct avec OBS

Streamez dans votre langue pendant que vos spectateurs lisent des sous-titres traduits directement sur la vidéo. L'application web de Whisperr transcrit et traduit vos commentaires en temps réel, et une page d'overlay transparente affiche les sous-titres dans OBS via une Browser Source (source navigateur) — sans plugin, sans téléchargement, sans toucher à l'encodeur GPU. L'overlay affiche aussi un petit QR code dans le coin : les spectateurs qui préfèrent une autre langue peuvent le scanner et suivre sur leur téléphone dans n'importe quelle langue prise en charge par Whisperr.

Comment ça marche

  1. Démarrez une diffusion dans l'application web Whisperr avec le lien de partage activé — cela crée une salle en direct pour votre session
  2. Générez votre URL d'overlay et ajoutez-la dans OBS comme Browser Source — les sous-titres traduits apparaissent sur votre stream au fil de vos paroles
  3. Les spectateurs scannent le QR code dans le coin pour ouvrir la salle sur leur téléphone et choisir leur propre langue

Ce qu'il vous faut

  • Un compte Whisperr, connecté à l'application web dans Chrome
  • OBS Studio (ou tout logiciel de streaming disposant d'une Browser Source, comme Streamlabs)
  • Votre installation de stream habituelle — Twitch, YouTube Live, Kick, ou toute autre plateforme vers laquelle OBS peut diffuser

Étape 1 — Démarrer une diffusion avec le lien de partage

Ouvrez l'application web et lancez un nouvel enregistrement :

  1. Choisissez votre langue parlée et la langue de traduction à incruster dans le stream
  2. Choisissez une source audio — Audio du micro pour les commentaires, ou Micro + Écran si vous voulez aussi transcrire le son du jeu ou d'un onglet
  3. Activez le lien de partage, puis lancez l'enregistrement
Whisperr Web App recording controls showing language selection, audio source options, and the Share Link toggle

Dès que l'enregistrement démarre, un panneau de partage apparaît avec deux onglets : Salle (le lien et le QR code permettant à vos auditeurs de rejoindre directement) et OBS (le lien de configuration de l'overlay pour votre stream).

Share panel with Room and OBS tabs, showing the listener room link with copy and QR code buttons

Étape 2 — Ouvrir la page de configuration de l'overlay

Dans le panneau de partage, cliquez sur l'onglet OBS, puis sur l'icône d'ouverture à côté du lien de configuration — les deux sont encadrés en rouge ci-dessous :

Share panel OBS tab with red boxes highlighting the OBS tab and the open button next to the overlay setup link

Le lien de configuration de l'overlay ressemble à ceci :

https://whisperr.co/app/overlay/<your-room-id>/choose

La page de configuration vous laisse choisir ce que les sous-titres affichent à l'écran, sans modifier l'URL à la main :

Whisperr OBS overlay setup page with options for translation, transcription, or both, and how many caption lines to show

Étape 3 — Choisir ce que voient les spectateurs et générer l'URL

  • Traduction — uniquement les sous-titres traduits (le choix habituel)
  • Transcription — uniquement vos paroles d'origine, en sous-titrage en direct
  • Les deux — votre phrase d'origine avec la traduction en dessous, comme des sous-titres bilingues

Choisissez combien de lignes de sous-titres restent à l'écran en même temps, appuyez sur Générer, puis copiez l'URL :

Generated OBS Browser Source URL ready to copy, with Both mode and 3 lines selected
remarque

Collez dans OBS l'URL générée — pas l'URL de la page de configuration elle-même. La page de configuration est un écran de réglage : l'ajouter dans OBS afficherait la carte de configuration sur votre stream.

Étape 4 — L'ajouter dans OBS comme Browser Source

Dans OBS :

  1. Dans Sources, cliquez sur + et choisissez Navigateur
  2. Collez l'URL générée dans le champ URL
  3. Réglez Largeur et Hauteur sur les dimensions de votre canevas — typiquement 1920 × 1080
  4. Cliquez sur OK, puis placez la source au-dessus de vos calques de jeu ou de caméra
OBS Browser Source properties dialog with the Whisperr overlay URL pasted in

L'arrière-plan de l'overlay est entièrement transparent — quand personne ne parle, la source est invisible. Pendant la première minute après le chargement, une ligne d'état discrète s'affiche (« Whisperr overlay connected — waiting for captions… », c'est-à-dire overlay Whisperr connecté, en attente de sous-titres) pour confirmer que tout fonctionne pendant vos réglages ; elle disparaît dès l'arrivée du premier sous-titre et ne réapparaît jamais en cours de stream.

Étape 5 — Passer en direct

Parlez normalement. Les sous-titres apparaissent sur votre stream en temps réel — la partie de la phrase en cours s'affiche légèrement atténuée et se fixe une fois la transcription confirmée, et les lignes terminées s'estompent quelques secondes après que vous avez fini de parler.

A live stream with Japanese speech and English translated subtitles overlaid at the bottom, and a scannable room QR code in the corner

Le QR code dans le coin

Les sous-titres incrustés touchent tout le monde, mais dans une seule langue. Le QR code dans le coin ouvre votre salle en direct sur le téléphone du spectateur, où il choisit sa propre langue et peut même écouter avec la synthèse vocale. Il est activé par défaut avec la légende « Scan to read in your language » (scannez pour lire dans votre langue) — personnalisez-le avec les paramètres d'URL ci-dessous (par exemple, ?qrlabel= avec votre propre formulation dans la langue de votre audience, ou ?qr=0 pour le retirer).

Personnaliser l'overlay

Chaque option est un paramètre d'URL, puisqu'on ne peut pas cliquer dans une source navigateur OBS. Ajoutez-les à l'URL générée avec & :

ParamètrePar défautEffet
modetranslationtranslation (traduction), transcription ou both (les deux)
lines2Lignes de sous-titres visibles en même temps (1–6)
size42Taille de police en px (12–120)
colorffffffCouleur du texte — hexadécimal sans #, ou un nom de couleur CSS
bg0Opacité du fond derrière chaque ligne, 0–1 (0 = ombre du texte seulement)
hold8Secondes pendant lesquelles une ligne terminée reste à l'écran (1–60)
alignbottomAncre les sous-titres en bas (bottom) ou en haut (top)
lang(all)N'affiche que les traductions d'une langue cible, ex. lang=es
qronqr=0 masque le QR code du coin
qrsize132Taille du QR code en px (64–400)
qrposbrCoin du QR code : br, bl, tr ou tl
qrlabelScan to read in your languageLégende sous le QR code ; qrlabel= (vide) affiche le code seul

Par exemple, des sous-titres jaunes plus grands en haut de l'écran, sans QR code :

https://whisperr.co/app/overlay/<room-id>?size=56&color=ffcc00&align=top&qr=0

Astuces et dépannage

  • La source n'affiche rien dans OBS — faites un clic droit sur la Browser Source et choisissez Actualiser le cache de la page actuelle. Si la ligne d'état affiche « connecting… » (connexion en cours) sans jamais se connecter, vérifiez votre réseau ; si elle affiche « waiting for captions » (en attente de sous-titres), l'overlay est en bonne santé et votre session Whisperr n'envoie simplement pas encore de parole.
  • Chaque stream est une nouvelle salle — chaque session d'enregistrement reçoit un nouvel identifiant de salle : générez donc une nouvelle URL d'overlay quand vous démarrez une nouvelle diffusion, ou gardez la même session Whisperr active pendant tout le stream.
  • Les sessions du plan gratuit sont limitées à 2 minutes — pour un vrai stream, il vous faudra un plan supérieur afin que la session dure aussi longtemps que votre direct.
  • Vous traduisez vers plusieurs langues ? Incrustez une seule langue dans le stream avec lang=, et laissez tous les autres utiliser le QR code — c'est exactement à ça qu'il sert.