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://cdn.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
수정 아이콘
전공은 시스템 쪽이라 크크크크크....... 사실 연관이 없었는데 어제 파보니까 재밌네요
목록 삭게로! 맨위로
번호 제목 이름 날짜
9646 [건의] 회원의 닉네임을 눌러서 차단할 수 있었으면 좋겠습니다. [2] 버드맨 19/11/28
9629 [건의] 사이트 차원의 라이엇코리아 보이콧을 건의합니다 [2] 솔로15년차 19/11/20
9592 [건의] 건게 게시글 설정 방침(공개/비공개) 관련 문의 (9535번 게시글 연동) [2] Lifer 19/11/05
9571 [건의] 불판창 동영상(트위치, 유튜브) 버그 리포트 [2] BlazePsyki 19/10/26
9544 [건의] 유튜브 iframe을 불판창에서도 쓸 수 있게 해주세요! [12] BlazePsyki 19/10/16
9535 [건의] 건게 게시글 설정 방침(공개/비공개) 관련 건의사항 [2] Lifer 19/10/14
9498 [건의] 메인화면에서 자게글을 클릭해서 들어가면 카테고리가 전체로 설정되는데 수정되면 좋겠습니다. [4] 파워 19/10/03
9409 [건의] 정치카테고리 혹은 정치게시판 관련 건의 [2] empty 19/09/06
9341 [건의] 타 사이트에서 피지알 내부의 글을 퍼가 조리돌림한다면 제재대상이 될 수 있다고 생각합니다. [13] 끠밍 19/08/21
9311 [건의] 글이나 댓글 삭제시 이유 첨부는 불가능한가요? [6] 아스미타 19/08/08
8938 [건의] 이메일은 정상적인데 인증만 안되신 분은 이 글에 댓글로 달아주세요. [17] crema 19/04/05
8901 [건의] 공지가 페이지 넘어가면 안보입니다. [1] 모아 19/03/22
8786 [건의] 유게 스포츠 카테고리의 삭제 건의 [2] 손금불산입 19/01/29
8655 [건의] 건의게시판 답변 기간은 따로 없나요? [9] 아스미타 18/11/30
8640 [건의] 통합 규정을 한 번 최신화 하는게 어떨까요? [3] CoMbI COLa 18/11/21
8445 [건의] 차단기능 미카미유아 18/09/02
8429 [건의] 규정 개정 건의 및 기타 등등. [3] empty 18/08/27
8423 [건의] 프로듀스 게시판을 만드는건 어떨까요 [7] Tech)MeronG 18/08/26
8326 [건의] 트위터 동영상 태그 허용해주실 수 있나요? [2] 미캉 18/07/12
8280 [건의] 갓건배에 대한 개인적인 생각에 대한 글 [1] Colorful 18/06/24
8263 [건의] 남의 삭제당한 댓글을 클릭해서 볼 수 있게 해주세요. [18] 이부키 18/06/19
8251 [건의] 본문이 펌글규정을 위반한 경우 댓글의 보존필요성 [5] 사악군 18/06/14
8170 [건의] 장판파 관련 벌점 포괄제에 대한 질문 [1] 유아린 18/05/16
목록 이전 다음
댓글

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