http://pd-retro-tv.tistory.com/91
*여긴 접기 기능이 안되는거 같네요...
스압이 빡치시는 분들은 제 블로그에 와서 봐주세요
이번에 호무스트림 이라는 새로운 플러그인이 생겼습니다
이 플러그인은 국내에서도 예전부터 쓰던 Twitch Alerts이나 StreamPro와 다르게
페이팔뿐만 아니라 휴대폰 결제도 가능하다는게 큰 특징입니다
다만 위에서 언급한 두 플러그인과는 다르게 레이아웃은 아직까진 썩 고급지진 못합니다
다만 개발자분 께서 차차 개선해 나갈것 이라고 하니 조금은 기대해볼만 합니다
왜냐하면 지금까지 플러그인 중에서 한국친화형 플러그인은 그다지 없었기 때문이죠
어쨌든 잡담은 각설하고 이제 호무스트림 플러그인 사용법에 대해서 글을 적어보도록 하겠습니다
먼저 homustream.com에 접속합시다
http://cfile4.uf.tistory.com/image/2560E23C56CAC9D32927FD" data-lightbox="lightbox" target="_blank">
'가입하기' 버튼을 눌러줍니다
http://cfile10.uf.tistory.com/image/227E0B3C56CAC9D31B16A6" data-lightbox="lightbox" target="_blank">
가입하는데 그다지 많은 정보를 요구하지는 않습니다
아이디, 비밀번호, 이메일, 닉네임만 입력하고 가입버튼을 누르면 곧바로 가입이 됩니다
http://cfile30.uf.tistory.com/image/255FDE3C56CAC9D52AD605" data-lightbox="lightbox" target="_blank">
가입한 아이디로 로그인을 하게되면 저 화면이 제일 처음에 뜨게 됩니다
이제 '정보 수정' 버튼을 눌러줍시다
http://cfile25.uf.tistory.com/image/2256603C56CAC9D62F0561" data-lightbox="lightbox" target="_blank">
제일 밑에 있는 트위치 연동 항목의 '연동하기' 버튼을 눌러줍시다
http://cfile4.uf.tistory.com/image/225CA63C56CAC9D82B8EA0" data-lightbox="lightbox" target="_blank">
그러면 트위치 로그인 화면이 뜰텐데, 저처럼 미리 로그인 되어 있는 경우엔 곧바로 위 사진처럼
권한 부여 창이 뜨는 경우도 있습니다
로그인이 안되어 있으면 로그인 하시고 권한 부여 버튼을 눌러주시면 됩니다
http://cfile24.uf.tistory.com/image/225DFD3C56CAC9D92BD106" data-lightbox="lightbox" target="_blank">
트위치 연동이 되었다면
화살표 표시가 있는 곳에 트위치 연동 여부 : '트위치 아이디'가 뜨게 됩니다
http://cfile7.uf.tistory.com/image/261E183356CAC9DB31F355" data-lightbox="lightbox" target="_blank">
그 다음에는 페이팔로 기부를 받을때 쓸 페이팔 이메일과
핸드폰 결제로 기부받을 계좌번호나 주민 번호를 적어주시면 됩니다
그런데 이 플러그인을 써본적이 없어서 그런데, 핸드폰 결제에 입력할 내용은 좀더 명확한 예시가 필요할 듯 하네요
이 사항도 다음번에 개선되면 좋을듯 합니다
접기
접기
기부 알림 설정은 X달러 이상일때 특수효과를 보여주는 기능입니다
http://cfile8.uf.tistory.com/image/2618423356CAC9DB33A54F" data-lightbox="lightbox" target="_blank">
조건은 하나뿐만이 아니라 여러개를 설정 할 수 있어서
단계별로 그에 해당하는 특수효과를 넣을 수 있습니다
예를 들면 5 달러 이상은 그림만 보여주고
10 달러 이상은 그림 + 음악을 보여준다거나...
그 외에도 유튜브 링크를 추가해서 재생지점을 설정하면 그 부분의 영상을 보여줄 수도 있습니다
접기
접기
트위치에 적용하려면 오버레이는 필수 입니다
기부는 그냥 받을수 있긴 하지만...
기부했다는 사실도 알려줘야 기부할 맛이 나겠죠?
http://cfile27.uf.tistory.com/image/2460623356CAC9DB14EBCE" data-lightbox="lightbox" target="_blank">
오버레이 편집기에서 '오버레이 추가' 버튼을 눌러줍시다
http://cfile22.uf.tistory.com/image/21257D3356CAC9DC2E151C" data-lightbox="lightbox" target="_blank">
넹
http://cfile5.uf.tistory.com/image/252B153356CAC9DD2B32A0" data-lightbox="lightbox" target="_blank">
그리고 추가된 '나만의 오버레이'를 선택해 줍시다
나중에 이름 변경 할 수 있습니다
http://cfile30.uf.tistory.com/image/242FAD3356CAC9DE29922D" data-lightbox="lightbox" target="_blank">
위 사진이 오버레이 편집창 입니다
여기서는 위젯을 추가해서 화면에 띄울 위젯을 편집하는 곳이라 보면 됩니다
위젯은 총 4종류가 있는데
일단 텍스트, 기부 알림, 기부자 목록, 채팅 위젯이 있습니다
1. 텍스트 위젯
http://cfile4.uf.tistory.com/image/2638093356CAC9DE234C49" data-lightbox="lightbox" target="_blank">
텍스트 위젯을 추가하시면 사진처럼 텍스트를 편집 할 수 있는 창이 뜹니다
텍스트 에는 본인이 원하는 문구를 입력하시고
그 외의 설정은 본인이 직접 쓰면서 결정하는게 좋습니다
http://cfile21.uf.tistory.com/image/2748BE3356CAC9DF1FB4FE" data-lightbox="lightbox" target="_blank">
텍스트를 편집하면 이렇게 바뀌는게 보입니다
2. 기부 알림 위젯
http://cfile26.uf.tistory.com/image/222E2D3456CAC9E002E8AD" data-lightbox="lightbox" target="_blank">
기부 알림 위젯은 타인이 본인에게 기부할때 '닉네임' '기부금액' '남기는 말' 순서대로 표시해 주는 위젯입니다
위젯을 추가하면 위처럼 '홍길동 님이 10달러를 기부하셨습니다.' 라고 뜨는데
위젯 편집을 효과적으로 하기위해 임시로 보여주는 예제일 뿐이라, 실제로 방송화면에서는 뜨지 않습니다
방송화면에 뜨려면 실제로 누군가 기부할때만 뜹니다 (혹은 테스트)
밑에 볼륨은 기부 알림이 올때 알림을 읽어주는 목소리의 볼륨입니다 (실제로 테스트 해보시면 무슨 뜻인지 알 듯)
3. 기부자 목록 위젯
http://cfile29.uf.tistory.com/image/2679FA3456CAC9E021BBC7" data-lightbox="lightbox" target="_blank">
본인에게 기부한 유저들을 표시해주는 위젯입니다
이 부분에 대해선 딱히 말씀 드릴게 없네요 (나한테 기부가 와야 알던가 하죠)
4. 채팅 위젯
http://cfile6.uf.tistory.com/image/2677C53456CAC9E1230CF0" data-lightbox="lightbox" target="_blank">
트위치에서 유저들이 치는 채팅을 화면에 출력하는 위젯입니다
기부 알림 위젯과 마찬가지로 편집에서 보이는 위젯창은 실제로 방송화면에 뜨지는 않습니다
http://cfile1.uf.tistory.com/image/216E593456CAC9E1296218" data-lightbox="lightbox" target="_blank">
접기
접기
이제 편집한 오버레이를 방송화면에 띄울려면 Xsplit이나 OBS 프로그램에 적용해줘야 합니다
http://cfile2.uf.tistory.com/image/2369753456CAC9E12BEC28" data-lightbox="lightbox" target="_blank">
오버레이 편집 창에서 오버레이 주소 항목 밑에 있는 '여기를 클릭하여 주소를 복사하세요' 버튼을 눌러줍시다
http://cfile3.uf.tistory.com/image/2263043456CAC9E330F908" data-lightbox="lightbox" target="_blank">
그러면 이렇게 오버레이 주소가 뜨게됩니다
드래그 해서 Ctrl + C 해줍시다
http://cfile7.uf.tistory.com/image/23679F3456CAC9E32DC1DD" data-lightbox="lightbox" target="_blank">
Xsplit을 실행시켜 줍니다 (OBS는 밑에서 다루도록 하겠습니다)
그리고 왼쪽 밑에 '추가' 버튼을 누른뒤 Other -> Webpage URL을 클릭하신뒤 나오는 창에
방금 복사한 링크를 붙여넣어 줍시다
http://cfile10.uf.tistory.com/image/235C4F3C56CAC9E42CFB3E" data-lightbox="lightbox" target="_blank">
이제 플러그인이 제대로 적용되었는지 테스트 해볼 시간입니다
오버레이 편집창에서 기부 테스트 항목에 테스트 해보고싶은 문구를 입력해 줍니다
그리고 테스트 버튼을 클릭해 줍시다
http://cfile23.uf.tistory.com/image/216D083C56CAC9E524E6FA" data-lightbox="lightbox" target="_blank">
만약 플러그인이 제대로 적용되었다면, 위 사진처럼 기부 테스트에 입력한 내용이 출력되면서
전자보이스가 입력한 내용을 읽는 소리가 납니다
그 다음은 채팅 위젯이 제대로 적용되는지도 제대로 테스트 해봅시다
http://cfile26.uf.tistory.com/image/266C2A3C56CAC9E7242429" data-lightbox="lightbox" target="_blank">
채팅 위젯은 별거 없습니다
자기 채널 채팅창에 본인이 직접 입력해보면 바로 알 수 있습니다
채팅창에 입력한 내용이 뜨면 제대로 적용된 겁니다
접기
접기
이번에 OBS MP가 OBS Studio로 정식 업데이트 되고 나서부터
기존의 OBS는 OBS Classic 이라고 부르기 시작하더군요
근데 전 귀찮아서 그냥 이 프로그램은 OBS로 부르기로 하겠습니다 (OBS Studio는 OBS 스튜디오로...)
일단 OBS를 실행합니다
http://cfile6.uf.tistory.com/image/22711F3C56CAC9E71E7CED" data-lightbox="lightbox" target="_blank">
소스 목록을 우클릭 한 뒤
추가 -> CLR Browser를 눌러서 추가해줍니다
http://cfile3.uf.tistory.com/image/22796F3C56CAC9E81E6EF5" data-lightbox="lightbox" target="_blank">
이름은 그냥 대충 만들어도 됩니다
http://cfile5.uf.tistory.com/image/2648AA3C56CAC9E9368F27" data-lightbox="lightbox" target="_blank">
추가된 소스를 더블클릭하면 위와같은 창이 뜨게 되는데
URL에 복사한 주소를 붙여넣으시면 됩니다
그리고 Dimensions의 Width, Height는 상황에 따라 1280 X 720 혹은 1920 X 1080으로 적용해주시면 됩니다
테스트는 Xsplit과 마찬가지로 하면 됩니다
접기
접기
OBS Studio는 기본적으로 URL 소스를 지원하지 않습니다
제일 많이 쓰는 소스중 하나인데 왜 기본으로 안넣었는지는 의문이더군요
지금은 업데이트로 추가되었는지 모르겠지만 혹시 모르니 일단 URL 소스 추가 방법에 대해 부가설명을 해야 할 것 같습니다
일단 OBS 공식 사이트에 접속해줍니다
http://cfile28.uf.tistory.com/image/2674B23F56CAE6F934CD7F" data-lightbox="lightbox" target="_blank">
우측 상단의 Forum을 클릭합니다
http://cfile10.uf.tistory.com/image/222F033356CAC9EA293B8B" data-lightbox="lightbox" target="_blank">
밑에 Plugins에 OBS Studio Plugins를 클릭합니다
http://cfile25.uf.tistory.com/image/2678CB3356CAC9EB0AE054" data-lightbox="lightbox" target="_blank">
Browser Plugin을 클릭합니다
http://cfile21.uf.tistory.com/image/2332FF3356CAC9EB28CF6D" data-lightbox="lightbox" target="_blank">
위와 같은 글에 있는 Read more about this resource를 클릭합니다
http://cfile3.uf.tistory.com/image/21470E3356CAC9ED2014AE" data-lightbox="lightbox" target="_blank">
Windows 항목의 가장 최근 다운로드를 클릭해 줍시다
http://cfile24.uf.tistory.com/image/214EBC3356CAC9ED1DC1F7" data-lightbox="lightbox" target="_blank">
압축을 풀면 이런 폴더가 뜨게 됩니다
http://cfile30.uf.tistory.com/image/2449BA3356CAC9F01EA98F" data-lightbox="lightbox" target="_blank">
http://cfile23.uf.tistory.com/image/2239FD3356CAC9F0250F8B" data-lightbox="lightbox" target="_blank">
http://cfile22.uf.tistory.com/image/27347E3356CAC9F1277449" data-lightbox="lightbox" target="_blank">
http://cfile6.uf.tistory.com/image/2554CF3356CAC9F31A3C15" data-lightbox="lightbox" target="_blank">
OBS Studio 설치 경로를 따라가서 압축을 푼 폴더 안의 파일을 전부 복사해서 붙여넣어 줍니다
가급적 32bit 64bit 폴더 모두 복사해 주세요
http://cfile2.uf.tistory.com/image/2628713356CAC9F32E349C" data-lightbox="lightbox" target="_blank">
OBS Studio를 실행하신 뒤, 소스 목록 우클릭 후
추가 항목에 BrowserSource가 뜨면 제대로 적용된겁니다
http://cfile24.uf.tistory.com/image/22084D4956CAE8D709E4CF" data-lightbox="lightbox" target="_blank">
그러면 마찬가지로 URL을 붙여넣어주신 뒤
Width, Height는 마찬가지로 1920 X 1080 혹은 1280 X 720로 맞춰주시면 됩니다
테스트는 뭐 알아서 하시면 되구요...
접기