OBS Studio 유투브 채팅창 투명하게 넣는법

유투브방송을 OBS로 많이들 하고 계시는데요

투명 채팅창을 필요로 하시는분들이 많네요~

OBS Studio 에서 채팅창 넣는 방법입니다.

 
먼저 본인 유투브 계정에서

채팅창 주소를 가져와야 합니다.

(1) 우측 상단의 아이콘을 클릭합니다.

(2) 하단에 나타나는 "크리에이터 스튜디오" 메뉴를 선택합니다.

​

 
(1) 왼쪽 메뉴중 "지금 스트리밍하기"를 선택합니다.

본인 스트리밍 창이 나타나면 우측에 채팅창이 보입니다.

점 세개가 있는데 그곳을 클릭하면~

(2) "새 창에서 채팅 열기" 를 선택합니다.

새롭게 뜬 채팅창에서 URL을 복사해줍니다.

이제 OBS Studio에서 설정을 해줄 차례입니다.

OBS Studio를 실행해줍니다.

소스추가에서 채팅창을 넣어야 합니다.

" + " 버튼을 눌러서 브라우저를 선택해줍니다.

"확인"을 눌러서 다음으로 진행합니다.

복사한 채팅 URL을 붙여넣기 해줍니다.

그리고는 아래쪽 "확인"을 눌러줍니다.

그리고는 CSS 스크립트를 만들어 주어야 투명으로 만들 수 있는데

웹디자인을 해보지 않은 분들이라면

너무 어렵기 때문에~

도움을 주는 사이트가 있습니다.

https://chatv2.septapus.com/

 

​

사이트에서 원하는 설정을 한 후에~

맨 아래 CSS 부에 있는 스트립트를 복사해 줍니다.

CSS 부분에 복사한 스트립트를 붙여넣기 하고~

"확인" 버튼을 눌러주면 완성이 됩니다.

​

OBS 화면에서~

투명한 채팅창이 적용된 모습을 확인할 수 있습니다~