Overlay para OBS e TikTok LIVE Studio

A aba Overlay de cada mod e de cada integração personalizada é um editor de widgets que aparecem por cima do seu stream: um painel com o que os espectadores podem acionar, alertas de presentes e novos seguidores, metas do stream, contadores e rankings, um contador de vitórias e um placar dos times, a sua vida, as suas mortes e a distância até a chegada direto do jogo, além de texto, imagens e vídeo seus. Você adiciona um link ao OBS ou ao TikTok LIVE Studio, e o overlay sempre mostra o layout do mod que está ativo no BakoshApp.

O layout pertence à predefinição ativa do mod: troque de predefinição, e o overlay troca junto.

Widgets

Adicionar widget abre o catálogo de widgets. Ele é dividido em seções; alguns widgets vêm como vários cartões prontos (por exemplo, Like Goal e Gift Mission são ambos um Stream Goal).

• Action Board — um painel de blocos criado a partir das ações do seu mod: "este presente → isto acontece no jogo". Ele tem um artigo próprio: Action Board.
• Avatar — seu avatar 3D no stream, veja Bakosh Avatar.
• Health Bar, Finish Distance e Death Counter mostram o que o jogo informa, veja Vida, mortes e distância do jogo.

Alertas, metas, contadores e rankings recebem os dados do Conector nativo e do conector do Kick. Os eventos que chegam pelo TikFinity não mostram alertas e não entram nas estatísticas.

Montar um layout

1. Abra um mod → Overlay.
2. Clique em Adicionar widget, escolha um cartão e depois um visual em Escolha um estilo para ….
3. Arraste o widget no canvas, redimensione e gire; defina o texto, as cores e o comportamento dele no painel à direita.
4. Use Camadas para bloquear, ocultar, duplicar ou excluir widgets. Duplicar para… copia um widget para outro mod ou integração.

Tamanho, o primeiro campo no painel da maioria dos widgets, escala o widget inteiro — texto, ícones, barras e espaçamentos juntos. A moldura que você arrasta no canvas só dá espaço ao widget: se você a diminuir, os espaços entre os elementos encolhem primeiro. O widget Text tem Tamanho da fonte no lugar.

As alterações são salvas automaticamente. O botão de ímã (Alinhar às guias) faz os widgets grudarem no centro e nas bordas do canvas e em outros widgets.

O layout tem dois modos de exibição: Paisagem (1920×1080) e Retrato (1080×1920), que você alterna pelo botão acima do canvas. Cada widget mantém a própria posição, tamanho e corte em cada modo, então um único layout funciona nas duas orientações.

Atalhos de teclado

O botão de teclado ao lado dos controles de zoom (Atalhos de teclado) mostra a lista completa.

Sem Shift, as alças dos cantos redimensionam livremente: textos e painéis se reorganizam em vez de esticar. Desfazer não reverte placares ao vivo, Duplicar para…, uploads nem o visual no stream de uma ação.

O corte funciona nos widgets Image e Video: segure Alt e arraste uma alça, e a borda corta a imagem em vez de redimensioná-la. Redefinir corte no painel traz a imagem inteira de volta.

Demo

Os widgets que reagem a eventos ou mudam seus números têm um botão Demo no painel. Ele reproduz só esse widget, no canvas e, ao mesmo tempo, no OBS ou no TikTok LIVE Studio, para você ver como fica no stream:

• um alerta mostra um evento de exemplo, com o som dele;
• uma meta, um contador, um ranking, o Win Counter, o Team Score, o Death Counter, o Health Bar, o Finish Distance ou o Action Board reproduz valores de exemplo ou pisca, e depois os valores reais voltam.

As configurações que só aparecem no momento de um evento — animações, partículas, o flash do painel — repetem a demo no canvas sozinhas enquanto você as altera. Nada é enviado ao OBS nesse caso, caso você esteja ao vivo.

Adicionar o overlay à sua stream

Clique em Copiar URL acima do canvas. O link pertence ao modo de exibição atual: copie-o uma vez em Retrato para um stream vertical e uma vez em Paisagem para um horizontal. O botão ? (Guia) mostra os passos com capturas de tela.

TikTok LIVE Studio:

1. Clique em Add source e escolha Link.
2. Cole o link, ative Custom resolution e defina 1080×1920 (1920×1080 para paisagem).
3. No menu de redimensionamento, escolha Fill e mantenha a fonte acima das outras.

OBS Studio: adicione uma Browser Source, cole a URL e defina o tamanho como 1920×1080 para Paisagem ou 1080×1920 para Retrato.

O BakoshApp precisa estar rodando no mesmo PC que o OBS ou o LIVE Studio — o overlay recebe seus eventos do app. O link não depende do mod: troque o mod ativo, e o overlay muda para o layout desse mod.

Abrindo o link no Chrome ou no Edge

O OBS e o TikTok LIVE Studio mostram o overlay normalmente. O Chrome e o Edge perguntam antes se o bakosh.app pode acessar apps no seu computador: clique em Permitir. Se você bloqueou, a página mostra "Browser is blocking the overlay" — clique no ícone à esquerda da barra de endereço, permita Apps no dispositivo, e o overlay se reconecta sozinho.

Alertas

Cada widget de alerta tem filtros: Plataforma (TikTok, Kick ou ambos), Presentes aos quais reage, Mínimo de diamantes (TikTok) / Mínimo de Kicks (Kick), Likes para acionar, Combinar repetições, Uma vez por espectador e Intervalo (ms). Os alertas esperam em uma fila; cada um é exibido por 4 segundos por padrão.

Abaixo dos campos de texto, cada alerta lista as variáveis que pode usar, por exemplo {nickname}, {username}, {giftName}, {repeatCount} e {diamondCount} para presentes ou {likesAmount} para likes. A seção Efeitos adiciona números com contagem crescente, uma imagem animada, brilho, um feixe de luz e partículas.

Metas, contadores e rankings

Esses widgets mostram estatísticas de espectadores — o que as suas plataformas conectadas informaram. Escolha O que contar, o Período (Esta live, Últimos 7 dias, Últimos 30 dias, Todo o período) e a Plataforma.

• Stream Goal — o progresso rumo a uma meta. Ao atingir: Ficar em 100% ou Aumentar a meta em um valor definido.
• Stream Counter — um número com um ícone e um rótulo: curtidas, novos seguidores, espectadores online, moedas, um presente específico e mais.
• Leaderboard — os melhores espectadores em uma lista ou em um Pódio (top 3). Posição do valor coloca o número ao lado do nome ou abaixo dele, Espelhado (da direita para a esquerda) inverte a linha para o lado direito da tela, Tamanho do título, % dimensiona o título. As posições livres mostram um traço; um ranking vazio mostra o Texto quando vazio, se você o definiu.

Enquanto não há dados, o editor mostra linhas de exemplo; o OBS mostra apenas espectadores reais. Eventos de teste não contam — use Demo para ver a animação.

Win Counter, Team Score e Death Counter

Os contadores mudam por meio de ações: na aba Overlay de Todas as ações (Adicionar novo na aba Ações), adicione:

• Win Counter — Wins Up, Wins Down, Wins Set ou Wins Set To Goal;
• Team Score — Adicionar pontos, Remover pontos ou Definir placar para o Time 1 (esquerda) ou Time 2 (direita), ou Zerar os dois placares;
• Death Counter — Adicionar mortes, Remover mortes, Definir contagem ou Zerar contagem.

Cada ação aponta para um Widget de destino, e o interruptor desse widget decide o que muda:

• Usar vitórias/meta do jogo (Win Counter), Usar o placar do jogo (Team Score) ou Usar a contagem do jogo (Death Counter) ativado — a ação altera o contador compartilhado do mod, que todo widget com o interruptor ativado mostra. No GTA V e no RDR2, o contador de vitórias compartilhado é o do próprio jogo.
• Interruptor desativado — a ação altera apenas o contador próprio desse widget.

Se o overlay ainda não tem um widget desse tipo, a ação altera o contador compartilhado. Se o widget de destino foi excluído, a ação não faz nada; escolha outro. Você também pode digitar os números direto nos campos do widget no editor. No TABS Battle, as vitórias de cada exército alimentam o Team Score compartilhado automaticamente.

Vida, mortes e distância do jogo

Três widgets da seção Jogo pegam seus números do próprio jogo:

Adicionar widget oferece cada um deles apenas onde o jogo informa esse número.

• Visuais. O Health Bar pode ser uma barra, segmentos, corações, um anel, um número ou um monitor cardíaco; o Finish Distance pode ser um texto (“Distance: 100 m”), uma barra de progresso, uma estrada, um anel ou um navegador; o Death Counter pode ser um número, uma fileira de caveiras, palitinhos de contagem, vidas, um odômetro, um banner WASTED ou uma lápide. As barras e a estrada ficam na vertical com Orientação. Escolha um estilo para … oferece visuais prontos de cada um.
• Com as suas palavras. Todo rótulo é seu: o texto ao redor do número, START e FINISH, os textos do banner, da lápida e de fim de jogo. O Finish Distance usa {remaining}, {traveled}, {total} e {percent}, em metros e quilômetros ou em pés e milhas, com seus próprios rótulos de unidade, se quiser; o Death Counter usa {deaths} e {lives}.
• Chegada. A cada chegada, a barra fica cheia por um instante, o widget dá um pulo e confete, bandeiras de chegada ou brilhos explodem da bandeira de chegada — escolha o efeito em Efeito de chegada ou desative a comemoração com Comemorar a chegada. Um Som de chegada também pode tocar.
• Contagem de mortes. O jogo soma uma morte sempre que o seu personagem morre — no Train Auto, cada trem destruído. A contagem fica até você clicar em Zerar contagem no painel do widget ou executar uma ação Death Counter. Com Usar a contagem do jogo desativado, o widget conta apenas o que as suas próprias ações somam.
• Morte. A cada morte, um clarão vermelho se espalha a partir do centro, o widget treme e ícones, brilhos ou corações explodem do número — escolha o efeito em Efeito de morte. Clarão vermelho ao morrer e Tremor ao morrer desativam o restante, e um Som de morte também pode tocar.
• Sem o jogo. O editor mostra valores de exemplo até o jogo ser conectado. No OBS, um widget sem dados se esconde sozinho; para manter um indicador vazio na tela, defina Sem dados do jogo (Sem rota no Finish Distance) como Mostrar um indicador vazio.

No KOTH e no KOTH Auto, o God Mode vem ativado por padrão, então o Health Bar fica cheio; desative-o no F11 se quiser que a vida importe. Os números vêm do mod dentro do jogo: se esses widgets continuarem vazios enquanto você joga, atualize o mod em Gerenciar mod.

Imagens e vídeo

As imagens para widgets Image vêm de Minhas imagens (seus envios), Presentes do TikTok ou Presentes do Kick.

• Envios: PNG, JPEG, WebP, GIF ou APNG, até 30 MB por arquivo antes de o BakoshApp comprimir. Arquivos animados são enviados como estão e precisam caber em 10 MB.
• Vídeos: WebM (VP9) ou MP4 (H.264), até 10 MB, sem áudio por padrão. No editor o vídeo sempre toca sem áudio; no OBS o som funciona.
• Imagens e vídeos têm, cada um, seu próprio armazenamento: 25 MB no Free, 250 MB no PRO e MAX.

Perguntas frequentes

O overlay mostra "Overlay unavailable". O overlay não consegue alcançar o BakoshApp: o app não está em execução ou você não fez login. Abra-o e faça login — o overlay se reconecta sozinho.

O overlay mostra "No mode selected". Nenhum mod está ativado no BakoshApp. Ative um, e o overlay mostra o layout dele.

O overlay mostra "Browser is blocking the overlay". Você abriu o link no Chrome ou no Edge e o navegador não permitiu que ele acessasse o app. Clique no ícone à esquerda da barra de endereço e permita Apps no dispositivo.

Os alertas não aparecem. Os alertas exigem PRO ou MAX e eventos do Conector nativo ou do Kick. Verifique os filtros do alerta e depois clique em Demo.

Meu ranking está vazio no OBS. Ele se preenche conforme os espectadores enviam presentes, curtidas ou mensagens pelo Conector nativo ou pelo Kick. Até lá, as posições mostram um traço.

O Health Bar ou o Finish Distance não aparece no OBS. Eles aparecem quando o jogo envia os números: inicie o jogo, entre na partida e ative o mod no BakoshApp. O Finish Distance só aparece enquanto houver uma chegada a alcançar. Se mesmo assim não aparecerem, atualize o mod em Gerenciar mod.

O Health Bar, o Finish Distance ou o Death Counter não aparece em Adicionar widget. O jogo deste mod não informa esse número — por exemplo, no TABS Battle, ou a distância no Train Auto, no Rust e no Minecraft. As integrações personalizadas oferecem apenas o Death Counter.

Excluí um widget por engano. Pressione Ctrl+Z.

Artigos relacionados

• Action Board
• Bakosh Avatar
• Predefinições
• Espectadores
• Integrações personalizadas
• Conector nativo