(function webpackUniversalModuleDefinition(root, factory) {
if(typeof exports === 'object' && typeof module === 'object')
module.exports = factory();
else if(typeof define === 'function' && define.amd)
define([], factory);
else if(typeof exports === 'object')
exports["Clappr"] = factory();
else
root["Clappr"] = factory();
})(this, function() {
return /******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId]) {
/******/ return installedModules[moduleId].exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/
/******/ // define getter function for harmony exports
/******/ __webpack_require__.d = function(exports, name, getter) {
/******/ if(!__webpack_require__.o(exports, name)) {
/******/ Object.defineProperty(exports, name, {
/******/ configurable: false,
/******/ enumerable: true,
/******/ get: getter
/******/ });
/******/ }
/******/ };
/******/
/******/ // getDefaultExport function for compatibility with non-harmony modules
/******/ __webpack_require__.n = function(module) {
/******/ var getter = module && module.__esModule ?
/******/ function getDefault() { return module['default']; } :
/******/ function getModuleExports() { return module; };
/******/ __webpack_require__.d(getter, 'a', getter);
/******/ return getter;
/******/ };
/******/
/******/ // Object.prototype.hasOwnProperty.call
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
/******/
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "<%=baseUrl%>/";
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = 87);
/******/ })
/************************************************************************/
/******/ ([
/* 0 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
exports.default = function (instance, Constructor) {
if (!(instance instanceof Constructor)) {
throw new TypeError("Cannot call a class as a function");
}
};
/***/ }),
/* 1 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
var _typeof2 = __webpack_require__(33);
var _typeof3 = _interopRequireDefault(_typeof2);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = function (self, call) {
if (!self) {
throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
}
return call && ((typeof call === "undefined" ? "undefined" : (0, _typeof3.default)(call)) === "object" || typeof call === "function") ? call : self;
};
/***/ }),
/* 2 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
var _setPrototypeOf = __webpack_require__(119);
var _setPrototypeOf2 = _interopRequireDefault(_setPrototypeOf);
var _create = __webpack_require__(71);
var _create2 = _interopRequireDefault(_create);
var _typeof2 = __webpack_require__(33);
var _typeof3 = _interopRequireDefault(_typeof2);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = function (subClass, superClass) {
if (typeof superClass !== "function" && superClass !== null) {
throw new TypeError("Super expression must either be null or a function, not " + (typeof superClass === "undefined" ? "undefined" : (0, _typeof3.default)(superClass)));
}
subClass.prototype = (0, _create2.default)(superClass && superClass.prototype, {
constructor: {
value: subClass,
enumerable: false,
writable: true,
configurable: true
}
});
if (superClass) _setPrototypeOf2.default ? (0, _setPrototypeOf2.default)(subClass, superClass) : subClass.__proto__ = superClass;
};
/***/ }),
/* 3 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
var _defineProperty = __webpack_require__(70);
var _defineProperty2 = _interopRequireDefault(_defineProperty);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = 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;
(0, _defineProperty2.default)(target, descriptor.key, descriptor);
}
}
return function (Constructor, protoProps, staticProps) {
if (protoProps) defineProperties(Constructor.prototype, protoProps);
if (staticProps) defineProperties(Constructor, staticProps);
return Constructor;
};
}();
/***/ }),
/* 4 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var _keys = __webpack_require__(31);
var _keys2 = _interopRequireDefault(_keys);
var _classCallCheck2 = __webpack_require__(0);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _typeof2 = __webpack_require__(33);
var _typeof3 = _interopRequireDefault(_typeof2);
var _log = __webpack_require__(55);
var _log2 = _interopRequireDefault(_log);
var _utils = __webpack_require__(5);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
// Copyright 2014 Globo.com Player authors. All rights reserved.
// Use of this source code is governed by a BSD-style
// license that can be found in the LICENSE file.
var slice = Array.prototype.slice;
var eventSplitter = /\s+/;
var eventsApi = function eventsApi(obj, action, name, rest) {
if (!name) {
return true;
}
// Handle event maps.
if ((typeof name === 'undefined' ? 'undefined' : (0, _typeof3.default)(name)) === 'object') {
for (var key in name) {
obj[action].apply(obj, [key, name[key]].concat(rest));
}
return false;
}
// Handle space separated event names.
if (eventSplitter.test(name)) {
var names = name.split(eventSplitter);
for (var i = 0, l = names.length; i < l; i++) {
obj[action].apply(obj, [names[i]].concat(rest));
}
return false;
}
return true;
};
var triggerEvents = function triggerEvents(events, args, klass, name) {
var ev = void 0,
i = -1;
var l = events.length,
a1 = args[0],
a2 = args[1],
a3 = args[2];
run();
function run() {
try {
switch (args.length) {
case 0:
while (++i < l) {
(ev = events[i]).callback.call(ev.ctx);
}return;
case 1:
while (++i < l) {
(ev = events[i]).callback.call(ev.ctx, a1);
}return;
case 2:
while (++i < l) {
(ev = events[i]).callback.call(ev.ctx, a1, a2);
}return;
case 3:
while (++i < l) {
(ev = events[i]).callback.call(ev.ctx, a1, a2, a3);
}return;
default:
while (++i < l) {
(ev = events[i]).callback.apply(ev.ctx, args);
}return;
}
} catch (exception) {
_log2.default.error.apply(_log2.default, [klass, 'error on event', name, 'trigger', '-', exception]);
run();
}
}
};
/**
* @class Events
* @constructor
* @module base
*/
var Events = function () {
function Events() {
(0, _classCallCheck3.default)(this, Events);
}
/**
* listen to an event indefinitely, if you want to stop you need to call `off`
* @method on
* @param {String} name
* @param {Function} callback
* @param {Object} context
*/
Events.prototype.on = function on(name, callback, context) {
if (!eventsApi(this, 'on', name, [callback, context]) || !callback) {
return this;
}
this._events || (this._events = {});
var events = this._events[name] || (this._events[name] = []);
events.push({ callback: callback, context: context, ctx: context || this });
return this;
};
/**
* listen to an event only once
* @method once
* @param {String} name
* @param {Function} callback
* @param {Object} context
*/
Events.prototype.once = function once(name, callback, context) {
var _this = this;
if (!eventsApi(this, 'once', name, [callback, context]) || !callback) {
return this;
}
var off = function off() {
return _this.off(name, once);
};
var once = function once() {
off(name, once);
callback.apply(this, arguments);
};
return this.on(name, once, context);
};
/**
* stop listening to an event
* @method off
* @param {String} name
* @param {Function} callback
* @param {Object} context
*/
Events.prototype.off = function off(name, callback, context) {
var retain = void 0,
ev = void 0,
events = void 0,
names = void 0,
i = void 0,
l = void 0,
j = void 0,
k = void 0;
if (!this._events || !eventsApi(this, 'off', name, [callback, context])) {
return this;
}
if (!name && !callback && !context) {
this._events = void 0;
return this;
}
names = name ? [name] : (0, _keys2.default)(this._events);
// jshint maxdepth:5
for (i = 0, l = names.length; i < l; i++) {
name = names[i];
events = this._events[name];
if (events) {
this._events[name] = retain = [];
if (callback || context) {
for (j = 0, k = events.length; j < k; j++) {
ev = events[j];
if (callback && callback !== ev.callback && callback !== ev.callback._callback || context && context !== ev.context) {
retain.push(ev);
}
}
}
if (!retain.length) {
delete this._events[name];
}
}
}
return this;
};
/**
* triggers an event given its `name`
* @method trigger
* @param {String} name
*/
Events.prototype.trigger = function trigger(name) {
var klass = this.name || this.constructor.name;
_log2.default.debug.apply(_log2.default, [klass].concat(Array.prototype.slice.call(arguments)));
if (!this._events) {
return this;
}
var args = slice.call(arguments, 1);
if (!eventsApi(this, 'trigger', name, args)) {
return this;
}
var events = this._events[name];
var allEvents = this._events.all;
if (events) {
triggerEvents(events, args, klass, name);
}
if (allEvents) {
triggerEvents(allEvents, arguments, klass, name);
}
return this;
};
/**
* stop listening an event for a given object
* @method stopListening
* @param {Object} obj
* @param {String} name
* @param {Function} callback
*/
Events.prototype.stopListening = function stopListening(obj, name, callback) {
var listeningTo = this._listeningTo;
if (!listeningTo) {
return this;
}
var remove = !name && !callback;
if (!callback && (typeof name === 'undefined' ? 'undefined' : (0, _typeof3.default)(name)) === 'object') {
callback = this;
}
if (obj) {
(listeningTo = {})[obj._listenId] = obj;
}
for (var id in listeningTo) {
obj = listeningTo[id];
obj.off(name, callback, this);
if (remove || (0, _keys2.default)(obj._events).length === 0) {
delete this._listeningTo[id];
}
}
return this;
};
Events.register = function register(eventName) {
Events.Custom || (Events.Custom = {});
var property = typeof eventName === 'string' && eventName.toUpperCase().trim();
if (property && !Events.Custom[property]) {
Events.Custom[property] = property.toLowerCase().split('_').map(function (value, index) {
return index == 0 ? value : value = value[0].toUpperCase() + value.slice(1);
}).join('');
} else {
_log2.default.error('Events', 'Error when register event: ' + eventName);
}
};
Events.listAvailableCustomEvents = function listAvailableCustomEvents() {
Events.Custom || (Events.Custom = {});
return (0, _keys2.default)(Events.Custom).filter(function (property) {
return typeof Events.Custom[property] === 'string';
});
};
return Events;
}();
/**
* listen to an event indefinitely for a given `obj`
* @method listenTo
* @param {Object} obj
* @param {String} name
* @param {Function} callback
* @param {Object} context
* @example
* ```javascript
* this.listenTo(this.core.playback, Events.PLAYBACK_PAUSE, this.callback)
* ```
*/
/**
* listen to an event once for a given `obj`
* @method listenToOnce
* @param {Object} obj
* @param {String} name
* @param {Function} callback
* @param {Object} context
* @example
* ```javascript
* this.listenToOnce(this.core.playback, Events.PLAYBACK_PAUSE, this.callback)
* ```
*/
exports.default = Events;
var listenMethods = { listenTo: 'on', listenToOnce: 'once' };
(0, _keys2.default)(listenMethods).forEach(function (method) {
Events.prototype[method] = function (obj, name, callback) {
var listeningTo = this._listeningTo || (this._listeningTo = {});
var id = obj._listenId || (obj._listenId = (0, _utils.uniqueId)('l'));
listeningTo[id] = obj;
if (!callback && (typeof name === 'undefined' ? 'undefined' : (0, _typeof3.default)(name)) === 'object') {
callback = this;
}
obj[listenMethods[method]](name, callback, this);
return this;
};
});
// PLAYER EVENTS
/**
* Fired when the player is ready on startup
*
* @event PLAYER_READY
*/
Events.PLAYER_READY = 'ready';
/**
* Fired when player resizes
*
* @event PLAYER_RESIZE
* @param {Object} currentSize an object with the current size
*/
Events.PLAYER_RESIZE = 'resize';
/**
* Fired when player changes its fullscreen state
*
* @event PLAYER_FULLSCREEN
* @param {Boolean} whether or not the player is on fullscreen mode
*/
Events.PLAYER_FULLSCREEN = 'fullscreen';
/**
* Fired when player starts to play
*
* @event PLAYER_PLAY
*/
Events.PLAYER_PLAY = 'play';
/**
* Fired when player pauses
*
* @event PLAYER_PAUSE
*/
Events.PLAYER_PAUSE = 'pause';
/**
* Fired when player stops
*
* @event PLAYER_STOP
*/
Events.PLAYER_STOP = 'stop';
/**
* Fired when player ends the video
*
* @event PLAYER_ENDED
*/
Events.PLAYER_ENDED = 'ended';
/**
* Fired when player seeks the video
*
* @event PLAYER_SEEK
* @param {Number} time the current time in seconds
*/
Events.PLAYER_SEEK = 'seek';
/**
* Fired when player receives an error
*
* @event PLAYER_ERROR
* @param {Object} error the error
*/
Events.PLAYER_ERROR = 'error';
/**
* Fired when the time is updated on player
*
* @event PLAYER_TIMEUPDATE
* @param {Object} progress Data
* progress object
* @param {Number} [progress.current]
* current time
* @param {Number} [progress.total]
* total time
*/
Events.PLAYER_TIMEUPDATE = 'timeupdate';
/**
* Fired when player updates its volume
*
* @event PLAYER_VOLUMEUPDATE
* @param {Number} volume the current volume
*/
Events.PLAYER_VOLUMEUPDATE = 'volumeupdate';
/**
* Fired when subtitle is available
*
* @event PLAYER_SUBTITLE_AVAILABLE
*/
Events.PLAYER_SUBTITLE_AVAILABLE = 'subtitleavailable';
// Playback Events
/**
* Fired when the playback is downloading the media
*
* @event PLAYBACK_PROGRESS
* @param progress {Object}
* Data progress object
* @param [progress.start] {Number}
* start position of buffered content at current position
* @param [progress.current] {Number}
* end position of buffered content at current position
* @param [progress.total] {Number}
* total content to be downloaded
* @param buffered {Array}
* array of buffered segments ({start, end}). [Only for supported playbacks]
*/
Events.PLAYBACK_PROGRESS = 'playback:progress';
/**
* Fired when the time is updated on playback
*
* @event PLAYBACK_TIMEUPDATE
* @param {Object} progress Data
* progress object
* @param {Number} [progress.current]
* current time
* @param {Number} [progress.total]
* total time
*/
Events.PLAYBACK_TIMEUPDATE = 'playback:timeupdate';
/**
* Fired when playback is ready
*
* @event PLAYBACK_READY
*/
Events.PLAYBACK_READY = 'playback:ready';
/**
* Fired when the playback starts having to buffer because
* playback can currently not be smooth.
*
* This corresponds to the playback `buffering` property being
* `true`.
*
* @event PLAYBACK_BUFFERING
*/
Events.PLAYBACK_BUFFERING = 'playback:buffering';
/**
* Fired when the playback has enough in the buffer to be
* able to play smoothly, after previously being unable to
* do this.
*
* This corresponds to the playback `buffering` property being
* `false`.
*
* @event PLAYBACK_BUFFERFULL
*/
Events.PLAYBACK_BUFFERFULL = 'playback:bufferfull';
/**
* Fired when playback changes any settings (volume, seek and etc)
*
* @event PLAYBACK_SETTINGSUPDATE
*/
Events.PLAYBACK_SETTINGSUPDATE = 'playback:settingsupdate';
/**
* Fired when playback loaded its metadata
*
* @event PLAYBACK_LOADEDMETADATA
* @param {Object} metadata Data
* settings object
* @param {Number} [metadata.duration]
* the playback duration
* @param {Object} [metadata.data]
* extra meta data
*/
Events.PLAYBACK_LOADEDMETADATA = 'playback:loadedmetadata';
/**
* Fired when playback updates its video quality
*
* @event PLAYBACK_HIGHDEFINITIONUPDATE
* @param {Boolean} isHD
* true when is on HD, false otherwise
*/
Events.PLAYBACK_HIGHDEFINITIONUPDATE = 'playback:highdefinitionupdate';
/**
* Fired when playback updates its bitrate
*
* @event PLAYBACK_BITRATE
* @param {Object} bitrate Data
* bitrate object
* @param {Number} [bitrate.bandwidth]
* bitrate bandwidth when it's available
* @param {Number} [bitrate.width]
* playback width (ex: 720, 640, 1080)
* @param {Number} [bitrate.height]
* playback height (ex: 240, 480, 720)
* @param {Number} [bitrate.level]
* playback level when it's available, it could be just a map for width (0 => 240, 1 => 480, 2 => 720)
*/
Events.PLAYBACK_BITRATE = 'playback:bitrate';
/**
* Fired when the playback has its levels
*
* @event PLAYBACK_LEVELS_AVAILABLE
* @param {Array} levels
* the ordered levels, each one with the following format `{id: 1, label: '500kbps'}` ps: id should be a number >= 0
* @param {Number} initial
* the initial level otherwise -1 (AUTO)
*/
Events.PLAYBACK_LEVELS_AVAILABLE = 'playback:levels:available';
/**
* Fired when the playback starts to switch level
*
* @event PLAYBACK_LEVEL_SWITCH_START
*
*/
Events.PLAYBACK_LEVEL_SWITCH_START = 'playback:levels:switch:start';
/**
* Fired when the playback ends the level switch
*
* @event PLAYBACK_LEVEL_SWITCH_END
*
*/
Events.PLAYBACK_LEVEL_SWITCH_END = 'playback:levels:switch:end';
/**
* Fired when playback internal state changes
*
* @event PLAYBACK_PLAYBACKSTATE
* @param {Object} state Data
* state object
* @param {String} [state.type]
* the playback type
*/
Events.PLAYBACK_PLAYBACKSTATE = 'playback:playbackstate';
/**
* Fired when DVR becomes enabled/disabled.
*
* @event PLAYBACK_DVR
* @param {boolean} state true if dvr enabled
*/
Events.PLAYBACK_DVR = 'playback:dvr';
// TODO doc
Events.PLAYBACK_MEDIACONTROL_DISABLE = 'playback:mediacontrol:disable';
// TODO doc
Events.PLAYBACK_MEDIACONTROL_ENABLE = 'playback:mediacontrol:enable';
/**
* Fired when the media for a playback ends.
*
* @event PLAYBACK_ENDED
* @param {String} name the name of the playback
*/
Events.PLAYBACK_ENDED = 'playback:ended';
/**
* Fired when user requests `play()`
*
* @event PLAYBACK_PLAY_INTENT
*/
Events.PLAYBACK_PLAY_INTENT = 'playback:play:intent';
/**
* Fired when the media for a playback starts playing.
* This is not necessarily when the user requests `play()`
* The media may have to buffer first.
* I.e. `isPlaying()` might return `true` before this event is fired,
* because `isPlaying()` represents the intended state.
*
* @event PLAYBACK_PLAY
*/
Events.PLAYBACK_PLAY = 'playback:play';
/**
* Fired when the media for a playback pauses.
*
* @event PLAYBACK_PAUSE
*/
Events.PLAYBACK_PAUSE = 'playback:pause';
/**
* Fired when the media for a playback is stopped.
*
* @event PLAYBACK_STOP
*/
Events.PLAYBACK_STOP = 'playback:stop';
/**
* Fired if an error occurs in the playback.
*
* @event PLAYBACK_ERROR
* @param {Object} error An object containing the error details
* @param {String} name Playback name
*/
Events.PLAYBACK_ERROR = 'playback:error';
// TODO doc
Events.PLAYBACK_STATS_ADD = 'playback:stats:add';
// TODO doc
Events.PLAYBACK_FRAGMENT_LOADED = 'playback:fragment:loaded';
// TODO doc
Events.PLAYBACK_LEVEL_SWITCH = 'playback:level:switch';
/**
* Fired when subtitle is available on playback for display
*
* @event PLAYBACK_SUBTITLE_AVAILABLE
*/
Events.PLAYBACK_SUBTITLE_AVAILABLE = 'playback:subtitle:available';
/**
* Fired when playback subtitle track has changed
*
* @event CONTAINER_SUBTITLE_CHANGED
* @param {Object} track Data
* track object
* @param {Number} [track.id]
* selected track id
*/
Events.PLAYBACK_SUBTITLE_CHANGED = 'playback:subtitle:changed';
// Core Events
/**
* Fired when the containers are created
*
* @event CORE_CONTAINERS_CREATED
*/
Events.CORE_CONTAINERS_CREATED = 'core:containers:created';
/**
* Fired when the options were changed for the core
*
* @event CORE_OPTIONS_CHANGE
*/
Events.CORE_OPTIONS_CHANGE = 'core:options:change';
/**
* Fired after creating containers, when the core is ready
*
* @event CORE_READY
*/
Events.CORE_READY = 'core:ready';
/**
* Fired when the fullscreen state change
*
* @event CORE_FULLSCREEN
* @param {Boolean} whether or not the player is on fullscreen mode
*/
Events.CORE_FULLSCREEN = 'core:fullscreen';
/**
* Fired when the screen orientation has changed.
* This event is trigger only for mobile devices.
*
* @event CORE_SCREEN_ORIENTATION_CHANGED
* @param {Object} screen An object with screen orientation
* screen object
* @param {Object} [screen.event]
* window resize event object
* @param {String} [screen.orientation]
* screen orientation (ie: 'landscape' or 'portrait')
*/
Events.CORE_SCREEN_ORIENTATION_CHANGED = 'core:screen:orientation:changed';
// Container Events
/**
* Fired when the container internal state changes
*
* @event CONTAINER_PLAYBACKSTATE
* @param {Object} state Data
* state object
* @param {String} [state.type]
* the playback type
*/
Events.CONTAINER_PLAYBACKSTATE = 'container:playbackstate';
Events.CONTAINER_PLAYBACKDVRSTATECHANGED = 'container:dvr';
/**
* Fired when the container updates its bitrate
*
* @event CONTAINER_BITRATE
* @param {Object} bitrate Data
* bitrate object
* @param {Number} [bitrate.bandwidth]
* bitrate bandwidth when it's available
* @param {Number} [bitrate.width]
* playback width (ex: 720, 640, 1080)
* @param {Number} [bitrate.height]
* playback height (ex: 240, 480, 720)
* @param {Number} [bitrate.level]
* playback level when it's available, it could be just a map for width (0 => 240, 1 => 480, 2 => 720)
*/
Events.CONTAINER_BITRATE = 'container:bitrate';
Events.CONTAINER_STATS_REPORT = 'container:stats:report';
Events.CONTAINER_DESTROYED = 'container:destroyed';
/**
* Fired when the container is ready
*
* @event CONTAINER_READY
*/
Events.CONTAINER_READY = 'container:ready';
Events.CONTAINER_ERROR = 'container:error';
/**
* Fired when the container loaded its metadata
*
* @event CONTAINER_LOADEDMETADATA
* @param {Object} metadata Data
* settings object
* @param {Number} [metadata.duration]
* the playback duration
* @param {Object} [metadata.data]
* extra meta data
*/
Events.CONTAINER_LOADEDMETADATA = 'container:loadedmetadata';
/**
* Fired when subtitle is available on container for display
*
* @event CONTAINER_SUBTITLE_AVAILABLE
*/
Events.CONTAINER_SUBTITLE_AVAILABLE = 'container:subtitle:available';
/**
* Fired when subtitle track has changed
*
* @event CONTAINER_SUBTITLE_CHANGED
* @param {Object} track Data
* track object
* @param {Number} [track.id]
* selected track id
*/
Events.CONTAINER_SUBTITLE_CHANGED = 'container:subtitle:changed';
/**
* Fired when the time is updated on container
*
* @event CONTAINER_TIMEUPDATE
* @param {Object} progress Data
* progress object
* @param {Number} [progress.current]
* current time
* @param {Number} [progress.total]
* total time
*/
Events.CONTAINER_TIMEUPDATE = 'container:timeupdate';
/**
* Fired when the container is downloading the media
*
* @event CONTAINER_PROGRESS
* @param {Object} progress Data
* progress object
* @param {Number} [progress.start]
* initial downloaded content
* @param {Number} [progress.current]
* current dowloaded content
* @param {Number} [progress.total]
* total content to be downloaded
*/
Events.CONTAINER_PROGRESS = 'container:progress';
Events.CONTAINER_PLAY = 'container:play';
Events.CONTAINER_STOP = 'container:stop';
Events.CONTAINER_PAUSE = 'container:pause';
Events.CONTAINER_ENDED = 'container:ended';
Events.CONTAINER_CLICK = 'container:click';
Events.CONTAINER_DBLCLICK = 'container:dblclick';
Events.CONTAINER_CONTEXTMENU = 'container:contextmenu';
Events.CONTAINER_MOUSE_ENTER = 'container:mouseenter';
Events.CONTAINER_MOUSE_LEAVE = 'container:mouseleave';
/**
* Fired when the container seeks the video
*
* @event CONTAINER_SEEK
* @param {Number} time the current time in seconds
*/
Events.CONTAINER_SEEK = 'container:seek';
Events.CONTAINER_VOLUME = 'container:volume';
Events.CONTAINER_FULLSCREEN = 'container:fullscreen';
/**
* Fired when container is buffering
*
* @event CONTAINER_STATE_BUFFERING
*/
Events.CONTAINER_STATE_BUFFERING = 'container:state:buffering';
/**
* Fired when the container filled the buffer
*
* @event CONTAINER_STATE_BUFFERFULL
*/
Events.CONTAINER_STATE_BUFFERFULL = 'container:state:bufferfull';
/**
* Fired when the container changes any settings (volume, seek and etc)
*
* @event CONTAINER_SETTINGSUPDATE
*/
Events.CONTAINER_SETTINGSUPDATE = 'container:settingsupdate';
/**
* Fired when container updates its video quality
*
* @event CONTAINER_HIGHDEFINITIONUPDATE
* @param {Boolean} isHD
* true when is on HD, false otherwise
*/
Events.CONTAINER_HIGHDEFINITIONUPDATE = 'container:highdefinitionupdate';
/**
* Fired when the media control shows
*
* @event CONTAINER_MEDIACONTROL_SHOW
*/
Events.CONTAINER_MEDIACONTROL_SHOW = 'container:mediacontrol:show';
/**
* Fired when the media control hides
*
* @event CONTAINER_MEDIACONTROL_HIDE
*/
Events.CONTAINER_MEDIACONTROL_HIDE = 'container:mediacontrol:hide';
Events.CONTAINER_MEDIACONTROL_DISABLE = 'container:mediacontrol:disable';
Events.CONTAINER_MEDIACONTROL_ENABLE = 'container:mediacontrol:enable';
Events.CONTAINER_STATS_ADD = 'container:stats:add';
/**
* Fired when the options were changed for the container
*
* @event CONTAINER_OPTIONS_CHANGE
*/
Events.CONTAINER_OPTIONS_CHANGE = 'container:options:change';
// MediaControl Events
Events.MEDIACONTROL_RENDERED = 'mediacontrol:rendered';
/**
* Fired when the player enters/exit on fullscreen
*
* @event MEDIACONTROL_FULLSCREEN
*/
Events.MEDIACONTROL_FULLSCREEN = 'mediacontrol:fullscreen';
/**
* Fired when the media control shows
*
* @event MEDIACONTROL_SHOW
*/
Events.MEDIACONTROL_SHOW = 'mediacontrol:show';
/**
* Fired when the media control hides
*
* @event MEDIACONTROL_HIDE
*/
Events.MEDIACONTROL_HIDE = 'mediacontrol:hide';
/**
* Fired when mouse enters on the seekbar
*
* @event MEDIACONTROL_MOUSEMOVE_SEEKBAR
* @param {Object} event
* the javascript event
*/
Events.MEDIACONTROL_MOUSEMOVE_SEEKBAR = 'mediacontrol:mousemove:seekbar';
/**
* Fired when mouse leaves the seekbar
*
* @event MEDIACONTROL_MOUSELEAVE_SEEKBAR
* @param {Object} event
* the javascript event
*/
Events.MEDIACONTROL_MOUSELEAVE_SEEKBAR = 'mediacontrol:mouseleave:seekbar';
/**
* Fired when the media is being played
*
* @event MEDIACONTROL_PLAYING
*/
Events.MEDIACONTROL_PLAYING = 'mediacontrol:playing';
/**
* Fired when the media is not being played
*
* @event MEDIACONTROL_NOTPLAYING
*/
Events.MEDIACONTROL_NOTPLAYING = 'mediacontrol:notplaying';
/**
* Fired when the container was changed
*
* @event MEDIACONTROL_CONTAINERCHANGED
*/
Events.MEDIACONTROL_CONTAINERCHANGED = 'mediacontrol:containerchanged';
module.exports = exports['default'];
/***/ }),
/* 5 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.DomRecycler = exports.cancelAnimationFrame = exports.requestAnimationFrame = exports.QueryString = exports.Config = exports.Fullscreen = undefined;
var _createClass2 = __webpack_require__(3);
var _createClass3 = _interopRequireDefault(_createClass2);
var _classCallCheck2 = __webpack_require__(0);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(1);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(2);
var _inherits3 = _interopRequireDefault(_inherits2);
var _defineProperty = __webpack_require__(70);
var _defineProperty2 = _interopRequireDefault(_defineProperty);
var _getOwnPropertyDescriptor = __webpack_require__(125);
var _getOwnPropertyDescriptor2 = _interopRequireDefault(_getOwnPropertyDescriptor);
exports.extend = extend;
exports.formatTime = formatTime;
exports.seekStringToSeconds = seekStringToSeconds;
exports.uniqueId = uniqueId;
exports.isNumber = isNumber;
exports.currentScriptUrl = currentScriptUrl;
exports.getBrowserLanguage = getBrowserLanguage;
exports.now = now;
exports.removeArrayItem = removeArrayItem;
__webpack_require__(128);
var _browser = __webpack_require__(13);
var _browser2 = _interopRequireDefault(_browser);
var _clapprZepto = __webpack_require__(6);
var _clapprZepto2 = _interopRequireDefault(_clapprZepto);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function assign(obj, source) {
if (source) {
for (var prop in source) {
var propDescriptor = (0, _getOwnPropertyDescriptor2.default)(source, prop);
propDescriptor ? (0, _defineProperty2.default)(obj, prop, propDescriptor) : obj[prop] = source[prop];
}
}
return obj;
} // Copyright 2014 Globo.com Player authors. All rights reserved.
// Use of this source code is governed by a BSD-style
// license that can be found in the LICENSE file.
/*jshint -W079 */
function extend(parent, properties) {
var Surrogate = function (_parent) {
(0, _inherits3.default)(Surrogate, _parent);
function Surrogate() {
(0, _classCallCheck3.default)(this, Surrogate);
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
var _this = (0, _possibleConstructorReturn3.default)(this, _parent.call.apply(_parent, [this].concat(args)));
if (properties.initialize) {
properties.initialize.apply(_this, args);
}
return _this;
}
return Surrogate;
}(parent);
assign(Surrogate.prototype, properties);
return Surrogate;
}
function formatTime(time, paddedHours) {
if (!isFinite(time)) {
return '--:--';
}
time = time * 1000;
time = parseInt(time / 1000);
var seconds = time % 60;
time = parseInt(time / 60);
var minutes = time % 60;
time = parseInt(time / 60);
var hours = time % 24;
var days = parseInt(time / 24);
var out = '';
if (days && days > 0) {
out += days + ':';
if (hours < 1) {
out += '00:';
}
}
if (hours && hours > 0 || paddedHours) {
out += ('0' + hours).slice(-2) + ':';
}
out += ('0' + minutes).slice(-2) + ':';
out += ('0' + seconds).slice(-2);
return out.trim();
}
var Fullscreen = exports.Fullscreen = {
isFullscreen: function isFullscreen() {
return !!(document.webkitFullscreenElement || document.webkitIsFullScreen || document.mozFullScreen || document.msFullscreenElement);
},
requestFullscreen: function requestFullscreen(el) {
if (el.requestFullscreen) {
el.requestFullscreen();
} else if (el.webkitRequestFullscreen) {
el.webkitRequestFullscreen();
} else if (el.mozRequestFullScreen) {
el.mozRequestFullScreen();
} else if (el.msRequestFullscreen) {
el.msRequestFullscreen();
} else if (el.querySelector && el.querySelector('video') && el.querySelector('video').webkitEnterFullScreen) {
el.querySelector('video').webkitEnterFullScreen();
} else if (el.webkitEnterFullScreen) {
el.webkitEnterFullScreen();
}
},
cancelFullscreen: function cancelFullscreen() {
var el = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : document;
if (el.exitFullscreen) {
el.exitFullscreen();
} else if (el.webkitCancelFullScreen) {
el.webkitCancelFullScreen();
} else if (el.webkitExitFullscreen) {
el.webkitExitFullscreen();
} else if (el.mozCancelFullScreen) {
el.mozCancelFullScreen();
} else if (el.msExitFullscreen) {
el.msExitFullscreen();
}
},
fullscreenEnabled: function fullscreenEnabled() {
return !!(document.fullscreenEnabled || document.webkitFullscreenEnabled || document.mozFullScreenEnabled || document.msFullscreenEnabled);
}
};
var Config = exports.Config = function () {
function Config() {
(0, _classCallCheck3.default)(this, Config);
}
Config._defaultConfig = function _defaultConfig() {
return {
volume: {
value: 100,
parse: parseInt
}
};
};
Config._defaultValueFor = function _defaultValueFor(key) {
try {
return this._defaultConfig()[key].parse(this._defaultConfig()[key].value);
} catch (e) {
return undefined;
}
};
Config._createKeyspace = function _createKeyspace(key) {
return 'clappr.' + document.domain + '.' + key;
};
Config.restore = function restore(key) {
if (_browser2.default.hasLocalstorage && localStorage[this._createKeyspace(key)]) {
return this._defaultConfig()[key].parse(localStorage[this._createKeyspace(key)]);
}
return this._defaultValueFor(key);
};
Config.persist = function persist(key, value) {
if (_browser2.default.hasLocalstorage) {
try {
localStorage[this._createKeyspace(key)] = value;
return true;
} catch (e) {
return false;
}
}
};
return Config;
}();
var QueryString = exports.QueryString = function () {
function QueryString() {
(0, _classCallCheck3.default)(this, QueryString);
}
QueryString.parse = function parse(paramsString) {
var match = void 0;
var pl = /\+/g,
// Regex for replacing addition symbol with a space
search = /([^&=]+)=?([^&]*)/g,
decode = function decode(s) {
return decodeURIComponent(s.replace(pl, ' '));
},
params = {};
while (match = search.exec(paramsString)) {
// eslint-disable-line no-cond-assign
params[decode(match[1]).toLowerCase()] = decode(match[2]);
}
return params;
};
(0, _createClass3.default)(QueryString, null, [{
key: 'params',
get: function get() {
var query = window.location.search.substring(1);
if (query !== this.query) {
this._urlParams = this.parse(query);
this.query = query;
}
return this._urlParams;
}
}, {
key: 'hashParams',
get: function get() {
var hash = window.location.hash.substring(1);
if (hash !== this.hash) {
this._hashParams = this.parse(hash);
this.hash = hash;
}
return this._hashParams;
}
}]);
return QueryString;
}();
function seekStringToSeconds() {
var paramName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 't';
var seconds = 0;
var seekString = QueryString.params[paramName] || QueryString.hashParams[paramName] || '';
var parts = seekString.match(/[0-9]+[hms]+/g) || [];
if (parts.length > 0) {
(function () {
var factor = { 'h': 3600, 'm': 60, 's': 1 };
parts.forEach(function (el) {
if (el) {
var suffix = el[el.length - 1];
var time = parseInt(el.slice(0, el.length - 1), 10);
seconds += time * factor[suffix];
}
});
})();
} else if (seekString) {
seconds = parseInt(seekString, 10);
}
return seconds;
}
var idsCounter = {};
function uniqueId(prefix) {
idsCounter[prefix] || (idsCounter[prefix] = 0);
var id = ++idsCounter[prefix];
return prefix + id;
}
function isNumber(value) {
return value - parseFloat(value) + 1 >= 0;
}
function currentScriptUrl() {
var scripts = document.getElementsByTagName('script');
return scripts.length ? scripts[scripts.length - 1].src : '';
}
var requestAnimationFrame = exports.requestAnimationFrame = (window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || function (fn) {
window.setTimeout(fn, 1000 / 60);
}).bind(window);
var cancelAnimationFrame = exports.cancelAnimationFrame = (window.cancelAnimationFrame || window.mozCancelAnimationFrame || window.webkitCancelAnimationFrame || window.clearTimeout).bind(window);
function getBrowserLanguage() {
return window.navigator && window.navigator.language;
}
function now() {
if (window.performance && window.performance.now) {
return performance.now();
}
return Date.now();
}
// remove the item from the array if it exists in the array
function removeArrayItem(arr, item) {
var i = arr.indexOf(item);
if (i >= 0) {
arr.splice(i, 1);
}
}
// Simple Zepto element factory with video recycle feature.
var videoStack = [];
var DomRecycler = exports.DomRecycler = function () {
function DomRecycler() {
(0, _classCallCheck3.default)(this, DomRecycler);
}
DomRecycler.configure = function configure(options) {
this.options = _clapprZepto2.default.extend(this.options, options);
};
DomRecycler.create = function create(name) {
if (this.options.recycleVideo && name === 'video' && videoStack.length > 0) {
return videoStack.shift();
}
return (0, _clapprZepto2.default)('<' + name + '>');
};
DomRecycler.garbage = function garbage($el) {
// Expect Zepto collection with single element (does not iterate!)
if (!this.options.recycleVideo || $el[0].tagName.toUpperCase() !== 'VIDEO') return;
$el.children().remove();
videoStack.push($el);
};
return DomRecycler;
}();
DomRecycler.options = { recycleVideo: false };
exports.default = {
Config: Config,
Fullscreen: Fullscreen,
QueryString: QueryString,
DomRecycler: DomRecycler,
extend: extend,
formatTime: formatTime,
seekStringToSeconds: seekStringToSeconds,
uniqueId: uniqueId,
currentScriptUrl: currentScriptUrl,
isNumber: isNumber,
requestAnimationFrame: requestAnimationFrame,
cancelAnimationFrame: cancelAnimationFrame,
getBrowserLanguage: getBrowserLanguage,
now: now,
removeArrayItem: removeArrayItem
};
/***/ }),
/* 6 */
/***/ (function(module, exports) {
/* Zepto v1.2.0 - zepto ajax callbacks deferred event ie selector - zeptojs.com/license */
var Zepto = (function() {
var undefined, key, $, classList, emptyArray = [], concat = emptyArray.concat, filter = emptyArray.filter, slice = emptyArray.slice,
document = window.document,
elementDisplay = {}, classCache = {},
cssNumber = { 'column-count': 1, 'columns': 1, 'font-weight': 1, 'line-height': 1,'opacity': 1, 'z-index': 1, 'zoom': 1 },
fragmentRE = /^\s*<(\w+|!)[^>]*>/,
singleTagRE = /^<(\w+)\s*\/?>(?:<\/\1>|)$/,
tagExpanderRE = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/ig,
rootNodeRE = /^(?:body|html)$/i,
capitalRE = /([A-Z])/g,
// special attributes that should be get/set via method calls
methodAttributes = ['val', 'css', 'html', 'text', 'data', 'width', 'height', 'offset'],
adjacencyOperators = [ 'after', 'prepend', 'before', 'append' ],
table = document.createElement('table'),
tableRow = document.createElement('tr'),
containers = {
'tr': document.createElement('tbody'),
'tbody': table, 'thead': table, 'tfoot': table,
'td': tableRow, 'th': tableRow,
'*': document.createElement('div')
},
readyRE = /complete|loaded|interactive/,
simpleSelectorRE = /^[\w-]*$/,
class2type = {},
toString = class2type.toString,
zepto = {},
camelize, uniq,
tempParent = document.createElement('div'),
propMap = {
'tabindex': 'tabIndex',
'readonly': 'readOnly',
'for': 'htmlFor',
'class': 'className',
'maxlength': 'maxLength',
'cellspacing': 'cellSpacing',
'cellpadding': 'cellPadding',
'rowspan': 'rowSpan',
'colspan': 'colSpan',
'usemap': 'useMap',
'frameborder': 'frameBorder',
'contenteditable': 'contentEditable'
},
isArray = Array.isArray ||
function(object){ return object instanceof Array }
zepto.matches = function(element, selector) {
if (!selector || !element || element.nodeType !== 1) return false
var matchesSelector = element.matches || element.webkitMatchesSelector ||
element.mozMatchesSelector || element.oMatchesSelector ||
element.matchesSelector
if (matchesSelector) return matchesSelector.call(element, selector)
// fall back to performing a selector:
var match, parent = element.parentNode, temp = !parent
if (temp) (parent = tempParent).appendChild(element)
match = ~zepto.qsa(parent, selector).indexOf(element)
temp && tempParent.removeChild(element)
return match
}
function type(obj) {
return obj == null ? String(obj) :
class2type[toString.call(obj)] || "object"
}
function isFunction(value) { return type(value) == "function" }
function isWindow(obj) { return obj != null && obj == obj.window }
function isDocument(obj) { return obj != null && obj.nodeType == obj.DOCUMENT_NODE }
function isObject(obj) { return type(obj) == "object" }
function isPlainObject(obj) {
return isObject(obj) && !isWindow(obj) && Object.getPrototypeOf(obj) == Object.prototype
}
function likeArray(obj) {
var length = !!obj && 'length' in obj && obj.length,
type = $.type(obj)
return 'function' != type && !isWindow(obj) && (
'array' == type || length === 0 ||
(typeof length == 'number' && length > 0 && (length - 1) in obj)
)
}
function compact(array) { return filter.call(array, function(item){ return item != null }) }
function flatten(array) { return array.length > 0 ? $.fn.concat.apply([], array) : array }
camelize = function(str){ return str.replace(/-+(.)?/g, function(match, chr){ return chr ? chr.toUpperCase() : '' }) }
function dasherize(str) {
return str.replace(/::/g, '/')
.replace(/([A-Z]+)([A-Z][a-z])/g, '$1_$2')
.replace(/([a-z\d])([A-Z])/g, '$1_$2')
.replace(/_/g, '-')
.toLowerCase()
}
uniq = function(array){ return filter.call(array, function(item, idx){ return array.indexOf(item) == idx }) }
function classRE(name) {
return name in classCache ?
classCache[name] : (classCache[name] = new RegExp('(^|\\s)' + name + '(\\s|$)'))
}
function maybeAddPx(name, value) {
return (typeof value == "number" && !cssNumber[dasherize(name)]) ? value + "px" : value
}
function defaultDisplay(nodeName) {
var element, display
if (!elementDisplay[nodeName]) {
element = document.createElement(nodeName)
document.body.appendChild(element)
display = getComputedStyle(element, '').getPropertyValue("display")
element.parentNode.removeChild(element)
display == "none" && (display = "block")
elementDisplay[nodeName] = display
}
return elementDisplay[nodeName]
}
function children(element) {
return 'children' in element ?
slice.call(element.children) :
$.map(element.childNodes, function(node){ if (node.nodeType == 1) return node })
}
function Z(dom, selector) {
var i, len = dom ? dom.length : 0
for (i = 0; i < len; i++) this[i] = dom[i]
this.length = len
this.selector = selector || ''
}
// `$.zepto.fragment` takes a html string and an optional tag name
// to generate DOM nodes from the given html string.
// The generated DOM nodes are returned as an array.
// This function can be overridden in plugins for example to make
// it compatible with browsers that don't support the DOM fully.
zepto.fragment = function(html, name, properties) {
var dom, nodes, container
// A special case optimization for a single tag
if (singleTagRE.test(html)) dom = $(document.createElement(RegExp.$1))
if (!dom) {
if (html.replace) html = html.replace(tagExpanderRE, "<$1>$2>")
if (name === undefined) name = fragmentRE.test(html) && RegExp.$1
if (!(name in containers)) name = '*'
container = containers[name]
container.innerHTML = '' + html
dom = $.each(slice.call(container.childNodes), function(){
container.removeChild(this)
})
}
if (isPlainObject(properties)) {
nodes = $(dom)
$.each(properties, function(key, value) {
if (methodAttributes.indexOf(key) > -1) nodes[key](value)
else nodes.attr(key, value)
})
}
return dom
}
// `$.zepto.Z` swaps out the prototype of the given `dom` array
// of nodes with `$.fn` and thus supplying all the Zepto functions
// to the array. This method can be overridden in plugins.
zepto.Z = function(dom, selector) {
return new Z(dom, selector)
}
// `$.zepto.isZ` should return `true` if the given object is a Zepto
// collection. This method can be overridden in plugins.
zepto.isZ = function(object) {
return object instanceof zepto.Z
}
// `$.zepto.init` is Zepto's counterpart to jQuery's `$.fn.init` and
// takes a CSS selector and an optional context (and handles various
// special cases).
// This method can be overridden in plugins.
zepto.init = function(selector, context) {
var dom
// If nothing given, return an empty Zepto collection
if (!selector) return zepto.Z()
// Optimize for string selectors
else if (typeof selector == 'string') {
selector = selector.trim()
// If it's a html fragment, create nodes from it
// Note: In both Chrome 21 and Firefox 15, DOM error 12
// is thrown if the fragment doesn't begin with <
if (selector[0] == '<' && fragmentRE.test(selector))
dom = zepto.fragment(selector, RegExp.$1, context), selector = null
// If there's a context, create a collection on that context first, and select
// nodes from there
else if (context !== undefined) return $(context).find(selector)
// If it's a CSS selector, use it to select nodes.
else dom = zepto.qsa(document, selector)
}
// If a function is given, call it when the DOM is ready
else if (isFunction(selector)) return $(document).ready(selector)
// If a Zepto collection is given, just return it
else if (zepto.isZ(selector)) return selector
else {
// normalize array if an array of nodes is given
if (isArray(selector)) dom = compact(selector)
// Wrap DOM nodes.
else if (isObject(selector))
dom = [selector], selector = null
// If it's a html fragment, create nodes from it
else if (fragmentRE.test(selector))
dom = zepto.fragment(selector.trim(), RegExp.$1, context), selector = null
// If there's a context, create a collection on that context first, and select
// nodes from there
else if (context !== undefined) return $(context).find(selector)
// And last but no least, if it's a CSS selector, use it to select nodes.
else dom = zepto.qsa(document, selector)
}
// create a new Zepto collection from the nodes found
return zepto.Z(dom, selector)
}
// `$` will be the base `Zepto` object. When calling this
// function just call `$.zepto.init, which makes the implementation
// details of selecting nodes and creating Zepto collections
// patchable in plugins.
$ = function(selector, context){
return zepto.init(selector, context)
}
function extend(target, source, deep) {
for (key in source)
if (deep && (isPlainObject(source[key]) || isArray(source[key]))) {
if (isPlainObject(source[key]) && !isPlainObject(target[key]))
target[key] = {}
if (isArray(source[key]) && !isArray(target[key]))
target[key] = []
extend(target[key], source[key], deep)
}
else if (source[key] !== undefined) target[key] = source[key]
}
// Copy all but undefined properties from one or more
// objects to the `target` object.
$.extend = function(target){
var deep, args = slice.call(arguments, 1)
if (typeof target == 'boolean') {
deep = target
target = args.shift()
}
args.forEach(function(arg){ extend(target, arg, deep) })
return target
}
// `$.zepto.qsa` is Zepto's CSS selector implementation which
// uses `document.querySelectorAll` and optimizes for some special cases, like `#id`.
// This method can be overridden in plugins.
zepto.qsa = function(element, selector){
var found,
maybeID = selector[0] == '#',
maybeClass = !maybeID && selector[0] == '.',
nameOnly = maybeID || maybeClass ? selector.slice(1) : selector, // Ensure that a 1 char tag name still gets checked
isSimple = simpleSelectorRE.test(nameOnly)
return (element.getElementById && isSimple && maybeID) ? // Safari DocumentFragment doesn't have getElementById
( (found = element.getElementById(nameOnly)) ? [found] : [] ) :
(element.nodeType !== 1 && element.nodeType !== 9 && element.nodeType !== 11) ? [] :
slice.call(
isSimple && !maybeID && element.getElementsByClassName ? // DocumentFragment doesn't have getElementsByClassName/TagName
maybeClass ? element.getElementsByClassName(nameOnly) : // If it's simple, it could be a class
element.getElementsByTagName(selector) : // Or a tag
element.querySelectorAll(selector) // Or it's not simple, and we need to query all
)
}
function filtered(nodes, selector) {
return selector == null ? $(nodes) : $(nodes).filter(selector)
}
$.contains = document.documentElement.contains ?
function(parent, node) {
return parent !== node && parent.contains(node)
} :
function(parent, node) {
while (node && (node = node.parentNode))
if (node === parent) return true
return false
}
function funcArg(context, arg, idx, payload) {
return isFunction(arg) ? arg.call(context, idx, payload) : arg
}
function setAttribute(node, name, value) {
value == null ? node.removeAttribute(name) : node.setAttribute(name, value)
}
// access className property while respecting SVGAnimatedString
function className(node, value){
var klass = node.className || '',
svg = klass && klass.baseVal !== undefined
if (value === undefined) return svg ? klass.baseVal : klass
svg ? (klass.baseVal = value) : (node.className = value)
}
// "true" => true
// "false" => false
// "null" => null
// "42" => 42
// "42.5" => 42.5
// "08" => "08"
// JSON => parse if valid
// String => self
function deserializeValue(value) {
try {
return value ?
value == "true" ||
( value == "false" ? false :
value == "null" ? null :
+value + "" == value ? +value :
/^[\[\{]/.test(value) ? $.parseJSON(value) :
value )
: value
} catch(e) {
return value
}
}
$.type = type
$.isFunction = isFunction
$.isWindow = isWindow
$.isArray = isArray
$.isPlainObject = isPlainObject
$.isEmptyObject = function(obj) {
var name
for (name in obj) return false
return true
}
$.isNumeric = function(val) {
var num = Number(val), type = typeof val
return val != null && type != 'boolean' &&
(type != 'string' || val.length) &&
!isNaN(num) && isFinite(num) || false
}
$.inArray = function(elem, array, i){
return emptyArray.indexOf.call(array, elem, i)
}
$.camelCase = camelize
$.trim = function(str) {
return str == null ? "" : String.prototype.trim.call(str)
}
// plugin compatibility
$.uuid = 0
$.support = { }
$.expr = { }
$.noop = function() {}
$.map = function(elements, callback){
var value, values = [], i, key
if (likeArray(elements))
for (i = 0; i < elements.length; i++) {
value = callback(elements[i], i)
if (value != null) values.push(value)
}
else
for (key in elements) {
value = callback(elements[key], key)
if (value != null) values.push(value)
}
return flatten(values)
}
$.each = function(elements, callback){
var i, key
if (likeArray(elements)) {
for (i = 0; i < elements.length; i++)
if (callback.call(elements[i], i, elements[i]) === false) return elements
} else {
for (key in elements)
if (callback.call(elements[key], key, elements[key]) === false) return elements
}
return elements
}
$.grep = function(elements, callback){
return filter.call(elements, callback)
}
if (window.JSON) $.parseJSON = JSON.parse
// Populate the class2type map
$.each("Boolean Number String Function Array Date RegExp Object Error".split(" "), function(i, name) {
class2type[ "[object " + name + "]" ] = name.toLowerCase()
})
// Define methods that will be available on all
// Zepto collections
$.fn = {
constructor: zepto.Z,
length: 0,
// Because a collection acts like an array
// copy over these useful array functions.
forEach: emptyArray.forEach,
reduce: emptyArray.reduce,
push: emptyArray.push,
sort: emptyArray.sort,
splice: emptyArray.splice,
indexOf: emptyArray.indexOf,
concat: function(){
var i, value, args = []
for (i = 0; i < arguments.length; i++) {
value = arguments[i]
args[i] = zepto.isZ(value) ? value.toArray() : value
}
return concat.apply(zepto.isZ(this) ? this.toArray() : this, args)
},
// `map` and `slice` in the jQuery API work differently
// from their array counterparts
map: function(fn){
return $($.map(this, function(el, i){ return fn.call(el, i, el) }))
},
slice: function(){
return $(slice.apply(this, arguments))
},
ready: function(callback){
// need to check if document.body exists for IE as that browser reports
// document ready when it hasn't yet created the body element
if (readyRE.test(document.readyState) && document.body) callback($)
else document.addEventListener('DOMContentLoaded', function(){ callback($) }, false)
return this
},
get: function(idx){
return idx === undefined ? slice.call(this) : this[idx >= 0 ? idx : idx + this.length]
},
toArray: function(){ return this.get() },
size: function(){
return this.length
},
remove: function(){
return this.each(function(){
if (this.parentNode != null)
this.parentNode.removeChild(this)
})
},
each: function(callback){
emptyArray.every.call(this, function(el, idx){
return callback.call(el, idx, el) !== false
})
return this
},
filter: function(selector){
if (isFunction(selector)) return this.not(this.not(selector))
return $(filter.call(this, function(element){
return zepto.matches(element, selector)
}))
},
add: function(selector,context){
return $(uniq(this.concat($(selector,context))))
},
is: function(selector){
return this.length > 0 && zepto.matches(this[0], selector)
},
not: function(selector){
var nodes=[]
if (isFunction(selector) && selector.call !== undefined)
this.each(function(idx){
if (!selector.call(this,idx)) nodes.push(this)
})
else {
var excludes = typeof selector == 'string' ? this.filter(selector) :
(likeArray(selector) && isFunction(selector.item)) ? slice.call(selector) : $(selector)
this.forEach(function(el){
if (excludes.indexOf(el) < 0) nodes.push(el)
})
}
return $(nodes)
},
has: function(selector){
return this.filter(function(){
return isObject(selector) ?
$.contains(this, selector) :
$(this).find(selector).size()
})
},
eq: function(idx){
return idx === -1 ? this.slice(idx) : this.slice(idx, + idx + 1)
},
first: function(){
var el = this[0]
return el && !isObject(el) ? el : $(el)
},
last: function(){
var el = this[this.length - 1]
return el && !isObject(el) ? el : $(el)
},
find: function(selector){
var result, $this = this
if (!selector) result = $()
else if (typeof selector == 'object')
result = $(selector).filter(function(){
var node = this
return emptyArray.some.call($this, function(parent){
return $.contains(parent, node)
})
})
else if (this.length == 1) result = $(zepto.qsa(this[0], selector))
else result = this.map(function(){ return zepto.qsa(this, selector) })
return result
},
closest: function(selector, context){
var nodes = [], collection = typeof selector == 'object' && $(selector)
this.each(function(_, node){
while (node && !(collection ? collection.indexOf(node) >= 0 : zepto.matches(node, selector)))
node = node !== context && !isDocument(node) && node.parentNode
if (node && nodes.indexOf(node) < 0) nodes.push(node)
})
return $(nodes)
},
parents: function(selector){
var ancestors = [], nodes = this
while (nodes.length > 0)
nodes = $.map(nodes, function(node){
if ((node = node.parentNode) && !isDocument(node) && ancestors.indexOf(node) < 0) {
ancestors.push(node)
return node
}
})
return filtered(ancestors, selector)
},
parent: function(selector){
return filtered(uniq(this.pluck('parentNode')), selector)
},
children: function(selector){
return filtered(this.map(function(){ return children(this) }), selector)
},
contents: function() {
return this.map(function() { return this.contentDocument || slice.call(this.childNodes) })
},
siblings: function(selector){
return filtered(this.map(function(i, el){
return filter.call(children(el.parentNode), function(child){ return child!==el })
}), selector)
},
empty: function(){
return this.each(function(){ this.innerHTML = '' })
},
// `pluck` is borrowed from Prototype.js
pluck: function(property){
return $.map(this, function(el){ return el[property] })
},
show: function(){
return this.each(function(){
this.style.display == "none" && (this.style.display = '')
if (getComputedStyle(this, '').getPropertyValue("display") == "none")
this.style.display = defaultDisplay(this.nodeName)
})
},
replaceWith: function(newContent){
return this.before(newContent).remove()
},
wrap: function(structure){
var func = isFunction(structure)
if (this[0] && !func)
var dom = $(structure).get(0),
clone = dom.parentNode || this.length > 1
return this.each(function(index){
$(this).wrapAll(
func ? structure.call(this, index) :
clone ? dom.cloneNode(true) : dom
)
})
},
wrapAll: function(structure){
if (this[0]) {
$(this[0]).before(structure = $(structure))
var children
// drill down to the inmost element
while ((children = structure.children()).length) structure = children.first()
$(structure).append(this)
}
return this
},
wrapInner: function(structure){
var func = isFunction(structure)
return this.each(function(index){
var self = $(this), contents = self.contents(),
dom = func ? structure.call(this, index) : structure
contents.length ? contents.wrapAll(dom) : self.append(dom)
})
},
unwrap: function(){
this.parent().each(function(){
$(this).replaceWith($(this).children())
})
return this
},
clone: function(){
return this.map(function(){ return this.cloneNode(true) })
},
hide: function(){
return this.css("display", "none")
},
toggle: function(setting){
return this.each(function(){
var el = $(this)
;(setting === undefined ? el.css("display") == "none" : setting) ? el.show() : el.hide()
})
},
prev: function(selector){ return $(this.pluck('previousElementSibling')).filter(selector || '*') },
next: function(selector){ return $(this.pluck('nextElementSibling')).filter(selector || '*') },
html: function(html){
return 0 in arguments ?
this.each(function(idx){
var originHtml = this.innerHTML
$(this).empty().append( funcArg(this, html, idx, originHtml) )
}) :
(0 in this ? this[0].innerHTML : null)
},
text: function(text){
return 0 in arguments ?
this.each(function(idx){
var newText = funcArg(this, text, idx, this.textContent)
this.textContent = newText == null ? '' : ''+newText
}) :
(0 in this ? this.pluck('textContent').join("") : null)
},
attr: function(name, value){
var result
return (typeof name == 'string' && !(1 in arguments)) ?
(0 in this && this[0].nodeType == 1 && (result = this[0].getAttribute(name)) != null ? result : undefined) :
this.each(function(idx){
if (this.nodeType !== 1) return
if (isObject(name)) for (key in name) setAttribute(this, key, name[key])
else setAttribute(this, name, funcArg(this, value, idx, this.getAttribute(name)))
})
},
removeAttr: function(name){
return this.each(function(){ this.nodeType === 1 && name.split(' ').forEach(function(attribute){
setAttribute(this, attribute)
}, this)})
},
prop: function(name, value){
name = propMap[name] || name
return (1 in arguments) ?
this.each(function(idx){
this[name] = funcArg(this, value, idx, this[name])
}) :
(this[0] && this[0][name])
},
removeProp: function(name){
name = propMap[name] || name
return this.each(function(){ delete this[name] })
},
data: function(name, value){
var attrName = 'data-' + name.replace(capitalRE, '-$1').toLowerCase()
var data = (1 in arguments) ?
this.attr(attrName, value) :
this.attr(attrName)
return data !== null ? deserializeValue(data) : undefined
},
val: function(value){
if (0 in arguments) {
if (value == null) value = ""
return this.each(function(idx){
this.value = funcArg(this, value, idx, this.value)
})
} else {
return this[0] && (this[0].multiple ?
$(this[0]).find('option').filter(function(){ return this.selected }).pluck('value') :
this[0].value)
}
},
offset: function(coordinates){
if (coordinates) return this.each(function(index){
var $this = $(this),
coords = funcArg(this, coordinates, index, $this.offset()),
parentOffset = $this.offsetParent().offset(),
props = {
top: coords.top - parentOffset.top,
left: coords.left - parentOffset.left
}
if ($this.css('position') == 'static') props['position'] = 'relative'
$this.css(props)
})
if (!this.length) return null
if (document.documentElement !== this[0] && !$.contains(document.documentElement, this[0]))
return {top: 0, left: 0}
var obj = this[0].getBoundingClientRect()
return {
left: obj.left + window.pageXOffset,
top: obj.top + window.pageYOffset,
width: Math.round(obj.width),
height: Math.round(obj.height)
}
},
css: function(property, value){
if (arguments.length < 2) {
var element = this[0]
if (typeof property == 'string') {
if (!element) return
return element.style[camelize(property)] || getComputedStyle(element, '').getPropertyValue(property)
} else if (isArray(property)) {
if (!element) return
var props = {}
var computedStyle = getComputedStyle(element, '')
$.each(property, function(_, prop){
props[prop] = (element.style[camelize(prop)] || computedStyle.getPropertyValue(prop))
})
return props
}
}
var css = ''
if (type(property) == 'string') {
if (!value && value !== 0)
this.each(function(){ this.style.removeProperty(dasherize(property)) })
else
css = dasherize(property) + ":" + maybeAddPx(property, value)
} else {
for (key in property)
if (!property[key] && property[key] !== 0)
this.each(function(){ this.style.removeProperty(dasherize(key)) })
else
css += dasherize(key) + ':' + maybeAddPx(key, property[key]) + ';'
}
return this.each(function(){ this.style.cssText += ';' + css })
},
index: function(element){
return element ? this.indexOf($(element)[0]) : this.parent().children().indexOf(this[0])
},
hasClass: function(name){
if (!name) return false
return emptyArray.some.call(this, function(el){
return this.test(className(el))
}, classRE(name))
},
addClass: function(name){
if (!name) return this
return this.each(function(idx){
if (!('className' in this)) return
classList = []
var cls = className(this), newName = funcArg(this, name, idx, cls)
newName.split(/\s+/g).forEach(function(klass){
if (!$(this).hasClass(klass)) classList.push(klass)
}, this)
classList.length && className(this, cls + (cls ? " " : "") + classList.join(" "))
})
},
removeClass: function(name){
return this.each(function(idx){
if (!('className' in this)) return
if (name === undefined) return className(this, '')
classList = className(this)
funcArg(this, name, idx, classList).split(/\s+/g).forEach(function(klass){
classList = classList.replace(classRE(klass), " ")
})
className(this, classList.trim())
})
},
toggleClass: function(name, when){
if (!name) return this
return this.each(function(idx){
var $this = $(this), names = funcArg(this, name, idx, className(this))
names.split(/\s+/g).forEach(function(klass){
(when === undefined ? !$this.hasClass(klass) : when) ?
$this.addClass(klass) : $this.removeClass(klass)
})
})
},
scrollTop: function(value){
if (!this.length) return
var hasScrollTop = 'scrollTop' in this[0]
if (value === undefined) return hasScrollTop ? this[0].scrollTop : this[0].pageYOffset
return this.each(hasScrollTop ?
function(){ this.scrollTop = value } :
function(){ this.scrollTo(this.scrollX, value) })
},
scrollLeft: function(value){
if (!this.length) return
var hasScrollLeft = 'scrollLeft' in this[0]
if (value === undefined) return hasScrollLeft ? this[0].scrollLeft : this[0].pageXOffset
return this.each(hasScrollLeft ?
function(){ this.scrollLeft = value } :
function(){ this.scrollTo(value, this.scrollY) })
},
position: function() {
if (!this.length) return
var elem = this[0],
// Get *real* offsetParent
offsetParent = this.offsetParent(),
// Get correct offsets
offset = this.offset(),
parentOffset = rootNodeRE.test(offsetParent[0].nodeName) ? { top: 0, left: 0 } : offsetParent.offset()
// Subtract element margins
// note: when an element has margin: auto the offsetLeft and marginLeft
// are the same in Safari causing offset.left to incorrectly be 0
offset.top -= parseFloat( $(elem).css('margin-top') ) || 0
offset.left -= parseFloat( $(elem).css('margin-left') ) || 0
// Add offsetParent borders
parentOffset.top += parseFloat( $(offsetParent[0]).css('border-top-width') ) || 0
parentOffset.left += parseFloat( $(offsetParent[0]).css('border-left-width') ) || 0
// Subtract the two offsets
return {
top: offset.top - parentOffset.top,
left: offset.left - parentOffset.left
}
},
offsetParent: function() {
return this.map(function(){
var parent = this.offsetParent || document.body
while (parent && !rootNodeRE.test(parent.nodeName) && $(parent).css("position") == "static")
parent = parent.offsetParent
return parent
})
}
}
// for now
$.fn.detach = $.fn.remove
// Generate the `width` and `height` functions
;['width', 'height'].forEach(function(dimension){
var dimensionProperty =
dimension.replace(/./, function(m){ return m[0].toUpperCase() })
$.fn[dimension] = function(value){
var offset, el = this[0]
if (value === undefined) return isWindow(el) ? el['inner' + dimensionProperty] :
isDocument(el) ? el.documentElement['scroll' + dimensionProperty] :
(offset = this.offset()) && offset[dimension]
else return this.each(function(idx){
el = $(this)
el.css(dimension, funcArg(this, value, idx, el[dimension]()))
})
}
})
function traverseNode(node, fun) {
fun(node)
for (var i = 0, len = node.childNodes.length; i < len; i++)
traverseNode(node.childNodes[i], fun)
}
// Generate the `after`, `prepend`, `before`, `append`,
// `insertAfter`, `insertBefore`, `appendTo`, and `prependTo` methods.
adjacencyOperators.forEach(function(operator, operatorIndex) {
var inside = operatorIndex % 2 //=> prepend, append
$.fn[operator] = function(){
// arguments can be nodes, arrays of nodes, Zepto objects and HTML strings
var argType, nodes = $.map(arguments, function(arg) {
var arr = []
argType = type(arg)
if (argType == "array") {
arg.forEach(function(el) {
if (el.nodeType !== undefined) return arr.push(el)
else if ($.zepto.isZ(el)) return arr = arr.concat(el.get())
arr = arr.concat(zepto.fragment(el))
})
return arr
}
return argType == "object" || arg == null ?
arg : zepto.fragment(arg)
}),
parent, copyByClone = this.length > 1
if (nodes.length < 1) return this
return this.each(function(_, target){
parent = inside ? target : target.parentNode
// convert all methods to a "before" operation
target = operatorIndex == 0 ? target.nextSibling :
operatorIndex == 1 ? target.firstChild :
operatorIndex == 2 ? target :
null
var parentInDocument = $.contains(document.documentElement, parent)
nodes.forEach(function(node){
if (copyByClone) node = node.cloneNode(true)
else if (!parent) return $(node).remove()
parent.insertBefore(node, target)
if (parentInDocument) traverseNode(node, function(el){
if (el.nodeName != null && el.nodeName.toUpperCase() === 'SCRIPT' &&
(!el.type || el.type === 'text/javascript') && !el.src){
var target = el.ownerDocument ? el.ownerDocument.defaultView : window
target['eval'].call(target, el.innerHTML)
}
})
})
})
}
// after => insertAfter
// prepend => prependTo
// before => insertBefore
// append => appendTo
$.fn[inside ? operator+'To' : 'insert'+(operatorIndex ? 'Before' : 'After')] = function(html){
$(html)[operator](this)
return this
}
})
zepto.Z.prototype = Z.prototype = $.fn
// Export internal API functions in the `$.zepto` namespace
zepto.uniq = uniq
zepto.deserializeValue = deserializeValue
$.zepto = zepto
return $
})()
window.Zepto = Zepto
window.$ === undefined && (window.$ = Zepto)
;(function($){
var jsonpID = +new Date(),
document = window.document,
key,
name,
rscript = /
*
* ```
* Now, create the player:
* ```html
*
*
*
*
* ```
*/
var Player = function (_BaseObject) {
(0, _inherits3.default)(Player, _BaseObject);
(0, _createClass3.default)(Player, [{
key: 'loader',
set: function set(loader) {
this._loader = loader;
},
get: function get() {
if (!this._loader) {
this._loader = new _loader2.default(this.options.plugins || {}, this.options.playerId);
}
return this._loader;
}
/**
* Determine if the playback has ended.
* @property ended
* @type Boolean
*/
}, {
key: 'ended',
get: function get() {
return this.core.mediaControl.container.ended;
}
/**
* Determine if the playback is having to buffer in order for
* playback to be smooth.
* (i.e if a live stream is playing smoothly, this will be false)
* @property buffering
* @type Boolean
*/
}, {
key: 'buffering',
get: function get() {
return this.core.mediaControl.container.buffering;
}
/*
* determine if the player is ready.
* @property isReady
* @type {Boolean} `true` if the player is ready. ie PLAYER_READY event has fired
*/
}, {
key: 'isReady',
get: function get() {
return !!this._ready;
}
/**
* An events map that allows the user to add custom callbacks in player's options.
* @property eventsMapping
* @type {Object}
*/
}, {
key: 'eventsMapping',
get: function get() {
return {
onReady: _events2.default.PLAYER_READY,
onResize: _events2.default.PLAYER_RESIZE,
onPlay: _events2.default.PLAYER_PLAY,
onPause: _events2.default.PLAYER_PAUSE,
onStop: _events2.default.PLAYER_STOP,
onEnded: _events2.default.PLAYER_ENDED,
onSeek: _events2.default.PLAYER_SEEK,
onError: _events2.default.PLAYER_ERROR,
onTimeUpdate: _events2.default.PLAYER_TIMEUPDATE,
onVolumeUpdate: _events2.default.PLAYER_VOLUMEUPDATE,
onSubtitleAvailable: _events2.default.PLAYER_SUBTITLE_AVAILABLE
};
}
/**
* ## Player's constructor
*
* You might pass the options object to build the player.
* ```javascript
* var options = {source: "http://example.com/video.mp4", param1: "val1"};
* var player = new Clappr.Player(options);
* ```
*
* @method constructor
* @param {Object} options Data
* options to build a player instance
* @param {Number} [options.width]
* player's width **default**: `640`
* @param {Number} [options.height]
* player's height **default**: `360`
* @param {String} [options.parentId]
* the id of the element on the page that the player should be inserted into
* @param {Object} [options.parent]
* a reference to a dom element that the player should be inserted into
* @param {String} [options.source]
* The media source URL, or {source: <>, mimeType: <>}
* @param {Object} [options.sources]
* An array of media source URL's, or an array of {source: <>, mimeType: <>}
* @param {Boolean} [options.autoPlay]
* automatically play after page load **default**: `false`
* @param {Boolean} [options.loop]
* automatically replay after it ends **default**: `false`
* @param {Boolean} [options.chromeless]
* player acts in chromeless mode **default**: `false`
* @param {Boolean} [options.allowUserInteraction]
* whether or not the player should handle click events when in chromeless mode **default**: `false` on desktops browsers, `true` on mobile.
* @param {Boolean} [options.disableKeyboardShortcuts]
* disable keyboard shortcuts. **default**: `false`. `true` if `allowUserInteraction` is `false`.
* @param {Boolean} [options.muted]
* start the video muted **default**: `false`
* @param {String} [options.mimeType]
* add `mimeType: "application/vnd.apple.mpegurl"` if you need to use a url without extension.
* @param {String} [options.actualLiveTime]
* show duration and seek time relative to actual time.
* @param {String} [options.actualLiveServerTime]
* specify server time as a string, format: "2015/11/26 06:01:03". This option is meant to be used with actualLiveTime.
* @param {Boolean} [options.persistConfig]
* persist player's settings (volume) through the same domain **default**: `true`
* @param {String} [options.preload]
* video will be preloaded according to `preload` attribute options **default**: `'metadata'`
* @param {Number} [options.maxBufferLength]
* the default behavior for the **HLS playback** is to keep buffering indefinitely, even on VoD.
* This replicates the behavior for progressive download, which continues buffering when pausing the video, thus making the video available for playback even on slow networks.
* To change this behavior use `maxBufferLength` where **value is in seconds**.
* @param {String} [options.gaAccount]
* enable Google Analytics events dispatch **(play/pause/stop/buffering/etc)** by adding your `gaAccount`
* @param {String} [options.gaTrackerName]
* besides `gaAccount` you can optionally, pass your favorite trackerName as `gaTrackerName`
* @param {Object} [options.mediacontrol]
* customize control bar colors, example: `mediacontrol: {seekbar: "#E113D3", buttons: "#66B2FF"}`
* @param {Boolean} [options.hideMediaControl]
* control media control auto hide **default**: `true`
* @param {Boolean} [options.hideVolumeBar]
* when embedded with width less than 320, volume bar will hide. You can force this behavior for all sizes by adding `true` **default**: `false`
* @param {String} [options.watermark]
* put `watermark: 'http://url/img.png'` on your embed parameters to automatically add watermark on your video.
* You can customize corner position by defining position parameter. Positions can be `bottom-left`, `bottom-right`, `top-left` and `top-right`.
* @param {String} [options.watermarkLink]
* `watermarkLink: 'http://example.net/'` - define URL to open when the watermark is clicked. If not provided watermark will not be clickable.
* @param {Boolean} [options.disableVideoTagContextMenu]
* disables the context menu (right click) on the video element if a HTML5Video playback is used.
* @param {Boolean} [options.autoSeekFromUrl]
* Automatically seek to the seconds provided in the url (e.g example.com?t=100) **default**: `true`
* @param {Boolean} [options.exitFullscreenOnEnd]
* Automatically exit full screen when the media finishes. **default**: `true`
* @param {String} [options.poster]
* define a poster by adding its address `poster: 'http://url/img.png'`. It will appear after video embed, disappear on play and go back when user stops the video.
* @param {String} [options.playbackNotSupportedMessage]
* define a custom message to be displayed when a playback is not supported.
* @param {Object} [options.events]
* Specify listeners which will be registered with their corresponding player events.
* E.g. onReady -> "PLAYER_READY", onTimeUpdate -> "PLAYER_TIMEUPDATE"
*/
}]);
function Player(options) {
(0, _classCallCheck3.default)(this, Player);
var _this = (0, _possibleConstructorReturn3.default)(this, _BaseObject.call(this, options));
var defaultOptions = { playerId: (0, _utils.uniqueId)(''), persistConfig: true, width: 640, height: 360, baseUrl: baseUrl, allowUserInteraction: _browser2.default.isMobile };
_this._options = _clapprZepto2.default.extend(defaultOptions, options);
_this.options.sources = _this._normalizeSources(options);
if (!_this.options.chromeless) {
// "allowUserInteraction" cannot be false if not in chromeless mode.
_this.options.allowUserInteraction = true;
}
if (!_this.options.allowUserInteraction) {
// if user iteraction is not allowed ensure keyboard shortcuts are disabled
_this.options.disableKeyboardShortcuts = true;
}
_this._registerOptionEventListeners();
_this._coreFactory = new _core_factory2.default(_this);
_this.playerInfo = _player_info2.default.getInstance(_this.options.playerId);
_this.playerInfo.currentSize = { width: options.width, height: options.height };
_this.playerInfo.options = _this.options;
if (_this.options.parentId) {
_this.setParentId(_this.options.parentId);
} else if (_this.options.parent) {
_this.attachTo(_this.options.parent);
}
return _this;
}
/**
* Specify a `parentId` to the player.
* @method setParentId
* @param {String} parentId the element parent id.
* @return {Player} itself
*/
Player.prototype.setParentId = function setParentId(parentId) {
var el = document.querySelector(parentId);
if (el) {
this.attachTo(el);
}
return this;
};
/**
* You can use this method to attach the player to a given element. You don't need to do this when you specify it during the player instantiation passing the `parentId` param.
* @method attachTo
* @param {Object} element a given element.
* @return {Player} itself
*/
Player.prototype.attachTo = function attachTo(element) {
this.options.parentElement = element;
this.core = this._coreFactory.create();
this._addEventListeners();
return this;
};
Player.prototype._addEventListeners = function _addEventListeners() {
if (!this.core.isReady) {
this.listenToOnce(this.core, _events2.default.CORE_READY, this._onReady);
} else {
this._onReady();
}
this.listenTo(this.core.mediaControl, _events2.default.MEDIACONTROL_CONTAINERCHANGED, this._containerChanged);
this.listenTo(this.core, _events2.default.CORE_FULLSCREEN, this._onFullscreenChange);
return this;
};
Player.prototype._addContainerEventListeners = function _addContainerEventListeners() {
var container = this.core.mediaControl.container;
if (container) {
this.listenTo(container, _events2.default.CONTAINER_PLAY, this._onPlay);
this.listenTo(container, _events2.default.CONTAINER_PAUSE, this._onPause);
this.listenTo(container, _events2.default.CONTAINER_STOP, this._onStop);
this.listenTo(container, _events2.default.CONTAINER_ENDED, this._onEnded);
this.listenTo(container, _events2.default.CONTAINER_SEEK, this._onSeek);
this.listenTo(container, _events2.default.CONTAINER_ERROR, this._onError);
this.listenTo(container, _events2.default.CONTAINER_TIMEUPDATE, this._onTimeUpdate);
this.listenTo(container, _events2.default.CONTAINER_VOLUME, this._onVolumeUpdate);
this.listenTo(container, _events2.default.CONTAINER_SUBTITLE_AVAILABLE, this._onSubtitleAvailable);
}
return this;
};
Player.prototype._registerOptionEventListeners = function _registerOptionEventListeners() {
var _this2 = this;
var userEvents = this.options.events || {};
(0, _keys2.default)(userEvents).forEach(function (userEvent) {
var eventType = _this2.eventsMapping[userEvent];
if (eventType) {
var eventFunction = userEvents[userEvent];
eventFunction = typeof eventFunction === 'function' && eventFunction;
eventFunction && _this2.on(eventType, eventFunction);
}
});
return this;
};
Player.prototype._containerChanged = function _containerChanged() {
this.stopListening();
this._addEventListeners();
};
Player.prototype._onReady = function _onReady() {
this._ready = true;
this._addContainerEventListeners();
this.trigger(_events2.default.PLAYER_READY);
};
Player.prototype._onFullscreenChange = function _onFullscreenChange(fullscreen) {
this.trigger(_events2.default.PLAYER_FULLSCREEN, fullscreen);
};
Player.prototype._onVolumeUpdate = function _onVolumeUpdate(volume) {
this.trigger(_events2.default.PLAYER_VOLUMEUPDATE, volume);
};
Player.prototype._onSubtitleAvailable = function _onSubtitleAvailable() {
this.trigger(_events2.default.PLAYER_SUBTITLE_AVAILABLE);
};
Player.prototype._onPlay = function _onPlay() {
this.trigger(_events2.default.PLAYER_PLAY);
};
Player.prototype._onPause = function _onPause() {
this.trigger(_events2.default.PLAYER_PAUSE);
};
Player.prototype._onStop = function _onStop() {
this.trigger(_events2.default.PLAYER_STOP, this.getCurrentTime());
};
Player.prototype._onEnded = function _onEnded() {
this.trigger(_events2.default.PLAYER_ENDED);
};
Player.prototype._onSeek = function _onSeek(time) {
this.trigger(_events2.default.PLAYER_SEEK, time);
};
Player.prototype._onTimeUpdate = function _onTimeUpdate(timeProgress) {
this.trigger(_events2.default.PLAYER_TIMEUPDATE, timeProgress);
};
Player.prototype._onError = function _onError(error) {
this.trigger(_events2.default.PLAYER_ERROR, error);
};
Player.prototype._normalizeSources = function _normalizeSources(options) {
var sources = options.sources || (options.source !== undefined ? [options.source] : []);
return sources.length === 0 ? [{ source: '', mimeType: '' }] : sources;
};
/**
* resizes the current player canvas.
* @method resize
* @param {Object} size should be a literal object with `height` and `width`.
* @return {Player} itself
* @example
* ```javascript
* player.resize({height: 360, width: 640})
* ```
*/
Player.prototype.resize = function resize(size) {
this.core.resize(size);
return this;
};
/**
* loads a new source.
* @method load
* @param {Array|String} sources source or sources of video.
* An array item can be a string or {source: <>, mimeType: <>}
* @param {String} mimeType a mime type, example: `'application/vnd.apple.mpegurl'`
* @param {Boolean} [autoPlay=false] whether playing should be started immediately
* @return {Player} itself
*/
Player.prototype.load = function load(sources, mimeType, autoPlay) {
if (autoPlay !== undefined) {
this.configure({ autoPlay: !!autoPlay });
}
this.core.load(sources, mimeType);
return this;
};
/**
* destroys the current player and removes it from the DOM.
* @method destroy
* @return {Player} itself
*/
Player.prototype.destroy = function destroy() {
this.core.destroy();
return this;
};
/**
* Gives user consent to playback. Required by mobile device after a click event before Player.load().
* @method consent
* @return {Player} itself
*/
Player.prototype.consent = function consent() {
this.core.getCurrentPlayback().consent();
return this;
};
/**
* plays the current video (`source`).
* @method play
* @return {Player} itself
*/
Player.prototype.play = function play() {
this.core.mediaControl.container.play();
return this;
};
/**
* pauses the current video (`source`).
* @method pause
* @return {Player} itself
*/
Player.prototype.pause = function pause() {
this.core.mediaControl.container.pause();
return this;
};
/**
* stops the current video (`source`).
* @method stop
* @return {Player} itself
*/
Player.prototype.stop = function stop() {
this.core.mediaControl.container.stop();
return this;
};
/**
* seeks the current video (`source`). For example, `player.seek(120)` will seek to second 120 (2minutes) of the current video.
* @method seek
* @param {Number} time should be a number between 0 and the video duration.
* @return {Player} itself
*/
Player.prototype.seek = function seek(time) {
this.core.mediaControl.container.seek(time);
return this;
};
/**
* seeks the current video (`source`). For example, `player.seek(50)` will seek to the middle of the current video.
* @method seekPercentage
* @param {Number} time should be a number between 0 and 100.
* @return {Player} itself
*/
Player.prototype.seekPercentage = function seekPercentage(percentage) {
this.core.mediaControl.container.seekPercentage(percentage);
return this;
};
/**
* Set the volume for the current video (`source`).
* @method setVolume
* @param {Number} volume should be a number between 0 and 100, 0 being mute and 100 the max volume.
* @return {Player} itself
*/
Player.prototype.setVolume = function setVolume(volume) {
if (this.core && this.core.mediaControl) {
this.core.mediaControl.setVolume(volume);
}
return this;
};
/**
* Get the volume for the current video
* @method getVolume
* @return {Number} volume should be a number between 0 and 100, 0 being mute and 100 the max volume.
*/
Player.prototype.getVolume = function getVolume() {
return this.core && this.core.mediaControl ? this.core.mediaControl.volume : 0;
};
/**
* mutes the current video (`source`).
* @method mute
* @return {Player} itself
*/
Player.prototype.mute = function mute() {
this._mutedVolume = this.getVolume();
this.setVolume(0);
return this;
};
/**
* unmutes the current video (`source`).
* @method unmute
* @return {Player} itself
*/
Player.prototype.unmute = function unmute() {
this.setVolume(typeof this._mutedVolume === 'number' ? this._mutedVolume : 100);
this._mutedVolume = null;
return this;
};
/**
* checks if the player is playing.
* @method isPlaying
* @return {Boolean} `true` if the current source is playing, otherwise `false`
*/
Player.prototype.isPlaying = function isPlaying() {
return this.core.mediaControl.container.isPlaying();
};
/**
* returns `true` if DVR is enable otherwise `false`.
* @method isDvrEnabled
* @return {Boolean}
*/
Player.prototype.isDvrEnabled = function isDvrEnabled() {
return this.core.mediaControl.container.isDvrEnabled();
};
/**
* returns `true` if DVR is in use otherwise `false`.
* @method isDvrInUse
* @return {Boolean}
*/
Player.prototype.isDvrInUse = function isDvrInUse() {
return this.core.mediaControl.container.isDvrInUse();
};
/**
* enables to configure a player after its creation
* @method configure
* @param {Object} options all the options to change in form of a javascript object
* @return {Player} itself
*/
Player.prototype.configure = function configure(options) {
this.core.configure(options);
return this;
};
/**
* get a plugin by its name.
* @method getPlugin
* @param {String} name of the plugin.
* @return {Object} the plugin instance
* @example
* ```javascript
* var poster = player.getPlugin('poster');
* poster.hidePlayButton();
* ```
*/
Player.prototype.getPlugin = function getPlugin(name) {
var plugins = this.core.plugins.concat(this.core.mediaControl.container.plugins);
return plugins.filter(function (plugin) {
return plugin.name === name;
})[0];
};
/**
* the current time in seconds.
* @method getCurrentTime
* @return {Number} current time (in seconds) of the current source
*/
Player.prototype.getCurrentTime = function getCurrentTime() {
return this.core.mediaControl.container.getCurrentTime();
};
/**
* 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.
* @method getStartTimeOffset
* @return {Number} time (in seconds) that time "0" represents.
*/
Player.prototype.getStartTimeOffset = function getStartTimeOffset() {
return this.core.mediaControl.container.getStartTimeOffset();
};
/**
* the duration time in seconds.
* @method getDuration
* @return {Number} duration time (in seconds) of the current source
*/
Player.prototype.getDuration = function getDuration() {
return this.core.mediaControl.container.getDuration();
};
return Player;
}(_base_object2.default);
exports.default = Player;
module.exports = exports['default'];
/***/ }),
/* 89 */
/***/ (function(module, exports, __webpack_require__) {
__webpack_require__(90);
module.exports = __webpack_require__(11).Object.keys;
/***/ }),
/* 90 */
/***/ (function(module, exports, __webpack_require__) {
// 19.1.2.14 Object.keys(O)
var toObject = __webpack_require__(39)
, $keys = __webpack_require__(25);
__webpack_require__(62)('keys', function(){
return function keys(it){
return $keys(toObject(it));
};
});
/***/ }),
/* 91 */
/***/ (function(module, exports, __webpack_require__) {
// fallback for non-array-like ES3 and non-enumerable old V8 strings
var cof = __webpack_require__(41);
module.exports = Object('z').propertyIsEnumerable(0) ? Object : function(it){
return cof(it) == 'String' ? it.split('') : Object(it);
};
/***/ }),
/* 92 */
/***/ (function(module, exports, __webpack_require__) {
// false -> Array#indexOf
// true -> Array#includes
var toIObject = __webpack_require__(14)
, toLength = __webpack_require__(61)
, toIndex = __webpack_require__(93);
module.exports = function(IS_INCLUDES){
return function($this, el, fromIndex){
var O = toIObject($this)
, length = toLength(O.length)
, index = toIndex(fromIndex, length)
, value;
// Array#includes uses SameValueZero equality algorithm
if(IS_INCLUDES && el != el)while(length > index){
value = O[index++];
if(value != value)return true;
// Array#toIndex ignores holes, Array#includes - not
} else for(;length > index; index++)if(IS_INCLUDES || index in O){
if(O[index] === el)return IS_INCLUDES || index || 0;
} return !IS_INCLUDES && -1;
};
};
/***/ }),
/* 93 */
/***/ (function(module, exports, __webpack_require__) {
var toInteger = __webpack_require__(42)
, max = Math.max
, min = Math.min;
module.exports = function(index, length){
index = toInteger(index);
return index < 0 ? max(index + length, 0) : min(index, length);
};
/***/ }),
/* 94 */
/***/ (function(module, exports) {
module.exports = function(it){
if(typeof it != 'function')throw TypeError(it + ' is not a function!');
return it;
};
/***/ }),
/* 95 */
/***/ (function(module, exports, __webpack_require__) {
module.exports = { "default": __webpack_require__(96), __esModule: true };
/***/ }),
/* 96 */
/***/ (function(module, exports, __webpack_require__) {
__webpack_require__(65);
__webpack_require__(102);
module.exports = __webpack_require__(51).f('iterator');
/***/ }),
/* 97 */
/***/ (function(module, exports, __webpack_require__) {
var toInteger = __webpack_require__(42)
, defined = __webpack_require__(40);
// true -> String#at
// false -> String#codePointAt
module.exports = function(TO_STRING){
return function(that, pos){
var s = String(defined(that))
, i = toInteger(pos)
, l = s.length
, a, b;
if(i < 0 || i >= l)return TO_STRING ? '' : undefined;
a = s.charCodeAt(i);
return a < 0xd800 || a > 0xdbff || i + 1 === l || (b = s.charCodeAt(i + 1)) < 0xdc00 || b > 0xdfff
? TO_STRING ? s.charAt(i) : a
: TO_STRING ? s.slice(i, i + 2) : (a - 0xd800 << 10) + (b - 0xdc00) + 0x10000;
};
};
/***/ }),
/* 98 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
var create = __webpack_require__(49)
, descriptor = __webpack_require__(28)
, setToStringTag = __webpack_require__(50)
, IteratorPrototype = {};
// 25.1.2.1.1 %IteratorPrototype%[@@iterator]()
__webpack_require__(22)(IteratorPrototype, __webpack_require__(12)('iterator'), function(){ return this; });
module.exports = function(Constructor, NAME, next){
Constructor.prototype = create(IteratorPrototype, {next: descriptor(1, next)});
setToStringTag(Constructor, NAME + ' Iterator');
};
/***/ }),
/* 99 */
/***/ (function(module, exports, __webpack_require__) {
var dP = __webpack_require__(16)
, anObject = __webpack_require__(23)
, getKeys = __webpack_require__(25);
module.exports = __webpack_require__(20) ? Object.defineProperties : function defineProperties(O, Properties){
anObject(O);
var keys = getKeys(Properties)
, length = keys.length
, i = 0
, P;
while(length > i)dP.f(O, P = keys[i++], Properties[P]);
return O;
};
/***/ }),
/* 100 */
/***/ (function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(15).document && document.documentElement;
/***/ }),
/* 101 */
/***/ (function(module, exports, __webpack_require__) {
// 19.1.2.9 / 15.2.3.2 Object.getPrototypeOf(O)
var has = __webpack_require__(18)
, toObject = __webpack_require__(39)
, IE_PROTO = __webpack_require__(43)('IE_PROTO')
, ObjectProto = Object.prototype;
module.exports = Object.getPrototypeOf || function(O){
O = toObject(O);
if(has(O, IE_PROTO))return O[IE_PROTO];
if(typeof O.constructor == 'function' && O instanceof O.constructor){
return O.constructor.prototype;
} return O instanceof Object ? ObjectProto : null;
};
/***/ }),
/* 102 */
/***/ (function(module, exports, __webpack_require__) {
__webpack_require__(103);
var global = __webpack_require__(15)
, hide = __webpack_require__(22)
, Iterators = __webpack_require__(29)
, TO_STRING_TAG = __webpack_require__(12)('toStringTag');
for(var collections = ['NodeList', 'DOMTokenList', 'MediaList', 'StyleSheetList', 'CSSRuleList'], i = 0; i < 5; i++){
var NAME = collections[i]
, Collection = global[NAME]
, proto = Collection && Collection.prototype;
if(proto && !proto[TO_STRING_TAG])hide(proto, TO_STRING_TAG, NAME);
Iterators[NAME] = Iterators.Array;
}
/***/ }),
/* 103 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
var addToUnscopables = __webpack_require__(104)
, step = __webpack_require__(105)
, Iterators = __webpack_require__(29)
, toIObject = __webpack_require__(14);
// 22.1.3.4 Array.prototype.entries()
// 22.1.3.13 Array.prototype.keys()
// 22.1.3.29 Array.prototype.values()
// 22.1.3.30 Array.prototype[@@iterator]()
module.exports = __webpack_require__(66)(Array, 'Array', function(iterated, kind){
this._t = toIObject(iterated); // target
this._i = 0; // next index
this._k = kind; // kind
// 22.1.5.2.1 %ArrayIteratorPrototype%.next()
}, function(){
var O = this._t
, kind = this._k
, index = this._i++;
if(!O || index >= O.length){
this._t = undefined;
return step(1);
}
if(kind == 'keys' )return step(0, index);
if(kind == 'values')return step(0, O[index]);
return step(0, [index, O[index]]);
}, 'values');
// argumentsList[@@iterator] is %ArrayProto_values% (9.4.4.6, 9.4.4.7)
Iterators.Arguments = Iterators.Array;
addToUnscopables('keys');
addToUnscopables('values');
addToUnscopables('entries');
/***/ }),
/* 104 */
/***/ (function(module, exports) {
module.exports = function(){ /* empty */ };
/***/ }),
/* 105 */
/***/ (function(module, exports) {
module.exports = function(done, value){
return {value: value, done: !!done};
};
/***/ }),
/* 106 */
/***/ (function(module, exports, __webpack_require__) {
module.exports = { "default": __webpack_require__(107), __esModule: true };
/***/ }),
/* 107 */
/***/ (function(module, exports, __webpack_require__) {
__webpack_require__(108);
__webpack_require__(114);
__webpack_require__(115);
__webpack_require__(116);
module.exports = __webpack_require__(11).Symbol;
/***/ }),
/* 108 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
// ECMAScript 6 symbols shim
var global = __webpack_require__(15)
, has = __webpack_require__(18)
, DESCRIPTORS = __webpack_require__(20)
, $export = __webpack_require__(19)
, redefine = __webpack_require__(67)
, META = __webpack_require__(109).KEY
, $fails = __webpack_require__(27)
, shared = __webpack_require__(44)
, setToStringTag = __webpack_require__(50)
, uid = __webpack_require__(32)
, wks = __webpack_require__(12)
, wksExt = __webpack_require__(51)
, wksDefine = __webpack_require__(52)
, keyOf = __webpack_require__(110)
, enumKeys = __webpack_require__(111)
, isArray = __webpack_require__(112)
, anObject = __webpack_require__(23)
, toIObject = __webpack_require__(14)
, toPrimitive = __webpack_require__(47)
, createDesc = __webpack_require__(28)
, _create = __webpack_require__(49)
, gOPNExt = __webpack_require__(113)
, $GOPD = __webpack_require__(54)
, $DP = __webpack_require__(16)
, $keys = __webpack_require__(25)
, gOPD = $GOPD.f
, dP = $DP.f
, gOPN = gOPNExt.f
, $Symbol = global.Symbol
, $JSON = global.JSON
, _stringify = $JSON && $JSON.stringify
, PROTOTYPE = 'prototype'
, HIDDEN = wks('_hidden')
, TO_PRIMITIVE = wks('toPrimitive')
, isEnum = {}.propertyIsEnumerable
, SymbolRegistry = shared('symbol-registry')
, AllSymbols = shared('symbols')
, OPSymbols = shared('op-symbols')
, ObjectProto = Object[PROTOTYPE]
, USE_NATIVE = typeof $Symbol == 'function'
, QObject = global.QObject;
// Don't use setters in Qt Script, https://github.com/zloirock/core-js/issues/173
var setter = !QObject || !QObject[PROTOTYPE] || !QObject[PROTOTYPE].findChild;
// fallback for old Android, https://code.google.com/p/v8/issues/detail?id=687
var setSymbolDesc = DESCRIPTORS && $fails(function(){
return _create(dP({}, 'a', {
get: function(){ return dP(this, 'a', {value: 7}).a; }
})).a != 7;
}) ? function(it, key, D){
var protoDesc = gOPD(ObjectProto, key);
if(protoDesc)delete ObjectProto[key];
dP(it, key, D);
if(protoDesc && it !== ObjectProto)dP(ObjectProto, key, protoDesc);
} : dP;
var wrap = function(tag){
var sym = AllSymbols[tag] = _create($Symbol[PROTOTYPE]);
sym._k = tag;
return sym;
};
var isSymbol = USE_NATIVE && typeof $Symbol.iterator == 'symbol' ? function(it){
return typeof it == 'symbol';
} : function(it){
return it instanceof $Symbol;
};
var $defineProperty = function defineProperty(it, key, D){
if(it === ObjectProto)$defineProperty(OPSymbols, key, D);
anObject(it);
key = toPrimitive(key, true);
anObject(D);
if(has(AllSymbols, key)){
if(!D.enumerable){
if(!has(it, HIDDEN))dP(it, HIDDEN, createDesc(1, {}));
it[HIDDEN][key] = true;
} else {
if(has(it, HIDDEN) && it[HIDDEN][key])it[HIDDEN][key] = false;
D = _create(D, {enumerable: createDesc(0, false)});
} return setSymbolDesc(it, key, D);
} return dP(it, key, D);
};
var $defineProperties = function defineProperties(it, P){
anObject(it);
var keys = enumKeys(P = toIObject(P))
, i = 0
, l = keys.length
, key;
while(l > i)$defineProperty(it, key = keys[i++], P[key]);
return it;
};
var $create = function create(it, P){
return P === undefined ? _create(it) : $defineProperties(_create(it), P);
};
var $propertyIsEnumerable = function propertyIsEnumerable(key){
var E = isEnum.call(this, key = toPrimitive(key, true));
if(this === ObjectProto && has(AllSymbols, key) && !has(OPSymbols, key))return false;
return E || !has(this, key) || !has(AllSymbols, key) || has(this, HIDDEN) && this[HIDDEN][key] ? E : true;
};
var $getOwnPropertyDescriptor = function getOwnPropertyDescriptor(it, key){
it = toIObject(it);
key = toPrimitive(key, true);
if(it === ObjectProto && has(AllSymbols, key) && !has(OPSymbols, key))return;
var D = gOPD(it, key);
if(D && has(AllSymbols, key) && !(has(it, HIDDEN) && it[HIDDEN][key]))D.enumerable = true;
return D;
};
var $getOwnPropertyNames = function getOwnPropertyNames(it){
var names = gOPN(toIObject(it))
, result = []
, i = 0
, key;
while(names.length > i){
if(!has(AllSymbols, key = names[i++]) && key != HIDDEN && key != META)result.push(key);
} return result;
};
var $getOwnPropertySymbols = function getOwnPropertySymbols(it){
var IS_OP = it === ObjectProto
, names = gOPN(IS_OP ? OPSymbols : toIObject(it))
, result = []
, i = 0
, key;
while(names.length > i){
if(has(AllSymbols, key = names[i++]) && (IS_OP ? has(ObjectProto, key) : true))result.push(AllSymbols[key]);
} return result;
};
// 19.4.1.1 Symbol([description])
if(!USE_NATIVE){
$Symbol = function Symbol(){
if(this instanceof $Symbol)throw TypeError('Symbol is not a constructor!');
var tag = uid(arguments.length > 0 ? arguments[0] : undefined);
var $set = function(value){
if(this === ObjectProto)$set.call(OPSymbols, value);
if(has(this, HIDDEN) && has(this[HIDDEN], tag))this[HIDDEN][tag] = false;
setSymbolDesc(this, tag, createDesc(1, value));
};
if(DESCRIPTORS && setter)setSymbolDesc(ObjectProto, tag, {configurable: true, set: $set});
return wrap(tag);
};
redefine($Symbol[PROTOTYPE], 'toString', function toString(){
return this._k;
});
$GOPD.f = $getOwnPropertyDescriptor;
$DP.f = $defineProperty;
__webpack_require__(69).f = gOPNExt.f = $getOwnPropertyNames;
__webpack_require__(53).f = $propertyIsEnumerable;
__webpack_require__(68).f = $getOwnPropertySymbols;
if(DESCRIPTORS && !__webpack_require__(48)){
redefine(ObjectProto, 'propertyIsEnumerable', $propertyIsEnumerable, true);
}
wksExt.f = function(name){
return wrap(wks(name));
}
}
$export($export.G + $export.W + $export.F * !USE_NATIVE, {Symbol: $Symbol});
for(var symbols = (
// 19.4.2.2, 19.4.2.3, 19.4.2.4, 19.4.2.6, 19.4.2.8, 19.4.2.9, 19.4.2.10, 19.4.2.11, 19.4.2.12, 19.4.2.13, 19.4.2.14
'hasInstance,isConcatSpreadable,iterator,match,replace,search,species,split,toPrimitive,toStringTag,unscopables'
).split(','), i = 0; symbols.length > i; )wks(symbols[i++]);
for(var symbols = $keys(wks.store), i = 0; symbols.length > i; )wksDefine(symbols[i++]);
$export($export.S + $export.F * !USE_NATIVE, 'Symbol', {
// 19.4.2.1 Symbol.for(key)
'for': function(key){
return has(SymbolRegistry, key += '')
? SymbolRegistry[key]
: SymbolRegistry[key] = $Symbol(key);
},
// 19.4.2.5 Symbol.keyFor(sym)
keyFor: function keyFor(key){
if(isSymbol(key))return keyOf(SymbolRegistry, key);
throw TypeError(key + ' is not a symbol!');
},
useSetter: function(){ setter = true; },
useSimple: function(){ setter = false; }
});
$export($export.S + $export.F * !USE_NATIVE, 'Object', {
// 19.1.2.2 Object.create(O [, Properties])
create: $create,
// 19.1.2.4 Object.defineProperty(O, P, Attributes)
defineProperty: $defineProperty,
// 19.1.2.3 Object.defineProperties(O, Properties)
defineProperties: $defineProperties,
// 19.1.2.6 Object.getOwnPropertyDescriptor(O, P)
getOwnPropertyDescriptor: $getOwnPropertyDescriptor,
// 19.1.2.7 Object.getOwnPropertyNames(O)
getOwnPropertyNames: $getOwnPropertyNames,
// 19.1.2.8 Object.getOwnPropertySymbols(O)
getOwnPropertySymbols: $getOwnPropertySymbols
});
// 24.3.2 JSON.stringify(value [, replacer [, space]])
$JSON && $export($export.S + $export.F * (!USE_NATIVE || $fails(function(){
var S = $Symbol();
// MS Edge converts symbol values to JSON as {}
// WebKit converts symbol values to JSON as null
// V8 throws on boxed symbols
return _stringify([S]) != '[null]' || _stringify({a: S}) != '{}' || _stringify(Object(S)) != '{}';
})), 'JSON', {
stringify: function stringify(it){
if(it === undefined || isSymbol(it))return; // IE8 returns string on undefined
var args = [it]
, i = 1
, replacer, $replacer;
while(arguments.length > i)args.push(arguments[i++]);
replacer = args[1];
if(typeof replacer == 'function')$replacer = replacer;
if($replacer || !isArray(replacer))replacer = function(key, value){
if($replacer)value = $replacer.call(this, key, value);
if(!isSymbol(value))return value;
};
args[1] = replacer;
return _stringify.apply($JSON, args);
}
});
// 19.4.3.4 Symbol.prototype[@@toPrimitive](hint)
$Symbol[PROTOTYPE][TO_PRIMITIVE] || __webpack_require__(22)($Symbol[PROTOTYPE], TO_PRIMITIVE, $Symbol[PROTOTYPE].valueOf);
// 19.4.3.5 Symbol.prototype[@@toStringTag]
setToStringTag($Symbol, 'Symbol');
// 20.2.1.9 Math[@@toStringTag]
setToStringTag(Math, 'Math', true);
// 24.3.3 JSON[@@toStringTag]
setToStringTag(global.JSON, 'JSON', true);
/***/ }),
/* 109 */
/***/ (function(module, exports, __webpack_require__) {
var META = __webpack_require__(32)('meta')
, isObject = __webpack_require__(26)
, has = __webpack_require__(18)
, setDesc = __webpack_require__(16).f
, id = 0;
var isExtensible = Object.isExtensible || function(){
return true;
};
var FREEZE = !__webpack_require__(27)(function(){
return isExtensible(Object.preventExtensions({}));
});
var setMeta = function(it){
setDesc(it, META, {value: {
i: 'O' + ++id, // object ID
w: {} // weak collections IDs
}});
};
var fastKey = function(it, create){
// return primitive with prefix
if(!isObject(it))return typeof it == 'symbol' ? it : (typeof it == 'string' ? 'S' : 'P') + it;
if(!has(it, META)){
// can't set metadata to uncaught frozen object
if(!isExtensible(it))return 'F';
// not necessary to add metadata
if(!create)return 'E';
// add missing metadata
setMeta(it);
// return object ID
} return it[META].i;
};
var getWeak = function(it, create){
if(!has(it, META)){
// can't set metadata to uncaught frozen object
if(!isExtensible(it))return true;
// not necessary to add metadata
if(!create)return false;
// add missing metadata
setMeta(it);
// return hash weak collections IDs
} return it[META].w;
};
// add metadata on freeze-family methods calling
var onFreeze = function(it){
if(FREEZE && meta.NEED && isExtensible(it) && !has(it, META))setMeta(it);
return it;
};
var meta = module.exports = {
KEY: META,
NEED: false,
fastKey: fastKey,
getWeak: getWeak,
onFreeze: onFreeze
};
/***/ }),
/* 110 */
/***/ (function(module, exports, __webpack_require__) {
var getKeys = __webpack_require__(25)
, toIObject = __webpack_require__(14);
module.exports = function(object, el){
var O = toIObject(object)
, keys = getKeys(O)
, length = keys.length
, index = 0
, key;
while(length > index)if(O[key = keys[index++]] === el)return key;
};
/***/ }),
/* 111 */
/***/ (function(module, exports, __webpack_require__) {
// all enumerable object keys, includes symbols
var getKeys = __webpack_require__(25)
, gOPS = __webpack_require__(68)
, pIE = __webpack_require__(53);
module.exports = function(it){
var result = getKeys(it)
, getSymbols = gOPS.f;
if(getSymbols){
var symbols = getSymbols(it)
, isEnum = pIE.f
, i = 0
, key;
while(symbols.length > i)if(isEnum.call(it, key = symbols[i++]))result.push(key);
} return result;
};
/***/ }),
/* 112 */
/***/ (function(module, exports, __webpack_require__) {
// 7.2.2 IsArray(argument)
var cof = __webpack_require__(41);
module.exports = Array.isArray || function isArray(arg){
return cof(arg) == 'Array';
};
/***/ }),
/* 113 */
/***/ (function(module, exports, __webpack_require__) {
// fallback for IE11 buggy Object.getOwnPropertyNames with iframe and window
var toIObject = __webpack_require__(14)
, gOPN = __webpack_require__(69).f
, toString = {}.toString;
var windowNames = typeof window == 'object' && window && Object.getOwnPropertyNames
? Object.getOwnPropertyNames(window) : [];
var getWindowNames = function(it){
try {
return gOPN(it);
} catch(e){
return windowNames.slice();
}
};
module.exports.f = function getOwnPropertyNames(it){
return windowNames && toString.call(it) == '[object Window]' ? getWindowNames(it) : gOPN(toIObject(it));
};
/***/ }),
/* 114 */
/***/ (function(module, exports) {
/***/ }),
/* 115 */
/***/ (function(module, exports, __webpack_require__) {
__webpack_require__(52)('asyncIterator');
/***/ }),
/* 116 */
/***/ (function(module, exports, __webpack_require__) {
__webpack_require__(52)('observable');
/***/ }),
/* 117 */
/***/ (function(module, exports, __webpack_require__) {
__webpack_require__(118);
var $Object = __webpack_require__(11).Object;
module.exports = function defineProperty(it, key, desc){
return $Object.defineProperty(it, key, desc);
};
/***/ }),
/* 118 */
/***/ (function(module, exports, __webpack_require__) {
var $export = __webpack_require__(19);
// 19.1.2.4 / 15.2.3.6 Object.defineProperty(O, P, Attributes)
$export($export.S + $export.F * !__webpack_require__(20), 'Object', {defineProperty: __webpack_require__(16).f});
/***/ }),
/* 119 */
/***/ (function(module, exports, __webpack_require__) {
module.exports = { "default": __webpack_require__(120), __esModule: true };
/***/ }),
/* 120 */
/***/ (function(module, exports, __webpack_require__) {
__webpack_require__(121);
module.exports = __webpack_require__(11).Object.setPrototypeOf;
/***/ }),
/* 121 */
/***/ (function(module, exports, __webpack_require__) {
// 19.1.3.19 Object.setPrototypeOf(O, proto)
var $export = __webpack_require__(19);
$export($export.S, 'Object', {setPrototypeOf: __webpack_require__(122).set});
/***/ }),
/* 122 */
/***/ (function(module, exports, __webpack_require__) {
// Works with __proto__ only. Old v8 can't work with null proto objects.
/* eslint-disable no-proto */
var isObject = __webpack_require__(26)
, anObject = __webpack_require__(23);
var check = function(O, proto){
anObject(O);
if(!isObject(proto) && proto !== null)throw TypeError(proto + ": can't set as prototype!");
};
module.exports = {
set: Object.setPrototypeOf || ('__proto__' in {} ? // eslint-disable-line
function(test, buggy, set){
try {
set = __webpack_require__(46)(Function.call, __webpack_require__(54).f(Object.prototype, '__proto__').set, 2);
set(test, []);
buggy = !(test instanceof Array);
} catch(e){ buggy = true; }
return function setPrototypeOf(O, proto){
check(O, proto);
if(buggy)O.__proto__ = proto;
else set(O, proto);
return O;
};
}({}, false) : undefined),
check: check
};
/***/ }),
/* 123 */
/***/ (function(module, exports, __webpack_require__) {
__webpack_require__(124);
var $Object = __webpack_require__(11).Object;
module.exports = function create(P, D){
return $Object.create(P, D);
};
/***/ }),
/* 124 */
/***/ (function(module, exports, __webpack_require__) {
var $export = __webpack_require__(19)
// 19.1.2.2 / 15.2.3.5 Object.create(O [, Properties])
$export($export.S, 'Object', {create: __webpack_require__(49)});
/***/ }),
/* 125 */
/***/ (function(module, exports, __webpack_require__) {
module.exports = { "default": __webpack_require__(126), __esModule: true };
/***/ }),
/* 126 */
/***/ (function(module, exports, __webpack_require__) {
__webpack_require__(127);
var $Object = __webpack_require__(11).Object;
module.exports = function getOwnPropertyDescriptor(it, key){
return $Object.getOwnPropertyDescriptor(it, key);
};
/***/ }),
/* 127 */
/***/ (function(module, exports, __webpack_require__) {
// 19.1.2.6 Object.getOwnPropertyDescriptor(O, P)
var toIObject = __webpack_require__(14)
, $getOwnPropertyDescriptor = __webpack_require__(54).f;
__webpack_require__(62)('getOwnPropertyDescriptor', function(){
return function getOwnPropertyDescriptor(it, key){
return $getOwnPropertyDescriptor(toIObject(it), key);
};
});
/***/ }),
/* 128 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
// Copyright 2014 Globo.com Player authors. All rights reserved.
// Use of this source code is governed by a BSD-style
// license that can be found in the LICENSE file.
/**
* Array.prototype.find
*
* Original source : https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/find
* See also : https://tc39.github.io/ecma262/#sec-array.prototype.find
*/
if (!Array.prototype.find) {
Object.defineProperty(Array.prototype, 'find', {
// Note: ES6 arrow function syntax is not used on purpose to avoid this to be undefined
value: function value(predicate) {
// 1. Let O be ? ToObject(this value).
if (this == null) {
throw new TypeError('"this" is null or not defined');
}
var o = Object(this);
// 2. Let len be ? ToLength(? Get(O, "length")).
var len = o.length >>> 0;
// 3. If IsCallable(predicate) is false, throw a TypeError exception.
if (typeof predicate !== 'function') {
throw new TypeError('predicate must be a function');
}
// 4. If thisArg was supplied, let T be thisArg; else let T be undefined.
var thisArg = arguments[1];
// 5. Let k be 0.
var k = 0;
// 6. Repeat, while k < len
while (k < len) {
// a. Let Pk be ! ToString(k).
// b. Let kValue be ? Get(O, Pk).
// c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)).
// d. If testResult is true, return kValue.
var kValue = o[k];
if (predicate.call(thisArg, kValue, k, o)) {
return kValue;
}
// e. Increase k by 1.
k++;
}
// 7. Return undefined.
return undefined;
}
});
}
/***/ }),
/* 129 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var _classCallCheck2 = __webpack_require__(0);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _vendor = __webpack_require__(56);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var BOLD = 'font-weight: bold; font-size: 13px;';
// Use of this source code is governed by a BSD-style
// license that can be found in the LICENSE file.
var INFO = 'color: #006600;' + BOLD;
var DEBUG = 'color: #0000ff;' + BOLD;
var WARN = 'color: #ff8000;' + BOLD;
var ERROR = 'color: #ff0000;' + BOLD;
var LEVEL_DEBUG = 0;
var LEVEL_INFO = 1;
var LEVEL_WARN = 2;
var LEVEL_ERROR = 3;
var LEVEL_DISABLED = LEVEL_ERROR;
var COLORS = [DEBUG, INFO, WARN, ERROR, ERROR];
var DESCRIPTIONS = ['debug', 'info', 'warn', 'error', 'disabled'];
var Log = function () {
function Log() {
var _this = this;
var level = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : LEVEL_INFO;
var offLevel = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : LEVEL_DISABLED;
(0, _classCallCheck3.default)(this, Log);
this.kibo = new _vendor.Kibo();
this.kibo.down(['ctrl shift d'], function () {
return _this.onOff();
});
this.BLACKLIST = ['timeupdate', 'playback:timeupdate', 'playback:progress', 'container:hover', 'container:timeupdate', 'container:progress'];
this.level = level;
this.offLevel = offLevel;
}
Log.prototype.debug = function debug(klass) {
this.log(klass, LEVEL_DEBUG, Array.prototype.slice.call(arguments, 1));
};
Log.prototype.info = function info(klass) {
this.log(klass, LEVEL_INFO, Array.prototype.slice.call(arguments, 1));
};
Log.prototype.warn = function warn(klass) {
this.log(klass, LEVEL_WARN, Array.prototype.slice.call(arguments, 1));
};
Log.prototype.error = function error(klass) {
this.log(klass, LEVEL_ERROR, Array.prototype.slice.call(arguments, 1));
};
Log.prototype.onOff = function onOff() {
if (this.level === this.offLevel) {
this.level = this.previousLevel;
} else {
this.previousLevel = this.level;
this.level = this.offLevel;
}
// handle instances where console.log is unavailable
if (window.console && window.console.log) {
window.console.log('%c[Clappr.Log] set log level to ' + DESCRIPTIONS[this.level], WARN);
}
};
Log.prototype.level = function level(newLevel) {
this.level = newLevel;
};
Log.prototype.log = function log(klass, level, message) {
if (this.BLACKLIST.indexOf(message[0]) >= 0) return;
if (level < this.level) return;
if (!message) {
message = klass;
klass = null;
}
var color = COLORS[level];
var klassDescription = '';
if (klass) {
klassDescription = '[' + klass + ']';
}
if (window.console && window.console.log) {
window.console.log.apply(console, ['%c[' + DESCRIPTIONS[level] + ']' + klassDescription, color].concat(message));
}
};
return Log;
}();
exports.default = Log;
Log.LEVEL_DEBUG = LEVEL_DEBUG;
Log.LEVEL_INFO = LEVEL_INFO;
Log.LEVEL_WARN = LEVEL_WARN;
Log.LEVEL_ERROR = LEVEL_ERROR;
Log.getInstance = function () {
if (this._instance === undefined) {
this._instance = new this();
this._instance.previousLevel = this._instance.level;
this._instance.level = this._instance.offLevel;
}
return this._instance;
};
Log.setLevel = function (level) {
this.getInstance().level = level;
};
Log.debug = function () {
this.getInstance().debug.apply(this.getInstance(), arguments);
};
Log.info = function () {
this.getInstance().info.apply(this.getInstance(), arguments);
};
Log.warn = function () {
this.getInstance().warn.apply(this.getInstance(), arguments);
};
Log.error = function () {
this.getInstance().error.apply(this.getInstance(), arguments);
};
module.exports = exports['default'];
/***/ }),
/* 130 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
/* eslint-disable */
// Kibo is released under the MIT License. Copyright (c) 2013 marquete.
// see https://github.com/marquete/kibo
var Kibo = function Kibo(element) {
this.element = element || window.document;
this.initialize();
};
Kibo.KEY_NAMES_BY_CODE = {
8: 'backspace', 9: 'tab', 13: 'enter',
16: 'shift', 17: 'ctrl', 18: 'alt',
20: 'caps_lock',
27: 'esc',
32: 'space',
37: 'left', 38: 'up', 39: 'right', 40: 'down',
48: '0', 49: '1', 50: '2', 51: '3', 52: '4', 53: '5', 54: '6', 55: '7', 56: '8', 57: '9',
65: 'a', 66: 'b', 67: 'c', 68: 'd', 69: 'e', 70: 'f', 71: 'g', 72: 'h', 73: 'i', 74: 'j',
75: 'k', 76: 'l', 77: 'm', 78: 'n', 79: 'o', 80: 'p', 81: 'q', 82: 'r', 83: 's', 84: 't',
85: 'u', 86: 'v', 87: 'w', 88: 'x', 89: 'y', 90: 'z', 112: 'f1', 113: 'f2', 114: 'f3',
115: 'f4', 116: 'f5', 117: 'f6', 118: 'f7', 119: 'f8', 120: 'f9', 121: 'f10', 122: 'f11', 123: 'f12'
};
Kibo.KEY_CODES_BY_NAME = {};
(function () {
for (var key in Kibo.KEY_NAMES_BY_CODE) {
if (Object.prototype.hasOwnProperty.call(Kibo.KEY_NAMES_BY_CODE, key)) {
Kibo.KEY_CODES_BY_NAME[Kibo.KEY_NAMES_BY_CODE[key]] = +key;
}
}
})();
Kibo.MODIFIERS = ['shift', 'ctrl', 'alt'];
Kibo.registerEvent = function () {
if (document.addEventListener) {
return function (element, eventName, func) {
element.addEventListener(eventName, func, false);
};
} else if (document.attachEvent) {
return function (element, eventName, func) {
element.attachEvent('on' + eventName, func);
};
}
}();
Kibo.unregisterEvent = function () {
if (document.removeEventListener) {
return function (element, eventName, func) {
element.removeEventListener(eventName, func, false);
};
} else if (document.detachEvent) {
return function (element, eventName, func) {
element.detachEvent('on' + eventName, func);
};
}
}();
Kibo.stringContains = function (string, substring) {
return string.indexOf(substring) !== -1;
};
Kibo.neatString = function (string) {
return string.replace(/^\s+|\s+$/g, '').replace(/\s+/g, ' ');
};
Kibo.capitalize = function (string) {
return string.toLowerCase().replace(/^./, function (match) {
return match.toUpperCase();
});
};
Kibo.isString = function (what) {
return Kibo.stringContains(Object.prototype.toString.call(what), 'String');
};
Kibo.arrayIncludes = function () {
if (Array.prototype.indexOf) {
return function (haystack, needle) {
return haystack.indexOf(needle) !== -1;
};
} else {
return function (haystack, needle) {
for (var i = 0; i < haystack.length; i++) {
if (haystack[i] === needle) {
return true;
}
}
return false;
};
}
}();
Kibo.extractModifiers = function (keyCombination) {
var modifiers, i;
modifiers = [];
for (i = 0; i < Kibo.MODIFIERS.length; i++) {
if (Kibo.stringContains(keyCombination, Kibo.MODIFIERS[i])) {
modifiers.push(Kibo.MODIFIERS[i]);
}
}
return modifiers;
};
Kibo.extractKey = function (keyCombination) {
var keys, i;
keys = Kibo.neatString(keyCombination).split(' ');
for (i = 0; i < keys.length; i++) {
if (!Kibo.arrayIncludes(Kibo.MODIFIERS, keys[i])) {
return keys[i];
}
}
};
Kibo.modifiersAndKey = function (keyCombination) {
var result, key;
if (Kibo.stringContains(keyCombination, 'any')) {
return Kibo.neatString(keyCombination).split(' ').slice(0, 2).join(' ');
}
result = Kibo.extractModifiers(keyCombination);
key = Kibo.extractKey(keyCombination);
if (key && !Kibo.arrayIncludes(Kibo.MODIFIERS, key)) {
result.push(key);
}
return result.join(' ');
};
Kibo.keyName = function (keyCode) {
return Kibo.KEY_NAMES_BY_CODE[keyCode + ''];
};
Kibo.keyCode = function (keyName) {
return +Kibo.KEY_CODES_BY_NAME[keyName];
};
Kibo.prototype.initialize = function () {
var i,
that = this;
this.lastKeyCode = -1;
this.lastModifiers = {};
for (i = 0; i < Kibo.MODIFIERS.length; i++) {
this.lastModifiers[Kibo.MODIFIERS[i]] = false;
}
this.keysDown = { any: [] };
this.keysUp = { any: [] };
this.downHandler = this.handler('down');
this.upHandler = this.handler('up');
Kibo.registerEvent(this.element, 'keydown', this.downHandler);
Kibo.registerEvent(this.element, 'keyup', this.upHandler);
Kibo.registerEvent(window, 'unload', function unloader() {
Kibo.unregisterEvent(that.element, 'keydown', that.downHandler);
Kibo.unregisterEvent(that.element, 'keyup', that.upHandler);
Kibo.unregisterEvent(window, 'unload', unloader);
});
};
Kibo.prototype.handler = function (upOrDown) {
var that = this;
return function (e) {
var i, registeredKeys, lastModifiersAndKey;
e = e || window.event;
that.lastKeyCode = e.keyCode;
for (i = 0; i < Kibo.MODIFIERS.length; i++) {
that.lastModifiers[Kibo.MODIFIERS[i]] = e[Kibo.MODIFIERS[i] + 'Key'];
}
if (Kibo.arrayIncludes(Kibo.MODIFIERS, Kibo.keyName(that.lastKeyCode))) {
that.lastModifiers[Kibo.keyName(that.lastKeyCode)] = true;
}
registeredKeys = that['keys' + Kibo.capitalize(upOrDown)];
for (i = 0; i < registeredKeys.any.length; i++) {
if (registeredKeys.any[i](e) === false && e.preventDefault) {
e.preventDefault();
}
}
lastModifiersAndKey = that.lastModifiersAndKey();
if (registeredKeys[lastModifiersAndKey]) {
for (i = 0; i < registeredKeys[lastModifiersAndKey].length; i++) {
if (registeredKeys[lastModifiersAndKey][i](e) === false && e.preventDefault) {
e.preventDefault();
}
}
}
};
};
Kibo.prototype.registerKeys = function (upOrDown, newKeys, func) {
var i,
keys,
registeredKeys = this['keys' + Kibo.capitalize(upOrDown)];
if (Kibo.isString(newKeys)) {
newKeys = [newKeys];
}
for (i = 0; i < newKeys.length; i++) {
keys = newKeys[i];
keys = Kibo.modifiersAndKey(keys + '');
if (registeredKeys[keys]) {
registeredKeys[keys].push(func);
} else {
registeredKeys[keys] = [func];
}
}
return this;
};
// jshint maxdepth:5
Kibo.prototype.unregisterKeys = function (upOrDown, newKeys, func) {
var i,
j,
keys,
registeredKeys = this['keys' + Kibo.capitalize(upOrDown)];
if (Kibo.isString(newKeys)) {
newKeys = [newKeys];
}
for (i = 0; i < newKeys.length; i++) {
keys = newKeys[i];
keys = Kibo.modifiersAndKey(keys + '');
if (func === null) {
delete registeredKeys[keys];
} else {
if (registeredKeys[keys]) {
for (j = 0; j < registeredKeys[keys].length; j++) {
if (String(registeredKeys[keys][j]) === String(func)) {
registeredKeys[keys].splice(j, 1);
break;
}
}
}
}
}
return this;
};
Kibo.prototype.off = function (keys) {
return this.unregisterKeys('down', keys, null);
};
Kibo.prototype.delegate = function (upOrDown, keys, func) {
return func !== null || func !== undefined ? this.registerKeys(upOrDown, keys, func) : this.unregisterKeys(upOrDown, keys, func);
};
Kibo.prototype.down = function (keys, func) {
return this.delegate('down', keys, func);
};
Kibo.prototype.up = function (keys, func) {
return this.delegate('up', keys, func);
};
Kibo.prototype.lastKey = function (modifier) {
if (!modifier) {
return Kibo.keyName(this.lastKeyCode);
}
return this.lastModifiers[modifier];
};
Kibo.prototype.lastModifiersAndKey = function () {
var result, i;
result = [];
for (i = 0; i < Kibo.MODIFIERS.length; i++) {
if (this.lastKey(Kibo.MODIFIERS[i])) {
result.push(Kibo.MODIFIERS[i]);
}
}
if (!Kibo.arrayIncludes(result, this.lastKey())) {
result.push(this.lastKey());
}
return result.join(' ');
};
exports.default = Kibo;
module.exports = exports['default'];
/***/ }),
/* 131 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var _core_factory = __webpack_require__(132);
var _core_factory2 = _interopRequireDefault(_core_factory);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = _core_factory2.default;
module.exports = exports['default'];
/***/ }),
/* 132 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var _classCallCheck2 = __webpack_require__(0);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(1);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _createClass2 = __webpack_require__(3);
var _createClass3 = _interopRequireDefault(_createClass2);
var _inherits2 = __webpack_require__(2);
var _inherits3 = _interopRequireDefault(_inherits2);
var _base_object = __webpack_require__(17);
var _base_object2 = _interopRequireDefault(_base_object);
var _core = __webpack_require__(72);
var _core2 = _interopRequireDefault(_core);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/**
* The Core Factory is responsible for instantiate the core and it's plugins.
* @class CoreFactory
* @constructor
* @extends BaseObject
* @module components
*/
// Copyright 2014 Globo.com Player authors. All rights reserved.
// Use of this source code is governed by a BSD-style
// license that can be found in the LICENSE file.
var CoreFactory = function (_BaseObject) {
(0, _inherits3.default)(CoreFactory, _BaseObject);
(0, _createClass3.default)(CoreFactory, [{
key: 'loader',
get: function get() {
return this.player.loader;
}
/**
* it builds the core factory
* @method constructor
* @param {Player} player the player object
*/
}]);
function CoreFactory(player) {
(0, _classCallCheck3.default)(this, CoreFactory);
var _this = (0, _possibleConstructorReturn3.default)(this, _BaseObject.call(this));
_this.player = player;
_this._options = player.options;
return _this;
}
/**
* creates a core and its plugins
* @method create
* @return {Core} created core
*/
CoreFactory.prototype.create = function create() {
this.options.loader = this.loader;
this.core = new _core2.default(this.options);
this.addCorePlugins();
this.core.createContainers(this.options);
return this.core;
};
/**
* given the core plugins (`loader.corePlugins`) it builds each one
* @method addCorePlugins
* @return {Core} the core with all plugins
*/
CoreFactory.prototype.addCorePlugins = function addCorePlugins() {
var _this2 = this;
this.loader.corePlugins.forEach(function (Plugin) {
var plugin = new Plugin(_this2.core);
_this2.core.addPlugin(plugin);
_this2.setupExternalInterface(plugin);
});
return this.core;
};
CoreFactory.prototype.setupExternalInterface = function setupExternalInterface(plugin) {
var externalFunctions = plugin.getExternalInterface();
for (var key in externalFunctions) {
this.player[key] = externalFunctions[key].bind(plugin);
}
};
return CoreFactory;
}(_base_object2.default);
exports.default = CoreFactory;
module.exports = exports['default'];
/***/ }),
/* 133 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var _classCallCheck2 = __webpack_require__(0);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(1);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _createClass2 = __webpack_require__(3);
var _createClass3 = _interopRequireDefault(_createClass2);
var _inherits2 = __webpack_require__(2);
var _inherits3 = _interopRequireDefault(_inherits2);
var _utils = __webpack_require__(5);
var _events = __webpack_require__(4);
var _events2 = _interopRequireDefault(_events);
var _styler = __webpack_require__(7);
var _styler2 = _interopRequireDefault(_styler);
var _ui_object = __webpack_require__(21);
var _ui_object2 = _interopRequireDefault(_ui_object);
var _browser = __webpack_require__(13);
var _browser2 = _interopRequireDefault(_browser);
var _container_factory = __webpack_require__(134);
var _container_factory2 = _interopRequireDefault(_container_factory);
var _media_control = __webpack_require__(74);
var _media_control2 = _interopRequireDefault(_media_control);
var _mediator = __webpack_require__(24);
var _mediator2 = _interopRequireDefault(_mediator);
var _player_info = __webpack_require__(34);
var _player_info2 = _interopRequireDefault(_player_info);
var _clapprZepto = __webpack_require__(6);
var _clapprZepto2 = _interopRequireDefault(_clapprZepto);
var _style = __webpack_require__(149);
var _style2 = _interopRequireDefault(_style);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/**
* The Core is responsible to manage Containers, the mediator, MediaControl
* and the player state.
* @class Core
* @constructor
* @extends UIObject
* @module components
*/
var Core = function (_UIObject) {
(0, _inherits3.default)(Core, _UIObject);
(0, _createClass3.default)(Core, [{
key: 'events',
get: function get() {
return {
'webkitfullscreenchange': 'handleFullscreenChange',
'mousemove': 'showMediaControl',
'mouseleave': 'hideMediaControl'
};
}
}, {
key: 'attributes',
get: function get() {
return {
'data-player': '',
tabindex: 9999
};
}
/**
* checks if the core is ready.
* @property isReady
* @type {Boolean} `true` if the core is ready, otherwise `false`
*/
}, {
key: 'isReady',
get: function get() {
return !!this.ready;
}
/**
* The internationalization plugin.
* @property i18n
* @type {Strings}
*/
}, {
key: 'i18n',
get: function get() {
return this.getPlugin('strings') || { t: function t(key) {
return key;
} };
}
}]);
function Core(options) {
(0, _classCallCheck3.default)(this, Core);
var _this = (0, _possibleConstructorReturn3.default)(this, _UIObject.call(this, options));
_this.configureDomRecycler();
_this.playerInfo = _player_info2.default.getInstance(options.playerId);
_this.firstResize = true;
_this.plugins = [];
_this.containers = [];
_this.setupMediaControl(null);
//FIXME fullscreen api sucks
_this._boundFullscreenHandler = function () {
return _this.handleFullscreenChange();
};
(0, _clapprZepto2.default)(document).bind('fullscreenchange', _this._boundFullscreenHandler);
(0, _clapprZepto2.default)(document).bind('MSFullscreenChange', _this._boundFullscreenHandler);
(0, _clapprZepto2.default)(document).bind('mozfullscreenchange', _this._boundFullscreenHandler);
_browser2.default.isMobile && (0, _clapprZepto2.default)(window).bind('resize', function (o) {
_this.handleWindowResize(o);
});
return _this;
}
Core.prototype.configureDomRecycler = function configureDomRecycler() {
var recycleVideo = this.options && this.options.playback && this.options.playback.recycleVideo ? true : false;
_utils.DomRecycler.configure({
recycleVideo: recycleVideo
});
};
Core.prototype.createContainers = function createContainers(options) {
var _this2 = this;
this.defer = _clapprZepto2.default.Deferred();
this.defer.promise(this);
this.containerFactory = new _container_factory2.default(options, options.loader, this.i18n);
this.containerFactory.createContainers().then(function (containers) {
return _this2.setupContainers(containers);
}).then(function (containers) {
return _this2.resolveOnContainersReady(containers);
});
};
Core.prototype.updateSize = function updateSize() {
if (_utils.Fullscreen.isFullscreen()) {
this.setFullscreen();
} else {
this.setPlayerSize();
}
};
Core.prototype.setFullscreen = function setFullscreen() {
if (!_browser2.default.isiOS) {
this.$el.addClass('fullscreen');
this.$el.removeAttr('style');
this.playerInfo.previousSize = { width: this.options.width, height: this.options.height };
this.playerInfo.currentSize = { width: (0, _clapprZepto2.default)(window).width(), height: (0, _clapprZepto2.default)(window).height() };
}
};
Core.prototype.setPlayerSize = function setPlayerSize() {
this.$el.removeClass('fullscreen');
this.playerInfo.currentSize = this.playerInfo.previousSize;
this.playerInfo.previousSize = { width: (0, _clapprZepto2.default)(window).width(), height: (0, _clapprZepto2.default)(window).height() };
this.resize(this.playerInfo.currentSize);
};
Core.prototype.resize = function resize(options) {
if (!(0, _utils.isNumber)(options.height) && !(0, _utils.isNumber)(options.width)) {
this.el.style.height = '' + options.height;
this.el.style.width = '' + options.width;
} else {
this.el.style.height = options.height + 'px';
this.el.style.width = options.width + 'px';
}
this.playerInfo.previousSize = { width: this.options.width, height: this.options.height };
this.options.width = options.width;
this.options.height = options.height;
this.playerInfo.currentSize = options;
this.triggerResize(this.playerInfo.currentSize);
};
Core.prototype.enableResizeObserver = function enableResizeObserver() {
var _this3 = this;
var checkSizeCallback = function checkSizeCallback() {
if (_this3.playerInfo.computedSize.width != _this3.el.clientWidth || _this3.playerInfo.computedSize.height != _this3.el.clientHeight) {
_this3.playerInfo.computedSize = { width: _this3.el.clientWidth, height: _this3.el.clientHeight };
_this3.triggerResize(_this3.playerInfo.computedSize);
}
};
this.resizeObserverInterval = setInterval(checkSizeCallback, 500);
};
Core.prototype.triggerResize = function triggerResize(newSize) {
var thereWasChange = this.firstResize || this.oldHeight !== newSize.height || this.oldWidth !== newSize.width;
if (thereWasChange) {
_mediator2.default.trigger(this.options.playerId + ':' + _events2.default.PLAYER_RESIZE, newSize);
this.oldHeight = newSize.height;
this.oldWidth = newSize.width;
this.firstResize = false;
}
};
Core.prototype.disableResizeObserver = function disableResizeObserver() {
if (this.resizeObserverInterval) clearInterval(this.resizeObserverInterval);
};
Core.prototype.resolveOnContainersReady = function resolveOnContainersReady(containers) {
var _this4 = this;
_clapprZepto2.default.when.apply(_clapprZepto2.default, containers).done(function () {
_this4.defer.resolve(_this4);
_this4.ready = true;
_this4.trigger(_events2.default.CORE_READY);
});
};
Core.prototype.addPlugin = function addPlugin(plugin) {
this.plugins.push(plugin);
};
Core.prototype.hasPlugin = function hasPlugin(name) {
return !!this.getPlugin(name);
};
Core.prototype.getPlugin = function getPlugin(name) {
return this.plugins.filter(function (plugin) {
return plugin.name === name;
})[0];
};
Core.prototype.load = function load(sources, mimeType) {
var _this5 = this;
this.options.mimeType = mimeType;
sources = sources && sources.constructor === Array ? sources : [sources];
this.containers.forEach(function (container) {
return container.destroy();
});
this.mediaControl.container = null;
this.containerFactory.options = _clapprZepto2.default.extend(this.options, { sources: sources });
this.containerFactory.createContainers().then(function (containers) {
_this5.setupContainers(containers);
});
};
Core.prototype.destroy = function destroy() {
this.disableResizeObserver();
this.containers.forEach(function (container) {
return container.destroy();
});
this.plugins.forEach(function (plugin) {
return plugin.destroy();
});
this.$el.remove();
this.mediaControl.destroy();
(0, _clapprZepto2.default)(document).unbind('fullscreenchange', this._boundFullscreenHandler);
(0, _clapprZepto2.default)(document).unbind('MSFullscreenChange', this._boundFullscreenHandler);
(0, _clapprZepto2.default)(document).unbind('mozfullscreenchange', this._boundFullscreenHandler);
};
Core.prototype.handleFullscreenChange = function handleFullscreenChange() {
this.trigger(_events2.default.CORE_FULLSCREEN, _utils.Fullscreen.isFullscreen());
this.updateSize();
this.mediaControl.show();
};
Core.prototype.handleWindowResize = function handleWindowResize(event) {
var orientation = (0, _clapprZepto2.default)(window).width() > (0, _clapprZepto2.default)(window).height() ? 'landscape' : 'portrait';
if (this._screenOrientation === orientation) return;
this._screenOrientation = orientation;
this.trigger(_events2.default.CORE_SCREEN_ORIENTATION_CHANGED, {
event: event,
orientation: this._screenOrientation
});
};
Core.prototype.setMediaControlContainer = function setMediaControlContainer(container) {
this.mediaControl.setContainer(container);
this.mediaControl.render();
};
Core.prototype.disableMediaControl = function disableMediaControl() {
this.mediaControl.disable();
this.$el.removeClass('nocursor');
};
Core.prototype.enableMediaControl = function enableMediaControl() {
this.mediaControl.enable();
};
Core.prototype.removeContainer = function removeContainer(container) {
this.stopListening(container);
this.containers = this.containers.filter(function (c) {
return c !== container;
});
};
Core.prototype.appendContainer = function appendContainer(container) {
this.listenTo(container, _events2.default.CONTAINER_DESTROYED, this.removeContainer);
this.containers.push(container);
};
Core.prototype.setupContainers = function setupContainers(containers) {
containers.map(this.appendContainer.bind(this));
this.trigger(_events2.default.CORE_CONTAINERS_CREATED);
this.renderContainers();
this.setupMediaControl(this.getCurrentContainer());
this.render();
this.$el.appendTo(this.options.parentElement);
return this.containers;
};
Core.prototype.renderContainers = function renderContainers() {
var _this6 = this;
this.containers.map(function (container) {
return _this6.el.appendChild(container.render().el);
});
};
Core.prototype.createContainer = function createContainer(source, options) {
var container = this.containerFactory.createContainer(source, options);
this.appendContainer(container);
this.el.appendChild(container.render().el);
return container;
};
Core.prototype.setupMediaControl = function setupMediaControl(container) {
if (this.mediaControl) {
this.mediaControl.setContainer(container);
} else {
this.mediaControl = this.createMediaControl(_clapprZepto2.default.extend({ container: container, focusElement: this.el }, this.options));
this.listenTo(this.mediaControl, _events2.default.MEDIACONTROL_FULLSCREEN, this.toggleFullscreen);
this.listenTo(this.mediaControl, _events2.default.MEDIACONTROL_SHOW, this.onMediaControlShow.bind(this, true));
this.listenTo(this.mediaControl, _events2.default.MEDIACONTROL_HIDE, this.onMediaControlShow.bind(this, false));
}
};
Core.prototype.createMediaControl = function createMediaControl(options) {
if (options.mediacontrol && options.mediacontrol.external) {
return new options.mediacontrol.external(options).render();
} else {
return new _media_control2.default(options).render();
}
};
Core.prototype.getCurrentContainer = function getCurrentContainer() {
if (!this.mediaControl || !this.mediaControl.container) {
return this.containers[0];
}
return this.mediaControl.container;
};
Core.prototype.getCurrentPlayback = function getCurrentPlayback() {
var container = this.getCurrentContainer();
return container && container.playback;
};
Core.prototype.getPlaybackType = function getPlaybackType() {
var container = this.getCurrentContainer();
return container && container.getPlaybackType();
};
Core.prototype.toggleFullscreen = function toggleFullscreen() {
if (!_utils.Fullscreen.isFullscreen()) {
_utils.Fullscreen.requestFullscreen(this.el);
if (!_browser2.default.isiOS) {
this.$el.addClass('fullscreen');
}
} else {
_utils.Fullscreen.cancelFullscreen();
if (!_browser2.default.isiOS) {
this.$el.removeClass('fullscreen nocursor');
}
}
this.mediaControl.show();
};
Core.prototype.showMediaControl = function showMediaControl(event) {
this.mediaControl.show(event);
};
Core.prototype.hideMediaControl = function hideMediaControl() {
this.mediaControl.hide(this.options.hideMediaControlDelay);
};
Core.prototype.onMediaControlShow = function onMediaControlShow(showing) {
this.getCurrentContainer().trigger(showing ? _events2.default.CONTAINER_MEDIACONTROL_SHOW : _events2.default.CONTAINER_MEDIACONTROL_HIDE);
if (showing) this.$el.removeClass('nocursor');else if (_utils.Fullscreen.isFullscreen()) this.$el.addClass('nocursor');
};
/**
* enables to configure the container after its creation
* @method configure
* @param {Object} options all the options to change in form of a javascript object
*/
Core.prototype.configure = function configure(options) {
var _this7 = this;
this._options = _clapprZepto2.default.extend(this._options, options);
this.configureDomRecycler();
var sources = options.source || options.sources;
if (sources) {
this.load(sources, options.mimeType || this.options.mimeType);
} else {
this.trigger(_events2.default.CORE_OPTIONS_CHANGE);
this.containers.forEach(function (container) {
container.configure(_this7.options);
});
}
};
Core.prototype.render = function render() {
this.$style && this.$style.remove();
this.$style = _styler2.default.getStyleFor(_style2.default, { baseUrl: this.options.baseUrl });
this.$el.append(this.$style);
this.$el.append(this.mediaControl.render().el);
this.options.width = this.options.width || this.$el.width();
this.options.height = this.options.height || this.$el.height();
var size = { width: this.options.width, height: this.options.height };
this.playerInfo.previousSize = this.playerInfo.currentSize = this.playerInfo.computedSize = size;
this.updateSize();
this.previousSize = { width: this.$el.width(), height: this.$el.height() };
this.enableResizeObserver();
return this;
};
return Core;
}(_ui_object2.default); // Copyright 2014 Globo.com Player authors. All rights reserved.
// Use of this source code is governed by a BSD-style
// license that can be found in the LICENSE file.
exports.default = Core;
module.exports = exports['default'];
/***/ }),
/* 134 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var _container_factory = __webpack_require__(135);
var _container_factory2 = _interopRequireDefault(_container_factory);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = _container_factory2.default;
module.exports = exports['default'];
/***/ }),
/* 135 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var _typeof2 = __webpack_require__(33);
var _typeof3 = _interopRequireDefault(_typeof2);
var _classCallCheck2 = __webpack_require__(0);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(1);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _createClass2 = __webpack_require__(3);
var _createClass3 = _interopRequireDefault(_createClass2);
var _inherits2 = __webpack_require__(2);
var _inherits3 = _interopRequireDefault(_inherits2);
var _base_object = __webpack_require__(17);
var _base_object2 = _interopRequireDefault(_base_object);
var _events = __webpack_require__(4);
var _events2 = _interopRequireDefault(_events);
var _container = __webpack_require__(73);
var _container2 = _interopRequireDefault(_container);
var _clapprZepto = __webpack_require__(6);
var _clapprZepto2 = _interopRequireDefault(_clapprZepto);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
// Copyright 2014 Globo.com Player authors. All rights reserved.
// Use of this source code is governed by a BSD-style
// license that can be found in the LICENSE file.
/**
* The ContainerFactory is responsible for manage playback bootstrap and create containers.
*/
var ContainerFactory = function (_BaseObject) {
(0, _inherits3.default)(ContainerFactory, _BaseObject);
(0, _createClass3.default)(ContainerFactory, [{
key: 'options',
get: function get() {
return this._options;
},
set: function set(options) {
this._options = options;
}
}]);
function ContainerFactory(options, loader, i18n) {
(0, _classCallCheck3.default)(this, ContainerFactory);
var _this = (0, _possibleConstructorReturn3.default)(this, _BaseObject.call(this, options));
_this._i18n = i18n;
_this.loader = loader;
return _this;
}
ContainerFactory.prototype.createContainers = function createContainers() {
var _this2 = this;
return _clapprZepto2.default.Deferred(function (promise) {
promise.resolve(_this2.options.sources.map(function (source) {
return _this2.createContainer(source);
}));
});
};
ContainerFactory.prototype.findPlaybackPlugin = function findPlaybackPlugin(source, mimeType) {
return this.loader.playbackPlugins.filter(function (p) {
return p.canPlay(source, mimeType);
})[0];
};
ContainerFactory.prototype.createContainer = function createContainer(source) {
var resolvedSource = null,
mimeType = this.options.mimeType;
if ((typeof source === 'undefined' ? 'undefined' : (0, _typeof3.default)(source)) === 'object') {
resolvedSource = source.source.toString();
if (source.mimeType) {
mimeType = source.mimeType;
}
} else {
resolvedSource = source.toString();
}
if (resolvedSource.match(/^\/\//)) resolvedSource = window.location.protocol + resolvedSource;
var options = _clapprZepto2.default.extend({}, this.options, {
src: resolvedSource,
mimeType: mimeType
});
var playbackPlugin = this.findPlaybackPlugin(resolvedSource, mimeType);
var playback = new playbackPlugin(options, this._i18n);
options = _clapprZepto2.default.extend({}, options, { playback: playback });
var container = new _container2.default(options, this._i18n);
var defer = _clapprZepto2.default.Deferred();
defer.promise(container);
this.addContainerPlugins(container);
this.listenToOnce(container, _events2.default.CONTAINER_READY, function () {
return defer.resolve(container);
});
return container;
};
ContainerFactory.prototype.addContainerPlugins = function addContainerPlugins(container) {
this.loader.containerPlugins.forEach(function (Plugin) {
container.addPlugin(new Plugin(container));
});
};
return ContainerFactory;
}(_base_object2.default);
exports.default = ContainerFactory;
module.exports = exports['default'];
/***/ }),
/* 136 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var _classCallCheck2 = __webpack_require__(0);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(1);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _createClass2 = __webpack_require__(3);
var _createClass3 = _interopRequireDefault(_createClass2);
var _inherits2 = __webpack_require__(2);
var _inherits3 = _interopRequireDefault(_inherits2);
var _events = __webpack_require__(4);
var _events2 = _interopRequireDefault(_events);
var _ui_object = __webpack_require__(21);
var _ui_object2 = _interopRequireDefault(_ui_object);
var _styler = __webpack_require__(7);
var _styler2 = _interopRequireDefault(_styler);
var _style = __webpack_require__(137);
var _style2 = _interopRequireDefault(_style);
var _clapprZepto = __webpack_require__(6);
var _clapprZepto2 = _interopRequireDefault(_clapprZepto);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/**
* An abstraction to represent a container for a given playback
* TODO: describe its responsabilities
* @class Container
* @constructor
* @extends UIObject
* @module base
*/
var Container = function (_UIObject) {
(0, _inherits3.default)(Container, _UIObject);
(0, _createClass3.default)(Container, [{
key: 'name',
/**
* container's name
* @method name
* @default Container
* @return {String} container's name
*/
get: function get() {
return 'Container';
}
}, {
key: 'attributes',
get: function get() {
return { class: 'container', 'data-container': '' };
}
}, {
key: 'events',
get: function get() {
return {
'click': 'clicked',
'dblclick': 'dblClicked',
'doubleTap': 'dblClicked',
'contextmenu': 'onContextMenu',
'mouseenter': 'mouseEnter',
'mouseleave': 'mouseLeave'
};
}
/**
* Determine if the playback has ended.
* @property ended
* @type Boolean
*/
}, {
key: 'ended',
get: function get() {
return this.playback.ended;
}
/**
* Determine if the playback is having to buffer in order for
* playback to be smooth.
* (i.e if a live stream is playing smoothly, this will be false)
* @property buffering
* @type Boolean
*/
}, {
key: 'buffering',
get: function get() {
return this.playback.buffering;
}
/**
* The internationalization plugin.
* @property i18n
* @type {Strings}
*/
}, {
key: 'i18n',
get: function get() {
return this._i18n;
}
/**
* checks if has closed caption tracks.
* @property hasClosedCaptionsTracks
* @type {Boolean}
*/
}, {
key: 'hasClosedCaptionsTracks',
get: function get() {
return this.playback.hasClosedCaptionsTracks;
}
/**
* gets the available closed caption tracks.
* @property closedCaptionsTracks
* @type {Array} an array of objects with at least 'id' and 'name' properties
*/
}, {
key: 'closedCaptionsTracks',
get: function get() {
return this.playback.closedCaptionsTracks;
}
/**
* gets the selected closed caption track index. (-1 is disabled)
* @property closedCaptionsTrackId
* @type {Number}
*/
}, {
key: 'closedCaptionsTrackId',
get: function get() {
return this.playback.closedCaptionsTrackId;
}
/**
* sets the selected closed caption track index. (-1 is disabled)
* @property closedCaptionsTrackId
* @type {Number}
*/
,
set: function set(trackId) {
this.playback.closedCaptionsTrackId = trackId;
}
/**
* it builds a container
* @method constructor
* @param {Object} options the options object
* @param {Strings} i18n the internationalization component
*/
}]);
function Container(options, i18n) {
(0, _classCallCheck3.default)(this, Container);
var _this = (0, _possibleConstructorReturn3.default)(this, _UIObject.call(this, options));
_this._i18n = i18n;
_this.currentTime = 0;
_this.volume = 100;
_this.playback = options.playback;
_this.settings = _clapprZepto2.default.extend({}, _this.playback.settings);
_this.isReady = false;
_this.mediaControlDisabled = false;
_this.plugins = [_this.playback];
_this.bindEvents();
return _this;
}
/**
* binds playback events to the methods of the container.
* it listens to playback's events and triggers them as container events.
*
* | Playback |
* |----------|
* | progress |
* | timeupdate |
* | ready |
* | buffering |
* | bufferfull |
* | settingsupdate |
* | loadedmetadata |
* | highdefinitionupdate |
* | bitrate |
* | playbackstate |
* | dvr |
* | mediacontrol_disable |
* | mediacontrol_enable |
* | ended |
* | play |
* | pause |
* | error |
*
* ps: the events usually translate from PLABACK_x to CONTAINER_x, you can check all the events at `Event` class.
*
* @method bindEvents
*/
Container.prototype.bindEvents = function bindEvents() {
this.listenTo(this.playback, _events2.default.PLAYBACK_PROGRESS, this.progress);
this.listenTo(this.playback, _events2.default.PLAYBACK_TIMEUPDATE, this.timeUpdated);
this.listenTo(this.playback, _events2.default.PLAYBACK_READY, this.ready);
this.listenTo(this.playback, _events2.default.PLAYBACK_BUFFERING, this.onBuffering);
this.listenTo(this.playback, _events2.default.PLAYBACK_BUFFERFULL, this.bufferfull);
this.listenTo(this.playback, _events2.default.PLAYBACK_SETTINGSUPDATE, this.settingsUpdate);
this.listenTo(this.playback, _events2.default.PLAYBACK_LOADEDMETADATA, this.loadedMetadata);
this.listenTo(this.playback, _events2.default.PLAYBACK_HIGHDEFINITIONUPDATE, this.highDefinitionUpdate);
this.listenTo(this.playback, _events2.default.PLAYBACK_BITRATE, this.updateBitrate);
this.listenTo(this.playback, _events2.default.PLAYBACK_PLAYBACKSTATE, this.playbackStateChanged);
this.listenTo(this.playback, _events2.default.PLAYBACK_DVR, this.playbackDvrStateChanged);
this.listenTo(this.playback, _events2.default.PLAYBACK_MEDIACONTROL_DISABLE, this.disableMediaControl);
this.listenTo(this.playback, _events2.default.PLAYBACK_MEDIACONTROL_ENABLE, this.enableMediaControl);
this.listenTo(this.playback, _events2.default.PLAYBACK_ENDED, this.onEnded);
this.listenTo(this.playback, _events2.default.PLAYBACK_PLAY, this.playing);
this.listenTo(this.playback, _events2.default.PLAYBACK_PAUSE, this.paused);
this.listenTo(this.playback, _events2.default.PLAYBACK_STOP, this.stopped);
this.listenTo(this.playback, _events2.default.PLAYBACK_ERROR, this.error);
this.listenTo(this.playback, _events2.default.PLAYBACK_SUBTITLE_AVAILABLE, this.subtitleAvailable);
this.listenTo(this.playback, _events2.default.PLAYBACK_SUBTITLE_CHANGED, this.subtitleChanged);
};
Container.prototype.subtitleAvailable = function subtitleAvailable() {
this.trigger(_events2.default.CONTAINER_SUBTITLE_AVAILABLE);
};
Container.prototype.subtitleChanged = function subtitleChanged(track) {
this.trigger(_events2.default.CONTAINER_SUBTITLE_CHANGED, track);
};
Container.prototype.playbackStateChanged = function playbackStateChanged(state) {
this.trigger(_events2.default.CONTAINER_PLAYBACKSTATE, state);
};
Container.prototype.playbackDvrStateChanged = function playbackDvrStateChanged(dvrInUse) {
this.settings = this.playback.settings;
this.dvrInUse = dvrInUse;
this.trigger(_events2.default.CONTAINER_PLAYBACKDVRSTATECHANGED, dvrInUse);
};
Container.prototype.updateBitrate = function updateBitrate(newBitrate) {
this.trigger(_events2.default.CONTAINER_BITRATE, newBitrate);
};
Container.prototype.statsReport = function statsReport(metrics) {
this.trigger(_events2.default.CONTAINER_STATS_REPORT, metrics);
};
Container.prototype.getPlaybackType = function getPlaybackType() {
return this.playback.getPlaybackType();
};
/**
* returns `true` if DVR is enable otherwise `false`.
* @method isDvrEnabled
* @return {Boolean}
*/
Container.prototype.isDvrEnabled = function isDvrEnabled() {
return !!this.playback.dvrEnabled;
};
/**
* returns `true` if DVR is in use otherwise `false`.
* @method isDvrInUse
* @return {Boolean}
*/
Container.prototype.isDvrInUse = function isDvrInUse() {
return !!this.dvrInUse;
};
/**
* destroys the container
* @method destroy
*/
Container.prototype.destroy = function destroy() {
this.trigger(_events2.default.CONTAINER_DESTROYED, this, this.name);
this.stopListening();
this.plugins.forEach(function (plugin) {
return plugin.destroy();
});
this.$el.remove();
};
Container.prototype.setStyle = function setStyle(style) {
this.$el.css(style);
};
Container.prototype.animate = function animate(style, duration) {
return this.$el.animate(style, duration).promise();
};
Container.prototype.ready = function ready() {
this.isReady = true;
this.trigger(_events2.default.CONTAINER_READY, this.name);
};
Container.prototype.isPlaying = function isPlaying() {
return this.playback.isPlaying();
};
Container.prototype.getStartTimeOffset = function getStartTimeOffset() {
return this.playback.getStartTimeOffset();
};
Container.prototype.getCurrentTime = function getCurrentTime() {
return this.currentTime;
};
Container.prototype.getDuration = function getDuration() {
return this.playback.getDuration();
};
Container.prototype.error = function error(errorObj) {
if (!this.isReady) {
this.ready();
}
this.trigger(_events2.default.CONTAINER_ERROR, { error: errorObj, container: this }, this.name);
};
Container.prototype.loadedMetadata = function loadedMetadata(metadata) {
this.trigger(_events2.default.CONTAINER_LOADEDMETADATA, metadata);
};
Container.prototype.timeUpdated = function timeUpdated(timeProgress) {
this.currentTime = timeProgress.current;
this.trigger(_events2.default.CONTAINER_TIMEUPDATE, timeProgress, this.name);
};
Container.prototype.progress = function progress() {
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
this.trigger.apply(this, [_events2.default.CONTAINER_PROGRESS].concat(args, [this.name]));
};
Container.prototype.playing = function playing() {
this.trigger(_events2.default.CONTAINER_PLAY, this.name);
};
Container.prototype.paused = function paused() {
this.trigger(_events2.default.CONTAINER_PAUSE, this.name);
};
/**
* plays the playback
* @method play
*/
Container.prototype.play = function play() {
this.playback.play();
};
/**
* stops the playback
* @method stop
*/
Container.prototype.stop = function stop() {
this.playback.stop();
this.currentTime = 0;
};
/**
* pauses the playback
* @method pause
*/
Container.prototype.pause = function pause() {
this.playback.pause();
};
Container.prototype.onEnded = function onEnded() {
this.trigger(_events2.default.CONTAINER_ENDED, this, this.name);
this.currentTime = 0;
};
Container.prototype.stopped = function stopped() {
this.trigger(_events2.default.CONTAINER_STOP);
};
Container.prototype.clicked = function clicked() {
if (!this.options.chromeless || this.options.allowUserInteraction) {
this.trigger(_events2.default.CONTAINER_CLICK, this, this.name);
}
};
Container.prototype.dblClicked = function dblClicked() {
if (!this.options.chromeless || this.options.allowUserInteraction) {
this.trigger(_events2.default.CONTAINER_DBLCLICK, this, this.name);
}
};
Container.prototype.onContextMenu = function onContextMenu(event) {
if (!this.options.chromeless || this.options.allowUserInteraction) {
this.trigger(_events2.default.CONTAINER_CONTEXTMENU, event, this.name);
}
};
Container.prototype.seek = function seek(time) {
this.trigger(_events2.default.CONTAINER_SEEK, time, this.name);
this.playback.seek(time);
};
Container.prototype.seekPercentage = function seekPercentage(percentage) {
var duration = this.getDuration();
if (percentage >= 0 && percentage <= 100) {
var time = duration * (percentage / 100);
this.seek(time);
}
};
Container.prototype.setVolume = function setVolume(value) {
this.volume = parseInt(value, 10);
this.trigger(_events2.default.CONTAINER_VOLUME, value, this.name);
this.playback.volume(value);
};
Container.prototype.fullscreen = function fullscreen() {
this.trigger(_events2.default.CONTAINER_FULLSCREEN, this.name);
};
Container.prototype.onBuffering = function onBuffering() {
this.trigger(_events2.default.CONTAINER_STATE_BUFFERING, this.name);
};
Container.prototype.bufferfull = function bufferfull() {
this.trigger(_events2.default.CONTAINER_STATE_BUFFERFULL, this.name);
};
/**
* adds plugin to the container
* @method addPlugin
* @param {Object} plugin
*/
Container.prototype.addPlugin = function addPlugin(plugin) {
this.plugins.push(plugin);
};
/**
* checks if a plugin, given its name, exist
* @method hasPlugin
* @param {String} name
* @return {Boolean}
*/
Container.prototype.hasPlugin = function hasPlugin(name) {
return !!this.getPlugin(name);
};
/**
* get the plugin given its name
* @method getPlugin
* @param {String} name
*/
Container.prototype.getPlugin = function getPlugin(name) {
return this.plugins.filter(function (plugin) {
return plugin.name === name;
})[0];
};
Container.prototype.mouseEnter = function mouseEnter() {
if (!this.options.chromeless || this.options.allowUserInteraction) {
this.trigger(_events2.default.CONTAINER_MOUSE_ENTER);
}
};
Container.prototype.mouseLeave = function mouseLeave() {
if (!this.options.chromeless || this.options.allowUserInteraction) {
this.trigger(_events2.default.CONTAINER_MOUSE_LEAVE);
}
};
Container.prototype.settingsUpdate = function settingsUpdate() {
this.settings = this.playback.settings;
this.trigger(_events2.default.CONTAINER_SETTINGSUPDATE);
};
Container.prototype.highDefinitionUpdate = function highDefinitionUpdate(isHD) {
this.trigger(_events2.default.CONTAINER_HIGHDEFINITIONUPDATE, isHD);
};
Container.prototype.isHighDefinitionInUse = function isHighDefinitionInUse() {
return this.playback.isHighDefinitionInUse();
};
Container.prototype.disableMediaControl = function disableMediaControl() {
if (!this.mediaControlDisabled) {
this.mediaControlDisabled = true;
this.trigger(_events2.default.CONTAINER_MEDIACONTROL_DISABLE);
}
};
Container.prototype.enableMediaControl = function enableMediaControl() {
if (this.mediaControlDisabled) {
this.mediaControlDisabled = false;
this.trigger(_events2.default.CONTAINER_MEDIACONTROL_ENABLE);
}
};
Container.prototype.updateStyle = function updateStyle() {
if (!this.options.chromeless || this.options.allowUserInteraction) {
this.$el.removeClass('chromeless');
} else {
this.$el.addClass('chromeless');
}
};
/**
* enables to configure the container after its creation
* @method configure
* @param {Object} options all the options to change in form of a javascript object
*/
Container.prototype.configure = function configure(options) {
this._options = _clapprZepto2.default.extend(this._options, options);
this.updateStyle();
this.trigger(_events2.default.CONTAINER_OPTIONS_CHANGE);
};
Container.prototype.render = function render() {
var s = _styler2.default.getStyleFor(_style2.default);
this.$el.append(s);
this.$el.append(this.playback.render().el);
this.updateStyle();
return this;
};
return Container;
}(_ui_object2.default); // Copyright 2014 Globo.com Player authors. All rights reserved.
// Use of this source code is governed by a BSD-style
// license that can be found in the LICENSE file.
/**
* Container is responsible for the video rendering and state
*/
exports.default = Container;
module.exports = exports['default'];
/***/ }),
/* 137 */
/***/ (function(module, exports, __webpack_require__) {
exports = module.exports = __webpack_require__(10)(undefined);
// imports
// module
exports.push([module.i, ".container[data-container] {\n position: absolute;\n background-color: black;\n height: 100%;\n width: 100%; }\n .container[data-container] .chromeless {\n cursor: default; }\n\n[data-player]:not(.nocursor) .container[data-container]:not(.chromeless).pointer-enabled {\n cursor: pointer; }\n", ""]);
// exports
/***/ }),
/* 138 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(process) {
Object.defineProperty(exports, "__esModule", {
value: true
});
var _stringify = __webpack_require__(139);
var _stringify2 = _interopRequireDefault(_stringify);
var _classCallCheck2 = __webpack_require__(0);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(1);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _createClass2 = __webpack_require__(3);
var _createClass3 = _interopRequireDefault(_createClass2);
var _inherits2 = __webpack_require__(2);
var _inherits3 = _interopRequireDefault(_inherits2);
var _utils = __webpack_require__(5);
var _vendor = __webpack_require__(56);
var _events = __webpack_require__(4);
var _events2 = _interopRequireDefault(_events);
var _styler = __webpack_require__(7);
var _styler2 = _interopRequireDefault(_styler);
var _ui_object = __webpack_require__(21);
var _ui_object2 = _interopRequireDefault(_ui_object);
var _browser = __webpack_require__(13);
var _browser2 = _interopRequireDefault(_browser);
var _mediator = __webpack_require__(24);
var _mediator2 = _interopRequireDefault(_mediator);
var _template = __webpack_require__(8);
var _template2 = _interopRequireDefault(_template);
var _playback = __webpack_require__(9);
var _playback2 = _interopRequireDefault(_playback);
var _clapprZepto = __webpack_require__(6);
var _clapprZepto2 = _interopRequireDefault(_clapprZepto);
var _mediaControl = __webpack_require__(141);
var _mediaControl2 = _interopRequireDefault(_mediaControl);
var _mediaControl3 = __webpack_require__(142);
var _mediaControl4 = _interopRequireDefault(_mediaControl3);
var _play = __webpack_require__(58);
var _play2 = _interopRequireDefault(_play);
var _pause = __webpack_require__(76);
var _pause2 = _interopRequireDefault(_pause);
var _stop = __webpack_require__(143);
var _stop2 = _interopRequireDefault(_stop);
var _volume = __webpack_require__(144);
var _volume2 = _interopRequireDefault(_volume);
var _mute = __webpack_require__(145);
var _mute2 = _interopRequireDefault(_mute);
var _expand = __webpack_require__(146);
var _expand2 = _interopRequireDefault(_expand);
var _shrink = __webpack_require__(147);
var _shrink2 = _interopRequireDefault(_shrink);
var _hd = __webpack_require__(148);
var _hd2 = _interopRequireDefault(_hd);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
// Copyright 2014 Globo.com Player authors. All rights reserved.
// Use of this source code is governed by a BSD-style
// license that can be found in the LICENSE file.
/**
* The MediaControl is responsible for displaying the Player controls.
*/
var MediaControl = function (_UIObject) {
(0, _inherits3.default)(MediaControl, _UIObject);
(0, _createClass3.default)(MediaControl, [{
key: 'name',
get: function get() {
return 'MediaControl';
}
}, {
key: 'disabled',
get: function get() {
return this.userDisabled || this.container && this.container.getPlaybackType() === _playback2.default.NO_OP;
}
}, {
key: 'attributes',
get: function get() {
return {
'class': 'media-control',
'data-media-control': ''
};
}
}, {
key: 'events',
get: function get() {
return {
'click [data-play]': 'play',
'click [data-pause]': 'pause',
'click [data-playpause]': 'togglePlayPause',
'click [data-stop]': 'stop',
'click [data-playstop]': 'togglePlayStop',
'click [data-fullscreen]': 'toggleFullscreen',
'click .bar-container[data-seekbar]': 'seek',
'click .bar-container[data-volume]': 'onVolumeClick',
'click .drawer-icon[data-volume]': 'toggleMute',
'mouseenter .drawer-container[data-volume]': 'showVolumeBar',
'mouseleave .drawer-container[data-volume]': 'hideVolumeBar',
'mousedown .bar-container[data-volume]': 'startVolumeDrag',
'mousemove .bar-container[data-volume]': 'mousemoveOnVolumeBar',
'mousedown .bar-scrubber[data-seekbar]': 'startSeekDrag',
'mousemove .bar-container[data-seekbar]': 'mousemoveOnSeekBar',
'mouseleave .bar-container[data-seekbar]': 'mouseleaveOnSeekBar',
'mouseenter .media-control-layer[data-controls]': 'setUserKeepVisible',
'mouseleave .media-control-layer[data-controls]': 'resetUserKeepVisible'
};
}
}, {
key: 'template',
get: function get() {
return (0, _template2.default)(_mediaControl4.default);
}
}, {
key: 'stylesheet',
get: function get() {
return _styler2.default.getStyleFor(_mediaControl2.default, { baseUrl: this.options.baseUrl });
}
}, {
key: 'volume',
get: function get() {
return this.container && this.container.isReady ? this.container.volume : this.intendedVolume;
}
}, {
key: 'muted',
get: function get() {
return this.volume === 0;
}
}]);
function MediaControl(options) {
(0, _classCallCheck3.default)(this, MediaControl);
var _this = (0, _possibleConstructorReturn3.default)(this, _UIObject.call(this, options));
_this.persistConfig = _this.options.persistConfig;
_this.container = options.container;
_this.currentPositionValue = null;
_this.currentDurationValue = null;
var initialVolume = _this.persistConfig ? _utils.Config.restore('volume') : 100;
_this.setVolume(_this.options.mute ? 0 : initialVolume);
_this.keepVisible = false;
_this.fullScreenOnVideoTagSupported = null; // unknown
_this.addEventListeners();
_this.settings = {
left: ['play', 'stop', 'pause'],
right: ['volume'],
default: ['position', 'seekbar', 'duration']
};
if (_this.container) {
if (!_clapprZepto2.default.isEmptyObject(_this.container.settings)) {
_this.settings = _clapprZepto2.default.extend({}, _this.container.settings);
}
} else {
_this.settings = {};
}
_this.userDisabled = false;
if (_this.container && _this.container.mediaControlDisabled || _this.options.chromeless) {
_this.disable();
}
_this.stopDragHandler = function (event) {
return _this.stopDrag(event);
};
_this.updateDragHandler = function (event) {
return _this.updateDrag(event);
};
(0, _clapprZepto2.default)(document).bind('mouseup', _this.stopDragHandler);
(0, _clapprZepto2.default)(document).bind('mousemove', _this.updateDragHandler);
return _this;
}
MediaControl.prototype.addEventListeners = function addEventListeners() {
if (this.container) {
_mediator2.default.on(this.options.playerId + ':' + _events2.default.PLAYER_RESIZE, this.playerResize, this);
this.listenTo(this.container, _events2.default.CONTAINER_PLAY, this.changeTogglePlay);
this.listenTo(this.container, _events2.default.CONTAINER_PAUSE, this.changeTogglePlay);
this.listenTo(this.container, _events2.default.CONTAINER_STOP, this.changeTogglePlay);
this.listenTo(this.container, _events2.default.CONTAINER_DBLCLICK, this.toggleFullscreen);
this.listenTo(this.container, _events2.default.CONTAINER_TIMEUPDATE, this.onTimeUpdate);
this.listenTo(this.container, _events2.default.CONTAINER_PROGRESS, this.updateProgressBar);
this.listenTo(this.container, _events2.default.CONTAINER_SETTINGSUPDATE, this.settingsUpdate);
this.listenTo(this.container, _events2.default.CONTAINER_PLAYBACKDVRSTATECHANGED, this.settingsUpdate);
this.listenTo(this.container, _events2.default.CONTAINER_HIGHDEFINITIONUPDATE, this.highDefinitionUpdate);
this.listenTo(this.container, _events2.default.CONTAINER_MEDIACONTROL_DISABLE, this.disable);
this.listenTo(this.container, _events2.default.CONTAINER_MEDIACONTROL_ENABLE, this.enable);
this.listenTo(this.container, _events2.default.CONTAINER_ENDED, this.ended);
this.listenTo(this.container, _events2.default.CONTAINER_VOLUME, this.onVolumeChanged);
if (this.container.playback.el.nodeName.toLowerCase() === 'video') {
// wait until the metadata has loaded and then check if fullscreen on video tag is supported
this.listenToOnce(this.container, _events2.default.CONTAINER_LOADEDMETADATA, this.onLoadedMetadataOnVideoTag);
}
}
};
MediaControl.prototype.disable = function disable() {
this.userDisabled = true;
this.hide();
this.$el.hide();
};
MediaControl.prototype.enable = function enable() {
if (this.options.chromeless) return;
this.userDisabled = false;
this.show();
};
MediaControl.prototype.play = function play() {
this.container.play();
};
MediaControl.prototype.pause = function pause() {
this.container.pause();
};
MediaControl.prototype.stop = function stop() {
this.container.stop();
};
MediaControl.prototype.onVolumeChanged = function onVolumeChanged() {
this.updateVolumeUI();
};
MediaControl.prototype.onLoadedMetadataOnVideoTag = function onLoadedMetadataOnVideoTag() {
var video = this.container.playback.el;
// video.webkitSupportsFullscreen is deprecated but iOS appears to only use this
// see https://github.com/clappr/clappr/issues/1127
if (!_utils.Fullscreen.fullscreenEnabled() && video.webkitSupportsFullscreen) {
this.fullScreenOnVideoTagSupported = true;
this.settingsUpdate();
}
};
MediaControl.prototype.updateVolumeUI = function updateVolumeUI() {
if (!this.rendered) {
// this will be called after a render
return;
}
// update volume bar scrubber/fill on bar mode
this.$volumeBarContainer.find('.bar-fill-2').css({});
var containerWidth = this.$volumeBarContainer.width();
var barWidth = this.$volumeBarBackground.width();
var offset = (containerWidth - barWidth) / 2.0;
var pos = barWidth * this.volume / 100.0 + offset;
this.$volumeBarFill.css({ width: this.volume + '%' });
this.$volumeBarScrubber.css({ left: pos });
// update volume bar segments on segmented bar mode
this.$volumeBarContainer.find('.segmented-bar-element').removeClass('fill');
var item = Math.ceil(this.volume / 10.0);
this.$volumeBarContainer.find('.segmented-bar-element').slice(0, item).addClass('fill');
this.$volumeIcon.html('');
this.$volumeIcon.removeClass('muted');
if (!this.muted) {
this.$volumeIcon.append(_volume2.default);
} else {
this.$volumeIcon.append(_mute2.default);
this.$volumeIcon.addClass('muted');
}
this.applyButtonStyle(this.$volumeIcon);
};
MediaControl.prototype.changeTogglePlay = function changeTogglePlay() {
this.$playPauseToggle.html('');
this.$playStopToggle.html('');
if (this.container && this.container.isPlaying()) {
this.$playPauseToggle.append(_pause2.default);
this.$playStopToggle.append(_stop2.default);
this.trigger(_events2.default.MEDIACONTROL_PLAYING);
} else {
this.$playPauseToggle.append(_play2.default);
this.$playStopToggle.append(_play2.default);
this.trigger(_events2.default.MEDIACONTROL_NOTPLAYING);
if (_browser2.default.isMobile) {
this.show();
}
}
this.applyButtonStyle(this.$playPauseToggle);
this.applyButtonStyle(this.$playStopToggle);
};
MediaControl.prototype.mousemoveOnSeekBar = function mousemoveOnSeekBar(event) {
if (this.settings.seekEnabled) {
var offsetX = event.pageX - this.$seekBarContainer.offset().left - this.$seekBarHover.width() / 2;
this.$seekBarHover.css({ left: offsetX });
}
this.trigger(_events2.default.MEDIACONTROL_MOUSEMOVE_SEEKBAR, event);
};
MediaControl.prototype.mouseleaveOnSeekBar = function mouseleaveOnSeekBar(event) {
this.trigger(_events2.default.MEDIACONTROL_MOUSELEAVE_SEEKBAR, event);
};
MediaControl.prototype.onVolumeClick = function onVolumeClick(event) {
this.setVolume(this.getVolumeFromUIEvent(event));
};
MediaControl.prototype.mousemoveOnVolumeBar = function mousemoveOnVolumeBar(event) {
if (this.draggingVolumeBar) {
this.setVolume(this.getVolumeFromUIEvent(event));
}
};
MediaControl.prototype.playerResize = function playerResize(size) {
this.$fullscreenToggle.html('');
if (_utils.Fullscreen.isFullscreen()) {
this.$fullscreenToggle.append(_shrink2.default);
} else {
this.$fullscreenToggle.append(_expand2.default);
}
this.applyButtonStyle(this.$fullscreenToggle);
this.$el.removeClass('w320');
if (size.width <= 320 || this.options.hideVolumeBar) {
this.$el.addClass('w320');
}
};
MediaControl.prototype.togglePlayPause = function togglePlayPause() {
if (this.container.isPlaying()) {
this.container.pause();
} else {
this.container.play();
}
return false;
};
MediaControl.prototype.togglePlayStop = function togglePlayStop() {
if (this.container.isPlaying()) {
this.container.stop();
} else {
this.container.play();
}
};
MediaControl.prototype.startSeekDrag = function startSeekDrag(event) {
if (!this.settings.seekEnabled) return;
this.draggingSeekBar = true;
this.$el.addClass('dragging');
this.$seekBarLoaded.addClass('media-control-notransition');
this.$seekBarPosition.addClass('media-control-notransition');
this.$seekBarScrubber.addClass('media-control-notransition');
if (event) {
event.preventDefault();
}
};
MediaControl.prototype.startVolumeDrag = function startVolumeDrag(event) {
this.draggingVolumeBar = true;
this.$el.addClass('dragging');
if (event) {
event.preventDefault();
}
};
MediaControl.prototype.stopDrag = function stopDrag(event) {
if (this.draggingSeekBar) {
this.seek(event);
}
this.$el.removeClass('dragging');
this.$seekBarLoaded.removeClass('media-control-notransition');
this.$seekBarPosition.removeClass('media-control-notransition');
this.$seekBarScrubber.removeClass('media-control-notransition dragging');
this.draggingSeekBar = false;
this.draggingVolumeBar = false;
};
MediaControl.prototype.updateDrag = function updateDrag(event) {
if (this.draggingSeekBar) {
event.preventDefault();
var offsetX = event.pageX - this.$seekBarContainer.offset().left;
var pos = offsetX / this.$seekBarContainer.width() * 100;
pos = Math.min(100, Math.max(pos, 0));
this.setSeekPercentage(pos);
} else if (this.draggingVolumeBar) {
event.preventDefault();
this.setVolume(this.getVolumeFromUIEvent(event));
}
};
MediaControl.prototype.getVolumeFromUIEvent = function getVolumeFromUIEvent(event) {
var offsetY = event.pageX - this.$volumeBarContainer.offset().left;
var volumeFromUI = offsetY / this.$volumeBarContainer.width() * 100;
return volumeFromUI;
};
MediaControl.prototype.toggleMute = function toggleMute() {
this.setVolume(this.muted ? 100 : 0);
};
MediaControl.prototype.setVolume = function setVolume(value) {
var _this2 = this;
value = Math.min(100, Math.max(value, 0));
// this will hold the intended volume
// it may not actually get set to this straight away
// if the container is not ready etc
this.intendedVolume = value;
this.persistConfig && _utils.Config.persist('volume', value);
var setWhenContainerReady = function setWhenContainerReady() {
if (_this2.container.isReady) {
_this2.container.setVolume(value);
} else {
_this2.listenToOnce(_this2.container, _events2.default.CONTAINER_READY, function () {
_this2.container.setVolume(value);
});
}
};
if (!this.container) {
this.listenToOnce(this, _events2.default.MEDIACONTROL_CONTAINERCHANGED, function () {
setWhenContainerReady();
});
} else {
setWhenContainerReady();
}
};
MediaControl.prototype.toggleFullscreen = function toggleFullscreen() {
this.trigger(_events2.default.MEDIACONTROL_FULLSCREEN, this.name);
this.container.fullscreen();
this.resetUserKeepVisible();
};
MediaControl.prototype.setContainer = function setContainer(container) {
if (this.container) {
this.stopListening(this.container);
this.fullScreenOnVideoTagSupported = null;
}
_mediator2.default.off(this.options.playerId + ':' + _events2.default.PLAYER_RESIZE, this.playerResize, this);
this.container = container;
// set the new container to match the volume of the last one
this.setVolume(this.intendedVolume);
this.changeTogglePlay();
this.addEventListeners();
this.settingsUpdate();
this.container.trigger(_events2.default.CONTAINER_PLAYBACKDVRSTATECHANGED, this.container.isDvrInUse());
if (this.container.mediaControlDisabled) {
this.disable();
}
this.trigger(_events2.default.MEDIACONTROL_CONTAINERCHANGED);
};
MediaControl.prototype.showVolumeBar = function showVolumeBar() {
if (this.hideVolumeId) {
clearTimeout(this.hideVolumeId);
}
this.$volumeBarContainer.removeClass('volume-bar-hide');
};
MediaControl.prototype.hideVolumeBar = function hideVolumeBar() {
var _this3 = this;
var timeout = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 400;
if (!this.$volumeBarContainer) return;
if (this.draggingVolumeBar) {
this.hideVolumeId = setTimeout(function () {
return _this3.hideVolumeBar();
}, timeout);
} else {
if (this.hideVolumeId) {
clearTimeout(this.hideVolumeId);
}
this.hideVolumeId = setTimeout(function () {
return _this3.$volumeBarContainer.addClass('volume-bar-hide');
}, timeout);
}
};
MediaControl.prototype.ended = function ended() {
this.changeTogglePlay();
};
MediaControl.prototype.updateProgressBar = function updateProgressBar(progress) {
var loadedStart = progress.start / progress.total * 100;
var loadedEnd = progress.current / progress.total * 100;
this.$seekBarLoaded.css({ left: loadedStart + '%', width: loadedEnd - loadedStart + '%' });
};
MediaControl.prototype.onTimeUpdate = function onTimeUpdate(timeProgress) {
if (this.draggingSeekBar) return;
// TODO why should current time ever be negative?
var position = timeProgress.current < 0 ? timeProgress.total : timeProgress.current;
this.currentPositionValue = position;
this.currentDurationValue = timeProgress.total;
this.renderSeekBar();
};
MediaControl.prototype.renderSeekBar = function renderSeekBar() {
if (this.currentPositionValue === null || this.currentDurationValue === null) {
// this will be triggered as soon as these beocome available
return;
}
// default to 100%
this.currentSeekBarPercentage = 100;
if (this.container.getPlaybackType() !== _playback2.default.LIVE || this.container.isDvrInUse()) {
this.currentSeekBarPercentage = this.currentPositionValue / this.currentDurationValue * 100;
}
this.setSeekPercentage(this.currentSeekBarPercentage);
var newPosition = (0, _utils.formatTime)(this.currentPositionValue);
var newDuration = (0, _utils.formatTime)(this.currentDurationValue);
if (newPosition !== this.displayedPosition) {
this.$position.text(newPosition);
this.displayedPosition = newPosition;
}
if (newDuration !== this.displayedDuration) {
this.$duration.text(newDuration);
this.displayedDuration = newDuration;
}
};
MediaControl.prototype.seek = function seek(event) {
if (!this.settings.seekEnabled) return;
var offsetX = event.pageX - this.$seekBarContainer.offset().left;
var pos = offsetX / this.$seekBarContainer.width() * 100;
pos = Math.min(100, Math.max(pos, 0));
this.container.seekPercentage(pos);
this.setSeekPercentage(pos);
return false;
};
MediaControl.prototype.setKeepVisible = function setKeepVisible() {
this.keepVisible = true;
};
MediaControl.prototype.resetKeepVisible = function resetKeepVisible() {
this.keepVisible = false;
};
MediaControl.prototype.setUserKeepVisible = function setUserKeepVisible() {
this.userKeepVisible = true;
};
MediaControl.prototype.resetUserKeepVisible = function resetUserKeepVisible() {
this.userKeepVisible = false;
};
MediaControl.prototype.isVisible = function isVisible() {
return !this.$el.hasClass('media-control-hide');
};
MediaControl.prototype.show = function show(event) {
var _this4 = this;
if (this.disabled) {
return;
}
var timeout = 2000;
if (!event || event.clientX !== this.lastMouseX && event.clientY !== this.lastMouseY || navigator.userAgent.match(/firefox/i)) {
clearTimeout(this.hideId);
this.$el.show();
this.trigger(_events2.default.MEDIACONTROL_SHOW, this.name);
this.$el.removeClass('media-control-hide');
this.hideId = setTimeout(function () {
return _this4.hide();
}, timeout);
if (event) {
this.lastMouseX = event.clientX;
this.lastMouseY = event.clientY;
}
}
};
MediaControl.prototype.hide = function hide() {
var _this5 = this;
var delay = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
if (!this.isVisible() || _browser2.default.isMobile && !this.container.isPlaying()) {
return;
}
var timeout = delay || 2000;
clearTimeout(this.hideId);
if (!this.disabled && this.options.hideMediaControl === false) {
return;
}
if (!this.disabled && (delay || this.userKeepVisible || this.keepVisible || this.draggingSeekBar || this.draggingVolumeBar)) {
this.hideId = setTimeout(function () {
return _this5.hide();
}, timeout);
} else {
this.trigger(_events2.default.MEDIACONTROL_HIDE, this.name);
this.$el.addClass('media-control-hide');
this.hideVolumeBar(0);
}
};
MediaControl.prototype.settingsUpdate = function settingsUpdate() {
var newSettings = this.getSettings();
if (newSettings && !this.fullScreenOnVideoTagSupported && !_utils.Fullscreen.fullscreenEnabled()) {
// remove fullscreen from settings if it is present
newSettings.default && (0, _utils.removeArrayItem)(newSettings.default, 'fullscreen');
newSettings.left && (0, _utils.removeArrayItem)(newSettings.left, 'fullscreen');
newSettings.right && (0, _utils.removeArrayItem)(newSettings.right, 'fullscreen');
}
var settingsChanged = (0, _stringify2.default)(this.settings) !== (0, _stringify2.default)(newSettings);
if (settingsChanged) {
this.settings = newSettings;
this.render();
}
};
MediaControl.prototype.getSettings = function getSettings() {
return _clapprZepto2.default.extend(true, {}, this.container.settings);
};
MediaControl.prototype.highDefinitionUpdate = function highDefinitionUpdate(isHD) {
var method = isHD ? 'addClass' : 'removeClass';
this.$hdIndicator[method]('enabled');
};
MediaControl.prototype.createCachedElements = function createCachedElements() {
var $layer = this.$el.find('.media-control-layer');
this.$duration = $layer.find('.media-control-indicator[data-duration]');
this.$fullscreenToggle = $layer.find('button.media-control-button[data-fullscreen]');
this.$playPauseToggle = $layer.find('button.media-control-button[data-playpause]');
this.$playStopToggle = $layer.find('button.media-control-button[data-playstop]');
this.$position = $layer.find('.media-control-indicator[data-position]');
this.$seekBarContainer = $layer.find('.bar-container[data-seekbar]');
this.$seekBarHover = $layer.find('.bar-hover[data-seekbar]');
this.$seekBarLoaded = $layer.find('.bar-fill-1[data-seekbar]');
this.$seekBarPosition = $layer.find('.bar-fill-2[data-seekbar]');
this.$seekBarScrubber = $layer.find('.bar-scrubber[data-seekbar]');
this.$volumeBarContainer = $layer.find('.bar-container[data-volume]');
this.$volumeContainer = $layer.find('.drawer-container[data-volume]');
this.$volumeIcon = $layer.find('.drawer-icon[data-volume]');
this.$volumeBarBackground = this.$el.find('.bar-background[data-volume]');
this.$volumeBarFill = this.$el.find('.bar-fill-1[data-volume]');
this.$volumeBarScrubber = this.$el.find('.bar-scrubber[data-volume]');
this.$hdIndicator = this.$el.find('button.media-control-button[data-hd-indicator]');
this.resetIndicators();
this.initializeIcons();
};
MediaControl.prototype.resetIndicators = function resetIndicators() {
this.displayedPosition = this.$position.text();
this.displayedDuration = this.$duration.text();
};
MediaControl.prototype.initializeIcons = function initializeIcons() {
var $layer = this.$el.find('.media-control-layer');
$layer.find('button.media-control-button[data-play]').append(_play2.default);
$layer.find('button.media-control-button[data-pause]').append(_pause2.default);
$layer.find('button.media-control-button[data-stop]').append(_stop2.default);
this.$playPauseToggle.append(_play2.default);
this.$playStopToggle.append(_play2.default);
this.$volumeIcon.append(_volume2.default);
this.$fullscreenToggle.append(_expand2.default);
this.$hdIndicator.append(_hd2.default);
};
MediaControl.prototype.setSeekPercentage = function setSeekPercentage(value) {
value = Math.max(Math.min(value, 100.0), 0);
if (this.displayedSeekBarPercentage === value) {
// not changed since last update
return;
}
this.displayedSeekBarPercentage = value;
this.$seekBarPosition.removeClass('media-control-notransition');
this.$seekBarScrubber.removeClass('media-control-notransition');
this.$seekBarPosition.css({ width: value + '%' });
this.$seekBarScrubber.css({ left: value + '%' });
};
MediaControl.prototype.seekRelative = function seekRelative(delta) {
if (!this.settings.seekEnabled) return;
var currentTime = this.container.getCurrentTime();
var duration = this.container.getDuration();
var position = Math.min(Math.max(currentTime + delta, 0), duration);
position = Math.min(position * 100 / duration, 100);
this.container.seekPercentage(position);
};
MediaControl.prototype.bindKeyAndShow = function bindKeyAndShow(key, cb) {
var _this6 = this;
this.kibo.down(key, function () {
_this6.show();
return cb();
});
};
MediaControl.prototype.bindKeyEvents = function bindKeyEvents() {
var _this7 = this;
this.unbindKeyEvents();
this.kibo = new _vendor.Kibo(this.options.focusElement);
this.bindKeyAndShow('space', function () {
return _this7.togglePlayPause();
});
this.bindKeyAndShow('left', function () {
return _this7.seekRelative(-5);
});
this.bindKeyAndShow('right', function () {
return _this7.seekRelative(5);
});
this.bindKeyAndShow('shift left', function () {
return _this7.seekRelative(-10);
});
this.bindKeyAndShow('shift right', function () {
return _this7.seekRelative(10);
});
this.bindKeyAndShow('shift ctrl left', function () {
return _this7.seekRelative(-15);
});
this.bindKeyAndShow('shift ctrl right', function () {
return _this7.seekRelative(15);
});
// this.kibo.down(['']) // should it be here?
var keys = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '0'];
keys.forEach(function (i) {
_this7.bindKeyAndShow(i, function () {
return _this7.settings.seekEnabled && _this7.container.seekPercentage(i * 10);
});
});
};
MediaControl.prototype.unbindKeyEvents = function unbindKeyEvents() {
if (this.kibo) {
this.kibo.off('space');
this.kibo.off('left');
this.kibo.off('right');
this.kibo.off('shift left');
this.kibo.off('shift right');
this.kibo.off('shift ctrl left');
this.kibo.off('shift ctrl right');
this.kibo.off(['1', '2', '3', '4', '5', '6', '7', '8', '9', '0']);
}
};
MediaControl.prototype.parseColors = function parseColors() {
if (this.options.mediacontrol) {
this.buttonsColor = this.options.mediacontrol.buttons;
var seekbarColor = this.options.mediacontrol.seekbar;
this.$el.find('.bar-fill-2[data-seekbar]').css('background-color', seekbarColor);
this.$el.find('.media-control-icon svg path').css('fill', this.buttonsColor);
this.$el.find('.segmented-bar-element[data-volume]').css('boxShadow', 'inset 2px 0 0 ' + this.buttonsColor);
}
};
MediaControl.prototype.applyButtonStyle = function applyButtonStyle(element) {
if (this.buttonsColor && element) {
(0, _clapprZepto2.default)(element).find('svg path').css('fill', this.buttonsColor);
}
};
MediaControl.prototype.destroy = function destroy() {
this.remove();
(0, _clapprZepto2.default)(document).unbind('mouseup', this.stopDragHandler);
(0, _clapprZepto2.default)(document).unbind('mousemove', this.updateDragHandler);
this.unbindKeyEvents();
};
MediaControl.prototype.render = function render() {
var _this8 = this;
var timeout = 1000;
this.$el.html(this.template({ settings: this.settings }));
this.$el.append(this.stylesheet);
this.createCachedElements();
this.$playPauseToggle.addClass('paused');
this.$playStopToggle.addClass('stopped');
this.changeTogglePlay();
this.hideId = setTimeout(function () {
return _this8.hide();
}, timeout);
if (this.disabled) {
this.hide();
}
// Video volume cannot be changed with Safari on mobile devices
// Display mute/unmute icon only if Safari version >= 10
if (_browser2.default.isSafari && _browser2.default.isMobile) {
if (_browser2.default.version < 10) {
this.$volumeContainer.css('display', 'none');
} else {
this.$volumeBarContainer.css('display', 'none');
}
}
this.$seekBarPosition.addClass('media-control-notransition');
this.$seekBarScrubber.addClass('media-control-notransition');
var previousSeekPercentage = 0;
if (this.displayedSeekBarPercentage) {
previousSeekPercentage = this.displayedSeekBarPercentage;
}
this.displayedSeekBarPercentage = null;
this.setSeekPercentage(previousSeekPercentage);
process.nextTick(function () {
if (!_this8.settings.seekEnabled) {
_this8.$seekBarContainer.addClass('seek-disabled');
}
if (!_browser2.default.isMobile && !_this8.options.disableKeyboardShortcuts) {
_this8.bindKeyEvents();
}
_this8.playerResize({ width: _this8.options.width, height: _this8.options.height });
_this8.hideVolumeBar(0);
});
this.parseColors();
this.highDefinitionUpdate();
this.rendered = true;
this.updateVolumeUI();
this.trigger(_events2.default.MEDIACONTROL_RENDERED);
return this;
};
return MediaControl;
}(_ui_object2.default);
exports.default = MediaControl;
MediaControl.extend = function (properties) {
return (0, _utils.extend)(MediaControl, properties);
};
module.exports = exports['default'];
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(57)))
/***/ }),
/* 139 */
/***/ (function(module, exports, __webpack_require__) {
module.exports = { "default": __webpack_require__(140), __esModule: true };
/***/ }),
/* 140 */
/***/ (function(module, exports, __webpack_require__) {
var core = __webpack_require__(11)
, $JSON = core.JSON || (core.JSON = {stringify: JSON.stringify});
module.exports = function stringify(it){ // eslint-disable-line no-unused-vars
return $JSON.stringify.apply($JSON, arguments);
};
/***/ }),
/* 141 */
/***/ (function(module, exports, __webpack_require__) {
exports = module.exports = __webpack_require__(10)(undefined);
// imports
// module
exports.push([module.i, ".media-control-notransition {\n -webkit-transition: none !important;\n -moz-transition: none !important;\n transition: none !important; }\n\n.media-control[data-media-control] {\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 9999;\n pointer-events: none; }\n .media-control[data-media-control].dragging {\n pointer-events: auto;\n cursor: -webkit-grabbing !important;\n cursor: grabbing !important;\n cursor: url(" + __webpack_require__(75) + "), move; }\n .media-control[data-media-control].dragging * {\n cursor: -webkit-grabbing !important;\n cursor: grabbing !important;\n cursor: url(" + __webpack_require__(75) + "), move; }\n .media-control[data-media-control] .media-control-background[data-background] {\n position: absolute;\n height: 40%;\n width: 100%;\n bottom: 0;\n background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.9));\n background: linear-gradient(transparent, rgba(0, 0, 0, 0.9));\n -webkit-transition: opacity 0.6s ease-out;\n -moz-transition: opacity 0.6s ease-out;\n transition: opacity 0.6s ease-out; }\n .media-control[data-media-control] .media-control-icon {\n line-height: 0;\n letter-spacing: 0;\n speak: none;\n color: #fff;\n opacity: 0.5;\n vertical-align: middle;\n text-align: left;\n -webkit-transition: all 0.1s ease;\n -moz-transition: all 0.1s ease;\n transition: all 0.1s ease; }\n .media-control[data-media-control] .media-control-icon:hover {\n color: white;\n opacity: 0.75;\n text-shadow: rgba(255, 255, 255, 0.8) 0 0 5px; }\n .media-control[data-media-control].media-control-hide .media-control-background[data-background] {\n opacity: 0; }\n .media-control[data-media-control].media-control-hide .media-control-layer[data-controls] {\n bottom: -50px; }\n .media-control[data-media-control].media-control-hide .media-control-layer[data-controls] .bar-container[data-seekbar] .bar-scrubber[data-seekbar] {\n opacity: 0; }\n .media-control[data-media-control] .media-control-layer[data-controls] {\n position: absolute;\n bottom: 7px;\n width: 100%;\n height: 32px;\n font-size: 0;\n vertical-align: middle;\n pointer-events: auto;\n -webkit-transition: bottom 0.4s ease-out;\n -moz-transition: bottom 0.4s ease-out;\n transition: bottom 0.4s ease-out; }\n .media-control[data-media-control] .media-control-layer[data-controls] .media-control-left-panel[data-media-control] {\n position: absolute;\n top: 0;\n left: 4px;\n height: 100%; }\n .media-control[data-media-control] .media-control-layer[data-controls] .media-control-center-panel[data-media-control] {\n height: 100%;\n text-align: center;\n line-height: 32px; }\n .media-control[data-media-control] .media-control-layer[data-controls] .media-control-right-panel[data-media-control] {\n position: absolute;\n top: 0;\n right: 4px;\n height: 100%; }\n .media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button {\n background-color: transparent;\n border: 0;\n margin: 0 6px;\n padding: 0;\n cursor: pointer;\n display: inline-block;\n width: 32px;\n height: 100%; }\n .media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button svg {\n width: 100%;\n height: 22px; }\n .media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button svg path {\n fill: white; }\n .media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button:focus {\n outline: none; }\n .media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button[data-play] {\n float: left;\n height: 100%; }\n .media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button[data-pause] {\n float: left;\n height: 100%; }\n .media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button[data-stop] {\n float: left;\n height: 100%; }\n .media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button[data-fullscreen] {\n float: right;\n background-color: transparent;\n border: 0;\n height: 100%; }\n .media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button[data-hd-indicator] {\n background-color: transparent;\n border: 0;\n cursor: default;\n display: none;\n float: right;\n height: 100%; }\n .media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button[data-hd-indicator].enabled {\n display: block;\n opacity: 1.0; }\n .media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button[data-hd-indicator].enabled:hover {\n opacity: 1.0;\n text-shadow: none; }\n .media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button[data-playpause] {\n float: left; }\n .media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button[data-playstop] {\n float: left; }\n .media-control[data-media-control] .media-control-layer[data-controls] .media-control-indicator[data-position], .media-control[data-media-control] .media-control-layer[data-controls] .media-control-indicator[data-duration] {\n display: inline-block;\n font-size: 10px;\n color: white;\n cursor: default;\n line-height: 32px;\n position: relative; }\n .media-control[data-media-control] .media-control-layer[data-controls] .media-control-indicator[data-position] {\n margin: 0 6px 0 7px; }\n .media-control[data-media-control] .media-control-layer[data-controls] .media-control-indicator[data-duration] {\n color: rgba(255, 255, 255, 0.5);\n margin-right: 6px; }\n .media-control[data-media-control] .media-control-layer[data-controls] .media-control-indicator[data-duration]:before {\n content: \"|\";\n margin-right: 7px; }\n .media-control[data-media-control] .media-control-layer[data-controls] .bar-container[data-seekbar] {\n position: absolute;\n top: -20px;\n left: 0;\n display: inline-block;\n vertical-align: middle;\n width: 100%;\n height: 25px;\n cursor: pointer; }\n .media-control[data-media-control] .media-control-layer[data-controls] .bar-container[data-seekbar] .bar-background[data-seekbar] {\n width: 100%;\n height: 1px;\n position: relative;\n top: 12px;\n background-color: #666666; }\n .media-control[data-media-control] .media-control-layer[data-controls] .bar-container[data-seekbar] .bar-background[data-seekbar] .bar-fill-1[data-seekbar] {\n position: absolute;\n top: 0;\n left: 0;\n width: 0;\n height: 100%;\n background-color: #c2c2c2;\n -webkit-transition: all 0.1s ease-out;\n -moz-transition: all 0.1s ease-out;\n transition: all 0.1s ease-out; }\n .media-control[data-media-control] .media-control-layer[data-controls] .bar-container[data-seekbar] .bar-background[data-seekbar] .bar-fill-2[data-seekbar] {\n position: absolute;\n top: 0;\n left: 0;\n width: 0;\n height: 100%;\n background-color: #005aff;\n -webkit-transition: all 0.1s ease-out;\n -moz-transition: all 0.1s ease-out;\n transition: all 0.1s ease-out; }\n .media-control[data-media-control] .media-control-layer[data-controls] .bar-container[data-seekbar] .bar-background[data-seekbar] .bar-hover[data-seekbar] {\n opacity: 0;\n position: absolute;\n top: -3px;\n width: 5px;\n height: 7px;\n background-color: rgba(255, 255, 255, 0.5);\n -webkit-transition: opacity 0.1s ease;\n -moz-transition: opacity 0.1s ease;\n transition: opacity 0.1s ease; }\n .media-control[data-media-control] .media-control-layer[data-controls] .bar-container[data-seekbar]:hover .bar-background[data-seekbar] .bar-hover[data-seekbar] {\n opacity: 1; }\n .media-control[data-media-control] .media-control-layer[data-controls] .bar-container[data-seekbar].seek-disabled {\n cursor: default; }\n .media-control[data-media-control] .media-control-layer[data-controls] .bar-container[data-seekbar].seek-disabled:hover .bar-background[data-seekbar] .bar-hover[data-seekbar] {\n opacity: 0; }\n .media-control[data-media-control] .media-control-layer[data-controls] .bar-container[data-seekbar] .bar-scrubber[data-seekbar] {\n position: absolute;\n -webkit-transform: translateX(-50%);\n -moz-transform: translateX(-50%);\n -ms-transform: translateX(-50%);\n -o-transform: translateX(-50%);\n transform: translateX(-50%);\n top: 2px;\n left: 0;\n width: 20px;\n height: 20px;\n opacity: 1;\n -webkit-transition: all 0.1s ease-out;\n -moz-transition: all 0.1s ease-out;\n transition: all 0.1s ease-out; }\n .media-control[data-media-control] .media-control-layer[data-controls] .bar-container[data-seekbar] .bar-scrubber[data-seekbar] .bar-scrubber-icon[data-seekbar] {\n position: absolute;\n left: 6px;\n top: 6px;\n width: 8px;\n height: 8px;\n border-radius: 10px;\n box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.2);\n background-color: white; }\n .media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] {\n float: right;\n display: inline-block;\n height: 32px;\n cursor: pointer;\n margin: 0 6px;\n box-sizing: border-box; }\n .media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .drawer-icon-container[data-volume] {\n float: left;\n bottom: 0; }\n .media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .drawer-icon-container[data-volume] .drawer-icon[data-volume] {\n background-color: transparent;\n border: 0;\n box-sizing: content-box;\n width: 32px;\n height: 32px;\n opacity: 0.5; }\n .media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .drawer-icon-container[data-volume] .drawer-icon[data-volume]:hover {\n opacity: 0.75; }\n .media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .drawer-icon-container[data-volume] .drawer-icon[data-volume] svg {\n height: 24px;\n position: relative;\n top: 3px; }\n .media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .drawer-icon-container[data-volume] .drawer-icon[data-volume] svg path {\n fill: white; }\n .media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .drawer-icon-container[data-volume] .drawer-icon[data-volume].muted svg {\n margin-left: 2px; }\n .media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .bar-container[data-volume] {\n float: left;\n position: relative;\n overflow: hidden;\n top: 6px;\n width: 42px;\n height: 18px;\n padding: 3px 0;\n -webkit-transition: width 0.2s ease-out;\n -moz-transition: width 0.2s ease-out;\n transition: width 0.2s ease-out; }\n .media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .bar-container[data-volume] .bar-background[data-volume] {\n height: 1px;\n position: relative;\n top: 7px;\n margin: 0 3px;\n background-color: #666666; }\n .media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .bar-container[data-volume] .bar-background[data-volume] .bar-fill-1[data-volume] {\n position: absolute;\n top: 0;\n left: 0;\n width: 0;\n height: 100%;\n background-color: #c2c2c2;\n -webkit-transition: all 0.1s ease-out;\n -moz-transition: all 0.1s ease-out;\n transition: all 0.1s ease-out; }\n .media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .bar-container[data-volume] .bar-background[data-volume] .bar-fill-2[data-volume] {\n position: absolute;\n top: 0;\n left: 0;\n width: 0;\n height: 100%;\n background-color: #005aff;\n -webkit-transition: all 0.1s ease-out;\n -moz-transition: all 0.1s ease-out;\n transition: all 0.1s ease-out; }\n .media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .bar-container[data-volume] .bar-background[data-volume] .bar-hover[data-volume] {\n opacity: 0;\n position: absolute;\n top: -3px;\n width: 5px;\n height: 7px;\n background-color: rgba(255, 255, 255, 0.5);\n -webkit-transition: opacity 0.1s ease;\n -moz-transition: opacity 0.1s ease;\n transition: opacity 0.1s ease; }\n .media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .bar-container[data-volume] .bar-scrubber[data-volume] {\n position: absolute;\n -webkit-transform: translateX(-50%);\n -moz-transform: translateX(-50%);\n -ms-transform: translateX(-50%);\n -o-transform: translateX(-50%);\n transform: translateX(-50%);\n top: 0px;\n left: 0;\n width: 20px;\n height: 20px;\n opacity: 1;\n -webkit-transition: all 0.1s ease-out;\n -moz-transition: all 0.1s ease-out;\n transition: all 0.1s ease-out; }\n .media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .bar-container[data-volume] .bar-scrubber[data-volume] .bar-scrubber-icon[data-volume] {\n position: absolute;\n left: 6px;\n top: 6px;\n width: 8px;\n height: 8px;\n border-radius: 10px;\n box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.2);\n background-color: white; }\n .media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .bar-container[data-volume] .segmented-bar-element[data-volume] {\n float: left;\n width: 4px;\n padding-left: 2px;\n height: 12px;\n opacity: 0.5;\n box-shadow: inset 2px 0 0 white;\n -webkit-transition: -webkit-transform 0.2s ease-out;\n -moz-transition: -moz-transform 0.2s ease-out;\n transition: transform 0.2s ease-out; }\n .media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .bar-container[data-volume] .segmented-bar-element[data-volume].fill {\n box-shadow: inset 2px 0 0 #fff;\n opacity: 1; }\n .media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .bar-container[data-volume] .segmented-bar-element[data-volume]:nth-of-type(1) {\n padding-left: 0; }\n .media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .bar-container[data-volume] .segmented-bar-element[data-volume]:hover {\n -webkit-transform: scaleY(1.5);\n -moz-transform: scaleY(1.5);\n -ms-transform: scaleY(1.5);\n -o-transform: scaleY(1.5);\n transform: scaleY(1.5); }\n .media-control[data-media-control].w320 .media-control-layer[data-controls] .drawer-container[data-volume] .bar-container[data-volume].volume-bar-hide {\n width: 0;\n height: 12px;\n top: 9px;\n padding: 0; }\n", ""]);
// exports
/***/ }),
/* 142 */
/***/ (function(module, exports) {
module.exports = "\n\n";
/***/ }),
/* 143 */
/***/ (function(module, exports) {
module.exports = ""
/***/ }),
/* 144 */
/***/ (function(module, exports) {
module.exports = ""
/***/ }),
/* 145 */
/***/ (function(module, exports) {
module.exports = ""
/***/ }),
/* 146 */
/***/ (function(module, exports) {
module.exports = ""
/***/ }),
/* 147 */
/***/ (function(module, exports) {
module.exports = ""
/***/ }),
/* 148 */
/***/ (function(module, exports) {
module.exports = ""
/***/ }),
/* 149 */
/***/ (function(module, exports, __webpack_require__) {
exports = module.exports = __webpack_require__(10)(undefined);
// imports
// module
exports.push([module.i, "@font-face {\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 400;\n src: local(\"Roboto\"), local(\"Roboto-Regular\"), url(" + __webpack_require__(150) + ") format(\"truetype\"); }\n\n[data-player] {\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n -o-user-select: none;\n user-select: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n -webkit-transform: translate3d(0, 0, 0);\n -moz-transform: translate3d(0, 0, 0);\n -ms-transform: translate3d(0, 0, 0);\n -o-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n position: relative;\n margin: 0;\n padding: 0;\n border: 0;\n font-style: normal;\n font-weight: normal;\n text-align: center;\n overflow: hidden;\n font-size: 100%;\n font-family: \"Roboto\", \"Open Sans\", Arial, sans-serif;\n text-shadow: 0 0 0;\n box-sizing: border-box; }\n [data-player] div, [data-player] span, [data-player] applet, [data-player] object, [data-player] iframe,\n [data-player] h1, [data-player] h2, [data-player] h3, [data-player] h4, [data-player] h5, [data-player] h6, [data-player] p, [data-player] blockquote, [data-player] pre,\n [data-player] a, [data-player] abbr, [data-player] acronym, [data-player] address, [data-player] big, [data-player] cite, [data-player] code,\n [data-player] del, [data-player] dfn, [data-player] em, [data-player] img, [data-player] ins, [data-player] kbd, [data-player] q, [data-player] s, [data-player] samp,\n [data-player] small, [data-player] strike, [data-player] strong, [data-player] sub, [data-player] sup, [data-player] tt, [data-player] var,\n [data-player] b, [data-player] u, [data-player] i, [data-player] center,\n [data-player] dl, [data-player] dt, [data-player] dd, [data-player] ol, [data-player] ul, [data-player] li,\n [data-player] fieldset, [data-player] form, [data-player] label, [data-player] legend,\n [data-player] table, [data-player] caption, [data-player] tbody, [data-player] tfoot, [data-player] thead, [data-player] tr, [data-player] th, [data-player] td,\n [data-player] article, [data-player] aside, [data-player] canvas, [data-player] details, [data-player] embed,\n [data-player] figure, [data-player] figcaption, [data-player] footer, [data-player] header, [data-player] hgroup,\n [data-player] menu, [data-player] nav, [data-player] output, [data-player] ruby, [data-player] section, [data-player] summary,\n [data-player] time, [data-player] mark, [data-player] audio, [data-player] video {\n margin: 0;\n padding: 0;\n border: 0;\n font: inherit;\n font-size: 100%;\n vertical-align: baseline; }\n [data-player] table {\n border-collapse: collapse;\n border-spacing: 0; }\n [data-player] caption, [data-player] th, [data-player] td {\n text-align: left;\n font-weight: normal;\n vertical-align: middle; }\n [data-player] q, [data-player] blockquote {\n quotes: none; }\n [data-player] q:before, [data-player] q:after, [data-player] blockquote:before, [data-player] blockquote:after {\n content: \"\";\n content: none; }\n [data-player] a img {\n border: none; }\n [data-player]:focus {\n outline: 0; }\n [data-player] * {\n max-width: none;\n box-sizing: inherit;\n float: none; }\n [data-player] div {\n display: block; }\n [data-player].fullscreen {\n width: 100% !important;\n height: 100% !important;\n top: 0;\n left: 0; }\n [data-player].nocursor {\n cursor: none; }\n\n.clappr-style {\n display: none !important; }\n", ""]);
// exports
/***/ }),
/* 150 */
/***/ (function(module, exports, __webpack_require__) {
module.exports = __webpack_require__.p + "38861cba61c66739c1452c3a71e39852.ttf";
/***/ }),
/* 151 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var _create = __webpack_require__(71);
var _create2 = _interopRequireDefault(_create);
var _classCallCheck2 = __webpack_require__(0);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(1);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(2);
var _inherits3 = _interopRequireDefault(_inherits2);
var _base_object = __webpack_require__(17);
var _base_object2 = _interopRequireDefault(_base_object);
var _player_info = __webpack_require__(34);
var _player_info2 = _interopRequireDefault(_player_info);
var _html5_video = __webpack_require__(35);
var _html5_video2 = _interopRequireDefault(_html5_video);
var _flash = __webpack_require__(80);
var _flash2 = _interopRequireDefault(_flash);
var _html5_audio = __webpack_require__(81);
var _html5_audio2 = _interopRequireDefault(_html5_audio);
var _flashls = __webpack_require__(82);
var _flashls2 = _interopRequireDefault(_flashls);
var _hls = __webpack_require__(83);
var _hls2 = _interopRequireDefault(_hls);
var _html_img = __webpack_require__(84);
var _html_img2 = _interopRequireDefault(_html_img);
var _no_op = __webpack_require__(85);
var _no_op2 = _interopRequireDefault(_no_op);
var _spinner_three_bounce = __webpack_require__(179);
var _spinner_three_bounce2 = _interopRequireDefault(_spinner_three_bounce);
var _stats = __webpack_require__(183);
var _stats2 = _interopRequireDefault(_stats);
var _watermark = __webpack_require__(185);
var _watermark2 = _interopRequireDefault(_watermark);
var _poster = __webpack_require__(86);
var _poster2 = _interopRequireDefault(_poster);
var _google_analytics = __webpack_require__(192);
var _google_analytics2 = _interopRequireDefault(_google_analytics);
var _click_to_pause = __webpack_require__(194);
var _click_to_pause2 = _interopRequireDefault(_click_to_pause);
var _dvr_controls = __webpack_require__(196);
var _dvr_controls2 = _interopRequireDefault(_dvr_controls);
var _closed_captions = __webpack_require__(200);
var _closed_captions2 = _interopRequireDefault(_closed_captions);
var _favicon = __webpack_require__(205);
var _favicon2 = _interopRequireDefault(_favicon);
var _seek_time = __webpack_require__(207);
var _seek_time2 = _interopRequireDefault(_seek_time);
var _sources = __webpack_require__(211);
var _sources2 = _interopRequireDefault(_sources);
var _end_video = __webpack_require__(212);
var _end_video2 = _interopRequireDefault(_end_video);
var _strings = __webpack_require__(213);
var _strings2 = _interopRequireDefault(_strings);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/**
* It keeps a list of the default plugins (playback, container, core) and it merges external plugins with its internals.
* @class Loader
* @constructor
* @extends BaseObject
* @module components
*/
/* Playback Plugins */
// Copyright 2014 Globo.com Player authors. All rights reserved.
// Use of this source code is governed by a BSD-style
// license that can be found in the LICENSE file.
var Loader = function (_BaseObject) {
(0, _inherits3.default)(Loader, _BaseObject);
/**
* builds the loader
* @method constructor
* @param {Object} externalPlugins the external plugins
* @param {Number} playerId you can embed multiple instances of clappr, therefore this is the unique id of each one.
*/
function Loader(externalPlugins, playerId) {
(0, _classCallCheck3.default)(this, Loader);
var _this = (0, _possibleConstructorReturn3.default)(this, _BaseObject.call(this));
_this.playerId = playerId;
_this.playbackPlugins = [_hls2.default, _html5_video2.default, _html5_audio2.default, _flash2.default, _flashls2.default, _html_img2.default, _no_op2.default];
_this.containerPlugins = [_spinner_three_bounce2.default, _watermark2.default, _poster2.default, _stats2.default, _google_analytics2.default, _click_to_pause2.default];
_this.corePlugins = [_dvr_controls2.default, _closed_captions2.default, _favicon2.default, _seek_time2.default, _sources2.default, _end_video2.default, _strings2.default];
if (externalPlugins) {
if (!Array.isArray(externalPlugins)) {
_this.validateExternalPluginsType(externalPlugins);
}
_this.addExternalPlugins(externalPlugins);
}
return _this;
}
/**
* groups by type the external plugins that were passed through `options.plugins` it they're on a flat array
* @method addExternalPlugins
* @private
* @param {Object} an config object or an array of plugins
* @return {Object} plugins the config object with the plugins separated by type
*/
Loader.prototype.groupPluginsByType = function groupPluginsByType(plugins) {
if (Array.isArray(plugins)) {
plugins = plugins.reduce(function (memo, plugin) {
memo[plugin.type] || (memo[plugin.type] = []);
memo[plugin.type].push(plugin);
return memo;
}, {});
}
return plugins;
};
Loader.prototype.removeDups = function removeDups(list) {
var groupUp = function groupUp(plugins, plugin) {
plugins[plugin.prototype.name] && delete plugins[plugin.prototype.name];
plugins[plugin.prototype.name] = plugin;
return plugins;
};
var pluginsMap = list.reduceRight(groupUp, (0, _create2.default)(null));
var plugins = [];
for (var key in pluginsMap) {
plugins.unshift(pluginsMap[key]);
}
return plugins;
};
/**
* adds all the external plugins that were passed through `options.plugins`
* @method addExternalPlugins
* @private
* @param {Object} plugins the config object with all plugins
*/
Loader.prototype.addExternalPlugins = function addExternalPlugins(plugins) {
plugins = this.groupPluginsByType(plugins);
if (plugins.playback) {
this.playbackPlugins = this.removeDups(plugins.playback.concat(this.playbackPlugins));
}
if (plugins.container) {
this.containerPlugins = this.removeDups(plugins.container.concat(this.containerPlugins));
}
if (plugins.core) {
this.corePlugins = this.removeDups(plugins.core.concat(this.corePlugins));
}
_player_info2.default.getInstance(this.playerId).playbackPlugins = this.playbackPlugins;
};
/**
* validate if the external plugins that were passed through `options.plugins` are associated to the correct type
* @method validateExternalPluginsType
* @private
* @param {Object} plugins the config object with all plugins
*/
Loader.prototype.validateExternalPluginsType = function validateExternalPluginsType(plugins) {
var plugintypes = ['playback', 'container', 'core'];
plugintypes.forEach(function (type) {
(plugins[type] || []).forEach(function (el) {
var errorMessage = 'external ' + el.type + ' plugin on ' + type + ' array';
if (el.type !== type) {
throw new ReferenceError(errorMessage);
}
});
});
};
return Loader;
}(_base_object2.default);
/* Core Plugins */
/* Container Plugins */
exports.default = Loader;
module.exports = exports['default'];
/***/ }),
/* 152 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(process) {
Object.defineProperty(exports, "__esModule", {
value: true
});
var _from = __webpack_require__(78);
var _from2 = _interopRequireDefault(_from);
var _classCallCheck2 = __webpack_require__(0);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(1);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _createClass2 = __webpack_require__(3);
var _createClass3 = _interopRequireDefault(_createClass2);
var _inherits2 = __webpack_require__(2);
var _inherits3 = _interopRequireDefault(_inherits2);
var _toConsumableArray2 = __webpack_require__(79);
var _toConsumableArray3 = _interopRequireDefault(_toConsumableArray2);
var _keys = __webpack_require__(31);
var _keys2 = _interopRequireDefault(_keys);
var _utils = __webpack_require__(5);
var _playback = __webpack_require__(9);
var _playback2 = _interopRequireDefault(_playback);
var _styler = __webpack_require__(7);
var _styler2 = _interopRequireDefault(_styler);
var _browser = __webpack_require__(13);
var _browser2 = _interopRequireDefault(_browser);
var _events = __webpack_require__(4);
var _events2 = _interopRequireDefault(_events);
var _style = __webpack_require__(161);
var _style2 = _interopRequireDefault(_style);
var _clapprZepto = __webpack_require__(6);
var _clapprZepto2 = _interopRequireDefault(_clapprZepto);
var _template = __webpack_require__(8);
var _template2 = _interopRequireDefault(_template);
var _tracks = __webpack_require__(162);
var _tracks2 = _interopRequireDefault(_tracks);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var MIMETYPES = {
'mp4': ['avc1.42E01E', 'avc1.58A01E', 'avc1.4D401E', 'avc1.64001E', 'mp4v.20.8', 'mp4v.20.240', 'mp4a.40.2'].map(function (codec) {
return 'video/mp4; codecs="' + codec + ', mp4a.40.2"';
}),
'ogg': ['video/ogg; codecs="theora, vorbis"', 'video/ogg; codecs="dirac"', 'video/ogg; codecs="theora, speex"'],
'3gpp': ['video/3gpp; codecs="mp4v.20.8, samr"'],
'webm': ['video/webm; codecs="vp8, vorbis"'],
'mkv': ['video/x-matroska; codecs="theora, vorbis"'],
'm3u8': ['application/x-mpegurl']
}; // Copyright 2014 Globo.com Player authors. All rights reserved.
// Use of this source code is governed by a BSD-style
// license that can be found in the LICENSE file.
MIMETYPES['ogv'] = MIMETYPES['ogg'];
MIMETYPES['3gp'] = MIMETYPES['3gpp'];
var AUDIO_MIMETYPES = {
'wav': ['audio/wav'],
'mp3': ['audio/mp3', 'audio/mpeg;codecs="mp3"'],
'aac': ['audio/mp4;codecs="mp4a.40.5"'],
'oga': ['audio/ogg']
};
var KNOWN_AUDIO_MIMETYPES = (0, _keys2.default)(AUDIO_MIMETYPES).reduce(function (acc, k) {
return [].concat((0, _toConsumableArray3.default)(acc), (0, _toConsumableArray3.default)(AUDIO_MIMETYPES[k]));
}, []);
// TODO: rename this Playback to HTML5Playback (breaking change, only after 0.3.0)
var HTML5Video = function (_Playback) {
(0, _inherits3.default)(HTML5Video, _Playback);
(0, _createClass3.default)(HTML5Video, [{
key: 'name',
get: function get() {
return 'html5_video';
}
}, {
key: 'tagName',
get: function get() {
return this.isAudioOnly ? 'audio' : 'video';
}
}, {
key: 'isAudioOnly',
get: function get() {
var resourceUrl = this.options.src;
var mimeTypes = HTML5Video._mimeTypesForUrl(resourceUrl, AUDIO_MIMETYPES, this.options.mimeType);
return this.options.playback && this.options.playback.audioOnly || this.options.audioOnly || KNOWN_AUDIO_MIMETYPES.indexOf(mimeTypes[0]) >= 0;
}
}, {
key: 'attributes',
get: function get() {
return {
'data-html5-video': ''
};
}
}, {
key: 'events',
get: function get() {
return {
'canplay': '_onCanPlay',
'canplaythrough': '_handleBufferingEvents',
'durationchange': '_onDurationChange',
'ended': '_onEnded',
'error': '_onError',
'loadeddata': '_onLoadedData',
'loadedmetadata': '_onLoadedMetadata',
'pause': '_onPause',
'playing': '_onPlaying',
'progress': '_onProgress',
'seeked': '_handleBufferingEvents',
'seeking': '_handleBufferingEvents',
'stalled': '_handleBufferingEvents',
'timeupdate': '_onTimeUpdate',
'waiting': '_onWaiting'
};
}
/**
* Determine if the playback has ended.
* @property ended
* @type Boolean
*/
}, {
key: 'ended',
get: function get() {
return this.el.ended;
}
/**
* Determine if the playback is having to buffer in order for
* playback to be smooth.
* This is related to the PLAYBACK_BUFFERING and PLAYBACK_BUFFERFULL events
* @property buffering
* @type Boolean
*/
}, {
key: 'buffering',
get: function get() {
return !!this._bufferingState;
}
}]);
function HTML5Video() {
(0, _classCallCheck3.default)(this, HTML5Video);
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
var _this = (0, _possibleConstructorReturn3.default)(this, _Playback.call.apply(_Playback, [this].concat(args)));
_this._destroyed = false;
_this._loadStarted = false;
_this._playheadMoving = false;
_this._playheadMovingTimer = null;
_this._stopped = false;
_this._ccTrackId = -1;
_this._setupSrc(_this.options.src);
// backwards compatibility (TODO: remove on 0.3.0)
_this.options.playback || (_this.options.playback = _this.options || {});
_this.options.playback.disableContextMenu = _this.options.playback.disableContextMenu || _this.options.disableVideoTagContextMenu;
var playbackConfig = _this.options.playback;
var preload = playbackConfig.preload || (_browser2.default.isSafari ? 'auto' : _this.options.preload);
var posterUrl = void 0; // FIXME: poster plugin should always convert poster to object with expected properties ?
if (_this.options.poster) {
if (typeof _this.options.poster === 'string') {
posterUrl = _this.options.poster;
} else if (typeof _this.options.poster.url === 'string') {
posterUrl = _this.options.poster.url;
}
}
_clapprZepto2.default.extend(_this.el, {
loop: _this.options.loop,
poster: posterUrl,
preload: preload || 'metadata',
controls: (playbackConfig.controls || _this.options.useVideoTagDefaultControls) && 'controls',
crossOrigin: playbackConfig.crossOrigin,
'x-webkit-playsinline': playbackConfig.playInline
});
playbackConfig.playInline && _this.$el.attr({ playsinline: 'playsinline' });
playbackConfig.crossOrigin && _this.$el.attr({ crossorigin: playbackConfig.crossOrigin });
// TODO should settings be private?
_this.settings = { default: ['seekbar'] };
_this.settings.left = ['playpause', 'position', 'duration'];
_this.settings.right = ['fullscreen', 'volume', 'hd-indicator'];
playbackConfig.externalTracks && _this._setupExternalTracks(playbackConfig.externalTracks);
// https://github.com/clappr/clappr/issues/1076
_this.options.autoPlay && process.nextTick(function () {
return !_this._destroyed && _this.play();
});
return _this;
}
HTML5Video.prototype._setupExternalTracks = function _setupExternalTracks(tracks) {
this._externalTracks = tracks.map(function (track) {
return {
kind: track.kind || 'subtitles', // Default is 'subtitles'
label: track.label,
lang: track.lang,
src: track.src
};
});
};
/**
* Sets the source url on the