WebRTC

Amazon Kindle Fire Mayday button

목차

1. WebRTC 소개.
2. WebRTC 주요 API.
3. WebRTC (P2P) 통신을 위해 필요한 서버 정보.
4. WebRTC 통신 절차.
5. WebRTC 활용안 & 데모.
6. WebRTC 상용 서비스.
7. WebRTC 로 우리가 만들고자 하는것?
8. 앞으로의 추진 계획 & 목표

WebRTC 소개

WebRTC (Web Real-Time Communication)는 웹 브라우저 간에
플러그인 도움 없이 상호 통신할 수 있도록 설계된 JavaScript API이다.

WebRTC는 구글이 오픈소스화한 프로젝트에서 기원하였으며,
그 뒤로 국제 인터넷 표준화 기구(IETF)가 프로토콜 표준화 작업을,
W3C가 API 정의를 진행하였으며, 음성 통화, 영상 통화, P2P 파일 공유
등으로 활용 될 수 있다.

WebRTC의 짧은 역사.

WebRTC 지원 브라우저

왜 WebRTC에 주목해야 하는가

No PlugIn, No Install, Bye NPAPI, Any OS → Simple Connection!

WebRTC 주요 API

• GetUserMedia
  사용자의 카메라와 마이크 접근을 담당.
• RTCPeerConnection
  Peer간의 연결을 생성하고, 오디오와 비디오 통신에 사용.
  (생성시 STUN 서버 요청)
• RTCDataChannel
  Peer간의 Data를 주고 받을 수 있는 Tunnel API
  (WebSocket과 유사하지만, P2P라 속도가 보다 빠름)

P2P기반 NAT 및 방화벽 통과 기법

• STUN (Session Traversal Utilities for NAT) 서버
  사내망 환경에 NAT를 통해 공인IP, Port를 알아내는 역활을 함
• TURN (Traversal Using Relays around NAT) 서버
  P2P 연결이 안되는 환경일때 트래픽을 중계하는데 사용함
• ICE (Interactive Connectivity Establishment)
  P2P 간 다이렉트로 통신을 위해 STUN, TURN 등의 기술을 종합 활용하여 라우팅 경로를 찾아내는 기술로 UDP hole punching (P2P간 공인IP가 아니더라도 최대한 연결 가능하도록 하는 기법)을 지원.

WebRTC 통신 절차 #1

WebRTC 통신 절차 #2

WebRTC 활용안 #1

WebRTC 활용안 #2

WebRTC 활용안 #3

WebRTC 활용안 #4

WebRTC 활용안 #5

WebRTC 데모 #1 Link

WebRTC 데모 #2

• Zoom

  GO

• Screen

  GO

1대1일을 넘어 다자간 WebRTC

1대1일을 넘어 다자간 WebRTC

1대1일을 넘어 다자간 WebRTC

WebRTC 서비스 - Weemo

Zimbra의 개인일정관리 서비스, Saleforce의 고객관리 솔류션 연동.

WebRTC 서비스 - Pipe

Drag & Drop P2P File 공유. (Offline 250MB 3일보관, ONline 1GB까지)

WebRTC 관련 소식

• Skype, Microsoft와 손잡고 WebRTC로 서비스 준비 발표. (2012.6)
• Google hangouts, WebRTC 버전 준비 발표. (2013.)
• Facebook, 유저간 P2P 파일 공유 앱 Pipe 출시. (2014.2)
• 카카오톡, NHN의 라인, Daum의 마이피플 WebRTC 관심 UP!!

우리가 만들고자 하는것?

모듈화된 화상채팅 어플리케이션을 제공. Weemo

앞으로의 추진 계획 & 목표

• 1개월에 한번 진행 사항 리뷰.
• 1년안에 화상, 음성 채팅 모듈 or 서비스 개발.