PGR21.com
- PGR21 관련 질문 / 의견 / 건의 / 버그 제보 글을 올려주세요.
- 운영진에게 직접 쪽지를 보내시는 것 보다 빠르게 답변을 받으실 수 있습니다.
Date 2019/10/16 00:02:22
Name BlazePsyki
Subject [건의] 유튜브 iframe을 불판창에서도 쓸 수 있게 해주세요!
사실 겜게에 파이어폭스 개발자 기능을 이용해서 트위치를 유튜브로 바꿔서 보는 방법을 올릴까 하다가, 단순히 바꾸기만 하면 리사이저 스크립트가 망가지길래 포기했습니다. 물론 코드 분석해서 변환 도중에 style="pointer-events: auto;"가 사라지는걸 알아내서 다시 넣었더니 되었지만, 이런거까지 하기에는 너무 ㅠㅠㅠㅠ 비컴공인에게는 난이도가 높겠지요.

트위치의 부족한 서버 용량에 고통받는 불판러들을 위해 유튜브 영상도 볼 수 있는 기능을 추가해주실 수 없나요? 물론 이 쪽이 좀더 귀찮고 직관적이지 않음(왜냐면 유튜브 스트리밍 ID는 맨날 바뀌니까! ㅠㅠ)이라는 단점을 가지고 있다는 걸 알지만 그래도 화질이 신경쓰이는 걸 어찌 할 수가 없네요.

아, 참고로 전 그냥 시스템하는 대학원생이라 웹 프로그래밍은 잘 몰라요. 그냥 순수하게 코드에 닥돌해서 분석해서 알아봤습니다. 될거 같더라구요 ㅠㅠ

밑에는 제가 겜게에 쓰려다가 만 글입니다.

-----------------------------------------------------------------------------------------------------------------
트위치TV, 애증의 사이트입니다. 아니 서울 서버를 더 안 만들어! 왜 안만드는거야! AWS도 서울 리전 들어왔는데 뭐하는 거야!

...하지만 불판창은 트위치 화면만 지원하죠. 이해합니다. 저라도 개발 귀찮을거 같아요... 개발 운영진께 돈 드리는 것도 아니고..
그래서 임시방편을 생각해봤습니다. 유튜브로도 중계가 되니 유튜브 화면과 불판을 같이 보자고.

제가 알아낸 방법은 파이어폭스를 이용하는 방법입니다.
1. 불판창을 트위치로 엽니다. 여기서는 아무 주소로나 트위치를 여셔도 됩니다.
2. 유튜브에서 LCK 스트리밍 주소를 찾아서 열어둡니다. 여기서 주소를 고쳐서 사용할 거에요.
3. 주소를 다음과 같이 바꿉니다.

https://www.youtube.com/watch?v=<고유ID>  ->  https://www.youtube.com/embed/<고유ID>

이렇게 하시면 유튜브에서 다른 영상 추천이나 댓글 등의 기능을 제외하고 순수하게 영상만 볼 수 있습니다.
여기까지는 모든 브라우저에서 통용이 됩니다. 하지만 불판창은 여전히 한 화면에서 같이 볼 수 없죠.

이 다음부터는 파이어폭스에서만 됩니다. 설명드리겠습니다.

4. 아까 열어놓은 트위치 불판창을 열고 F12를 누릅니다. 개발자 도구입니다.
열린창에서  

body data-gr-c-s-loaded="true"
(텍스트로 넣어야 해서 양옆의 <>를 생략합니다..)

이 항목의 왼쪽 화살표를 펼쳐서 하위 항목을 봅니다.
그중에서

div id="twitch" class="iframe_window" style="width: 86.4453%;"
(width 뒤 숫자는 화면이랑 불판 조절하신 바에 의해서 바뀌기 때문에 신경 안쓰셔도 됩니다.)

이 항목을 다시 펼칩니다.
그러면

iframe id="twitch_iframe" src="https://player.twitch.tv/?channel=lck_korea" style="pointer-events: auto;" width="100%"

이런 줄을 볼 수 있습니다. 이제 모든 준비가 끝났습니다.

5. 해당줄을 오른쪽으로 눌러 'HTML로 편집'을 누릅니다. 이제 줄을 편집할 수 있습니다.
6. 트위치 주소를 아까 3에서 열어놓은 유튜브 주소로 바꾼다음 사각형 밖을 눌러서 편집을 종료합니다.
7. 완성!

장점: 트위치의 저화질에서 벗어나 유튜브와 불판을 같이 감상할 수 있습니다.
단점: 그 외 모두다

..... 솔직히 제대로 된 방법도 아니고 임시 방편이라 롤드컵 보는 내내 하루마다 이 귀찮은 짓을 해야하고 트위치에서 강퀴방처럼 스트리머와 보는거도 불가능하고 정말 단점이 많지만 화질을 포기할 수 없어!


라고 써놓니 트위치가 1080p로 재생이 되네 orz
여튼 방법은 찾았으나 후.... 정말 부질 없군요. 그래도 유튜브의 화질을 즐기렵니다.

불판에서 답글 달아주신 여섯분을 위해서 방법을 서술해 봤습니다. 어렵지만 사용하실 수 있기를 바랍니다.

통합규정 1.3 이용안내 인용

"Pgr은 '명문화된 삭제규정'이 반드시 필요하지 않은 분을 환영합니다.
법 없이도 사는 사람, 남에게 상처를 주지 않으면서 같이 이야기 나눌 수 있는 분이면 좋겠습니다."
BlazePsyki
19/10/16 00:02
수정 아이콘
쓰고보니 비밀글 체크를 못풀었는데 씁... 체크 해제가 안되네요;
jjohny=쿠마
19/10/16 01:30
수정 아이콘
안녕하세요 건게 담당 운영진입니다.
본문의 경우 비밀글 의무 대상이 아닌 것으로 판단되어,
작성자의 의사에 따라 비밀글 상태 해제하였습니다.
19/10/16 13:03
수정 아이콘
업데이트 되었습니다.
"!유튜브 비디오ID" 로 사용 가능합니다.
BlazePsyki
19/10/16 13:04
수정 아이콘
와! 감사합니다!
VictoryFood
19/10/16 23:20
수정 아이콘
감사 감사합니다.
BlazePsyki
19/10/17 22:27
수정 아이콘
버그가 있네요! 리사이저로 작동시키면 동영상 크기는 안변하고 불판 프레임만 우측 맨 끝에서 변합니다.
BlazePsyki
19/10/17 22:35
수정 아이콘
파이어폭스 개발자도구로 보니까
TypeError: tw_div is null
Resize https://pgr21.co.kr../pb/bulpan_twitch.php?no=18004&ch=1KPI9x5V2Ds&player=youtube:91

이런 오류가 뜨고 그 구문은 이거네요
tw_div.style.width = c_percent + '%';
BlazePsyki
19/10/17 22:45
수정 아이콘
맨 처음줄에 var tw_div = document.getElementById('twitch'); 여기서 twitch가 player로 바뀌어야 할것 같네요!
김성수
19/10/16 20:38
수정 아이콘
그냥 지나가다 읽었는데 글 재밌게 읽었습니다 크크
BlazePsyki
19/10/16 20:58
수정 아이콘
아 크크크크.....제가 불판에서 괜히 알아냈다! 이래서 너무 많은 분들이 기대를 하시더라구요.,...... 그래서 글 써서 올리려고 했는데 버그가 있어서 수정하다가... 결국은 개발진께 부탁을...

어제 처음 코드 봤는데 재밌긴 하던데 웹플밍이나 공부해볼까나요..
김성수
19/10/16 21:09
수정 아이콘
아 그러셨군요. 불판은 안 봤는데 재밌어서 읽었네요 크크 AWS도 서울 리전 들어왔는데 한 번 해보셔요 크크크 웹이 가볍게 만지기 좋아서 웹 어플리케이션에 대한 욕구만 있다면 활용성은 좋아요. CSS나 백엔드 보안쪽만 좀 익숙해지시면.. 나머지는 부담 없이 느리면 느린 대로 쌓아 갈 수 있죠~!
BlazePsyki
19/10/16 21:10
수정 아이콘
전공은 시스템 쪽이라 크크크크크....... 사실 연관이 없었는데 어제 파보니까 재밌네요
목록 삭게로! 맨위로
번호 제목 이름 날짜
9551 비밀글입니다 냉면과열무 19/10/17
9550 비밀글입니다 고지보딩 19/10/17
9549 비밀글입니다 기사조련가 19/10/17
9548 비밀글입니다 피해망상 19/10/16
9547 비밀글입니다 구르미네 19/10/16
9546 비밀글입니다 Do The Motion 19/10/16
9545 비밀글입니다 스노볼 19/10/16
9544 [건의] 유튜브 iframe을 불판창에서도 쓸 수 있게 해주세요! [12] BlazePsyki 19/10/16
9543 [겜게] 겜게에 글을 하나 작성했습니다. [2] 1등급 저지방 우유 19/10/15
9542 비밀글입니다 쾌변 19/10/15
9541 비밀글입니다 종이나무 19/10/15
9540 비밀글입니다 페이커 19/10/14
9539 비밀글입니다 바밥밥바 19/10/14
9538 비밀글입니다 크루개 19/10/14
9537 비밀글입니다 본좌 19/10/14
9536 비밀글입니다 아이n 19/10/14
9535 [건의] 건게 게시글 설정 방침(공개/비공개) 관련 건의사항 [2] Lifer 19/10/14
9534 비밀글입니다 19/10/12
9533 비밀글입니다 Do The Motion 19/10/11
9532 비밀글입니다 어... 19/10/10
9531 비밀글입니다 피지알21 19/10/10
9530 비밀글입니다 @ 19/10/09
9529 비밀글입니다 쾌변 19/10/09
목록 이전 다음
댓글

+ : 최근 6시간내에 달린 댓글
+ : 최근 12시간내에 달린 댓글
맨 위로