0. 先和大家打个招呼吧 
-
你是谁： 我是一个一年级小学生的妈妈，辅导作业的时候经常容易暴躁发火，我知道这不对，但是忍不住；
-
你是怎么用 TRAE 把 Demo 做出来的： 把想法说给TRAE就行。我没看懂初赛要求的html跟我要开发的手机app是啥关系，TRAE很快就直接给做出来啦，原来这么简单。
1. Demo 简介
-
是什么：一款面向家长的移动端 App，在辅导作业时实时监测家长情绪，通过音量分析和语音关键词识别，在家长即将"爆发"时及时弹出呼吸引导，帮助家长冷静下来；
-
面向谁：辅导作业时容易情绪失控的中小学生家长（中国约 1.5 亿人）。68% 的家长曾在辅导作业时吼叫孩子，但市面上缺少专门解决这个场景的工具；
-
主要功能：
1）实时情绪监测 — 通过麦克风采集音量 + 语音关键词双通道判断，三色状态球实时反馈（绿色正常 / 黄色偏高 / 红色危险）。自动校准家长正常说话的音量基线，避免误报。
2）预警 + 呼吸引导 — 检测到情绪失控信号时，立刻弹出全屏呼吸引导（4-4-6 呼吸法），配合舒缓背景音乐和冷静话术，帮家长在最关键的 30 秒内按下"暂停键"。弹窗提供"我稳住了"/“我没忍住"两条路径，并记录诱因（拖拉/粗心/写字慢/注意力差等）。
3）情绪复盘 + 温和话术 — 每次辅导结束后，复盘页展示情绪记录和诱因分布图表，并针对 TOP 诱因推荐科学沟通方案。话术库按场景分类（拖拉/错题/磨蹭/表扬），提供可直接使用的替换话术。首页展示"连续和平辅导天数”，给家长正向激励。
2. Demo 创作思路
-
灵感来源：我自己就是那个辅导作业时经常控制不住的家长。每次吼完孩子都会后悔，但下次还是忍不住。“事后后悔、当下控制不住”——这个困境太普遍了，身边几乎每个有孩子的家庭都在经历；
-
想解决的问题：家长在情绪失控的瞬间，大脑前额叶（理性）被杏仁核（情绪）劫持，此时讲道理、自我暗示都来不及。需要在失控前的黄金 30 秒，用简单有效的物理干预（呼吸法 + 正念引导）打断情绪升级链条。市面上有番茄钟、有搜题工具、有儿童情绪 App，但没有任何产品专门在家长辅导作业这个高频场景下做情绪干预；
-
为什么做这个方向：决定做"不吼娃"是因为这个痛点足够真实——我自己就是用户，不需要做用户调研就能确认需求。产品采用"事前预防（话术准备、作业拆解）→ 事中缓冲（实时监测 + 呼吸引导）→ 事后复盘（诱因分析 + 沟通方案推荐）"的三段式闭环，每一环都有实际功能支撑，不是空壳。
-
关于隐私： 所有音频处理在前端本地完成，转写文本即时销毁，全部数据本地存储，不上传任何服务器，不需要注册账号。这是对家庭隐私的尊重，也是技术上的务实选择。
3. Demo 体验地址（三选一）
-
交互式可体验的HTML格式文件，直接用Edge浏览器打开 index.html 即可体验完整功能流程。适合快速体验产品概念。
-
注：浏览器版本的语音识别依赖 Google/微软云端服务，在国内可能不稳定；Android 版本集成百度语音 SDK，识别更稳定。
4. TRAE 实践过程
整个 Demo 从零到完成，全程使用 TRAE 开发，以下是完整的开发流程：
阶段一：需求梳理与产品设计（TRAE 辅助思考）
首先让 TRAE 帮我梳理产品需求。我只描述了"辅导作业时容易发脾气，想要一个工具提醒我"这个模糊想法，TRAE 帮我逐步细化成了完整的产品方案：确定了"事前预防 → 事中缓冲 → 事后复盘"的三段式产品架构，规划了 6 大功能模块（首页、监测、预警、复盘、话术、设置），输出了完整的需求文档（不吼娃-需求描述与开发计划-v3.md）。
阶段二：HTML Demo 快速原型（单文件开发）
TRAE 在一个 index.html 文件中完成了全部前端开发——HTML 结构 + CSS 样式 + JavaScript 逻辑全部内嵌。这个阶段验证了产品概念和交互流程是否顺畅。核心实现包括：
- Web Audio API 实时音量采集 + Canvas 波形图绘制
- Web Speech API 语音识别 + 关键词检测
- 三色状态球动态切换 + 4-4-6 呼吸引导动画
- localStorage 本地数据持久化
- 情绪复盘的诱因分布图表
阶段三：Android App 迁移（HBuilderX + 5+ App 框架）
浏览器版本验证了产品概念后，我决定把产品做成真正能在手机上独立使用的 Android App。TRAE 帮我完成了整个迁移过程：
- 创建 HBuilderX 项目结构（manifest.json + index.html + data.json）
- 将浏览器 API 替换为 5+ App 原生 API（plus.speech 语音识别、plus.storage 本地存储、plus.device.vibrate 振动提醒、plus.audio.getRecorder 录音）
- 配置百度语音识别 SDK（申请百度智能云账号、创建应用、获取 AppID/API Key/Secret Key、配置 manifest.json）
- 处理全面屏适配（safe-area、viewport-fit=cover）
- 实现双重数据存储（localStorage + plus.storage）确保设置项在 App 重启后保留
- 将文案内容（每日正念、冷静话术、关键词库等）外置到 data.json 文件，方便后续自行编辑维护
阶段四：功能迭代优化
在真机调试过程中，根据实际体验不断优化：
- 发现纯音量监测容易误触发（拖椅子就报警），增加了"判断依据"选项（仅音量 / 仅关键词 / 两者结合）
- 发现灵敏度"宽松/标准/敏感"三档不够灵活，改为可编辑数值输入
- 发现呼吸引导的逐阶段提示音体验不好，改为持续播放舒缓背景音乐
- 发现设置数据在 App 重启后丢失，排查到 plusready 时序问题，修复为双重存储机制
- 发现调试基座不支持百度语音 SDK，改为制作自定义调试基座
开发中的关键 TRAE 对话
以下是开发过程中的关键对话 Session ID：
- 需求梳理与产品方案设计 Session
1694772873925852:655e8399a9faaf64367da18f9ec0a2dc_6a44eb0310815e16d52afc5a.6a44eb0410815e16d52afc5d.6a44eb0310815e16d52afc5b:TRAE Work CN.0.1.29.no_sid.no_ppe.T(2026/7/1 18:25:08)
1694772873925852:467e1d0a474ef3c78ad008d73ec789f5_6a44eb0310815e16d52afc5a.6a478797747ba1d058b6c64d.6a478796747ba1d058b6c64b:TRAE Work CN.0.1.29.no_sid.no_ppe.T(2026/7/3 17:57:43)
- HTML Demo 核心功能开发（音量监测 + 波形图 + 语音识别 + 呼吸引导）Session
1694772873925852:36248c701ba0fabdf303bd89f7eb1d99_6a44eb0310815e16d52afc5a.6a478aab747ba1d058b6c6b7.6a478aab747ba1d058b6c6b6:TRAE Work CN.0.1.29.no_sid.no_ppe.T(2026/7/3 18:14:55)
- Android App 迁移（5+ API 适配 + 百度语音 SDK 集成 + 全面屏适配）Session
1694772873925852:b8a3d8ff56a54d81857205d919b1d372_6a44eb0310815e16d52afc5a.6a485fe8bddaf32f00c9ec6a.6a485fe7bddaf32f00c9ec68:TRAE Work CN.0.1.29.no_sid.no_ppe.T(2026/7/4 09:20:40)
- 真机调试与问题修复（存储持久化 + 灵敏度调优 + 音乐播放）Session
1694772873925852:fe9ec0a9afd4217f8e6844a9bb648b64_6a44eb0310815e16d52afc5a.6a48c0666e0b4c2fb63a1eae.6a48c0666e0b4c2fb63a1eac:TRAE Work CN.0.1.29.no_sid.no_ppe.T(2026/7/4 16:12:22)
后续 App 化规划
当前 Demo 验证了产品概念，原生 App 将释放更大潜力：iOS 可用 Apple Speech Framework 实现离线语音识别；Android 可集成科大讯飞 SDK 达到 98% 以上中文识别准确率；还可支持后台持续监测、振动强提醒、端侧 AI 情绪分析等能力。
5. 对应的报名审核通过的帖子链接
报名学习工作赛道 + 不吼娃 — AI情绪管理与作业辅导助手 - TRAE AI 创造力大赛 / 【大赛报名专区】 - TRAE 官方中文社区
不吼娃-Demo.zip (16.5 KB)