Skip to content

dunossauro/livestream-chat

Repository files navigation

livestream-chat

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

livestream-chat

TODO:

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.