- Si vous définissez des actions comme les clics, la saisie et le glisser-déposer dans un fichier de configuration JSON, Chrome headless se lance automatiquement, capture à ~60 fps, puis encode avec ffmpeg
- Possibilité de composer dans la vidéo des animations de curseur, un overlay HUD des frappes clavier et des effets sonores
- Formats de sortie disponibles : MP4 (par défaut), GIF, WebM (VP9)
- Prise en charge de 12 types d’actions comme
pause, click, key, type, scroll, wait, screenshot, drag, moveTo, navigate, hover, select
- Chrome et ffmpeg sont téléchargés automatiquement dans
~/.webreel au premier lancement — aucune configuration d’environnement séparée n’est nécessaire
webreel init : génère le squelette d’un nouveau fichier de configuration, avec prise en charge de l’autocomplétion IDE via $schema
record : lance l’enregistrement vidéo, avec prise en charge du mode aperçu via --watch et du mode --verbose
preview : permet de prévisualiser le scénario dans une fenêtre de navigateur sans lancer de véritable enregistrement
composite : recompose à partir des enregistrements bruts et de la timeline sauvegardée (sans avoir à réenregistrer)
validate : vérifie à l’avance les erreurs du fichier de configuration avant l’exécution de l’enregistrement
- Le champ
include permet de réutiliser des étapes communes (par exemple partager des étapes d’initialisation comme la fermeture d’une bannière de cookies)
- Divers exemples sont fournis : drag-and-drop, gestion de la connexion, enregistrement en viewport mobile, sélection multiple, génération de plusieurs vidéos à partir d’une seule configuration, capture simultanée de captures d’écran PNG, etc.
- Voir la démo sur Webreel.dev
- Licence Apache-2.0 / TypeScript
Aucun commentaire pour le moment.