speaker-calibration 2.2.211 → 2.2.212
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.eslintignore +71 -71
- package/.eslintrc.json +40 -40
- package/.gitignore +81 -81
- package/.prettierignore +69 -69
- package/.prettierrc +14 -14
- package/LICENSE +20 -20
- package/README.md +133 -133
- package/__mocks__/fileMock.js +1 -1
- package/__mocks__/styleMock.js +1 -1
- package/babel.config.js +3 -3
- package/coverage/clover.xml +71 -71
- package/coverage/coverage-final.json +224 -224
- package/coverage/lcov-report/PythonServerInterface.js.html +265 -265
- package/coverage/lcov-report/base.css +354 -354
- package/coverage/lcov-report/block-navigation.js +82 -82
- package/coverage/lcov-report/favicon.png +0 -0
- package/coverage/lcov-report/index.html +123 -123
- package/coverage/lcov-report/prettify.css +101 -101
- package/coverage/lcov-report/prettify.js +937 -937
- package/coverage/lcov-report/sort-arrow-sprite.png +0 -0
- package/coverage/lcov-report/sorter.js +189 -189
- package/coverage/lcov-report/src/index.html +121 -121
- package/coverage/lcov-report/src/server/PythonServerInterface.js.html +268 -268
- package/coverage/lcov-report/src/server/index.html +123 -123
- package/coverage/lcov-report/src/tasks/audioCalibrator.js.html +499 -499
- package/coverage/lcov-report/src/tasks/audioRecorder.js.html +412 -412
- package/coverage/lcov-report/src/tasks/index.html +143 -143
- package/coverage/lcov-report/src/tasks/volume/index.html +123 -123
- package/coverage/lcov-report/src/tasks/volume/volume.js.html +409 -409
- package/coverage/lcov-report/src/utils.js.html +172 -172
- package/coverage/lcov.info +91 -91
- package/dist/Procfile +0 -0
- package/dist/example/NoSleep.min.js +1 -1
- package/dist/example/credentials.json.gpg +0 -0
- package/dist/example/fetch-languages-sheets.js +77 -77
- package/dist/example/i18n.js +27366 -27366
- package/dist/example/index.html +47 -47
- package/dist/example/listener.html +79 -79
- package/dist/example/listener.js +152 -152
- package/dist/example/server.js +51 -51
- package/dist/example/speaker.html +145 -145
- package/dist/example/speakerUI.js +273 -273
- package/dist/example/styles.css +99 -99
- package/dist/main.js +1223 -1223
- package/dist/main.js.LICENSE.txt +118 -118
- package/dist/mlsGen.js +6814 -6814
- package/dist/mlsGen.wasm +0 -0
- package/dist/package-lock.json +1018 -1018
- package/dist/package.json +18 -18
- package/doc/AudioCalibrator.html +417 -417
- package/doc/AudioPeer.html +251 -251
- package/doc/AudioRecorder.html +195 -195
- package/doc/ImpulseResponse.html +215 -215
- package/doc/Listener.html +308 -308
- package/doc/MlsGenInterface.html +226 -226
- package/doc/MyEventEmitter.html +274 -274
- package/doc/PythonServerAPI.html +109 -109
- package/doc/Speaker-Calibration-UML-Diagram.png +0 -0
- package/doc/Speaker.html +276 -276
- package/doc/Takes%20a%20target%20element%20where%20html%20elements%20will%20be%20appended..html +128 -128
- package/doc/Takes%20the%20url%20of%20the%20current%20site%0Aand%20a%20target%20element%20where%20html%20elements%20will%20be%20appended..html +138 -138
- package/doc/Takes%20the%20url%20of%20the%20current%20site%20and%20a%20target%20element%20where%20html%20elements%20will%20be%20appended..html +137 -137
- package/doc/Volume.html +88 -88
- package/doc/audioCalibrator.js.html +179 -179
- package/doc/audioPeer.js.html +175 -175
- package/doc/audioRecorder.js.html +163 -163
- package/doc/creates%20a%20new%20AudioRecorder%20instance.%20%0ASets%20up%20the%20audio%20context%20and%20file%20reader..html +114 -114
- package/doc/fonts/OpenSans-Bold-webfont.eot +0 -0
- package/doc/fonts/OpenSans-Bold-webfont.svg +1829 -1829
- package/doc/fonts/OpenSans-Bold-webfont.woff +0 -0
- package/doc/fonts/OpenSans-BoldItalic-webfont.eot +0 -0
- package/doc/fonts/OpenSans-BoldItalic-webfont.svg +1829 -1829
- package/doc/fonts/OpenSans-BoldItalic-webfont.woff +0 -0
- package/doc/fonts/OpenSans-Italic-webfont.eot +0 -0
- package/doc/fonts/OpenSans-Italic-webfont.svg +1829 -1829
- package/doc/fonts/OpenSans-Italic-webfont.woff +0 -0
- package/doc/fonts/OpenSans-Light-webfont.eot +0 -0
- package/doc/fonts/OpenSans-Light-webfont.svg +1830 -1830
- package/doc/fonts/OpenSans-Light-webfont.woff +0 -0
- package/doc/fonts/OpenSans-LightItalic-webfont.eot +0 -0
- package/doc/fonts/OpenSans-LightItalic-webfont.svg +1834 -1834
- package/doc/fonts/OpenSans-LightItalic-webfont.woff +0 -0
- package/doc/fonts/OpenSans-Regular-webfont.eot +0 -0
- package/doc/fonts/OpenSans-Regular-webfont.svg +1830 -1830
- package/doc/fonts/OpenSans-Regular-webfont.woff +0 -0
- package/doc/global.html +308 -308
- package/doc/index.html +58 -58
- package/doc/listener.js.html +170 -170
- package/doc/mlsGen_mlsGenInterface.js.html +117 -117
- package/doc/myEventEmitter.js.html +124 -124
- package/doc/peer-connection_audioPeer.js.html +188 -188
- package/doc/peer-connection_listener.js.html +311 -311
- package/doc/peer-connection_speaker.js.html +381 -381
- package/doc/sc-activity-diagram.png +0 -0
- package/doc/scripts/linenumber.js +25 -25
- package/doc/scripts/prettify/Apache-License-2.0.txt +202 -202
- package/doc/scripts/prettify/lang-css.js +24 -24
- package/doc/scripts/prettify/prettify.js +640 -640
- package/doc/server_PythonServerAPI.js.html +160 -160
- package/doc/speaker.js.html +248 -248
- package/doc/styles/jsdoc-default.css +371 -371
- package/doc/styles/prettify-jsdoc.css +111 -111
- package/doc/styles/prettify-tomorrow.css +163 -163
- package/doc/tasks_audioCalibrator.js.html +207 -207
- package/doc/tasks_audioRecorder.js.html +190 -190
- package/doc/tasks_impulse-response_impulseResponse.js.html +442 -442
- package/doc/tasks_impulse-response_mlsGen_mlsGenInterface.js.html +175 -175
- package/doc/tasks_volume_volume.js.html +185 -185
- package/doc/utils.js.html +105 -105
- package/jest.config.js +173 -173
- package/netlify.toml +26 -26
- package/package.json +73 -73
- package/src/config/firebase.js +26 -26
- package/src/index.html +21 -21
- package/src/main.js +23 -23
- package/src/myEventEmitter.js +83 -83
- package/src/peer-connection/audioPeer.js +183 -183
- package/src/peer-connection/listener.js +367 -364
- package/src/peer-connection/peerErrors.js +25 -25
- package/src/peer-connection/speaker.js +738 -738
- package/src/powerCheck.js +98 -98
- package/src/server/PythonServerAPI.js +869 -869
- package/src/tasks/audioCalibrator.js +351 -351
- package/src/tasks/audioRecorder.js +315 -315
- package/src/tasks/combination/combination.js +3030 -3030
- package/src/tasks/combination/mlsGen/mlsGen.cpp +98 -98
- package/src/tasks/combination/mlsGen/mlsGen.hpp +303 -303
- package/src/tasks/combination/mlsGen/mlsGenInterface.js +131 -131
- package/src/tasks/combination/mlsGen/mlsGenTest.cpp +180 -180
- package/src/tasks/impulse-response/impulseResponse.js +610 -610
- package/src/tasks/impulse-response/mlsGen/mlsGen.cpp +98 -98
- package/src/tasks/impulse-response/mlsGen/mlsGen.hpp +303 -303
- package/src/tasks/impulse-response/mlsGen/mlsGenInterface.js +131 -131
- package/src/tasks/impulse-response/mlsGen/mlsGenTest.cpp +180 -180
- package/src/tasks/volume/volume.cpp +2 -2
- package/src/tasks/volume/volume.hpp +22 -22
- package/src/tasks/volume/volume.js +279 -279
- package/src/utils.js +205 -205
- package/webpack.config.js +37 -37
package/dist/example/index.html
CHANGED
|
@@ -1,47 +1,47 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html class="no-js" lang="">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="utf-8" />
|
|
5
|
-
<meta http-equiv="x-ua-compatible" content="ie=edge" />
|
|
6
|
-
<title>Sound Check</title>
|
|
7
|
-
<meta name="description" content="" />
|
|
8
|
-
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
9
|
-
|
|
10
|
-
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
|
|
11
|
-
<!--CSS-->
|
|
12
|
-
<link href="../example/styles.css" rel="stylesheet" typ="text/css" />
|
|
13
|
-
<link
|
|
14
|
-
href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"
|
|
15
|
-
rel="stylesheet"
|
|
16
|
-
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
|
|
17
|
-
crossorigin="anonymous"
|
|
18
|
-
/>
|
|
19
|
-
</head>
|
|
20
|
-
|
|
21
|
-
<body>
|
|
22
|
-
<!--[if lt IE 8]>
|
|
23
|
-
<p class="browserupgrade">
|
|
24
|
-
You are using an <strong>outdated</strong> browser. Please
|
|
25
|
-
<a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.
|
|
26
|
-
</p>
|
|
27
|
-
<![endif]-->
|
|
28
|
-
<div class="container">
|
|
29
|
-
<h1>Check out /speaker</h1>
|
|
30
|
-
<p class="lead">
|
|
31
|
-
Go to <a id="speakerLink">/speaker</a> to simulate calibrating as part of an experiment
|
|
32
|
-
running on a participant's computer. The page will instruct the user on how to use their
|
|
33
|
-
mobile device as a calibration microphone.
|
|
34
|
-
</p>
|
|
35
|
-
</div>
|
|
36
|
-
<script type="text/javascript">
|
|
37
|
-
const speakerLink = '/speaker.html';
|
|
38
|
-
const baseURL = location.href.substring(0, location.href.lastIndexOf('/'));
|
|
39
|
-
document.getElementById('speakerLink').setAttribute('href', baseURL + speakerLink);
|
|
40
|
-
</script>
|
|
41
|
-
<script
|
|
42
|
-
src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
|
|
43
|
-
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
|
|
44
|
-
crossorigin="anonymous"
|
|
45
|
-
></script>
|
|
46
|
-
</body>
|
|
47
|
-
</html>
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html class="no-js" lang="">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="utf-8" />
|
|
5
|
+
<meta http-equiv="x-ua-compatible" content="ie=edge" />
|
|
6
|
+
<title>Sound Check</title>
|
|
7
|
+
<meta name="description" content="" />
|
|
8
|
+
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
9
|
+
|
|
10
|
+
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
|
|
11
|
+
<!--CSS-->
|
|
12
|
+
<link href="../example/styles.css" rel="stylesheet" typ="text/css" />
|
|
13
|
+
<link
|
|
14
|
+
href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"
|
|
15
|
+
rel="stylesheet"
|
|
16
|
+
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
|
|
17
|
+
crossorigin="anonymous"
|
|
18
|
+
/>
|
|
19
|
+
</head>
|
|
20
|
+
|
|
21
|
+
<body>
|
|
22
|
+
<!--[if lt IE 8]>
|
|
23
|
+
<p class="browserupgrade">
|
|
24
|
+
You are using an <strong>outdated</strong> browser. Please
|
|
25
|
+
<a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.
|
|
26
|
+
</p>
|
|
27
|
+
<![endif]-->
|
|
28
|
+
<div class="container">
|
|
29
|
+
<h1>Check out /speaker</h1>
|
|
30
|
+
<p class="lead">
|
|
31
|
+
Go to <a id="speakerLink">/speaker</a> to simulate calibrating as part of an experiment
|
|
32
|
+
running on a participant's computer. The page will instruct the user on how to use their
|
|
33
|
+
mobile device as a calibration microphone.
|
|
34
|
+
</p>
|
|
35
|
+
</div>
|
|
36
|
+
<script type="text/javascript">
|
|
37
|
+
const speakerLink = '/speaker.html';
|
|
38
|
+
const baseURL = location.href.substring(0, location.href.lastIndexOf('/'));
|
|
39
|
+
document.getElementById('speakerLink').setAttribute('href', baseURL + speakerLink);
|
|
40
|
+
</script>
|
|
41
|
+
<script
|
|
42
|
+
src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
|
|
43
|
+
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
|
|
44
|
+
crossorigin="anonymous"
|
|
45
|
+
></script>
|
|
46
|
+
</body>
|
|
47
|
+
</html>
|
|
@@ -1,79 +1,79 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html class="no-js" lang="">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="utf-8" />
|
|
5
|
-
<meta http-equiv="x-ua-compatible" content="ie=edge" />
|
|
6
|
-
<title>EasyEyes Listener</title>
|
|
7
|
-
<meta name="description" content="" />
|
|
8
|
-
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
9
|
-
|
|
10
|
-
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
|
|
11
|
-
|
|
12
|
-
<!-- CSS -->
|
|
13
|
-
<link href="../example/styles.css" rel="stylesheet" typ="text/css" />
|
|
14
|
-
<link
|
|
15
|
-
href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"
|
|
16
|
-
rel="stylesheet"
|
|
17
|
-
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
|
|
18
|
-
crossorigin="anonymous"
|
|
19
|
-
/>
|
|
20
|
-
<meta
|
|
21
|
-
http-equiv="Delegate-CH"
|
|
22
|
-
content="sec-ch-ua-full-version-list https://cloud.51degrees.com; sec-ch-ua-model https://cloud.51degrees.com; sec-ch-ua-platform https://cloud.51degrees.com; sec-ch-ua-platform-version https://cloud.51degrees.com"
|
|
23
|
-
/>
|
|
24
|
-
<!--<script src="https://www.unpkg.com/sound-check"> </script>-->
|
|
25
|
-
<script src="../main.js"></script>
|
|
26
|
-
<script src="../example/NoSleep.min.js"></script>
|
|
27
|
-
</head>
|
|
28
|
-
|
|
29
|
-
<body>
|
|
30
|
-
<!--[if lt IE 8]>
|
|
31
|
-
<p class="browserupgrade">
|
|
32
|
-
You are using an <strong>outdated</strong> browser. Please
|
|
33
|
-
<a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.
|
|
34
|
-
</p>
|
|
35
|
-
<![endif]-->
|
|
36
|
-
<p class="turnMeToReadBelow" id="turnMeToReadBelow1"></p>
|
|
37
|
-
<div class="container" id="listenerContainer">
|
|
38
|
-
<div id="phrases">
|
|
39
|
-
<p id="recordingInProgress"></p>
|
|
40
|
-
<h1>Sound Calibration</h1>
|
|
41
|
-
<p class="lead" id="allowMicrophone"></p>
|
|
42
|
-
<p class="lead" id="message"></p>
|
|
43
|
-
<div class="col-6" , style="cursor: pointer">
|
|
44
|
-
<button
|
|
45
|
-
id="calibrationBeginButton"
|
|
46
|
-
type="button"
|
|
47
|
-
class="btn btn-success"
|
|
48
|
-
style="cursor: pointer"
|
|
49
|
-
>
|
|
50
|
-
Proceed
|
|
51
|
-
</button>
|
|
52
|
-
</div>
|
|
53
|
-
</div>
|
|
54
|
-
<div id="updateDisplay">
|
|
55
|
-
<div class="col-6">
|
|
56
|
-
<div id="display"></div>
|
|
57
|
-
</div>
|
|
58
|
-
</div>
|
|
59
|
-
<p class="turnMeToReadBelow" id="turnMeToReadBelow"></p>
|
|
60
|
-
</div>
|
|
61
|
-
<script type="module" src="../example/listener.js"></script>
|
|
62
|
-
<script type="text/javascript"></script>
|
|
63
|
-
<script
|
|
64
|
-
src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
|
|
65
|
-
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
|
|
66
|
-
crossorigin="anonymous"
|
|
67
|
-
></script>
|
|
68
|
-
<script crossorigin src="https://cloud.51degrees.com/api/v4/AQSjtocCemq9y6-T20g.js"></script>
|
|
69
|
-
<script>
|
|
70
|
-
var noSleep = new NoSleep();
|
|
71
|
-
var wakeLockEnabled = false;
|
|
72
|
-
var calibrationBeginButton = document.getElementById('calibrationBeginButton');
|
|
73
|
-
calibrationBeginButton.addEventListener('click', function() {
|
|
74
|
-
console.log('enable no sleep!');
|
|
75
|
-
noSleep.enable();
|
|
76
|
-
});
|
|
77
|
-
</script>
|
|
78
|
-
</body>
|
|
79
|
-
</html>
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html class="no-js" lang="">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="utf-8" />
|
|
5
|
+
<meta http-equiv="x-ua-compatible" content="ie=edge" />
|
|
6
|
+
<title>EasyEyes Listener</title>
|
|
7
|
+
<meta name="description" content="" />
|
|
8
|
+
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
9
|
+
|
|
10
|
+
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
|
|
11
|
+
|
|
12
|
+
<!-- CSS -->
|
|
13
|
+
<link href="../example/styles.css" rel="stylesheet" typ="text/css" />
|
|
14
|
+
<link
|
|
15
|
+
href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"
|
|
16
|
+
rel="stylesheet"
|
|
17
|
+
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
|
|
18
|
+
crossorigin="anonymous"
|
|
19
|
+
/>
|
|
20
|
+
<meta
|
|
21
|
+
http-equiv="Delegate-CH"
|
|
22
|
+
content="sec-ch-ua-full-version-list https://cloud.51degrees.com; sec-ch-ua-model https://cloud.51degrees.com; sec-ch-ua-platform https://cloud.51degrees.com; sec-ch-ua-platform-version https://cloud.51degrees.com"
|
|
23
|
+
/>
|
|
24
|
+
<!--<script src="https://www.unpkg.com/sound-check"> </script>-->
|
|
25
|
+
<script src="../main.js"></script>
|
|
26
|
+
<script src="../example/NoSleep.min.js"></script>
|
|
27
|
+
</head>
|
|
28
|
+
|
|
29
|
+
<body>
|
|
30
|
+
<!--[if lt IE 8]>
|
|
31
|
+
<p class="browserupgrade">
|
|
32
|
+
You are using an <strong>outdated</strong> browser. Please
|
|
33
|
+
<a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.
|
|
34
|
+
</p>
|
|
35
|
+
<![endif]-->
|
|
36
|
+
<p class="turnMeToReadBelow" id="turnMeToReadBelow1"></p>
|
|
37
|
+
<div class="container" id="listenerContainer">
|
|
38
|
+
<div id="phrases">
|
|
39
|
+
<p id="recordingInProgress"></p>
|
|
40
|
+
<h1>Sound Calibration</h1>
|
|
41
|
+
<p class="lead" id="allowMicrophone"></p>
|
|
42
|
+
<p class="lead" id="message"></p>
|
|
43
|
+
<div class="col-6" , style="cursor: pointer">
|
|
44
|
+
<button
|
|
45
|
+
id="calibrationBeginButton"
|
|
46
|
+
type="button"
|
|
47
|
+
class="btn btn-success"
|
|
48
|
+
style="cursor: pointer"
|
|
49
|
+
>
|
|
50
|
+
Proceed
|
|
51
|
+
</button>
|
|
52
|
+
</div>
|
|
53
|
+
</div>
|
|
54
|
+
<div id="updateDisplay">
|
|
55
|
+
<div class="col-6">
|
|
56
|
+
<div id="display"></div>
|
|
57
|
+
</div>
|
|
58
|
+
</div>
|
|
59
|
+
<p class="turnMeToReadBelow" id="turnMeToReadBelow"></p>
|
|
60
|
+
</div>
|
|
61
|
+
<script type="module" src="../example/listener.js"></script>
|
|
62
|
+
<script type="text/javascript"></script>
|
|
63
|
+
<script
|
|
64
|
+
src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
|
|
65
|
+
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
|
|
66
|
+
crossorigin="anonymous"
|
|
67
|
+
></script>
|
|
68
|
+
<script crossorigin src="https://cloud.51degrees.com/api/v4/AQSjtocCemq9y6-T20g.js"></script>
|
|
69
|
+
<script>
|
|
70
|
+
var noSleep = new NoSleep();
|
|
71
|
+
var wakeLockEnabled = false;
|
|
72
|
+
var calibrationBeginButton = document.getElementById('calibrationBeginButton');
|
|
73
|
+
calibrationBeginButton.addEventListener('click', function() {
|
|
74
|
+
console.log('enable no sleep!');
|
|
75
|
+
noSleep.enable();
|
|
76
|
+
});
|
|
77
|
+
</script>
|
|
78
|
+
</body>
|
|
79
|
+
</html>
|
package/dist/example/listener.js
CHANGED
|
@@ -1,152 +1,152 @@
|
|
|
1
|
-
// get element with id message
|
|
2
|
-
import {phrases} from './i18n.js';
|
|
3
|
-
// get url query parameters
|
|
4
|
-
const urlParams = new URLSearchParams(window.location.search);
|
|
5
|
-
|
|
6
|
-
// get isSmartPhone query parameter
|
|
7
|
-
const isSmartPhone = urlParams.get('sp'); // previous isSmartPhone
|
|
8
|
-
|
|
9
|
-
const listenerParameters = {
|
|
10
|
-
targetElementId: 'display',
|
|
11
|
-
microphoneFromAPI: '',
|
|
12
|
-
microphoneDeviceId: '',
|
|
13
|
-
};
|
|
14
|
-
|
|
15
|
-
const container = document.getElementById('listenerContainer');
|
|
16
|
-
const recordingInProgress = phrases.RC_soundRecording['en-US'];
|
|
17
|
-
const backToExperimentWindow = phrases.RC_backToExperimentWindow['en-US'];
|
|
18
|
-
const allowMicrophone = phrases.RC_allowMicrophoneUse['en-US'].replace(/\n/g, '<br>');
|
|
19
|
-
const placeSmartphoneMicrophone = phrases.RC_placeSmartphoneMicrophone['en-US'].replace(
|
|
20
|
-
/\n/g,
|
|
21
|
-
'<br>'
|
|
22
|
-
);
|
|
23
|
-
const turnMeToReadBelow = phrases.RC_turnMeToReadBelow['en-US'].replace(/\n/g, '<br>');
|
|
24
|
-
const recordingInProgressElement = document.getElementById('recordingInProgress');
|
|
25
|
-
const allowMicrophoneElement = document.getElementById('allowMicrophone');
|
|
26
|
-
const turnMessageElement = document.getElementById('turnMeToReadBelow');
|
|
27
|
-
|
|
28
|
-
switch (isSmartPhone) {
|
|
29
|
-
case 'true':
|
|
30
|
-
allowMicrophoneElement.innerHTML = placeSmartphoneMicrophone;
|
|
31
|
-
allowMicrophoneElement.style.lineHeight = '1.2rem';
|
|
32
|
-
allowMicrophoneElement.style.fontSize = '14px';
|
|
33
|
-
turnMessageElement.innerHTML = turnMeToReadBelow;
|
|
34
|
-
turnMessageElement.style.lineHeight = '1.2rem';
|
|
35
|
-
turnMessageElement.style.fontSize = '14px';
|
|
36
|
-
// show the html upsidedown
|
|
37
|
-
const phrasesContainer = document.getElementById('phrases');
|
|
38
|
-
// add class
|
|
39
|
-
phrasesContainer.classList.add('phrases');
|
|
40
|
-
const html = document.querySelector('html');
|
|
41
|
-
html.style.overflow = 'hidden';
|
|
42
|
-
const display = document.getElementById('updateDisplay');
|
|
43
|
-
display.classList.add('updateDisplay');
|
|
44
|
-
container.style.display = 'block';
|
|
45
|
-
// event listener for id calibrationBeginButton
|
|
46
|
-
const calibrationBeginButton = document.getElementById('calibrationBeginButton');
|
|
47
|
-
console.log('Waiting for proceed button click');
|
|
48
|
-
|
|
49
|
-
calibrationBeginButton.addEventListener('click', async () => {
|
|
50
|
-
console.log('Proceed button clicked');
|
|
51
|
-
|
|
52
|
-
// remove the button
|
|
53
|
-
calibrationBeginButton.remove();
|
|
54
|
-
// remove turn message
|
|
55
|
-
turnMessageElement.remove();
|
|
56
|
-
// set the text of the html elements
|
|
57
|
-
recordingInProgressElement.innerHTML = recordingInProgress;
|
|
58
|
-
allowMicrophoneElement.innerHTML = allowMicrophone;
|
|
59
|
-
|
|
60
|
-
recordingInProgressElement.style.whiteSpace = 'nowrap';
|
|
61
|
-
recordingInProgressElement.style.fontWeight = 'bold';
|
|
62
|
-
// fit content
|
|
63
|
-
recordingInProgressElement.style.width = 'fit-content';
|
|
64
|
-
let fontSize = 100;
|
|
65
|
-
recordingInProgressElement.style.fontSize = fontSize + 'px';
|
|
66
|
-
|
|
67
|
-
console.log('Adjusting font size for recording in progress text');
|
|
68
|
-
while (recordingInProgressElement.scrollWidth > window.innerWidth * 0.9 && fontSize > 10) {
|
|
69
|
-
fontSize--;
|
|
70
|
-
recordingInProgressElement.style.fontSize = fontSize + 'px';
|
|
71
|
-
}
|
|
72
|
-
console.log('Done adjusting font size for recording in progress text');
|
|
73
|
-
const webAudioDeviceNames = {microphone: '', deviceID: ''};
|
|
74
|
-
const externalMicList = ['UMIK', 'Airpods', 'Bluetooth'];
|
|
75
|
-
try {
|
|
76
|
-
console.log('Getting user media...Should ask for microphone permission');
|
|
77
|
-
const stream = await navigator.mediaDevices.getUserMedia({audio: true});
|
|
78
|
-
console.log('Got user media');
|
|
79
|
-
if (stream) {
|
|
80
|
-
console.log('Getting devices');
|
|
81
|
-
const devices = await navigator.mediaDevices.enumerateDevices();
|
|
82
|
-
console.log(devices);
|
|
83
|
-
const mics = devices.filter(device => device.kind === 'audioinput');
|
|
84
|
-
mics.forEach(mic => {
|
|
85
|
-
if (externalMicList.some(externalMic => mic.label.includes(externalMic))) {
|
|
86
|
-
webAudioDeviceNames.microphone = mic.label;
|
|
87
|
-
webAudioDeviceNames.deviceID = mic.deviceId;
|
|
88
|
-
}
|
|
89
|
-
});
|
|
90
|
-
if (webAudioDeviceNames.microphone === '') {
|
|
91
|
-
webAudioDeviceNames.microphone = mics[0].label;
|
|
92
|
-
webAudioDeviceNames.deviceID = mics[0].deviceId;
|
|
93
|
-
}
|
|
94
|
-
}
|
|
95
|
-
} catch (err) {
|
|
96
|
-
console.log(err);
|
|
97
|
-
}
|
|
98
|
-
listenerParameters.microphoneFromAPI = webAudioDeviceNames.microphone;
|
|
99
|
-
listenerParameters.microphoneDeviceId = webAudioDeviceNames.microphone;
|
|
100
|
-
let lock = null;
|
|
101
|
-
try {
|
|
102
|
-
if ('wakeLock' in navigator) {
|
|
103
|
-
lock = await navigator.wakeLock.request('screen');
|
|
104
|
-
}
|
|
105
|
-
} catch (err) {
|
|
106
|
-
console.log(err);
|
|
107
|
-
}
|
|
108
|
-
console.log(lock);
|
|
109
|
-
console.log('Starting Calibration');
|
|
110
|
-
console.log('Device id in example listenr:',listenerParameters.microphoneDeviceId);
|
|
111
|
-
window.listener = new speakerCalibrator.Listener(listenerParameters);
|
|
112
|
-
console.log(window.listener);
|
|
113
|
-
if (lock) {
|
|
114
|
-
lock.release();
|
|
115
|
-
}
|
|
116
|
-
});
|
|
117
|
-
break;
|
|
118
|
-
case 'false':
|
|
119
|
-
// remove the button
|
|
120
|
-
const calibrationBeginButton2 = document.getElementById('calibrationBeginButton');
|
|
121
|
-
calibrationBeginButton2.remove();
|
|
122
|
-
container.style.display = 'block';
|
|
123
|
-
// event listener for when the page is loaded
|
|
124
|
-
|
|
125
|
-
window.addEventListener('load', () => {
|
|
126
|
-
// set the text of the html elements
|
|
127
|
-
recordingInProgressElement.innerHTML = recordingInProgress;
|
|
128
|
-
allowMicrophoneElement.innerHTML = allowMicrophone;
|
|
129
|
-
|
|
130
|
-
recordingInProgressElement.style.whiteSpace = 'nowrap';
|
|
131
|
-
recordingInProgressElement.style.fontWeight = 'bold';
|
|
132
|
-
|
|
133
|
-
// fit content
|
|
134
|
-
recordingInProgressElement.style.width = 'fit-content';
|
|
135
|
-
let fontSize = 100;
|
|
136
|
-
recordingInProgressElement.style.fontSize = fontSize + 'px';
|
|
137
|
-
|
|
138
|
-
while (recordingInProgressElement.scrollWidth > window.innerWidth * 0.9 && fontSize > 10) {
|
|
139
|
-
fontSize--;
|
|
140
|
-
recordingInProgressElement.style.fontSize = fontSize + 'px';
|
|
141
|
-
}
|
|
142
|
-
const message = document.getElementById('message');
|
|
143
|
-
message.style.lineHeight = '2.5rem';
|
|
144
|
-
const p = document.createElement('p');
|
|
145
|
-
p.innerHTML = backToExperimentWindow;
|
|
146
|
-
message.appendChild(p);
|
|
147
|
-
listenerParameters.microphoneDeviceId = urlParams.get('deviceId');
|
|
148
|
-
window.listener = new speakerCalibrator.Listener(listenerParameters);
|
|
149
|
-
console.log(window.listener);
|
|
150
|
-
});
|
|
151
|
-
break;
|
|
152
|
-
}
|
|
1
|
+
// get element with id message
|
|
2
|
+
import {phrases} from './i18n.js';
|
|
3
|
+
// get url query parameters
|
|
4
|
+
const urlParams = new URLSearchParams(window.location.search);
|
|
5
|
+
|
|
6
|
+
// get isSmartPhone query parameter
|
|
7
|
+
const isSmartPhone = urlParams.get('sp'); // previous isSmartPhone
|
|
8
|
+
|
|
9
|
+
const listenerParameters = {
|
|
10
|
+
targetElementId: 'display',
|
|
11
|
+
microphoneFromAPI: '',
|
|
12
|
+
microphoneDeviceId: '',
|
|
13
|
+
};
|
|
14
|
+
|
|
15
|
+
const container = document.getElementById('listenerContainer');
|
|
16
|
+
const recordingInProgress = phrases.RC_soundRecording['en-US'];
|
|
17
|
+
const backToExperimentWindow = phrases.RC_backToExperimentWindow['en-US'];
|
|
18
|
+
const allowMicrophone = phrases.RC_allowMicrophoneUse['en-US'].replace(/\n/g, '<br>');
|
|
19
|
+
const placeSmartphoneMicrophone = phrases.RC_placeSmartphoneMicrophone['en-US'].replace(
|
|
20
|
+
/\n/g,
|
|
21
|
+
'<br>'
|
|
22
|
+
);
|
|
23
|
+
const turnMeToReadBelow = phrases.RC_turnMeToReadBelow['en-US'].replace(/\n/g, '<br>');
|
|
24
|
+
const recordingInProgressElement = document.getElementById('recordingInProgress');
|
|
25
|
+
const allowMicrophoneElement = document.getElementById('allowMicrophone');
|
|
26
|
+
const turnMessageElement = document.getElementById('turnMeToReadBelow');
|
|
27
|
+
|
|
28
|
+
switch (isSmartPhone) {
|
|
29
|
+
case 'true':
|
|
30
|
+
allowMicrophoneElement.innerHTML = placeSmartphoneMicrophone;
|
|
31
|
+
allowMicrophoneElement.style.lineHeight = '1.2rem';
|
|
32
|
+
allowMicrophoneElement.style.fontSize = '14px';
|
|
33
|
+
turnMessageElement.innerHTML = turnMeToReadBelow;
|
|
34
|
+
turnMessageElement.style.lineHeight = '1.2rem';
|
|
35
|
+
turnMessageElement.style.fontSize = '14px';
|
|
36
|
+
// show the html upsidedown
|
|
37
|
+
const phrasesContainer = document.getElementById('phrases');
|
|
38
|
+
// add class
|
|
39
|
+
phrasesContainer.classList.add('phrases');
|
|
40
|
+
const html = document.querySelector('html');
|
|
41
|
+
html.style.overflow = 'hidden';
|
|
42
|
+
const display = document.getElementById('updateDisplay');
|
|
43
|
+
display.classList.add('updateDisplay');
|
|
44
|
+
container.style.display = 'block';
|
|
45
|
+
// event listener for id calibrationBeginButton
|
|
46
|
+
const calibrationBeginButton = document.getElementById('calibrationBeginButton');
|
|
47
|
+
console.log('Waiting for proceed button click');
|
|
48
|
+
|
|
49
|
+
calibrationBeginButton.addEventListener('click', async () => {
|
|
50
|
+
console.log('Proceed button clicked');
|
|
51
|
+
|
|
52
|
+
// remove the button
|
|
53
|
+
calibrationBeginButton.remove();
|
|
54
|
+
// remove turn message
|
|
55
|
+
turnMessageElement.remove();
|
|
56
|
+
// set the text of the html elements
|
|
57
|
+
recordingInProgressElement.innerHTML = recordingInProgress;
|
|
58
|
+
allowMicrophoneElement.innerHTML = allowMicrophone;
|
|
59
|
+
|
|
60
|
+
recordingInProgressElement.style.whiteSpace = 'nowrap';
|
|
61
|
+
recordingInProgressElement.style.fontWeight = 'bold';
|
|
62
|
+
// fit content
|
|
63
|
+
recordingInProgressElement.style.width = 'fit-content';
|
|
64
|
+
let fontSize = 100;
|
|
65
|
+
recordingInProgressElement.style.fontSize = fontSize + 'px';
|
|
66
|
+
|
|
67
|
+
console.log('Adjusting font size for recording in progress text');
|
|
68
|
+
while (recordingInProgressElement.scrollWidth > window.innerWidth * 0.9 && fontSize > 10) {
|
|
69
|
+
fontSize--;
|
|
70
|
+
recordingInProgressElement.style.fontSize = fontSize + 'px';
|
|
71
|
+
}
|
|
72
|
+
console.log('Done adjusting font size for recording in progress text');
|
|
73
|
+
const webAudioDeviceNames = {microphone: '', deviceID: ''};
|
|
74
|
+
const externalMicList = ['UMIK', 'Airpods', 'Bluetooth'];
|
|
75
|
+
try {
|
|
76
|
+
console.log('Getting user media...Should ask for microphone permission');
|
|
77
|
+
const stream = await navigator.mediaDevices.getUserMedia({audio: true});
|
|
78
|
+
console.log('Got user media');
|
|
79
|
+
if (stream) {
|
|
80
|
+
console.log('Getting devices');
|
|
81
|
+
const devices = await navigator.mediaDevices.enumerateDevices();
|
|
82
|
+
console.log(devices);
|
|
83
|
+
const mics = devices.filter(device => device.kind === 'audioinput');
|
|
84
|
+
mics.forEach(mic => {
|
|
85
|
+
if (externalMicList.some(externalMic => mic.label.includes(externalMic))) {
|
|
86
|
+
webAudioDeviceNames.microphone = mic.label;
|
|
87
|
+
webAudioDeviceNames.deviceID = mic.deviceId;
|
|
88
|
+
}
|
|
89
|
+
});
|
|
90
|
+
if (webAudioDeviceNames.microphone === '') {
|
|
91
|
+
webAudioDeviceNames.microphone = mics[0].label;
|
|
92
|
+
webAudioDeviceNames.deviceID = mics[0].deviceId;
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
} catch (err) {
|
|
96
|
+
console.log(err);
|
|
97
|
+
}
|
|
98
|
+
listenerParameters.microphoneFromAPI = webAudioDeviceNames.microphone;
|
|
99
|
+
listenerParameters.microphoneDeviceId = webAudioDeviceNames.microphone;
|
|
100
|
+
let lock = null;
|
|
101
|
+
try {
|
|
102
|
+
if ('wakeLock' in navigator) {
|
|
103
|
+
lock = await navigator.wakeLock.request('screen');
|
|
104
|
+
}
|
|
105
|
+
} catch (err) {
|
|
106
|
+
console.log(err);
|
|
107
|
+
}
|
|
108
|
+
console.log(lock);
|
|
109
|
+
console.log('Starting Calibration');
|
|
110
|
+
console.log('Device id in example listenr:',listenerParameters.microphoneDeviceId);
|
|
111
|
+
window.listener = new speakerCalibrator.Listener(listenerParameters);
|
|
112
|
+
console.log(window.listener);
|
|
113
|
+
if (lock) {
|
|
114
|
+
lock.release();
|
|
115
|
+
}
|
|
116
|
+
});
|
|
117
|
+
break;
|
|
118
|
+
case 'false':
|
|
119
|
+
// remove the button
|
|
120
|
+
const calibrationBeginButton2 = document.getElementById('calibrationBeginButton');
|
|
121
|
+
calibrationBeginButton2.remove();
|
|
122
|
+
container.style.display = 'block';
|
|
123
|
+
// event listener for when the page is loaded
|
|
124
|
+
|
|
125
|
+
window.addEventListener('load', () => {
|
|
126
|
+
// set the text of the html elements
|
|
127
|
+
recordingInProgressElement.innerHTML = recordingInProgress;
|
|
128
|
+
allowMicrophoneElement.innerHTML = allowMicrophone;
|
|
129
|
+
|
|
130
|
+
recordingInProgressElement.style.whiteSpace = 'nowrap';
|
|
131
|
+
recordingInProgressElement.style.fontWeight = 'bold';
|
|
132
|
+
|
|
133
|
+
// fit content
|
|
134
|
+
recordingInProgressElement.style.width = 'fit-content';
|
|
135
|
+
let fontSize = 100;
|
|
136
|
+
recordingInProgressElement.style.fontSize = fontSize + 'px';
|
|
137
|
+
|
|
138
|
+
while (recordingInProgressElement.scrollWidth > window.innerWidth * 0.9 && fontSize > 10) {
|
|
139
|
+
fontSize--;
|
|
140
|
+
recordingInProgressElement.style.fontSize = fontSize + 'px';
|
|
141
|
+
}
|
|
142
|
+
const message = document.getElementById('message');
|
|
143
|
+
message.style.lineHeight = '2.5rem';
|
|
144
|
+
const p = document.createElement('p');
|
|
145
|
+
p.innerHTML = backToExperimentWindow;
|
|
146
|
+
message.appendChild(p);
|
|
147
|
+
listenerParameters.microphoneDeviceId = urlParams.get('deviceId');
|
|
148
|
+
window.listener = new speakerCalibrator.Listener(listenerParameters);
|
|
149
|
+
console.log(window.listener);
|
|
150
|
+
});
|
|
151
|
+
break;
|
|
152
|
+
}
|