안녕하세요 필이 입니다.
오늘은 트위치 실시간 스트리밍을 하시는분들을 위해서 방송 송출 화면에 채팅창을 띄우는 방법에 대해서 글을 써보려 합니다.
일전에 말씀드렸던 브라우저 소스를 가지고 기본적으로 채팅창을 넣는 방법은 다른 플랫폼들도 비슷합니다.
하지만 글꼴을 바꾸고 투명도를 디자인 하는 방법들이 달라서 저는 유튜브와 트위치를 각각 올려드리도록 하겠습니다.
다른 플랫폼에 경우 사용 경험이 없어서 따로 정리된 걸 공유하거나 통합된 툴을 하나 올려드리도록 하겠습니다.
일단 트위치 방송 채팅창 송출을 위해서는 Twip이라는 사이트( http://twip.kr/ )에 들어가야합니다.
그리고 사이트를 이용할 때는크롬으로 실행해주셔야합니다.
링크를 눌러 들어가시면 위와 같은 페이지가 뜰텐데, 로그인을 해주시면 됩니다.
회원가입은 트위치에 계정을 가지고 있다면 안하셔도 되고 회원가입을 하셔야 한다면 트위치에서 회원가입을 하신 다음에
트위프에 접속하시면 됩니다.
로그인 하셨다면 우리는 스트리밍 기능을 가져와야하니까 스트리머 로그인 버튼을 클릭해서 접속합시다.
 |
 |
그리고 이제 대시보드를 클릭하신다면 관리자 페이지(대시보드)가 뜹니다.
여러 기능들이 있지만 우리는 채팅방이 필요하니 좌측 아래 메뉴들 중에서 chat box로 들어가 줍니다.
이제 chat box 메뉴로 이동하시면 우측에 보이는 것처럼 채팅창 모양이 미리보기로 보입니다.
미리보기는 내가 선택한 글꼴이나 배경색 들을 미리 보면서 조절하는
곳으로 생각하시면 됩니다.
스크롤을 조금 내려 하단에 위치한 설정을 만져주시면 됩니다.
배경색상을 투명하게하거나 어둡게 할 수도 있고 글자색과 글꼴도 변경이 가능합니다.
자 이제 설정을 마쳤다면 다시 스크롤을 올리셔서
오버레이 주소에서 ‘주소 보기’를 눌러주시고, 나오는 주소를 복사해주시면 됩니다.
복사한 주소를 가지고 OBS studio로 돌아가서 소스 목록에서 + 버튼을 눌러 Browser Source를 선택해 만듭니다.
소스 만들기/선택 창에서 채팅창이라고 이름을 바꿔주세요. 아니면 그냥 넘어가셔도 됩니다.
이벤트 중이라 글쓰면서도 소녀들을 지휘하느라 여념이 없습니다. ^^;;;
생성 후에 만들어진 채팅방에 우클릭을 하고 ‘속성’을 누르시면 창이 뜹니다.
URL에는 아까 우리가 복사한 트위치 방송 채팅창 주소를 입력하고
Width와 Height는 채팅창이 보이는 영역의 크기를 본인에게 맞게 지정해주시면 됩니다.
캔버스에서는 크기는 변형이 가능하나 가로 세로 비율 변경이 안되니까
여러번 왔다갔다 하시면서 본인 화면에 맞는 크기로 조절해주세요.
그리고 캔버스에서 빨간색 테두리로 지정된 영역을 자신이 놓고 싶은 부분에 놓아주시면 설정이 완료됩니다.
만약에 채팅창이 보이지 않는다면 소스목록에서 채팅장을 드래그해서 가장 위로 올려주시면 됩니다.
일러, 포토샵이나 파워포인트 만져보신 분들은 아시겠지만 우클릭해서 제일 위로 올려주셔도됩니다.
화면이 차곡차곡 쌓여있는 거기 때문에 밑에 있으면 안보입니다.
트위치 같은 경우 채팅방의 글꼴 등을 chat box에서 언제나 바꿀수 있기때문에
브라우저 소스의 기본 사용법만 알면 쉽게 사용할 수 있습니다.
브라우저 소스 설정창에서 CSS가 보이실텐데 이걸 통해서 나만의 채팅창을 꾸밀 수도 있습니다.
그건 유튜브를 이용한 채팅창을 등록할 때 다루어볼겁니다.
처음에는 시청자가 없어서 채팅창이 한가하거나 아예 없을 수도 있습니다.
자신이 동경하는 스트리머가 있어서 처음 스트리머에 접하는 분들에게
처음부터 엄청난 시청자수를 바라는건 헛된 꿈이겠죠.
하지만 열심히 하다보면 시청자들도 늘어날겁니다.
시청자수는 하나의 지표 정도로 생각하시고 본인이 스트리밍을 통해서 얻고자 하는걸 생각하시면 꾸준히 하는 것이 답인 것 같습니다.
시청자들이나 구독자들이 별로 없어도 자신은 행복하다는 스트리머나 크리에이터 분들도 많으시니까요.
즐겁게 지속가능하게 하실수 있는 컨텐츠를 찾기바랍니다.
오늘도 여러분의 1인 미디어를 응원하며 마치겠습니다.
필이였습니다.
감사합니다.