1. WebRTC

Web Real-Time Communication의 약자로 웹/앱에서 별다른 소프트웨어 없이 카메라, 마이크 등을 사용하여 실시간 커뮤니케이션을 제공해주는 기술

1-1. OpenVidu를 이용한 WebRTC 기능 구현

Kurento기반의 중개 서버를 애플리케이션에 쉽게 추가할 수 있도록 완전한 기술스택을 제공하는 플랫폼.

1-2. WebRTC를 적용시킨 기능들

MVP(같은 시간 다른 장소에서 사진찍기), 영상통화


2. Media Pipe

오픈 소스 플랫폼 프레임워크로, 개발자들이 머신러닝을 기반으로 한 모바일 및 웹 애플리케이션에서 사용할 수 있는 다양한 미리 만들어진 솔루션을 제공

2-1.MediaPipe Selfie Segmentaiton를 이용한 배경이미지 제거

MediaPipe Selfie Segmentaiton를 이용하여 사용자의 화면에서 실시간으로 배경을 제거한 후, WebRTC로 연결된 다른 사용자(Subscriber)의 화면을 합성하여 한 공간에 있는 것처럼 사진을 촬영할 수 있게 함


3. STOMP

Simple Text Orientated Messaging Protocol 메시지 브로커를 활용하여 쉽게 메시지를 주고 받을수 있게 하는 프로토콜 Pub/Sub 방식의 이벤트 처리 형식으로 양방향 통신을 이룸

3-1. WebSocket + STOMP를 이용한 채팅 기능

사용자 Socket 접속 여부를 확인하여 읽음 처리 구현

Polling기술을 이용한 안읽은 메세지 개수 확인 구현

[React] WebSocket - 1

[React] WebSocket - Socket.IO