Guia · 5 passos
Como adicionar um custom widget no Streamlabs por link
O Streamlabs guarda os custom widgets dentro de widget themes. Um link de compartilhamento copia o código e as configurações do widget para um tema na sua conta, então o único cuidado é em qual tema ele vai parar.
Resposta rápida
Em streamlabs.com, crie um novo widget theme (Widget Themes › Create a widget theme), abra o link de compartilhamento do widget com a conta logada e clique em Use ao lado do tema que você acabou de criar. Depois copie a URL do widget e adicione ao OBS ou ao Streamlabs Desktop como Browser Source.
Passo a passo
Crie um widget theme
Entre em streamlabs.com, abra Widget Themes e escolha Create a widget theme. Dê a ele o nome do widget que você vai instalar, por exemplo Chatbox.
Abra o link de compartilhamento
Abra o link de compartilhamento do widget no mesmo navegador. Entre no Streamlabs, se ele pedir.
Escolha o tema novo
Na lista de temas, clique em Use ao lado do tema que você acabou de criar. O widget abre, com o código e as configurações no lugar.
Copie a URL do widget
Na página do widget, copie a Widget URL. Mantenha em segredo: quem tiver essa URL pode exibir o widget.
Adicione ao OBS
No painel Fontes (Sources), clique em +, escolha Navegador (Browser), dê um nome e clique em OK. Cole a URL e defina a largura e a altura indicadas nas instruções do widget. No Streamlabs Desktop, adicione uma Browser Source do mesmo jeito.
Um widget por tema
Um tema guarda um custom widget. Importar um segundo widget no mesmo tema substitui o primeiro, então crie um tema novo para cada um. O Streamlabs Desktop também usa o tema que estiver ativo na sua scene collection; se um widget parecer errado lá, confira qual tema está selecionado.
Colando o código manualmente
Se você recebeu arquivos de código em vez de um link, abra a página de configurações do widget em streamlabs.com, ligue Enable Custom HTML/CSS e cole cada arquivo na caixa correspondente. O Streamlabs recomenda deixar essa chave desligada, a menos que você mesmo tenha adicionado o código, porque código personalizado esquecido é uma causa comum de alertas quebrados.
O StreamElements é mais simples para packs
No StreamElements, um só link pode instalar um pack inteiro em um overlay. Se você usa o OBS Studio e ainda não escolheu um serviço, compare os dois primeiro.


