SlideShare a Scribd company logo
1 of 45
Download to read offline
3
올해 사용자가 크게 증가한 원격회의 분야에도 실감, 몰
입을 위한 요소들이 반영되고 있으며, 그 사례들을 검토
해 봅니다.
WebRTC는 어떻게 다른 Web기술과 Web이외의 기술과
융합하게 될지 이전과 현재 미래를 예상해 봅니다.
내용
4
Web Real Time Communication
Web기반에서 동작하는 실시간 통신
무엇을 송수신 : 비디오, 오디오, 데이터
오픈소스 : C++ 소스
브라우저에서 JavaScript API 제공
HTML5 표준의 일부 > 관련 Tag
<Video><Audio><Canvas>
WebRTC
5
WebRTC
Architecture
API set + 프로토콜 set + 엔진(코덱, 컨트롤)
이런 것들을 모두 직접 만들어야 한다면 …
6
WebRTC
Peer to Peer 라고 들으셨죠?
** Dialogic
7
WebRTC
누가
(APIs)
(Protocols)
▪ 상세 통신 모델 정의(세션 관리)
▪ 보안 모델 정의
▪ 방화벽, NAT를 위한 프로토콜과 API 요구사항
▪ 혼잡제어 포함한 실시간 미디어 기능과 확장
▪ 코덱, 보안 등 솔루션내 기능 정의와 메커니즘
▪ 레거시 VoIP 와 연동을 위한 고려
▪ RFCs
(getUserMedia API)
RTCPeerConnection API
DataChannel API
8
WebRTC
Now
9
실감나다
10
고화질
고음질
가상현실
몰입감 / 현장감
반응속도
원격회의에서 실감형 요소
11
고화질
고음질
가상현실
몰입감 / 현장감
반응속도
Fun / 리액션 / 효과(Video Filter)
화상회의에서 실감형 요소
12
Full HD 인코딩 지원 – 2013 (Chrome M29 WebRTC Release Notes)
4K 60FPS – 2020.May (Ant Media – release 2.0)
고화질 – WebRTC
https://bugs.chromium.org/p/webrtc/issues/detail?id=1750
https://antmedia.io/webrtc-vp8-data-channel-and-4k-60fps-support/
13
고화질 – WebRTC
Chrome69 beta ~
: AV1 decoder support
14
Audio
(WebRTC) Noise suppression / reduction
15
Audio
(WebRTC) Echo Cancellation
16
Audio
(WebRTC) Surround Sound (5.1 / 7.1 채널)
http://webrtcbydralex.com/index.php/2020/04/08/surround-sound-5-1-and-7-1-in-libwebrtc-and-chrome
https://janus.conf.meetecho.com/multiopus.html
17
배경설치 (Before)
현장감/배경
사전준비, 교체 어려움
18
강의실/발표장
현장감/배경
https://www.youtube.com/watch?v=DHT6s1zIsDQ (2015)
https://nerdschalk.com/microsoft-teams-together-mode/ (2020)
19
몰입감/가상배경/배경제거
20
몰입감
https://www.youtube.com/watch?v=q2VVY-JYX-w
21
가상 행사장
현장감/몰입감
https://www.youtube.com/watch?v=_Mkoag6JLks
22
Immersive web
현장감/몰입감
23
Immersive web
현장감/몰입감
24
Immersive web
WebRTC 융합
https://www.youtube.com/watch?v=Vl8HmisAQks
25
WebRTC Unreal Engine
WebRTC 융합
https://www.youtube.com/watch?v=4F7yycr7L2Q
26
WebRTC 융합
OpenCV
https://webrtchacks.com/accelerated-computer-
vision-inside-a-webrtc-media-server-with-intel-owt
27
WebRTC 융합
Aframe.io
https://hacks.mozilla.org/2017/10/multi-user-experiences-with-a-frame
28
WebRTC 융합
360
29
Immersive web
WebRTC 융합
https://immersive-web.github.io/webxr-samples/stereo-video.html?usePolyfill=0
30
WebRTC 융합
WebXR
31
WebGL
WebRTC 융합
WebGL Meeting: a video conference with three.js and WebRTC 8년전
https://www.youtube.com/watch?v=Fjb7xBnxq9k
32
Unity
WebRTC 융합
https://docs.unity3d.com/Packages/com.unity.renderstreaming@2.0/manual/index.html
33
7년전에
WebRTC 융합
지금은 없어졌지만,
지금이라면,
34
HoloPresence
WebRTC 융합
http://www.koreabiomed.com/news/articleView.html?idxno=8596
(GSK Korea)
35
AR/VR with WebRTC in Korea
WebRTC 융합
※ 출처 : Maxst 발표 자료 “증강현실 기술 및 산업 동향
36
AR/VR with WebRTC in Korea
WebRTC 융합
※ 출처 : https://virnect.com/media/pr/165
37
AR/VR with WebRTC in Korea
WebRTC 융합
※ 출처 : 렛시 회사 소개 자료
38
WebAssembly
WebRTC 융합
To
WebAssembly
39
WebAudio
WebRTC 융합
https://hacks.mozilla.org/2013/11/introducing-the-
whiteboard-drum-webrtc-and-web-audio-api-magic
원격회의 참석자중 특정 참석자의 음성변조는 어떨까요?
https://www.youtube.com/watch?v=5xcQNo6uKb0
40
WebAudio
WebRTC 융합
https://webaudiodemos.appspot.com/MIDIDrums/index.html
41
Funny Hats
: 인코딩 전과 디코딩 후 캡처 된 미디어를 조작하여
– Funny hats
– Background removal or blurring
– In-browser compositing
– Voice effects
– Stress detection
WebRTC Next Version Use Cases
WebRTC 다음 버전에서 필요로 하는 사용 사례를 명시한 문서는 2018년 12월 버전
그 중 실감형 컨텐츠와 관련 있는 케이스
올해는 이 케이스들을 지원하기 위한 방법이 논의 중 > Insertable Streams
42
Machine Learning
: 추론 스트림과 교육 스트림
– 새를 관찰하는 웹 사이트가 있다고 가정할 때, 자신의 장치를
통해 비디오와 오디오에 정보를 넣어 실시간으로 사용자에게
보냄.
WebRTC Next Version Use Cases
Virtual Reality Gaming
: 단말의 미디어(비디오, 오디오)와 데이터를 동기화
43
정리/예측
이제, 화상회의 솔루션은 본격적으로 다양한 분야에서 활용되기 시작
했으며, 원격 커뮤니케이션의 시간적, 물리적, 이동 비용 절감의 기존
이점 외에 커뮤니케이션 효과 면에서도 직접 대면 회의와 비슷하거나
때론 더 나은 경우를 제공해야 함
이를 위해,
– 실감형 기능과 UI/UX변화, 인공지능 활용이 수반됨. (자연스럽게 진행 중)
– 사용자 단말의 성능과 5G 기술과 접목도 필요
WebRTC는 다른 이미 있는 Web기술들과 추가되는 Web기술들과 융
합하여 더 다양한 실감형, 몰입가능한 기능을 제공할 것
44
WebRTC분과 -웹표준기술융합포럼
45

More Related Content

What's hot

SW 아키텍처 분석방법
SW 아키텍처 분석방법 SW 아키텍처 분석방법
SW 아키텍처 분석방법 YoungSu Son
 
3. 마이크로 서비스 아키텍쳐
3. 마이크로 서비스 아키텍쳐3. 마이크로 서비스 아키텍쳐
3. 마이크로 서비스 아키텍쳐Terry Cho
 
Qualicorp Scales to Millions of Customers and Data Relationships to Provide W...
Qualicorp Scales to Millions of Customers and Data Relationships to Provide W...Qualicorp Scales to Millions of Customers and Data Relationships to Provide W...
Qualicorp Scales to Millions of Customers and Data Relationships to Provide W...Neo4j
 
Micro Service Architecture의 이해
Micro Service Architecture의 이해Micro Service Architecture의 이해
Micro Service Architecture의 이해Terry Cho
 
Containers Docker Kind Kubernetes Istio
Containers Docker Kind Kubernetes IstioContainers Docker Kind Kubernetes Istio
Containers Docker Kind Kubernetes IstioAraf Karsh Hamid
 
하이브리드앱 아키텍쳐 및 개발 사례
하이브리드앱 아키텍쳐 및 개발 사례하이브리드앱 아키텍쳐 및 개발 사례
하이브리드앱 아키텍쳐 및 개발 사례동수 장
 
GitLab과 Kubernetes를 통한 CI/CD 구축
GitLab과 Kubernetes를 통한 CI/CD 구축GitLab과 Kubernetes를 통한 CI/CD 구축
GitLab과 Kubernetes를 통한 CI/CD 구축철구 김
 
EU Blockchain/DLT standardisation workshop - Strategic Plan 21st October 2017
EU Blockchain/DLT standardisation workshop - Strategic Plan 21st October 2017EU Blockchain/DLT standardisation workshop - Strategic Plan 21st October 2017
EU Blockchain/DLT standardisation workshop - Strategic Plan 21st October 2017Gilbert Verdian
 
CAD/BIM/GIS 융복합 활용 방향과 디지털 트윈
CAD/BIM/GIS 융복합 활용 방향과 디지털 트윈CAD/BIM/GIS 융복합 활용 방향과 디지털 트윈
CAD/BIM/GIS 융복합 활용 방향과 디지털 트윈SANGHEE SHIN
 
Cybersecurity in ASEAN and Singapore Columbia - Lecture for Columbia SIPA 202...
Cybersecurity in ASEAN and Singapore Columbia - Lecture for Columbia SIPA 202...Cybersecurity in ASEAN and Singapore Columbia - Lecture for Columbia SIPA 202...
Cybersecurity in ASEAN and Singapore Columbia - Lecture for Columbia SIPA 202...Benjamin Ang
 
1. 아키텍쳐 설계 프로세스
1. 아키텍쳐 설계 프로세스1. 아키텍쳐 설계 프로세스
1. 아키텍쳐 설계 프로세스Terry Cho
 
Hyperledger Fabric Technical Deep Dive 20190618
Hyperledger Fabric Technical Deep Dive 20190618Hyperledger Fabric Technical Deep Dive 20190618
Hyperledger Fabric Technical Deep Dive 20190618Arnaud Le Hors
 
SMPTE ST 2110 to Cloud Concept Demo
SMPTE ST 2110 to Cloud Concept DemoSMPTE ST 2110 to Cloud Concept Demo
SMPTE ST 2110 to Cloud Concept DemoKoji Oyama
 
Big Data: An Overview
Big Data: An OverviewBig Data: An Overview
Big Data: An OverviewC. Scyphers
 
Top 10 Cypher Tuning Tips & Tricks
Top 10 Cypher Tuning Tips & TricksTop 10 Cypher Tuning Tips & Tricks
Top 10 Cypher Tuning Tips & TricksNeo4j
 
Microservices architecture
Microservices architectureMicroservices architecture
Microservices architectureAbdelghani Azri
 
Metaverse and Digital Twins on Enterprise-Public.pdf
Metaverse and Digital Twins on Enterprise-Public.pdfMetaverse and Digital Twins on Enterprise-Public.pdf
Metaverse and Digital Twins on Enterprise-Public.pdf湯米吳 Tommy Wu
 
Microservices
Microservices Microservices
Microservices 영기 김
 
用 Go 語言 打造微服務架構
用 Go 語言打造微服務架構用 Go 語言打造微服務架構
用 Go 語言 打造微服務架構Bo-Yi Wu
 

What's hot (20)

SW 아키텍처 분석방법
SW 아키텍처 분석방법 SW 아키텍처 분석방법
SW 아키텍처 분석방법
 
3. 마이크로 서비스 아키텍쳐
3. 마이크로 서비스 아키텍쳐3. 마이크로 서비스 아키텍쳐
3. 마이크로 서비스 아키텍쳐
 
Qualicorp Scales to Millions of Customers and Data Relationships to Provide W...
Qualicorp Scales to Millions of Customers and Data Relationships to Provide W...Qualicorp Scales to Millions of Customers and Data Relationships to Provide W...
Qualicorp Scales to Millions of Customers and Data Relationships to Provide W...
 
Apache Cordova
Apache CordovaApache Cordova
Apache Cordova
 
Micro Service Architecture의 이해
Micro Service Architecture의 이해Micro Service Architecture의 이해
Micro Service Architecture의 이해
 
Containers Docker Kind Kubernetes Istio
Containers Docker Kind Kubernetes IstioContainers Docker Kind Kubernetes Istio
Containers Docker Kind Kubernetes Istio
 
하이브리드앱 아키텍쳐 및 개발 사례
하이브리드앱 아키텍쳐 및 개발 사례하이브리드앱 아키텍쳐 및 개발 사례
하이브리드앱 아키텍쳐 및 개발 사례
 
GitLab과 Kubernetes를 통한 CI/CD 구축
GitLab과 Kubernetes를 통한 CI/CD 구축GitLab과 Kubernetes를 통한 CI/CD 구축
GitLab과 Kubernetes를 통한 CI/CD 구축
 
EU Blockchain/DLT standardisation workshop - Strategic Plan 21st October 2017
EU Blockchain/DLT standardisation workshop - Strategic Plan 21st October 2017EU Blockchain/DLT standardisation workshop - Strategic Plan 21st October 2017
EU Blockchain/DLT standardisation workshop - Strategic Plan 21st October 2017
 
CAD/BIM/GIS 융복합 활용 방향과 디지털 트윈
CAD/BIM/GIS 융복합 활용 방향과 디지털 트윈CAD/BIM/GIS 융복합 활용 방향과 디지털 트윈
CAD/BIM/GIS 융복합 활용 방향과 디지털 트윈
 
Cybersecurity in ASEAN and Singapore Columbia - Lecture for Columbia SIPA 202...
Cybersecurity in ASEAN and Singapore Columbia - Lecture for Columbia SIPA 202...Cybersecurity in ASEAN and Singapore Columbia - Lecture for Columbia SIPA 202...
Cybersecurity in ASEAN and Singapore Columbia - Lecture for Columbia SIPA 202...
 
1. 아키텍쳐 설계 프로세스
1. 아키텍쳐 설계 프로세스1. 아키텍쳐 설계 프로세스
1. 아키텍쳐 설계 프로세스
 
Hyperledger Fabric Technical Deep Dive 20190618
Hyperledger Fabric Technical Deep Dive 20190618Hyperledger Fabric Technical Deep Dive 20190618
Hyperledger Fabric Technical Deep Dive 20190618
 
SMPTE ST 2110 to Cloud Concept Demo
SMPTE ST 2110 to Cloud Concept DemoSMPTE ST 2110 to Cloud Concept Demo
SMPTE ST 2110 to Cloud Concept Demo
 
Big Data: An Overview
Big Data: An OverviewBig Data: An Overview
Big Data: An Overview
 
Top 10 Cypher Tuning Tips & Tricks
Top 10 Cypher Tuning Tips & TricksTop 10 Cypher Tuning Tips & Tricks
Top 10 Cypher Tuning Tips & Tricks
 
Microservices architecture
Microservices architectureMicroservices architecture
Microservices architecture
 
Metaverse and Digital Twins on Enterprise-Public.pdf
Metaverse and Digital Twins on Enterprise-Public.pdfMetaverse and Digital Twins on Enterprise-Public.pdf
Metaverse and Digital Twins on Enterprise-Public.pdf
 
Microservices
Microservices Microservices
Microservices
 
用 Go 語言 打造微服務架構
用 Go 語言打造微服務架構用 Go 語言打造微服務架構
用 Go 語言 打造微服務架構
 

Similar to 원격회의 분야의 실감형 콘텐츠 표준활용 동향_WebRTC 융합_손성영

WebRTC 전망 최진호_webappscamp
WebRTC 전망 최진호_webappscampWebRTC 전망 최진호_webappscamp
WebRTC 전망 최진호_webappscampBlisson Choi
 
WebRTC 현재와 미래 최진호 2016
WebRTC 현재와 미래 최진호 2016WebRTC 현재와 미래 최진호 2016
WebRTC 현재와 미래 최진호 2016Blisson Choi
 
An Introduction to WebRTC
An Introduction to WebRTCAn Introduction to WebRTC
An Introduction to WebRTCMinJae Kang
 
WebRTC in 2014
WebRTC in 2014WebRTC in 2014
WebRTC in 2014Lee WonJae
 
WebRTC 1.0 표준완성과 현재, 그리고 다음버전
WebRTC 1.0 표준완성과 현재, 그리고 다음버전WebRTC 1.0 표준완성과 현재, 그리고 다음버전
WebRTC 1.0 표준완성과 현재, 그리고 다음버전sung young son
 
어려웠다, WebRTC를 활용한 360º 영상통화 트러블 슈팅
어려웠다, WebRTC를 활용한 360º 영상통화 트러블 슈팅어려웠다, WebRTC를 활용한 360º 영상통화 트러블 슈팅
어려웠다, WebRTC를 활용한 360º 영상통화 트러블 슈팅ksdc2019
 
W3C HTML5 표준 기술 동향 - 2017
W3C HTML5 표준 기술 동향 - 2017W3C HTML5 표준 기술 동향 - 2017
W3C HTML5 표준 기술 동향 - 2017Wonsuk Lee
 
블로코 회사소개서
블로코 회사소개서블로코 회사소개서
블로코 회사소개서BLOCKO
 
왜Web rtc인가
왜Web rtc인가왜Web rtc인가
왜Web rtc인가우일 권
 
5G Cloud 기술
5G Cloud 기술5G Cloud 기술
5G Cloud 기술James Ahn
 
Web rtc 고군분투기 김현수
Web rtc 고군분투기 김현수Web rtc 고군분투기 김현수
Web rtc 고군분투기 김현수gustnxodjs
 
Introduction of W3C HTML5 Korean Interest Group
Introduction of W3C HTML5 Korean Interest GroupIntroduction of W3C HTML5 Korean Interest Group
Introduction of W3C HTML5 Korean Interest GroupWonsuk Lee
 
HTML5 융합 기술 표준화 동향
HTML5 융합 기술 표준화 동향HTML5 융합 기술 표준화 동향
HTML5 융합 기술 표준화 동향Jonathan Jeon
 
Mozilla 오픈 웹 모바일 플랫폼 (2012)
Mozilla 오픈 웹 모바일 플랫폼 (2012)Mozilla 오픈 웹 모바일 플랫폼 (2012)
Mozilla 오픈 웹 모바일 플랫폼 (2012)Channy Yun
 
블로코 웨비나 세션1 - 박헌영 CTO
블로코 웨비나 세션1 - 박헌영 CTO블로코 웨비나 세션1 - 박헌영 CTO
블로코 웨비나 세션1 - 박헌영 CTOBLOCKO
 
W3C 국제표준화 대응 전략
W3C 국제표준화 대응 전략W3C 국제표준화 대응 전략
W3C 국제표준화 대응 전략Jonathan Jeon
 
Tdevelopers forum web_rtc 기술 및 api 활용
Tdevelopers forum web_rtc 기술 및 api 활용Tdevelopers forum web_rtc 기술 및 api 활용
Tdevelopers forum web_rtc 기술 및 api 활용Tdev SKtelecom
 
Kaazing - 웹소켓 기술의 유일한 엔터프라이즈 솔루션
Kaazing - 웹소켓 기술의 유일한 엔터프라이즈 솔루션Kaazing - 웹소켓 기술의 유일한 엔터프라이즈 솔루션
Kaazing - 웹소켓 기술의 유일한 엔터프라이즈 솔루션미래웹기술연구소 (MIRAE WEB)
 

Similar to 원격회의 분야의 실감형 콘텐츠 표준활용 동향_WebRTC 융합_손성영 (20)

What is web rtc
What is web rtcWhat is web rtc
What is web rtc
 
WebRTC 전망 최진호_webappscamp
WebRTC 전망 최진호_webappscampWebRTC 전망 최진호_webappscamp
WebRTC 전망 최진호_webappscamp
 
WebRTC 현재와 미래 최진호 2016
WebRTC 현재와 미래 최진호 2016WebRTC 현재와 미래 최진호 2016
WebRTC 현재와 미래 최진호 2016
 
An Introduction to WebRTC
An Introduction to WebRTCAn Introduction to WebRTC
An Introduction to WebRTC
 
WebRTC in 2014
WebRTC in 2014WebRTC in 2014
WebRTC in 2014
 
WebRTC 1.0 표준완성과 현재, 그리고 다음버전
WebRTC 1.0 표준완성과 현재, 그리고 다음버전WebRTC 1.0 표준완성과 현재, 그리고 다음버전
WebRTC 1.0 표준완성과 현재, 그리고 다음버전
 
어려웠다, WebRTC를 활용한 360º 영상통화 트러블 슈팅
어려웠다, WebRTC를 활용한 360º 영상통화 트러블 슈팅어려웠다, WebRTC를 활용한 360º 영상통화 트러블 슈팅
어려웠다, WebRTC를 활용한 360º 영상통화 트러블 슈팅
 
W3C HTML5 표준 기술 동향 - 2017
W3C HTML5 표준 기술 동향 - 2017W3C HTML5 표준 기술 동향 - 2017
W3C HTML5 표준 기술 동향 - 2017
 
블로코 회사소개서
블로코 회사소개서블로코 회사소개서
블로코 회사소개서
 
왜Web rtc인가
왜Web rtc인가왜Web rtc인가
왜Web rtc인가
 
5G Cloud 기술
5G Cloud 기술5G Cloud 기술
5G Cloud 기술
 
Web rtc 고군분투기 김현수
Web rtc 고군분투기 김현수Web rtc 고군분투기 김현수
Web rtc 고군분투기 김현수
 
Introduction of W3C HTML5 Korean Interest Group
Introduction of W3C HTML5 Korean Interest GroupIntroduction of W3C HTML5 Korean Interest Group
Introduction of W3C HTML5 Korean Interest Group
 
HTML5 융합 기술 표준화 동향
HTML5 융합 기술 표준화 동향HTML5 융합 기술 표준화 동향
HTML5 융합 기술 표준화 동향
 
Mozilla 오픈 웹 모바일 플랫폼 (2012)
Mozilla 오픈 웹 모바일 플랫폼 (2012)Mozilla 오픈 웹 모바일 플랫폼 (2012)
Mozilla 오픈 웹 모바일 플랫폼 (2012)
 
블로코 웨비나 세션1 - 박헌영 CTO
블로코 웨비나 세션1 - 박헌영 CTO블로코 웨비나 세션1 - 박헌영 CTO
블로코 웨비나 세션1 - 박헌영 CTO
 
W3C 국제표준화 대응 전략
W3C 국제표준화 대응 전략W3C 국제표준화 대응 전략
W3C 국제표준화 대응 전략
 
Tdevelopers forum web_rtc 기술 및 api 활용
Tdevelopers forum web_rtc 기술 및 api 활용Tdevelopers forum web_rtc 기술 및 api 활용
Tdevelopers forum web_rtc 기술 및 api 활용
 
WebRTC
WebRTCWebRTC
WebRTC
 
Kaazing - 웹소켓 기술의 유일한 엔터프라이즈 솔루션
Kaazing - 웹소켓 기술의 유일한 엔터프라이즈 솔루션Kaazing - 웹소켓 기술의 유일한 엔터프라이즈 솔루션
Kaazing - 웹소켓 기술의 유일한 엔터프라이즈 솔루션
 

원격회의 분야의 실감형 콘텐츠 표준활용 동향_WebRTC 융합_손성영