Stream overlays gratis gebruiken met OBS: stap-voor-stap

OBS Studio is de gratis standaard voor live-streamen. Het zit prima in elkaar, het is open source en het draait stabiel op Windows, macOS en Linux. Wat het niet kan: zelf donatie-alerts of een donatiedoel laten zien. Daar heb je een overlay-platform voor nodig, en in deze gids leggen we uit hoe je die overlays netjes in OBS hangt.

Het concept: browserbron

OBS heeft een ingebouwd type bron met de naam Browser. Daarmee laadt OBS een webpagina als een laag in je scène, met transparante achtergrond. Onze overlay-pagina's zijn precies dat: een mini-webpagina die luistert naar binnenkomende donaties en events, en die alleen iets toont op het moment dat er iets gebeurt.

Voordeel: geen extra programma, geen aparte download, geen watermark. Je plakt een URL en klaar.

Stap 1: vind je overlay-URL's

Maak eerst een DonoLink-account aan en kies een gebruikersnaam. Ga vervolgens naar het dashboard, klik op Overlays in de zijbalk en je ziet de zes overlay-soorten:

• Alerts: animatie + geluid bij elke donatie
• Donatiedoel: balk met je doel en huidige stand
• Recente donaties: lijst van de laatste vijf
• Chat: je Twitch-chat in een aanpasbare doos
• Media: YouTube-fragmenten die kijkers aanvragen
• Leaderboard: top-donateurs van de dag/week/maand

Per soort heb je een unieke URL met je gebruikersnaam erin. Bijvoorbeeld voor alerts:https://donolink.nl/overlay/jouwnaam/alerts.

Stap 2: voeg een browserbron toe in OBS

1. Open OBS Studio.
2. Selecteer onderin de scène waar je de overlay wilt hebben (de meeste streamers maken hiervoor een aparte Overlay-scène die ze als bron in al hun andere scènes nesten).
3. Klik in het Bronnen-paneel op het plusje en kies Browser.
4. Geef de bron een naam (bijvoorbeeld DonoLink Alerts) en klik op OK.
5. Plak de URL in het URL-veld.
6. Zet de breedte op 1920 en de hoogte op 1080 voor de alerts en de chat. Voor de doel-overlay is 600 breed en 200 hoog voldoende; voor recente donaties 400 breed en 600 hoog.
7. Zet Bron afsluiten als niet zichtbaar uit. Anders mist je overlay donaties die binnenkomen terwijl je tijdelijk van scène wisselt.
8. Vink Pagina vernieuwen wanneer scène actief wordt aan. Dat zorgt dat de overlay altijd vers laadt als je aan je stream begint.
9. Klik op OK.

Sleep de bron op de juiste plek in je layout. Voor alerts is dat meestal centraal-bovenin; voor het doel rechtsboven of onderin de webcam-balk.

Stap 3: test de alert

Ga in het dashboard naar Overlays en open de alert-tab. Daar zit een testknop die een mock-donatie naar je overlay stuurt. Activeer hem en kijk of de animatie en het geluid in OBS verschijnen.

Geen geluid? Check of de browserbron niet stilgezet is (rechtsklik op de bron, Audio-mixer-instellingen). OBS heeft soms een aparte volumeschuif per browserbron.

Stap 4: pas de alerts aan

De standaard-alert is prima, maar de meeste streamers willen iets eigens. In het dashboard kun je de alert-customizer openen en per donatiebedrag een eigen variant maken: een €1-donatie krijgt een kleine bel, een €25-donatie krijgt vuurwerk en een €100-donatie krijgt een GIF met je eigen logo.

Per variant stel je in:

• Afbeelding, GIF of video die afspeelt (sleep een bestand naar het blok om te uploaden, max 10 MB)
• Geluidsfragment of de ingebouwde chime
• Tekst-template ({naam} gaf {bedrag})
• Kleur, lettertype, positie, duur, animatie van de tekst
• TTS (voorlezen van het bericht) aan of uit

Een preview van de hele opstelling zie je live in een mini-stream-window naast de editor. Pas aan, sla op, en je OBS-overlay vernieuwt automatisch.

Stap 5: voeg een donatiedoel toe

Het donatiedoel is een aparte browserbron met zijn eigen URL. Stel in het dashboard het doel in (bijvoorbeeld nieuwe microfoon €200) en de startdatum (vanaf nu). De balk telt automatisch de betaalde donaties vanaf die datum mee.

Tip: zet het startbedrag op nul en de doelhoogte op iets dat binnen één of twee streams haalbaar is. Een doel van €2000 dat na een uur op €15 staat ontmoedigt; een doel van €50 dat na een uur op €35 staat motiveert.

Stap 6: recente donaties en leaderboard

De recente-donaties-overlay toont de laatste vijf donateurs met bedrag en bericht. Hangt aan dezelfde data als de alerts. Handig voor kijkers die later inhaken: zo zien ze meteen dat er zojuist iemand iets gestuurd heeft.

Het leaderboard toont de top-donateurs van een periode (dag, week, maand, of altijd). Voor terugkerende kijkers is dit een sociaal element: ze zien hun naam staan, en als ze twee plaatsen achteruit zakken hebben ze een excuus om er nog een tientje overheen te gooien.

Stap 7: chat en media

De chat-overlay leest je Twitch-chat anoniem en toont hem in een aanpasbare doos in je layout. Geen API-koppeling nodig: je vult in instellingen je Twitch-login in en klaar.

De media-overlay laat kijkers een YouTube-fragment aanvragen via een speciale link (donolink.nl/u/jouwnaam/verzoek). Jij beheert de wachtrij en speelt fragmenten af in een browserbron over je stream heen. Combineer met een minimum donatiebedrag om ongewenste verzoeken eruit te filteren.

Probleem: overlay laadt niet

Klik in OBS rechts op de bron en kies Eigenschappen, dan Cache vernieuwen. Werkt dat niet, plak de URL in een echte browser om te zien of de overlay daar wel verschijnt. Verschijnt hij in de browser maar niet in OBS, dan is het bijna altijd een cache-probleem; verwijder de bron en voeg hem opnieuw toe.

Klaar? Mooi. Je hebt nu een professionele overlay-setup zonder abonnement of watermark. Voor een uitgebreide gids over de hele startsetup lees je onze startgids.