제작 기간: 2022.02.03 ~ 2022. 3.11
- ✅ 진행중인 모든 라이브 방송 프리뷰 제공
- ✅ 시청자와 스트리머 간 채팅, 하트 보내기
- ✅ 시청자 수와 입장시 알림 기능
- ✅ Drag and Drop을 이용한 2채널 동시 시청
- ✅ 앱 내 pip 기능
- ✅ 스트리머에게 url을 받아 상품페이지로 이동 가능한 배너 생성 (시청 페이지 only)
- ✅ 지나간 방송 다시보기
이후 구현 예정 기능
- 🟩 다시보기시 채팅, 하트 등 방송 이벤트 보기
- 🟩 홈화면과 동시시청 페이지에서 상품 배너 띄우기
포스터
We need the RTMP server first. Download the repository below and follow the README information.
Server : https://github.com/TeamGreyOrg/super_live_server.git
node js version : 14.15.0
java version : 15.0.1
javac version : 15.0.1
node -v
java --version
javac --version
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
npm install
or
yarn install
npm run android
or
yarn run run-android
MIT
Credit to @sieuhuflit