# 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 触控热区 - 横屏视频优先布局 - 录制页和分析页防下拉刷新干扰 - 录制时按设备场景自动调整码率和控件密度 ### 桌面端 - 统一工作台导航 - 仪表盘、训练、视频、录制、分析等模块一致的布局结构 - 全局任务中心:桌面侧边栏和移动端头部都可查看后台任务 - Admin 视觉测试页:`H1` 这类 admin 用户可查看全部视觉测试数据 - 为后续 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 规范化逻辑,减少当前多处重复实现 - 为重计算页面增加惰性加载、按需图表加载和更严格的移动端资源预算