浏览器录屏技能

核心要求

1. 单次连续录制 - 不要分段录制
2. 记录时间线 - 每个操作的精确时间戳
3. 真实数据 - 使用真实或有意义的测试数据
4. 适当节奏 - 留足够时间让画面呈现

录屏脚本结构

const { chromium } = require("playwright");
const path = require("path");
const fs = require("fs/promises");

const BASE_URL = "http://localhost:5173";
const OUTPUT_DIR = path.join(__dirname, "..", "public", "recordings");
const VIEWPORT = { width: 1920, height: 1080 };