2010-02-22 14:19:53 +00:00
|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
|
|
|
<head>
|
|
|
|
|
<title>
|
2010-02-26 18:00:26 +00:00
|
|
|
Pad.ma: Transcription Tool.
|
2010-02-22 14:19:53 +00:00
|
|
|
</title>
|
|
|
|
|
<script type="text/javascript" src="jquery.js"></script>
|
|
|
|
|
<script type="text/javascript" src="player.js"></script>
|
2010-02-26 18:00:26 +00:00
|
|
|
<!-- <script type="text/javascript" src="jquery-ui.js"></script> -->
|
|
|
|
|
<script type="text/javascript" src="oxjs/build/js/ox.js"></script>
|
|
|
|
|
<script type="text/javascript" src="oxjs/build/js/ox.ui.js"></script>
|
2010-02-22 14:19:53 +00:00
|
|
|
<script type="text/javascript" src="staticfuncs.js"></script>
|
|
|
|
|
<script type="text/javascript" src="classes.js"></script>
|
2010-02-26 18:00:26 +00:00
|
|
|
<script type="text/javascript" src="app.js"></script>
|
2010-02-22 14:19:53 +00:00
|
|
|
<link rel="stylesheet" href="styles.css" />
|
2010-02-26 18:00:26 +00:00
|
|
|
<link rel="stylesheet" href="oxjs/build/css/ox.ui.css" />
|
2010-02-22 14:19:53 +00:00
|
|
|
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div id="wrapper">
|
|
|
|
|
<div id="videoWrapper">
|
|
|
|
|
<video id="video" src="" controls="true">
|
2010-02-26 18:00:26 +00:00
|
|
|
Sorry you need <a href="http://getfirefox.com/">Firefox 3.5 or later</a> for this to work.
|
2010-02-22 14:19:53 +00:00
|
|
|
</video>
|
2010-02-26 18:00:26 +00:00
|
|
|
|
2010-02-22 14:19:53 +00:00
|
|
|
<div id="timeCode">0:00:00.000</div>
|
|
|
|
|
<div id="helpWrapper">
|
|
|
|
|
Shortcuts: <br /><br />
|
|
|
|
|
Esc: Pause / Unpause <br />
|
|
|
|
|
Insert: Insert time-code<br />
|
2010-02-23 17:13:51 +00:00
|
|
|
PageUp / PageDown: Volume Up / Down<br />
|
2010-02-22 14:19:53 +00:00
|
|
|
Double-click in Textarea: insert time-code <br />
|
|
|
|
|
Double-click on video: insert time-code<br />
|
|
|
|
|
Double-click on time-code in textarea: Seek video to time-code. <br />
|
|
|
|
|
Ctrl / Alt: Seek back / forward <input id="seekTime" value="1" /> seconds.
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<div id="txtWrapper">
|
2010-02-26 18:00:26 +00:00
|
|
|
|
|
|
|
|
<!--
|
2010-02-22 14:19:53 +00:00
|
|
|
<div id="buttonsWrapper">
|
2010-02-26 18:00:26 +00:00
|
|
|
<button id="fillMeta" class="button">Enter Metadata</button>
|
2010-02-22 14:19:53 +00:00
|
|
|
<button id="saveFile" class="button">Save File</button>
|
|
|
|
|
<button id="saveSrt" class="button">Export SRT</button>
|
|
|
|
|
<button id="saveEncore" class="button">Export to Encore</button>
|
|
|
|
|
<button id="showMore" class="button">Show More Features</button>
|
|
|
|
|
</div>
|
2010-02-26 18:00:26 +00:00
|
|
|
-->
|
2010-02-22 14:19:53 +00:00
|
|
|
<div id="additionalFeatures">
|
|
|
|
|
<div id="addTimeWrap">
|
|
|
|
|
Time to add: <input id="timeToAdd" /><br />
|
|
|
|
|
Start no: <input id="startNo" /> <button id="addTime">Add</button><br />
|
|
|
|
|
<textarea id="addTimeResult"></textarea>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="eventMetadata">
|
|
|
|
|
<input id="title" data-default="Title" class="eventMeta" /><br />
|
|
|
|
|
<input id="director" data-default="Director" class="eventMeta" /><br />
|
|
|
|
|
<input id="collection" data-default="Collection" class="eventMeta" /><br />
|
|
|
|
|
<input id="source" data-default="Source" class="eventMeta" /><br />
|
|
|
|
|
<textarea id="description" data-default="Event Description" class="eventMeta"></textarea><br />
|
|
|
|
|
Date: <input id="dateYear" data-default="YYYY" class="eventMeta" /> <input id="dateMonth" data-default="MM" class="eventMeta" /> <input id="dateDay" data-default="DD" class="eventMeta" /><br />
|
|
|
|
|
Logged by: <input id="loggedBy" data-default="Your name" class="eventMeta" /><br /><br />
|
|
|
|
|
<button id="doneMetadata" class="button">Done Adding Metadata</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
