Guia gratuito · Para iniciantesOBS

Como adicionar sobreposição Thunderstream a OBS e TikTok LIVE Studio

O jogo e a câmera já estão em cena, mas os alertas ainda estão visíveis apenas no painel? Overlay é uma página separada dedicada ao programa de streaming. Você cola seu link como fonte e elementos transparentes aparecem acima da imagem. Mostraremos todo o processo e a causa mais comum de fonte vazia: uma resolução diferente daquela salva no painel.

Equipe Thunderstream13 minutos de leitura4VisualizaçõesAtualizar:

Comece com o link certo

Abra o painel Thunderstream, habilite a ferramenta necessária e vá até a galeria de sobreposições ou sua configuração. Selecione, por exemplo, alertas, chat de transmissão ou contador de espectadores. Salve suas configurações antes de copiar o endereço.

Copie o link destinado à fonte de sobreposição. O endereço de um site normal, painel de administração ou visualização local não substituirá este link. As sobreposições Thunderstream também são hospedadas em Thunderstream.net quando você usa o programa de desktop.

Um dicionário sem abreviações difíceis

Um dicionário sem abreviações difíceis
ConceitoO que isso significa na prática?
CenaLayout de imagem pronto: por ex. um jogo com uma câmera ou um tabuleiro de descanso. A cena que você escolhe determina o que você mostra.
FonteUm componente de cena: jogo, câmera, texto, áudio ou página com sobreposição. A ordem das fontes determina o que cobre o quê.
URLEndereço web completo. Copie-o usando o botão no painel; não copie fragmentos e não adicione espaços.
EventoNovas informações da plataforma, como mensagem, observação ou presente. O teste de aparência nem sempre é um evento real.
ResoluçãoA largura × altura da área, por ex. 1920 × 1080. Isso é diferente de reduzir o retângulo de origem com o mouse.

Passo a passo · 1–4

  1. O que fazer

    Abra Thunderstream e selecione Sobreposições no menu esquerdo.

    ✓ Após esta etapa você verá

    Você vê sobreposições separadas, como alertas e bate-papo.

  2. O que fazer

    Abra a sobreposição selecionada e habilite sua ferramenta.

    ✓ Após esta etapa você verá

    A visualização não é obscurecida pela mensagem desativada.

  3. O que fazer

    Observe a largura e a altura do link, por ex. 1920 e 1080.

    ✓ Após esta etapa você verá

    Você tem dois números que mais tarde inserirá na fonte.

  4. O que fazer

    Salve as configurações que você acabou de alterar.

    ✓ Após esta etapa você verá

    Quando reabertos, os campos mantêm seus valores.

Thunderstream: seção de alertas na conta demo. Primeiro, selecione uma plataforma e uma única regra.Amplie a captura de tela ↗
Thunderstream: seção de alertas na conta demo. Primeiro, selecione uma plataforma e uma única regra.Painel real na conta demo; os dados de amostra não vêm de transmissões do usuário.Fonte da foto: Thunderstream · Fonte verificada: 2026-10-27

Passo a passo · 5–8

  1. O que fazer

    Clique em Copiar link próximo à caixa de sobreposição.

    ✓ Após esta etapa você verá

    O endereço privado dela está na área de transferência, não no endereço de todo o painel.

  2. O que fazer

    Em OBS, selecione a cena alvo na lista Cenas.

    ✓ Após esta etapa você verá

    O nome da cena correta é destacado.

  3. O que fazer

    Na lista Fontes, clique em + e depois em Navegador.

    ✓ Após esta etapa você verá

    A criação de uma fonte da web é aberta.

  4. O que fazer

    Selecione Criar novo e insira um nome, por exemplo. Bate-papo Thunderstream.

    ✓ Após esta etapa você verá

    Você reconhecerá a fonte em uma lista posterior.

OBS: Propriedades de origem do navegador. É aqui que vão o URL do widget e sua largura e altura.Amplie a captura de tela ↗
OBS: Propriedades de origem do navegador. É aqui que vão o URL do widget e sua largura e altura.Captura de tela real da documentação oficial. A versão e o idioma do programa podem ser diferentes dos seus.Fonte da foto: OBS Project · Fonte verificada: 2026-10-27

Passo a passo · 9–12

  1. O que fazer

    Cole seu próprio link de URL; Deixe o arquivo local desabilitado.

    ✓ Após esta etapa você verá

    O campo contém o endereço de sobreposição, não a página de login.

  2. O que fazer

    Insira a largura e a altura exatas que você anotou.

    ✓ Após esta etapa você verá

    A área de origem corresponde à área da sobreposição salva.

  3. O que fazer

    Clique em OK e mova a fonte acima do jogo na lista Fontes.

    ✓ Após esta etapa você verá

    O jogo não cobre a sobreposição; o ícone do olho está ativado.

  4. O que fazer

    Antes de LIVE, execute o teste em Thunderstream.

    ✓ Após esta etapa você verá

    Um exemplo de reação é visto na cena OBS.

TikTok LIVE Studio: Exemplo real de adição de uma tela de alerta externa. A aparência do menu depende do lançamento e disponibilidade da fonte do Link.Amplie a captura de tela ↗
TikTok LIVE Studio: Exemplo real de adição de uma tela de alerta externa. A aparência do menu depende do lançamento e disponibilidade da fonte do Link.Captura de tela real da documentação oficial. A versão e o idioma do programa podem ser diferentes dos seus.Fonte da foto: TikFinity · Fonte verificada: 2026-10-27

Passo a passo · 13–16

  1. O que fazer

    Em LIVE Studio, selecione adicionar fonte e depois Link.

    ✓ Após esta etapa você verá

    Na versão suportada, o campo de endereço da web é aberto.

  2. O que fazer

    Cole seu link e defina uma área compatível e depois uma camada acima do jogo.

    ✓ Após esta etapa você verá

    O mesmo teste pode ser visto na prévia do LIVE Studio.

  3. O que fazer

    Grave 20 segundos localmente com um teste e microfone.

    ✓ Após esta etapa você verá

    O arquivo mostra uma sobreposição e ouve um som.

  4. O que fazer

    Bloqueie a fonte finalizada com um cadeado.

    ✓ Após esta etapa você verá

    Arrastar acidentalmente não move a sobreposição.

Um exemplo que você pode reproduzir

A cena horizontal e o link são 1920×1080. Um alerta definido na extrema direita pode desaparecer em uma fonte com apenas 800 pixels de largura. Aumentar o quadro vermelho de uma fonte em uma cena não altera sua resolução interna.

Primeiro, escolha um layout: horizontal ou vertical?

A resolução de origem é a área na qual a sobreposição desenha seus elementos. O tamanho desta área e o tamanho do retângulo que você está arrastando com o mouse na cena são duas coisas diferentes. Encolher o retângulo não moverá um elemento que estava anteriormente fora da área de origem.

Em Thunderstream, selecione o formato correspondente à sua cena, salve a posição e só então insira as dimensões no programa de transmissão. Ao alterar o formato de paisagem para retrato, verifique novamente a posição do alerta, da parte superior e do chat. Não estique a sobreposição de maneira desigual, caso contrário você distorcerá as letras e os avatares.

Primeiro, escolha um layout: horizontal ou vertical?
DestinoÁrea de origem da amostraImportante ao configurar
Estágio horizontal1920×1080Mantenha as proporções e verifique a posição nas bordas.
Estágio vertical1080×1920Defina itens para visualização do telefone, não para monitor amplo.
Formato próprioDimensões salvas em ThunderstreamA fonte em OBS ou LIVE Studio deve ter as mesmas dimensões.

Adicione a fonte em OBS Studio

A fonte do navegador exibe a página, não a gravação do seu painel. Isso evita que configurações, botões e informações privadas entrem na imagem. Somente o conteúdo da sobreposição selecionada deve estar visível na cena.

  1. Selecione a cena onde a sobreposição deve ficar. No painel Fontes, clique no sinal de adição e selecione Navegador.
  2. Crie uma nova fonte e dê a ela um nome claro, como “Thunderstream – Chat”.
  3. Cole o endereço copiado no campo URL. Deixe a opção de arquivo local desabilitada.
  4. Defina a largura e a altura de acordo com o painel Thunderstream. Para uma configuração de 1920 × 1080, insira estes valores exatos.
  5. Confirme a fonte. Na lista Fontes, mova-o sobre o jogo ou a captura da câmera.

Adicione a fonte em TikTok LIVE Studio

Os nomes dos itens dependem do idioma e da edição do LIVE Studio. Você está procurando uma fonte que exiba a página do URL. Se a sua versão não suportar esse recurso, verifique LIVE Studio para atualizações e ajuda; não escolha uma fonte aleatória que capture toda a sua área de trabalho.

  1. Em LIVE Studio, selecione uma cena e abra a fonte adicional.
  2. Na versão que suporta fontes da web, selecione Link ou a fonte correspondente com um campo URL.
  3. Cole o mesmo link de sobreposição de Thunderstream e defina as dimensões corretas.
  4. Coloque a fonte sobre a imagem do jogo e verifique a posição dos elementos na prévia.

Organize as fontes para que nada obscureça os alertas

Você pode adicionar uma fonte existente à sua próxima cena em vez de criar uma nova cópia independente com o mesmo link. Considere isto especialmente para fontes que reproduzem áudio: duas cópias ativas podem resultar em leitura dupla. Não remova uma fonte que já esteja funcionando corretamente antes de verificar se há uma substituição.

  1. Coloque o plano de fundo ou o jogo mais abaixo na sua lista. Adicione uma câmera e decorações acima delas e coloque as fontes Thunderstream onde deseja que fiquem visíveis na imagem final.
  2. Selecione a fonte de sobreposição. Se foi cortado acidentalmente, verifique sua transformação e corte. No OBS, utilize o menu de contexto de origem e a opção Transformar; o nome depende da linguagem do programa.
  3. Altere a localização do próprio alerta na configuração de um determinado alerta em Thunderstream. Defina X, Y, tamanho e animação, clique em Salvar e teste as configurações salvas.
  4. Depois de definir a fonte, bloqueie-a com um cadeado na lista de fontes. Isso evitará que você mova acidentalmente toda a área com alertas ao mover a câmera.

Salve, teste e verifique o som

Retorne para Thunderstream e execute o teste de configuração salvo. Faça isso antes de iniciar o LIVE: as simulações podem ser limitadas durante uma transmissão real. Compare a posição e o tamanho com o programa de streaming, não apenas com a visualização no painel.

Se o áudio suportar Thunderstream, capture o áudio do programa ou da área de trabalho. Não execute simultaneamente uma segunda leitura TTS em outro painel ou fonte, pois os destinatários podem ouvir um eco. No OBS, verifique os medidores e faça uma breve gravação local.

Som: painel, programa ou fonte do navegador?

Primeiro, determine de onde realmente vem o som. Se Thunderstream estiver reproduzindo, capture o som deste aplicativo ou do dispositivo de sistema apropriado no programa de transmissão. Se uma fonte do navegador estiver reproduzindo, verifique sua participação no mixer. A seleção depende do método de reprodução definido.

Ouvir em seus próprios fones de ouvido e o som enviado aos espectadores são questões distintas. Só porque você ouve um alerta no seu computador não significa que ele foi transmitido. Faça uma gravação curta com um microfone e um alerta de teste e depois reproduza.

  1. Execute um teste e observe qual medidor de som responde. Certifique-se de que esta fonte não esteja silenciada.
  2. Verifique se o caminho de áudio selecionado está incluído na saída de transmissão. Se você ouvir duas cópias, desative a captura duplicada do mesmo som.
  3. Ouvir o público LIVE na segunda aba silencia ou usa fones de ouvido. O som dos alto-falantes pode retornar ao microfone.
  4. Combine o volume da música e TTS com a sua voz. No programa de computador, você também pode definir o volume para silenciar a música quando o microfone for detectado.

Mudança de cena, atualização e suavidade da animação

A fonte do navegador possui opções separadas para desativar quando oculto e atualizar quando a cena é ativada. Atualizar carrega a sobreposição desde o início. Para itens que você deseja manter a continuidade, não ative a recarga automática desnecessariamente. Por sua vez, uma sobreposição não utilizada não precisa funcionar como diversas cópias independentes em muitas cenas.

Não aumente a taxa de quadros da sua fonte só porque o seu computador possui um monitor rápido. Combine-o com a sua transmissão e verifique o efeito na gravação. Para problemas de taxa de quadros, comece excluindo cópias de origem desnecessárias e fechando as visualizações não utilizadas, em vez de atualizar tudo durante LIVE.

Após alterar as configurações, salve-as em Thunderstream. Atualize uma fonte somente quando realmente precisar dela. Você evitará interromper acidentalmente a animação, a música ou a leitura.

Fonte vazia? Verifique essas coisas nesta ordem

  1. Compare as dimensões da fonte com as dimensões registradas em Thunderstream. O item pode estar fora de uma área muito pequena.
  2. Verifique o ícone de visibilidade da fonte, sua ordem na cena e se a ferramenta está habilitada.
  3. Verifique se todo o link atual foi copiado e se a conta está vinculada ao LIVE real.
  4. Lembre-se que um topo vazio sem participantes ou um alerta aguardando um evento pode ficar intencionalmente invisível. Use o teste de pré-transmissão.
  5. Se um link ou seus parâmetros tiverem sido alterados, atualize apenas essa fonte após salvar. Não desconecte desnecessariamente um LIVE em execução.

O que você vê na tela e como consertar

Corrija uma coisa de cada vez e tente a mesma coisa novamente. Se você alterar várias opções ao mesmo tempo, será difícil determinar o que resolveu o problema. Não exclua uma fonte de trabalho ou configuração inteira só porque um widget não está respondendo.

Se ainda precisar de ajuda, anote o nome e versão do programa, plataforma, tempo aproximado de teste, resultado esperado e o que realmente aconteceu. Anexe um dump sem senhas, chaves e links privados completos. Esta descrição é muito mais útil do que apenas a mensagem “não funciona”.

O que você vê na tela e como consertar
SintomaVerifique primeiroFaça isso
Posso ver todo o painel.Colou o endereço da barra do navegador.Copie o campo do link privado de uma sobreposição específica.
Eu vejo o Minecraft na demonstração.Uma visualização foi usada em vez de um link de produção.Substitua o URL pelo link da sobreposição selecionada.
A fonte está vazia.Nenhum evento, ferramenta desativada ou área pequena.Verifique Teste, Switch, Dimensões e Ordem das Camadas.
A sobreposição está esticada.As proporções do retângulo foram alteradas.Restaure a proporção e ajuste a fonte sem esticar um eixo.

Última tentativa antes de usar em LIVE

  1. Salve as alterações usando o botão atribuído à função editada. Se houver formulários separados, verifique cada parte alterada separadamente.
  2. Abra as configurações novamente e compare os valores mais importantes. Simplesmente mover o controle deslizante nem sempre significa um salvamento permanente.
  3. Verifique o resultado fora do próprio editor: na cena alvo, na gravação ou na configuração reaberta.
  4. Se a função usar a plataforma, confirme separadamente o novo evento tratado durante o LIVE ativo. Não espere que o teste de aparência confirme a autorização da conta.
  5. Salve os valores de trabalho e faça uma cópia antes da próxima grande alteração. Na próxima vez que você iniciar, comece com uma verificação rápida.

Verifique antes de LIVE

  • Seu próprio link e resolução compatível.
  • A fonte está acima do jogo e a ferramenta está habilitada.
  • O teste pode ser visto no programa de streaming.
  • O som é ouvido uma vez e confirmado por uma breve gravação.
  • Após mudar de cena, a fonte continua funcionando e não reproduz uma segunda cópia do som.
  • A chave de transmissão não foi colada na fonte de sobreposição.
  • As configurações reabertas mantêm os valores salvos.
  • Uma única tentativa é confirmada na saída de destino.

Perguntas que surgem com mais frequência

A visualização do Minecraft no painel aparecerá no meu LIVE?

Não copie o endereço de visualização. O link de sobreposição de produção mostra elementos de sobreposição acima da sua cena; o plano de fundo da demonstração é para configuração.

Preciso ter um navegador aberto?

Se o painel ou programa suportar TTS, música ou outras operações locais, deixe-o em execução. O link de origem em si não substitui a conexão LIVE e todos os processos de recuperação.

Um link é suficiente para todas as ferramentas?

Copie o link do tipo de sobreposição selecionado. Fontes separadas permitem definir alertas, bate-papo e outros complementos separadamente.

Preciso colar a chave de transmissão na sobreposição?

NÃO. O navegador ou link de origem recebe o link de sobreposição de Thunderstream. A chave de transmissão vai para as configurações de transmissão no OBS ou outro codificador, não para o endereço de sobreposição.

Por que o alerta está no meio do painel, mas não é visível no LIVE?

Compare a resolução e a proporção de ambas as áreas. Sprawdź też kadrowanie, kolejność źródeł, zapis pozycji danego alertu e test jego zapisanej konfiguracji.

O que devo fazer se minha tela parecer diferente da foto?

Verifique o nome do programa, versão e recurso selecionado. O despejo é real, mas é de uma edição e idioma específicos. Pesquise um campo descrito por sua tarefa. Caso a opção não esteja disponível, verifique o suporte oficial atual e a disponibilidade em sua conta.

Documentação oficial e assistência adicional