speaker-calibration 2.2.74 → 2.2.76

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 (119) hide show
  1. package/.eslintignore +71 -71
  2. package/.eslintrc.json +40 -40
  3. package/.prettierignore +69 -69
  4. package/.prettierrc +14 -14
  5. package/LICENSE +20 -20
  6. package/README.md +133 -133
  7. package/__mocks__/fileMock.js +1 -1
  8. package/__mocks__/styleMock.js +1 -1
  9. package/babel.config.js +3 -3
  10. package/coverage/clover.xml +71 -71
  11. package/coverage/coverage-final.json +224 -224
  12. package/coverage/lcov-report/PythonServerInterface.js.html +265 -265
  13. package/coverage/lcov-report/base.css +354 -354
  14. package/coverage/lcov-report/block-navigation.js +82 -82
  15. package/coverage/lcov-report/index.html +123 -123
  16. package/coverage/lcov-report/prettify.css +101 -101
  17. package/coverage/lcov-report/prettify.js +937 -937
  18. package/coverage/lcov-report/sorter.js +189 -189
  19. package/coverage/lcov-report/src/index.html +121 -121
  20. package/coverage/lcov-report/src/server/PythonServerInterface.js.html +268 -268
  21. package/coverage/lcov-report/src/server/index.html +123 -123
  22. package/coverage/lcov-report/src/tasks/audioCalibrator.js.html +499 -499
  23. package/coverage/lcov-report/src/tasks/audioRecorder.js.html +412 -412
  24. package/coverage/lcov-report/src/tasks/index.html +143 -143
  25. package/coverage/lcov-report/src/tasks/volume/index.html +123 -123
  26. package/coverage/lcov-report/src/tasks/volume/volume.js.html +409 -409
  27. package/coverage/lcov-report/src/utils.js.html +172 -172
  28. package/coverage/lcov.info +91 -91
  29. package/dist/example/fetch-languages-sheets.js +77 -77
  30. package/dist/example/i18n.js +35846 -35846
  31. package/dist/example/index.html +47 -47
  32. package/dist/example/listener.html +62 -62
  33. package/dist/example/listener.js +95 -282
  34. package/dist/example/server.js +51 -51
  35. package/dist/example/speaker.html +145 -145
  36. package/dist/example/speakerUI.js +272 -272
  37. package/dist/example/styles.css +92 -92
  38. package/dist/main.js +17 -17
  39. package/dist/mlsGen.js +6814 -6814
  40. package/dist/mlsGen.wasm +0 -0
  41. package/dist/package-lock.json +1018 -1018
  42. package/dist/package.json +18 -18
  43. package/doc/AudioCalibrator.html +417 -417
  44. package/doc/AudioPeer.html +251 -251
  45. package/doc/AudioRecorder.html +195 -195
  46. package/doc/ImpulseResponse.html +215 -215
  47. package/doc/Listener.html +308 -308
  48. package/doc/MlsGenInterface.html +226 -226
  49. package/doc/MyEventEmitter.html +274 -274
  50. package/doc/PythonServerAPI.html +109 -109
  51. package/doc/Speaker.html +276 -276
  52. package/doc/Takes%20a%20target%20element%20where%20html%20elements%20will%20be%20appended..html +128 -128
  53. package/doc/Takes%20the%20url%20of%20the%20current%20site%0Aand%20a%20target%20element%20where%20html%20elements%20will%20be%20appended..html +138 -138
  54. package/doc/Takes%20the%20url%20of%20the%20current%20site%20and%20a%20target%20element%20where%20html%20elements%20will%20be%20appended..html +137 -137
  55. package/doc/Volume.html +88 -88
  56. package/doc/audioCalibrator.js.html +179 -179
  57. package/doc/audioPeer.js.html +175 -175
  58. package/doc/audioRecorder.js.html +163 -163
  59. package/doc/creates%20a%20new%20AudioRecorder%20instance.%20%0ASets%20up%20the%20audio%20context%20and%20file%20reader..html +114 -114
  60. package/doc/fonts/OpenSans-Bold-webfont.svg +1829 -1829
  61. package/doc/fonts/OpenSans-BoldItalic-webfont.svg +1829 -1829
  62. package/doc/fonts/OpenSans-Italic-webfont.svg +1829 -1829
  63. package/doc/fonts/OpenSans-Light-webfont.svg +1830 -1830
  64. package/doc/fonts/OpenSans-LightItalic-webfont.svg +1834 -1834
  65. package/doc/fonts/OpenSans-Regular-webfont.svg +1830 -1830
  66. package/doc/global.html +308 -308
  67. package/doc/index.html +58 -58
  68. package/doc/listener.js.html +170 -170
  69. package/doc/mlsGen_mlsGenInterface.js.html +117 -117
  70. package/doc/myEventEmitter.js.html +124 -124
  71. package/doc/peer-connection_audioPeer.js.html +188 -188
  72. package/doc/peer-connection_listener.js.html +311 -311
  73. package/doc/peer-connection_speaker.js.html +381 -381
  74. package/doc/scripts/linenumber.js +25 -25
  75. package/doc/scripts/prettify/Apache-License-2.0.txt +202 -202
  76. package/doc/scripts/prettify/lang-css.js +24 -24
  77. package/doc/scripts/prettify/prettify.js +640 -640
  78. package/doc/server_PythonServerAPI.js.html +160 -160
  79. package/doc/speaker.js.html +248 -248
  80. package/doc/styles/jsdoc-default.css +371 -371
  81. package/doc/styles/prettify-jsdoc.css +111 -111
  82. package/doc/styles/prettify-tomorrow.css +163 -163
  83. package/doc/tasks_audioCalibrator.js.html +207 -207
  84. package/doc/tasks_audioRecorder.js.html +190 -190
  85. package/doc/tasks_impulse-response_impulseResponse.js.html +442 -442
  86. package/doc/tasks_impulse-response_mlsGen_mlsGenInterface.js.html +175 -175
  87. package/doc/tasks_volume_volume.js.html +185 -185
  88. package/doc/utils.js.html +105 -105
  89. package/jest.config.js +173 -173
  90. package/makefile +74 -0
  91. package/netlify.toml +26 -26
  92. package/package.json +69 -69
  93. package/src/config/firebase.js +25 -25
  94. package/src/index.html +21 -21
  95. package/src/main.js +23 -23
  96. package/src/myEventEmitter.js +83 -83
  97. package/src/peer-connection/audioPeer.js +151 -151
  98. package/src/peer-connection/listener.js +310 -310
  99. package/src/peer-connection/peerErrors.js +25 -25
  100. package/src/peer-connection/speaker.js +473 -473
  101. package/src/server/PythonServerAPI.js +587 -587
  102. package/src/tasks/audioCalibrator.js +308 -308
  103. package/src/tasks/audioRecorder.js +281 -281
  104. package/src/tasks/combination/combination.js +2047 -2052
  105. package/src/tasks/combination/mlsGen/mlsGen.cpp +98 -98
  106. package/src/tasks/combination/mlsGen/mlsGen.hpp +303 -303
  107. package/src/tasks/combination/mlsGen/mlsGenInterface.js +131 -131
  108. package/src/tasks/combination/mlsGen/mlsGenTest.cpp +180 -180
  109. package/src/tasks/impulse-response/impulseResponse.js +610 -610
  110. package/src/tasks/impulse-response/mlsGen/mlsGen.cpp +98 -98
  111. package/src/tasks/impulse-response/mlsGen/mlsGen.hpp +303 -303
  112. package/src/tasks/impulse-response/mlsGen/mlsGenInterface.js +131 -131
  113. package/src/tasks/impulse-response/mlsGen/mlsGenTest.cpp +180 -180
  114. package/src/tasks/volume/volume.cpp +2 -2
  115. package/src/tasks/volume/volume.hpp +22 -22
  116. package/src/tasks/volume/volume.js +279 -279
  117. package/src/utils.js +88 -88
  118. package/webpack.config.js +37 -37
  119. 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,62 +1,62 @@
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
- </head>
27
-
28
- <body>
29
- <!--[if lt IE 8]>
30
- <p class="browserupgrade">
31
- You are using an <strong>outdated</strong> browser. Please
32
- <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.
33
- </p>
34
- <![endif]-->
35
- <p class="turnMeToReadBelow" id="turnMeToReadBelow1"></p>
36
- <div class="container" id="listenerContainer">
37
- <div id="phrases">
38
- <p id="recordingInProgress"></p>
39
- <h1>Sound Calibration</h1>
40
- <p class="lead" id="allowMicrophone"></p>
41
- <p class="lead" id="message"></p>
42
- </div>
43
- <div id="updateDisplay">
44
- <div class="col-6">
45
- <button id="calibrationBeginButton" type="button" class="btn btn-success">Proceed</button>
46
- </div>
47
- <div class="col-6">
48
- <div id="display"></div>
49
- </div>
50
- </div>
51
- <p class="turnMeToReadBelow" id="turnMeToReadBelow"></p>
52
- </div>
53
- <script type="module" src="../example/listener.js"></script>
54
- <script type="text/javascript"></script>
55
- <script
56
- src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
57
- integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
58
- crossorigin="anonymous"
59
- ></script>
60
- <script crossorigin src="https://cloud.51degrees.com/api/v4/AQSjtocCemq9y6-T20g.js"></script>
61
- </body>
62
- </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
+ </head>
27
+
28
+ <body>
29
+ <!--[if lt IE 8]>
30
+ <p class="browserupgrade">
31
+ You are using an <strong>outdated</strong> browser. Please
32
+ <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.
33
+ </p>
34
+ <![endif]-->
35
+ <p class="turnMeToReadBelow" id="turnMeToReadBelow1"></p>
36
+ <div class="container" id="listenerContainer">
37
+ <div id="phrases">
38
+ <p id="recordingInProgress"></p>
39
+ <h1>Sound Calibration</h1>
40
+ <p class="lead" id="allowMicrophone"></p>
41
+ <p class="lead" id="message"></p>
42
+ </div>
43
+ <div id="updateDisplay">
44
+ <div class="col-6">
45
+ <button id="calibrationBeginButton" type="button" class="btn btn-success">Proceed</button>
46
+ </div>
47
+ <div class="col-6">
48
+ <div id="display"></div>
49
+ </div>
50
+ </div>
51
+ <p class="turnMeToReadBelow" id="turnMeToReadBelow"></p>
52
+ </div>
53
+ <script type="module" src="../example/listener.js"></script>
54
+ <script type="text/javascript"></script>
55
+ <script
56
+ src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
57
+ integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
58
+ crossorigin="anonymous"
59
+ ></script>
60
+ <script crossorigin src="https://cloud.51degrees.com/api/v4/AQSjtocCemq9y6-T20g.js"></script>
61
+ </body>
62
+ </html>
package/dist/example/listener.js CHANGED
@@ -1,282 +1,95 @@
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('isSmartPhone');
8
-
9
- const listenerParameters = {
10
- targetElementId: 'display',
11
- deviceInfoFromUser: {},
12
- };
13
-
14
- let preferredModelNumber = '';
15
- let findModel = '';
16
- const getDeviceDetails = deviceInfo => {
17
- let OS = '';
18
- switch (deviceInfo.PlatformName) {
19
- case 'iOS':
20
- OS = 'IOS';
21
- break;
22
- case 'mac':
23
- OS = 'macOS';
24
- break;
25
- case 'win':
26
- OS = 'Windows';
27
- break;
28
- case 'Android':
29
- OS = 'Android';
30
- break;
31
- case 'cros':
32
- OS = 'ChromeOS';
33
- break;
34
- case 'Linux':
35
- OS = 'Linux';
36
- break;
37
- case 'openbsd':
38
- OS = 'Open/FreeBSD';
39
- break;
40
- case 'Fuchsia':
41
- OS = 'Fuchsia';
42
- break;
43
- default:
44
- OS = 'GenericOS';
45
- break;
46
- }
47
- if (OS.includes('Android')) {
48
- preferredModelNumber = phrases.RC_modelNumberAndroid['en-US'];
49
- findModel = phrases.RC_findModelAndroid['en-US'];
50
- } else if (OS.includes('Bada')) {
51
- preferredModelNumber = phrases.RC_modelNumberBada['en-US'];
52
- findModel = phrases.RC_findModelBada['en-US'];
53
- } else if (OS.includes('Blackberry')) {
54
- preferredModelNumber = phrases.RC_modelNumberBlackberry['en-US'];
55
- findModel = phrases.RC_findModelBlackberry['en-US'];
56
- } else if (OS.includes('Firefox')) {
57
- preferredModelNumber = phrases.RC_modelNumberFirefox['en-US'];
58
- findModel = phrases.RC_findModelFirefox['en-US'];
59
- } else if (OS.includes('IOS')) {
60
- preferredModelNumber = phrases.RC_modelNumberIOs['en-US'];
61
- findModel = phrases.RC_findModelIOs['en-US'];
62
- } else if (OS.includes('iPad')) {
63
- preferredModelNumber = phrases.RC_modelNumberIPad['en-US'];
64
- findModel = phrases.RC_findModelIPad['en-US'];
65
- } else if (OS.includes('Linux')) {
66
- preferredModelNumber = phrases.RC_modelNumberLinux['en-US'];
67
- findModel = phrases.RC_findModelLinux['en-US'];
68
- } else if (OS.includes('macOS')) {
69
- preferredModelNumber = phrases.RC_modelNumberMacOs['en-US'];
70
- findModel = phrases.RC_findModelMacOs['en-US'];
71
- } else if (OS.includes('Maemo')) {
72
- preferredModelNumber = phrases.RC_modelNumberMaemo['en-US'];
73
- findModel = phrases.RC_findModelMaemo['en-US'];
74
- } else if (OS.includes('Palm')) {
75
- preferredModelNumber = phrases.RC_modelNumberPalm['en-US'];
76
- findModel = phrases.RC_findModelPalm['en-US'];
77
- } else if (OS.includes('WebOS')) {
78
- preferredModelNumber = phrases.RC_modelNumberWebOS['en-US'];
79
- findModel = phrases.RC_findModelWebOS['en-US'];
80
- } else if (OS.includes('Windows')) {
81
- preferredModelNumber = phrases.RC_modelNumberWindows['en-US'];
82
- findModel = phrases.RC_findModelWindows['en-US'];
83
- } else {
84
- preferredModelNumber = phrases.RC_modelNumber['en-US'];
85
- findModel = phrases.RC_findModeGeneric['en-US'];
86
- }
87
- };
88
-
89
- const container = document.getElementById('listenerContainer');
90
- const recordingInProgress = phrases.RC_soundRecording['en-US'];
91
- const backToExperimentWindow = phrases.RC_backToExperimentWindow['en-US'];
92
- const allowMicrophone = phrases.RC_allowMicrophoneUse['en-US'];
93
- const placeSmartphoneMicrophone = phrases.RC_placeSmartphoneMicrophone['en-US'];
94
- const turnMeToReadBelow = phrases.RC_turnMeToReadBelow['en-US'];
95
- const recordingInProgressElement = document.getElementById('recordingInProgress');
96
- const allowMicrophoneElement = document.getElementById('allowMicrophone');
97
- const turnMessageElement = document.getElementById('turnMeToReadBelow');
98
- const turnMessageElement2 = document.createElement('p');
99
- turnMessageElement2.innerHTML = turnMeToReadBelow;
100
- const askModelNumberElement = document.createElement('div');
101
- // const modelNumberElement = document.getElementById('askModelNumberContent');
102
- const modelNumberButton = document.createElement('button');
103
-
104
- // ask for model number
105
- const deviceInfo = {};
106
- try {
107
- fod.complete(function (data) {
108
- deviceInfo['IsMobile'] = data.device['ismobile'];
109
- deviceInfo['HardwareName'] = data.device['hardwarename'];
110
- deviceInfo['HardwareFamily'] = data.device['hardwarefamily'];
111
- deviceInfo['HardwareModel'] = data.device['hardwaremodel'];
112
- deviceInfo['OEM'] = data.device['oem'];
113
- deviceInfo['HardwareModelVariants'] = data.device['hardwaremodelvariants'];
114
- deviceInfo['DeviceId'] = data.device['deviceid'];
115
- deviceInfo['PlatformName'] = data.device['platformname'];
116
- deviceInfo['PlatformVersion'] = data.device['platformversion'];
117
- deviceInfo['DeviceType'] = data.device['devicetype'];
118
- });
119
- console.log(deviceInfo);
120
- getDeviceDetails(deviceInfo);
121
- } catch (error) {
122
- console.error('Error fetching or executing script:', error.message);
123
- }
124
-
125
- switch (isSmartPhone) {
126
- case 'true':
127
- // add turnMessageElement2 to body
128
- // document.body.appendChild(turnMessageElement2);
129
- // style turnMessageElement2
130
- // turnMessageElement2.style.position = 'absolute';
131
- // turnMessageElement2.style.top = '20px';
132
- // turnMessageElement2.style.fontSize = 'larger';
133
-
134
- // add askModelNumberElement to body
135
- document.body.appendChild(askModelNumberElement);
136
- // style askModelNumberElement
137
- // askModelNumberElement.style.transform = 'rotate(180deg)';
138
- askModelNumberElement.style.marginTop = '10px';
139
- askModelNumberElement.style.position = 'absolute';
140
- askModelNumberElement.style.top = '0';
141
- askModelNumberElement.style.left = '10px';
142
-
143
- const askModelNumberContent = document.createElement('div');
144
- askModelNumberContent.style.display = 'flex';
145
- askModelNumberContent.style.flexDirection = 'column';
146
- askModelNumberElement.appendChild(askModelNumberContent);
147
- const p = document.createElement('p');
148
- p.innerHTML = findModel;
149
- p.style.marginTop = '10px';
150
- askModelNumberContent.appendChild(p);
151
-
152
- // create input box for model number and name
153
- const modelNumberInput = document.createElement('input');
154
- modelNumberInput.type = 'text';
155
- modelNumberInput.id = 'modelNumberInput';
156
- modelNumberInput.name = 'modelNumberInput';
157
- modelNumberInput.placeholder = preferredModelNumber;
158
-
159
- const modelNameInput = document.createElement('input');
160
- modelNameInput.type = 'text';
161
- modelNameInput.id = 'modelNameInput';
162
- modelNameInput.name = 'modelNameInput';
163
- modelNameInput.placeholder = 'Model Name';
164
-
165
- askModelNumberContent.appendChild(modelNameInput);
166
- askModelNumberContent.appendChild(modelNumberInput);
167
-
168
- // add modelNumberButton to askModelNumberContent
169
- askModelNumberContent.appendChild(modelNumberButton);
170
- modelNumberButton.innerHTML = 'Proceed';
171
- modelNumberButton.style.width = '30%';
172
- // add class
173
- modelNumberButton.classList.add(...['btn', 'btn-success']);
174
- modelNumberButton.addEventListener('click', async () => {
175
- modelNumberButton.innerHTML = 'Loading...';
176
- await new Promise(async resolve => {
177
- // get model number and name
178
- const modelNumber = document.getElementById('modelNumberInput').value;
179
- const modelName = document.getElementById('modelNameInput').value;
180
- if (modelNumber === '' || modelName === '') {
181
- alert('Please enter model number and name');
182
- modelNumberButton.innerHTML = 'Proceed';
183
- } else {
184
- const oem = deviceInfo['OEM'].toLowerCase().split(' ').join('');
185
- if (await speakerCalibrator.Speaker.doesMicrophoneExist(modelNumber, oem)) {
186
- // remove the button
187
- modelNumberButton.remove();
188
- askModelNumberElement.remove();
189
- turnMessageElement2.remove();
190
- allowMicrophoneElement.innerHTML = placeSmartphoneMicrophone;
191
- turnMessageElement.innerHTML = turnMeToReadBelow;
192
- // show the html upsidedown
193
- const phrasesContainer = document.getElementById('phrases');
194
- // add class
195
- phrasesContainer.classList.add('phrases');
196
- const html = document.querySelector('html');
197
- html.style.overflow = 'hidden';
198
- const display = document.getElementById('updateDisplay');
199
- display.classList.add('updateDisplay');
200
- container.style.display = 'block';
201
- // event listener for id calibrationBeginButton
202
- const calibrationBeginButton = document.getElementById('calibrationBeginButton');
203
- calibrationBeginButton.addEventListener('click', () => {
204
- // remove the button
205
- calibrationBeginButton.remove();
206
- // remove turn message
207
- turnMessageElement.remove();
208
- // set the text of the html elements
209
- recordingInProgressElement.innerHTML = recordingInProgress;
210
- allowMicrophoneElement.innerHTML = allowMicrophone;
211
-
212
- recordingInProgressElement.style.whiteSpace = 'nowrap';
213
- recordingInProgressElement.style.fontWeight = 'bold';
214
- // fit content
215
- recordingInProgressElement.style.width = 'fit-content';
216
- let fontSize = 100;
217
- recordingInProgressElement.style.fontSize = fontSize + 'px';
218
-
219
- while (
220
- recordingInProgressElement.scrollWidth > window.innerWidth * 0.9 &&
221
- fontSize > 10
222
- ) {
223
- fontSize--;
224
- recordingInProgressElement.style.fontSize = fontSize + 'px';
225
- }
226
- listenerParameters.deviceInfoFromUser = {
227
- modelNumber,
228
- modelName,
229
- OEM: deviceInfo['OEM'],
230
- };
231
- window.listener = new speakerCalibrator.Listener(listenerParameters);
232
- console.log(window.listener);
233
- });
234
- } else {
235
- modelNumberButton.innerHTML = 'Proceed';
236
- p.innerHTML =
237
- findModel +
238
- '<br>' +
239
- phrases.RC_sorryPhoneMicrophone['en-US']
240
- .replace('MMM', deviceInfo['OEM'])
241
- .replace('NNN', modelName)
242
- .replace('xxx', modelNumber);
243
- }
244
- }
245
- });
246
- modelNumberButton.innerHTML = 'Proceed';
247
- });
248
-
249
- break;
250
- case 'false':
251
- // remove the button
252
- const calibrationBeginButton2 = document.getElementById('calibrationBeginButton');
253
- calibrationBeginButton2.remove();
254
- container.style.display = 'block';
255
- // event listener for when the page is loaded
256
- window.addEventListener('load', () => {
257
- // set the text of the html elements
258
- recordingInProgressElement.innerHTML = recordingInProgress;
259
- allowMicrophoneElement.innerHTML = allowMicrophone;
260
-
261
- recordingInProgressElement.style.whiteSpace = 'nowrap';
262
- recordingInProgressElement.style.fontWeight = 'bold';
263
-
264
- // fit content
265
- recordingInProgressElement.style.width = 'fit-content';
266
- let fontSize = 100;
267
- recordingInProgressElement.style.fontSize = fontSize + 'px';
268
-
269
- while (recordingInProgressElement.scrollWidth > window.innerWidth * 0.9 && fontSize > 10) {
270
- fontSize--;
271
- recordingInProgressElement.style.fontSize = fontSize + 'px';
272
- }
273
- const message = document.getElementById('message');
274
- message.style.lineHeight = '2.5rem';
275
- const p = document.createElement('p');
276
- p.innerHTML = backToExperimentWindow;
277
- message.appendChild(p);
278
- window.listener = new speakerCalibrator.Listener(listenerParameters);
279
- console.log(window.listener);
280
- });
281
- break;
282
- }
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('isSmartPhone');
8
+
9
+ const listenerParameters = {
10
+ targetElementId: 'display',
11
+ deviceInfoFromUser: {},
12
+ };
13
+
14
+ const container = document.getElementById('listenerContainer');
15
+ const recordingInProgress = phrases.RC_soundRecording['en-US'];
16
+ const backToExperimentWindow = phrases.RC_backToExperimentWindow['en-US'];
17
+ const allowMicrophone = phrases.RC_allowMicrophoneUse['en-US'];
18
+ const placeSmartphoneMicrophone = phrases.RC_placeSmartphoneMicrophone['en-US'];
19
+ const turnMeToReadBelow = phrases.RC_turnMeToReadBelow['en-US'];
20
+ const recordingInProgressElement = document.getElementById('recordingInProgress');
21
+ const allowMicrophoneElement = document.getElementById('allowMicrophone');
22
+ const turnMessageElement = document.getElementById('turnMeToReadBelow');
23
+
24
+ switch (isSmartPhone) {
25
+ case 'true':
26
+ allowMicrophoneElement.innerHTML = placeSmartphoneMicrophone;
27
+ turnMessageElement.innerHTML = turnMeToReadBelow;
28
+ // show the html upsidedown
29
+ const phrasesContainer = document.getElementById('phrases');
30
+ // add class
31
+ phrasesContainer.classList.add('phrases');
32
+ const html = document.querySelector('html');
33
+ html.style.overflow = 'hidden';
34
+ const display = document.getElementById('updateDisplay');
35
+ display.classList.add('updateDisplay');
36
+ container.style.display = 'block';
37
+ // event listener for id calibrationBeginButton
38
+ const calibrationBeginButton = document.getElementById('calibrationBeginButton');
39
+ calibrationBeginButton.addEventListener('click', () => {
40
+ // remove the button
41
+ calibrationBeginButton.remove();
42
+ // remove turn message
43
+ turnMessageElement.remove();
44
+ // set the text of the html elements
45
+ recordingInProgressElement.innerHTML = recordingInProgress;
46
+ allowMicrophoneElement.innerHTML = allowMicrophone;
47
+
48
+ recordingInProgressElement.style.whiteSpace = 'nowrap';
49
+ recordingInProgressElement.style.fontWeight = 'bold';
50
+ // fit content
51
+ recordingInProgressElement.style.width = 'fit-content';
52
+ let fontSize = 100;
53
+ recordingInProgressElement.style.fontSize = fontSize + 'px';
54
+
55
+ while (recordingInProgressElement.scrollWidth > window.innerWidth * 0.9 && fontSize > 10) {
56
+ fontSize--;
57
+ recordingInProgressElement.style.fontSize = fontSize + 'px';
58
+ }
59
+ window.listener = new speakerCalibrator.Listener(listenerParameters);
60
+ console.log(window.listener);
61
+ });
62
+ break;
63
+ case 'false':
64
+ // remove the button
65
+ const calibrationBeginButton2 = document.getElementById('calibrationBeginButton');
66
+ calibrationBeginButton2.remove();
67
+ container.style.display = 'block';
68
+ // event listener for when the page is loaded
69
+ window.addEventListener('load', () => {
70
+ // set the text of the html elements
71
+ recordingInProgressElement.innerHTML = recordingInProgress;
72
+ allowMicrophoneElement.innerHTML = allowMicrophone;
73
+
74
+ recordingInProgressElement.style.whiteSpace = 'nowrap';
75
+ recordingInProgressElement.style.fontWeight = 'bold';
76
+
77
+ // fit content
78
+ recordingInProgressElement.style.width = 'fit-content';
79
+ let fontSize = 100;
80
+ recordingInProgressElement.style.fontSize = fontSize + 'px';
81
+
82
+ while (recordingInProgressElement.scrollWidth > window.innerWidth * 0.9 && fontSize > 10) {
83
+ fontSize--;
84
+ recordingInProgressElement.style.fontSize = fontSize + 'px';
85
+ }
86
+ const message = document.getElementById('message');
87
+ message.style.lineHeight = '2.5rem';
88
+ const p = document.createElement('p');
89
+ p.innerHTML = backToExperimentWindow;
90
+ message.appendChild(p);
91
+ window.listener = new speakerCalibrator.Listener(listenerParameters);
92
+ console.log(window.listener);
93
+ });
94
+ break;
95
+ }