feat: 实现 TTS 语音播放,完成 MVP P0 全部用户故事

- 新增 TTSPlayer:收集流式 tts_audio 片段,is_last 时拼接解码播放
- useVisionSession 接入 TTS 播放器,interrupt/stopSession 时停止播放
- App 显示 '🔊 正在播放...' 指示器
- MVP P0 四个用户故事前端全部实现(US-01 ~ US-04)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
2026-06-13 13:57:36 +08:00
parent 0ef7aa657d
commit 6a47c4dfbb
4 changed files with 137 additions and 3 deletions

View File

@@ -13,6 +13,7 @@ function App() {
messages,
currentReply,
isProcessing,
isAudioPlaying,
isSpeaking,
isVADReady,
vadError,
@@ -43,6 +44,7 @@ function App() {
<div className="video-section">
<VideoPreview ref={videoRef} isStreaming={!!stream} />
{isSpeaking && <div className="vad-indicator">🎤 ...</div>}
{isAudioPlaying && <div className="vad-indicator vad-indicator--audio">🔊 ...</div>}
{isConnected && !isVADReady && !vadError && (
<div className="vad-indicator vad-indicator--loading">
...