#OBS

[@eztube]

사이트가 폐쇄인지, 점검중인지 알수 없네요
필요하신분은 복사 후 적용하세요
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
/* Background colors*/
body {
overflow: hidden;
background-color: rgba(0,0,0,0);
}
/* Transparent background. */
yt-live-chat-renderer {
background-color: transparent !important;
}
yt-live-chat-text-message-renderer,
yt-live-chat-text-message-renderer[is-highlighted] {
background-color: transparent !important;
}
yt-live-chat-text-message-renderer[author-type="owner"],
yt-live-chat-text-message-renderer[author-type="owner"][is-highlighted] {
background-color: transparent !important;
}
yt-live-chat-text-message-renderer[author-type="moderator"],
yt-live-chat-text-message-renderer[author-type="moderator"][is-highlighted] {
background-color: transparent !important;
}
yt-live-chat-text-message-renderer[author-type="member"],
yt-live-chat-text-message-renderer[author-type="member"][is-highlighted] {
background-color: transparent !important;
}
yt-live-chat-author-chip #author-name {
background-color: transparent !important;
}
/* Outlines */
yt-live-chat-renderer * {
text-shadow: -2px -2px #000000,-2px -1px #000000,-2px 0px #000000,-2px 1px #000000,-2px 2px #000000,-1px -2px #000000,-1px -1px #000000,-1px 0px #000000,-1px 1px #000000,-1px 2px #000000,0px -2px #000000,0px -1px #000000,0px 0px #000000,0px 1px #000000,0px 2px #000000,1px -2px #000000,1px -1px #000000,1px 0px #000000,1px 1px #000000,1px 2px #000000,2px -2px #000000,2px -1px #000000,2px 0px #000000,2px 1px #000000,2px 2px #000000;
font-family: "Imprima";
font-size: 18px !important;
line-height: 18px !important;
}
yt-live-chat-text-message-renderer #content,
yt-live-chat-legacy-paid-message-renderer #content {
overflow: initial !important;
}
/* Hide scrollbar. */
yt-live-chat-item-list-renderer #items{
overflow: hidden !important;
}
yt-live-chat-item-list-renderer #item-scroller{
overflow: hidden !important;
}
/* Hide header and input. */
yt-live-chat-header-renderer,
yt-live-chat-message-input-renderer {
display: none !important;
}
/* Reduce side padding. */
yt-live-chat-text-message-renderer,
yt-live-chat-legacy-paid-message-renderer {
padding-left: 4px !important;
padding-right: 4px !important;
}
yt-live-chat-paid-message-renderer #header {
padding-left: 4px !important;
padding-right: 4px !important;
}
/* Avatars. */
yt-live-chat-text-message-renderer #author-photo,
yt-live-chat-paid-message-renderer #author-photo,
yt-live-chat-legacy-paid-message-renderer #author-photo {
width: 24px !important;
height: 24px !important;
border-radius: 24px !important;
margin-right: 6px !important;
}
/* Hide badges. */
yt-live-chat-text-message-renderer #author-badges {
display: none !important;
vertical-align: text-top !important;
}
/* Timestamps. */
yt-live-chat-text-message-renderer #timestamp {
color: #999999 !important;
font-family: "Imprima";
font-size: 16px !important;
line-height: 16px !important;
}
/* Badges. */
yt-live-chat-text-message-renderer #author-name[type="owner"],
yt-live-chat-text-message-renderer #author-name.owner,
yt-live-chat-text-message-renderer yt-live-chat-author-badge-renderer[type="owner"] {
color: #ffd600 !important;
}
yt-live-chat-text-message-renderer #author-name[type="moderator"],
yt-live-chat-text-message-renderer #author-name.moderator,
yt-live-chat-text-message-renderer yt-live-chat-author-badge-renderer[type="moderator"] {
color: #5e84f1 !important;
}
yt-live-chat-text-message-renderer #author-name[type="member"],
yt-live-chat-text-message-renderer #author-name.member,
yt-live-chat-text-message-renderer yt-live-chat-author-badge-renderer[type="member"] {
color: #0f9d58 !important;
}
/* Channel names. */
yt-live-chat-text-message-renderer #author-name {
color: #cccccc !important;
font-family: "Changa One";
font-size: 20px !important;
line-height: 20px !important;
}
yt-live-chat-text-message-renderer #author-name::after {
content: ":";
margin-left: 2px;
}
/* Messages. */
yt-live-chat-text-message-renderer #message,
yt-live-chat-text-message-renderer #message * {
color: #ffffff !important;
font-family: "Imprima";
font-size: 18px !important;
line-height: 18px !important;
}
/* SuperChat/Fan Funding Messages. */
yt-live-chat-paid-message-renderer #author-name,
yt-live-chat-paid-message-renderer #author-name *,
yt-live-chat-legacy-paid-message-renderer #event-text,
yt-live-chat-legacy-paid-message-renderer #event-text * {
color: #ffffff !important;
font-family: "Changa One";
font-size: 20px !important;
line-height: 20px !important;
}
yt-live-chat-paid-message-renderer #purchase-amount,
yt-live-chat-paid-message-renderer #purchase-amount *,
yt-live-chat-legacy-paid-message-renderer #detail-text,
yt-live-chat-legacy-paid-message-renderer #detail-text * {
color: #ffffff !important;
font-family: "Imprima";
font-size: 18px !important;
line-height: 18px !important;
}
yt-live-chat-paid-message-renderer #content,
yt-live-chat-paid-message-renderer #content * {
color: #ffffff !important;
font-family: "Imprima";
font-size: 18px !important;
line-height: 18px !important;
}
yt-live-chat-paid-message-renderer {
margin: 4px 0 !important;
}
yt-live-chat-legacy-paid-message-renderer {
background-color: #0f9d58 !important;
margin: 4px 0 !important;
}
yt-live-chat-text-message-renderer a,
yt-live-chat-legacy-paid-message-renderer a {
text-decoration: none !important;
}
yt-live-chat-text-message-renderer[is-deleted],
yt-live-chat-legacy-paid-message-renderer[is-deleted] {
display: none !important;
}
yt-live-chat-ticker-renderer {
background-color: transparent !important;
box-shadow: none !important;
}
yt-live-chat-ticker-renderer {
display: none !important;
}
yt-live-chat-ticker-paid-message-item-renderer,
yt-live-chat-ticker-paid-message-item-renderer *,
yt-live-chat-ticker-sponsor-item-renderer,
yt-live-chat-ticker-sponsor-item-renderer * {
color: #ffffff !important;
font-family: "Imprima";
}
yt-live-chat-mode-change-message-renderer,
yt-live-chat-viewer-engagement-message-renderer,
yt-live-chat-restricted-participation-renderer {
display: none !important;
}

[@밀크밥]

우와 정말 기네용

[@김뚜쁘]

왜.......나만 채팅창이 안뜨는가.....[아니 OBS에서만 채팅창이 표시된다고요]

[@왕눈엘모]

방송끄고 나중에 다시 시작할려면 유튜브 채팅창 링크를 또다시 복붙하고, 또 명령어 복붙 해야하나요?

[@Jfbrusbsbzu82749]

모바일은 투명 채팅 않되요.?

[@eztube]

모바일로만 송출시 문의하신건가요?

[@큽퍼]

채팅 따라했는데...투명하게 안돼요ㅠㅠㅠㅠㅠㅠㅠ

[@jieun4_11]

와 덕분에 방송 초보인 저도 할 수 있게 되었어요!! 감사합니다!!

[@eztube]

방송응원해요
답글감사합니다.

[@j9kml_3]

저도요 ㅎ

[@bae_song_gug]

하고싶은데 문제가.. 계속 이상한원숭이가 망치를들고 영어로 무언가 잘못되었다네요

[@Namee-w3c]

저한테도 보이게는못하나요? 실시간을 할때 계속ㄱ 창보고 창닫고 하기 힘들어요 ㅠ

[@eztube]

듀얼모니터를 사용해 새로운 유튜브 창을 열어두시거나, 하나의 모니터를 사용중이라면 화면분할(윈도우+방향키)을 활용해 미리보기창을 열어보세요

[@Namee-w3c]

@@eztube 아하 그런방법이있었군요 알려주셔서 감사합니다!!

[@김재민_0225]

다행히 모니터가 2개라 댓 보면서 할수있어요 ㅜㅜ 감사합니다 !

[@asxstxr]

니가 왜 여기 있누 ;;

[@JeongYoungjun]

와 뭐여?

[@냥갱이네]

감사해요👏👏👏👏👏🌈

[@Oduck_E]

화면에는 어떻게 넣나요

[@아무거나-x7s]

모바일로는 안되나요오..

[@eztube]

모바일로는 obs적용이 안됩니다.
프리즘라이브 모바일 활용을 추천드려요

[@아무거나-x7s]

@@eztube 네!

[@탱슈TV]

고맙습니다😆

[@yopig]

채팅창 폰트도 저작권 걸리지않나요 혹시?

[@eztube]

영상내 폰트 저작권도 유의하셔야합니다

[@Ooo0ooo_5555]

채팅창은 자신은 볼수없나요?

[@eztube]

송출되고 있는 실방화면 또는 obs미리보기화면에서투명창을 볼수 있습니다.

[@Ooo0ooo_5555]

@@eztube 그럼 실시간을 pc로하는데 자신화면에는 안뜨나요? 게속하는데 안보이네요ㅜ

[@SuperRoader]

JSAssist 안되는데 이걸 몰랐네요 ㄳㄳㅇ

[@eztube]

네 감사합니다

[@Joelkm2739]

녹화를 중단 하면. 녹화를 중단합니다라고 나오면서 중단이 안됩니다. 어떤 문제인지 모르겠습니다.

[@eztube]

이미설치된 프로그램중 방해 요소가 되는것이 있을수 있어요.
타 인코더 프로그램이 깔려있을때 정상적인 작동이 안된 기억이 있습니다.
PC환경이 각기 달라 답이라 할수 없지만 제 경험을 적어봅니다.

[@Deoknaldo]

트위치 채팅창은 어떻게 하나요

[@내꺼종종]

한개의 장치로 제가 실시간 할때 댓글을 보면서 할수있는 방법은 없나요?

[@Wealth773]

ㅇㅈ

[@eztube]

크롬창을 추가로 열어 화면분할방식으로 보시면됩니다.(키보드 윈도우키+ > 또는 < 키)

[@SuperNormalRider]

정말 따라하기 쉽게 영상 만들어주셨네요 추천이요`!

[@eztube]

답글 감사합니다

[@KIKU__]

유튜브 채팅창 링크를 설정해도 난데없는 몽키표시만 뜨고 채팅창이 안보이네요 ㅜ

[@흑우-l4f]

저는 왜 재 화면에서는 채팅이 안뜨죠?

[@eztube]

다른 화면으로 송출되는 영상을 확인해보세요

[@Utopia6723]

css가니까사이트에 연결할수없다는데요? 이건어떻게 하죠? 크롬으로했습니다

[@Utopia6723]

css저거 투명하는거 링크를 복사해주세요 1:40 부분이요

[@eztube]

일시적으로 막힌건지 폐쇄된건지...알수가 없네요. 복사후 적용해 보세요
@import url("fonts.googleapis.com/css?family=Changa One");
@import url("fonts.googleapis.com/css?family=Imprima");
/* Background colors*/
body {
overflow: hidden;
background-color: rgba(0,0,0,0);
}
/* Transparent background. */
yt-live-chat-renderer {
background-color: transparent !important;
}
yt-live-chat-text-message-renderer,
yt-live-chat-text-message-renderer[is-highlighted] {
background-color: transparent !important;
}
yt-live-chat-text-message-renderer[author-type="owner"],
yt-live-chat-text-message-renderer[author-type="owner"][is-highlighted] {
background-color: transparent !important;
}
yt-live-chat-text-message-renderer[author-type="moderator"],
yt-live-chat-text-message-renderer[author-type="moderator"][is-highlighted] {
background-color: transparent !important;
}
yt-live-chat-text-message-renderer[author-type="member"],
yt-live-chat-text-message-renderer[author-type="member"][is-highlighted] {
background-color: transparent !important;
}
yt-live-chat-author-chip #author-name {
background-color: transparent !important;
}
/* Outlines */
yt-live-chat-renderer * {
text-shadow: -2px -2px #000000,-2px -1px #000000,-2px 0px #000000,-2px 1px #000000,-2px 2px #000000,-1px -2px #000000,-1px -1px #000000,-1px 0px #000000,-1px 1px #000000,-1px 2px #000000,0px -2px #000000,0px -1px #000000,0px 0px #000000,0px 1px #000000,0px 2px #000000,1px -2px #000000,1px -1px #000000,1px 0px #000000,1px 1px #000000,1px 2px #000000,2px -2px #000000,2px -1px #000000,2px 0px #000000,2px 1px #000000,2px 2px #000000;
font-family: "Imprima";
font-size: 18px !important;
line-height: 18px !important;
}
yt-live-chat-text-message-renderer #content,
yt-live-chat-legacy-paid-message-renderer #content {
overflow: initial !important;
}
/* Hide scrollbar. */
yt-live-chat-item-list-renderer #items{
overflow: hidden !important;
}
yt-live-chat-item-list-renderer #item-scroller{
overflow: hidden !important;
}
/* Hide header and input. */
yt-live-chat-header-renderer,
yt-live-chat-message-input-renderer {
display: none !important;
}
/* Reduce side padding. */
yt-live-chat-text-message-renderer,
yt-live-chat-legacy-paid-message-renderer {
padding-left: 4px !important;
padding-right: 4px !important;
}
yt-live-chat-paid-message-renderer #header {
padding-left: 4px !important;
padding-right: 4px !important;
}
/* Avatars. */
yt-live-chat-text-message-renderer #author-photo,
yt-live-chat-paid-message-renderer #author-photo,
yt-live-chat-legacy-paid-message-renderer #author-photo {
width: 24px !important;
height: 24px !important;
border-radius: 24px !important;
margin-right: 6px !important;
}
/* Hide badges. */
yt-live-chat-text-message-renderer #author-badges {
display: none !important;
vertical-align: text-top !important;
}
/* Timestamps. */
yt-live-chat-text-message-renderer #timestamp {
color: #999999 !important;
font-family: "Imprima";
font-size: 16px !important;
line-height: 16px !important;
}
/* Badges. */
yt-live-chat-text-message-renderer #author-name[type="owner"],
yt-live-chat-text-message-renderer #author-name.owner,
yt-live-chat-text-message-renderer yt-live-chat-author-badge-renderer[type="owner"] {
color: #ffd600 !important;
}
yt-live-chat-text-message-renderer #author-name[type="moderator"],
yt-live-chat-text-message-renderer #author-name.moderator,
yt-live-chat-text-message-renderer yt-live-chat-author-badge-renderer[type="moderator"] {
color: #5e84f1 !important;
}
yt-live-chat-text-message-renderer #author-name[type="member"],
yt-live-chat-text-message-renderer #author-name.member,
yt-live-chat-text-message-renderer yt-live-chat-author-badge-renderer[type="member"] {
color: #0f9d58 !important;
}
/* Channel names. */
yt-live-chat-text-message-renderer #author-name {
color: #cccccc !important;
font-family: "Changa One";
font-size: 20px !important;
line-height: 20px !important;
}
yt-live-chat-text-message-renderer #author-name::after {
content: ":";
margin-left: 2px;
}
/* Messages. */
yt-live-chat-text-message-renderer #message,
yt-live-chat-text-message-renderer #message * {
color: #ffffff !important;
font-family: "Imprima";
font-size: 18px !important;
line-height: 18px !important;
}
/* SuperChat/Fan Funding Messages. */
yt-live-chat-paid-message-renderer #author-name,
yt-live-chat-paid-message-renderer #author-name *,
yt-live-chat-legacy-paid-message-renderer #event-text,
yt-live-chat-legacy-paid-message-renderer #event-text * {
color: #ffffff !important;
font-family: "Changa One";
font-size: 20px !important;
line-height: 20px !important;
}
yt-live-chat-paid-message-renderer #purchase-amount,
yt-live-chat-paid-message-renderer #purchase-amount *,
yt-live-chat-legacy-paid-message-renderer #detail-text,
yt-live-chat-legacy-paid-message-renderer #detail-text * {
color: #ffffff !important;
font-family: "Imprima";
font-size: 18px !important;
line-height: 18px !important;
}
yt-live-chat-paid-message-renderer #content,
yt-live-chat-paid-message-renderer #content * {
color: #ffffff !important;
font-family: "Imprima";
font-size: 18px !important;
line-height: 18px !important;
}
yt-live-chat-paid-message-renderer {
margin: 4px 0 !important;
}
yt-live-chat-legacy-paid-message-renderer {
background-color: #0f9d58 !important;
margin: 4px 0 !important;
}
yt-live-chat-text-message-renderer a,
yt-live-chat-legacy-paid-message-renderer a {
text-decoration: none !important;
}
yt-live-chat-text-message-renderer[is-deleted],
yt-live-chat-legacy-paid-message-renderer[is-deleted] {
display: none !important;
}
yt-live-chat-ticker-renderer {
background-color: transparent !important;
box-shadow: none !important;
}
yt-live-chat-ticker-renderer {
display: none !important;
}
yt-live-chat-ticker-paid-message-item-renderer,
yt-live-chat-ticker-paid-message-item-renderer *,
yt-live-chat-ticker-sponsor-item-renderer,
yt-live-chat-ticker-sponsor-item-renderer * {
color: #ffffff !important;
font-family: "Imprima";
}
yt-live-chat-mode-change-message-renderer,
yt-live-chat-viewer-engagement-message-renderer,
yt-live-chat-restricted-participation-renderer {
display: none !important;
}

[@Utopia6723]

감사합니다

[@냥갱이네]

유튜버님 트위치 챗팅도 설정되나요

[@다짱댓글계정]

사이트가 안들어가지네요

[@eztube]

서비스종료인지 점검인지 모르겠네요
아래 내용 복사해서 사용하세요
/* Background colors*/
body {
overflow: hidden;
background-color: rgba(0,0,0,0);
}
/* Transparent background. */
yt-live-chat-renderer {
background-color: transparent !important;
}
yt-live-chat-text-message-renderer,
yt-live-chat-text-message-renderer[is-highlighted] {
background-color: transparent !important;
}
yt-live-chat-text-message-renderer[author-type="owner"],
yt-live-chat-text-message-renderer[author-type="owner"][is-highlighted] {
background-color: transparent !important;
}
yt-live-chat-text-message-renderer[author-type="moderator"],
yt-live-chat-text-message-renderer[author-type="moderator"][is-highlighted] {
background-color: transparent !important;
}
yt-live-chat-text-message-renderer[author-type="member"],
yt-live-chat-text-message-renderer[author-type="member"][is-highlighted] {
background-color: transparent !important;
}
yt-live-chat-author-chip #author-name {
background-color: transparent !important;
}
/* Outlines */
yt-live-chat-renderer * {
text-shadow: -2px -2px #000000,-2px -1px #000000,-2px 0px #000000,-2px 1px #000000,-2px 2px #000000,-1px -2px #000000,-1px -1px #000000,-1px 0px #000000,-1px 1px #000000,-1px 2px #000000,0px -2px #000000,0px -1px #000000,0px 0px #000000,0px 1px #000000,0px 2px #000000,1px -2px #000000,1px -1px #000000,1px 0px #000000,1px 1px #000000,1px 2px #000000,2px -2px #000000,2px -1px #000000,2px 0px #000000,2px 1px #000000,2px 2px #000000;
font-family: "Imprima";
font-size: 18px !important;
line-height: 18px !important;
}
yt-live-chat-text-message-renderer #content,
yt-live-chat-legacy-paid-message-renderer #content {
overflow: initial !important;
}
/* Hide scrollbar. */
yt-live-chat-item-list-renderer #items{
overflow: hidden !important;
}
yt-live-chat-item-list-renderer #item-scroller{
overflow: hidden !important;
}
/* Hide header and input. */
yt-live-chat-header-renderer,
yt-live-chat-message-input-renderer {
display: none !important;
}
/* Reduce side padding. */
yt-live-chat-text-message-renderer,
yt-live-chat-legacy-paid-message-renderer {
padding-left: 4px !important;
padding-right: 4px !important;
}
yt-live-chat-paid-message-renderer #header {
padding-left: 4px !important;
padding-right: 4px !important;
}
/* Avatars. */
yt-live-chat-text-message-renderer #author-photo,
yt-live-chat-paid-message-renderer #author-photo,
yt-live-chat-legacy-paid-message-renderer #author-photo {
width: 24px !important;
height: 24px !important;
border-radius: 24px !important;
margin-right: 6px !important;
}
/* Hide badges. */
yt-live-chat-text-message-renderer #author-badges {
display: none !important;
vertical-align: text-top !important;
}
/* Timestamps. */
yt-live-chat-text-message-renderer #timestamp {
color: #999999 !important;
font-family: "Imprima";
font-size: 16px !important;
line-height: 16px !important;
}
/* Badges. */
yt-live-chat-text-message-renderer #author-name[type="owner"],
yt-live-chat-text-message-renderer #author-name.owner,
yt-live-chat-text-message-renderer yt-live-chat-author-badge-renderer[type="owner"] {
color: #ffd600 !important;
}
yt-live-chat-text-message-renderer #author-name[type="moderator"],
yt-live-chat-text-message-renderer #author-name.moderator,
yt-live-chat-text-message-renderer

[@다짱댓글계정]

@@eztube 감사합니다

[@튤립-j5w]

Css 복사하는 구간에서 전 아무글자도 없던데...

[@eztube]

고정댓글을 참조해주세요

[@FisherL8R]

다른 프로그램 에도 되내요 감사합니다!
테스트한 프로그램:xsplit,PRISM Live Studio,Obs
안되는것 도있는데 되는거는 CSS만있으면 됩니다

[@eztube]

모두 테스트 해보셨군요
정보감사합니다👍👍👍

[@double_melon]

여기서 방송키면 그대로 채팅창이보이죠?

[@bestson1703]

실시간 채팅을 사용할수없다고 뜨는데요? 방송중이여도

[@gyukakingtv8646]

방송 설정을 공개로 해 놓으셨을까요?

[@벅스코인-b2v]

방송할때마다 세팅해야하나요? 세팅다끝내고 다시할라니 채팅창오류 뜨더니 안되서요

[@비트-y2w]

실시간 에서 댓글달려고하면
업그레이드구입이라고뜨는데 이건무언가요 클릭하기겁나고하는데궁금하네요

[@user-gyeongwone]

강사님 디스플레이캡쳐와 비디오캡쳐장치는 무엇이 틀린가요?

[@natto1]

어제는 분명 투명창이 떴는데
오늘은 왜 안되는지 혹시 아시나요?

[@정선옥-n1o]

저도 그러내요 ㅠㅠ

[@포니의게임채널]

영상은 정말 감사한데요 투명창을 하려고 하면 원숭이 표시가 뜨는데 어떡해 해야할까요?

[@tvhyukwooktv8725]

겜 하면서 소통할려고 했는데 겜 화면만 보이고... 채팅은 않보이는데 해결즘..;;;

[@tediousboredtiredlazy]

게임하면서 하려고 했더니 되긴 하는데 제 컴퓨터에서는 안 보이고 화면 송출만 되네요

[@eztube]

정상적인 적용이에요~
채팅창은 송출되는 화면에만 겹쳐져 보여요

[@tvhyukwooktv8725]

@@eztube 그럼 해결은 어떻게해요??

[@LinainCape]

링크가 오픈이 안되요...

[@eztube]

서비스종료인지 잘 모르겠지만,
아래 내용 복사해서 사용하세요
/* Background colors*/
body {
overflow: hidden;
background-color: rgba(0,0,0,0);
}
/* Transparent background. */
yt-live-chat-renderer {
background-color: transparent !important;
}
yt-live-chat-text-message-renderer,
yt-live-chat-text-message-renderer[is-highlighted] {
background-color: transparent !important;
}
yt-live-chat-text-message-renderer[author-type="owner"],
yt-live-chat-text-message-renderer[author-type="owner"][is-highlighted] {
background-color: transparent !important;
}
yt-live-chat-text-message-renderer[author-type="moderator"],
yt-live-chat-text-message-renderer[author-type="moderator"][is-highlighted] {
background-color: transparent !important;
}
yt-live-chat-text-message-renderer[author-type="member"],
yt-live-chat-text-message-renderer[author-type="member"][is-highlighted] {
background-color: transparent !important;
}
yt-live-chat-author-chip #author-name {
background-color: transparent !important;
}
/* Outlines */
yt-live-chat-renderer * {
text-shadow: -2px -2px #000000,-2px -1px #000000,-2px 0px #000000,-2px 1px #000000,-2px 2px #000000,-1px -2px #000000,-1px -1px #000000,-1px 0px #000000,-1px 1px #000000,-1px 2px #000000,0px -2px #000000,0px -1px #000000,0px 0px #000000,0px 1px #000000,0px 2px #000000,1px -2px #000000,1px -1px #000000,1px 0px #000000,1px 1px #000000,1px 2px #000000,2px -2px #000000,2px -1px #000000,2px 0px #000000,2px 1px #000000,2px 2px #000000;
font-family: "Imprima";
font-size: 18px !important;
line-height: 18px !important;
}
yt-live-chat-text-message-renderer #content,
yt-live-chat-legacy-paid-message-renderer #content {
overflow: initial !important;
}
/* Hide scrollbar. */
yt-live-chat-item-list-renderer #items{
overflow: hidden !important;
}
yt-live-chat-item-list-renderer #item-scroller{
overflow: hidden !important;
}
/* Hide header and input. */
yt-live-chat-header-renderer,
yt-live-chat-message-input-renderer {
display: none !important;
}
/* Reduce side padding. */
yt-live-chat-text-message-renderer,
yt-live-chat-legacy-paid-message-renderer {
padding-left: 4px !important;
padding-right: 4px !important;
}
yt-live-chat-paid-message-renderer #header {
padding-left: 4px !important;
padding-right: 4px !important;
}
/* Avatars. */
yt-live-chat-text-message-renderer #author-photo,
yt-live-chat-paid-message-renderer #author-photo,
yt-live-chat-legacy-paid-message-renderer #author-photo {
width: 24px !important;
height: 24px !important;
border-radius: 24px !important;
margin-right: 6px !important;
}
/* Hide badges. */
yt-live-chat-text-message-renderer #author-badges {
display: none !important;
vertical-align: text-top !important;
}
/* Timestamps. */
yt-live-chat-text-message-renderer #timestamp {
color: #999999 !important;
font-family: "Imprima";
font-size: 16px !important;
line-height: 16px !important;
}
/* Badges. */
yt-live-chat-text-message-renderer #author-name[type="owner"],
yt-live-chat-text-message-renderer #author-name.owner,
yt-live-chat-text-message-renderer yt-live-chat-author-badge-renderer[type="owner"] {
color: #ffd600 !important;
}
yt-live-chat-text-message-renderer #author-name[type="moderator"],
yt-live-chat-text-message-renderer #author-name.moderator,
yt-live-chat-text-message-renderer

[@백환-j3v]

채팅창 복사 해서 붙혀넣기 햇는데 오류라고 떠요 ㅠㅠ 어떻게 고칠수 있어요?

[@BDKTVing]

채팅이 아래서 위로 올라가게 할 수 는 없나요? 최신글이 위에서 나오는게 아니라

[@SHU_GI_X]

글씨가너무작은데글씨를크게할수없나용?

[@eztube]

Css를 생성하는 사이트에서 폰트사이즈를 임의 조정후 바뀐css를 복사해 활용하시면 됩니다.

[@SHU_GI_X]

헉!.~~감사합니다!

[@shinpoon]

안나오는데요 어카죠?

[@이남정-r3l]

어제 스트리밍을 종료한 후 다시 obs를 들어갔더니 something went wrong이라는 문구가 보입니다.해결할수 없을까요?

[@jater7665]

obs만 보이고 화면에선 보이지 않아요!! 혹시 유튜브인데 원모니터로 보이게 해주실수 있나요?

[@eztube]

원모니터로 채팅창 겹치게 보고 싶으시다면
윂페이지를 2개열어 하나는 스트리밍용
하나는 웹시청용으로 하면에 동시에 띄워놓고 사용하시면 됩니다.
윈도우기+ > 또는 < 방향키로 영역 설정이 가능합니다.

[@GWFixed]

채팅창이 다른화면에 가려졌어요..

[@eztube]

소스목록줌채팅창을 등록한 윈도우메뉴를 가장 상단에 배치하시면됩니다.

[@Jakini]

처음에 투명채팅창 돼서 좋아하다가 지워버려서 다시 이방법대로 해봤는데 실시간 채팅창을 사용할수 없다고 하네요

[@쫑쫑-m9m]

아프리카는 어떻게해야하나요?

[@베팅마스터]

감사합니다 채팅창 배경색 백색으로
변경은 어떻게 하는건가요?

[@tomorrow_news]

투명으로 사용했더니 넘 좋네요^^
혹시...채팅창 글씨체도 바꿀수 있나요?

[@eztube]

저도 해보지 않았지만
css를 통해 설정 가능할것 같아요
Chat2 페이지에서 css 복사전 상단에 font부분을 수정후 css를 복사후 적용해보세요. 지정 폰트가 한글을 지원하는지 확인후 사용하시고, 원하는 폰트가 없다면 직접 수정하시면 될듯합니다.
css에서 폰트는 font family 입니다.
이부분의 폰트 이름을 원하는걸로 교체 한다면 폰트지정이 가능해 보입니다.

[@tomorrow_news]

@@eztube 감사해용...한번 시도해볼게요...폰트이름이 다 영어라..머가 먼지를 몰라서 문제군여 ㅋㅋ 이쁜글씨체를 찾는중이거든요 ㅋㅋ

[@eztube]

녹화된 영상이 보이지 않는다는걸까요??
오른쪽 하단 설정-출력에서 녹화경로를 확인해 보세요

[@gametv891]

알려 주신데로 했는데 저는 바탕 색이 흰색으로 나오네요..

[@healing음악-p9n]

안보이는데 영상으로 해주면 안돼나요 머라는지 모르겠어요 ㅠㅠㅠ

[@픽케치북]

근데 챗에 썻을떼 5초후에 떠요

[@eztube]

아무래도 실시간이다보니 시간 지연이 조금생기더라구요

[@TV-lf9xp]

투명하게 설정 완료해서 잘 사용하고 있는데 실시간으로 채팅을 많이 할 경우에 제일 마지막으로 채팅한 3줄? 정도는 화면에 나타나지 않고 다음 채팅을 쳐야 순차적으로 나타나는 현상이 있는데 이 문제를 해결 할 수 있는 방법이 있을까요?

[@eztube]

테스트를 해봤는데..정상적으로 올라오더라구요
혹시 채팅창의 일부가 미리보기화면 영역에서 벗어나 (하단쪽으로 내려져서) 위치한 아닌가 싶어요

[@TV-lf9xp]

@@eztube 아녀 그렇지 않고 정상 송출범위 안에 넣어놨는데 정상적으로 채팅이 출력이 되는건 맞습니다만 2~3개 채팅이 안올라오네요. 예를 들어 제가 설정한 채팅창 범위에 5줄 채팅창이 표기가 된다면 8줄 채팅을 작성해도 5줄만 보이고 9번째에 6번째 채팅이 보이는 증상입니다.

[@Botsa0613]

투명창이 안됩니다.... 어떻게 해야 하죠?

[@eztube]

Css가 정상입력됐을까요?
/* Background colors*/
body {
overflow: hidden;
background-color: rgba(0,0,0,0);
}
/* Transparent background. */
yt-live-chat-renderer {
background-color: transparent !important;
}
yt-live-chat-text-message-renderer,
yt-live-chat-text-message-renderer[is-highlighted] {
background-color: transparent !important;
}
yt-live-chat-text-message-renderer[author-type="owner"],
yt-live-chat-text-message-renderer[author-type="owner"][is-highlighted] {
background-color: transparent !important;
}
yt-live-chat-text-message-renderer[author-type="moderator"],
yt-live-chat-text-message-renderer[author-type="moderator"][is-highlighted] {
background-color: transparent !important;
}
yt-live-chat-text-message-renderer[author-type="member"],
yt-live-chat-text-message-renderer[author-type="member"][is-highlighted] {
background-color: transparent !important;
}
yt-live-chat-author-chip #author-name {
background-color: transparent !important;
}
/* Outlines */
yt-live-chat-renderer * {
text-shadow: -2px -2px #000000,-2px -1px #000000,-2px 0px #000000,-2px 1px #000000,-2px 2px #000000,-1px -2px #000000,-1px -1px #000000,-1px 0px #000000,-1px 1px #000000,-1px 2px #000000,0px -2px #000000,0px -1px #000000,0px 0px #000000,0px 1px #000000,0px 2px #000000,1px -2px #000000,1px -1px #000000,1px 0px #000000,1px 1px #000000,1px 2px #000000,2px -2px #000000,2px -1px #000000,2px 0px #000000,2px 1px #000000,2px 2px #000000;
font-family: "Imprima";
font-size: 18px !important;
line-height: 18px !important;
}
yt-live-chat-text-message-renderer #content,
yt-live-chat-legacy-paid-message-renderer #content {
overflow: initial !important;
}
/* Hide scrollbar. */
yt-live-chat-item-list-renderer #items{
overflow: hidden !important;
}
yt-live-chat-item-list-renderer #item-scroller{
overflow: hidden !important;
}
/* Hide header and input. */
yt-live-chat-header-renderer,
yt-live-chat-message-input-renderer {
display: none !important;
}
/* Reduce side padding. */
yt-live-chat-text-message-renderer,
yt-live-chat-legacy-paid-message-renderer {
padding-left: 4px !important;
padding-right: 4px !important;
}
yt-live-chat-paid-message-renderer #header {
padding-left: 4px !important;
padding-right: 4px !important;
}
/* Avatars. */
yt-live-chat-text-message-renderer #author-photo,
yt-live-chat-paid-message-renderer #author-photo,
yt-live-chat-legacy-paid-message-renderer #author-photo {
width: 24px !important;
height: 24px !important;
border-radius: 24px !important;
margin-right: 6px !important;
}
/* Hide badges. */
yt-live-chat-text-message-renderer #author-badges {
display: none !important;
vertical-align: text-top !important;
}
/* Timestamps. */
yt-live-chat-text-message-renderer #timestamp {
color: #999999 !important;
font-family: "Imprima";
font-size: 16px !important;
line-height: 16px !important;
}
/* Badges. */
yt-live-chat-text-message-renderer #author-name[type="owner"],
yt-live-chat-text-message-renderer #author-name.owner,
yt-live-chat-text-message-renderer yt-live-chat-author-badge-renderer[type="owner"] {
color: #ffd600 !important;
}
yt-live-chat-text-message-renderer #author-name[type="moderator"],
yt-live-chat-text-message-renderer #author-name.moderator,
yt-live-chat-text-message-renderer yt-live-chat-author-badge-renderer[type="moderator"] {
color: #5e84f1 !important;
}
yt-live-chat-text-message-renderer #author-name[type="member"],
yt-live-chat-text-message-renderer #author-name.member,
yt-live-chat-text-message-renderer yt-live-chat-author-badge-renderer[type="member"] {
color: #0f9d58 !important;
}
/* Channel names. */
yt-live-chat-text-message-renderer #author-name {
color: #cccccc !important;
font-family: "Changa One";
font-size: 20px !important;
line-height: 20px !important;
}
yt-live-chat-text-message-renderer #author-name::after {
content: ":";
margin-left: 2px;
}
/* Messages. */
yt-live-chat-text-message-renderer #message,
yt-live-chat-text-message-renderer #message * {
color: #ffffff !important;
font-family: "Imprima";
font-size: 18px !important;
line-height: 18px !important;
}
/* SuperChat/Fan Funding Messages. */
yt-live-chat-paid-message-renderer #author-name,
yt-live-chat-paid-message-renderer #author-name *,
yt-live-chat-legacy-paid-message-renderer #event-text,
yt-live-chat-legacy-paid-message-renderer #event-text * {
color: #ffffff !important;
font-family: "Changa One";
font-size: 20px !important;
line-height: 20px !important;
}
yt-live-chat-paid-message-renderer #purchase-amount,
yt-live-chat-paid-message-renderer #purchase-amount *,
yt-live-chat-legacy-paid-message-renderer #detail-text,
yt-live-chat-legacy-paid-message-renderer #detail-text * {
color: #ffffff !important;
font-family: "Imprima";
font-size: 18px !important;
line-height: 18px !important;
}
yt-live-chat-paid-message-renderer #content,
yt-live-chat-paid-message-renderer #content * {
color: #ffffff !important;
font-family: "Imprima";
font-size: 18px !important;
line-height: 18px !important;
}
yt-live-chat-paid-message-renderer {
margin: 4px 0 !important;
}
yt-live-chat-legacy-paid-message-renderer {
background-color: #0f9d58 !important;
margin: 4px 0 !important;
}
yt-live-chat-text-message-renderer a,
yt-live-chat-legacy-paid-message-renderer a {
text-decoration: none !important;
}
yt-live-chat-text-message-renderer[is-deleted],
yt-live-chat-legacy-paid-message-renderer[is-deleted] {
display: none !important;
}
yt-live-chat-ticker-renderer {
background-color: transparent !important;
box-shadow: none !important;
}
yt-live-chat-ticker-renderer {
display: none !important;
}
yt-live-chat-ticker-paid-message-item-renderer,
yt-live-chat-ticker-paid-message-item-renderer *,
yt-live-chat-ticker-sponsor-item-renderer,
yt-live-chat-ticker-sponsor-item-renderer * {
color: #ffffff !important;
font-family: "Imprima";
}
yt-live-chat-mode-change-message-renderer,
yt-live-chat-viewer-engagement-message-renderer,
yt-live-chat-restricted-participation-renderer {
display: none !important;
}

[@Botsa0613]

@@eztube 예전 스튜디오에서만 됩니다.. 원래 이런가요?

[@강민호-f8q]

웝페이즈 들어갔는데 css에 아무것도 없어요~

[@eztube]

익스플로그로 접속하셨나보네요
크롬으로 재접속해보세요

[@GODJO123]

채팅이 나오긴 나오는데 영상 땜에 가려져요 어떻게 해야하나요

[@eztube]

소스목록에서 영상에 해당하는 메뉴를 하단에 놓고, 채팅창 소스를 상단에 배열해보세요. 마우스로 조절 가능합니다.
혹시 채팅창이 상단위에 있어도 영상색상으로 잘안보이는것 이라면
Css에서 글씨색을 변경후 적용하시면 됩니다.

[@auhhd6658]

obs 전버전에서는 실시간 챗은 보이지만 투명화가 안되었는데 영상 속 최신버전으로 다시 다운받고나서 따라해보니까 '실시간 채팅을 사용할 수 없다'라고 뜨는데 어떤 문제인건가요?

[@eztube]

연결과정에서 네트워크가 끊어졌을 가능성이 높아요

[@피트브래드-h7i]

좋은 정보 감사합니다~

[@Kbaj]

왼쪽엔 뜨는데 오른쪽엔 안 떠요

[@howtolivef]

처음에는 되었는데, 다시 할 때 obs에서 하얀색으로 나오고 실시간채팅사용할수 없음으로 뜨는 이유는 무엇일까요~?^^감사합니다

[@TV200]

실시간 채팅을 사용할 수 없음 이라네요..ㅠㅠ 무슨 문제죠?
네트워크 오류문제는 아닌듯 하고,,, 어떻게 해야 될까요..? ㅠㅠㅠ

[@djluciferypk]

안되는데유..이거 실시간 방송중에만 되는건가요?

[@yujeongkang1165]

되네요~
감사합니다

[@eztube]

적용된다니 다행이네요
감사합니다

[@asmr-bo3ut]

사용할수 없다고 뜨는데 어떻게요?

[@김곰-l7y]

이거 트위치도 가능한가요?

[@singleseam6771]

끝까지 따라하고 OBS에 채팅을 띄워 보았으나 스트리밍 채팅을 쳐서 보냈지만 투명채팅창에 챗이 안올라옵니다

[@eztube]

Obs에 채팅창을 띄우고, 투명창까지 전환했다면 프로그램적인 문제는 아닙니다.
유튜브실시간 설정페이지에 오류메세지가 떠있는지 확인하시고 재연결 해보시기 바랍니다

[@악주-k9i]

그럼 게임 할때도 댓글이 투명 되나요?

[@eztube]

게임화면에직접적으로 보이진 않지만
인코더 프로그램(obs)과 송출된 유튜브 화면에는 게임화면과 함께 보여집니다

[@NightCrash07]

그렇게 않되요 글씨를 쓰면 않보여요

[@DUSEN_LEGENDS]

방송 화면에는 보일겁니다

[@privacy6084]

안됩니다

[@j해수]

채팅창은 뜨는데 투명화가 안되네요

[@eztube]

복사후 적용해 보세요
@import url("fonts.googleapis.com/css?family=Changa One");
@import url("fonts.googleapis.com/css?family=Imprima");
/* Background colors*/
body {
overflow: hidden;
background-color: rgba(0,0,0,0);
}
/* Transparent background. */
yt-live-chat-renderer {
background-color: transparent !important;
}
yt-live-chat-text-message-renderer,
yt-live-chat-text-message-renderer[is-highlighted] {
background-color: transparent !important;
}
yt-live-chat-text-message-renderer[author-type="owner"],
yt-live-chat-text-message-renderer[author-type="owner"][is-highlighted] {
background-color: transparent !important;
}
yt-live-chat-text-message-renderer[author-type="moderator"],
yt-live-chat-text-message-renderer[author-type="moderator"][is-highlighted] {
background-color: transparent !important;
}
yt-live-chat-text-message-renderer[author-type="member"],
yt-live-chat-text-message-renderer[author-type="member"][is-highlighted] {
background-color: transparent !important;
}
yt-live-chat-author-chip #author-name {
background-color: transparent !important;
}
/* Outlines */
yt-live-chat-renderer * {
text-shadow: -2px -2px #000000,-2px -1px #000000,-2px 0px #000000,-2px 1px #000000,-2px 2px #000000,-1px -2px #000000,-1px -1px #000000,-1px 0px #000000,-1px 1px #000000,-1px 2px #000000,0px -2px #000000,0px -1px #000000,0px 0px #000000,0px 1px #000000,0px 2px #000000,1px -2px #000000,1px -1px #000000,1px 0px #000000,1px 1px #000000,1px 2px #000000,2px -2px #000000,2px -1px #000000,2px 0px #000000,2px 1px #000000,2px 2px #000000;
font-family: "Imprima";
font-size: 18px !important;
line-height: 18px !important;
}
yt-live-chat-text-message-renderer #content,
yt-live-chat-legacy-paid-message-renderer #content {
overflow: initial !important;
}
/* Hide scrollbar. */
yt-live-chat-item-list-renderer #items{
overflow: hidden !important;
}
yt-live-chat-item-list-renderer #item-scroller{
overflow: hidden !important;
}
/* Hide header and input. */
yt-live-chat-header-renderer,
yt-live-chat-message-input-renderer {
display: none !important;
}
/* Reduce side padding. */
yt-live-chat-text-message-renderer,
yt-live-chat-legacy-paid-message-renderer {
padding-left: 4px !important;
padding-right: 4px !important;
}
yt-live-chat-paid-message-renderer #header {
padding-left: 4px !important;
padding-right: 4px !important;
}
/* Avatars. */
yt-live-chat-text-message-renderer #author-photo,
yt-live-chat-paid-message-renderer #author-photo,
yt-live-chat-legacy-paid-message-renderer #author-photo {
width: 24px !important;
height: 24px !important;
border-radius: 24px !important;
margin-right: 6px !important;
}
/* Hide badges. */
yt-live-chat-text-message-renderer #author-badges {
display: none !important;
vertical-align: text-top !important;
}
/* Timestamps. */
yt-live-chat-text-message-renderer #timestamp {
color: #999999 !important;
font-family: "Imprima";
font-size: 16px !important;
line-height: 16px !important;
}
/* Badges. */
yt-live-chat-text-message-renderer #author-name[type="owner"],
yt-live-chat-text-message-renderer #author-name.owner,
yt-live-chat-text-message-renderer yt-live-chat-author-badge-renderer[type="owner"] {
color: #ffd600 !important;
}
yt-live-chat-text-message-renderer #author-name[type="moderator"],
yt-live-chat-text-message-renderer #author-name.moderator,
yt-live-chat-text-message-renderer yt-live-chat-author-badge-renderer[type="moderator"] {
color: #5e84f1 !important;
}
yt-live-chat-text-message-renderer #author-name[type="member"],
yt-live-chat-text-message-renderer #author-name.member,
yt-live-chat-text-message-renderer yt-live-chat-author-badge-renderer[type="member"] {
color: #0f9d58 !important;
}
/* Channel names. */
yt-live-chat-text-message-renderer #author-name {
color: #cccccc !important;
font-family: "Changa One";
font-size: 20px !important;
line-height: 20px !important;
}
yt-live-chat-text-message-renderer #author-name::after {
content: ":";
margin-left: 2px;
}
/* Messages. */
yt-live-chat-text-message-renderer #message,
yt-live-chat-text-message-renderer #message * {
color: #ffffff !important;
font-family: "Imprima";
font-size: 18px !important;
line-height: 18px !important;
}
/* SuperChat/Fan Funding Messages. */
yt-live-chat-paid-message-renderer #author-name,
yt-live-chat-paid-message-renderer #author-name *,
yt-live-chat-legacy-paid-message-renderer #event-text,
yt-live-chat-legacy-paid-message-renderer #event-text * {
color: #ffffff !important;
font-family: "Changa One";
font-size: 20px !important;
line-height: 20px !important;
}
yt-live-chat-paid-message-renderer #purchase-amount,
yt-live-chat-paid-message-renderer #purchase-amount *,
yt-live-chat-legacy-paid-message-renderer #detail-text,
yt-live-chat-legacy-paid-message-renderer #detail-text * {
color: #ffffff !important;
font-family: "Imprima";
font-size: 18px !important;
line-height: 18px !important;
}
yt-live-chat-paid-message-renderer #content,
yt-live-chat-paid-message-renderer #content * {
color: #ffffff !important;
font-family: "Imprima";
font-size: 18px !important;
line-height: 18px !important;
}
yt-live-chat-paid-message-renderer {
margin: 4px 0 !important;
}
yt-live-chat-legacy-paid-message-renderer {
background-color: #0f9d58 !important;
margin: 4px 0 !important;
}
yt-live-chat-text-message-renderer a,
yt-live-chat-legacy-paid-message-renderer a {
text-decoration: none !important;
}
yt-live-chat-text-message-renderer[is-deleted],
yt-live-chat-legacy-paid-message-renderer[is-deleted] {
display: none !important;
}
yt-live-chat-ticker-renderer {
background-color: transparent !important;
box-shadow: none !important;
}
yt-live-chat-ticker-renderer {
display: none !important;
}
yt-live-chat-ticker-paid-message-item-renderer,
yt-live-chat-ticker-paid-message-item-renderer *,
yt-live-chat-ticker-sponsor-item-renderer,
yt-live-chat-ticker-sponsor-item-renderer * {
color: #ffffff !important;
font-family: "Imprima";
}
yt-live-chat-mode-change-message-renderer,
yt-live-chat-viewer-engagement-message-renderer,
yt-live-chat-restricted-participation-renderer {
display: none !important;
}

[@강민호-f8q]

채팅창 모니터에 안뜨는데요?

[@eztube]

유튜브 송출 화면에만 적용됩니다.

[@user04154]

@@eztube 그럼 뭐하러 하는 건가요

[@eztube]

송출받는 구독자 화면에 적용되게 하려고 사용하시더라구

[@누군가-h3e]

감사합니다 ㅠㅠㅠ

[@아룸튜브]

감사합니다 ㅜㅜ

[@eztube]

감사합니다

[@user-fy4bx9ik7l]

사이트에 안들어가져요 ㅠㅠ

[@eztube]

접근이 안되고 있네요
고정댓글로 css소스 남겨두었습니다
참조해주세요