LEAVEN Multi Twitch

트위치/유튜브 커버츄얼 팀 '레븐(LEAVEN)' 멤버별 방송을 동시에 시청할 수 있는 멀티 트위치 웹사이트 (https://multi.leaven.team)

제작동기

기존 멀티트위치 사이트들(멀티트위치, 멀티스트림 등)은 멤버 10명 방송을 쉽게 선택해서 볼 수 없었고, UI/UX 면에서 비효율적인 부분이 있어 이를 개선하기 위해 별도 사이트로 제작했다.

Tech Stack

• React.js
• Chakra UI
• Python (API)

라이센스 고지 (License Notice)

트위치 생방송 진행 중임을 체크하는 코드는 LeftBased/StreamLiveChecker를 이용했습니다.
We used LeftBased/StreamLiveChecker for checking twitch live streaming.

실행 방법

• 패키지 설치 후 실행

yarn
yarn start

• 빌드

yarn build

• 배포 : Cloudflare Pages (Branch별 Release 포함)