0. 先和大家打个招呼吧 
-
你是谁： 我是一名10 多年经验的软件产品经理，目前是个准奶爸；
-
你是怎么用 TRAE 把 Demo 做出来的： 我做这个很简单，因为本身是做产品经理的，有整体的需求规划架构能力，缺乏的是代码实现，所以我利用 TRAE 帮我把我脑海中的想法实现出来。特别是跟育儿相关的，这是为了我以后的孩子自己使用的。
1. Demo 简介
-
「爸妈声」是一款面向 2-6 岁儿童和家长的微信小程序 Demo，核心目标是让孩子在识字过程中听到更熟悉、更有温度的声音。
产品形态是轻量级微信小程序，孩子可以点击识字卡片听发音，家长可以录制自己的声音，用 AI 声音复刻生成专属音色，让识字学习不再只是标准机器音播报。
-
主要功能：目前 Demo 已完成的核心功能：
-
场景化识字卡片
按家庭、厨房、公园、动物园、交通工具等生活场景组织词语，孩子可以点卡听中文发音，并查看拼音和英文。 -
爸妈声音复刻
家长在小程序内选择爸爸/妈妈身份，录制一段中文语音，系统调用云函数完成声音复刻，并用于后续卡片播报。 -
拍照识字
家长可以拍摄或上传图片，AI 自动识别图中物品，生成可添加到词库的识字内容。 -
学习记录
小程序记录孩子已学习词语数量，支持分类切换、换一批、场景探索等轻量互动。
-
2. Demo 创作思路
-
这个 Demo 的灵感来自一个很具体的家庭教育场景：很多家长希望孩子多识字、多接触英语，但现实里很难每天固定陪读。市面上的识字产品通常能解决“内容”和“发音”，但声音大多是标准合成音，孩子听一段时间后容易失去兴趣。
我想验证一个方向：
如果识字卡片不是由陌生机器音来读，而是由爸爸或妈妈的声音来读，孩子会不会更愿意听、更愿意点、更容易形成学习连续性？
所以这个 Demo 没有先做复杂课程体系，而是先做一个最小闭环：
家长录音 → AI 复刻声音 → 孩子点卡 → 用爸妈声音读词 → 记录学习进度。
在功能取舍上，我优先保留了三个动作：
- 孩子能快速点卡学习；
- 家长能录制并生成专属声音；
- 家长能通过拍照扩展自己的词库。
其他更重的功能，比如课程体系、会员系统、成长报告、游戏化闯关，目前都没有放到第一版里。第一版的重点是验证“熟悉声音 + 点读识字”这个核心体验是否成立。
3. Demo 体验地址（三选一）
-
微信小程序搜 父母声场景伴读；
-
或者扫二维码：
4. TRAE 实践过程
-
这个 Demo 的开发主要使用 TRAE IDE 完成。由于 TRAE 会话记录展示异常，早期原型拆解和前端开发阶段的部分 Session ID 已无法从历史记录中恢复；因此下方按实际开发阶段说明过程，并单独列出目前可追溯的 TRAE 调试会话。
阶段一：产品原型与功能拆解
先围绕“父母声音陪孩子识字”这个想法，拆解为可落地的小程序功能，包括页面结构、核心流程、云函数边界和数据存储方式。
关键产出：
- 小程序页面结构：识字页、探索场景页、声音设置页、我的页；
- 功能优先级：先完成点读识字和声音复刻闭环；
- 技术路径：微信小程序 + 云开发 + AI 语音服务。
阶段二：微信小程序页面与交互开发
使用 TRAE 完成小程序前端页面，包括识字卡片、分类切换、场景探索、拍照识字弹窗、声音设置页等。
这一阶段重点解决儿童使用场景下的交互问题：
- 入口要简单，孩子能直接点卡；
- 按钮要大，减少误触；
- 页面层级不能太复杂；
- 识字内容围绕真实生活场景组织。
阶段三：声音复刻能力接入
声音复刻是这个 Demo 最关键也最容易出问题的部分。开发过程中先尝试接入火山引擎声音复刻，后续根据接口限制和调试结果，改造为阿里云百炼声音复刻方案。
这一阶段完成了：
- 录音文件上传到云存储；
- 云函数下载录音并调用声音复刻接口；
- 保存复刻后的 voiceId；
- 使用克隆音色合成卡片音频；
- 处理训练失败、超时、格式不支持等异常情况。
阶段四：真机调试与问题修复
最后在微信开发者工具和真机调试中验证完整流程，重点修复了录音格式、云函数超时、API Key 配置、声音复刻服务权限、音频合成回放等问题。
最终跑通的核心链路是：
录音 → 上传云存储 → 云函数调用声音复刻 → 返回克隆音色 ID → 使用克隆音色生成点读音频 → 小程序播放。
开发截图
-
可追溯 TRAE Session ID
由于早期会话记录无法恢复，以下列出当前能找到的 TRAE 调试会话：
- Session ID：4449092435718731:98fa8953e3a9ee881fd00331ff27d71b_6a44e5eecb7f8937b46760ca.6a44e5eecb7f8937b46760cd.6a44e5eecb7f8937b46760cb:TRAE Work CN.0.1.29.no_sid.no_ppe.T(2026/7/1 18:03:26)
- Session ID：4449092435718731:c1a17bcf582a3a9143bff133be9760bf_6a44e5eecb7f8937b46760ca.6a4606b7cb7f8937b4676a6c.6a4606b7cb7f8937b4676a6a:TRAE Work CN.0.1.29.no_sid.no_ppe.T(2026/7/2 14:35:35)
- Session ID：4449092435718731:1080a00b6a89f6a47027b619b4c6cb52_6a44e5eecb7f8937b46760ca.6a477522cb7f8937b4676e72.6a477522cb7f8937b4676e70:TRAE Work CN.0.1.29.no_sid.no_ppe.T(2026/7/3 16:38:58)
Session ID：
4449092435718731:eea4c630ca541de239ff886fe694eb64_6a44e5eecb7f8937b46760ca.6a487659cf58b10e200bf484.6a487659cf58b10e200bf482:TRAE Work CN.0.1.29.no_sid.no_ppe.T(2026/7/4 10:56:25)
早期原型和前端开发过程对应产出已体现在当前项目文件、小程序页面结构和云函数代码中。
5. 开发心得
这次 Demo 最大的收获是：AI 应用不是把模型接口接上就结束，真正困难的是把一个用户可感知的闭环跑通。
声音复刻这个功能看起来只是“录音 + 合成”，但实际会涉及录音格式、云存储、云函数超时、模型权限、音色 ID 保存、播放缓存、失败提示等一整条链路。TRAE 在这个过程中比较适合做两类事情：
- 帮我把问题拆成可执行任务；
- 在报错日志很长时，快速定位是代码问题、配置问题还是服务权限问题。
这个 Demo 目前还不是完整商业产品，但已经验证了一个核心体验：孩子点击卡片时，听到的不再只是标准机器音，而是来自爸爸妈妈的熟悉声音。
6. 对应的报名审核通过的帖子链接