Support Step Recorder GBEnglish version

Enregistrer vos étapes

Démarrer, faire ce que vous voulez montrer, arrêter et enregistrer. Cette page détaille un enregistrement et ce que contient le .zip obtenu.

1. Démarrer

Ouvrez ssr et cliquez sur Démarrer. La barre d'état, en bas, affiche Enregistrement suivi du mode de capture des entrées utilisé.

2. Faire les actions à documenter

Tout ce qui est tapé entre deux clics part dans le rapport, mots de passe compris. Arrêtez l'enregistrement, ou ne tapez rien de confidentiel, avant de saisir une information privée.

3. Arrêter et enregistrer

  1. Cliquez sur Arrêter. Une fenêtre Enregistrer sous s'ouvre, avec un nom du type session-20260914-153000.zip.
  2. Choisissez un dossier : le rapport est généré et la barre d'état indique où il a été exporté.
  3. Si vous annulez, ssr prévient que la session ne sera pas sauvegardée et propose Choisir un dossier ou Abandonner la session.

Le bouton FR/EN change la langue de l'interface ; le rapport est écrit dans la langue choisie au moment de l'enregistrement. Le bouton rond d'à côté fait passer le thème de clair à sombre, puis à celui du système.

Le contenu du ZIP

FichierContenu
report.htmlLe rapport, à ouvrir dans n'importe quel navigateur.
step-0001.webp, step-0002.webp…Une capture par clic, au format WebP.
steps.jsonLes mêmes étapes en JSON, pour les scripts et les outils de tickets.

La page HTML charge les images WebP posées à côté d'elle : décompressez toute l'archive avant d'ouvrir report.html.

Lire le rapport

Rapport HTML écrit par Support Step Recorder : étapes numérotées avec leur description et leur capture
Le rapport HTML tel que ssr l'écrit. La session est une courte démonstration construite avec le code de ssr (trois étapes sur ce site), pas un vrai cas de support.

Le format de steps.json

Un tableau d'étapes. Chacune a un index, un timestamp_ms (millisecondes depuis l'epoch Unix), un elapsed_ms depuis le début, une action ("type": "click" avec button et, quand elles sont connues, x, y, rel_x, rel_y ; ou "type": "text" avec content), la fenêtre (window) quand elle est connue, le nom du fichier de capture (screenshot) pour les clics, et la description. Une étape de saisie de la session de démonstration (enregistrée en anglais) :

[
  {
    "index": 1,
    "timestamp_ms": 1789397964643,
    "elapsed_ms": 4011,
    "action": {
      "type": "text",
      "content": "le-syl21.github.io/support-step-recorder\n"
    },
    "window": {
      "title": "Support Step Recorder - Chromium",
      "app_name": "chromium",
      "pid": 2710879,
      "x": 0,
      "y": 0,
      "width": 1280,
      "height": 800
    },
    "description": "Typed “le-syl21.github.io/support-step-recorder⏎” in « Support Step Recorder - Chromium » (chromium)"
  }
]