speaker-calibration 2.2.198 → 2.2.199
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/.github/workflows/update-phrases.yml +37 -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/index.html +123 -123
- package/coverage/lcov-report/prettify.css +101 -101
- package/coverage/lcov-report/prettify.js +937 -937
- 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/example/NoSleep.min.js +1 -1
- 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/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.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.svg +1829 -1829
- package/doc/fonts/OpenSans-BoldItalic-webfont.svg +1829 -1829
- package/doc/fonts/OpenSans-Italic-webfont.svg +1829 -1829
- package/doc/fonts/OpenSans-Light-webfont.svg +1830 -1830
- package/doc/fonts/OpenSans-LightItalic-webfont.svg +1834 -1834
- package/doc/fonts/OpenSans-Regular-webfont.svg +1830 -1830
- 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/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/makefile +74 -0
- package/netlify.toml +26 -26
- package/package.json +73 -72
- 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 +727 -724
- package/src/powerCheck.js +98 -98
- package/src/server/PythonServerAPI.js +869 -869
- package/src/tasks/audioCalibrator.js +335 -335
- package/src/tasks/audioRecorder.js +315 -315
- package/src/tasks/combination/combination.js +2963 -3033
- 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/.gitignore +0 -81
|
@@ -1,311 +1,311 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="en">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="utf-8" />
|
|
5
|
-
<title>JSDoc: Source: peer-connection/listener.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/listener.js</h1>
|
|
19
|
-
|
|
20
|
-
<section>
|
|
21
|
-
<article>
|
|
22
|
-
<pre class="prettyprint source linenums"><code>import AudioPeer from './audioPeer';
|
|
23
|
-
import {UnsupportedDeviceError, MissingSpeakerIdError} from './peerErrors';
|
|
24
|
-
|
|
25
|
-
/**
|
|
26
|
-
* @class Handles the listener's side of the connection. Responsible for getting access to user's microphone,
|
|
27
|
-
* and initiating a call to the Speaker.
|
|
28
|
-
* @extends AudioPeer
|
|
29
|
-
*/
|
|
30
|
-
class Listener extends AudioPeer {
|
|
31
|
-
/**
|
|
32
|
-
* Takes a target element where html elements will be appended.
|
|
33
|
-
* @param {initParameters} params - see type definition for initParameters
|
|
34
|
-
*/
|
|
35
|
-
constructor(params) {
|
|
36
|
-
super(params);
|
|
37
|
-
|
|
38
|
-
this.startTime = Date.now();
|
|
39
|
-
this.receiverPeerId = null;
|
|
40
|
-
|
|
41
|
-
const urlParameters = this.parseURLSearchParams();
|
|
42
|
-
this.speakerPeerId = urlParameters.speakerPeerId;
|
|
43
|
-
|
|
44
|
-
this.peer.on('open', this.onPeerOpen);
|
|
45
|
-
this.peer.on('connection', this.onPeerConnection);
|
|
46
|
-
this.peer.on('disconnected', this.onPeerDisconnected);
|
|
47
|
-
this.peer.on('close', this.onPeerClose);
|
|
48
|
-
this.peer.on('error', this.onPeerError);
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
onPeerOpen = id => {
|
|
52
|
-
this.displayUpdate('Listener - onPeerOpen');
|
|
53
|
-
// Workaround for peer.reconnect deleting previous id
|
|
54
|
-
|
|
55
|
-
if (id === null) {
|
|
56
|
-
this.displayUpdate('Received null id from peer open');
|
|
57
|
-
this.peer.id = this.lastPeerId;
|
|
58
|
-
} else {
|
|
59
|
-
this.lastPeerId = this.peer.id;
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
this.join();
|
|
63
|
-
};
|
|
64
|
-
|
|
65
|
-
onPeerConnection = connection => {
|
|
66
|
-
this.displayUpdate('Listener - onPeerConnection');
|
|
67
|
-
// Disallow incoming connections
|
|
68
|
-
connection.on('open', () => {
|
|
69
|
-
connection.send('Sender does not accept incoming connections');
|
|
70
|
-
setTimeout(() => {
|
|
71
|
-
connection.close();
|
|
72
|
-
}, 500);
|
|
73
|
-
});
|
|
74
|
-
};
|
|
75
|
-
|
|
76
|
-
onConnData = data => {
|
|
77
|
-
this.displayUpdate('Listener - onConnData');
|
|
78
|
-
const hasSpeakerID = Object.prototype.hasOwnProperty.call(data, 'speakerPeerId');
|
|
79
|
-
if (!hasSpeakerID) {
|
|
80
|
-
this.displayUpdate('Error in parsing data received! Must set "speakerPeerId" property');
|
|
81
|
-
throw new MissingSpeakerIdError('Must set "speakerPeerId" property');
|
|
82
|
-
} else {
|
|
83
|
-
// this.conn.close();
|
|
84
|
-
this.displayUpdate(this.speakerPeerId);
|
|
85
|
-
this.speakerPeerId = data.speakerPeerId;
|
|
86
|
-
const newParams = {
|
|
87
|
-
speakerPeerId: this.speakerPeerId,
|
|
88
|
-
};
|
|
89
|
-
/*
|
|
90
|
-
FUTURE does this limit usable environments?
|
|
91
|
-
ie does this work if internet is lost after initial page load?
|
|
92
|
-
*/
|
|
93
|
-
window.location.search = this.queryStringFromObject(newParams); // Redirect to correctly constructed keypad page
|
|
94
|
-
}
|
|
95
|
-
};
|
|
96
|
-
|
|
97
|
-
join = () => {
|
|
98
|
-
this.displayUpdate('Listener - join');
|
|
99
|
-
/**
|
|
100
|
-
* Create the connection between the two Peers.
|
|
101
|
-
*
|
|
102
|
-
* Sets up callbacks that handle any events related to the
|
|
103
|
-
* connection and data received on it.
|
|
104
|
-
*/
|
|
105
|
-
// Close old connection
|
|
106
|
-
if (this.conn) {
|
|
107
|
-
this.displayUpdate('Closing old connection');
|
|
108
|
-
this.conn.close();
|
|
109
|
-
}
|
|
110
|
-
|
|
111
|
-
// Create connection to destination peer specified by the query param
|
|
112
|
-
this.displayUpdate(`Creating connection to: ${this.speakerPeerId}`);
|
|
113
|
-
this.conn = this.peer.connect(this.speakerPeerId, {
|
|
114
|
-
reliable: true,
|
|
115
|
-
});
|
|
116
|
-
|
|
117
|
-
this.displayUpdate('Created connection');
|
|
118
|
-
|
|
119
|
-
this.conn.on('open', async () => {
|
|
120
|
-
this.displayUpdate('Listener - conn open');
|
|
121
|
-
// this.sendSamplingRate();
|
|
122
|
-
await this.openAudioStream();
|
|
123
|
-
});
|
|
124
|
-
|
|
125
|
-
// Handle incoming data (messages only since this is the signal sender)
|
|
126
|
-
this.conn.on('data', this.onConnData);
|
|
127
|
-
this.conn.on('close', () => {
|
|
128
|
-
console.log('Connection closed');
|
|
129
|
-
});
|
|
130
|
-
};
|
|
131
|
-
|
|
132
|
-
getMobileOS = () => {
|
|
133
|
-
const ua = navigator.userAgent;
|
|
134
|
-
if (/android/i.test(ua)) {
|
|
135
|
-
return 'Android';
|
|
136
|
-
}
|
|
137
|
-
if (
|
|
138
|
-
/iPad|iPhone|iPod/.test(ua) ||
|
|
139
|
-
((navigator?.userAgentData?.platform || navigator?.platform) === 'MacIntel' &&
|
|
140
|
-
navigator.maxTouchPoints > 1)
|
|
141
|
-
) {
|
|
142
|
-
return 'iOS';
|
|
143
|
-
}
|
|
144
|
-
return 'Other';
|
|
145
|
-
};
|
|
146
|
-
|
|
147
|
-
sendSamplingRate = sampleRate => {
|
|
148
|
-
this.displayUpdate('Listener - sendSamplingRate');
|
|
149
|
-
this.conn.send({
|
|
150
|
-
name: 'samplingRate',
|
|
151
|
-
payload: sampleRate,
|
|
152
|
-
});
|
|
153
|
-
};
|
|
154
|
-
|
|
155
|
-
applyHQTrackConstraints = async stream => {
|
|
156
|
-
// Contraint the incoming audio to the sampling rate we want
|
|
157
|
-
const track = stream.getAudioTracks()[0];
|
|
158
|
-
const capabilities = track.getCapabilities();
|
|
159
|
-
|
|
160
|
-
this.displayUpdate(
|
|
161
|
-
`Listener Track Capabilities - ${JSON.stringify(capabilities, undefined, 2)}`
|
|
162
|
-
);
|
|
163
|
-
|
|
164
|
-
const constraints = track.getConstraints();
|
|
165
|
-
|
|
166
|
-
if (capabilities.echoCancellation) {
|
|
167
|
-
constraints.echoCancellation = false;
|
|
168
|
-
}
|
|
169
|
-
|
|
170
|
-
if (capabilities.sampleRate) {
|
|
171
|
-
constraints.sampleRate = 96000;
|
|
172
|
-
}
|
|
173
|
-
|
|
174
|
-
if (capabilities.sampleSize) {
|
|
175
|
-
constraints.sampleSize = 24;
|
|
176
|
-
}
|
|
177
|
-
|
|
178
|
-
if (capabilities.channelCount) {
|
|
179
|
-
constraints.channelCount = 1;
|
|
180
|
-
}
|
|
181
|
-
|
|
182
|
-
this.displayUpdate(`Listener Track Constraints - ${JSON.stringify(constraints, undefined, 2)}`);
|
|
183
|
-
|
|
184
|
-
// await the promise
|
|
185
|
-
try {
|
|
186
|
-
await track.applyConstraints(constraints);
|
|
187
|
-
} catch (err) {
|
|
188
|
-
console.error(err);
|
|
189
|
-
this.displayUpdate(`Error applying constraints to track: ${err}`);
|
|
190
|
-
}
|
|
191
|
-
|
|
192
|
-
const settings = track.getSettings();
|
|
193
|
-
this.displayUpdate(`Listener Track Settings - ${JSON.stringify(settings, undefined, 2)}`);
|
|
194
|
-
return settings.sampleRate;
|
|
195
|
-
};
|
|
196
|
-
|
|
197
|
-
getMediaDevicesAudioContraints = () => {
|
|
198
|
-
const availableConstraints = navigator.mediaDevices.getSupportedConstraints();
|
|
199
|
-
|
|
200
|
-
this.displayUpdate(
|
|
201
|
-
`Listener MediaDevices Available Contraints - ${JSON.stringify(
|
|
202
|
-
availableConstraints,
|
|
203
|
-
undefined,
|
|
204
|
-
2
|
|
205
|
-
)}`
|
|
206
|
-
);
|
|
207
|
-
|
|
208
|
-
const contraints = {
|
|
209
|
-
// ...(availableConstraints.echoCancellation && availableConstraints.echoCancellation == true
|
|
210
|
-
// ? {echoCancellation: {exact: false}}
|
|
211
|
-
// : {}),
|
|
212
|
-
...(availableConstraints.sampleRate && availableConstraints.sampleRate == true
|
|
213
|
-
? {sampleRate: {ideal: 96000}}
|
|
214
|
-
: {}),
|
|
215
|
-
...(availableConstraints.sampleSize && availableConstraints.sampleSize == true
|
|
216
|
-
? {sampleSize: {ideal: 24}}
|
|
217
|
-
: {}),
|
|
218
|
-
...(availableConstraints.channelCount && availableConstraints.channelCount == true
|
|
219
|
-
? {channelCount: {exact: 1}}
|
|
220
|
-
: {}),
|
|
221
|
-
};
|
|
222
|
-
|
|
223
|
-
this.displayUpdate(
|
|
224
|
-
`Listener MediaDevices Contraints - ${JSON.stringify(contraints, undefined, 2)}`
|
|
225
|
-
);
|
|
226
|
-
|
|
227
|
-
return contraints;
|
|
228
|
-
};
|
|
229
|
-
|
|
230
|
-
openAudioStream = async () => {
|
|
231
|
-
this.displayUpdate('Listener - openAudioStream');
|
|
232
|
-
const mobileOS = this.getMobileOS();
|
|
233
|
-
if (process.env.NODE_ENV !== 'development' && mobileOS !== 'iOS') {
|
|
234
|
-
const err = new UnsupportedDeviceError(`${mobileOS} is not supported`);
|
|
235
|
-
this.conn.send({
|
|
236
|
-
name: err.name,
|
|
237
|
-
payload: err,
|
|
238
|
-
});
|
|
239
|
-
return;
|
|
240
|
-
}
|
|
241
|
-
|
|
242
|
-
navigator.mediaDevices
|
|
243
|
-
.getUserMedia({
|
|
244
|
-
audio: this.getMediaDevicesAudioContraints(),
|
|
245
|
-
video: false,
|
|
246
|
-
})
|
|
247
|
-
.then(stream => {
|
|
248
|
-
this.applyHQTrackConstraints(stream)
|
|
249
|
-
.then(sampleRate => {
|
|
250
|
-
this.sendSamplingRate(sampleRate);
|
|
251
|
-
this.peer.call(this.speakerPeerId, stream); // one-way call
|
|
252
|
-
this.displayUpdate('Listener - openAudioStream');
|
|
253
|
-
})
|
|
254
|
-
.catch(err => {
|
|
255
|
-
console.log(err);
|
|
256
|
-
this.displayUpdate(
|
|
257
|
-
`Listener - Error in applyHQTrackConstraints - ${JSON.stringify(err, undefined, 2)}`
|
|
258
|
-
);
|
|
259
|
-
});
|
|
260
|
-
})
|
|
261
|
-
.catch(err => {
|
|
262
|
-
console.error(err);
|
|
263
|
-
this.displayUpdate(
|
|
264
|
-
`Listener - Error in getUserMedia - ${JSON.stringify(err, undefined, 2)}`
|
|
265
|
-
);
|
|
266
|
-
});
|
|
267
|
-
};
|
|
268
|
-
}
|
|
269
|
-
|
|
270
|
-
export default Listener;
|
|
271
|
-
</code></pre>
|
|
272
|
-
</article>
|
|
273
|
-
</section>
|
|
274
|
-
</div>
|
|
275
|
-
|
|
276
|
-
<nav>
|
|
277
|
-
<h2><a href="index.html">Home</a></h2>
|
|
278
|
-
<h3>Classes</h3>
|
|
279
|
-
<ul>
|
|
280
|
-
<li><a href="AudioCalibrator.html">AudioCalibrator</a></li>
|
|
281
|
-
<li><a href="AudioPeer.html">AudioPeer</a></li>
|
|
282
|
-
<li><a href="AudioRecorder.html">AudioRecorder</a></li>
|
|
283
|
-
<li><a href="ImpulseResponse.html">ImpulseResponse</a></li>
|
|
284
|
-
<li><a href="Listener.html">Listener</a></li>
|
|
285
|
-
<li><a href="MlsGenInterface.html">MlsGenInterface</a></li>
|
|
286
|
-
<li><a href="MyEventEmitter.html">MyEventEmitter</a></li>
|
|
287
|
-
<li><a href="PythonServerAPI.html">PythonServerAPI</a></li>
|
|
288
|
-
<li><a href="Speaker.html">Speaker</a></li>
|
|
289
|
-
<li><a href="Volume.html">Volume</a></li>
|
|
290
|
-
</ul>
|
|
291
|
-
<h3>Global</h3>
|
|
292
|
-
<ul>
|
|
293
|
-
<li><a href="global.html#csvToArray">csvToArray</a></li>
|
|
294
|
-
<li><a href="global.html#saveToCSV">saveToCSV</a></li>
|
|
295
|
-
<li><a href="global.html#sleep">sleep</a></li>
|
|
296
|
-
</ul>
|
|
297
|
-
</nav>
|
|
298
|
-
|
|
299
|
-
<br class="clear" />
|
|
300
|
-
|
|
301
|
-
<footer>
|
|
302
|
-
Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Fri
|
|
303
|
-
Jul 29 2022 15:09:48 GMT-0400 (Eastern Daylight Time)
|
|
304
|
-
</footer>
|
|
305
|
-
|
|
306
|
-
<script>
|
|
307
|
-
prettyPrint();
|
|
308
|
-
</script>
|
|
309
|
-
<script src="scripts/linenumber.js"></script>
|
|
310
|
-
</body>
|
|
311
|
-
</html>
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="utf-8" />
|
|
5
|
+
<title>JSDoc: Source: peer-connection/listener.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/listener.js</h1>
|
|
19
|
+
|
|
20
|
+
<section>
|
|
21
|
+
<article>
|
|
22
|
+
<pre class="prettyprint source linenums"><code>import AudioPeer from './audioPeer';
|
|
23
|
+
import {UnsupportedDeviceError, MissingSpeakerIdError} from './peerErrors';
|
|
24
|
+
|
|
25
|
+
/**
|
|
26
|
+
* @class Handles the listener's side of the connection. Responsible for getting access to user's microphone,
|
|
27
|
+
* and initiating a call to the Speaker.
|
|
28
|
+
* @extends AudioPeer
|
|
29
|
+
*/
|
|
30
|
+
class Listener extends AudioPeer {
|
|
31
|
+
/**
|
|
32
|
+
* Takes a target element where html elements will be appended.
|
|
33
|
+
* @param {initParameters} params - see type definition for initParameters
|
|
34
|
+
*/
|
|
35
|
+
constructor(params) {
|
|
36
|
+
super(params);
|
|
37
|
+
|
|
38
|
+
this.startTime = Date.now();
|
|
39
|
+
this.receiverPeerId = null;
|
|
40
|
+
|
|
41
|
+
const urlParameters = this.parseURLSearchParams();
|
|
42
|
+
this.speakerPeerId = urlParameters.speakerPeerId;
|
|
43
|
+
|
|
44
|
+
this.peer.on('open', this.onPeerOpen);
|
|
45
|
+
this.peer.on('connection', this.onPeerConnection);
|
|
46
|
+
this.peer.on('disconnected', this.onPeerDisconnected);
|
|
47
|
+
this.peer.on('close', this.onPeerClose);
|
|
48
|
+
this.peer.on('error', this.onPeerError);
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
onPeerOpen = id => {
|
|
52
|
+
this.displayUpdate('Listener - onPeerOpen');
|
|
53
|
+
// Workaround for peer.reconnect deleting previous id
|
|
54
|
+
|
|
55
|
+
if (id === null) {
|
|
56
|
+
this.displayUpdate('Received null id from peer open');
|
|
57
|
+
this.peer.id = this.lastPeerId;
|
|
58
|
+
} else {
|
|
59
|
+
this.lastPeerId = this.peer.id;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
this.join();
|
|
63
|
+
};
|
|
64
|
+
|
|
65
|
+
onPeerConnection = connection => {
|
|
66
|
+
this.displayUpdate('Listener - onPeerConnection');
|
|
67
|
+
// Disallow incoming connections
|
|
68
|
+
connection.on('open', () => {
|
|
69
|
+
connection.send('Sender does not accept incoming connections');
|
|
70
|
+
setTimeout(() => {
|
|
71
|
+
connection.close();
|
|
72
|
+
}, 500);
|
|
73
|
+
});
|
|
74
|
+
};
|
|
75
|
+
|
|
76
|
+
onConnData = data => {
|
|
77
|
+
this.displayUpdate('Listener - onConnData');
|
|
78
|
+
const hasSpeakerID = Object.prototype.hasOwnProperty.call(data, 'speakerPeerId');
|
|
79
|
+
if (!hasSpeakerID) {
|
|
80
|
+
this.displayUpdate('Error in parsing data received! Must set "speakerPeerId" property');
|
|
81
|
+
throw new MissingSpeakerIdError('Must set "speakerPeerId" property');
|
|
82
|
+
} else {
|
|
83
|
+
// this.conn.close();
|
|
84
|
+
this.displayUpdate(this.speakerPeerId);
|
|
85
|
+
this.speakerPeerId = data.speakerPeerId;
|
|
86
|
+
const newParams = {
|
|
87
|
+
speakerPeerId: this.speakerPeerId,
|
|
88
|
+
};
|
|
89
|
+
/*
|
|
90
|
+
FUTURE does this limit usable environments?
|
|
91
|
+
ie does this work if internet is lost after initial page load?
|
|
92
|
+
*/
|
|
93
|
+
window.location.search = this.queryStringFromObject(newParams); // Redirect to correctly constructed keypad page
|
|
94
|
+
}
|
|
95
|
+
};
|
|
96
|
+
|
|
97
|
+
join = () => {
|
|
98
|
+
this.displayUpdate('Listener - join');
|
|
99
|
+
/**
|
|
100
|
+
* Create the connection between the two Peers.
|
|
101
|
+
*
|
|
102
|
+
* Sets up callbacks that handle any events related to the
|
|
103
|
+
* connection and data received on it.
|
|
104
|
+
*/
|
|
105
|
+
// Close old connection
|
|
106
|
+
if (this.conn) {
|
|
107
|
+
this.displayUpdate('Closing old connection');
|
|
108
|
+
this.conn.close();
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
// Create connection to destination peer specified by the query param
|
|
112
|
+
this.displayUpdate(`Creating connection to: ${this.speakerPeerId}`);
|
|
113
|
+
this.conn = this.peer.connect(this.speakerPeerId, {
|
|
114
|
+
reliable: true,
|
|
115
|
+
});
|
|
116
|
+
|
|
117
|
+
this.displayUpdate('Created connection');
|
|
118
|
+
|
|
119
|
+
this.conn.on('open', async () => {
|
|
120
|
+
this.displayUpdate('Listener - conn open');
|
|
121
|
+
// this.sendSamplingRate();
|
|
122
|
+
await this.openAudioStream();
|
|
123
|
+
});
|
|
124
|
+
|
|
125
|
+
// Handle incoming data (messages only since this is the signal sender)
|
|
126
|
+
this.conn.on('data', this.onConnData);
|
|
127
|
+
this.conn.on('close', () => {
|
|
128
|
+
console.log('Connection closed');
|
|
129
|
+
});
|
|
130
|
+
};
|
|
131
|
+
|
|
132
|
+
getMobileOS = () => {
|
|
133
|
+
const ua = navigator.userAgent;
|
|
134
|
+
if (/android/i.test(ua)) {
|
|
135
|
+
return 'Android';
|
|
136
|
+
}
|
|
137
|
+
if (
|
|
138
|
+
/iPad|iPhone|iPod/.test(ua) ||
|
|
139
|
+
((navigator?.userAgentData?.platform || navigator?.platform) === 'MacIntel' &&
|
|
140
|
+
navigator.maxTouchPoints > 1)
|
|
141
|
+
) {
|
|
142
|
+
return 'iOS';
|
|
143
|
+
}
|
|
144
|
+
return 'Other';
|
|
145
|
+
};
|
|
146
|
+
|
|
147
|
+
sendSamplingRate = sampleRate => {
|
|
148
|
+
this.displayUpdate('Listener - sendSamplingRate');
|
|
149
|
+
this.conn.send({
|
|
150
|
+
name: 'samplingRate',
|
|
151
|
+
payload: sampleRate,
|
|
152
|
+
});
|
|
153
|
+
};
|
|
154
|
+
|
|
155
|
+
applyHQTrackConstraints = async stream => {
|
|
156
|
+
// Contraint the incoming audio to the sampling rate we want
|
|
157
|
+
const track = stream.getAudioTracks()[0];
|
|
158
|
+
const capabilities = track.getCapabilities();
|
|
159
|
+
|
|
160
|
+
this.displayUpdate(
|
|
161
|
+
`Listener Track Capabilities - ${JSON.stringify(capabilities, undefined, 2)}`
|
|
162
|
+
);
|
|
163
|
+
|
|
164
|
+
const constraints = track.getConstraints();
|
|
165
|
+
|
|
166
|
+
if (capabilities.echoCancellation) {
|
|
167
|
+
constraints.echoCancellation = false;
|
|
168
|
+
}
|
|
169
|
+
|
|
170
|
+
if (capabilities.sampleRate) {
|
|
171
|
+
constraints.sampleRate = 96000;
|
|
172
|
+
}
|
|
173
|
+
|
|
174
|
+
if (capabilities.sampleSize) {
|
|
175
|
+
constraints.sampleSize = 24;
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
if (capabilities.channelCount) {
|
|
179
|
+
constraints.channelCount = 1;
|
|
180
|
+
}
|
|
181
|
+
|
|
182
|
+
this.displayUpdate(`Listener Track Constraints - ${JSON.stringify(constraints, undefined, 2)}`);
|
|
183
|
+
|
|
184
|
+
// await the promise
|
|
185
|
+
try {
|
|
186
|
+
await track.applyConstraints(constraints);
|
|
187
|
+
} catch (err) {
|
|
188
|
+
console.error(err);
|
|
189
|
+
this.displayUpdate(`Error applying constraints to track: ${err}`);
|
|
190
|
+
}
|
|
191
|
+
|
|
192
|
+
const settings = track.getSettings();
|
|
193
|
+
this.displayUpdate(`Listener Track Settings - ${JSON.stringify(settings, undefined, 2)}`);
|
|
194
|
+
return settings.sampleRate;
|
|
195
|
+
};
|
|
196
|
+
|
|
197
|
+
getMediaDevicesAudioContraints = () => {
|
|
198
|
+
const availableConstraints = navigator.mediaDevices.getSupportedConstraints();
|
|
199
|
+
|
|
200
|
+
this.displayUpdate(
|
|
201
|
+
`Listener MediaDevices Available Contraints - ${JSON.stringify(
|
|
202
|
+
availableConstraints,
|
|
203
|
+
undefined,
|
|
204
|
+
2
|
|
205
|
+
)}`
|
|
206
|
+
);
|
|
207
|
+
|
|
208
|
+
const contraints = {
|
|
209
|
+
// ...(availableConstraints.echoCancellation && availableConstraints.echoCancellation == true
|
|
210
|
+
// ? {echoCancellation: {exact: false}}
|
|
211
|
+
// : {}),
|
|
212
|
+
...(availableConstraints.sampleRate && availableConstraints.sampleRate == true
|
|
213
|
+
? {sampleRate: {ideal: 96000}}
|
|
214
|
+
: {}),
|
|
215
|
+
...(availableConstraints.sampleSize && availableConstraints.sampleSize == true
|
|
216
|
+
? {sampleSize: {ideal: 24}}
|
|
217
|
+
: {}),
|
|
218
|
+
...(availableConstraints.channelCount && availableConstraints.channelCount == true
|
|
219
|
+
? {channelCount: {exact: 1}}
|
|
220
|
+
: {}),
|
|
221
|
+
};
|
|
222
|
+
|
|
223
|
+
this.displayUpdate(
|
|
224
|
+
`Listener MediaDevices Contraints - ${JSON.stringify(contraints, undefined, 2)}`
|
|
225
|
+
);
|
|
226
|
+
|
|
227
|
+
return contraints;
|
|
228
|
+
};
|
|
229
|
+
|
|
230
|
+
openAudioStream = async () => {
|
|
231
|
+
this.displayUpdate('Listener - openAudioStream');
|
|
232
|
+
const mobileOS = this.getMobileOS();
|
|
233
|
+
if (process.env.NODE_ENV !== 'development' && mobileOS !== 'iOS') {
|
|
234
|
+
const err = new UnsupportedDeviceError(`${mobileOS} is not supported`);
|
|
235
|
+
this.conn.send({
|
|
236
|
+
name: err.name,
|
|
237
|
+
payload: err,
|
|
238
|
+
});
|
|
239
|
+
return;
|
|
240
|
+
}
|
|
241
|
+
|
|
242
|
+
navigator.mediaDevices
|
|
243
|
+
.getUserMedia({
|
|
244
|
+
audio: this.getMediaDevicesAudioContraints(),
|
|
245
|
+
video: false,
|
|
246
|
+
})
|
|
247
|
+
.then(stream => {
|
|
248
|
+
this.applyHQTrackConstraints(stream)
|
|
249
|
+
.then(sampleRate => {
|
|
250
|
+
this.sendSamplingRate(sampleRate);
|
|
251
|
+
this.peer.call(this.speakerPeerId, stream); // one-way call
|
|
252
|
+
this.displayUpdate('Listener - openAudioStream');
|
|
253
|
+
})
|
|
254
|
+
.catch(err => {
|
|
255
|
+
console.log(err);
|
|
256
|
+
this.displayUpdate(
|
|
257
|
+
`Listener - Error in applyHQTrackConstraints - ${JSON.stringify(err, undefined, 2)}`
|
|
258
|
+
);
|
|
259
|
+
});
|
|
260
|
+
})
|
|
261
|
+
.catch(err => {
|
|
262
|
+
console.error(err);
|
|
263
|
+
this.displayUpdate(
|
|
264
|
+
`Listener - Error in getUserMedia - ${JSON.stringify(err, undefined, 2)}`
|
|
265
|
+
);
|
|
266
|
+
});
|
|
267
|
+
};
|
|
268
|
+
}
|
|
269
|
+
|
|
270
|
+
export default Listener;
|
|
271
|
+
</code></pre>
|
|
272
|
+
</article>
|
|
273
|
+
</section>
|
|
274
|
+
</div>
|
|
275
|
+
|
|
276
|
+
<nav>
|
|
277
|
+
<h2><a href="index.html">Home</a></h2>
|
|
278
|
+
<h3>Classes</h3>
|
|
279
|
+
<ul>
|
|
280
|
+
<li><a href="AudioCalibrator.html">AudioCalibrator</a></li>
|
|
281
|
+
<li><a href="AudioPeer.html">AudioPeer</a></li>
|
|
282
|
+
<li><a href="AudioRecorder.html">AudioRecorder</a></li>
|
|
283
|
+
<li><a href="ImpulseResponse.html">ImpulseResponse</a></li>
|
|
284
|
+
<li><a href="Listener.html">Listener</a></li>
|
|
285
|
+
<li><a href="MlsGenInterface.html">MlsGenInterface</a></li>
|
|
286
|
+
<li><a href="MyEventEmitter.html">MyEventEmitter</a></li>
|
|
287
|
+
<li><a href="PythonServerAPI.html">PythonServerAPI</a></li>
|
|
288
|
+
<li><a href="Speaker.html">Speaker</a></li>
|
|
289
|
+
<li><a href="Volume.html">Volume</a></li>
|
|
290
|
+
</ul>
|
|
291
|
+
<h3>Global</h3>
|
|
292
|
+
<ul>
|
|
293
|
+
<li><a href="global.html#csvToArray">csvToArray</a></li>
|
|
294
|
+
<li><a href="global.html#saveToCSV">saveToCSV</a></li>
|
|
295
|
+
<li><a href="global.html#sleep">sleep</a></li>
|
|
296
|
+
</ul>
|
|
297
|
+
</nav>
|
|
298
|
+
|
|
299
|
+
<br class="clear" />
|
|
300
|
+
|
|
301
|
+
<footer>
|
|
302
|
+
Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.10</a> on Fri
|
|
303
|
+
Jul 29 2022 15:09:48 GMT-0400 (Eastern Daylight Time)
|
|
304
|
+
</footer>
|
|
305
|
+
|
|
306
|
+
<script>
|
|
307
|
+
prettyPrint();
|
|
308
|
+
</script>
|
|
309
|
+
<script src="scripts/linenumber.js"></script>
|
|
310
|
+
</body>
|
|
311
|
+
</html>
|