aboutsummaryrefslogtreecommitdiffhomepage
path: root/index.html
blob: b5cc2a01c6f474ab4a50cf1e08b7f79e0e26ca3e (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
<!DOCTYPE html>
<html theme="light">

<head>
	<title>YouTube Frame Timer</title>
	<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">
	<link rel="stylesheet" href="style.css" type="text/css" media="screen">
</head>

<body>
	<label class="switch">
		<input type="checkbox" id="page_theme" onclick="change_theme()">
		<span class="slider" id="slider"></span>
	</label>
	<!-- This needs to come after the above switch -->
	<script src="main.js"></script>

	<h1>Speedrun Retimer without Ads</h1>
	<a href="https://github.com/Mango0x45/no-ad-retimer" target="_blank">
		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>
</body>

</html>