livestream-chat

Overlay para chats de livestreams. Inicialmente para rodar dentro do browser do obs-studio.

TODO:

• [x] Issues iniciais
• [ ] Suportar emotes da twitch
• [x] Refresh no socket (front)
• [x] Capturar e exibir de forma diferente as mensagens da twitch

Colocar as duas variáveis de ambiente

• LIVESTREAM_ID - ID de uma live rolando (código do final da URL)

• SERVICES - "youtube,twitch"

• YOUTUBE_LIVESTREAM_ID - ID de uma live rolando (código do final da URL)

• GOOGLE_API_KEY - Sua api do google

• TWITCH_TOKEN="oauth:..."

• SENTRY_DSN="https://...@....ingest.sentry.io/..." OPCIONAL

Você também pode criar um arquivo .env e passar as suas variáveis de ambiente para ele. Existe um exemplo aqui

Como rodar o projeto?

docker-compose up

Como editar os estilos?

Primeiro, instale as dependências de front:

npm install

Depois, edite o que quiser no arquivo static/styles.scss (não mexa manualmente no static/styles.css)

E finalmente rode o compilador do sass para regerar o arquivo static/styles.css. Esse comando deve ser rodado toda vez que um estilo for alterado no static/styles.scss.

npm run compile-sass

Caso queira editar as bordas e cores da mensagem, veja a documentação das variáveis usadas no SCSS desse projeto aqui e mude o que quiser no @include feito na classe .message.