Mostrar qual botão está pressionado ajuda o público a acompanhar uma partida. Mostrar a sequência de inputs no OBS acrescenta outra camada: fica mais fácil explicar a ordem dos comandos, comparar tentativas e reconhecer em que momento a execução mudou.
O tutorial original do Pai OBS — BrunoChrosS apresenta o Trailpad History, ferramenta de Chris de Joya adicionada como Fonte de navegador. Este guia amplia a demonstração com uma rotina de teste, critérios de legibilidade e cuidados ao interpretar os contadores exibidos.
Vídeo original: Histórico de Inputs no OBS: Como Ver TODOS Seus Comandos ao Vivo, do Pai OBS — BrunoChrosS.
Histórico de comandos e overlay de controle têm funções diferentes
Uma overlay de controle mostra o estado do dispositivo: por exemplo, o botão que você está segurando. Um histórico mantém uma sequência visual de entradas, permitindo observar o que veio antes e depois. Para ensinar um movimento, a sequência costuma oferecer mais contexto do que um botão aceso por um instante.
Isso não transforma a ferramenta em um analisador interno de Street Fighter, Tekken ou outro jogo. O histórico apresentado é uma leitura do controle pelo navegador; o resultado precisa ser comparado ao que aconteceu no jogo.
Se o objetivo é apenas exibir um desenho do joystick, consulte o guia de overlay de controle no OBS. Aqui, o foco é registrar a ordem dos comandos e usar esse registro para explicar a execução.
1. Use o endereço de histórico indicado pelo projeto
A descrição do vídeo aponta para Input History de Chris de Joya. Esse é o endereço utilizado para o histórico, separado da página da overlay comum do Trailpad.
Na conferência atual, a página carregou com o título Input History, a instrução PRESS ANY BUTTON e um painel de configurações. O vídeo apresenta uma fase mais antiga com poucas opções; a interface consultada agora inclui FPS alvo, quantidade de linhas, tamanho dos símbolos, espaçamento e personalização de botões.
A página foi acessada, mas não foi realizado um teste físico de controle neste artigo. A compatibilidade do seu arcade ou gamepad precisa ser conferida no dispositivo que será usado na gravação.
2. Prepare o controle antes de configurar a fonte
Conecte o dispositivo e confirme se o sistema reconhece seus botões. Se ele oferece vários modos de operação, use o modo compatível com seu computador e com as orientações do fabricante. A página de apresentação do Trailpad recomenda XInput/PC para melhor compatibilidade com OBS.
Evite começar o diagnóstico pelo layout. Um desenho bem posicionado não resolve um controle que o sistema não reconhece. Teste primeiro uma direção e um botão simples; só depois avalie combinações.
Também confira se existem outros controles ou dispositivos virtuais ativos. Quando a entrada mostrada não corresponde ao que você está apertando, reduzir temporariamente essa ambiguidade ajuda a localizar a origem do problema.
3. Adicione uma Fonte de navegador no OBS
- Abra uma cena de teste no OBS Studio.
- No painel Fontes, clique no botão de adicionar e escolha Navegador.
- Use um nome claro, como Trailpad History.
- Cole
https://chrisdejoya.github.io/History/no campo de URL. - Comece com largura de 800 e altura de 1080, como demonstrado no tutorial.
- Configure a taxa de quadros da fonte em 60 FPS como ponto de partida da demonstração.
- Confirme e ajuste o posicionamento sem cobrir informações importantes do jogo.
As dimensões são uma base para a área carregada, não a obrigação de mostrar todo esse espaço ao público. Recorte e escala devem atender ao seu canvas. Uma produção vertical exige outro enquadramento; reduzir o layout horizontal inteiro pode deixar os comandos ilegíveis.
O painel atual da ferramenta também possui um FPS alvo. Confira os dois lugares: a taxa configurada na página e a taxa da Fonte de navegador. Eles pertencem a camadas diferentes do fluxo.
4. Faça o histórico reagir dentro do OBS
Use Interagir na Fonte de navegador para acessar a página incorporada e pressione um botão no controle. O tutorial mostra o dispositivo conectado e o histórico respondendo; no seu computador, valide o comportamento dentro do OBS, não apenas em um navegador externo.
Comece com três testes: toque isolado em um botão, mudança de direção e combinação de direção com botão. Observe se os símbolos correspondem ao dispositivo e se a ordem registrada combina com seus movimentos.
Se você optar por desligar a fonte quando ela não estiver visível, teste a volta à cena. Essa escolha pode reduzir o trabalho do navegador, mas exige conferir se a página retoma o reconhecimento e como o histórico se comporta ao recarregar.
5. Ajuste a leitura para quem assiste
No painel de configurações disponível na página, campos como History Lines, Glyph Size e Glyph Spacing ajudam a controlar densidade e tamanho. Um histórico longo pode ocupar muito espaço; um histórico curto demais pode apagar uma sequência antes que você consiga explicá-la.
Faça uma gravação curta e assista em uma janela pequena, próxima do tamanho em que o público vê pelo celular. Confira contraste, símbolos e distância em relação à HUD. O objetivo é ler a sequência sem precisar pausar a cada botão.
A interface atual também oferece rótulos e cores por botão. Use uma convenção consistente: se você explicar um comando pelo nome do botão do arcade, evite que a tela apresente um rótulo que sugira outro botão. Personalizar aparência não corrige um mapeamento incorreto na origem.
Como interpretar os números de frames
No vídeo, BrunoChrosS demonstra um contador entre entradas. Esse recurso é útil para observar intervalos e comparar tentativas, mas precisa ser interpretado no contexto da captura.
Configurar a fonte em 60 FPS não garante que o navegador esteja sincronizado com os frames internos do jogo. Leitura de controle, atualização da página, renderização do OBS e gravação podem ter cadências diferentes. Portanto, não use o número isolado como prova exata de vantagem de um golpe ou de uma janela interna de execução.
Para analisar uma mecânica específica, combine o histórico com o treino do jogo e suas ferramentas nativas. A overlay acrescenta uma referência visual à explicação; ela não substitui a medição feita pelo próprio jogo.
Exemplo de uso: transformar uma tentativa de combo em aula
Grave uma tentativa que funcionou e outra que falhou, usando o mesmo personagem e a mesma situação de treino. Compare a ordem dos comandos antes de concluir que o problema foi velocidade.
- A direção final foi registrada antes do botão?
- Houve um botão extra na tentativa que falhou?
- A entrada ficou mantida por mais tempo?
- O jogo estava em uma situação equivalente nas duas tentativas?
Essas perguntas ajudam a construir uma explicação concreta. Em vez de dizer apenas “aperte mais rápido”, você consegue mostrar a diferença visual e orientar uma nova tentativa. Para guardar esses momentos, use o Replay Buffer do OBS.
Problemas comuns
A página continua em PRESS ANY BUTTON
Confira o controle no sistema, pressione um botão e tente a interação com a fonte. Se o dispositivo funciona fora do OBS, mas não dentro dele, revise a Fonte de navegador e teste sua atualização. Anote modelo do controle, modo selecionado e versão do OBS para pedir suporte com informações úteis.
Os botões aparecem com nomes inesperados
Compare o botão físico, a entrada recebida e o rótulo exibido. Ajuste a identificação visual somente depois de entender o mapeamento. Uma troca de nomes feita às cegas pode esconder o problema e confundir a próxima sessão.
O histórico some ao trocar de cena
Confira se a fonte é desligada quando invisível ou recarregada ao ativar. Teste as opções separadamente para descobrir qual altera seu fluxo. Não presuma que o histórico anterior será preservado após fechar ou atualizar a página.
A sequência não combina com a percepção no jogo
Compare uma gravação local e o modo de treino antes de culpar a ferramenta ou o controle. Verifique se a gravação está estável e se você está analisando entradas do mesmo dispositivo.
Checklist antes da live ou gravação
- Controle reconhecido pelo sistema.
- URL de History usada na Fonte de navegador.
- Botões e direções testados dentro do OBS.
- FPS da página e da fonte conferidos.
- Quantidade de linhas e símbolos legíveis no celular.
- Troca de cena e recarregamento testados.
- Contadores tratados como referência da overlay.
- Gravação curta revisada junto do resultado no jogo.
BrunoChrosS — O Pai OBS. Explore mais guias de FGC, OBS e produção ou entre em contato para conversar sobre sua transmissão.