Portfólio · Produto próprio
Dispplay: explicar em vídeo, sem marcar reunião.
Gravador de tela com edição automática: grava a tela e a câmera, corta silêncios e hesitações sozinho e entrega o link assim que a gravação termina.
- Tipo
- Produto próprio (SaaS)
- Situação
- Em produção
- Endereço
- dispplay.video
- Escopo
- Do produto à operação
O problema
Explicar uma tela, um erro ou um processo costuma virar reunião.
Gravar um vídeo resolveria, se gravar, cortar, legendar, subir e mandar o link não desse tanto trabalho quanto a própria reunião.
A solução
Um gravador que trabalha depois que a gravação para.
Separa tela e câmera, transcreve, corta o que sobra e publica sozinho. Quem assiste recebe um link; quem gravou vê quem assistiu e até onde.
O que o produto faz
Recursos que foram para produção.
-
Tela e câmera separadas
O layout muda depois de gravar: câmera em bolha, lado a lado ou em destaque, arrastável e com a forma escolhida.
-
Cortes automáticos
Silêncios e hesitações saem pela transcrição. Dá para editar o vídeo apagando palavras do texto.
-
Link na hora
O envio acontece durante a gravação. Ao parar, o link já está copiado.
-
Legendas e capítulos
Transcrição palavra por palavra; título, resumo e capítulos gerados com IA.
-
Página e playlists
Página pública do workspace e playlists abertas ou restritas a uma lista de e-mails, com código de acesso.
-
Quem assistiu
Visualizações, retenção, reações e comentários no ponto exato do vídeo.
-
Fundo da câmera
Desfoque, cor, degradê ou imagem, com a pessoa recortada por um modelo de segmentação.
-
App para Windows
Atalho global para gravar, câmera flutuante fora da captura e zoom automático nos cliques.
Ponta a ponta
O que fizemos em cada camada.
Do desenho do produto ao servidor que o mantém no ar, com o mesmo time — o mesmo caminho que um projeto seu percorre.
Como trabalhamos-
01Produto e design
Fluxo de gravar, ajustar e compartilhar; editor com cortes, zoom, velocidade, cartões de título, trilha sonora e legendas.
-
02No navegador
Gravação de tela e câmera com as APIs do próprio navegador, janela flutuante e prévia do fundo da câmera rodando no computador de quem grava.
-
03Processamento de mídia
Renderização e exportação em MP4, GIF e MP3 com ffmpeg; transcrição local com whisper.cpp ou pela Groq, quando configurada.
-
04IA
Recorte da pessoa com um modelo do MediaPipe e título, resumo e capítulos com o Claude.
-
05App para desktop
App Electron para Windows que converte e transcreve no próprio computador e alivia o servidor. Se o app não der conta, o servidor assume.
-
06Infraestrutura
Site e processamento em servidores separados, ligados por rede interna, com HTTPS automático e deploy com Kamal.
-
07Qualidade
Testes automatizados e roteiros de ponta a ponta no navegador, com câmera e tela simuladas.
No ar
Em produção, em dispplay.video.
Com o que foi construído
- Ruby on Rails 8
- Hotwire
- PostgreSQL
- Solid Queue
- ffmpeg
- whisper.cpp
- MediaPipe
- Claude
- Electron
- Kamal
- DigitalOcean
Vamos conversar
Tem um problema parecido? Conte para a gente.
Conte em poucas linhas. Não precisa de termo técnico: a gente pergunta o que faltar.