From 84223d4c703e942f6965b0d10067cae92d1b3c6a Mon Sep 17 00:00:00 2001
From: xjs <xjs@ycymedu.com>
Date: Tue, 10 Jun 2025 13:51:12 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20android=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/MainArea/index.tsx                    | 14 ++--
 src/components/AntechamberFile/index.tsx      |  3 +-
 .../Provider/RealtimeClientProvider.tsx       | 24 +++---
 src/hooks/useAudioTest.ts                     | 75 +++++++++++++++++++
 4 files changed, 97 insertions(+), 19 deletions(-)
 create mode 100644 src/hooks/useAudioTest.ts

diff --git a/src/app/MainArea/index.tsx b/src/app/MainArea/index.tsx
index 9e3cf14..d86f75d 100644
--- a/src/app/MainArea/index.tsx
+++ b/src/app/MainArea/index.tsx
@@ -6,20 +6,20 @@ import {
   RealtimeClientProvider,
 } from "@/components/Provider/RealtimeClientProvider";
 import { ReportProvider } from "@/components/Provider/ReportResolveProvider";
-import { RealtimeUtils } from "@coze/realtime-api";
+// import { RealtimeUtils } from "@coze/realtime-api";
 import { useLocation } from "react-router-dom";
 
 function MainContent() {
   const { isConnected, handleDisconnect } = useContext(RealtimeClientContext);
   const location = useLocation();
 
-  const handlePromise = async() => {
-    await RealtimeUtils.checkDevicePermission(false);
-  }
+  // const handlePromise = async() => {
+  //   await RealtimeUtils.checkDevicePermission(false);
+  // }
 
-  useEffect(() => {
-    handlePromise();
-  }, []);
+  // useEffect(() => {
+  //   handlePromise();
+  // }, []);
 
   useEffect(() => {
     if (isConnected) {
diff --git a/src/components/AntechamberFile/index.tsx b/src/components/AntechamberFile/index.tsx
index 1a35c8c..b59e4af 100644
--- a/src/components/AntechamberFile/index.tsx
+++ b/src/components/AntechamberFile/index.tsx
@@ -39,8 +39,9 @@ export default function AntechamberFile({handleLoading}:Props) {
     
     handleConnect({
       fileInfo: {type: resp.type,url: resp.url,tableName: resp.tableName,provinceName: resp.provinceName,subjectClaim: resp.subjectClaim},
+    }).then(() => {
+      setHasHandledReport(true);
     });
-    setHasHandledReport(true);
   };
 
 
diff --git a/src/components/Provider/RealtimeClientProvider.tsx b/src/components/Provider/RealtimeClientProvider.tsx
index 7b6cf74..31383a0 100644
--- a/src/components/Provider/RealtimeClientProvider.tsx
+++ b/src/components/Provider/RealtimeClientProvider.tsx
@@ -105,17 +105,7 @@ export const RealtimeClientProvider = ({
     initMessage?: string;
     fileInfo?: FileInfo;
   }) => {
-    const perm = await RealtimeUtils.checkDevicePermission(false);
-    const device = await RealtimeUtils.getAudioDevices();
 
-    if (!perm.audio) {
-      toast({ title: "连接错误", description: "需要麦克风访问权限" });
-      throw new Error("需要麦克风访问权限");
-    }
-    if (device.audioInputs.length === 0) {
-      toast({ title: "连接错误", description: "没有麦克风设备" });
-      throw new Error("没有麦克风设备");
-    }
 
     const client = new RealtimeClient({
       accessToken: token,
@@ -125,7 +115,7 @@ export const RealtimeClientProvider = ({
       allowPersonalAccessTokenInBrowser: true,
       suppressStationaryNoise: true,
       suppressNonStationaryNoise: true,
-      debug: true,
+      debug: false,
     });
     clientRef.current = client;
 
@@ -149,6 +139,18 @@ export const RealtimeClientProvider = ({
       connectingLockRef.current = false;
       return;
     }
+    const perm = await RealtimeUtils.checkDevicePermission(false);
+    const device = await RealtimeUtils.getAudioDevices();
+    if (!perm.audio) {
+      toast({ title: "连接错误", description: "需要麦克风访问权限" });
+      return;
+      // throw new Error("需要麦克风访问权限");
+    }
+    if (device.audioInputs.length === 0) {
+      toast({ title: "连接错误", description: "没有麦克风设备" });
+      return;
+      // throw new Error("没有麦克风设备");
+    }
 
     try {
       if (!clientRef.current) {
diff --git a/src/hooks/useAudioTest.ts b/src/hooks/useAudioTest.ts
new file mode 100644
index 0000000..adda35b
--- /dev/null
+++ b/src/hooks/useAudioTest.ts
@@ -0,0 +1,75 @@
+import { useEffect, useRef } from 'react';
+
+export function useTtsPlayer() {
+  const audioRef = useRef<HTMLAudioElement | null>(null);
+
+  // 第一次挂载时，创建一个隐藏的 <audio> 并追加到 body
+  useEffect(() => {
+    const audio = document.createElement('audio');
+    audio.style.display = 'none';
+    document.body.appendChild(audio);
+    audioRef.current = audio;
+
+    return () => {
+      // 卸载时清理
+      document.body.removeChild(audio);
+      audioRef.current = null;
+    };
+  }, []);
+
+  /**
+   * 播放指定 URL 的 TTS，返回一个 Promise，在播放成功时 resolve
+   */
+  function playTts(url: string): Promise<void> {
+    return new Promise((resolve, reject) => {
+      const audio = audioRef.current;
+      if (!audio) {
+        reject(new Error('Audio element not initialized'));
+        return;
+      }
+
+      audio.src = url;
+      let resolved = false;
+
+      // 真正触发播放的逻辑
+      const tryPlay = () => {
+        audio.play()
+          .then(() => {
+            if (!resolved) {
+              resolved = true;
+              resolve();
+            }
+          })
+          .catch(() => {
+            // 如果因为缺少用户手势被阻止，就交给后面两个事件
+          });
+      };
+
+      // 1⃣️ 立即尝试一次
+      tryPlay();
+
+      // 2⃣️ 在微信 JSBridgeReady 后再试一次（仅触发一次）
+      const onBridge = () => {
+        tryPlay();
+        document.removeEventListener('WeixinJSBridgeReady', onBridge);
+      };
+      document.addEventListener('WeixinJSBridgeReady', onBridge);
+
+      // 3⃣️ 绑定一次性的 touchstart 保底，用户首次触摸时一定能播放
+      const onTouch = () => {
+        tryPlay();
+        document.body.removeEventListener('touchstart', onTouch);
+      };
+      document.body.addEventListener('touchstart', onTouch, { once: true });
+
+      // 可选：加个超时，播放一直没成功就 reject
+      setTimeout(() => {
+        if (!resolved) {
+          reject(new Error('TTS play timeout'));
+        }
+      }, 5000);
+    });
+  }
+
+  return { playTts };
+}