⚠ 이력 기록 — 통합 이전 설계 (최신 상태 아님)
이 화면은 리모컨(remote.html)의 확장 패널로 통합되어 더 이상 별도 화면이 아닙니다(acceptance BTL-09). 배틀 진행 상태(남은 시간·승부 게이지·오버레이 URL·조기 종료)는 지금 리모컨 와이어프레임의 “B · 배틀 진행 패널”이 정본입니다. 고충실도 목업의 battle-console.html도 이미 독립 화면이 아니라 리모컨으로 보내는 안내 스텁으로 바뀌었습니다. 이 파일은 지우지 않고 통합 이전에 그렸던 상세 콘솔 설계(듀얼 영상 프리뷰, URL 필드 2개, 종료 연출 등)를 참고용 이력으로만 보존합니다 — 아래 내용을 최신 설계로 오인하지 마세요.
와이어프레임 · 저충실도 · 화면 17/N (신규 · 2/2) · 이력 — 통합 이전 설계

배틀 — 진행 콘솔 · 오버레이

통합 후원 플랫폼(가칭) 기획서 §05 배틀 기준. 배틀이 시작되면 양측 방송 화면에 듀얼 영상(임베드형)이 결합되어 노출되고, 리모컨에는 진행 상태를 제어하는 확장 패널이 나타납니다.
승부 게이지는 옵션. 듀얼 영상 오버레이는 배틀 진행에 필수지만, 승부 게이지는 크리에이터가 선택적으로 켜는 별도 OBS URL입니다. 듀얼 영상과 독립적으로 위젯처럼 on/off 됩니다.
이 화면은 스튜디오 셸의 콘텐츠 영역입니다. 사이드바(21개 메뉴)·전역 헤더(모드 전환·🔴 LIVE 배지·🔔 알림)·저장 바는 스튜디오 셸 와이어프레임에서 정의하며 여기서는 그리지 않습니다. 설정값은 편집 시 미리보기에만 반영되고, 저장해야 송출에 반영됩니다(§00 저장 원칙).
1
OBS 소스 미리보기 — 듀얼 영상 오버레이
SOOP 나 (크리에이터A) 임베드 · 좌측
YouTube 상대 (크리에이터B) 임베드 · 우측
2
나 62%승부 게이지(옵션) — 후원 누적 기준상대 38%
배틀 시간 동안 각 진영에 들어온 후원 합산을 실시간 비교 · 사용 설정한 경우에만 노출
배틀 진행 콘솔
vs 크리에이터B · 기업·기획사
3
24:12
남은 시간 (신청 시 설정한 30분 기준)
⏹ 조기 종료
4
듀얼 영상 오버레이 URL
https://•••••••••••••••/battle/dual
복사
열기
임베드형 — OBS 브라우저 소스에 등록. 배틀 세션 종료 시 자동으로 대기 화면 전환
5
승부 게이지 오버레이 URL
https://•••••••••••••••/battle/gauge
복사
열기
옵션 — 듀얼 영상과 별개로 켜고 끔. 끄면 이 URL의 오버레이는 빈 화면 처리

주석 — 기획서 필드 대응표

#영역필드타입옵션 값 / 제약사항입력 예시
1듀얼 영상영상 컴포지션embed × 2(좌/우, readonly)유튜브 iframe·SOOP embed 등 플랫폼별 공식 임베드를 나란히 배치(임베드형 확정). 각자 방송 중인 플랫폼을 시스템이 자동 인식해 배치, 레이아웃은 좌우 분할 고정(추후 PIP 등 옵션 확장 가능). 치지직은 공식 임베드 미지원이라 대상에서 제외되며, 한쪽이 치지직 전용이면 배틀 신청 자체가 막힘(BTL-08/WM-11) — 배틀 허브에서 신청 단계 차단좌: SOOP, 우: YouTube
2승부 게이지진영별 비율readonly(자동 계산) — 2색 progress bar옵션. donations 테이블에서 battle_sessions.started_at~ended_at 구간의 진영별 합산 금액으로 실시간 계산, 0~100% 정규화. 사용 설정한 경우에만 노출, 별도 OBS URL로 제공나 62% / 상대 38%
3진행 콘솔남은 시간countdown(readonly)신청 시 설정한 5~60분 값 기준, 초 단위 갱신"24:12"
3진행 콘솔조기 종료button클릭 시 확인 모달 → 세션 즉시 종료(status: active→ended). 조기 종료 정책(편측 요청만으로 가능한지 상호 동의가 필요한지)은 미결정 — 우선 편측 가능으로 가정"⏹ 조기 종료" 클릭
4듀얼 영상 URL오버레이 URLreadonly + 복사/열기배틀 세션 고유 URL — 세션 종료 시 자동으로 대기 화면 전환, 필수(끌 수 없음)https://…/battle/dual
5승부 게이지 URL사용 여부toggle기본 OFF, 크리에이터가 개별 등록·on/off(위젯 라이브러리와 동일 패턴). 상대방과 무관하게 각자 독립 설정ON(예시 화면)
5승부 게이지 URL오버레이 URLreadonly + 복사/열기OFF 상태에서는 이 URL의 오버레이가 빈 화면으로 렌더링https://…/battle/gauge
—배틀 종료 연출종료 화면텍스트 + 효과(readonly, 세션 종료 시 자동 표시)승부 게이지 사용 시 최종 비율 기준 승자 표시(예: 컨페티 효과), 미사용 시 단순 "배틀 종료" 메시지만 노출"크리에이터A 승리! 🎉"
통합 후원 플랫폼(가칭) · 와이어프레임 v4 · 저충실도 · 기준 문서: 통합 플랫폼 기획서 §05 배틀(2/2 — 진행·오버레이) · v2: 필드별 타입·옵션·제약·입력예시 상세 스펙 추가 · v3: 배틀 종료 연출 필드 추가(DB 설계용 완전성 보강) · 2026-08-11 · v4(2026-09, 재감사 보완): 배틀 콘솔이 리모컨(remote.html) 확장 패널로 통합됨(BTL-09)에 따라 파일 상단에 “이력 기록 — 통합 이전 설계” 안내 추가, 삭제하지 않고 참고용 이력으로 보존