@clappr/hlsjs-playback 3.0.3 → 3.1.1

package/dist/hlsjs-playback.esm.js

@@ -1,158 +1,38 @@
-import { Utils, Events, Playback, Log, PlayerError, HTML5Video } from '@clappr/core';
-import HLSJS from 'hls.js';
-
-function _arrayLikeToArray(r, a) {
-  (null == a || a > r.length) && (a = r.length);
-  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
-  return n;
-}
-function _arrayWithoutHoles(r) {
-  if (Array.isArray(r)) return _arrayLikeToArray(r);
-}
-function _assertThisInitialized(e) {
-  if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-  return e;
-}
-function _callSuper(t, o, e) {
-  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
-}
-function _classCallCheck(a, n) {
-  if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
-}
-function _defineProperties(e, r) {
-  for (var t = 0; t < r.length; t++) {
-    var o = r[t];
-    o.enumerable = o.enumerable || false, o.configurable = true, "value" in o && (o.writable = true), Object.defineProperty(e, _toPropertyKey(o.key), o);
-  }
-}
-function _createClass(e, r, t) {
-  return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", {
-    writable: false
-  }), e;
-}
-function _defineProperty(e, r, t) {
-  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
-    value: t,
-    enumerable: true,
-    configurable: true,
-    writable: true
-  }) : e[r] = t, e;
-}
-function _get() {
-  return _get = "undefined" != typeof Reflect && Reflect.get ? Reflect.get.bind() : function (e, t, r) {
-    var p = _superPropBase(e, t);
-    if (p) {
-      var n = Object.getOwnPropertyDescriptor(p, t);
-      return n.get ? n.get.call(arguments.length < 3 ? e : r) : n.value;
-    }
-  }, _get.apply(null, arguments);
-}
-function _getPrototypeOf(t) {
-  return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) {
-    return t.__proto__ || Object.getPrototypeOf(t);
-  }, _getPrototypeOf(t);
-}
-function _inherits(t, e) {
-  if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function");
-  t.prototype = Object.create(e && e.prototype, {
-    constructor: {
-      value: t,
-      writable: true,
-      configurable: true
-    }
-  }), Object.defineProperty(t, "prototype", {
-    writable: false
-  }), e && _setPrototypeOf(t, e);
-}
-function _isNativeReflectConstruct() {
-  try {
-    var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
-  } catch (t) {}
-  return (_isNativeReflectConstruct = function () {
-    return !!t;
-  })();
-}
-function _iterableToArray(r) {
-  if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
-}
-function _nonIterableSpread() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function (r) {
-      return Object.getOwnPropertyDescriptor(e, r).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread2(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function (r) {
-      _defineProperty(e, r, t[r]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
-      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
-    });
-  }
-  return e;
-}
-function _possibleConstructorReturn(t, e) {
-  if (e && ("object" == typeof e || "function" == typeof e)) return e;
-  if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined");
-  return _assertThisInitialized(t);
-}
-function _setPrototypeOf(t, e) {
-  return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) {
-    return t.__proto__ = e, t;
-  }, _setPrototypeOf(t, e);
-}
-function _superPropBase(t, o) {
-  for (; !{}.hasOwnProperty.call(t, o) && null !== (t = _getPrototypeOf(t)););
-  return t;
-}
-function _superPropGet(t, o, e, r) {
-  var p = _get(_getPrototypeOf(t.prototype ), o, e);
-  return 2 & r && "function" == typeof p ? function (t) {
-    return p.apply(e, t);
-  } : p;
-}
-function _toConsumableArray(r) {
-  return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
-}
-function _toPrimitive(t, r) {
-  if ("object" != typeof t || !t) return t;
-  var e = t[Symbol.toPrimitive];
-  if (void 0 !== e) {
-    var i = e.call(t, r);
-    if ("object" != typeof i) return i;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (String )(t);
-}
-function _toPropertyKey(t) {
-  var i = _toPrimitive(t, "string");
-  return "symbol" == typeof i ? i : i + "";
-}
-function _unsupportedIterableToArray(r, a) {
-  if (r) {
-    if ("string" == typeof r) return _arrayLikeToArray(r, a);
-    var t = {}.toString.call(r).slice(8, -1);
-    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
-  }
-}
-
-if (!HLSJS) {
-  throw new Error('@clappr/hlsjs-playback requires hls.js (^1) to be loaded before it');
-}
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
+function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
+function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _superPropGet(t, o, e, r) { var p = _get(_getPrototypeOf(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
+function _get() { return _get = "undefined" != typeof Reflect && Reflect.get ? Reflect.get.bind() : function (e, t, r) { var p = _superPropBase(e, t); if (p) { var n = Object.getOwnPropertyDescriptor(p, t); return n.get ? n.get.call(arguments.length < 3 ? e : r) : n.value; } }, _get.apply(null, arguments); }
+function _superPropBase(t, o) { for (; !{}.hasOwnProperty.call(t, o) && null !== (t = _getPrototypeOf(t));); return t; }
+function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
+import { Events, HTML5Video, Log, Playback, PlayerError, Utils } from "@clappr/core";
+import HLSJS from "hls.js";
+//#region src/hls.js
+if (!HLSJS) throw new Error("@clappr/hlsjs-playback requires hls.js (^1) to be loaded before it");
 var now = Utils.now,
   listContainsIgnoreCase = Utils.listContainsIgnoreCase;
 var AUTO = -1;
 var DEFAULT_RECOVER_ATTEMPTS = 16;
-Events.register('PLAYBACK_FRAGMENT_CHANGED');
-Events.register('PLAYBACK_FRAGMENT_PARSING_METADATA');
+Events.register("PLAYBACK_FRAGMENT_CHANGED");
+Events.register("PLAYBACK_FRAGMENT_PARSING_METADATA");
 var HlsjsPlayback = /*#__PURE__*/function (_HTML5Video) {
   function HlsjsPlayback() {
     var _this;
@@ -161,10 +41,10 @@ var HlsjsPlayback = /*#__PURE__*/function (_HTML5Video) {
       args[_key] = arguments[_key];
     }
     _this = _callSuper(this, HlsjsPlayback, [].concat(args));
-    _this.options.hlsPlayback = _objectSpread2(_objectSpread2({}, _this.defaultOptions), _this.options.hlsPlayback);
+    _this.options.hlsPlayback = _objectSpread(_objectSpread({}, _this.defaultOptions), _this.options.hlsPlayback);
     _this._timeUpdateThrottleDelay = 200;
-    _this._timeUpdateFiringRate = 0.2;
-    _this._durationChangeMinOffset = 0.5;
+    _this._timeUpdateFiringRate = .2;
+    _this._durationChangeMinOffset = .5;
     _this._setInitialState();
     return _this;
   }
@@ -172,13 +52,13 @@ var HlsjsPlayback = /*#__PURE__*/function (_HTML5Video) {
   return _createClass(HlsjsPlayback, [{
     key: "name",
     get: function get() {
-      return 'hls';
+      return "hls";
     }
   }, {
     key: "supportedVersion",
     get: function get() {
       return {
-        min: "0.16.3"
+        min: "0.17.1"
       };
     }
   }, {
@@ -189,20 +69,12 @@ var HlsjsPlayback = /*#__PURE__*/function (_HTML5Video) {
   }, {
     key: "currentLevel",
     get: function get() {
-      if (this._currentLevel === null || this._currentLevel === undefined) {
-        return AUTO;
-      } else {
-        return this._currentLevel;
-      } // 0 is a valid level ID
+      if (this._currentLevel === null || this._currentLevel === void 0) return AUTO;else return this._currentLevel;
     },
     set: function set(id) {
       this._currentLevel = id;
       this.trigger(Events.PLAYBACK_LEVEL_SWITCH_START);
-      if (this.options.playback.hlsUseNextLevel) {
-        this._hls.nextLevel = this._currentLevel;
-      } else {
-        this._hls.currentLevel = this._currentLevel;
-      }
+      if (this.options.playback.hlsUseNextLevel) this._hls.nextLevel = this._currentLevel;else this._hls.currentLevel = this._currentLevel;
     }
   }, {
     key: "isReady",
@@ -227,9 +99,7 @@ var HlsjsPlayback = /*#__PURE__*/function (_HTML5Video) {
   }, {
     key: "_startTime",
     get: function get() {
-      if (this._playbackType === Playback.LIVE && this._playlistType !== 'EVENT') {
-        return this._extrapolatedStartTime;
-      }
+      if (this._playbackType === Playback.LIVE && this._playlistType !== "EVENT") return this._extrapolatedStartTime;
       return this._playableRegionStartTime;
     }
   }, {
@@ -237,24 +107,15 @@ var HlsjsPlayback = /*#__PURE__*/function (_HTML5Video) {
     get: function get() {
       return now();
     }
-
-    // the time in the video element which should represent the start of the sliding window
-    // extrapolated to increase in real time (instead of jumping as the early segments are removed)
   }, {
     key: "_extrapolatedStartTime",
     get: function get() {
-      if (!this._localStartTimeCorrelation) {
-        return this._playableRegionStartTime;
-      }
+      if (!this._localStartTimeCorrelation) return this._playableRegionStartTime;
       var corr = this._localStartTimeCorrelation;
       var timePassed = this._now - corr.local;
-      var extrapolatedWindowStartTime = (corr.remote + timePassed) / 1000;
-      // cap at the end of the extrapolated window duration
+      var extrapolatedWindowStartTime = (corr.remote + timePassed) / 1e3;
       return Math.min(extrapolatedWindowStartTime, this._playableRegionStartTime + this._extrapolatedWindowDuration);
     }
-
-    // the time in the video element which should represent the end of the content
-    // extrapolated to increase in real time (instead of jumping as segments are added)
   }, {
     key: "_extrapolatedEndTime",
     get: function get() {
@@ -262,7 +123,7 @@ var HlsjsPlayback = /*#__PURE__*/function (_HTML5Video) {
       if (!this._localEndTimeCorrelation) return actualEndTime;
       var correlation = this._localEndTimeCorrelation;
       var timePassed = this._now - correlation.local;
-      var extrapolatedEndTime = (correlation.remote + timePassed) / 1000;
+      var extrapolatedEndTime = (correlation.remote + timePassed) / 1e3;
       return Math.max(actualEndTime - this._extrapolatedWindowDuration, Math.min(extrapolatedEndTime, actualEndTime));
     }
   }, {
@@ -270,30 +131,10 @@ var HlsjsPlayback = /*#__PURE__*/function (_HTML5Video) {
     get: function get() {
       return this._extrapolatedEndTime - this._startTime;
     }
-
-    // Returns the duration (seconds) of the window that the extrapolated start time is allowed
-    // to move in before being capped.
-    // The extrapolated start time should never reach the cap at the end of the window as the
-    // window should slide as chunks are removed from the start.
-    // This also applies to the extrapolated end time in the same way.
-    //
-    // If chunks aren't being removed for some reason that the start time will reach and remain fixed at
-    // playableRegionStartTime + extrapolatedWindowDuration
-    //
-    //                                <-- window duration -->
-    // I.e   playableRegionStartTime |-----------------------|
-    //                               | -->   .       .       .
-    //                               .   --> | -->   .       .
-    //                               .       .   --> | -->   .
-    //                               .       .       .   --> |
-    //                               .       .       .       .
-    //                                 extrapolatedStartTime
   }, {
     key: "_extrapolatedWindowDuration",
     get: function get() {
-      if (this._segmentTargetDuration === null) {
-        return 0;
-      }
+      if (this._segmentTargetDuration === null) return 0;
       return this._extrapolatedWindowNumSegments * this._segmentTargetDuration;
     }
   }, {
@@ -322,22 +163,14 @@ var HlsjsPlayback = /*#__PURE__*/function (_HTML5Video) {
     key: "currentTimestamp",
     get: function get() {
       if (!this._currentFragment) return null;
-      var startTime = this._currentFragment.programDateTime;
-      var playbackTime = this.el.currentTime;
-      var playTimeOffSet = playbackTime - this._currentFragment.start;
-      var currentTimestampInMs = startTime + playTimeOffSet * 1000;
-      return currentTimestampInMs / 1000;
+      return (this._currentFragment.programDateTime + (this.el.currentTime - this._currentFragment.start) * 1e3) / 1e3;
     }
   }, {
     key: "_setInitialState",
     value: function _setInitialState() {
       var _this$options$hlsReco;
-      this._minDvrSize = typeof this.options.hlsMinimumDvrSize === 'undefined' ? 60 : this.options.hlsMinimumDvrSize;
-      // The size of the start time extrapolation window measured as a multiple of segments.
-      // Should be 2 or higher, or 0 to disable. Should only need to be increased above 2 if more than one segment is
-      // removed from the start of the playlist at a time. E.g if the playlist is cached for 10 seconds and new chunks are
-      // added/removed every 5.
-      this._extrapolatedWindowNumSegments = !this.options.playback || typeof this.options.playback.extrapolatedWindowNumSegments === 'undefined' ? 2 : this.options.playback.extrapolatedWindowNumSegments;
+      this._minDvrSize = typeof this.options.hlsMinimumDvrSize === "undefined" ? 60 : this.options.hlsMinimumDvrSize;
+      this._extrapolatedWindowNumSegments = !this.options.playback || typeof this.options.playback.extrapolatedWindowNumSegments === "undefined" ? 2 : this.options.playback.extrapolatedWindowNumSegments;
       this._playbackType = Playback.VOD;
       this._lastTimeUpdate = {
         current: 0,
@@ -346,32 +179,13 @@ var HlsjsPlayback = /*#__PURE__*/function (_HTML5Video) {
       };
       this._lastTimeUpdateFiredTime = 0;
       this._lastDuration = null;
-      // for hls streams which have dvr with a sliding window,
-      // the content at the start of the playlist is removed as new
-      // content is appended at the end.
-      // this means the actual playable start time will increase as the
-      // start content is deleted
-      // For streams with dvr where the entire recording is kept from the
-      // beginning this should stay as 0
       this._playableRegionStartTime = 0;
-      // {local, remote} remote is the time in the video element that should represent 0
-      //                 local is the system time when the 'remote' measurment took place
       this._localStartTimeCorrelation = null;
-      // {local, remote} remote is the time in the video element that should represents the end
-      //                 local is the system time when the 'remote' measurment took place
       this._localEndTimeCorrelation = null;
-      // if content is removed from the beginning then this empty area should
-      // be ignored. "playableRegionDuration" excludes the empty area
       this._playableRegionDuration = 0;
-      // #EXT-X-PROGRAM-DATE-TIME
       this._programDateTime = 0;
-      // true when the actual duration is longer than hlsjs's live sync point
-      // when this is false playableRegionDuration will be the actual duration
-      // when this is true playableRegionDuration will exclude the time after the sync point
       this._durationExcludesAfterLiveSyncPoint = false;
-      // #EXT-X-TARGETDURATION
       this._segmentTargetDuration = null;
-      // #EXT-X-PLAYLIST-TYPE
       this._playlistType = null;
       this._recoverAttemptsRemaining = (_this$options$hlsReco = this.options.hlsRecoverAttempts) !== null && _this$options$hlsReco !== void 0 ? _this$options$hlsReco : DEFAULT_RECOVER_ATTEMPTS;
     }
@@ -397,7 +211,7 @@ var HlsjsPlayback = /*#__PURE__*/function (_HTML5Video) {
   }, {
     key: "_createHLSInstance",
     value: function _createHLSInstance() {
-      var config = _objectSpread2({}, this.options.playback.hlsjsConfig);
+      var config = _objectSpread({}, this.options.playback.hlsjsConfig);
       this._hls = new HLSJS(config);
     }
   }, {
@@ -455,7 +269,7 @@ var HlsjsPlayback = /*#__PURE__*/function (_HTML5Video) {
       var _this3 = this;
       this.customListeners.forEach(function (item) {
         var requestedEventName = item.eventName;
-        var typeOfListener = item.once ? 'once' : 'on';
+        var typeOfListener = item.once ? "once" : "on";
         requestedEventName && _this3._hls["".concat(typeOfListener)](requestedEventName, item.callback);
       });
     }
@@ -503,7 +317,7 @@ var HlsjsPlayback = /*#__PURE__*/function (_HTML5Video) {
         this._hls.recoverMediaError();
         this.play();
       } else {
-        Log.error('hlsjs: failed to recover', {
+        Log.error("hlsjs: failed to recover", {
           evt: evt,
           data: data
         });
@@ -513,9 +327,6 @@ var HlsjsPlayback = /*#__PURE__*/function (_HTML5Video) {
         this.stop();
       }
     }
-
-    // override
-    // this playback manages the src on the video element itself
   }, {
     key: "_setupSrc",
     value: function _setupSrc(srcUrl) {}
@@ -541,18 +352,11 @@ var HlsjsPlayback = /*#__PURE__*/function (_HTML5Video) {
     value: function getProgramDateTime() {
       return this._programDateTime;
     }
-
-    // the duration on the video element itself should not be used
-    // as this does not necesarily represent the duration of the stream
-    // https://github.com/clappr/clappr/issues/668#issuecomment-157036678
   }, {
     key: "getDuration",
     value: function getDuration() {
       return this._duration;
     }
-
-    // the frame rate should be retrieved from the HLS.js level information
-    // as it is not necessarily exposed directly by the video element
   }, {
     key: "getFrameRate",
     value: function getFrameRate() {
@@ -565,15 +369,8 @@ var HlsjsPlayback = /*#__PURE__*/function (_HTML5Video) {
   }, {
     key: "getCurrentTime",
     value: function getCurrentTime() {
-      // e.g. can be < 0 if user pauses near the start
-      // eventually they will then be kicked to the end by hlsjs if they run out of buffer
-      // before the official start time
       return Math.max(0, this.el.currentTime - this._startTime);
     }
-
-    // the time that "0" now represents relative to when playback started
-    // for a stream with a sliding window this will increase as content is
-    // removed from the beginning
   }, {
     key: "getStartTimeOffset",
     value: function getStartTimeOffset() {
@@ -588,7 +385,7 @@ var HlsjsPlayback = /*#__PURE__*/function (_HTML5Video) {
     key: "seek",
     value: function seek(time) {
       if (time < 0) {
-        Log.warn('Attempt to seek to a negative time. Resetting to live point. Use seekToLivePoint() to seek to the live point.');
+        Log.warn("Attempt to seek to a negative time. Resetting to live point. Use seekToLivePoint() to seek to the live point.");
         time = this.getDuration();
       }
       time += this._startTime;
@@ -602,13 +399,7 @@ var HlsjsPlayback = /*#__PURE__*/function (_HTML5Video) {
   }, {
     key: "_updateSettings",
     value: function _updateSettings() {
-      if (this._playbackType === Playback.VOD) {
-        this.settings.left = ['playpause', 'position', 'duration'];
-      } else if (this.dvrEnabled) {
-        this.settings.left = ['playpause'];
-      } else {
-        this.settings.left = ['playstop'];
-      }
+      if (this._playbackType === Playback.VOD) this.settings.left = ["playpause", "position", "duration"];else if (this.dvrEnabled) this.settings.left = ["playpause"];else this.settings.left = ["playstop"];
       this.settings.seekEnabled = this.isSeekEnabled();
       this.trigger(Events.PLAYBACK_SETTINGSUPDATE);
     }
@@ -622,23 +413,18 @@ var HlsjsPlayback = /*#__PURE__*/function (_HTML5Video) {
       };
       var formattedError;
       if (data.response) error.description += ", response: ".concat(JSON.stringify(data.response));
-      // only report/handle errors if they are fatal
-      // hlsjs should automatically handle non fatal errors
       if (data.fatal) {
         if (this._recoverAttemptsRemaining > 0) {
           this._recoverAttemptsRemaining -= 1;
           switch (data.type) {
             case HLSJS.ErrorTypes.NETWORK_ERROR:
               switch (data.details) {
-                // The following network errors cannot be recovered with HLS.startLoad()
-                // For more details, see https://github.com/video-dev/hls.js/blob/master/doc/design.md#error-detection-and-handling
-                // For "level load" fatal errors, see https://github.com/video-dev/hls.js/issues/1138
                 case HLSJS.ErrorDetails.MANIFEST_LOAD_ERROR:
                 case HLSJS.ErrorDetails.MANIFEST_LOAD_TIMEOUT:
                 case HLSJS.ErrorDetails.MANIFEST_PARSING_ERROR:
                 case HLSJS.ErrorDetails.LEVEL_LOAD_ERROR:
                 case HLSJS.ErrorDetails.LEVEL_LOAD_TIMEOUT:
-                  Log.error('hlsjs: unrecoverable network fatal error.', {
+                  Log.error("hlsjs: unrecoverable network fatal error.", {
                     evt: evt,
                     data: data
                   });
@@ -647,17 +433,16 @@ var HlsjsPlayback = /*#__PURE__*/function (_HTML5Video) {
                   this.stop();
                   break;
                 default:
-                  Log.warn('hlsjs: trying to recover from network error.', {
+                  Log.warn("hlsjs: trying to recover from network error.", {
                     evt: evt,
                     data: data
                   });
                   error.level = PlayerError.Levels.WARN;
                   this._hls.startLoad();
-                  break;
               }
               break;
             case HLSJS.ErrorTypes.MEDIA_ERROR:
-              Log.warn('hlsjs: trying to recover from media error.', {
+              Log.warn("hlsjs: trying to recover from media error.", {
                 evt: evt,
                 data: data
               });
@@ -665,17 +450,16 @@ var HlsjsPlayback = /*#__PURE__*/function (_HTML5Video) {
               this._recover(evt, data, error);
               break;
             default:
-              Log.error('hlsjs: could not recover from error.', {
+              Log.error("hlsjs: could not recover from error.", {
                 evt: evt,
                 data: data
               });
               formattedError = this.createError(error);
               this.trigger(Events.PLAYBACK_ERROR, formattedError);
               this.stop();
-              break;
           }
         } else {
-          Log.error('hlsjs: could not recover from error after maximum number of attempts.', {
+          Log.error("hlsjs: could not recover from error after maximum number of attempts.", {
             evt: evt,
             data: data
           });
@@ -684,12 +468,8 @@ var HlsjsPlayback = /*#__PURE__*/function (_HTML5Video) {
           this.stop();
         }
       } else {
-        // Transforms HLSJS.ErrorDetails.KEY_LOAD_ERROR non-fatal error to
-        // playback fatal error if triggerFatalErrorOnResourceDenied playback
-        // option is set. HLSJS.ErrorTypes.KEY_SYSTEM_ERROR are fatal errors
-        // and therefore already handled.
         if (this.options.playback.triggerFatalErrorOnResourceDenied && this._keyIsDenied(data)) {
-          Log.error('hlsjs: could not load decrypt key.', {
+          Log.error("hlsjs: could not load decrypt key.", {
             evt: evt,
             data: data
           });
@@ -699,10 +479,11 @@ var HlsjsPlayback = /*#__PURE__*/function (_HTML5Video) {
           return;
         }
         error.level = PlayerError.Levels.WARN;
-        Log.warn('hlsjs: non-fatal error occurred', {
+        Log.warn("hlsjs: non-fatal error occurred", {
           evt: evt,
           data: data
         });
+        this.trigger(Events.PLAYBACK_WARNING, error, this.name);
       }
     }
   }, {
@@ -718,8 +499,7 @@ var HlsjsPlayback = /*#__PURE__*/function (_HTML5Video) {
         total: this.getDuration(),
         firstFragDateTime: this.getProgramDateTime()
       };
-      var shouldThrottle = this._shouldThrottleTimeUpdate(update);
-      if (shouldThrottle) return;
+      if (this._shouldThrottleTimeUpdate(update)) return;
       this._lastTimeUpdate = update;
       this._lastTimeUpdateFiredTime = this._now;
       this.trigger(Events.PLAYBACK_TIMEUPDATE, update, this.name);
@@ -738,8 +518,7 @@ var HlsjsPlayback = /*#__PURE__*/function (_HTML5Video) {
     key: "_onDurationChange",
     value: function _onDurationChange() {
       var duration = this.getDuration();
-      var isSameDuration = Math.abs(this._lastDuration - duration) < this._durationChangeMinOffset;
-      if (isSameDuration) return;
+      if (Math.abs(this._lastDuration - duration) < this._durationChangeMinOffset) return;
       this._lastDuration = duration;
       _superPropGet(HlsjsPlayback, "_onDurationChange", this, 3)([]);
     }
@@ -751,13 +530,10 @@ var HlsjsPlayback = /*#__PURE__*/function (_HTML5Video) {
       var bufferedPos = 0;
       for (var i = 0; i < this.el.buffered.length; i++) {
         buffered = [].concat(_toConsumableArray(buffered), [{
-          // for a stream with sliding window dvr something that is buffered my slide off the start of the timeline
           start: Math.max(0, this.el.buffered.start(i) - this._playableRegionStartTime),
           end: Math.max(0, this.el.buffered.end(i) - this._playableRegionStartTime)
         }]);
-        if (this.el.currentTime >= buffered[i].start && this.el.currentTime <= buffered[i].end) {
-          bufferedPos = i;
-        }
+        if (this.el.currentTime >= buffered[i].start && this.el.currentTime <= buffered[i].end) bufferedPos = i;
       }
       var progress = {
         start: buffered[bufferedPos].start,
@@ -806,10 +582,7 @@ var HlsjsPlayback = /*#__PURE__*/function (_HTML5Video) {
     value: function _updatePlaybackType(evt, data) {
       this._playbackType = data.details.live ? Playback.LIVE : Playback.VOD;
       this._onLevelUpdated(evt, data);
-      // Live stream subtitle tracks detection hack (may not immediately available)
-      if (this._ccTracksUpdated && this._playbackType === Playback.LIVE && this.hasClosedCaptionsTracks) {
-        this._onSubtitleLoaded();
-      }
+      if (this._ccTracksUpdated && this._playbackType === Playback.LIVE && this.hasClosedCaptionsTracks) this._onSubtitleLoaded();
     }
   }, {
     key: "_fillLevels",
@@ -818,7 +591,7 @@ var HlsjsPlayback = /*#__PURE__*/function (_HTML5Video) {
         return {
           id: index,
           level: level,
-          label: "".concat(level.bitrate / 1000, "Kbps")
+          label: "".concat(level.bitrate / 1e3, "Kbps")
         };
       });
       this.trigger(Events.PLAYBACK_LEVELS_AVAILABLE, this._levels);
@@ -834,111 +607,62 @@ var HlsjsPlayback = /*#__PURE__*/function (_HTML5Video) {
       var previousPlayableRegionStartTime = this._playableRegionStartTime;
       var previousPlayableRegionDuration = this._playableRegionDuration;
       if (fragments.length === 0) return;
-      // #EXT-X-PROGRAM-DATE-TIME
-      if (fragments[0].rawProgramDateTime) {
-        this._programDateTime = fragments[0].rawProgramDateTime;
-      }
+      if (fragments[0].rawProgramDateTime) this._programDateTime = fragments[0].rawProgramDateTime;
       if (this._playableRegionStartTime !== fragments[0].start) {
         startTimeChanged = true;
         this._playableRegionStartTime = fragments[0].start;
       }
       if (startTimeChanged) {
-        if (!this._localStartTimeCorrelation) {
-          // set the correlation to map to middle of the extrapolation window
-          this._localStartTimeCorrelation = {
-            local: this._now,
-            remote: (fragments[0].start + this._extrapolatedWindowDuration / 2) * 1000
-          };
-        } else {
-          // check if the correlation still works
+        if (!this._localStartTimeCorrelation) this._localStartTimeCorrelation = {
+          local: this._now,
+          remote: (fragments[0].start + this._extrapolatedWindowDuration / 2) * 1e3
+        };else {
           var corr = this._localStartTimeCorrelation;
           var timePassed = this._now - corr.local;
-          // this should point to a time within the extrapolation window
-          var startTime = (corr.remote + timePassed) / 1000;
-          if (startTime < fragments[0].start) {
-            // our start time is now earlier than the first chunk
-            // (maybe the chunk was removed early)
-            // reset correlation so that it sits at the beginning of the first available chunk
-            this._localStartTimeCorrelation = {
-              local: this._now,
-              remote: fragments[0].start * 1000
-            };
-          } else if (startTime > previousPlayableRegionStartTime + this._extrapolatedWindowDuration) {
-            // start time was past the end of the old extrapolation window (so would have been capped)
-            // see if now that time would be inside the window, and if it would be set the correlation
-            // so that it resumes from the time it was at at the end of the old window
-            // update the correlation so that the time starts counting again from the value it's on now
-            this._localStartTimeCorrelation = {
-              local: this._now,
-              remote: Math.max(fragments[0].start, previousPlayableRegionStartTime + this._extrapolatedWindowDuration) * 1000
-            };
-          }
+          var startTime = (corr.remote + timePassed) / 1e3;
+          if (startTime < fragments[0].start) this._localStartTimeCorrelation = {
+            local: this._now,
+            remote: fragments[0].start * 1e3
+          };else if (startTime > previousPlayableRegionStartTime + this._extrapolatedWindowDuration) this._localStartTimeCorrelation = {
+            local: this._now,
+            remote: Math.max(fragments[0].start, previousPlayableRegionStartTime + this._extrapolatedWindowDuration) * 1e3
+          };
         }
       }
       var newDuration = data.details.totalduration;
-      // if it's a live stream then shorten the duration to remove access
-      // to the area after hlsjs's live sync point
-      // seeks to areas after this point sometimes have issues
       if (this._playbackType === Playback.LIVE) {
-        var fragmentTargetDuration = data.details.targetduration;
-        var hlsjsConfig = this.options.playback.hlsjsConfig || {};
-        var liveSyncDurationCount = hlsjsConfig.liveSyncDurationCount || HLSJS.DefaultConfig.liveSyncDurationCount;
-        var hiddenAreaDuration = fragmentTargetDuration * liveSyncDurationCount;
+        var hiddenAreaDuration = data.details.targetduration * ((this.options.playback.hlsjsConfig || {}).liveSyncDurationCount || HLSJS.DefaultConfig.liveSyncDurationCount);
         if (hiddenAreaDuration <= newDuration) {
           newDuration -= hiddenAreaDuration;
           this._durationExcludesAfterLiveSyncPoint = true;
-        } else {
-          this._durationExcludesAfterLiveSyncPoint = false;
-        }
+        } else this._durationExcludesAfterLiveSyncPoint = false;
       }
       if (newDuration !== this._playableRegionDuration) {
         durationChanged = true;
         this._playableRegionDuration = newDuration;
       }
-      // Note the end time is not the playableRegionDuration
-      // The end time will always increase even if content is removed from the beginning
       var endTime = fragments[0].start + newDuration;
       var previousEndTime = previousPlayableRegionStartTime + previousPlayableRegionDuration;
-      var endTimeChanged = endTime !== previousEndTime;
-      if (endTimeChanged) {
-        if (!this._localEndTimeCorrelation) {
-          // set the correlation to map to the end
-          this._localEndTimeCorrelation = {
-            local: this._now,
-            remote: endTime * 1000
-          };
-        } else {
-          // check if the correlation still works
+      if (endTime !== previousEndTime) {
+        if (!this._localEndTimeCorrelation) this._localEndTimeCorrelation = {
+          local: this._now,
+          remote: endTime * 1e3
+        };else {
           var _corr = this._localEndTimeCorrelation;
           var _timePassed = this._now - _corr.local;
-          // this should point to a time within the extrapolation window from the end
-          var extrapolatedEndTime = (_corr.remote + _timePassed) / 1000;
-          if (extrapolatedEndTime > endTime) {
-            this._localEndTimeCorrelation = {
-              local: this._now,
-              remote: endTime * 1000
-            };
-          } else if (extrapolatedEndTime < endTime - this._extrapolatedWindowDuration) {
-            // our extrapolated end time is now earlier than the extrapolation window from the actual end time
-            // (maybe a chunk became available early)
-            // reset correlation so that it sits at the beginning of the extrapolation window from the end time
-            this._localEndTimeCorrelation = {
-              local: this._now,
-              remote: (endTime - this._extrapolatedWindowDuration) * 1000
-            };
-          } else if (extrapolatedEndTime > previousEndTime) {
-            // end time was past the old end time (so would have been capped)
-            // set the correlation so that it resumes from the time it was at at the end of the old window
-            this._localEndTimeCorrelation = {
-              local: this._now,
-              remote: previousEndTime * 1000
-            };
-          }
+          var extrapolatedEndTime = (_corr.remote + _timePassed) / 1e3;
+          if (extrapolatedEndTime > endTime) this._localEndTimeCorrelation = {
+            local: this._now,
+            remote: endTime * 1e3
+          };else if (extrapolatedEndTime < endTime - this._extrapolatedWindowDuration) this._localEndTimeCorrelation = {
+            local: this._now,
+            remote: (endTime - this._extrapolatedWindowDuration) * 1e3
+          };else if (extrapolatedEndTime > previousEndTime) this._localEndTimeCorrelation = {
+            local: this._now,
+            remote: previousEndTime * 1e3
+          };
         }
       }
-
-      // now that the values have been updated call any methods that use on them so they get the updated values
-      // immediately
       durationChanged && this._onDurationChange();
       startTimeChanged && this._onProgress();
     }
@@ -961,8 +685,6 @@ var HlsjsPlayback = /*#__PURE__*/function (_HTML5Video) {
   }, {
     key: "_onSubtitleLoaded",
     value: function _onSubtitleLoaded() {
-      // This event may be triggered multiple times
-      // Setup CC only once (disable CC by default)
       if (!this._ccIsSetup) {
         this.trigger(Events.PLAYBACK_SUBTITLE_AVAILABLE);
         var trackId = this._playbackType === Playback.LIVE ? -1 : this.closedCaptionsTrackId;
@@ -978,8 +700,7 @@ var HlsjsPlayback = /*#__PURE__*/function (_HTML5Video) {
       this.trigger(Events.PLAYBACK_LEVEL_SWITCH, data);
       var currentLevel = this._hls.levels[data.level];
       if (currentLevel) {
-        // TODO should highDefinition be private and maybe have a read only accessor if it's used somewhere
-        this.highDefinition = currentLevel.height >= 720 || currentLevel.bitrate / 1000 >= 2000;
+        this.highDefinition = currentLevel.height >= 720 || currentLevel.bitrate / 1e3 >= 2e3;
         this.trigger(Events.PLAYBACK_HIGHDEFINITIONUPDATE, this.highDefinition);
         this.trigger(Events.PLAYBACK_BITRATE, {
           height: currentLevel.height,
@@ -993,10 +714,6 @@ var HlsjsPlayback = /*#__PURE__*/function (_HTML5Video) {
   }, {
     key: "dvrEnabled",
     get: function get() {
-      // enabled when:
-      // - the duration does not include content after hlsjs's live sync point
-      // - the playable region duration is longer than the configured duration to enable dvr after
-      // - the playback type is LIVE.
       return this._durationExcludesAfterLiveSyncPoint && this._duration >= this._minDvrSize && this.getPlaybackType() === Playback.LIVE;
     }
   }, {
@@ -1017,10 +734,11 @@ var HlsjsPlayback = /*#__PURE__*/function (_HTML5Video) {
   }]);
 }(HTML5Video);
 HlsjsPlayback.canPlay = function (resource, mimeType) {
-  var resourceParts = resource.split('?')[0].match(/.*\.(.*)$/) || [];
-  var isHls = resourceParts.length > 1 && resourceParts[1].toLowerCase() === 'm3u8' || listContainsIgnoreCase(mimeType, ['application/vnd.apple.mpegurl', 'application/x-mpegURL']);
+  var resourceParts = resource.split("?")[0].match(/.*\.(.*)$/) || [];
+  var isHls = resourceParts.length > 1 && resourceParts[1].toLowerCase() === "m3u8" || listContainsIgnoreCase(mimeType, ["application/vnd.apple.mpegurl", "application/x-mpegURL"]);
   return !!(HLSJS.isSupported() && isHls);
 };
-
+//#endregion
 export { HlsjsPlayback as default };
-//# sourceMappingURL=hlsjs-playback.esm.js.map
+
+//# sourceMappingURL=hlsjs-playback.esm.js.map