Streamable에서 Chat Overlay 설정하는 방법

Twitch, Kick, YouTube 채팅을 하나의 오버레이로 합쳐 Streamable Remote OBS의 모든 Ingest 장면에 자동으로 추가하거나 로컬 OBS에서 사용하세요.

Chat Overlay가 하는 일

Chat Overlay는 Twitch, Kick, YouTube 메시지를 스트림용 투명 브라우저 소스 하나로 합칩니다.

Streamable Remote OBS 또는 로컬 OBS에서 같은 URL을 사용하고 표시할 플랫폼만 활성화하세요.

Streamable Chat Overlay로 Twitch와 Kick 메시지를 함께 표시한 예시.

1단계:Chat Overlay 열기

Streamable에 로그인한 뒤 도구 -> Chat Overlay를 열거나 아래 링크를 사용하세요.

2단계:채팅 플랫폼 활성화

Twitch, Kick 또는 YouTube를 켜세요. 계정이 연결되지 않았거나 권한 업데이트가 필요하면 Streamable이 재연결 과정을 안내합니다.

YouTube에서는 먼저 라이브 방송과 라이브 채팅을 시작하세요. Streamable이 찾을 때까지 상태에 활성 라이브 채팅 대기 중이 표시될 수 있습니다.

3단계:Chat Overlay 활성화

Chat Overlay 페이지에서 Chat Overlay를 활성화하여 채팅 메시지가 브라우저 소스에 표시되도록 하세요.

그런 다음 Streamable Remote OBS 장면에 브라우저 소스 추가를 켜세요. Streamable은 브라우저 소스를 만들거나 재사용하여 모든 장면 컬렉션의 각 Ingest 장면에 추가합니다.

OBS가 실행 중이면 브라우저 소스 변경 사항이 즉시 적용됩니다. 이 설정을 끄면 각 Ingest 장면에서 Chat Overlay가 제거되지만 설정은 유지됩니다.

로컬 OBS를 사용하는 경우 아래 단계로 계속하여 URL을 복사하고 브라우저 소스를 수동으로 추가하세요.

4단계:브라우저 소스 URL 복사

브라우저 소스 URL 옆의 복사 버튼을 사용하세요. 이 비공개 URL이 통합 Chat Overlay를 불러옵니다.

5단계:OBS에 브라우저 소스 추가

로컬 OBS에서 브라우저 소스를 추가하고 복사한 URL을 붙여넣으세요.

레이아웃에 맞는 너비와 높이를 선택한 뒤 확인을 누르세요.

URL 필드에 Streamable Chat Overlay URL을 붙여넣은 OBS 브라우저 소스 설정.

6단계:오버레이 배치 및 테스트

채팅이 표시될 위치에 소스를 배치하고 크기를 조정한 뒤, 덮어야 할 영상 소스보다 위에 두세요.

라이브를 시작하기 전에 활성화한 각 플랫폼에서 테스트 메시지를 보내 모두 표시되는지 확인하세요.

Streamable Chat Overlay의 Twitch와 Kick 메시지를 보여주는 OBS 캔버스.