二次开发指南
通过修改项目核心文件可实现深度定制:
关键修改位置
- 初始对话设置:编辑
src/components/ConvAI.tsx
中的const initialMessage = "Your custom question";
- 协议触发条件:修改
handleResponse()
函数中的AI确认逻辑 - 传输内容自定义:调整
src/lib/encoder.ts
的编码字典
典型定制案例
案例1:扩展通信协议
1. 在src/constants.ts
添加新协议类型
2. 实现对应的编解码器模块
3. 更新状态机切换逻辑
案例2:增加加密层
1. 在encoder.ts
中插入AES加密
2. 修改ggwave的payload结构
3. 添加密钥交换机制
调试建议
- 使用
npm run build -- --watch
实时编译 - 通过VS Code调试器设置断点
- 查看浏览器console中的audioContext日志
本答案来源于文章《gibberlink:两个AI智能体间高效音频通信的演示项目》