1:1 영상통화 기능을 확장시켜 영상채팅 시스템을 나름 구현해봤다. 코드는 voww project 에서 많은부분 가져다 썼다.


개발환경: 브라우저는 크롬, 리눅스 서버에 Node.js를 설치 (설치관련 내용은 이전 포스팅 참고)


개발도구: 디버깅 - 크롬, 소스편집 툴 - Notepad++(FTP 기능을 이용)


브라우저(크롬)에서 거의 모든 기능을 지원해주다보니 구현할 내용이 별로 없었다. 


자잘한 에러들이 남았겠지만 주기능 구현 후 귀찮... -_-;


주요기능


로그인, 방 만들기, 영상채팅 참가하기, 방에서 뛰쳐나오기, 로그아웃


Front-end 







Back-end




공통



테스트

 

Front-end 코드가 있는 쪽에서, 웹서버 돌리기

shell> python -m SimpleHTTPServer 8888


Back-end 코드가 있는 쪽에서, 웹소켓 서버 돌리기

shell> node webconf.js


브라우저를 열고 웹서버 주소로 들어가서 테스트 해보면 된다. 


혼자놀기 화면

 

 






Posted by DevMoon

댓글을 달아 주세요

  1. 김대윤 2012.12.21 10:27  댓글주소  수정/삭제  댓글쓰기

    HTML5 관련 책에, webrtc 내용도 포함이 되어있나요?