no image
[WebRTC] mediasoup로 webRTC SFU 구현하기
What is mediasoup? SFU(Selective Forwarding Unit) SFU는 오디오, 비디오 스트림을 엔드포인트로 부터 받고 다른 모든 사람들에게 미디어를 전달한다. node.js Library 서버 없이는 작동될 수 없으며 반드시 node.js 애플리케이션 내에서 임포트되어야한다. Signaling agnostic 💡 agnostic : '불가지론자, 불가지론의'. 뭐 이런 뜻이라는 데 그냥 '독립적인' 정도로 해석하면 될 것 같다. 시그널링 프로토콜이 필요하지 않다. 모든 존재하는 WebRTC 엔드포인트에 지원이 가능하다. mediasoup :: Overview Cutting Edge WebRTC Video Conferencing mediasoup.org SFU 하나의 피어는 오..
2022.10.02
no image
[WebRTC] WebRTC Overview, NAT, STUN
WebRTC Overview Stands for Web Real-Time Communication 라이브 스트리밍, 라이브 채팅을 위해 Peer to Peer 방식으로 연결한다. P2P방식은 매우 빠르며 브라우저간 대용량 커뮤니케이션을 가능하게 해준다. WebRTC는 표준화 된 API를 제공한다. 브라우저간 통신뿐만 아니라 mobile, IOT 디바이스 간에도 통신을 제공한다. P2P 통신 지연 시간이 존재한다. 역 프록시던 TURN 허브던 상관없이 트래픽 프로세스를 보고 트래픽을 복호화 하여 상대 리소스에 접근한다. WebRTC 통신 과정 A wants to connect to B A는 B의 Public 주소로 연결할 수 있는 방법을 탐색한다. B는 A의 Public 주소로 연결할 수 있는 방법을 탐색..
2022.08.07
no image
[Socket.io] WebSocket 동작 원리(직접 구현)
Reference 더보기 해당 포스팅은 노마드코더의 '줌 클론코딩' 강좌를 보고 공부한 내용을 작성한 포스팅입니다. 줌 클론코딩 – 노마드 코더 Nomad Coders WebSockets, SocketIO, WebRTC nomadcoders.co 구현 예정 기능 실시간 채팅 보내기 / 받기 닉네임 설정 방 설정 채팅 이벤트 HTTP protocol http://... Client - Server request response 과정 Real-Time 은 아니다. request가 이루어져야만 서버는 답하는 형식 응답이 이루어지고 나서 요청 및 응답 데이터는 소멸 WebSocket protocol ws://... 웹 브라우저에만 국한되는 시스템은 아니다. Client - Server 연결뿐만 아니라 Serve..
2021.10.30
no image
[Socket.io] WebSocket 개발 환경 세팅
Reference 더보기 해당 포스팅은 노마드코더의 '줌 클론코딩' 강좌를 보고 공부한 내용을 토대로 작성한 포스팅입니다. 줌 클론코딩 – 노마드 코더 Nomad Coders WebSockets, SocketIO, WebRTC nomadcoders.co 해당 부분 전체 소스코드 works 1 - setting · olive-su/Zoom_Clone_Coding@8cbbcbf This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository. github.com babel : 서버 자동 실행을 도와주는 자바스크립트 컴파일러 nodemon : 서버 실행 express : 서..
2021.10.28
no image
[Authentication] OAuth2.0 작동 원리 (feat. Google API)
본 포스팅은 생활코딩의 '구글 API를 통해서 배우는 인증' 강좌를 보고 공부한 내용을 토대로 작성했습니다. 더보기 Reference 생활코딩 강좌 - 구글 API를 통해서 배우는 인증 구글 API를 통해서 배우는 인증 (oauth 2.0) - 생활코딩 수업소개 API를 사용하는데 큰 걸림돌은 인증입니다. 사용자에게 최적화된 서비스를 제공하기 위해서는 그 사용자의 정보에 접근할 수 있어야 합니다. 많은 서비스가 인증을 위한 방법으로 oauth opentutorials.org Google OAuth 2.0 API document 웹 서버 애플리케이션에 OAuth 2.0 사용 | Google ID 플랫폼 | Google Developers 웹 서버 애플리케이션에 OAuth 2.0 사용 이 문서에서는 웹 서버..
2021.09.25