채팅창
왼쪽에서 테마와 상세 옵션을 조정하면 오른쪽 미리보기에 바로 반영돼요. 저장해야 실제 방송에 나갑니다.
테마 갤러리
전체
미니멀
레트로
캐릭터
★ 즐겨찾기
★
기본
★
고양이
전체 테마 | 인기순
1 / 2
☆
한줄/테두리
☆
두줄/심플
☆
메신저형
☆
네온
☆
파스텔
☆
말풍선
☆
카드형
☆
다크 미니멀
☆
그라데이션
☆
픽셀 아케이드
☆
브라운관
☆
감성 필름
☆
우드톤
☆
만화 말풍선
☆
다크 그라데이션
☆
쿨톤 라인
☆
곰돌이 프렌즈
검색·필터 조건에 맞는 테마가 없어요.
상세 설정
상세 표시, 정렬, 자동숨김
방송 플랫폼 아이콘 표시
시청자 닉네임 표시
시청자 아이디 표시
닉네임 랜덤색 사용
닉네임 설정색 사용
닉네임 배경(화이트)
항상
어두운 닉네임색일 때만
사용안함
채팅 정렬
한줄정렬
닉네임구분선
시작라인정렬
개별라인정렬
동일 유저 연속 메시지 묶기
긴 메시지 자동 줄바꿈
채팅 최대 표시 줄
채팅 상단 페이드아웃
스크롤 사용
자동 숨김 사용
OFF면 계속 표시돼요. ON이면 마지막 채팅 후 설정한 시간(5~300초, 기본 15초) 뒤 자동으로 숨겨져요.
통합 채팅 모드신규
알림 효과 · Fade In
알림 효과 · Fade Out
닉네임 컬러 사용
위젯 라이브러리 마켓플레이스 버전에서 온 필드예요. 위쪽 "닉네임 랜덤색/설정색"과 겹칠 수 있어 추후 하나로 정리될 예정이에요.
필터링 사용자, 단어, 봇
사용자 필터링
후원알림 필터링
봇 필터링
필터링된 사용자의 채팅은 화면에 아예 노출되지 않아요. 봇 필터링은 기본 ON.
단어 필터링
후원알림 메시지에도 적용
필터링된 단어는 하트(♡)로 마스킹돼요. 예: "욕설1" → "♡♡♡"
숨길 닉네임 추가
추가
Nightbot
MooBot
StreamElements
Nightbot·MooBot·StreamElements 등 봇 계정은 기본 등록돼 있어요. 직접 추가·삭제할 수 있어요.
알림 후원, 입장, 채팅
후원 알림
사용안함
텍스트
이미지
입장 알림 (플랫폼별 개별 설정)
SOOP
사용안함
텍스트
알림음
음성
치지직
사용안함
텍스트
알림음
음성
YouTube
사용안함
텍스트
알림음
음성
채팅 알림
사용안함
알림음
음성
위젯 시청자수, 공지, 타이머, 고정
시청자수 위젯
https://overlay.bearny.app/w/viewer/••••••••
합산
플랫폼별 개별
통합 채팅 모드와 독립적으로 켤 수 있어요 — 오프라인 플랫폼은 자동 제외돼요.
공지
https://overlay.bearny.app/w/notice/••••••••
단순텍스트
박스형
스크롤형
팝업형
공지 내용은 리모컨 화면에서 즉석으로 입력해요.
타이머
채팅 고정
추가
공지봇
음성 고정(TTS 반복)
자동 숨김
아이콘 & 색상 플랫폼×등급 매트릭스
등급별 배지 아이콘 표시
| 플랫폼 | 스트리머 | 매니저 | 후원수단 | 후원 | 구독 | 선물 | 기타 |
|---|---|---|---|---|---|---|---|
| SOOP | |||||||
| 치지직 | |||||||
| YouTube |
색 일괄 적용
흰색 닉네임
검정 닉네임
흰색 채팅
검정 채팅
플랫폼별 색상
등급별 색상
화이트 톤 일괄
다크 톤 일괄
클릭하면 아래 개별 색상값을 한 번에 덮어써요.
등급별 닉네임색 · 채팅색
SOOP
치지직
YouTube
| 등급 | 닉네임색 | 채팅색 |
|---|---|---|
| 스트리머 | #FF4D4D | #FF4D4D |
| 매니저 | #4D8CFF | #4D8CFF |
| 후원 | #F5B60A | #F5B60A |
| 구독 | #8F5CD1 | #8F5CD1 |
| 일반 | #ECE9E2 | #ECE9E2 |
| 등급 | 닉네임색 | 채팅색 |
|---|---|---|
| 스트리머 | #3EDC91 | #3EDC91 |
| 매니저 | #4D8CFF | #4D8CFF |
| 후원 | #F5B60A | #F5B60A |
| 구독 | #8F5CD1 | #8F5CD1 |
| 일반 | #ECE9E2 | #ECE9E2 |
| 등급 | 닉네임색 | 채팅색 |
|---|---|---|
| 스트리머 | #FF4D4D | #FF4D4D |
| 매니저 | #4D8CFF | #4D8CFF |
| 후원 | #F5B60A | #F5B60A |
| 구독 | #8F5CD1 | #8F5CD1 |
| 일반 | #ECE9E2 | #ECE9E2 |
공통 색상 · 후원알림메시지#FFE000
공통 색상 · 입장알림메시지#FFE000
폰트 & 배경 전 위젯 공통
폰트 선택
굵게
웹폰트 사용
ttf/otf, 5MB 이하
폰트 크기
28px
외곽선
#000000dd
2px
배경색 사용
OFF면 배경이 투명해요.
배경 이미지
5MB 이하
채우기
맞춤
반복
OBS 소스 미리보기 — 통합 채팅 모드
SOOP 1.2만
치지직 890
YouTube 340
SOOP구독닉네임1안녕하세요 방가방가
치지직일반닉네임2오늘 방송 잘보고 있어요
YouTube후원닉네임3화이팅!!
SOOP매니저닉네임4공지 확인해주세요
OBS 등록 가이드
URL을 복사한 다음 무엇을 해야 할지 안내해요 — OBS를 처음 쓰는 크리에이터가 여기서 막히지 않도록, 이 가이드는 모든 위젯 화면에서 URL 발급 필드 옆에 똑같이 재사용돼요.
STEP 1
URL 복사
https://…/w/ab12cd34
이 주소는 비밀 주소예요. 방송 화면에 그대로 노출하지 마세요 — 남이 알면 내 오버레이를 열어볼 수 있어요.
STEP 2
OBS에 브라우저 소스 추가
OBS 소스 추가 화면
스크린샷 자리
스크린샷 자리
소스 + → 브라우저 → URL 붙여넣기.
너비·높이는 아래 권장값을 넣으세요.
너비·높이는 아래 권장값을 넣으세요.
STEP 3
크기 확인
권장 400 × 700
위젯마다 권장값이 달라요
위젯마다 권장값이 달라요
화면에 안 나오면 소스 우클릭 → 새로고침. 그래도 안 나오면 리모컨에서 이 위젯이 꺼져 있는지 확인하세요.
이 가이드는 전 위젯 공통이에요. 다른 위젯 화면(후원목표·자막·룰렛·빙고판 등)에서도 URL 발급 필드 옆에 같은 컴포넌트를 재사용하며, 권장 크기 값만 위젯별로 달라요.
스타일 목업 | 베어니 톤 | 기준: docs/wireframes/chat-widget.html v9 | 테마 갤러리 검색·필터·정렬·페이지네이션과 상세 설정 6개 아코디언 그룹을 모두 클릭으로 열고 닫을 수 있도록 구현 · OBS 등록 가이드 프레임 추가
상태 데모