wave/record.html at master · hexwab/wave · GitHub

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
<html>
<head>
<title>Wave.js demo: record</title>
<style>
#status {
    position: fixed;
    bottom: 0;
    left: 0;
    height: 1em;
    padding: 0.2em;
    border-top: inset;
    width: 100%;
}

#waveform {
    height: 400px;
}
#scope {
    width: 120px;
    height: 80px;
    position: fixed;
    right: 0; top: 0;
    background: white;
    border-bottom: inset;
    border-left: inset;
}
</style>
</head>
<body>
<div>
<meter id="meter" high="0.9"></meter>
<input type=button id="start" value="Record"></input>
<input type=button id="stop" value="Stop"></input>
<input type=button id="play" value="Play"></input>
<input type=button id="clear" value="Clear"></input>
<input type=button id="zin" value="Zoom in"></input>
<input type=button id="zout" value="Zoom out"></input>
<input type=button id="fit" value="Zoom to fit"></input>
<input type=button id="i" value="Redraw"></input>
<input type="checkbox" id="autozoom">Autozoom</input>
</div>
<br>
<div id="waveform"></div>
<div id="scope"></div>
<div id="status">
</div>
<script src="wave.js"></script>
<script src="record.js"></script>
</body>
</html>