아인 › 가이드 › 채팅 오버레이·알림·TTS·TITS 설정 방법

화면·소리 가이드

치지직 채팅 오버레이·알림·TTS·TITS 설정 방법

아인 창의 [기능] 버튼을 누르면 열리는 기능 창에서 왼쪽 목록의 화면(채팅 오버레이·알림 오버레이)과 소리·연동(TTS 읽어주기·TITS 던지기)을 다룹니다. 설정을 바꾸면 오른쪽 미리보기에 바로 보이고, 저장하면 OBS 화면에도 그대로 나옵니다.

기준 버전 1.9.0 · 2026년 9월 20일 작성

먼저 알아 둘 것

• 기능 창은 봇이 켜져 있을 때만 열립니다. 채팅 오버레이와 TTS는 채팅을 읽어야 하니 봇이 꺼지면 같이 멈춥니다.
• 각 화면 아래에 OBS 브라우저 소스 URL과 권장 크기가 있습니다. [URL 복사] → OBS 소스 추가 → 브라우저 → URL 붙여넣기 → 폭·높이를 권장 크기로. 배경은 투명입니다.
• URL과 포트는 한 번 정해지면 업데이트해도 바뀌지 않습니다.
• TTS와 TITS는 처음에는 꺼져 있습니다. 켜기 전에는 아무것도 하지 않습니다.

채팅 오버레이

방송 화면에 채팅을 띄웁니다. 기본은 흰 둥근 상자에 검은 글씨입니다. 닉네임 옆 아이콘은 치지직 채팅창이 주는 배지(방장 왕관, 관리자, 구독 배지 등)만 그리고, 아인이 따로 붙이는 표시는 없습니다. 닉네임 색과 꾸미기(치트키 색, 2티어 그라데이션·하이라이트)도 치지직 채팅창과 같은 규칙으로 나옵니다.

• 미리보기는 처음에 예시 채팅을 보여 주다가 실제 채팅이 올라오면 그것만 보여 줍니다. 봇을 끄면 다시 예시로 돌아갑니다.
• 주소 뒤에 값을 붙여 화면마다 다르게 할 수도 있습니다. ?stay=8&max=6&bot=0처럼 표시 시간(초)·최대 줄·봇 답변 숨김.
• 권장 크기 480 × 720. 세로로 긴 화면 한쪽에 두면 알맞습니다.

공유되는 채팅 CSS 그대로 쓰기

트위치 시절부터 돌아다니는 채팅 CSS(KapChat 계열)와 뚜봇 "커스텀 치지직 채팅 오버레이"용 CSS는 HTML 구조가 같아서 그대로 붙여 넣으면 됩니다. 기능 창의 CSS 직접 넣기에 붙이고 [적용]을 누르거나, OBS 브라우저 소스의 "사용자 지정 CSS"에 넣어도 됩니다. [예시 CSS 넣기]를 누르면 구조를 볼 수 있는 예시가 들어갑니다.

#log > div.chat_line.chzzk[.streamer|.manager|.bot]
  > span.meta (span.badges img.badge, span.name)
    span.colon
    span.message (span.emote_wrap img.emoticon.emote)

• CSS를 넣으면 아인의 기본 상자 디자인은 빠지고 흰 글씨만 남습니다. 색·상자는 넣은 CSS가 정합니다. 지우면 기본으로 돌아옵니다.
• 치지직 채팅창 자체를 꾸미는 CSS(네이버의 난수 클래스 이름을 쓰는 것)는 구조가 달라 맞지 않습니다.

알림 오버레이

후원, 구독, 구독권 선물, 룰렛 결과, 투표 결과, 추첨 당첨, 타이머 종료가 있을 때 화면에 카드를 하나 띄웁니다. 흰 반투명 둥근 상자에 검은 글씨입니다.

• 종류별로 끄고 켤 수 있고, 표시 시간(기본 6초)을 정합니다. 여러 개가 겹치면 차례로 나옵니다.
• 구독·구독권 선물 카드는 1티어면 티어를 적지 않고 2티어부터 "2티어"라고 적습니다.
• [시험] 버튼으로 종류를 골라 카드를 띄워 볼 수 있습니다.
• 권장 크기 560 × 200.

TTS 읽어주기

구독·구독권 선물·채팅을 Windows에 내장된 한국어 음성으로 읽습니다. 설치할 것이 없고, 소리는 PC 기본 출력으로 나가서 OBS의 데스크톱 오디오에 잡힙니다. 처음에는 꺼져 있습니다. [TTS 사용]을 켜면 다음 채팅부터 읽고, 끄면 바로 조용해집니다.

• 봇의 답변과 !로 시작하는 명령어는 읽지 않습니다.
• 후원 메시지는 치지직 자체 후원 알림이 읽어 주므로 여기서는 읽지 않습니다.
• 링크는 "링크"로 바꿔 읽고, 이모티콘 코드는 뺍니다.
• [테스트 읽기]로 소리를 확인하고, 길게 밀렸을 때는 [지금 읽는 것 멈추기].
• 추첨의 "당첨자 채팅 TTS"는 추첨 화면의 스위치를 따릅니다.

TITS 던지기

TITS(Twitch Integrated Throwing System)는 시청자가 버튜버 아바타에 물건을 던지게 하는 프로그램입니다. 원래 트위치·유튜브만 알아듣는데, 아인이 치지직의 후원·구독·구독권 선물·채팅을 TITS에 전달합니다.

연결 순서

1. VTube Studio 설정에서 Start API (allow plugins)를 켭니다(포트 8001).
2. TITS를 켭니다. VTube Studio에 플러그인 허용 창이 뜨면 Allow. TITS 왼쪽 목록의 VTube Studio 옆이 ✓가 되면 붙은 것입니다. 안 되면 TITS의 VTube Studio 설정에서 [Deauthenticate] 뒤 TITS를 껐다 켜 보세요.
3. TITS의 Connections 화면 오른쪽 API를 Enabled ON으로 두고 포트가 42069인지 봅니다.
4. 아인 기능 창 → TITS 던지기에서 [TITS 연동 사용]을 켜고 [저장]. 배지가 "연결됨"이 됩니다(최대 15초). "연결 안 됨"이 계속이면 3번을 다시 보세요.
5. [아이템 새로고침]을 누르면 TITS에 넣어 둔 아이템·트리거 목록이 옵니다. 아이템이 없으면 TITS의 Object Manager에서 이미지를 넣어 두세요.

규칙

규칙마다 조건을 고르면 그 조건에 뜻 있는 칸만 보입니다.

• 아이템은 여러 개 고를 수 있고(Ctrl+클릭) 던질 때마다 그중 하나가 무작위로 날아갑니다. 트리거를 고르면 아이템 대신 TITS의 그 트리거를 실행합니다.
• 구독·구독권 선물 규칙 아래에는 └ 2티어 가지가 붙습니다. 가지 앞의 체크가 켜져 있으면(기본) 2티어 구독·선물은 가지에 정한 아이템·개수로 던지고, 끄면 2티어도 위 행과 똑같이 던집니다. 시험은 [테스트 던지기] 목록에서 "이름 (2티어)"를 고르면 됩니다.
• 규칙을 고르고 [테스트 던지기]를 누르면 실제 후원 없이 던져 볼 수 있습니다.
• TITS를 껐다 켜면 아인이 15초 안에 다시 붙습니다. 봇을 껐다 켜도 설정은 남습니다.

다크 모드

아인 창 오른쪽 아래 🌙 다크 버튼을 누르면 아인 창과 설정·기능·초기 설정 창이 함께 어두워집니다. 다시 누르면 밝게. 방송 화면 오버레이는 영향을 받지 않습니다.

자주 묻는 것

채팅 오버레이에 아무것도 안 보여요.

봇이 켜져 있는지, URL을 정확히 붙였는지 보세요. 봇을 켠 직후에는 예시 채팅이 잠깐 보였다가 실제 채팅이 오면 바뀝니다. 브라우저 소스의 "소스가 보이지 않을 때 종료"는 꺼 두세요.

CSS를 넣었더니 글자가 흰색이 됐어요.

CSS를 넣으면 기본 상자 디자인이 빠지고 넣은 CSS가 색을 정합니다. 그 CSS에 글자색이 없으면 흰색입니다. 밝은 화면에 쓸 거면 CSS에 .message{color:#111}처럼 색을 넣거나, CSS를 지우고 기본 설정을 쓰세요.

TTS 소리가 방송에 안 나가요.

소리는 PC 기본 출력으로 나갑니다. OBS의 데스크톱 오디오가 그 장치를 잡고 있는지 보세요. 헤드셋만 잡고 있으면 방송에는 안 나갑니다.

TITS가 "연결 안 됨"이에요.

TITS가 켜져 있는지, TITS Connections 화면의 API가 Enabled ON인지, 포트가 아인 설정과 같은지(기본 42069) 보세요. 아인은 15초마다 다시 시도하니 고치면 곧 붙습니다.

후원하면 TITS도 던지고 후원 룰렛도 도나요?

둘 다 조건에 맞으면 둘 다 동작합니다. 알림 카드와 채팅 인사도 각자 설정을 따릅니다.