0x2620/speedtrans
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity
speedtrans/index.html

131 lines
4.9 KiB
HTML
Raw Normal View History

copy speedtrans from extension
2015-04-21 14:25:36 +00:00
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
use current oxjs and use html5 file api
2015-12-20 23:33:01 +00:00
<title>SpeedTrans</title>
use online version of oxjs
2015-12-21 00:05:48 +00:00
<script type="text/javascript" src="https://oxjs.org/min/UI/jquery/jquery.js"></script>
<script type="text/javascript" src="https://oxjs.org/min/Ox.js"></script>
remove unused code and use folders
2015-12-20 23:54:18 +00:00
<script type="text/javascript" src="js/player.js"></script>
<script type="text/javascript" src="js/staticfuncs.js"></script>
srt is utf-8
2016-02-23 12:33:07 +00:00
<script type="text/javascript" src="js/classes.js?1"></script>
remove unused code and use folders
2015-12-20 23:54:18 +00:00
<script type="text/javascript" src="js/app.js"></script>
<script type="text/javascript" src="js/ox.extra.js"></script>
<script type="text/javascript" src="js/dnd.js"></script>
<link rel="stylesheet" href="css/styles.css" />
copy speedtrans from extension
2015-04-21 14:25:36 +00:00
</head>
use current oxjs and use html5 file api
2015-12-20 23:33:01 +00:00
<body style="display:none">
copy speedtrans from extension
2015-04-21 14:25:36 +00:00
<!-- JS Templates -->
<script type="text/html" id="dialog_shortcuts">
<b>Esc</b>: Pause / Unpause <br />
<b>Insert / Tab</b>: Insert time-code<br />
<b>PageUp</b> / <b>PageDown</b>: Volume Up / Down<br />
<b>Double-click on time-code in textarea</b>: Seek video to time-code. <br />
</script>
<script type="text/html" id="dialog_encoding">
<div>
Encoding Video:
</div>
<div id="progressDiv">
<div id="progressBar"></div>
</div>
<div id="encodingStatus">
<div class="filename">
<%= filename %>
</div>
<div class="progress">
Encoded <span id="encodedPercent"></span>%
</div>
<div class="preview">
<video id="previewVideo" src="" style="display: none;"></video>
<canvas id="previewCanvas"></canvas>
</div>
</div>
</script>
<script type="text/html" id="dialog_load_cuts">
use current oxjs and use html5 file api
2015-12-20 23:33:01 +00:00
<div class="dialogWrap OxSelectable" style="padding: 24px;">
copy speedtrans from extension
2015-04-21 14:25:36 +00:00
Please insert the url of this video on any pan.do/ra site:<br>
i.e. <b>https://pad.ma/DMG</b><br>
<div style="padding: 4px;padding-top: 24px">
use current oxjs and use html5 file api
2015-12-20 23:33:01 +00:00
<input type="text" value="" style="width:80%" class="OxElement OxInput OxKeyboardFocus OxMedium OxRounded" />
copy speedtrans from extension
2015-04-21 14:25:36 +00:00
</div>
</div>
</script>
<script type="text/html" id="dialog_about">
This is <a href="http://wiki.pad.ma/wiki/SpeedTrans" target="_new">Speedtrans</a>.
A transcribing and subtitling tool for Firefox. It is used for transcribing videos on <a href="http://pad.ma/" target="_new">Pad.ma</a>
</script>
<script type="text/html" id="dialog_load_video">
Your most recent video is: <br />
<b><%= recentVideo %></b><br />
</script>
<script type="text/html" id="dialog_encode_confirm">
<div class="dialogWrap">
You have chosen <%= filename %>. It shall need to be converted to the Ogg Theora format.<br />
Click 'Continue' to continue, else click 'Cancel'.
<span class="italic">Note: Encoding process may take a long time depending on the size of the video. Might be a good time to make a coffee, or go for a walk.</span>
</div>
</script>
<script type="text/html" id="dialog_preferences">
<div class="dialogWrap">
<b>Font-Size</b>:
<select id="pref_fontSize" class="pref_select" data-pref="fontSize">
<option value="10">Tiny</option>
<option value="12">Small</option>
<option value="13">Medium</option>
<option value="14">Large</option>
<option value="16">Very Large</option>
<option value="24">Huge</option>
</select> <br />
<b>Theme</b>:
<select id="pref_theme" class="pref_select" data-pref="theme">
use current oxjs and use html5 file api
2015-12-20 23:33:01 +00:00
<option value="oxlight">Light</option>
<option value="oxmedium">Medium</option>
<option value="oxdark">Dark</option>
copy speedtrans from extension
2015-04-21 14:25:36 +00:00
</select> <br />
<b>Text Direction</b>:
<select id="pref_direction" class="pref_select" data-pref="direction">
<option value="ltr">Left to Right</option>
<option value="rtl">Right to Left</option>
</select>
</div>
</script>
<script type="text/html" id="tmpl_loadError">
<div class="error_msg">
Sorry, there was a problem loading the srt file or the srt file was blank: <br />
<b><%= filename %></b><br /><br />
Please inform b@pad.ma of the error, and if there is any text in the box below, please include it in the email, as it may help solving the problem. <br />
<textarea><%= txt %></textarea><br />
Click Close to attempt to recover text from local storage. <br />
</div>
</script>
<div id="wrapper">
<div id="videoWrapper">
<video id="video" src="" controls="true">
Sorry you need <a href="http://getfirefox.com/">Firefox 3.5 or later</a> for this to work.
</video>
<div id="filepath"></div>
<div id="timeCode">0:00:00.000</div>
<div id="helpWrapper">
<b>Ctrl</b> / <b>Alt</b>: Seek back / forward &nbsp;<input id="seekTime" value="1" /> &nbsp;seconds.<br />
<b>Esc</b>: Pause / Unpause <br />
<b>Insert / Tab</b>: Insert time-code<br />
<b>PageUp</b> / <b>PageDown</b>: Volume Up / Down<br />
<b>Double-click on time-code in textarea</b>: Seek video to time-code. <br />
</div>
</div>
<div id="txtWrapper">
<textarea id="txt" class="OxThemeClassic"></textarea><br /> <br />
</div>
</div>
</div>
</body>
</html>
Reference in a new issue Copy permalink