오버레이

Overlay를 사용하여 스트림에 알림, 채팅, 목표 및 기타 시각적 요소를 표시하세요. Overlay를 통해 미디어, Twitch 이벤트, 위젯으로 그룹화된 다양한 레이어를 결합하여 맞춤형 레이아웃을 만들 수 있습니다. 방송 소프트웨어의 각 장면에 대해 일반적으로 하나의 Overlay를 생성할 수 있으며, 예를 들어 시작, 메인, 종료 장면에 각각 하나씩 생성할 수 있습니다. 각 Overlay를 별도의 브라우저 소스로 추가하고, 장면당 하나의 Overlay만 사용하여 중복 알림 소리와 같은 충돌을 피하세요.

Overlay 설정:

Media

텍스트 및 레이블

텍스트 및 레이블 레이어를 추가하려면 **+**를 클릭하고 텍스트 및 레이블을 선택하세요. 콘텐츠 입력란은 Overlay에 표시되는 텍스트를 위한 것입니다. $를 입력하여 시청자에게 감사 인사를 하는 등 동적 콘텐츠를 위한 변수를 삽입하세요.

참조:

• 무언가 발생할 때까지 숨기기 — 트리거 이벤트가 발생할 때까지 레이어를 숨깁니다.
• 모든 텍스트 변수가 비어 있을 때 숨기기 — 텍스트의 모든 변수가 값이 없을 때 레이어를 숨깁니다.

이미지 및 동영상

이미지 레이어를 추가하려면:

1. **+**를 클릭하고 이미지를 선택하세요.
2. 업로드를 클릭하여 이미지를 업로드하세요:
   • 허용되는 형식: GIF, JPEG, PNG.
   • 최대 크기: 20 MB.

동영상 레이어를 추가하려면:

1. **+**를 클릭하고 동영상을 선택하세요.
2. 업로드를 클릭하여 동영상을 업로드하세요:
   • 허용되는 형식: MP4, WEBM, M4V, MOV.
   • 최대 파일 크기: 20 MB.

Twitch events

알림

알림 레이어를 추가하려면 **+**를 클릭하고 알림을 선택하세요.

알림 유형 — 팔로우, 팁, 구독, 재구독, 구독 선물, 커뮤니티 선물, 자선 기부, Twitch Cheer, Twitch Raid. 각 유형을 개별적으로 활성화하거나 비활성화하고, 해당 유형에 대해 위의 설정을 개별적으로 재정의할 수 있습니다.

기본 알림 설정을 클릭하여 모든 알림 유형에 대한 기본 설정을 구성하세요. 아래 표는 각 설정을 설명합니다:

알림을 위치시키려면 Overlay에서 원하는 위치로 드래그하세요. 테스트하려면 테스트 버튼을 사용하여 서비스 개시 전에 각 알림 유형을 미리 보세요.

배너

배너 레이어를 추가하려면 **+**를 클릭하고 배너를 선택하세요.

설정:

• 배경 이미지 — 이미지를 업로드하거나 내장 갤러리에서 선택하세요.
• 배너 숨기기 타이밍 — 이 배너를 주기적으로 숨기기/표시하기를 활성화한 다음, 숨기기 (초) 및 **그 후 표시 (초)**를 설정하여 주기를 제어하세요.

새로 추가로 하나 이상의 배너를 추가하고, 휴지통 아이콘으로 삭제하거나 클릭하여 구성하세요. 아래 표는 각 설정을 설명합니다:

제목 배경, 배경색, 투명도 및 글꼴도 배너별로 사용자 정의할 수 있습니다.

채팅

채팅 레이어를 추가하려면 **+**를 클릭하고 채팅을 선택하세요.

다음 설정을 구성하세요:

• 아바타 표시 — 시청자의 프로필 사진을 메시지 옆에 표시합니다.
• 플랫폼 아이콘 표시 — 각 메시지 옆에 플랫폼 아이콘을 표시합니다.
• 플랫폼에 대한 색상 줄 표시 — 발신자의 역할을 나타내는 색상 줄을 표시합니다. 역할 색상:
  • 스트리머 (당신)
  • 관리자
  • 구독자
  • 터보
  • 시청자
• 메시지와 사용자 이름을 별도의 줄에 표시 — 사용자 이름과 메시지를 별도의 줄에 표시합니다.
• 방향 반전 — 새 메시지가 위에서부터 또는 아래에서부터 나타나는지 제어합니다.
• 지속 시간 (초) — 메시지가 화면에 남아 있는 시간.

이벤트

이벤트 레이어를 추가하려면 **+**를 클릭하고 이벤트를 선택하세요.

다음 설정을 구성하세요:

• 이벤트 유형 — 표시할 이벤트 유형을 선택하세요. 사용 가능한 유형:
  • 팁
  • 팔로워
  • 구독자
  • 재구독자
  • 자선 기부
  • Twitch Cheer
  • Twitch Raid
• 이벤트 수 — 한 번에 표시되는 최대 이벤트 수.

목표

목표는 팔로워 수, 구독자 수 또는 Twitch 비트와 같은 목표를 향한 진행 상황을 추적합니다. 목표 레이어를 추가하려면 **+**를 클릭하고 목표를 선택한 다음 목표 추가를 클릭하세요. 다음 설정을 구성하세요:

배경 이미지를 업로드하거나 갤러리에서 선택할 수도 있습니다.

Trigger

트리거 레이어는 미디어 및/또는 사운드를 스트림에 표시하는 채팅 명령을 생성합니다. 액세스는 채팅 역할에 의해 제한되거나 Partner Network 로열티 프로그램의 로열티 포인트가 필요할 수 있습니다 (Twitch 채널 포인트는 사용되지 않습니다).

트리거 레이어를 추가하려면 **+**를 클릭하고 트리거를 선택하세요. 다음 설정을 사용하여 트리거를 구성하세요:

Widgets

카운트다운

카운트다운 레이어는 스트림 시작, 이벤트 공개 또는 서브어톤까지의 실시간 카운트다운을 표시합니다.

카운트다운 레이어를 추가하려면 **+**를 클릭하고 카운트다운을 선택하세요.

다음 설정을 구성하세요:

• 제목 — 카운트다운 위에 표시되는 텍스트 (예: 곧 시작)
• 목표 — 카운트다운 목표:
  • 날짜 및 시간 선택 — 고정된 날짜와 시간까지 카운트다운.
  • 지금부터 기간 설정 — 지정된 기간 동안 카운트다운.
• 디스플레이 형식:
  • 일 : 시간 : 분 : 초
  • 시간 : 분 : 초
  • 분 : 초
  • 초
• 각 숫자 아래에 레이블 표시 — 카운트다운에 사용된 시간 단위의 레이블을 표시합니다.
• 완료 시 사용자 정의 메시지 표시 — 카운트다운이 끝난 후 사용자 정의 메시지를 표시합니다.
• 스타일 — 테두리 반경.

현재 재생 중

현재 재생 중 레이어는 Last.fm에 연결된 음악 플레이어에서 현재 재생 중인 곡을 표시합니다.

현재 재생 중 레이어를 추가하려면:

1. **+**를 클릭하고 현재 재생 중을 선택하세요.
2. Last.fm 계정이 없으면 계정을 생성하세요.
3. Last.fm 스크로블러를 설정하세요 — 귀하의 음악 데이터를 Last.fm에 보내는 도구입니다. 많은 플레이어가 이를 기본적으로 지원하며, 다른 플레이어는 추가 소프트웨어나 웹 기반 플레이어용 Chrome 확장이 필요합니다. Last.fm은 Spotify, YouTube, Apple Music, Tidal 및 SoundCloud와 동기화됩니다.
4. 음악 플레이어를 Last.fm 계정에 연결하세요.

배경 이미지를 업로드하거나 갤러리에서 선택할 수도 있습니다.

Last.fm 프로필을 확인하여 스크로블러 (귀하의 음악 데이터를 Last.fm에 보내는 도구)가 노래 데이터를 Last.fm에 보내고 있는지 확인하세요. 노래가 Last.fm에도 나타나지 않으면, 스크로블러 자체가 작동하지 않는 것입니다 — 이 경우, 플레이어의 Last.fm 연결 또는 확장을 확인하세요.

코드

코드 레이어를 통해 개발자는 사용자 정의 코드를 사용하여 자신의 Overlay 레이어를 만들 수 있습니다. Overlay에 추가할 수 있는 레이어 수에는 제한이 없습니다.

코드 레이어를 추가하려면 **+**를 클릭하고 코드를 선택하세요.

다음 설정을 구성하세요:

1. 메시지 입력란을 설정하세요 — 코드에서 참조할 수 있는 변수입니다 (기본값: Hello ${username})
2. 편집기 열기를 클릭하여 HTML, CSS, JavaScript 또는 Blueprint를 사용하여 레이어를 편집하세요.
3. 저장을 클릭하여 변경 사항을 적용하세요.

방송 소프트웨어에 Overlay 추가

방송 소프트웨어에 Overlay를 추가하려면 대시보드의 Overlay 탭으로 이동하여 Overlay URL을 복사하고 브라우저/웹 소스로 추가하세요:

Lightstream

Lightstream Studio는 Partner Network와 동일한 Overlay 편집기를 사용합니다 — Partner Network Overlay 편집기에서 사용할 수 있는 모든 레이어 유형이 Lightstream Studio에서도 직접 사용 가능하며, 거기서 만든 모든 장면은 Partner Network에서 볼 수 있습니다. 대부분의 경우, Lightstream Studio를 사용하는 경우 Partner Network에서 가져오는 대신 직접 Overlay를 구축할 수 있습니다.

Partner Network 크리에이터 계정에서 별도의 Overlay를 이미 구축하고 URL을 통해 Lightstream으로 가져오고 싶다면:

1. Overlay 페이지로 이동하세요.
2. URL 체인 버튼을 클릭하여 Overlay URL을 복사하세요.
3. Lightstream으로 이동하세요:

1. 1. Lightstream Studio 브라우저 소스의 경우:
      1. 추가를 클릭하세요.
      2. 3rd party integrations 섹션에서 브라우저 소스를 클릭하세요.
      3. Xsolla Partner Network를 선택하세요.
      4. URL을 붙여넣고 URL 확인을 클릭하세요.

1. 2. Lightstream Classic 브라우저 소스의 경우:
      1. 레이어 추가를 클릭하세요.
      2. 클릭:
         • 3rd party integrations을 선택하고 Xsolla Partner Network를 선택하세요.
         • 하단의 Partner Network 배너.
      3. URL을 붙여넣고 URL 확인을 클릭하세요.

OBS Studio

OBS Studio에 Overlay를 추가하려면:

1. Overlay 페이지로 이동하세요.
2. URL 체인 버튼을 클릭하여 Overlay URL을 복사하세요.
3. OBS Studio에서 소스 섹션 아래의 + 기호를 클릭하고 브라우저를 선택하세요.

4. 소스 이름을 지정하고 확인을 클릭하세요.

5. URL 필드에 Overlay URL을 붙여넣으세요. 너비 및 높이에서 Overlay의 해상도와 일치시킵니다 (기본값: 1920 x 1080 px).

콘솔 스트리밍

Xbox 및 PlayStation 콘솔은 브라우저 소스를 지원하지 않으므로 콘솔 자체에서 스트림에 Overlay를 추가할 수 없습니다. Lightstream을 사용하는 것이 좋습니다:

1. 콘솔을 Twitch 대신 Lightstream으로 스트리밍하도록 설정하세요.
2. Lightstream 웹 편집기에서 Overlay를 추가하세요. Lightstream은 결합된 스트림을 Twitch로 전송하므로 웹 브라우저가 있는 장치만 필요합니다.

또는 캡처 카드와 방송 소프트웨어를 사용하여 PC에서 스트리밍하세요.

Overlay를 설정하지 않아도 팁 및 채팅 내 알림은 활성화된 경우 여전히 작동합니다.