-
Notifications
You must be signed in to change notification settings - Fork 3
/
maker.html
93 lines (83 loc) · 2.68 KB
/
maker.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Hyperaudio Transcript Maker</title>
<link rel="stylesheet" type="text/css" href="css/hyperaudio.transcript.css" />
<link rel="stylesheet" type="text/css" href="css/hyperaudio.player.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link href='https://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>
<style>
#content {
font-size: 1.3em;
padding: 10px; outline: 2px dashed #CCC;
width: 100%;
height: 200px;
}
#content:hover { outline: 2px dashed #0090D2; }
#source-video {
margin-top: 60px;
}
.controls {
padding:20px;
}
#wrapper {
overflow: auto;
}
.hyperaudio-player .hyperaudio-player-gui {
opacity: 1;
}
</style>
</head>
<body>
<div id="wrapper">
<header id="header">
<h1>Hyperaudio Maker</h1>
<div id="save-button">6</div>
<div id="save-button-saving"></div>
</header>
<div>
<div id="source-video" class="transcript-video"></div>
<form class="controls">
<input style="display:none; width:100%" id="pbr" type="range" value="1" min="0.5" max="4" step="0.1">
<p id="pbrLabel" style="display:none">Playback Rate <span id="currentPbr">1</span></p>
<input id="cht" type="range" value="4" min="0" max="10" step="1" style="width:100%">
<p>Chunk Length (seconds) <span id="currentCht">4</span></p>
<input id="inactivity" type="range" value="2" min="0.5" max="10" step="0.5" style="width:100%">
<p>Inactivity Cue (seconds) <span id="currentInactivity">2</span></p>
</form>
</div>
<textarea id="content"></textarea>
<script src="https://code.jquery.com/jquery-2.0.3.js"></script>
<script type="text/javascript" src="lib/purl.js"></script>
<script type="text/javascript" src="js/hyperaudio-lib.js"></script>
<script>
/*
jQuery autoSave v1.0.0 - 2013-04-05
(c) 2013 Yang Zhao - geniuscarrier.com
license: http://www.opensource.org/licenses/mit-license.php
*/
(function($) {
$.fn.autoSave = function(callback, ms) {
return this.each(function() {
var timer = 0,
$this = $(this),
delay = ms || 1000;
$this.keyup(function() {
clearTimeout(timer);
/*var $context = $this.val();
if(localStorage) {
localStorage.setItem("autoSave", $context);
}*/
timer = setTimeout(function() {
callback();
}, delay);
});
});
};
})(jQuery);
</script>
<script type="text/javascript" src="src/maker.js"></script>
<script type="text/javascript" src="/commons/tools/analytics/ga.js"></script>
</body>
</html>