Skip to content

[FE] feat: 미디어 컨트롤러 및 WebRTC 구현 #111

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Merged
zelkovaria merged 40 commits into from
Jun 2, 2025
Merged

[FE] feat: 미디어 컨트롤러 및 WebRTC 구현 #111

zelkovaria merged 40 commits into from
Jun 2, 2025

Conversation

@zelkovaria
Copy link
Member

@zelkovaria zelkovaria commented Mar 6, 2025 •
edited
Loading

이슈번호

요약(개요)

  • 음성 채널 참여시 사용되는 미디어 컨트롤러바 및 상태 값을 관리합니다
  • WebRTC 기능을 구현합니다

작업 내용

  • 마이크, 비디오, 화상 공유를 위한 전역 상태 값을 관리합니다
  • Stomp를 사용한 Socket 통신을 합니다
  • 사용자의 미디어 정보를 offer에 담아 시그널링 서버로 전송합니다. 시그널링 서버에서 쿠렌토에 offer를 등록해서 answer를 받고, 이에 대한 answer를 응답으로 받습니다

집중해서 리뷰해야 하는 부분

기타 전달 사항 및 참고 자료(선택)

  • WebRTC 리팩토링 중이고 이외는 구현 완료입니다!
2025-03-06.7.29.52.mov

@zelkovaria zelkovaria self-assigned this Mar 6, 2025
zelkovaria added 22 commits March 8, 2025 18:35
@zelkovaria
[FE] setting: socket.io 추가 (#74)
41e4f15
@zelkovaria
[FE] setting: mkcert 추가 (#74)
77cfcf1
@zelkovaria
[FE] fix: guildId가 존재하는 경우만 쿼리 실행 조건 추가 (#74)
a6e89c7
@zelkovaria
[FE] feat: 채널에 따른 채팅 혹은 미디어창 렌더링 로직 추가 (#74)
cf149c6
@zelkovaria
[FE] fix: 채널 정보를 전역 값으로 대체 및 실시간 화면 갱신 (#74)
c0bfdcd
@zelkovaria
[FE] feat: 참여자가 없는 비디오 페이지 기본 레이아웃 구현 (#74)
19e0302
@zelkovaria
[FE] feat: theme color 추가 (#74)
b8866f8
@zelkovaria
feat: 빈 채널 레이아웃에 참여중인 채널명 출력 (#74)
4cf2273
@zelkovaria
[FE] feat: CategorySection에 VoiceChannelController 배치 (#74)
2351bcd
@zelkovaria
[FE] feat: guild의 name을 전역상태 관리에 추가 (#74)
cdff6a3
@zelkovaria
[FE] feat: 길드 선택시 저장되는 guild 정보를 수정 (#74)
aa66dee
@zelkovaria
[FE] refactor: 폴더 경로 수정 (#74)
969cd74
@zelkovaria
[FE] feat: 음성 채널 컨트롤러 컴포넌트 상단 UI 구현 (#74)
3924686
@zelkovaria
[FE] feat: voice channel action 관련한 전역 상태 추가 (#74)
39321ec
@zelkovaria
[FE] feat: voice channel controller actions UI 구현 (#74)
5b5749d
@zelkovaria
[FE] feat: voice type 채널 선택시 전역상태 업데이트 (#74)
5a2c029
@zelkovaria
[FE] fix: 채널 클릭마다 전역상태 값이 바뀌는 오류 수정 (#74)
f51baa1
@zelkovaria
[FE] feat: 음성 채널 참여시에만 VoiceChannelController 컴포넌트 노출 (#74)
17ad368
@zelkovaria
[FE] feat: VoiceChannelController에 actions 관련한 버튼 컴포넌트 추가 (#74)
49762fe
@zelkovaria
[FE] refactor: channelAction 상태 관리 함수에 매개변수 추가 (#74)
39dfab6
@zelkovaria
[FE] feat: Actions 아이콘들에 애니메이션 추가 (#74)
113437c
@zelkovaria
[FE] feat: 아이콘 hover시 커서 추가 (#74)
96ad675
zelkovaria added 14 commits March 8, 2025 18:37
@zelkovaria
[FE] feat: 컨트롤러 컴포넌트 연결 아이콘 클릭시 상태 변경 (#74)
8964370
@zelkovaria
[FE] feat: Socket을 사용한 WebRTC 임시 구현 (#74)
0041a68
@zelkovaria
[FE] feat: stomp 방식을 사용하여 테스트용 WebRTC 구현 (#74)
3520a4e
@zelkovaria
[FE] feat: createAnswer 로직 제거 (#74)
ee80e43
@zelkovaria
[FE] feat; useStompWebRTC hook 추가 (#74)
f6eec5f
@zelkovaria
[FE] feat: 불필요한 offer 요청 삭제 (#74)
69453b6
@zelkovaria
[FE] refactor: 중복 구독 방지 및 token 로직 개선 (#74)
97c23cb
@zelkovaria
[FE] feat: candidate 요청시 조건 및 대기 중인 후보 전송 시도 추가 (#74)
6754f1f
@zelkovaria
[FE] feat: userId 조회를 위한 api 함수 구현 (#74)
58439f3
@zelkovaria
[FE] refactor: userId 조회 경로 수정 (#74)
50df3fe
@zelkovaria
[FE] feat: N:M WebRTC 임시 구현 (#74)
55eb1e3
@zelkovaria
[FE] feat: 로그인시 userId를 전역 상태에 저장 (#74)
39f4f8f
@zelkovaria
[FE] feat: WebRTC 사용시 필요한 userId를 전역 상태 값으로 사용 (#74)
c6011e3
@zelkovaria
[FE] feat: 나간 유저에 대한 정보를 subscribe 및 불필요한 로직 개선 (#74)
fae956e
chysis
chysis approved these changes Jun 2, 2025
View reviewed changes
Copy link
Collaborator

@chysis chysis left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👍🏻👍🏻

@zelkovaria zelkovaria merged commit 2519744 into main Jun 2, 2025
11 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@chysis chysis chysis approved these changes

@toychip toychip Awaiting requested review from toychip toychip is a code owner

@onegood07 onegood07 Awaiting requested review from onegood07 onegood07 is a code owner

@bianbbc87 bianbbc87 Awaiting requested review from bianbbc87 bianbbc87 is a code owner

Assignees

@zelkovaria zelkovaria

Labels

feat feat Frontend Frontend 혜인

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

[FE] feat - WebRTC 음성, 화상 채팅 구현

3 participants

@zelkovaria @chysis