speaker-calibration 2.2.86 → 2.2.88

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 -95
  34. package/dist/example/server.js +51 -51
  35. package/dist/example/speaker.html +145 -145
  36. package/dist/example/speakerUI.js +273 -273
  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 +26 -26
  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 +318 -318
  99. package/src/peer-connection/peerErrors.js +25 -25
  100. package/src/peer-connection/speaker.js +456 -456
  101. package/src/server/PythonServerAPI.js +595 -595
  102. package/src/tasks/audioCalibrator.js +308 -308
  103. package/src/tasks/audioRecorder.js +291 -291
  104. package/src/tasks/combination/combination.js +2169 -2169
  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
@@ -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,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>
@@ -1,95 +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
- 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
- }
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
+ }
@@ -1,51 +1,51 @@
1
- // eslint-disable-next-line import/no-extraneous-dependencies
2
- const express = require('express');
3
- const path = require('path');
4
-
5
- const app = express();
6
- const port = 3000;
7
-
8
- app.use('/', express.static(path.join(__dirname, '/../'))); // serve the distribution folder
9
-
10
- // Middleware to check we have all the params we need
11
- const checkParams = (req, res, next) => {
12
- if (!Object.prototype.hasOwnProperty.call(req.query, 'speakerPeerId')) {
13
- console.log('No peerID given.');
14
- throw new Error('No peerID given -- unable to connect to peer.');
15
- }
16
- next();
17
- };
18
-
19
- // Simple Routing
20
- app.get('/', (req, res) => {
21
- res.sendFile(path.join(__dirname, 'index.html'));
22
- });
23
-
24
- app.get('/speaker', (req, res) => {
25
- res.sendFile(path.join(__dirname, 'speaker.html'));
26
- });
27
-
28
- app.get('/listener', checkParams, (req, res) => {
29
- res.sendFile(path.join(__dirname, 'listener.html'));
30
- });
31
-
32
- app.use((err, req, res, next) => {
33
- res.status(err.status || 500);
34
- res.send({
35
- error: err.message,
36
- });
37
- });
38
-
39
- app.use((req, res) => {
40
- res.status(404);
41
- res.send({
42
- error: '404 not found',
43
- });
44
- });
45
-
46
- // if (!module.parent) {
47
- // app.listen(port);
48
- // console.log(`Express started`);
49
- // }
50
-
51
- app.listen(process.env.PORT || port);
1
+ // eslint-disable-next-line import/no-extraneous-dependencies
2
+ const express = require('express');
3
+ const path = require('path');
4
+
5
+ const app = express();
6
+ const port = 3000;
7
+
8
+ app.use('/', express.static(path.join(__dirname, '/../'))); // serve the distribution folder
9
+
10
+ // Middleware to check we have all the params we need
11
+ const checkParams = (req, res, next) => {
12
+ if (!Object.prototype.hasOwnProperty.call(req.query, 'speakerPeerId')) {
13
+ console.log('No peerID given.');
14
+ throw new Error('No peerID given -- unable to connect to peer.');
15
+ }
16
+ next();
17
+ };
18
+
19
+ // Simple Routing
20
+ app.get('/', (req, res) => {
21
+ res.sendFile(path.join(__dirname, 'index.html'));
22
+ });
23
+
24
+ app.get('/speaker', (req, res) => {
25
+ res.sendFile(path.join(__dirname, 'speaker.html'));
26
+ });
27
+
28
+ app.get('/listener', checkParams, (req, res) => {
29
+ res.sendFile(path.join(__dirname, 'listener.html'));
30
+ });
31
+
32
+ app.use((err, req, res, next) => {
33
+ res.status(err.status || 500);
34
+ res.send({
35
+ error: err.message,
36
+ });
37
+ });
38
+
39
+ app.use((req, res) => {
40
+ res.status(404);
41
+ res.send({
42
+ error: '404 not found',
43
+ });
44
+ });
45
+
46
+ // if (!module.parent) {
47
+ // app.listen(port);
48
+ // console.log(`Express started`);
49
+ // }
50
+
51
+ app.listen(process.env.PORT || port);