👊 시작하기 Github 에서 프로젝트 설명을 자세하게 보실 수 있습니다. 북쪽행성 방문하기 Web RTC (Web Real Time Communication) 프로젝트로 온라인 발표 시스템을 개발했습니다. 발표자의 화상 영상 위에 발표자료를 띄운 서비스인데요. 이 서비스를 이용해 청취자는 발표자의 비언어적 표현, 언어적 표현을 한 번에 볼 수 있어요. WebRTC 프로젝트를 진행하면서 삽질했던 경험과 느꼈던 점을 얘기해볼게요. 삽질 기록 여러 명 통신 상황에서 발표자료 띄우기 N:N 상황에서 ImageOverlayFilter 띄우기 문제를 발견하게 된 과정 Kurento 미디어 서버는 웹에서 실시간으로 통신하는 기능을 제공합니다. (WebRTC) 그룹콜 상황에서 Kurento 미디어 서버에 ImageO..

👊 시작하기 Kurento의 상위 버전인 OpenVidu를 실행해보려고 합니다. 많은 예제 중 openvidu-js-java 를 실행해보겠습니다. Ubuntu 20.04 를 사용했습니다. 위 사진에서 p1는 자신의 모습이고 p2는 chrome 시크릿 창으로 접속한 remote video입니다. 1. 도커 설치하기 $ sudo apt-get update $ sudo apt-get install apt-transport-https ca-certificates curl gnupg-agent software-properties-common $ sudo curl -fsSL https://download.docker.com/linux/ubuntu/gpg | sudo apt-key add - $ sudo add-ap..

👊 목표 : Kurento group-call 예제를 aws ec2 ubuntu 18.04에서 실행하기 0. Kurento HelloWorld 예제 실행하기 Kurento에서 Hello World 예제를 성공 못하신 분들은 먼저 아래 게시글을 참조해주세요! WebRTC (3) | Windows10 에서 Kurento의 HelloWorld 예제 실행하기 👊 목표: Hello world 예제 성공하기 remote stream 화면에 local stream 화면에서 촬영되고 있는 영상이 나오면 됩니다. 과정 1. [AWS CloudFormation](https://us-east-2.console.aws.amazon.com/cloudformatio.. jini-space.tistory.com 1. Ubuntu ..

👊 목표: Hello world 예제 성공하기 remote stream 화면에 local stream 화면에서 촬영되고 있는 영상이 나오면 됩니다. 과정 1. [AWS CloudFormation](https://us-east-2.console.aws.amazon.com/cloudformation/home?region=us-east-2) > 스택 생성 > 새 리소스 사용(표준) 클릭합니다. 1) Amazon S3 URL에 https://s3-eu-west-1.amazonaws.com/aws.kurento.org/KMS-Coturn-cfn-6.16.0.yaml를 입력하고 '다음'을 누릅니다. 2) 스택 세부 정보 지정에서 아래 정보를 입력합니다. - 스택 이름 - InstanceType : t2.micro ..

👊 시작하기 팀 프로젝트로 WebRTC를 활용한 웹사이트를 만들게 되면서 사용되는 기술에 대해 알아보려고 합니다. 1. WebRTC란? - WebRTC(Web Real-Time Communication)는 웹 브라우저 간에 플러그인 없이 서로 통신할 수 있는 API입니다. - 카메라 또는 마이크를 활용한 음성통화, 영상통화, 화면 공유나 P2P 파일 공유 등으로 활용됩니다. 2. WebRTC 장점, 단점 2-1. 장점 - 지연시간(Latency)이 짧다. 콘텐츠를 잘개 쪼개서 전송하는(Cunked Streaming) 방식으로 파일 사이즈를 줄여서 전송 지연시간을 단축한다. - Chunked Streaming 전송되기 전에 전체 세그먼트가 로드될 때까지 기다리지 않고 chunk가 준비될 때 각 세그먼트를 ..