실습

[webRTC] 화상채팅 실습

znvlcm 2022. 5. 13. 19:11

 

 

Jam 

WebRTC를 사용한 실시간 화상채팅 

기능 : 

     화상채팅기능 

     사용자 제어 : 1. 소리 끄기, 2. 화면끄기 3. 기기선택 

개발환경 :

  •  javascript , pug, css

라이브러리

  • socket.io
  • barbel
  • express
  • nodemon
  • web

특징 

실시간 화상채팅은 스트리밍시 지연이 있으면 안되기 때문에 

Web RTC web realtime Communication 방식으로 실시간으로 데이터스트림을 peer간에 주고 받는다. 

stun 서버를 통해 클라이언트간 IP공유가 이뤄지며, 이 사이에 데이터 스트림을 설정하고 스트리밍이 되어 

보다 빠르게 데이터를 주고 받을 수 있어 실시간 화상을 주고 받을 수 있게 된다. 

 

코드

https://github.com/amy4229/jam3/

 

GitHub - amy4229/jam3

Contribute to amy4229/jam3 development by creating an account on GitHub.

github.com

 

WebRTC
728x90

'실습' 카테고리의 다른 글

[React] Youtube 클론코딩  (0) 2022.06.18
[리액트앱] 습관 체크 애플리케이션  (0) 2022.06.08
[javascript] 양구하기 게임  (0) 2022.05.25
[실습] 장보기체크리스트만들기  (0) 2022.04.26