@reshotdev/screenshot 0.0.1-beta.2 → 0.0.1-beta.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reshotdev/screenshot",
-  "version": "0.0.1-beta.2",
+  "version": "0.0.1-beta.4",
   "description": "CI/CD screenshot and video capture CLI",
   "author": "Reshot <hello@reshot.dev>",
   "license": "MIT",

package/src/lib/capture-script-runner.js

@@ -1931,12 +1931,17 @@ async function runScenarioWithVideoCapture(scenario, options = {}) {
 
       await fs.writeFile(sentinelPath, buffer);
       sentinelPaths.push({ index: sentinelIndex, label, path: sentinelPath });
+      if (firstSentinelTimestamp === null) {
+        firstSentinelTimestamp = (Date.now() - startTime) / 1000;
+        debug(`First sentinel captured at ${firstSentinelTimestamp.toFixed(2)}s`);
+      }
       sentinelIndex++;
       return sentinelPath;
     }
 
     // Capture initial state BEFORE first navigation (placeholder - actual capture after goto)
     let hasNavigated = false;
+    let firstSentinelTimestamp = null;
 
     // Execute all steps and capture timeline
     for (let stepIndex = 0; stepIndex < script.length; stepIndex++) {
@@ -2292,20 +2297,32 @@ async function runScenarioWithVideoCapture(scenario, options = {}) {
       )
     );
 
-    // Convert to MP4 with ffmpeg, trimming to actual content duration
-    // Add a small buffer (0.5s) after the final action
-    const trimDuration = finalTimestamp + 0.5;
-    console.log(
-      chalk.cyan(
-        `  📹 Converting to MP4 (trimmed to ${trimDuration.toFixed(1)}s)...`
-      )
-    );
-    debug(`Running ffmpeg conversion with trim to ${trimDuration}s...`);
+    // Convert to MP4 with ffmpeg, trimming blank loading frames from start
+    // and excess frames from end
+    const startOffset = Math.max(0, (firstSentinelTimestamp || 0) - 0.3);
+    const endTimestamp = finalTimestamp + 0.5;
+    const contentDuration = endTimestamp - startOffset;
+    if (startOffset > 0) {
+      console.log(
+        chalk.cyan(
+          `  📹 Converting to MP4 (${startOffset.toFixed(1)}s–${endTimestamp.toFixed(1)}s, ${contentDuration.toFixed(1)}s content)...`
+        )
+      );
+    } else {
+      console.log(
+        chalk.cyan(
+          `  📹 Converting to MP4 (trimmed to ${contentDuration.toFixed(1)}s)...`
+        )
+      );
+    }
+    debug(`Running ffmpeg: start=${startOffset}s, duration=${contentDuration}s`);
     await runFFmpegConvert([
+      "-ss",
+      startOffset.toFixed(2),
       "-i",
       recordedVideoPath,
       "-t",
-      trimDuration.toFixed(2),
+      contentDuration.toFixed(2),
       "-c:v",
       "libx264",
       "-preset",
@@ -2330,33 +2347,6 @@ async function runScenarioWithVideoCapture(scenario, options = {}) {
       )
     );
 
-    // Extract poster frame from the video (first frame at 0.5s for non-blank content)
-    const posterPath = finalVideoPath.replace(/\.mp4$/, "-poster.png");
-    try {
-      await runFFmpegConvert([
-        "-i",
-        finalVideoPath,
-        "-ss",
-        "0.5",
-        "-frames:v",
-        "1",
-        "-q:v",
-        "2",
-        "-y",
-        posterPath,
-      ]);
-      if (fs.existsSync(posterPath)) {
-        const posterSize = fs.statSync(posterPath).size;
-        console.log(
-          chalk.green(
-            `  ✔ Poster frame: ${posterPath} (${(posterSize / 1024).toFixed(1)} KB)`
-          )
-        );
-      }
-    } catch (e) {
-      debug(`Poster frame extraction failed: ${e.message}`);
-    }
-
     // Save timeline for reference
     const timelinePath = path.join(
       outputDir || path.join(".reshot/output", scenario.key, "default"),