feat: 语音气泡浅蓝 + 页眉图标展示全部视觉状态 + 简化自动问候

- /voice 页右下角气泡文本改浅蓝色(最新 #4cc2ff / 历史 #6fb5ea)
- GlobalVision 广播 dpm:vision-status(status/cameraOn/gesture/faces)
- 页眉图标四态:默认灰(探索) → 识别中浅蓝(摄像头开/检测/面向) → 手势绿(惊喜) → 异常红
- 自动调用语音助手问候语简化为「您好呀,需要我的帮助吗?」
This commit is contained in:
Pine
2026-08-18 06:24:26 +08:00
parent 75498027f3
commit fbf2eccad2
5 changed files with 49 additions and 7 deletions
+1 -1
View File
@@ -133,7 +133,7 @@ export default function VoiceAssistant() {
const live = LIVE_STATES.has(state);
// ── 自动问候生命周期状态(须在 start 之前定义:start 依赖数组引用 sendGreeting)──
const GREETING_TEXT = '你好!欢迎来到园区,我是智能语音助手,请问有什么可以帮你的吗?';
const GREETING_TEXT = '您好呀,需要我的帮助吗?';
const GREETING_WAIT_MS = 25000; // 问候播完后等待用户回答的超时
const voiceStateRef = useRef(state);
voiceStateRef.current = state;
+3 -3
View File
@@ -159,7 +159,7 @@
/* ============ 语音气泡:持续展示 · 最新大字 · 历史小字 ============ */
.bubble {
color: #1d2c44; /* 浅色背景适配(原版深色文字在浅色下不可见 */
color: #4cc2ff; /* 浅蓝色文本(视觉识别对话风格 */
}
.bubble .bubble-role {
font-size: 10px;
@@ -172,13 +172,13 @@
font-size: 21px;
font-weight: 600;
line-height: 1.45;
color: #1d2c44;
color: #4cc2ff;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}
/* 历史消息:小字,向上排列 */
.bubble.history .bubble-body {
font-size: 12.5px;
line-height: 1.5;
color: #4a5b76;
color: #6fb5ea;
opacity: 0.88;
}