방송 화면에 채팅창 띄우는 방법 - OBS 설정 완벽 가이드 (2026)

방송 화면에 채팅창을 띄워야 하는 이유

방송 화면에 채팅창을 오버레이로 띄우면 시청자와의 소통이 훨씬 자연스러워집니다. 특히 게임 방송에서는 채팅을 별도 모니터로 확인하기 어려울 때 화면 내 채팅창이 매우 유용합니다. OBS Studio를 활용하여 각 플랫폼별 채팅창을 방송 화면에 띄우는 방법을 단계별로 설명합니다.

방법 1: OBS 브라우저 소스로 채팅창 추가

가장 보편적인 방법은 OBS의 브라우저 소스를 이용하는 것입니다.

• OBS 소스 목록에서 + 버튼 클릭 → 브라우저 선택
• 이름을 '채팅창'으로 설정하고 확인
• URL 항목에 채팅 팝업 주소 입력
• 너비 400, 높이 600 정도로 설정 (취향에 따라 조절)
• 사용자 지정 CSS에 배경 투명화 코드 입력

플랫폼별 채팅 URL 확인 방법

각 플랫폼마다 채팅 팝업 URL 형식이 다릅니다.

• 트위치: https://www.twitch.tv/popout/채널명/chat?popout= 형식을 사용합니다.
• 치지직: 치지직 스튜디오 내 채팅 위젯 URL을 제공합니다. 방송 관리 → 채팅 위젯에서 URL을 복사하세요.
• 아프리카TV: 아프리카TV는 별도 채팅 팝업 URL을 직접 지원하지 않으므로 서드파티 도구를 활용해야 합니다.
• 유튜브: YouTube Studio의 실시간 관리에서 채팅 팝업 URL을 확인할 수 있습니다.

채팅창 배경 투명하게 만드는 CSS

브라우저 소스의 사용자 지정 CSS 항목에 다음 코드를 입력하면 배경이 투명해져서 방송 화면과 자연스럽게 어우러집니다. 기본적으로 body 배경을 transparent로 설정하고, 스크롤바를 숨기는 CSS를 적용합니다. 플랫폼마다 CSS 선택자가 다르므로, 트위치의 경우 .chat-shell 배경을, 치지직의 경우 해당 채팅 컨테이너 배경을 투명하게 변경해야 합니다.

서드파티 채팅 오버레이 도구 활용

보다 예쁘고 커스터마이징된 채팅창을 원한다면 전용 도구를 사용하세요.

• Streamlabs Chat Box: Streamlabs 대시보드에서 채팅 박스 위젯 URL을 생성하여 OBS에 추가합니다. 폰트, 색상, 애니메이션을 자유롭게 설정할 수 있습니다.
• StreamElements: StreamElements 오버레이 에디터에서 채팅 위젯을 추가하고 커스터마이징합니다.
• KapChat: 가볍고 심플한 채팅 오버레이 도구로, 트위치 채팅을 빠르게 방송 화면에 띄울 수 있습니다.

채팅창 위치와 크기 조절 팁

채팅창은 게임 화면의 중요한 정보를 가리지 않는 위치에 배치해야 합니다. 보통 화면 우측 하단이나 좌측 하단이 적당합니다. 크기는 화면의 20~25% 정도가 가독성과 시인성의 균형이 좋습니다. 방송 화면 구성에 대한 추가적인 팁과 오버레이 디자인 노하우는 스트리머 필수 정보 사이트를 참고하시면 도움이 됩니다. 채팅창 투명도를 70~80% 정도로 설정하면 방송 화면과 잘 조화됩니다.