128 lines
4.8 KiB
HTML
128 lines
4.8 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>SpeedTrans</title>
|
|
<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>
|
|
<script type="text/javascript" src="js/player.js"></script>
|
|
<script type="text/javascript" src="js/staticfuncs.js"></script>
|
|
<script type="text/javascript" src="js/classes.js?1"></script>
|
|
<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" />
|
|
|
|
</head>
|
|
<body style="display:none">
|
|
<!-- 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;">
|
|
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" />
|
|
</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 web based transcribing and subtitling tool. 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">
|
|
<option value="oxlight">Light</option>
|
|
<option value="oxmedium">Medium</option>
|
|
<option value="oxdark">Dark</option>
|
|
</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"></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 <input id="seekTime" value="1" /> 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>
|