OlĂĄ amados!

O !s2 é o comando que chama a overlay personalizada da Streamando, caso queira divulgar um amigo streamer. Nós sugerimos configurar também um comando de bot, assim aparece a overlay na tela e aparece no chat!

Requisitos
Instalação
Personalização da Overlay
Comando do Chat
SoluçÔes de Problemas
Migrando ConfiguraçÔes
CĂłdigo Fonte

Requisitos

Ter uma conta na StreamElements, para tal, acesse https://streamelements.com/

A Overlay foi programada para funcionar apenas na StreamElements, mas nĂŁo se preocupe pois mesmo que vocĂȘ use StreamLabs ou qualquer outro programa ou versĂŁo do OBS, ele vai funcionar normalmente contanto que seu programa permita adicionar fontes de navegador.

Instalação

1Âș Passo: Para instalar sua overlay na sua galeria de overlays da StreamElements, basta clicar em uma das opçÔes abaixo:

!s2 Twitch
!s2 Trovo

2Âș Passo: Na sua galeria de overlays ainda no site da StreamElements, clique no botĂŁo “Editar/Edit” da overlay e entĂŁo na tela que abrir, no canto superior direito, ao lado esquerdo dos botĂ”es “Preview” e “Save”, clique no botĂŁo de corrente para copiar a URL da overlay.

3Âș Passo: Com a URL copiada, no OBS, adicione uma nova Fonte/Source Navegador/Browser. Na opção URL cole a que vocĂȘ copiou seguindo o passo anterior no StreamElements. Na largura vocĂȘ coloca 920 e na altura coloca 920, assim o que aparecer no OBS serĂĄ exatamente igual ao do site da Streamelements.

4Âș Passo: Teste a overlay! Para isso, basta digitar no chat do seu canal !s2 @seunome e veja a magia acontecer 💜.

Personalização da Overlay

VocĂȘ pode, e deve personalizar sua overlay! Para isso na barra lateral a esquerda, clicar sobre a layer !s2 ShoutOut by Nyokeon, entĂŁo clicar em settings e entĂŁo vĂĄrias grupos de personalizaçÔes serĂŁo exibidas.

ConfiguraçÔes

Aqui vocĂȘ pode testar a overlay, inverter o balĂŁo e alterar o idioma.

PermissÔes

Aqui vocĂȘ configura quem pode usar sua overlay, por padrĂŁo apenas vocĂȘ pode utilizar, porĂ©m vocĂȘ pode permitir que Moderadores, VIPs e usuĂĄrios do chat (Common User / UsuĂĄrio Comum) possam utilizar o comando.

Efeitos Sonoros

Aqui vocĂȘ pode configurar os sons que tocarĂŁo na overlay, Ă© possĂ­vel adicionar atĂ© 3 sons em momentos diferentes.

Cores dos Elementos

Aqui vocĂȘ altera as cores de fundo dos elementos em sĂ­ da overlay, lembrando que a cor de fundo do balĂŁo com o logo da Streamando Ă© o mesmo para a cor do fundo do balĂŁo exibindo o usuĂĄrio.

Cores dos Textos

Aqui vocĂȘ altera as cores dos elementos textuais da overlay

onRaid

Aqui vocĂȘ pode configurar a overlay para executar automaticamente apĂłs receber uma Raid.

Comando do Chat

Agora vamos pro comando do chat! É legal colocar pois assim a overlay aparece na tela e o bot faz aparecer no chat.

STREAMELEMENTS

VĂĄ em “comandos do chat” e depois “custom commands”. (Devido a uma limitação do StreamElements, Ă© retornado o usuĂĄrio correto somente quando a pessoa jĂĄ falou no canal anteriormente).

Command name: !s2

Response:

/me Conheça o canal de ${channel ${touser}} que estava streAMAndo ${game ${touser}}! 💜 Acesse: https://twitch.tv/${channel ${touser}}
STREAMLABS CLOUDBOT

Vá em “Cloudbot”, “Commands” e “Add Command”.

Command: !s2

Response: 

/me Conheça o canal de {touser.name} que estava streAMAndo {touser.game}! 💜 Acesse: https://twitch.tv/{touser.name}
STREAMLABS CHATBOT

Vá em “Commands”, e clique no + no canto superior direito.

Command: !s2

Response: 

/me Conheça o canal de $touser que estava streAMAndo $game! 💜 Acesse: https://twitch.tv/$touser
NIGHTBOT

Vá em “Commands” e depois “Custom”.

Clique em “+Add Command”, e na janela que abre:

Command: !s2

Message:

/me $(twitch $(touser) "Conheça o canal de {{displayName}} que estava streAMAndo {{game}}! 💜 Acesse: {{url}}")
MIXITUP

Clicar em “New Command”.

Clicar em “Action”, na parte inferior.

Clicar em “Chat Message”.

Clicar em no botão de “+” do lado de “Chat Message”, embaixo.

Clicar na barra onde está escrito “Chat Message”.

Escrever o comando correspondente no “Chat Message”.

/me Conheça o canal de $arg1username que estava streAMAndo $targetuserstreamgame! 💜 Acesse: $targetuserurl

Agora vocĂȘ estĂĄ prontinho com os comandos da Streamando!

SoluçÔes de Problemas

Minha overlay parou de funcionar ou não exibe as alteraçÔes que fiz recentemente

Caso a sua overlay pare de funcionar por algum motivo, tente atualizar o cache. Clique nas propriedades da fonte da overlay, role a pĂĄgina para baixo e clique no “Atualizar o cache da pĂĄgina atual” ou em inglĂȘs “Refresh cache of current page”

Migrando as ConfiguraçÔes

Sempre que lançamos uma atualização, a menos que vocĂȘ prefira copiar e colar o cĂłdigo da nova versĂŁo para a antiga. PorĂ©m existe uma quinta aba chamada “DATA”, que contĂ©m todas suas configuraçÔes salvas da overlay.

Na aba “Settings” aberta, no menu a esquerda, clique na layer da overlay e em “Open Editor” para abrir um retĂąngulo escuro com as opçÔes “HTML”, “CSS”, “JS”, “FIELDS” e “DATA” .

Copie o conteĂșdo da aba DATA da versĂŁo antiga da sua overlay para a nova e clique em done.

CĂłdigo Fonte

Bom pessoal, o cĂłdigo fonte da overlay tĂĄ todo disponĂ­vel pra quem quiser estudar, entender como foi feito ou se inteirar de como programar overlay para a StreamElements, estĂĄ todo comentado (em inglĂȘs) para quem quiser fuçar.

PS: o cĂłdigo fonte estĂĄ no editor de elementos

Bom, Ă© isto 😉!

Qualquer dĂșvida entre em nosso discord: bit.ly/discords2