@clappr/hlsjs-playback 0.5.3 → 1.0.1

package/dist/hlsjs-playback.external.js

@@ -1,34 +1,58 @@
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('@clappr/core'), require('hls.js')) :
   typeof define === 'function' && define.amd ? define(['@clappr/core', 'hls.js'], factory) :
-  (global = global || self, global.HlsjsPlayback = factory(global.Clappr, global.Hls));
-}(this, (function (core, HLSJS) { 'use strict';
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.HlsjsPlayback = factory(global.Clappr, global.Hls));
+})(this, (function (core, HLSJS) { 'use strict';
 
-  HLSJS = HLSJS && Object.prototype.hasOwnProperty.call(HLSJS, 'default') ? HLSJS['default'] : HLSJS;
+  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+  var HLSJS__default = /*#__PURE__*/_interopDefaultLegacy(HLSJS);
+
+  function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+      var symbols = Object.getOwnPropertySymbols(object);
+      enumerableOnly && (symbols = symbols.filter(function (sym) {
+        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+      })), keys.push.apply(keys, symbols);
+    }
+    return keys;
+  }
+  function _objectSpread2(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = null != arguments[i] ? arguments[i] : {};
+      i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+        _defineProperty(target, key, source[key]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
+    }
+    return target;
+  }
   function _classCallCheck(instance, Constructor) {
     if (!(instance instanceof Constructor)) {
       throw new TypeError("Cannot call a class as a function");
     }
   }
-
   function _defineProperties(target, props) {
     for (var i = 0; i < props.length; i++) {
       var descriptor = props[i];
       descriptor.enumerable = descriptor.enumerable || false;
       descriptor.configurable = true;
       if ("value" in descriptor) descriptor.writable = true;
-      Object.defineProperty(target, descriptor.key, descriptor);
+      Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor);
     }
   }
-
   function _createClass(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties(Constructor.prototype, protoProps);
     if (staticProps) _defineProperties(Constructor, staticProps);
+    Object.defineProperty(Constructor, "prototype", {
+      writable: false
+    });
     return Constructor;
   }
-
   function _defineProperty(obj, key, value) {
+    key = _toPropertyKey(key);
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -39,49 +63,12 @@
     } else {
       obj[key] = value;
     }
-
     return obj;
   }
-
-  function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-
-    if (Object.getOwnPropertySymbols) {
-      var symbols = Object.getOwnPropertySymbols(object);
-      if (enumerableOnly) symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
-      keys.push.apply(keys, symbols);
-    }
-
-    return keys;
-  }
-
-  function _objectSpread2(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i] != null ? arguments[i] : {};
-
-      if (i % 2) {
-        ownKeys(Object(source), true).forEach(function (key) {
-          _defineProperty(target, key, source[key]);
-        });
-      } else if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-      } else {
-        ownKeys(Object(source)).forEach(function (key) {
-          Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-      }
-    }
-
-    return target;
-  }
-
   function _inherits(subClass, superClass) {
     if (typeof superClass !== "function" && superClass !== null) {
       throw new TypeError("Super expression must either be null or a function");
     }
-
     subClass.prototype = Object.create(superClass && superClass.prototype, {
       constructor: {
         value: subClass,
@@ -89,115 +76,95 @@
         configurable: true
       }
     });
+    Object.defineProperty(subClass, "prototype", {
+      writable: false
+    });
     if (superClass) _setPrototypeOf(subClass, superClass);
   }
-
   function _getPrototypeOf(o) {
-    _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+    _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
       return o.__proto__ || Object.getPrototypeOf(o);
     };
     return _getPrototypeOf(o);
   }
-
   function _setPrototypeOf(o, p) {
-    _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+    _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
       o.__proto__ = p;
       return o;
     };
-
     return _setPrototypeOf(o, p);
   }
-
   function _isNativeReflectConstruct() {
     if (typeof Reflect === "undefined" || !Reflect.construct) return false;
     if (Reflect.construct.sham) return false;
     if (typeof Proxy === "function") return true;
-
     try {
-      Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));
+      Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
       return true;
     } catch (e) {
       return false;
     }
   }
-
   function _assertThisInitialized(self) {
     if (self === void 0) {
       throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
     }
-
     return self;
   }
-
   function _possibleConstructorReturn(self, call) {
     if (call && (typeof call === "object" || typeof call === "function")) {
       return call;
+    } else if (call !== void 0) {
+      throw new TypeError("Derived constructors may only return object or undefined");
     }
-
     return _assertThisInitialized(self);
   }
-
   function _createSuper(Derived) {
     var hasNativeReflectConstruct = _isNativeReflectConstruct();
-
     return function _createSuperInternal() {
       var Super = _getPrototypeOf(Derived),
-          result;
-
+        result;
       if (hasNativeReflectConstruct) {
         var NewTarget = _getPrototypeOf(this).constructor;
-
         result = Reflect.construct(Super, arguments, NewTarget);
       } else {
         result = Super.apply(this, arguments);
       }
-
       return _possibleConstructorReturn(this, result);
     };
   }
-
   function _superPropBase(object, property) {
     while (!Object.prototype.hasOwnProperty.call(object, property)) {
       object = _getPrototypeOf(object);
       if (object === null) break;
     }
-
     return object;
   }
-
-  function _get(target, property, receiver) {
+  function _get() {
     if (typeof Reflect !== "undefined" && Reflect.get) {
-      _get = Reflect.get;
+      _get = Reflect.get.bind();
     } else {
       _get = function _get(target, property, receiver) {
         var base = _superPropBase(target, property);
-
         if (!base) return;
         var desc = Object.getOwnPropertyDescriptor(base, property);
-
         if (desc.get) {
-          return desc.get.call(receiver);
+          return desc.get.call(arguments.length < 3 ? target : receiver);
         }
-
         return desc.value;
       };
     }
-
-    return _get(target, property, receiver || target);
+    return _get.apply(this, arguments);
   }
-
   function _toConsumableArray(arr) {
     return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
   }
-
   function _arrayWithoutHoles(arr) {
     if (Array.isArray(arr)) return _arrayLikeToArray(arr);
   }
-
   function _iterableToArray(iter) {
-    if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter);
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
   }
-
   function _unsupportedIterableToArray(o, minLen) {
     if (!o) return;
     if (typeof o === "string") return _arrayLikeToArray(o, minLen);
@@ -206,31 +173,90 @@
     if (n === "Map" || n === "Set") return Array.from(o);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
   }
-
   function _arrayLikeToArray(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
-
     for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-
     return arr2;
   }
-
   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 _toPrimitive(input, hint) {
+    if (typeof input !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== undefined) {
+      var res = prim.call(input, hint || "default");
+      if (typeof res !== "object") return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (hint === "string" ? String : Number)(input);
+  }
+  function _toPropertyKey(arg) {
+    var key = _toPrimitive(arg, "string");
+    return typeof key === "symbol" ? key : String(key);
+  }
 
   var now = core.Utils.now,
-      assign = core.Utils.assign,
-      listContainsIgnoreCase = core.Utils.listContainsIgnoreCase;
+    assign = core.Utils.assign,
+    listContainsIgnoreCase = core.Utils.listContainsIgnoreCase;
   var AUTO = -1;
   core.Events.register('PLAYBACK_FRAGMENT_CHANGED');
   core.Events.register('PLAYBACK_FRAGMENT_PARSING_METADATA');
-
   var HlsjsPlayback = /*#__PURE__*/function (_HTML5Video) {
     _inherits(HlsjsPlayback, _HTML5Video);
-
     var _super = _createSuper(HlsjsPlayback);
-
+    function HlsjsPlayback() {
+      var _this;
+      _classCallCheck(this, HlsjsPlayback);
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      _this = _super.call.apply(_super, [this].concat(args));
+      // backwards compatibility (TODO: remove on 0.3.0)
+      _this.options.playback = _objectSpread2(_objectSpread2({}, _this.options), _this.options.playback);
+      _this.options.hlsPlayback = _objectSpread2(_objectSpread2({}, _this.defaultOptions), _this.options.hlsPlayback);
+      _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._playbackType = core.Playback.VOD;
+      _this._lastTimeUpdate = {
+        current: 0,
+        total: 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.hlsRecoverAttempts || 16;
+      return _this;
+    }
     _createClass(HlsjsPlayback, [{
       key: "name",
       get: function get() {
@@ -240,7 +266,7 @@
       key: "supportedVersion",
       get: function get() {
         return {
-          min: "0.4.11"
+          min: "0.4.27"
         };
       }
     }, {
@@ -273,21 +299,23 @@
       key: "_now",
       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)
+      }
 
+      // 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;
         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) / 1000;
+        // cap at the end of the extrapolated window duration
         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)
+      }
 
+      // 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() {
@@ -302,7 +330,9 @@
       key: "_duration",
       get: function get() {
         return this._extrapolatedEndTime - this._startTime;
-      } // Returns the duration (seconds) of the window that the extrapolated start time is allowed
+      }
+
+      // 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.
@@ -319,7 +349,6 @@
       //                               .       .       .   --> |
       //                               .       .       .       .
       //                                 extrapolatedStartTime
-
     }, {
       key: "_extrapolatedWindowDuration",
       get: function get() {
@@ -331,120 +360,82 @@
       get: function get() {
         return this._hls && this._hls.bandwidthEstimate;
       }
-    }], [{
-      key: "HLSJS",
+    }, {
+      key: "defaultOptions",
       get: function get() {
-        return HLSJS;
+        return {
+          preload: true
+        };
       }
-    }]);
-
-    function HlsjsPlayback() {
-      var _this;
-
-      _classCallCheck(this, HlsjsPlayback);
-
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
+    }, {
+      key: "customListeners",
+      get: function get() {
+        return this.options.hlsPlayback && this.options.hlsPlayback.customListeners || [];
       }
-
-      _this = _super.call.apply(_super, [this].concat(args)); // backwards compatibility (TODO: remove on 0.3.0)
-
-      _this.options.playback = _objectSpread2(_objectSpread2({}, _this.options), _this.options.playback);
-      _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._playbackType = core.Playback.VOD;
-      _this._lastTimeUpdate = {
-        current: 0,
-        total: 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.hlsRecoverAttempts || 16;
-      return _this;
-    }
-
-    _createClass(HlsjsPlayback, [{
+    }, {
       key: "_setup",
       value: function _setup() {
         var _this2 = this;
-
+        this._manifestParsed = false;
         this._ccIsSetup = false;
         this._ccTracksUpdated = false;
         this._hls && this._hls.destroy();
-        this._hls = new HLSJS(assign({}, this.options.playback.hlsjsConfig));
-
-        this._hls.once(HLSJS.Events.MEDIA_ATTACHED, function () {
-          return _this2._hls.loadSource(_this2.options.src);
+        this._hls = new HLSJS__default["default"](assign({}, this.options.playback.hlsjsConfig));
+        this._hls.once(HLSJS__default["default"].Events.MEDIA_ATTACHED, function () {
+          _this2.options.hlsPlayback.preload && _this2._hls.loadSource(_this2.options.src);
         });
-
-        this._hls.on(HLSJS.Events.LEVEL_LOADED, function (evt, data) {
+        this._hls.on(HLSJS__default["default"].Events.MANIFEST_PARSED, function () {
+          return _this2._manifestParsed = true;
+        });
+        this._hls.on(HLSJS__default["default"].Events.LEVEL_LOADED, function (evt, data) {
           return _this2._updatePlaybackType(evt, data);
         });
-
-        this._hls.on(HLSJS.Events.LEVEL_UPDATED, function (evt, data) {
+        this._hls.on(HLSJS__default["default"].Events.LEVEL_UPDATED, function (evt, data) {
           return _this2._onLevelUpdated(evt, data);
         });
-
-        this._hls.on(HLSJS.Events.LEVEL_SWITCHING, function (evt, data) {
+        this._hls.on(HLSJS__default["default"].Events.LEVEL_SWITCHING, function (evt, data) {
           return _this2._onLevelSwitch(evt, data);
         });
-
-        this._hls.on(HLSJS.Events.FRAG_CHANGED, function (evt, data) {
+        this._hls.on(HLSJS__default["default"].Events.FRAG_CHANGED, function (evt, data) {
           return _this2._onFragmentChanged(evt, data);
         });
-
-        this._hls.on(HLSJS.Events.FRAG_LOADED, function (evt, data) {
+        this._hls.on(HLSJS__default["default"].Events.FRAG_LOADED, function (evt, data) {
           return _this2._onFragmentLoaded(evt, data);
         });
-
-        this._hls.on(HLSJS.Events.FRAG_PARSING_METADATA, function (evt, data) {
+        this._hls.on(HLSJS__default["default"].Events.FRAG_PARSING_METADATA, function (evt, data) {
           return _this2._onFragmentParsingMetadata(evt, data);
         });
-
-        this._hls.on(HLSJS.Events.ERROR, function (evt, data) {
+        this._hls.on(HLSJS__default["default"].Events.ERROR, function (evt, data) {
           return _this2._onHLSJSError(evt, data);
         });
-
-        this._hls.on(HLSJS.Events.SUBTITLE_TRACK_LOADED, function (evt, data) {
+        this._hls.on(HLSJS__default["default"].Events.SUBTITLE_TRACK_LOADED, function (evt, data) {
           return _this2._onSubtitleLoaded(evt, data);
         });
-
-        this._hls.on(HLSJS.Events.SUBTITLE_TRACKS_UPDATED, function () {
+        this._hls.on(HLSJS__default["default"].Events.SUBTITLE_TRACKS_UPDATED, function () {
           return _this2._ccTracksUpdated = true;
         });
-
+        this.bindCustomListeners();
         this._hls.attachMedia(this.el);
       }
+    }, {
+      key: "bindCustomListeners",
+      value: function bindCustomListeners() {
+        var _this3 = this;
+        this.customListeners.forEach(function (item) {
+          var requestedEventName = item.eventName;
+          var typeOfListener = item.once ? 'once' : 'on';
+          requestedEventName && _this3._hls["".concat(typeOfListener)](requestedEventName, item.callback);
+        });
+      }
+    }, {
+      key: "unbindCustomListeners",
+      value: function unbindCustomListeners() {
+        var _this4 = this;
+        this.customListeners.forEach(function (item) {
+          var requestedEventName = item.eventName;
+          requestedEventName && _this4._hls.off(requestedEventName, item.callback);
+        });
+      }
     }, {
       key: "_onFragmentParsingMetadata",
       value: function _onFragmentParsingMetadata(evt, data) {
@@ -457,12 +448,13 @@
       key: "render",
       value: function render() {
         this._ready();
-
         return _get(_getPrototypeOf(HlsjsPlayback.prototype), "render", this).call(this);
       }
     }, {
       key: "_ready",
       value: function _ready() {
+        if (this._isReadyState) return;
+        !this._hls && this._setup();
         this._isReadyState = true;
         this.trigger(core.Events.PLAYBACK_READY, this.name);
       }
@@ -471,13 +463,10 @@
       value: function _recover(evt, data, error) {
         if (!this._recoveredDecodingError) {
           this._recoveredDecodingError = true;
-
           this._hls.recoverMediaError();
         } else if (!this._recoveredAudioCodecError) {
           this._recoveredAudioCodecError = true;
-
           this._hls.swapAudioCodec();
-
           this._hls.recoverMediaError();
         } else {
           core.Log.error('hlsjs: failed to recover', {
@@ -489,8 +478,9 @@
           this.trigger(core.Events.PLAYBACK_ERROR, formattedError);
           this.stop();
         }
-      } // override
+      }
 
+      // override
     }, {
       key: "_setupSrc",
       value: function _setupSrc(srcUrl) {// eslint-disable-line no-unused-vars
@@ -499,13 +489,11 @@
     }, {
       key: "_startTimeUpdateTimer",
       value: function _startTimeUpdateTimer() {
-        var _this3 = this;
-
+        var _this5 = this;
         if (this._timeUpdateTimer) return;
         this._timeUpdateTimer = setInterval(function () {
-          _this3._onDurationChange();
-
-          _this3._onTimeUpdate();
+          _this5._onDurationChange();
+          _this5._onTimeUpdate();
         }, 100);
       }
     }, {
@@ -519,10 +507,10 @@
       key: "getProgramDateTime",
       value: function getProgramDateTime() {
         return this._programDateTime;
-      } // the duration on the video element itself should not be used
+      }
+      // 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() {
@@ -535,10 +523,11 @@
         // 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
+      }
+
+      // 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() {
@@ -557,9 +546,8 @@
         if (time < 0) {
           core.Log.warn('Attempt to seek to a negative time. Resetting to live point. Use seekToLivePoint() to seek to the live point.');
           time = this.getDuration();
-        } // assume live if time within 3 seconds of end of stream
-
-
+        }
+        // assume live if time within 3 seconds of end of stream
         this.dvrEnabled && this._updateDvr(time < this.getDuration() - 3);
         time += this._startTime;
         this.el.currentTime = time;
@@ -593,24 +581,23 @@
           raw: data
         };
         var formattedError;
-        if (data.response) error.description += ", response: ".concat(JSON.stringify(data.response)); // only report/handle errors if they are fatal
+        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:
+              case HLSJS__default["default"].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:
+                  case HLSJS__default["default"].ErrorDetails.MANIFEST_LOAD_ERROR:
+                  case HLSJS__default["default"].ErrorDetails.MANIFEST_LOAD_TIMEOUT:
+                  case HLSJS__default["default"].ErrorDetails.MANIFEST_PARSING_ERROR:
+                  case HLSJS__default["default"].ErrorDetails.LEVEL_LOAD_ERROR:
+                  case HLSJS__default["default"].ErrorDetails.LEVEL_LOAD_TIMEOUT:
                     core.Log.error('hlsjs: unrecoverable network fatal error.', {
                       evt: evt,
                       data: data
@@ -619,32 +606,24 @@
                     this.trigger(core.Events.PLAYBACK_ERROR, formattedError);
                     this.stop();
                     break;
-
                   default:
                     core.Log.warn('hlsjs: trying to recover from network error.', {
                       evt: evt,
                       data: data
                     });
                     error.level = core.PlayerError.Levels.WARN;
-
                     this._hls.startLoad();
-
                     break;
                 }
-
                 break;
-
-              case HLSJS.ErrorTypes.MEDIA_ERROR:
+              case HLSJS__default["default"].ErrorTypes.MEDIA_ERROR:
                 core.Log.warn('hlsjs: trying to recover from media error.', {
                   evt: evt,
                   data: data
                 });
                 error.level = core.PlayerError.Levels.WARN;
-
                 this._recover(evt, data, error);
-
                 break;
-
               default:
                 core.Log.error('hlsjs: could not recover from error.', {
                   evt: evt,
@@ -679,7 +658,6 @@
             this.stop();
             return;
           }
-
           error.level = core.PlayerError.Levels.WARN;
           core.Log.warn('hlsjs: non-fatal error occurred', {
             evt: evt,
@@ -690,7 +668,7 @@
     }, {
       key: "_keyIsDenied",
       value: function _keyIsDenied(data) {
-        return data.type === HLSJS.ErrorTypes.NETWORK_ERROR && data.details === HLSJS.ErrorDetails.KEY_LOAD_ERROR && data.response && data.response.code >= 400;
+        return data.type === HLSJS__default["default"].ErrorTypes.NETWORK_ERROR && data.details === HLSJS__default["default"].ErrorDetails.KEY_LOAD_ERROR && data.response && data.response.code >= 400;
       }
     }, {
       key: "_onTimeUpdate",
@@ -711,7 +689,6 @@
         var duration = this.getDuration();
         if (this._lastDuration === duration) return;
         this._lastDuration = duration;
-
         _get(_getPrototypeOf(HlsjsPlayback.prototype), "_onDurationChange", this).call(this);
       }
     }, {
@@ -720,7 +697,6 @@
         if (!this.el.buffered.length) return;
         var buffered = [];
         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
@@ -729,7 +705,6 @@
           }]);
           if (this.el.currentTime >= buffered[i].start && this.el.currentTime <= buffered[i].end) bufferedPos = i;
         }
-
         var progress = {
           start: buffered[bufferedPos].start,
           current: buffered[bufferedPos].end,
@@ -740,10 +715,9 @@
     }, {
       key: "play",
       value: function play() {
-        if (!this._hls) this._setup();
-
+        !this._hls && this._setup();
+        !this._manifestParsed && !this.options.hlsPlayback.preload && this._hls.loadSource(this.options.src);
         _get(_getPrototypeOf(HlsjsPlayback.prototype), "play", this).call(this);
-
         this._startTimeUpdateTimer();
       }
     }, {
@@ -757,12 +731,9 @@
       key: "stop",
       value: function stop() {
         this._stopTimeUpdateTimer();
-
         if (this._hls) {
           _get(_getPrototypeOf(HlsjsPlayback.prototype), "stop", this).call(this);
-
           this._hls.destroy();
-
           delete this._hls;
         }
       }
@@ -770,23 +741,19 @@
       key: "destroy",
       value: function destroy() {
         this._stopTimeUpdateTimer();
-
         if (this._hls) {
           this._hls.destroy();
-
           delete this._hls;
         }
-
         _get(_getPrototypeOf(HlsjsPlayback.prototype), "destroy", this).call(this);
       }
     }, {
       key: "_updatePlaybackType",
       value: function _updatePlaybackType(evt, data) {
         this._playbackType = data.details.live ? core.Playback.LIVE : core.Playback.VOD;
+        this._onLevelUpdated(evt, data);
 
-        this._onLevelUpdated(evt, data); // Live stream subtitle tracks detection hack (may not immediately available)
-
-
+        // Live stream subtitle tracks detection hack (may not immediately available)
         if (this._ccTracksUpdated && this._playbackType === core.Playback.LIVE && this.hasClosedCaptionsTracks) this._onSubtitleLoaded();
       }
     }, {
@@ -811,15 +778,14 @@
         var fragments = data.details.fragments;
         var previousPlayableRegionStartTime = this._playableRegionStartTime;
         var previousPlayableRegionDuration = this._playableRegionDuration;
-        if (fragments.length === 0) return; // #EXT-X-PROGRAM-DATE-TIME
+        if (fragments.length === 0) return;
 
+        // #EXT-X-PROGRAM-DATE-TIME
         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
@@ -830,10 +796,9 @@
           } else {
             // check if the correlation still works
             var corr = this._localStartTimeCorrelation;
-            var timePassed = this._now - corr.local; // this should point to a time within the extrapolation window
-
+            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)
@@ -854,17 +819,15 @@
             }
           }
         }
-
-        var newDuration = data.details.totalduration; // if it's a live stream then shorten the duration to remove access
+        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 === core.Playback.LIVE) {
           var fragmentTargetDuration = data.details.targetduration;
           var hlsjsConfig = this.options.playback.hlsjsConfig || {};
-          var liveSyncDurationCount = hlsjsConfig.liveSyncDurationCount || HLSJS.DefaultConfig.liveSyncDurationCount;
+          var liveSyncDurationCount = hlsjsConfig.liveSyncDurationCount || HLSJS__default["default"].DefaultConfig.liveSyncDurationCount;
           var hiddenAreaDuration = fragmentTargetDuration * liveSyncDurationCount;
-
           if (hiddenAreaDuration <= newDuration) {
             newDuration -= hiddenAreaDuration;
             this._durationExcludesAfterLiveSyncPoint = true;
@@ -872,18 +835,16 @@
             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
-
+        }
 
+        // 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
@@ -894,12 +855,9 @@
           } else {
             // check if the correlation still works
             var _corr = this._localEndTimeCorrelation;
-
-            var _timePassed = this._now - _corr.local; // this should point to a time within the extrapolation window from the end
-
-
+            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,
@@ -922,10 +880,10 @@
               };
             }
           }
-        } // now that the values have been updated call any methods that use on them so they get the updated values
-        // immediately
-
+        }
 
+        // 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();
       }
@@ -958,7 +916,6 @@
         this.trigger(core.Events.PLAYBACK_LEVEL_SWITCH_END);
         this.trigger(core.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;
@@ -972,6 +929,15 @@
           });
         }
       }
+    }, {
+      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() === core.Playback.LIVE;
+      }
     }, {
       key: "getPlaybackType",
       value: function getPlaybackType() {
@@ -982,26 +948,20 @@
       value: function isSeekEnabled() {
         return this._playbackType === core.Playback.VOD || this.dvrEnabled;
       }
-    }, {
-      key: "dvrEnabled",
+    }], [{
+      key: "HLSJS",
       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() === core.Playback.LIVE;
+        return HLSJS__default["default"];
       }
     }]);
-
     return HlsjsPlayback;
   }(core.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']);
-    return !!(HLSJS.isSupported() && isHls);
+    return !!(HLSJS__default["default"].isSupported() && isHls);
   };
 
   return HlsjsPlayback;
 
-})));
+}));