2020-04-16 16:05:04 +02:00
|
|
|
/* eslint-disable indent */
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Module that manages time syncing with server.
|
|
|
|
* @module components/syncplay/timeSyncManager
|
|
|
|
*/
|
|
|
|
|
|
|
|
import events from 'events';
|
|
|
|
import connectionManager from 'connectionManager';
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Time estimation
|
|
|
|
*/
|
|
|
|
const NumberOfTrackedMeasurements = 8;
|
|
|
|
const PollingIntervalGreedy = 1000; // milliseconds
|
|
|
|
const PollingIntervalLowProfile = 60000; // milliseconds
|
|
|
|
const GreedyPingCount = 3;
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Class that stores measurement data.
|
|
|
|
*/
|
|
|
|
class Measurement {
|
|
|
|
/**
|
|
|
|
* Creates a new measurement.
|
|
|
|
* @param {Date} t0 Client's timestamp of the request transmission
|
|
|
|
* @param {Date} t1 Server's timestamp of the request reception
|
|
|
|
* @param {Date} t2 Server's timestamp of the response transmission
|
|
|
|
* @param {Date} t3 Client's timestamp of the response reception
|
|
|
|
*/
|
|
|
|
constructor(t0, t1, t2, t3) {
|
|
|
|
this.t0 = t0.getTime();
|
|
|
|
this.t1 = t1.getTime();
|
|
|
|
this.t2 = t2.getTime();
|
|
|
|
this.t3 = t3.getTime();
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Time offset from server.
|
|
|
|
*/
|
|
|
|
getOffset () {
|
|
|
|
return ((this.t1 - this.t0) + (this.t2 - this.t3)) / 2;
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Get round-trip delay.
|
|
|
|
*/
|
|
|
|
getDelay () {
|
|
|
|
return (this.t3 - this.t0) - (this.t2 - this.t1);
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Get ping time.
|
|
|
|
*/
|
|
|
|
getPing () {
|
|
|
|
return this.getDelay() / 2;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Class that manages time syncing with server.
|
|
|
|
*/
|
|
|
|
class TimeSyncManager {
|
|
|
|
constructor() {
|
|
|
|
this.pingStop = true;
|
|
|
|
this.pollingInterval = PollingIntervalGreedy;
|
|
|
|
this.poller = null;
|
|
|
|
this.pings = 0; // number of pings
|
|
|
|
this.measurement = null; // current time sync
|
|
|
|
this.measurements = [];
|
|
|
|
|
|
|
|
this.startPing();
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Gets status of time sync.
|
|
|
|
* @returns {boolean} _true_ if a measurement has been done, _false_ otherwise.
|
|
|
|
*/
|
|
|
|
isReady() {
|
|
|
|
return this.measurement ? true : false;
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Gets time offset with server.
|
|
|
|
* @returns {number} The time offset.
|
|
|
|
*/
|
|
|
|
getTimeOffset () {
|
|
|
|
return this.measurement ? this.measurement.getOffset() : 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Gets ping time to server.
|
|
|
|
* @returns {number} The ping time.
|
|
|
|
*/
|
|
|
|
getPing () {
|
|
|
|
return this.measurement ? this.measurement.getPing() : 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Updates time offset between server and client.
|
|
|
|
* @param {Measurement} measurement The new measurement.
|
|
|
|
*/
|
|
|
|
updateTimeOffset(measurement) {
|
|
|
|
this.measurements.push(measurement);
|
|
|
|
if (this.measurements.length > NumberOfTrackedMeasurements) {
|
|
|
|
this.measurements.shift();
|
|
|
|
}
|
|
|
|
|
|
|
|
// Pick measurement with minimum delay
|
|
|
|
const sortedMeasurements = this.measurements.slice(0);
|
|
|
|
sortedMeasurements.sort((a, b) => a.getDelay() - b.getDelay());
|
|
|
|
this.measurement = sortedMeasurements[0];
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Schedules a ping request to the server. Triggers time offset update.
|
|
|
|
*/
|
|
|
|
requestPing() {
|
|
|
|
if (!this.poller) {
|
|
|
|
this.poller = setTimeout(() => {
|
|
|
|
this.poller = null;
|
|
|
|
const apiClient = connectionManager.currentApiClient();
|
|
|
|
const t0 = new Date(); // pingStartTime
|
|
|
|
apiClient.getServerTime().then((response) => {
|
|
|
|
const t3 = new Date(); // pingEndTime
|
|
|
|
response.json().then((data) => {
|
|
|
|
const t1 = new Date(data.RequestReceptionTime); // request received
|
|
|
|
const t2 = new Date(data.ResponseTransmissionTime); // response sent
|
|
|
|
|
|
|
|
const measurement = new Measurement(t0, t1, t2, t3);
|
|
|
|
this.updateTimeOffset(measurement);
|
|
|
|
|
|
|
|
// Avoid overloading server
|
|
|
|
if (this.pings >= GreedyPingCount) {
|
|
|
|
this.pollingInterval = PollingIntervalLowProfile;
|
|
|
|
} else {
|
|
|
|
this.pings++;
|
|
|
|
}
|
|
|
|
|
|
|
|
events.trigger(this, "Update", [this.getTimeOffset(), this.getPing()]);
|
|
|
|
});
|
|
|
|
}).catch((error) => {
|
|
|
|
console.error(error);
|
|
|
|
events.trigger(this, "Error", [error]);
|
|
|
|
}).finally(() => {
|
|
|
|
this.requestPing();
|
|
|
|
});
|
|
|
|
|
|
|
|
}, this.pollingInterval);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Drops accumulated measurements.
|
|
|
|
*/
|
|
|
|
resetMeasurements () {
|
|
|
|
this.measurement = null;
|
|
|
|
this.measurements = [];
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Starts the time poller.
|
|
|
|
*/
|
|
|
|
startPing() {
|
|
|
|
this.requestPing();
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Stops the time poller.
|
|
|
|
*/
|
|
|
|
stopPing() {
|
|
|
|
if (this.poller) {
|
|
|
|
clearTimeout(this.poller);
|
|
|
|
this.poller = null;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Resets poller into greedy mode.
|
|
|
|
*/
|
|
|
|
forceUpdate() {
|
|
|
|
this.stopPing();
|
|
|
|
this.pollingInterval = PollingIntervalGreedy;
|
|
|
|
this.pings = 0;
|
|
|
|
this.startPing();
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Converts server time to local time.
|
|
|
|
* @param {Date} server The time to convert.
|
|
|
|
* @returns {Date} Local time.
|
|
|
|
*/
|
|
|
|
serverDateToLocal(server) {
|
|
|
|
// server - local = offset
|
2020-04-17 19:41:02 +02:00
|
|
|
return new Date(server.getTime() - this.getTimeOffset());
|
2020-04-16 16:05:04 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Converts local time to server time.
|
|
|
|
* @param {Date} local The time to convert.
|
|
|
|
* @returns {Date} Server time.
|
|
|
|
*/
|
|
|
|
localDateToServer(local) {
|
|
|
|
// server - local = offset
|
2020-04-17 19:41:02 +02:00
|
|
|
return new Date(local.getTime() + this.getTimeOffset());
|
2020-04-16 16:05:04 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/** TimeSyncManager singleton. */
|
|
|
|
export default new TimeSyncManager();
|