블로그 이미지

카테고리

All Thinks (32)
이벤트 (0)
Computer Game (12)
Arduino (2)
스트리밍 (3)
공예 (1)
해킹 (2)
파워디렉터 12 (2)
손그림 (2)
잡생각 (0)
유용한 정보 (2)
SpaceX (3)
Mobile Game (1)
철도 모형 (1)
Total1,297
Today4
Yesterday11

공지사항

달력

« » 2017.09
          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
간단한 채팅창 띄우기

저번에는 간단하게 채팅창을 띄워보았죠?
이번에는 좀 더 멋진 채팅창을 띄워봅시다!

먼저, JSAssist 홈페이지에 접속해주세요.


메인화면입니다. 유튜브, 트위치, 카카오TV 실시간 스트리밍에서 많이 봤던 채팅창이죠?

밑으로 내리고 "다운로드" 버튼을 눌러줍니다.

실시간 채팅창을 새 창에서 띄우고 이번에는 주소창에서 "/live_chat?v=" 뒤에 있는 11글자 알파벳과 숫자를 복사해줍니다.

다운로드받은 JSAssist 압축 파일을 풀고, 관리자 권한으로 실행시켜줍니다.
최초 1회만 관리자 권한으로 실행시켜주시면 됩니다.
좌측의 Youtube 채팅 설정을 눌러주세요.

복사한 11글자 키를 "Youtube Chat Key" 란에 붙여넣어줍니다.
그리고 "적용 및 닫기" 버튼을 눌러주세요.

Youtube 채팅 연동 성공이 된 모습입니다.
좌측 하단의 WIDGETS에서 "설정" 버튼을 눌러주세요.

프리셋을 수정하시거나 선택해주시고 "채팅 위젯 주소" 란의 URL을 복사해주세요.

OBS Studio 소스 목록에서 "BrowserSource"를 추가해주세요.

다 아시죠?

URL 란에 복사한 URL을 붙여넣어주시고 "확인" 버튼을 눌러주세요.

채팅 크기에 비해 위젯 크기가 너무 크네요.

위젯 크기를 줄여주고 미리보기에서 늘려주시면 됩니다.

이렇게만 되면 여러분도 스트리머가 되실 준비가 되었습니다!

앞으로 유튜브 실시간 스트리밍에 대한 좋은 정보가 있으면 올리도록 하겠습니다.
신고
Posted by 트루가이
스트리밍 하는 방법

이제 스트리밍의 생명인 채팅을 간단한 방법으로 화면에 보여지도록 해봅시다!


크리에이터 스튜디오-실시간 스트리밍에서 실시간 채팅 칸의 점 세 개 버튼을 눌러주세요.

"새 창에서 채팅 열기"를 클릭해주시면 이렇게 나옵니다.
창 상단의 URL을 복사해주세요.

OBS Studio를 켜고 소스 목록에서 "BrowserSource"를 추가해주세요.

"새로 만들기"에 체크하고 "확인" 버튼을 눌러주세요.

URL 란에 복사한 URL을 붙여넣어주세요.

이렇게 채팅창을 화면에 띄울 수 있습니다!

소스 목록에서 "BrowserSource"를 더블클릭하여 속성을 수정할 수 있습니다.

저는 비율을 수정하고 아래에 있는 채팅 입력란을 보이지 않게 밑으로 넣어보았습니다.

다음에는 투명하고 이번보다 멋진 채팅창을 띄워보도록 하겠습니다!
신고
Posted by 트루가이
한참 전부터 개인방송이 큰 인기를 끌었습니다.
유튜브에서도 실시간 스트리밍을 할 수 있다는 점은 모두 아실텐데요, 실시간 스트리밍을 직접 해봅시다.

먼저, OBS Studio 홈페이지에 들어가줍니다.


"Download OBS Studio" 버튼을 클릭해서 인스톨러를 다운로드해주세요.

다운 받는 동안 자신의 유튜브 크리에이터 스튜디오로 들어가주세요.

왼쪽의 메뉴에서 실시간 스트리밍에 들어가주시면, 이렇게 나옵니다.
스트리밍 정보들을 미리 바꿔주세요.

밑으로 내려가면 "스트림 이름 및 키" 란에 키가 적혀있습니다. 저걸 복사해주세요.

OBS Studio를 설치해주시고, 파일-설정에 들어가주세요.

방송에서 서비스를 "YouTube / YouTube Gaming"으로 선택하고 복사한 키를 "스트림 키" 란에 붙여넣어주세요.
그리고 "적용" 버튼을 누르시고 닫아주시면 됩니다.

우측 하단의 "방송 시작" 버튼을 눌러줍니다.

유튜브 실시간 스트리밍 화면을 보시면 스트림이 진행중인 것을 확인하실 수 있습니다.
이제 저 검은 화면을 채워보도록 하죠.

다시 OBS Studio로 들어와줍니다.

하단의 소스 목록에서 윈도우 캡쳐를 추가해줍니다.

"새로 만들기"로 체크해주시고 "확인" 버튼을 눌러주세요.

"윈도우"에서 원하는 창을 선택해줍니다.
그리고 "확인" 버튼을 눌러주세요.

빨간 원으로 크기를 조절해주세요.
스트림이 잘 진행되는지 볼까요?

선택한 화면이 나타났습니다!

다음에는 유튜브 실시간 채팅을 보여지도록 하는 방법을 살펴보죠.


신고
Posted by 트루가이

최근에 받은 트랙백

최근에 달린 댓글

글 보관함