[Feat] Video Call 구현

[HyeonjinChoi]

PR 타입(하나 이상의 PR 타입을 선택해주세요)

• [x] 기능 추가
• [ ] 기능 삭제
• [ ] 버그 수정
• [ ] 의존성, 환경 변수, 빌드 관련 코드 업데이트

반영 브랜치

feat/voicechat-webflux -> dev

변경 사항

N:M 화상통화 기능을 구현했습니다. WebRTC의 Mesh 방식으로 P2P 연결을 하였습니다. 세부 구현내용은 다음과 같습니다.

• WebFlux 기반 Signaling Server 구현
• WebRTC의 Mesh(P2P) 방식으로 Client 구현
• 화상통화 'Start Call' 버튼 클릭 시 WebSocket 연결
• 화상통화 'End Call' 버튼 클릭 시 WebSocket 연결 해제
• 비디오 하단의 Label로 로컬, 원격 구분
• 'Mute' 버튼으로 음성 트랙 제어
• 'Trun Camera Off' 버튼으로 비디오 트랙 제어
• 원격 음성 트랙의 볼륨 조절
• 채널 분리

테스트 결과

1. 초기화면
2. 화상통화 시작
3. 다른 Peer 화상통화 시작
4. 추가 Peer 화상통화 시작
5. Camera Off