Watch Party Overlay Timer

비디오 위에 시간 및 정보를 오버레이하여 OBS에서 쉽게 캡처할 수 있게 합니다. Watch Party Overlay Timer - OBS 방송을 위한 비디오 오버레이 확장 프로그램 📺 주요 기능 Watch Party를 진행하거나 비디오 컨텐츠를 방송할 때, OBS Studio 등의 방송 프로그램에서 쉽게 캡처할 수 있는 오버레이를 제공합니다. ✨ 핵심 기능 • 실시간 비디오 정보 표시 (제목, 시리즈, 재생 시간) • OBS에서 바로 사용 가능한 오버레이 • 스트리밍 디스플레이 창으로 원격 컴퓨터에서도 사용 가능 • VDO.Ninja 연동으로 네트워크를 통한 오버레이 전송 지원 • 비디오 플레이어 하단 바 스타일의 모던한 UI (1200×100px) 💡 사용 방법 1. 지원되는 비디오 사이트에서 동영상 재생 2. 확장 프로그램 아이콘 클릭 3. "정보 가져오기" 토글 ON 4. "오버레이 표시" 토글 ON으로 화면에 오버레이 표시 5. OBS에서 브라우저 화면 캡처 🎯 지원 플랫폼 • Laftel (라프텔) - 애니메이션 스트리밍 • Chzzk (치지직) - 네이버 라이브 스트리밍 • YouTube - 전 세계 동영상 플랫폼 • Netflix - 글로벌 OTT 서비스 🎨 오버레이 모드 1. 일반 모드: 모든 정보를 표시 (시리즈, 에피소드, 시간, 플랫폼) 2. 컴팩트 모드: 에피소드와 시간만 간결하게 표시 3. 그린스크린 모드: 크로마키 처리를 위한 녹색 배경 🚀 스트리밍 디스플레이 (v3.0+) • 별도 창에서 오버레이 정보 표시 • 방송용 컴퓨터에서 원격으로 오버레이 사용 가능 • VDO.Ninja를 통한 실시간 스트리밍 • 플레이어 하단 바 스타일의 깔끔한 UI • 동적 창 크기 조절 (기본: 600×100px, 설정 확장 시: 600×500px) • 튜토리얼 시스템으로 첫 사용자 가이드 제공 🎨 고급 커스터마이징 (v3.1.0) • 진행바 크기 조절: 너비(80~200px), 높이(2~12px) 개별 설정 • 창 크기 조절: 너비 300~1200px 범위에서 실시간 조절 • iOS 스타일 토글: 진행바/플랫폼 배지 표시 제어 • 플랫폼별 색상 배지: 각 사이트마다 고유한 브랜드 색상 적용 • 동적 레이아웃: 폰트 크기에 따라 UI 요소들이 자동 조정 • 색상 커스터마이징: 배경, 텍스트, 강조색, 진행바 색상 개별 설정 ⚙️ 세부 기능 • 오버레이 위치 조절 (좌측/우측) • 시간 표시 형식 선택 (현재/전체, 현재만, 숨김) • 제목 표시 옵션 (시리즈+에피소드, 에피소드만, 숨김) • 테마 선택 (라이트, 다크, 그린스크린) • 폰트 크기 개별 조절 (에피소드, 시리즈, 시간: 6~40px) • 오버레이 너비/여백 세밀 조절 • 설정 저장/불러오기/초기화 🔧 스트리밍 디스플레이 사용법 (투컴 환경) 1. "📺 스트리밍 디스플레이 열기" 버튼 클릭 2. 새 창에서 하단 화살표 클릭하여 설정 패널 확장 3. "🎥 VDO.Ninja 열기" 버튼으로 VDO.Ninja 사이트 이동 4. "Remote Screenshare into OBS" 선택 → 이 탭 선택 → Audio 해제 → Share 5. 생성된 링크를 방송 컴퓨터 OBS Browser Source에 추가 📚 튜토리얼 시스템 • 첫 사용자를 위한 4단계 가이드 제공 • 스트리밍 디스플레이 열기 시 자동으로 튜토리얼 시작 • "사용법 가이드 다시 보기" 버튼으로 언제든 재확인 가능 • 각 기능별 상세한 설명과 사용 팁 제공 📝 참고사항 • 페이지 새로고침 후에도 설정이 유지됩니다 • 동일 사이트 내에서 페이지 이동 시 자동으로 정보가 업데이트됩니다 • 각 사이트의 UI 변경에 따라 일시적으로 작동하지 않을 수 있습니다 • 모든 설정 변경이 실시간으로 반영되며 자동 저장됩니다 🆕 v3.1.0 업데이트 (2025-07-09) • 진행바 크기 조절 기능 추가 (너비/높이 개별 설정) • 창 크기 실시간 조절 기능 (300~1200px) • iOS 스타일 토글 스위치 도입 • 플랫폼별 브랜드 색상 배지 시스템 • 기본값 재설정 즉시 적용 문제 해결 • UI 설정 논리적 재구성 및 사용성 개선 ⚠️ 중요 안내사항 • 이 확장 프로그램은 Chrome 브라우저에 최적화되어 있습니다. • Edge, Firefox 등 다른 브라우저에서는 정상 작동을 보장하지 않습니다. • Chrome 버전 100 이상을 권장합니다. 🔐 권한 설명 • scripting: 웹 페이지에서 비디오 정보를 읽기 위해 필요 • tabs: 현재 활성 탭 정보 확인을 위해 필요 • windows: 스트리밍 디스플레이 창 생성을 위해 필요 • host_permissions: 지원 사이트에서만 작동하도록 제한 Created by RiceBerry Assisted by Cursor IDE Special Thanks to "초승달, 에스더, 뇨롱이" in CHZZK