Cookbook

WebRTC 를 공부하고 싶다면??? – WebRTC 입문하기!

WebRTC를 공부하고 싶다구요? 여러분이 자바스크립트와 Node.js 를 다뤄본 개발자라면 WebRTC기반의 서비스를 만드는 데 있어서 큰 장벽은 없습니다. 다만 좀 익숙하지 않은 서버 프로그래밍이 필요하고 통신 흐름에 대한 설계가 좀 필요합니다. 이를테면 브라우저기반의 영상통신 서비스를 만든다고 치면, 개발자는 아래 그림에서와 같이 자바스크립트 기반의 코딩과 아울러 서버코딩 작업이 필요합니다.     즉, 아무리 허접한 서비스라고 해도 자바스크립트로 WebRTCapi를 호출해서 callback처리하는 것과 간단하게나마 방관리 로직, 그리고 peer간에 SDP 및 ICE Candidate 정보를 전달하는 서버로직은 필수로 들어가야 합니다. 이런 Handshake 과정이 생각보다 매우 복잡하고 거추장스러워서 처음 개발할 때 혼동스럽습니다. 때문에 무조건 처음부터 영상통화서비스를 간단하게 만드는 욕심을 내기보다는 차근차근 단계를 밟아가며 WebRTC를 이해해가는 게 좋다는 생각입니다. 아래 순서는 제가 봤을 때 가장 이상적이라고 생각하는 공부 순서입니다.   1. getUserMedia를 이용한 로컬 미디어 자원 가져와서 놀기 2. 이미 존재하는 시그널서버를 활용해서 PeerConnection 가져와서 영상통신 서비스 구현해보기 3. 직접 시그널 서버를 구현해보기 4. PeerConnection기반의 여러 callback 메소드들의 존재 이유 이해하기 5. 좀 더 의미있는 시그널 서버를 만들어보기 6. Data Channel 경험해보기   위의 순서와 가장 유사하게 WebRTC를 배울 수 있는 사이트가 있습니다. 바로 WebRTCCodeLab 입니다. WebRTCCodeLab에서는 위의 순서처럼 차근차근 WebRTC의 중수(?)가 될 수 있는 방법을 제시하고 있습니다. 이 정도를 숙지하시고서 HTML5Rocks.com의 WebRTC 문서를 읽으면 이론적인 부분에 대해 이해가 더 빠르실겁니다.  

Cookbook 페이지 오픈!

안녕하세요 PlayRTC 입니다. PlayRTC Cookbook 페이지를 오픈합니다. Cookbook 에서는 실제로 PlayRTC 를 이용해 개발을 하다가 나올 수 있는 궁금점, 그리고 개발 시 유용한 팁을 실제 개발자가 직접 작성한 코드와 함께 알려드립니다. 실전에서 필요한 PlayRTC 개발팁을 Cookbook 에서 확인해 보시기 바랍니다 기대해 주세요!

 

Play RTC

서비스 체험

Play RTC build PlaygrOund

나만의 플레이그라운드를 만들어 친구를 초대해보세요 !

www.playrtc.com/

번거로운 가입이나 설치 없이ID만 만들어서 영상통화나 파일 공유, 채팅 서비스를 무료로 즐겨보세요.

 

Play RTC

서비스 체험

개설한 Playground 주소를 복하해서 친구에게 보내조세요. 친구가 Playground에 접속하면 이곳에 친구의 영상과 음성이 나타납니다. Waiting..

Photo

X
이미지 미리보기
이미지
 

서비스 체험

 

서비스 체험

서비스 체험은 크롬과 파이어폭스 브라우저에 최적화되어 있습니다.
크롬 또는 파이어폭스 브라우저를 설치 후 다시 이용해주세요.