Skip to content

LuizCorrea-Dev/twitch-transparent-chat

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Twitch Transparent Chat

Um aplicativo de chat transparente para streamings na Twitch, construído com Electron. Este aplicativo permite que streamers ou espectadores tenham o chat da Twitch sobreposto na tela de forma não intrusiva, com a opção de alternar entre modos interativo e transparente.

Funcionalidades

  • Chat Transparente: Exibe mensagens de chat da Twitch diretamente na sua tela, sem cobrir o conteúdo do jogo ou stream.

  • Modo Interativo/Transparente: Alterna entre:

  • Modo Transparente: O chat ignora cliques do mouse, permitindo que você clique através dele para interagir com o que está por baixo.

  • Modo Interativo: O chat se torna clicável e arrastável, revelando controles para mover a janela ou acessar configurações.

  • Atalho Global: Utilize Ctrl + Shift + I (ou Command + Shift + I no macOS) para alternar rapidamente entre os modos.

  • Configurações Simples: Defina o canal da Twitch a ser monitorado diretamente no aplicativo.

Download

Você pode baixar a versão mais recente do aplicativo (arquivo .exe para Windows, e talvez outras plataformas no futuro) diretamente na página de Releases deste repositório no GitHub.

Como Baixar:

  1. Vá para a aba "Releases" no GitHub (ou clique no link acima).

  2. Procure a versão mais recente.

  3. Na seção "Assets" (Ativos), baixe o arquivo .exe (ex: TwitchTransparentChat-Setup-1.0.0.exe ou TwitchTransparentChat-1.0.0-win.zip).

Como Usar (Após Baixar e Instalar)

  1. Execute o aplicativo TwitchTransparentChat.exe.

  2. Na tela de configurações (inicialmente visível), insira o nome do canal da Twitch que você deseja monitorar (ex: casimito, gaules). Não inclua o #.

  3. Clique em "Iniciar Chat".

  4. O chat aparecerá na sua tela. Ele estará no Modo Transparente por padrão.

  5. Para mover a janela ou acessar as configurações novamente, pressione Ctrl + Shift + I (ou Command + Shift + I no macOS) para ativar o Modo Interativo.

  6. No Modo Interativo, você pode arrastar a janela pela sua "barra de título" superior ou clicar no botão de configurações para alterar o canal.

  7. Pressione Ctrl + Shift + I novamente para retornar ao Modo Transparente.

tela de configuração

tela de chat

Desenvolvimento

Pré-requisitos

Certifique-se de ter o Node.js e o npm instalados.

Configuração do Projeto

  1. Clone este repositório:
git clone [https://github.com/LuizCorrea-Dev/twitch-transparent-chat.git](https://github.com/LuizCorrea-Dev/twitch-transparent-chat.git)

cd twitch-transparent-chat
  1. Instale as dependências:
npm install

Executando em Modo de Desenvolvimento

Para testar o aplicativo sem criar um executável:

npm  start

Executando em Modo de Desenvolvimento para aprimorar com ia

abra este link do projeto em modo de estrutura modo dev estrutura.

Contribuição

Contribuições são bem-vindas! Se você tiver ideias para melhorias, relatar bugs ou quiser adicionar novas funcionalidades, sinta-se à vontade para abrir uma Issue ou enviar um Pull Request.

Licença

Este projeto está licenciado sob a licença ISC.

About

Um aplicativo de chat transparente para streamings na Twitch sobreposto na tela de forma não intrusiva

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published