| <!doctype html> |
| <html lang="en"> |
| <head> |
| <meta charset="utf-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1"> |
| <title>CounterStrike-1K Viewer</title> |
| <link rel="stylesheet" href="styles.css"> |
| </head> |
| <body> |
| <main class="app"> |
| <header class="topbar"> |
| <div class="brand"> |
| <h1>CounterStrike-1K</h1> |
| <div id="roundMeta" class="meta">Loading rounds</div> |
| </div> |
| <div class="selectors"> |
| <label> |
| <span>Subset</span> |
| <select id="subsetFilter" disabled></select> |
| </label> |
| <label> |
| <span>Split</span> |
| <select id="splitFilter" disabled></select> |
| </label> |
| <label> |
| <span>Map</span> |
| <select id="mapFilter" disabled></select> |
| </label> |
| <label> |
| <span>Match</span> |
| <select id="matchFilter" disabled></select> |
| </label> |
| <label> |
| <span>Event</span> |
| <select id="eventFilter" disabled> |
| <option value="">Any</option> |
| <option value="is_pistol_round">Pistol</option> |
| <option value="bomb_planted">Bomb planted</option> |
| <option value="bomb_defused">Bomb defused</option> |
| <option value="bomb_exploded">Bomb exploded</option> |
| <option value="has_awp_any_pov">AWP</option> |
| </select> |
| </label> |
| <label> |
| <span>Min Sec</span> |
| <input id="minDuration" type="number" min="0" step="1" value="" disabled> |
| </label> |
| <label> |
| <span>Find</span> |
| <input id="queryFilter" type="search" autocomplete="off" placeholder="round or sample" disabled> |
| </label> |
| <label> |
| <span>Round</span> |
| <select id="roundSelect" disabled></select> |
| </label> |
| <label> |
| <span>Audio</span> |
| <select id="audioSelect" disabled> |
| <option value="-1">Muted</option> |
| </select> |
| </label> |
| <label> |
| <span>Speed</span> |
| <select id="speedSelect" disabled> |
| <option value="0.5">0.5x</option> |
| <option value="0.75">0.75x</option> |
| <option value="1" selected>1x</option> |
| <option value="1.25">1.25x</option> |
| <option value="1.5">1.5x</option> |
| <option value="2">2x</option> |
| </select> |
| </label> |
| </div> |
| </header> |
|
|
| <section class="transport" aria-label="Playback controls"> |
| <button id="playPause" type="button" disabled>Play</button> |
| <div class="timeNow" id="timeNow">0:00.0</div> |
| <input id="timeSlider" type="range" min="0" max="0" step="0.03125" value="0" disabled> |
| <div class="timeTotal" id="timeTotal">0:00.0</div> |
| <div class="status" id="statusText">Waiting</div> |
| </section> |
|
|
| <section id="videoGrid" class="videoGrid" aria-label="Synchronized POV videos"></section> |
| </main> |
| <script src="app.js"></script> |
| </body> |
| </html> |
|
|
