speaker-calibration 2.2.208 → 2.2.209

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 (141) 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/favicon.png +0 -0
  17. package/coverage/lcov-report/index.html +123 -123
  18. package/coverage/lcov-report/prettify.css +101 -101
  19. package/coverage/lcov-report/prettify.js +937 -937
  20. package/coverage/lcov-report/sort-arrow-sprite.png +0 -0
  21. package/coverage/lcov-report/sorter.js +189 -189
  22. package/coverage/lcov-report/src/index.html +121 -121
  23. package/coverage/lcov-report/src/server/PythonServerInterface.js.html +268 -268
  24. package/coverage/lcov-report/src/server/index.html +123 -123
  25. package/coverage/lcov-report/src/tasks/audioCalibrator.js.html +499 -499
  26. package/coverage/lcov-report/src/tasks/audioRecorder.js.html +412 -412
  27. package/coverage/lcov-report/src/tasks/index.html +143 -143
  28. package/coverage/lcov-report/src/tasks/volume/index.html +123 -123
  29. package/coverage/lcov-report/src/tasks/volume/volume.js.html +409 -409
  30. package/coverage/lcov-report/src/utils.js.html +172 -172
  31. package/coverage/lcov.info +91 -91
  32. package/dist/Procfile +0 -0
  33. package/dist/example/NoSleep.min.js +1 -1
  34. package/dist/example/credentials.json.gpg +0 -0
  35. package/dist/example/fetch-languages-sheets.js +77 -77
  36. package/dist/example/i18n.js +27366 -27366
  37. package/dist/example/index.html +47 -47
  38. package/dist/example/listener.html +79 -79
  39. package/dist/example/listener.js +152 -152
  40. package/dist/example/server.js +51 -51
  41. package/dist/example/speaker.html +145 -145
  42. package/dist/example/speakerUI.js +273 -273
  43. package/dist/example/styles.css +99 -99
  44. package/dist/main.js +17 -17
  45. package/dist/main.js.LICENSE.txt +0 -0
  46. package/dist/mlsGen.js +6814 -6814
  47. package/dist/mlsGen.wasm +0 -0
  48. package/dist/package-lock.json +1018 -1018
  49. package/dist/package.json +18 -18
  50. package/doc/AudioCalibrator.html +417 -417
  51. package/doc/AudioPeer.html +251 -251
  52. package/doc/AudioRecorder.html +195 -195
  53. package/doc/ImpulseResponse.html +215 -215
  54. package/doc/Listener.html +308 -308
  55. package/doc/MlsGenInterface.html +226 -226
  56. package/doc/MyEventEmitter.html +274 -274
  57. package/doc/PythonServerAPI.html +109 -109
  58. package/doc/Speaker-Calibration-UML-Diagram.png +0 -0
  59. package/doc/Speaker.html +276 -276
  60. package/doc/Takes%20a%20target%20element%20where%20html%20elements%20will%20be%20appended..html +128 -128
  61. package/doc/Takes%20the%20url%20of%20the%20current%20site%0Aand%20a%20target%20element%20where%20html%20elements%20will%20be%20appended..html +138 -138
  62. package/doc/Takes%20the%20url%20of%20the%20current%20site%20and%20a%20target%20element%20where%20html%20elements%20will%20be%20appended..html +137 -137
  63. package/doc/Volume.html +88 -88
  64. package/doc/audioCalibrator.js.html +179 -179
  65. package/doc/audioPeer.js.html +175 -175
  66. package/doc/audioRecorder.js.html +163 -163
  67. package/doc/creates%20a%20new%20AudioRecorder%20instance.%20%0ASets%20up%20the%20audio%20context%20and%20file%20reader..html +114 -114
  68. package/doc/fonts/OpenSans-Bold-webfont.eot +0 -0
  69. package/doc/fonts/OpenSans-Bold-webfont.svg +1829 -1829
  70. package/doc/fonts/OpenSans-Bold-webfont.woff +0 -0
  71. package/doc/fonts/OpenSans-BoldItalic-webfont.eot +0 -0
  72. package/doc/fonts/OpenSans-BoldItalic-webfont.svg +1829 -1829
  73. package/doc/fonts/OpenSans-BoldItalic-webfont.woff +0 -0
  74. package/doc/fonts/OpenSans-Italic-webfont.eot +0 -0
  75. package/doc/fonts/OpenSans-Italic-webfont.svg +1829 -1829
  76. package/doc/fonts/OpenSans-Italic-webfont.woff +0 -0
  77. package/doc/fonts/OpenSans-Light-webfont.eot +0 -0
  78. package/doc/fonts/OpenSans-Light-webfont.svg +1830 -1830
  79. package/doc/fonts/OpenSans-Light-webfont.woff +0 -0
  80. package/doc/fonts/OpenSans-LightItalic-webfont.eot +0 -0
  81. package/doc/fonts/OpenSans-LightItalic-webfont.svg +1834 -1834
  82. package/doc/fonts/OpenSans-LightItalic-webfont.woff +0 -0
  83. package/doc/fonts/OpenSans-Regular-webfont.eot +0 -0
  84. package/doc/fonts/OpenSans-Regular-webfont.svg +1830 -1830
  85. package/doc/fonts/OpenSans-Regular-webfont.woff +0 -0
  86. package/doc/global.html +308 -308
  87. package/doc/index.html +58 -58
  88. package/doc/listener.js.html +170 -170
  89. package/doc/mlsGen_mlsGenInterface.js.html +117 -117
  90. package/doc/myEventEmitter.js.html +124 -124
  91. package/doc/peer-connection_audioPeer.js.html +188 -188
  92. package/doc/peer-connection_listener.js.html +311 -311
  93. package/doc/peer-connection_speaker.js.html +381 -381
  94. package/doc/sc-activity-diagram.png +0 -0
  95. package/doc/scripts/linenumber.js +25 -25
  96. package/doc/scripts/prettify/Apache-License-2.0.txt +202 -202
  97. package/doc/scripts/prettify/lang-css.js +24 -24
  98. package/doc/scripts/prettify/prettify.js +640 -640
  99. package/doc/server_PythonServerAPI.js.html +160 -160
  100. package/doc/speaker.js.html +248 -248
  101. package/doc/styles/jsdoc-default.css +371 -371
  102. package/doc/styles/prettify-jsdoc.css +111 -111
  103. package/doc/styles/prettify-tomorrow.css +163 -163
  104. package/doc/tasks_audioCalibrator.js.html +207 -207
  105. package/doc/tasks_audioRecorder.js.html +190 -190
  106. package/doc/tasks_impulse-response_impulseResponse.js.html +442 -442
  107. package/doc/tasks_impulse-response_mlsGen_mlsGenInterface.js.html +175 -175
  108. package/doc/tasks_volume_volume.js.html +185 -185
  109. package/doc/utils.js.html +105 -105
  110. package/jest.config.js +173 -173
  111. package/makefile +74 -0
  112. package/netlify.toml +26 -26
  113. package/package.json +73 -73
  114. package/src/config/firebase.js +26 -26
  115. package/src/index.html +21 -21
  116. package/src/main.js +23 -23
  117. package/src/myEventEmitter.js +83 -83
  118. package/src/peer-connection/audioPeer.js +183 -183
  119. package/src/peer-connection/listener.js +364 -362
  120. package/src/peer-connection/peerErrors.js +25 -25
  121. package/src/peer-connection/speaker.js +738 -738
  122. package/src/powerCheck.js +98 -98
  123. package/src/server/PythonServerAPI.js +869 -869
  124. package/src/tasks/audioCalibrator.js +336 -336
  125. package/src/tasks/audioRecorder.js +315 -315
  126. package/src/tasks/combination/combination.js +3015 -3015
  127. package/src/tasks/combination/mlsGen/mlsGen.cpp +98 -98
  128. package/src/tasks/combination/mlsGen/mlsGen.hpp +303 -303
  129. package/src/tasks/combination/mlsGen/mlsGenInterface.js +131 -131
  130. package/src/tasks/combination/mlsGen/mlsGenTest.cpp +180 -180
  131. package/src/tasks/impulse-response/impulseResponse.js +610 -610
  132. package/src/tasks/impulse-response/mlsGen/mlsGen.cpp +98 -98
  133. package/src/tasks/impulse-response/mlsGen/mlsGen.hpp +303 -303
  134. package/src/tasks/impulse-response/mlsGen/mlsGenInterface.js +131 -131
  135. package/src/tasks/impulse-response/mlsGen/mlsGenTest.cpp +180 -180
  136. package/src/tasks/volume/volume.cpp +2 -2
  137. package/src/tasks/volume/volume.hpp +22 -22
  138. package/src/tasks/volume/volume.js +279 -279
  139. package/src/utils.js +205 -205
  140. package/webpack.config.js +37 -37
  141. package/.gitignore +0 -81
@@ -1,381 +1,381 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="utf-8" />
5
- <title>JSDoc: Source: peer-connection/speaker.js</title>
6
-
7
- <script src="scripts/prettify/prettify.js"></script>
8
- <script src="scripts/prettify/lang-css.js"></script>
9
- <!--[if lt IE 9]>
10
- <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
11
- <![endif]-->
12
- <link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css" />
13
- <link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css" />
14
- </head>
15
-
16
- <body>
17
- <div id="main">
18
- <h1 class="page-title">Source: peer-connection/speaker.js</h1>
19
-
20
- <section>
21
- <article>
22
- <pre class="prettyprint source linenums"><code>import QRCode from 'qrcode';
23
- import AudioPeer from './audioPeer';
24
- import {sleep} from '../utils';
25
- import {
26
- UnsupportedDeviceError,
27
- MissingSpeakerIdError,
28
- CalibrationTimedOutError,
29
- } from './peerErrors';
30
-
31
- /**
32
- * @class Handles the speaker's side of the connection. Responsible for initiating the connection,
33
- * rendering the QRCode, and answering the call.
34
- * @extends AudioPeer
35
- */
36
- class Speaker extends AudioPeer {
37
- /**
38
- * Takes the url of the current site and a target element where html elements will be appended.
39
- * @param {initParameters} params - see type definition for initParameters
40
- * @param {AudioCalibrator} Calibrator - An instance of the AudioCalibrator class, should not use AudioCalibrator directly, instead use an extended class available in /tasks/
41
- */
42
- constructor(params, CalibratorInstance) {
43
- super(params);
44
-
45
- this.siteUrl += '/listener?';
46
- this.ac = CalibratorInstance;
47
- this.result = null;
48
-
49
- /* Set up callbacks that handle any events related to our peer object. */
50
- this.peer.on('open', this.#onPeerOpen);
51
- this.peer.on('connection', this.#onPeerConnection);
52
- this.peer.on('close', this.#onPeerClose);
53
- this.peer.on('disconnected', this.#onPeerDisconnected);
54
- this.peer.on('error', this.#onPeerError);
55
- }
56
-
57
- /**
58
- * Async factory method that creates the Speaker object, and returns a promise that resolves to the result of the calibration.
59
- * @param {*} params - The parameters to be passed to the peer object.
60
- * @param {*} Calibrator - The class that defines the calibration process
61
- * @param {Number} timeOut - The amount of time to wait before timing out the connection (in milliseconds)
62
- * @public
63
- */
64
- static startCalibration = async (params, CalibratorInstance, timeOut = 180000) => {
65
- window.speaker = new Speaker(params, CalibratorInstance);
66
- const {speaker} = window;
67
-
68
- // wrap the calibration process in a promise so we can await it
69
- return new Promise((resolve, reject) => {
70
- // when a call is received
71
- speaker.peer.on('call', async call => {
72
- // Answer the call (one way)
73
- call.answer();
74
- speaker.#removeUIElems();
75
- speaker.#showSpinner();
76
- speaker.ac.createLocalAudio(document.getElementById(speaker.targetElement));
77
- // when we start receiving audio
78
- call.on('stream', async stream => {
79
- window.localStream = stream;
80
- window.localAudio.srcObject = stream;
81
- window.localAudio.autoplay = false;
82
-
83
- // if the sinkSamplingRate is not set sleep
84
- while (!speaker.ac.sampleRatesSet()) {
85
- console.log('SinkSamplingRate is undefined, sleeping');
86
- await sleep(1);
87
- }
88
- // resolve when we have a result
89
- speaker.result = await speaker.ac.startCalibration(stream);
90
- speaker.#removeUIElems();
91
- resolve(speaker.result);
92
- });
93
- // if we do not receive a result within the timeout, reject
94
- setTimeout(() => {
95
- reject(
96
- new CalibrationTimedOutError(
97
- `Calibration failed to produce a result after ${
98
- timeOut / 1000
99
- } seconds. Please try again.`
100
- )
101
- );
102
- }, timeOut);
103
- });
104
- });
105
- };
106
-
107
- static testIIR = async (params, CalibratorInstance, IIR, timeOut = 180000) => {
108
- window.speaker = new Speaker(params, CalibratorInstance);
109
- const {speaker} = window;
110
-
111
- // wrap the calibration process in a promise so we can await it
112
- return new Promise((resolve, reject) => {
113
- // when a call is received
114
- speaker.peer.on('call', async call => {
115
- // Answer the call (one way)
116
- call.answer();
117
- speaker.#removeUIElems();
118
- speaker.#showSpinner();
119
- speaker.ac.createLocalAudio(document.getElementById(speaker.targetElement));
120
- // when we start receiving audio
121
- call.on('stream', async stream => {
122
- window.localStream = stream;
123
- window.localAudio.srcObject = stream;
124
- window.localAudio.autoplay = false;
125
-
126
- // if the sinkSamplingRate is not set sleep
127
- while (!speaker.ac.sampleRatesSet()) {
128
- console.log('SinkSamplingRate is undefined, sleeping');
129
- await sleep(1);
130
- }
131
- // resolve when we have a result
132
- speaker.result = await speaker.ac.playMLSwithIIR(stream, IIR);
133
- speaker.#removeUIElems();
134
- resolve(speaker.result);
135
- });
136
- // if we do not receive a result within the timeout, reject
137
- setTimeout(() => {
138
- reject(
139
- new CalibrationTimedOutError(
140
- `Calibration failed to produce a result after ${
141
- timeOut / 1000
142
- } seconds. Please try again.`
143
- )
144
- );
145
- }, timeOut);
146
- });
147
- });
148
- };
149
-
150
- /**
151
- * Called after the peer conncection has been opened.
152
- * Generates a QR code for the connection and displays it.
153
- * @private
154
- */
155
- #showQRCode = () => {
156
- // Get query string, the URL parameters to specify a Listener
157
- const queryStringParameters = {
158
- speakerPeerId: this.peer.id,
159
- };
160
- const queryString = this.queryStringFromObject(queryStringParameters);
161
- const uri = this.siteUrl + queryString;
162
-
163
- // Display QR code for the participant to scan
164
- const qrCanvas = document.createElement('canvas');
165
- qrCanvas.setAttribute('id', 'qrCanvas');
166
- console.log(uri);
167
- QRCode.toCanvas(qrCanvas, uri, error => {
168
- if (error) console.error(error);
169
- });
170
-
171
- // If specified HTML Id is available, show QR code there
172
- if (document.getElementById(this.targetElement)) {
173
- if (document.getElementById(this.targetElement)) {
174
- if (process.env.NODE_ENV === 'development') {
175
- const linkTag = document.createElement('a');
176
- linkTag.setAttribute('href', uri);
177
- linkTag.innerHTML = "Click here to connect to the speaker's microphone";
178
- linkTag.target = '_blank';
179
- document.getElementById(this.targetElement).appendChild(linkTag);
180
- }
181
- }
182
- document.getElementById(this.targetElement).appendChild(qrCanvas);
183
- } else {
184
- // or just print it to console
185
- console.log('TEST: Peer reachable at: ', uri);
186
- }
187
- };
188
-
189
- #showSpinner = () => {
190
- const spinner = document.createElement('div');
191
- spinner.className = 'spinner-border ml-auto';
192
- spinner.role = 'status';
193
- spinner.ariaHidden = 'true';
194
- document.getElementById(this.targetElement).appendChild(spinner);
195
- };
196
-
197
- #removeUIElems = () => {
198
- const parent = document.getElementById(this.targetElement);
199
- while (parent.firstChild) {
200
- parent.firstChild.remove();
201
- }
202
- };
203
-
204
- /**
205
- * Called when the peer connection is opened.
206
- * Saves the peer id and calls the QR code generator.
207
- * @param {object} peerId - The peer id of the peer connection
208
- * @private
209
- */
210
- #onPeerOpen = id => {
211
- // Workaround for peer.reconnect deleting previous id
212
- if (id === null) {
213
- console.error('Received null id from peer open');
214
- this.peer.id = this.lastPeerId;
215
- } else {
216
- this.lastPeerId = this.peer.id;
217
- }
218
-
219
- if (id !== this.peer.id) {
220
- console.warn('DEBUG Check you assumption that id === this.peer.id');
221
- }
222
-
223
- this.#showQRCode();
224
- };
225
-
226
- /**
227
- * Called when the peer connection is established.
228
- * Enforces a single connection.
229
- * @param {*} connection - The connection object
230
- * @private
231
- */
232
- #onPeerConnection = connection => {
233
- // Allow only a single connection
234
- if (this.conn &amp;&amp; this.conn.open) {
235
- connection.on('open', () => {
236
- connection.send('Already connected to another client');
237
- setTimeout(() => {
238
- connection.close();
239
- }, 500);
240
- });
241
- return;
242
- }
243
-
244
- this.conn = connection;
245
- console.log('Connected to: ', this.conn.peer);
246
- this.#ready();
247
- };
248
-
249
- /**
250
- * Called when the peer connection is closed.
251
- * @private
252
- */
253
- #onPeerClose = () => {
254
- this.conn = null;
255
- console.log('Connection destroyed');
256
- };
257
-
258
- /**
259
- * Called when the peer connection is disconnected.
260
- * Attempts to reconnect.
261
- * @private
262
- */
263
- #onPeerDisconnected = () => {
264
- console.log('Connection lost. Please reconnect');
265
-
266
- // Workaround for peer.reconnect deleting previous id
267
- this.peer.id = this.lastPeerId;
268
- // eslint-disable-next-line no-underscore-dangle
269
- this.peer._lastServerId = this.lastPeerId;
270
- this.peer.reconnect();
271
- };
272
-
273
- /**
274
- * Called when the peer connection encounters an error.
275
- * @param {*} error
276
- * @private
277
- */
278
- #onPeerError = error => {
279
- // TODO: check if this function is needed or not
280
- console.error(error);
281
- };
282
-
283
- /**
284
- * Called when data is received from the peer connection.
285
- * @param {*} data
286
- * @private
287
- */
288
- #onIncomingData = data => {
289
- // enforce object type
290
- if (
291
- !Object.prototype.hasOwnProperty.call(data, 'name') ||
292
- !Object.prototype.hasOwnProperty.call(data, 'payload')
293
- ) {
294
- console.error('Received malformed data: ', data);
295
- return;
296
- }
297
-
298
- switch (data.name) {
299
- case 'samplingRate':
300
- this.ac.setSamplingRates(data.payload);
301
- break;
302
- case UnsupportedDeviceError.name:
303
- case MissingSpeakerIdError.name:
304
- throw data.payload;
305
- break;
306
- default:
307
- break;
308
- }
309
- };
310
-
311
- /**
312
- * Called when the peer connection is #ready.
313
- * @private
314
- */
315
- #ready = () => {
316
- // Perform callback with data
317
- this.conn.on('data', this.#onIncomingData);
318
- this.conn.on('close', () => {
319
- console.log('Connection reset&lt;br>Awaiting connection...');
320
- this.conn = null;
321
- });
322
- };
323
-
324
- /**
325
- * Debug method for downloading the recorded audio
326
- * @public
327
- */
328
- downloadData = () => {
329
- this.ac.downloadData();
330
- };
331
- }
332
-
333
- /*
334
- Referenced links:
335
- https://stackoverflow.com/questions/28016664/when-you-pass-this-as-an-argument/28016676#28016676
336
- https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes
337
- https://stackoverflow.com/questions/879152/how-do-i-make-javascript-beep [3]
338
- */
339
-
340
- export default Speaker;
341
- </code></pre>
342
- </article>
343
- </section>
344
- </div>
345
-
346
- <nav>
347
- <h2><a href="index.html">Home</a></h2>
348
- <h3>Classes</h3>
349
- <ul>
350
- <li><a href="AudioCalibrator.html">AudioCalibrator</a></li>
351
- <li><a href="AudioPeer.html">AudioPeer</a></li>
352
- <li><a href="AudioRecorder.html">AudioRecorder</a></li>
353
- <li><a href="ImpulseResponse.html">ImpulseResponse</a></li>
354
- <li><a href="Listener.html">Listener</a></li>
355
- <li><a href="MlsGenInterface.html">MlsGenInterface</a></li>
356
- <li><a href="MyEventEmitter.html">MyEventEmitter</a></li>
357
- <li><a href="PythonServerAPI.html">PythonServerAPI</a></li>
358
- <li><a href="Speaker.html">Speaker</a></li>
359
- <li><a href="Volume.html">Volume</a></li>
360
- </ul>
361
- <h3>Global</h3>
362
- <ul>
363
- <li><a href="global.html#csvToArray">csvToArray</a></li>
364
- <li><a href="global.html#saveToCSV">saveToCSV</a></li>
365
- <li><a href="global.html#sleep">sleep</a></li>
366
- </ul>
367
- </nav>
368
-
369
- <br class="clear" />
370
-
371
- <footer>
372
- Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Fri
373
- Jul 29 2022 15:09:48 GMT-0400 (Eastern Daylight Time)
374
- </footer>
375
-
376
- <script>
377
- prettyPrint();
378
- </script>
379
- <script src="scripts/linenumber.js"></script>
380
- </body>
381
- </html>
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="utf-8" />
5
+ <title>JSDoc: Source: peer-connection/speaker.js</title>
6
+
7
+ <script src="scripts/prettify/prettify.js"></script>
8
+ <script src="scripts/prettify/lang-css.js"></script>
9
+ <!--[if lt IE 9]>
10
+ <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
11
+ <![endif]-->
12
+ <link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css" />
13
+ <link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css" />
14
+ </head>
15
+
16
+ <body>
17
+ <div id="main">
18
+ <h1 class="page-title">Source: peer-connection/speaker.js</h1>
19
+
20
+ <section>
21
+ <article>
22
+ <pre class="prettyprint source linenums"><code>import QRCode from 'qrcode';
23
+ import AudioPeer from './audioPeer';
24
+ import {sleep} from '../utils';
25
+ import {
26
+ UnsupportedDeviceError,
27
+ MissingSpeakerIdError,
28
+ CalibrationTimedOutError,
29
+ } from './peerErrors';
30
+
31
+ /**
32
+ * @class Handles the speaker's side of the connection. Responsible for initiating the connection,
33
+ * rendering the QRCode, and answering the call.
34
+ * @extends AudioPeer
35
+ */
36
+ class Speaker extends AudioPeer {
37
+ /**
38
+ * Takes the url of the current site and a target element where html elements will be appended.
39
+ * @param {initParameters} params - see type definition for initParameters
40
+ * @param {AudioCalibrator} Calibrator - An instance of the AudioCalibrator class, should not use AudioCalibrator directly, instead use an extended class available in /tasks/
41
+ */
42
+ constructor(params, CalibratorInstance) {
43
+ super(params);
44
+
45
+ this.siteUrl += '/listener?';
46
+ this.ac = CalibratorInstance;
47
+ this.result = null;
48
+
49
+ /* Set up callbacks that handle any events related to our peer object. */
50
+ this.peer.on('open', this.#onPeerOpen);
51
+ this.peer.on('connection', this.#onPeerConnection);
52
+ this.peer.on('close', this.#onPeerClose);
53
+ this.peer.on('disconnected', this.#onPeerDisconnected);
54
+ this.peer.on('error', this.#onPeerError);
55
+ }
56
+
57
+ /**
58
+ * Async factory method that creates the Speaker object, and returns a promise that resolves to the result of the calibration.
59
+ * @param {*} params - The parameters to be passed to the peer object.
60
+ * @param {*} Calibrator - The class that defines the calibration process
61
+ * @param {Number} timeOut - The amount of time to wait before timing out the connection (in milliseconds)
62
+ * @public
63
+ */
64
+ static startCalibration = async (params, CalibratorInstance, timeOut = 180000) => {
65
+ window.speaker = new Speaker(params, CalibratorInstance);
66
+ const {speaker} = window;
67
+
68
+ // wrap the calibration process in a promise so we can await it
69
+ return new Promise((resolve, reject) => {
70
+ // when a call is received
71
+ speaker.peer.on('call', async call => {
72
+ // Answer the call (one way)
73
+ call.answer();
74
+ speaker.#removeUIElems();
75
+ speaker.#showSpinner();
76
+ speaker.ac.createLocalAudio(document.getElementById(speaker.targetElement));
77
+ // when we start receiving audio
78
+ call.on('stream', async stream => {
79
+ window.localStream = stream;
80
+ window.localAudio.srcObject = stream;
81
+ window.localAudio.autoplay = false;
82
+
83
+ // if the sinkSamplingRate is not set sleep
84
+ while (!speaker.ac.sampleRatesSet()) {
85
+ console.log('SinkSamplingRate is undefined, sleeping');
86
+ await sleep(1);
87
+ }
88
+ // resolve when we have a result
89
+ speaker.result = await speaker.ac.startCalibration(stream);
90
+ speaker.#removeUIElems();
91
+ resolve(speaker.result);
92
+ });
93
+ // if we do not receive a result within the timeout, reject
94
+ setTimeout(() => {
95
+ reject(
96
+ new CalibrationTimedOutError(
97
+ `Calibration failed to produce a result after ${
98
+ timeOut / 1000
99
+ } seconds. Please try again.`
100
+ )
101
+ );
102
+ }, timeOut);
103
+ });
104
+ });
105
+ };
106
+
107
+ static testIIR = async (params, CalibratorInstance, IIR, timeOut = 180000) => {
108
+ window.speaker = new Speaker(params, CalibratorInstance);
109
+ const {speaker} = window;
110
+
111
+ // wrap the calibration process in a promise so we can await it
112
+ return new Promise((resolve, reject) => {
113
+ // when a call is received
114
+ speaker.peer.on('call', async call => {
115
+ // Answer the call (one way)
116
+ call.answer();
117
+ speaker.#removeUIElems();
118
+ speaker.#showSpinner();
119
+ speaker.ac.createLocalAudio(document.getElementById(speaker.targetElement));
120
+ // when we start receiving audio
121
+ call.on('stream', async stream => {
122
+ window.localStream = stream;
123
+ window.localAudio.srcObject = stream;
124
+ window.localAudio.autoplay = false;
125
+
126
+ // if the sinkSamplingRate is not set sleep
127
+ while (!speaker.ac.sampleRatesSet()) {
128
+ console.log('SinkSamplingRate is undefined, sleeping');
129
+ await sleep(1);
130
+ }
131
+ // resolve when we have a result
132
+ speaker.result = await speaker.ac.playMLSwithIIR(stream, IIR);
133
+ speaker.#removeUIElems();
134
+ resolve(speaker.result);
135
+ });
136
+ // if we do not receive a result within the timeout, reject
137
+ setTimeout(() => {
138
+ reject(
139
+ new CalibrationTimedOutError(
140
+ `Calibration failed to produce a result after ${
141
+ timeOut / 1000
142
+ } seconds. Please try again.`
143
+ )
144
+ );
145
+ }, timeOut);
146
+ });
147
+ });
148
+ };
149
+
150
+ /**
151
+ * Called after the peer conncection has been opened.
152
+ * Generates a QR code for the connection and displays it.
153
+ * @private
154
+ */
155
+ #showQRCode = () => {
156
+ // Get query string, the URL parameters to specify a Listener
157
+ const queryStringParameters = {
158
+ speakerPeerId: this.peer.id,
159
+ };
160
+ const queryString = this.queryStringFromObject(queryStringParameters);
161
+ const uri = this.siteUrl + queryString;
162
+
163
+ // Display QR code for the participant to scan
164
+ const qrCanvas = document.createElement('canvas');
165
+ qrCanvas.setAttribute('id', 'qrCanvas');
166
+ console.log(uri);
167
+ QRCode.toCanvas(qrCanvas, uri, error => {
168
+ if (error) console.error(error);
169
+ });
170
+
171
+ // If specified HTML Id is available, show QR code there
172
+ if (document.getElementById(this.targetElement)) {
173
+ if (document.getElementById(this.targetElement)) {
174
+ if (process.env.NODE_ENV === 'development') {
175
+ const linkTag = document.createElement('a');
176
+ linkTag.setAttribute('href', uri);
177
+ linkTag.innerHTML = "Click here to connect to the speaker's microphone";
178
+ linkTag.target = '_blank';
179
+ document.getElementById(this.targetElement).appendChild(linkTag);
180
+ }
181
+ }
182
+ document.getElementById(this.targetElement).appendChild(qrCanvas);
183
+ } else {
184
+ // or just print it to console
185
+ console.log('TEST: Peer reachable at: ', uri);
186
+ }
187
+ };
188
+
189
+ #showSpinner = () => {
190
+ const spinner = document.createElement('div');
191
+ spinner.className = 'spinner-border ml-auto';
192
+ spinner.role = 'status';
193
+ spinner.ariaHidden = 'true';
194
+ document.getElementById(this.targetElement).appendChild(spinner);
195
+ };
196
+
197
+ #removeUIElems = () => {
198
+ const parent = document.getElementById(this.targetElement);
199
+ while (parent.firstChild) {
200
+ parent.firstChild.remove();
201
+ }
202
+ };
203
+
204
+ /**
205
+ * Called when the peer connection is opened.
206
+ * Saves the peer id and calls the QR code generator.
207
+ * @param {object} peerId - The peer id of the peer connection
208
+ * @private
209
+ */
210
+ #onPeerOpen = id => {
211
+ // Workaround for peer.reconnect deleting previous id
212
+ if (id === null) {
213
+ console.error('Received null id from peer open');
214
+ this.peer.id = this.lastPeerId;
215
+ } else {
216
+ this.lastPeerId = this.peer.id;
217
+ }
218
+
219
+ if (id !== this.peer.id) {
220
+ console.warn('DEBUG Check you assumption that id === this.peer.id');
221
+ }
222
+
223
+ this.#showQRCode();
224
+ };
225
+
226
+ /**
227
+ * Called when the peer connection is established.
228
+ * Enforces a single connection.
229
+ * @param {*} connection - The connection object
230
+ * @private
231
+ */
232
+ #onPeerConnection = connection => {
233
+ // Allow only a single connection
234
+ if (this.conn &amp;&amp; this.conn.open) {
235
+ connection.on('open', () => {
236
+ connection.send('Already connected to another client');
237
+ setTimeout(() => {
238
+ connection.close();
239
+ }, 500);
240
+ });
241
+ return;
242
+ }
243
+
244
+ this.conn = connection;
245
+ console.log('Connected to: ', this.conn.peer);
246
+ this.#ready();
247
+ };
248
+
249
+ /**
250
+ * Called when the peer connection is closed.
251
+ * @private
252
+ */
253
+ #onPeerClose = () => {
254
+ this.conn = null;
255
+ console.log('Connection destroyed');
256
+ };
257
+
258
+ /**
259
+ * Called when the peer connection is disconnected.
260
+ * Attempts to reconnect.
261
+ * @private
262
+ */
263
+ #onPeerDisconnected = () => {
264
+ console.log('Connection lost. Please reconnect');
265
+
266
+ // Workaround for peer.reconnect deleting previous id
267
+ this.peer.id = this.lastPeerId;
268
+ // eslint-disable-next-line no-underscore-dangle
269
+ this.peer._lastServerId = this.lastPeerId;
270
+ this.peer.reconnect();
271
+ };
272
+
273
+ /**
274
+ * Called when the peer connection encounters an error.
275
+ * @param {*} error
276
+ * @private
277
+ */
278
+ #onPeerError = error => {
279
+ // TODO: check if this function is needed or not
280
+ console.error(error);
281
+ };
282
+
283
+ /**
284
+ * Called when data is received from the peer connection.
285
+ * @param {*} data
286
+ * @private
287
+ */
288
+ #onIncomingData = data => {
289
+ // enforce object type
290
+ if (
291
+ !Object.prototype.hasOwnProperty.call(data, 'name') ||
292
+ !Object.prototype.hasOwnProperty.call(data, 'payload')
293
+ ) {
294
+ console.error('Received malformed data: ', data);
295
+ return;
296
+ }
297
+
298
+ switch (data.name) {
299
+ case 'samplingRate':
300
+ this.ac.setSamplingRates(data.payload);
301
+ break;
302
+ case UnsupportedDeviceError.name:
303
+ case MissingSpeakerIdError.name:
304
+ throw data.payload;
305
+ break;
306
+ default:
307
+ break;
308
+ }
309
+ };
310
+
311
+ /**
312
+ * Called when the peer connection is #ready.
313
+ * @private
314
+ */
315
+ #ready = () => {
316
+ // Perform callback with data
317
+ this.conn.on('data', this.#onIncomingData);
318
+ this.conn.on('close', () => {
319
+ console.log('Connection reset&lt;br>Awaiting connection...');
320
+ this.conn = null;
321
+ });
322
+ };
323
+
324
+ /**
325
+ * Debug method for downloading the recorded audio
326
+ * @public
327
+ */
328
+ downloadData = () => {
329
+ this.ac.downloadData();
330
+ };
331
+ }
332
+
333
+ /*
334
+ Referenced links:
335
+ https://stackoverflow.com/questions/28016664/when-you-pass-this-as-an-argument/28016676#28016676
336
+ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes
337
+ https://stackoverflow.com/questions/879152/how-do-i-make-javascript-beep [3]
338
+ */
339
+
340
+ export default Speaker;
341
+ </code></pre>
342
+ </article>
343
+ </section>
344
+ </div>
345
+
346
+ <nav>
347
+ <h2><a href="index.html">Home</a></h2>
348
+ <h3>Classes</h3>
349
+ <ul>
350
+ <li><a href="AudioCalibrator.html">AudioCalibrator</a></li>
351
+ <li><a href="AudioPeer.html">AudioPeer</a></li>
352
+ <li><a href="AudioRecorder.html">AudioRecorder</a></li>
353
+ <li><a href="ImpulseResponse.html">ImpulseResponse</a></li>
354
+ <li><a href="Listener.html">Listener</a></li>
355
+ <li><a href="MlsGenInterface.html">MlsGenInterface</a></li>
356
+ <li><a href="MyEventEmitter.html">MyEventEmitter</a></li>
357
+ <li><a href="PythonServerAPI.html">PythonServerAPI</a></li>
358
+ <li><a href="Speaker.html">Speaker</a></li>
359
+ <li><a href="Volume.html">Volume</a></li>
360
+ </ul>
361
+ <h3>Global</h3>
362
+ <ul>
363
+ <li><a href="global.html#csvToArray">csvToArray</a></li>
364
+ <li><a href="global.html#saveToCSV">saveToCSV</a></li>
365
+ <li><a href="global.html#sleep">sleep</a></li>
366
+ </ul>
367
+ </nav>
368
+
369
+ <br class="clear" />
370
+
371
+ <footer>
372
+ Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Fri
373
+ Jul 29 2022 15:09:48 GMT-0400 (Eastern Daylight Time)
374
+ </footer>
375
+
376
+ <script>
377
+ prettyPrint();
378
+ </script>
379
+ <script src="scripts/linenumber.js"></script>
380
+ </body>
381
+ </html>