speedtrans/index.html

130 lines
4.9 KiB
HTML
Raw Permalink Normal View History

2015-04-21 14:25:36 +00:00
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>SpeedTrans</title>
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>
2016-02-29 12:31:39 +00:00
<script type="text/javascript" src="js/player.js?2"></script>
<script type="text/javascript" src="js/staticfuncs.js?2"></script>
<script type="text/javascript" src="js/classes.js?2"></script>
2018-04-01 08:35:33 +00:00
<script type="text/javascript" src="js/app.js?5"></script>
2015-12-20 23:54:18 +00:00
<script type="text/javascript" src="js/ox.extra.js"></script>
<script type="text/javascript" src="js/dnd.js"></script>
2016-02-29 12:31:39 +00:00
<script type="text/javascript" src="js/error.js?2"></script>
2015-12-20 23:54:18 +00:00
<link rel="stylesheet" href="css/styles.css" />
2015-04-21 14:25:36 +00:00
</head>
<body style="display:none">
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">
<div class="dialogWrap OxSelectable" style="padding: 24px;">
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">
<input type="text" value="" style="width:80%" class="OxElement OxInput OxKeyboardFocus OxMedium OxRounded" />
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>.
2016-02-29 12:23:08 +00:00
A web based transcribing and subtitling tool. It is used for transcribing videos on <a href="http://pad.ma/" target="_new">Pad.ma</a>
2015-04-21 14:25:36 +00:00
</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">
<option value="oxlight">Light</option>
<option value="oxmedium">Medium</option>
<option value="oxdark">Dark</option>
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">
2016-02-29 12:23:08 +00:00
<video id="video" src="" controls="true"></video>
2015-04-21 14:25:36 +00:00
<div id="filepath"></div>
<div id="timeCode">0:00:00.000</div>
<div id="helpWrapper">
2018-04-01 07:02:19 +00:00
<b id="seek_back">Ctrl</b> / <b id="seek_fwd">Alt</b>: Seek back / forward &nbsp;<input id="seekTime" value="1" /> &nbsp;seconds.<br />
2015-04-21 14:25:36 +00:00
<b>Esc</b>: Pause / Unpause <br />
<b>Insert / Tab</b>: Insert time-code<br />
2018-04-01 07:02:19 +00:00
<b>Shift PageUp</b> / <b>Shift PageDown</b>: Volume Up / Down<br />
2015-04-21 14:25:36 +00:00
<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>