Overlay BF6 no OBS

  1. Atualização automática a cada 1 minuto
    • Agora o overlay HTML recarrega sozinho sem precisar você mexer.
    • Feito com <meta http-equiv="refresh" content="60"> no <head> e também com setTimeout() em <script> no final.
  2. Suporte a “Melhor classe” e “Melhor modo”
    • No lugar de mostrar apenas “Classe” e “Modo”, agora exibe: Melhor classe: Reconhecimento Melhor modo: Conquista
    • Isso evita confusão com a classe/modo atual.
  3. Novo estilo animado (tipo 4)
    • Fundo com efeito “vidro fosco” (glassmorphism).
    • Chips com estatísticas pulsando de leve e efeito hover.
  4. Detecção automática de idioma
    • Usa o locale=auto (padrão) para pegar o idioma do navegador.
    • Ou você pode forçar locale=pt-br, locale=en, etc.
    • Corrigido suporte para en-us (vira en) e pt (vira pt-br).
  5. Personalização de tema
    • Parâmetro theme=dark ou theme=light.
    • Muda fundo, cores de texto e chips.
  6. Suporte a JSON
    • widget=json retorna os dados prontos para consumir via código.
    • Bom para quem quiser criar overlay customizado no OBS usando Browser Source + HTML próprio.

Como usar no OBS

  1. Abra o OBS e adicione “Fonte do Navegador”.
  2. No campo URL, coloque algo como:
https://rip-bf5.com.br/api/game/Overlays/?game=bf6&widget=html&player=jn-nicolas&tipo=4

⚠️ codificado para funcionar na URL.

  1. Ajuste a largura/altura conforme precisar (por exemplo, 800×200).
  2. Marque “Atualizar navegador quando a cena se tornar ativa” para evitar cache preso.
  3. Pronto! A cada 1 minuto ele vai recarregar automaticamente.

Parâmetros disponíveis

  • game=bf6 → Jogo (no momento só BF6)
  • player=SeuNomeEAID → EAID do jogador
  • tipo=1, tipo=2, tipo=3 ou tipo=4 → layout
  • theme=dark ou theme=light
  • locale=pt-br, locale=en etc. (ou auto sem eles)