Communitygithub.com

PsyNetDev/enregistrer-vidéo-participant

Enregistre des preuves visuelles du flux participant PsyNet avec interaction pilotée par Playwright, captures d'écran et capture d'écran/audio ffmpeg. À utiliser lors de la collecte de preuves participant, de la création de participant.mp4 ou de la documentation du comportement face au participant.

Qu'est-ce que enregistrer-vidéo-participant ?

Cette compétence automatise la création de preuves visuelles pour les flux participants dans PsyNet, une plateforme de recherche en ligne. Elle utilise Playwright pour exécuter des interactions utilisateur simulées, prendre des captures d'écran à des points clés et enregistrer la session avec ffmpeg pour produire une vidéo complète (participant.mp4). Idéale pour les chercheurs qui ont besoin de documenter l'expérience utilisateur réelle, de valider le comportement de l'application ou de fournir des preuves visuelles lors de tests. Supporte l'exécution locale et l'intégration CI. L'outil orchestre un flux complet : lancement de l'application, simulation de clics et de saisies, capture de l'écran et de l'audio, puis compression en une vidéo prête à être partagée.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/PsyNetDev/psynet-mirror/tree/master/.cursor/skills/experiment/record-participant-video

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Que fait enregistrer-vidéo-participant ?

Enregistre des preuves visuelles du flux participant PsyNet avec interaction pilotée par Playwright, captures d'écran et capture d'écran/audio ffmpeg. À utiliser lors de la collecte de preuves participant, de la création de participant.mp4 ou de la documentation du comportement face au participant.

Utilisation

# Depuis le répertoire racine du projet PsyNet
node record-participant-video.mjs

Prérequis

  • Node.js 18+
  • Playwright (installé via npx playwright install)
  • ffmpeg (installé et accessible dans le PATH)
  • Un écran graphique (X11, Wayland, ou macOS avec accès à l'écran)

Configuration

Variables d'environnement (optionnelles) :

  • RECORDING_DURATION : Durée de l'enregistrement en secondes (défaut : 30)
  • RECORDING_OUTPUT : Chemin du fichier de sortie (défaut : participant.mp4)
  • RECORDING_URL : URL de l'application PsyNet à enregistrer (défaut : http://localhost:8000)

Comportement

  1. Lance un navigateur Playwright (Chromium) en mode headless=false
  2. Navigue vers l'URL spécifiée
  3. Exécute une séquence d'interactions simulées (clic, saisie, survol)
  4. Prend des captures d'écran à des étapes clés dans le répertoire screenshots/
  5. Enregistre l'écran avec ffmpeg pendant la session
  6. Arrête l'enregistrement et fusionne les fichiers vidéo et audio
  7. Produit une vidéo finale participant.mp4

Exemple de sortie

Captures d'écran :
  screenshots/step-1.png
  screenshots/step-2.png
  screenshots/step-3.png

Vidéo :
  participant.mp4

Dépannage

  • Assurez-vous qu'aucun autre processus n'utilise l'écran ou le microphone
  • Vérifiez que ffmpeg est installé : ffmpeg -version
  • Sur macOS, accordez l'autorisation d'enregistrement d'écran au terminal ou à l'IDE

Skills associés