speaker-calibration 2.2.188 → 2.2.190

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 (121) hide show
  1. package/.eslintignore +71 -71
  2. package/.eslintrc.json +40 -40
  3. package/.gitignore +81 -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 +26990 -26859
  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/mlsGen.js +6814 -6814
  42. package/dist/mlsGen.wasm +0 -0
  43. package/dist/package-lock.json +1018 -1018
  44. package/dist/package.json +18 -18
  45. package/doc/AudioCalibrator.html +417 -417
  46. package/doc/AudioPeer.html +251 -251
  47. package/doc/AudioRecorder.html +195 -195
  48. package/doc/ImpulseResponse.html +215 -215
  49. package/doc/Listener.html +308 -308
  50. package/doc/MlsGenInterface.html +226 -226
  51. package/doc/MyEventEmitter.html +274 -274
  52. package/doc/PythonServerAPI.html +109 -109
  53. package/doc/Speaker.html +276 -276
  54. package/doc/Takes%20a%20target%20element%20where%20html%20elements%20will%20be%20appended..html +128 -128
  55. package/doc/Takes%20the%20url%20of%20the%20current%20site%0Aand%20a%20target%20element%20where%20html%20elements%20will%20be%20appended..html +138 -138
  56. package/doc/Takes%20the%20url%20of%20the%20current%20site%20and%20a%20target%20element%20where%20html%20elements%20will%20be%20appended..html +137 -137
  57. package/doc/Volume.html +88 -88
  58. package/doc/audioCalibrator.js.html +179 -179
  59. package/doc/audioPeer.js.html +175 -175
  60. package/doc/audioRecorder.js.html +163 -163
  61. package/doc/creates%20a%20new%20AudioRecorder%20instance.%20%0ASets%20up%20the%20audio%20context%20and%20file%20reader..html +114 -114
  62. package/doc/fonts/OpenSans-Bold-webfont.svg +1829 -1829
  63. package/doc/fonts/OpenSans-BoldItalic-webfont.svg +1829 -1829
  64. package/doc/fonts/OpenSans-Italic-webfont.svg +1829 -1829
  65. package/doc/fonts/OpenSans-Light-webfont.svg +1830 -1830
  66. package/doc/fonts/OpenSans-LightItalic-webfont.svg +1834 -1834
  67. package/doc/fonts/OpenSans-Regular-webfont.svg +1830 -1830
  68. package/doc/global.html +308 -308
  69. package/doc/index.html +58 -58
  70. package/doc/listener.js.html +170 -170
  71. package/doc/mlsGen_mlsGenInterface.js.html +117 -117
  72. package/doc/myEventEmitter.js.html +124 -124
  73. package/doc/peer-connection_audioPeer.js.html +188 -188
  74. package/doc/peer-connection_listener.js.html +311 -311
  75. package/doc/peer-connection_speaker.js.html +381 -381
  76. package/doc/scripts/linenumber.js +25 -25
  77. package/doc/scripts/prettify/Apache-License-2.0.txt +202 -202
  78. package/doc/scripts/prettify/lang-css.js +24 -24
  79. package/doc/scripts/prettify/prettify.js +640 -640
  80. package/doc/server_PythonServerAPI.js.html +160 -160
  81. package/doc/speaker.js.html +248 -248
  82. package/doc/styles/jsdoc-default.css +371 -371
  83. package/doc/styles/prettify-jsdoc.css +111 -111
  84. package/doc/styles/prettify-tomorrow.css +163 -163
  85. package/doc/tasks_audioCalibrator.js.html +207 -207
  86. package/doc/tasks_audioRecorder.js.html +190 -190
  87. package/doc/tasks_impulse-response_impulseResponse.js.html +442 -442
  88. package/doc/tasks_impulse-response_mlsGen_mlsGenInterface.js.html +175 -175
  89. package/doc/tasks_volume_volume.js.html +185 -185
  90. package/doc/utils.js.html +105 -105
  91. package/jest.config.js +173 -173
  92. package/netlify.toml +26 -26
  93. package/package.json +72 -72
  94. package/src/config/firebase.js +26 -26
  95. package/src/index.html +21 -21
  96. package/src/main.js +23 -23
  97. package/src/myEventEmitter.js +83 -83
  98. package/src/peer-connection/audioPeer.js +178 -178
  99. package/src/peer-connection/listener.js +340 -340
  100. package/src/peer-connection/peerErrors.js +25 -25
  101. package/src/peer-connection/speaker.js +724 -718
  102. package/src/server/PythonServerAPI.js +835 -830
  103. package/src/tasks/audioCalibrator.js +332 -323
  104. package/src/tasks/audioRecorder.js +315 -315
  105. package/src/tasks/combination/combination.js +2999 -2970
  106. package/src/tasks/combination/mlsGen/mlsGen.cpp +98 -98
  107. package/src/tasks/combination/mlsGen/mlsGen.hpp +303 -303
  108. package/src/tasks/combination/mlsGen/mlsGenInterface.js +131 -131
  109. package/src/tasks/combination/mlsGen/mlsGenTest.cpp +180 -180
  110. package/src/tasks/impulse-response/impulseResponse.js +610 -610
  111. package/src/tasks/impulse-response/mlsGen/mlsGen.cpp +98 -98
  112. package/src/tasks/impulse-response/mlsGen/mlsGen.hpp +303 -303
  113. package/src/tasks/impulse-response/mlsGen/mlsGenInterface.js +131 -131
  114. package/src/tasks/impulse-response/mlsGen/mlsGenTest.cpp +180 -180
  115. package/src/tasks/volume/volume.cpp +2 -2
  116. package/src/tasks/volume/volume.hpp +22 -22
  117. package/src/tasks/volume/volume.js +279 -279
  118. package/src/utils.js +205 -205
  119. package/webpack.config.js +37 -37
  120. package/.github/workflows/update-phrases.yml +0 -37
  121. package/makefile +0 -74
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
+ }