'생방송' 태그의 글 목록 :: 필이의 1인 미디어 허쉴?

안녕하세요 필이입니다.

오늘은 스트리밍이나 영상 제작시

발생하는 문제 소음에 관해서

이야기 해볼까 합니다.

아마 스트리밍이나 녹음을 한 번이라도

해보신 분들이라면 반드시 체크해야할 사항입니다.

소음 문제라고 보통 일컫어 지는 문제가

스트리밍 하거나 녹음을 할 때

자신이 내는 목소리나 동작에 의해

발생하는 소음으로 인해 이웃이나 가족에게

피해가 가는 상황만을 놓고 보시는 경우가 있는데요.

물론 이러한 경우가 대다수 일수 도 있지만

주변 소음이 자신이 모르는 사이에

고스란히 녹음이되어 버리는 경우가 있어

파일 자체를 그냥 날려야하는 경우도 있습니다.

 

 

이런 경우에는 소음에 원인을 찾아서 차단해야

문제가 해결되는 경우가 많습니다.

물론 그게 이웃이라면 해결가능성은 개인차 이겠죠?

어쨌든 외부요인, 내부요인으로 인해

본인 또는 타인이

피해가 가는 상황이 발생하는 경우

한번 씩 생각하게 되는 것이 바로

방음 부스입니다.

하지만 방음부스를 알아보려고 해도

기본적으로 공사를 진행할 정도의

경제력이 있으시다면

업체 몇개 방문하셔서

직접 체험해보고 결정하신다면

큰 문제는 없으실겁니다.

요즘엔 소재가 다양해서 시공을 맡기면 확실히 배선부터 인테리어까지 만족시켜줘서 돈도 없으면서 자꾸 찾아보게 만듭니다. ㅠㅜ

하지만 그 정도의 경제력이 없다면

셀프로 방음부스를 만들어 볼 수 없을까? 라는

고민을 하시게 될겁니다.

저도 그런 사람 중에 한명이었습니다.

의외로 인터넷 검색해도

잘 나오지 않아서 난감했습니다.

그렇게 잘모르는 지식으로 조금조금 알아보다가

유야무야 넘어가 버리는 바람에 없는 일이 되어버렸지만

혹시나 방음부스를 생각해보시는 분들에게 도움이 되었으면 합니다.

저도 완벽한 전문가는 아니고 알아보면서

방음이 계란판이 다가 아니구나 정도의 지식이라서

틀릴 수도있으니 참고만 해주시면 감사드리겠습니다.

 

이동식 방음부스

 

보통 가장 작은 사이즈가 1.3mx1.3m. 한 평 보다 작은 방이라고 생각하시면 됩니다.

녹음을 하는 방 전체를 다 할수 없다면?

녹음이나 스트리밍을 할 수 있는 공간이라도

소음을 줄일 수 있도록하는 방법입니다.

방음부스를 만드려고 시공하는 것보다는

비교적 저렴하게 방음부스를 만들 수 있습니다.

게다가 이사를 가거나 방음부스가 필요없게 되는 경우

분리해체 재사용이 가능한 점도 큰 이점입니다.

기본적인 사이즈라면 200만원 내외에서

나만의 방음 부스를 가질수 있습니다.

하지만 공간이 커지면 커질수록 비용이 더 비싸지기 때문에

사이즈에 따라서 방음시공이 더 싸게 들어가는 경우도

생긴다고 하니 크기가 큰 경우에는

시공을 먼저 알아보시기를

추천드립니다.

 

 

방음부스 DIY

( 방음재 - 흡음재 & 차음재 )

 

이동식 방음부스도 가격이 부담스럽다면

역시 셀프가 답입니다. 물론 같은 면적이라면 입니다.

면적이 크면 아무리 셀프라도 비쌀 수 밖에 없습니다.

보통 셀프로 방음부스를 해보려고 하면

가장 먼저 검색하는게 계란판 입니다.

정확하게 말씀드리자면 계란판 같이 생긴 흡음재입니다.

방음재는 사실 우리가 많이아는

흡음재 그리고 차음재라는 두가지 종류가 있습니다.

물론 보통 시공을 하게 되면 가격이나 환경에 따라 다르지만

이 두개를 모두 사용해서 방음 부스가 만들어집니다.

진짜 계란판을 사용하시는 분들도 있는데 그다지 효과가 있는 편은 아니라고 합니다. 하울링이 좀 덜해진다고는 합니다.

우리가 잘 아는 흡음재는

소리에너지에 의해 공기가 진동하는 걸 흡수해서

소리가 밖으로 퍼지지 못하도록 하는 것이 주요 기능입니다.

계란판은 그런 기능을 이용해 벽을 울퉁불퉁하게 면적을 늘려

진동이 여기저기로 흡수되게끔 하는 기능입니다.

예를들어 가구가 아무것도 없는 빈집은

목소리가 울리는 반면

가구 등이 배치된 일반 집에서

소리가 울리지 않는 것처럼 말입니다.

요즘에는 울퉁불퉁한 소재뿐만이 아니라

우리눈에는 그냥 평평한 소재인데 눈에 보이지 않게 많은 구멍이 

공기의 진동을 흡수하는 소재도 있어 다양하게 고를 수 있습니다.

흡음재 같은 경우에는 밀도가 높을수록

기능이 좋다고 보시면 됩니다.

이제 우리에게 조금 생소한 차음재에대해서

이야기해보겠습니다.

차음재는 사실 건축자재에 반드시 사용이 됩니다.

두께에 차이는 있지만 말이죠.

차음재는 소리 에너지를

아예 차단해버리거나 반사시켜서 버립니다.

그렇기 때문에 차음재로만 시공해버리면

밖으로 들어오거나 나가는 소음은 없지만

진동이 안에서 돈다라고 생각하시면 됩니다.

차음재는 공사현장에서 사용되는 건축 자재이기때문에 딱히 디자인을 고려한 제품 등이 없습니다.

그래서 외부 소음이 많은 방향 쪽에 차음재를

설치하는 것만으로도 방음이 어느 정도 되는 경우도 있습니다. 

그리고 차음재는 진동이 다른 쪽으로 잘 전달이 되도록

벽면에 잘 붙여야 됩니다.

 

 

그러지 않으면 그 효과가 미미하다고 합니다.

차음재 자체가 단단하기 때문에

두께에 의해 효과의 정도가 결정됩니다.

벽에 붙이는 순서 상으로 차음재가 먼저 그 다음이 흡음재 순입니다.

보통 셀프로 하는 경우 흡음재만을

설치하려고 하지만

흡음재와 차음재를 같이 사용하면

효과는 하나만 사용하는 것보다 훨씬 더 좋습니다.

소음이 얼마나 큰 가에 따라서

미리 예산을 잡을 때

차음재를 한 번 고려해보는 것이 좋습니다.

차음재 같은 경우 흡음재 위에 설치하면

서로의 기능을 오히려 방해할 수도 있으니까 말이죠.

 

자 오늘은 방음부스에 대해서

알아보았습니다.

수박 겉핡기 수준이지만

나름 이게 어떤 소재이고

어떻게 쓰이는지 정도만 알아도

방음부스를 직접 만드는걸 고민하시는

참고로 쓰기에는 큰 무리 없으실 겁니다.

감사합니다.

필이였습니다.

안녕하세요.

필이입니다.

오늘은 컨텐츠로 활용하기 좋은 신작 게임을

소개해드리고자 합니다.

시작게임은 게임 리뷰를 통해서 청자들의 궁금증을 해소하고

게임사 입장에서는 홍보효과를 누릴 수 있습니다.

이때 스포일러가 너무 많지 않도록 주의 하셔야 합니다.

생방송 중에 스토리를 많이 진행하셨다면 편집할 때는

컨텐츠 위주로 스토리는 잘라내는 것도 방법입니다.

 

자! 이제 소개해드릴 게임은

네이버웹툰으로도 유명한

하이브입니다.

하이브 with NAVER WEBTOON

네이버웹툰에 하이브라는 인기 웹툰을 바탕으로 한

하이브 게임!

저도 개인적으로 좋아하고 인기있는 웹툰이라서

더 기대가 되는 게임인데요.

어떤 게임인지 살펴보겠습니다.

사전예약 페이지 첫번째부터

심상치 않은 분위기인데요.

대한민국 전지역 계언선포!

정체불명의 초대형 곤충떼 습격 확산!

시민 여러분 가까운 대피소로

신속히 피난하시기 바랍니다.

라고 하면 대피소 확인하기가 있습니다.

사전예약에 대해 더 자세히 알아보겠습니다.

살아남아야한다.

지금 대피소 사전등록을 하시면

최종달성보상(다이아)과 과장 이은성 캐릭터를

사전예약자 전원 100% 지급한다고 합니다.

전국 대피소는 서울, 청주, 대전, 전주, 광주, 춘천,

강릉, 대구, 부산이 있습니다.

달성 인원에 따라 보상이 달라집니다.

5만 달성시에는 다이아 150, 10만 달성시에는 다이아 300

30만 달성시에는 다이아 750, 50만 달성시에는 다이아 1000

또한 이 이외에도

구글플레이 사전예약시에는 보석 300개지급

공식카페 가입시에도 다이아 300개 지급이 있습니다.

사전예약과 더불어 이벤트도 진행중입니다.

끝까지 살아남을 하이브 1인은 누구일까?

라는 제목으로 사전예약후, 투표에 참여하시면

추첨을 통해 김규삼 작가의 싸인이 들어간

한정판 하이브 포스터를 준다고 합니다.

사전등록기간은 1012일 목요일부터 런칭 전까지로

아직 런칭일이 정해지지않아 시간이 많습니다.

투표가 가능한 인원은 3

살아남아야 된다는 이과장

과장님 도망 가라는 성대리

날 못믿는냐는 개장수까지 있습니다.

모바일 재난 블록버스터 하이브.

네이버 인기 웹툰 하이브가

웹툰을 바탕으로 모바일 게임으로도

원작의 스토리는 물론

감동까지 그대로 담은 모바일 시네마틱 게임으로

웹툰을 뛰어넘는 몰입도와 긴박감을 선사할 예정이라고 합니다.

웹툰을 재미있게 본 저로서는 많이 기대하고 있습니다.

사전예약하고 5레벨까지 생존하라

하이브 런칭후 계정 5레벨을 달성하신

분들에게는추첨을 통해 특별한

경품을 지급합니다.

갤럭시 노트8(64GB) 1

구글기프트카드 1만원 50

스타벅스 아메리카노 키프티콘 50

경품이 준비 되어 있습니다.

현재 출시일은 정해지지 않았다고 합니다.

추후 출시예정이 공지되어지면

한번 더 알려드려야 할 것 같네요.

오늘은 신작게임 리뷰용으로

하이브에 대해서 알아보았습니다.

여러분의 1인 미디어가 좋은 채널이 되기를 기원합니다.

필이였습니다.

안녕하세요 필이 입니다.

오늘은 스마트폰 영상이나 게임을

스트리밍 하는몇가지 방법을 소개해 드리고자합니다.

사실 요즘 스마트폰에 직접 녹화하는 기능이 있어서 굳이 왜 이런걸 하지?

하실 수 도 있는데요.

녹음이나 실시간 방송을 같이 하신다면

PC로 송출하는 것이

비교적 안정적이게 스트리밍이 가능하기 때문에

직접 녹화하는 방법 말고

다른 방법들을 소개해드리고자 합니다.

 

1. 앱플레이어

저는 현재 소녀전선을 하고 있는 유저로서

추천드릴 수 있는 앱플레이어는

역시나 녹스 앱플레이어 입니다.

별플레이어는 녹스에서 몇가지 기능을 가져다

만든거라 거의 흡사하지만 카카오게임 위주라서

왠지 다른 게임하고 호환성이 잘나올지 의문이라

사용을 안하고 있습니다.

 

 

그레서 앱플레이어를 비교할 당시에는

미뮤앱플레이어랑 녹스앱플레이어 둘 중에

하나로 많이 고민했습니다만

최적화라던지 개인적인 설정이라던지가

녹스가 아무래도 편하고 퀄리티가 괜찮아 사용하고 있습니다.

불과 얼마 전까지 90퍼 멈춤 현상 때문에 사용 못하다가 코어개수만 올려주면 된다는 사실에 충격을 먹었지만 지금은 잘 사용하고 있습니다.

하지만 앱플레이어에 고질적인 팅김현상이나

다양한 게임에 호환성 문제. 그리고

엄청난 리소스를 감당하게되는 문제들이 좀 있어서

시행착오를 조금 많이 느껴야 한다는 단점이 있습니다.

 

2. 모비즌

모바일 화면을 TV나 PC에서 볼 수 있게 해주는

모비즌은 모바일 기기의 화면을 보면서

제어까지 가능한 원격제어 기능을 제공하는 프로그램으로

실시간 화면전송 뿐 아니라 원격제어, 백업, 파일전송, 그리기 등

다양한 기능을 제공합니다.

 

물론 유료인 경우에만 모든 기능이 지원되지만

영상캡쳐 등의 우리가 기본적으로 사용할만한 기능은

거의 지원이 됩니다. 

 

 

몇가지 아쉬운원격제어시 화면 조작 반응이 1~2초정도 느리고

용량이 큰 영상이나 리소스가 많이 들어가는 게임 화면은 약간 끈겨 보인다는 점 입니다.

PC에서 보이는 모비즌 프로그램 화면을 잡아서 크게 늘리는 경우

프레임수가 눈에띄게 떨어지면서 화면 끈김이 발생합니다.

어느정도 크기로 줄여주면 원할한 이용은 가능 합니다.

 

3. MHL케이블 & 캡쳐보드  연결

MHL (Mobile High-Definition Link)이란

간단하게 고품질의 영상,음성 전송이 가능한 HDMI의 모바일 버전이라고 생각하시면 됩니다.

특징이라면 정해진 커넥터 방식이 없기 때문에

어디서나 MHL기능을 사용 할 수 있고,

그래서 안드로이드 모바일 기기에 사용되는 마이크로 5핀도 가능하고

아이폰 계열도 핀이 맞는 케이블이 있으면

USB 커넥터에 통합해서 사용이 가능하다고합니다.

mhl to hdmi 케이블 입니다 . 전원 장치가 있으면 혹시나 mhl 지원이 안되는 녀석에도 가능하게 해줍니다. 아니면 지원되는 기기인지 한번 알아보시고 구입하세요.

그리고 MHL 방식의 가장 큰 특징은 영상,음성 전송을 하면서

동시에 충전이 가능하기 때문에 사용에 제약이 적다는 것인데,

MHL 케이블을 구입 할 때도 HDMI 포트와 전원공급 포트가 있는지

확인하고 구입하는 편이 좋습니다.

 

 

전원공급 포트가 없는 MHL 케이블은 대부분 TV에서만 MHL을 지원하고

MHL지원 HDMI 포트를 제공하지 않으면 사용 할 수 없기 때문입니다.

하지만 케이블만 있으면 미러링만 가능하기 때문에

외장형 캡쳐보드

캡쳐보드와 연결한 다음에 PC로 재생이 되게 함으로서

캡쳐된 화면을 그대로 송출해주면 됩니다.

내장형 캡쳐보드

캡쳐보드는 HDMI를 지원해준다면 모든 캡쳐보드가

가능하고 최근에는 4 ~ 5만 원만 투자하면

구입할 수 있는 캡쳐보드들도 많이 나오고 있습니다.

 

자 오늘은 스마트폰 화면을

스트리밍하는 방법을 알아보았습니다.

스마트폰 게임은 하루에 수백개가

나타나고 사라지고 있습니다.

컨텐츠가 그만큼 많다는 거죠.

자신이 재미있게 진행할 수 있는 게임들을

찾아서 스트리밍 해보는 것도

좋을 것 같습니다.

감사합니다.

필이였습니다.

안녕하세요

필이입니다.

오늘은 쾌적한 방송을 하기위해서는 PC환경이 가장 중요하지만

인터넷 환경도 분명히 중요합니다.

그래서 오늘은 자신의 인터넷 환경이 어떠한지

살펴보기 위해서 간단한 사이트를 소개해드리고자합니다.

보통 인터넷 속도 측정 사이트 검색하시면

speed.nia.or.kr

benchbee.co.kr

등등이 나오는데 모두 플러그인을 깔아주어야 합니다.

귀찮기도 하고 혹시나? 하는 마음이 들기도 합니다. or 이면 국가기관인데도 말이죠.



그래서 오늘은 그러한 플러그인 설치 없이

인터넷 속도 측정이 가능한 사이트를 알려드리고자 해요.

가장 간편한 사이트 먼저 알려드릴게요.

쉬운 인터넷 속도측정 사이트


좌측 하단에 가입하고있는 인터

넷 회사랑 아이피가 뜨는데 

아이피는 중요하기 때문에 가리겠습니다.

 

 

만약에 자신의 인터넷 회사를 잘 모르겠다 싶은 분들도

여기 접속하시어 확인하실 수 있어요.

자! 이제 확인하셨으면  GO 버튼만 누르면 알아서

속도측정을 시작합니다.


그럼 그림처럼 핸드폰 인터넷 속도 측정하듯이

속도계가 왔다갔다 하면서 속도를 측정해줍니다.

Ping은 낮을수록 인터넷 환경이 좋은겁니다.

다운로드와 업로드는 높을수록 빨라요



결과는 1분 안걸리게 나옵니다.

저는 기가 인터넷 까지는 아니고

인터넷 선이 좀 멀리 잡히고 있어서 속도는

그냥 그냥인 편 입니다만

Ping이 가장 중요하기 때문에 2ms면

환경은 확실히 좋다고 할 수 있겠네요.

환경만 알아보시고 싶다면 이거면 충분합니다.

 

 

이제 알려드릴거는 해외에 서버를 둔 게임을 하거나

업무가 해외 서버를 왔다갔다하시는 분들에게

추천드리는 사이트입니다.

스트리머 분들에게는 해외 시청자들이

어느정도의 렉을 확인할 수있습니다.


해외 인터넷 측정 사이트


사이트에 접속하시면

자신의 IP 위치가 뜹니다.

IP우회 프로그램을 쓰면 딴 나라에

위치가 뜨는지 궁금하네요

 

 

 여기서 BEGIN TEST를 치시면

아까처럼 자신의 컴퓨터의 속도를

간단하게 확인하실 수 있습니다.


아래 그림에 표시된 세계지도와 줌으로

다른나라를 검색해서 자신과 해외 서버간의

Ping 등을 확인 하실 수있습니다. 



무료이고 간단해서 심심할 때

알아보는 것도 나름 재미있겠네요.


오늘은 방송환경에서 중요한

인터넷 속도에 관해서 알아보았습니다.

도움이 되셨길 바라면

글을 마치도록 하겠습니다.

감사합니다.

필이였습니다.



  


안녕하세요. 필이입니다.

얼마 전에 OBS(Open Broadcaster Software) 프로그램에

소스 목록을 다루면서

디스플레이 캡쳐 소스에 원하는 영역을 지정해서

송출할 수 없다고 말씀드렸었는데요.

원하는 영역을 자르고 송출할 수 있는 방법을 알려주셔서

정정 겸 내용이 좀 길어서 새로 글을 올립니다.

obs 스튜디오 화면구성 둘러보기

본문은 수정하면 안된다고 들어서 당장 수정할지는

좀 더 검색을 해봐야 할 것 같습니다.

 

 

자 그럼 다시 OBS 프로그램을 시작하신 뒤에

소스 목록 영역에서 + 버튼을 누르신 뒤에

디스플레이 캡처를 한 번 생성 해보도록 하겠습니다.

그럼 컴퓨터화면이 보이실 겁니다.

obs 화면의 무한 캡쳐. 너무 오래두시면 CPU에 무리가 가서 렉이 걸리기도 합니다. 주의하세요.

여기서 빨간색 네모 칸에 표시된 영역만

OBS 프로그램에서 보이도록 설정해 보도록 하겠습니다.

이 부분만 자르면 방송을 보는 시청자들은

 빨간색의 영역의 부분만 볼 수 있을겁니다.

소스목록에서 방금 추가한 디스플레이캡쳐를

선택하시고 마우스 오른쪽 버튼을 누르신 뒤에

필터를 눌러 주시면

그럼 새로운 창이 나오는데 + 기호를 누르신 뒤에

자르기/덧대기 메뉴를 선택해 주세요.

OBS 프로그램에서

디스플레이캡쳐에서 원하는 영역을 자를 때

사용하는 기능이라고 생각하시면 됩니다.

제가 캡쳐한 화면이 오른쪽 부분에 보이기 때문에

잘라내는 부분이 얼마나 잘라 냈는지 확인이 가능 합니다.

 

 

X, Y와 좌표로 위치를 지정하고

너비와 높이로 면적을 고를 수 있습니다.

원하는 영역만 보이도록 설정하면 됩니다.

상대라는 체크 박스를 체크해주시면

이제 왼쪽, 상단, 오른쪽, 하단 부분에

숫자를 넣어서 필요없는 부분을 잘라내고 조절할 수 있습니다.

저한테는 이게 더 쉬워보이는데 취향따라 해주시면 됩니다.

사실 Xsplit처럼

마우스로 조절하는 것보다 훨씬 불편해서

얼마나 실용적이게 사용될지는 잘모르겠습니다.

만약에 게임 캡쳐가 안되거나 정말 보이고 싶은 부분이

창이 아니라 일부분이라면 사용해보시는게 좋을 것 같습니다.

오늘은 여기까지 입니다.

감사합니다.

여러분의 1인 미디어를 응원합니다.

필이였습니다.

 

안녕하세요. 필이입니다.

오늘은 유튜브 트위치 카카오TV 통합 채팅창인 JSAssist 를 다루어 보겠습니다.

OBS는 역시나 브라우저 소스를 이용할 예정이기때문에 이전에 올린 글들을 먼저 읽고 오신다면

좀 더 쉽게 이해하실 수 있을겁니다.


트위치 채팅방 OBS studio에 구성하기


유튜브 라이브(YouTube Live) 나만의 채팅창 만들기

 

JSAssist를 다운 받으면 압축만 풀어주시면 설치할 필요 없이 바로 실행 할 수 있습니다.

처음 실행해주시면 엑세스 허용해주세요.


http://js-almighty.com/jsassist/


기본적으로 화면이 직관적이고 간단한 편이라

채팅창을 한번이라도 다루어 보신 분들이라면 간단하게 이용할 수있습니다.

게다가 여러 플랫폼에 송출하는 실시간 스트리머에게는

채팅창을 포괄적으로 한 채팅창에서 볼 수 있기때문에

여러 플랫폼의 채팅창을 올려둘 필요가 없습니다.

 

 

그리고 한 플랫폼만 사용하는 스트리머에게는,

특히 유튜브 스트리머에게는 편하게 채팅창을 설정할 수 있도록 해놓았기 때문에

전에 올려드렸던 유튜브 채팅창 설정 방법과는

비교가 안될정도로 쉽고 편하게 설정 할 수 있습니다.


이제 JSAssist 사용법을 알아보도록 하겠습니다.

JSAssist 화면에 왼쪽을 보시면 CHAT INTEGRATION에 보시면

모두 비활성화 되어있는걸 보실 수 있습니다.

플랫폼별설정이 있는데 설정에 나오는대로만 만 입력하시면 됩니다.

 

 

트위치와 유튜브는 아이디 만으로 연동이 가능하지만

카카오TV는 팟플레이어가 있어야 합니다.

아직 팟플레이어를 설치하지 않으셨다면 미리하시는게 편할겁니다.

http://tv.kakao.com/guide/potplayer




연동 성공 된걸 확인하시면 프로그램과 채팅창이 연결된겁니다.

연동되었어도 사용을 원치 않으시면 사용 체크박스를 해제 해주세요.



연결이 확인되었다면 화면 아래쪽으로 내려가셔서 다시 설정 창이 있습니다.

이 설정창을 눌어보시면 채팅창의 글꼴이나 투명도 색상 등을 바꿀 수 있도록 되어있습니다.



모두 한글로 되어있기때문에 읽어보시면서 본인 마음대로 설정을 바꾸시면됩니다.

혹시 여러 버전을 두고 비교해보고 싶으시다면

화면 좌측 프리셋에서 하고 싶은 스타일의 설정을 만들어놓고 추가를 누르시고 이름 지정하고

현재값으로 새 프리셋 추가를 누르시면 새 설정을 저장하실 수 있습니다.



모두 마치셨다면 최상단에 채팅 위젯 주소를 클릭하면 주소가 복사 됩니다.

따로 Ctrl+C는 안하셔도 됩니다.

이제 복사한 주소를 Browser source에 붙여넣기만 하면 채팅창 만들기가 끝이납니다.



그리고 브라우저 소스 넣으시고 잘 적용되었는지 확인하는 방법은

JSAssist 우측 하단에 테스트용 채팅을 체크해주시면

 

 

자동으로 여러 플랫폼에 채팅이 입력되어 나옵니다.

OBS 화면 에서도 잘 나온다면 적용까지 완벽히 된겁니다.


전에 만들었던 유튜브 채팅창 만들기보다 훨씬 쉽죠?


채팅 설정의 자유도도 비슷한 정도라서 처음 하시는 분들에게

특히 유튜브 Live 스트리머 분들에게 추천드립니다.

여러 플랫폼 동시에 실시간 스트리밍을 하시는 스트리머분들에게는 필수겠죠?


오늘은 JSAssist를 이용한 채팅창 만들기를 해보았습니다.

여러분의 방송이 매끄럽게 진행이 되도록 항상 새롭고 실용적인 글을 올리고자 노력하겠습니다.

필이였습니다.감사합니다.

 

 

안녕하세요 필이입니다.

이전 글에는 트위치 채팅창을 browser source로 넣어 보았습니다.

그래서 오늘은 브라우저 소스에 넣는 건 생략하고 유튜브 채팅창 위치와

채팅창을 나만의 스타일로 편집하는 기능을 알려드리도록 하겠습니다.

브라우저 소스 이용한 채팅창 넣기를 모르시는 분들은 트위치 채팅창 넣기를 참고해주세요.

트위치 채팅방 obs화면에 구성하기

일단 유튜브에 로그인 해주시고

자신의 프로필을 클릭하여 크리에이터 스튜디오로 들어갑니다.

스튜디오로 접속하면 우측 메뉴 칸에 실시간 스트리밍으로 들어갑니다.



실시간 스트리밍 화면 좌측 하단에 실시간 채팅 란에서

점이 3개 나란히 있는 더보기를 클릭하면 새 창에서 채팅 열기가 보이실 겁니다.

기존 스튜디오에서 채팅창만 따로 뜯어내는 기능이라고 생각하시면 됩니다.



새창으로 나온 채팅창 상단을 보시면 url이 있는데 이걸 복사해서 브라우저 소스에 붙여넣기 하시면 됩니다.

그럼 가장 기본적인 유튜브 채팅창이 뜹니다.


한조.... 한번도 해본적없는데 왜 적었을까요???



유튜브 채팅창은 기본적으로 채팅창을 크리에이터 스튜디오에서

수정할만한 기능을 가지고 있지 않습니다.

처음 유튜브 채팅창을 사용하고 컴퓨터 지식이 없는 분들에게는

고치고 싶은데 고칠 수 없게되는 거죠.


브라우저소스가 꼭 위에 있어야 합니다.


그래서 브라우저 소스에서 CSS 편집기능을 넣어

유튜브 채팅창이나 기타 url 들 중

수정이 가능한 것들을 수정해주는 기능이 있습니다.

사실 편집이 아니라 덮어씌우는 거지만

보는 사람의 눈에는 수정이니까요

 

https://chatv2.septapus.com/

반드시 크롬으로 접속해주셔야 합니다.



해당 링크로 접속하시면 우리가 흔히 보던 채팅창이 보이실 겁니다.

그 옆에는 채팅창을 글꼴 배경색 투명도 후원창

까지 모두 수정이 가능할 수 있도록 되어있습니다.

이제 여러분들이 자신의 취향대로 마음대로 꾸며주면 됩니다.

 

 

이때 폰트는 왠만하면 하나로 통일해주세요.

영어폰트라서 한글이 지원되지 않으면

그냥 평범한 고딕체 글이 나오기 때문에

폰트를 고치고 싶은 분들은 통일이 편합니다.

나중에 CSS 편집이 익숙해지면 얼마든지 바꿀 수 있습니다.


저처럼 폰트를 통일하셨다면 1줄만 보이실 겁니다. 폰트 종류만큼 줄이 증가합니다.


완성이 되었다면 스크롤을 밑으로 내리면

우리에게 생소한 컴퓨터 언어들이 엄청나게 많을 겁니다.

이제 이 언어들이 채팅창을 바꿔주는 명령어들인데

모두 복사해서 브라우저 소스에 CSS 창에 넣어주도록 합니다.


유튜브 채팅창에 아무거나 써보시면서

내가 원하던대로 채팅창의 투명도나 색이 잘 들어가 있는지

글씨가 너무 크거나 작지 않은지 모두 확인해보도록 해야합니다.



이때 채팅창에 오류가 뜬다면?

유튜브에 실시간 대시보드에 들어가셔서 밑으로 내려가다보면

공개설정이란게 있습니다. 이걸 공개로 바꿔 주셔야합니다.

 

 

그래도 채팅이보이지 않는다면 CSS를 모두 복사해서 붙여넣기 하지않아서 있을 수도 있고

지난번 처럼 브라우저소스가 소스목록 맨위에 없어서 일수도 있습니다.

알맞게 잘 적용이 되었다면 유튜브 채팅창을 브라우저 소스에 삽입하기 완료 되었습니다.

 

그냥 한글이 평범한 고딕이더라도 이게 마음에 든다고 생각하시면 그대로 사용하시면 됩니다.

나름 괜찮습니다. 폰트를 변경하고 싶으시다면 한글 폰트를 찾아 수정해주셔야 합니다.

브라우저 소스에 있는 채팅창 CSS를 메모장 등에 복사해서 붙여넣기 합니다.


https://fonts.google.com/earlyaccess



해당 링크에서 Ctrl + F로 korean을 검색해서 한글이 되는 폰트를 찾아봅시다.

괜찮은걸 찾았다면 @import url~~~~.css); 되었는 코드를 복사해줍니다.


메모장에 있는 @import url~~~~을 지우고

복사한 @import url~~~~.css); 를 붙여넣기 합니다.

그리고 문단 중간 중간에 여러 개의 font-familly: 를 찾아

뒤에 있는 “수정 전 폰트”를 “ 맨 위에 붙여넣기한 폰트”를 넣어주면 css는 수정이 완료 되었습니다.



이를 앞에 했던 것처럼 브라우저 소스에 css를 넣어주고 폰트가 변경된걸 확인하면 완성입니다.


폰트 변경 전


제가 생각하기에는 이번 글은 꽤나 어려운 부분이 아니었나 싶네요.

그래도 천천히 따라 하다 보시면

나만의 유튜브 채팅창을 얻을 수 있는 굉장한 자유도가 있습니다.

여러분이 실시간 스트리밍을할 때

자신만의 개성이 듬뿍 담긴 채팅창을 상상하며 만들어보시기 바랍니다.

 

 

여러분의 1인 미디어를 응원하는 필이 였습니다.

다음 글은 좀 더 수정이 자유롭고 유튜브, 트위치, 카카오TV의

통합 채팅창인 JSAssist에 대해서 알아보도록 하겠습니다.

감사합니다.

 


OBS studio 화면구성 둘러보기



OBS studio 좀 더 전문적인 설정으로 나의 PC환경에 맞추어 보자



스트리밍 프로그램을 골라보자 OBS studio로 스트리머 시작하기

 

안녕하세요 필이 입니다.

오늘은 트위치 실시간 스트리밍을 하시는분들을 위해서 방송 송출 화면에 채팅창을 띄우는 방법에 대해서 글을 써보려 합니다.

일전에 말씀드렸던 브라우저 소스를 가지고 기본적으로 채팅창을 넣는 방법은 다른 플랫폼들도 비슷합니다.

하지만 글꼴을 바꾸고 투명도를 디자인 하는 방법들이 달라서 저는 유튜브와 트위치를 각각 올려드리도록 하겠습니다.

다른 플랫폼에 경우 사용 경험이 없어서 따로 정리된 걸 공유하거나 통합된 툴을 하나 올려드리도록 하겠습니다.


일단 트위치 방송 채팅창 송출을 위해서는 Twip이라는 사이트( http://twip.kr/ )에 들어가야합니다.

그리고 사이트를 이용할 때는크롬으로 실행해주셔야합니다.

링크를 눌러 들어가시면 위와 같은 페이지가 뜰텐데, 로그인을 해주시면 됩니다.

회원가입은 트위치에 계정을 가지고 있다면 안하셔도 되고 회원가입을 하셔야 한다면 트위치에서 회원가입을 하신 다음에

트위프에 접속하시면 됩니다.



로그인 하셨다면 우리는 스트리밍 기능을 가져와야하니까 스트리머 로그인 버튼을 클릭해서 접속합시다.



그리고 이제 대시보드를 클릭하신다면 관리자 페이지(대시보드)가 뜹니다.

여러 기능들이 있지만 우리는 채팅방이 필요하니 좌측 아래 메뉴들 중에서 chat box로 들어가 줍니다.



이제 chat box 메뉴로 이동하시면 우측에 보이는 것처럼 채팅창 모양이 미리보기로 보입니다.

미리보기는 내가 선택한 글꼴이나 배경색 들을 미리 보면서 조절하는

곳으로 생각하시면 됩니다.

스크롤을 조금 내려 하단에 위치한 설정을 만져주시면 됩니다.

배경색상을 투명하게하거나 어둡게 할 수도 있고 글자색과 글꼴도 변경이 가능합니다.


자 이제 설정을 마쳤다면 다시 스크롤을 올리셔서

오버레이 주소에서 ‘주소 보기’를 눌러주시고, 나오는 주소를 복사해주시면 됩니다.



복사한 주소를 가지고 OBS studio로 돌아가서 소스 목록에서 + 버튼을 눌러 Browser Source를 선택해 만듭니다.

소스 만들기/선택 창에서 채팅창이라고 이름을 바꿔주세요. 아니면 그냥 넘어가셔도 됩니다.


이벤트 중이라 글쓰면서도 소녀들을 지휘하느라 여념이 없습니다. ^^;;;


생성 후에 만들어진 채팅방에 우클릭을 하고 ‘속성’을 누르시면 창이 뜹니다.

URL에는 아까 우리가 복사한 트위치 방송 채팅창 주소를 입력하고

Width와 Height는 채팅창이 보이는 영역의 크기를 본인에게 맞게 지정해주시면 됩니다.


캔버스에서는 크기는 변형이 가능하나 가로 세로 비율 변경이 안되니까

여러번 왔다갔다 하시면서 본인 화면에 맞는 크기로 조절해주세요.

그리고 캔버스에서 빨간색 테두리로 지정된 영역을 자신이 놓고 싶은 부분에 놓아주시면 설정이 완료됩니다.



만약에 채팅창이 보이지 않는다면 소스목록에서 채팅장을 드래그해서 가장 위로 올려주시면 됩니다.

일러, 포토샵이나 파워포인트 만져보신 분들은 아시겠지만 우클릭해서 제일 위로 올려주셔도됩니다.

화면이 차곡차곡 쌓여있는 거기 때문에 밑에 있으면 안보입니다.



트위치 같은 경우 채팅방의 글꼴 등을 chat box에서 언제나 바꿀수 있기때문에

브라우저 소스의 기본 사용법만 알면 쉽게 사용할 수 있습니다.

브라우저 소스 설정창에서 CSS가 보이실텐데 이걸 통해서 나만의 채팅창을 꾸밀 수도 있습니다.

그건 유튜브를 이용한 채팅창을 등록할 때 다루어볼겁니다.



처음에는 시청자가 없어서 채팅창이 한가하거나 아예 없을 수도 있습니다.

자신이 동경하는 스트리머가 있어서 처음 스트리머에 접하는 분들에게

처음부터 엄청난 시청자수를 바라는건 헛된 꿈이겠죠.

하지만 열심히 하다보면 시청자들도 늘어날겁니다.

시청자수는 하나의 지표 정도로 생각하시고 본인이 스트리밍을 통해서 얻고자 하는걸 생각하시면 꾸준히 하는 것이 답인 것 같습니다.

시청자들이나 구독자들이 별로 없어도 자신은 행복하다는 스트리머나 크리에이터 분들도 많으시니까요.

즐겁게 지속가능하게 하실수 있는 컨텐츠를 찾기바랍니다.

오늘도 여러분의 1인 미디어를 응원하며 마치겠습니다.

필이였습니다.

감사합니다.

 


 


 

OBS studio 화면구성하기

OBS studio 세세하게 설정 건드려보기

OBS studio로 스트리밍 시작해보기