|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
<title>Buscribe -- Professor</title>
|
|
|
|
|
|
|
|
|
|
<link href="video.js/dist/video-js.min.css" rel="stylesheet">
|
|
|
|
|
<!-- <link href="videojs-hls-quality-selector/dist/videojs-hls-quality-selector.css" rel="stylesheet">-->
|
|
|
|
|
<link href="jquery-ui-1.13.0.custom/jquery-ui.css" rel="stylesheet">
|
|
|
|
|
|
|
|
|
|
<link href="style.css" rel="stylesheet">
|
|
|
|
|
|
|
|
|
|
<script src="jquery-ui-1.13.0.custom/external/jquery/jquery.js"></script>
|
|
|
|
|
<script src="jquery-ui-1.13.0.custom/jquery-ui.js"></script>
|
|
|
|
|
|
|
|
|
|
<script src="script.js"></script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- <script src="videojs-contrib-quality-levels/dist/videojs-contrib-quality-levels.min.js"></script>-->
|
|
|
|
|
<!-- <script src="videojs-hls-quality-selector/dist/videojs-hls-quality-selector.min.js"></script>-->
|
|
|
|
|
|
|
|
|
|
</head>
|
|
|
|
|
<body onload="pageReady()">
|
|
|
|
|
|
|
|
|
|
<div id="PlayerContainer">
|
|
|
|
|
<video id="player"
|
|
|
|
|
class="video-js"
|
|
|
|
|
controls
|
|
|
|
|
preload="auto"
|
|
|
|
|
width="900"
|
|
|
|
|
height="420"
|
|
|
|
|
>
|
|
|
|
|
<p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that
|
|
|
|
|
<a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p>
|
|
|
|
|
</video>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="speakers">
|
|
|
|
|
<label for="speaker_input">Speakers</label><input id="speaker_input">
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="transcription">
|
|
|
|
|
<p id="original_transcription"></p>
|
|
|
|
|
<label for="new_transcription">New transcription</label><textarea id="new_transcription" rows="3" placeholder=""></textarea>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<button id="submit_button" onclick="submit()" type="button">Submit</button><span id="update_indicator"></span>
|
|
|
|
|
|
|
|
|
|
<script src="video.js/dist/video.min.js"></script>
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
