tennis-training-hub/docs/FEATURES.md

Tennis Training Hub 功能特性说明

本文档描述当前项目的核心能力、已交付功能边界和后续增强方向。它和 docs/verified-features.md 配套使用：

• 本文档回答“系统现在具备什么能力”
• verified-features.md 回答“哪些能力已经通过自动测试或构建验证”

核心业务能力

用户与训练

• 用户名登录：无需注册，输入用户名即可进入训练工作台
• 训练计划：按技能等级和训练周期生成训练计划，改为后台异步生成
• 训练进度：展示训练次数、时长、评分趋势、最近分析结果
• 每日打卡与提醒：支持训练打卡、提醒、通知记录

视频与分析

• 视频上传分析：上传 webm/mp4 视频进入视频库并触发分析流程
• 实时摄像头分析：浏览器端调用 MediaPipe，进行姿势识别和反馈展示
• 动作纠正：支持文本纠正和多模态纠正两条链路，统一通过后台任务执行
• 多模态图片输入：上传关键帧后会转换为公网可访问的绝对 URL，再提交给视觉模型
• 视频库：集中展示录制结果、上传结果和分析摘要

在线录制与媒体链路

• Go 媒体服务：独立处理录制会话、分段上传、marker、归档和回放资源
• Node app worker：统一处理训练计划、动作纠正和录制归档结果登记
• WebRTC 推流：录制时并行建立低延迟实时推流链路
• MediaRecorder 分段：浏览器本地压缩录制并每 60 秒自动分段上传
• 自动标记：客户端通过轻量运动检测创建关键片段 marker
• 手动标记：录制中支持手动插入剪辑点
• 自动重连：摄像头 track 断开时自动尝试恢复
• 归档回放：worker 合并片段并生成 WebM，FFmpeg 可用时额外生成 MP4
• 视频库登记：归档完成后由 app worker 自动写回现有视频库
• 上传稳定性：媒体分段上传遇到 502/503/504 会自动重试

前端能力

移动端

• 安全区适配
• 底部导航
• 44px 触控热区
• 横屏视频优先布局
• 录制页和分析页防下拉刷新干扰
• 录制时按设备场景自动调整码率和控件密度

桌面端

• 统一工作台导航
• 仪表盘、训练、视频、录制、分析等模块一致的布局结构
• 全局任务中心：桌面侧边栏和移动端头部都可查看后台任务
• 为后续 PC 粗剪时间线预留媒体域与文档规范

架构能力

• Node 应用负责业务 API、登录、训练数据与视频库元数据
• Go 服务负责媒体链路与归档
• 后台任务表 background_tasks 统一承接重任务
• Docker Compose + 宿主机 nginx 作为标准单机部署方式
• 统一的本地验证命令：
  • pnpm check
  • pnpm test
  • pnpm test:go
  • pnpm build
  • pnpm test:e2e
  • pnpm verify

已知边界

• 浏览器录制兼容目标以 Chrome 为主
• 当前 WebRTC 重点是浏览器到服务端的实时上行，不是多观众直播分发
• 当前 PC 剪辑仍处于基础媒体域准备阶段，未交付完整多轨编辑器
• 当前存储策略为本地卷优先，未接入对象存储归档
• 当前 .env 配置的视觉网关若忽略 LLM_VISION_MODEL，系统会回退到文本纠正；代码已支持独立视觉模型配置，但上游网关能力仍需单独确认

后续增强方向

移动端个性化增强

• 根据网络、机型和电量状态动态切换录制档位、分段大小与上传节流策略
• 将录制焦点视图扩展为单手操作布局，支持拇指热区、自定义主按钮顺序和横竖屏独立面板
• 为不同训练项目提供场景化预设，例如发球、正手、反手、步伐训练各自保存摄像头方向、裁切比例和提示文案
• 增加弱网回传面板，向用户展示排队片段、预计上传耗时和失败重试建议

PC 轻剪与训练回放

• 交付单轨时间线粗剪：入点、出点、片段删除、关键帧封面和 marker 跳转
• 增加“剪辑计划”实体，允许把自动 marker、手动 marker 和 AI 建议片段一起保存
• 提供双栏回放模式：左侧原视频，右侧姿态轨迹、节奏评分和文字纠正同步滚动
• 支持从视频库直接发起导出任务，在后台生成训练集锦或问题片段合集

高性能前端重构

• 将训练、分析、录制、视频库拆分为按域加载的路由包，继续降低首屏主包体积
• 把共享媒体状态、任务状态和用户状态从页面本地逻辑收拢为稳定的数据域层
• 统一上传、任务轮询、错误提示和绝对 URL 规范化逻辑，减少当前多处重复实现
• 为重计算页面增加惰性加载、按需图表加载和更严格的移动端资源预算