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을 확실하게 초기화 하고 시작을 해야됩니다

 

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