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.com/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
수정 아이콘
전공은 시스템 쪽이라 크크크크크....... 사실 연관이 없었는데 어제 파보니까 재밌네요
목록 삭게로! 맨위로
번호 제목 이름 날짜
12120 비밀글입니다 고세구 23/10/11
12119 비밀글입니다 The)UnderTaker 23/10/11
12118 비밀글입니다 철판닭갈비 23/10/11
12117 비밀글입니다 dbq123 23/10/11
12116 비밀글입니다 덴드로븀 23/10/11
12115 비밀글입니다 qwerasdfzxcv 23/10/11
12114 비밀글입니다 Take 23/10/10
12113 비밀글입니다 Tiny Kitten 23/10/10
12112 비밀글입니다 lexicon 23/10/10
12111 비밀글입니다 겟타 엠페러 23/10/10
12110 비밀글입니다 무딜링호흡머신 23/10/10
12109 비밀글입니다 Faker 23/10/10
12108 비밀글입니다 권성동 23/10/09
12107 비밀글입니다 꿀꽈배기 23/10/09
12106 비밀글입니다 저요저요 23/10/09
12105 비밀글입니다 로메인시저 23/10/09
12104 비밀글입니다 Not0nHerb 23/10/09
12103 비밀글입니다 Alcaraz 23/10/09
12102 비밀글입니다 10년차공시생 23/10/09
12101 비밀글입니다 라바니보 23/10/09
12100 비밀글입니다 천학비재 23/10/09
12099 비밀글입니다 티타임 23/10/09
12098 비밀글입니다 HDPHP 23/10/09
목록 이전 다음
댓글

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