[WebRTC] WebRTC 개발 설계

1. webrtc 개발도구 3가지

1) 크롬 chrome://webrtc-internals 페이지

- 개요: 시그널을 확인한다.

- 특징: WebRTC session이 진행중일 때 자세한 상태와 차트를 제공한다.

- 장점: 차트를 확인하며 효율적인 관리가 가능하다.

- 단점: 초기 설정이 어렵다.

​

2) adapter.js

- 개요: Google에서 관리하는 WebRTC를 위한 JavaScript 코드이다.

https://github.com/webrtc/adapter

webrtc/adapter

- 특징: 벤더들의 prefix와 브라우저간의 차이들, 명세 구현의 차이들을 추상화한다. app.tc의 콘솔로그를 확인하여 WebRTC Signaling 과정 확인이 가능하다.

- 장점: JavaScript를 이용해 편하게 구현할 수 있고, webRTC 방식을 보다 자세히 이해할 수 있다.

- 단점: 초기설정과 구현에 시간이 필요하다.

 

3) WebRTC framework / WebRTC service / WebRTC colabs

- 개요: 완성된 서비스를 제공한다.

- 특징: 완성된 API를 이용한다.

- 장점: 간단하다.

- 단점: 통신 과정을 자세하게 이해할 수 없다.

​

[ 3가지 중 추천 개발도구과 그 사유 ]

-> 3번 WebRTC framework(colabs) / 완성된 서비스를 이용하고, web app 등 응용 프로그램을 개발할 수 있을 것이다. 그러나 세부적인 기능을 구현하기 위해 adapter.js를 사용할수도 있을 것이다.

 

2. 개발하고자 하는 시스템 구성도

 

3. 원격협업에 적용할 필기도구 3가지

1) 와콤 타블렛

- 개요: 와콤 타블렛 기본 모델을 사용한다.

- 특징: 출력 화면 없이 입력만이 가능하다.

- 장점: 입력만을 추출하기 쉽다. 가격이 싸다.

- 단점: 출력을 바로 확인해볼 수 없다.

​

2) 아이패드

- 개요: 아이패드 에어를 사용한다.

- 특징: 입출력을 동시에 확인할 수 있다.

- 장점: 많은 기능 사용이 가능하다.

- 단점: 가격이 비싸다. iOS 지원 기능을 만들어야한다.​

 

3) 휴대폰

- 개요: 삼성 노트 시리즈를 사용한다.

- 특징: 입출력을 동시에 확인할 수 있다.

- 장점: 사용하기 간편하다.

- 단점: 가격이 비싸다.

​

[ 3가지 중 추천 도구와 그 사유 ]

: 와콤 타블렛 / 가격이 싸고, 입력을 추출하기 쉽기 때문이다.

​

참고링크

: https://www.html5rocks.com/ko/tutorials/webrtc/basics/#toc-tools

Get Started with WebRTC - HTML5 Rocks

https://webrtc.org/

WebRTC

 https://blog.naver.com/ps9knight/221219750040

WebRTC Codelabs 5 - Stream video with RTCPeerConnection.

---

webRTC 관련 코드

velog.io/@ehdrms2034/WebRTC-%EC%9B%B9%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%80%EB%A1%9C-%ED%99%94%EC%83%81-%EC%B1%84%ED%8C%85%EC%9D%84-%EB%A7%8C%EB%93%A4-%EC%88%98-%EC%9E%88%EB%8B%A4%EA%B3%A0

[WebRTC] 웹브라우저로 화상 채팅을 만들 수 있다고?