diff --git a/package-lock.json b/package-lock.json
index 347d996..ad64e63 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -20,6 +20,7 @@
         "axios": "^1.11.0",
         "class-variance-authority": "^0.7.1",
         "clsx": "^2.1.1",
+        "hark": "^1.2.3",
         "immer": "^10.0.2",
         "lucide-react": "^0.541.0",
         "mediasoup-client": "3.17.0",
@@ -44,6 +45,7 @@
         "@testing-library/jest-dom": "^6.8.0",
         "@testing-library/react": "^16.3.0",
         "@testing-library/user-event": "^14.6.1",
+        "@types/hark": "^1.2.5",
         "@types/jest": "^30.0.0",
         "@types/node": "^24.3.0",
         "@types/react": "^19.1.10",
@@ -2925,6 +2927,13 @@
       "integrity": "sha512-trOc4AAUThEz9hapPtSd7wf5tiQKvTtu5b371UxXdTuqzIh0ArcRspRP0i0Viu+LXstIQ1z96t1nsPxT9ol01g==",
       "license": "MIT"
     },
+    "node_modules/@types/hark": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/@types/hark/-/hark-1.2.5.tgz",
+      "integrity": "sha512-PyVF1PIrbKHeC1+6W/HZoMT40DLoQ0d1FAxuv7Vcg+XBfmpio8qr+y29chxYutJpra/K2MWXiXm/lScEv2E9pg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@types/istanbul-lib-coverage": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.6.tgz",
@@ -5147,6 +5156,15 @@
         "url": "https://opencollective.com/mediasoup"
       }
     },
+    "node_modules/hark": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/hark/-/hark-1.2.3.tgz",
+      "integrity": "sha512-u68vz9SCa38ESiFJSDjqK8XbXqWzyot7Cj6Y2b6jk2NJ+II3MY2dIrLMg/kjtIAun4Y1DHF/20hfx4rq1G5GMg==",
+      "license": "MIT",
+      "dependencies": {
+        "wildemitter": "^1.2.0"
+      }
+    },
     "node_modules/has-flag": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
@@ -7717,6 +7735,11 @@
         "node": ">=8"
       }
     },
+    "node_modules/wildemitter": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/wildemitter/-/wildemitter-1.2.1.tgz",
+      "integrity": "sha512-UMmSUoIQSir+XbBpTxOTS53uJ8s/lVhADCkEbhfRjUGFDPme/XGOb0sBWLx5sTz7Wx/2+TlAw1eK9O5lw5PiEw=="
+    },
     "node_modules/word-wrap": {
       "version": "1.2.5",
       "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
diff --git a/package.json b/package.json
index 505e687..f698d77 100644
--- a/package.json
+++ b/package.json
@@ -29,6 +29,7 @@
     "axios": "^1.11.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "hark": "^1.2.3",
     "immer": "^10.0.2",
     "lucide-react": "^0.541.0",
     "mediasoup-client": "3.17.0",
@@ -53,6 +54,7 @@
     "@testing-library/jest-dom": "^6.8.0",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
+    "@types/hark": "^1.2.5",
     "@types/jest": "^30.0.0",
     "@types/node": "^24.3.0",
     "@types/react": "^19.1.10",
diff --git a/src/components/room/grid/my-tile.tsx b/src/components/room/grid/my-tile.tsx
index eebd76a..7254e73 100644
--- a/src/components/room/grid/my-tile.tsx
+++ b/src/components/room/grid/my-tile.tsx
@@ -1,11 +1,12 @@
 import React, { useEffect, useRef } from 'react';
 import { Mic, MicOff } from 'lucide-react';
 import type { Layout } from '@/types';
-import { cn, getInitials } from '@/lib/utils';
+import { cn, getInitials, getPeerId } from '@/lib/utils';
 import {
   useCameraDeviceId,
   useCameraOn,
   useMicOn,
+  usePeerConditionsById,
   usePeerMe,
 } from '@/store/conf/hooks';
 import { useMedia } from '@/hooks/use-media';
@@ -21,6 +22,7 @@ const MyTile: React.FC<PeerTileProps> = ({ layout }) => {
   const cameraOn = useCameraOn();
   const cameraDeviceId = useCameraDeviceId();
   const peerMe = usePeerMe();
+  const peerMeCondition = usePeerConditionsById(peerMe?.id || getPeerId());
 
   useEffect(() => {
     if (!cameraOn || !videoRef.current) return;
@@ -32,7 +34,11 @@ const MyTile: React.FC<PeerTileProps> = ({ layout }) => {
   if (!peerMe) return null;
   return (
     <div
-      className=" bg-linear-to-br from-white/5 to-white/2 border  border-white/10 backdrop-blur-xl rounded-lg overflow-hidden flex flex-col relative transition-all duration-300 ease-in-out"
+      className={cn(
+        `bg-linear-to-br from-white/5 to-white/2 border  border-white/10 backdrop-blur-xl 
+        rounded-lg overflow-hidden flex flex-col relative transition-all duration-300 ease-in-out`,
+        peerMeCondition?.isSpeaking && ' border-blue-500'
+      )}
       style={{ width: `${layout.width}px`, height: `${layout.height}px` }}
     >
       {/* Video/Avatar Area */}
diff --git a/src/components/room/grid/peer-tile.tsx b/src/components/room/grid/peer-tile.tsx
index d44546f..bca6ce6 100644
--- a/src/components/room/grid/peer-tile.tsx
+++ b/src/components/room/grid/peer-tile.tsx
@@ -2,7 +2,11 @@ import React, { useEffect, useRef } from 'react';
 import { Mic, MicOff } from 'lucide-react';
 import type { Layout } from '@/types';
 import { cn, getInitials } from '@/lib/utils';
-import { usePeerMediasById, usePeerOthersById } from '@/store/conf/hooks';
+import {
+  usePeerConditionsById,
+  usePeerMediasById,
+  usePeerOthersById,
+} from '@/store/conf/hooks';
 import { useMedia } from '@/hooks/use-media';
 import { Avatar, AvatarFallback } from '@/components/ui/avatar';
 
@@ -15,6 +19,7 @@ export const PeerTile: React.FC<PeerTileProps> = ({ peerId, layout }) => {
   const videoRef = useRef<HTMLVideoElement>(null);
   const peerData = usePeerOthersById(peerId);
   const media = usePeerMediasById(peerId);
+  const peerMeCondition = usePeerConditionsById(peerId);
 
   useEffect(() => {
     if (!media?.camera || !videoRef.current) return;
@@ -31,7 +36,11 @@ export const PeerTile: React.FC<PeerTileProps> = ({ peerId, layout }) => {
 
   return (
     <div
-      className=" bg-linear-to-br from-white/5 to-white/2 border  border-white/10 backdrop-blur-xl rounded-lg overflow-hidden flex flex-col relative transition-all duration-300 ease-in-out"
+      className={cn(
+        `bg-linear-to-br from-white/5 to-white/2 border  border-white/10 backdrop-blur-xl 
+        rounded-lg overflow-hidden flex flex-col relative transition-all duration-300 ease-in-out`,
+        peerMeCondition?.isSpeaking && ' border-blue-500'
+      )}
       style={{ width: `${layout.width}px`, height: `${layout.height}px` }}
     >
       {/* Video/Avatar Area */}
diff --git a/src/components/room/my-audio.tsx b/src/components/room/my-audio.tsx
new file mode 100644
index 0000000..4d5a39a
--- /dev/null
+++ b/src/components/room/my-audio.tsx
@@ -0,0 +1,61 @@
+import { useMedia } from '@/hooks/use-media';
+import { useMicOn, usePeerActions, usePeerMe } from '@/store/conf/hooks';
+import { useEffect, useRef } from 'react';
+import hark from 'hark';
+
+const MyAudio = () => {
+  const { getTrack } = useMedia();
+  const audioRef = useRef<HTMLAudioElement>(null);
+  const screenAudioRef = useRef<HTMLAudioElement>(null);
+  const peerMe = usePeerMe();
+  const micOn = useMicOn();
+  const speechEventsRef = useRef<hark.Harker>(null);
+  const peerActions = usePeerActions();
+
+  // mic
+  useEffect(() => {
+    if (!micOn || !audioRef.current || !peerMe?.id) {
+      if (speechEventsRef.current) {
+        speechEventsRef.current.stop();
+      }
+      return;
+    }
+    const track = getTrack('mic');
+    if (!track) return;
+    const stream = new MediaStream([track]);
+
+    audioRef.current.srcObject = stream;
+    speechEventsRef.current = hark(stream, {});
+
+    speechEventsRef.current.on('speaking', () => {
+      peerActions.updateCondition(peerMe.id, { isSpeaking: true });
+    });
+    speechEventsRef.current.on('stopped_speaking', () => {
+      peerActions.updateCondition(peerMe.id, { isSpeaking: false });
+    });
+
+    return () => {
+      if (speechEventsRef.current) {
+        speechEventsRef.current.stop();
+      }
+    };
+  }, [micOn, getTrack, peerActions, peerMe?.id]);
+
+  // screen audio
+  useEffect(() => {
+    if (!screenAudioRef.current) return;
+    const track = getTrack('screenAudio');
+    if (!track) return;
+    const stream = new MediaStream([track]);
+    screenAudioRef.current.srcObject = stream;
+  }, [getTrack]);
+
+  return (
+    <>
+      <audio ref={screenAudioRef} autoPlay muted />
+      <audio ref={audioRef} autoPlay muted />
+    </>
+  );
+};
+
+export default MyAudio;
diff --git a/src/components/room/peer-audio-list.tsx b/src/components/room/peer-audio-list.tsx
index 256088a..cd62dff 100644
--- a/src/components/room/peer-audio-list.tsx
+++ b/src/components/room/peer-audio-list.tsx
@@ -1,10 +1,12 @@
 import { usePeerOthersKeys } from '@/store/conf/hooks';
 import PeerAudio from './peer-audio';
+import MyAudio from './my-audio';
 
 const PeerAudioList = () => {
   const peerIds = usePeerOthersKeys();
   return (
     <>
+      <MyAudio />
       {peerIds.map(id => (
         <PeerAudio key={id} peerId={id} />
       ))}
diff --git a/src/components/room/peer-audio.tsx b/src/components/room/peer-audio.tsx
index 8340054..1998213 100644
--- a/src/components/room/peer-audio.tsx
+++ b/src/components/room/peer-audio.tsx
@@ -1,23 +1,46 @@
 import { useMedia } from '@/hooks/use-media';
-import { usePeerMediasById } from '@/store/conf/hooks';
+import { usePeerActions, usePeerMediasById } from '@/store/conf/hooks';
 import { useEffect, useRef } from 'react';
+import hark from 'hark';
 
 const PeerAudio = ({ peerId }: { peerId: string }) => {
   const { getConsumer } = useMedia();
   const audioRef = useRef<HTMLAudioElement>(null);
   const screenAudioRef = useRef<HTMLAudioElement>(null);
   const media = usePeerMediasById(peerId);
+  const speechEventsRef = useRef<hark.Harker>(null);
+  const peerActions = usePeerActions();
 
   // mic
   useEffect(() => {
-    if (!media?.mic || !audioRef.current) return;
+    if (!media?.mic || !audioRef.current) {
+      if (speechEventsRef.current) {
+        speechEventsRef.current.stop();
+      }
+      return;
+    }
+
     const consumer = getConsumer(peerId, 'mic');
     if (!consumer) return;
     const { track } = consumer;
     const stream = new MediaStream([track]);
 
     audioRef.current.srcObject = stream;
-  }, [media?.mic, getConsumer, peerId]);
+    speechEventsRef.current = hark(stream, {});
+
+    speechEventsRef.current.on('speaking', () => {
+      peerActions.updateCondition(peerId, { isSpeaking: true });
+    });
+    speechEventsRef.current.on('stopped_speaking', () => {
+      peerActions.updateCondition(peerId, { isSpeaking: false });
+    });
+
+    return () => {
+      if (speechEventsRef.current) {
+        speechEventsRef.current.stop();
+      }
+    };
+  }, [media?.mic, getConsumer, peerActions, peerId]);
 
   // screen audio
   useEffect(() => {
@@ -26,9 +49,9 @@ const PeerAudio = ({ peerId }: { peerId: string }) => {
     if (!consumer) return;
     const { track } = consumer;
     const stream = new MediaStream([track]);
-
     screenAudioRef.current.srcObject = stream;
   }, [media?.screenAudio, getConsumer, peerId]);
+
   return (
     <>
       <audio ref={screenAudioRef} autoPlay />
diff --git a/src/context/service-context.tsx b/src/context/service-context.tsx
index 4849938..f055341 100644
--- a/src/context/service-context.tsx
+++ b/src/context/service-context.tsx
@@ -46,7 +46,6 @@ export const ServiceProvider = ({ children }: { children: ReactNode }) => {
         // Initialize media service
         const newMediaService = await MediaService.start(newSignalingService);
         setMediaService(newMediaService);
-        console.log('signaling and media service started');
         setError(null);
       } catch (error) {
         console.error('Service initialization error:', error);
diff --git a/src/hooks/use-room.ts b/src/hooks/use-room.ts
index ff996a0..501d4a7 100644
--- a/src/hooks/use-room.ts
+++ b/src/hooks/use-room.ts
@@ -112,7 +112,6 @@ export const useRoom = () => {
         const data = ValidationSchema.createConsumerData.parse(args);
         await createConsumer(data);
         callback({ status: 'success' });
-        callback({ status: 'success' });
       },
 
       [Actions.ConsumerPaused]: async args => {
@@ -129,7 +128,6 @@ export const useRoom = () => {
       },
       [Actions.SendChat]: async args => {
         const data = ValidationSchema.sendChat.parse(args);
-        console.log(data);
         chatActions.addChat(data);
       },
     }),
diff --git a/src/hooks/use-signaling.ts b/src/hooks/use-signaling.ts
index 44e1694..8abba21 100644
--- a/src/hooks/use-signaling.ts
+++ b/src/hooks/use-signaling.ts
@@ -12,7 +12,6 @@ export const useSignaling = () => {
     signalingService.sendMessage({
       action: Actions.Heartbeat,
     });
-    console.log('Send heart beat');
   }, [signalingService]);
 
   const sendMessage = useCallback(
diff --git a/src/store/conf/slices/peer-slice.ts b/src/store/conf/slices/peer-slice.ts
index 43ca283..23cf5de 100644
--- a/src/store/conf/slices/peer-slice.ts
+++ b/src/store/conf/slices/peer-slice.ts
@@ -161,6 +161,13 @@ export const createPeerSlice: StateCreator<
       state.peers.conditions = {};
       state.peers.positions = [];
       state.peers.screens = [];
+
+      const myPeerId = state.peers.me?.id;
+      if (myPeerId) {
+        state.peers.medias[myPeerId] = { id: myPeerId };
+        state.peers.conditions[myPeerId] = { id: myPeerId };
+      }
+
       return state;
     }),
 });