@oat-sa/tao-core-ui 1.5.4 → 1.6.3

package/dist/mediaplayer/players/html5.js

@@ -0,0 +1,767 @@
+define(['jquery', 'util/urlParser', 'core/eventifier', 'ui/mediaplayer/support', 'handlebars', 'i18n', 'lodash', 'lib/dompurify/purify', 'ui/mediaplayer/utils/reminder', 'ui/mediaplayer/utils/timeObserver'], function ($$1, UrlParser, eventifier, support, Handlebars, __, _, DOMPurify, reminderManagerFactory, timeObserverFactory) { 'use strict';
+
+  $$1 = $$1 && $$1.hasOwnProperty('default') ? $$1['default'] : $$1;
+  UrlParser = UrlParser && UrlParser.hasOwnProperty('default') ? UrlParser['default'] : UrlParser;
+  eventifier = eventifier && eventifier.hasOwnProperty('default') ? eventifier['default'] : eventifier;
+  support = support && support.hasOwnProperty('default') ? support['default'] : support;
+  Handlebars = Handlebars && Handlebars.hasOwnProperty('default') ? Handlebars['default'] : Handlebars;
+  __ = __ && __.hasOwnProperty('default') ? __['default'] : __;
+  _ = _ && _.hasOwnProperty('default') ? _['default'] : _;
+  DOMPurify = DOMPurify && DOMPurify.hasOwnProperty('default') ? DOMPurify['default'] : DOMPurify;
+  reminderManagerFactory = reminderManagerFactory && reminderManagerFactory.hasOwnProperty('default') ? reminderManagerFactory['default'] : reminderManagerFactory;
+  timeObserverFactory = timeObserverFactory && timeObserverFactory.hasOwnProperty('default') ? timeObserverFactory['default'] : timeObserverFactory;
+
+  function _typeof(obj) {
+    "@babel/helpers - typeof";
+
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof = function (obj) {
+        return typeof obj;
+      };
+    } else {
+      _typeof = function (obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
+    }
+
+    return _typeof(obj);
+  }
+
+  function Helpers0 (hb) {
+    //register a i18n helper
+    hb.registerHelper('__', function (key) {
+      return __(key);
+    });
+    /**
+     * Register dompurify helper
+     *
+     * https://github.com/cure53/DOMPurify
+     * with config SAFE_FOR_TEMPLATES: true
+     * to make output safe for template systems
+     */
+
+    hb.registerHelper('dompurify', function (context) {
+      return DOMPurify.sanitize(context);
+    });
+    /**
+     * Register join helper
+     *
+     * Example :
+     * var values = {a:v1, b:v2, c:v3};
+     * Using {{{join attributes '=' ' ' '"'}}} will return : a="v1" b="v2" c="v3"
+     * Using {{{join values null ' or ' '*'}}} will return : *v1* or *v2* or *v3*
+     */
+
+    hb.registerHelper('join', function (arr, keyValueGlue, fragmentGlue, wrapper) {
+      var fragments = [];
+      keyValueGlue = typeof keyValueGlue === 'string' ? keyValueGlue : undefined;
+      fragmentGlue = typeof fragmentGlue === 'string' ? fragmentGlue : ' ';
+      wrapper = typeof wrapper === 'string' ? wrapper : '"';
+
+      _.forIn(arr, function (value, key) {
+        var fragment = '';
+
+        if (value !== null || value !== undefined) {
+          if (typeof value === 'boolean') {
+            value = value ? 'true' : 'false';
+          } else if (_typeof(value) === 'object') {
+            value = _.values(value).join(' ');
+          }
+        } else {
+          value = '';
+        }
+
+        if (keyValueGlue !== undefined) {
+          fragment += key + keyValueGlue;
+        }
+
+        fragment += wrapper + value + wrapper;
+        fragments.push(fragment);
+      });
+
+      return fragments.join(fragmentGlue);
+    }); //register a classic "for loop" helper
+    //it also adds a local variable "i" as the index in each iteration loop
+
+    hb.registerHelper('for', function (startIndex, stopIndex, increment, options) {
+      var ret = '';
+      startIndex = parseInt(startIndex);
+      stopIndex = parseInt(stopIndex);
+      increment = parseInt(increment);
+
+      for (var i = startIndex; i < stopIndex; i += increment) {
+        ret += options.fn(_.extend({}, this, {
+          i: i
+        }));
+      }
+
+      return ret;
+    });
+    hb.registerHelper('equal', function (var1, var2, options) {
+      if (var1 == var2) {
+        return options.fn(this);
+      } else {
+        return options.inverse(this);
+      }
+    }); // register a "get property" helper
+    // it gets the named property from the provided context
+
+    hb.registerHelper('property', function (name, context) {
+      return context[name] || '';
+    }); // register an 'includes' helper
+    // it checks if value is in array
+
+    hb.registerHelper('includes', function (haystack, needle, options) {
+      if (_.contains(haystack, needle)) {
+        return options.fn(this);
+      }
+    });
+  }
+
+  if (!Helpers0.__initialized) {
+    Helpers0(Handlebars);
+    Helpers0.__initialized = true;
+  }
+  var Template = Handlebars.template(function (Handlebars,depth0,helpers,partials,data) {
+    this.compilerInfo = [4,'>= 1.0.0'];
+  helpers = this.merge(helpers, Handlebars.helpers); data = data || {};
+    var buffer = "", stack1, helper, options, functionType="function", escapeExpression=this.escapeExpression, helperMissing=helpers.helperMissing, self=this;
+
+  function program1(depth0,data) {
+    
+    
+    return "crossorigin";
+    }
+
+  function program3(depth0,data) {
+    
+    var buffer = "", stack1, helper, options;
+    buffer += "\n    <a href=\"";
+    if (helper = helpers.link) { stack1 = helper.call(depth0, {hash:{},data:data}); }
+    else { helper = (depth0 && depth0.link); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
+    buffer += escapeExpression(stack1)
+      + "\">"
+      + escapeExpression((helper = helpers.__ || (depth0 && depth0.__),options={hash:{},data:data},helper ? helper.call(depth0, "Please download the track and listen offline.", options) : helperMissing.call(depth0, "__", "Please download the track and listen offline.", options)))
+      + "</a>\n";
+    return buffer;
+    }
+
+    buffer += "<audio class=\"media audio\" preload=\"";
+    if (helper = helpers.preload) { stack1 = helper.call(depth0, {hash:{},data:data}); }
+    else { helper = (depth0 && depth0.preload); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
+    buffer += escapeExpression(stack1)
+      + "\" controls ";
+    stack1 = helpers['if'].call(depth0, (depth0 && depth0.cors), {hash:{},inverse:self.noop,fn:self.program(1, program1, data),data:data});
+    if(stack1 || stack1 === 0) { buffer += stack1; }
+    buffer += ">\n    "
+      + escapeExpression((helper = helpers.__ || (depth0 && depth0.__),options={hash:{},data:data},helper ? helper.call(depth0, "Your browser doesn’t support the audio player.", options) : helperMissing.call(depth0, "__", "Your browser doesn’t support the audio player.", options)))
+      + "\n";
+    stack1 = helpers['if'].call(depth0, (depth0 && depth0.link), {hash:{},inverse:self.noop,fn:self.program(3, program3, data),data:data});
+    if(stack1 || stack1 === 0) { buffer += stack1; }
+    buffer += "\n</audio>\n";
+    return buffer;
+    });
+  function audioTpl(data, options, asString) {
+    var html = Template(data, options);
+    return (asString || true) ? html : $(html);
+  }
+
+  if (!Helpers0.__initialized) {
+    Helpers0(Handlebars);
+    Helpers0.__initialized = true;
+  }
+  var Template$1 = Handlebars.template(function (Handlebars,depth0,helpers,partials,data) {
+    this.compilerInfo = [4,'>= 1.0.0'];
+  helpers = this.merge(helpers, Handlebars.helpers); data = data || {};
+    var buffer = "", stack1, helper, options, functionType="function", escapeExpression=this.escapeExpression, helperMissing=helpers.helperMissing, self=this;
+
+  function program1(depth0,data) {
+    
+    
+    return "crossorigin";
+    }
+
+  function program3(depth0,data) {
+    
+    var buffer = "", stack1, helper, options;
+    buffer += "\n    <a href=\"";
+    if (helper = helpers.link) { stack1 = helper.call(depth0, {hash:{},data:data}); }
+    else { helper = (depth0 && depth0.link); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
+    buffer += escapeExpression(stack1)
+      + "\">"
+      + escapeExpression((helper = helpers.__ || (depth0 && depth0.__),options={hash:{},data:data},helper ? helper.call(depth0, "Please download the video and view offline.", options) : helperMissing.call(depth0, "__", "Please download the video and view offline.", options)))
+      + "</a>\n";
+    return buffer;
+    }
+
+    buffer += "<video class=\"media video\" preload=\"";
+    if (helper = helpers.preload) { stack1 = helper.call(depth0, {hash:{},data:data}); }
+    else { helper = (depth0 && depth0.preload); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
+    buffer += escapeExpression(stack1)
+      + "\" poster=\"";
+    if (helper = helpers.poster) { stack1 = helper.call(depth0, {hash:{},data:data}); }
+    else { helper = (depth0 && depth0.poster); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
+    buffer += escapeExpression(stack1)
+      + "\" controls ";
+    stack1 = helpers['if'].call(depth0, (depth0 && depth0.cors), {hash:{},inverse:self.noop,fn:self.program(1, program1, data),data:data});
+    if(stack1 || stack1 === 0) { buffer += stack1; }
+    buffer += ">\n    "
+      + escapeExpression((helper = helpers.__ || (depth0 && depth0.__),options={hash:{},data:data},helper ? helper.call(depth0, "Your browser doesn’t support the video player.", options) : helperMissing.call(depth0, "__", "Your browser doesn’t support the video player.", options)))
+      + "\n";
+    stack1 = helpers['if'].call(depth0, (depth0 && depth0.link), {hash:{},inverse:self.noop,fn:self.program(3, program3, data),data:data});
+    if(stack1 || stack1 === 0) { buffer += stack1; }
+    buffer += "\n</video>\n";
+    return buffer;
+    });
+  function videoTpl(data, options, asString) {
+    var html = Template$1(data, options);
+    return (asString || true) ? html : $(html);
+  }
+
+  if (!Helpers0.__initialized) {
+    Helpers0(Handlebars);
+    Helpers0.__initialized = true;
+  }
+  var Template$2 = Handlebars.template(function (Handlebars,depth0,helpers,partials,data) {
+    this.compilerInfo = [4,'>= 1.0.0'];
+  helpers = this.merge(helpers, Handlebars.helpers); data = data || {};
+    var buffer = "", stack1, helper, functionType="function", escapeExpression=this.escapeExpression;
+
+
+    buffer += "<source src=\"";
+    if (helper = helpers.src) { stack1 = helper.call(depth0, {hash:{},data:data}); }
+    else { helper = (depth0 && depth0.src); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
+    buffer += escapeExpression(stack1)
+      + "\" type=\"";
+    if (helper = helpers.type) { stack1 = helper.call(depth0, {hash:{},data:data}); }
+    else { helper = (depth0 && depth0.type); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
+    buffer += escapeExpression(stack1)
+      + "\">\n";
+    return buffer;
+    });
+  function sourceTpl(data, options, asString) {
+    var html = Template$2(data, options);
+    return (asString || true) ? html : $(html);
+  }
+
+  /**
+   * This program is free software; you can redistribute it and/or
+   * modify it under the terms of the GNU General Public License
+   * as published by the Free Software Foundation; under version 2
+   * of the License (non-upgradable).
+   *
+   * This program is distributed in the hope that it will be useful,
+   * but WITHOUT ANY WARRANTY; without even the implied warranty of
+   * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+   * GNU General Public License for more details.
+   *
+   * You should have received a copy of the GNU General Public License
+   * along with this program; if not, write to the Free Software
+   * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
+   *
+   * Copyright (c) 2015-2021 (original work) Open Assessment Technologies SA ;
+   */
+  /**
+   * CSS namespace
+   * @type {string}
+   */
+
+  var ns = '.mediaplayer';
+  /**
+   * Range value of the volume
+   * @type {number}
+   */
+
+  var volumeRange = 100;
+  /**
+   * Delay before considering a media stalled
+   * @type {number}
+   */
+
+  var stalledDetectionDelay = 2000;
+  /**
+   * List of media events that can be listened to for debugging
+   * @type {string[]}
+   */
+
+  var mediaEvents = ['abort', 'canplay', 'canplaythrough', 'canshowcurrentframe', 'dataunavailable', 'durationchange', 'emptied', 'empty', 'ended', 'error', 'loadeddata', 'loadedfirstframe', 'loadedmetadata', 'loadstart', 'pause', 'play', 'playing', 'progress', 'ratechange', 'seeked', 'seeking', 'stalled', 'suspend', 'timeupdate', 'volumechange', 'waiting'];
+  /**
+   * List of player events that can be listened to for debugging
+   * @type {string[]}
+   */
+
+  var playerEvents = ['end', 'error', 'pause', 'play', 'playing', 'ready', 'resize', 'stalled', 'timeupdate'];
+  /**
+   * Defines a player object dedicated to the native HTML5 player
+   * @param {jQuery} $container - Where to render the player
+   * @param {object} config - The list of config entries
+   * @param {Array} config.sources - The list of media sources
+   * @param {string} [config.type] - The type of player (video or audio) (default: video)
+   * @param {boolean} [config.preview] - Enables the media preview (load media metadata)
+   * @param {boolean} [config.debug] - Enables the debug mode
+   * @param {number} [config.config.stalledDetectionDelay] - The delay before considering a media is stalled
+   * @returns {object} player
+   */
+
+  function html5PlayerFactory($container) {
+    var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    var type = config.type || 'video';
+    var sources = config.sources || [];
+    var updateObserver = reminderManagerFactory();
+    var timeObserver = timeObserverFactory();
+    config.stalledDetectionDelay = config.stalledDetectionDelay || stalledDetectionDelay;
+    var $media;
+    var media;
+    var state = {};
+
+    var getDebugContext = function getDebugContext(action) {
+      var networkState = media && media.networkState;
+      var readyState = media && media.readyState;
+      return "[html5-".concat(type, "(networkState=").concat(networkState, ",readyState=").concat(readyState, "):").concat(action, "]");
+    }; // eslint-disable-next-line
+
+
+    var debug = function debug(action) {
+      var _window$console;
+
+      for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+        args[_key - 1] = arguments[_key];
+      }
+
+      return (config.debug === true || config.debug === action) && (_window$console = window.console).log.apply(_window$console, [getDebugContext(action)].concat(args));
+    };
+
+    return eventifier({
+      init: function init() {
+        var _this = this;
+
+        var tpl = 'audio' === type ? audioTpl : videoTpl;
+        var page = new UrlParser(window.location);
+        var cors = false;
+        var preload = config.preview ? 'metadata' : 'none';
+        var poster = '';
+        var link = '';
+        var result = false;
+        state = {};
+        sources.forEach(function (source) {
+          if (!page.sameDomain(source.src)) {
+            cors = true;
+          }
+
+          if (source.poster) {
+            poster = source.poster;
+          }
+
+          if (source.link) {
+            link = source.link;
+          }
+        });
+        $media = $$1(tpl({
+          cors: cors,
+          preload: preload,
+          poster: poster,
+          link: link
+        }));
+        $container.append($media);
+        media = $media.get(0);
+        result = !!(media && support.checkSupport(media)); // Remove the browser native controls if we can use the API instead
+
+        if (support.canControl()) {
+          $media.removeAttr('controls');
+        } // Detect stalled video when the timer suddenly jump to the end
+
+
+        timeObserver.removeAllListeners().on('irregularity', function (position) {
+          if (state.playback && state.stallDetection) {
+            _this.stalled(position);
+          }
+        });
+        $media.on("play".concat(ns), function () {
+          state.playback = true;
+          state.playedViaApi = false;
+          timeObserver.init(media.currentTime, media.duration);
+
+          _this.trigger('play');
+        }).on("pause".concat(ns), function () {
+          if (state.stallDetection && !state.pausedViaApi && updateObserver.running && updateObserver.elapsed < 100) {
+            // The pause event may be triggered after a connectivity issue as the player is out of data
+            _this.stalled();
+          }
+
+          state.pausedViaApi = false;
+          state.playing = false;
+          updateObserver.stop();
+
+          _this.trigger('pause');
+        }).on("seeked".concat(ns), function () {
+          // When the user try changing the current playing position while the network is down,
+          // the player will end the playback by moving straight to the end.
+          if (state.seekedViaApi && Math.floor(state.seekAt) !== Math.floor(media.currentTime)) {
+            state.stallDetection = true;
+          }
+
+          state.seekedViaApi = false;
+        }).on("ended".concat(ns), function () {
+          updateObserver.forget().stop();
+          timeObserver.update(media.currentTime);
+          state.playback = false;
+          state.playing = false;
+
+          _this.trigger('end');
+        }).on("timeupdate".concat(ns), function () {
+          state.playing = true;
+          updateObserver.start();
+          timeObserver.update(media.currentTime);
+
+          _this.trigger('timeupdate');
+        }).on('loadstart', function () {
+          if (media.networkState === HTMLMediaElement.NETWORK_NO_SOURCE) {
+            _this.trigger('error');
+          }
+
+          if (!config.preview && media.networkState === HTMLMediaElement.NETWORK_IDLE) {
+            _this.trigger('ready');
+          } // The media may be unreachable straight from the beginning
+
+
+          _this.detectStalledNetwork();
+        }).on("waiting".concat(ns), function () {
+          // The "waiting" event means the player is pending data,
+          // it may be the symptom of a connectivity issue
+          _this.detectStalledNetwork();
+        }).on("error".concat(ns), function () {
+          if (media.networkState === HTMLMediaElement.NETWORK_NO_SOURCE || media.error instanceof MediaError && media.error.code === MediaError.MEDIA_ERR_SRC_NOT_SUPPORTED) {
+            // No source means the player does not support the supplied media.
+            // Or it can be more explicit with the not supported error.
+            // There is nothing that we can do from this stage.
+            _this.trigger('error');
+          } else {
+            // Other errors need special attention as they can be recoverable
+            _this.handleError(media.error);
+          }
+        }).on('loadedmetadata', function () {
+          timeObserver.init(media.currentTime, media.duration);
+
+          _this.ready();
+        }).on("canplay".concat(ns), function () {
+          if (!state.stalled) {
+            _this.ready();
+          }
+        }).on("stalled".concat(ns), function () {
+          // The "stalled" event may be triggered once the player is halted after initialisation,
+          // but this does not mean the playback is actually stalled, hence we only take care of the playing state
+          if (state.playing && !media.paused) {
+            _this.handleError(media.error);
+          }
+        }).on("playing".concat(ns), function () {
+          if (state.stallDetection) {
+            // The "playing" event may occur after a connectivity issue.
+            // For the sake of the stall detection, we need to discard this event
+            return;
+          }
+
+          updateObserver.forget().start();
+          state.playing = true;
+
+          _this.trigger('playing');
+        }); // install debug logger
+
+        if (config.debug) {
+          debug('installed', media);
+          mediaEvents.forEach(function (eventName) {
+            $media.on(eventName + ns, function (e) {
+              return debug('media event', eventName, media && media.currentSrc, e);
+            });
+          });
+          playerEvents.forEach(function (eventName) {
+            _this.on(eventName, function () {
+              for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+                args[_key2] = arguments[_key2];
+              }
+
+              return debug.apply(void 0, ['player event', eventName, media && media.currentSrc].concat(args));
+            });
+          });
+        }
+
+        result = result && sources.reduce(function (supported, source) {
+          return _this.addMedia(source.src, source.type) || supported;
+        }, false);
+        return result;
+      },
+      handleError: function handleError(error) {
+        var _this2 = this;
+
+        // Discard legitimate and non-blocking errors
+        switch (error && error.name) {
+          case 'NotAllowedError':
+            debug('api call', 'handleError', 'the autoplay is not allowed without a user interaction', error);
+            return;
+
+          case 'AbortError':
+            debug('api call', 'handleError', 'the action has been aborted for some reason', error);
+            return;
+        }
+
+        debug('api call', 'handleError', error); // Detect if the playback can continue a bit
+
+        var canContinueTemporarily = media && (media.readyState === HTMLMediaElement.HAVE_ENOUGH_DATA || media.readyState === HTMLMediaElement.HAVE_FUTURE_DATA || media.readyState === HTMLMediaElement.HAVE_CURRENT_DATA); // If a connectivity error occurs we may need to enter in stalled mode unless we can wait a bit
+
+        if (error instanceof MediaError && (error.code === MediaError.MEDIA_ERR_NETWORK || error.code === MediaError.MEDIA_ERR_DECODE) && !canContinueTemporarily) {
+          this.stalled();
+          return;
+        } // To this point, there is a big chance the media is stalled.
+        // We start an observer to remind as soon as an irregularity occurs on the time update
+
+
+        state.stallDetection = true;
+        updateObserver.remind(function () {
+          // The last time update is a bit old, the media is most probably stalled now
+          if (updateObserver.elapsed >= config.stalledDetectionDelay) {
+            _this2.stalled();
+          }
+        }, config.stalledDetectionDelay);
+        updateObserver.start();
+      },
+      ready: function ready() {
+        if (!state.ready) {
+          state.ready = true;
+          this.trigger('ready');
+        }
+      },
+      detectStalledNetwork: function detectStalledNetwork() {
+        var _this3 = this;
+
+        // Install an observer that will watch the network state after a small delay.
+        // It is needed since the network state may need time to settle.
+        setTimeout(function () {
+          if (media && media.networkState === HTMLMediaElement.NETWORK_NO_SOURCE && media.readyState === HTMLMediaElement.HAVE_NOTHING) {
+            if (!state.ready) {
+              _this3.trigger('ready');
+            }
+
+            _this3.stalled();
+          }
+        }, config.stalledDetectionDelay);
+      },
+      stalled: function stalled(position) {
+        debug('api call', 'stalled');
+
+        if (media) {
+          if ('undefined' !== typeof position) {
+            state.stalledAt = position;
+          } else {
+            state.stalledAt = timeObserver.position;
+          }
+        }
+
+        state.stalled = true;
+        state.stallDetection = false;
+        updateObserver.forget().stop();
+        this.pause();
+        this.trigger('stalled');
+      },
+      recover: function recover() {
+        debug('api call', 'recover');
+        state.stalled = false;
+        state.stallDetection = false;
+
+        if (media) {
+          // Special processing of video player to prevent visual glitch while reloading
+          if (media.tagName === 'VIDEO') {
+            // Temporarily set the size of the media to prevent a shrink while reloading it
+            $media.width($media.width());
+            $media.height($media.height());
+            $media.on('loadedmetadata.recover', function () {
+              $media.off('loadedmetadata.recover');
+              $media.css({
+                width: '',
+                height: ''
+              });
+            });
+          }
+
+          media.load();
+
+          if (state.stalledAt) {
+            this.seek(state.stalledAt);
+          }
+
+          if (state.playback && !state.playing || state.playedViaApi) {
+            this.play();
+          }
+        }
+      },
+      destroy: function destroy() {
+        debug('api call', 'destroy');
+        this.stop();
+        this.removeAllListeners();
+        updateObserver.forget();
+        timeObserver.removeAllListeners();
+
+        if ($media) {
+          $media.off(ns).remove();
+        }
+
+        $media = void 0;
+        media = void 0;
+        state = {};
+      },
+      getMedia: function getMedia() {
+        debug('api call', 'getMedia', media);
+        return media;
+      },
+      getMediaSize: function getMediaSize() {
+        var size = {};
+
+        if (media) {
+          size = {
+            width: media.videoWidth,
+            height: media.videoHeight
+          };
+        }
+
+        debug('api call', 'getMediaSize', size);
+        return size;
+      },
+      getPosition: function getPosition() {
+        var position = 0;
+
+        if (media) {
+          position = media.currentTime;
+        }
+
+        debug('api call', 'getPosition', position);
+        return position;
+      },
+      getDuration: function getDuration() {
+        var duration = 0;
+
+        if (media) {
+          duration = media.duration;
+        }
+
+        debug('api call', 'getDuration', duration);
+        return duration;
+      },
+      getVolume: function getVolume() {
+        var volume = 0;
+
+        if (media) {
+          volume = parseFloat(media.volume) * volumeRange;
+        }
+
+        debug('api call', 'getVolume', volume);
+        return volume;
+      },
+      setVolume: function setVolume(volume) {
+        debug('api call', 'setVolume', volume);
+
+        if (media) {
+          media.volume = parseFloat(volume) / volumeRange;
+        }
+      },
+      setSize: function setSize(width, height) {
+        debug('api call', 'setSize', width, height);
+        this.trigger('resize', width, height);
+      },
+      seek: function seek(time) {
+        debug('api call', 'seek', time);
+
+        if (media) {
+          media.currentTime = parseFloat(time);
+          state.seekedViaApi = true;
+          state.seekAt = media.currentTime;
+          timeObserver.seek(media.currentTime);
+
+          if (!state.playback) {
+            this.play();
+          }
+        }
+      },
+      play: function play() {
+        var _this4 = this;
+
+        debug('api call', 'play');
+
+        if (media) {
+          state.playedViaApi = true;
+          var startPlayPromise = media.play();
+
+          if ('undefined' !== typeof startPlayPromise) {
+            startPlayPromise.catch(function (error) {
+              return _this4.handleError(error);
+            });
+          }
+        }
+      },
+      pause: function pause() {
+        debug('api call', 'pause');
+
+        if (media) {
+          if (!media.paused) {
+            state.pausedViaApi = true;
+          }
+
+          media.pause();
+        }
+      },
+      stop: function stop() {
+        debug('api call', 'stop');
+
+        if (media && media.duration && state.playback && !state.stalled) {
+          media.currentTime = media.duration;
+        }
+      },
+      mute: function mute(muted) {
+        debug('api call', 'mute', muted);
+
+        if (media) {
+          media.muted = !!muted;
+        }
+      },
+      isMuted: function isMuted() {
+        var mute = false;
+
+        if (media) {
+          mute = !!media.muted;
+        }
+
+        debug('api call', 'isMuted', mute);
+        return mute;
+      },
+      addMedia: function addMedia(src, srcType) {
+        debug('api call', 'addMedia', src, srcType);
+
+        if (media) {
+          if (!support.checkSupport(media, srcType)) {
+            return false;
+          }
+        }
+
+        if (src && $media) {
+          $media.append(sourceTpl({
+            src: src,
+            type: srcType
+          }));
+          return true;
+        }
+
+        return false;
+      },
+      setMedia: function setMedia(src, srcType) {
+        debug('api call', 'setMedia', src, srcType);
+
+        if ($media) {
+          $media.empty();
+          return this.addMedia(src, srcType);
+        }
+
+        return false;
+      }
+    });
+  }
+
+  return html5PlayerFactory;
+
+});