Gratis gids · Voor beginnersOBS

Hoe Thunderstream-overlay toe te voegen aan OBS en TikTok LIVE Studio

Het spel en de camera zijn al in beeld, maar de waarschuwingen zijn nog steeds alleen zichtbaar in het paneel? Overlay is een aparte pagina gewijd aan het streamingprogramma. Je plakt de link ervan als bron en er verschijnen transparante elementen boven de afbeelding. We laten u het hele proces zien en de meest voorkomende oorzaak van een lege bron: een andere resolutie dan die is opgeslagen in het paneel.

Team Thunderstream13 minuten lezen4WeergavenBijwerken:

Begin met de juiste link

Open het paneel Thunderstream, schakel de benodigde tool in en ga naar de overlaygalerij of de configuratie ervan. Selecteer bijvoorbeeld waarschuwingen, uitzendingchat of kijkersteller. Sla uw instellingen op voordat u het adres kopieert.

Kopieer de link die bedoeld is voor de overlaybron. Het adres van een gewone website, administratiepaneel of lokale preview vervangt deze link niet. Thunderstream-overlays worden ook gehost op Thunderstream.net als u het desktopprogramma gebruikt.

Een woordenboek zonder moeilijke afkortingen

Een woordenboek zonder moeilijke afkortingen
BegripWat betekent dit in de praktijk?
ScèneKant-en-klare afbeeldingsindeling: b.v. een spel met een camera of een pauzebord. De scène die je kiest, bepaalt wat je laat zien.
BronEén scènecomponent: game, camera, tekst, audio of pagina met overlay. De volgorde van de bronnen bepaalt wat wat omvat.
URLVolledig webadres. Kopieer het met de knop in het paneel; kopieer geen fragmenten en voeg geen spaties toe.
EvenementNieuwe informatie van het platform, zoals een bericht, observatie of cadeau. De verschijningstest is niet altijd een daadwerkelijke gebeurtenis.
ResolutieDe breedte x hoogte van het gebied, b.v. 1920 × 1080. Dit is anders dan het verkleinen van de bronrechthoek met de muis.

Stap voor stap · 1–4

  1. Handeling

    Open Thunderstream en selecteer Overlays in het linkermenu.

    ✓ Na deze stap zul je het zien

    Je ziet aparte overlays, zoals waarschuwingen en chat.

  2. Handeling

    Open de geselecteerde overlay en schakel het bijbehorende hulpmiddel in.

    ✓ Na deze stap zul je het zien

    Het voorbeeld wordt niet verborgen door het uitgeschakelde bericht.

  3. Handeling

    Let op de breedte en hoogte van de schakel, b.v. 1920 en 1080.

    ✓ Na deze stap zul je het zien

    Je hebt twee nummers die je later in de bron invoert.

  4. Handeling

    Sla de instellingen op die u zojuist hebt gewijzigd.

    ✓ Na deze stap zul je het zien

    Wanneer ze opnieuw worden geopend, behouden de velden hun waarden.

Thunderstream: sectie Waarschuwingen in het demo-account. Selecteer eerst een platform en één regel.Vergroot de schermafbeelding ↗
Thunderstream: sectie Waarschuwingen in het demo-account. Selecteer eerst een platform en één regel.Actueel dashboard op demo-account; voorbeeldgegevens zijn niet afkomstig van gebruikersuitzendingen.Foto bron: Thunderstream · Bron geverifieerd: 2026-10-27

Stap voor stap · 5–8

  1. Handeling

    Klik op Koppeling kopiëren naast het overlayvak.

    ✓ Na deze stap zul je het zien

    Haar privéadres staat op het klembord, niet het adres van het hele panel.

  2. Handeling

    Selecteer in OBS de doelscène uit de lijst Scènes.

    ✓ Na deze stap zul je het zien

    De naam van de juiste scène wordt gemarkeerd.

  3. Handeling

    Klik onder de lijst Bronnen op + en vervolgens op Browser.

    ✓ Na deze stap zul je het zien

    Het aanmaken van een webbron wordt geopend.

  4. Handeling

    Selecteer Nieuw maken en voer een naam in, bijvoorbeeld: Thunderstream-chat.

    ✓ Na deze stap zul je het zien

    U herkent de bron in een latere lijst.

OBS: Browserbroneigenschappen. Dit is waar de URL van de widget en de breedte en hoogte ervan terechtkomen.Vergroot de schermafbeelding ↗
OBS: Browserbroneigenschappen. Dit is waar de URL van de widget en de breedte en hoogte ervan terechtkomen.Werkelijke screenshot van officiële documentatie. De versie en taal van het programma kunnen afwijken van die van u.Foto bron: OBS Project · Bron geverifieerd: 2026-10-27

Stap voor stap · 9–12

  1. Handeling

    Plak uw eigen URL-link; Laat het lokale bestand uitgeschakeld.

    ✓ Na deze stap zul je het zien

    Het veld bevat het overlay-adres, niet de inlogpagina.

  2. Handeling

    Voer de exacte breedte en hoogte in die u hebt genoteerd.

    ✓ Na deze stap zul je het zien

    Het brongebied komt overeen met het gebied van de opgeslagen overlay.

  3. Handeling

    Klik op OK en verplaats de bron boven het spel in de bronnenlijst.

    ✓ Na deze stap zul je het zien

    Het spel heeft geen betrekking op de overlay; het oogpictogram is ingeschakeld.

  4. Handeling

    Voer vóór LIVE Test uit in Thunderstream.

    ✓ Na deze stap zul je het zien

    Een voorbeeldreactie is te zien in scène OBS.

TikTok LIVE Studio: Realistisch voorbeeld van het toevoegen van een extern waarschuwingsscherm. Het uiterlijk van het menu is afhankelijk van de release en beschikbaarheid van de Link-bron.Vergroot de schermafbeelding ↗
TikTok LIVE Studio: Realistisch voorbeeld van het toevoegen van een extern waarschuwingsscherm. Het uiterlijk van het menu is afhankelijk van de release en beschikbaarheid van de Link-bron.Werkelijke screenshot van officiële documentatie. De versie en taal van het programma kunnen afwijken van die van u.Foto bron: TikFinity · Bron geverifieerd: 2026-10-27

Stap voor stap · 13–16

  1. Handeling

    In LIVE Studio selecteert u Bron toevoegen en vervolgens Koppelen.

    ✓ Na deze stap zul je het zien

    In de ondersteunde versie wordt het webadresveld geopend.

  2. Handeling

    Plak je link en stel een compatibel gebied in en vervolgens een laag boven het spel.

    ✓ Na deze stap zul je het zien

    Dezelfde test is te zien in de LIVE Studio preview.

  3. Handeling

    Neem 20 seconden lokaal op met één test en microfoon.

    ✓ Na deze stap zul je het zien

    Het bestand toont een overlay en hoort één geluid.

  4. Handeling

    Vergrendel de voltooide bron met een hangslot.

    ✓ Na deze stap zul je het zien

    Als u per ongeluk sleept, wordt de overlay niet verplaatst.

Een voorbeeld dat u kunt reproduceren

De horizontale scène en link zijn 1920×1080. Een uiterst rechts ingestelde waarschuwing kan verdwijnen in een bron die slechts 800 pixels breed is. Het vergroten van het rode kader van een bron in een scène verandert niets aan de interne resolutie.

Kies eerst een indeling: horizontaal of verticaal?

De bronresolutie is het gebied waarin de overlay zijn elementen tekent. De grootte van dit gebied en de grootte van de rechthoek waarmee u uw muis over de scène sleept, zijn twee verschillende dingen. Als u de rechthoek verkleint, wordt een element dat zich voorheen buiten het brongebied bevond, niet verplaatst.

Selecteer in Thunderstream het formaat dat overeenkomt met uw scène, sla de positie op en voer pas daarna de afmetingen in het uitzendprogramma in. Wanneer u het formaat wijzigt van liggend naar staand, controleer dan opnieuw de positie van de waarschuwing, bovenkant en chat. Rek de overlay niet ongelijkmatig uit, anders vervorm je de letters en avatars.

Kies eerst een indeling: horizontaal of verticaal?
LotVoorbeeld brongebiedBelangrijk bij het instellen
Horizontaal podium1920×1080Behoud de verhoudingen en controleer de positie aan de randen.
Verticaal podium1080×1920Stel items in voor telefoonweergave, niet voor brede monitor.
Eigen formaatAfmetingen opgeslagen in ThunderstreamDe bron in OBS of LIVE Studio moet dezelfde afmetingen hebben.

Voeg de bron toe in OBS Studio

De browserbron geeft de pagina weer, niet de opname van uw paneel. Hiermee voorkom je dat instellingen, knoppen en privégegevens in beeld komen. Alleen de inhoud van de geselecteerde overlay mag zichtbaar zijn in de scène.

  1. Selecteer de scène waar de overlay moet komen. Klik in het paneel Bronnen op het plusteken en selecteer Browser.
  2. Maak een nieuwe bron aan en geef deze een duidelijke naam, bijvoorbeeld 'Thunderstream - Chat'.
  3. Plak het gekopieerde adres in het URL-veld. Laat de lokale bestandsoptie uitgeschakeld.
  4. Stel de breedte en hoogte in volgens het Thunderstream-paneel. Voor een configuratie van 1920 × 1080 voert u deze exacte waarden in.
  5. Bevestig de bron. Verplaats deze in de lijst Bronnen over uw game- of camera-opname.

Voeg de bron toe in TikTok LIVE Studio

De itemnamen zijn afhankelijk van de taal en editie van LIVE Studio. U zoekt naar een bron die de pagina vanuit de URL weergeeft. Als uw versie deze functie niet ondersteunt, controleer dan LIVE Studio voor updates en hulp; kies geen willekeurige bron die uw hele bureaublad vastlegt.

  1. Selecteer in LIVE Studio een scène en open bron toevoegen.
  2. In de versie die webbronnen ondersteunt, selecteert u Koppelen of de overeenkomstige bron met een URL-veld.
  3. Plak dezelfde overlay-link uit Thunderstream en stel de juiste afmetingen in.
  4. Plaats de bron over de spelafbeelding en controleer de positie van de elementen in de preview.

Rangschik bronnen zo dat niets waarschuwingen verbergt

U kunt een bestaande bron aan uw volgende scène toevoegen in plaats van een nieuwe, onafhankelijke kopie met dezelfde link te maken. Houd hier vooral rekening mee bij bronnen die audio afspelen: twee actieve kopieën kunnen dubbel lezen tot gevolg hebben. Verwijder geen bron die al goed werkt voordat u op zoek bent naar een vervanging.

  1. Plaats de achtergrond of het spel het laagst op je lijst. Voeg een camera en decoraties erboven toe en plaats de Thunderstream-bronnen waar u ze zichtbaar wilt hebben in de uiteindelijke afbeelding.
  2. Selecteer de overlaybron. Als het per ongeluk is bijgesneden, controleer dan de transformatie en het bijsnijden. Gebruik in OBS het broncontextmenu en de optie Transformeren; de naam is afhankelijk van de programmataal.
  3. Wijzig de locatie van de waarschuwing zelf in de configuratie van een bepaalde waarschuwing in Thunderstream. Stel X, Y, grootte en animatie in, klik op Opslaan en test vervolgens uw opgeslagen instellingen.
  4. Nadat u de bron heeft ingesteld, vergrendelt u deze met een hangslot in de bronnenlijst. Hiermee voorkom je dat je per ongeluk het hele gebied verplaatst met waarschuwingen bij het bewegen van de camera.

Bewaar, test en controleer het geluid

Keer terug naar Thunderstream en voer de opgeslagen configuratietest uit. Doe het voordat u LIVE start: simulaties kunnen beperkt zijn tijdens een echte uitzending. Vergelijk de positie en grootte met het streamingprogramma, niet alleen met het voorbeeld in het paneel.

Als audio Thunderstream ondersteunt, kunt u programma- of desktopaudio vastleggen. Voer niet tegelijkertijd een tweede TTS-meting uit op een ander paneel of een andere bron, omdat ontvangers mogelijk een echo horen. Controleer op de OBS de meters en maak een korte lokale opname.

Geluid: paneel, programma of browserbron?

Bepaal eerst waar het geluid daadwerkelijk vandaan komt. Als Thunderstream het afspeelt, leg dan het geluid van deze applicatie of het juiste systeemapparaat vast in het uitgezonden programma. Als een browserbron het afspeelt, controleer dan het aandeel ervan in de mixer. De selectie is afhankelijk van de ingestelde afspeelmethode.

Luisteren via je eigen koptelefoon en het geluid dat naar de kijkers wordt gestuurd, zijn afzonderlijke zaken. Het feit dat u een waarschuwing op uw computer hoort, betekent niet dat deze is uitgezonden. Maak een korte opname met een microfoon en één testwaarschuwing en speel deze vervolgens af.

  1. Voer één test uit en kijk welke geluidsmeter reageert. Zorg ervoor dat deze bron niet gedempt is.
  2. Controleer of het geselecteerde audiopad is opgenomen in de uitzendingsuitvoer. Als u twee kopieën hoort, schakelt u de dubbele opname van hetzelfde geluid uit.
  3. Luisteren naar het publiek LIVE op het tweede tabblad dempen of gebruik een koptelefoon. Het geluid uit de luidsprekers kan terugkeren naar de microfoon.
  4. Stem het volume van de muziek en de TTS af op uw stem. In het computerprogramma kunt u bovendien het volume instellen om de muziek te dempen wanneer de microfoon wordt gedetecteerd.

Scèneverandering, verfrissing van de animatie en vloeiendheid

De browserbron heeft afzonderlijke opties voor uitschakelen wanneer verborgen en vernieuwen wanneer de scène wordt geactiveerd. Vernieuwen laadt de overlay vanaf het begin. Voor artikelen waarvan u de continuïteit wilt behouden, schakelt u het automatisch herladen niet onnodig in. Op zijn beurt hoeft een ongebruikte overlay in veel scènes niet als meerdere onafhankelijke kopieën te functioneren.

Verhoog de framesnelheid van uw bron niet alleen omdat uw computer een snelle monitor heeft. Match hem met jouw uitzending en controleer het effect op de opname. Voor framerate-problemen kunt u beginnen met het verwijderen van onnodige bronkopieën en het sluiten van ongebruikte voorbeelden, in plaats van alles te vernieuwen tijdens LIVE.

Nadat u de instellingen heeft gewijzigd, slaat u deze op in Thunderstream. Vernieuw één bron alleen als je deze echt nodig hebt. U voorkomt dat u per ongeluk de animatie, de muziek of het voorlezen onderbreekt.

Lege bron? Bekijk deze dingen in deze volgorde

  1. Vergelijk de afmetingen van de bron met de afmetingen vastgelegd in Thunderstream. Het artikel bevindt zich mogelijk buiten een te klein gebied.
  2. Controleer het zichtbaarheidspictogram van de bron, de volgorde ervan in de scène en of de tool is ingeschakeld.
  3. Controleer of de gehele huidige koppeling is gekopieerd en of het account is gekoppeld aan de echte LIVE.
  4. Houd er rekening mee dat een leeg dak zonder deelnemers of een waarschuwing die wacht op een gebeurtenis opzettelijk onzichtbaar kan zijn. Gebruik de pre-uitzendingstest.
  5. Als een link of de parameters ervan zijn gewijzigd, vernieuw dan alleen die bron na het opslaan. Koppel een actieve LIVE niet onnodig los.

Wat zie je op het scherm en hoe kun je dit oplossen?

Los één ding tegelijk op en probeer hetzelfde opnieuw. Als u meerdere opties tegelijkertijd wijzigt, zal het moeilijk zijn om te bepalen wat het probleem heeft opgelost. Verwijder geen werkende bron of volledige configuratie alleen maar omdat één widget niet reageert.

Als u nog steeds hulp nodig heeft, noteer dan de programmanaam en -versie, het platform, de geschatte duur van de proefperiode, het verwachte resultaat en wat er feitelijk is gebeurd. Voeg een dump toe zonder wachtwoorden, sleutels en volledige privélinks. Deze beschrijving is veel nuttiger dan alleen het bericht "werkt niet".

Wat zie je op het scherm en hoe kun je dit oplossen?
SymptoomControleer eerstDoe het
Ik kan het hele paneel zien.Het adres uit de browserbalk geplakt.Kopieer het privélinkveld van een specifieke overlay.
Ik zie Minecraft van de demo.Er werd gebruik gemaakt van een preview in plaats van een productielink.Vervang de URL door de link van de geselecteerde overlay.
De bron is leeg.Geen gebeurtenis, uitgeschakeld hulpmiddel of klein gebied.Controleer Test, Schakel, Afmetingen en Laagvolgorde.
De overlay is uitgerekt.De verhoudingen van de rechthoek zijn gewijzigd.Herstel de beeldverhouding en pas de bron aan zonder één as uit te rekken.

Laatste poging vóór gebruik op LIVE

  1. Sla de wijzigingen op met de knop die aan de bewerkte functie is toegewezen. Als er aparte formulieren zijn, vink dan ieder gewijzigd onderdeel apart aan.
  2. Open de instellingen opnieuw en vergelijk de belangrijkste waarden. Het simpelweg verplaatsen van de schuifregelaar betekent niet altijd een permanente opslag.
  3. Controleer het resultaat buiten de editor zelf: op de doelscène, in de opname of in de opnieuw geopende configuratie.
  4. Als de functie gebruikmaakt van het platform, bevestig dan afzonderlijk de nieuw afgehandelde gebeurtenis tijdens de actieve LIVE. Verwacht niet dat de uiterlijktest de accountautorisatie bevestigt.
  5. Sla de werkwaarden op en maak een kopie voor de volgende grote wijziging. De volgende keer dat u opstart, begint u met een snelle controle.

Controleer vóór LIVE

  • Uw eigen link en compatibele resolutie.
  • De bron bevindt zich boven het spel en de tool is ingeschakeld.
  • De test is te zien in het streamingprogramma.
  • Het geluid is één keer te horen en wordt bevestigd door een korte opname.
  • Na het wisselen van scène blijft de bron werken en speelt geen tweede kopie van het geluid af.
  • De uitzendsleutel is niet in de overlaybron geplakt.
  • Heropende instellingen behouden de opgeslagen waarden.
  • Een enkele poging wordt bevestigd op de doeluitvoer.

Vragen die het vaakst voorkomen

Zal het Minecraft-voorbeeld van het paneel verschijnen op mijn LIVE?

Kopieer het voorbeeldadres niet. De productie-overlay-link toont overlay-elementen boven uw scène; de demo-achtergrond is voor installatie.

Moet ik een browser geopend hebben?

Als het paneel of programma TTS, muziek of andere lokale bewerkingen ondersteunt, laat het dan actief. De bronlink zelf vervangt niet de LIVE-verbinding en alle herstelprocessen.

Is één link genoeg voor alle tools?

Kopieer de link van het geselecteerde overlaytype. Met afzonderlijke bronnen kunt u afzonderlijk waarschuwingen, chatten en andere add-ons instellen.

Moet ik de transmissiesleutel in de overlay plakken?

NEE. Bronbrowser of link ontvangt de overlaylink van Thunderstream. De streamsleutel gaat naar de uitzendinstellingen in de OBS of een andere encoder, niet naar het overlay-adres.

Waarom staat de waarschuwing in het midden van het paneel, maar is deze niet zichtbaar op LIVE?

Vergelijk de resolutie en beeldverhouding van beide gebieden. Controleer ook de framing, de volgorde van bronnen, het vastleggen van de positie van een bepaalde waarschuwing en het testen van de opgeslagen configuratie.

Wat moet ik doen als mijn scherm er anders uitziet dan op de foto?

Controleer de programmanaam, versie en geselecteerde functie. De dump is echt, maar komt uit een specifieke editie en taal. Zoek naar een beschreven veld op basis van zijn taak. Als de optie niet beschikbaar is, controleer dan de huidige officiële ondersteuning en beschikbaarheid in uw account.

Officiële documentatie en verdere hulp