webreel - herramienta CLI para grabar automáticamente demos del navegador en video MP4
(github.com/vercel-labs)- Si defines acciones como clics, escritura y arrastre en un archivo de configuración JSON, Chrome en modo headless se ejecuta automáticamente, captura a ~60 fps y luego codifica con ffmpeg
- Se pueden componer en el video animaciones del cursor, overlay HUD de pulsaciones de teclas y efectos de sonido
- Formatos de salida disponibles: MP4 (predeterminado), GIF, WebM (VP9)
- Soporta 12 tipos de acciones, como
pause,click,key,type,scroll,wait,screenshot,drag,moveTo,navigate,hoveryselect - Chrome y ffmpeg se descargan automáticamente en
~/.webreelen la primera ejecución, sin necesidad de configuración adicional webreel init: crea el andamiaje de un nuevo archivo de configuración, con$schemaincluido para autocompletado en el IDErecord: ejecuta la grabación de video, con soporte para modo de visualización con--watchy modo--verbosepreview: permite previsualizar el escenario en una ventana del navegador sin realizar la grabación realcomposite: recompone a partir de la grabación original y la línea de tiempo guardadas (sin necesidad de volver a grabar)validate: verifica previamente errores en el archivo de configuración antes de ejecutar la grabación- Campo
includepara reutilizar pasos comunes (por ejemplo, compartir pasos de inicialización como cerrar banners de cookies)
- Incluye varios ejemplos: arrastrar y soltar, manejo de inicio de sesión, grabación con viewport móvil, selección múltiple, generación de varios videos desde una sola configuración y captura simultánea de screenshots PNG
- Mira la demo en Webreel.dev
- Licencia Apache-2.0 / TypeScript
Aún no hay comentarios.