SEU CANAL, SUA IDENTIDADE
Uma ferramenta criada para todos

Personalizável e pronta para se encaixar no "espaço" de cada um. Seja por identidade, por história ou pelas mais diversas brincadeiras que acontecem nos milhares de universos que criamos dentro das lives.

Se você chegou até aqui é porque de fato está buscando mais. Sendo assim, convidamos você a sair da zona de conforto.

Esta é a versão 2.0 beta do !indica.

Calma. Não, você não está entrando em mais uma plataforma que vai te obrigar a utilizar um comando e um layout específico que não tem nada a ver com a identidade do seu canal.
Se era isso que você estava procurando… Bem. Volte duas quadras!

O !indica é uma ferramenta (open source) que oferece a você a liberdade de ter um overlay de indicação altamente personalizável.

Com ela, você pode personalizar o seu comando, a frase de exibição no chat, a forma geométrica do overlay, alterar cores, escolher as fontes dos textos e ainda exibir um gif animado como foto de perfil do !indica.

E claro, se desejar, até mesmo programar suas próprias animações.

OK, PARECE INTERESSANTE . . .
COMO FAÇO PARA USAR?

Você precisa se cadastrar em nosso site e adicionar nosso bot ao seu canal da Twitch.
Não! Você não precisa logar em lugar algum! Vamos fazer mais com menos?

Nós como streamers, sabemos que já existem muitas plataformas e serviços os quais inevitavelmente temos que fazer parte para que possamos ter recursos variados na live.

Não vamos te “obrigar” a se cadastrar na nossa plataforma, nem mesmo a adicionar mais um bot a sua conta da Twitch apenas para usar o !indica. Desenvolvemos essa ferramenta para trabalhar para você, não para nós.

Você provavelmente já utiliza algum bot no seu canal para gerar interação através de comandos e recursos. O !indica está preparado para trabalhar com ele, seja ele StreamElements, Streamlabs | Chatbot, Streamlabs |Cloudbot, Nightbot ou MixItUp.

AGORA QUE JÁ NOS CONHECE, QUE TAL TESTAR?
1
FRASE PARA INDICAÇÃO

Vamos começar?
Primeiro, escolha a frase que será exibida no seu chat quando você divulgar um streamer.
No campo abaixo escreva a sua frase personalizada respeitando as variáveis <name>, <game> e <url>.
Estas variáveis serão substituídas pelos dados do canal indicado.
Onde <name> representa o nome do streamer que está sendo indicado; <game> representa o jogo que ele estava jogando e <url> o link completo do canal.

Depois de criar sua frase personalizada, basta copiar abaixo o código referente ao bot que você utiliza.
Para cada bot existe um vídeo tutorial ensinando como configurar.

streamelements
MixItUp
streamlabs | CLOUDBOT
streamlabs | CHATBOT
nightbot

Configure o seu bot
2
COMANDO PARA O CHAT

Após copiar o respectivo código, vá até a plataforma de controle do seu bot e adicione um comando customizado.
Nesta etapa, você deve definir o comando que irá ser utilizado para indicar um streamer no seu canal.

Não tem problema se ainda não pensou no comando que quer usar.
Você pode utilizar o comando !indica por padrão podendo alterá-lo a qualquer momento.

Não se esqueça de definir a permissão do comando para apenas moderadores e streamer.

AGORA QUE JÁ CRIOU E CONFIGUROU O SEU COMANDO, VAMOS CONFIGURAR O OVERLAY.
3
OVERLAY PARA EXIBIÇÃO A INDICAÇÃO

Para configurar o overlay vamos precisar acessar a plataforma StreamElements.
Caso você ainda não utilize a plataforma será necessário efetuar o login com sua conta da Twitch.

Fique tranquilo.
Você não precisa usar nenhum recurso da plataforma no seu canal.
Você apenas irá configurar o layout do overlay nesta plataforma e utilizar a url para adicionar uma fonte de navegador.

ASSISTA AQUI O TUTORIAL COMPLETO

COPIE OS CÓDIGOS ABAIXO PARA O OVERLAY DO STREAMELEMENTS

HTML

<script src="https://indica.thespeakerbot.com/overlay.js"></script>

CSS

// apagar tudo e deixar vazio

JS

// apagar tudo e deixar vazio

FIELDS

{ "command": { "type": "text", "label": "QUAL O SEU COMANDO?", "group": "PERSONALIZE SEU COMANDO", "value": "!indica" }, "img_channel": { "type": "image-input", "group": "GIF PARA SEU PERFIL", "label": "Faça upload de seu gif personalizado" }, "img_channel_link": { "type": "button", "label": "ENVIAR SEU GIF PARA O INDICA", "group": "GIF PARA SEU PERFIL", "value": "1" }, "img_channel_unlink": { "type": "button", "label": "REMOVER O SEU GIF DO INDICA", "group": "GIF PARA SEU PERFIL", "value": "1" }, "btn_test_color": { "type": "button", "label": "TESTAR A SUA OVERLAY", "group": "FORMAS E CORES", "value": "1" }, "border_radius": { "type": "dropdown", "label": "ARREDONDAMENTO DOS CANTOS", "group": "FORMAS E CORES", "value": "0", "options": { "0": "0%", "5": "5%", "10": "10%", "30": "30%", "50": "50%" } }, "border_color_line": { "type": "colorpicker", "label": "COR DA LINHA DE ABERTURA", "group": "FORMAS E CORES", "value": "#f2f2f2" }, "border_color_channel": { "type": "colorpicker", "label": "COR DA BORDA | FOTO DO CANAL", "group": "FORMAS E CORES", "value": "#f2f2f2" }, "border_color_game": { "type": "colorpicker", "label": "COR DA BORDA | FOTO DO JOGO", "group": "FORMAS E CORES", "value": "#f2f2f2" }, "font_color_channel": { "type": "colorpicker", "label": "COR DA FONTE | NOME DO CANAL", "group": "FORMAS E CORES", "value": "#f2f2f2" }, "font_color_game": { "type": "colorpicker", "label": "COR DA FONTE | NOME DO JOGO", "group": "FORMAS E CORES", "value": "#f2f2f2" }, "shadow_color": { "type": "colorpicker", "label": "COR DA SOMBRA", "group": "FORMAS E CORES", "value": "rgba(0,0,0,0.4)" }, "btn_test_font": { "type": "button", "label": "TESTAR A SUA OVERLAY", "group": "ESTILOS DE TEXTO", "value": "1" }, "font": { "type": "googleFont", "label": "FONTE DOS TEXTOS", "group": "ESTILOS DE TEXTO", "value": "Varela Round" }, "font_weight_channel": { "type": "dropdown", "label": "ESTILO DA FONTE | NOME DO CANAL", "group": "ESTILOS DE TEXTO", "value": "400", "options": { "400": "Normal", "400|italic": "Itálico", "700": "Negrito", "700|italic": "Negrito e Itálico", "900": "Black", "900|italic": "Black e Itálico" } }, "font_weight_game": { "type": "dropdown", "label": "ESTILO DA FONTE | NOME DO JOGO", "group": "ESTILOS DE TEXTO", "value": "400", "options": { "400": "Normal", "400|italic": "Itálico", "700": "Negrito", "700|italic": "Negrito e Itálico", "900": "Black", "900|italic": "Black e Itálico" } } }

DATA

// apagar tudo e deixar vazio

É isso!
Agora que você faz parte do “lado livre da força”
Esperamos que você se divirta personalizando sua overlay e que ajude a comunidade indicando cada vez mais streamers.

!indica 2.1 beta

Seja bem-vindo a versão 2.1!

Após três meses de estrada é chegada a hora de darmos um upgrade na “armadura” do !indica.

Além de ajustes de otimização e segurança, o update 2.0 traz ao !indica ainda mais recursos de personalização.

Agora você pode personalizar o seu perfil do !indica com um GIF ANIMADO, reforçando ainda mais a marca exclusiva do seu canal na Twitch.

Ficou curioso?
Este e mais recursos estão esperando por você no painel de personalização.

Esperamos que gostem das novidades.
Equipe !indica

SCROLL