WebRTC 라이브러리로 1:N 화상채팅 구현

Question

안녕하세요.WebRTC 라이브러리를 사용해 화상채팅 기능을 구현하고 있습니다.초보 레벨이지만 문제를 하나씩 해결해나가는 과정에 재미를 느끼고 있습니다.운 좋게도 1:1 화상채팅 예제를 쉽게 찾을 수 있어서 이걸 활용하고 있는데요.제가 원하는 기능은 유튜브 라이브 스트리밍처럼 호스트 카메라만 사용하고 참가자들은 호스트의 카메라 화면을 보고 실시간 채팅을 하는 걸 구현하고자 합니다.(navigator.mediadevices.getusermedia() 로 사용자 카메라, 오디오를 사용합니다)브라우저로 페이지에 진입했을때 호스트인지 일반 참가자인지 구분해서 호스트만 카메라를 켜는 조건으로 수정을 했는데요.참가자의 카메라를 강제로 인식되도록 canvas 를 생성해 검은 화면을 만들어 쏴줬는데도 socket 에 입장했다는 감지는 되지만 비디오 영상이나 소리는 전혀 출력되지 않고 있습니다.제가 찾은 예제 파일은 기본적으로 1:1 화상회의용이라 3명이 room 에 들어가면 기존 2명의 통신이 무조건 끊기는 상태입니다.블로그 찾아보고 해도 이쪽으로는 처음이다보니 어떻게 더 시도를 해봐야할지 감이 안 잡히네요...혹시 저같은 초보가 참고할수 있을만한 1:N 방식의 화상채팅 자료가 있을지 알려주시면 감사하겠습니다.

캐티 · Answer

깃허브에 예제를 살펴볼 수 있고 아래 두 링크를 추천해요.[1] Perfect Negotiation (webrtc.github.io)[2] Multiple peer connections (webrtc.github.io)

프로폴리스 · Answer

예전에 잠깐 공부했었는데..SFU, MCU 라는 내용으로 검색한번 해 보세요~

개발잡부 · Answer

혹시 SSAFY하시나요? 지금딱 2학기 플젝으로 WebRTC할 타이밍이긴한데...여튼 ㅋㅋ Openvidu라는 라이브러리를 사용해보세요. 예제도 있고, p2p도 지원하지만, 토큰발급 방식으로 세션을 유지한다면서버자체는 Openvidu에 있기때문에 1:N 연결도 수월합니다.

WebRTC 라이브러리로 1:N 화상채팅 구현

3개의 답변

#webrtc 목록