게시판 즐겨찾기
편집
드래그 앤 드롭으로
즐겨찾기 아이콘 위치 수정이 가능합니다.
node.js, socket.io, webRTC를 이용한 실시간 캔버스
게시물ID : programmer_6921짧은주소 복사하기
작성자 : 민스택
추천 : 3
조회수 : 3390회
댓글수 : 4개
등록시간 : 2014/12/04 13:52:26
안녕하세요? webRTC 매력에 빠져서 공부하는 도중, 근래 일도 없고 해서 간단하게 만든 실시간 캔버스
웹어플입니다.

node.js, express.js, mongoDB, socket.io, angularjs, webRTC 사용했슴다.


https://54.65.49.210

AWS 무료계정으로 서버 구축해서 만들었으며 webRTC 가 https 환경에서만 가능하기 때문에
ㅜㅜ OPENSSL을 가라로 적용해서 안전 무시하시고 들어 오시면 됩니다.
webRTC 경우에는 ie 미지원이어서 크롬에서 이용하시면 감사하겠습니다.

기능은
1) 선을 그리면 접속한 사람들에게 실시간 공유
2) 포스트잇 작성 및 이동 실시간 공유
3) 이미지를 올리면 실시간 공유
4) 유투브 동영상 실시간 공유
5) 사용자간 파일공유전송 기능
6) 핵심 기능 - 내 PC의 스크린샷 실시간 공유

상단의 메뉴를 누르시면서 기능을 한번 맛보시기 바랍니다.
실시간 스크린샷 공유는 본인이 스크린샷을 공유하고 싶은 호스트가 되려면
하단 크롬 익스텐션만 설치하시면 됩니다.
https://chrome.google.com/webstore/detail/screen-capturing/ajhifddimkapgcifgcodmmfdlknahffk

상단의 익스텐션은 굳이 본인 PC의 스크린샷을 공유하시기 싫으시면 설치안하셔도 됩니다.
다른 사람의 실시간 스크린샷을 보는것은 익스텐션 설치 없이도 가능합니다.

해당 기능은 https://www.webrtc-experiment.com 여기서 커스터마이징해서 적용했습니다.

여러 부분에서 ui적인 불편함도 있고 버그도 있습니다. 조금씩 보완할 예정이고
어느정도 정리되면 소스 공유 조심스럽게 해볼까 계획 중입니다.
전체 추천리스트 보기
새로운 댓글이 없습니다.
새로운 댓글 확인하기
글쓰기
◀뒤로가기
PC버전
맨위로▲
공지 운영 자료창고 청소년보호