feat: 화상 회의의 영상 전송 시 비트레이트 제한

Author: wcho21

client/src/components/Sidebar/MeetingButton.tsx

@@ -13,9 +13,6 @@ function MeetingButton() {
   const { isOnGoing, setIsOnGoing } = MeetingContext;
 
   const onClick = () => {
-    if (isOnGoing) {
-      socket.emit('bye');
-    }
     if (isOnGoing) {
       socket.emit('bye');
     }

client/src/config/index.ts

@@ -3,4 +3,5 @@ export default {
   GITHUB_CLIENT_SECRET: import.meta.env.VITE_GITHUB_CLIENT_SECRET,
   SERVER_PATH: import.meta.env.VITE_SERVER_PATH,
   SERVER_URL: import.meta.env.VITE_SERVER_URL,
+  WEBRTC_VIDEO_BITRATE: import.meta.env.VITE_WEBRTC_VIDEO_BITRATE,
 };

client/src/utils/rtc/index.ts

@@ -1,11 +1,12 @@
 import { WORKSPACE_EVENT } from '@wabinar/constants/socket-message';
+import env from 'config';
 import { Socket } from 'socket.io-client';
 
 type onMediaConnectedCb = (socketId: string, remoteStream: MediaStream) => void;
 type onMediaDisconnectedCb = (socketId: string) => void;
 
 class RTC {
-  static BITRATE = 30000;
+  static BITRATE = Number(env.WEBRTC_VIDEO_BITRATE);
   private socket: Socket;
   private iceServerUrls: string[];
   private userMediaStream: MediaStream;
@@ -108,6 +109,8 @@ class RTC {
         const answer = await pc.createAnswer();
         await pc.setLocalDescription(answer);
 
+        this.#setVideoBitrate(pc, RTC.BITRATE);
+
         this.socket.emit(WORKSPACE_EVENT.SEND_ANSWER, answer, remoteSocketId);
       },
     );
@@ -121,6 +124,8 @@ class RTC {
         }
 
         await pc.setRemoteDescription(answer);
+
+        this.#setVideoBitrate(pc, RTC.BITRATE);
       },
     );