<!DOCTYPE html> <html> <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> <a href="settings.html" id="settings"> <!-- Source: https://freesvg.org/options-icon-24168 License: Public Domain --> <svg viewBox="0 0 100 100"> <path d="m50.011 0c-2.8839 0-5.7139 0.25936-8.4642 0.7281l-1.3424 14.221c -2.8444 0.79287-5.5365 1.9015-8.0546 3.322l-10.99-9.0785c-4.6419 3.286-8.7054 7.3259-11.991 11.968l9.1012 10.99c-1.4188 2.5151-2.552 5.214-3.3447 8.0546l-14.197 1.35c-0.46893 2.75-0.728 5.58-0.728 8.49 0 2.8897 0.25747 5.7085 0.7281 8.4641l14.198 1.3425c0.79274 2.8406 1.926 5.5395 3.3447 8.0546l-9.0785 10.99c3.2796 4.6294 7.3161 8.6885 11.945 11.968l11.013-9.1013c2.5197 1.4217 5.2082 2.5515 8.0546 3.3447l1.3424 14.221c2.7503 0.4688 5.5803 0.7054 8.4642 0.7054 2.8838 0 5.6911-0.2366 8.4414-0.7054l1.3424-14.221c 2.8465-0.7932 5.5349-1.923 8.0546-3.3447l11.013 9.1013c 4.6293-3.2797 8.6658-7.3388 11.945-11.968l-9.0785-10.99c 1.4188-2.5151 2.552-5.214 3.3447-8.0546l14.198-1.3425c0.47063-2.7556 0.7281-5.5744 0.7281-8.4641 0-2.8848-0.25907-5.7131-0.7281-8.4642l -14.198-1.3424c-0.79274-2.8406-1.926-5.5395-3.3447-8.0546l 9.1012-10.99c-3.2855-4.6423-7.349-8.6821-11.991-11.968l-10.99 9.0785c-2.5181-1.4205-5.2102-2.5291-8.0546-3.322l-1.3424-14.221c -2.7503-0.46874-5.5576-0.7281-8.4414-0.7281zm0 30.967c10.516 0 19.022 8.528 19.022 19.044s-8.5053 19.044-19.022 19.044c-10.516 0-19.044-8.528-19.044-19.044s8.528-19.044 19.044-19.044z"/> </svg> </a> <h1>Speedrun Retimer without Ads</h1> <a href="https://github.com/Mango0x45/no-ad-retimer" target="_blank" class="toggleable"> Source code (GitHub) </a> <h3>Video Framerate</h3> <p class="toggleable"> 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 class="toggleable"> 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>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> <script src="main.js"></script> <script src="settings.js"></script> </body> </html>