|
|
|
|
<!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="jsrsasign-all-min.js" type="application/javascript"></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="g_id_onload"-->
|
|
|
|
|
<!-- data-client_id="164084252563-kaks3no7muqb82suvbubg7r0o87aip7n.apps.googleusercontent.com"-->
|
|
|
|
|
<!-- data-context="signin"-->
|
|
|
|
|
<!-- data-ux_mode="popup"-->
|
|
|
|
|
<!-- data-callback="loggedIn">-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
|
|
|
|
|
<!--<div class="g_id_signin"-->
|
|
|
|
|
<!-- data-type="standard"-->
|
|
|
|
|
<!-- data-shape="rectangular"-->
|
|
|
|
|
<!-- data-theme="outline"-->
|
|
|
|
|
<!-- data-text="signin_with"-->
|
|
|
|
|
<!-- data-size="large"-->
|
|
|
|
|
<!-- data-logo_alignment="left">-->
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
|
|
|
|
|
<div id="googleLoginButton"></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>
|
|
|
|
|
<script src="https://accounts.google.com/gsi/client" async defer></script>
|
|
|
|
|
<script>
|
|
|
|
|
window.onGoogleLibraryLoad = doGoogle
|
|
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
