suPlayPurchasing GameMinigamesPollSSA
suPlayPoll

Usare suPlay Poll come overlay OBS

Se non usi PowerPoint, o vuoi un unico flusso di lavoro valido per ogni strumento di presentazione — LibreOffice Impress, OnlyOffice, Keynote, Google Slides, Canva, Prezi o un lettore PDF a schermo intero — OBS Studio può proiettare un overlay trasparente di suPlay Poll sopra il tuo deck. Stessa configurazione su Windows, macOS e Linux.

Cosa ti serve

  • OBS Studio 30 o più recente — download gratuito.
  • Un evento suPlay Poll con almeno un sondaggio, e il suo link di visualizzazione. Apri la pagina Risorse per le diapositive dell’evento e copia il link sotto 🖥️ Schermo condiviso — ha un aspetto simile a https://poll.suplay.nl/event/CODE/display?dt=…. Il token ?dt= autentica il feed così OBS può caricarlo senza il tuo accesso (è di sola lettura e limitato a questo evento).
  • Un secondo schermo, oppure un unico schermo con la modalità Windowed-Projector (spiegata sotto).

Avvio più rapido — importa la scena già pronta

  1. Scarica la raccolta di scene già pronta: suplaypoll-obs-scene.json.
  2. In OBS: Scene Collection > Import, scegli il file, clicca Import, poi passa alla nuova raccolta suPlay Poll dallo stesso menu.
  3. Fai doppio clic sulla sorgente suPlay Poll Live Feed e sostituisci l’intero URL con il link 🖥️ Schermo condiviso copiato dalla pagina Risorse per le diapositive dell’evento (l’URL completo …/display?dt=… — il token è obbligatorio).
  4. Clicca OK. La scena è pronta.
  5. Clic destro sull’anteprima → Fullscreen Projector (Preview) sul tuo schermo esterno. Avvia la presentazione nel tuo strumento preferito dietro di essa.

Configurazione manuale (se preferisci)

Richiede circa due minuti. Funziona in modo identico su ogni sistema operativo.

  1. Apri OBS. In Scenes, clicca + e chiama la scena suPlay Poll Overlay.
  2. In Sources, clicca + → Browser. Chiamala suPlay Poll Live Feed.
  3. Incolla il link 🖥️ Schermo condiviso dalla pagina Risorse per le diapositive dell’evento nel campo URL — l’URL completo con token, ad es.
    https://poll.suplay.nl/event/YOUR_CODE/display?dt=…
  4. Imposta Width 1920 e Height 1080 (o la risoluzione del tuo output).
  5. Incolla questo in Custom CSS così lo sfondo della pagina è trasparente e l’overlay si posiziona in modo pulito sopra la tua presentazione:
    body, html { background: transparent !important; margin: 0; padding: 0; }
    .no-overlay { display: none !important; }
  6. Lascia selezionato Shutdown source when not visible (risparmia CPU). Clicca OK.

Posizionarlo sopra la tua presentazione

Per impostazione predefinita OBS esegue il rendering nella propria anteprima. Per sovrapporlo al tuo deck reale hai tre approcci — scegline uno:

A. Proiettore a doppio schermo (consigliato)

  1. Avvia la presentazione sul tuo schermo esterno come faresti normalmente.
  2. Clic destro sull’anteprima OBS → Windowed Projector (Preview), trascinala sullo schermo esterno, premi F11 per passare a schermo intero. Posiziona / ridimensiona a piacere — lo sfondo trasparente lascia intravedere le tue diapositive.
  3. La finestra del proiettore OBS resta sempre sopra la presentazione perché è una finestra normale, non un overlay di sistema. Su macOS, se necessario, attiva Window > Float on Top dal menu di OBS.

B. Fotocamera virtuale in Zoom / Teams / Webex

  1. In OBS, clicca Start Virtual Camera (dock in basso a destra).
  2. In Zoom / Teams / Webex, scegli OBS Virtual Camera come fotocamera e condividi la finestra della presentazione come al solito. Il tuo pubblico remoto vede ora l’overlay di suPlay Poll composto sulle tue diapositive.
  3. Questo è l’unico approccio che funziona in modo affidabile per le riunioni da remoto — gli overlay di sistema non attraversano la condivisione dello schermo.

C. Registra o trasmetti in streaming

Usa i normali pulsanti Record / Stream di OBS. L’overlay viene incorporato nella registrazione / nello stream RTMP. Utile per workshop asincroni e trasmissioni YouTube / Twitch.

Suggerimenti

  • Audio: suPlay Poll non emette audio. Lascia disattivato il monitoraggio audio della sorgente Browser.
  • Aggiornamento automatico: se cambi la visibilità del sondaggio o dei risultati a evento in corso, OBS lo rileva automaticamente tramite Socket.io. Non serve alcun aggiornamento manuale.
  • Chroma key: non serve — il Custom CSS sopra rende già trasparente lo sfondo.
  • Risoluzione: fai corrispondere la risoluzione della sorgente Browser al tuo canvas di output (Settings > Video > Base Resolution) per evitare uno scaling sfocato.
  • CPU: una sorgente Browser costa all’incirca quanto costa una scheda di Chrome. Su un Intel i5 del 2018 l’overhead è inferiore al 5%.

Risoluzione dei problemi

  • Overlay vuoto / nero: l’URL di visualizzazione viene renderizzato solo quando l’evento è LIVE o CLOSED. Se l’evento è ancora in DRAFT, attiva almeno un sondaggio e riprova. Testa sempre prima l’URL in un browser normale.
  • L’overlay mostra una richiesta di accesso o un banner “non riceve aggiornamenti in tempo reale”: l’URL nudo /event/CODE/display richiede una sessione del proprietario, che OBS non può trasportare. Usa invece il link con token …/display?dt=… copiato da Risorse per le diapositive → 🖥️ Schermo condiviso dell’evento — il token autentica il feed. (Se il link scade, riapri Risorse per le diapositive: a ogni apertura mostra un link nuovo.)
  • L’overlay non passa sopra la presentazione a schermo intero di PowerPoint su Windows: la presentazione di PowerPoint usa una finestra sempre in primo piano. Usa il Windowed Projector di OBS con un secondo monitor, oppure presenta in modalità Slide Show > Set Up > Browsed by an individual (window) — quest’ultima consente alle finestre normali di sovrapporsi.
  • Permesso di registrazione schermo su macOS: se la finestra del proiettore non appare in primo piano, concedi a OBS il permesso Screen Recording in Impostazioni di Sistema > Privacy e sicurezza.