공개 URL을 브라우저 소스로 추가하면 여러 플랫폼의 채팅과 시청자 수를 방송 화면에 표시할 수 있어요.
공개 URL 준비하기
1. 채팅 오버레이 열기
도로시 워크스페이스 왼쪽 메뉴에서 위젯 → 채팅 오버레이를 선택합니다.
왼쪽 메뉴에서 채팅 오버레이를 선택합니다
2. 공개 URL 확인하고 복사하기
화면 위쪽 공개 URL의 가려진 영역을 누르면 전체 주소를 확인할 수 있습니다.주소 오른쪽의 복사를 눌러 OBS에 입력할 URL을 복사합니다. 열기를 누르면 위젯이 새 화면에서 정상적으로 열리는지 미리 확인할 수 있어요.
새 주소가 필요하다면 URL 재생성을 사용할 수 있습니다.
공개 URL을 확인한 뒤 복사를 누릅니다
OBS Studio에 추가하기
3. 소스 추가 버튼 누르기
OBS Studio에서 채팅창을 넣을 장면을 선택합니다. 화면 왼쪽 아래 소스 목록에서 ’ + ’ 버튼을 누릅니다.
소스 목록 아래의 + 버튼을 누릅니다
4. 브라우저 소스 선택하기
소스 메뉴가 열리면 브라우저를 선택합니다.새 소스의 이름은 도로시 채팅창 처럼 알아보기 쉽게 입력해 주세요.
소스 메뉴에서 브라우저를 선택합니다
5. URL과 화면 크기 입력하기
URL에는 도로시에서 복사한 공개 URL을 붙여 넣습니다.그 아래 너비와 높이에는 방송 화면에서 사용할 채팅창 크기를 입력합니다. 처음에는
400 × 400(예시) 처럼 시작한 뒤 실제 나의 방송 화면에 맞춰 조절하시면 됩니다.입력이 끝나면 확인을 누릅니다.
공개 URL과 채팅창 크기를 입력한 뒤 확인을 누릅니다
특별한 이유가 없다면 꺼 두는 것을 권장합니다.
두 새로고침 옵션은 특별한 이유가 없다면 꺼 둡니다
6. 소스 목록 확인하기
브라우저 소스를 만들고 나면 소스 목록에 ‘채팅창’ 또는 방금 입력한 이름이 표시됩니다.목록에 소스가 나타나면 OBS에 채팅창이 정상적으로 추가된 상태입니다.
소스 목록에 채팅창이 표시되는지 확인합니다
방송 화면에 배치하기
7. 원하는 위치와 크기로 조절하기
미리보기에서 채팅창 소스를 선택한 뒤 드래그해 원하는 위치로 옮깁니다.모서리의 조절점을 끌면 방송 화면에 맞게 크기를 바꿀 수 있어요.
미리보기에서 채팅창의 위치와 크기를 조절합니다
8. 최종 화면 확인하기
채팅 메시지와 시청자 수가 원하는 위치에 표시되는지 확인합니다.방송 전에 도로시의 테스트 전송을 사용하면 실제 채팅이 들어오는 모습도 미리 점검할 수 있어요.
채팅창이 원하는 위치에 표시되는지 최종 확인합니다
잘 보이는지 테스트하기
도로시 채팅 오버레이 화면 아래의 미리보기에서 다음을 확인할 수 있습니다.- 치지직·유튜브 등 플랫폼별 테스트 채팅
- 시청자 수 표시
- 테스트 유형과 플랫폼 선택
- 닉네임과 채팅 메시지 입력
- 채팅 전송 테스트
OBS 브라우저 소스를 선택한 뒤 새로고침을 누릅니다
문제 해결
투명해야 할 곳이 검게 보여요
- 도로시의 배경 스타일 → 배경 투명도가
0%인지 확인합니다. - OBS 브라우저 소스의 기본 투명 배경 CSS를 지우지 않았는지 확인합니다.
채팅이 갱신되지 않아요
도로시 채팅은 방송 설정에서 사용할 플랫폼이 연결되어 있어야 갱신됩니다.치지직 또는 유튜브가 연결하기로 표시된다면 아직 연결되지 않은 상태이며, 연결을 완료하기 전에는 해당 플랫폼의 채팅을 불러올 수 없습니다.
치지직 또는 유튜브가 연결되어 있는지 먼저 확인합니다
치지직 연결
치지직 채널 연결 방법을 확인합니다.
유튜브 연결
유튜브 채널과 현재 라이브 연결 방법을 확인합니다.
- 연결을 마친 뒤 방송 설정에서 플랫폼 연결 상태를 다시 확인합니다.
- 브라우저 소스를 한 번 새로고침합니다.
- URL을 재생성했다면 새 URL로 바꿨는지 확인합니다.
글자가 잘려요
- 브라우저 소스의 가로·세로 크기를 늘립니다.
- 도로시에서 글자 크기와 아이콘 크기를 낮춥니다.
- 미리보기와 실제 방송 캔버스 비율이 같은지 확인합니다.