suPlay Poll als OBS-overlay gebruiken

Als je geen PowerPoint gebruikt, of als je één workflow wilt die met elke diavoorstellingstool werkt — LibreOffice Impress, OnlyOffice, Keynote, Google Slides, Canva, Prezi of een PDF-lezer op volledig scherm — kan OBS Studio een transparante suPlay Poll-overlay over je deck projecteren. Dezelfde opstelling op Windows, macOS en Linux.

Wat je nodig hebt

OBS Studio 30 of nieuwer — gratis download.
Een suPlay Poll-evenement met minstens één poll, en de bijbehorende weergavelink. Open de pagina Dia-assets van het evenement en kopieer de link onder 🖥️ Weergavescherm — die ziet eruit als https://poll.suplay.nl/event/CODE/display?dt=…. Het ?dt=-token authenticeert de feed, zodat OBS hem zonder jouw login kan laden (hij is alleen-lezen en beperkt tot dit evenement).
Een tweede scherm, of één scherm met de modus Vensterprojector (hieronder uitgelegd).

Snelste start — importeer de kant-en-klare scène

Download de vooraf gebouwde scènecollectie: suplaypoll-obs-scene.json.
In OBS: Scene Collection > Import, kies het bestand, klik op Import en schakel via hetzelfde menu over naar de nieuwe suPlay Poll-collectie.
Dubbelklik op de bron suPlay Poll Live Feed en vervang de hele URL door de link onder 🖥️ Weergavescherm die je van de pagina Dia-assets van het evenement hebt gekopieerd (de volledige …/display?dt=…-URL — het token is vereist).
Klik op OK. De scène is klaar.
Klik met de rechtermuisknop op de preview → Fullscreen Projector (Preview) op je externe scherm. Start je diavoorstelling in je favoriete presentatietool erachter.

Handmatige installatie (als je dat liever doet)

Duurt ongeveer twee minuten. Werkt identiek op elk besturingssysteem.

Open OBS. Klik in Scenes op + en noem de scène suPlay Poll Overlay.
Klik in Sources op + → Browser. Noem hem suPlay Poll Live Feed.
Plak de link onder 🖥️ Weergavescherm (op de pagina Dia-assets van het evenement) in het veld URL — de volledige URL met token, bijv.
https://poll.suplay.nl/event/YOUR_CODE/display?dt=…
Stel Width in op 1920 en Height op 1080 (of wat je uitvoerresolutie ook is).
Plak dit in Custom CSS zodat de paginaachtergrond transparant is en de overlay netjes boven op je diavoorstelling ligt:
```
body, html { background: transparent !important; margin: 0; padding: 0; }
.no-overlay { display: none !important; }
```
Laat Shutdown source when not visible aangevinkt (bespaart CPU). Klik op OK.

Het boven op je diavoorstelling zetten

OBS rendert standaard naar zijn eigen preview. Om het over je eigenlijke deck te leggen heb je drie patronen — kies er één:

A. Projector met twee schermen (aanbevolen)

Start je diavoorstelling op je externe scherm zoals je normaal zou doen.
Klik met de rechtermuisknop op de OBS-preview → Windowed Projector (Preview), sleep hem naar het externe scherm en druk op F11 voor volledig scherm. Plaats / vergroot of verklein naar wens — de transparante achtergrond laat je dia’s doorschijnen.
Het OBS-projectorvenster zweeft altijd boven de diavoorstelling omdat het een normaal venster is, geen systeemoverlay. Schakel op macOS indien nodig Window > Float on Top in via het OBS-menu.

B. Virtuele camera in Zoom / Teams / Webex

Klik in OBS op Start Virtual Camera (dock rechtsonder).
Kies in Zoom / Teams / Webex OBS Virtual Camera als je camera en deel je diavoorstellingsvenster zoals gebruikelijk. Je externe publiek ziet nu de suPlay Poll-overlay over je dia’s gelegd.
Dit is de enige aanpak die betrouwbaar werkt voor vergaderingen op afstand — systeemoverlays gaan niet mee via schermdelen.

C. Opnemen of streamen

Gebruik de gewone Record-/Stream-knoppen van OBS. De overlay wordt in de opname / RTMP-stream ingebakken. Handig voor asynchrone workshops en YouTube-/Twitch-uitzendingen.

Tips

Audio: suPlay Poll geeft geen audio af. Laat de audiomonitoring van de Browser-bron uit.
Vernieuwen bij update: als je de zichtbaarheid van een poll of de resultaten tijdens het evenement wijzigt, pikt OBS dat automatisch op via Socket.io. Geen vernieuwing nodig.
Chroma key: niet nodig — de bovenstaande Custom CSS maakt de achtergrond al transparant.
Resolutie: stem de resolutie van de Browser-bron af op je uitvoercanvas (Settings > Video > Base Resolution) om wazig schalen te voorkomen.
CPU: één Browser-bron kost ongeveer evenveel als één Chrome-tabblad. Op een Intel i5 uit 2018 is de overhead minder dan 5%.

Problemen oplossen

Lege / zwarte overlay: de weergave-URL wordt alleen weergegeven wanneer het evenement LIVE of CLOSED is. Als het evenement nog DRAFT is, activeer dan minstens één poll en probeer het opnieuw. Test de URL altijd eerst in een gewone browser.
Overlay toont een inlogprompt of een banner “ontvangt geen live-updates”: de kale /event/CODE/display-URL heeft een eigenaarssessie nodig, die OBS niet kan meedragen. Gebruik in plaats daarvan de …/display?dt=…-link met token die je van Dia-assets → 🖥️ Weergavescherm van het evenement hebt gekopieerd — het token authenticeert de feed. (Verloopt de link, open Dia-assets dan opnieuw: daar staat bij elke keer openen een nieuwe link.)
Overlay komt niet boven de schermvullende PowerPoint-diavoorstelling op Windows: de diavoorstelling van PowerPoint gebruikt een bovenliggend venster. Gebruik de Windowed Projector van OBS met een tweede monitor, of presenteer in de modus Slide Show > Set Up > Browsed by an individual (window) — die laatste laat normale vensters eroverheen leggen.
Toestemming voor schermopname op macOS: als het projectorvenster niet bovenaan verschijnt, geef OBS dan Screen Recording-toestemming in Systeeminstellingen > Privacy en beveiliging.