Guida gratuita · Per principiantiOBS

Come aggiungere la sovrapposizione Thunderstream a OBS e TikTok LIVE Studio

Il gioco e la telecamera sono già nella scena, ma gli avvisi sono ancora visibili solo nel pannello? Overlay è una pagina separata dedicata al programma di streaming. Incolli il suo collegamento come fonte e gli elementi trasparenti appaiono sopra l'immagine. Ti mostreremo l'intero processo e la causa più comune di una sorgente vuota: una risoluzione diversa da quella salvata nel pannello.

Squadra Thunderstream13 minuti di lettura4VisualizzazioniAggiorna:

Inizia con il collegamento giusto

Apri il pannello Thunderstream, abilita lo strumento necessario e vai alla galleria di overlay o alla sua configurazione. Seleziona, ad esempio, avvisi, chat trasmessa o contatore spettatori. Salva le tue impostazioni prima di copiare l'indirizzo.

Copia il collegamento destinato all'origine dell'overlay. L'indirizzo di un normale sito Web, pannello di amministrazione o anteprima locale non sostituirà questo collegamento. Gli overlay Thunderstream sono ospitati su Thunderstream.net anche quando utilizzi il programma desktop.

Un dizionario senza abbreviazioni difficili

Un dizionario senza abbreviazioni difficili
ConcettoCosa significa questo in pratica?
ScenaLayout dell'immagine già pronto: ad es. un gioco con una macchina fotografica o un tabellone. La scena che scegli determina ciò che mostri.
FonteUn componente della scena: gioco, fotocamera, testo, audio o pagina con sovrapposizione. L’ordine delle fonti determina cosa copre cosa.
URLIndirizzo web completo. Copialo utilizzando il pulsante nel pannello; non copiare frammenti e non aggiungere spazi.
EventoNuove informazioni dalla piattaforma, come un messaggio, un'osservazione o un regalo. Il test di apparenza non è sempre un evento reale.
RisoluzioneLa larghezza × altezza dell'area, ad es. 1920 × 1080. Questo è diverso dal restringere il rettangolo di origine con il mouse.

Passo dopo passo · 1–4

  1. Cosa fare

    Apri Thunderstream e seleziona Overlay nel menu a sinistra.

    ✓ Dopo questo passaggio vedrai

    Vengono visualizzati overlay separati, come avvisi e chat.

  2. Cosa fare

    Apri l'overlay selezionato e abilita il suo strumento.

    ✓ Dopo questo passaggio vedrai

    L'anteprima non è oscurata dal messaggio disabilitato.

  3. Cosa fare

    Prendere nota della larghezza e dell'altezza del collegamento, ad es. 1920 e 1080.

    ✓ Dopo questo passaggio vedrai

    Hai due numeri che inserirai successivamente nella fonte.

  4. Cosa fare

    Salva le impostazioni appena modificate.

    ✓ Dopo questo passaggio vedrai

    Una volta riaperti, i campi mantengono i loro valori.

Thunderstream: Sezione Avvisi nel conto demo. Innanzitutto, seleziona una piattaforma e una singola regola.Ingrandisci lo screenshot ↗
Thunderstream: Sezione Avvisi nel conto demo. Innanzitutto, seleziona una piattaforma e una singola regola.Dashboard reale sul conto demo; i dati campione non provengono dalle trasmissioni degli utenti.Fonte foto: Thunderstream · Fonte verificata: 2026-10-27

Passo dopo passo · 5–8

  1. Cosa fare

    Fai clic su Copia collegamento accanto alla casella in sovrimpressione.

    ✓ Dopo questo passaggio vedrai

    Negli appunti c'è il suo indirizzo privato, non l'indirizzo dell'intero pannello.

  2. Cosa fare

    In OBS, seleziona la scena di destinazione dall'elenco Scene.

    ✓ Dopo questo passaggio vedrai

    Viene evidenziato il nome della scena corretta.

  3. Cosa fare

    Nell'elenco Sorgenti, fare clic su + e quindi su Browser.

    ✓ Dopo questo passaggio vedrai

    Si apre la creazione di una sorgente web.

  4. Cosa fare

    Seleziona Crea nuovo e inserisci un nome, ad es. Thunderstream Chatta.

    ✓ Dopo questo passaggio vedrai

    Riconoscerai la fonte in un elenco successivo.

OBS: proprietà della sorgente del browser. Qui è dove vanno l'URL del widget, la sua larghezza e altezza.Ingrandisci lo screenshot ↗
OBS: proprietà della sorgente del browser. Qui è dove vanno l'URL del widget, la sua larghezza e altezza.Screenshot reale dalla documentazione ufficiale. La versione e la lingua del programma potrebbero essere diverse dalla tua.Fonte foto: OBS Project · Fonte verificata: 2026-10-27

Passo dopo passo · 9–12

  1. Cosa fare

    Incolla il tuo collegamento URL; Lascia il file locale disabilitato.

    ✓ Dopo questo passaggio vedrai

    Il campo contiene l'indirizzo in sovrimpressione, non la pagina di accesso.

  2. Cosa fare

    Inserisci la larghezza e l'altezza esatte che hai annotato.

    ✓ Dopo questo passaggio vedrai

    L'area di origine corrisponde all'area dell'overlay salvato.

  3. Cosa fare

    Fai clic su OK e sposta la fonte sopra il gioco nell'elenco Sorgenti.

    ✓ Dopo questo passaggio vedrai

    Il gioco non copre l'overlay; l'icona dell'occhio è attiva.

  4. Cosa fare

    Prima di LIVE, eseguire Test in Thunderstream.

    ✓ Dopo questo passaggio vedrai

    Un esempio di reazione è visto nella scena OBS.

TikTok LIVE Studio: esempio reale di aggiunta di una schermata di avviso esterna. L'aspetto del menu dipende dalla versione e dalla disponibilità della sorgente del collegamento.Ingrandisci lo screenshot ↗
TikTok LIVE Studio: esempio reale di aggiunta di una schermata di avviso esterna. L'aspetto del menu dipende dalla versione e dalla disponibilità della sorgente del collegamento.Screenshot reale dalla documentazione ufficiale. La versione e la lingua del programma potrebbero essere diverse dalla tua.Fonte foto: TikFinity · Fonte verificata: 2026-10-27

Passo dopo passo · 13–16

  1. Cosa fare

    In LIVE Studio, seleziona Aggiungi fonte, quindi Collega.

    ✓ Dopo questo passaggio vedrai

    Nella versione supportata si apre il campo dell'indirizzo web.

  2. Cosa fare

    Incolla il tuo collegamento e imposta un'area compatibile e quindi un livello sopra il gioco.

    ✓ Dopo questo passaggio vedrai

    Lo stesso test può essere visto nell'anteprima di LIVE Studio.

  3. Cosa fare

    Registra 20 secondi localmente con un test e un microfono.

    ✓ Dopo questo passaggio vedrai

    Il file mostra una sovrapposizione e sente un suono.

  4. Cosa fare

    Blocca la fonte finita con un lucchetto.

    ✓ Dopo questo passaggio vedrai

    Il trascinamento accidentale non sposta la sovrapposizione.

Un esempio che puoi riprodurre

La scena orizzontale e il collegamento sono 1920×1080. Un avviso impostato all'estrema destra potrebbe scomparire in una sorgente larga solo 800 pixel. L'ingrandimento della cornice rossa di una sorgente in una scena non ne modifica la risoluzione interna.

Per prima cosa scegli un layout: orizzontale o verticale?

La risoluzione sorgente è l'area in cui la sovrapposizione disegna i suoi elementi. La dimensione di quest'area e la dimensione del rettangolo su cui stai trascinando il mouse sulla scena sono due cose diverse. La riduzione del rettangolo non sposterà un elemento che in precedenza si trovava all'esterno dell'area di origine.

In Thunderstream, seleziona il formato corrispondente alla tua scena, salva la posizione e solo dopo inserisci le dimensioni nel programma trasmesso. Quando cambi il formato da orizzontale a verticale, ricontrolla la posizione dell'avviso, della parte superiore e della chat. Non allungare la sovrapposizione in modo non uniforme, altrimenti distorcerai le lettere e gli avatar.

Per prima cosa scegli un layout: orizzontale o verticale?
DestinoArea di origine del campioneImportante durante la configurazione
Palcoscenico orizzontale1920×1080Mantenere le proporzioni e controllare la posizione ai bordi.
Palcoscenico verticale1080×1920Imposta gli elementi per la visualizzazione del telefono, non per il monitor ampio.
Proprio formatoDimensioni salvate in ThunderstreamLa sorgente in OBS o LIVE Studio deve avere le stesse dimensioni.

Aggiungi la sorgente in OBS Studio

La sorgente del browser visualizza la pagina, non la registrazione del tuo pannello. Ciò impedisce che impostazioni, pulsanti e informazioni private entrino nell'immagine. Nella scena dovrebbe essere visibile solo il contenuto dell'overlay selezionato.

  1. Seleziona la scena in cui dovrebbe essere posizionata la sovrapposizione. Nel pannello Sorgenti, fai clic sul segno più e seleziona Browser.
  2. Crea una nuova fonte e assegnale un nome chiaro, ad esempio "Thunderstream - Chat".
  3. Incolla l'indirizzo copiato nel campo URL. Lascia disabilitata l'opzione del file locale.
  4. Impostare la larghezza e l'altezza in base al pannello Thunderstream. Per una configurazione 1920 × 1080, inserisci questi valori esatti.
  5. Conferma la fonte. Nell'elenco Sorgenti, spostalo sul gioco o sull'acquisizione della fotocamera.

Aggiungi la sorgente in TikTok LIVE Studio

I nomi degli elementi dipendono dalla lingua e dall'edizione di LIVE Studio. Stai cercando una fonte che visualizzi la pagina dall'URL. Se la tua versione non supporta questa funzionalità, controlla LIVE Studio per aggiornamenti e assistenza; non scegliere una fonte casuale che catturi l'intero desktop.

  1. In LIVE Studio, seleziona una scena e apri Aggiungi sorgente.
  2. Nella versione che supporta le fonti web, seleziona Link o la fonte corrispondente con un campo URL.
  3. Incolla lo stesso collegamento in sovrapposizione da Thunderstream e imposta le dimensioni corrette.
  4. Posiziona la fonte sull'immagine del gioco e controlla la posizione degli elementi nell'anteprima.

Disporre le fonti in modo che nulla oscuri gli avvisi

Puoi aggiungere una fonte esistente alla scena successiva invece di creare una nuova copia indipendente con lo stesso collegamento. Consideratelo soprattutto per le sorgenti che riproducono audio: due copie attive potrebbero comportare una doppia lettura. Non rimuovere una fonte che funziona già correttamente prima di verificarne la sostituzione.

  1. Posiziona lo sfondo o il gioco più in basso nell'elenco. Aggiungi una fotocamera e delle decorazioni sopra di esse e posiziona le sorgenti Thunderstream dove vuoi che siano visibili nell'immagine finale.
  2. Seleziona la sorgente della sovrapposizione. Se è stato ritagliato accidentalmente, controlla la sua trasformazione e il ritaglio. In OBS, utilizza il menu contestuale sorgente e l'opzione Trasforma; il nome dipende dalla lingua del programma.
  3. Modificare la posizione dell'avviso stesso nella configurazione di un determinato avviso in Thunderstream. Imposta X, Y, dimensione e animazione, fai clic su Salva, quindi prova le impostazioni salvate.
  4. Una volta impostata la sorgente, bloccala con un lucchetto nell'elenco delle sorgenti. Ciò ti impedirà di spostare accidentalmente l'intera area con avvisi quando sposti la telecamera.

Salva, prova e controlla il suono

Torna a Thunderstream ed esegui il test di configurazione salvato. Fatelo prima di iniziare LIVE: le simulazioni potrebbero essere limitate durante una trasmissione reale. Confronta la posizione e le dimensioni con il programma di streaming, non solo con l'anteprima nel pannello.

Se l'audio supporta Thunderstream, acquisisci l'audio del programma o del desktop. Non eseguire contemporaneamente una seconda lettura TTS su un altro pannello o sorgente, poiché i destinatari potrebbero sentire un'eco. Sul OBS, controlla i misuratori ed effettua una breve registrazione locale.

Suono: pannello, programma o sorgente del browser?

Innanzitutto, determina da dove proviene effettivamente il suono. Se Thunderstream lo sta riproducendo, cattura l'audio di questa applicazione o del dispositivo di sistema appropriato nel programma trasmesso. Se una sorgente del browser lo sta riproducendo, controlla la sua condivisione nel mixer. La selezione dipende dal metodo di riproduzione impostato.

L'ascolto con le proprie cuffie e il suono inviato agli spettatori sono questioni separate. Solo perché senti un avviso sul tuo computer non conferma che sia stato trasmesso. Effettua una breve registrazione con un microfono e un avviso di prova, quindi riproducila.

  1. Eseguire un test e osservare quale fonometro risponde. Assicurati che questa fonte non sia disattivata.
  2. Controlla se il percorso audio selezionato è incluso nell'uscita della trasmissione. Se senti due copie, disattiva l'acquisizione duplicata dello stesso suono.
  3. Ascoltando il pubblico LIVE nella seconda scheda è possibile disattivare l'audio o utilizzare le cuffie. Il suono dagli altoparlanti potrebbe ritornare al microfono.
  4. Abbina il volume della musica e TTS alla tua voce. Nel programma per computer è inoltre possibile impostare il volume per disattivare l'audio della musica quando viene rilevato il microfono.

Cambio di scena, aggiornamento e fluidità dell'animazione

L'origine del browser dispone di opzioni separate per disabilitare quando nascosto e aggiornare quando la scena è attivata. Aggiorna carica l'overlay dall'inizio. Per gli elementi per i quali desideri mantenere la continuità, non abilitare il ricaricamento automatico inutilmente. A sua volta, una sovrapposizione inutilizzata non deve funzionare come più copie indipendenti in molte scene.

Non aumentare il frame rate della tua sorgente solo perché il tuo computer ha un monitor veloce. Abbinalo alla tua trasmissione e controlla l'effetto sulla registrazione. Per problemi di framerate, inizia eliminando le copie sorgente non necessarie e chiudendo le anteprime inutilizzate anziché aggiornare tutto durante LIVE.

Dopo aver modificato le impostazioni, salvarle in Thunderstream. Aggiorna una fonte solo quando ne hai veramente bisogno. Eviterai di interrompere accidentalmente l'animazione, la musica o la lettura.

Fonte vuota? Controlla queste cose in questo ordine

  1. Confrontare le dimensioni della sorgente con le dimensioni registrate in Thunderstream. L'elemento potrebbe trovarsi all'esterno di un'area troppo piccola.
  2. Controlla l'icona di visibilità della fonte, il suo ordine nella scena e se lo strumento è abilitato.
  3. Verifica che l'intero collegamento corrente sia stato copiato e che l'account sia collegato al vero LIVE.
  4. Ricorda che una parte superiore vuota senza partecipanti o un avviso in attesa di un evento potrebbero essere intenzionalmente invisibili. Utilizza il test pre-trasmissione.
  5. Se un collegamento o i suoi parametri sono stati modificati, aggiorna solo quella fonte dopo il salvataggio. Non scollegare inutilmente un LIVE in funzione.

Cosa vedi sullo schermo e come risolverlo

Correggi una cosa alla volta e riprova la stessa cosa. Se si modificano più opzioni contemporaneamente, sarà difficile determinare cosa ha risolto il problema. Non eliminare una fonte funzionante o un'intera configurazione solo perché un widget non risponde.

Se hai ancora bisogno di aiuto, annota il nome e la versione del programma, la piattaforma, il tempo approssimativo della prova, il risultato atteso e cosa è realmente successo. Allega un dump senza password, chiavi e collegamenti privati ​​completi. Questa descrizione è molto più utile del semplice messaggio "non funzionante".

Cosa vedi sullo schermo e come risolverlo
SintomoControlla primaFallo
Posso vedere l'intero pannello.Incollato l'indirizzo dalla barra del browser.Copia il campo del collegamento privato di un overlay specifico.
Vedo Minecraft dalla demo.È stata utilizzata un'anteprima invece di un collegamento di produzione.Sostituisci l'URL con il collegamento dell'overlay selezionato.
La fonte è vuota.Nessun evento, strumento disabilitato o area ridotta.Controlla Test, Cambia, Dimensioni e Ordine dei livelli.
La sovrapposizione è allungata.Le proporzioni del rettangolo sono state modificate.Ripristina le proporzioni e regola la sorgente senza allungare un asse.

Ultimo tentativo prima dell'uso su LIVE

  1. Salvare le modifiche utilizzando il pulsante assegnato alla funzione modificata. Se sono presenti moduli separati, verificare separatamente ciascuna parte modificata.
  2. Apri nuovamente le impostazioni e confronta i valori più importanti. Il semplice spostamento del cursore non significa sempre un salvataggio permanente.
  3. Controlla il risultato all'esterno dell'editor stesso: sulla scena di destinazione, nella registrazione o nella configurazione riaperta.
  4. Se la funzione utilizza la piattaforma, riconoscere separatamente il nuovo evento gestito durante il LIVE attivo. Non aspettarti che il test di apparenza confermi l'autorizzazione dell'account.
  5. Salvare i valori di lavoro e farne una copia prima della prossima modifica importante. La prossima volta che avvii, inizia con un controllo rapido.

Controllare prima di LIVE

  • Il tuo link e la risoluzione compatibile.
  • La fonte è sopra il gioco e lo strumento è abilitato.
  • Il test può essere visto nel programma in streaming.
  • Il suono si sente una volta e viene confermato da una breve registrazione.
  • Dopo aver cambiato scena, la sorgente continua a funzionare e non riproduce una seconda copia del suono.
  • La chiave di trasmissione non è stata incollata nell'origine overlay.
  • Le impostazioni riaperte mantengono i valori salvati.
  • Viene confermato un singolo tentativo sull'uscita di destinazione.

Domande che sorgono più spesso

L'anteprima di Minecraft dal pannello apparirà sul mio LIVE?

Non copiare l'indirizzo di anteprima. Il collegamento in sovrapposizione alla produzione mostra gli elementi in sovrapposizione sopra la scena; lo sfondo demo è per l'installazione.

È necessario avere un browser aperto?

Se il pannello o il programma supporta TTS, musica o altre operazioni locali, lasciarlo in esecuzione. Il collegamento di origine stesso non sostituisce la connessione LIVE e tutti i processi di ripristino.

Un collegamento è sufficiente per tutti gli strumenti?

Copia il collegamento del tipo di overlay selezionato. Fonti separate ti consentono di impostare avvisi, chat e altri componenti aggiuntivi separatamente.

Devo incollare la chiave di trasmissione nell'overlay?

NO. Il browser o il collegamento di origine riceve il collegamento in sovrapposizione da Thunderstream. La chiave stream va alle impostazioni di trasmissione nel OBS o in un altro codificatore, non all'indirizzo overlay.

Perché l'avviso è al centro del pannello ma non è visibile su LIVE?

Confronta la risoluzione e le proporzioni di entrambe le aree. Controllare inoltre l'inquadratura, l'ordine delle fonti, registrare la posizione di un dato avviso e testarne la configurazione salvata.

Cosa devo fare se il mio schermo appare diverso dalla foto?

Controlla il nome del programma, la versione e la funzionalità selezionata. La discarica è reale, ma proviene da un'edizione e da una lingua specifiche. Cerca un campo descritto in base al suo compito. Se l'opzione non è disponibile, controlla il supporto ufficiale e la disponibilità attuali nel tuo account.

Documentazione ufficiale e ulteriore assistenza