채팅 오버레이 사용

앱 실행 중 사용 가능한 채팅 오버레이 적용법과 사용법을 확인할 수 있어요.

유의 사항

앱을 실행할 때 오버레이 사용을 위해 8080 포트에서 로컬 서버를 실행해요.

8080 포트가 다른 앱에서 사용중일 경우 앱이 정상적으로 실행되지 않아요.

채팅 오버레이는 앱이 실행된 후 로드되어야 해요. 앱이 실행중이 아니라면 오버레이가 정상적으로 동작하지 않으며, 오버레이보다 앱이 늦게 실행된 경우 변경된 오버레이 설정이 반영되지 않을 수 있어요.
오버레이는 단 한 개만 앱과 연결되며, 오버레이가 여러 개 열려있을 경우 비정상적인 동작이 발생할 수 있어요.
앱에서 채팅에 연결하지 않았거나, 실행 중 앱을 종료해도 오버레이는 동작하지만, 이 경우 예상치 못한 동작이나 오류가 발생할 수 있고, 앱에서 채팅 오버레이의 설정을 변경하거나, 새로고침, 큐 비우기를 사용할 수 없을 수 있어요.

앱에서 채팅 오버레이의 설정을 변경하기 위해 앱과 오버레이를 WebSocket 으로 연결해요.

WebSocket 연결 특성 상 실행 순서가 큰 영향을 미치며, 앱과 채팅 오버레이가 제대로 연결되지 않을 경우 오버레이 설정을 변경하거나, 오버레이와 연동하여 사용하는 기능들을 사용할 수 없어요.

권장되지 않는 방법으로 앱이나 채팅 오버레이를 사용하여 발생하는 오류에 대해서 앱 개발자는 전혀 책임지지 않아요.

OBS Studio 기준으로 설명해요. 다른 앱의 경우 설정법이 다를 수 있으며, 설정법이 다를 경우 채팅 오버레이 URL, 사이즈 설정 등을 참고하여 설정 하시면 돼요.

오버레이도 앱과 마찬가지로 방송이 오프라인 상태여도 테스트를 진행할 수 있어요.

오버레이를 설정하고 테스트하기 위해 방송을 키거나 별도의 조치를 취할 필요 없이 치지직 스튜디오 혹은 라이브 페이지에서 채팅을 입력하거나, 치지직 스튜디오에서 테스트 알림을 보내 테스트를 진행할 수 있어요.

앱을 실행하여 채팅에 연결한 후, 상단 메뉴 중 채팅 오버레이로 이동 해 주세요.

그 다음, 오버레이 조작 세션이 보일 때 까지 스크롤을 내려주세요.

그럼 위 스크린샷처럼 4개의 버튼이 보일거에요. 위 버튼 중 오버레이 링크 복사 버튼을 클릭하여 채팅 오버레이 링크를 복사할 수 있어요.

v.2.3 버전 이후부터 아래 고정된 채팅 오버레이 링크를 사용할 수 있어요.

http://localhost:8080/w/chat

링크를 복사했다면 사용하시는 방송 송출 앱을 실행해주세요.

그 다음, 소스 목록 하단의 소스 추가 (+) 버튼을 클릭하신 후, 브라우저 를 클릭하여 브라우저 소스를 추가해주세요

새 창이 열리면 URL 부분에 위에서 복사한 채팅 오버레이 링크를 붙여넣고, 너비와 높이를 적절하게 조절한 뒤 확인 버튼을 클릭해주세요.

채팅 오버레이는 설정된 너비와 높이에 따라 유동적으로 바뀌어요.

OBS를 통해 오디오 조정을 활성화한 경우, 아래 주의사항을 확인해주세요.

위 옵션을 활성화했다면, OBS의 오디오 고급 설정 탭에서 브라우저 소스의 오디오 모니터링 설정이 모니터링 끔 혹은 모니터링 전용 (출력 음소거)로설정되어있는는지 확인해주세요.

모니터링과 출력으로 설정된 경우 채팅 오버레이 소리가 두 번 들리게 돼요.

채팅 오버레이가 성공적으로 추가되었어요!

Last updated 7 months ago