[유튜브 트위치 방송] OBS 유튜브 투명 채팅창 띄우는법

안녕하세요, 팽성입니다. 이번 포스팅은 OBS 유튜브 투명 채팅창 띄우는법에 대해 설명드리겠습니다.

​

1. OBS 브라우저 소스 생성

 

OBS를 실행시키신후, 왼쪽 소스창에서 브라우저소스를 생성합시다.

 

위에까지만 진행하고 다음으로 넘어가세요.

​

 

 

2. 브라우저 소스에 채팅링크 넣기

 

먼저, 유튜브로 들어가신후, 프로필 아이콘 > Youtube 스튜디오(베타) > 크리에이터 스튜디오 이전 버전 으로

들어가시면 됩니다. 자세한 내용이 궁금하시면 크리에이터 스튜디오 이전 버전 으로 돌아가는 방법을 확인하세요.

​

다음은, 크리에이터 스튜디오 클래식 왼쪽 메뉴에서, 실시간 스트리밍 > 지금 스트리밍하기로 들어가세요.

​

창이모두 열리셨으면, 오른쪽에 있는 주요채팅에서 점3개의 메뉴 > 새 창에서 채팅 열기를 하신후, 링크를 복사해주세요.

 

 

URL 복사

 

위 링크를 복사하셨다면, OBS로 돌아가 URL에 붙여넣기 해주세요.

붙여넣기 하신후 확인을 눌르시면 다음과같이 브라우저 창이 불러와집니다.

 

 

3. 채팅창 투명하게 만들기

 

CSS 사용해 채팅창을 투명하게 만들 수 있으나, 웹코딩을 해보지 않으신 분들이라면 어려우실 겁니다.

그래서 편하게 할 수 있는 https://chatv2.septapus.com/ 사이트를 소개해드립니다.

 

 

1. Outline size: 폰트의 아웃라인 굵기를 조절합니다.
2. Avatar size: 프로필아이콘 사이즈를 조절합니다.
3. Font size: 채팅 폰트 사이즈를 조절합니다.

​

대표적으로 위 사항만 수정해주셔도 기본설정이 워낙 좋기때문에 건드리지 않으셔도 충분히 좋게 사용할 수 있습니다.

색이나 새부적인 설정도 변경할 수 있으니 입맛에 따라 변경하시면 됩니다.

​

입맛에 맞게 조절후, 하단 CSS복사 > OBS로 돌아가셔서 CSS항목에 붙여넣기 하세요.

 

​

확인을 누르시면 다음과같이 투명해집니다.

​

확인 후, 채팅창에 글을 작성하시면 다음과같이 적용됩니다.

​

​

글씨가 작거나 색을 변경하시고 싶으면, 사이트로 돌아가 폰트사이즈를 수정하거나, 창크기를 조절하시면 됩니다.

​

이렇게 간단한 채팅방 만들기를 해봤습니다 이글이 유익하셨다면 좋겠습니다. :-)