webreel - un outil CLI pour enregistrer automatiquement des démos de navigateur en vidéo MP4
(github.com/vercel-labs)- 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
~/.webreelau 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$schemarecord: lance l’enregistrement vidéo, avec prise en charge du mode aperçu via--watchet du mode--verbosepreview: permet de prévisualiser le scénario dans une fenêtre de navigateur sans lancer de véritable enregistrementcomposite: 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
includepermet 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.