rx-player 4.0.0-beta.2 → 4.0.0-beta.3

package/dist/_esm5.processed/core/adaptive/utils/pending_requests_store.d.ts

@@ -59,7 +59,11 @@ export interface IPendingRequestStoreProgress {
     id: string;
     /** Current downloaded size, in bytes. */
     size: number;
-    /** Value of `performance.now` at the time this progression report was available. */
+    /**
+    /**
+     * Monotonically-raising timestamp (common to the RxPlayer) corresponding to
+     * the time at which this progress report was processed.
+     */
     timestamp: number;
     /**
      * Total size of the segment to download (including already-loaded data),
@@ -76,7 +80,10 @@ export interface IPendingRequestStoreBegin {
      * should have this `id` at the same time.
      */
     id: string;
-    /** Value of `performance.now` at the time the request began.  */
+    /**
+     * Value of the monotonically-raising timestamp used by the RxPlayer at the
+     * time the request began.
+     */
     requestTimestamp: number;
     /** Context associated to the segment. */
     content: IRequestInfoContent;
@@ -85,7 +92,10 @@ export interface IPendingRequestStoreBegin {
 export interface IRequestInfo {
     /** Information on the current progress made by this request. */
     progress: IPendingRequestStoreProgress[];
-    /** `Performance.now()` corresponding to the time at which the request began. */
+    /**
+     * Value of the monotonically-raising timestamp used by the RxPlayer at the
+     * time the request began.
+     */
     requestTimestamp: number;
     /** Context associated to the segment. */
     content: IRequestInfoContent;

package/dist/_esm5.processed/core/adaptive/utils/pending_requests_store.js

@@ -1,3 +1,4 @@
+"use strict";
 /**
  * Copyright 2015 CANAL+ Group
  *
@@ -13,64 +14,66 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import log from "../../../log";
-import objectValues from "../../../utils/object_values";
+Object.defineProperty(exports, "__esModule", { value: true });
+const log_1 = require("../../../log");
+const object_values_1 = require("../../../utils/object_values");
 /**
  * Store information about pending requests, like information about:
  *   - for which segments they are
  *   - how the request's progress goes
  * @class PendingRequestsStore
  */
-var PendingRequestsStore = /** @class */ (function () {
-    function PendingRequestsStore() {
+class PendingRequestsStore {
+    constructor() {
         this._currentRequests = {};
     }
     /**
      * Add information about a new pending request.
      * @param {Object} payload
      */
-    PendingRequestsStore.prototype.add = function (payload) {
-        var id = payload.id, requestTimestamp = payload.requestTimestamp, content = payload.content;
-        this._currentRequests[id] = { requestTimestamp: requestTimestamp, progress: [], content: content };
-    };
+    add(payload) {
+        const { id, requestTimestamp, content } = payload;
+        this._currentRequests[id] = { requestTimestamp,
+            progress: [],
+            content };
+    }
     /**
      * Notify of the progress of a currently pending request.
      * @param {Object} progress
      */
-    PendingRequestsStore.prototype.addProgress = function (progress) {
-        var request = this._currentRequests[progress.id];
+    addProgress(progress) {
+        const request = this._currentRequests[progress.id];
         if (request == null) {
             if (0 /* __ENVIRONMENT__.CURRENT_ENV */ === 1 /* __ENVIRONMENT__.DEV */) {
                 throw new Error("ABR: progress for a request not added");
             }
-            log.warn("ABR: progress for a request not added");
+            log_1.default.warn("ABR: progress for a request not added");
             return;
         }
         request.progress.push(progress);
-    };
+    }
     /**
      * Remove a request previously set as pending.
      * @param {string} id
      */
-    PendingRequestsStore.prototype.remove = function (id) {
+    remove(id) {
         if (this._currentRequests[id] == null) {
             if (0 /* __ENVIRONMENT__.CURRENT_ENV */ === 1 /* __ENVIRONMENT__.DEV */) {
                 throw new Error("ABR: can't remove unknown request");
             }
-            log.warn("ABR: can't remove unknown request");
+            log_1.default.warn("ABR: can't remove unknown request");
         }
         delete this._currentRequests[id];
-    };
+    }
     /**
      * Returns information about all pending requests, in segment's chronological
      * order.
      * @returns {Array.<Object>}
      */
-    PendingRequestsStore.prototype.getRequests = function () {
-        return objectValues(this._currentRequests)
-            .filter(function (x) { return x != null; })
-            .sort(function (reqA, reqB) { return reqA.content.segment.time - reqB.content.segment.time; });
-    };
-    return PendingRequestsStore;
-}());
-export default PendingRequestsStore;
+    getRequests() {
+        return (0, object_values_1.default)(this._currentRequests)
+            .filter((x) => x != null)
+            .sort((reqA, reqB) => reqA.content.segment.time - reqB.content.segment.time);
+    }
+}
+exports.default = PendingRequestsStore;

package/dist/_esm5.processed/core/adaptive/utils/representation_score_calculator.js

@@ -1,3 +1,4 @@
+"use strict";
 /**
  * Copyright 2015 CANAL+ Group
  *
@@ -13,8 +14,9 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import log from "../../../log";
-import EWMA from "./ewma";
+Object.defineProperty(exports, "__esModule", { value: true });
+const log_1 = require("../../../log");
+const ewma_1 = require("./ewma");
 /**
  * Calculate the "maintainability score" of a given Representation:
  *   - A score higher than 1 means that the Representation can theorically
@@ -44,8 +46,8 @@ import EWMA from "./ewma";
  *
  * @class RepresentationScoreCalculator
  */
-var RepresentationScoreCalculator = /** @class */ (function () {
-    function RepresentationScoreCalculator() {
+class RepresentationScoreCalculator {
+    constructor() {
         this._currentRepresentationData = null;
         this._lastRepresentationWithGoodScore = null;
     }
@@ -57,10 +59,10 @@ var RepresentationScoreCalculator = /** @class */ (function () {
      * @param {number} segmentDuration - media duration of the whole segment, in
      * seconds.
      */
-    RepresentationScoreCalculator.prototype.addSample = function (representation, requestDuration, segmentDuration) {
-        var ratio = segmentDuration / requestDuration;
-        var currentRep = this._currentRepresentationData;
-        var currentEWMA;
+    addSample(representation, requestDuration, segmentDuration) {
+        const ratio = segmentDuration / requestDuration;
+        const currentRep = this._currentRepresentationData;
+        let currentEWMA;
         if (currentRep !== null && currentRep.representation.id === representation.id) {
             currentEWMA = currentRep.ewma;
             currentRep.ewma.addSample(requestDuration, ratio);
@@ -68,36 +70,37 @@ var RepresentationScoreCalculator = /** @class */ (function () {
             currentRep.loadedSegments++;
         }
         else {
-            currentEWMA = new EWMA(5);
+            currentEWMA = new ewma_1.default(5);
             currentEWMA.addSample(requestDuration, ratio);
-            this._currentRepresentationData = { representation: representation, ewma: currentEWMA,
+            this._currentRepresentationData = { representation,
+                ewma: currentEWMA,
                 loadedDuration: segmentDuration,
                 loadedSegments: 0 };
         }
         if (currentEWMA.getEstimate() > 1 &&
             this._lastRepresentationWithGoodScore !== representation) {
-            log.debug("ABR: New last stable representation", representation.bitrate);
+            log_1.default.debug("ABR: New last stable representation", representation.bitrate);
             this._lastRepresentationWithGoodScore = representation;
         }
-    };
+    }
     /**
      * Get score estimate for the given Representation.
      * undefined if no estimate is available.
      * @param {Representation} representation
      * @returns {number|undefined}
      */
-    RepresentationScoreCalculator.prototype.getEstimate = function (representation) {
+    getEstimate(representation) {
         if (this._currentRepresentationData === null ||
             this._currentRepresentationData.representation.id !== representation.id) {
             return undefined;
         }
-        var _a = this._currentRepresentationData, ewma = _a.ewma, loadedSegments = _a.loadedSegments, loadedDuration = _a.loadedDuration;
-        var estimate = ewma.getEstimate();
-        var confidenceLevel = loadedSegments >= 5 &&
+        const { ewma, loadedSegments, loadedDuration } = this._currentRepresentationData;
+        const estimate = ewma.getEstimate();
+        const confidenceLevel = loadedSegments >= 5 &&
             loadedDuration >= 10 ? 1 /* ScoreConfidenceLevel.HIGH */ :
             0 /* ScoreConfidenceLevel.LOW */;
-        return { score: estimate, confidenceLevel: confidenceLevel };
-    };
+        return { score: estimate, confidenceLevel };
+    }
     /**
      * Returns last Representation which had reached a score superior to 1.
      * This Representation is the last known one which could be maintained.
@@ -106,9 +109,8 @@ var RepresentationScoreCalculator = /** @class */ (function () {
      * `null` if no Representation ever reach that score.
      * @returns {Representation|null}
      */
-    RepresentationScoreCalculator.prototype.getLastStableRepresentation = function () {
+    getLastStableRepresentation() {
         return this._lastRepresentationWithGoodScore;
-    };
-    return RepresentationScoreCalculator;
-}());
-export default RepresentationScoreCalculator;
+    }
+}
+exports.default = RepresentationScoreCalculator;

package/dist/_esm5.processed/core/adaptive/utils/select_optimal_representation.js

@@ -1,3 +1,4 @@
+"use strict";
 /**
  * Copyright 2015 CANAL+ Group
  *
@@ -13,7 +14,8 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import arrayFindIndex from "../../../utils/array_find_index";
+Object.defineProperty(exports, "__esModule", { value: true });
+const array_find_index_1 = require("../../../utils/array_find_index");
 /**
  * From the given array of Representations (sorted by bitrate order ascending),
  * returns the one corresponding to the given optimal, minimum and maximum
@@ -24,8 +26,8 @@ import arrayFindIndex from "../../../utils/array_find_index";
  * should have under the current condition.
  * @returns {Representation|undefined}
  */
-export default function selectOptimalRepresentation(representations, wantedBitrate) {
-    var firstIndexTooHigh = arrayFindIndex(representations, function (representation) { return representation.bitrate > wantedBitrate; });
+function selectOptimalRepresentation(representations, wantedBitrate) {
+    const firstIndexTooHigh = (0, array_find_index_1.default)(representations, (representation) => representation.bitrate > wantedBitrate);
     if (firstIndexTooHigh === -1) {
         return representations[representations.length - 1];
     }
@@ -34,3 +36,4 @@ export default function selectOptimalRepresentation(representations, wantedBitra
     }
     return representations[firstIndexTooHigh - 1];
 }
+exports.default = selectOptimalRepresentation;

package/dist/_esm5.processed/core/api/debug/buffer_graph.js

@@ -1,5 +1,7 @@
-var BUFFER_WIDTH_IN_SECONDS = 10000;
-var COLORS = [
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const BUFFER_WIDTH_IN_SECONDS = 10000;
+const COLORS = [
     "#2ab7ca",
     "#fed766",
     "#4dd248",
@@ -12,31 +14,31 @@ var COLORS = [
     "#57557e",
     "#fbe555",
 ];
-var SegmentBufferGraph = /** @class */ (function () {
-    function SegmentBufferGraph(canvasElt) {
+class SegmentBufferGraph {
+    constructor(canvasElt) {
         this._colorMap = new WeakMap();
         this._currNbColors = 0;
         this._canvasElt = canvasElt;
         this._canvasCtxt = this._canvasElt.getContext("2d");
         this.clear();
     }
-    SegmentBufferGraph.prototype.clear = function () {
+    clear() {
         if (this._canvasCtxt !== null) {
             this._canvasCtxt.clearRect(0, 0, this._canvasElt.width, this._canvasElt.height);
         }
-    };
-    SegmentBufferGraph.prototype.update = function (data) {
+    }
+    update(data) {
         var _a, _b, _c, _d;
         if (this._canvasCtxt === null) {
             return;
         }
-        var inventory = data.inventory, currentTime = data.currentTime, width = data.width, height = data.height;
-        this._canvasElt.style.width = "".concat(width, "px");
-        this._canvasElt.style.height = "".concat(height, "px");
+        const { inventory, currentTime, width, height, } = data;
+        this._canvasElt.style.width = `${width}px`;
+        this._canvasElt.style.height = `${height}px`;
         this._canvasElt.width = width;
         this._canvasElt.height = height;
         this.clear();
-        var minimumPoint;
+        let minimumPoint;
         if (data.minimumPosition !== undefined) {
             if (inventory.length > 0) {
                 minimumPoint = Math.min(data.minimumPosition, inventory[0].start);
@@ -48,7 +50,7 @@ var SegmentBufferGraph = /** @class */ (function () {
         else {
             minimumPoint = (_b = (_a = inventory[0]) === null || _a === void 0 ? void 0 : _a.start) !== null && _b !== void 0 ? _b : 0;
         }
-        var maximumPoint;
+        let maximumPoint;
         if (data.maximumPosition !== undefined) {
             if (inventory.length > 0) {
                 maximumPoint = Math.max(data.maximumPosition, inventory[inventory.length - 1].end);
@@ -62,8 +64,8 @@ var SegmentBufferGraph = /** @class */ (function () {
         }
         minimumPoint = Math.min(currentTime, minimumPoint);
         maximumPoint = Math.max(currentTime, maximumPoint);
-        var minimumPosition;
-        var maximumPosition;
+        let minimumPosition;
+        let maximumPosition;
         if (maximumPoint - minimumPoint > BUFFER_WIDTH_IN_SECONDS) {
             if (currentTime === undefined) {
                 minimumPosition = minimumPoint;
@@ -90,41 +92,40 @@ var SegmentBufferGraph = /** @class */ (function () {
             this.clear();
             return;
         }
-        var currentRangesScaled = scaleSegments(inventory, minimumPosition, maximumPosition);
-        for (var i = 0; i < currentRangesScaled.length; i++) {
+        const currentRangesScaled = scaleSegments(inventory, minimumPosition, maximumPosition);
+        for (let i = 0; i < currentRangesScaled.length; i++) {
             this._paintRange(currentRangesScaled[i], width, height);
         }
         if (currentTime !== undefined) {
             paintCurrentPosition(currentTime, minimumPosition, maximumPosition, this._canvasCtxt, width, height);
         }
-    };
+    }
     /**
      * Paint a given range in the canvas
      * @param {Object} rangeScaled - Buffered segment information with added
      * "scaling" information to know where it fits in the canvas.
      */
-    SegmentBufferGraph.prototype._paintRange = function (rangeScaled, width, height) {
+    _paintRange(rangeScaled, width, height) {
         if (this._canvasCtxt === null) {
             return;
         }
-        var startX = rangeScaled.scaledStart * width;
-        var endX = rangeScaled.scaledEnd * width;
+        const startX = rangeScaled.scaledStart * width;
+        const endX = rangeScaled.scaledEnd * width;
         this._canvasCtxt.fillStyle = this._getColorForRepresentation(rangeScaled.info.infos.representation);
         this._canvasCtxt.fillRect(Math.ceil(startX), 0, Math.ceil(endX - startX), height);
-    };
-    SegmentBufferGraph.prototype._getColorForRepresentation = function (representation) {
-        var color = this._colorMap.get(representation);
+    }
+    _getColorForRepresentation(representation) {
+        const color = this._colorMap.get(representation);
         if (color !== undefined) {
             return color;
         }
-        var newColor = COLORS[this._currNbColors % COLORS.length];
+        const newColor = COLORS[this._currNbColors % COLORS.length];
         this._currNbColors++;
         this._colorMap.set(representation, newColor);
         return newColor;
-    };
-    return SegmentBufferGraph;
-}());
-export default SegmentBufferGraph;
+    }
+}
+exports.default = SegmentBufferGraph;
 /**
  * Represent the current position in the canvas.
  * @param {number|undefined} position - The current position
@@ -138,7 +139,7 @@ function paintCurrentPosition(position, minimumPosition, maximumPosition, canvas
     if (typeof position === "number" &&
         position >= minimumPosition &&
         position < maximumPosition) {
-        var lengthCanvas = maximumPosition - minimumPosition;
+        const lengthCanvas = maximumPosition - minimumPosition;
         canvasCtx.fillStyle = "#FF0000";
         canvasCtx.fillRect(Math.ceil((position - minimumPosition) /
             lengthCanvas * width) - 1, 5, 5, height);
@@ -153,22 +154,22 @@ function paintCurrentPosition(position, minimumPosition, maximumPosition, canvas
  * @returns {Array.<Object>}
  */
 function scaleSegments(bufferedData, minimumPosition, maximumPosition) {
-    var scaledSegments = [];
-    var wholeDuration = maximumPosition - minimumPosition;
-    for (var i = 0; i < bufferedData.length; i++) {
-        var info = bufferedData[i];
-        var start = info.bufferedStart === undefined ?
+    const scaledSegments = [];
+    const wholeDuration = maximumPosition - minimumPosition;
+    for (let i = 0; i < bufferedData.length; i++) {
+        const info = bufferedData[i];
+        const start = info.bufferedStart === undefined ?
             info.start :
             info.bufferedStart;
-        var end = info.bufferedEnd === undefined ?
+        const end = info.bufferedEnd === undefined ?
             info.end :
             info.bufferedEnd;
         if (end > minimumPosition && start < maximumPosition) {
-            var startPoint = Math.max(start - minimumPosition, 0);
-            var endPoint = Math.min(end - minimumPosition, maximumPosition);
-            var scaledStart = startPoint / wholeDuration;
-            var scaledEnd = endPoint / wholeDuration;
-            scaledSegments.push({ scaledStart: scaledStart, scaledEnd: scaledEnd, info: info });
+            const startPoint = Math.max(start - minimumPosition, 0);
+            const endPoint = Math.min(end - minimumPosition, maximumPosition);
+            const scaledStart = startPoint / wholeDuration;
+            const scaledEnd = endPoint / wholeDuration;
+            scaledSegments.push({ scaledStart, scaledEnd, info });
         }
     }
     return scaledSegments;

package/dist/_esm5.processed/core/api/debug/buffer_size_graph.js

@@ -1,9 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const monotonic_timestamp_1 = require("../../../utils/monotonic_timestamp");
 /**
  * Maximum history of the buffer size that will be displayed, in milliseconds.
  * For example, a value of `3000` indicates that we will just show at most the
  * buffer size evolution during the last 3 seconds.
  */
-var TIME_SAMPLES_MS = 30000;
+const TIME_SAMPLES_MS = 30000;
 /**
  * At minimum, that value will be taken in the chart as a maximum buffer size,
  * in seconds.
@@ -12,19 +15,19 @@ var TIME_SAMPLES_MS = 30000;
  * However if values go below that value, the chart won't scale down more than
  * this.
  */
-var MINIMUM_MAX_BUFFER_SIZE = 20;
-var BufferSizeGraph = /** @class */ (function () {
-    function BufferSizeGraph(canvasElt) {
+const MINIMUM_MAX_BUFFER_SIZE = 20;
+class BufferSizeGraph {
+    constructor(canvasElt) {
         this._canvasElt = canvasElt;
         this._canvasCtxt = this._canvasElt.getContext("2d");
         this._history = [];
     }
-    BufferSizeGraph.prototype.pushBufferSize = function (bufferSize) {
-        var now = performance.now();
-        this._history.push({ timestamp: now, bufferSize: bufferSize });
+    pushBufferSize(bufferSize) {
+        const now = (0, monotonic_timestamp_1.default)();
+        this._history.push({ timestamp: now, bufferSize });
         if (this._history.length > 0) {
-            var minimumTime = now - TIME_SAMPLES_MS;
-            var i = void 0;
+            const minimumTime = now - TIME_SAMPLES_MS;
+            let i;
             for (i = this._history.length - 1; i >= 1; i--) {
                 if (this._history[i].timestamp <= minimumTime) {
                     break;
@@ -35,34 +38,34 @@ var BufferSizeGraph = /** @class */ (function () {
         else {
             this._history = [];
         }
-    };
-    BufferSizeGraph.prototype.clear = function () {
+    }
+    clear() {
         if (this._canvasCtxt !== null) {
             this._canvasCtxt.clearRect(0, 0, this._canvasElt.width, this._canvasElt.height);
         }
-    };
-    BufferSizeGraph.prototype.reRender = function (width, height) {
-        this._canvasElt.style.width = "".concat(width, "px");
-        this._canvasElt.style.height = "".concat(height, "px");
+    }
+    reRender(width, height) {
+        this._canvasElt.style.width = `${width}px`;
+        this._canvasElt.style.height = `${height}px`;
         this._canvasElt.width = width;
         this._canvasElt.height = height;
         this.clear();
-        var history = this._history;
-        var canvasCtx = this._canvasCtxt;
+        const history = this._history;
+        const canvasCtx = this._canvasCtxt;
         if (history.length === 0) {
             return;
         }
-        var currentMaxSize = getNewMaxBufferSize();
-        var minDate = history[0].timestamp;
-        var gridHeight = height / currentMaxSize;
-        var gridWidth = width / TIME_SAMPLES_MS;
+        const currentMaxSize = getNewMaxBufferSize();
+        const minDate = history[0].timestamp;
+        const gridHeight = height / currentMaxSize;
+        const gridWidth = width / TIME_SAMPLES_MS;
         drawData();
         /**
          * Get more appropriate maximum buffer size to put on top of the graph
          * according to current history.
          */
         function getNewMaxBufferSize() {
-            var maxPoint = Math.max.apply(Math, history.map(function (d) { return d.bufferSize; }));
+            const maxPoint = Math.max(...history.map(d => d.bufferSize));
             return Math.max(maxPoint + 5, MINIMUM_MAX_BUFFER_SIZE);
         }
         /**
@@ -74,10 +77,10 @@ var BufferSizeGraph = /** @class */ (function () {
             }
             canvasCtx.beginPath();
             canvasCtx.fillStyle = "rgb(200, 100, 200)";
-            for (var i = 1; i < history.length; i++) {
-                var diff = dateToX(history[i].timestamp) -
+            for (let i = 1; i < history.length; i++) {
+                const diff = dateToX(history[i].timestamp) -
                     dateToX(history[i - 1].timestamp);
-                var y = height - bufferValueToHeight(history[i].bufferSize);
+                const y = height - bufferValueToHeight(history[i].bufferSize);
                 canvasCtx.fillRect(dateToX(history[i - 1].timestamp), y, diff, height);
             }
             canvasCtx.stroke();
@@ -98,7 +101,6 @@ var BufferSizeGraph = /** @class */ (function () {
         function dateToX(date) {
             return (date - minDate) * gridWidth;
         }
-    };
-    return BufferSizeGraph;
-}());
-export default BufferSizeGraph;
+    }
+}
+exports.default = BufferSizeGraph;

package/dist/_esm5.processed/core/api/debug/constants.js

@@ -1,2 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DEFAULT_REFRESH_INTERVAL = void 0;
 /** Interval at which the various debug metrics will be refreshed. */
-export var DEFAULT_REFRESH_INTERVAL = 1000;
+exports.DEFAULT_REFRESH_INTERVAL = 1000;

package/dist/_esm5.processed/core/api/debug/index.js

@@ -1,2 +1,4 @@
-import renderDebugElement from "./render";
-export default renderDebugElement;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const render_1 = require("./render");
+exports.default = render_1.default;