webreel - ferramenta CLI que grava automaticamente demos do navegador em vídeo MP4
(github.com/vercel-labs)- Ao definir ações como cliques, digitação e arrastar em um arquivo de configuração JSON, o Chrome headless é iniciado automaticamente, captura em ~60 fps e faz a codificação com ffmpeg
- É possível compor no vídeo animação de cursor, overlay HUD de teclas pressionadas e efeitos sonoros
- Formatos de saída disponíveis: MP4 (padrão), GIF, WebM (VP9)
- Suporte a 12 tipos de ações, como
pause,click,key,type,scroll,wait,screenshot,drag,moveTo,navigate,hover,select - Chrome e ffmpeg são baixados automaticamente em
~/.webreelna primeira execução — sem necessidade de configuração adicional do ambiente webreel init: cria o scaffold de um novo arquivo de configuração, com suporte a autocompletar na IDE via$schemarecord: executa a gravação do vídeo, com suporte aos modos--watche--verbosepreview: permite visualizar o cenário na janela do navegador sem fazer a gravação realcomposite: faz a recomposição a partir da gravação bruta e da timeline salvas (sem necessidade de regravar)validate: verifica previamente erros no arquivo de configuração antes de executar a gravação- Com o campo
include, é possível reutilizar etapas comuns (ex.: compartilhar etapas de inicialização como fechar banner de cookies)
- Inclui vários exemplos, como drag-and-drop, tratamento de login, gravação com viewport mobile, seleção múltipla, geração de vários vídeos a partir de uma única configuração e captura simultânea de screenshots PNG
- Veja a demo em Webreel.dev
- Licença Apache-2.0 / TypeScript
Ainda não há comentários.