joshpatra/videospeed
1
0
Fork 0
mirror of https://github.com/SoPat712/videospeed.git synced 2025-08-21 18:08:46 -04:00
Code Issues Packages Projects Releases Wiki Activity

Added Options Page

Browse Source 
Added Options Page allowing user to customize shortcuts and other
parameters
This commit is contained in:
Radu Filip
2014-08-15 00:26:35 +01:00
parent 843544504f
commit d3ab0a194e
5 changed files with 292 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
options.html Normal file
View File

@@ -0,0 +1,52 @@
<!DOCTYPE html>
<html>
<head>
<title>HTML5 Video Playback Speed Controller Options</title>
<link rel="stylesheet" type="text/css" href="options.css" />
</head>
<body>
<header>
<h1>HTML5 Video Playback Speed Controller</h1>
</header>
<section>
<h3>Shortcuts</h3>
<div class="row">
<label for="rewindKeyInput">Rewind</label>
<input id="rewindKeyInput" placeholder="Press a Key" type="text" value=""/>
</div>
<div class="row">
<label for="slowerKeyInput">Slow Down</label>
<input id="slowerKeyInput" placeholder="Press a Key" type="text" value=""/>
</div>
<div class="row">
<label for="fasterKeyInput">Speed Up</label>
<input id="fasterKeyInput" placeholder="Press a Key" type="text" value=""/>
</div>
</section>
<section>
<h3>Others</h3>
<div class="row">
<label for="rewindTime">Rewind Time (s)</label>
<input id="rewindTime" type="text" value=""/>
</div>
<div class="row">
<label for="speedStep">Speed change step</label>
<select id="speedStep">
<option value="0.10">0.10 x</option>
<option value="0.20">0.20 x</option>
<option value="0.25">0.25 x</option>
<option value="0.50">0.50 x</option>
<option value="0.75">0.75 x</option>
<option value="1.00">1.00 x</option>
</select>
</div>
</section>
<button id="save">Save</button> <button id="restore">Restore Defaults</button>
<div id="status"></div>
</body>
<script type="text/javascript" src="options.js"></script>
</html>