speaker-calibration 2.2.212 → 2.2.213
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.
- package/.eslintignore +71 -71
- package/.eslintrc.json +40 -40
- package/.gitignore +81 -81
- package/.prettierignore +69 -69
- package/.prettierrc +14 -14
- package/LICENSE +20 -20
- package/README.md +133 -133
- package/__mocks__/fileMock.js +1 -1
- package/__mocks__/styleMock.js +1 -1
- package/babel.config.js +3 -3
- package/coverage/clover.xml +71 -71
- package/coverage/coverage-final.json +224 -224
- package/coverage/lcov-report/PythonServerInterface.js.html +265 -265
- package/coverage/lcov-report/base.css +354 -354
- package/coverage/lcov-report/block-navigation.js +82 -82
- package/coverage/lcov-report/favicon.png +0 -0
- package/coverage/lcov-report/index.html +123 -123
- package/coverage/lcov-report/prettify.css +101 -101
- package/coverage/lcov-report/prettify.js +937 -937
- package/coverage/lcov-report/sort-arrow-sprite.png +0 -0
- package/coverage/lcov-report/sorter.js +189 -189
- package/coverage/lcov-report/src/index.html +121 -121
- package/coverage/lcov-report/src/server/PythonServerInterface.js.html +268 -268
- package/coverage/lcov-report/src/server/index.html +123 -123
- package/coverage/lcov-report/src/tasks/audioCalibrator.js.html +499 -499
- package/coverage/lcov-report/src/tasks/audioRecorder.js.html +412 -412
- package/coverage/lcov-report/src/tasks/index.html +143 -143
- package/coverage/lcov-report/src/tasks/volume/index.html +123 -123
- package/coverage/lcov-report/src/tasks/volume/volume.js.html +409 -409
- package/coverage/lcov-report/src/utils.js.html +172 -172
- package/coverage/lcov.info +91 -91
- package/dist/Procfile +0 -0
- package/dist/example/NoSleep.min.js +1 -1
- package/dist/example/credentials.json.gpg +0 -0
- package/dist/example/fetch-languages-sheets.js +77 -77
- package/dist/example/i18n.js +27366 -27366
- package/dist/example/index.html +47 -47
- package/dist/example/listener.html +79 -79
- package/dist/example/server.js +51 -51
- package/dist/example/speaker.html +145 -145
- package/dist/example/speakerUI.js +273 -273
- package/dist/example/styles.css +99 -99
- package/dist/listener.js +3459 -0
- package/dist/main.js +2420 -207
- package/dist/main.js.LICENSE.txt +118 -118
- package/dist/mlsGen.js +6814 -6814
- package/dist/mlsGen.wasm +0 -0
- package/dist/package-lock.json +1018 -1018
- package/dist/package.json +18 -18
- package/doc/AudioCalibrator.html +417 -417
- package/doc/AudioPeer.html +251 -251
- package/doc/AudioRecorder.html +195 -195
- package/doc/ImpulseResponse.html +215 -215
- package/doc/Listener.html +308 -308
- package/doc/MlsGenInterface.html +226 -226
- package/doc/MyEventEmitter.html +274 -274
- package/doc/PythonServerAPI.html +109 -109
- package/doc/Speaker-Calibration-UML-Diagram.png +0 -0
- package/doc/Speaker.html +276 -276
- package/doc/Takes%20a%20target%20element%20where%20html%20elements%20will%20be%20appended..html +128 -128
- package/doc/Takes%20the%20url%20of%20the%20current%20site%0Aand%20a%20target%20element%20where%20html%20elements%20will%20be%20appended..html +138 -138
- package/doc/Takes%20the%20url%20of%20the%20current%20site%20and%20a%20target%20element%20where%20html%20elements%20will%20be%20appended..html +137 -137
- package/doc/Volume.html +88 -88
- package/doc/audioCalibrator.js.html +179 -179
- package/doc/audioPeer.js.html +175 -175
- package/doc/audioRecorder.js.html +163 -163
- package/doc/creates%20a%20new%20AudioRecorder%20instance.%20%0ASets%20up%20the%20audio%20context%20and%20file%20reader..html +114 -114
- package/doc/fonts/OpenSans-Bold-webfont.eot +0 -0
- package/doc/fonts/OpenSans-Bold-webfont.svg +1829 -1829
- package/doc/fonts/OpenSans-Bold-webfont.woff +0 -0
- package/doc/fonts/OpenSans-BoldItalic-webfont.eot +0 -0
- package/doc/fonts/OpenSans-BoldItalic-webfont.svg +1829 -1829
- package/doc/fonts/OpenSans-BoldItalic-webfont.woff +0 -0
- package/doc/fonts/OpenSans-Italic-webfont.eot +0 -0
- package/doc/fonts/OpenSans-Italic-webfont.svg +1829 -1829
- package/doc/fonts/OpenSans-Italic-webfont.woff +0 -0
- package/doc/fonts/OpenSans-Light-webfont.eot +0 -0
- package/doc/fonts/OpenSans-Light-webfont.svg +1830 -1830
- package/doc/fonts/OpenSans-Light-webfont.woff +0 -0
- package/doc/fonts/OpenSans-LightItalic-webfont.eot +0 -0
- package/doc/fonts/OpenSans-LightItalic-webfont.svg +1834 -1834
- package/doc/fonts/OpenSans-LightItalic-webfont.woff +0 -0
- package/doc/fonts/OpenSans-Regular-webfont.eot +0 -0
- package/doc/fonts/OpenSans-Regular-webfont.svg +1830 -1830
- package/doc/fonts/OpenSans-Regular-webfont.woff +0 -0
- package/doc/global.html +308 -308
- package/doc/index.html +58 -58
- package/doc/listener.js.html +170 -170
- package/doc/mlsGen_mlsGenInterface.js.html +117 -117
- package/doc/myEventEmitter.js.html +124 -124
- package/doc/peer-connection_audioPeer.js.html +188 -188
- package/doc/peer-connection_listener.js.html +311 -311
- package/doc/peer-connection_speaker.js.html +381 -381
- package/doc/sc-activity-diagram.png +0 -0
- package/doc/scripts/linenumber.js +25 -25
- package/doc/scripts/prettify/Apache-License-2.0.txt +202 -202
- package/doc/scripts/prettify/lang-css.js +24 -24
- package/doc/scripts/prettify/prettify.js +640 -640
- package/doc/server_PythonServerAPI.js.html +160 -160
- package/doc/speaker.js.html +248 -248
- package/doc/styles/jsdoc-default.css +371 -371
- package/doc/styles/prettify-jsdoc.css +111 -111
- package/doc/styles/prettify-tomorrow.css +163 -163
- package/doc/tasks_audioCalibrator.js.html +207 -207
- package/doc/tasks_audioRecorder.js.html +190 -190
- package/doc/tasks_impulse-response_impulseResponse.js.html +442 -442
- package/doc/tasks_impulse-response_mlsGen_mlsGenInterface.js.html +175 -175
- package/doc/tasks_volume_volume.js.html +185 -185
- package/doc/utils.js.html +105 -105
- package/jest.config.js +173 -173
- package/netlify.toml +26 -26
- package/package.json +78 -73
- package/src/config/firebase.js +26 -26
- package/src/index.html +21 -21
- package/{dist/example → src/listener-app}/listener.js +153 -152
- package/src/main.js +23 -23
- package/src/myEventEmitter.js +83 -83
- package/src/peer-connection/audioPeer.js +183 -183
- package/src/peer-connection/listener.js +366 -367
- package/src/peer-connection/peerErrors.js +25 -25
- package/src/peer-connection/speaker.js +739 -738
- package/src/powerCheck.js +98 -98
- package/src/server/PythonServerAPI.js +869 -869
- package/src/tasks/audioCalibrator.js +351 -351
- package/src/tasks/audioRecorder.js +315 -315
- package/src/tasks/combination/combination.js +3160 -3031
- package/src/tasks/combination/mlsGen/mlsGen.cpp +98 -98
- package/src/tasks/combination/mlsGen/mlsGen.hpp +303 -303
- package/src/tasks/combination/mlsGen/mlsGenInterface.js +131 -131
- package/src/tasks/combination/mlsGen/mlsGenTest.cpp +180 -180
- package/src/tasks/impulse-response/impulseResponse.js +610 -610
- package/src/tasks/impulse-response/mlsGen/mlsGen.cpp +98 -98
- package/src/tasks/impulse-response/mlsGen/mlsGen.hpp +303 -303
- package/src/tasks/impulse-response/mlsGen/mlsGenInterface.js +131 -131
- package/src/tasks/impulse-response/mlsGen/mlsGenTest.cpp +180 -180
- package/src/tasks/volume/volume.cpp +2 -2
- package/src/tasks/volume/volume.hpp +22 -22
- package/src/tasks/volume/volume.js +279 -279
- package/src/utils.js +205 -205
- package/webpack.config.js +64 -37
|
@@ -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 && 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<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 && 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<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>
|