webrtc 현재와 미래 최진호 2016

53
WebRTC 현재와 미래 Remote Monster 대표 최진호

Upload: blisson-choi

Post on 14-Feb-2017

357 views

Category:

Software


2 download

TRANSCRIPT

Page 1: WebRTC 현재와 미래 최진호 2016

WebRTC 현재와 미래

Remote Monster 대표 최진호

Page 2: WebRTC 현재와 미래 최진호 2016

최진호

• Remote Monster 대표

• 한국 HTML5융합기술포럼 WebRTC 커뮤니티 리더

• 2013~2016.2Q SK Telecom PlayRTC Product Manager

Page 3: WebRTC 현재와 미래 최진호 2016

WebRTC

Page 4: WebRTC 현재와 미래 최진호 2016

+ 950개 이상의 서비스/프로젝트

Page 5: WebRTC 현재와 미래 최진호 2016

대체 WebRTC가 뭐길래?

Page 6: WebRTC 현재와 미래 최진호 2016

5살 꼬꼬마 기술

아직 Draft상태의 표준

새파랗게 젊은 기술

Page 7: WebRTC 현재와 미래 최진호 2016

WebRTC는?

세계 최고 무료 VoIP 엔진/프로젝트

Chromium

Page 8: WebRTC 현재와 미래 최진호 2016

WebRTC는?

Stream CaptureP2P connectivity

Media negotiationFirewall/NAT traversalAudio/Video codec

Data communicationFlow controls

Dynamic quality adaptationEncryption

Page 9: WebRTC 현재와 미래 최진호 2016

WebRTC는?

Internet & Web 표준

Page 10: WebRTC 현재와 미래 최진호 2016

WebRTC는?

P2P 방식의 실시간 통신

Page 11: WebRTC 현재와 미래 최진호 2016

시그널 서버

Page 12: WebRTC 현재와 미래 최진호 2016

3 peers

Page 13: WebRTC 현재와 미래 최진호 2016

n peers (Mesh)

Page 14: WebRTC 현재와 미래 최진호 2016

n peers (Grid)

Page 15: WebRTC 현재와 미래 최진호 2016

n peers (Broadcasting)

Page 17: WebRTC 현재와 미래 최진호 2016

3개의 API

getUserMedia

RTCPeerConnection

RTCDataChannel

Page 18: WebRTC 현재와 미래 최진호 2016

하지만 WebRTC App개발은 어렵습니다

가장 최소의 HelloWorld App의 코드 줄수

= 150

게다가 서버 설치 및 설정은

별도!

Page 19: WebRTC 현재와 미래 최진호 2016

No standard framework or project

Web기술 오픈소스 framework

CMS Wordpress, Joomla, Drupal…

Front-end 개발 jQuery, Ember.js, Angular.js…

Front-end 디자인 Bootstrap, Matrial Design…

WebGL Babylon, three.js

WebSockets Socket.io

WebRTC ?

Page 20: WebRTC 현재와 미래 최진호 2016

복잡한 운영 환경

서버가 필요해! P2P라며?Public Network기반 시그널 서버

Page 21: WebRTC 현재와 미래 최진호 2016

너무 심한 기기와 네트워크에 따른 품질 차

Mobile이라는 Hell에 오신 것을 환영합니다.

Page 22: WebRTC 현재와 미래 최진호 2016

어려운 통신 용어

SDP

ICE

RTPSCTP

TURNBandwidth

signalling

H.264

SVCSFU

MCUCandidate

DTLS

NAT traversal

Page 23: WebRTC 현재와 미래 최진호 2016

양(Web)의 탈을 쓴늑대(Legacy)?

Page 24: WebRTC 현재와 미래 최진호 2016

하지만 이 모든 것은 극복될 수 있어요

Page 25: WebRTC 현재와 미래 최진호 2016

진짜?

Page 26: WebRTC 현재와 미래 최진호 2016

강력하고 끈끈한

Page 27: WebRTC 현재와 미래 최진호 2016

WebRTC 커뮤니티 Korea

• https://www.facebook.com/groups/rtc.korea/

• 국내 최초, 최고의 WebRTC 커뮤니티

• HTML5 융합기술포럼에서 후원

Page 28: WebRTC 현재와 미래 최진호 2016

WebRTC meetup Global

Page 29: WebRTC 현재와 미래 최진호 2016

주요 문서와 사이트

https://bitbucket.org/webrtc/codelabhttps://developer.mozilla.org/ko/docs/Web/API/WebRTC_APIhttps://github.com/webrtchttps://bloggeek.me/https://webrtchacks.com/https://webrtcweekly.com/https://blog.remotemonster.com/https://blog.mozilla.org/webrtc/

Page 30: WebRTC 현재와 미래 최진호 2016

그리고 WebRTC PaaS를 이용하세요

TokboxTemasysRespokeTropoKandy

RemoteMonster

WebRTC를 하루만에 적용할 수 있어요

Page 32: WebRTC 현재와 미래 최진호 2016

WebRTC의 현재

Page 33: WebRTC 현재와 미래 최진호 2016

WebRTC의 현재

20억 +WebRTC 브라우저

● 출처: Google I/O WebRTC Meetup (Justin Uberti)

Page 34: WebRTC 현재와 미래 최진호 2016

WebRTC의 현재

950+WebRTC기반의 기업 및 프로젝트

● 출처: Google I/O WebRTC Meetup (Justin Uberti)

Page 35: WebRTC 현재와 미래 최진호 2016

WebRTC의 현재

● 출처: https://www.blaccspot.com/blog/

3.1조억원+2016년 WebRTC기업 인수 및 투자 금액(40개업체)

* 2015년 1.1조억원 규모

Page 36: WebRTC 현재와 미래 최진호 2016

WebRTC의 현재

최근인수사례

• Acision Comverse • Tropo Cisco

• Speek Jive Communications • ESNA Avaya

• mPortal Broadsoft • Screenhero Slack

• Requestec Blackboard • Jitsi Atlassian

• vLine airtime • Kurento Twilio

Page 37: WebRTC 현재와 미래 최진호 2016

WebRTC의 현재

Twilio16.5 NYSE IPO

81% CAGR (매출)

1800억원 매출(2015년)

Page 38: WebRTC 현재와 미래 최진호 2016

WebRTC의 현재

턱없이부족한 WebRTC 개발자

WebRTC Expert needed urgently

FullStack Developer with live streaming Experience

WebRTC iOS Client

Experience of video streaming website

WebRTC

Page 39: WebRTC 현재와 미래 최진호 2016

Remote Monster도

WebRTC 개발자를

구합니다

(숙련/비숙련환영)

Page 40: WebRTC 현재와 미래 최진호 2016

WebRTC의 현재● 원격 협업/미팅 (영상, 오디오, 문서 협업)

● 소셜미디어 / 소셜커뮤니케이션 / 메시징솔루션

● 교육(어학,음악(with WebAudio),코딩 등)

● 헬스케어/텔레메디슨

● 콜센터/고객지원(인터넷쇼핑몰 etc)

● 게임(with VoiceChat, Webcam, Data etc.)

● 상담(전문가,VIP,역술, 부동산, 운동 ...)

● 금융 / 증권 / Video Banking

● 재난 구조

● File Share

● IoT / M2M / Connected Car

● 방송(실시간 반응)

● 원격 계약

● 보이스마켓

● & More

● From 손성영님 발표자료

Page 41: WebRTC 현재와 미래 최진호 2016

WebRTC 표준 현황

W3C Working Draft

Candidate Recommendation (17년 1Q)

Page 42: WebRTC 현재와 미래 최진호 2016

WebRTC 표준 현황

+=

Page 43: WebRTC 현재와 미래 최진호 2016

WebRTC 표준 현황

최근 2년간 주요 변화

• ORTC와 닮아감

• Stream Track

• Promise 방식 채택

• 다양한 Configuration

• 예: bundlePolicy, rtcpMuxPolicy,

iceCandidatePoolSize …

• 객체단위로 접근할 수 있는 많은 정보

• 보안의 강화

Page 44: WebRTC 현재와 미래 최진호 2016

Microsoft Edge (H.264/AVC)

Page 45: WebRTC 현재와 미래 최진호 2016

Apple

Page 46: WebRTC 현재와 미래 최진호 2016

Opus 1.1.2

• 인코딩시 10%, 디코딩시17%의 성능 향상

• 극한 상황의 네트워크에서도 음성만은 끊어지지않도록!!

<12kbps

Page 47: WebRTC 현재와 미래 최진호 2016

Chrome M55Renaming AppRTCDemo on Android and iOS to AppRTCMobileWhile talking to the wider WebRTC community we realized that the name AppRTCDemo used previously for our mobile demo app is slightly confusing and doesn’t reflect the fact that it’s a mo

bile app, so we are changing its name to AppRTCMobile to address that concern.

Screen share for Chrome Android available behind flagTo use this feature, enable the flag "Experimental ScreenCapture android" in chrome://flags page and call getUserMedia with constraints "video: {'mandatory': {'chromeMediaSource':'screen'}}".

The user needs to both approve system permission (first time) and allow sharing on a chrome infoBar (every time).

Android Screen Capturer in WebRTCThe screen content can now be captured with a new screen capturer implementation from native Android WebRTC.

CVO has been implemented for native iOS capturerCoordination of video orientation (CVO) has been implemented for the iOS capturer in native iOS WebRTC. This avoids the current flash in the video when the iOS device is rotated, and also

avoids reconfiguring the local encoder and remote decoder when the device is rotated.

Auto-focus and video stabilization on Camera2When available, we now enable auto-focus and video-stabilization in android.hardware.camera2. The auto-focus algorithm continually attempts to modify the lens position to provide a constant

ly-in-focus image stream. The video-stabilization tries to compensate for motion blur due to small movements of the camera during capture.

Send-side Bandwidth EstimationA new feedback message and header extension is now offered by Chrome. When both are negotiated Chrome will run all bandwidth estimation logic on the sending client, which in turn enable

s improved bitrate probing and better convergence time.

Page 48: WebRTC 현재와 미래 최진호 2016

Chromium WebRTC의 성장세

Page 49: WebRTC 현재와 미래 최진호 2016

WebRTC표준의 미래: 다양한 Video 지원

• Spherical video, stereo video

• Augmented reality

• Multicast, simulcast, and

pluggable codecs

• Far-end camera control

Page 50: WebRTC 현재와 미래 최진호 2016

No SDP but Full support for ICE

Page 51: WebRTC 현재와 미래 최진호 2016

QUIC for Datachannel and Signalling

Page 52: WebRTC 현재와 미래 최진호 2016

WebRTC의 미래

통신의 모든 것은 클라우드를 향할 것

Page 53: WebRTC 현재와 미래 최진호 2016

감사합니다

https://remotemonster.comhttps://www.facebook.com/groups/rtc.korea/[email protected]