基于 StepFun Realtime API 的实时语音交互应用
- 🎤 实时语音识别:基于服务端 VAD 的智能语音检测
- 🤖 自然对话:流畅的 AI 语音交互体验
- 🎯 打断支持:随时可打断 AI 回复,实现自然对话流程
- 📝 对话历史:优雅的对话记录展示
- 🎨 精美 UI:深空极简主义设计风格
- Node.js 18+
- npm 或 yarn
cd web
npm install- 在设置中输入 StepFun API Key
- 选择语音语言(中文/英文)
# 启动 WebSocket 代理服务器
node server.js
# 新开终端,启动 Next.js 开发服务器
npm run dev访问 http://localhost:3000/realtime-voice
npm run build
npm start- 前端框架:Next.js 14 (App Router)
- UI 框架:React 18
- 样式:Tailwind CSS
- 动画:Framer Motion
- 语言:TypeScript
- 实时通信:WebSocket + StepFun Realtime API
- 点击右上角设置图标,配置 API Key
- 点击麦克风按钮开始对话
- 对话历史会自动显示在下方
- 可随时打断 AI 回复,继续对话
查看 CHANGELOG.md
MIT License
Powered by StepFun Realtime API