Twitch 방송을 둘러보면 위와 같이 방송 화면에 채널에 발생하는 여러 알람과 채팅 화면 등을 표시해 주는 것을 볼 수 있는데, 이 서비스는 저희 트윕에서 제공하고 있습니다. 이 페이지에서는 그 중 자신의 채널에 올라오는 채팅을 실시간으로 표시해주는 Chat Box 오버레이를 적용하는 방법에 대해 살펴봅니다.
트윕에 접속하여 크리에이터로 로그인 합니다.
처음 트윕을 이용하시는 경우 위와 같이 권한 부여 관련 페이지가 나오며, '권한 부여' 버튼을 눌러줍니다.
대시보드 페이지가 나오며, 기본 설정의 '위젯 관리'에서 '채팅창'을 눌러줍니다.
'클릭하여 URL 확인'을 눌러 표시되는 주소를 클릭하거나, 오른쪽의 복사 아이콘을 누르면 복사됩니다.
주의: 주소가 노출될 경우 악용의 소지가 있으므로, 자신의 주소가 타인에게 공개되지 않도록 유의하시기 바랍니다.
이제 OBS Studio에 Chat Box를 적용해 보겠습니다.
참고: 가능하면 최신 버전의 OBS Studio를 사용하실 것을 권장합니다.
왼쪽 아래에 소스 목록에 있는 플러스(+) 버튼을 누른 다음, BrowserSource 또는 브라우저 를 클릭해주세요.
참고: BrowserSource(또는 브라우저)가 없는 경우, 여기를 눌러 설치 방법을 확인하세요.
이름을 지정한 다음 확인 버튼을 눌러주세요.
위에서 복사한 주소를 URL에 붙여넣기(Ctrl+V) 합니다.
Width 300, Height 600으로 지정해 주세요. 그렇게 하면 채팅창 크기가 세로로 길쭉하게 바뀝니다. 방송 화면에 맞게, 적절히 설정해 주세요.
하단에 있는 확인을 눌러주세요.
추가된 Chat Box에 빨간색 테두리가 표시됩니다. 위치와 크기를 적절히 지정해주세요.
참고: 여러 소스가 있는 경우, Alert Box나 Chat Box는 드래그 하여 맨 위로 올려야 가려지지 않고 보입니다.
자신의 채널에서 채팅을 입력하여 방송 화면에 표시되는지 테스트합니다.