첫번째 이야기. 다음 팟 플레이어를 트위치 플레이어로!

by TVJ posted Oct 22, 2017
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄

ㅇ.png

 

 

어느날 문득

 

다음 팟 플레이어(현 카카오 플레이어)에

 

의문점이 생겼습니다.

 

image.png

 

 

 

바로 이 플레이어 우측에 뜨는창은 대체 어떻게 만든걸까?

 

답은 간단했습니다

 

C:\Program Files\DAUM\PotPlayer\ 폴더에 

 

왜인지 모를 HTMl 폴더가 존재하는 겁니다.

 

C:\Program Files\DAUM\PotPlayer\Html\initlist.htm

 

이곳에 모든 비밀이 있었습니다.

 

해당 HTML 에서는 meta 태그를 이용하여, 

 

http://play.kakao.com/svc/potplayer/page/live

 

라는 페이지로 리다이렉트 시키고 있었죠.

 

 

여기서 저는 생각했습니다.

 

아니 그러면 이거 다른거로 연결 시킬 수 도 있는거 아니야?

 

일단 전 무작정 트위치 채팅창을 연결 시켜 보기로 했습니다.

 

해당 HTML 에 모든 내용을 지워버리고, 

 

<meta http-equiv='refresh' content='0; url=https://go.twitch.tv/popout/mozang1/chat'>

 

를 추가했습니다.

 

image.png

 

 

결과는 대 성공이였습니다.

 

 

여기서 한가지 생각을 더 붙입니다.

 

음.. 아니 그러면 트위치 m3u8 추출해서 팟플레이어로 재생하면 

 

렉도 없고 편안하게 방송이라던가 볼 수 있는거 아닐까?

 

https://pwn.sh/tools/getstream.html

 

저는 이곳에서 m3u8 을 뽑아 플레이어로 재생했습니다.

image.png

 

..!

 

이거 완전 안끊기고 편하게 방송 볼 수 있겠는데 ?

 

여기서 조금의 개량작업이 들어갑니다.

 

 

그럼 조금 편하게 트위치 채팅창을 연결해볼까?

 

html 에 


<form action="th.php" method="post">
 <p>트위치 아이디: <input type="text" name="id" /></p>
 <p><input type="submit" /></p>
</form>

 

th.php 에

 

<!DOCTYPE html>
<html lang="ko">
<meta http-equiv='refresh' content='0;url=https://go.twitch.tv/popout/<?php echo htmlspecialchars($_POST['id']); ?>/chat'>
</html>

 

결과는 대 성공!

 

저는 이제 이렇게 트위치를 보려 합니다! 

 

볼때마다 m3u8 주소 붙여 넣어야해서 귀찮긴 하지만 

 

컴퓨터 점유율을 적게 먹으니깐요! 

 

그냥 심심해서 해봤는데 뭔가 길어졌네요 

 

알아봤자 쓸대 없습니다

 

귀찮고 하기도 싫으실테니깐요, 

 

그게 이 강의 주제지만요 ㅋㅋ

 

그럼 이만 다음에 봅시다!


서버에 요청 중입니다. 잠시만 기다려 주십시오...