-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
187 lines (186 loc) · 10.6 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="google-site-verification" content="0_oA6YtigfXXIH5_HQbHsgdhw7grCiLaUQz7oYG2hOk" />
<meta name="description" content="트위치의 서버를 확인하는 확장프로그램입니다. 크롬과 파이어폭스에서 지원됩니다.">
<meta property="og:type" content="article">
<link rel="canonical" href="https://twitch-server-checker.hi098123.com" />
<meta property="og:url" content="https://twitch-server-checker.hi098123.com" >
<meta property="og:site_name" content="Twitch Server Checker" >
<meta property="og:title" content="Twitch Server Checker" >
<meta property="og:image" content="/buy/slowserver.png" />
<meta name="by" content="Twitch Server Checker" >
<meta property="og:description" content="트위치의 서버를 확인하는 확장프로그램입니다. 크롬과 파이어폭스에서 지원됩니다." >
<title>프로그램 소개</title>
<style>
html{background-color: #26262b;color: #fff;}
a{text-decoration: none;color: #03a9f4}
#kt{background-color: #303042;padding: 10px 5px;}
#kt >h4 {margin: 10px}
#kt >h5 {margin: 10px}
li{padding: 5px 0;}
#Gotop{
position: fixed;
left: 100%;
font-size: 3em;
background-color: #565967;
width: 64px;
height: 64px;
text-align: center;
cursor: pointer;
top: 100%;
margin-top: -100px;
margin-left: -100px;
}
.token.keyword {
color: #66d9ef;
}.token.punctuation {
color: #f8f8f2;
}.token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted {
color: #a6e22e;
}.token.boolean, .token.number {
color: #ae81ff;
}.token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string, .token.variable {
color: #ef2424;
}pre[class*="language-"] {
padding: 1em;
margin: .5em 0;
overflow: auto;
border-radius: 0.3em;
}
h4,h5{font-weight: lighter;}
</style>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/xeicon.min.css">
</head>
<body>
<div style="text-align: center;">
<h2><i class="xi-twich" style="color: #9370db;font-size: 1.2em;"></i> Twitch Server Checker</h2>
<h4>설치 또는 업데이트가 완료되었습니다. 이 서비스는 트위치 공식 서비스가 아닙니다.</h4>
<h4><a href="https://twitchserverchecker.tistory.com/">더 많은 정보를 얻고 싶다면? Twitch Server Checker 블로그로 가기</a></h4>
</div>
<div style="margin: auto;max-width: 820px;margin-top: 50px;padding: 10px;">
<p>최근 업데이트 : SlowServer 주소변경(19/12/13) 반영</p>
</div>
<div style="margin: auto;max-width: 820px;margin-top: 50px;padding: 10px;">
<h1>목차</h1>
<ul>
<li><a href="#버퍼">버퍼?</a></li>
<li><a href="#기능">기능</a></li>
<li><a href="#작동">작동</a></li>
<li><a href="./update/" target="_blank">업데이트 내역 안내</a></li>
<li><a href="#구입">구입</a></li>
<li><a href="#설치">설치 링크</a></li>
<li><a href="#소스">소스 코드 배포 안내</a></li>
</ul>
<hr style="margin-top: 50px;">
<div style="margin-top: 50px;">
<h1 id="버퍼">버퍼?</h1>
<h3>1. KT의 해외망 문제이다? <span style="color: #ee2323;">NO</span></h3>
<p>KT의 해외망은 문제가 없으며, 한국에 서버가 없는경우에도 원활히 접속이 가능하다.</p>
<p>패킷 손실량과 반응속도 측정시 문제가 전혀없습니다.</p>
<p> </p>
<h3>2. Goodbyedpi를 사용하면 버퍼가 사라진다? <span style="color: #ee2323;">NO</span></h3>
<p>해당 기능은 패킷의 일부를 변환시키는 기능인데 IP를 바꿀수있는게 아니다.</p>
<p>IP를 기반으로 버퍼걸리는 서버에 배정하므로 영향이 전혀 없다.</p>
<p> </p>
<h3>3. 시크릿모드로 접속하면 버퍼가 사라진다? <span style="color: #ee2323;">NO</span></h3>
<p>마찬가지로, IP를 바꿔주지 못한다.</p>
<p>근본적으로 서버배정은 IP를 통해서 배정하게 된다.</p>
<p>따라서 버퍼가 안걸리게 바꿀수 없습니다.</p>
<p> </p>
<h3>4. 팝업플레이어 (또는 멀티트위치)로 보면 버퍼가 사라진다? <span style="color: #ee2323;">NO</span></h3>
<p>팝업플레이어로 볼때의 차이는 채팅을 표시하지 않는 차이 뿐이다.</p>
<p>채팅문제가 아닌경우 팝업플레이어나 멀티트위치(팝업플레이어와 동일)에서 문제가 해결되지않는다.</p>
<p> </p>
<h3>5. VPN을 쓰면 버퍼가 사라진다? <span style="color: #de623b;">?!</span></h3>
<p>VPN은 각자 제한 속도가 있다.</p>
<p>유료 VPN으로 속도 제한이 없다면 해결된다.</p>
<p>무료 VPN은 대부분 속도제한이 있으며 스트리밍보기에는 원활하지 않은경우가 많다.</p>
<p>아쉽지만, 한국 VPN서버의 대부분은 KT망을 사용</p>
</div>
<div style="margin-top: 50px;">
<h1 id="기능">기능</h1>
<p>1. <del>한글에서만 "생방송" 표기가 세로로 되던 문제를 해결해줍니다.</del> <del>기능에서 제거</del></p>
<img src="https://twitch-server-checker.hi098123.com/live.png">
</div>
<div style="margin-top: 50px;">
<table cellpadding="10" style="background-color: #222">
<th colspan="2" style="background-color: #444">실행 이미지</th>
<tr>
<td style="vertical-align: top;">
<h4>기본 버전</h4>
<img src="https://twitch-server-checker.hi098123.com/tsc.png">
</td>
<td>
<h4>Pro 버전</h4>
<img src="https://twitch-server-checker.hi098123.com/pro.png">
</td>
</tr>
</table>
<p>2. 서버 위치를 확인해줍니다.</p>
<p>3. 광고차단 βeta (Pro 버전) : 모든 광고를 제거하지는 못합니다.</p>
<div id="kt">
<h3>4. <img src="https://twitch-server-checker.hi098123.com/slow.png" style="vertical-align: middle;">=><img src="https://twitch-server-checker.hi098123.com/kt.png" style="vertical-align: middle;"><b>KT 버퍼 해결(Pro 버전 : 크롬)</b> : 버퍼걸리는 서버에서 원래의 서버로 변경</h3>
<h4>Q. VPN으로도 한국서버 설정이 가능한데 차이가 뭔가요?</h4>
<h5>A. VPN은 VPN서버의 속도에 영향을 받습니다.</h5>
<h5>* 트위치서버 <-> VPN서버 <-> 사용자 ( vpn의 속도에 영향 )</h5>
<h5>또 vpn을 사용해도 Slow Server에 걸릴수있습니다. (사용한 의미가 없을수있음)</h5>
<h5>* 트위치서버(slow) <-> VPN서버 <-> 사용자 ( 버퍼 )</h5><br>
<h5>반면에 Pro버전은 사용자의 환경에서 트위치 서버와 직접적으로 연결을 해주기 때문에 기존 스트리밍과 동일하게 처리됩니다.</h5>
<h5>* 트위치서버 <-> 사용자 ( 지연시간의 감소 )</h5>
<br><br>
<h4>Q. 다른통신사도 이용이 가능한가요?</h4>
<h5>A. 현재는 <a href="https://chrome.google.com/webstore/detail/twitch-server-checker/bohhpcaljnggabklkeanncbebknjpcod?utm_source=chrome-ntp-icon" target="_blank">무료 프로그램</a>에서 위치가 Slow Server 로 뜨는경우에만 이용가능합니다.</h5>
<img src="https://twitch-server-checker.hi098123.com/buy/slowserver.png">
<h5>위와 같이 아이콘이 빨간색으로 변하고, Slow Server로 뜨는 경우 이 기능을 이용하실수 있습니다.</h5>
<br><br>
<h4>Q. 왜 유료인가요?</h4>
<h5>A. 유지관리(업데이트,서버,운영)와 문의를 받으려면 비용이 듭니다.</h5>
<h5>효율적이고 안정적인 유지관리를 위해 일회성으로 사용료를 받습니다.</h5><br><br>
<h3 id="해외서버">5. <b>해외서버 연결 차단 βeta (Pro 버전 : 크롬)</b></h3>
<h4>해외서버로 잡히는경우 차단을 하고, 한국서버로 접속을 돕습니다.</h4>
<h4>이렇게 뜨는 경우 <b style="color: #fc3636">새로고침 해보세요</b></h4><br>
<h5>현재 시험 버전이며 제 경우는 테스트결과 바로 해결되었습니다.</h5>
<h5>만약 계속 시청불가라면 이 기능을 끄세요</h5><br>
<h5>이 기능을 사용시 영상 중간에 끊길수 있습니다. (자주 끊기는경우 이기능을 사용중지하세요.. 아직 테스트기능입니다.)</h5>
<img src="https://twitch-server-checker.hi098123.com/neterr.png" style="width: 810px;max-width: 100%;">
</div>
</div>
<div id="Gotop"><a href="#" class="xi-arrow-up"></a></div>
</div>
<div style="margin: auto;max-width: 820px;padding: 10px;">
<div style="margin-top: 50px;">
<h1 id="작동">작동</h1>
<p><i class="xi-toggle-off" style="font-size: 2.5em;color: mediumpurple;margin-left: 10px;"></i> : 꺼진 상태입니다.</p>
<p><i class="xi-toggle-on" style="font-size: 2.5em;color: mediumpurple;margin-left: 10px;"></i> : 켜진 상태입니다.</p>
</div>
<div style="margin: 50px auto;">
<h1 id="업데이트">업데이트 내역 안내</h1>
<p><a href="./update/">업데이트 내역 안내</a></p>
</div>
<div style="margin: 50px auto;">
<h1 id="구입">구입</h1>
<p><a href="./buy/">구입하기</a></p>
</div>
<div style="margin: 50px auto;">
<h1 id="설치">설치 링크</h1>
<p>* <a href="https://chrome.google.com/webstore/detail/twitch-server-checker/bohhpcaljnggabklkeanncbebknjpcod?utm_source=chrome-ntp-icon">크롬 웹스토어</a></p>
<p>* <a href="https://addons.mozilla.org/ko/firefox/addon/twitch-server-checker/">파이어 폭스</a></p>
</div>
<div style="margin: 50px auto;">
<h1 id="소스">소스 코드 배포 안내</h1>
<p>"기본 버전"의 소스코드는 MIT 라이센스하에 자유롭게 사용하실수 있습니다.</p>
<p><a href="https://github.com/hi098123/TwitchServerChecker/raw/master/src.zip" target="_blank"><i class="xi-download"></i> 크롬용 소스코드 다운로드</a></p>
<p><a href="https://github.com/hi098123/TwitchServerChecker/raw/master/src-firefox.zip" target="_blank"><i class="xi-download"></i> 파이어 폭스용 소스코드 다운로드</a></p>
<br>
<p>"Pro 버전"의 소스코드는 아래의 라이센스를 부여합니다. (The source code of the "Pro version" is licensed below.)</p>
<ul>
<li>수정 금지 - Do not modify</li>
<li>재배포 금지 - No redistribution</li>
</ul>
</div>
<p>© 2020-<script>document.write(new Date().getFullYear())</script> <a href="https://twitchserverchecker.tistory.com/">TwitchServerChecker</a></p>
</div>
</body>
</html>