BATTLE BANK
대시보드
대시보드
전광판
전광판
NTS
NTS
수수료
수수료
웹 스튜디오
웹 스튜디오
마이페이지
마이페이지
LIGHT
KO
로그인
가입
데스크탑 권장
고성능 송출 캔버스와 안정적인 방송 관제를 위해
PC 또는 태블릿 기기
에서 접속해주세요.
가상 스튜디오 설정
저장
방송 모드
리얼 캠
아바타 (VTuber)
커스텀 배경 이미지
커스텀 배경 동영상 (MP4)
배경 음악 (BGM)
BGM 볼륨
20%
BATTLE BANK
Studio 2.0
도파민 파티클 엔진 탑재 / 60fps 다중 송출 관제탑
YouTube 연동
설정
SOOP 연동
웹캠 켜기
화면 공유
테스트 도파민 터트리기
송출 제어
🎯 송출 플랫폼 선택
1개 선택됨
유튜브
Google OAuth 연동 방송 자동 생성
아프리카TV
SOOP 스트림 키 자동 발급
Mock 모드
치지직
네이버 치지직 스트림 키 자동 발급
Mock 모드
커스텀 RTMP
직접 RTMP URL 입력
1. 방송 자동 생성
[아키텍처 원리]
선택한 플랫폼의 API를 백엔드에서 병렬(Promise.all)로 동시 호출합니다.
YouTube는 Data API v3, 아프리카TV/치지직은 스트림 키를 자동 발급합니다.
1개 플랫폼 방송 자동 생성
2. 송출 시작
[아키텍처 원리]
OffscreenCanvas를 MediaRecorder로 60fps 캡처 →
WebSocket으로 RTMP 릴레이 서버(:3001)에 바이너리 청크 전송 →
FFmpeg Tee Muxer가 0개 플랫폼에 동시 송출
먼저 방송을 생성하세요
OffscreenCanvas 워커 렌더링 엔진
FFmpeg Tee Muxer 다중 송출