WebRTC - 5. Outro (gif, github link)

마지막으로 완성된 예제와 삽질 포인트 그리고 깃헙 링크와 함께 마무리 하도록 하겠습니다

 

< 상대방에게 연결 시도할 때 / Media turn on/off >

< 상대방이 연결을 시도할 때 / 연결 거부할 때 >

 

필자가 작업하면서 마주친 삽질 포인트

1. 상대방의 media가 연결이 안될 때

 

iceCandidate가 잘 연결되었는지 확인이 필요합니다

 

sveltekit으로 개발할 때, npm run을 했을 때 서브된 ip가 여러개가 나온것을 확인했습니다

 

정상적으로 하나의 ip에서 작동되고 있는지 확인이 필요합니다

 

2. 소리가 echo처럼 울릴 때

 

본인의 미디어 사운드를 끕니다

 

안그러면 계속해서 울리고 더 심해지면 귀가 아파질 정도였습니다..

 

3. media 를 전달 하거나 전달 받을 때, on/off할 때

 

media를 track하는 부분에 조금 더 신경을 써야됩니다

 

turn on/off과정에서 이전 track을 확실하게 초기화 하고 시작을 해야됩니다

 

4. 문제가 없어보이는데 소리가 안들릴 때

 

NVR장비처럼 오디오 스펙이 다른 경우, 별도의 오디오 코덱 셋팅이 필요한 경우가 있습니다

 

5. 대역폭 문제

 

기본적으로 1:1통신에 필요한 대역폭은 대략 5Mbps 정도로

 

동시에 여러개 연결하는 경우, 5Mbps x n 만큼의 대역폭이 필요하고

 

대역폭이 모자라는 경우 영상, 오디오에 문제가 생기거나

 

연결이 끊기는 상황이 발생할 수 있습니다

 

Intro : https://devmemory.tistory.com/103
Node : https://devmemory.tistory.com/104
React : https://devmemory.tistory.com/105
Flutter : https://devmemory.tistory.com/106

github : https://github.com/devmemory/web_rtc_example