Integração com OBS Studio

Configure o PalcoTimer como overlay em suas transmissões ao vivo.

Introdução

O OBS Studio (e outros softwares de streaming) suporta "Browser Source", permitindo exibir páginas web diretamente na transmissão. O PalcoTimer é otimizado para funcionar como overlay com fundo transparente.

Adicionando Browser Source

Siga os passos abaixo para adicionar o timer no OBS:

Abra o OBS Studio e selecione a cena onde deseja adicionar o timer
Clique em "+" em Sources e selecione "Browser"
Dê um nome para a fonte (ex: "PalcoTimer")
Cole a URL do Viewer da sua sala. Encontre-a no Controller em "Links"
Configure o tamanho: Largura: 1920 (ou a resolução da sua transmissão), Altura: 1080 (ou a resolução da sua transmissão)
Clique em OK para adicionar a fonte

Fundo Transparente

Para usar o timer como overlay (apenas o número aparecendo sobre o vídeo), adicione o parâmetro de fundo transparente na URL:

https://app.palcotimer.com/r/ABC123/viewer?background=transparent

Além disso, marque a opção "Custom CSS" no Browser Source do OBS e adicione:

body { background-color: rgba(0, 0, 0, 0) !important; }

Dica

Se o fundo ainda não ficar transparente, verifique se a opção "Shutdown source when not visible" está desmarcada no OBS.

Parâmetros de URL

Use parâmetros de URL para personalizar a exibição:

Parâmetro	Descrição	Exemplo
background=transparent	Remove o fundo	?background=transparent
only=timer	Mostra apenas o número	?only=timer
only=progress	Mostra apenas a barra	?only=progress
only=message	Mostra apenas mensagens	?only=message
hide=controls	Esconde controles de tela	?hide=controls
progress=ring	Usa progresso circular	?progress=ring

Exemplo combinado:

https://app.palcotimer.com/r/ABC123/viewer?background=transparent&only=timer&hide=controls

Dicas Avançadas

Múltiplas fontes

Crie várias Browser Sources com diferentes parâmetros: uma para o timer, outra para mensagens, outra para a barra de progresso. Assim você pode posicionar cada elemento independentemente.

Refresh automático

Se o timer parar de atualizar, configure o OBS para recarregar a página periodicamente (opção "Refresh browser when scene becomes active").

Transformações

Use as transformações do OBS (Edit Transform) para redimensionar e posicionar o timer exatamente onde deseja na tela.

Funciona também com Streamlabs, XSplit, vMix e outros softwares que suportam browser source.