- 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
~/.webreel na 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 $schema
record: executa a gravação do vídeo, com suporte aos modos --watch e --verbose
preview: permite visualizar o cenário na janela do navegador sem fazer a gravação real
composite: 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.