[Issue Monitor] 스마트 헬스케어의 현재와 미래 · 뿐만아라 2015년의료·바이오분야에대한신규 벤처투자액은2011년대비3배이상성장하였으며,
WebRTC 현재와 미래 최진호 2016
-
Upload
blisson-choi -
Category
Software
-
view
357 -
download
2
Transcript of WebRTC 현재와 미래 최진호 2016
![Page 1: WebRTC 현재와 미래 최진호 2016](https://reader034.fdocuments.net/reader034/viewer/2022042507/58a294ce1a28ab36508b6221/html5/thumbnails/1.jpg)
WebRTC 현재와 미래
Remote Monster 대표 최진호
![Page 2: WebRTC 현재와 미래 최진호 2016](https://reader034.fdocuments.net/reader034/viewer/2022042507/58a294ce1a28ab36508b6221/html5/thumbnails/2.jpg)
최진호
• Remote Monster 대표
• 한국 HTML5융합기술포럼 WebRTC 커뮤니티 리더
• 2013~2016.2Q SK Telecom PlayRTC Product Manager
![Page 3: WebRTC 현재와 미래 최진호 2016](https://reader034.fdocuments.net/reader034/viewer/2022042507/58a294ce1a28ab36508b6221/html5/thumbnails/3.jpg)
WebRTC
![Page 4: WebRTC 현재와 미래 최진호 2016](https://reader034.fdocuments.net/reader034/viewer/2022042507/58a294ce1a28ab36508b6221/html5/thumbnails/4.jpg)
+ 950개 이상의 서비스/프로젝트
![Page 5: WebRTC 현재와 미래 최진호 2016](https://reader034.fdocuments.net/reader034/viewer/2022042507/58a294ce1a28ab36508b6221/html5/thumbnails/5.jpg)
대체 WebRTC가 뭐길래?
![Page 6: WebRTC 현재와 미래 최진호 2016](https://reader034.fdocuments.net/reader034/viewer/2022042507/58a294ce1a28ab36508b6221/html5/thumbnails/6.jpg)
5살 꼬꼬마 기술
아직 Draft상태의 표준
새파랗게 젊은 기술
![Page 7: WebRTC 현재와 미래 최진호 2016](https://reader034.fdocuments.net/reader034/viewer/2022042507/58a294ce1a28ab36508b6221/html5/thumbnails/7.jpg)
WebRTC는?
세계 최고 무료 VoIP 엔진/프로젝트
Chromium
![Page 8: WebRTC 현재와 미래 최진호 2016](https://reader034.fdocuments.net/reader034/viewer/2022042507/58a294ce1a28ab36508b6221/html5/thumbnails/8.jpg)
WebRTC는?
Stream CaptureP2P connectivity
Media negotiationFirewall/NAT traversalAudio/Video codec
Data communicationFlow controls
Dynamic quality adaptationEncryption
![Page 9: WebRTC 현재와 미래 최진호 2016](https://reader034.fdocuments.net/reader034/viewer/2022042507/58a294ce1a28ab36508b6221/html5/thumbnails/9.jpg)
WebRTC는?
Internet & Web 표준
![Page 10: WebRTC 현재와 미래 최진호 2016](https://reader034.fdocuments.net/reader034/viewer/2022042507/58a294ce1a28ab36508b6221/html5/thumbnails/10.jpg)
WebRTC는?
P2P 방식의 실시간 통신
![Page 11: WebRTC 현재와 미래 최진호 2016](https://reader034.fdocuments.net/reader034/viewer/2022042507/58a294ce1a28ab36508b6221/html5/thumbnails/11.jpg)
시그널 서버
![Page 12: WebRTC 현재와 미래 최진호 2016](https://reader034.fdocuments.net/reader034/viewer/2022042507/58a294ce1a28ab36508b6221/html5/thumbnails/12.jpg)
3 peers
![Page 13: WebRTC 현재와 미래 최진호 2016](https://reader034.fdocuments.net/reader034/viewer/2022042507/58a294ce1a28ab36508b6221/html5/thumbnails/13.jpg)
n peers (Mesh)
![Page 14: WebRTC 현재와 미래 최진호 2016](https://reader034.fdocuments.net/reader034/viewer/2022042507/58a294ce1a28ab36508b6221/html5/thumbnails/14.jpg)
n peers (Grid)
![Page 15: WebRTC 현재와 미래 최진호 2016](https://reader034.fdocuments.net/reader034/viewer/2022042507/58a294ce1a28ab36508b6221/html5/thumbnails/15.jpg)
n peers (Broadcasting)
![Page 17: WebRTC 현재와 미래 최진호 2016](https://reader034.fdocuments.net/reader034/viewer/2022042507/58a294ce1a28ab36508b6221/html5/thumbnails/17.jpg)
3개의 API
getUserMedia
RTCPeerConnection
RTCDataChannel
![Page 18: WebRTC 현재와 미래 최진호 2016](https://reader034.fdocuments.net/reader034/viewer/2022042507/58a294ce1a28ab36508b6221/html5/thumbnails/18.jpg)
하지만 WebRTC App개발은 어렵습니다
가장 최소의 HelloWorld App의 코드 줄수
= 150
게다가 서버 설치 및 설정은
별도!
![Page 19: WebRTC 현재와 미래 최진호 2016](https://reader034.fdocuments.net/reader034/viewer/2022042507/58a294ce1a28ab36508b6221/html5/thumbnails/19.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022042507/58a294ce1a28ab36508b6221/html5/thumbnails/20.jpg)
복잡한 운영 환경
서버가 필요해! P2P라며?Public Network기반 시그널 서버
![Page 21: WebRTC 현재와 미래 최진호 2016](https://reader034.fdocuments.net/reader034/viewer/2022042507/58a294ce1a28ab36508b6221/html5/thumbnails/21.jpg)
너무 심한 기기와 네트워크에 따른 품질 차
Mobile이라는 Hell에 오신 것을 환영합니다.
![Page 22: WebRTC 현재와 미래 최진호 2016](https://reader034.fdocuments.net/reader034/viewer/2022042507/58a294ce1a28ab36508b6221/html5/thumbnails/22.jpg)
어려운 통신 용어
SDP
ICE
RTPSCTP
TURNBandwidth
signalling
H.264
SVCSFU
MCUCandidate
DTLS
NAT traversal
![Page 23: WebRTC 현재와 미래 최진호 2016](https://reader034.fdocuments.net/reader034/viewer/2022042507/58a294ce1a28ab36508b6221/html5/thumbnails/23.jpg)
양(Web)의 탈을 쓴늑대(Legacy)?
![Page 24: WebRTC 현재와 미래 최진호 2016](https://reader034.fdocuments.net/reader034/viewer/2022042507/58a294ce1a28ab36508b6221/html5/thumbnails/24.jpg)
하지만 이 모든 것은 극복될 수 있어요
![Page 25: WebRTC 현재와 미래 최진호 2016](https://reader034.fdocuments.net/reader034/viewer/2022042507/58a294ce1a28ab36508b6221/html5/thumbnails/25.jpg)
진짜?
![Page 26: WebRTC 현재와 미래 최진호 2016](https://reader034.fdocuments.net/reader034/viewer/2022042507/58a294ce1a28ab36508b6221/html5/thumbnails/26.jpg)
강력하고 끈끈한
![Page 27: WebRTC 현재와 미래 최진호 2016](https://reader034.fdocuments.net/reader034/viewer/2022042507/58a294ce1a28ab36508b6221/html5/thumbnails/27.jpg)
WebRTC 커뮤니티 Korea
• https://www.facebook.com/groups/rtc.korea/
• 국내 최초, 최고의 WebRTC 커뮤니티
• HTML5 융합기술포럼에서 후원
![Page 28: WebRTC 현재와 미래 최진호 2016](https://reader034.fdocuments.net/reader034/viewer/2022042507/58a294ce1a28ab36508b6221/html5/thumbnails/28.jpg)
WebRTC meetup Global
![Page 29: WebRTC 현재와 미래 최진호 2016](https://reader034.fdocuments.net/reader034/viewer/2022042507/58a294ce1a28ab36508b6221/html5/thumbnails/29.jpg)
주요 문서와 사이트
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](https://reader034.fdocuments.net/reader034/viewer/2022042507/58a294ce1a28ab36508b6221/html5/thumbnails/30.jpg)
그리고 WebRTC PaaS를 이용하세요
TokboxTemasysRespokeTropoKandy
RemoteMonster
WebRTC를 하루만에 적용할 수 있어요
![Page 32: WebRTC 현재와 미래 최진호 2016](https://reader034.fdocuments.net/reader034/viewer/2022042507/58a294ce1a28ab36508b6221/html5/thumbnails/32.jpg)
WebRTC의 현재
![Page 33: WebRTC 현재와 미래 최진호 2016](https://reader034.fdocuments.net/reader034/viewer/2022042507/58a294ce1a28ab36508b6221/html5/thumbnails/33.jpg)
WebRTC의 현재
20억 +WebRTC 브라우저
● 출처: Google I/O WebRTC Meetup (Justin Uberti)
![Page 34: WebRTC 현재와 미래 최진호 2016](https://reader034.fdocuments.net/reader034/viewer/2022042507/58a294ce1a28ab36508b6221/html5/thumbnails/34.jpg)
WebRTC의 현재
950+WebRTC기반의 기업 및 프로젝트
● 출처: Google I/O WebRTC Meetup (Justin Uberti)
![Page 35: WebRTC 현재와 미래 최진호 2016](https://reader034.fdocuments.net/reader034/viewer/2022042507/58a294ce1a28ab36508b6221/html5/thumbnails/35.jpg)
WebRTC의 현재
● 출처: https://www.blaccspot.com/blog/
3.1조억원+2016년 WebRTC기업 인수 및 투자 금액(40개업체)
* 2015년 1.1조억원 규모
![Page 36: WebRTC 현재와 미래 최진호 2016](https://reader034.fdocuments.net/reader034/viewer/2022042507/58a294ce1a28ab36508b6221/html5/thumbnails/36.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022042507/58a294ce1a28ab36508b6221/html5/thumbnails/37.jpg)
WebRTC의 현재
Twilio16.5 NYSE IPO
81% CAGR (매출)
1800억원 매출(2015년)
![Page 38: WebRTC 현재와 미래 최진호 2016](https://reader034.fdocuments.net/reader034/viewer/2022042507/58a294ce1a28ab36508b6221/html5/thumbnails/38.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022042507/58a294ce1a28ab36508b6221/html5/thumbnails/39.jpg)
Remote Monster도
WebRTC 개발자를
구합니다
(숙련/비숙련환영)
![Page 40: WebRTC 현재와 미래 최진호 2016](https://reader034.fdocuments.net/reader034/viewer/2022042507/58a294ce1a28ab36508b6221/html5/thumbnails/40.jpg)
WebRTC의 현재● 원격 협업/미팅 (영상, 오디오, 문서 협업)
● 소셜미디어 / 소셜커뮤니케이션 / 메시징솔루션
● 교육(어학,음악(with WebAudio),코딩 등)
● 헬스케어/텔레메디슨
● 콜센터/고객지원(인터넷쇼핑몰 etc)
● 게임(with VoiceChat, Webcam, Data etc.)
● 상담(전문가,VIP,역술, 부동산, 운동 ...)
● 금융 / 증권 / Video Banking
● 재난 구조
● File Share
● IoT / M2M / Connected Car
● 방송(실시간 반응)
● 원격 계약
● 보이스마켓
● & More
● From 손성영님 발표자료
![Page 41: WebRTC 현재와 미래 최진호 2016](https://reader034.fdocuments.net/reader034/viewer/2022042507/58a294ce1a28ab36508b6221/html5/thumbnails/41.jpg)
WebRTC 표준 현황
W3C Working Draft
Candidate Recommendation (17년 1Q)
![Page 42: WebRTC 현재와 미래 최진호 2016](https://reader034.fdocuments.net/reader034/viewer/2022042507/58a294ce1a28ab36508b6221/html5/thumbnails/42.jpg)
WebRTC 표준 현황
+=
![Page 43: WebRTC 현재와 미래 최진호 2016](https://reader034.fdocuments.net/reader034/viewer/2022042507/58a294ce1a28ab36508b6221/html5/thumbnails/43.jpg)
WebRTC 표준 현황
최근 2년간 주요 변화
• ORTC와 닮아감
• Stream Track
• Promise 방식 채택
• 다양한 Configuration
• 예: bundlePolicy, rtcpMuxPolicy,
iceCandidatePoolSize …
• 객체단위로 접근할 수 있는 많은 정보
• 보안의 강화
![Page 44: WebRTC 현재와 미래 최진호 2016](https://reader034.fdocuments.net/reader034/viewer/2022042507/58a294ce1a28ab36508b6221/html5/thumbnails/44.jpg)
Microsoft Edge (H.264/AVC)
![Page 45: WebRTC 현재와 미래 최진호 2016](https://reader034.fdocuments.net/reader034/viewer/2022042507/58a294ce1a28ab36508b6221/html5/thumbnails/45.jpg)
Apple
![Page 46: WebRTC 현재와 미래 최진호 2016](https://reader034.fdocuments.net/reader034/viewer/2022042507/58a294ce1a28ab36508b6221/html5/thumbnails/46.jpg)
Opus 1.1.2
• 인코딩시 10%, 디코딩시17%의 성능 향상
• 극한 상황의 네트워크에서도 음성만은 끊어지지않도록!!
<12kbps
![Page 47: WebRTC 현재와 미래 최진호 2016](https://reader034.fdocuments.net/reader034/viewer/2022042507/58a294ce1a28ab36508b6221/html5/thumbnails/47.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022042507/58a294ce1a28ab36508b6221/html5/thumbnails/48.jpg)
Chromium WebRTC의 성장세
![Page 49: WebRTC 현재와 미래 최진호 2016](https://reader034.fdocuments.net/reader034/viewer/2022042507/58a294ce1a28ab36508b6221/html5/thumbnails/49.jpg)
WebRTC표준의 미래: 다양한 Video 지원
• Spherical video, stereo video
• Augmented reality
• Multicast, simulcast, and
pluggable codecs
• Far-end camera control
![Page 50: WebRTC 현재와 미래 최진호 2016](https://reader034.fdocuments.net/reader034/viewer/2022042507/58a294ce1a28ab36508b6221/html5/thumbnails/50.jpg)
No SDP but Full support for ICE
![Page 51: WebRTC 현재와 미래 최진호 2016](https://reader034.fdocuments.net/reader034/viewer/2022042507/58a294ce1a28ab36508b6221/html5/thumbnails/51.jpg)
QUIC for Datachannel and Signalling
![Page 52: WebRTC 현재와 미래 최진호 2016](https://reader034.fdocuments.net/reader034/viewer/2022042507/58a294ce1a28ab36508b6221/html5/thumbnails/52.jpg)
WebRTC의 미래
통신의 모든 것은 클라우드를 향할 것