Como assistir a várias LIVES na mesma guia do navegador

Como usar Streamlink Web Player para assistir várias livestream ao mesmo tempo na mesma janela do navegador

O Streamlink Web Player é uma interface web local para o Streamlink. Simples de usar, apenas cole a URL de uma transmissão (como Twitch, YouTube, entre outras) e assista no navegador via HLS sem necessidade do VLC. Reproduza várias transmissões simultaneamente em uma grade redimensionável, com organização por arrastar e soltar. 

Abaixo, veja um mini tutorial prático de como configurar e utilizar essa ferramenta.

Pré-requisitos

Antes de instalar o projeto do repositório limontec/Streamlink-Web-Player, certifique-se de ter em seu sistema:

1. Python instalado.
2. Streamlink instalado e configurado no PATH do sistema.
3. Git (opcional, para clonar o repositório).
4. ffmpeg no caminho C:\ffmpeg\bin\ffmpeg.exe

Passo a Passo

1. Abra o seu terminal e clone o repositório do GitHub ou baixe-o como arquivo ZIP:

[git clone https://github.com/limontec/Streamlink-Web-Player.git

cd Streamlink-Web-Player]

2. Inicialize o ambiente Python conforme seu ambiente:

[python -m venv venv

venv\Scripts\Activate.ps1]

3. Instale as dependências:

[pip install -r requirements.txt]

4. Abra o arquivo app.py e aponte o caminho do ffmpeg:

[FFMPEG_PATH = r"C:\ffmpeg\bin\ffmpeg.exe"]

5. (Opcional) Caso use plugins que não existem oficialmente para Streamlink, coloque eles na pasta `custom_plugin/`, ao lado de `app.py` (criada automaticamente na primeira execução).

6. Execute a aplicação e abra o endereço http://localhost:5000 no seu navegador.

[python app.py]

 

Como usar:

1. Cole a URL do stream no campo de entrada e pressione Enter (ou clique em "Assistir").
2. O servidor inicia o streamlink direcionando a saída para o ffmpeg, que faz a transcodificação para HLS; o vídeo começa a reproduzir automaticamente assim que o primeiro segmento está pronto.
3. Cada stream tem seu próprio cartão:
1. Arraste o cabeçalho para reordenar os cartões.
2. Arraste o canto inferior direito para redimensionar um cartão.
3. "Recarregar" reinicia o player daquele stream.
4. "Fechar" interrompe o stream e libera o espaço.
5. "Mostrar logs" exibe um registro de eventos específico para o stream (estado da conexão, carregamento/buffering, erros).
4. O ponto de status ao lado do título de cada stream indica seu estado: 
1. amarelo (iniciando/carregando)
2. verde (reproduzindo)
3. vermelho (desconectado/erro).
5. Os streams abertos são salvos no navegador (localStorage) e restaurados automaticamente na próxima vez que você carregar a página.
   

Para mais informações de personalização, confira o readme.