rx-player 3.27.1-dev.2022041500 → 3.27.1-dev.2022051100

package/CHANGELOG.md

@@ -1,16 +1,22 @@
 # Changelog
 
-## v3.27.1-dev.2022041500 (2022-04-15)
+## v3.27.1-dev.2022051100 (2022-05-11)
 
 ### Bug fixes
 
-  - Use the first compatible codec of the current AdaptationSet when creating a SourceBuffer [#1094]
-  - DASH: fix wrong segment estimates on some SegmentTimeline-based contents where the last segment has a negative `S@d` attribute set in the MPD [#1098]
+  - Use the first **compatible** codec of the current AdaptationSet when creating a SourceBuffer [#1094]
+  - DASH/DRM: Fix potential infinite rebuffering when a KID is not anounced in the MPD [#1113]
+  - DASH: Avoid infinite loop due to rounding errors while parsing multi-Periods MPDs [#1111, #1110]
+  - TTML: Add support for percent based thickness for textOutline in TTML Subtitles
+  - If seeking after the last potential position, load last segments before ending [#1097]
+  - DASH: Fix possibility of wrong segments being requested when a SegmentTimeline in a given Period (whose Period@end is set) had an S@r set to `-1` at its end [#1098]
+  - DASH: Don't include presentationTimeOffset for the default initial time of the first `<S>` element if its S@t is not set.
 
 ### Other improvements
 
-  - Update duration of a content based on the last chosen tracks [#1102]
-  - If seeking after the last potential position, load last segments before ending [#1097]
+  - The duration set on the media element is now only relative to the current chosen tracks (it was previously relative to all potential track). This allows to seek later when switching e.g. to a longer video track [#1102]
+  - Errors coming from an HTMLMediaElement now have the browser's error message if it exists [#1112]
+
 
 ## v3.27.0 (2022-03-31)
 

package/VERSION

@@ -1 +1 @@
-3.27.1-dev.2022041500
+3.27.1-dev.2022051100

package/dist/_esm5.processed/core/api/public_api.js

@@ -87,7 +87,7 @@ var Player = /** @class */ (function (_super) {
         // Workaround to support Firefox autoplay on FF 42.
         // See: https://bugzilla.mozilla.org/show_bug.cgi?id=1194624
         videoElement.preload = "auto";
-        _this.version = /* PLAYER_VERSION */ "3.27.1-dev.2022041500";
+        _this.version = /* PLAYER_VERSION */ "3.27.1-dev.2022051100";
         _this.log = log;
         _this.state = "STOPPED";
         _this.videoElement = videoElement;
@@ -2301,5 +2301,5 @@ var Player = /** @class */ (function (_super) {
     };
     return Player;
 }(EventEmitter));
-Player.version = /* PLAYER_VERSION */ "3.27.1-dev.2022041500";
+Player.version = /* PLAYER_VERSION */ "3.27.1-dev.2022051100";
 export default Player;

package/dist/_esm5.processed/core/decrypt/content_decryptor.js

@@ -668,16 +668,18 @@ function updateDecipherability(manifest, whitelistedKeyIds, blacklistedKeyIDs) {
             return representation.decipherable;
         }
         var contentKIDs = representation.contentProtections.keyIds;
-        for (var i = 0; i < contentKIDs.length; i++) {
-            var elt = contentKIDs[i];
-            for (var j = 0; j < blacklistedKeyIDs.length; j++) {
-                if (areKeyIdsEqual(blacklistedKeyIDs[j], elt.keyId)) {
-                    return false;
+        if (contentKIDs !== undefined) {
+            for (var i = 0; i < contentKIDs.length; i++) {
+                var elt = contentKIDs[i];
+                for (var j = 0; j < blacklistedKeyIDs.length; j++) {
+                    if (areKeyIdsEqual(blacklistedKeyIDs[j], elt.keyId)) {
+                        return false;
+                    }
                 }
-            }
-            for (var j = 0; j < whitelistedKeyIds.length; j++) {
-                if (areKeyIdsEqual(whitelistedKeyIds[j], elt.keyId)) {
-                    return true;
+                for (var j = 0; j < whitelistedKeyIds.length; j++) {
+                    if (areKeyIdsEqual(whitelistedKeyIds[j], elt.keyId)) {
+                        return true;
+                    }
                 }
             }
         }
@@ -862,7 +864,7 @@ function addKeyIdsFromPeriod(set, period) {
         for (var _b = 0, _c = adaptation.representations; _b < _c.length; _b++) {
             var representation = _c[_b];
             if (representation.contentProtections !== undefined &&
-                representation.contentProtections.keyIds.length >= -1) {
+                representation.contentProtections.keyIds !== undefined) {
                 for (var _d = 0, _e = representation.contentProtections.keyIds; _d < _e.length; _d++) {
                     var kidInf = _e[_d];
                     set.add(kidInf.keyId);

package/dist/_esm5.processed/core/decrypt/utils/key_session_record.js

@@ -129,7 +129,7 @@ var KeySessionRecord = /** @class */ (function () {
      */
     KeySessionRecord.prototype.isCompatibleWith = function (initializationData) {
         var keyIds = initializationData.keyIds;
-        if (keyIds !== undefined) {
+        if (keyIds !== undefined && keyIds.length > 0) {
             if (this._keyIds !== null && areAllKeyIdsContainedIn(keyIds, this._keyIds)) {
                 return true;
             }
@@ -141,6 +141,7 @@ var KeySessionRecord = /** @class */ (function () {
     };
     KeySessionRecord.prototype._checkInitializationDataCompatibility = function (initializationData) {
         if (initializationData.keyIds !== undefined &&
+            initializationData.keyIds.length > 0 &&
             this._initializationData.keyIds !== undefined) {
             return areAllKeyIdsContainedIn(initializationData.keyIds, this._initializationData.keyIds);
         }

package/dist/_esm5.processed/core/init/throw_on_media_error.js

@@ -15,6 +15,7 @@
  */
 import { fromEvent as observableFromEvent, mergeMap, } from "rxjs";
 import { MediaError } from "../../errors";
+import isNullOrUndefined from "../../utils/is_null_or_undefined";
 /**
  * Returns an observable which throws the right MediaError as soon an "error"
  * event is received through the media element.
@@ -24,22 +25,30 @@ import { MediaError } from "../../errors";
 export default function throwOnMediaError(mediaElement) {
     return observableFromEvent(mediaElement, "error")
         .pipe(mergeMap(function () {
-        var errorCode = mediaElement.error == null ? 0 :
-            mediaElement.error.code;
+        var mediaError = mediaElement.error;
+        var errorCode;
+        var errorMessage;
+        if (!isNullOrUndefined(mediaError)) {
+            errorCode = mediaError.code;
+            errorMessage = mediaError.message;
+        }
         switch (errorCode) {
             case 1:
-                throw new MediaError("MEDIA_ERR_ABORTED", "The fetching of the associated resource was aborted " +
-                    "by the user's request.");
+                errorMessage = errorMessage !== null && errorMessage !== void 0 ? errorMessage : "The fetching of the associated resource was aborted by the user's request.";
+                throw new MediaError("MEDIA_ERR_ABORTED", errorMessage);
             case 2:
-                throw new MediaError("MEDIA_ERR_NETWORK", "A network error occurred which prevented the media " +
-                    "from being successfully fetched");
+                errorMessage = errorMessage !== null && errorMessage !== void 0 ? errorMessage : "A network error occurred which prevented the media from being " +
+                    "successfully fetched";
+                throw new MediaError("MEDIA_ERR_NETWORK", errorMessage);
             case 3:
-                throw new MediaError("MEDIA_ERR_DECODE", "An error occurred while trying to decode the media " +
-                    "resource");
+                errorMessage = errorMessage !== null && errorMessage !== void 0 ? errorMessage : "An error occurred while trying to decode the media resource";
+                throw new MediaError("MEDIA_ERR_DECODE", errorMessage);
             case 4:
-                throw new MediaError("MEDIA_ERR_SRC_NOT_SUPPORTED", "The media resource has been found to be unsuitable.");
+                errorMessage = errorMessage !== null && errorMessage !== void 0 ? errorMessage : "The media resource has been found to be unsuitable.";
+                throw new MediaError("MEDIA_ERR_SRC_NOT_SUPPORTED", errorMessage);
             default:
-                throw new MediaError("MEDIA_ERR_UNKNOWN", "The HTMLMediaElement errored due to an unknown reason.");
+                errorMessage = errorMessage !== null && errorMessage !== void 0 ? errorMessage : "The HTMLMediaElement errored due to an unknown reason.";
+                throw new MediaError("MEDIA_ERR_UNKNOWN", errorMessage);
         }
     }));
 }

package/dist/_esm5.processed/manifest/representation.js

@@ -82,7 +82,7 @@ var Representation = /** @class */ (function () {
      * @returns {Array.<Object>}
      */
     Representation.prototype.getEncryptionData = function (drmSystemId) {
-        var _a;
+        var _a, _b;
         var allInitData = this.getAllEncryptionData();
         var filtered = [];
         for (var i = 0; i < allInitData.length; i++) {
@@ -91,7 +91,7 @@ var Representation = /** @class */ (function () {
             for (var j = 0; j < initData.values.length; j++) {
                 if (initData.values[j].systemId.toLowerCase() === drmSystemId.toLowerCase()) {
                     if (!createdObjForType) {
-                        var keyIds = (_a = this.contentProtections) === null || _a === void 0 ? void 0 : _a.keyIds.map(function (val) { return val.keyId; });
+                        var keyIds = (_b = (_a = this.contentProtections) === null || _a === void 0 ? void 0 : _a.keyIds) === null || _b === void 0 ? void 0 : _b.map(function (val) { return val.keyId; });
                         filtered.push({ type: initData.type, keyIds: keyIds, values: [initData.values[j]] });
                         createdObjForType = true;
                     }
@@ -130,12 +130,12 @@ var Representation = /** @class */ (function () {
      * @returns {Array.<Object>}
      */
     Representation.prototype.getAllEncryptionData = function () {
-        var _a;
+        var _a, _b;
         if (this.contentProtections === undefined ||
             this.contentProtections.initData.length === 0) {
             return [];
         }
-        var keyIds = (_a = this.contentProtections) === null || _a === void 0 ? void 0 : _a.keyIds.map(function (val) { return val.keyId; });
+        var keyIds = (_b = (_a = this.contentProtections) === null || _a === void 0 ? void 0 : _a.keyIds) === null || _b === void 0 ? void 0 : _b.map(function (val) { return val.keyId; });
         return this.contentProtections.initData.map(function (x) {
             return { type: x.type, keyIds: keyIds, values: x.values };
         });

package/dist/_esm5.processed/parsers/manifest/dash/common/flatten_overlapping_periods.js

@@ -53,7 +53,17 @@ export default function flattenOverlappingPeriods(parsedPeriods) {
             log.warn("DASH: Updating overlapping Periods.", lastFlattenedPeriod === null || lastFlattenedPeriod === void 0 ? void 0 : lastFlattenedPeriod.start, parsedPeriod.start);
             lastFlattenedPeriod.duration = parsedPeriod.start - lastFlattenedPeriod.start;
             lastFlattenedPeriod.end = parsedPeriod.start;
-            if (lastFlattenedPeriod.duration <= 0) {
+            if (lastFlattenedPeriod.duration > 0) {
+                // Note: Calling `break` to quit the while loop should theoritically be
+                // unnecessary as the previous operations should ensure we do not re-enter
+                // the loop's condition.
+                // Yet we dit encounter infinite loops without it because of float-related
+                // rounding errors.
+                break;
+            }
+            else {
+                // `lastFlattenedPeriod` has now a negative or `0` duration.
+                // Remove it, consider the next Period in its place, and re-start the loop.
                 flattenedPeriods.pop();
                 lastFlattenedPeriod = flattenedPeriods[flattenedPeriods.length - 1];
             }

package/dist/_esm5.processed/parsers/manifest/dash/common/indexes/timeline/timeline_representation_index.d.ts

@@ -166,6 +166,8 @@ export default class TimelineRepresentationIndex implements IRepresentationIndex
     private _lastUpdate;
     /** Absolute start of the period, timescaled and converted to index time. */
     private _scaledPeriodStart;
+    /** Actual un-scaled start of the Period as indicated in the MPD. */
+    private _periodStart;
     /** Absolute end of the period, timescaled and converted to index time. */
     private _scaledPeriodEnd;
     /** Whether this RepresentationIndex can change over time. */

package/dist/_esm5.processed/parsers/manifest/dash/common/indexes/timeline/timeline_representation_index.js

@@ -73,6 +73,7 @@ var TimelineRepresentationIndex = /** @class */ (function () {
             mediaURLs: createIndexURLs(urlSources, index.media, representationId, representationBitrate),
             startNumber: index.startNumber,
             timeline: (_c = index.timeline) !== null && _c !== void 0 ? _c : null, timescale: timescale };
+        this._periodStart = periodStart;
         this._scaledPeriodStart = toIndexTime(periodStart, this._index);
         this._scaledPeriodEnd = periodEnd === undefined ? undefined :
             toIndexTime(periodEnd, this._index);
@@ -201,6 +202,7 @@ var TimelineRepresentationIndex = /** @class */ (function () {
         this._index = newIndex._index;
         this._isDynamic = newIndex._isDynamic;
         this._scaledPeriodStart = newIndex._scaledPeriodStart;
+        this._periodStart = newIndex._periodStart;
         this._scaledPeriodEnd = newIndex._scaledPeriodEnd;
         this._lastUpdate = newIndex._lastUpdate;
         this._manifestBoundsCalculator = newIndex._manifestBoundsCalculator;
@@ -224,6 +226,7 @@ var TimelineRepresentationIndex = /** @class */ (function () {
         }
         this._isDynamic = newIndex._isDynamic;
         this._scaledPeriodStart = newIndex._scaledPeriodStart;
+        this._periodStart = newIndex._periodStart;
         this._scaledPeriodEnd = newIndex._scaledPeriodEnd;
         this._lastUpdate = newIndex._lastUpdate;
         this._isLastPeriod = newIndex._isLastPeriod;
@@ -279,6 +282,9 @@ var TimelineRepresentationIndex = /** @class */ (function () {
         if (this._index.timeline === null) {
             this._index.timeline = this._getTimeline();
         }
+        if (!this._isDynamic) {
+            return;
+        }
         var firstPosition = this._manifestBoundsCalculator.estimateMinimumBound();
         if (firstPosition == null) {
             return; // we don't know yet
@@ -327,11 +333,12 @@ var TimelineRepresentationIndex = /** @class */ (function () {
         }
         var newElements = this._parseTimeline();
         this._parseTimeline = null; // Free memory
+        var actualPeriodStart = this._periodStart * this._index.timescale;
         var MIN_DASH_S_ELEMENTS_TO_PARSE_UNSAFELY = config.getCurrent().MIN_DASH_S_ELEMENTS_TO_PARSE_UNSAFELY;
         if (this._unsafelyBaseOnPreviousIndex === null ||
             newElements.length < MIN_DASH_S_ELEMENTS_TO_PARSE_UNSAFELY) {
             // Just completely parse the current timeline
-            return constructTimelineFromElements(newElements, this._scaledPeriodStart);
+            return constructTimelineFromElements(newElements, actualPeriodStart);
         }
         // Construct previously parsed timeline if not already done
         var prevTimeline;
@@ -343,7 +350,7 @@ var TimelineRepresentationIndex = /** @class */ (function () {
             prevTimeline = this._unsafelyBaseOnPreviousIndex._index.timeline;
         }
         this._unsafelyBaseOnPreviousIndex = null; // Free memory
-        return constructTimelineFromPreviousTimeline(newElements, prevTimeline, this._scaledPeriodStart);
+        return constructTimelineFromPreviousTimeline(newElements, prevTimeline, actualPeriodStart);
     };
     return TimelineRepresentationIndex;
 }());

package/dist/_esm5.processed/parsers/manifest/dash/common/parse_representations.js

@@ -175,7 +175,13 @@ export default function parseRepresentations(representationsIR, adaptation, cont
                         .toLowerCase();
                 }
                 if (cp.attributes.keyId !== undefined && cp.attributes.keyId.length > 0) {
-                    acc.keyIds.push({ keyId: cp.attributes.keyId, systemId: systemId });
+                    var kidObj = { keyId: cp.attributes.keyId, systemId: systemId };
+                    if (acc.keyIds === undefined) {
+                        acc.keyIds = [kidObj];
+                    }
+                    else {
+                        acc.keyIds.push(kidObj);
+                    }
                 }
                 if (systemId !== undefined) {
                     var cencPssh = cp.children.cencPssh;
@@ -195,9 +201,10 @@ export default function parseRepresentations(representationsIR, adaptation, cont
                     }
                 }
                 return acc;
-            }, { keyIds: [], initData: [] });
+            }, { keyIds: undefined, initData: [] });
             if (Object.keys(contentProtections.initData).length > 0 ||
-                contentProtections.keyIds.length > 0) {
+                (contentProtections.keyIds !== undefined &&
+                    contentProtections.keyIds.length > 0)) {
                 parsedRepresentation.contentProtections = contentProtections;
             }
         }

package/dist/_esm5.processed/parsers/manifest/types.d.ts

@@ -67,8 +67,13 @@ export interface IContentProtectionInitData {
  */
 /** Describes every encryption protection parsed for a given media. */
 export interface IContentProtections {
-    /** The different encryption key IDs associated with that content. */
-    keyIds: IContentProtectionKID[];
+    /**
+     * The different encryption key IDs associated with that content.
+     *
+     * `undefined` if the key id(s) associated with that content may exist but are
+     * not known.
+     */
+    keyIds: IContentProtectionKID[] | undefined;
     /** The different encryption initialization data associated with that content. */
     initData: IContentProtectionInitData[];
 }

package/dist/_esm5.processed/parsers/texttracks/ttml/html/generate_css_test_outline.js

@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import isNonEmptyString from "../../../../utils/is_non_empty_string";
 /**
  * Try to replicate the textOutline TTML style property into CSS.
  *
@@ -24,8 +25,17 @@
  * @returns {string}
  */
 export default function generateCSSTextOutline(color, thickness) {
-    return "-1px -1px ".concat(thickness, " ").concat(color, ",") +
-        "1px -1px ".concat(thickness, " ").concat(color, ",") +
-        "-1px 1px ".concat(thickness, " ").concat(color, ",") +
-        "1px 1px ".concat(thickness, " ").concat(color);
+    var thick = thickness;
+    if (isNonEmptyString(thickness) && thickness.trim().endsWith("%")) {
+        // As em and % are basically equivalent in CSS
+        // (they both are relative to the font-size
+        // of the current element)
+        // We convert the non supported % into the supported em
+        thick = thickness.trim().slice(0, -1);
+        thick = (parseInt(thick, 10) / 100).toString() + "em";
+    }
+    return "-1px -1px ".concat(thick, " ").concat(color, ",") +
+        "1px -1px ".concat(thick, " ").concat(color, ",") +
+        "-1px 1px ".concat(thick, " ").concat(color, ",") +
+        "1px 1px ".concat(thick, " ").concat(color);
 }