aboutsummaryrefslogtreecommitdiffhomepage
path: root/index.html
blob: 23e4a9966996ee75644950ec21df96e2aa7ebd46 (plain) (blame)
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
<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="keywords" content="Speedrun, Retime">
	<meta name="description" content="A speedrun retime tool">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>YouTube Frame Timer</title>
	<link rel="stylesheet" href="style.css" type="text/css" media="screen">
	<!--
	<link rel="stylesheet" href="dark.css" type="text/css" media="screen">
	-->
	<script src="main.js"></script>
</head>

<body class="stackedit">
	<div class="stackedit__html">
		<!--
		TODO: Finish dark theme!

		<label class="switch">
			<input type="checkbox" id="color_preference" onclick="change_preferance()">
			<span class="slider round" id="slider"></span>
		</label>
		-->
		<h1>Speedrun Retimer without Ads</h1>
		<a href="https://github.com/Mango0x45/no-ad-retimer">
			Source code (GitHub)
		</a>
		<h3 id="video-framerate">Video Framerate</h3>
		<p>
			Right click the YouTube video and select “Stats for
			nerds.” The third line is “Current / Optimal Res” -
			find the two numbers after the @ and enter them for
			framerate.
		</p>
		<p>
			<label for="framerate">Framerate: </label>
			<input type="text" id="framerate" size="3" value="30"
				onchange='check_fps(event)'>
		</p>
		<h3>Video Endpoints</h3>
		<p>
			Find the starting point (you can use the <code>,</code>
			and <code>.</code> keys to find the exact frame). Right
			click the video and select “Copy debug info” and paste
			it for starting frame. Repeat for ending frame.
		</p>
		<p>
			<label for="startobj">Starting frame: </label>
			<input type="text" id="startobj" style='width:100%'
				onchange='parse_time(event)'>
		</p>
		<p>
			<label for="endobj">Ending frame: </label>
			<input type="text" id="endobj" style='width:100%'
				   onchange='parse_time(event)'>
		</p>
		<h3 id="video-time">Video Time</h3>
		<input type="text" id="time" readonly size="40">
		<p>
			<textarea id="mod_message" cols="40" rows="3" readonly
				disabled>
			</textarea>
		</p>
		<button id="mod_message_button" disabled
			onclick="copy_mod_message()">
			Copy Mod Message to Clipboard
		</button>
	</div>
</body>

</html>