Update src/components/control-tray/ControlTray.tsx

src/components/control-tray/ControlTray.tsx

@@ -30,34 +30,28 @@ const ControlTray: React.FC<ControlTrayProps> = ({ videoRef, onVideoStreamChange
   const renderCanvasRef = React.useRef<HTMLCanvasElement>(null);
   const [userVolume, setUserVolume] = useState(0);
 
-  // --- 👇 تغییر اصلی اینجاست 👇 ---
-  // Event-handler جدید برای دریافت هر دو مقدار
-  const handleAudioData = useCallback((base64: string, vol: number) => {
-    if (client && connected && isAppMicActive) {
-      // فقط دیتای صدا را به سرور بفرست
-      if (base64) {
-        client.sendRealtimeInput([{ mimeType: "audio/pcm;rate=16000", data: base64 }]);
-      }
-      // حجم صدا را برای انیمیشن‌ها آپدیت کن
-      setUserVolume(vol);
-      onUserSpeakingChange(vol > 0.01);
-    }
-  }, [client, connected, isAppMicActive, onUserSpeakingChange]);
-
   useEffect(() => {
     if (!audioRecorderRef.current) {
         audioRecorderRef.current = new AudioRecorder();
     }
     const audioRecorder = audioRecorderRef.current;
     
-    // Event listener برای توقف ضبط
+    const handleAudioData = (base64: string, vol: number) => {
+      if (client && connected && isAppMicActive) {
+        if (base64) {
+          client.sendRealtimeInput([{ mimeType: "audio/pcm;rate=16000", data: base64 }]);
+        }
+        setUserVolume(vol);
+        onUserSpeakingChange(vol > 0.01);
+      }
+    };
+    
     const onStop = () => {
         setUserVolume(0);
         onUserSpeakingChange(false);
     }
 
     if (isAppMicActive && connected) {
-      // ثبت کردن event handlerها
       audioRecorder.on("data", handleAudioData);
       audioRecorder.on("stop", onStop);
       if (!audioRecorder.recording) {
@@ -69,17 +63,14 @@ const ControlTray: React.FC<ControlTrayProps> = ({ videoRef, onVideoStreamChange
       }
     }
     
-    // Cleanup function
     return () => {
         if (audioRecorder) {
           audioRecorder.off("data", handleAudioData);
           audioRecorder.off("stop", onStop);
         }
     };
-  }, [isAppMicActive, connected, handleAudioData, onUserSpeakingChange]);
+  }, [isAppMicActive, connected, onUserSpeakingChange, client]);
   
-  // --- 👆 پایان تغییرات اصلی 👆 ---
-
   useEffect(() => {
     if (videoRef.current) {
       if (videoRef.current.srcObject !== activeLocalVideoStream) {