design-qa.md 1.9 KB

现场记录详情页设计 QA

范围

  • 对照当前 iOS SessionDetailViewMultiTrackTimeline 与其编辑弹窗重建网页端详情页左侧。
  • 右侧“AI 智算与分析中心”结构、文案、视觉样式与占位功能保持不变。
  • 验证环境:Vite 本地预览,桌面端默认浏览器视口(实际截图约 1280 × 720)。

验证记录

  • 顶部返回、记录信息、分享与关闭入口布局正常。
  • 记录名称可打开独立编辑面板,保存后刷新标题和云端版本。
  • 使用下载到的真实音频 Blob 解码并绘制波形;无音频时明确提示,不生成替代音频。
  • 50 ms RMS 采样、-40 dB / 2 秒静音识别、静音区间背景及“跳过静音”播放跳转正常。
  • 音频、图片、笔记三轨、事件标记、续录标记和可拖动播放头显示正常。
  • 时间轴空白轨点击可带入对应时间点,打开照片或笔记新增面板。
  • 播放/暂停、前后 10 秒、进度条和时间轴播放头联动正常。
  • 事件流按时间排序,笔记、标记、续录、位置和照片组入口状态完整。
  • 笔记新增、查看、编辑、删除确认与云端回写链路正常。
  • 照片拍摄/多选入口、备注、位置、详情编辑、全屏查看与删除入口完整。
  • 记录信息面板包含起止时间、时长、照片/笔记统计、版本与续录入口。
  • 续录面板包含浏览器麦克风、暂停/继续、结束、音频合并及同步流程。
  • 同步状态覆盖已同步、同步中、进度、失败重试和取消。
  • 音频分享优先调用系统文件分享,不支持时回退为保留原扩展名的下载。
  • 右侧 AI 预留区视觉与功能未改动。
  • 生产构建通过,浏览器控制台无本轮修复后的新增运行错误。

结论

final result: passed