suPlayPurchasing GameMinigamesPollSSA
suPlayPoll

Korzystanie z suPlay Poll jako nakładki OBS

Jeśli nie używasz PowerPoint albo chcesz mieć jeden sposób pracy działający z każdym narzędziem do pokazów slajdów — LibreOffice Impress, OnlyOffice, Keynote, Google Slides, Canva, Prezi lub czytnikiem PDF w trybie pełnoekranowym — OBS Studio może wyświetlić przezroczystą nakładkę suPlay Poll nad Twoją prezentacją. Ta sama konfiguracja na Windows, macOS i Linuksie.

Czego będziesz potrzebować

  • OBS Studio 30 lub nowszy — bezpłatne pobieranie.
  • Wydarzenia suPlay Poll z co najmniej jednym sondażem oraz jego linku wyświetlacza. Otwórz stronę Zasoby slajdów wydarzenia i skopiuj link z karty 🖥️ Ekran wyświetlacza — wygląda tak: https://poll.suplay.nl/event/CODE/display?dt=…. Token ?dt= uwierzytelnia transmisję, dzięki czemu OBS może ją wczytać bez Twojego logowania (jest tylko do odczytu i ograniczona do tego wydarzenia).
  • Drugiego ekranu albo pojedynczego ekranu w trybie rzutnika w oknie (wyjaśnionym poniżej).

Najszybszy start — zaimportuj gotową scenę

  1. Pobierz gotowy zestaw scen: suplaypoll-obs-scene.json.
  2. W OBS: Scene Collection > Import, wybierz plik, kliknij Import, a następnie przełącz się na nowy zestaw suPlay Poll z tego samego menu.
  3. Kliknij dwukrotnie źródło suPlay Poll Live Feed i zastąp cały URL linkiem z karty 🖥️ Ekran wyświetlacza skopiowanym ze strony Zasoby slajdów wydarzenia (pełny adres …/display?dt=… — token jest wymagany).
  4. Kliknij OK. Scena jest gotowa.
  5. Kliknij podgląd prawym przyciskiem myszy → Fullscreen Projector (Preview) na zewnętrznym ekranie. Uruchom za nim pokaz slajdów w ulubionym narzędziu do prezentacji.

Konfiguracja ręczna (jeśli wolisz)

Zajmuje około dwóch minut. Działa identycznie na każdym systemie operacyjnym.

  1. Otwórz OBS. W Scenes kliknij + i nazwij scenę suPlay Poll Overlay.
  2. W Sources kliknij + → Browser. Nazwij ją suPlay Poll Live Feed.
  3. Wklej link z karty 🖥️ Ekran wyświetlacza ze strony Zasoby slajdów wydarzenia w pole URL — pełny adres z tokenem, np.
    https://poll.suplay.nl/event/YOUR_CODE/display?dt=…
  4. Ustaw Width na 1920 i Height na 1080 (albo taką rozdzielczość wyjściową, jaką masz).
  5. Wklej to w Custom CSS, aby tło strony było przezroczyste, a nakładka leżała czysto nad pokazem slajdów:
    body, html { background: transparent !important; margin: 0; padding: 0; }
.no-overlay { display: none !important; }
  6. Zostaw zaznaczone Shutdown source when not visible (oszczędza CPU). Kliknij OK.

Umieszczanie nakładki nad pokazem slajdów

OBS domyślnie renderuje do własnego podglądu. Aby nałożyć ją na Twoją prawdziwą prezentację, masz trzy sposoby — wybierz jeden:

A. Rzutnik na dwóch ekranach (zalecane)

  1. Uruchom pokaz slajdów na zewnętrznym ekranie tak jak zwykle.
  2. Kliknij podgląd OBS prawym przyciskiem myszy → Windowed Projector (Preview), przeciągnij go na zewnętrzny ekran, naciśnij F11, aby przejść na pełny ekran. Ustaw pozycję i rozmiar według uznania — przezroczyste tło pozwala prześwitywać slajdom.
  3. Okno rzutnika OBS zawsze unosi się nad pokazem slajdów, ponieważ jest zwykłym oknem, a nie nakładką systemową. Na macOS w razie potrzeby włącz Window > Float on Top w menu OBS.

B. Wirtualna kamera w Zoom / Teams / Webex

  1. W OBS kliknij Start Virtual Camera (dok w prawym dolnym rogu).
  2. W Zoom / Teams / Webex wybierz OBS Virtual Camera jako kamerę i udostępnij okno pokazu slajdów tak jak zwykle. Publiczność zdalna widzi teraz nakładkę suPlay Poll złożoną z Twoimi slajdami.
  3. To jedyny sposób, który działa niezawodnie w spotkaniach zdalnych — nakładki systemowe nie przenoszą się przez udostępnianie ekranu.

C. Nagrywanie lub transmisja

Użyj zwykłych przycisków Record / Stream w OBS. Nakładka jest wypalona w nagraniu lub transmisji RTMP. Przydatne do warsztatów asynchronicznych i transmisji YouTube / Twitch.

Wskazówki

  • Dźwięk: suPlay Poll nie emituje dźwięku. Zostaw wyłączone monitorowanie audio źródła Browser.
  • Odświeżanie przy aktualizacji: jeśli zmienisz widoczność sondażu lub wyniki w trakcie wydarzenia, OBS przechwyci to automatycznie przez Socket.io. Odświeżanie nie jest potrzebne.
  • Chroma key: niepotrzebny — powyższy Custom CSS już czyni tło przezroczystym.
  • Rozdzielczość: dopasuj rozdzielczość źródła Browser do swojego płótna wyjściowego (Settings > Video > Base Resolution), aby uniknąć rozmytego skalowania.
  • CPU: jedno źródło Browser kosztuje mniej więcej tyle, co jedna karta Chrome. Na Intel i5 z 2018 roku obciążenie jest poniżej 5%.

Rozwiązywanie problemów

  • Pusta / czarna nakładka: URL wyświetlacza renderuje się tylko wtedy, gdy wydarzenie ma status LIVE lub CLOSED. Jeśli wydarzenie jest wciąż DRAFT, aktywuj co najmniej jeden sondaż i spróbuj ponownie. Zawsze najpierw przetestuj URL w zwykłej przeglądarce.
  • Nakładka pokazuje monit o logowanie albo baner „nie odbiera aktualizacji na żywo”: goły URL /event/CODE/display wymaga sesji właściciela, której OBS nie może przenieść. Użyj zamiast tego linku z tokenem …/display?dt=… skopiowanego z Zasoby slajdów → 🖥️ Ekran wyświetlacza wydarzenia — token uwierzytelnia transmisję. (Gdy link wygaśnie, otwórz ponownie stronę Zasoby slajdów: przy każdym otwarciu pokazuje nowy link.)
  • Nakładka nie chce się pokazać nad pełnoekranowym pokazem slajdów PowerPoint na Windows: pokaz slajdów PowerPoint używa okna zawsze na wierzchu. Użyj Windowed Projector OBS na drugim monitorze albo prezentuj w trybie Slide Show > Set Up > Browsed by an individual (window) — ten drugi pozwala zwykłym oknom nakładać się na niego.
  • Uprawnienie do nagrywania ekranu na macOS: jeśli okno rzutnika nie pojawia się na wierzchu, przyznaj OBS uprawnienie Screen Recording w Ustawieniach systemowych > Prywatność i bezpieczeństwo.