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.

Também em: English · Français · Español · Deutsch

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

  1. 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.

  2. Abra o link de compartilhamento

    Abra o link de compartilhamento do widget no mesmo navegador. Entre no Streamlabs, se ele pedir.

  3. 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.

  4. 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.

  5. 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.