Drafter.lol

Procurando o overlay do OBS?

Leia o Guia da Custom Stream. Esta página cobre o modo stream antigo e o fluxo de parâmetros de URL.

Introdução

Bem-vindo ao Guia para Transmissões do Drafter.lol. Seja num torneio da comunidade ou numa produção profissional, o Drafter.lol foi feito para ser flexível e fácil de integrar à sua stream.

Precisa de ajuda?

Dúvidas ou pedidos de recursos vão na nossa comunidade no Discord.

Modo Stream (Início Rápido)

A forma mais fácil de colocar o Drafter.lol na sua stream é usando o Modo Stream. Esse modo oculta automaticamente todos os elementos não essenciais da interface, deixando só o que seus espectadores precisam ver.

Como ativar

Adicione &stream=true ao fim da URL do seu draft.

Como os links de draft já incluem parâmetros (como ?game=1), use o símbolo & para encadeá-los.

Exemplo: https://drafter.lol/draft/ABC-123?game=1&stream=true

O que mostra

Picks, Bans, Picks Fearless, Nomes dos Times e o Cronômetro.

O que oculta

Barras de navegação, imagens de fundo, a lista de seleção de campeões, o Botão de Draft e as Informações da Série.

Dica

No OBS, adicione a URL como uma Fonte de Navegador. Como o Modo Stream oculta o fundo, o draft aparece transparente, permitindo colocá-lo sobre seus próprios overlays personalizados.

Layouts Visuais

O Drafter.lol oferece diferentes layouts visuais para combinar com a estética da sua stream. Nosso layout padrão é limpo e moderno, mas também oferecemos um visual especializado para transmissões de nível profissional.

Como trocar de layout

Abra qualquer sala de draft e clique no botão Menu na barra de controle superior para alternar entre os layouts Padrão e LCK.

Adicione &layout=lck à sua URL para forçar um layout específico.

Layout Normal

A experiência clássica do Drafter.lol. Um layout limpo e familiar com o nosso visual característico, adequado de treinos casuais a partidas competitivas.

Layout LCK

Um visual de transmissão profissional inspirado na LCK, com animações elegantes e uma estética premium de "pro play".

Personalizando Sua Visualização

Você pode ajustar o layout do draft nos detalhes pelo nosso sistema de preferências. Ele permite ativar ou desativar recursos específicos conforme as necessidades da sua transmissão.

Como personalizar

Abra qualquer draft.
Clique no ícone de Preferências na barra de navegação superior.
Ajuste suas configurações e clique em Salvar para aplicar as mudanças.

O Parâmetro de Preferências

Para tornar suas configurações permanentes no OBS, use o parâmetro de configuração gerado no fim do menu Preferências.

https://drafter.lol/draft/123?game=1&preferences=10101...

Essa longa sequência de números diz ao Drafter.lol exatamente quais botões você clicou, para que fique idêntico toda vez que carregar.

Para Usuários Avançados (CSS)

Quer mudar fontes, cores ou reposicionar elementos? O Drafter.lol é construído com nomes de classe e IDs estáveis em quase todos os elementos, o que o torna altamente personalizável via CSS.

#estilo-por-id

Elementos específicos, como cards de pick individuais (#pick-card-1) ou cabeçalhos de time, têm IDs únicos para seleção direta.

.estilo-por-classe

Grupos de elementos, como todos os slots de ban ou todos os nomes de time, compartilham classes comuns para facilitar a estilização em massa.

Exemplo: CSS Personalizado no OBS

css

/* Mudar a cor do nome do time para dourado */
.team-name {
  color: #ffd700 !important;
}

/* Ocultar o cronômetro para um visual mais limpo */
#draft-timer {
  display: none;
}