Nightbot AutoDJ를 브라우저 소스로 등록하는 팁을 알려드립니다.
(이 글의 작성에는 Dinir님이 많은 도움을 주셨습니다)
먼저 OBS에서 브라우저를 하나 만들어 주시고 '우클릭>속성'에 아래 내용을 적어줍니다.
- URL: https://beta.nightbot.tv/song_requests (우클릭>상호작용>트위치 로그인 하셔야 합니다. 그림퍼즐도 풀어야함..)
- 너비: 1300
- 높이: 900
- FPS: 60
- 커스텀 CSS (잡다한 것들을 투명하게 바꿔주고, 유튜브 영상을 (800x450p)로 바꿔줍니다 (나이트봇 기본은 400x255p)입니다
- 소스가 보이지 않는 경우 종료: 이걸 체크하면 '숨김' 처리됐을 때 소리를 안나오게 할 수 있습니다
body { background-color: rgba(0, 0, 0, 0); margin: 0px auto; overflow: hidden; } #yt_player { height: 450px; width: 800px; !important} .gray-bg, .ibox-title, .ibox-content { background-color: rgba(0, 0, 0, 0); } .current-track p:first-of-type { visibility: hidden; } .alert-dismissable, div.row:nth-child(4), #page-wrapper > div:nth-child(3) { display: none; } |
이 css에서 #yt_player는 기존의 오토디제이보다 2배 크고 16:9비율을 유지합니다. 크기를 원하는 대로 바꾸시면 16:9비율을 유지해주시는게 좋고, 아래 변환편집설정도 함께 바꾸셔야합니다!
그리고 '우클릭>변환>변환편집'에 아래 내용을 적어줍니다.
- 위치: 상관없음
- 회전: 0 (..... 이걸 회전시키려구요? 그럼 바꾸세요)
- 크기: 1300 x 900 [고정]
- 위치정렬: 상관없음
- 경계상자유형: 최대 크기만
- 상자내부정렬: 정중앙
- 경계상자크기: 상관없음 (OBS에서 보이는 크기입니다. 맘대로 바꾸세요)
- 자르기: [고정]
- 왼쪽 255, 오른쪽 245
- 위 347, 아래 103
이렇게 하시면 OBS에는 깔끔하게 유튜브 영상만 잘려서 보입니다.
- 장점:
- 한 번 세팅하면 OBS만 키면 오토디제이가 자동실행된다
- CSS를 커스텀해서 유튜브 뮤비를 크게, 고정비율로 볼 수 있다. 또, 다음노래로 넘어갈 때 투명하고 깔끔하게 넘어간다
- 단점:
- 스트리머가 OBS로 조작해야해서 귀찮다
- 가끔씩 트위치 로그인이 풀리는데, 그럼 그림퀴즈 풀어야한다
이제 OBS에서 아래처럼 볼 수 있습니다.
마우스로 크기를 조절해도 비율은 유지가 됩니다
오토디제이를 제어하고 싶으면 '우클릭>상호작용'으로 창을 열면 아래처럼 온전히 나오고 인터넷브라우저 처럼 쓰시면 됩니다.
안된다구요? ㅎㅎ ㅈㅅ