1. Demo 简介
-
是什么： 键语 KeyTalk 是一款将手指敲击节奏 和指环转动动作 转化为数字指令的 iOS Web App；
-
面向谁：经常出入会议室、图书馆、地铁等嘈杂或需要安静的职场人、学生、骑行/驾驶者、单手操作不便的残障人士、需要隐蔽交互的安保或应急人员；
-
主要功能：
功能一：敲击识别（5 种节奏模式）
单击、双击、三连击、长短、双长 —— 对应播放/暂停、接听/挂断、拒接+短信、发送定位、快捷指令。
功能二：旋转识别（6 种转动模式）
顺时针/逆时针转动，支持圈数识别（半圈/1圈/2圈）—— 对应切歌、快进快退、暂停。
功能三：实时波形可视化 + 数据统计
Canvas 实时绘制加速度波形，统计今日敲击次数和累计节省时间。
2. Demo 创作思路
-
灵感来源：有一次我骑共享单车时突然想拒接来电，手忙脚乱差点摔倒。后来我发现自己无意识敲桌子的动作其实很有节奏感，于是想到，为什么不能让这些“无意识的物理敲击”直接承载信息？就像摩斯电码一样，手指敲击是最本能、最静默的人机交互方式；
-
想解决的问题：
- 场景失语： 语音助手在安静场合尴尬、在嘈杂环境中不准；拿出手机解锁操作需要占用视觉和双手，打断当前任务。
- 交互盲区： 现有穿戴设备主要依赖屏幕触摸或语音，缺少一种完全脱离屏幕、不发声、单手甚至"无感"的第三维度交互方式；
-
为什么做这个方向：智能穿戴市场正在从"手腕"向"指尖"迭代。不同于主打健康的智能手表，“键语"主打效率与隐蔽交互，切入的是一个尚未被充分挖掘的细分赛道。敲击+旋转的组合形成了自然的"三维输入空间”，既保留了物理交互的直觉性，又提供了足够的指令丰富度。
3. Demo 体验地址（三选一）
「本 Demo 需通过 HTTP 服务器访问，直接双击打开会因浏览器安全策略导致脚本加载失败」
keytalk-demo.zip (67.4 KB)
cd demo
python3 -m http.server 8080
然后在浏览器访问 http://localhost:8080/ 即可。
4. TRAE 实践过程
开发流程概览
1.需求分析与方案设计
使用 Brainstorming 技能，通过多轮对话明确 8 项评估维度的设计方向，确定"轻量验证型"方案，产出设计文档。
2.核心链路实现
编写敲击检测引擎（DeviceMotion API + 高通滤波）、模式识别算法（5 种预设模式匹配）、指令执行层（音乐/来电/短信/定位）。
3.UI 与交互打磨
实现 iOS 风格深色主题、4 Tab 导航（首页/指令/训练/设置）、首次启动引导、Toast 反馈、虚拟按钮模拟。
4.旋转交互扩展
新增旋转检测器（陀螺仪角速度积分 + 方向判断 + 圈数计算），扩展 6 种旋转指令，实现敲击+旋转双维度输入。
5.调试与验证
使用 TRAE 内置浏览器进行截图验证，修复 emoji 渲染问题（替换为 SVG 图标），确保所有页面正常显示。
- 附开发关键步骤截图（不少于 3 张）；
截图 1：首页（敲击 + 旋转双输入）
截图 2：指令页（敲击指令 + 旋转指令）
截图 3：训练页（节奏练习）
截图 4：设置页（灵敏度调节 + 数据统计）
- 附关键任务对话的 Session ID（不少于 3 个），用于证明作品由 TRAE 开发完成。
- Session ID 1：
CN.3059268067799292:de62c184a2d8d511d759801e360aafa6_6a3a24ac0b436f299a2b6f2e.6a3c82c52bd48d2e12fe9873.6a3c82c56d274eccba928eee:TRAE Work CN.1.0.0.2036.25c935d7-340b-4ce6-a173-bf9ded1254ac.no_ppe.T(2026/6/25 09:34:34) - Session ID 2：
CN.3059268067799292:cf7c5c9bbe562176f1b4f1735316f7f5_6a3a24ac0b436f299a2b6f2e.6a3c88ef2bd48d2e12fe98fb.6a3c88eef9e441a999e1631b:TRAE Work CN.1.0.0.2036.25c935d7-340b-4ce6-a173-bf9ded1254ac.no_ppe.T(2026/6/25 10:00:01) - Session ID 3：
CN.3059268067799292:aeba958308fe46ced5de93d552cbd3f1_6a3a24ac0b436f299a2b6f2e.6a47688178b235ef38830018.6a476881bf5b2e2c6b5379d6:TRAE Work CN.1.0.0.2036.25c935d7-340b-4ce6-a173-bf9ded1254ac.no_ppe.T(2026/7/3 15:49:03) - Session ID 4：
CN.3059268067799292:ada5cfa3c3bdb2e14d6aedfcb638c3d3_6a3a24ac0b436f299a2b6f2e.6a476b6878b235ef38830031.6a476b67e88f1c6adcf010b7:TRAE Work CN.1.0.0.2036.25c935d7-340b-4ce6-a173-bf9ded1254ac.no_ppe.T(2026/7/3 16:06:15)
5. 对应的报名审核通过的帖子链接
【硬件交互赛道】键语 KeyTalk——指节敲击交互系统
