🌟 Este é um frontend em React TypeScript com Vite que se conecta ao servidor de streaming de tela por meio de uma conexão WebSocket. Ele permite exibir o streaming de tela em tempo real em um navegador.
🚀 React | TypeScript | Vite | WebSocket
✔️ Conexão com o servidor de streaming de tela por meio de uma conexão WebSocket. ✔️ Exibição em tempo real do streaming de tela recebido do servidor.
- Certifique-se de que o servidor de streaming de tela esteja em execução. Consulte as instruções do servidor para obter mais detalhes sobre como executá-lo.
- Clone este repositório:
git clone https://github.com/Higor-Matos/videoplayer.git
- Navegue até o diretório do projeto:
cd videoplayer
- Instale as dependências:
npm install
- Inicie o servidor de desenvolvimento:
npm run dev
- Abra o navegador e acesse
http://localhost:5173
.
Se você preferir, também é possível executar a aplicação usando o Docker Compose. Certifique-se de ter o Docker Compose instalado em sua máquina e siga as etapas abaixo:
- Certifique-se de que o servidor de streaming de tela esteja em execução. Consulte as instruções do servidor para obter mais detalhes sobre como executá-lo.
- Clone este repositório:
git clone https://github.com/Higor-Matos/videoplayer.git
- Navegue até o diretório do projeto:
cd videoplayer
- Execute o comando
docker-compose up
para iniciar o contêiner. - Abra o navegador e acesse
http://localhost:5173
.
Certifique-se de que a porta 5173
esteja disponível em sua máquina. Caso contrário, você pode alterar a porta mapeada no arquivo docker-compose.yml
para uma porta disponível.
Você tem duas opções para o servidor de streaming de tela:
-
📦 Se você quiser usar o servidor de streaming de tela mencionado neste frontend, você pode encontrar o repositório correspondente em https://github.com/Higor-Matos/ScreenStreamingServer. Siga as instruções fornecidas no repositório para executar o servidor.
-
🚀 Se você preferir usar o seu próprio servidor de streaming de tela ou algum do mercado.
A fim de garantir a qualidade do software, o projeto utilizou a ferramenta Sonar. O Sonar é uma plataforma de análise estática de código que realiza verificações automatizadas para identificar problemas de qualidade, como vulnerabilidades, bugs, dívidas técnicas e violações de boas práticas de programação.
Durante o desenvolvimento, foram realizadas análises regulares com o Sonar para garantir a conformidade com os padrões de qualidade estabelecidos. As análises do Sonar forneceram insights valiosos sobre a saúde do código, permitindo a identificação de áreas de melhoria e a adoção de práticas recomendadas para o desenvolvimento de software.
Contribuições são bem-vindas! Sinta-se à vontade para abrir um "issue" ou enviar um "pull request" com melhorias, correções de bugs ou novos recursos. 🎉
Confira uma entrevista sobre este projeto no YouTube: Entrevista - Expotech