On Air Super Live

소개

제작 기간: 2022.02.03 ~ 2022. 3.11

주요 기능

• ✅ 진행중인 모든 라이브 방송 프리뷰 제공
• ✅ 시청자와 스트리머 간 채팅, 하트 보내기
• ✅ 시청자 수와 입장시 알림 기능
• ✅ Drag and Drop을 이용한 2채널 동시 시청
• ✅ 앱 내 pip 기능
• ✅ 스트리머에게 url을 받아 상품페이지로 이동 가능한 배너 생성 (시청 페이지 only)
• ✅ 지나간 방송 다시보기

이후 구현 예정 기능

• 🟩 다시보기시 채팅, 하트 등 방송 이벤트 보기
• 🟩 홈화면과 동시시청 페이지에서 상품 배너 띄우기

포스터

Getting Started

We need the RTMP server first. Download the repository below and follow the README information.

Server : https://github.com/TeamGreyOrg/super_live_server.git

Version

node js version : 14.15.0

java version : 15.0.1

javac version : 15.0.1

node -v
java --version
javac --version

Config

Then we check the src/config.js to edit the server information. Fill in your localhost server information (Ip address, Port)

export const SOCKET_IO_SERVER = 'http://192.168.0.14:3333'; // Edit this
export const RTMP_SERVER = 'rtmp://192.168.0.14:1935'; // Edit this
export const HTTP = 'http://192.168.0.14:8000'; // Edit this

Install package

npm install 

or 

yarn install

Run Android

npm run android 

or

yarn run run-android

License

MIT

Credit to @sieuhuflit