rx-player 4.0.0-dev.2023102700 → 4.0.0-dev.2023111400

package/dist/rx-player.js

@@ -11,88 +11,6 @@
 return /******/ (function() { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
 
-/***/ 473:
-/***/ (function(module) {
-
-"use strict";
-
-
-var ensureCallable = function (fn) {
-	if (typeof fn !== 'function') throw new TypeError(fn + " is not a function");
-	return fn;
-};
-
-var byObserver = function (Observer) {
-	var node = document.createTextNode(''), queue, currentQueue, i = 0;
-	new Observer(function () {
-		var callback;
-		if (!queue) {
-			if (!currentQueue) return;
-			queue = currentQueue;
-		} else if (currentQueue) {
-			queue = currentQueue.concat(queue);
-		}
-		currentQueue = queue;
-		queue = null;
-		if (typeof currentQueue === 'function') {
-			callback = currentQueue;
-			currentQueue = null;
-			callback();
-			return;
-		}
-		node.data = (i = ++i % 2); // Invoke other batch, to handle leftover callbacks in case of crash
-		while (currentQueue) {
-			callback = currentQueue.shift();
-			if (!currentQueue.length) currentQueue = null;
-			callback();
-		}
-	}).observe(node, { characterData: true });
-	return function (fn) {
-		ensureCallable(fn);
-		if (queue) {
-			if (typeof queue === 'function') queue = [queue, fn];
-			else queue.push(fn);
-			return;
-		}
-		queue = fn;
-		node.data = (i = ++i % 2);
-	};
-};
-
-module.exports = (function () {
-	// Node.js
-	if ((typeof process === 'object') && process && (typeof process.nextTick === 'function')) {
-		return process.nextTick;
-	}
-
-	// queueMicrotask
-	if (typeof queueMicrotask === "function") {
-		return function (cb) { queueMicrotask(ensureCallable(cb)); };
-	}
-
-	// MutationObserver
-	if ((typeof document === 'object') && document) {
-		if (typeof MutationObserver === 'function') return byObserver(MutationObserver);
-		if (typeof WebKitMutationObserver === 'function') return byObserver(WebKitMutationObserver);
-	}
-
-	// W3C Draft
-	// http://dvcs.w3.org/hg/webperf/raw-file/tip/specs/setImmediate/Overview.html
-	if (typeof setImmediate === 'function') {
-		return function (cb) { setImmediate(ensureCallable(cb)); };
-	}
-
-	// Wide available standard
-	if ((typeof setTimeout === 'function') || (typeof setTimeout === 'object')) {
-		return function (cb) { setTimeout(ensureCallable(cb), 0); };
-	}
-
-	return null;
-}());
-
-
-/***/ }),
-
 /***/ 61:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
@@ -2015,7 +1933,7 @@ var SharedReference = /*#__PURE__*/function () {
    */;
   _proto.setValue = function setValue(newVal) {
     if (this._isFinished) {
-      if (false) {}
+      if (false /* __ENVIRONMENT__.DEV */) {}
       return;
     }
     this._value = newVal;
@@ -2360,7 +2278,7 @@ function createCompatibleEventListener(eventNames, prefixes) {
           }
         });
       } else {
-        if (false) {}
+        if (false /* __ENVIRONMENT__.DEV */) {}
         return;
       }
     }
@@ -5206,6 +5124,12 @@ function checkReloadOptions(options) {
   if (typeof ((_c = options === null || options === void 0 ? void 0 : options.reloadAt) === null || _c === void 0 ? void 0 : _c.relative) !== "number" && ((_d = options === null || options === void 0 ? void 0 : options.reloadAt) === null || _d === void 0 ? void 0 : _d.relative) !== undefined) {
     throw new Error("API: reload - Invalid 'reloadAt.relative' option format.");
   }
+  if (!Array.isArray(options === null || options === void 0 ? void 0 : options.keySystems) && (options === null || options === void 0 ? void 0 : options.keySystems) !== undefined) {
+    throw new Error("API: reload - Invalid 'keySystems' option format.");
+  }
+  if ((options === null || options === void 0 ? void 0 : options.autoPlay) !== undefined && typeof options.autoPlay !== "boolean") {
+    throw new Error("API: reload - Invalid 'autoPlay' option format.");
+  }
 }
 /**
  * Parse options given to loadVideo and set default options as found
@@ -6199,7 +6123,7 @@ var TracksStore = /*#__PURE__*/function (_EventEmitter) {
     var periods = manifest.periods;
     // We assume that they are always sorted chronologically
     // In dev mode, perform a runtime check that this is the case
-    if (false) { var i; }
+    if (false /* __ENVIRONMENT__.DEV */) { var i; }
     /** Periods which have just been added. */
     var addedPeriods = [];
     var newPListIdx = 0;
@@ -6962,7 +6886,7 @@ var TracksStore = /*#__PURE__*/function (_EventEmitter) {
     }
   };
   _proto._removePeriodObject = function _removePeriodObject(index) {
-    if (false) {}
+    if (false /* __ENVIRONMENT__.DEV */) {}
     var oldPeriodItem = this._storedPeriodInfo[index];
     this._storedPeriodInfo[index].isRemoved = true;
     this._storedPeriodInfo.splice(index, 1);
@@ -7375,7 +7299,7 @@ var Player = /*#__PURE__*/function (_EventEmitter) {
     // 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 */"4.0.0-dev.2023102700";
+    _this.version = /* PLAYER_VERSION */"4.0.0-dev.2023111400";
     _this.log = src_log;
     _this.state = "STOPPED";
     _this.videoElement = videoElement;
@@ -7474,7 +7398,7 @@ var Player = /*#__PURE__*/function (_EventEmitter) {
    * @param {Object} reloadOpts
    */;
   _proto.reload = function reload(reloadOpts) {
-    var _a, _b;
+    var _a, _b, _c;
     var _this$_priv_reloading = this._priv_reloadingMetadata,
       options = _this$_priv_reloading.options,
       manifest = _this$_priv_reloading.manifest,
@@ -7508,6 +7432,12 @@ var Player = /*#__PURE__*/function (_EventEmitter) {
     } else if (reloadInPause !== undefined) {
       autoPlay = !reloadInPause;
     }
+    var keySystems;
+    if ((reloadOpts === null || reloadOpts === void 0 ? void 0 : reloadOpts.keySystems) !== undefined) {
+      keySystems = reloadOpts.keySystems;
+    } else if (((_c = this._priv_reloadingMetadata.options) === null || _c === void 0 ? void 0 : _c.keySystems) !== undefined) {
+      keySystems = this._priv_reloadingMetadata.options.keySystems;
+    }
     var newOptions = Object.assign(Object.assign({}, options), {
       initialManifest: manifest
     });
@@ -7517,6 +7447,9 @@ var Player = /*#__PURE__*/function (_EventEmitter) {
     if (autoPlay !== undefined) {
       newOptions.autoPlay = autoPlay;
     }
+    if (keySystems !== undefined) {
+      newOptions.keySystems = keySystems;
+    }
     this._priv_initializeContentPlayback(newOptions);
   };
   _proto.createDebugElement = function createDebugElement(element) {
@@ -9573,7 +9506,7 @@ var Player = /*#__PURE__*/function (_EventEmitter) {
   }]);
   return Player;
 }(EventEmitter);
-Player.version = /* PLAYER_VERSION */"4.0.0-dev.2023102700";
+Player.version = /* PLAYER_VERSION */"4.0.0-dev.2023111400";
 /* harmony default export */ var public_api = (Player);
 ;// CONCATENATED MODULE: ./src/core/api/index.ts
 /**
@@ -10665,38 +10598,6 @@ function filterByBitrate(representations, bitrate) {
 
   return representations.slice(0, firstSuperiorBitrateIndex);
 }
-;// CONCATENATED MODULE: ./src/utils/take_first_set.ts
-/**
- * Copyright 2015 CANAL+ Group
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-function takeFirstSet() {
-  var i = 0;
-  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-    args[_key] = arguments[_key];
-  }
-  var len = args.length;
-  while (i < len) {
-    var arg = args[i];
-    if (!is_null_or_undefined_isNullOrUndefined(arg)) {
-      return arg;
-    }
-    i++;
-  }
-  return undefined;
-}
 ;// CONCATENATED MODULE: ./src/core/adaptive/utils/filter_by_resolution.ts
 /**
  * Copyright 2015 CANAL+ Group
@@ -10714,7 +10615,6 @@ function takeFirstSet() {
  * limitations under the License.
  */
 
-
 /**
  * Filter representations based on their resolution.
  *   - the highest resolution considered will be the one linked to the first
@@ -10732,7 +10632,8 @@ function filterByResolution(representations, resolution) {
   var height = resolution.height * resolution.pixelRatio;
   var sortedRepsByWidth = representations.slice() // clone
   .sort(function (a, b) {
-    return takeFirstSet(a.width, 0) - takeFirstSet(b.width, 0);
+    var _a, _b;
+    return ((_a = a.width) !== null && _a !== void 0 ? _a : 0) - ((_b = b.width) !== null && _b !== void 0 ? _b : 0);
   });
   var repWithMaxWidth = arrayFind(sortedRepsByWidth, function (representation) {
     return typeof representation.width === "number" && representation.width >= width && typeof representation.height === "number" && representation.height >= height;
@@ -10862,7 +10763,7 @@ var PendingRequestsStore = /*#__PURE__*/function () {
   _proto.addProgress = function addProgress(progress) {
     var request = this._currentRequests[progress.id];
     if (request == null) {
-      if (false) {}
+      if (false /* __ENVIRONMENT__.DEV */) {}
       src_log.warn("ABR: progress for a request not added");
       return;
     }
@@ -10874,7 +10775,7 @@ var PendingRequestsStore = /*#__PURE__*/function () {
    */;
   _proto.remove = function remove(id) {
     if (this._currentRequests[id] == null) {
-      if (false) {}
+      if (false /* __ENVIRONMENT__.DEV */) {}
       src_log.warn("ABR: can't remove unknown request");
     }
     delete this._currentRequests[id];
@@ -11085,8 +10986,8 @@ function selectOptimalRepresentation(representations, wantedBitrate) {
 
 
 // Create default shared references
-var limitWidthDefaultRef = new utils_reference(undefined);
-limitWidthDefaultRef.finish();
+var limitResolutionDefaultRef = new utils_reference(undefined);
+limitResolutionDefaultRef.finish();
 var throttleBitrateDefaultRef = new utils_reference(Infinity);
 throttleBitrateDefaultRef.finish();
 /**
@@ -11124,7 +11025,7 @@ function createAdaptiveRepresentationSelector(options) {
     var bandwidthEstimator = _getBandwidthEstimator(type);
     var initialBitrate = (_a = initialBitrates[type]) !== null && _a !== void 0 ? _a : 0;
     var filters = {
-      limitResolution: (_b = throttlers.limitResolution[type]) !== null && _b !== void 0 ? _b : limitWidthDefaultRef,
+      limitResolution: (_b = throttlers.limitResolution[type]) !== null && _b !== void 0 ? _b : limitResolutionDefaultRef,
       throttleBitrate: (_c = throttlers.throttleBitrate[type]) !== null && _c !== void 0 ? _c : throttleBitrateDefaultRef
     };
     return getEstimateReference({
@@ -12056,6 +11957,7 @@ var Representation = /*#__PURE__*/function () {
    * @param {Object} args
    */
   function Representation(args, opts) {
+    var _a;
     this.id = args.id;
     this.uniqueId = generateRepresentationUniqueId();
     this.bitrate = args.bitrate;
@@ -12084,12 +11986,24 @@ var Representation = /*#__PURE__*/function () {
     this.cdnMetadata = args.cdnMetadata;
     this.index = args.index;
     if (opts.type === "audio" || opts.type === "video") {
-      var mimeTypeStr = this.getMimeTypeString();
-      var isSupported = isCodecSupported(mimeTypeStr);
-      if (!isSupported) {
-        src_log.info("Unsupported Representation", mimeTypeStr, this.id, this.bitrate);
+      this.isSupported = false;
+      // Supplemental codecs are defined as backwards-compatible codecs enhancing
+      // the experience of a base layer codec
+      if (args.supplementalCodecs !== undefined) {
+        var supplementalCodecMimeTypeStr = ((_a = this.mimeType) !== null && _a !== void 0 ? _a : "") + ";codecs=\"" + args.supplementalCodecs + "\"";
+        if (isCodecSupported(supplementalCodecMimeTypeStr)) {
+          this.codec = args.supplementalCodecs;
+          this.isSupported = true;
+        }
+      }
+      if (!this.isSupported) {
+        var mimeTypeStr = this.getMimeTypeString();
+        var isSupported = isCodecSupported(mimeTypeStr);
+        if (!isSupported) {
+          src_log.info("Unsupported Representation", mimeTypeStr, this.id, this.bitrate);
+        }
+        this.isSupported = isSupported;
       }
-      this.isSupported = isSupported;
     } else {
       this.isSupported = true; // TODO for other types
     }
@@ -15827,7 +15741,6 @@ function segment_inventory_arrayLikeToArray(arr, len) { if (len == null || len >
 
 
 
-
 /**
  * Keep track of every chunk downloaded and currently in the linked media
  * buffer.
@@ -15865,6 +15778,7 @@ var SegmentInventory = /*#__PURE__*/function () {
    * @param {TimeRanges} buffered
    */;
   _proto.synchronizeBuffered = function synchronizeBuffered(buffered) {
+    var _a, _b, _c, _d, _e, _f, _g;
     var inventory = this._inventory;
     var inventoryIndex = 0; // Current index considered.
     var thisSegment = inventory[0]; // Current segmentInfos considered
@@ -15890,7 +15804,7 @@ var SegmentInventory = /*#__PURE__*/function () {
       // it:
       // skip until first segment with at least `MINIMUM_SEGMENT_SIZE` past the
       // start of that range.
-      while (thisSegment !== undefined && takeFirstSet(thisSegment.bufferedEnd, thisSegment.end) - rangeStart < MINIMUM_SEGMENT_SIZE) {
+      while (thisSegment !== undefined && ((_a = thisSegment.bufferedEnd) !== null && _a !== void 0 ? _a : thisSegment.end) - rangeStart < MINIMUM_SEGMENT_SIZE) {
         thisSegment = inventory[++inventoryIndex];
       }
       // Contains infos about the last garbage-collected segment before
@@ -15904,7 +15818,7 @@ var SegmentInventory = /*#__PURE__*/function () {
         // last garbage-collected segment
         inventory[indexBefore + numberOfSegmentToDelete - 1];
         lastDeletedSegmentInfos = {
-          end: takeFirstSet(lastDeletedSegment.bufferedEnd, lastDeletedSegment.end),
+          end: (_b = lastDeletedSegment.bufferedEnd) !== null && _b !== void 0 ? _b : lastDeletedSegment.end,
           precizeEnd: lastDeletedSegment.precizeEnd
         };
         src_log.debug("SI: " + numberOfSegmentToDelete + " segments GCed.", bufferType);
@@ -15922,7 +15836,7 @@ var SegmentInventory = /*#__PURE__*/function () {
       }
       // If the current segment is actually completely outside that range (it
       // is contained in one of the next one), skip that part.
-      if (rangeEnd - takeFirstSet(thisSegment.bufferedStart, thisSegment.start) >= MINIMUM_SEGMENT_SIZE) {
+      if (rangeEnd - ((_c = thisSegment.bufferedStart) !== null && _c !== void 0 ? _c : thisSegment.start) >= MINIMUM_SEGMENT_SIZE) {
         guessBufferedStartFromRangeStart(thisSegment, rangeStart, lastDeletedSegmentInfos, bufferType);
         if (inventoryIndex === inventory.length - 1) {
           // This is the last segment in the inventory.
@@ -15932,8 +15846,8 @@ var SegmentInventory = /*#__PURE__*/function () {
         }
         thisSegment = inventory[++inventoryIndex];
         // Make contiguous until first segment outside that range
-        var thisSegmentStart = takeFirstSet(thisSegment.bufferedStart, thisSegment.start);
-        var thisSegmentEnd = takeFirstSet(thisSegment.bufferedEnd, thisSegment.end);
+        var thisSegmentStart = (_d = thisSegment.bufferedStart) !== null && _d !== void 0 ? _d : thisSegment.start;
+        var thisSegmentEnd = (_e = thisSegment.bufferedEnd) !== null && _e !== void 0 ? _e : thisSegment.end;
         var nextRangeStart = i < rangesLength - 1 ? buffered.start(i + 1) : undefined;
         while (thisSegment !== undefined && rangeEnd - thisSegmentStart >= MINIMUM_SEGMENT_SIZE && (nextRangeStart === undefined || rangeEnd - thisSegmentStart >= thisSegmentEnd - nextRangeStart)) {
           var prevSegment = inventory[inventoryIndex - 1];
@@ -15946,8 +15860,8 @@ var SegmentInventory = /*#__PURE__*/function () {
           thisSegment.bufferedStart = prevSegment.bufferedEnd;
           thisSegment = inventory[++inventoryIndex];
           if (thisSegment !== undefined) {
-            thisSegmentStart = takeFirstSet(thisSegment.bufferedStart, thisSegment.start);
-            thisSegmentEnd = takeFirstSet(thisSegment.bufferedEnd, thisSegment.end);
+            thisSegmentStart = (_f = thisSegment.bufferedStart) !== null && _f !== void 0 ? _f : thisSegment.start;
+            thisSegmentEnd = (_g = thisSegment.bufferedEnd) !== null && _g !== void 0 ? _g : thisSegment.end;
           }
         }
       }
@@ -17195,7 +17109,7 @@ var AudioVideoSegmentBuffer = /*#__PURE__*/function (_SegmentBuffer) {
  */
 
 function assertDataIsBufferSource(data) {
-  if (true) {
+  if (true /* __ENVIRONMENT__.PRODUCTION */) {
     return;
   }
   if (typeof data !== "object" || data !== null && !(data instanceof ArrayBuffer) && !(data.buffer instanceof ArrayBuffer)) {
@@ -17546,9 +17460,12 @@ function shouldHaveNativeBuffer(bufferType) {
 
 /* harmony default export */ var segment_buffers = (SegmentBuffersStore);
 
-// EXTERNAL MODULE: ./node_modules/next-tick/index.js
-var next_tick = __webpack_require__(473);
-var next_tick_default = /*#__PURE__*/__webpack_require__.n(next_tick);
+;// CONCATENATED MODULE: ./src/utils/queue_microtask.ts
+/* harmony default export */ var queue_microtask = (typeof queueMicrotask === "function" ? queueMicrotask : function queueMicrotaskPonyfill(cb) {
+  Promise.resolve().then(cb, function () {
+    return cb();
+  });
+});
 ;// CONCATENATED MODULE: ./src/utils/sorted_list.ts
 /**
  * Copyright 2015 CANAL+ Group
@@ -20546,7 +20463,7 @@ function AdaptationStream(_ref, callbacks, parentCancelSignal) {
           case 4:
             return _context.abrupt("break", 21);
           case 5:
-            return _context.abrupt("return", next_tick_default()(function () {
+            return _context.abrupt("return", queue_microtask(function () {
               playbackObserver.listen(function () {
                 if (fnCancelSignal.isCancelled()) {
                   return;
@@ -21479,7 +21396,7 @@ function PeriodStream(_ref, callbacks, parentCancelSignal) {
     // is actually received.
     // It can happen when `askForMediaSourceReload` is called as a side-effect of
     // the same event that triggers the playback observation to be emitted.
-    next_tick_default()(function () {
+    queue_microtask(function () {
       playbackObserver.listen(function () {
         if (cancelSignal.isCancelled()) {
           return;
@@ -22011,7 +21928,7 @@ function StreamOrchestrator(content, playbackObserver, representationEstimator,
               // Schedule micro task before checking the last playback observation
               // to reduce the risk of race conditions where the next observation
               // was going to be emitted synchronously.
-              next_tick_default()(function () {
+              queue_microtask(function () {
                 var _a;
                 if (orchestratorCancelSignal.isCancelled()) {
                   return;
@@ -22198,7 +22115,7 @@ function StreamOrchestrator(content, playbackObserver, representationEstimator,
               // conditions where the inner logic would be called synchronously before
               // the next observation (which may reflect very different playback
               // conditions) is actually received.
-              return next_tick_default()(function () {
+              return queue_microtask(function () {
                 if (innerCancelSignal.isCancelled()) {
                   return;
                 }
@@ -28248,7 +28165,6 @@ function reduceChildren(root, fn, init) {
 
 
 
-
 
 var DEFAULT_MIME_TYPES = {
   audio: "audio/mp4",
@@ -28367,7 +28283,7 @@ function createSmoothStreamingParser(parserOptions) {
             bitrate: _bitrate2,
             customAttributes: customAttributes,
             mimeType: _fourCC2 !== undefined ? MIME_TYPES[_fourCC2] : _fourCC2,
-            codecPrivateData: takeFirstSet(_codecPrivateData2, "")
+            codecPrivateData: _codecPrivateData2 !== null && _codecPrivateData2 !== void 0 ? _codecPrivateData2 : ""
           };
         }
       default:
@@ -28405,7 +28321,7 @@ function createSmoothStreamingParser(parserOptions) {
     var language = root.getAttribute("Language");
     var UrlAttr = root.getAttribute("Url");
     var UrlPathWithTokens = UrlAttr === null ? "" : UrlAttr;
-    if (false) {}
+    if (false /* __ENVIRONMENT__.DEV */) {}
     var _reduceChildren = reduceChildren(root, function (res, _name, node) {
         switch (_name) {
           case "QualityLevel":
@@ -30720,7 +30636,7 @@ var generateSegmentLoader = function generateSegmentLoader(_ref) {
             break;
           }
         default:
-          if (false) {}
+          if (false /* __ENVIRONMENT__.DEV */) {}
           responseData = new Uint8Array(0);
       }
       return Promise.resolve({
@@ -31712,6 +31628,11 @@ function flattenOverlappingPeriods(parsedPeriods) {
         // `lastFlattenedPeriod` has now a negative or `0` duration.
         // Remove it, consider the next Period in its place, and re-start the loop.
         flattenedPeriods.pop();
+        if (flattenedPeriods.length === 0) {
+          // There's no remaining Period to compare to `parsedPeriod`
+          break;
+        }
+        // Take the previous Period as reference and compare it now to `parsedPeriod`
         lastFlattenedPeriod = flattenedPeriods[flattenedPeriods.length - 1];
       }
     }
@@ -32052,6 +31973,31 @@ function inferAdaptationType(representations, adaptationMimeType, adaptationCode
   }
   return undefined;
 }
+;// CONCATENATED MODULE: ./src/parsers/manifest/dash/common/convert_supplemental_codecs.ts
+
+var supplementalCodecSeparator = /[, ]+/g;
+/**
+ * Converts SCTE 214 supplemental codec string into RFC4281 codec string
+ *
+ * The returned value is a codec string respecting RFC6381
+ *
+ * SCTE 214 defines supplemental codecs as a whitespace-separated multiple list of
+ * codec strings
+ *
+ * RFC6381 defines codecs as a comma-separated list of codec strings.
+ *
+ * This two syntax differs and this parser is used to convert SCTE214
+ * to be compliant with what MSE APIs expect
+ *
+ * @param {string} val - The codec string to parse
+ * @returns { Array.<string | undefined | null>}
+ */
+function convertSupplementalCodecsToRFC6381(val) {
+  if (isNonEmptyString(val)) {
+    return val.trim().replace(supplementalCodecSeparator, ", ");
+  }
+  return "";
+}
 ;// CONCATENATED MODULE: ./src/parsers/manifest/dash/common/get_hdr_information.ts
 /**
  * Copyright 2015 CANAL+ Group
@@ -34320,6 +34266,7 @@ function parse_representations_arrayLikeToArray(arr, len) { if (len == null || l
 
 
 
+
 /**
  * Combine inband event streams from representation and
  * adaptation data.
@@ -34395,7 +34342,7 @@ function parseRepresentations(representationsIR, adaptation, context) {
   var _loop = function _loop() {
     var representation = _step.value;
     // Compute Representation ID
-    var representationID = representation.attributes.id != null ? representation.attributes.id : String(representation.attributes.bitrate) + (representation.attributes.height != null ? "-" + representation.attributes.height : "") + (representation.attributes.width != null ? "-" + representation.attributes.width : "") + (representation.attributes.mimeType != null ? "-" + representation.attributes.mimeType : "") + (representation.attributes.codecs != null ? "-" + representation.attributes.codecs : "");
+    var representationID = representation.attributes.id !== undefined ? representation.attributes.id : String(representation.attributes.bitrate) + (representation.attributes.height !== undefined ? "-" + representation.attributes.height : "") + (representation.attributes.width !== undefined ? "-" + representation.attributes.width : "") + (representation.attributes.mimeType !== undefined ? "-" + representation.attributes.mimeType : "") + (representation.attributes.codecs !== undefined ? "-" + representation.attributes.codecs : "");
     // Avoid duplicate IDs
     while (parsedRepresentations.some(function (r) {
       return r.id === representationID;
@@ -34417,7 +34364,7 @@ function parseRepresentations(representationsIR, adaptation, context) {
     var representationIndex = parseRepresentationIndex(representation, reprIndexCtxt);
     // Find bitrate
     var representationBitrate;
-    if (representation.attributes.bitrate == null) {
+    if (representation.attributes.bitrate === undefined) {
       src_log.warn("DASH: No usable bitrate found in the Representation.");
       representationBitrate = 0;
     } else {
@@ -34452,33 +34399,42 @@ function parseRepresentations(representationsIR, adaptation, context) {
     }
     // Add optional attributes
     var codecs;
-    if (representation.attributes.codecs != null) {
+    if (representation.attributes.codecs !== undefined) {
       codecs = representation.attributes.codecs;
-    } else if (adaptation.attributes.codecs != null) {
+    } else if (adaptation.attributes.codecs !== undefined) {
       codecs = adaptation.attributes.codecs;
     }
-    if (codecs != null) {
+    if (codecs !== undefined) {
       codecs = codecs === "mp4a.40.02" ? "mp4a.40.2" : codecs;
       parsedRepresentation.codecs = codecs;
     }
-    if (representation.attributes.frameRate != null) {
+    var supplementalCodecs;
+    if (representation.attributes.supplementalCodecs !== undefined) {
+      supplementalCodecs = representation.attributes.supplementalCodecs;
+    } else if (adaptation.attributes.supplementalCodecs !== undefined) {
+      supplementalCodecs = adaptation.attributes.supplementalCodecs;
+    }
+    if (supplementalCodecs !== undefined) {
+      parsedRepresentation.supplementalCodecs = convertSupplementalCodecsToRFC6381(supplementalCodecs);
+    }
+    if (representation.attributes.frameRate !== undefined) {
       parsedRepresentation.frameRate = representation.attributes.frameRate;
-    } else if (adaptation.attributes.frameRate != null) {
+    } else if (adaptation.attributes.frameRate !== undefined) {
       parsedRepresentation.frameRate = adaptation.attributes.frameRate;
     }
-    if (representation.attributes.height != null) {
+    if (representation.attributes.height !== undefined) {
       parsedRepresentation.height = representation.attributes.height;
-    } else if (adaptation.attributes.height != null) {
+    } else if (adaptation.attributes.height !== undefined) {
       parsedRepresentation.height = adaptation.attributes.height;
     }
-    if (representation.attributes.mimeType != null) {
+    if (representation.attributes.mimeType !== undefined) {
       parsedRepresentation.mimeType = representation.attributes.mimeType;
-    } else if (adaptation.attributes.mimeType != null) {
+    } else if (adaptation.attributes.mimeType !== undefined) {
       parsedRepresentation.mimeType = adaptation.attributes.mimeType;
     }
-    if (representation.attributes.width != null) {
+    if (representation.attributes.width !== undefined) {
       parsedRepresentation.width = representation.attributes.width;
-    } else if (adaptation.attributes.width != null) {
+    } else if (adaptation.attributes.width !== undefined) {
       parsedRepresentation.width = adaptation.attributes.width;
     }
     var contentProtectionsIr = adaptation.children.contentProtections !== undefined ? adaptation.children.contentProtections : [];
@@ -36523,6 +36479,9 @@ function parseRepresentationAttributes(representationElement) {
           dashName: "qualityRanking"
         });
         break;
+      case "scte214:supplementalCodecs":
+        attributes.supplementalCodecs = attr.value;
+        break;
       case "segmentProfiles":
         attributes.segmentProfiles = attr.value;
         break;
@@ -36849,6 +36808,9 @@ function parseAdaptationSetAttributes(root) {
       case "codecs":
         parsedAdaptation.codecs = attribute.value;
         break;
+      case "scte214:supplementalCodecs":
+        parsedAdaptation.supplementalCodecs = attribute.value;
+        break;
       case "codingDependency":
         parseValue(attribute.value, {
           asKey: "codingDependency",
@@ -37669,7 +37631,7 @@ function generateManifestParser(options) {
  * @returns
  */
 function assertLoadedResourcesFormatString(loadedResources) {
-  if (true) {
+  if (true /* __ENVIRONMENT__.PRODUCTION */) {
     return;
   }
   loadedResources.forEach(function (loadedResource) {
@@ -37691,7 +37653,7 @@ function assertLoadedResourcesFormatString(loadedResources) {
  * @returns
  */
 function assertLoadedResourcesFormatArrayBuffer(loadedResources) {
-  if (true) {
+  if (true /* __ENVIRONMENT__.PRODUCTION */) {
     return;
   }
   loadedResources.forEach(function (loadedResource) {
@@ -39073,7 +39035,6 @@ function getEventsOutOfEMSGs(parsedEMSGs, manifestPublishTime) {
 
 
 
-
 /**
  * @param {Object} config
  * @returns {Function}
@@ -39081,7 +39042,7 @@ function getEventsOutOfEMSGs(parsedEMSGs, manifestPublishTime) {
 function generateAudioVideoSegmentParser(_ref) {
   var __priv_patchLastSegmentInSidx = _ref.__priv_patchLastSegmentInSidx;
   return function audioVideoSegmentParser(loadedSegment, context, initTimescale) {
-    var _a;
+    var _a, _b;
     var segment = context.segment,
       periodStart = context.periodStart,
       periodEnd = context.periodEnd;
@@ -39129,7 +39090,7 @@ function generateAudioVideoSegmentParser(_ref) {
     }
     if (!segment.isInit) {
       var chunkInfos = seemsToBeMP4 ? getISOBMFFTimingInfos(chunkData, isChunked, segment, initTimescale) : null; // TODO extract time info from webm
-      var chunkOffset = takeFirstSet(segment.timestampOffset, 0);
+      var chunkOffset = (_b = segment.timestampOffset) !== null && _b !== void 0 ? _b : 0;
       if (seemsToBeMP4) {
         var parsedEMSGs = parseEmsgBoxes(chunkData);
         if (parsedEMSGs !== undefined) {
@@ -39461,7 +39422,6 @@ function getPlainTextTrackData(context, textTrackData, isChunked) {
 
 
 
-
 /**
  * Parse TextTrack data when it is embedded in an ISOBMFF file.
  *
@@ -39482,6 +39442,7 @@ function getPlainTextTrackData(context, textTrackData, isChunked) {
  * @returns {Object}
  */
 function parseISOBMFFEmbeddedTextTrack(data, isChunked, context, initTimescale, __priv_patchLastSegmentInSidx) {
+  var _a;
   var segment = context.segment;
   var isInit = segment.isInit,
     indexRange = segment.indexRange;
@@ -39513,7 +39474,7 @@ function parseISOBMFFEmbeddedTextTrack(data, isChunked, context, initTimescale,
   }
   var chunkInfos = getISOBMFFTimingInfos(chunkBytes, isChunked, segment, initTimescale);
   var chunkData = getISOBMFFEmbeddedTextTrackData(context, chunkBytes, chunkInfos, isChunked);
-  var chunkOffset = takeFirstSet(segment.timestampOffset, 0);
+  var chunkOffset = (_a = segment.timestampOffset) !== null && _a !== void 0 ? _a : 0;
   return {
     segmentType: "media",
     chunkData: chunkData,
@@ -46946,7 +46907,7 @@ var ManualTimeRanges = /*#__PURE__*/function () {
   }
   var _proto = ManualTimeRanges.prototype;
   _proto.insert = function insert(start, end) {
-    if (false) {}
+    if (false /* __ENVIRONMENT__.DEV */) {}
     insertInto(this._ranges, {
       start: start,
       end: end
@@ -46954,7 +46915,7 @@ var ManualTimeRanges = /*#__PURE__*/function () {
     this.length = this._ranges.length;
   };
   _proto.remove = function remove(start, end) {
-    if (false) {}
+    if (false /* __ENVIRONMENT__.DEV */) {}
     var rangesToIntersect = [];
     if (start > 0) {
       rangesToIntersect.push({
@@ -47252,7 +47213,7 @@ var NativeTextSegmentBuffer = /*#__PURE__*/function (_SegmentBuffer) {
  */
 
 function assertChunkIsTextTrackSegmentData(chunk) {
-  if (true) {
+  if (true /* __ENVIRONMENT__.PRODUCTION */) {
     return;
   }
   if (typeof chunk !== "object" || chunk === null || typeof chunk.data !== "string" || typeof chunk.type !== "string" || chunk.language !== undefined && typeof chunk.language !== "string" || chunk.start !== undefined && typeof chunk.start !== "number" || chunk.end !== undefined && typeof chunk.end !== "number") {
@@ -47268,7 +47229,7 @@ function assertChunkIsTextTrackSegmentData(chunk) {
  * It doesn't correspond at all to real code that will be called. This is just
  * a hack to tell TypeScript to perform that check.
  */
-if (false) { var _checkType; }
+if (false /* __ENVIRONMENT__.DEV */) { var _checkType; }
 ;// CONCATENATED MODULE: ./src/core/segment_buffers/implementations/text/native/index.ts
 /**
  * Copyright 2015 CANAL+ Group
@@ -49582,6 +49543,21 @@ function parseTextTrackToElements(type, data, timestampOffset, language) {
  * Setting a value too high might lead to two segments targeting different times
  * to be wrongly believed to target the same time. In worst case scenarios, this
  * could lead to wanted text tracks being removed.
+ *
+ * When comparing 2 segments s1 and s2, you may want to take into account the duration
+ * of the segments:
+ *   - if s1 is [0, 2] and s2 is [0, 2.1] s1 and s2 can be considered as nearly equal as
+ *     there is a relative difference of: (2.1-2) / 2 = 5%;
+ *     Formula: (end_s1 - end_s2) / duration_s2 = relative_difference
+ *   - if s1 is [0, 0.04] and s2 is [0.04, 0.08] s1 and s2 may not considered as nearly
+ *     equal as there is a relative difference of: (0.04-0.08) / 0.04 = 100%
+ *
+ * To compare relatively to the duration of a segment you can provide and additional
+ * parameter "delta" that remplace MAX_DELTA_BUFFER_TIME.
+ * If parameter "delta" is higher than MAX_DELTA_BUFFER_TIME, MAX_DELTA_BUFFER_TIME
+ * is used instead of delta. This ensure that segments are nearly equal when comparing
+ * relatively AND absolutely.
+ *
  * @type Number
  */
 var MAX_DELTA_BUFFER_TIME = 0.2;
@@ -49589,10 +49565,14 @@ var MAX_DELTA_BUFFER_TIME = 0.2;
  * @see MAX_DELTA_BUFFER_TIME
  * @param {Number} a
  * @param {Number} b
+ * @param {Number} delta
  * @returns {Boolean}
  */
-function areNearlyEqual(a, b) {
-  return Math.abs(a - b) <= MAX_DELTA_BUFFER_TIME;
+function areNearlyEqual(a, b, delta) {
+  if (delta === void 0) {
+    delta = MAX_DELTA_BUFFER_TIME;
+  }
+  return Math.abs(a - b) <= Math.min(delta, MAX_DELTA_BUFFER_TIME);
 }
 /**
  * Get all cues which have data before the given time.
@@ -49665,6 +49645,22 @@ function removeCuesInfosBetween(cuesInfos, start, end) {
  */
 
 
+/**
+ * first or last IHTMLCue in a group can have a slighlty different start
+ * or end time than the start or end time of the ICuesGroup due to parsing
+ * approximation.
+ * DELTA_CUES_GROUP defines the tolerance level when comparing the start/end
+ * of a IHTMLCue to the start/end of a ICuesGroup.
+ * Having this value too high may lead to have unwanted subtitle displayed
+ * Having this value too low may lead to have subtitles not displayed
+ */
+var DELTA_CUES_GROUP = 1e-3;
+/**
+ * segment_duration / RELATIVE_DELTA_RATIO = relative_delta
+ *
+ * relative_delta is the tolerance to determine if two segements are the same
+ */
+var RELATIVE_DELTA_RATIO = 5;
 /**
  * Manage the buffer of the HTMLTextSegmentBuffer.
  * Allows to add, remove and recuperate cues at given times.
@@ -49708,6 +49704,17 @@ var TextTrackCuesStore = /*#__PURE__*/function () {
             ret.push(cues[j].element);
           }
         }
+        // first or last IHTMLCue in a group can have a slighlty different start
+        // or end time than the start or end time of the ICuesGroup due to parsing
+        // approximation.
+        // Add a tolerance of 1ms to fix this issue
+        if (ret.length === 0 && cues.length > 0) {
+          for (var _j = 0; _j < cues.length; _j++) {
+            if (areNearlyEqual(time, cues[_j].start, DELTA_CUES_GROUP) || areNearlyEqual(time, cues[_j].end, DELTA_CUES_GROUP)) {
+              ret.push(cues[_j].element);
+            }
+          }
+        }
         return ret;
       }
     }
@@ -49719,7 +49726,7 @@ var TextTrackCuesStore = /*#__PURE__*/function () {
    * @param {Number} to
    */;
   _proto.remove = function remove(from, _to) {
-    if (false) {}
+    if (false /* __ENVIRONMENT__.DEV */) {}
     var to = Math.max(from, _to);
     var cuesBuffer = this._cuesBuffer;
     for (var cueIdx = 0; cueIdx < cuesBuffer.length; cueIdx++) {
@@ -49794,6 +49801,11 @@ var TextTrackCuesStore = /*#__PURE__*/function () {
       end: end,
       cues: cues
     };
+    // it's preferable to have a delta depending on the duration of the segment
+    // if the delta is one fifth of the length of the segment:
+    // a segment of [0, 2] is the "same" segment as [0, 2.1]
+    // but [0, 0.04] is not the "same" segement as [0,04, 0.08]
+    var relativeDelta = Math.abs(start - end) / RELATIVE_DELTA_RATIO;
     /**
      * Called when we found the index of the next cue relative to the cue we
      * want to insert (that is a cue starting after its start or at the same
@@ -49806,7 +49818,7 @@ var TextTrackCuesStore = /*#__PURE__*/function () {
       var nextCue = cuesBuffer[indexOfNextCue];
       if (nextCue === undefined ||
       // no cue
-      areNearlyEqual(cuesInfosToInsert.end, nextCue.end))
+      areNearlyEqual(cuesInfosToInsert.end, nextCue.end, relativeDelta))
         // samey end
         {
           //   ours:            |AAAAA|
@@ -49841,8 +49853,8 @@ var TextTrackCuesStore = /*#__PURE__*/function () {
     for (var cueIdx = 0; cueIdx < cuesBuffer.length; cueIdx++) {
       var cuesInfos = cuesBuffer[cueIdx];
       if (start < cuesInfos.end) {
-        if (areNearlyEqual(start, cuesInfos.start)) {
-          if (areNearlyEqual(end, cuesInfos.end)) {
+        if (areNearlyEqual(start, cuesInfos.start, relativeDelta)) {
+          if (areNearlyEqual(end, cuesInfos.end, relativeDelta)) {
             // exact same segment
             //   ours:            |AAAAA|
             //   the current one: |BBBBB|
@@ -49887,7 +49899,7 @@ var TextTrackCuesStore = /*#__PURE__*/function () {
             //   - add ours before the current one
             cuesBuffer.splice(cueIdx, 0, cuesInfosToInsert);
             return;
-          } else if (areNearlyEqual(end, cuesInfos.start)) {
+          } else if (areNearlyEqual(end, cuesInfos.start, relativeDelta)) {
             // our cue goes just before the current one:
             //   ours:            |AAAAAAA|
             //   the current one:         |BBBB|
@@ -49898,7 +49910,7 @@ var TextTrackCuesStore = /*#__PURE__*/function () {
             cuesInfos.start = end;
             cuesBuffer.splice(cueIdx, 0, cuesInfosToInsert);
             return;
-          } else if (areNearlyEqual(end, cuesInfos.end)) {
+          } else if (areNearlyEqual(end, cuesInfos.end, relativeDelta)) {
             //   ours:            |AAAAAAA|
             //   the current one:    |BBBB|
             //   Result:          |AAAAAAA|
@@ -49925,7 +49937,7 @@ var TextTrackCuesStore = /*#__PURE__*/function () {
           return;
         }
         // else -> start > cuesInfos.start
-        if (areNearlyEqual(cuesInfos.end, end)) {
+        if (areNearlyEqual(cuesInfos.end, end, relativeDelta)) {
           //   ours:              |AAAAAA|
           //   the current one: |BBBBBBBB|
           //   Result:          |BBAAAAAA|
@@ -49961,6 +49973,21 @@ var TextTrackCuesStore = /*#__PURE__*/function () {
         }
       }
     }
+    if (cuesBuffer.length) {
+      var lastCue = cuesBuffer[cuesBuffer.length - 1];
+      if (areNearlyEqual(lastCue.end, start, relativeDelta)) {
+        // Match the end of the previous cue to the start of the following one
+        // if they are close enough. If there is a small gap between two segments
+        // it can lead to having no subtitles for a short time, this is noticeable when
+        // two successive segments displays the same text, making it diseappear
+        // and reappear quickly, which gives the impression of blinking
+        //
+        //   ours:                   |AAAAA|
+        //   the current one: |BBBBB|...
+        //   Result:          |BBBBBBBAAAAA|
+        lastCue.end = start;
+      }
+    }
     // no cues group has the end after our current start.
     // These cues should be the last one
     cuesBuffer.push(cuesInfosToInsert);
@@ -50420,7 +50447,7 @@ var HTMLTextSegmentBuffer = /*#__PURE__*/function (_SegmentBuffer) {
  */
 
 function html_text_segment_buffer_assertChunkIsTextTrackSegmentData(chunk) {
-  if (true) {
+  if (true /* __ENVIRONMENT__.PRODUCTION */) {
     return;
   }
   if (typeof chunk !== "object" || chunk === null || typeof chunk.data !== "string" || typeof chunk.type !== "string" || chunk.language !== undefined && typeof chunk.language !== "string" || chunk.start !== undefined && typeof chunk.start !== "number" || chunk.end !== undefined && typeof chunk.end !== "number") {
@@ -50436,7 +50463,7 @@ function html_text_segment_buffer_assertChunkIsTextTrackSegmentData(chunk) {
  * It doesn't correspond at all to real code that will be called. This is just
  * a hack to tell TypeScript to perform that check.
  */
-if (false) { var html_text_segment_buffer_checkType; }
+if (false /* __ENVIRONMENT__.DEV */) { var html_text_segment_buffer_checkType; }
 ;// CONCATENATED MODULE: ./src/core/segment_buffers/implementations/text/html/index.ts
 /**
  * Copyright 2015 CANAL+ Group
@@ -52526,7 +52553,8 @@ function addHTMLSRTFeature(features) {
 api.addFeatures([addSmoothFeature, addDASHFeature, addDirectfileFeature, addEMEFeature, addNativeTTMLFeature, addNativeSAMIFeature, addNativeVTTFeature, addNativeSRTFeature, addHTMLTTMLFeature, addHTMLSAMIFeature, addHTMLVTTFeature, addHTMLSRTFeature]);
 if (isDebugModeEnabled()) {
   src_log.setLevel("DEBUG");
-} else if (false) {}
+} else if (false /* __ENVIRONMENT__.DEV */) {}
+
 /* harmony default export */ var src = (api);
 }();
 __webpack_exports__ = __webpack_exports__["default"];