Joaçaba Sports — Documentação
Voltar ao painelAtualização do servidor
Após enviar esta versão, execute docker compose up -d --build para aplicar a configuração de uploads e a inicialização das permissões das imagens. A inicialização prepara os diretórios de escudos e patrocinadores para gravação pelo Apache, inclusive quando o projeto está montado a partir de um diretório Linux. O banco continua no volume existente.
Controle pelo celular
Abra /painel.html no endereço do servidor de produção. Na rede local, use o IP do servidor, por exemplo http://192.168.1.10:8084/painel.html. O celular e o OBS devem acessar o mesmo servidor para compartilhar o placar.
No celular, os controles dos dois times aparecem primeiro, seguidos do cronômetro, período, pênaltis e visibilidade. Toque em Escudo e uniforme para abrir as configurações de imagem e cor. Os botões e campos têm tamanho adequado ao toque; ticker, lower thirds e patrocinadores continuam disponíveis abaixo.
Espere o indicador Sincronizado após registrar uma ação. Ao voltar de outro aplicativo ou desbloquear o celular, o painel consulta novamente o servidor e atualiza o cronômetro. O rascunho do ticker continua aguardando Aplicar. Se a conexão falhar, confira os valores usando Atualizar conexão antes de repetir uma ação: uma resposta perdida não significa que o gol não foi gravado.
Patrocinadores rotativos
Acesse /patrocinadores ou o botão Patrocinadores no painel. Envie uma ou mais imagens PNG, JPG ou WebP de até 8 MB cada. Todos os itens cadastrados ficam ativos; use Remover para retirá-los da transmissão.
As imagens alternam a cada 8 segundos, na ordem de cadastro, no canto inferior direito da overlay principal e dentro do quadro direito do lado a lado, com transi??o suave de 0,7 segundo. Um único patrocinador permanece visível; sem patrocinadores, o espaço fica transparente. As imagens mantêm sua proporção dentro de uma área de 300 × 160 px, acima do ticker. Use as fontes de navegador existentes no OBS, em 1920 × 1080; não é necessário adicionar outra fonte.
Na overlay principal, a logo do canal fica no canto inferior esquerdo, com altura de 140 px. Os lower thirds aparecem acima dela. Nomes completos longos quebram linha para preservar o texto. A overlay de faixas fixas em patrocinadores.html e seus controles no painel continuam disponíveis.
Como configurar no OBS Studio
Na máquina que executa o Docker, use http://localhost:8084.
Em outro dispositivo da mesma rede, substitua localhost pelo IP dessa máquina e mantenha
a porta 8084. Exemplo: http://192.168.1.10:8084/painel.html.
- Adicione uma fonte Navegador para cada overlay desejada e cole a URL da lista abaixo.
- Deixe Arquivo local desmarcado, defina Largura 1920 e Altura 1080 e mantenha o CSS personalizado vazio.
- Na overlay principal e no lado a lado, deixe Desligar a fonte quando não estiver visível desmarcado para manter a página carregada. O cronômetro é calculado no servidor e recupera o tempo correto mesmo se a página for recarregada.
- Na transição (
replay.html), marque Desligar a fonte quando não estiver visível e Atualizar o navegador quando a cena ficar ativa para repetir a animação ao voltar à cena. - No lado a lado, coloque as fontes de vídeo abaixo da overlay na lista de fontes e ajuste-as dentro dos quadros transparentes.
- Após atualizar o projeto, abra as propriedades da fonte e clique em Atualizar cache da página atual. Isso também permite repetir a transição manualmente.
Operação do painel
Configure nomes, siglas, escudos e cores nos cards dos times. Use os botões de gol e os controles do cronômetro. Os interruptores controlam placar, selo AO VIVO, marca d’água e nomes completos. Escudos e faixas de cor aparecem quando ambos os times estão configurados.
Selecione Pênaltis para pausar o relógio e abrir a disputa. Registre cobranças convertidas ou erradas, corrija pelo seletor e ajuste a quantidade (1 a 30) ou adicione uma rodada extra. Ao sair desse período, a disputa é apagada; ao voltar, começa com cinco cobranças pendentes por equipe. O placar da partida é independente.
Em Lower Thirds, cadastre nome e função e ative os itens desejados. No Ticker, use + Adicionar mensagem para cadastrar até 20 mensagens de 500 caracteres cada. Use Subir, Descer e Remover para organizar a lista. Digitar, adicionar, remover ou reordenar mensagens altera apenas o rascunho no painel. Clique em Aplicar para salvar a lista e enviá-la às overlays. Outros controles não publicam esse rascunho; recarregar o painel descarta alterações não aplicadas. Habilite sua visibilidade: a faixa entra suavemente, cada mensagem percorre a tela por completo e a próxima começa na ordem cadastrada. Ao terminar a lista, volta à primeira. Campos vazios são ignorados. Ao editar uma lista em exibição, a mensagem atual termina antes de começar a lista atualizada; ao desligar, o texto mantém sua posição enquanto a faixa desliza para baixo e desaparece suavemente. Ao ligar novamente, recomeça pela primeira. Ele aparece em todas as overlays quando ativo e com texto, inclusive espera, intervalo e transição. Nos patrocinadores, fica dentro da área da live, sem cobrir os anúncios.
Atalhos fora dos campos: 1 e 2 adicionam gols (exceto nos pênaltis), Espaço inicia/pausa o cronômetro e V alterna AO VIVO. Os demais controles são salvos automaticamente. Em conflito com outro painel, confira os valores recarregados antes de repetir a alteração.
Links úteis e suas funções
Mesmo visual animado da espera, com a mensagem “Voltamos logo”. Adicione como fonte Navegador em 1920 × 1080 na cena de intervalo; mantenha a fonte carregada para acompanhar o ticker.
Gerencia times, placar, cronômetro, escudos, cores, Lower Thirds e ticker. Abra no navegador para operar a transmissão.
Placar ao vivo, período, escudos, faixas de cor, Lower Thirds, ticker e marca d’água.
Mesma overlay principal, com REPLAY no lugar do selo AO VIVO. O placar continua acompanhando o estado atual.
Logo do canal, A CASA DO ESPORTE e aviso de início em alguns minutos, com movimento contínuo e ticker. Use na cena de espera como fonte Navegador em 1920 × 1080 e mantenha a fonte carregada.
A arte do canal atravessa a tela e sai automaticamente; serve para qualquer troca de cena.
Entra, permanece por 8 segundos e sai. Com hold maior que zero, também busca e mostra o placar uma vez.
Cobre a tela e permanece. Não sai automaticamente.
Começa com a tela coberta e anima a saída.
Mantém a arte na tela com fundo escuro para conferência no navegador.
Molduras para duas fontes de vídeo, com selo AO VIVO à esquerda e placar com cronômetro.
Endere?o antigo compat?vel: o quadro direito agora ? dedicado aos patrocinadores.
Mostra a composição mista com fundo de prévia para conferência no navegador.
Faixas inferior e lateral com imagens PNG, JPEG ou WebP enviadas pelo card Patrocinadores. A overlay principal é exibida automaticamente dentro da área da live, incluindo placar, pênaltis, Lower Thirds, marca d’água e ticker; não adicione outra fonte de placar nessa cena. Use uma fonte Navegador em 1920 × 1080, acima da live.
Posicione o vídeo em X: 24, Y: 24, com 1536 × 864 pixels. Artes: inferior em 1584 × 168 px e lateral em 336 × 1080 px (largura × altura).
Exibe os dados atuais em JSON para diagnóstico; não é uma overlay.
Na transição, hold define a pausa em segundos (padrão: 0);
modo=full faz entrada e saída (padrão). Combine opções com
&, como replay.html?hold=5&preview=1.
preview=1 serve para conferência visual no navegador.