speaker-calibration 2.2.200 → 2.2.202
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 -0
- 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/listener.js +149 -149
- 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/main.js +1234 -1234
- package/dist/main.js.LICENSE.txt +0 -0
- 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 +73 -73
- package/src/config/firebase.js +26 -26
- package/src/index.html +21 -21
- package/src/main.js +23 -23
- package/src/myEventEmitter.js +83 -83
- package/src/peer-connection/audioPeer.js +178 -178
- package/src/peer-connection/listener.js +340 -340
- package/src/peer-connection/peerErrors.js +25 -25
- package/src/peer-connection/speaker.js +731 -731
- package/src/powerCheck.js +98 -98
- package/src/server/PythonServerAPI.js +869 -869
- package/src/tasks/audioCalibrator.js +336 -335
- package/src/tasks/audioRecorder.js +315 -315
- package/src/tasks/combination/combination.js +2996 -2968
- 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 +37 -37
- package/.github/workflows/update-phrases.yml +0 -37
- package/makefile +0 -74
package/doc/speaker.js.html
CHANGED
|
@@ -1,248 +1,248 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="en">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="utf-8" />
|
|
5
|
-
<title>JSDoc: Source: 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: speaker.js</h1>
|
|
19
|
-
|
|
20
|
-
<section>
|
|
21
|
-
<article>
|
|
22
|
-
<pre class="prettyprint source linenums"><code>import './speaker.css';
|
|
23
|
-
import AudioPeer from './audioPeer';
|
|
24
|
-
import AudioCalibrator from './audioCalibrator';
|
|
25
|
-
|
|
26
|
-
const QRCode = require('qrcode');
|
|
27
|
-
|
|
28
|
-
// TODO: some of these methods were preimplmented, but appear to be unused, cleanup
|
|
29
|
-
/**
|
|
30
|
-
* @class Handles the speaker's side of the connection. Responsible for initiating the connection,
|
|
31
|
-
* rendering the QRCode, and answering the call.
|
|
32
|
-
* @extends AudioPeer
|
|
33
|
-
*/
|
|
34
|
-
class Speaker extends AudioPeer {
|
|
35
|
-
/**
|
|
36
|
-
* Takes the url of the current site and a target element where html elements will be appended.
|
|
37
|
-
* @param {initParameters} params - see type definition for initParameters
|
|
38
|
-
*/
|
|
39
|
-
constructor(params) {
|
|
40
|
-
super(params);
|
|
41
|
-
|
|
42
|
-
this.siteUrl += '/listener?';
|
|
43
|
-
this.ac = new AudioCalibrator();
|
|
44
|
-
|
|
45
|
-
/* Set up callbacks that handle any events related to our peer object. */
|
|
46
|
-
this.peer.on('open', this.onPeerOpen);
|
|
47
|
-
this.peer.on('connection', this.onPeerConnection);
|
|
48
|
-
this.peer.on('call', this.onPeerCall);
|
|
49
|
-
this.peer.on('close', this.onPeerClose);
|
|
50
|
-
this.peer.on('disconnected', this.onPeerDisconnected);
|
|
51
|
-
this.peer.on('error', this.onPeerError);
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
/**
|
|
55
|
-
* Called after the peer conncection has been opened.
|
|
56
|
-
* Generates a QR code for the connection and displays it.
|
|
57
|
-
*/
|
|
58
|
-
showQRCode = () => {
|
|
59
|
-
// this.ac.test();
|
|
60
|
-
// Get query string, the URL parameters to specify a Listener
|
|
61
|
-
const queryStringParameters = {
|
|
62
|
-
speakerPeerId: this.peer.id,
|
|
63
|
-
};
|
|
64
|
-
const queryString = this.queryStringFromObject(queryStringParameters);
|
|
65
|
-
const uri = this.siteUrl + queryString;
|
|
66
|
-
|
|
67
|
-
// Display QR code for the participant to scan
|
|
68
|
-
const qrCanvas = document.createElement('canvas');
|
|
69
|
-
qrCanvas.setAttribute('id', 'qrCanvas');
|
|
70
|
-
console.log(uri);
|
|
71
|
-
QRCode.toCanvas(qrCanvas, uri, error => {
|
|
72
|
-
if (error) console.error(error);
|
|
73
|
-
});
|
|
74
|
-
|
|
75
|
-
// If specified HTML Id is available, show QR code there
|
|
76
|
-
if (document.getElementById(this.targetElement)) {
|
|
77
|
-
document.getElementById(this.targetElement).appendChild(qrCanvas);
|
|
78
|
-
} else {
|
|
79
|
-
// or just print it to console
|
|
80
|
-
console.log('TEST: Peer reachable at: ', uri);
|
|
81
|
-
}
|
|
82
|
-
};
|
|
83
|
-
|
|
84
|
-
/**
|
|
85
|
-
* Called when the peer connection is opened.
|
|
86
|
-
* Saves the peer id and calls the QR code generator.
|
|
87
|
-
* @param {object} peerId - The peer id of the peer connection
|
|
88
|
-
*/
|
|
89
|
-
onPeerOpen = id => {
|
|
90
|
-
// Workaround for peer.reconnect deleting previous id
|
|
91
|
-
if (id === null) {
|
|
92
|
-
console.error('Received null id from peer open');
|
|
93
|
-
this.peer.id = this.lastPeerId;
|
|
94
|
-
} else {
|
|
95
|
-
this.lastPeerId = this.peer.id;
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
if (id !== this.peer.id) {
|
|
99
|
-
console.warn('DEBUG Check you assumption that id === this.peer.id');
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
this.showQRCode();
|
|
103
|
-
};
|
|
104
|
-
|
|
105
|
-
/**
|
|
106
|
-
* Called when the peer connection is established.
|
|
107
|
-
* Enforces a single connection.
|
|
108
|
-
* @param {*} connection - The connection object
|
|
109
|
-
*/
|
|
110
|
-
onPeerConnection = connection => {
|
|
111
|
-
console.log('Speaker - onPeerConnection');
|
|
112
|
-
|
|
113
|
-
// Allow only a single connection
|
|
114
|
-
if (this.conn && this.conn.open) {
|
|
115
|
-
connection.on('open', () => {
|
|
116
|
-
connection.send('Already connected to another client');
|
|
117
|
-
setTimeout(() => {
|
|
118
|
-
connection.close();
|
|
119
|
-
}, 500);
|
|
120
|
-
});
|
|
121
|
-
return;
|
|
122
|
-
}
|
|
123
|
-
|
|
124
|
-
this.conn = connection;
|
|
125
|
-
console.log('Connected to: ', this.conn.peer);
|
|
126
|
-
this.ready();
|
|
127
|
-
};
|
|
128
|
-
|
|
129
|
-
/**
|
|
130
|
-
* Called after a call is established and data is flowing.
|
|
131
|
-
* Sets up the local audio stream and starts the calibration process.
|
|
132
|
-
* @param {MediaStream} stream - The stream of audio from the Listener.
|
|
133
|
-
*/
|
|
134
|
-
onReceiveStream = stream => {
|
|
135
|
-
window.localStream = stream;
|
|
136
|
-
window.localAudio.srcObject = stream;
|
|
137
|
-
window.localAudio.autoplay = true;
|
|
138
|
-
|
|
139
|
-
// Start calibration
|
|
140
|
-
if (!this.ac.getCalibrationStatus()) {
|
|
141
|
-
this.ac.startCalibration(stream);
|
|
142
|
-
}
|
|
143
|
-
};
|
|
144
|
-
|
|
145
|
-
/**
|
|
146
|
-
* Called when a call is made by the Listener.
|
|
147
|
-
* Answers the call in a one-way manner, and sets up a stream listener.
|
|
148
|
-
* @param {*} call
|
|
149
|
-
*/
|
|
150
|
-
onPeerCall = call => {
|
|
151
|
-
call.answer(); // Answer the call (one way)
|
|
152
|
-
this.ac.createLocalAudio(document.getElementById(this.targetElement));
|
|
153
|
-
call.on('stream', this.onReceiveStream);
|
|
154
|
-
};
|
|
155
|
-
|
|
156
|
-
/**
|
|
157
|
-
* Called when the peer connection is closed.
|
|
158
|
-
*/
|
|
159
|
-
onPeerClose = () => {
|
|
160
|
-
this.conn = null;
|
|
161
|
-
console.log('Connection destroyed');
|
|
162
|
-
};
|
|
163
|
-
|
|
164
|
-
/**
|
|
165
|
-
* Called when the peer connection is disconnected.
|
|
166
|
-
* Attempts to reconnect.
|
|
167
|
-
*/
|
|
168
|
-
onPeerDisconnected = () => {
|
|
169
|
-
console.log('Connection lost. Please reconnect');
|
|
170
|
-
|
|
171
|
-
// Workaround for peer.reconnect deleting previous id
|
|
172
|
-
this.peer.id = this.lastPeerId;
|
|
173
|
-
// eslint-disable-next-line no-underscore-dangle
|
|
174
|
-
this.peer._lastServerId = this.lastPeerId;
|
|
175
|
-
this.peer.reconnect();
|
|
176
|
-
};
|
|
177
|
-
|
|
178
|
-
/**
|
|
179
|
-
* Called when the peer connection encounters an error.
|
|
180
|
-
* @param {*} error
|
|
181
|
-
*/
|
|
182
|
-
onPeerError = error => {
|
|
183
|
-
// TODO: check if this function is needed or not
|
|
184
|
-
console.error(error);
|
|
185
|
-
};
|
|
186
|
-
|
|
187
|
-
/**
|
|
188
|
-
* Called when data is received from the peer connection.
|
|
189
|
-
* @param {*} data
|
|
190
|
-
*/
|
|
191
|
-
onIncomingData = data => {
|
|
192
|
-
// TODO: check if this function is needed or not
|
|
193
|
-
console.log({data});
|
|
194
|
-
};
|
|
195
|
-
|
|
196
|
-
/**
|
|
197
|
-
* Called when the peer connection is ready.
|
|
198
|
-
*/
|
|
199
|
-
ready = () => {
|
|
200
|
-
// Perform callback with data
|
|
201
|
-
this.conn.on('data', this.onIncomingData);
|
|
202
|
-
this.conn.on('close', () => {
|
|
203
|
-
console.log('Connection reset<br>Awaiting connection...');
|
|
204
|
-
this.conn = null;
|
|
205
|
-
});
|
|
206
|
-
};
|
|
207
|
-
}
|
|
208
|
-
|
|
209
|
-
/*
|
|
210
|
-
Referenced links:
|
|
211
|
-
https://stackoverflow.com/questions/28016664/when-you-pass-this-as-an-argument/28016676#28016676
|
|
212
|
-
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes
|
|
213
|
-
https://stackoverflow.com/questions/879152/how-do-i-make-javascript-beep [3]
|
|
214
|
-
*/
|
|
215
|
-
|
|
216
|
-
export default Speaker;
|
|
217
|
-
</code></pre>
|
|
218
|
-
</article>
|
|
219
|
-
</section>
|
|
220
|
-
</div>
|
|
221
|
-
|
|
222
|
-
<nav>
|
|
223
|
-
<h2><a href="index.html">Home</a></h2>
|
|
224
|
-
<h3>Classes</h3>
|
|
225
|
-
<ul>
|
|
226
|
-
<li><a href="AudioCalibrator.html">AudioCalibrator</a></li>
|
|
227
|
-
<li><a href="AudioPeer.html">AudioPeer</a></li>
|
|
228
|
-
<li><a href="AudioRecorder.html">AudioRecorder</a></li>
|
|
229
|
-
<li><a href="Listener.html">Listener</a></li>
|
|
230
|
-
<li><a href="MlsGenInterface.html">MlsGenInterface</a></li>
|
|
231
|
-
<li><a href="Speaker.html">Speaker</a></li>
|
|
232
|
-
</ul>
|
|
233
|
-
<h3><a href="global.html">Global</a></h3>
|
|
234
|
-
</nav>
|
|
235
|
-
|
|
236
|
-
<br class="clear" />
|
|
237
|
-
|
|
238
|
-
<footer>
|
|
239
|
-
Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Tue
|
|
240
|
-
Mar 01 2022 12:39:42 GMT-0500 (Eastern Standard Time)
|
|
241
|
-
</footer>
|
|
242
|
-
|
|
243
|
-
<script>
|
|
244
|
-
prettyPrint();
|
|
245
|
-
</script>
|
|
246
|
-
<script src="scripts/linenumber.js"></script>
|
|
247
|
-
</body>
|
|
248
|
-
</html>
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="utf-8" />
|
|
5
|
+
<title>JSDoc: Source: 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: speaker.js</h1>
|
|
19
|
+
|
|
20
|
+
<section>
|
|
21
|
+
<article>
|
|
22
|
+
<pre class="prettyprint source linenums"><code>import './speaker.css';
|
|
23
|
+
import AudioPeer from './audioPeer';
|
|
24
|
+
import AudioCalibrator from './audioCalibrator';
|
|
25
|
+
|
|
26
|
+
const QRCode = require('qrcode');
|
|
27
|
+
|
|
28
|
+
// TODO: some of these methods were preimplmented, but appear to be unused, cleanup
|
|
29
|
+
/**
|
|
30
|
+
* @class Handles the speaker's side of the connection. Responsible for initiating the connection,
|
|
31
|
+
* rendering the QRCode, and answering the call.
|
|
32
|
+
* @extends AudioPeer
|
|
33
|
+
*/
|
|
34
|
+
class Speaker extends AudioPeer {
|
|
35
|
+
/**
|
|
36
|
+
* Takes the url of the current site and a target element where html elements will be appended.
|
|
37
|
+
* @param {initParameters} params - see type definition for initParameters
|
|
38
|
+
*/
|
|
39
|
+
constructor(params) {
|
|
40
|
+
super(params);
|
|
41
|
+
|
|
42
|
+
this.siteUrl += '/listener?';
|
|
43
|
+
this.ac = new AudioCalibrator();
|
|
44
|
+
|
|
45
|
+
/* Set up callbacks that handle any events related to our peer object. */
|
|
46
|
+
this.peer.on('open', this.onPeerOpen);
|
|
47
|
+
this.peer.on('connection', this.onPeerConnection);
|
|
48
|
+
this.peer.on('call', this.onPeerCall);
|
|
49
|
+
this.peer.on('close', this.onPeerClose);
|
|
50
|
+
this.peer.on('disconnected', this.onPeerDisconnected);
|
|
51
|
+
this.peer.on('error', this.onPeerError);
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
/**
|
|
55
|
+
* Called after the peer conncection has been opened.
|
|
56
|
+
* Generates a QR code for the connection and displays it.
|
|
57
|
+
*/
|
|
58
|
+
showQRCode = () => {
|
|
59
|
+
// this.ac.test();
|
|
60
|
+
// Get query string, the URL parameters to specify a Listener
|
|
61
|
+
const queryStringParameters = {
|
|
62
|
+
speakerPeerId: this.peer.id,
|
|
63
|
+
};
|
|
64
|
+
const queryString = this.queryStringFromObject(queryStringParameters);
|
|
65
|
+
const uri = this.siteUrl + queryString;
|
|
66
|
+
|
|
67
|
+
// Display QR code for the participant to scan
|
|
68
|
+
const qrCanvas = document.createElement('canvas');
|
|
69
|
+
qrCanvas.setAttribute('id', 'qrCanvas');
|
|
70
|
+
console.log(uri);
|
|
71
|
+
QRCode.toCanvas(qrCanvas, uri, error => {
|
|
72
|
+
if (error) console.error(error);
|
|
73
|
+
});
|
|
74
|
+
|
|
75
|
+
// If specified HTML Id is available, show QR code there
|
|
76
|
+
if (document.getElementById(this.targetElement)) {
|
|
77
|
+
document.getElementById(this.targetElement).appendChild(qrCanvas);
|
|
78
|
+
} else {
|
|
79
|
+
// or just print it to console
|
|
80
|
+
console.log('TEST: Peer reachable at: ', uri);
|
|
81
|
+
}
|
|
82
|
+
};
|
|
83
|
+
|
|
84
|
+
/**
|
|
85
|
+
* Called when the peer connection is opened.
|
|
86
|
+
* Saves the peer id and calls the QR code generator.
|
|
87
|
+
* @param {object} peerId - The peer id of the peer connection
|
|
88
|
+
*/
|
|
89
|
+
onPeerOpen = id => {
|
|
90
|
+
// Workaround for peer.reconnect deleting previous id
|
|
91
|
+
if (id === null) {
|
|
92
|
+
console.error('Received null id from peer open');
|
|
93
|
+
this.peer.id = this.lastPeerId;
|
|
94
|
+
} else {
|
|
95
|
+
this.lastPeerId = this.peer.id;
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
if (id !== this.peer.id) {
|
|
99
|
+
console.warn('DEBUG Check you assumption that id === this.peer.id');
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
this.showQRCode();
|
|
103
|
+
};
|
|
104
|
+
|
|
105
|
+
/**
|
|
106
|
+
* Called when the peer connection is established.
|
|
107
|
+
* Enforces a single connection.
|
|
108
|
+
* @param {*} connection - The connection object
|
|
109
|
+
*/
|
|
110
|
+
onPeerConnection = connection => {
|
|
111
|
+
console.log('Speaker - onPeerConnection');
|
|
112
|
+
|
|
113
|
+
// Allow only a single connection
|
|
114
|
+
if (this.conn && this.conn.open) {
|
|
115
|
+
connection.on('open', () => {
|
|
116
|
+
connection.send('Already connected to another client');
|
|
117
|
+
setTimeout(() => {
|
|
118
|
+
connection.close();
|
|
119
|
+
}, 500);
|
|
120
|
+
});
|
|
121
|
+
return;
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
this.conn = connection;
|
|
125
|
+
console.log('Connected to: ', this.conn.peer);
|
|
126
|
+
this.ready();
|
|
127
|
+
};
|
|
128
|
+
|
|
129
|
+
/**
|
|
130
|
+
* Called after a call is established and data is flowing.
|
|
131
|
+
* Sets up the local audio stream and starts the calibration process.
|
|
132
|
+
* @param {MediaStream} stream - The stream of audio from the Listener.
|
|
133
|
+
*/
|
|
134
|
+
onReceiveStream = stream => {
|
|
135
|
+
window.localStream = stream;
|
|
136
|
+
window.localAudio.srcObject = stream;
|
|
137
|
+
window.localAudio.autoplay = true;
|
|
138
|
+
|
|
139
|
+
// Start calibration
|
|
140
|
+
if (!this.ac.getCalibrationStatus()) {
|
|
141
|
+
this.ac.startCalibration(stream);
|
|
142
|
+
}
|
|
143
|
+
};
|
|
144
|
+
|
|
145
|
+
/**
|
|
146
|
+
* Called when a call is made by the Listener.
|
|
147
|
+
* Answers the call in a one-way manner, and sets up a stream listener.
|
|
148
|
+
* @param {*} call
|
|
149
|
+
*/
|
|
150
|
+
onPeerCall = call => {
|
|
151
|
+
call.answer(); // Answer the call (one way)
|
|
152
|
+
this.ac.createLocalAudio(document.getElementById(this.targetElement));
|
|
153
|
+
call.on('stream', this.onReceiveStream);
|
|
154
|
+
};
|
|
155
|
+
|
|
156
|
+
/**
|
|
157
|
+
* Called when the peer connection is closed.
|
|
158
|
+
*/
|
|
159
|
+
onPeerClose = () => {
|
|
160
|
+
this.conn = null;
|
|
161
|
+
console.log('Connection destroyed');
|
|
162
|
+
};
|
|
163
|
+
|
|
164
|
+
/**
|
|
165
|
+
* Called when the peer connection is disconnected.
|
|
166
|
+
* Attempts to reconnect.
|
|
167
|
+
*/
|
|
168
|
+
onPeerDisconnected = () => {
|
|
169
|
+
console.log('Connection lost. Please reconnect');
|
|
170
|
+
|
|
171
|
+
// Workaround for peer.reconnect deleting previous id
|
|
172
|
+
this.peer.id = this.lastPeerId;
|
|
173
|
+
// eslint-disable-next-line no-underscore-dangle
|
|
174
|
+
this.peer._lastServerId = this.lastPeerId;
|
|
175
|
+
this.peer.reconnect();
|
|
176
|
+
};
|
|
177
|
+
|
|
178
|
+
/**
|
|
179
|
+
* Called when the peer connection encounters an error.
|
|
180
|
+
* @param {*} error
|
|
181
|
+
*/
|
|
182
|
+
onPeerError = error => {
|
|
183
|
+
// TODO: check if this function is needed or not
|
|
184
|
+
console.error(error);
|
|
185
|
+
};
|
|
186
|
+
|
|
187
|
+
/**
|
|
188
|
+
* Called when data is received from the peer connection.
|
|
189
|
+
* @param {*} data
|
|
190
|
+
*/
|
|
191
|
+
onIncomingData = data => {
|
|
192
|
+
// TODO: check if this function is needed or not
|
|
193
|
+
console.log({data});
|
|
194
|
+
};
|
|
195
|
+
|
|
196
|
+
/**
|
|
197
|
+
* Called when the peer connection is ready.
|
|
198
|
+
*/
|
|
199
|
+
ready = () => {
|
|
200
|
+
// Perform callback with data
|
|
201
|
+
this.conn.on('data', this.onIncomingData);
|
|
202
|
+
this.conn.on('close', () => {
|
|
203
|
+
console.log('Connection reset<br>Awaiting connection...');
|
|
204
|
+
this.conn = null;
|
|
205
|
+
});
|
|
206
|
+
};
|
|
207
|
+
}
|
|
208
|
+
|
|
209
|
+
/*
|
|
210
|
+
Referenced links:
|
|
211
|
+
https://stackoverflow.com/questions/28016664/when-you-pass-this-as-an-argument/28016676#28016676
|
|
212
|
+
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes
|
|
213
|
+
https://stackoverflow.com/questions/879152/how-do-i-make-javascript-beep [3]
|
|
214
|
+
*/
|
|
215
|
+
|
|
216
|
+
export default Speaker;
|
|
217
|
+
</code></pre>
|
|
218
|
+
</article>
|
|
219
|
+
</section>
|
|
220
|
+
</div>
|
|
221
|
+
|
|
222
|
+
<nav>
|
|
223
|
+
<h2><a href="index.html">Home</a></h2>
|
|
224
|
+
<h3>Classes</h3>
|
|
225
|
+
<ul>
|
|
226
|
+
<li><a href="AudioCalibrator.html">AudioCalibrator</a></li>
|
|
227
|
+
<li><a href="AudioPeer.html">AudioPeer</a></li>
|
|
228
|
+
<li><a href="AudioRecorder.html">AudioRecorder</a></li>
|
|
229
|
+
<li><a href="Listener.html">Listener</a></li>
|
|
230
|
+
<li><a href="MlsGenInterface.html">MlsGenInterface</a></li>
|
|
231
|
+
<li><a href="Speaker.html">Speaker</a></li>
|
|
232
|
+
</ul>
|
|
233
|
+
<h3><a href="global.html">Global</a></h3>
|
|
234
|
+
</nav>
|
|
235
|
+
|
|
236
|
+
<br class="clear" />
|
|
237
|
+
|
|
238
|
+
<footer>
|
|
239
|
+
Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Tue
|
|
240
|
+
Mar 01 2022 12:39:42 GMT-0500 (Eastern Standard Time)
|
|
241
|
+
</footer>
|
|
242
|
+
|
|
243
|
+
<script>
|
|
244
|
+
prettyPrint();
|
|
245
|
+
</script>
|
|
246
|
+
<script src="scripts/linenumber.js"></script>
|
|
247
|
+
</body>
|
|
248
|
+
</html>
|