commit 182af280d951f37703aa34b42231f572751abd88 Author: penghanyuan Date: Mon Jan 5 21:37:53 2026 +0100 html demo diff --git a/AGENT.md b/AGENT.md new file mode 100644 index 0000000..b1ece33 --- /dev/null +++ b/AGENT.md @@ -0,0 +1,243 @@ +# 《往事拾遗》三页极简 MVP（PRD 1.0） + +一定要使用 docs/color.png 的配色，界面简洁，交互优雅 +## 0. 设计原则 + +* **三页完成所有闭环**：开始聊 → 自动成书 → 阅读/导出/付费 +* **一次点击进入连续语音对话**：不按住、不频繁操作 +* **结果导向**：用户随时能看到“书在变厚” + +--- + +## 1. 信息架构（3 页面） + +```text +[创建回忆录] <——主入口（默认首页） + ├─ 开始聊天（实时语音） + ├─ 查看本次聊天摘要 + ├─ 进度/时长/连续天数 + └─ 一键去「我的回忆录」 + +[我的回忆录] <——阅读页（电子书体验） + ├─ 目录（章节） + ├─ 章节正文（排版优雅+插图） + ├─ 搜索（可选，MVP 可不做） + └─ 导出 PDF / 分享链接（付费口） + +[我的] <——个人主页 + ├─ 账户与设备/登录 + ├─ 套餐与付费 + ├─ 数据与隐私 + ├─ 帮助与反馈 + └─ 关于 +``` + +--- + +## 2. 页面 1：创建回忆录（主界面 / 聊天页） + +### 2.1 页面目标 + +* 让用户 **一眼知道点哪里** +* 点一次进入 **连续语音对话** +* 聊完立刻看到 **“已记录/已整理”** 的反馈 + +### 2.2 核心组件（从上到下） + +**A. 顶部状态区** + +* 回忆录标题：`《这一生》`（可后续允许改名，MVP 可固定） +* 今日已聊：`12 分钟` +* 累计时长：`2 小时 18 分` +* 本次聊天计时器（聊天中显示） + +**B. 主按钮区（最重要）** + +* 默认态：`🎙️ 开始聊天` +* 聊天态：`🟥 结束聊天` +* 说明文案（小字）：`你可以一直说，我会认真听` + +**C. 进度反馈区** + +* 本书字数/页数估算：`约 18 页` +* 本周整理进度：`已整理 3 个章节` +* 最近一次整理时间：`刚刚` + +**D. 本次聊天回顾（聊天结束后出现）** + +* `本次记录：8分42秒` +* `新增内容：童年与家庭（2段）` +* `推荐下一次聊：上学的日子` + +**E. 入口按钮** + +* `📖 去阅读我的回忆录` + +### 2.3 功能清单（MVP） + +* [x] 一键开始/结束实时语音对话 +* [x] 实时转文字（用户可不看，但必须有） +* [x] 自动分段保存（以“AI 开口/停顿”为段落边界） +* [x] 聊天结束后显示摘要（时长/新增章节） +* [x] 自动触发后台整理任务（生成章节草稿） + +--- + +## 3. 页面 2：我的回忆录（阅读电子书体验） + +### 3.1 页面目标 + +* 打开就是“书”的感觉：**优雅排版 + 章节清晰 + 可插图** +* 能让用户产生：**“真的成书了”** 的成就感 +* 付费/导出在这里完成（不打扰阅读） + +### 3.2 阅读体验（建议规范） + +**A. 目录页（默认进入）** + +* 书名 + 副标题（可固定） +* 章节列表（带进度） + + * `01 童年与家庭（已整理）` + * `02 上学的日子（部分）` + * `03 工作与事业（待补充）` +* “最近更新”提示：`更新于 2 分钟前` + +**B. 章节阅读页** + +* 章节标题（大号） +* 段落排版：行距舒适、首行缩进、段间距 +* 引用块（可选）：把金句提出来 +* 插图展示（MVP 允许显示，但生成可后置） + + * 位置：段落之间 + * 图注：`图：老家门口的那条路（AI 生成）` + +**C. 书内工具条（尽量轻）** + +* `目录` +* `导出 PDF`（付费点） +* `分享链接`（付费点） + +### 3.3 插图能力（MVP 最小实现） + +* [x] 支持章节内显示图片（来自：用户上传/后端插入） +* [ ] AI 生图：先不做（或做“生成 1 张封面图”作为轻功能） + +### 3.4 功能清单（MVP） + +* [x] 目录 + 章节阅读 +* [x] 章节内容来自“整理稿” +* [x] 显示插图（如果存在） +* [x] 导出 PDF（付费前置或后置见第 5 节） +* [x] 生成分享链接（只读） + +--- + +## 4. 页面 3：我的（个人主页） + +### 4.1 页面目标 + +* 放所有“非核心”功能：设置、付费、客服、隐私 +* 不打扰聊天主路径 + +### 4.2 模块结构（从上到下） + +**A. 账户卡片** + +* 微信头像/昵称 +* 当前套餐状态：`免费体验 / 20小时套餐 / 已到期` +* “云端保存中”状态提示 + +**B. 套餐与付费** + +* `升级套餐` +* `我的订单` +* `兑换码` + +**C. 数据与隐私** + +* `导出所有数据（zip/pdf）` +* `内容仅自己可见（默认）` +* `删除账号与数据`（高风险操作，二次确认） + +**D. 设置** + +* 语音：`语速（慢/标准）` +* 字体：`大字模式` +* 夜间模式 +* 方言识别开关（如果 API 支持） +* 通知：`每天提醒我聊 5 分钟` + +**E. 帮助** + +* 常见问题 +* 反馈与客服 +* 关于我们 + +### 4.3 功能清单（MVP） + +* [x] 套餐展示/购买入口 +* [x] 隐私与数据导出入口 +* [x] 基础设置：语速/大字/夜间 +* [x] 反馈入口 + +--- + +## 5. 关键业务流程图（MVP） + +### 5.1 实时语音聊天 → 自动成书 + +```text +用户点「开始聊天」 + ↓ +进入连续语音模式（ASR 流式转写 + VAD 断句） + ↓ +AI 在停顿处回应/追问（TTS） + ↓ +每个段落自动保存（音频 + 文本 + 元数据） + ↓ +用户点「结束聊天」 + ↓ +生成本次摘要（时长/新增内容/推荐下次主题） + ↓ +后台整理：分章节 → 改写为书面语 → 排版段落 → 插入占位图位 + ↓ +「我的回忆录」可阅读更新 +``` + +### 5.2 导出/付费（最小闭环） + +```text +用户在「我的回忆录」点「导出 PDF」 + ↓ +判断套餐： + ├─ 免费：导出前 3 章 / 或带水印 / 或仅预览 + └─ 付费：完整导出 + ↓ +生成 PDF（封面/目录/章节/插图） + ↓ +下载 / 分享链接 +``` + +--- + +## 6. MVP 版本范围（确保能做完） + +### 必做（上线即用） + +* 三页 + 登录 +* 实时语音连续对话（开始/结束） +* 自动保存（音频+文字） +* 后台整理为固定章节 +* 电子书阅读（目录+正文+可插图） +* 导出 PDF（哪怕先简版排版） +* 套餐入口（哪怕先接一个最简支付） + +### 可推迟（第二版） + +* AI 生图批量插图 +* 用户编辑章节/标题 +* 复杂时间轴 +* 多人协作（子女共同编辑） +* 情绪陪伴/每日推送精细化 diff --git a/demo.html b/demo.html new file mode 100644 index 0000000..84cba28 --- /dev/null +++ b/demo.html @@ -0,0 +1,1802 @@ + + + + + + 往事拾遗 - Demo + + + + + + +
+
+
+
+ +
+
+
+

+ 《这一生》 + +

+
+
+
+
0
+
今日已聊(分钟)
+
+
+
2:18
+
累计时长
+
+
+
+ +
+ +

你可以一直说，我会认真听

+
00:00
+
+ +
+
回忆录进度
+
+
+ 预估页数 + 约 18 页 +
+
+ 已整理章节 + 3 章 +
+
+ 最近更新 + 刚刚 +
+
+
+ +
+
+ + 本次聊天已保存 +
+
+
+ 聊天时长 + 8分42秒 +
+
+ 新增内容 + 童年与家庭（2段） +
+
+
+
推荐下次聊
+
上学的日子
+
+
+ +
+ + 阅读我的回忆录 +
+
+ + +
+
+
目录
+
正在阅读
+
+ +
+
+

这一生

+

我的回忆录

+

更新于 2 分钟前

+
+
+
+
01
+
+
童年与家庭
+
已整理 · 约3页
+
+ +
+
+
02
+
+
上学的日子
+
部分整理 · 约2页
+
+ +
+
+
03
+
+
工作与事业
+
待补充
+
+ +
+
+
04
+
+
爱情与婚姻
+
待补充
+
+ +
+
+
+ +
+
+ + 返回目录 +
+
+
第一章
+

童年与家庭

+
+
+

我出生在一个普通的农村家庭，那是1955年的深秋。母亲常说，我出生的那天，院子里的老槐树落了一地金黄的叶子，风一吹，像是漫天飞舞的蝴蝶。

+ +
+ "日子虽然清苦，但那时候的快乐是最纯粹的。" +
+ +

父亲是村里的木匠，手艺在十里八乡都有名气。他的手上满是老茧，却能用那双手雕出最精美的花纹。每到农闲时节，总有人家请他去做嫁妆，一张八仙桌，一对太师椅，都是他的拿手活计。

+ +
+
老家门口的那条路
+
图：老家门口的那条路（AI 生成）
+
+ +

母亲是个勤快人，总是天不亮就起床，喂鸡、扫院子、生火做饭，一刻也闲不住。她不识字，但会唱很多老歌，夜里纳鞋底的时候，常常哼着小调，那旋律到现在我还记得。

+ +

我们家有三个孩子，我排行老二。大姐比我大三岁，小弟比我小五岁。那时候日子虽然清苦，但一家人在一起，总有说不完的话，笑不完的乐子。

+
+
+
+ + +
+
+
+ +
+
李明华
+
+ + 免费体验版 +
+
+ +
+
套餐与付费
+
+
+
+ +
+
+
升级套餐
+
解锁完整导出与更多功能
+
+ +
+
+
+ +
+
+
我的订单
+
+ +
+
+
+ +
+
数据与隐私
+
+
+
+ +
+
+
导出所有数据
+
+ +
+
+
+ +
+
设置
+
+
+
+ +
+
+
语速
+
标准
+
+ +
+
+
+ +
+
+
大字模式
+
+
+
+
+
+ +
+
+
夜间模式
+
+
+
+
+
+ +
+
+
每日提醒
+
每天提醒聊5分钟
+
+
+
+
+
+ +
+
帮助
+
+
+
+ +
+
+
常见问题
+
+ +
+
+
+ +
+
+
反馈与客服
+
+ +
+
+
+ +
+
+
关于我们
+
+ +
+
+
+
+
+ + + + + +
+
+ + 导出 PDF +
+ +
+ + +
+
+ +
+
+
00:00
+
+ + 正在记录... +
+
+
+
+
+
+
+
+
+
+
+
+ +
+ +
+ + +
+ + +
+
+
编辑回忆录名称
+ +
建议 2-10 个字
+
+ + +
+
+
+
+
+ + + + + diff --git a/docs/color.png b/docs/color.png new file mode 100644 index 0000000..e01790e Binary files /dev/null and b/docs/color.png differ