speaker-calibration 2.2.182 → 2.2.184

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.
Files changed (122) hide show
  1. package/.eslintignore +71 -71
  2. package/.eslintrc.json +40 -40
  3. package/.github/workflows/update-phrases.yml +37 -0
  4. package/.prettierignore +69 -69
  5. package/.prettierrc +14 -14
  6. package/LICENSE +20 -20
  7. package/README.md +133 -133
  8. package/__mocks__/fileMock.js +1 -1
  9. package/__mocks__/styleMock.js +1 -1
  10. package/babel.config.js +3 -3
  11. package/coverage/clover.xml +71 -71
  12. package/coverage/coverage-final.json +224 -224
  13. package/coverage/lcov-report/PythonServerInterface.js.html +265 -265
  14. package/coverage/lcov-report/base.css +354 -354
  15. package/coverage/lcov-report/block-navigation.js +82 -82
  16. package/coverage/lcov-report/index.html +123 -123
  17. package/coverage/lcov-report/prettify.css +101 -101
  18. package/coverage/lcov-report/prettify.js +937 -937
  19. package/coverage/lcov-report/sorter.js +189 -189
  20. package/coverage/lcov-report/src/index.html +121 -121
  21. package/coverage/lcov-report/src/server/PythonServerInterface.js.html +268 -268
  22. package/coverage/lcov-report/src/server/index.html +123 -123
  23. package/coverage/lcov-report/src/tasks/audioCalibrator.js.html +499 -499
  24. package/coverage/lcov-report/src/tasks/audioRecorder.js.html +412 -412
  25. package/coverage/lcov-report/src/tasks/index.html +143 -143
  26. package/coverage/lcov-report/src/tasks/volume/index.html +123 -123
  27. package/coverage/lcov-report/src/tasks/volume/volume.js.html +409 -409
  28. package/coverage/lcov-report/src/utils.js.html +172 -172
  29. package/coverage/lcov.info +91 -91
  30. package/dist/example/NoSleep.min.js +1 -1
  31. package/dist/example/fetch-languages-sheets.js +77 -77
  32. package/dist/example/i18n.js +25828 -25820
  33. package/dist/example/index.html +47 -47
  34. package/dist/example/listener.html +79 -79
  35. package/dist/example/listener.js +149 -149
  36. package/dist/example/server.js +51 -51
  37. package/dist/example/speaker.html +145 -145
  38. package/dist/example/speakerUI.js +273 -273
  39. package/dist/example/styles.css +99 -99
  40. package/dist/main.js +17 -17
  41. package/dist/main.js.LICENSE.txt +118 -0
  42. package/dist/mlsGen.js +6814 -6814
  43. package/dist/mlsGen.wasm +0 -0
  44. package/dist/package-lock.json +1018 -1018
  45. package/dist/package.json +18 -18
  46. package/doc/AudioCalibrator.html +417 -417
  47. package/doc/AudioPeer.html +251 -251
  48. package/doc/AudioRecorder.html +195 -195
  49. package/doc/ImpulseResponse.html +215 -215
  50. package/doc/Listener.html +308 -308
  51. package/doc/MlsGenInterface.html +226 -226
  52. package/doc/MyEventEmitter.html +274 -274
  53. package/doc/PythonServerAPI.html +109 -109
  54. package/doc/Speaker.html +276 -276
  55. package/doc/Takes%20a%20target%20element%20where%20html%20elements%20will%20be%20appended..html +128 -128
  56. package/doc/Takes%20the%20url%20of%20the%20current%20site%0Aand%20a%20target%20element%20where%20html%20elements%20will%20be%20appended..html +138 -138
  57. package/doc/Takes%20the%20url%20of%20the%20current%20site%20and%20a%20target%20element%20where%20html%20elements%20will%20be%20appended..html +137 -137
  58. package/doc/Volume.html +88 -88
  59. package/doc/audioCalibrator.js.html +179 -179
  60. package/doc/audioPeer.js.html +175 -175
  61. package/doc/audioRecorder.js.html +163 -163
  62. package/doc/creates%20a%20new%20AudioRecorder%20instance.%20%0ASets%20up%20the%20audio%20context%20and%20file%20reader..html +114 -114
  63. package/doc/fonts/OpenSans-Bold-webfont.svg +1829 -1829
  64. package/doc/fonts/OpenSans-BoldItalic-webfont.svg +1829 -1829
  65. package/doc/fonts/OpenSans-Italic-webfont.svg +1829 -1829
  66. package/doc/fonts/OpenSans-Light-webfont.svg +1830 -1830
  67. package/doc/fonts/OpenSans-LightItalic-webfont.svg +1834 -1834
  68. package/doc/fonts/OpenSans-Regular-webfont.svg +1830 -1830
  69. package/doc/global.html +308 -308
  70. package/doc/index.html +58 -58
  71. package/doc/listener.js.html +170 -170
  72. package/doc/mlsGen_mlsGenInterface.js.html +117 -117
  73. package/doc/myEventEmitter.js.html +124 -124
  74. package/doc/peer-connection_audioPeer.js.html +188 -188
  75. package/doc/peer-connection_listener.js.html +311 -311
  76. package/doc/peer-connection_speaker.js.html +381 -381
  77. package/doc/scripts/linenumber.js +25 -25
  78. package/doc/scripts/prettify/Apache-License-2.0.txt +202 -202
  79. package/doc/scripts/prettify/lang-css.js +24 -24
  80. package/doc/scripts/prettify/prettify.js +640 -640
  81. package/doc/server_PythonServerAPI.js.html +160 -160
  82. package/doc/speaker.js.html +248 -248
  83. package/doc/styles/jsdoc-default.css +371 -371
  84. package/doc/styles/prettify-jsdoc.css +111 -111
  85. package/doc/styles/prettify-tomorrow.css +163 -163
  86. package/doc/tasks_audioCalibrator.js.html +207 -207
  87. package/doc/tasks_audioRecorder.js.html +190 -190
  88. package/doc/tasks_impulse-response_impulseResponse.js.html +442 -442
  89. package/doc/tasks_impulse-response_mlsGen_mlsGenInterface.js.html +175 -175
  90. package/doc/tasks_volume_volume.js.html +185 -185
  91. package/doc/utils.js.html +105 -105
  92. package/jest.config.js +173 -173
  93. package/makefile +74 -0
  94. package/netlify.toml +26 -26
  95. package/package.json +72 -72
  96. package/src/config/firebase.js +26 -26
  97. package/src/index.html +21 -21
  98. package/src/main.js +23 -23
  99. package/src/myEventEmitter.js +83 -83
  100. package/src/peer-connection/audioPeer.js +178 -178
  101. package/src/peer-connection/listener.js +340 -340
  102. package/src/peer-connection/peerErrors.js +25 -25
  103. package/src/peer-connection/speaker.js +714 -725
  104. package/src/server/PythonServerAPI.js +830 -830
  105. package/src/tasks/audioCalibrator.js +323 -323
  106. package/src/tasks/audioRecorder.js +315 -315
  107. package/src/tasks/combination/combination.js +2955 -2937
  108. package/src/tasks/combination/mlsGen/mlsGen.cpp +98 -98
  109. package/src/tasks/combination/mlsGen/mlsGen.hpp +303 -303
  110. package/src/tasks/combination/mlsGen/mlsGenInterface.js +131 -131
  111. package/src/tasks/combination/mlsGen/mlsGenTest.cpp +180 -180
  112. package/src/tasks/impulse-response/impulseResponse.js +610 -610
  113. package/src/tasks/impulse-response/mlsGen/mlsGen.cpp +98 -98
  114. package/src/tasks/impulse-response/mlsGen/mlsGen.hpp +303 -303
  115. package/src/tasks/impulse-response/mlsGen/mlsGenInterface.js +131 -131
  116. package/src/tasks/impulse-response/mlsGen/mlsGenTest.cpp +180 -180
  117. package/src/tasks/volume/volume.cpp +2 -2
  118. package/src/tasks/volume/volume.hpp +22 -22
  119. package/src/tasks/volume/volume.js +279 -279
  120. package/src/utils.js +205 -205
  121. package/webpack.config.js +37 -37
  122. package/.gitignore +0 -81
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>
package/dist/example/listener.html CHANGED
@@ -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,149 +1,149 @@
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.deviceID;
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
- window.listener = new speakerCalibrator.Listener(listenerParameters);
111
- console.log(window.listener);
112
- if (lock) {
113
- lock.release();
114
- }
115
- });
116
- break;
117
- case 'false':
118
- // remove the button
119
- const calibrationBeginButton2 = document.getElementById('calibrationBeginButton');
120
- calibrationBeginButton2.remove();
121
- container.style.display = 'block';
122
- // event listener for when the page is loaded
123
- window.addEventListener('load', () => {
124
- // set the text of the html elements
125
- recordingInProgressElement.innerHTML = recordingInProgress;
126
- allowMicrophoneElement.innerHTML = allowMicrophone;
127
-
128
- recordingInProgressElement.style.whiteSpace = 'nowrap';
129
- recordingInProgressElement.style.fontWeight = 'bold';
130
-
131
- // fit content
132
- recordingInProgressElement.style.width = 'fit-content';
133
- let fontSize = 100;
134
- recordingInProgressElement.style.fontSize = fontSize + 'px';
135
-
136
- while (recordingInProgressElement.scrollWidth > window.innerWidth * 0.9 && fontSize > 10) {
137
- fontSize--;
138
- recordingInProgressElement.style.fontSize = fontSize + 'px';
139
- }
140
- const message = document.getElementById('message');
141
- message.style.lineHeight = '2.5rem';
142
- const p = document.createElement('p');
143
- p.innerHTML = backToExperimentWindow;
144
- message.appendChild(p);
145
- window.listener = new speakerCalibrator.Listener(listenerParameters);
146
- console.log(window.listener);
147
- });
148
- break;
149
- }
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.deviceID;
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
+ window.listener = new speakerCalibrator.Listener(listenerParameters);
111
+ console.log(window.listener);
112
+ if (lock) {
113
+ lock.release();
114
+ }
115
+ });
116
+ break;
117
+ case 'false':
118
+ // remove the button
119
+ const calibrationBeginButton2 = document.getElementById('calibrationBeginButton');
120
+ calibrationBeginButton2.remove();
121
+ container.style.display = 'block';
122
+ // event listener for when the page is loaded
123
+ window.addEventListener('load', () => {
124
+ // set the text of the html elements
125
+ recordingInProgressElement.innerHTML = recordingInProgress;
126
+ allowMicrophoneElement.innerHTML = allowMicrophone;
127
+
128
+ recordingInProgressElement.style.whiteSpace = 'nowrap';
129
+ recordingInProgressElement.style.fontWeight = 'bold';
130
+
131
+ // fit content
132
+ recordingInProgressElement.style.width = 'fit-content';
133
+ let fontSize = 100;
134
+ recordingInProgressElement.style.fontSize = fontSize + 'px';
135
+
136
+ while (recordingInProgressElement.scrollWidth > window.innerWidth * 0.9 && fontSize > 10) {
137
+ fontSize--;
138
+ recordingInProgressElement.style.fontSize = fontSize + 'px';
139
+ }
140
+ const message = document.getElementById('message');
141
+ message.style.lineHeight = '2.5rem';
142
+ const p = document.createElement('p');
143
+ p.innerHTML = backToExperimentWindow;
144
+ message.appendChild(p);
145
+ window.listener = new speakerCalibrator.Listener(listenerParameters);
146
+ console.log(window.listener);
147
+ });
148
+ break;
149
+ }