OBS 스튜디오 "치지직" 채팅 화면 꾸미기

치지직 채팅 화면을 꾸미기 이 전에 먼저 OBS 스튜디오의 실시간 채팅 오버레이 기본 사용법을 알아보겠습니다.

​

OBS 스튜디오에서 실시간 채팅 오버레이를 설정하는 방법은 다음과 같습니다. 이 단계는 일반적인 설정 방법이며, 특정 플러그인을 사용하는 경우 해당 플러그인의 지침을 따라야 할 수 있습니다.

​

 

브라우저 소스 추가

"소스 목록" 창에서 "+" 추가 버튼 클릭

​

​

​

 

 

"브라우저" 선택 클릭

​

​

​

​

 

 

소스 이름 입력하고 "확인"

​

​

​

​

​

​

​

​

​

​

​

​

 

 

브라우저 소스 설정

"브라우저 소스 속성" 창 열기

"URL"란에 실시간 채팅을 표시할 웹페이지 URL 입력

스트리밍 플랫폼에서 제공하는 채팅 URL 사용

너비, 높이를 조절하여 화면에 잘 맞도록 설정

"CSS"란에는 채팅 창의 스타일을 수정할 수 있는 CSS 코드 입력

※ 이 부분은 선택 사항이며, 필요에 따라 수정할 수 있음

설정 후 "확인" 클릭

​

​

​

​

​

​

​

​

​

​

 

 

채팅 오버레이 위치 조절

소스 목록에서 추가한 브라우저 소스를 선택

마우스를 사용하여 오버레이를 적절한 위치로 드래그

크기를 조절하여 화면에 맞게 배치

​

​

​

​

 

 

시작 및 테스트

OBS 스튜디오에서 "방송 시작" 버튼을 클릭하여 실제로 적용되는지 확인

테스트를 위해 채팅창에 메시지를 입력하거나, 스트리밍 플랫폼에서 시청자의 채팅을 확인합니다.

※ 만약 스트리밍 플랫폼에서 추가적인 설정이 필요하다면 해당 플랫폼의 지침을 확인해 보세요.

​

OBS 스튜디오 "치지직" 채팅 오버레이 설정하기

아래 링크 내용을 토대로 정리해 봤습니다.

치지직 채팅 오버레이 설명서

​

"치지직" 계정 로그인하고 오른쪽 상단 프로필 하위 메뉴 중 "내 채널" 클릭

내 채널 웹페이지 주소에서 채널 ID를 복사

​

다음 웹페이지로 이동

https://chzzk-api.ddutto.com/easy-make

​

웹페이지 치지직 채널 ID 입력란에 이전에 복사한 치지직 채널 ID 붙여넣기

생성하기 버튼 클릭

생성된 URL 주소 복사

※ 이미지를 참조하세요.

 

OBS 스튜디오로 이동하여 "채팅 화면 브라우저" 소스 속성을 열어 "URL" 란에 생성한 URL 주소 붙여넣기

그리고 "확인"

​

테스트하기...

​

옵션 추가하기

생성한 링크 끝 부분에 "?setting=" 붙이고 스타일 옵션 넣기

예: https://chzzk-api.ddutto.com/chat/rwe0gf7erkrj3bkf9f858akjaflbf?setting=darkmode

옵션	설명
darkmode	대화창 배경 화면을 어둡게
bg-opaque:0~1 사이 값	채팅 화면 배경 투명도 설정
donation	치지직 도네이션(치즈) 채팅에 적용
afreeca:아프리카 ID	아프리카 TV 채팅을 연동
left	문자 왼쪽 정렬
right	문자 오른쪽 정렬
center	문자 가운데 정렬
no-nick	대화명 숨기기
chzzk-color	닉네임 색상 (‘치지직 닉네임 색상표’ 에서 선택)
orig-color	서비스에서 대화 닉네임 별 색상 가져오기
no-colon	대화명 뒤 ": " 콜론 표시 않함
platform-badge	뱃지들 중, 가장 마지막 플랫폼 뱃지 추가 (no-badge 무시)
platform-badge-2	뱃지들 중, 가장 처음 플랫폼 뱃지 추가 (no-badge 무시)
no-badge	no-badge 뱃지 표시 안함
nochat	채팅을 표시 않음
font:폰트이름	대화창 폰트 설정 (예: font:NanumGothic)
font-size:폰트 크기	대화창 폰트 크기
font-weight:폰트 굵기	대화창 폰트 굵기 (예: font-weight:bold 등)
text-color:폰트 색상	폰트 색상 "#"없는 HEX 코드 입력 (예: text-color:000099)
scroll	스크롤 기능 추가
blacklist:치지직 UID	대화창에 블랙리스트 나오지 못하게 설정 (예: blacklist:2394259)
remove-anim:초	대화창의 대화 내용 지정 시간[초] 뒤 사라짐
remove-anim2:초	대화창의 대화 내용 지정 시간[초] 뒤 페이드 아웃되며 사라짐
popup	대화창 팝업 열기

실시간 방송 채팅 화면 모습입니다!

투명 바탕에 심플한 채팅 화면이군요!

​

더 자세한 내용은 아래 링크를 참조하십시오.

​

치지직 채팅 오버레이 설명서

​

비슷한 공개 자료