WebRTC - 5. Outro (gif, github link)
마지막으로 완성된 예제와 삽질 포인트 그리고 깃헙 링크와 함께 마무리 하도록 하겠습니다


필자가 작업하면서 마주친 삽질 포인트
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