zlwu 8 months ago
parent
commit
201ad6b51f
1 changed files with 8 additions and 0 deletions
  1. 8 0
      frontend/src/pages/ChatBotPage.tsx

+ 8 - 0
frontend/src/pages/ChatBotPage.tsx

@@ -373,6 +373,14 @@ export const ChatBotPage = () => {
     subtitleOnRef.current = subtitleOn;
   }, [subtitleOn]);
 
+  // 当用户在播报过程中从「关闭字幕」切换到「开启字幕」时,如果已有文本,则立即显示字幕区域
+  useEffect(() => {
+    if (!subtitleOn) return;
+    if (currentState !== 'playing') return;
+    if (!recognizedText) return;
+    setSubtitleVisible(true);
+  }, [subtitleOn, currentState, recognizedText]);
+
   // 只要语音在播报就持续向下滚动,不主动停;仅当字幕消失(不可见或容器卸载)时停止
   const subtitleScrollActiveRef = useRef({ subtitleVisible, currentState });
   const subtitleScrollStepCountRef = useRef(0);