ݺߣ

ݺߣShare a Scribd company logo
원격회의 분야의 실감형 콘텐츠 표준활용 동향_WebRTC 융합_손성영
원격회의 분야의 실감형 콘텐츠 표준활용 동향_WebRTC 융합_손성영
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

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