feat(meeting): 마이크에 노이즈 억제 오디오 제약 적용

getUserMedia 를 { audio: true }(브라우저 기본 의존) 에서 명시적 제약으로 변경:
echoCancellation/noiseSuppression/autoGainControl=true + voiceIsolation(Chrome/Edge
110+ ML 음성 격리, 미지원 시 무시). 배경 노이즈 억제 강화. spec 단언도 갱신.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

Author: yuchem2

apps/frontend/src/feature/meeting/hooks/useMediasoupViewModel.spec.tsx

@@ -955,12 +955,19 @@ describe('useMediasoupViewModel.muteToggle', () => {
     expect(result.current.localStream).toBeNull();
   });
 
-  it('toggleAudio 최초 호출 시 getUserMedia({audio:true}) 로 취득해 produce(source=audio) 하고 isAudioMuted=false', async () => {
+  it('toggleAudio 최초 호출 시 getUserMedia(노이즈 억제 오디오 제약) 로 취득해 produce(source=audio) 하고 isAudioMuted=false', async () => {
     const { result, send } = await setupReady();
     await act(async () => {
       await result.current.toggleAudio();
     });
-    expect(getUserMediaMock).toHaveBeenCalledWith({ audio: true });
+    expect(getUserMediaMock).toHaveBeenCalledWith({
+      audio: {
+        echoCancellation: true,
+        noiseSuppression: true,
+        autoGainControl: true,
+        voiceIsolation: true,
+      },
+    });
     expect(send.produce).toHaveBeenCalledTimes(1);
     expect(send.produce.mock.calls[0][0].appData).toMatchObject({ source: 'audio' });
     expect(result.current.isAudioMuted).toBe(false);

apps/frontend/src/feature/meeting/hooks/useMediasoupViewModel.ts

@@ -340,7 +340,7 @@ export function useMediasoupViewModel(
             code,
             transportId: recvTransport.id,
             producerId: payload.producerId,
-            rtpCapabilities: device.rtpCapabilities as unknown,
+            rtpCapabilities: device.recvRtpCapabilities as unknown,
           };
           const consumeRes = await rpcWithTimeout<ConsumeResponse>(
             socket,
@@ -490,7 +490,19 @@ export function useMediasoupViewModel(
       const sendTransport = sendTransportRef.current;
       if (sendTransport === null) return;
       try {
-        const constraints = kind === 'audio' ? { audio: true } : { video: true };
+        // 오디오는 노이즈 억제/에코 제거/자동 게인을 명시적으로 요청한다(기본값 의존 X).
+        // voiceIsolation 은 표준 외(Chrome/Edge 110+): 지원 시 ML 음성 격리 강화, 미지원 시 무시.
+        const constraints: MediaStreamConstraints =
+          kind === 'audio'
+            ? {
+                audio: {
+                  echoCancellation: true,
+                  noiseSuppression: true,
+                  autoGainControl: true,
+                  voiceIsolation: true,
+                } as MediaTrackConstraints,
+              }
+            : { video: true };
         const stream = await navigator.mediaDevices.getUserMedia(constraints);
         const track =
           kind === 'audio' ? stream.getAudioTracks()[0] : stream.getVideoTracks()[0];