Utiliser suPlay Poll comme overlay OBS

Si vous n’utilisez pas PowerPoint, ou si vous voulez un flux de travail unique qui fonctionne avec tous les outils de diaporama — LibreOffice Impress, OnlyOffice, Keynote, Google Slides, Canva, Prezi ou un lecteur PDF en plein écran — OBS Studio peut projeter un overlay suPlay Poll transparent par-dessus votre deck. Même configuration sous Windows, macOS et Linux.

Ce dont vous aurez besoin

OBS Studio 30 ou plus récent — téléchargement gratuit.
Un événement suPlay Poll avec au moins un sondage, et son lien d’affichage. Ouvrez la page Ressources de diapositives de l’événement et copiez le lien sous 🖥️ Écran d’affichage — il ressemble à https://poll.suplay.nl/event/CODE/display?dt=…. Le jeton ?dt= authentifie le flux pour qu’OBS puisse le charger sans votre connexion (il est en lecture seule et limité à cet événement).
Un deuxième écran, ou un seul écran avec le mode Projecteur fenêtré (expliqué ci-dessous).

Démarrage le plus rapide — importer la scène prête à l’emploi

Téléchargez la collection de scènes préconçue : suplaypoll-obs-scene.json.
Dans OBS : Scene Collection > Import, choisissez le fichier, cliquez sur Import, puis basculez vers la nouvelle collection suPlay Poll depuis le même menu.
Double-cliquez sur la source suPlay Poll Live Feed et remplacez toute l’URL par le lien 🖥️ Écran d’affichage que vous avez copié depuis la page Ressources de diapositives de l’événement (l’URL complète …/display?dt=… — le jeton est requis).
Cliquez sur OK. La scène est prête.
Faites un clic droit sur l’aperçu → Fullscreen Projector (Preview) sur votre écran externe. Lancez votre diaporama dans votre outil de présentation préféré derrière.

Configuration manuelle (si vous préférez)

Prend environ deux minutes. Fonctionne à l’identique sur tous les systèmes d’exploitation.

Ouvrez OBS. Dans Scenes, cliquez sur + et nommez la scène suPlay Poll Overlay.
Dans Sources, cliquez sur + → Browser. Nommez-la suPlay Poll Live Feed.
Collez le lien 🖥️ Écran d’affichage de la page Ressources de diapositives de l’événement dans le champ URL — l’URL complète avec jeton, par ex.
https://poll.suplay.nl/event/YOUR_CODE/display?dt=…
Définissez Width sur 1920 et Height sur 1080 (ou quelle que soit votre résolution de sortie).
Collez ceci dans Custom CSS pour que l’arrière-plan de la page soit transparent et que l’overlay se pose proprement par-dessus votre diaporama :
```
body, html { background: transparent !important; margin: 0; padding: 0; }
.no-overlay { display: none !important; }
```
Laissez Shutdown source when not visible coché (économise le CPU). Cliquez sur OK.

Le placer par-dessus votre diaporama

Par défaut, OBS effectue le rendu dans son propre aperçu. Pour le superposer à votre deck réel, vous avez trois approches — choisissez-en une :

A. Projecteur à deux écrans (recommandé)

Lancez votre diaporama sur votre écran externe comme vous le feriez normalement.
Faites un clic droit sur l’aperçu OBS → Windowed Projector (Preview), faites-le glisser sur l’écran externe, appuyez sur F11 pour passer en plein écran. Positionnez / redimensionnez à votre guise — l’arrière-plan transparent laisse vos diapositives transparaître.
La fenêtre du projecteur OBS flotte toujours au-dessus du diaporama car c’est une fenêtre normale, pas un overlay système. Sous macOS, activez Window > Float on Top dans le menu OBS si nécessaire.

B. Caméra virtuelle dans Zoom / Teams / Webex

Dans OBS, cliquez sur Start Virtual Camera (dock en bas à droite).
Dans Zoom / Teams / Webex, choisissez OBS Virtual Camera comme caméra et partagez votre fenêtre de diaporama comme d’habitude. Votre public distant voit désormais l’overlay suPlay Poll composé sur vos diapositives.
C’est la seule approche qui fonctionne de manière fiable pour les réunions à distance — les overlays système ne passent pas par le partage d’écran.

C. Enregistrer ou diffuser

Utilisez les boutons Enregistrer / Diffuser habituels d’OBS. L’overlay est intégré à l’enregistrement / au flux RTMP. Pratique pour les ateliers asynchrones et les diffusions YouTube / Twitch.

Conseils

Audio : suPlay Poll n’émet pas de son. Laissez le monitoring audio de la source Browser désactivé.
Actualisation à la mise à jour : si vous modifiez la visibilité d’un sondage ou les résultats en cours d’événement, OBS le détecte automatiquement via Socket.io. Aucune actualisation nécessaire.
Incrustation chroma : inutile — le Custom CSS ci-dessus rend déjà l’arrière-plan transparent.
Résolution : faites correspondre la résolution de la source Browser à votre canevas de sortie (Settings > Video > Base Resolution) pour éviter une mise à l’échelle floue.
CPU : une source Browser coûte à peu près autant qu’un onglet Chrome. Sur un Intel i5 de 2018, le surcoût est inférieur à 5%.

Dépannage

Overlay vide / noir : l’URL d’affichage ne s’affiche que lorsque l’événement est LIVE ou CLOSED. Si l’événement est encore DRAFT, activez au moins un sondage et réessayez. Testez toujours l’URL dans un navigateur normal d’abord.
L’overlay affiche une invite de connexion ou une bannière « ne reçoit pas les mises à jour en direct » : l’URL nue /event/CODE/display nécessite une session propriétaire, qu’OBS ne peut pas transporter. Utilisez plutôt le lien …/display?dt=… avec jeton copié depuis Ressources de diapositives → 🖥️ Écran d’affichage de l’événement — le jeton authentifie le flux. (Si le lien a expiré, rouvrez Ressources de diapositives : un nouveau lien y apparaît à chaque ouverture.)
L’overlay ne passe pas au-dessus du diaporama PowerPoint plein écran sous Windows : le diaporama de PowerPoint utilise une fenêtre toujours au premier plan. Utilisez le Windowed Projector d’OBS avec un deuxième moniteur, ou présentez en mode Slide Show > Set Up > Browsed by an individual (window) — ce dernier permet aux fenêtres normales de se superposer.
Autorisation d’enregistrement d’écran macOS : si la fenêtre du projecteur n’apparaît pas au premier plan, accordez à OBS l’autorisation Screen Recording dans Réglages Système > Confidentialité et sécurité.