-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathspeaker.html
executable file
·145 lines (144 loc) · 6.53 KB
/
speaker.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
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
<!DOCTYPE html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<title>Speaker</title>
<meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--CSS-->
<link href="styles.css" rel="stylesheet" type="text/css" />
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
crossorigin="anonymous"
/>
<script src="main.js"></script>
<link
rel="icon"
href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🔈</text></svg>"
/>
<!--<script src="https://www.unpkg.com/sound-check"></script>-->
<!-- <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/chart.min.js"
integrity="sha256-ErZ09KkZnzjpqcane4SCyyHsKAXMvID9/xwbl/Aq1pc=" crossorigin="anonymous"></script> -->
<script src="speakerUI.js"></script>
</head>
<body>
<h1 id = 'speak123'></h1>
<div class="container-fluid background">
<div class="container bg-light popup shadow p-3 mb-5 rounded">
<div class="row">
<h1>Speaker Page [Admin]</h1>
<p class="lead">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officia maxime sapiente
repudiandae est, magnam ex sint iure quo porro ullam debitis inventore at temporibus
quod ducimus nesciunt dolorem laboriosam. Eius!
</p>
</div>
<div class="row justify-content-around">
<div class="col-lg-3 options-panel shadow p-3 mb-5 bg-white rounded">
<h3>New Capture</h3>
<p class="lead">Run a new calibration from end-to-end</p>
<div class="row">
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" id="flexSwitchCheckVolume" />
<label class="form-check-label" for="flexSwitchCheckVolume">Volume</label>
</div>
</div>
<div class="row">
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" id="flexSwitchCheckIR" />
<label class="form-check-label" for="flexSwitchCheckIR">Impulse Response</label>
</div>
</div>
<div class="row">
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" id="flexSwitchCheckCombo" checked />
<label class="form-check-label" for="flexSwitchCheckCombo">Combination</label>
</div>
</div>
<div class="row">
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" id="flexSwitchCheckDownload" />
<label class="form-check-label" for="flexSwitchCheckDownload">Download Data</label>
</div>
</div>
<div class="row">
<input type="number" id="mlsOrder" class="form-control" value="18" />
<label class="form-label" for="mlsOrder">Order of MLS</label>
</div>
<div class="row">
<input type="number" id="numCapturesInput" class="form-control" value="3" />
<label class="form-label" for="numCapturesInput">Number of Captures</label>
</div>
<div class="row">
<input type="number" id="numMLSPerCaptureInput" class="form-control" value="4" />
<label class="form-label" for="numMLSPerCaptureInput"
>Number of MLS burts per capture</label
>
</div>
<div class="row">
<input type="number" id="calibrateSoundHzBox" class="form-control" value="52000" />
<label class="form-label" for="calibrateSoundHzBox"
>calibrateSoundHz</label
>
</div>
<div class="row">
<input type="number" id="calibrateSoundSamplingDesiredBitsBox" class="form-control" value="24" />
<label class="form-label" for="calibrateSoundSamplingDesiredBitsBox"
>calibrateSoundSamplingDesiredBits</label
>
</div>
<div class="row">
<button id="calibrationBeginButton" type="button" class="btn btn-primary">
Calibrate
</button>
</div>
</div>
<div class="col-lg-3 shadow p-3 mb-5 bg-white rounded">
<h3>Previous Captures</h3>
<p class="lead">Upload a specific portion of the calibration to test it</p>
<div class="mb-3">
<label for="previous-capture-csv" class="form-label">Recorded MLS</label>
<input class="form-control" type="file" id="previous-capture-csv" />
</div>
<div class="mb-3">
<label for="iir-csv" class="form-label">Inverted Impulse Response</label>
<input class="form-control" type="file" id="iir-csv" />
</div>
<div class="mb-3">
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" id="flexSwitchPlayAndRecord" />
<label class="form-check-label" for="flexSwitchPlayAndRecord">Play & Record</label>
</div>
</div>
</div>
<div class="col-lg-3 shadow p-3 mb-5 bg-white rounded">
<h3>WAV file test</h3>
<p class="lead">Upload a WAV file to play it</p>
<div class="mb-3">
<label for="wav-file" class="form-label">WAV File</label>
<input class="form-control" type="file" id="wav-file" />
</div>
<audio id="sound" controls></audio>
</div>
</div>
<div class="row justify-content-around">
<div class="col-lg-3 shadow p-3 mb-5 bg-white rounded">
<h3>Output</h3>
<div class="row justify-content-center">
<div id="display" class="border"></div>
<span id="updates"></span>
</div>
</div>
</div>
</div>
</div>
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
crossorigin="anonymous"
></script>
</body>
</html>