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
수정 아이콘
전공은 시스템 쪽이라 크크크크크....... 사실 연관이 없었는데 어제 파보니까 재밌네요
목록 삭게로! 맨위로
번호 제목 이름 날짜
공지 댓글잠금 [기타] 편법 인증 및 인증 미비 회원 관련 공지 crema 19/04/05 43267
공지 [기타] 건게 담당제도 시범운영 경과보고 및 당부말씀 드립니다. [3] jjohny=쿠마 19/01/15 40883
공지 [사이트 이용] 인증 시범기간이 끝남에 따라 안내 말씀 드립니다. [2] OrBef 18/05/31 45647
공지 [기타] 게시물 신고 방법 & 권리 침해로 인한 삭제 요청 안내 진성 17/03/21 52501
공지 [기타] 건의게시판 공지사항 및 FAQ jjohny=쿠마 16/06/20 54108
공지 [기타] 이의 제기 과정에 대한 안내입니다. (19/10/18 수정) OrBef 16/01/12 57291
11559 [건의] 테스트 게시물을 올릴 수 있었으면 좋겠습니다. [4] VictoryFood 22/06/29
11451 [건의] 개인화 중 차단 기능을 닉네임 대신 ID나 회원 번호로 해주십시오 [2] 人在江湖身不由己 22/04/08
11086 [건의] 검색 옵션이 이상한 것 같습니다. [3] 부기영화 21/09/04
11031 [건의] 개인화 한 사람이 제가 작성한글을 못보게 하는 것도 가능할까요 1등급 저지방 우유 21/08/08
11006 [건의] 글 수정에 대한 최소한의 유예기간이 필요하지 않을까요? [2] 피터린치77 21/07/29
10679 [건의] 불판창 기능 추가 건의 BlazePsyki 21/02/06
10572 [건의] 게시판 기능 관련 건의 혹은 질문입니다. [2] 세종 20/12/03
10549 [건의] 추게 건의드립니다 [1] bifrost 20/11/27
10023 [건의] 이제 선게 닫혔으니 정치 이야기는 다시 자게에 쓰면 되는건가요? [3] 앙겔루스 노부스 20/04/22
10017 [건의] 선게 유지해주세요 루트에리노 20/04/18
10016 [건의] 선거게시판 폐지 미카미유아 20/04/18
9967 [건의] 구독, 글엮기 기능 제안 [2] 토니파커 20/03/19
9907 [건의] 선게 가입일수나 글작성/댓글작성 수에 따라 [4] 하나 20/03/03
9865 [건의] 코로나 게시판 임시개설을 건의합니다 [5] laugh 20/02/22
9840 [건의] 운영위원 대폭 확대와 상시 모집을 제안합니다. [5] VictoryFood 20/02/19
9706 [건의] 도서게시판 만들어주세요 [3] 보리밥 20/01/01
9646 [건의] 회원의 닉네임을 눌러서 차단할 수 있었으면 좋겠습니다. [2] 버드맨 19/11/28
목록 이전 다음
댓글

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