kadmo / sightline
PLATAFORMA DE QA AO VIVO
Sightline
Testes em equipe, todo mundo na mesma sala.
Testadores transmitem a tela, observadores acompanham numa grade e cada bug vira um Flare.
[ Em testes ]Testar em grupo pelo Discord não escala.
Quando várias pessoas testam um software juntas, o trabalho se espalha: cada um transmite de um jeito, os prints se perdem no chat e as anotações viram trabalho manual. Eu queria tudo isso num lugar só.
Abrir a sala, transmitir, acompanhar, disparar.
- O moderador abre a salaCria a sessão e manda um link para quem vai testar e outro para quem vai observar.
- Testadores transmitemCada pessoa compartilha a própria tela e, se quiser, câmera e áudio. Quem não tem conta entra só com um nome.
- Observadores acompanhamAs transmissões ficam numa grade que preenche a janela e se divide entre vários monitores.
- Bug vira FlareO testador dispara um Flare: o quadro dele acende em vermelho e um relato com print aparece para todo mundo.
Já dá para abrir.
A versão de testes roda em sightline.kadmo.dev. Serve para validar com sessões de verdade: ainda muda bastante, e falta testar com mais gente e em mais navegadores.
- Contas por e-mail, com link ou senha, e testadores temporários que entram só com um nome.
- Sala com chat, instruções do moderador, notas, prints e clipes.
- Interface em português do Brasil, preparada para outros idiomas.
Feito primeiro para quem desenvolve.
O foco inicial são equipes de software. Estúdios indie de jogos vêm em seguida, com a mesma ideia: rodadas de teste observadas ao vivo.
Cada peça atrás de uma interface.
É um app web em React e TypeScript. O vídeo e o áudio ao vivo passam pelo LiveKit, e as contas, os relatos e os prints ficam no Supabase. As telas nunca falam direto com esses serviços: falam com interfaces próprias, então dá para trocar um fornecedor sem reescrever a interface.
Escuro, de quinas retas, e a interface é uma grade.
A sala é uma grade de transmissões, então a interface também é: fios de 1 px, quinas retas e rótulos em mono com o horário da sessão. O fundo é um campo de pixels que lembra sinal de vídeo e fica fora da sala ao vivo. O vermelho é reservado ao Flare e ao ponto do logo.
A versão de testes está no ar.