diff --git a/bower.json b/bower.json index 8dda11a3f..e81e27e09 100644 --- a/bower.json +++ b/bower.json @@ -1,7 +1,7 @@ { "name": "clappr", "description": "An extensible media player for the web", - "version": "0.2.66", + "version": "0.2.67", "homepage": "https://github.com/clappr/clappr", "authors": [ "Globo.com" @@ -21,22 +21,23 @@ ], "devDependencies": { "babel-core": "^6.18.2", - "babel-loader": "^6.4.1", + "babel-loader": "^7.0.0", "babel-plugin-add-module-exports": "^0.2.0", "babel-plugin-transform-es2015-classes": "^6.6.4", + "babel-plugin-transform-runtime": "^6.23.0", "babel-preset-es2015": "^6.5.0", "chai": "^3.2.0", "check-dependencies": "^1.0.1", "clappr-zepto": "0.0.7", "clean-webpack-plugin": "^0.1.14", - "coveralls": "^2.11.4", - "css-loader": "^0.28.0", + "coveralls": "^2.13.1", + "css-loader": "^0.28.1", "directory-named-webpack-plugin": "^2.1.0", "dotenv": "^4.0.0", "eslint": "^3.1.0", "file-loader": "^0.11.1", "gulp": "^3.8.1", - "hls.js": "^0.7.5", + "hls.js": "^0.7.9", "html-loader": "^0.4.3", "isparta": "^4.0.0", "istanbul": "^0.4.2", @@ -46,7 +47,7 @@ "karma": "^1.1.1", "karma-chai": "^0.1.0", "karma-chai-sinon": "^0.1.5", - "karma-chrome-launcher": "^2.0.0", + "karma-chrome-launcher": "^2.1.0", "karma-cli": "^1.0.0", "karma-coverage": "^1.1.1", "karma-firefox-launcher": "^1.0.0", @@ -54,29 +55,24 @@ "karma-sinon": "^1.0.4", "karma-sinon-chai": "^1.1.0", "karma-webpack": "^2.0.1", - "lodash.isequal": "^4.2.0", - "lodash.isplainobject": "^4.0.4", - "lodash.merge": "^4.4.0", - "lodash.once": "^4.0.0", "lodash.result": "^4.3.0", - "lodash.uniqby": "^4.3.0", "lolex": "^1.5.2", "mkdirp": "^0.5.1", - "mocha": "^3.1.2", + "mocha": "^3.3.0", "node-bourbon": "^4.2.8", "node-sass": "^4.3.0", "s3": "^4.1.1", "sass-loader": "^6.0.2", - "sinon": "^2.0.0", - "sinon-chai": "^2.8.0", + "sinon": "^2.2.0", + "sinon-chai": "^2.10.0", "sshpk": "^1.6.2", "svg-inline-loader": "^0.7.1", "sync-pkg": "^0.7.1", - "uglify-js": "^2.8.22", + "uglify-js": "^3.0.5", "url-loader": "^0.5.6", - "webpack": "^2.4.1", - "webpack-dev-server": "^2.4.2", - "yargs": "^7.1.0" + "webpack": "^2.5.0", + "webpack-dev-server": "^2.4.5", + "yargs": "^8.0.1" }, "keywords": [ "clappr" diff --git a/dist/clappr.js b/dist/clappr.js index eb23c192c..2ed069db3 100644 --- a/dist/clappr.js +++ b/dist/clappr.js @@ -73,7 +73,7 @@ return /******/ (function(modules) { // webpackBootstrap /******/ __webpack_require__.p = "<%=baseUrl%>/"; /******/ /******/ // Load entry module and return exports -/******/ return __webpack_require__(__webpack_require__.s = 47); +/******/ return __webpack_require__(__webpack_require__.s = 95); /******/ }) /************************************************************************/ /******/ ([ @@ -83,27 +83,143 @@ return /******/ (function(modules) { // webpackBootstrap "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 _setPrototypeOf = __webpack_require__(130); + +var _setPrototypeOf2 = _interopRequireDefault(_setPrototypeOf); + +var _create = __webpack_require__(71); + +var _create2 = _interopRequireDefault(_create); + +var _typeof2 = __webpack_require__(36); + +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; +}; + +/***/ }), +/* 2 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +exports.__esModule = true; + +var _typeof2 = __webpack_require__(36); + +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; +}; + +/***/ }), +/* 3 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +exports.__esModule = true; + +var _defineProperty = __webpack_require__(72); + +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 _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof 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 _keys = __webpack_require__(35); -var _log = __webpack_require__(19); +var _keys2 = _interopRequireDefault(_keys); -var _log2 = _interopRequireDefault(_log); +var _classCallCheck2 = __webpack_require__(0); -var _utils = __webpack_require__(1); +var _classCallCheck3 = _interopRequireDefault(_classCallCheck2); -var _lodash = __webpack_require__(106); +var _typeof2 = __webpack_require__(36); -var _lodash2 = _interopRequireDefault(_lodash); +var _typeof3 = _interopRequireDefault(_typeof2); + +var _log = __webpack_require__(40); + +var _log2 = _interopRequireDefault(_log); + +var _utils = __webpack_require__(5); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } +// 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; @@ -115,7 +231,7 @@ var eventsApi = function eventsApi(obj, action, name, rest) { } // Handle event maps. - if ((typeof name === 'undefined' ? 'undefined' : _typeof(name)) === 'object') { + if ((typeof name === 'undefined' ? 'undefined' : (0, _typeof3.default)(name)) === 'object') { for (var key in name) { obj[action].apply(obj, [key, name[key]].concat(rest)); } @@ -182,7 +298,7 @@ var triggerEvents = function triggerEvents(events, args, klass, name) { var Events = function () { function Events() { - _classCallCheck(this, Events); + (0, _classCallCheck3.default)(this, Events); } /** @@ -212,14 +328,16 @@ var Events = function () { Events.prototype.once = function once(name, callback, context) { + var _this = this, + _arguments = arguments; + if (!eventsApi(this, 'once', name, [callback, context]) || !callback) { return this; } - var self = this; - var once = (0, _lodash2.default)(function () { - self.off(name, once); - callback.apply(this, arguments); - }); + var once = function once() { + _this.off(name, once); + callback.apply(context || _this, _arguments); + }; once._callback = callback; return this.on(name, once, context); }; @@ -249,7 +367,7 @@ var Events = function () { this._events = void 0; return this; } - names = name ? [name] : Object.keys(this._events); + names = name ? [name] : (0, _keys2.default)(this._events); // jshint maxdepth:5 for (i = 0, l = names.length; i < l; i++) { name = names[i]; @@ -315,7 +433,7 @@ var Events = function () { return this; } var remove = !name && !callback; - if (!callback && (typeof name === 'undefined' ? 'undefined' : _typeof(name)) === 'object') { + if (!callback && (typeof name === 'undefined' ? 'undefined' : (0, _typeof3.default)(name)) === 'object') { callback = this; } if (obj) { @@ -324,7 +442,7 @@ var Events = function () { for (var id in listeningTo) { obj = listeningTo[id]; obj.off(name, callback, this); - if (remove || Object.keys(obj._events).length === 0) { + if (remove || (0, _keys2.default)(obj._events).length === 0) { delete this._listeningTo[id]; } } @@ -363,12 +481,12 @@ var Events = function () { exports.default = Events; var listenMethods = { listenTo: 'on', listenToOnce: 'once' }; -Object.keys(listenMethods).forEach(function (method) { +(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' : _typeof(name)) === 'object') { + if (!callback && (typeof name === 'undefined' ? 'undefined' : (0, _typeof3.default)(name)) === 'object') { callback = this; } obj[listenMethods[method]](name, callback, this); @@ -455,6 +573,9 @@ Events.PLAYER_TIMEUPDATE = 'timeupdate'; */ Events.PLAYER_VOLUMEUPDATE = 'volumeupdate'; +// TODO doc +Events.PLAYER_TEXTTRACKLOADED = 'texttrackloaded'; + // Playback Events /** * Fired when the playback is downloading the media @@ -648,7 +769,16 @@ Events.PLAYBACK_STATS_ADD = 'playback:stats:add'; Events.PLAYBACK_FRAGMENT_LOADED = 'playback:fragment:loaded'; // TODO doc Events.PLAYBACK_LEVEL_SWITCH = 'playback:level:switch'; +// TODO doc +Events.PLAYBACK_SUBTITLE_LOADED = 'playback:subtitle:loaded'; +// 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 * @@ -664,10 +794,23 @@ 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 - * @event CORE_READY */ 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 /** @@ -718,6 +861,14 @@ Events.CONTAINER_ERROR = 'container:error'; * extra meta data */ Events.CONTAINER_LOADEDMETADATA = 'container:loadedmetadata'; + +/** + * Fired when a text track is loaded and available on container for display + * + * @event CONTAINER_LOADEDTEXTTRACK + */ +Events.CONTAINER_LOADEDTEXTTRACK = 'container:loadedtexttrack'; + /** * Fired when the time is updated on container * @@ -866,13 +1017,10 @@ Events.MEDIACONTROL_NOTPLAYING = 'mediacontrol:notplaying'; * @event MEDIACONTROL_CONTAINERCHANGED */ Events.MEDIACONTROL_CONTAINERCHANGED = 'mediacontrol:containerchanged'; - -// Core Events -Events.CORE_CONTAINERS_CREATED = 'core:containers:created'; module.exports = exports['default']; /***/ }), -/* 1 */ +/* 5 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; @@ -883,7 +1031,29 @@ Object.defineProperty(exports, "__esModule", { }); exports.DomRecycler = exports.cancelAnimationFrame = exports.requestAnimationFrame = exports.QueryString = exports.Config = exports.Fullscreen = undefined; -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); +var _createClass2 = __webpack_require__(3); + +var _createClass3 = _interopRequireDefault(_createClass2); + +var _classCallCheck2 = __webpack_require__(0); + +var _classCallCheck3 = _interopRequireDefault(_classCallCheck2); + +var _possibleConstructorReturn2 = __webpack_require__(2); + +var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2); + +var _inherits2 = __webpack_require__(1); + +var _inherits3 = _interopRequireDefault(_inherits2); + +var _defineProperty = __webpack_require__(72); + +var _defineProperty2 = _interopRequireDefault(_defineProperty); + +var _getOwnPropertyDescriptor = __webpack_require__(129); + +var _getOwnPropertyDescriptor2 = _interopRequireDefault(_getOwnPropertyDescriptor); exports.extend = extend; exports.formatTime = formatTime; @@ -895,21 +1065,17 @@ exports.getBrowserLanguage = getBrowserLanguage; exports.now = now; exports.removeArrayItem = removeArrayItem; -var _browser = __webpack_require__(7); +var _browser = __webpack_require__(13); var _browser2 = _interopRequireDefault(_browser); -var _clapprZepto = __webpack_require__(3); +var _clapprZepto = __webpack_require__(6); var _clapprZepto2 = _interopRequireDefault(_clapprZepto); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - -function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } - -function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // Copyright 2014 Globo.com Player authors. All rights reserved. +// 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 */ @@ -917,8 +1083,8 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function" function assign(obj, source) { if (source) { for (var prop in source) { - var propDescriptor = Object.getOwnPropertyDescriptor(source, prop); - propDescriptor ? Object.defineProperty(obj, prop, propDescriptor) : obj[prop] = source[prop]; + var propDescriptor = (0, _getOwnPropertyDescriptor2.default)(source, prop); + propDescriptor ? (0, _defineProperty2.default)(obj, prop, propDescriptor) : obj[prop] = source[prop]; } } return obj; @@ -926,16 +1092,16 @@ function assign(obj, source) { function extend(parent, properties) { var Surrogate = function (_parent) { - _inherits(Surrogate, _parent); + (0, _inherits3.default)(Surrogate, _parent); function Surrogate() { - _classCallCheck(this, 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 = _possibleConstructorReturn(this, _parent.call.apply(_parent, [this].concat(args))); + var _this = (0, _possibleConstructorReturn3.default)(this, _parent.call.apply(_parent, [this].concat(args))); if (properties.initialize) { properties.initialize.apply(_this, args); @@ -992,19 +1158,23 @@ var Fullscreen = exports.Fullscreen = { 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() { - if (document.exitFullscreen) { - document.exitFullscreen(); - } else if (document.webkitCancelFullScreen) { - document.webkitCancelFullScreen(); - } else if (document.webkitExitFullscreen) { - document.webkitExitFullscreen(); - } else if (document.mozCancelFullScreen) { - document.mozCancelFullScreen(); - } else if (document.msExitFullscreen) { - document.msExitFullscreen(); + 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() { @@ -1014,7 +1184,7 @@ var Fullscreen = exports.Fullscreen = { var Config = exports.Config = function () { function Config() { - _classCallCheck(this, Config); + (0, _classCallCheck3.default)(this, Config); } Config._defaultConfig = function _defaultConfig() { @@ -1061,7 +1231,7 @@ var Config = exports.Config = function () { var QueryString = exports.QueryString = function () { function QueryString() { - _classCallCheck(this, QueryString); + (0, _classCallCheck3.default)(this, QueryString); } QueryString.parse = function parse(paramsString) { @@ -1080,7 +1250,7 @@ var QueryString = exports.QueryString = function () { return params; }; - _createClass(QueryString, null, [{ + (0, _createClass3.default)(QueryString, null, [{ key: 'params', get: function get() { var query = window.location.search.substring(1); @@ -1101,7 +1271,6 @@ var QueryString = exports.QueryString = function () { return this._hashParams; } }]); - return QueryString; }(); @@ -1175,7 +1344,7 @@ var videoStack = []; var DomRecycler = exports.DomRecycler = function () { function DomRecycler() { - _classCallCheck(this, DomRecycler); + (0, _classCallCheck3.default)(this, DomRecycler); } DomRecycler.configure = function configure(options) { @@ -1220,787 +1389,469 @@ exports.default = { }; /***/ }), -/* 2 */ -/***/ (function(module, exports, __webpack_require__) { - -"use strict"; +/* 6 */ +/***/ (function(module, exports) { +/* Zepto v1.2.0 - zepto ajax callbacks deferred event ie selector - zeptojs.com/license */ -Object.defineProperty(exports, "__esModule", { - value: true -}); -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); +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, -var _utils = __webpack_require__(1); + // special attributes that should be get/set via method calls + methodAttributes = ['val', 'css', 'html', 'text', 'data', 'width', 'height', 'offset'], -var _ui_object = __webpack_require__(9); + 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 } -var _ui_object2 = _interopRequireDefault(_ui_object); + 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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + function type(obj) { + return obj == null ? String(obj) : + class2type[toString.call(obj)] || "object" + } -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } + 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 _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } + function likeArray(obj) { + var length = !!obj && 'length' in obj && obj.length, + type = $.type(obj) -function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } + return 'function' != type && !isWindow(obj) && ( + 'array' == type || length === 0 || + (typeof length == 'number' && length > 0 && (length - 1) in obj) + ) + } -/** - * An abstraction to represent a generic playback, it's like an interface to be implemented by subclasses. - * @class Playback - * @constructor - * @extends UIObject - * @module base - */ -var Playback = function (_UIObject) { - _inherits(Playback, _UIObject); + 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 }) } - _createClass(Playback, [{ - key: 'isAudioOnly', + function classRE(name) { + return name in classCache ? + classCache[name] : (classCache[name] = new RegExp('(^|\\s)' + name + '(\\s|$)')) + } - /** - * Determine if the playback does not contain video/has video but video should be ignored. - * @property isAudioOnly - * @type Boolean - */ - get: function get() { - return false; - } + function maybeAddPx(name, value) { + return (typeof value == "number" && !cssNumber[dasherize(name)]) ? value + "px" : value + } - /** - * Determine if the playback has ended. - * @property ended - * @type Boolean - */ - - }, { - key: 'ended', - get: function get() { - return false; - } - - /** - * The internationalization plugin. - * @property i18n - * @type {Strings} - */ - - }, { - key: 'i18n', - get: function get() { - return this._i18n; - } - - /** - * 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 false; + 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] + } - /** - * @method constructor - * @param {Object} options the options object - * @param {Strings} i18n the internationalization component - */ - - }]); - - function Playback(options, i18n) { - _classCallCheck(this, Playback); - - var _this = _possibleConstructorReturn(this, _UIObject.call(this, options)); + function children(element) { + return 'children' in element ? + slice.call(element.children) : + $.map(element.childNodes, function(node){ if (node.nodeType == 1) return node }) + } - _this.settings = {}; - _this._i18n = i18n; - return _this; + 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 || '' } - /** - * Gives user consent to playback (mobile devices). - * @method consent - */ + // `$.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)) - Playback.prototype.consent = function consent() {}; + 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 = '*' - /** - * plays the playback. - * @method play - */ + 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) + }) + } - Playback.prototype.play = function play() {}; + return dom + } - /** - * pauses the playback. - * @method pause - */ + // `$.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 + } - Playback.prototype.pause = function pause() {}; + // `$.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) + } - /** - * stops the playback. - * @method stop - */ + // `$` 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] + } - Playback.prototype.stop = function stop() {}; + // 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 + } - /** - * seeks the playback to a given `time` in seconds - * @method seek - * @param {Number} time should be a number between 0 and the video duration - */ + // `$.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) + } - Playback.prototype.seek = function seek(time) {}; // eslint-disable-line no-unused-vars + $.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 + } - /** - * seeks the playback to a given `percentage` in percentage - * @method seekPercentage - * @param {Number} time should be a number between 0 and 100 - */ + 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) + } - Playback.prototype.seekPercentage = function seekPercentage(percentage) {}; // eslint-disable-line no-unused-vars + // 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) + } - /** - * 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. - */ - - - Playback.prototype.getStartTimeOffset = function getStartTimeOffset() { - return 0; - }; - - /** - * gets the duration in seconds - * @method getDuration - * @return {Number} duration (in seconds) of the current source - */ - - - Playback.prototype.getDuration = function getDuration() { - return 0; - }; - - /** - * checks if the playback is playing. - * @method isPlaying - * @return {Boolean} `true` if the current playback is playing, otherwise `false` - */ - - - Playback.prototype.isPlaying = function isPlaying() { - return false; - }; - - /** - * checks if the playback is ready. - * @property isReady - * @type {Boolean} `true` if the current playback is ready, otherwise `false` - */ - - - /** - * gets the playback type (`'vod', 'live', 'aod'`) - * @method getPlaybackType - * @return {String} you should write the playback type otherwise it'll assume `'no_op'` - * @example - * ```javascript - * html5VideoPlayback.getPlaybackType() //vod - * html5AudioPlayback.getPlaybackType() //aod - * html5VideoPlayback.getPlaybackType() //live - * flashHlsPlayback.getPlaybackType() //live - * ``` - */ - Playback.prototype.getPlaybackType = function getPlaybackType() { - return Playback.NO_OP; - }; - - /** - * checks if the playback is in HD. - * @method isHighDefinitionInUse - * @return {Boolean} `true` if the playback is playing in HD, otherwise `false` - */ - + // "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 + } + } - Playback.prototype.isHighDefinitionInUse = function isHighDefinitionInUse() { - return false; - }; + $.type = type + $.isFunction = isFunction + $.isWindow = isWindow + $.isArray = isArray + $.isPlainObject = isPlainObject - /** - * sets the volume for the playback - * @method volume - * @param {Number} value a number between 0 (`muted`) to 100 (`max`) - */ + $.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 + } - Playback.prototype.volume = function volume(value) {}; // eslint-disable-line no-unused-vars + $.inArray = function(elem, array, i){ + return emptyArray.indexOf.call(array, elem, i) + } - /** - * destroys the playback, removing it from DOM - * @method destroy - */ + $.camelCase = camelize + $.trim = function(str) { + return str == null ? "" : String.prototype.trim.call(str) + } + // plugin compatibility + $.uuid = 0 + $.support = { } + $.expr = { } + $.noop = function() {} - Playback.prototype.destroy = function destroy() { - this.$el.remove(); - }; + $.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) + } - _createClass(Playback, [{ - key: 'isReady', - get: function get() { - return false; + $.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 Playback; -}(_ui_object2.default); + return elements + } -exports.default = Playback; + $.grep = function(elements, callback){ + return filter.call(elements, callback) + } + if (window.JSON) $.parseJSON = JSON.parse -Playback.extend = function (properties) { - return (0, _utils.extend)(Playback, properties); -}; + // Populate the class2type map + $.each("Boolean Number String Function Array Date RegExp Object Error".split(" "), function(i, name) { + class2type[ "[object " + name + "]" ] = name.toLowerCase() + }) -/** - * checks if the playback can play a given `source` - * If a mimeType is provided then this will be used instead of inferring the mimetype - * from the source extension. - * @method canPlay - * @static - * @param {String} source the given source ex: `http://example.com/play.mp4` - * @param {String} [mimeType] the given mime type, ex: `'application/vnd.apple.mpegurl'` - * @return {Boolean} `true` if the playback is playable, otherwise `false` - */ -Playback.canPlay = function (source, mimeType) { - // eslint-disable-line no-unused-vars - return false; -}; + // Define methods that will be available on all + // Zepto collections + $.fn = { + constructor: zepto.Z, + length: 0, -/** - * a playback type for video on demand - * - * @property VOD - * @static - * @type String - */ -Playback.VOD = 'vod'; -/** - * a playback type for audio on demand - * - * @property AOD - * @static - * @type String - */ -Playback.AOD = 'aod'; -/** - * a playback type for live video - * - * @property LIVE - * @static - * @type String - */ -Playback.LIVE = 'live'; -/** - * a default playback type - * - * @property NO_OP - * @static - * @type String - */ -Playback.NO_OP = 'no_op'; -/** - * the plugin type - * - * @property type - * @static - * @type String - */ -Playback.type = 'playback'; -module.exports = exports['default']; + // 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) + }, -/***/ }), -/* 3 */ -/***/ (function(module, exports) { + // `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)) + }, -/* 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') + 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 }, - 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' + get: function(idx){ + return idx === undefined ? slice.call(this) : this[idx >= 0 ? idx : idx + this.length] }, - 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) + toArray: function(){ return this.get() }, + size: function(){ + return this.length + }, + remove: function(){ + return this.each(function(){ + if (this.parentNode != null) + this.parentNode.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 + }, + each: function(callback){ + emptyArray.every.call(this, function(el, idx){ + return callback.call(el, idx, el) !== false }) return this }, @@ -3466,7 +3317,7 @@ module.exports = Zepto /***/ }), -/* 4 */ +/* 7 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; @@ -3476,403 +3327,321 @@ Object.defineProperty(exports, "__esModule", { value: true }); -var _clapprZepto = __webpack_require__(3); - -var _clapprZepto2 = _interopRequireDefault(_clapprZepto); +var _classCallCheck2 = __webpack_require__(0); -var _template = __webpack_require__(5); +var _classCallCheck3 = _interopRequireDefault(_classCallCheck2); -var _template2 = _interopRequireDefault(_template); +var _possibleConstructorReturn2 = __webpack_require__(2); -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } +var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2); -// 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 _createClass2 = __webpack_require__(3); -var Styler = { - getStyleFor: function getStyleFor(style) { - var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : { baseUrl: '' }; +var _createClass3 = _interopRequireDefault(_createClass2); - return (0, _clapprZepto2.default)('').html((0, _template2.default)(style.toString())(options)); - } -}; +var _inherits2 = __webpack_require__(1); -exports.default = Styler; -module.exports = exports['default']; +var _inherits3 = _interopRequireDefault(_inherits2); -/***/ }), -/* 5 */ -/***/ (function(module, exports, __webpack_require__) { +var _utils = __webpack_require__(5); -"use strict"; +var _ui_object = __webpack_require__(18); +var _ui_object2 = _interopRequireDefault(_ui_object); -/* eslint-disable no-var */ -// Simple JavaScript Templating -// Paul Miller (http://paulmillr.com) -// http://underscorejs.org -// (c) 2009-2013 Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } -// By default, Underscore uses ERB-style template delimiters, change the -// following template settings to use alternative delimiters. -var settings = { - evaluate: /<%([\s\S]+?)%>/g, - interpolate: /<%=([\s\S]+?)%>/g, - escape: /<%-([\s\S]+?)%>/g -}; +/** + * An abstraction to represent a generic playback, it's like an interface to be implemented by subclasses. + * @class Playback + * @constructor + * @extends UIObject + * @module base + */ +var Playback = function (_UIObject) { + (0, _inherits3.default)(Playback, _UIObject); + (0, _createClass3.default)(Playback, [{ + key: 'isAudioOnly', -// When customizing `templateSettings`, if you don't want to define an -// interpolation, evaluation or escaping regex, we need one that is -// guaranteed not to match. -var noMatch = /(.)^/; + /** + * Determine if the playback does not contain video/has video but video should be ignored. + * @property isAudioOnly + * @type Boolean + */ + get: function get() { + return false; + } -// Certain characters need to be escaped so that they can be put into a -// string literal. -var escapes = { - '\'': '\'', - '\\': '\\', - '\r': 'r', - '\n': 'n', - '\t': 't', - '\u2028': 'u2028', - '\u2029': 'u2029' -}; + /** + * Determine if the playback has ended. + * @property ended + * @type Boolean + */ -var escaper = /\\|'|\r|\n|\t|\u2028|\u2029/g; + }, { + key: 'ended', + get: function get() { + return false; + } -// List of HTML entities for escaping. -var htmlEntities = { - '&': '&', - '<': '<', - '>': '>', - '"': '"', - '\'': ''' -}; + /** + * The internationalization plugin. + * @property i18n + * @type {Strings} + */ -var entityRe = new RegExp('[&<>"\']', 'g'); + }, { + key: 'i18n', + get: function get() { + return this._i18n; + } -var escapeExpr = function escapeExpr(string) { - if (string === null) { - return ''; - } - return ('' + string).replace(entityRe, function (match) { - return htmlEntities[match]; - }); -}; + /** + * 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 + */ -var counter = 0; + }, { + key: 'buffering', + get: function get() { + return false; + } -// JavaScript micro-templating, similar to John Resig's implementation. -// Underscore templating handles arbitrary delimiters, preserves whitespace, -// and correctly escapes quotes within interpolated code. -var tmpl = function tmpl(text, data) { - var render; + /** + * @method constructor + * @param {Object} options the options object + * @param {Strings} i18n the internationalization component + */ - // Combine delimiters into one regular expression via alternation. - var matcher = new RegExp([(settings.escape || noMatch).source, (settings.interpolate || noMatch).source, (settings.evaluate || noMatch).source].join('|') + '|$', 'g'); + }]); - // Compile the template source, escaping string literals appropriately. - var index = 0; - var source = '__p+=\''; - text.replace(matcher, function (match, escape, interpolate, evaluate, offset) { - source += text.slice(index, offset).replace(escaper, function (match) { - return '\\' + escapes[match]; - }); + function Playback(options, i18n) { + (0, _classCallCheck3.default)(this, Playback); - if (escape) { - source += '\'+\n((__t=(' + escape + '))==null?\'\':escapeExpr(__t))+\n\''; - } - if (interpolate) { - source += '\'+\n((__t=(' + interpolate + '))==null?\'\':__t)+\n\''; - } - if (evaluate) { - source += '\';\n' + evaluate + '\n__p+=\''; - } - index = offset + match.length; - return match; - }); - source += '\';\n'; + var _this = (0, _possibleConstructorReturn3.default)(this, _UIObject.call(this, options)); - // If a variable is not specified, place data values in local scope. - if (!settings.variable) { - source = 'with(obj||{}){\n' + source + '}\n'; + _this.settings = {}; + _this._i18n = i18n; + return _this; } - source = 'var __t,__p=\'\',__j=Array.prototype.join,' + 'print=function(){__p+=__j.call(arguments,\'\');};\n' + source + 'return __p;\n//# sourceURL=/microtemplates/source[' + counter++ + ']'; + /** + * Gives user consent to playback (mobile devices). + * @method consent + */ - try { - /*jshint -W054 */ - // TODO: find a way to avoid eval - render = new Function(settings.variable || 'obj', 'escapeExpr', source); - } catch (e) { - e.source = source; - throw e; - } - if (data) { - return render(data, escapeExpr); - } - var template = function template(data) { - return render.call(this, data, escapeExpr); - }; + Playback.prototype.consent = function consent() {}; - // Provide the compiled function source as a convenience for precompilation. - template.source = 'function(' + (settings.variable || 'obj') + '){\n' + source + '}'; + /** + * plays the playback. + * @method play + */ - return template; -}; -tmpl.settings = settings; -module.exports = tmpl; + Playback.prototype.play = function play() {}; -/***/ }), -/* 6 */ -/***/ (function(module, exports, __webpack_require__) { + /** + * pauses the playback. + * @method pause + */ -/* WEBPACK VAR INJECTION */(function(Buffer) {/* - MIT License http://www.opensource.org/licenses/mit-license.php - Author Tobias Koppers @sokra -*/ -// css base code, injected by the css-loader -module.exports = function(useSourceMap) { - var list = []; - // return the list of modules as css string - list.toString = function toString() { - return this.map(function (item) { - var content = cssWithMappingToString(item, useSourceMap); - if(item[2]) { - return "@media " + item[2] + "{" + content + "}"; - } else { - return content; - } - }).join(""); - }; + Playback.prototype.pause = function pause() {}; - // import a list of modules into the list - list.i = function(modules, mediaQuery) { - if(typeof modules === "string") - modules = [[null, modules, ""]]; - var alreadyImportedModules = {}; - for(var i = 0; i < this.length; i++) { - var id = this[i][0]; - if(typeof id === "number") - alreadyImportedModules[id] = true; - } - for(i = 0; i < modules.length; i++) { - var item = modules[i]; - // skip already imported module - // this implementation is not 100% perfect for weird media query combinations - // when a module is imported multiple times with different media queries. - // I hope this will never occur (Hey this way we have smaller bundles) - if(typeof item[0] !== "number" || !alreadyImportedModules[item[0]]) { - if(mediaQuery && !item[2]) { - item[2] = mediaQuery; - } else if(mediaQuery) { - item[2] = "(" + item[2] + ") and (" + mediaQuery + ")"; - } - list.push(item); - } - } - }; - return list; -}; + /** + * stops the playback. + * @method stop + */ -function cssWithMappingToString(item, useSourceMap) { - var content = item[1] || ''; - var cssMapping = item[3]; - if (!cssMapping) { - return content; - } - if (useSourceMap) { - var sourceMapping = toComment(cssMapping); - var sourceURLs = cssMapping.sources.map(function (source) { - return '/*# sourceURL=' + cssMapping.sourceRoot + source + ' */' - }); + Playback.prototype.stop = function stop() {}; - return [content].concat(sourceURLs).concat([sourceMapping]).join('\n'); - } + /** + * seeks the playback to a given `time` in seconds + * @method seek + * @param {Number} time should be a number between 0 and the video duration + */ - return [content].join('\n'); -} -// Adapted from convert-source-map (MIT) -function toComment(sourceMap) { - var base64 = new Buffer(JSON.stringify(sourceMap)).toString('base64'); - var data = 'sourceMappingURL=data:application/json;charset=utf-8;base64,' + base64; + Playback.prototype.seek = function seek(time) {}; // eslint-disable-line no-unused-vars - return '/*# ' + data + ' */'; -} + /** + * seeks the playback to a given `percentage` in percentage + * @method seekPercentage + * @param {Number} time should be a number between 0 and 100 + */ -/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(80).Buffer)) -/***/ }), -/* 7 */ -/***/ (function(module, exports, __webpack_require__) { + Playback.prototype.seekPercentage = function seekPercentage(percentage) {}; // eslint-disable-line no-unused-vars -"use strict"; + /** + * 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. + */ -Object.defineProperty(exports, "__esModule", { - value: true -}); -// 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 Browser = {}; - -var hasLocalstorage = function hasLocalstorage() { - try { - localStorage.setItem('clappr', 'clappr'); - localStorage.removeItem('clappr'); - return true; - } catch (e) { - return false; - } -}; - -var hasFlash = function hasFlash() { - try { - var fo = new ActiveXObject('ShockwaveFlash.ShockwaveFlash'); - return !!fo; - } catch (e) { - return !!(navigator.mimeTypes && navigator.mimeTypes['application/x-shockwave-flash'] !== undefined && navigator.mimeTypes['application/x-shockwave-flash'].enabledPlugin); - } -}; - -var getBrowserInfo = function getBrowserInfo() { - var ua = navigator.userAgent; - var parts = ua.match(/\b(playstation 4|nx|opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || [], - extra = void 0; - if (/trident/i.test(parts[1])) { - extra = /\brv[ :]+(\d+)/g.exec(ua) || []; - return { name: 'IE', version: parseInt(extra[1] || '') }; - } else if (parts[1] === 'Chrome') { - extra = ua.match(/\bOPR\/(\d+)/); - if (extra != null) { - return { name: 'Opera', version: parseInt(extra[1]) }; - } - } - parts = parts[2] ? [parts[1], parts[2]] : [navigator.appName, navigator.appVersion, '-?']; - if (extra = ua.match(/version\/(\d+)/i)) { - parts.splice(1, 1, extra[1]); - } - return { name: parts[0], version: parseInt(parts[1]) }; -}; + Playback.prototype.getStartTimeOffset = function getStartTimeOffset() { + return 0; + }; -var browserInfo = getBrowserInfo(); + /** + * gets the duration in seconds + * @method getDuration + * @return {Number} duration (in seconds) of the current source + */ -Browser.isSafari = /safari/i.test(navigator.userAgent) && navigator.userAgent.indexOf('Chrome') === -1; -Browser.isChrome = /chrome/i.test(navigator.userAgent) || /CriOS/i.test(navigator.userAgent); -Browser.isFirefox = /firefox/i.test(navigator.userAgent); -Browser.isLegacyIE = !!window.ActiveXObject; -Browser.isIE = Browser.isLegacyIE || /trident.*rv:1\d/i.test(navigator.userAgent); -Browser.isIE11 = /trident.*rv:11/i.test(navigator.userAgent); -Browser.isChromecast = Browser.isChrome && /CrKey/i.test(navigator.userAgent); -Browser.isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|Windows Phone|IEMobile|Opera Mini/i.test(navigator.userAgent); -Browser.isiOS = /iPad|iPhone|iPod/i.test(navigator.userAgent); -Browser.isAndroid = /Android/i.test(navigator.userAgent); -Browser.isWindowsPhone = /Windows Phone/i.test(navigator.userAgent); -Browser.isWin8App = /MSAppHost/i.test(navigator.userAgent); -Browser.isWiiU = /WiiU/i.test(navigator.userAgent); -Browser.isPS4 = /PlayStation 4/i.test(navigator.userAgent); -Browser.hasLocalstorage = hasLocalstorage(); -Browser.hasFlash = hasFlash(); -Browser.name = browserInfo.name; -Browser.version = browserInfo.version; + Playback.prototype.getDuration = function getDuration() { + return 0; + }; -exports.default = Browser; -module.exports = exports['default']; + /** + * checks if the playback is playing. + * @method isPlaying + * @return {Boolean} `true` if the current playback is playing, otherwise `false` + */ -/***/ }), -/* 8 */ -/***/ (function(module, exports, __webpack_require__) { -"use strict"; + Playback.prototype.isPlaying = function isPlaying() { + return false; + }; + /** + * checks if the playback is ready. + * @property isReady + * @type {Boolean} `true` if the current playback is ready, otherwise `false` + */ -Object.defineProperty(exports, "__esModule", { - value: true -}); -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); + /** + * gets the playback type (`'vod', 'live', 'aod'`) + * @method getPlaybackType + * @return {String} you should write the playback type otherwise it'll assume `'no_op'` + * @example + * ```javascript + * html5VideoPlayback.getPlaybackType() //vod + * html5AudioPlayback.getPlaybackType() //aod + * html5VideoPlayback.getPlaybackType() //live + * flashHlsPlayback.getPlaybackType() //live + * ``` + */ + Playback.prototype.getPlaybackType = function getPlaybackType() { + return Playback.NO_OP; + }; -var _utils = __webpack_require__(1); + /** + * checks if the playback is in HD. + * @method isHighDefinitionInUse + * @return {Boolean} `true` if the playback is playing in HD, otherwise `false` + */ -var _events = __webpack_require__(0); -var _events2 = _interopRequireDefault(_events); + Playback.prototype.isHighDefinitionInUse = function isHighDefinitionInUse() { + return false; + }; -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + /** + * sets the volume for the playback + * @method volume + * @param {Number} value a number between 0 (`muted`) to 100 (`max`) + */ -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } -function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } + Playback.prototype.volume = function volume(value) {}; // eslint-disable-line no-unused-vars -function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // 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. + /** + * destroys the playback, removing it from DOM + * @method destroy + */ -/** - * @class BaseObject - * @constructor - * @extends Events - * @module base - */ -var BaseObject = function (_Events) { - _inherits(BaseObject, _Events); - _createClass(BaseObject, [{ - key: 'options', + Playback.prototype.destroy = function destroy() { + this.$el.remove(); + }; - /** - * returns the object options - * @property options - * @type Object - */ + (0, _createClass3.default)(Playback, [{ + key: 'isReady', get: function get() { - return this._options; + return false; } - - /** - * @method constructor - * @param {Object} options - */ - }]); + return Playback; +}(_ui_object2.default); - function BaseObject() { - var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; - - _classCallCheck(this, BaseObject); - - var _this = _possibleConstructorReturn(this, _Events.call(this, options)); +exports.default = Playback; - _this._options = options; - _this.uniqueId = (0, _utils.uniqueId)('o'); - return _this; - } - /** - * a unique id prefixed with `'o'`, `o1, o232` - * - * @property uniqueId - * @type String - */ +Playback.extend = function (properties) { + return (0, _utils.extend)(Playback, properties); +}; - return BaseObject; -}(_events2.default); +/** + * checks if the playback can play a given `source` + * If a mimeType is provided then this will be used instead of inferring the mimetype + * from the source extension. + * @method canPlay + * @static + * @param {String} source the given source ex: `http://example.com/play.mp4` + * @param {String} [mimeType] the given mime type, ex: `'application/vnd.apple.mpegurl'` + * @return {Boolean} `true` if the playback is playable, otherwise `false` + */ +Playback.canPlay = function (source, mimeType) { + // eslint-disable-line no-unused-vars + return false; +}; -exports.default = BaseObject; +/** + * a playback type for video on demand + * + * @property VOD + * @static + * @type String + */ +Playback.VOD = 'vod'; +/** + * a playback type for audio on demand + * + * @property AOD + * @static + * @type String + */ +Playback.AOD = 'aod'; +/** + * a playback type for live video + * + * @property LIVE + * @static + * @type String + */ +Playback.LIVE = 'live'; +/** + * a default playback type + * + * @property NO_OP + * @static + * @type String + */ +Playback.NO_OP = 'no_op'; +/** + * the plugin type + * + * @property type + * @static + * @type String + */ +Playback.type = 'playback'; module.exports = exports['default']; /***/ }), -/* 9 */ +/* 8 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; @@ -3882,353 +3651,353 @@ Object.defineProperty(exports, "__esModule", { value: true }); -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); - -var _utils = __webpack_require__(1); - -var _clapprZepto = __webpack_require__(3); +var _clapprZepto = __webpack_require__(6); var _clapprZepto2 = _interopRequireDefault(_clapprZepto); -var _lodash = __webpack_require__(107); - -var _lodash2 = _interopRequireDefault(_lodash); - -var _base_object = __webpack_require__(8); +var _template = __webpack_require__(9); -var _base_object2 = _interopRequireDefault(_base_object); +var _template2 = _interopRequireDefault(_template); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - -function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } - -function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // Copyright 2014 Globo.com Player authors. All rights reserved. +// 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 delegateEventSplitter = /^(\S+)\s*(.*)$/; +var Styler = { + getStyleFor: function getStyleFor(style) { + var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : { baseUrl: '' }; -/** - * A base class to create ui object. - * @class UIObject - * @constructor - * @extends BaseObject - * @module base - */ + return (0, _clapprZepto2.default)('').html((0, _template2.default)(style.toString())(options)); + } +}; -var UIObject = function (_BaseObject) { - _inherits(UIObject, _BaseObject); +exports.default = Styler; +module.exports = exports['default']; - _createClass(UIObject, [{ - key: 'tagName', +/***/ }), +/* 9 */ +/***/ (function(module, exports, __webpack_require__) { - /** - * a unique id prefixed with `'c'`, `c1, c232` - * - * @property cid - * @type String - */ - /** - * the dom element itself - * - * @property el - * @type HTMLElement - */ - /** - * the dom element wrapped by `$` - * - * @property $el - * @type HTMLElement - */ +"use strict"; - /** - * gets the tag name for the ui component - * @method tagName - * @default div - * @return {String} tag's name - */ - get: function get() { - return 'div'; - } - /** - * a literal object mapping element's events to methods - * @property events - * @type Object - * @example - * - *```javascript - * - * class MyButton extends UIObject { - * constructor(options) { - * super(options) - * this.myId = 0 - * } - * get events() { return { 'click': 'myClick' } } - * myClick(){ this.myId = 42 } - * } - * - * // when you click on MyButton the method `myClick` will be called - *``` - */ - }, { - key: 'events', - get: function get() { - return {}; - } - /** - * a literal object mapping attributes and values to the element - * element's attribute name and the value the attribute value - * @property attributes - * @type Object - * @example - * - *```javascript - * - * class MyButton extends UIObject { - * constructor(options) { super(options) } - * get attributes() { return { class: 'my-button'} } - * } - * - * // MyButton.el.className will be 'my-button' - * ``` - */ +Object.defineProperty(exports, "__esModule", { + value: true +}); +/* eslint-disable no-var */ +// Simple JavaScript Templating +// Paul Miller (http://paulmillr.com) +// http://underscorejs.org +// (c) 2009-2013 Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors - }, { - key: 'attributes', - get: function get() { - return {}; - } +// By default, Underscore uses ERB-style template delimiters, change the +// following template settings to use alternative delimiters. +var settings = { + evaluate: /<%([\s\S]+?)%>/g, + interpolate: /<%=([\s\S]+?)%>/g, + escape: /<%-([\s\S]+?)%>/g +}; - /** - * it builds an ui component by: - * * creating an id for the component `cid` - * * making sure the element is created `$el` - * * delegating all `events` to the element - * @method constructor - * @param {Object} options the options object - */ +// When customizing `templateSettings`, if you don't want to define an +// interpolation, evaluation or escaping regex, we need one that is +// guaranteed not to match. +var noMatch = /(.)^/; - }]); +// Certain characters need to be escaped so that they can be put into a +// string literal. +var escapes = { + '\'': '\'', + '\\': '\\', + '\r': 'r', + '\n': 'n', + '\t': 't', + '\u2028': 'u2028', + '\u2029': 'u2029' +}; - function UIObject(options) { - _classCallCheck(this, UIObject); +var escaper = /\\|'|\r|\n|\t|\u2028|\u2029/g; - var _this = _possibleConstructorReturn(this, _BaseObject.call(this, options)); +// List of HTML entities for escaping. +var htmlEntities = { + '&': '&', + '<': '<', + '>': '>', + '"': '"', + '\'': ''' +}; - _this.cid = (0, _utils.uniqueId)('c'); - _this._ensureElement(); - _this.delegateEvents(); - return _this; +var entityRe = new RegExp('[&<>"\']', 'g'); + +var escapeExpr = function escapeExpr(string) { + if (string === null) { + return ''; } + return ('' + string).replace(entityRe, function (match) { + return htmlEntities[match]; + }); +}; - /** - * selects within the component. - * @method $ - * @param {String} selector a selector to find within the component. - * @return {HTMLElement} an element, if it exists. - * @example - * ```javascript - * fullScreenBarUIComponent.$('.button-full') //will return only `.button-full` within the component - * ``` - */ +var counter = 0; +// JavaScript micro-templating, similar to John Resig's implementation. +// Underscore templating handles arbitrary delimiters, preserves whitespace, +// and correctly escapes quotes within interpolated code. +var tmpl = function tmpl(text, data) { + var render; - UIObject.prototype.$ = function $(selector) { - return this.$el.find(selector); - }; + // Combine delimiters into one regular expression via alternation. + var matcher = new RegExp([(settings.escape || noMatch).source, (settings.interpolate || noMatch).source, (settings.evaluate || noMatch).source].join('|') + '|$', 'g'); - /** - * render the component, usually attach it to a real existent `element` - * @method render - * @return {UIObject} itself - */ + // Compile the template source, escaping string literals appropriately. + var index = 0; + var source = '__p+=\''; + text.replace(matcher, function (match, escape, interpolate, evaluate, offset) { + source += text.slice(index, offset).replace(escaper, function (match) { + return '\\' + escapes[match]; + }); + if (escape) { + source += '\'+\n((__t=(' + escape + '))==null?\'\':escapeExpr(__t))+\n\''; + } + if (interpolate) { + source += '\'+\n((__t=(' + interpolate + '))==null?\'\':__t)+\n\''; + } + if (evaluate) { + source += '\';\n' + evaluate + '\n__p+=\''; + } + index = offset + match.length; + return match; + }); + source += '\';\n'; - UIObject.prototype.render = function render() { - return this; - }; + // If a variable is not specified, place data values in local scope. + if (!settings.variable) { + source = 'with(obj||{}){\n' + source + '}\n'; + } - /** - * removes the ui component from DOM - * @method remove - * @return {UIObject} itself - */ + source = 'var __t,__p=\'\',__j=Array.prototype.join,' + 'print=function(){__p+=__j.call(arguments,\'\');};\n' + source + 'return __p;\n//# sourceURL=/microtemplates/source[' + counter++ + ']'; + try { + /*jshint -W054 */ + // TODO: find a way to avoid eval + render = new Function(settings.variable || 'obj', 'escapeExpr', source); + } catch (e) { + e.source = source; + throw e; + } - UIObject.prototype.remove = function remove() { - this.$el.remove(); - this.stopListening(); - this.undelegateEvents(); - return this; + if (data) { + return render(data, escapeExpr); + } + var template = function template(data) { + return render.call(this, data, escapeExpr); }; - /** - * set element to `el` and `$el` - * @method setElement - * @param {HTMLElement} element - * @param {Boolean} delegate whether is delegate or not - * @return {UIObject} itself - */ + // Provide the compiled function source as a convenience for precompilation. + template.source = 'function(' + (settings.variable || 'obj') + '){\n' + source + '}'; + return template; +}; +tmpl.settings = settings; - UIObject.prototype.setElement = function setElement(element, delegate) { - if (this.$el) { - this.undelegateEvents(); - } - this.$el = element instanceof _clapprZepto2.default ? element : (0, _clapprZepto2.default)(element); - this.el = this.$el[0]; - if (delegate !== false) { - this.delegateEvents(); - } - return this; - }; +exports.default = tmpl; +module.exports = exports['default']; - /** - * delegates all the original `events` on `element` to its callbacks - * @method delegateEvents - * @param {Object} events - * @return {UIObject} itself - */ +/***/ }), +/* 10 */ +/***/ (function(module, exports) { +var core = module.exports = {version: '2.4.0'}; +if(typeof __e == 'number')__e = core; // eslint-disable-line no-undef - UIObject.prototype.delegateEvents = function delegateEvents(events) { - if (!(events || (events = (0, _lodash2.default)(this, 'events')))) { - return this; - } - this.undelegateEvents(); - for (var key in events) { - var method = events[key]; - if (method && method.constructor !== Function) { - method = this[events[key]]; - } - if (!method) { - continue; - } +/***/ }), +/* 11 */ +/***/ (function(module, exports) { - var match = key.match(delegateEventSplitter); - var eventName = match[1], - selector = match[2]; - //method = _.bind(method, this) - eventName += '.delegateEvents' + this.cid; - if (selector === '') { - this.$el.on(eventName, method.bind(this)); - } else { - this.$el.on(eventName, selector, method.bind(this)); - } - } - return this; - }; +/* + MIT License http://www.opensource.org/licenses/mit-license.php + Author Tobias Koppers @sokra +*/ +// css base code, injected by the css-loader +module.exports = function(useSourceMap) { + var list = []; - /** - * undelegats all the `events` - * @method undelegateEvents - * @return {UIObject} itself - */ + // return the list of modules as css string + list.toString = function toString() { + return this.map(function (item) { + var content = cssWithMappingToString(item, useSourceMap); + if(item[2]) { + return "@media " + item[2] + "{" + content + "}"; + } else { + return content; + } + }).join(""); + }; + + // import a list of modules into the list + list.i = function(modules, mediaQuery) { + if(typeof modules === "string") + modules = [[null, modules, ""]]; + var alreadyImportedModules = {}; + for(var i = 0; i < this.length; i++) { + var id = this[i][0]; + if(typeof id === "number") + alreadyImportedModules[id] = true; + } + for(i = 0; i < modules.length; i++) { + var item = modules[i]; + // skip already imported module + // this implementation is not 100% perfect for weird media query combinations + // when a module is imported multiple times with different media queries. + // I hope this will never occur (Hey this way we have smaller bundles) + if(typeof item[0] !== "number" || !alreadyImportedModules[item[0]]) { + if(mediaQuery && !item[2]) { + item[2] = mediaQuery; + } else if(mediaQuery) { + item[2] = "(" + item[2] + ") and (" + mediaQuery + ")"; + } + list.push(item); + } + } + }; + return list; +}; +function cssWithMappingToString(item, useSourceMap) { + var content = item[1] || ''; + var cssMapping = item[3]; + if (!cssMapping) { + return content; + } - UIObject.prototype.undelegateEvents = function undelegateEvents() { - this.$el.off('.delegateEvents' + this.cid); - return this; - }; + if (useSourceMap && typeof btoa === 'function') { + var sourceMapping = toComment(cssMapping); + var sourceURLs = cssMapping.sources.map(function (source) { + return '/*# sourceURL=' + cssMapping.sourceRoot + source + ' */' + }); - /** - * ensures the creation of this ui component - * @method _ensureElement - * @private - */ + return [content].concat(sourceURLs).concat([sourceMapping]).join('\n'); + } + return [content].join('\n'); +} - UIObject.prototype._ensureElement = function _ensureElement() { - if (!this.el) { - var attrs = _clapprZepto2.default.extend({}, (0, _lodash2.default)(this, 'attributes')); - if (this.id) { - attrs.id = (0, _lodash2.default)(this, 'id'); - } - if (this.className) { - attrs['class'] = (0, _lodash2.default)(this, 'className'); - } - var $el = _utils.DomRecycler.create((0, _lodash2.default)(this, 'tagName')).attr(attrs); - this.setElement($el, false); - } else { - this.setElement((0, _lodash2.default)(this, 'el'), false); - } - }; +// Adapted from convert-source-map (MIT) +function toComment(sourceMap) { + // eslint-disable-next-line no-undef + var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))); + var data = 'sourceMappingURL=data:application/json;charset=utf-8;base64,' + base64; - return UIObject; -}(_base_object2.default); + return '/*# ' + data + ' */'; +} -exports.default = UIObject; -module.exports = exports['default']; /***/ }), -/* 10 */ +/* 12 */ /***/ (function(module, exports, __webpack_require__) { -"use strict"; +var store = __webpack_require__(52)('wks') + , uid = __webpack_require__(37) + , Symbol = __webpack_require__(15).Symbol + , USE_SYMBOL = typeof Symbol == 'function'; +var $exports = module.exports = function(name){ + return store[name] || (store[name] = + USE_SYMBOL && Symbol[name] || (USE_SYMBOL ? Symbol : uid)('Symbol.' + name)); +}; -Object.defineProperty(exports, "__esModule", { - value: true -}); +$exports.store = store; -var _events = __webpack_require__(0); +/***/ }), +/* 13 */ +/***/ (function(module, exports, __webpack_require__) { -var _events2 = _interopRequireDefault(_events); +"use strict"; -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } // Copyright 2014 Globo.com Player authors. All rights reserved. +Object.defineProperty(exports, "__esModule", { + value: true +}); +// 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 mediator is a singleton for handling global events. - */ - -var events = new _events2.default(); +var Browser = {}; -var Mediator = function Mediator() { - _classCallCheck(this, Mediator); +var hasLocalstorage = function hasLocalstorage() { + try { + localStorage.setItem('clappr', 'clappr'); + localStorage.removeItem('clappr'); + return true; + } catch (e) { + return false; + } }; -exports.default = Mediator; - - -Mediator.on = function (name, callback, context) { - events.on(name, callback, context); - return; +var hasFlash = function hasFlash() { + try { + var fo = new ActiveXObject('ShockwaveFlash.ShockwaveFlash'); + return !!fo; + } catch (e) { + return !!(navigator.mimeTypes && navigator.mimeTypes['application/x-shockwave-flash'] !== undefined && navigator.mimeTypes['application/x-shockwave-flash'].enabledPlugin); + } }; -Mediator.once = function (name, callback, context) { - events.once(name, callback, context); - return; -}; +var getBrowserInfo = function getBrowserInfo() { + var ua = navigator.userAgent; + var parts = ua.match(/\b(playstation 4|nx|opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || [], + extra = void 0; + if (/trident/i.test(parts[1])) { + extra = /\brv[ :]+(\d+)/g.exec(ua) || []; + return { name: 'IE', version: parseInt(extra[1] || '') }; + } else if (parts[1] === 'Chrome') { + extra = ua.match(/\bOPR\/(\d+)/); + if (extra != null) { + return { name: 'Opera', version: parseInt(extra[1]) }; + } + extra = ua.match(/\bEdge\/(\d+)/); + if (extra != null) { + return { name: 'Edge', version: parseInt(extra[1]) }; + } + } + parts = parts[2] ? [parts[1], parts[2]] : [navigator.appName, navigator.appVersion, '-?']; -Mediator.off = function (name, callback, context) { - events.off(name, callback, context); - return; + if (extra = ua.match(/version\/(\d+)/i)) { + parts.splice(1, 1, extra[1]); + } + return { name: parts[0], version: parseInt(parts[1]) }; }; -Mediator.trigger = function (name) { - for (var _len = arguments.length, opts = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) { - opts[_key - 1] = arguments[_key]; - } +var browserInfo = getBrowserInfo(); - events.trigger.apply(events, [name].concat(opts)); - return; -}; +Browser.isEdge = /edge/i.test(navigator.userAgent); +Browser.isChrome = /chrome|CriOS/i.test(navigator.userAgent) && !Browser.isEdge; +Browser.isSafari = /safari/i.test(navigator.userAgent) && !Browser.isChrome; +Browser.isFirefox = /firefox/i.test(navigator.userAgent); +Browser.isLegacyIE = !!window.ActiveXObject; +Browser.isIE = Browser.isLegacyIE || /trident.*rv:1\d/i.test(navigator.userAgent); +Browser.isIE11 = /trident.*rv:11/i.test(navigator.userAgent); +Browser.isChromecast = Browser.isChrome && /CrKey/i.test(navigator.userAgent); +Browser.isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|Windows Phone|IEMobile|Mobile Safari|Opera Mini/i.test(navigator.userAgent); +Browser.isiOS = /iPad|iPhone|iPod/i.test(navigator.userAgent); +Browser.isAndroid = /Android/i.test(navigator.userAgent); +Browser.isWindowsPhone = /Windows Phone/i.test(navigator.userAgent); +Browser.isWin8App = /MSAppHost/i.test(navigator.userAgent); +Browser.isWiiU = /WiiU/i.test(navigator.userAgent); +Browser.isPS4 = /PlayStation 4/i.test(navigator.userAgent); +Browser.hasLocalstorage = hasLocalstorage(); +Browser.hasFlash = hasFlash(); -Mediator.stopListening = function (obj, name, callback) { - events.stopListening(obj, name, callback); - return; -}; +Browser.name = browserInfo.name; +Browser.version = browserInfo.version; + +exports.default = Browser; module.exports = exports['default']; /***/ }), -/* 11 */ +/* 14 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; @@ -4238,100 +4007,128 @@ Object.defineProperty(exports, "__esModule", { value: true }); -var _utils = __webpack_require__(1); +var _classCallCheck2 = __webpack_require__(0); -var _base_object = __webpack_require__(8); +var _classCallCheck3 = _interopRequireDefault(_classCallCheck2); -var _base_object2 = _interopRequireDefault(_base_object); +var _possibleConstructorReturn2 = __webpack_require__(2); -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } +var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2); -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } +var _createClass2 = __webpack_require__(3); -function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } +var _createClass3 = _interopRequireDefault(_createClass2); -function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } +var _inherits2 = __webpack_require__(1); -var CorePlugin = function (_BaseObject) { - _inherits(CorePlugin, _BaseObject); +var _inherits3 = _interopRequireDefault(_inherits2); - function CorePlugin(core) { - _classCallCheck(this, CorePlugin); +var _utils = __webpack_require__(5); - var _this = _possibleConstructorReturn(this, _BaseObject.call(this, core.options)); +var _events = __webpack_require__(4); - _this.core = core; - _this.enabled = true; - _this.bindEvents(); - return _this; - } +var _events2 = _interopRequireDefault(_events); - CorePlugin.prototype.bindEvents = function bindEvents() {}; +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - CorePlugin.prototype.enable = function enable() { - if (!this.enabled) { - this.bindEvents(); - this.enabled = true; - } - }; +/** + * @class BaseObject + * @constructor + * @extends Events + * @module base + */ +// 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. - CorePlugin.prototype.disable = function disable() { - if (this.enabled) { - this.stopListening(); - this.enabled = false; +var BaseObject = function (_Events) { + (0, _inherits3.default)(BaseObject, _Events); + (0, _createClass3.default)(BaseObject, [{ + key: 'options', + + /** + * returns the object options + * @property options + * @type Object + */ + get: function get() { + return this._options; } - }; - CorePlugin.prototype.getExternalInterface = function getExternalInterface() { - return {}; - }; + /** + * @method constructor + * @param {Object} options + */ - CorePlugin.prototype.destroy = function destroy() { - this.stopListening(); - }; + }]); - return CorePlugin; -}(_base_object2.default); + function BaseObject() { + var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; + (0, _classCallCheck3.default)(this, BaseObject); -exports.default = CorePlugin; + var _this = (0, _possibleConstructorReturn3.default)(this, _Events.call(this, options)); + + _this._options = options; + _this.uniqueId = (0, _utils.uniqueId)('o'); + return _this; + } + /** + * a unique id prefixed with `'o'`, `o1, o232` + * + * @property uniqueId + * @type String + */ -CorePlugin.extend = function (properties) { - return (0, _utils.extend)(CorePlugin, properties); -}; + return BaseObject; +}(_events2.default); -CorePlugin.type = 'core'; +exports.default = BaseObject; module.exports = exports['default']; /***/ }), -/* 12 */ +/* 15 */ /***/ (function(module, exports) { -var g; - -// This works in non-strict mode -g = (function() { - return this; -})(); - -try { - // This works if eval is allowed (see CSP) - g = g || Function("return this")() || (1,eval)("this"); -} catch(e) { - // This works if the window reference is available - if(typeof window === "object") - g = window; -} - -// g can still be undefined, but nothing to do about it... -// We return undefined, instead of nothing here, so it's -// easier to handle this case. if(!global) { ...} - -module.exports = g; +// https://github.com/zloirock/core-js/issues/86#issuecomment-115759028 +var global = module.exports = typeof window != 'undefined' && window.Math == Math + ? window : typeof self != 'undefined' && self.Math == Math ? self : Function('return this')(); +if(typeof __g == 'number')__g = global; // eslint-disable-line no-undef + +/***/ }), +/* 16 */ +/***/ (function(module, exports, __webpack_require__) { +var anObject = __webpack_require__(23) + , IE8_DOM_DEFINE = __webpack_require__(75) + , toPrimitive = __webpack_require__(55) + , dP = Object.defineProperty; + +exports.f = __webpack_require__(19) ? Object.defineProperty : function defineProperty(O, P, Attributes){ + anObject(O); + P = toPrimitive(P, true); + anObject(Attributes); + if(IE8_DOM_DEFINE)try { + return dP(O, P, Attributes); + } catch(e){ /* empty */ } + if('get' in Attributes || 'set' in Attributes)throw TypeError('Accessors not supported!'); + if('value' in Attributes)O[P] = Attributes.value; + return O; +}; /***/ }), -/* 13 */ +/* 17 */ +/***/ (function(module, exports, __webpack_require__) { + +// to indexed object, toObject with fallback for non-array-like ES3 strings +var IObject = __webpack_require__(149) + , defined = __webpack_require__(44); +module.exports = function(it){ + return IObject(defined(it)); +}; + +/***/ }), +/* 18 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; @@ -4341,157 +4138,376 @@ Object.defineProperty(exports, "__esModule", { value: true }); -var _base_object = __webpack_require__(8); +var _classCallCheck2 = __webpack_require__(0); -var _base_object2 = _interopRequireDefault(_base_object); +var _classCallCheck3 = _interopRequireDefault(_classCallCheck2); -var _utils = __webpack_require__(1); +var _possibleConstructorReturn2 = __webpack_require__(2); -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } +var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2); -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } +var _createClass2 = __webpack_require__(3); -function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } +var _createClass3 = _interopRequireDefault(_createClass2); -function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } +var _inherits2 = __webpack_require__(1); + +var _inherits3 = _interopRequireDefault(_inherits2); + +var _clapprZepto = __webpack_require__(6); + +var _clapprZepto2 = _interopRequireDefault(_clapprZepto); + +var _utils = __webpack_require__(5); + +var _base_object = __webpack_require__(14); + +var _base_object2 = _interopRequireDefault(_base_object); + +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + +var delegateEventSplitter = /^(\S+)\s*(.*)$/; /** - * The base class for a container plugin - * @class ContainerPlugin + * A base class to create ui object. + * @class UIObject * @constructor - * @extends UIObject + * @extends BaseObject * @module base */ -var ContainerPlugin = function (_BaseObject) { - _inherits(ContainerPlugin, _BaseObject); - - function ContainerPlugin(container) { - _classCallCheck(this, ContainerPlugin); +// 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 _this = _possibleConstructorReturn(this, _BaseObject.call(this, container.options)); +var UIObject = function (_BaseObject) { + (0, _inherits3.default)(UIObject, _BaseObject); + (0, _createClass3.default)(UIObject, [{ + key: 'tagName', - _this.container = container; - _this.enabled = true; - _this.bindEvents(); - return _this; - } + /** + * a unique id prefixed with `'c'`, `c1, c232` + * + * @property cid + * @type String + */ + /** + * the dom element itself + * + * @property el + * @type HTMLElement + */ + /** + * the dom element wrapped by `$` + * + * @property $el + * @type HTMLElement + */ - ContainerPlugin.prototype.enable = function enable() { - if (!this.enabled) { - this.bindEvents(); - this.enabled = true; + /** + * gets the tag name for the ui component + * @method tagName + * @default div + * @return {String} tag's name + */ + get: function get() { + return 'div'; } - }; + /** + * a literal object mapping element's events to methods + * @property events + * @type Object + * @example + * + *```javascript + * + * class MyButton extends UIObject { + * constructor(options) { + * super(options) + * this.myId = 0 + * } + * get events() { return { 'click': 'myClick' } } + * myClick(){ this.myId = 42 } + * } + * + * // when you click on MyButton the method `myClick` will be called + *``` + */ - ContainerPlugin.prototype.disable = function disable() { - if (this.enabled) { - this.stopListening(); - this.enabled = false; + }, { + key: 'events', + get: function get() { + return {}; } - }; - - ContainerPlugin.prototype.bindEvents = function bindEvents() {}; - - ContainerPlugin.prototype.destroy = function destroy() { - this.stopListening(); - }; + /** + * a literal object mapping attributes and values to the element + * element's attribute name and the value the attribute value + * @property attributes + * @type Object + * @example + * + *```javascript + * + * class MyButton extends UIObject { + * constructor(options) { super(options) } + * get attributes() { return { class: 'my-button'} } + * } + * + * // MyButton.el.className will be 'my-button' + * ``` + */ - return ContainerPlugin; -}(_base_object2.default); + }, { + key: 'attributes', + get: function get() { + return {}; + } -exports.default = ContainerPlugin; + /** + * it builds an ui component by: + * * creating an id for the component `cid` + * * making sure the element is created `$el` + * * delegating all `events` to the element + * @method constructor + * @param {Object} options the options object + */ + }]); -ContainerPlugin.extend = function (properties) { - return (0, _utils.extend)(ContainerPlugin, properties); -}; + function UIObject(options) { + (0, _classCallCheck3.default)(this, UIObject); -ContainerPlugin.type = 'container'; -module.exports = exports['default']; + var _this = (0, _possibleConstructorReturn3.default)(this, _BaseObject.call(this, options)); -/***/ }), -/* 14 */ -/***/ (function(module, exports, __webpack_require__) { + _this.cid = (0, _utils.uniqueId)('c'); + _this._ensureElement(); + _this.delegateEvents(); + return _this; + } -"use strict"; + /** + * selects within the component. + * @method $ + * @param {String} selector a selector to find within the component. + * @return {HTMLElement} an element, if it exists. + * @example + * ```javascript + * fullScreenBarUIComponent.$('.button-full') //will return only `.button-full` within the component + * ``` + */ -Object.defineProperty(exports, "__esModule", { - value: true -}); + UIObject.prototype.$ = function $(selector) { + return this.$el.find(selector); + }; -var _utils = __webpack_require__(1); + /** + * render the component, usually attach it to a real existent `element` + * @method render + * @return {UIObject} itself + */ -var _ui_object = __webpack_require__(9); -var _ui_object2 = _interopRequireDefault(_ui_object); + UIObject.prototype.render = function render() { + return this; + }; -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + /** + * removes the ui component from DOM + * @method remove + * @return {UIObject} itself + */ -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } -function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } + UIObject.prototype.remove = function remove() { + this.$el.remove(); + this.stopListening(); + this.undelegateEvents(); + return this; + }; -function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // 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. + /** + * set element to `el` and `$el` + * @method setElement + * @param {HTMLElement} element + * @param {Boolean} delegate whether is delegate or not + * @return {UIObject} itself + */ -/** - * The base class for an ui container plugin - * @class UIContainerPlugin - * @constructor - * @extends UIObject - * @module base - */ -var UIContainerPlugin = function (_UIObject) { - _inherits(UIContainerPlugin, _UIObject); - function UIContainerPlugin(container) { - _classCallCheck(this, UIContainerPlugin); + UIObject.prototype.setElement = function setElement(element, delegate) { + if (this.$el) { + this.undelegateEvents(); + } + this.$el = element instanceof _clapprZepto2.default ? element : (0, _clapprZepto2.default)(element); + this.el = this.$el[0]; + if (delegate !== false) { + this.delegateEvents(); + } + return this; + }; + + /** + * delegates all the original `events` on `element` to its callbacks + * @method delegateEvents + * @param {Object} events + * @return {UIObject} itself + */ - var _this = _possibleConstructorReturn(this, _UIObject.call(this, container.options)); - _this.container = container; - _this.enabled = true; - _this.bindEvents(); - return _this; - } + UIObject.prototype.delegateEvents = function delegateEvents(events) { + if (!(events || (events = this.events))) { + return this; + } + this.undelegateEvents(); + for (var key in events) { + var method = events[key]; + if (method && method.constructor !== Function) { + method = this[events[key]]; + } + if (!method) { + continue; + } - UIContainerPlugin.prototype.enable = function enable() { - if (!this.enabled) { - this.bindEvents(); - this.$el.show(); - this.enabled = true; + var match = key.match(delegateEventSplitter); + var eventName = match[1], + selector = match[2]; + eventName += '.delegateEvents' + this.cid; + if (selector === '') { + this.$el.on(eventName, method.bind(this)); + } else { + this.$el.on(eventName, selector, method.bind(this)); + } } + return this; }; - UIContainerPlugin.prototype.disable = function disable() { - this.stopListening(); - this.$el.hide(); - this.enabled = false; + /** + * undelegats all the `events` + * @method undelegateEvents + * @return {UIObject} itself + */ + + + UIObject.prototype.undelegateEvents = function undelegateEvents() { + this.$el.off('.delegateEvents' + this.cid); + return this; }; - UIContainerPlugin.prototype.bindEvents = function bindEvents() {}; + /** + * ensures the creation of this ui component + * @method _ensureElement + * @private + */ - UIContainerPlugin.prototype.destroy = function destroy() { - this.remove(); + + UIObject.prototype._ensureElement = function _ensureElement() { + if (!this.el) { + var attrs = _clapprZepto2.default.extend({}, this.attributes); + if (this.id) { + attrs.id = this.id; + } + if (this.className) { + attrs['class'] = this.className; + } + var $el = _utils.DomRecycler.create(this.tagName).attr(attrs); + this.setElement($el, false); + } else { + this.setElement(this.el, false); + } }; - return UIContainerPlugin; -}(_ui_object2.default); + return UIObject; +}(_base_object2.default); -exports.default = UIContainerPlugin; +exports.default = UIObject; +module.exports = exports['default']; +/***/ }), +/* 19 */ +/***/ (function(module, exports, __webpack_require__) { -UIContainerPlugin.extend = function (properties) { - return (0, _utils.extend)(UIContainerPlugin, properties); +// Thank's IE8 for his funny defineProperty +module.exports = !__webpack_require__(26)(function(){ + return Object.defineProperty({}, 'a', {get: function(){ return 7; }}).a != 7; +}); + +/***/ }), +/* 20 */ +/***/ (function(module, exports, __webpack_require__) { + +var global = __webpack_require__(15) + , core = __webpack_require__(10) + , ctx = __webpack_require__(43) + , hide = __webpack_require__(24) + , PROTOTYPE = 'prototype'; + +var $export = function(type, name, source){ + var IS_FORCED = type & $export.F + , IS_GLOBAL = type & $export.G + , IS_STATIC = type & $export.S + , IS_PROTO = type & $export.P + , IS_BIND = type & $export.B + , IS_WRAP = type & $export.W + , exports = IS_GLOBAL ? core : core[name] || (core[name] = {}) + , expProto = exports[PROTOTYPE] + , target = IS_GLOBAL ? global : IS_STATIC ? global[name] : (global[name] || {})[PROTOTYPE] + , key, own, out; + if(IS_GLOBAL)source = name; + for(key in source){ + // contains in native + own = !IS_FORCED && target && target[key] !== undefined; + if(own && key in exports)continue; + // export native or passed + out = own ? target[key] : source[key]; + // prevent global pollution for namespaces + exports[key] = IS_GLOBAL && typeof target[key] != 'function' ? source[key] + // bind timers to global for call from export context + : IS_BIND && own ? ctx(out, global) + // wrap global constructors for prevent change them in library + : IS_WRAP && target[key] == out ? (function(C){ + var F = function(a, b, c){ + if(this instanceof C){ + switch(arguments.length){ + case 0: return new C; + case 1: return new C(a); + case 2: return new C(a, b); + } return new C(a, b, c); + } return C.apply(this, arguments); + }; + F[PROTOTYPE] = C[PROTOTYPE]; + return F; + // make static versions for prototype methods + })(out) : IS_PROTO && typeof out == 'function' ? ctx(Function.call, out) : out; + // export proto methods to core.%CONSTRUCTOR%.methods.%NAME% + if(IS_PROTO){ + (exports.virtual || (exports.virtual = {}))[key] = out; + // export proto methods to core.%CONSTRUCTOR%.prototype.%NAME% + if(type & $export.R && expProto && !expProto[key])hide(expProto, key, out); + } + } }; +// type bitmap +$export.F = 1; // forced +$export.G = 2; // global +$export.S = 4; // static +$export.P = 8; // proto +$export.B = 16; // bind +$export.W = 32; // wrap +$export.U = 64; // safe +$export.R = 128; // real proto method for `library` +module.exports = $export; -UIContainerPlugin.type = 'container'; -module.exports = exports['default']; +/***/ }), +/* 21 */ +/***/ (function(module, exports) { + +var hasOwnProperty = {}.hasOwnProperty; +module.exports = function(it, key){ + return hasOwnProperty.call(it, key); +}; /***/ }), -/* 15 */ +/* 22 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; @@ -4501,40 +4517,86 @@ Object.defineProperty(exports, "__esModule", { value: true }); -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } +var _classCallCheck2 = __webpack_require__(0); -// Copyright 2014 Globo.com Player authors. All rights reserved. +var _classCallCheck3 = _interopRequireDefault(_classCallCheck2); + +var _events = __webpack_require__(4); + +var _events2 = _interopRequireDefault(_events); + +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + +var events = new _events2.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. -var PlayerInfo = function PlayerInfo() { - _classCallCheck(this, PlayerInfo); +/** + * The mediator is a singleton for handling global events. + */ - this.options = {}; - this.playbackPlugins = []; - this.currentSize = { width: 0, height: 0 }; +var Mediator = function Mediator() { + (0, _classCallCheck3.default)(this, Mediator); }; -PlayerInfo._players = {}; +exports.default = Mediator; -PlayerInfo.getInstance = function (playerId) { - return PlayerInfo._players[playerId] || (PlayerInfo._players[playerId] = new PlayerInfo()); + +Mediator.on = function (name, callback, context) { + events.on(name, callback, context); + return; }; -exports.default = PlayerInfo; -module.exports = exports["default"]; +Mediator.once = function (name, callback, context) { + events.once(name, callback, context); + return; +}; + +Mediator.off = function (name, callback, context) { + events.off(name, callback, context); + return; +}; + +Mediator.trigger = function (name) { + for (var _len = arguments.length, opts = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) { + opts[_key - 1] = arguments[_key]; + } + + events.trigger.apply(events, [name].concat(opts)); + return; +}; + +Mediator.stopListening = function (obj, name, callback) { + events.stopListening(obj, name, callback); + return; +}; +module.exports = exports['default']; /***/ }), -/* 16 */ +/* 23 */ /***/ (function(module, exports, __webpack_require__) { -"use strict"; +var isObject = __webpack_require__(27); +module.exports = function(it){ + if(!isObject(it))throw TypeError(it + ' is not an object!'); + return it; +}; +/***/ }), +/* 24 */ +/***/ (function(module, exports, __webpack_require__) { -module.exports = __webpack_require__(54); +var dP = __webpack_require__(16) + , createDesc = __webpack_require__(30); +module.exports = __webpack_require__(19) ? function(object, key, value){ + return dP.f(object, key, createDesc(1, value)); +} : function(object, key, value){ + object[key] = value; + return object; +}; /***/ }), -/* 17 */ +/* 25 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; @@ -4544,100 +4606,130 @@ Object.defineProperty(exports, "__esModule", { value: true }); -var _utils = __webpack_require__(1); +var _classCallCheck2 = __webpack_require__(0); -var _ui_object = __webpack_require__(9); +var _classCallCheck3 = _interopRequireDefault(_classCallCheck2); -var _ui_object2 = _interopRequireDefault(_ui_object); +var _possibleConstructorReturn2 = __webpack_require__(2); -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } +var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2); -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } +var _inherits2 = __webpack_require__(1); -function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } +var _inherits3 = _interopRequireDefault(_inherits2); -function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } +var _utils = __webpack_require__(5); -var UICorePlugin = function (_UIObject) { - _inherits(UICorePlugin, _UIObject); +var _base_object = __webpack_require__(14); - function UICorePlugin(core) { - _classCallCheck(this, UICorePlugin); +var _base_object2 = _interopRequireDefault(_base_object); + +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + +var CorePlugin = function (_BaseObject) { + (0, _inherits3.default)(CorePlugin, _BaseObject); + + function CorePlugin(core) { + (0, _classCallCheck3.default)(this, CorePlugin); - var _this = _possibleConstructorReturn(this, _UIObject.call(this, core.options)); + var _this = (0, _possibleConstructorReturn3.default)(this, _BaseObject.call(this, core.options)); _this.core = core; _this.enabled = true; _this.bindEvents(); - _this.render(); return _this; } - UICorePlugin.prototype.bindEvents = function bindEvents() {}; - - UICorePlugin.prototype.getExternalInterface = function getExternalInterface() { - return {}; - }; + CorePlugin.prototype.bindEvents = function bindEvents() {}; - UICorePlugin.prototype.enable = function enable() { + CorePlugin.prototype.enable = function enable() { if (!this.enabled) { this.bindEvents(); - this.$el.show(); this.enabled = true; } }; - UICorePlugin.prototype.disable = function disable() { - this.stopListening(); - this.$el.hide(); - this.enabled = false; + CorePlugin.prototype.disable = function disable() { + if (this.enabled) { + this.stopListening(); + this.enabled = false; + } }; - UICorePlugin.prototype.destroy = function destroy() { - this.remove(); + CorePlugin.prototype.getExternalInterface = function getExternalInterface() { + return {}; }; - UICorePlugin.prototype.render = function render() { - return this; + CorePlugin.prototype.destroy = function destroy() { + this.stopListening(); }; - return UICorePlugin; -}(_ui_object2.default); + return CorePlugin; +}(_base_object2.default); -exports.default = UICorePlugin; +exports.default = CorePlugin; -UICorePlugin.extend = function (properties) { - return (0, _utils.extend)(UICorePlugin, properties); +CorePlugin.extend = function (properties) { + return (0, _utils.extend)(CorePlugin, properties); }; -UICorePlugin.type = 'core'; +CorePlugin.type = 'core'; module.exports = exports['default']; /***/ }), -/* 18 */ -/***/ (function(module, exports, __webpack_require__) { +/* 26 */ +/***/ (function(module, exports) { -"use strict"; +module.exports = function(exec){ + try { + return !!exec(); + } catch(e){ + return true; + } +}; +/***/ }), +/* 27 */ +/***/ (function(module, exports) { -Object.defineProperty(exports, "__esModule", { - value: true -}); -exports.default = __webpack_require__(48); -module.exports = exports['default']; +module.exports = function(it){ + return typeof it === 'object' ? it !== null : typeof it === 'function'; +}; /***/ }), -/* 19 */ +/* 28 */ +/***/ (function(module, exports) { + +module.exports = {}; + +/***/ }), +/* 29 */ /***/ (function(module, exports, __webpack_require__) { -"use strict"; +// 19.1.2.14 / 15.2.3.14 Object.keys(O) +var $keys = __webpack_require__(79) + , enumBugKeys = __webpack_require__(45); + +module.exports = Object.keys || function keys(O){ + return $keys(O, enumBugKeys); +}; +/***/ }), +/* 30 */ +/***/ (function(module, exports) { -module.exports = __webpack_require__(66); +module.exports = function(bitmap, value){ + return { + enumerable : !(bitmap & 1), + configurable: !(bitmap & 2), + writable : !(bitmap & 4), + value : value + }; +}; /***/ }), -/* 20 */ +/* 31 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; @@ -4647,324 +4739,206 @@ Object.defineProperty(exports, "__esModule", { value: true }); -var _kibo = __webpack_require__(78); - -var _kibo2 = _interopRequireDefault(_kibo); +var _classCallCheck2 = __webpack_require__(0); -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } +var _classCallCheck3 = _interopRequireDefault(_classCallCheck2); -exports.default = { Kibo: _kibo2.default }; -module.exports = exports['default']; +var _possibleConstructorReturn2 = __webpack_require__(2); -/***/ }), -/* 21 */ -/***/ (function(module, exports) { +var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2); -// shim for using process in browser -var process = module.exports = {}; +var _inherits2 = __webpack_require__(1); -// cached from whatever global is present so that test runners that stub it -// don't break things. But we need to wrap it in a try catch in case it is -// wrapped in strict mode code which doesn't define any globals. It's inside a -// function because try/catches deoptimize in certain engines. +var _inherits3 = _interopRequireDefault(_inherits2); -var cachedSetTimeout; -var cachedClearTimeout; +var _base_object = __webpack_require__(14); -function defaultSetTimout() { - throw new Error('setTimeout has not been defined'); -} -function defaultClearTimeout () { - throw new Error('clearTimeout has not been defined'); -} -(function () { - try { - if (typeof setTimeout === 'function') { - cachedSetTimeout = setTimeout; - } else { - cachedSetTimeout = defaultSetTimout; - } - } catch (e) { - cachedSetTimeout = defaultSetTimout; - } - try { - if (typeof clearTimeout === 'function') { - cachedClearTimeout = clearTimeout; - } else { - cachedClearTimeout = defaultClearTimeout; - } - } catch (e) { - cachedClearTimeout = defaultClearTimeout; - } -} ()) -function runTimeout(fun) { - if (cachedSetTimeout === setTimeout) { - //normal enviroments in sane situations - return setTimeout(fun, 0); - } - // if setTimeout wasn't available but was latter defined - if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) { - cachedSetTimeout = setTimeout; - return setTimeout(fun, 0); - } - try { - // when when somebody has screwed with setTimeout but no I.E. maddness - return cachedSetTimeout(fun, 0); - } catch(e){ - try { - // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally - return cachedSetTimeout.call(null, fun, 0); - } catch(e){ - // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error - return cachedSetTimeout.call(this, fun, 0); - } - } +var _base_object2 = _interopRequireDefault(_base_object); +var _utils = __webpack_require__(5); -} -function runClearTimeout(marker) { - if (cachedClearTimeout === clearTimeout) { - //normal enviroments in sane situations - return clearTimeout(marker); - } - // if clearTimeout wasn't available but was latter defined - if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) { - cachedClearTimeout = clearTimeout; - return clearTimeout(marker); - } - try { - // when when somebody has screwed with setTimeout but no I.E. maddness - return cachedClearTimeout(marker); - } catch (e){ - try { - // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally - return cachedClearTimeout.call(null, marker); - } catch (e){ - // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error. - // Some versions of I.E. have different rules for clearTimeout vs setTimeout - return cachedClearTimeout.call(this, marker); - } - } +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } +/** + * The base class for a container plugin + * @class ContainerPlugin + * @constructor + * @extends UIObject + * @module base + */ +var ContainerPlugin = function (_BaseObject) { + (0, _inherits3.default)(ContainerPlugin, _BaseObject); + function ContainerPlugin(container) { + (0, _classCallCheck3.default)(this, ContainerPlugin); -} -var queue = []; -var draining = false; -var currentQueue; -var queueIndex = -1; + var _this = (0, _possibleConstructorReturn3.default)(this, _BaseObject.call(this, container.options)); -function cleanUpNextTick() { - if (!draining || !currentQueue) { - return; - } - draining = false; - if (currentQueue.length) { - queue = currentQueue.concat(queue); - } else { - queueIndex = -1; - } - if (queue.length) { - drainQueue(); - } -} + _this.container = container; + _this.enabled = true; + _this.bindEvents(); + return _this; + } -function drainQueue() { - if (draining) { - return; + ContainerPlugin.prototype.enable = function enable() { + if (!this.enabled) { + this.bindEvents(); + this.enabled = true; } - var timeout = runTimeout(cleanUpNextTick); - draining = true; + }; - var len = queue.length; - while(len) { - currentQueue = queue; - queue = []; - while (++queueIndex < len) { - if (currentQueue) { - currentQueue[queueIndex].run(); - } - } - queueIndex = -1; - len = queue.length; + ContainerPlugin.prototype.disable = function disable() { + if (this.enabled) { + this.stopListening(); + this.enabled = false; } - currentQueue = null; - draining = false; - runClearTimeout(timeout); -} + }; -process.nextTick = function (fun) { - var args = new Array(arguments.length - 1); - if (arguments.length > 1) { - for (var i = 1; i < arguments.length; i++) { - args[i - 1] = arguments[i]; - } - } - queue.push(new Item(fun, args)); - if (queue.length === 1 && !draining) { - runTimeout(drainQueue); - } -}; + ContainerPlugin.prototype.bindEvents = function bindEvents() {}; -// v8 likes predictible objects -function Item(fun, array) { - this.fun = fun; - this.array = array; -} -Item.prototype.run = function () { - this.fun.apply(null, this.array); -}; -process.title = 'browser'; -process.browser = true; -process.env = {}; -process.argv = []; -process.version = ''; // empty string to avoid regexp issues -process.versions = {}; + ContainerPlugin.prototype.destroy = function destroy() { + this.stopListening(); + }; -function noop() {} + return ContainerPlugin; +}(_base_object2.default); -process.on = noop; -process.addListener = noop; -process.once = noop; -process.off = noop; -process.removeListener = noop; -process.removeAllListeners = noop; -process.emit = noop; +exports.default = ContainerPlugin; -process.binding = function (name) { - throw new Error('process.binding is not supported'); -}; -process.cwd = function () { return '/' }; -process.chdir = function (dir) { - throw new Error('process.chdir is not supported'); +ContainerPlugin.extend = function (properties) { + return (0, _utils.extend)(ContainerPlugin, properties); }; -process.umask = function() { return 0; }; - - -/***/ }), -/* 22 */ -/***/ (function(module, exports) { - -module.exports = "" - -/***/ }), -/* 23 */ -/***/ (function(module, exports) { - -module.exports = function(module) { - if(!module.webpackPolyfill) { - module.deprecate = function() {}; - module.paths = []; - // module.parent = undefined by default - if(!module.children) module.children = []; - Object.defineProperty(module, "loaded", { - enumerable: true, - get: function() { - return module.l; - } - }); - Object.defineProperty(module, "id", { - enumerable: true, - get: function() { - return module.i; - } - }); - module.webpackPolyfill = 1; - } - return module; -}; +ContainerPlugin.type = 'container'; +module.exports = exports['default']; /***/ }), -/* 24 */ +/* 32 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; -module.exports = __webpack_require__(39); +Object.defineProperty(exports, "__esModule", { + value: true +}); -/***/ }), -/* 25 */ -/***/ (function(module, exports, __webpack_require__) { +var _classCallCheck2 = __webpack_require__(0); -"use strict"; +var _classCallCheck3 = _interopRequireDefault(_classCallCheck2); +var _possibleConstructorReturn2 = __webpack_require__(2); -module.exports = __webpack_require__(42); +var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2); -/***/ }), -/* 26 */ -/***/ (function(module, exports, __webpack_require__) { +var _inherits2 = __webpack_require__(1); -"use strict"; +var _inherits3 = _interopRequireDefault(_inherits2); +var _utils = __webpack_require__(5); -module.exports = __webpack_require__(45); +var _ui_object = __webpack_require__(18); -/***/ }), -/* 27 */ -/***/ (function(module, exports, __webpack_require__) { +var _ui_object2 = _interopRequireDefault(_ui_object); -"use strict"; +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } +/** + * The base class for an ui container plugin + * @class UIContainerPlugin + * @constructor + * @extends UIObject + * @module base + */ +// 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. -module.exports = __webpack_require__(46); +var UIContainerPlugin = function (_UIObject) { + (0, _inherits3.default)(UIContainerPlugin, _UIObject); -/***/ }), -/* 28 */ -/***/ (function(module, exports, __webpack_require__) { + function UIContainerPlugin(container) { + (0, _classCallCheck3.default)(this, UIContainerPlugin); -"use strict"; + var _this = (0, _possibleConstructorReturn3.default)(this, _UIObject.call(this, container.options)); + _this.container = container; + _this.enabled = true; + _this.bindEvents(); + return _this; + } -module.exports = __webpack_require__(49); + UIContainerPlugin.prototype.enable = function enable() { + if (!this.enabled) { + this.bindEvents(); + this.$el.show(); + this.enabled = true; + } + }; -/***/ }), -/* 29 */ -/***/ (function(module, exports, __webpack_require__) { + UIContainerPlugin.prototype.disable = function disable() { + this.stopListening(); + this.$el.hide(); + this.enabled = false; + }; -"use strict"; + UIContainerPlugin.prototype.bindEvents = function bindEvents() {}; + UIContainerPlugin.prototype.destroy = function destroy() { + this.remove(); + }; -module.exports = __webpack_require__(50); + return UIContainerPlugin; +}(_ui_object2.default); -/***/ }), -/* 30 */ -/***/ (function(module, exports, __webpack_require__) { +exports.default = UIContainerPlugin; -"use strict"; +UIContainerPlugin.extend = function (properties) { + return (0, _utils.extend)(UIContainerPlugin, properties); +}; -module.exports = __webpack_require__(52); +UIContainerPlugin.type = 'container'; +module.exports = exports['default']; /***/ }), -/* 31 */ +/* 33 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; -module.exports = __webpack_require__(53); +Object.defineProperty(exports, "__esModule", { + value: true +}); -/***/ }), -/* 32 */ -/***/ (function(module, exports, __webpack_require__) { +var _classCallCheck2 = __webpack_require__(0); -"use strict"; +var _classCallCheck3 = _interopRequireDefault(_classCallCheck2); +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } -module.exports = __webpack_require__(55); +// 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. -/***/ }), -/* 33 */ -/***/ (function(module, exports, __webpack_require__) { +var PlayerInfo = function PlayerInfo() { + (0, _classCallCheck3.default)(this, PlayerInfo); -"use strict"; + this.options = {}; + this.playbackPlugins = []; + this.currentSize = { width: 0, height: 0 }; +}; + +PlayerInfo._players = {}; +PlayerInfo.getInstance = function (playerId) { + return PlayerInfo._players[playerId] || (PlayerInfo._players[playerId] = new PlayerInfo()); +}; -module.exports = __webpack_require__(56); +exports.default = PlayerInfo; +module.exports = exports["default"]; /***/ }), /* 34 */ @@ -4973,2236 +4947,741 @@ module.exports = __webpack_require__(56); "use strict"; -module.exports = __webpack_require__(67); +Object.defineProperty(exports, "__esModule", { + value: true +}); + +var _html5_video = __webpack_require__(102); + +var _html5_video2 = _interopRequireDefault(_html5_video); + +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + +exports.default = _html5_video2.default; +module.exports = exports['default']; /***/ }), /* 35 */ /***/ (function(module, exports, __webpack_require__) { -/* WEBPACK VAR INJECTION */(function(global, module) {/** - * lodash (Custom Build) - * Build: `lodash modularize exports="npm" -o ./` - * Copyright jQuery Foundation and other contributors - * Released under MIT license - * Based on Underscore.js 1.8.3 - * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors - */ +module.exports = { "default": __webpack_require__(138), __esModule: true }; -/** Used as the size to enable large array optimizations. */ -var LARGE_ARRAY_SIZE = 200; - -/** Used to stand-in for `undefined` hash values. */ -var HASH_UNDEFINED = '__lodash_hash_undefined__'; - -/** Used as references for various `Number` constants. */ -var MAX_SAFE_INTEGER = 9007199254740991; - -/** `Object#toString` result references. */ -var argsTag = '[object Arguments]', - arrayTag = '[object Array]', - boolTag = '[object Boolean]', - dateTag = '[object Date]', - errorTag = '[object Error]', - funcTag = '[object Function]', - genTag = '[object GeneratorFunction]', - mapTag = '[object Map]', - numberTag = '[object Number]', - objectTag = '[object Object]', - promiseTag = '[object Promise]', - regexpTag = '[object RegExp]', - setTag = '[object Set]', - stringTag = '[object String]', - symbolTag = '[object Symbol]', - weakMapTag = '[object WeakMap]'; - -var arrayBufferTag = '[object ArrayBuffer]', - dataViewTag = '[object DataView]', - float32Tag = '[object Float32Array]', - float64Tag = '[object Float64Array]', - int8Tag = '[object Int8Array]', - int16Tag = '[object Int16Array]', - int32Tag = '[object Int32Array]', - uint8Tag = '[object Uint8Array]', - uint8ClampedTag = '[object Uint8ClampedArray]', - uint16Tag = '[object Uint16Array]', - uint32Tag = '[object Uint32Array]'; +/***/ }), +/* 36 */ +/***/ (function(module, exports, __webpack_require__) { -/** - * Used to match `RegExp` - * [syntax characters](http://ecma-international.org/ecma-262/7.0/#sec-patterns). - */ -var reRegExpChar = /[\\^$.*+?()[\]{}|]/g; - -/** Used to match `RegExp` flags from their coerced string values. */ -var reFlags = /\w*$/; - -/** Used to detect host constructors (Safari). */ -var reIsHostCtor = /^\[object .+?Constructor\]$/; - -/** Used to detect unsigned integer values. */ -var reIsUint = /^(?:0|[1-9]\d*)$/; - -/** Used to identify `toStringTag` values of typed arrays. */ -var typedArrayTags = {}; -typedArrayTags[float32Tag] = typedArrayTags[float64Tag] = -typedArrayTags[int8Tag] = typedArrayTags[int16Tag] = -typedArrayTags[int32Tag] = typedArrayTags[uint8Tag] = -typedArrayTags[uint8ClampedTag] = typedArrayTags[uint16Tag] = -typedArrayTags[uint32Tag] = true; -typedArrayTags[argsTag] = typedArrayTags[arrayTag] = -typedArrayTags[arrayBufferTag] = typedArrayTags[boolTag] = -typedArrayTags[dataViewTag] = typedArrayTags[dateTag] = -typedArrayTags[errorTag] = typedArrayTags[funcTag] = -typedArrayTags[mapTag] = typedArrayTags[numberTag] = -typedArrayTags[objectTag] = typedArrayTags[regexpTag] = -typedArrayTags[setTag] = typedArrayTags[stringTag] = -typedArrayTags[weakMapTag] = false; - -/** Used to identify `toStringTag` values supported by `_.clone`. */ -var cloneableTags = {}; -cloneableTags[argsTag] = cloneableTags[arrayTag] = -cloneableTags[arrayBufferTag] = cloneableTags[dataViewTag] = -cloneableTags[boolTag] = cloneableTags[dateTag] = -cloneableTags[float32Tag] = cloneableTags[float64Tag] = -cloneableTags[int8Tag] = cloneableTags[int16Tag] = -cloneableTags[int32Tag] = cloneableTags[mapTag] = -cloneableTags[numberTag] = cloneableTags[objectTag] = -cloneableTags[regexpTag] = cloneableTags[setTag] = -cloneableTags[stringTag] = cloneableTags[symbolTag] = -cloneableTags[uint8Tag] = cloneableTags[uint8ClampedTag] = -cloneableTags[uint16Tag] = cloneableTags[uint32Tag] = true; -cloneableTags[errorTag] = cloneableTags[funcTag] = -cloneableTags[weakMapTag] = false; - -/** Detect free variable `global` from Node.js. */ -var freeGlobal = typeof global == 'object' && global && global.Object === Object && global; - -/** Detect free variable `self`. */ -var freeSelf = typeof self == 'object' && self && self.Object === Object && self; - -/** Used as a reference to the global object. */ -var root = freeGlobal || freeSelf || Function('return this')(); - -/** Detect free variable `exports`. */ -var freeExports = typeof exports == 'object' && exports && !exports.nodeType && exports; - -/** Detect free variable `module`. */ -var freeModule = freeExports && typeof module == 'object' && module && !module.nodeType && module; - -/** Detect the popular CommonJS extension `module.exports`. */ -var moduleExports = freeModule && freeModule.exports === freeExports; - -/** Detect free variable `process` from Node.js. */ -var freeProcess = moduleExports && freeGlobal.process; - -/** Used to access faster Node.js helpers. */ -var nodeUtil = (function() { - try { - return freeProcess && freeProcess.binding('util'); - } catch (e) {} -}()); +"use strict"; -/* Node.js helper references. */ -var nodeIsTypedArray = nodeUtil && nodeUtil.isTypedArray; -/** - * Adds the key-value `pair` to `map`. - * - * @private - * @param {Object} map The map to modify. - * @param {Array} pair The key-value pair to add. - * @returns {Object} Returns `map`. - */ -function addMapEntry(map, pair) { - // Don't return `map.set` because it's not chainable in IE 11. - map.set(pair[0], pair[1]); - return map; -} +exports.__esModule = true; -/** - * Adds `value` to `set`. - * - * @private - * @param {Object} set The set to modify. - * @param {*} value The value to add. - * @returns {Object} Returns `set`. - */ -function addSetEntry(set, value) { - // Don't return `set.add` because it's not chainable in IE 11. - set.add(value); - return set; -} +var _iterator = __webpack_require__(132); -/** - * A faster alternative to `Function#apply`, this function invokes `func` - * with the `this` binding of `thisArg` and the arguments of `args`. - * - * @private - * @param {Function} func The function to invoke. - * @param {*} thisArg The `this` binding of `func`. - * @param {Array} args The arguments to invoke `func` with. - * @returns {*} Returns the result of `func`. - */ -function apply(func, thisArg, args) { - switch (args.length) { - case 0: return func.call(thisArg); - case 1: return func.call(thisArg, args[0]); - case 2: return func.call(thisArg, args[0], args[1]); - case 3: return func.call(thisArg, args[0], args[1], args[2]); - } - return func.apply(thisArg, args); -} +var _iterator2 = _interopRequireDefault(_iterator); -/** - * A specialized version of `_.forEach` for arrays without support for - * iteratee shorthands. - * - * @private - * @param {Array} [array] The array to iterate over. - * @param {Function} iteratee The function invoked per iteration. - * @returns {Array} Returns `array`. - */ -function arrayEach(array, iteratee) { - var index = -1, - length = array ? array.length : 0; +var _symbol = __webpack_require__(131); - while (++index < length) { - if (iteratee(array[index], index, array) === false) { - break; - } - } - return array; -} +var _symbol2 = _interopRequireDefault(_symbol); -/** - * Appends the elements of `values` to `array`. - * - * @private - * @param {Array} array The array to modify. - * @param {Array} values The values to append. - * @returns {Array} Returns `array`. - */ -function arrayPush(array, values) { - var index = -1, - length = values.length, - offset = array.length; +var _typeof = typeof _symbol2.default === "function" && typeof _iterator2.default === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof _symbol2.default === "function" && obj.constructor === _symbol2.default && obj !== _symbol2.default.prototype ? "symbol" : typeof obj; }; - while (++index < length) { - array[offset + index] = values[index]; - } - return array; -} +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } -/** - * A specialized version of `_.reduce` for arrays without support for - * iteratee shorthands. - * - * @private - * @param {Array} [array] The array to iterate over. - * @param {Function} iteratee The function invoked per iteration. - * @param {*} [accumulator] The initial value. - * @param {boolean} [initAccum] Specify using the first element of `array` as - * the initial value. - * @returns {*} Returns the accumulated value. - */ -function arrayReduce(array, iteratee, accumulator, initAccum) { - var index = -1, - length = array ? array.length : 0; +exports.default = typeof _symbol2.default === "function" && _typeof(_iterator2.default) === "symbol" ? function (obj) { + return typeof obj === "undefined" ? "undefined" : _typeof(obj); +} : function (obj) { + return obj && typeof _symbol2.default === "function" && obj.constructor === _symbol2.default && obj !== _symbol2.default.prototype ? "symbol" : typeof obj === "undefined" ? "undefined" : _typeof(obj); +}; - if (initAccum && length) { - accumulator = array[++index]; - } - while (++index < length) { - accumulator = iteratee(accumulator, array[index], index, array); - } - return accumulator; -} +/***/ }), +/* 37 */ +/***/ (function(module, exports) { -/** - * The base implementation of `_.times` without support for iteratee shorthands - * or max array length checks. - * - * @private - * @param {number} n The number of times to invoke `iteratee`. - * @param {Function} iteratee The function invoked per iteration. - * @returns {Array} Returns the array of results. - */ -function baseTimes(n, iteratee) { - var index = -1, - result = Array(n); +var id = 0 + , px = Math.random(); +module.exports = function(key){ + return 'Symbol('.concat(key === undefined ? '' : key, ')_', (++id + px).toString(36)); +}; - while (++index < n) { - result[index] = iteratee(index); - } - return result; -} +/***/ }), +/* 38 */ +/***/ (function(module, exports, __webpack_require__) { -/** - * The base implementation of `_.unary` without support for storing metadata. - * - * @private - * @param {Function} func The function to cap arguments for. - * @returns {Function} Returns the new capped function. - */ -function baseUnary(func) { - return function(value) { - return func(value); - }; -} +"use strict"; -/** - * Gets the value at `key` of `object`. - * - * @private - * @param {Object} [object] The object to query. - * @param {string} key The key of the property to get. - * @returns {*} Returns the property value. - */ -function getValue(object, key) { - return object == null ? undefined : object[key]; -} -/** - * Checks if `value` is a host object in IE < 9. - * - * @private - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is a host object, else `false`. - */ -function isHostObject(value) { - // Many host objects are `Object` objects that can coerce to strings - // despite having improperly defined `toString` methods. - var result = false; - if (value != null && typeof value.toString != 'function') { - try { - result = !!(value + ''); - } catch (e) {} - } - return result; -} +Object.defineProperty(exports, "__esModule", { + value: true +}); -/** - * Converts `map` to its key-value pairs. - * - * @private - * @param {Object} map The map to convert. - * @returns {Array} Returns the key-value pairs. - */ -function mapToArray(map) { - var index = -1, - result = Array(map.size); +var _classCallCheck2 = __webpack_require__(0); - map.forEach(function(value, key) { - result[++index] = [key, value]; - }); - return result; -} +var _classCallCheck3 = _interopRequireDefault(_classCallCheck2); -/** - * Creates a unary function that invokes `func` with its argument transformed. - * - * @private - * @param {Function} func The function to wrap. - * @param {Function} transform The argument transform. - * @returns {Function} Returns the new function. - */ -function overArg(func, transform) { - return function(arg) { - return func(transform(arg)); - }; -} +var _possibleConstructorReturn2 = __webpack_require__(2); -/** - * Converts `set` to an array of its values. - * - * @private - * @param {Object} set The set to convert. - * @returns {Array} Returns the values. - */ -function setToArray(set) { - var index = -1, - result = Array(set.size); +var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2); - set.forEach(function(value) { - result[++index] = value; - }); - return result; -} +var _inherits2 = __webpack_require__(1); -/** Used for built-in method references. */ -var arrayProto = Array.prototype, - funcProto = Function.prototype, - objectProto = Object.prototype; +var _inherits3 = _interopRequireDefault(_inherits2); -/** Used to detect overreaching core-js shims. */ -var coreJsData = root['__core-js_shared__']; +var _utils = __webpack_require__(5); -/** Used to detect methods masquerading as native. */ -var maskSrcKey = (function() { - var uid = /[^.]+$/.exec(coreJsData && coreJsData.keys && coreJsData.keys.IE_PROTO || ''); - return uid ? ('Symbol(src)_1.' + uid) : ''; -}()); +var _ui_object = __webpack_require__(18); -/** Used to resolve the decompiled source of functions. */ -var funcToString = funcProto.toString; +var _ui_object2 = _interopRequireDefault(_ui_object); -/** Used to check objects for own properties. */ -var hasOwnProperty = objectProto.hasOwnProperty; +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } -/** Used to infer the `Object` constructor. */ -var objectCtorString = funcToString.call(Object); +var UICorePlugin = function (_UIObject) { + (0, _inherits3.default)(UICorePlugin, _UIObject); -/** - * Used to resolve the - * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring) - * of values. - */ -var objectToString = objectProto.toString; - -/** Used to detect if a method is native. */ -var reIsNative = RegExp('^' + - funcToString.call(hasOwnProperty).replace(reRegExpChar, '\\$&') - .replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, '$1.*?') + '$' -); - -/** Built-in value references. */ -var Buffer = moduleExports ? root.Buffer : undefined, - Symbol = root.Symbol, - Uint8Array = root.Uint8Array, - getPrototype = overArg(Object.getPrototypeOf, Object), - objectCreate = Object.create, - propertyIsEnumerable = objectProto.propertyIsEnumerable, - splice = arrayProto.splice; - -/* Built-in method references for those with the same name as other `lodash` methods. */ -var nativeGetSymbols = Object.getOwnPropertySymbols, - nativeIsBuffer = Buffer ? Buffer.isBuffer : undefined, - nativeKeys = overArg(Object.keys, Object), - nativeMax = Math.max; - -/* Built-in method references that are verified to be native. */ -var DataView = getNative(root, 'DataView'), - Map = getNative(root, 'Map'), - Promise = getNative(root, 'Promise'), - Set = getNative(root, 'Set'), - WeakMap = getNative(root, 'WeakMap'), - nativeCreate = getNative(Object, 'create'); - -/** Used to detect maps, sets, and weakmaps. */ -var dataViewCtorString = toSource(DataView), - mapCtorString = toSource(Map), - promiseCtorString = toSource(Promise), - setCtorString = toSource(Set), - weakMapCtorString = toSource(WeakMap); - -/** Used to convert symbols to primitives and strings. */ -var symbolProto = Symbol ? Symbol.prototype : undefined, - symbolValueOf = symbolProto ? symbolProto.valueOf : undefined; + function UICorePlugin(core) { + (0, _classCallCheck3.default)(this, UICorePlugin); -/** - * Creates a hash object. - * - * @private - * @constructor - * @param {Array} [entries] The key-value pairs to cache. - */ -function Hash(entries) { - var index = -1, - length = entries ? entries.length : 0; + var _this = (0, _possibleConstructorReturn3.default)(this, _UIObject.call(this, core.options)); - this.clear(); - while (++index < length) { - var entry = entries[index]; - this.set(entry[0], entry[1]); + _this.core = core; + _this.enabled = true; + _this.bindEvents(); + _this.render(); + return _this; } -} -/** - * Removes all key-value entries from the hash. - * - * @private - * @name clear - * @memberOf Hash - */ -function hashClear() { - this.__data__ = nativeCreate ? nativeCreate(null) : {}; -} + UICorePlugin.prototype.bindEvents = function bindEvents() {}; -/** - * Removes `key` and its value from the hash. - * - * @private - * @name delete - * @memberOf Hash - * @param {Object} hash The hash to modify. - * @param {string} key The key of the value to remove. - * @returns {boolean} Returns `true` if the entry was removed, else `false`. - */ -function hashDelete(key) { - return this.has(key) && delete this.__data__[key]; -} + UICorePlugin.prototype.getExternalInterface = function getExternalInterface() { + return {}; + }; -/** - * Gets the hash value for `key`. - * - * @private - * @name get - * @memberOf Hash - * @param {string} key The key of the value to get. - * @returns {*} Returns the entry value. - */ -function hashGet(key) { - var data = this.__data__; - if (nativeCreate) { - var result = data[key]; - return result === HASH_UNDEFINED ? undefined : result; - } - return hasOwnProperty.call(data, key) ? data[key] : undefined; -} + UICorePlugin.prototype.enable = function enable() { + if (!this.enabled) { + this.bindEvents(); + this.$el.show(); + this.enabled = true; + } + }; -/** - * Checks if a hash value for `key` exists. - * - * @private - * @name has - * @memberOf Hash - * @param {string} key The key of the entry to check. - * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`. - */ -function hashHas(key) { - var data = this.__data__; - return nativeCreate ? data[key] !== undefined : hasOwnProperty.call(data, key); -} + UICorePlugin.prototype.disable = function disable() { + this.stopListening(); + this.$el.hide(); + this.enabled = false; + }; -/** - * Sets the hash `key` to `value`. - * - * @private - * @name set - * @memberOf Hash - * @param {string} key The key of the value to set. - * @param {*} value The value to set. - * @returns {Object} Returns the hash instance. - */ -function hashSet(key, value) { - var data = this.__data__; - data[key] = (nativeCreate && value === undefined) ? HASH_UNDEFINED : value; - return this; -} + UICorePlugin.prototype.destroy = function destroy() { + this.remove(); + }; -// Add methods to `Hash`. -Hash.prototype.clear = hashClear; -Hash.prototype['delete'] = hashDelete; -Hash.prototype.get = hashGet; -Hash.prototype.has = hashHas; -Hash.prototype.set = hashSet; + UICorePlugin.prototype.render = function render() { + return this; + }; -/** - * Creates an list cache object. - * - * @private - * @constructor - * @param {Array} [entries] The key-value pairs to cache. - */ -function ListCache(entries) { - var index = -1, - length = entries ? entries.length : 0; + return UICorePlugin; +}(_ui_object2.default); - this.clear(); - while (++index < length) { - var entry = entries[index]; - this.set(entry[0], entry[1]); - } -} +exports.default = UICorePlugin; -/** - * Removes all key-value entries from the list cache. - * - * @private - * @name clear - * @memberOf ListCache - */ -function listCacheClear() { - this.__data__ = []; -} -/** - * Removes `key` and its value from the list cache. - * - * @private - * @name delete - * @memberOf ListCache - * @param {string} key The key of the value to remove. - * @returns {boolean} Returns `true` if the entry was removed, else `false`. - */ -function listCacheDelete(key) { - var data = this.__data__, - index = assocIndexOf(data, key); +UICorePlugin.extend = function (properties) { + return (0, _utils.extend)(UICorePlugin, properties); +}; - if (index < 0) { - return false; - } - var lastIndex = data.length - 1; - if (index == lastIndex) { - data.pop(); - } else { - splice.call(data, index, 1); - } - return true; -} +UICorePlugin.type = 'core'; +module.exports = exports['default']; -/** - * Gets the list cache value for `key`. - * - * @private - * @name get - * @memberOf ListCache - * @param {string} key The key of the value to get. - * @returns {*} Returns the entry value. - */ -function listCacheGet(key) { - var data = this.__data__, - index = assocIndexOf(data, key); +/***/ }), +/* 39 */ +/***/ (function(module, exports, __webpack_require__) { - return index < 0 ? undefined : data[index][1]; -} +"use strict"; -/** - * Checks if a list cache value for `key` exists. - * - * @private - * @name has - * @memberOf ListCache - * @param {string} key The key of the entry to check. - * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`. - */ -function listCacheHas(key) { - return assocIndexOf(this.__data__, key) > -1; -} -/** - * Sets the list cache `key` to `value`. - * - * @private - * @name set - * @memberOf ListCache - * @param {string} key The key of the value to set. - * @param {*} value The value to set. - * @returns {Object} Returns the list cache instance. - */ -function listCacheSet(key, value) { - var data = this.__data__, - index = assocIndexOf(data, key); +Object.defineProperty(exports, "__esModule", { + value: true +}); +exports.default = __webpack_require__(96); +module.exports = exports['default']; - if (index < 0) { - data.push([key, value]); - } else { - data[index][1] = value; - } - return this; -} +/***/ }), +/* 40 */ +/***/ (function(module, exports, __webpack_require__) { -// Add methods to `ListCache`. -ListCache.prototype.clear = listCacheClear; -ListCache.prototype['delete'] = listCacheDelete; -ListCache.prototype.get = listCacheGet; -ListCache.prototype.has = listCacheHas; -ListCache.prototype.set = listCacheSet; +"use strict"; -/** - * Creates a map cache object to store key-value pairs. - * - * @private - * @constructor - * @param {Array} [entries] The key-value pairs to cache. - */ -function MapCache(entries) { - var index = -1, - length = entries ? entries.length : 0; - this.clear(); - while (++index < length) { - var entry = entries[index]; - this.set(entry[0], entry[1]); - } -} +Object.defineProperty(exports, "__esModule", { + value: true +}); -/** - * Removes all key-value entries from the map. - * - * @private - * @name clear - * @memberOf MapCache - */ -function mapCacheClear() { - this.__data__ = { - 'hash': new Hash, - 'map': new (Map || ListCache), - 'string': new Hash - }; -} +var _log = __webpack_require__(114); -/** - * Removes `key` and its value from the map. - * - * @private - * @name delete - * @memberOf MapCache - * @param {string} key The key of the value to remove. - * @returns {boolean} Returns `true` if the entry was removed, else `false`. - */ -function mapCacheDelete(key) { - return getMapData(this, key)['delete'](key); -} +var _log2 = _interopRequireDefault(_log); -/** - * Gets the map value for `key`. - * - * @private - * @name get - * @memberOf MapCache - * @param {string} key The key of the value to get. - * @returns {*} Returns the entry value. - */ -function mapCacheGet(key) { - return getMapData(this, key).get(key); -} +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } -/** - * Checks if a map value for `key` exists. - * - * @private - * @name has - * @memberOf MapCache - * @param {string} key The key of the entry to check. - * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`. - */ -function mapCacheHas(key) { - return getMapData(this, key).has(key); -} +exports.default = _log2.default; +module.exports = exports['default']; -/** - * Sets the map `key` to `value`. - * - * @private - * @name set - * @memberOf MapCache - * @param {string} key The key of the value to set. - * @param {*} value The value to set. - * @returns {Object} Returns the map cache instance. - */ -function mapCacheSet(key, value) { - getMapData(this, key).set(key, value); - return this; -} +/***/ }), +/* 41 */ +/***/ (function(module, exports, __webpack_require__) { -// Add methods to `MapCache`. -MapCache.prototype.clear = mapCacheClear; -MapCache.prototype['delete'] = mapCacheDelete; -MapCache.prototype.get = mapCacheGet; -MapCache.prototype.has = mapCacheHas; -MapCache.prototype.set = mapCacheSet; +"use strict"; -/** - * Creates a stack cache object to store key-value pairs. - * - * @private - * @constructor - * @param {Array} [entries] The key-value pairs to cache. - */ -function Stack(entries) { - this.__data__ = new ListCache(entries); -} -/** - * Removes all key-value entries from the stack. - * - * @private - * @name clear - * @memberOf Stack - */ -function stackClear() { - this.__data__ = new ListCache; -} +Object.defineProperty(exports, "__esModule", { + value: true +}); -/** - * Removes `key` and its value from the stack. - * - * @private - * @name delete - * @memberOf Stack - * @param {string} key The key of the value to remove. - * @returns {boolean} Returns `true` if the entry was removed, else `false`. - */ -function stackDelete(key) { - return this.__data__['delete'](key); -} +var _kibo = __webpack_require__(126); -/** - * Gets the stack value for `key`. - * - * @private - * @name get - * @memberOf Stack - * @param {string} key The key of the value to get. - * @returns {*} Returns the entry value. - */ -function stackGet(key) { - return this.__data__.get(key); -} +var _kibo2 = _interopRequireDefault(_kibo); -/** - * Checks if a stack value for `key` exists. - * - * @private - * @name has - * @memberOf Stack - * @param {string} key The key of the entry to check. - * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`. - */ -function stackHas(key) { - return this.__data__.has(key); -} +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } -/** - * Sets the stack `key` to `value`. - * - * @private - * @name set - * @memberOf Stack - * @param {string} key The key of the value to set. - * @param {*} value The value to set. - * @returns {Object} Returns the stack cache instance. - */ -function stackSet(key, value) { - var cache = this.__data__; - if (cache instanceof ListCache) { - var pairs = cache.__data__; - if (!Map || (pairs.length < LARGE_ARRAY_SIZE - 1)) { - pairs.push([key, value]); - return this; - } - cache = this.__data__ = new MapCache(pairs); - } - cache.set(key, value); - return this; -} +exports.default = { Kibo: _kibo2.default }; +module.exports = exports['default']; -// Add methods to `Stack`. -Stack.prototype.clear = stackClear; -Stack.prototype['delete'] = stackDelete; -Stack.prototype.get = stackGet; -Stack.prototype.has = stackHas; -Stack.prototype.set = stackSet; +/***/ }), +/* 42 */ +/***/ (function(module, exports) { -/** - * Creates an array of the enumerable property names of the array-like `value`. - * - * @private - * @param {*} value The value to query. - * @param {boolean} inherited Specify returning inherited property names. - * @returns {Array} Returns the array of property names. - */ -function arrayLikeKeys(value, inherited) { - // Safari 8.1 makes `arguments.callee` enumerable in strict mode. - // Safari 9 makes `arguments.length` enumerable in strict mode. - var result = (isArray(value) || isArguments(value)) - ? baseTimes(value.length, String) - : []; +var toString = {}.toString; - var length = result.length, - skipIndexes = !!length; +module.exports = function(it){ + return toString.call(it).slice(8, -1); +}; - for (var key in value) { - if ((inherited || hasOwnProperty.call(value, key)) && - !(skipIndexes && (key == 'length' || isIndex(key, length)))) { - result.push(key); - } - } - return result; -} +/***/ }), +/* 43 */ +/***/ (function(module, exports, __webpack_require__) { -/** - * This function is like `assignValue` except that it doesn't assign - * `undefined` values. - * - * @private - * @param {Object} object The object to modify. - * @param {string} key The key of the property to assign. - * @param {*} value The value to assign. - */ -function assignMergeValue(object, key, value) { - if ((value !== undefined && !eq(object[key], value)) || - (typeof key == 'number' && value === undefined && !(key in object))) { - object[key] = value; +// optional / simple context binding +var aFunction = __webpack_require__(142); +module.exports = function(fn, that, length){ + aFunction(fn); + if(that === undefined)return fn; + switch(length){ + case 1: return function(a){ + return fn.call(that, a); + }; + case 2: return function(a, b){ + return fn.call(that, a, b); + }; + case 3: return function(a, b, c){ + return fn.call(that, a, b, c); + }; } -} + return function(/* ...args */){ + return fn.apply(that, arguments); + }; +}; -/** - * Assigns `value` to `key` of `object` if the existing value is not equivalent - * using [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero) - * for equality comparisons. - * - * @private - * @param {Object} object The object to modify. - * @param {string} key The key of the property to assign. - * @param {*} value The value to assign. - */ -function assignValue(object, key, value) { - var objValue = object[key]; - if (!(hasOwnProperty.call(object, key) && eq(objValue, value)) || - (value === undefined && !(key in object))) { - object[key] = value; - } -} +/***/ }), +/* 44 */ +/***/ (function(module, exports) { -/** - * Gets the index at which the `key` is found in `array` of key-value pairs. - * - * @private - * @param {Array} array The array to inspect. - * @param {*} key The key to search for. - * @returns {number} Returns the index of the matched value, else `-1`. - */ -function assocIndexOf(array, key) { - var length = array.length; - while (length--) { - if (eq(array[length][0], key)) { - return length; - } - } - return -1; -} +// 7.2.1 RequireObjectCoercible(argument) +module.exports = function(it){ + if(it == undefined)throw TypeError("Can't call method on " + it); + return it; +}; -/** - * The base implementation of `_.assign` without support for multiple sources - * or `customizer` functions. - * - * @private - * @param {Object} object The destination object. - * @param {Object} source The source object. - * @returns {Object} Returns `object`. - */ -function baseAssign(object, source) { - return object && copyObject(source, keys(source), object); -} +/***/ }), +/* 45 */ +/***/ (function(module, exports) { -/** - * The base implementation of `_.clone` and `_.cloneDeep` which tracks - * traversed objects. - * - * @private - * @param {*} value The value to clone. - * @param {boolean} [isDeep] Specify a deep clone. - * @param {boolean} [isFull] Specify a clone including symbols. - * @param {Function} [customizer] The function to customize cloning. - * @param {string} [key] The key of `value`. - * @param {Object} [object] The parent object of `value`. - * @param {Object} [stack] Tracks traversed objects and their clone counterparts. - * @returns {*} Returns the cloned value. - */ -function baseClone(value, isDeep, isFull, customizer, key, object, stack) { - var result; - if (customizer) { - result = object ? customizer(value, key, object, stack) : customizer(value); - } - if (result !== undefined) { - return result; - } - if (!isObject(value)) { - return value; - } - var isArr = isArray(value); - if (isArr) { - result = initCloneArray(value); - if (!isDeep) { - return copyArray(value, result); - } - } else { - var tag = getTag(value), - isFunc = tag == funcTag || tag == genTag; +// IE 8- don't enum bug keys +module.exports = ( + 'constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf' +).split(','); - if (isBuffer(value)) { - return cloneBuffer(value, isDeep); - } - if (tag == objectTag || tag == argsTag || (isFunc && !object)) { - if (isHostObject(value)) { - return object ? value : {}; - } - result = initCloneObject(isFunc ? {} : value); - if (!isDeep) { - return copySymbols(value, baseAssign(result, value)); - } - } else { - if (!cloneableTags[tag]) { - return object ? value : {}; - } - result = initCloneByTag(value, tag, baseClone, isDeep); - } - } - // Check for circular references and return its corresponding clone. - stack || (stack = new Stack); - var stacked = stack.get(value); - if (stacked) { - return stacked; - } - stack.set(value, result); +/***/ }), +/* 46 */ +/***/ (function(module, exports) { - if (!isArr) { - var props = isFull ? getAllKeys(value) : keys(value); - } - arrayEach(props || value, function(subValue, key) { - if (props) { - key = subValue; - subValue = value[key]; - } - // Recursively populate clone (susceptible to call stack limits). - assignValue(result, key, baseClone(subValue, isDeep, isFull, customizer, key, value, stack)); - }); - return result; -} +module.exports = true; -/** - * The base implementation of `_.create` without support for assigning - * properties to the created object. - * - * @private - * @param {Object} prototype The object to inherit from. - * @returns {Object} Returns the new object. - */ -function baseCreate(proto) { - return isObject(proto) ? objectCreate(proto) : {}; -} +/***/ }), +/* 47 */ +/***/ (function(module, exports, __webpack_require__) { -/** - * The base implementation of `getAllKeys` and `getAllKeysIn` which uses - * `keysFunc` and `symbolsFunc` to get the enumerable property names and - * symbols of `object`. - * - * @private - * @param {Object} object The object to query. - * @param {Function} keysFunc The function to get the keys of `object`. - * @param {Function} symbolsFunc The function to get the symbols of `object`. - * @returns {Array} Returns the array of property names and symbols. - */ -function baseGetAllKeys(object, keysFunc, symbolsFunc) { - var result = keysFunc(object); - return isArray(object) ? result : arrayPush(result, symbolsFunc(object)); -} +// 19.1.2.2 / 15.2.3.5 Object.create(O [, Properties]) +var anObject = __webpack_require__(23) + , dPs = __webpack_require__(158) + , enumBugKeys = __webpack_require__(45) + , IE_PROTO = __webpack_require__(51)('IE_PROTO') + , Empty = function(){ /* empty */ } + , PROTOTYPE = 'prototype'; + +// Create object with fake `null` prototype: use iframe Object with cleared prototype +var createDict = function(){ + // Thrash, waste and sodomy: IE GC bug + var iframe = __webpack_require__(74)('iframe') + , i = enumBugKeys.length + , lt = '<' + , gt = '>' + , iframeDocument; + iframe.style.display = 'none'; + __webpack_require__(148).appendChild(iframe); + iframe.src = 'javascript:'; // eslint-disable-line no-script-url + // createDict = iframe.contentWindow.Object; + // html.removeChild(iframe); + iframeDocument = iframe.contentWindow.document; + iframeDocument.open(); + iframeDocument.write(lt + 'script' + gt + 'document.F=Object' + lt + '/script' + gt); + iframeDocument.close(); + createDict = iframeDocument.F; + while(i--)delete createDict[PROTOTYPE][enumBugKeys[i]]; + return createDict(); +}; -/** - * The base implementation of `getTag`. - * - * @private - * @param {*} value The value to query. - * @returns {string} Returns the `toStringTag`. - */ -function baseGetTag(value) { - return objectToString.call(value); -} +module.exports = Object.create || function create(O, Properties){ + var result; + if(O !== null){ + Empty[PROTOTYPE] = anObject(O); + result = new Empty; + Empty[PROTOTYPE] = null; + // add "__proto__" for Object.getPrototypeOf polyfill + result[IE_PROTO] = O; + } else result = createDict(); + return Properties === undefined ? result : dPs(result, Properties); +}; -/** - * The base implementation of `_.isNative` without bad shim checks. - * - * @private - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is a native function, - * else `false`. - */ -function baseIsNative(value) { - if (!isObject(value) || isMasked(value)) { - return false; - } - var pattern = (isFunction(value) || isHostObject(value)) ? reIsNative : reIsHostCtor; - return pattern.test(toSource(value)); -} -/** - * The base implementation of `_.isTypedArray` without Node.js optimizations. - * - * @private - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is a typed array, else `false`. - */ -function baseIsTypedArray(value) { - return isObjectLike(value) && - isLength(value.length) && !!typedArrayTags[objectToString.call(value)]; -} +/***/ }), +/* 48 */ +/***/ (function(module, exports, __webpack_require__) { -/** - * The base implementation of `_.keys` which doesn't treat sparse arrays as dense. - * - * @private - * @param {Object} object The object to query. - * @returns {Array} Returns the array of property names. - */ -function baseKeys(object) { - if (!isPrototype(object)) { - return nativeKeys(object); - } - var result = []; - for (var key in Object(object)) { - if (hasOwnProperty.call(object, key) && key != 'constructor') { - result.push(key); - } - } - return result; -} +var pIE = __webpack_require__(49) + , createDesc = __webpack_require__(30) + , toIObject = __webpack_require__(17) + , toPrimitive = __webpack_require__(55) + , has = __webpack_require__(21) + , IE8_DOM_DEFINE = __webpack_require__(75) + , gOPD = Object.getOwnPropertyDescriptor; + +exports.f = __webpack_require__(19) ? gOPD : function getOwnPropertyDescriptor(O, P){ + O = toIObject(O); + P = toPrimitive(P, true); + if(IE8_DOM_DEFINE)try { + return gOPD(O, P); + } catch(e){ /* empty */ } + if(has(O, P))return createDesc(!pIE.f.call(O, P), O[P]); +}; -/** - * The base implementation of `_.keysIn` which doesn't treat sparse arrays as dense. - * - * @private - * @param {Object} object The object to query. - * @returns {Array} Returns the array of property names. - */ -function baseKeysIn(object) { - if (!isObject(object)) { - return nativeKeysIn(object); - } - var isProto = isPrototype(object), - result = []; +/***/ }), +/* 49 */ +/***/ (function(module, exports) { - for (var key in object) { - if (!(key == 'constructor' && (isProto || !hasOwnProperty.call(object, key)))) { - result.push(key); - } - } - return result; -} +exports.f = {}.propertyIsEnumerable; -/** - * The base implementation of `_.merge` without support for multiple sources. - * - * @private - * @param {Object} object The destination object. - * @param {Object} source The source object. - * @param {number} srcIndex The index of `source`. - * @param {Function} [customizer] The function to customize merged values. - * @param {Object} [stack] Tracks traversed source values and their merged - * counterparts. - */ -function baseMerge(object, source, srcIndex, customizer, stack) { - if (object === source) { - return; - } - if (!(isArray(source) || isTypedArray(source))) { - var props = baseKeysIn(source); - } - arrayEach(props || source, function(srcValue, key) { - if (props) { - key = srcValue; - srcValue = source[key]; - } - if (isObject(srcValue)) { - stack || (stack = new Stack); - baseMergeDeep(object, source, key, srcIndex, baseMerge, customizer, stack); - } - else { - var newValue = customizer - ? customizer(object[key], srcValue, (key + ''), object, source, stack) - : undefined; +/***/ }), +/* 50 */ +/***/ (function(module, exports, __webpack_require__) { - if (newValue === undefined) { - newValue = srcValue; - } - assignMergeValue(object, key, newValue); - } - }); -} +var def = __webpack_require__(16).f + , has = __webpack_require__(21) + , TAG = __webpack_require__(12)('toStringTag'); -/** - * A specialized version of `baseMerge` for arrays and objects which performs - * deep merges and tracks traversed objects enabling objects with circular - * references to be merged. - * - * @private - * @param {Object} object The destination object. - * @param {Object} source The source object. - * @param {string} key The key of the value to merge. - * @param {number} srcIndex The index of `source`. - * @param {Function} mergeFunc The function to merge values. - * @param {Function} [customizer] The function to customize assigned values. - * @param {Object} [stack] Tracks traversed source values and their merged - * counterparts. - */ -function baseMergeDeep(object, source, key, srcIndex, mergeFunc, customizer, stack) { - var objValue = object[key], - srcValue = source[key], - stacked = stack.get(srcValue); - - if (stacked) { - assignMergeValue(object, key, stacked); - return; - } - var newValue = customizer - ? customizer(objValue, srcValue, (key + ''), object, source, stack) - : undefined; +module.exports = function(it, tag, stat){ + if(it && !has(it = stat ? it : it.prototype, TAG))def(it, TAG, {configurable: true, value: tag}); +}; - var isCommon = newValue === undefined; +/***/ }), +/* 51 */ +/***/ (function(module, exports, __webpack_require__) { - if (isCommon) { - newValue = srcValue; - if (isArray(srcValue) || isTypedArray(srcValue)) { - if (isArray(objValue)) { - newValue = objValue; - } - else if (isArrayLikeObject(objValue)) { - newValue = copyArray(objValue); - } - else { - isCommon = false; - newValue = baseClone(srcValue, true); - } - } - else if (isPlainObject(srcValue) || isArguments(srcValue)) { - if (isArguments(objValue)) { - newValue = toPlainObject(objValue); - } - else if (!isObject(objValue) || (srcIndex && isFunction(objValue))) { - isCommon = false; - newValue = baseClone(srcValue, true); - } - else { - newValue = objValue; - } - } - else { - isCommon = false; - } - } - if (isCommon) { - // Recursively merge objects and arrays (susceptible to call stack limits). - stack.set(srcValue, newValue); - mergeFunc(newValue, srcValue, srcIndex, customizer, stack); - stack['delete'](srcValue); - } - assignMergeValue(object, key, newValue); -} +var shared = __webpack_require__(52)('keys') + , uid = __webpack_require__(37); +module.exports = function(key){ + return shared[key] || (shared[key] = uid(key)); +}; -/** - * The base implementation of `_.rest` which doesn't validate or coerce arguments. - * - * @private - * @param {Function} func The function to apply a rest parameter to. - * @param {number} [start=func.length-1] The start position of the rest parameter. - * @returns {Function} Returns the new function. - */ -function baseRest(func, start) { - start = nativeMax(start === undefined ? (func.length - 1) : start, 0); - return function() { - var args = arguments, - index = -1, - length = nativeMax(args.length - start, 0), - array = Array(length); +/***/ }), +/* 52 */ +/***/ (function(module, exports, __webpack_require__) { - while (++index < length) { - array[index] = args[start + index]; - } - index = -1; - var otherArgs = Array(start + 1); - while (++index < start) { - otherArgs[index] = args[index]; - } - otherArgs[start] = array; - return apply(func, this, otherArgs); - }; -} +var global = __webpack_require__(15) + , SHARED = '__core-js_shared__' + , store = global[SHARED] || (global[SHARED] = {}); +module.exports = function(key){ + return store[key] || (store[key] = {}); +}; -/** - * Creates a clone of `buffer`. - * - * @private - * @param {Buffer} buffer The buffer to clone. - * @param {boolean} [isDeep] Specify a deep clone. - * @returns {Buffer} Returns the cloned buffer. - */ -function cloneBuffer(buffer, isDeep) { - if (isDeep) { - return buffer.slice(); - } - var result = new buffer.constructor(buffer.length); - buffer.copy(result); - return result; -} +/***/ }), +/* 53 */ +/***/ (function(module, exports) { -/** - * Creates a clone of `arrayBuffer`. - * - * @private - * @param {ArrayBuffer} arrayBuffer The array buffer to clone. - * @returns {ArrayBuffer} Returns the cloned array buffer. - */ -function cloneArrayBuffer(arrayBuffer) { - var result = new arrayBuffer.constructor(arrayBuffer.byteLength); - new Uint8Array(result).set(new Uint8Array(arrayBuffer)); - return result; -} +// 7.1.4 ToInteger +var ceil = Math.ceil + , floor = Math.floor; +module.exports = function(it){ + return isNaN(it = +it) ? 0 : (it > 0 ? floor : ceil)(it); +}; -/** - * Creates a clone of `dataView`. - * - * @private - * @param {Object} dataView The data view to clone. - * @param {boolean} [isDeep] Specify a deep clone. - * @returns {Object} Returns the cloned data view. - */ -function cloneDataView(dataView, isDeep) { - var buffer = isDeep ? cloneArrayBuffer(dataView.buffer) : dataView.buffer; - return new dataView.constructor(buffer, dataView.byteOffset, dataView.byteLength); -} +/***/ }), +/* 54 */ +/***/ (function(module, exports, __webpack_require__) { -/** - * Creates a clone of `map`. - * - * @private - * @param {Object} map The map to clone. - * @param {Function} cloneFunc The function to clone values. - * @param {boolean} [isDeep] Specify a deep clone. - * @returns {Object} Returns the cloned map. - */ -function cloneMap(map, isDeep, cloneFunc) { - var array = isDeep ? cloneFunc(mapToArray(map), true) : mapToArray(map); - return arrayReduce(array, addMapEntry, new map.constructor); -} +// 7.1.13 ToObject(argument) +var defined = __webpack_require__(44); +module.exports = function(it){ + return Object(defined(it)); +}; -/** - * Creates a clone of `regexp`. - * - * @private - * @param {Object} regexp The regexp to clone. - * @returns {Object} Returns the cloned regexp. - */ -function cloneRegExp(regexp) { - var result = new regexp.constructor(regexp.source, reFlags.exec(regexp)); - result.lastIndex = regexp.lastIndex; - return result; -} +/***/ }), +/* 55 */ +/***/ (function(module, exports, __webpack_require__) { -/** - * Creates a clone of `set`. - * - * @private - * @param {Object} set The set to clone. - * @param {Function} cloneFunc The function to clone values. - * @param {boolean} [isDeep] Specify a deep clone. - * @returns {Object} Returns the cloned set. - */ -function cloneSet(set, isDeep, cloneFunc) { - var array = isDeep ? cloneFunc(setToArray(set), true) : setToArray(set); - return arrayReduce(array, addSetEntry, new set.constructor); -} +// 7.1.1 ToPrimitive(input [, PreferredType]) +var isObject = __webpack_require__(27); +// instead of the ES6 spec version, we didn't implement @@toPrimitive case +// and the second argument - flag - preferred type is a string +module.exports = function(it, S){ + if(!isObject(it))return it; + var fn, val; + if(S && typeof (fn = it.toString) == 'function' && !isObject(val = fn.call(it)))return val; + if(typeof (fn = it.valueOf) == 'function' && !isObject(val = fn.call(it)))return val; + if(!S && typeof (fn = it.toString) == 'function' && !isObject(val = fn.call(it)))return val; + throw TypeError("Can't convert object to primitive value"); +}; -/** - * Creates a clone of the `symbol` object. - * - * @private - * @param {Object} symbol The symbol object to clone. - * @returns {Object} Returns the cloned symbol object. - */ -function cloneSymbol(symbol) { - return symbolValueOf ? Object(symbolValueOf.call(symbol)) : {}; -} +/***/ }), +/* 56 */ +/***/ (function(module, exports, __webpack_require__) { -/** - * Creates a clone of `typedArray`. - * - * @private - * @param {Object} typedArray The typed array to clone. - * @param {boolean} [isDeep] Specify a deep clone. - * @returns {Object} Returns the cloned typed array. - */ -function cloneTypedArray(typedArray, isDeep) { - var buffer = isDeep ? cloneArrayBuffer(typedArray.buffer) : typedArray.buffer; - return new typedArray.constructor(buffer, typedArray.byteOffset, typedArray.length); -} +var global = __webpack_require__(15) + , core = __webpack_require__(10) + , LIBRARY = __webpack_require__(46) + , wksExt = __webpack_require__(57) + , defineProperty = __webpack_require__(16).f; +module.exports = function(name){ + var $Symbol = core.Symbol || (core.Symbol = LIBRARY ? {} : global.Symbol || {}); + if(name.charAt(0) != '_' && !(name in $Symbol))defineProperty($Symbol, name, {value: wksExt.f(name)}); +}; -/** - * Copies the values of `source` to `array`. - * - * @private - * @param {Array} source The array to copy values from. - * @param {Array} [array=[]] The array to copy values to. - * @returns {Array} Returns `array`. - */ -function copyArray(source, array) { - var index = -1, - length = source.length; +/***/ }), +/* 57 */ +/***/ (function(module, exports, __webpack_require__) { - array || (array = Array(length)); - while (++index < length) { - array[index] = source[index]; - } - return array; -} +exports.f = __webpack_require__(12); -/** - * Copies properties of `source` to `object`. - * - * @private - * @param {Object} source The object to copy properties from. - * @param {Array} props The property identifiers to copy. - * @param {Object} [object={}] The object to copy properties to. - * @param {Function} [customizer] The function to customize copied values. - * @returns {Object} Returns `object`. - */ -function copyObject(source, props, object, customizer) { - object || (object = {}); +/***/ }), +/* 58 */ +/***/ (function(module, exports) { - var index = -1, - length = props.length; +// shim for using process in browser +var process = module.exports = {}; - while (++index < length) { - var key = props[index]; +// cached from whatever global is present so that test runners that stub it +// don't break things. But we need to wrap it in a try catch in case it is +// wrapped in strict mode code which doesn't define any globals. It's inside a +// function because try/catches deoptimize in certain engines. - var newValue = customizer - ? customizer(object[key], source[key], key, object, source) - : undefined; +var cachedSetTimeout; +var cachedClearTimeout; - assignValue(object, key, newValue === undefined ? source[key] : newValue); - } - return object; +function defaultSetTimout() { + throw new Error('setTimeout has not been defined'); } - -/** - * Copies own symbol properties of `source` to `object`. - * - * @private - * @param {Object} source The object to copy symbols from. - * @param {Object} [object={}] The object to copy symbols to. - * @returns {Object} Returns `object`. - */ -function copySymbols(source, object) { - return copyObject(source, getSymbols(source), object); +function defaultClearTimeout () { + throw new Error('clearTimeout has not been defined'); } +(function () { + try { + if (typeof setTimeout === 'function') { + cachedSetTimeout = setTimeout; + } else { + cachedSetTimeout = defaultSetTimout; + } + } catch (e) { + cachedSetTimeout = defaultSetTimout; + } + try { + if (typeof clearTimeout === 'function') { + cachedClearTimeout = clearTimeout; + } else { + cachedClearTimeout = defaultClearTimeout; + } + } catch (e) { + cachedClearTimeout = defaultClearTimeout; + } +} ()) +function runTimeout(fun) { + if (cachedSetTimeout === setTimeout) { + //normal enviroments in sane situations + return setTimeout(fun, 0); + } + // if setTimeout wasn't available but was latter defined + if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) { + cachedSetTimeout = setTimeout; + return setTimeout(fun, 0); + } + try { + // when when somebody has screwed with setTimeout but no I.E. maddness + return cachedSetTimeout(fun, 0); + } catch(e){ + try { + // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally + return cachedSetTimeout.call(null, fun, 0); + } catch(e){ + // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error + return cachedSetTimeout.call(this, fun, 0); + } + } -/** - * Creates a function like `_.assign`. - * - * @private - * @param {Function} assigner The function to assign values. - * @returns {Function} Returns the new assigner function. - */ -function createAssigner(assigner) { - return baseRest(function(object, sources) { - var index = -1, - length = sources.length, - customizer = length > 1 ? sources[length - 1] : undefined, - guard = length > 2 ? sources[2] : undefined; - - customizer = (assigner.length > 3 && typeof customizer == 'function') - ? (length--, customizer) - : undefined; - if (guard && isIterateeCall(sources[0], sources[1], guard)) { - customizer = length < 3 ? undefined : customizer; - length = 1; +} +function runClearTimeout(marker) { + if (cachedClearTimeout === clearTimeout) { + //normal enviroments in sane situations + return clearTimeout(marker); } - object = Object(object); - while (++index < length) { - var source = sources[index]; - if (source) { - assigner(object, source, index, customizer); - } + // if clearTimeout wasn't available but was latter defined + if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) { + cachedClearTimeout = clearTimeout; + return clearTimeout(marker); + } + try { + // when when somebody has screwed with setTimeout but no I.E. maddness + return cachedClearTimeout(marker); + } catch (e){ + try { + // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally + return cachedClearTimeout.call(null, marker); + } catch (e){ + // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error. + // Some versions of I.E. have different rules for clearTimeout vs setTimeout + return cachedClearTimeout.call(this, marker); + } } - return object; - }); -} -/** - * Creates an array of own enumerable property names and symbols of `object`. - * - * @private - * @param {Object} object The object to query. - * @returns {Array} Returns the array of property names and symbols. - */ -function getAllKeys(object) { - return baseGetAllKeys(object, keys, getSymbols); -} -/** - * Gets the data for `map`. - * - * @private - * @param {Object} map The map to query. - * @param {string} key The reference key. - * @returns {*} Returns the map data. - */ -function getMapData(map, key) { - var data = map.__data__; - return isKeyable(key) - ? data[typeof key == 'string' ? 'string' : 'hash'] - : data.map; -} -/** - * Gets the native function at `key` of `object`. - * - * @private - * @param {Object} object The object to query. - * @param {string} key The key of the method to get. - * @returns {*} Returns the function if it's native, else `undefined`. - */ -function getNative(object, key) { - var value = getValue(object, key); - return baseIsNative(value) ? value : undefined; } +var queue = []; +var draining = false; +var currentQueue; +var queueIndex = -1; -/** - * Creates an array of the own enumerable symbol properties of `object`. - * - * @private - * @param {Object} object The object to query. - * @returns {Array} Returns the array of symbols. - */ -var getSymbols = nativeGetSymbols ? overArg(nativeGetSymbols, Object) : stubArray; - -/** - * Gets the `toStringTag` of `value`. - * - * @private - * @param {*} value The value to query. - * @returns {string} Returns the `toStringTag`. - */ -var getTag = baseGetTag; - -// Fallback for data views, maps, sets, and weak maps in IE 11, -// for data views in Edge < 14, and promises in Node.js. -if ((DataView && getTag(new DataView(new ArrayBuffer(1))) != dataViewTag) || - (Map && getTag(new Map) != mapTag) || - (Promise && getTag(Promise.resolve()) != promiseTag) || - (Set && getTag(new Set) != setTag) || - (WeakMap && getTag(new WeakMap) != weakMapTag)) { - getTag = function(value) { - var result = objectToString.call(value), - Ctor = result == objectTag ? value.constructor : undefined, - ctorString = Ctor ? toSource(Ctor) : undefined; - - if (ctorString) { - switch (ctorString) { - case dataViewCtorString: return dataViewTag; - case mapCtorString: return mapTag; - case promiseCtorString: return promiseTag; - case setCtorString: return setTag; - case weakMapCtorString: return weakMapTag; - } +function cleanUpNextTick() { + if (!draining || !currentQueue) { + return; + } + draining = false; + if (currentQueue.length) { + queue = currentQueue.concat(queue); + } else { + queueIndex = -1; + } + if (queue.length) { + drainQueue(); } - return result; - }; } -/** - * Initializes an array clone. - * - * @private - * @param {Array} array The array to clone. - * @returns {Array} Returns the initialized clone. - */ -function initCloneArray(array) { - var length = array.length, - result = array.constructor(length); +function drainQueue() { + if (draining) { + return; + } + var timeout = runTimeout(cleanUpNextTick); + draining = true; - // Add properties assigned by `RegExp#exec`. - if (length && typeof array[0] == 'string' && hasOwnProperty.call(array, 'index')) { - result.index = array.index; - result.input = array.input; - } - return result; + var len = queue.length; + while(len) { + currentQueue = queue; + queue = []; + while (++queueIndex < len) { + if (currentQueue) { + currentQueue[queueIndex].run(); + } + } + queueIndex = -1; + len = queue.length; + } + currentQueue = null; + draining = false; + runClearTimeout(timeout); } -/** - * Initializes an object clone. - * - * @private - * @param {Object} object The object to clone. - * @returns {Object} Returns the initialized clone. - */ -function initCloneObject(object) { - return (typeof object.constructor == 'function' && !isPrototype(object)) - ? baseCreate(getPrototype(object)) - : {}; +process.nextTick = function (fun) { + var args = new Array(arguments.length - 1); + if (arguments.length > 1) { + for (var i = 1; i < arguments.length; i++) { + args[i - 1] = arguments[i]; + } + } + queue.push(new Item(fun, args)); + if (queue.length === 1 && !draining) { + runTimeout(drainQueue); + } +}; + +// v8 likes predictible objects +function Item(fun, array) { + this.fun = fun; + this.array = array; } +Item.prototype.run = function () { + this.fun.apply(null, this.array); +}; +process.title = 'browser'; +process.browser = true; +process.env = {}; +process.argv = []; +process.version = ''; // empty string to avoid regexp issues +process.versions = {}; -/** - * Initializes an object clone based on its `toStringTag`. - * - * **Note:** This function only supports cloning values with tags of - * `Boolean`, `Date`, `Error`, `Number`, `RegExp`, or `String`. - * - * @private - * @param {Object} object The object to clone. - * @param {string} tag The `toStringTag` of the object to clone. - * @param {Function} cloneFunc The function to clone values. - * @param {boolean} [isDeep] Specify a deep clone. - * @returns {Object} Returns the initialized clone. - */ -function initCloneByTag(object, tag, cloneFunc, isDeep) { - var Ctor = object.constructor; - switch (tag) { - case arrayBufferTag: - return cloneArrayBuffer(object); +function noop() {} - case boolTag: - case dateTag: - return new Ctor(+object); +process.on = noop; +process.addListener = noop; +process.once = noop; +process.off = noop; +process.removeListener = noop; +process.removeAllListeners = noop; +process.emit = noop; - case dataViewTag: - return cloneDataView(object, isDeep); +process.binding = function (name) { + throw new Error('process.binding is not supported'); +}; - case float32Tag: case float64Tag: - case int8Tag: case int16Tag: case int32Tag: - case uint8Tag: case uint8ClampedTag: case uint16Tag: case uint32Tag: - return cloneTypedArray(object, isDeep); +process.cwd = function () { return '/' }; +process.chdir = function (dir) { + throw new Error('process.chdir is not supported'); +}; +process.umask = function() { return 0; }; - case mapTag: - return cloneMap(object, isDeep, cloneFunc); - case numberTag: - case stringTag: - return new Ctor(object); +/***/ }), +/* 59 */ +/***/ (function(module, exports) { - case regexpTag: - return cloneRegExp(object); +module.exports = "" - case setTag: - return cloneSet(object, isDeep, cloneFunc); +/***/ }), +/* 60 */ +/***/ (function(module, exports, __webpack_require__) { - case symbolTag: - return cloneSymbol(object); - } -} +"use strict"; -/** - * Checks if `value` is a valid array-like index. - * - * @private - * @param {*} value The value to check. - * @param {number} [length=MAX_SAFE_INTEGER] The upper bounds of a valid index. - * @returns {boolean} Returns `true` if `value` is a valid index, else `false`. - */ -function isIndex(value, length) { - length = length == null ? MAX_SAFE_INTEGER : length; - return !!length && - (typeof value == 'number' || reIsUint.test(value)) && - (value > -1 && value % 1 == 0 && value < length); -} -/** - * Checks if the given arguments are from an iteratee call. - * - * @private - * @param {*} value The potential iteratee value argument. - * @param {*} index The potential iteratee index or key argument. - * @param {*} object The potential iteratee object argument. - * @returns {boolean} Returns `true` if the arguments are from an iteratee call, - * else `false`. - */ -function isIterateeCall(value, index, object) { - if (!isObject(object)) { - return false; - } - var type = typeof index; - if (type == 'number' - ? (isArrayLike(object) && isIndex(index, object.length)) - : (type == 'string' && index in object) - ) { - return eq(object[index], value); - } - return false; -} +Object.defineProperty(exports, "__esModule", { + value: true +}); -/** - * Checks if `value` is suitable for use as unique object key. - * - * @private - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is suitable, else `false`. - */ -function isKeyable(value) { - var type = typeof value; - return (type == 'string' || type == 'number' || type == 'symbol' || type == 'boolean') - ? (value !== '__proto__') - : (value === null); -} +var _container = __webpack_require__(87); -/** - * Checks if `func` has its source masked. - * - * @private - * @param {Function} func The function to check. - * @returns {boolean} Returns `true` if `func` is masked, else `false`. - */ -function isMasked(func) { - return !!maskSrcKey && (maskSrcKey in func); -} +var _container2 = _interopRequireDefault(_container); -/** - * Checks if `value` is likely a prototype object. - * - * @private - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is a prototype, else `false`. - */ -function isPrototype(value) { - var Ctor = value && value.constructor, - proto = (typeof Ctor == 'function' && Ctor.prototype) || objectProto; +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - return value === proto; -} +exports.default = _container2.default; +module.exports = exports['default']; -/** - * This function is like - * [`Object.keys`](http://ecma-international.org/ecma-262/7.0/#sec-object.keys) - * except that it includes inherited enumerable properties. - * - * @private - * @param {Object} object The object to query. - * @returns {Array} Returns the array of property names. - */ -function nativeKeysIn(object) { - var result = []; - if (object != null) { - for (var key in Object(object)) { - result.push(key); - } - } - return result; -} +/***/ }), +/* 61 */ +/***/ (function(module, exports, __webpack_require__) { -/** - * Converts `func` to its source code. - * - * @private - * @param {Function} func The function to process. - * @returns {string} Returns the source code. - */ -function toSource(func) { - if (func != null) { - try { - return funcToString.call(func); - } catch (e) {} - try { - return (func + ''); - } catch (e) {} - } - return ''; -} +"use strict"; -/** - * Performs a - * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero) - * comparison between two values to determine if they are equivalent. - * - * @static - * @memberOf _ - * @since 4.0.0 - * @category Lang - * @param {*} value The value to compare. - * @param {*} other The other value to compare. - * @returns {boolean} Returns `true` if the values are equivalent, else `false`. - * @example - * - * var object = { 'a': 1 }; - * var other = { 'a': 1 }; - * - * _.eq(object, object); - * // => true - * - * _.eq(object, other); - * // => false - * - * _.eq('a', 'a'); - * // => true - * - * _.eq('a', Object('a')); - * // => false - * - * _.eq(NaN, NaN); - * // => true - */ -function eq(value, other) { - return value === other || (value !== value && other !== other); -} -/** - * Checks if `value` is likely an `arguments` object. - * - * @static - * @memberOf _ - * @since 0.1.0 - * @category Lang - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is an `arguments` object, - * else `false`. - * @example - * - * _.isArguments(function() { return arguments; }()); - * // => true - * - * _.isArguments([1, 2, 3]); - * // => false - */ -function isArguments(value) { - // Safari 8.1 makes `arguments.callee` enumerable in strict mode. - return isArrayLikeObject(value) && hasOwnProperty.call(value, 'callee') && - (!propertyIsEnumerable.call(value, 'callee') || objectToString.call(value) == argsTag); -} +Object.defineProperty(exports, "__esModule", { + value: true +}); -/** - * Checks if `value` is classified as an `Array` object. - * - * @static - * @memberOf _ - * @since 0.1.0 - * @category Lang - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is an array, else `false`. - * @example - * - * _.isArray([1, 2, 3]); - * // => true - * - * _.isArray(document.body.children); - * // => false - * - * _.isArray('abc'); - * // => false - * - * _.isArray(_.noop); - * // => false - */ -var isArray = Array.isArray; +var _core = __webpack_require__(90); -/** - * Checks if `value` is array-like. A value is considered array-like if it's - * not a function and has a `value.length` that's an integer greater than or - * equal to `0` and less than or equal to `Number.MAX_SAFE_INTEGER`. - * - * @static - * @memberOf _ - * @since 4.0.0 - * @category Lang - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is array-like, else `false`. - * @example - * - * _.isArrayLike([1, 2, 3]); - * // => true - * - * _.isArrayLike(document.body.children); - * // => true - * - * _.isArrayLike('abc'); - * // => true - * - * _.isArrayLike(_.noop); - * // => false - */ -function isArrayLike(value) { - return value != null && isLength(value.length) && !isFunction(value); -} +var _core2 = _interopRequireDefault(_core); -/** - * This method is like `_.isArrayLike` except that it also checks if `value` - * is an object. - * - * @static - * @memberOf _ - * @since 4.0.0 - * @category Lang - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is an array-like object, - * else `false`. - * @example - * - * _.isArrayLikeObject([1, 2, 3]); - * // => true - * - * _.isArrayLikeObject(document.body.children); - * // => true - * - * _.isArrayLikeObject('abc'); - * // => false - * - * _.isArrayLikeObject(_.noop); - * // => false - */ -function isArrayLikeObject(value) { - return isObjectLike(value) && isArrayLike(value); -} +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } -/** - * Checks if `value` is a buffer. - * - * @static - * @memberOf _ - * @since 4.3.0 - * @category Lang - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is a buffer, else `false`. - * @example - * - * _.isBuffer(new Buffer(2)); - * // => true - * - * _.isBuffer(new Uint8Array(2)); - * // => false - */ -var isBuffer = nativeIsBuffer || stubFalse; +exports.default = _core2.default; +module.exports = exports['default']; -/** - * Checks if `value` is classified as a `Function` object. - * - * @static - * @memberOf _ - * @since 0.1.0 - * @category Lang - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is a function, else `false`. - * @example - * - * _.isFunction(_); - * // => true - * - * _.isFunction(/abc/); - * // => false - */ -function isFunction(value) { - // The use of `Object#toString` avoids issues with the `typeof` operator - // in Safari 8-9 which returns 'object' for typed array and other constructors. - var tag = isObject(value) ? objectToString.call(value) : ''; - return tag == funcTag || tag == genTag; -} +/***/ }), +/* 62 */ +/***/ (function(module, exports, __webpack_require__) { -/** - * Checks if `value` is a valid array-like length. - * - * **Note:** This method is loosely based on - * [`ToLength`](http://ecma-international.org/ecma-262/7.0/#sec-tolength). - * - * @static - * @memberOf _ - * @since 4.0.0 - * @category Lang - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is a valid length, else `false`. - * @example - * - * _.isLength(3); - * // => true - * - * _.isLength(Number.MIN_VALUE); - * // => false - * - * _.isLength(Infinity); - * // => false - * - * _.isLength('3'); - * // => false - */ -function isLength(value) { - return typeof value == 'number' && - value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER; -} +"use strict"; -/** - * Checks if `value` is the - * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types) - * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`) - * - * @static - * @memberOf _ - * @since 0.1.0 - * @category Lang - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is an object, else `false`. - * @example - * - * _.isObject({}); - * // => true - * - * _.isObject([1, 2, 3]); - * // => true - * - * _.isObject(_.noop); - * // => true - * - * _.isObject(null); - * // => false - */ -function isObject(value) { - var type = typeof value; - return !!value && (type == 'object' || type == 'function'); -} -/** - * Checks if `value` is object-like. A value is object-like if it's not `null` - * and has a `typeof` result of "object". - * - * @static - * @memberOf _ - * @since 4.0.0 - * @category Lang - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is object-like, else `false`. - * @example - * - * _.isObjectLike({}); - * // => true - * - * _.isObjectLike([1, 2, 3]); - * // => true - * - * _.isObjectLike(_.noop); - * // => false - * - * _.isObjectLike(null); - * // => false - */ -function isObjectLike(value) { - return !!value && typeof value == 'object'; -} +Object.defineProperty(exports, "__esModule", { + value: true +}); -/** - * Checks if `value` is a plain object, that is, an object created by the - * `Object` constructor or one with a `[[Prototype]]` of `null`. - * - * @static - * @memberOf _ - * @since 0.8.0 - * @category Lang - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is a plain object, else `false`. - * @example - * - * function Foo() { - * this.a = 1; - * } - * - * _.isPlainObject(new Foo); - * // => false - * - * _.isPlainObject([1, 2, 3]); - * // => false - * - * _.isPlainObject({ 'x': 0, 'y': 0 }); - * // => true - * - * _.isPlainObject(Object.create(null)); - * // => true - */ -function isPlainObject(value) { - if (!isObjectLike(value) || - objectToString.call(value) != objectTag || isHostObject(value)) { - return false; - } - var proto = getPrototype(value); - if (proto === null) { - return true; - } - var Ctor = hasOwnProperty.call(proto, 'constructor') && proto.constructor; - return (typeof Ctor == 'function' && - Ctor instanceof Ctor && funcToString.call(Ctor) == objectCtorString); -} +var _loader = __webpack_require__(93); -/** - * Checks if `value` is classified as a typed array. - * - * @static - * @memberOf _ - * @since 3.0.0 - * @category Lang - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is a typed array, else `false`. - * @example - * - * _.isTypedArray(new Uint8Array); - * // => true - * - * _.isTypedArray([]); - * // => false - */ -var isTypedArray = nodeIsTypedArray ? baseUnary(nodeIsTypedArray) : baseIsTypedArray; +var _loader2 = _interopRequireDefault(_loader); -/** - * Converts `value` to a plain object flattening inherited enumerable string - * keyed properties of `value` to own properties of the plain object. - * - * @static - * @memberOf _ - * @since 3.0.0 - * @category Lang - * @param {*} value The value to convert. - * @returns {Object} Returns the converted plain object. - * @example - * - * function Foo() { - * this.b = 2; - * } - * - * Foo.prototype.c = 3; - * - * _.assign({ 'a': 1 }, new Foo); - * // => { 'a': 1, 'b': 2 } - * - * _.assign({ 'a': 1 }, _.toPlainObject(new Foo)); - * // => { 'a': 1, 'b': 2, 'c': 3 } - */ -function toPlainObject(value) { - return copyObject(value, keysIn(value)); -} +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } -/** - * Creates an array of the own enumerable property names of `object`. - * - * **Note:** Non-object values are coerced to objects. See the - * [ES spec](http://ecma-international.org/ecma-262/7.0/#sec-object.keys) - * for more details. - * - * @static - * @since 0.1.0 - * @memberOf _ - * @category Object - * @param {Object} object The object to query. - * @returns {Array} Returns the array of property names. - * @example - * - * function Foo() { - * this.a = 1; - * this.b = 2; - * } - * - * Foo.prototype.c = 3; - * - * _.keys(new Foo); - * // => ['a', 'b'] (iteration order is not guaranteed) - * - * _.keys('hi'); - * // => ['0', '1'] - */ -function keys(object) { - return isArrayLike(object) ? arrayLikeKeys(object) : baseKeys(object); -} +exports.default = _loader2.default; +module.exports = exports['default']; -/** - * Creates an array of the own and inherited enumerable property names of `object`. - * - * **Note:** Non-object values are coerced to objects. - * - * @static - * @memberOf _ - * @since 3.0.0 - * @category Object - * @param {Object} object The object to query. - * @returns {Array} Returns the array of property names. - * @example - * - * function Foo() { - * this.a = 1; - * this.b = 2; - * } - * - * Foo.prototype.c = 3; - * - * _.keysIn(new Foo); - * // => ['a', 'b', 'c'] (iteration order is not guaranteed) - */ -function keysIn(object) { - return isArrayLike(object) ? arrayLikeKeys(object, true) : baseKeysIn(object); -} +/***/ }), +/* 63 */ +/***/ (function(module, exports, __webpack_require__) { -/** - * This method is like `_.assign` except that it recursively merges own and - * inherited enumerable string keyed properties of source objects into the - * destination object. Source properties that resolve to `undefined` are - * skipped if a destination value exists. Array and plain object properties - * are merged recursively. Other objects and value types are overridden by - * assignment. Source objects are applied from left to right. Subsequent - * sources overwrite property assignments of previous sources. - * - * **Note:** This method mutates `object`. - * - * @static - * @memberOf _ - * @since 0.5.0 - * @category Object - * @param {Object} object The destination object. - * @param {...Object} [sources] The source objects. - * @returns {Object} Returns `object`. - * @example - * - * var object = { - * 'a': [{ 'b': 2 }, { 'd': 4 }] - * }; - * - * var other = { - * 'a': [{ 'c': 3 }, { 'e': 5 }] - * }; - * - * _.merge(object, other); - * // => { 'a': [{ 'b': 2, 'c': 3 }, { 'd': 4, 'e': 5 }] } - */ -var merge = createAssigner(function(object, source, srcIndex) { - baseMerge(object, source, srcIndex); +"use strict"; + + +Object.defineProperty(exports, "__esModule", { + value: true }); -/** - * This method returns a new empty array. - * - * @static - * @memberOf _ - * @since 4.13.0 - * @category Util - * @returns {Array} Returns the new empty array. - * @example - * - * var arrays = _.times(2, _.stubArray); - * - * console.log(arrays); - * // => [[], []] - * - * console.log(arrays[0] === arrays[1]); - * // => false - */ -function stubArray() { - return []; -} +var _media_control = __webpack_require__(94); -/** - * This method returns `false`. - * - * @static - * @memberOf _ - * @since 4.13.0 - * @category Util - * @returns {boolean} Returns `false`. - * @example - * - * _.times(2, _.stubFalse); - * // => [false, false] - */ -function stubFalse() { - return false; -} +var _media_control2 = _interopRequireDefault(_media_control); -module.exports = merge; +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } -/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(12), __webpack_require__(23)(module))) +exports.default = _media_control2.default; +module.exports = exports['default']; /***/ }), -/* 36 */ -/***/ (function(module, exports) { +/* 64 */ +/***/ (function(module, exports, __webpack_require__) { -module.exports = "" +"use strict"; + + +Object.defineProperty(exports, "__esModule", { + value: true +}); + +var _flash = __webpack_require__(97); + +var _flash2 = _interopRequireDefault(_flash); + +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + +exports.default = _flash2.default; +module.exports = exports['default']; /***/ }), -/* 37 */ +/* 65 */ /***/ (function(module, exports, __webpack_require__) { -module.exports = __webpack_require__.p + "a8c874b93b3d848f39a71260c57e3863.cur"; +"use strict"; + + +Object.defineProperty(exports, "__esModule", { + value: true +}); + +var _flashls = __webpack_require__(98); + +var _flashls2 = _interopRequireDefault(_flashls); + +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + +exports.default = _flashls2.default; +module.exports = exports['default']; /***/ }), -/* 38 */ +/* 66 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; @@ -7212,1191 +5691,1030 @@ Object.defineProperty(exports, "__esModule", { value: true }); -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); +var _hls = __webpack_require__(100); + +var _hls2 = _interopRequireDefault(_hls); -var _utils = __webpack_require__(1); +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } -var _base_object = __webpack_require__(8); +exports.default = _hls2.default; +module.exports = exports['default']; -var _base_object2 = _interopRequireDefault(_base_object); +/***/ }), +/* 67 */ +/***/ (function(module, exports, __webpack_require__) { -var _events = __webpack_require__(0); +"use strict"; -var _events2 = _interopRequireDefault(_events); -var _browser = __webpack_require__(7); +Object.defineProperty(exports, "__esModule", { + value: true +}); -var _browser2 = _interopRequireDefault(_browser); +var _html5_audio = __webpack_require__(101); -var _core_factory = __webpack_require__(44); +var _html5_audio2 = _interopRequireDefault(_html5_audio); -var _core_factory2 = _interopRequireDefault(_core_factory); +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } -var _loader = __webpack_require__(26); +exports.default = _html5_audio2.default; +module.exports = exports['default']; -var _loader2 = _interopRequireDefault(_loader); +/***/ }), +/* 68 */ +/***/ (function(module, exports, __webpack_require__) { -var _player_info = __webpack_require__(15); +"use strict"; -var _player_info2 = _interopRequireDefault(_player_info); -var _clapprZepto = __webpack_require__(3); +Object.defineProperty(exports, "__esModule", { + value: true +}); + +var _html_img = __webpack_require__(103); -var _clapprZepto2 = _interopRequireDefault(_clapprZepto); +var _html_img2 = _interopRequireDefault(_html_img); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } +exports.default = _html_img2.default; +module.exports = exports['default']; -function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } +/***/ }), +/* 69 */ +/***/ (function(module, exports, __webpack_require__) { -function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // 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. +"use strict"; -var baseUrl = (0, _utils.currentScriptUrl)().replace(/\/[^\/]+$/, ''); -/** - * @class Player - * @constructor - * @extends BaseObject - * @module components - * @example - * ### Using the Player - * - * Add the following script on your HTML: - * ```html - * - * - * - * ``` - * Now, create the player: - * ```html - * - * - * - * - * ``` - */ +Object.defineProperty(exports, "__esModule", { + value: true +}); -var Player = function (_BaseObject) { - _inherits(Player, _BaseObject); +var _no_op = __webpack_require__(104); - _createClass(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; - } +var _no_op2 = _interopRequireDefault(_no_op); - /** - * Determine if the playback has ended. - * @property ended - * @type Boolean - */ +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - }, { - key: 'ended', - get: function get() { - return this.core.mediaControl.container.ended; - } +exports.default = _no_op2.default; +module.exports = exports['default']; - /** - * 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 - */ +/***/ }), +/* 70 */ +/***/ (function(module, exports, __webpack_require__) { - }, { - key: 'buffering', - get: function get() { - return this.core.mediaControl.container.buffering; - } +"use strict"; - /* - * 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; - } +Object.defineProperty(exports, "__esModule", { + value: true +}); - /** - * An events map that allows the user to add custom callbacks in player's options. - * @property eventsMapping - * @type {Object} - */ +var _poster = __webpack_require__(115); - }, { - 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 - }; - } +var _poster2 = _interopRequireDefault(_poster); - /** - * ## 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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - }]); +exports.default = _poster2.default; +module.exports = exports['default']; - function Player(options) { - _classCallCheck(this, Player); +/***/ }), +/* 71 */ +/***/ (function(module, exports, __webpack_require__) { - var _this = _possibleConstructorReturn(this, _BaseObject.call(this, options)); +module.exports = { "default": __webpack_require__(135), __esModule: true }; - 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; - } +/***/ }), +/* 72 */ +/***/ (function(module, exports, __webpack_require__) { - /** - * Specify a `parentId` to the player. - * @method setParentId - * @param {String} parentId the element parent id. - * @return {Player} itself - */ +module.exports = { "default": __webpack_require__(136), __esModule: true }; +/***/ }), +/* 73 */ +/***/ (function(module, exports, __webpack_require__) { - Player.prototype.setParentId = function setParentId(parentId) { - var el = document.querySelector(parentId); - if (el) { - this.attachTo(el); - } - return this; - }; +"use strict"; - /** - * 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 - */ +exports.__esModule = true; - Player.prototype.attachTo = function attachTo(element) { - this.options.parentElement = element; - this.core = this._coreFactory.create(); - this._addEventListeners(); - return this; - }; +var _from = __webpack_require__(127); - 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; - }; +var _from2 = _interopRequireDefault(_from); - 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); +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + +exports.default = function (arr) { + if (Array.isArray(arr)) { + for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { + arr2[i] = arr[i]; } - return this; - }; - Player.prototype._registerOptionEventListeners = function _registerOptionEventListeners() { - var _this2 = this; + return arr2; + } else { + return (0, _from2.default)(arr); + } +}; - var userEvents = this.options.events || {}; - Object.keys(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; - }; +/***/ }), +/* 74 */ +/***/ (function(module, exports, __webpack_require__) { - Player.prototype._containerChanged = function _containerChanged() { - this.stopListening(); - this._addEventListeners(); - }; +var isObject = __webpack_require__(27) + , document = __webpack_require__(15).document + // in old IE typeof document.createElement is 'object' + , is = isObject(document) && isObject(document.createElement); +module.exports = function(it){ + return is ? document.createElement(it) : {}; +}; - Player.prototype._onReady = function _onReady() { - this._ready = true; - this._addContainerEventListeners(); - this.trigger(_events2.default.PLAYER_READY); - }; +/***/ }), +/* 75 */ +/***/ (function(module, exports, __webpack_require__) { - Player.prototype._onFullscreenChange = function _onFullscreenChange(fullscreen) { - this.trigger(_events2.default.PLAYER_FULLSCREEN, fullscreen); - }; +module.exports = !__webpack_require__(19) && !__webpack_require__(26)(function(){ + return Object.defineProperty(__webpack_require__(74)('div'), 'a', {get: function(){ return 7; }}).a != 7; +}); - Player.prototype._onVolumeUpdate = function _onVolumeUpdate(volume) { - this.trigger(_events2.default.PLAYER_VOLUMEUPDATE, volume); - }; +/***/ }), +/* 76 */ +/***/ (function(module, exports, __webpack_require__) { - Player.prototype._onPlay = function _onPlay() { - this.trigger(_events2.default.PLAYER_PLAY); - }; +"use strict"; - Player.prototype._onPause = function _onPause() { - this.trigger(_events2.default.PLAYER_PAUSE); - }; +var LIBRARY = __webpack_require__(46) + , $export = __webpack_require__(20) + , redefine = __webpack_require__(81) + , hide = __webpack_require__(24) + , has = __webpack_require__(21) + , Iterators = __webpack_require__(28) + , $iterCreate = __webpack_require__(153) + , setToStringTag = __webpack_require__(50) + , getPrototypeOf = __webpack_require__(160) + , ITERATOR = __webpack_require__(12)('iterator') + , BUGGY = !([].keys && 'next' in [].keys()) // Safari has buggy iterators w/o `next` + , FF_ITERATOR = '@@iterator' + , KEYS = 'keys' + , VALUES = 'values'; + +var returnThis = function(){ return this; }; + +module.exports = function(Base, NAME, Constructor, next, DEFAULT, IS_SET, FORCED){ + $iterCreate(Constructor, NAME, next); + var getMethod = function(kind){ + if(!BUGGY && kind in proto)return proto[kind]; + switch(kind){ + case KEYS: return function keys(){ return new Constructor(this, kind); }; + case VALUES: return function values(){ return new Constructor(this, kind); }; + } return function entries(){ return new Constructor(this, kind); }; + }; + var TAG = NAME + ' Iterator' + , DEF_VALUES = DEFAULT == VALUES + , VALUES_BUG = false + , proto = Base.prototype + , $native = proto[ITERATOR] || proto[FF_ITERATOR] || DEFAULT && proto[DEFAULT] + , $default = $native || getMethod(DEFAULT) + , $entries = DEFAULT ? !DEF_VALUES ? $default : getMethod('entries') : undefined + , $anyNative = NAME == 'Array' ? proto.entries || $native : $native + , methods, key, IteratorPrototype; + // Fix native + if($anyNative){ + IteratorPrototype = getPrototypeOf($anyNative.call(new Base)); + if(IteratorPrototype !== Object.prototype){ + // Set @@toStringTag to native iterators + setToStringTag(IteratorPrototype, TAG, true); + // fix for some old engines + if(!LIBRARY && !has(IteratorPrototype, ITERATOR))hide(IteratorPrototype, ITERATOR, returnThis); + } + } + // fix Array#{values, @@iterator}.name in V8 / FF + if(DEF_VALUES && $native && $native.name !== VALUES){ + VALUES_BUG = true; + $default = function values(){ return $native.call(this); }; + } + // Define iterator + if((!LIBRARY || FORCED) && (BUGGY || VALUES_BUG || !proto[ITERATOR])){ + hide(proto, ITERATOR, $default); + } + // Plug for library + Iterators[NAME] = $default; + Iterators[TAG] = returnThis; + if(DEFAULT){ + methods = { + values: DEF_VALUES ? $default : getMethod(VALUES), + keys: IS_SET ? $default : getMethod(KEYS), + entries: $entries + }; + if(FORCED)for(key in methods){ + if(!(key in proto))redefine(proto, key, methods[key]); + } else $export($export.P + $export.F * (BUGGY || VALUES_BUG), NAME, methods); + } + return methods; +}; - Player.prototype._onStop = function _onStop() { - this.trigger(_events2.default.PLAYER_STOP, this.getCurrentTime()); - }; +/***/ }), +/* 77 */ +/***/ (function(module, exports, __webpack_require__) { - Player.prototype._onEnded = function _onEnded() { - this.trigger(_events2.default.PLAYER_ENDED); - }; +// 19.1.2.7 / 15.2.3.4 Object.getOwnPropertyNames(O) +var $keys = __webpack_require__(79) + , hiddenKeys = __webpack_require__(45).concat('length', 'prototype'); - Player.prototype._onSeek = function _onSeek(time) { - this.trigger(_events2.default.PLAYER_SEEK, time); - }; +exports.f = Object.getOwnPropertyNames || function getOwnPropertyNames(O){ + return $keys(O, hiddenKeys); +}; - Player.prototype._onTimeUpdate = function _onTimeUpdate(timeProgress) { - this.trigger(_events2.default.PLAYER_TIMEUPDATE, timeProgress); - }; +/***/ }), +/* 78 */ +/***/ (function(module, exports) { - Player.prototype._onError = function _onError(error) { - this.trigger(_events2.default.PLAYER_ERROR, error); - }; +exports.f = Object.getOwnPropertySymbols; - Player.prototype._normalizeSources = function _normalizeSources(options) { - var sources = options.sources || (options.source !== undefined ? [options.source] : []); - return sources.length === 0 ? [{ source: '', mimeType: '' }] : sources; - }; +/***/ }), +/* 79 */ +/***/ (function(module, exports, __webpack_require__) { - /** - * 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}) - * ``` - */ +var has = __webpack_require__(21) + , toIObject = __webpack_require__(17) + , arrayIndexOf = __webpack_require__(144)(false) + , IE_PROTO = __webpack_require__(51)('IE_PROTO'); + +module.exports = function(object, names){ + var O = toIObject(object) + , i = 0 + , result = [] + , key; + for(key in O)if(key != IE_PROTO)has(O, key) && result.push(key); + // Don't enum bug & hidden keys + while(names.length > i)if(has(O, key = names[i++])){ + ~arrayIndexOf(result, key) || result.push(key); + } + return result; +}; +/***/ }), +/* 80 */ +/***/ (function(module, exports, __webpack_require__) { - Player.prototype.resize = function resize(size) { - this.core.resize(size); - return this; - }; +// most Object methods by ES6 should accept primitives +var $export = __webpack_require__(20) + , core = __webpack_require__(10) + , fails = __webpack_require__(26); +module.exports = function(KEY, exec){ + var fn = (core.Object || {})[KEY] || Object[KEY] + , exp = {}; + exp[KEY] = exec(fn); + $export($export.S + $export.F * fails(function(){ fn(1); }), 'Object', exp); +}; - /** - * 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 - */ +/***/ }), +/* 81 */ +/***/ (function(module, exports, __webpack_require__) { +module.exports = __webpack_require__(24); - Player.prototype.load = function load(sources, mimeType, autoPlay) { - if (autoPlay !== undefined) { - this.configure({ autoPlay: !!autoPlay }); - } - this.core.load(sources, mimeType); - return this; - }; +/***/ }), +/* 82 */ +/***/ (function(module, exports, __webpack_require__) { - /** - * destroys the current player and removes it from the DOM. - * @method destroy - * @return {Player} itself - */ +// 7.1.15 ToLength +var toInteger = __webpack_require__(53) + , min = Math.min; +module.exports = function(it){ + return it > 0 ? min(toInteger(it), 0x1fffffffffffff) : 0; // pow(2, 53) - 1 == 9007199254740991 +}; +/***/ }), +/* 83 */ +/***/ (function(module, exports, __webpack_require__) { - Player.prototype.destroy = function destroy() { - this.core.destroy(); - return this; - }; +"use strict"; - /** - * Gives user consent to playback. Required by mobile device after a click event before Player.load(). - * @method consent - * @return {Player} itself - */ +var $at = __webpack_require__(162)(true); + +// 21.1.3.27 String.prototype[@@iterator]() +__webpack_require__(76)(String, 'String', function(iterated){ + this._t = String(iterated); // target + this._i = 0; // next index +// 21.1.5.2.1 %StringIteratorPrototype%.next() +}, function(){ + var O = this._t + , index = this._i + , point; + if(index >= O.length)return {value: undefined, done: true}; + point = $at(O, index); + this._i += point.length; + return {value: point, done: false}; +}); +/***/ }), +/* 84 */ +/***/ (function(module, exports) { - Player.prototype.consent = function consent() { - this.core.getCurrentPlayback().consent(); - return this; - }; +module.exports = "" - /** - * plays the current video (`source`). - * @method play - * @return {Player} itself - */ +/***/ }), +/* 85 */ +/***/ (function(module, exports, __webpack_require__) { +module.exports = __webpack_require__.p + "a8c874b93b3d848f39a71260c57e3863.cur"; - Player.prototype.play = function play() { - this.core.mediaControl.container.play(); - return this; - }; +/***/ }), +/* 86 */ +/***/ (function(module, exports, __webpack_require__) { - /** - * pauses the current video (`source`). - * @method pause - * @return {Player} itself - */ +"use strict"; - Player.prototype.pause = function pause() { - this.core.mediaControl.container.pause(); - return this; - }; +Object.defineProperty(exports, "__esModule", { + value: true +}); - /** - * stops the current video (`source`). - * @method stop - * @return {Player} itself - */ +var _keys = __webpack_require__(35); +var _keys2 = _interopRequireDefault(_keys); - Player.prototype.stop = function stop() { - this.core.mediaControl.container.stop(); - return this; - }; +var _classCallCheck2 = __webpack_require__(0); - /** - * 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 - */ +var _classCallCheck3 = _interopRequireDefault(_classCallCheck2); +var _possibleConstructorReturn2 = __webpack_require__(2); - Player.prototype.seek = function seek(time) { - this.core.mediaControl.container.seek(time); - return this; - }; +var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2); - /** - * 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 - */ +var _createClass2 = __webpack_require__(3); +var _createClass3 = _interopRequireDefault(_createClass2); - Player.prototype.seekPercentage = function seekPercentage(percentage) { - this.core.mediaControl.container.seekPercentage(percentage); - return this; - }; +var _inherits2 = __webpack_require__(1); - /** - * 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 - */ +var _inherits3 = _interopRequireDefault(_inherits2); +var _utils = __webpack_require__(5); - Player.prototype.setVolume = function setVolume(volume) { - if (this.core && this.core.mediaControl) { - this.core.mediaControl.setVolume(volume); - } - return this; - }; +var _base_object = __webpack_require__(14); - /** - * 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. - */ +var _base_object2 = _interopRequireDefault(_base_object); +var _events = __webpack_require__(4); - Player.prototype.getVolume = function getVolume() { - return this.core && this.core.mediaControl ? this.core.mediaControl.volume : 0; - }; +var _events2 = _interopRequireDefault(_events); - /** - * mutes the current video (`source`). - * @method mute - * @return {Player} itself - */ +var _browser = __webpack_require__(13); +var _browser2 = _interopRequireDefault(_browser); - Player.prototype.mute = function mute() { - this._mutedVolume = this.getVolume(); - this.setVolume(0); - return this; - }; +var _core_factory = __webpack_require__(92); - /** - * unmutes the current video (`source`). - * @method unmute - * @return {Player} itself - */ +var _core_factory2 = _interopRequireDefault(_core_factory); +var _loader = __webpack_require__(62); - Player.prototype.unmute = function unmute() { - this.setVolume(typeof this._mutedVolume === 'number' ? this._mutedVolume : 100); - this._mutedVolume = null; - return this; - }; +var _loader2 = _interopRequireDefault(_loader); - /** - * checks if the player is playing. - * @method isPlaying - * @return {Boolean} `true` if the current source is playing, otherwise `false` - */ +var _player_info = __webpack_require__(33); +var _player_info2 = _interopRequireDefault(_player_info); - Player.prototype.isPlaying = function isPlaying() { - return this.core.mediaControl.container.isPlaying(); - }; +var _clapprZepto = __webpack_require__(6); - /** - * returns `true` if DVR is enable otherwise `false`. - * @method isDvrEnabled - * @return {Boolean} - */ +var _clapprZepto2 = _interopRequireDefault(_clapprZepto); +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - Player.prototype.isDvrEnabled = function isDvrEnabled() { - return this.core.mediaControl.container.isDvrEnabled(); - }; +// 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. - /** - * returns `true` if DVR is in use otherwise `false`. - * @method isDvrInUse - * @return {Boolean} - */ +var baseUrl = (0, _utils.currentScriptUrl)().replace(/\/[^\/]+$/, ''); +/** + * @class Player + * @constructor + * @extends BaseObject + * @module components + * @example + * ### Using the Player + * + * Add the following script on your HTML: + * ```html + * + * + * + * ``` + * Now, create the player: + * ```html + * + * + * + * + * ``` + */ - Player.prototype.isDvrInUse = function isDvrInUse() { - return this.core.mediaControl.container.isDvrInUse(); - }; +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; + } - /** - * 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 - */ + /** + * Determine if the playback has ended. + * @property ended + * @type Boolean + */ + }, { + key: 'ended', + get: function get() { + return this.core.mediaControl.container.ended; + } - Player.prototype.configure = function configure(options) { - this.core.configure(options); - return this; - }; + /** + * 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 + */ - /** - * 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(); - * ``` - */ + }, { + 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 + */ - 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]; - }; + }, { + key: 'isReady', + get: function get() { + return !!this._ready; + } - /** - * the current time in seconds. - * @method getCurrentTime - * @return {Number} current time (in seconds) of the current source - */ + /** + * 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, + onTextTrackLoaded: _events2.default.PLAYER_TEXTTRACKLOADED + }; + } - Player.prototype.getCurrentTime = function getCurrentTime() { - return this.core.mediaControl.container.getCurrentTime(); - }; + /** + * ## 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; + } /** - * 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. + * Specify a `parentId` to the player. + * @method setParentId + * @param {String} parentId the element parent id. + * @return {Player} itself */ - Player.prototype.getStartTimeOffset = function getStartTimeOffset() { - return this.core.mediaControl.container.getStartTimeOffset(); + Player.prototype.setParentId = function setParentId(parentId) { + var el = document.querySelector(parentId); + if (el) { + this.attachTo(el); + } + return this; }; /** - * the duration time in seconds. - * @method getDuration - * @return {Number} duration time (in seconds) of the current source + * 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.getDuration = function getDuration() { - return this.core.mediaControl.container.getDuration(); + Player.prototype.attachTo = function attachTo(element) { + this.options.parentElement = element; + this.core = this._coreFactory.create(); + this._addEventListeners(); + return this; }; - return Player; -}(_base_object2.default); - -exports.default = Player; -module.exports = exports['default']; + 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; + }; -/***/ }), -/* 39 */ -/***/ (function(module, exports, __webpack_require__) { + 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_LOADEDTEXTTRACK, this._onTextTrackLoaded); + } + return this; + }; -"use strict"; + 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; + }; -Object.defineProperty(exports, "__esModule", { - value: true -}); + Player.prototype._containerChanged = function _containerChanged() { + this.stopListening(); + this._addEventListeners(); + }; -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); + Player.prototype._onReady = function _onReady() { + this._ready = true; + this._addContainerEventListeners(); + this.trigger(_events2.default.PLAYER_READY); + }; -var _events = __webpack_require__(0); + Player.prototype._onFullscreenChange = function _onFullscreenChange(fullscreen) { + this.trigger(_events2.default.PLAYER_FULLSCREEN, fullscreen); + }; -var _events2 = _interopRequireDefault(_events); + Player.prototype._onVolumeUpdate = function _onVolumeUpdate(volume) { + this.trigger(_events2.default.PLAYER_VOLUMEUPDATE, volume); + }; -var _ui_object = __webpack_require__(9); + Player.prototype._onTextTrackLoaded = function _onTextTrackLoaded(evt, data) { + this.trigger(_events2.default.PLAYER_TEXTTRACKLOADED, evt, data); + }; -var _ui_object2 = _interopRequireDefault(_ui_object); + Player.prototype._onPlay = function _onPlay() { + this.trigger(_events2.default.PLAYER_PLAY); + }; -var _styler = __webpack_require__(4); + Player.prototype._onPause = function _onPause() { + this.trigger(_events2.default.PLAYER_PAUSE); + }; -var _styler2 = _interopRequireDefault(_styler); + Player.prototype._onStop = function _onStop() { + this.trigger(_events2.default.PLAYER_STOP, this.getCurrentTime()); + }; -var _style = __webpack_require__(82); + Player.prototype._onEnded = function _onEnded() { + this.trigger(_events2.default.PLAYER_ENDED); + }; -var _style2 = _interopRequireDefault(_style); - -var _clapprZepto = __webpack_require__(3); - -var _clapprZepto2 = _interopRequireDefault(_clapprZepto); - -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - -function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } - -function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // 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 - */ + Player.prototype._onSeek = function _onSeek(time) { + this.trigger(_events2.default.PLAYER_SEEK, time); + }; -/** - * 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) { - _inherits(Container, _UIObject); + Player.prototype._onTimeUpdate = function _onTimeUpdate(timeProgress) { + this.trigger(_events2.default.PLAYER_TIMEUPDATE, timeProgress); + }; - _createClass(Container, [{ - key: 'name', + Player.prototype._onError = function _onError(error) { + this.trigger(_events2.default.PLAYER_ERROR, error); + }; - /** - * 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' - }; - } + Player.prototype._normalizeSources = function _normalizeSources(options) { + var sources = options.sources || (options.source !== undefined ? [options.source] : []); + return sources.length === 0 ? [{ source: '', mimeType: '' }] : sources; + }; - /** - * Determine if the playback has ended. - * @property ended - * @type Boolean - */ + /** + * 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}) + * ``` + */ - }, { - 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 - */ + Player.prototype.resize = function resize(size) { + this.core.resize(size); + return this; + }; - }, { - key: 'buffering', - get: function get() { - return this.playback.buffering; - } + /** + * 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 + */ - /** - * The internationalization plugin. - * @property i18n - * @type {Strings} - */ - }, { - key: 'i18n', - get: function get() { - return this._i18n; + Player.prototype.load = function load(sources, mimeType, autoPlay) { + if (autoPlay !== undefined) { + this.configure({ autoPlay: !!autoPlay }); } - - /** - * it builds a container - * @method constructor - * @param {Object} options the options object - * @param {Strings} i18n the internationalization component - */ - - }]); - - function Container(options, i18n) { - _classCallCheck(this, Container); - - var _this = _possibleConstructorReturn(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; - } + this.core.load(sources, mimeType); + 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 + * destroys the current player and removes it from the DOM. + * @method destroy + * @return {Player} itself */ - 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); - }; - - 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); + Player.prototype.destroy = function destroy() { + this.core.destroy(); + return this; }; - Container.prototype.updateBitrate = function updateBitrate(newBitrate) { - this.trigger(_events2.default.CONTAINER_BITRATE, newBitrate); - }; + /** + * Gives user consent to playback. Required by mobile device after a click event before Player.load(). + * @method consent + * @return {Player} itself + */ - Container.prototype.statsReport = function statsReport(metrics) { - this.trigger(_events2.default.CONTAINER_STATS_REPORT, metrics); - }; - Container.prototype.getPlaybackType = function getPlaybackType() { - return this.playback.getPlaybackType(); + Player.prototype.consent = function consent() { + this.core.getCurrentPlayback().consent(); + return this; }; /** - * returns `true` if DVR is enable otherwise `false`. - * @method isDvrEnabled - * @return {Boolean} + * plays the current video (`source`). + * @method play + * @return {Player} itself */ - Container.prototype.isDvrEnabled = function isDvrEnabled() { - return !!this.playback.dvrEnabled; + Player.prototype.play = function play() { + this.core.mediaControl.container.play(); + return this; }; /** - * returns `true` if DVR is in use otherwise `false`. - * @method isDvrInUse - * @return {Boolean} + * pauses the current video (`source`). + * @method pause + * @return {Player} itself */ - Container.prototype.isDvrInUse = function isDvrInUse() { - return !!this.dvrInUse; + Player.prototype.pause = function pause() { + this.core.mediaControl.container.pause(); + return this; }; /** - * destroys the container - * @method destroy + * stops the current video (`source`). + * @method stop + * @return {Player} itself */ - 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(); + Player.prototype.stop = function stop() { + this.core.mediaControl.container.stop(); + return this; }; - Container.prototype.ready = function ready() { - this.isReady = true; - this.trigger(_events2.default.CONTAINER_READY, this.name); - }; + /** + * 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 + */ - Container.prototype.isPlaying = function isPlaying() { - return this.playback.isPlaying(); - }; - Container.prototype.getStartTimeOffset = function getStartTimeOffset() { - return this.playback.getStartTimeOffset(); + Player.prototype.seek = function seek(time) { + this.core.mediaControl.container.seek(time); + return this; }; - Container.prototype.getCurrentTime = function getCurrentTime() { - return this.currentTime; - }; + /** + * 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 + */ - 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); + Player.prototype.seekPercentage = function seekPercentage(percentage) { + this.core.mediaControl.container.seekPercentage(percentage); + return this; }; - Container.prototype.loadedMetadata = function loadedMetadata(metadata) { - this.trigger(_events2.default.CONTAINER_LOADEDMETADATA, metadata); - }; + /** + * 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 + */ - 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]; + Player.prototype.setVolume = function setVolume(volume) { + if (this.core && this.core.mediaControl) { + this.core.mediaControl.setVolume(volume); } - - this.trigger.apply(this, [_events2.default.CONTAINER_PROGRESS].concat(args, [this.name])); + return this; }; - Container.prototype.playing = function playing() { - this.trigger(_events2.default.CONTAINER_PLAY, this.name); - }; + /** + * 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. + */ - Container.prototype.paused = function paused() { - this.trigger(_events2.default.CONTAINER_PAUSE, this.name); + + Player.prototype.getVolume = function getVolume() { + return this.core && this.core.mediaControl ? this.core.mediaControl.volume : 0; }; /** - * plays the playback - * @method play + * mutes the current video (`source`). + * @method mute + * @return {Player} itself */ - Container.prototype.play = function play() { - this.playback.play(); + Player.prototype.mute = function mute() { + this._mutedVolume = this.getVolume(); + this.setVolume(0); + return this; }; /** - * stops the playback - * @method stop + * unmutes the current video (`source`). + * @method unmute + * @return {Player} itself */ - Container.prototype.stop = function stop() { - this.playback.stop(); - this.currentTime = 0; + Player.prototype.unmute = function unmute() { + this.setVolume(typeof this._mutedVolume === 'number' ? this._mutedVolume : 100); + this._mutedVolume = null; + return this; }; /** - * pauses the playback - * @method pause + * checks if the player is playing. + * @method isPlaying + * @return {Boolean} `true` if the current source is playing, otherwise `false` */ - Container.prototype.pause = function pause() { - this.playback.pause(); + Player.prototype.isPlaying = function isPlaying() { + return this.core.mediaControl.container.isPlaying(); }; - Container.prototype.onEnded = function onEnded() { - this.trigger(_events2.default.CONTAINER_ENDED, this, this.name); - this.currentTime = 0; - }; + /** + * returns `true` if DVR is enable otherwise `false`. + * @method isDvrEnabled + * @return {Boolean} + */ - 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); - } + Player.prototype.isDvrEnabled = function isDvrEnabled() { + return this.core.mediaControl.container.isDvrEnabled(); }; - Container.prototype.dblClicked = function dblClicked() { - if (!this.options.chromeless || this.options.allowUserInteraction) { - this.trigger(_events2.default.CONTAINER_DBLCLICK, this, this.name); - } - }; + /** + * returns `true` if DVR is in use otherwise `false`. + * @method isDvrInUse + * @return {Boolean} + */ - 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); + Player.prototype.isDvrInUse = function isDvrInUse() { + return this.core.mediaControl.container.isDvrInUse(); }; - Container.prototype.seekPercentage = function seekPercentage(percentage) { - var duration = this.getDuration(); - if (percentage >= 0 && percentage <= 100) { - var time = duration * (percentage / 100); - this.seek(time); - } - }; + /** + * 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 + */ - 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); + Player.prototype.configure = function configure(options) { + this.core.configure(options); + return this; }; - Container.prototype.onBuffering = function onBuffering() { - this.trigger(_events2.default.CONTAINER_STATE_BUFFERING, this.name); - }; + /** + * 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(); + * ``` + */ - Container.prototype.bufferfull = function bufferfull() { - this.trigger(_events2.default.CONTAINER_STATE_BUFFERFULL, this.name); + + 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]; }; /** - * adds plugin to the container - * @method addPlugin - * @param {Object} plugin + * the current time in seconds. + * @method getCurrentTime + * @return {Number} current time (in seconds) of the current source */ - Container.prototype.addPlugin = function addPlugin(plugin) { - this.plugins.push(plugin); + Player.prototype.getCurrentTime = function getCurrentTime() { + return this.core.mediaControl.container.getCurrentTime(); }; /** - * checks if a plugin, given its name, exist - * @method hasPlugin - * @param {String} name - * @return {Boolean} + * 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. */ - Container.prototype.hasPlugin = function hasPlugin(name) { - return !!this.getPlugin(name); + Player.prototype.getStartTimeOffset = function getStartTimeOffset() { + return this.core.mediaControl.container.getStartTimeOffset(); }; /** - * get the plugin given its name - * @method getPlugin - * @param {String} name + * the duration time in seconds. + * @method getDuration + * @return {Number} duration time (in seconds) of the current source */ - Container.prototype.getPlugin = function getPlugin(name) { - return this.plugins.filter(function (plugin) { - return plugin.name === name; - })[0]; + Player.prototype.getDuration = function getDuration() { + return this.core.mediaControl.container.getDuration(); }; - Container.prototype.mouseEnter = function mouseEnter() { - if (!this.options.chromeless || this.options.allowUserInteraction) { - this.trigger(_events2.default.CONTAINER_MOUSE_ENTER); - } - }; + return Player; +}(_base_object2.default); - 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); - -exports.default = Container; -module.exports = exports['default']; +exports.default = Player; +module.exports = exports['default']; /***/ }), -/* 40 */ +/* 87 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; @@ -8406,243 +6724,112 @@ Object.defineProperty(exports, "__esModule", { value: true }); -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); - -var _base_object = __webpack_require__(8); - -var _base_object2 = _interopRequireDefault(_base_object); - -var _events = __webpack_require__(0); - -var _events2 = _interopRequireDefault(_events); - -var _container = __webpack_require__(24); - -var _container2 = _interopRequireDefault(_container); - -var _clapprZepto = __webpack_require__(3); - -var _clapprZepto2 = _interopRequireDefault(_clapprZepto); - -var _lodash = __webpack_require__(105); - -var _lodash2 = _interopRequireDefault(_lodash); - -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - -function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } - -function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // 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) { - _inherits(ContainerFactory, _BaseObject); - - _createClass(ContainerFactory, [{ - key: 'options', - get: function get() { - return this._options; - }, - set: function set(options) { - this._options = options; - } - }]); - - function ContainerFactory(options, loader, i18n) { - _classCallCheck(this, ContainerFactory); - - var _this = _possibleConstructorReturn(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 ((0, _lodash2.default)(source)) { - 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']; - -/***/ }), -/* 41 */ -/***/ (function(module, exports, __webpack_require__) { - -"use strict"; - +var _classCallCheck2 = __webpack_require__(0); -module.exports = __webpack_require__(40); +var _classCallCheck3 = _interopRequireDefault(_classCallCheck2); -/***/ }), -/* 42 */ -/***/ (function(module, exports, __webpack_require__) { +var _possibleConstructorReturn2 = __webpack_require__(2); -"use strict"; +var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2); +var _createClass2 = __webpack_require__(3); -Object.defineProperty(exports, "__esModule", { - value: true -}); +var _createClass3 = _interopRequireDefault(_createClass2); -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); +var _inherits2 = __webpack_require__(1); -var _utils = __webpack_require__(1); +var _inherits3 = _interopRequireDefault(_inherits2); -var _events = __webpack_require__(0); +var _events = __webpack_require__(4); var _events2 = _interopRequireDefault(_events); -var _styler = __webpack_require__(4); - -var _styler2 = _interopRequireDefault(_styler); - -var _ui_object = __webpack_require__(9); +var _ui_object = __webpack_require__(18); var _ui_object2 = _interopRequireDefault(_ui_object); -var _browser = __webpack_require__(7); - -var _browser2 = _interopRequireDefault(_browser); - -var _container_factory = __webpack_require__(41); - -var _container_factory2 = _interopRequireDefault(_container_factory); - -var _media_control = __webpack_require__(27); - -var _media_control2 = _interopRequireDefault(_media_control); - -var _mediator = __webpack_require__(10); +var _styler = __webpack_require__(8); -var _mediator2 = _interopRequireDefault(_mediator); +var _styler2 = _interopRequireDefault(_styler); -var _player_info = __webpack_require__(15); +var _style = __webpack_require__(177); -var _player_info2 = _interopRequireDefault(_player_info); +var _style2 = _interopRequireDefault(_style); -var _clapprZepto = __webpack_require__(3); +var _clapprZepto = __webpack_require__(6); var _clapprZepto2 = _interopRequireDefault(_clapprZepto); -var _style = __webpack_require__(83); - -var _style2 = _interopRequireDefault(_style); - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - -function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } - -function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // 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 Core is responsible to manage Containers, the mediator, MediaControl - * and the player state. - * @class Core + * An abstraction to represent a container for a given playback + * TODO: describe its responsabilities + * @class Container * @constructor * @extends UIObject - * @module components + * @module base */ -var Core = function (_UIObject) { - _inherits(Core, _UIObject); +var Container = function (_UIObject) { + (0, _inherits3.default)(Container, _UIObject); + (0, _createClass3.default)(Container, [{ + key: 'name', - _createClass(Core, [{ - key: 'events', + /** + * container's name + * @method name + * @default Container + * @return {String} container's name + */ get: function get() { - return { - 'webkitfullscreenchange': 'handleFullscreenChange', - 'mousemove': 'showMediaControl', - 'mouseleave': 'hideMediaControl' - }; + return 'Container'; } }, { key: 'attributes', + get: function get() { + return { class: 'container', 'data-container': '' }; + } + }, { + key: 'events', get: function get() { return { - 'data-player': '', - tabindex: 9999 + 'click': 'clicked', + 'dblclick': 'dblClicked', + 'doubleTap': 'dblClicked', + 'contextmenu': 'onContextMenu', + 'mouseenter': 'mouseEnter', + 'mouseleave': 'mouseLeave' }; } /** - * checks if the core is ready. - * @property isReady - * @type {Boolean} `true` if the core is ready, otherwise `false` + * Determine if the playback has ended. + * @property ended + * @type Boolean */ }, { - key: 'isReady', + key: 'ended', get: function get() { - return !!this.ready; + return this.playback.ended; } /** - * The internationalization plugin. + * 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} */ @@ -8650,1556 +6837,1172 @@ var Core = function (_UIObject) { }, { key: 'i18n', get: function get() { - return this.getPlugin('strings') || { t: function t(key) { - return key; - } }; + return this._i18n; } + + /** + * it builds a container + * @method constructor + * @param {Object} options the options object + * @param {Strings} i18n the internationalization component + */ + }]); - function Core(options) { - _classCallCheck(this, Core); + function Container(options, i18n) { + (0, _classCallCheck3.default)(this, Container); - var _this = _possibleConstructorReturn(this, _UIObject.call(this, options)); + 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); + _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; } - Core.prototype.configureDomRecycler = function configureDomRecycler() { - var recycleVideo = this.options && this.options.playback && this.options.playback.recycleVideo ? true : false; - _utils.DomRecycler.configure({ - recycleVideo: recycleVideo - }); - }; + /** + * 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 + */ - 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); - }); + 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_LOADED, this.subtitleLoaded); }; - Core.prototype.updateSize = function updateSize() { - if (_utils.Fullscreen.isFullscreen()) { - this.setFullscreen(); - } else { - this.setPlayerSize(); - } + Container.prototype.subtitleLoaded = function subtitleLoaded(evt, data) { + this.trigger(_events2.default.CONTAINER_LOADEDTEXTTRACK, evt, data); }; - 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() }; - } + Container.prototype.playbackStateChanged = function playbackStateChanged(state) { + this.trigger(_events2.default.CONTAINER_PLAYBACKSTATE, state); }; - 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); + Container.prototype.playbackDvrStateChanged = function playbackDvrStateChanged(dvrInUse) { + this.settings = this.playback.settings; + this.dvrInUse = dvrInUse; + this.trigger(_events2.default.CONTAINER_PLAYBACKDVRSTATECHANGED, dvrInUse); }; - 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); + Container.prototype.updateBitrate = function updateBitrate(newBitrate) { + this.trigger(_events2.default.CONTAINER_BITRATE, newBitrate); }; - 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); + Container.prototype.statsReport = function statsReport(metrics) { + this.trigger(_events2.default.CONTAINER_STATS_REPORT, metrics); }; - 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; - } + Container.prototype.getPlaybackType = function getPlaybackType() { + return this.playback.getPlaybackType(); }; - Core.prototype.disableResizeObserver = function disableResizeObserver() { - if (this.resizeObserverInterval) clearInterval(this.resizeObserverInterval); - }; + /** + * returns `true` if DVR is enable otherwise `false`. + * @method isDvrEnabled + * @return {Boolean} + */ - 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); - }); + Container.prototype.isDvrEnabled = function isDvrEnabled() { + return !!this.playback.dvrEnabled; }; - Core.prototype.addPlugin = function addPlugin(plugin) { - this.plugins.push(plugin); - }; + /** + * returns `true` if DVR is in use otherwise `false`. + * @method isDvrInUse + * @return {Boolean} + */ - 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]; + Container.prototype.isDvrInUse = function isDvrInUse() { + return !!this.dvrInUse; }; - Core.prototype.load = function load(sources, mimeType) { - var _this5 = this; + /** + * destroys the container + * @method destroy + */ - 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(); - }); + 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(); - 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(); + Container.prototype.setStyle = function setStyle(style) { + this.$el.css(style); }; - Core.prototype.setMediaControlContainer = function setMediaControlContainer(container) { - this.mediaControl.setContainer(container); - this.mediaControl.render(); + Container.prototype.animate = function animate(style, duration) { + return this.$el.animate(style, duration).promise(); }; - Core.prototype.disableMediaControl = function disableMediaControl() { - this.mediaControl.disable(); - this.$el.removeClass('nocursor'); + Container.prototype.ready = function ready() { + this.isReady = true; + this.trigger(_events2.default.CONTAINER_READY, this.name); }; - Core.prototype.enableMediaControl = function enableMediaControl() { - this.mediaControl.enable(); + Container.prototype.isPlaying = function isPlaying() { + return this.playback.isPlaying(); }; - Core.prototype.removeContainer = function removeContainer(container) { - this.stopListening(container); - this.containers = this.containers.filter(function (c) { - return c !== container; - }); + Container.prototype.getStartTimeOffset = function getStartTimeOffset() { + return this.playback.getStartTimeOffset(); }; - Core.prototype.appendContainer = function appendContainer(container) { - this.listenTo(container, _events2.default.CONTAINER_DESTROYED, this.removeContainer); - this.containers.push(container); + Container.prototype.getCurrentTime = function getCurrentTime() { + return this.currentTime; }; - 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; + Container.prototype.getDuration = function getDuration() { + return this.playback.getDuration(); }; - Core.prototype.renderContainers = function renderContainers() { - var _this6 = this; - - this.containers.map(function (container) { - return _this6.el.appendChild(container.render().el); - }); + Container.prototype.error = function error(errorObj) { + if (!this.isReady) { + this.ready(); + } + this.trigger(_events2.default.CONTAINER_ERROR, { error: errorObj, container: this }, this.name); }; - 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; + Container.prototype.loadedMetadata = function loadedMetadata(metadata) { + this.trigger(_events2.default.CONTAINER_LOADEDMETADATA, metadata); }; - 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)); - } + Container.prototype.timeUpdated = function timeUpdated(timeProgress) { + this.currentTime = timeProgress.current; + this.trigger(_events2.default.CONTAINER_TIMEUPDATE, timeProgress, this.name); }; - 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(); + Container.prototype.progress = function progress() { + for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) { + args[_key] = arguments[_key]; } - }; - Core.prototype.getCurrentContainer = function getCurrentContainer() { - if (!this.mediaControl || !this.mediaControl.container) { - return this.containers[0]; - } - return this.mediaControl.container; + this.trigger.apply(this, [_events2.default.CONTAINER_PROGRESS].concat(args, [this.name])); }; - Core.prototype.getCurrentPlayback = function getCurrentPlayback() { - var container = this.getCurrentContainer(); - return container && container.playback; + Container.prototype.playing = function playing() { + this.trigger(_events2.default.CONTAINER_PLAY, this.name); }; - Core.prototype.getPlaybackType = function getPlaybackType() { - var container = this.getCurrentContainer(); - return container && container.getPlaybackType(); + Container.prototype.paused = function paused() { + this.trigger(_events2.default.CONTAINER_PAUSE, this.name); }; - 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(); - }; + /** + * plays the playback + * @method play + */ - Core.prototype.showMediaControl = function showMediaControl(event) { - this.mediaControl.show(event); - }; - Core.prototype.hideMediaControl = function hideMediaControl() { - this.mediaControl.hide(this.options.hideMediaControlDelay); + Container.prototype.play = function play() { + this.playback.play(); }; - Core.prototype.onMediaControlShow = function onMediaControlShow(showing) { - this.getCurrentContainer().trigger(showing ? _events2.default.CONTAINER_MEDIACONTROL_SHOW : _events2.default.CONTAINER_MEDIACONTROL_HIDE); + /** + * stops the playback + * @method stop + */ - if (showing) this.$el.removeClass('nocursor');else if (_utils.Fullscreen.isFullscreen()) this.$el.addClass('nocursor'); + + Container.prototype.stop = function stop() { + this.playback.stop(); + this.currentTime = 0; }; /** - * enables to configure the container after its creation - * @method configure - * @param {Object} options all the options to change in form of a javascript object + * pauses the playback + * @method pause */ - Core.prototype.configure = function configure(options) { - var _this7 = this; + Container.prototype.pause = function pause() { + this.playback.pause(); + }; - this._options = _clapprZepto2.default.extend(this._options, options); - this.configureDomRecycler(); - var sources = options.source || options.sources; + Container.prototype.onEnded = function onEnded() { + this.trigger(_events2.default.CONTAINER_ENDED, this, this.name); + this.currentTime = 0; + }; - if (sources) { - this.load(sources, options.mimeType || this.options.mimeType); - } else { - this.trigger(_events2.default.CORE_OPTIONS_CHANGE); + Container.prototype.stopped = function stopped() { + this.trigger(_events2.default.CONTAINER_STOP); + }; - this.containers.forEach(function (container) { - container.configure(_this7.options); - }); + Container.prototype.clicked = function clicked() { + if (!this.options.chromeless || this.options.allowUserInteraction) { + this.trigger(_events2.default.CONTAINER_CLICK, this, this.name); } }; - 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); + Container.prototype.dblClicked = function dblClicked() { + if (!this.options.chromeless || this.options.allowUserInteraction) { + this.trigger(_events2.default.CONTAINER_DBLCLICK, this, this.name); + } + }; - 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(); + Container.prototype.onContextMenu = function onContextMenu(event) { + if (!this.options.chromeless || this.options.allowUserInteraction) { + this.trigger(_events2.default.CONTAINER_CONTEXTMENU, event, this.name); + } + }; - this.previousSize = { width: this.$el.width(), height: this.$el.height() }; + Container.prototype.seek = function seek(time) { + this.trigger(_events2.default.CONTAINER_SEEK, time, this.name); + this.playback.seek(time); + }; - this.enableResizeObserver(); + Container.prototype.seekPercentage = function seekPercentage(percentage) { + var duration = this.getDuration(); + if (percentage >= 0 && percentage <= 100) { + var time = duration * (percentage / 100); + this.seek(time); + } + }; - return this; + Container.prototype.setVolume = function setVolume(value) { + this.volume = parseInt(value, 10); + this.trigger(_events2.default.CONTAINER_VOLUME, value, this.name); + this.playback.volume(value); }; - return Core; -}(_ui_object2.default); + Container.prototype.fullscreen = function fullscreen() { + this.trigger(_events2.default.CONTAINER_FULLSCREEN, this.name); + }; -exports.default = Core; -module.exports = exports['default']; + Container.prototype.onBuffering = function onBuffering() { + this.trigger(_events2.default.CONTAINER_STATE_BUFFERING, this.name); + }; -/***/ }), -/* 43 */ -/***/ (function(module, exports, __webpack_require__) { + Container.prototype.bufferfull = function bufferfull() { + this.trigger(_events2.default.CONTAINER_STATE_BUFFERFULL, this.name); + }; -"use strict"; + /** + * adds plugin to the container + * @method addPlugin + * @param {Object} plugin + */ -Object.defineProperty(exports, "__esModule", { - value: true -}); + Container.prototype.addPlugin = function addPlugin(plugin) { + this.plugins.push(plugin); + }; -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); + /** + * checks if a plugin, given its name, exist + * @method hasPlugin + * @param {String} name + * @return {Boolean} + */ -var _base_object = __webpack_require__(8); -var _base_object2 = _interopRequireDefault(_base_object); + Container.prototype.hasPlugin = function hasPlugin(name) { + return !!this.getPlugin(name); + }; -var _core = __webpack_require__(25); + /** + * get the plugin given its name + * @method getPlugin + * @param {String} name + */ -var _core2 = _interopRequireDefault(_core); -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + Container.prototype.getPlugin = function getPlugin(name) { + return this.plugins.filter(function (plugin) { + return plugin.name === name; + })[0]; + }; -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } + Container.prototype.mouseEnter = function mouseEnter() { + if (!this.options.chromeless || this.options.allowUserInteraction) { + this.trigger(_events2.default.CONTAINER_MOUSE_ENTER); + } + }; -function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } + Container.prototype.mouseLeave = function mouseLeave() { + if (!this.options.chromeless || this.options.allowUserInteraction) { + this.trigger(_events2.default.CONTAINER_MOUSE_LEAVE); + } + }; -function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // 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.prototype.settingsUpdate = function settingsUpdate() { + this.settings = this.playback.settings; + this.trigger(_events2.default.CONTAINER_SETTINGSUPDATE); + }; -/** - * The Core Factory is responsible for instantiate the core and it's plugins. - * @class CoreFactory - * @constructor - * @extends BaseObject - * @module components - */ -var CoreFactory = function (_BaseObject) { - _inherits(CoreFactory, _BaseObject); - - _createClass(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) { - _classCallCheck(this, CoreFactory); - - var _this = _possibleConstructorReturn(this, _BaseObject.call(this)); + Container.prototype.highDefinitionUpdate = function highDefinitionUpdate(isHD) { + this.trigger(_events2.default.CONTAINER_HIGHDEFINITIONUPDATE, isHD); + }; - _this.player = player; - _this._options = player.options; - return _this; - } + Container.prototype.isHighDefinitionInUse = function isHighDefinitionInUse() { + return this.playback.isHighDefinitionInUse(); + }; - /** - * creates a core and its plugins - * @method create - * @return {Core} created core - */ + 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); + } + }; - 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; + Container.prototype.updateStyle = function updateStyle() { + if (!this.options.chromeless || this.options.allowUserInteraction) { + this.$el.removeClass('chromeless'); + } else { + this.$el.addClass('chromeless'); + } }; /** - * given the core plugins (`loader.corePlugins`) it builds each one - * @method addCorePlugins - * @return {Core} the core with all plugins + * enables to configure the container after its creation + * @method configure + * @param {Object} options all the options to change in form of a javascript object */ - 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; + Container.prototype.configure = function configure(options) { + this._options = _clapprZepto2.default.extend(this._options, options); + this.updateStyle(); + this.trigger(_events2.default.CONTAINER_OPTIONS_CHANGE); }; - CoreFactory.prototype.setupExternalInterface = function setupExternalInterface(plugin) { - var externalFunctions = plugin.getExternalInterface(); - for (var key in externalFunctions) { - this.player[key] = externalFunctions[key].bind(plugin); - } + 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 CoreFactory; -}(_base_object2.default); + 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. -exports.default = CoreFactory; +/** + * Container is responsible for the video rendering and state + */ + +exports.default = Container; module.exports = exports['default']; /***/ }), -/* 44 */ +/* 88 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; -module.exports = __webpack_require__(43); +Object.defineProperty(exports, "__esModule", { + value: true +}); -/***/ }), -/* 45 */ -/***/ (function(module, exports, __webpack_require__) { +var _typeof2 = __webpack_require__(36); -"use strict"; +var _typeof3 = _interopRequireDefault(_typeof2); +var _classCallCheck2 = __webpack_require__(0); -Object.defineProperty(exports, "__esModule", { - value: true -}); +var _classCallCheck3 = _interopRequireDefault(_classCallCheck2); -var _base_object = __webpack_require__(8); +var _possibleConstructorReturn2 = __webpack_require__(2); -var _base_object2 = _interopRequireDefault(_base_object); +var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2); -var _player_info = __webpack_require__(15); +var _createClass2 = __webpack_require__(3); -var _player_info2 = _interopRequireDefault(_player_info); +var _createClass3 = _interopRequireDefault(_createClass2); -var _lodash = __webpack_require__(108); +var _inherits2 = __webpack_require__(1); -var _lodash2 = _interopRequireDefault(_lodash); +var _inherits3 = _interopRequireDefault(_inherits2); -var _html5_video = __webpack_require__(16); +var _base_object = __webpack_require__(14); -var _html5_video2 = _interopRequireDefault(_html5_video); +var _base_object2 = _interopRequireDefault(_base_object); -var _flash = __webpack_require__(28); +var _events = __webpack_require__(4); -var _flash2 = _interopRequireDefault(_flash); +var _events2 = _interopRequireDefault(_events); -var _html5_audio = __webpack_require__(31); +var _container = __webpack_require__(60); -var _html5_audio2 = _interopRequireDefault(_html5_audio); +var _container2 = _interopRequireDefault(_container); -var _flashls = __webpack_require__(29); +var _clapprZepto = __webpack_require__(6); -var _flashls2 = _interopRequireDefault(_flashls); +var _clapprZepto2 = _interopRequireDefault(_clapprZepto); -var _hls = __webpack_require__(30); +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } -var _hls2 = _interopRequireDefault(_hls); +// 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 _html_img = __webpack_require__(32); +/** + * The ContainerFactory is responsible for manage playback bootstrap and create containers. + */ -var _html_img2 = _interopRequireDefault(_html_img); +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; + } + }]); -var _no_op = __webpack_require__(33); + function ContainerFactory(options, loader, i18n) { + (0, _classCallCheck3.default)(this, ContainerFactory); -var _no_op2 = _interopRequireDefault(_no_op); + var _this = (0, _possibleConstructorReturn3.default)(this, _BaseObject.call(this, options)); -var _spinner_three_bounce = __webpack_require__(71); + _this._i18n = i18n; + _this.loader = loader; + return _this; + } -var _spinner_three_bounce2 = _interopRequireDefault(_spinner_three_bounce); + ContainerFactory.prototype.createContainers = function createContainers() { + var _this2 = this; -var _stats = __webpack_require__(73); + return _clapprZepto2.default.Deferred(function (promise) { + promise.resolve(_this2.options.sources.map(function (source) { + return _this2.createContainer(source); + })); + }); + }; -var _stats2 = _interopRequireDefault(_stats); + ContainerFactory.prototype.findPlaybackPlugin = function findPlaybackPlugin(source, mimeType) { + return this.loader.playbackPlugins.filter(function (p) { + return p.canPlay(source, mimeType); + })[0]; + }; -var _watermark = __webpack_require__(76); + 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(); + } -var _watermark2 = _interopRequireDefault(_watermark); + if (resolvedSource.match(/^\/\//)) resolvedSource = window.location.protocol + resolvedSource; -var _poster = __webpack_require__(34); + var options = _clapprZepto2.default.extend({}, this.options, { + src: resolvedSource, + mimeType: mimeType + }); + var playbackPlugin = this.findPlaybackPlugin(resolvedSource, mimeType); + var playback = new playbackPlugin(options, this._i18n); -var _poster2 = _interopRequireDefault(_poster); + options = _clapprZepto2.default.extend({}, options, { playback: playback }); -var _google_analytics = __webpack_require__(65); + 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; + }; -var _google_analytics2 = _interopRequireDefault(_google_analytics); + ContainerFactory.prototype.addContainerPlugins = function addContainerPlugins(container) { + this.loader.containerPlugins.forEach(function (Plugin) { + container.addPlugin(new Plugin(container)); + }); + }; -var _click_to_pause = __webpack_require__(58); + return ContainerFactory; +}(_base_object2.default); -var _click_to_pause2 = _interopRequireDefault(_click_to_pause); +exports.default = ContainerFactory; +module.exports = exports['default']; -var _dvr_controls = __webpack_require__(60); +/***/ }), +/* 89 */ +/***/ (function(module, exports, __webpack_require__) { -var _dvr_controls2 = _interopRequireDefault(_dvr_controls); +"use strict"; -var _favicon = __webpack_require__(63); -var _favicon2 = _interopRequireDefault(_favicon); +Object.defineProperty(exports, "__esModule", { + value: true +}); -var _seek_time = __webpack_require__(68); +var _container_factory = __webpack_require__(88); -var _seek_time2 = _interopRequireDefault(_seek_time); +var _container_factory2 = _interopRequireDefault(_container_factory); -var _sources = __webpack_require__(70); +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } -var _sources2 = _interopRequireDefault(_sources); +exports.default = _container_factory2.default; +module.exports = exports['default']; -var _end_video = __webpack_require__(61); +/***/ }), +/* 90 */ +/***/ (function(module, exports, __webpack_require__) { -var _end_video2 = _interopRequireDefault(_end_video); +"use strict"; -var _strings = __webpack_require__(75); -var _strings2 = _interopRequireDefault(_strings); +Object.defineProperty(exports, "__esModule", { + value: true +}); -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } +var _classCallCheck2 = __webpack_require__(0); -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } +var _classCallCheck3 = _interopRequireDefault(_classCallCheck2); -function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } +var _possibleConstructorReturn2 = __webpack_require__(2); -function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // 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 _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2); -/* Playback Plugins */ +var _createClass2 = __webpack_require__(3); +var _createClass3 = _interopRequireDefault(_createClass2); -/* Container Plugins */ +var _inherits2 = __webpack_require__(1); +var _inherits3 = _interopRequireDefault(_inherits2); -/* Core Plugins */ +var _utils = __webpack_require__(5); +var _events = __webpack_require__(4); -/** - * 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 - */ -var Loader = function (_BaseObject) { - _inherits(Loader, _BaseObject); +var _events2 = _interopRequireDefault(_events); - /** - * 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) { - _classCallCheck(this, Loader); +var _styler = __webpack_require__(8); - var _this = _possibleConstructorReturn(this, _BaseObject.call(this)); +var _styler2 = _interopRequireDefault(_styler); - _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, _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; - }; - - /** - * 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); - var pluginName = function pluginName(plugin) { - return plugin.prototype.name; - }; - if (plugins.playback) { - this.playbackPlugins = (0, _lodash2.default)(plugins.playback.concat(this.playbackPlugins), pluginName); - } - if (plugins.container) { - this.containerPlugins = (0, _lodash2.default)(plugins.container.concat(this.containerPlugins), pluginName); - } - if (plugins.core) { - this.corePlugins = (0, _lodash2.default)(plugins.core.concat(this.corePlugins), pluginName); - } - _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); - -exports.default = Loader; -module.exports = exports['default']; - -/***/ }), -/* 46 */ -/***/ (function(module, exports, __webpack_require__) { - -"use strict"; -/* WEBPACK VAR INJECTION */(function(process) { - -Object.defineProperty(exports, "__esModule", { - value: true -}); - -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); - -var _utils = __webpack_require__(1); - -var _vendor = __webpack_require__(20); - -var _events = __webpack_require__(0); - -var _events2 = _interopRequireDefault(_events); - -var _styler = __webpack_require__(4); - -var _styler2 = _interopRequireDefault(_styler); - -var _ui_object = __webpack_require__(9); +var _ui_object = __webpack_require__(18); var _ui_object2 = _interopRequireDefault(_ui_object); -var _browser = __webpack_require__(7); +var _browser = __webpack_require__(13); var _browser2 = _interopRequireDefault(_browser); -var _mediator = __webpack_require__(10); - -var _mediator2 = _interopRequireDefault(_mediator); - -var _template = __webpack_require__(5); - -var _template2 = _interopRequireDefault(_template); - -var _playback = __webpack_require__(2); - -var _playback2 = _interopRequireDefault(_playback); - -var _clapprZepto = __webpack_require__(3); - -var _clapprZepto2 = _interopRequireDefault(_clapprZepto); - -var _lodash = __webpack_require__(35); - -var _lodash2 = _interopRequireDefault(_lodash); - -var _mediaControl = __webpack_require__(84); - -var _mediaControl2 = _interopRequireDefault(_mediaControl); - -var _mediaControl3 = __webpack_require__(95); - -var _mediaControl4 = _interopRequireDefault(_mediaControl3); - -var _play = __webpack_require__(22); - -var _play2 = _interopRequireDefault(_play); - -var _pause = __webpack_require__(36); - -var _pause2 = _interopRequireDefault(_pause); - -var _stop = __webpack_require__(109); +var _container_factory = __webpack_require__(89); -var _stop2 = _interopRequireDefault(_stop); +var _container_factory2 = _interopRequireDefault(_container_factory); -var _volume = __webpack_require__(110); +var _media_control = __webpack_require__(63); -var _volume2 = _interopRequireDefault(_volume); +var _media_control2 = _interopRequireDefault(_media_control); -var _mute = __webpack_require__(111); +var _mediator = __webpack_require__(22); -var _mute2 = _interopRequireDefault(_mute); +var _mediator2 = _interopRequireDefault(_mediator); -var _expand = __webpack_require__(112); +var _player_info = __webpack_require__(33); -var _expand2 = _interopRequireDefault(_expand); +var _player_info2 = _interopRequireDefault(_player_info); -var _shrink = __webpack_require__(113); +var _clapprZepto = __webpack_require__(6); -var _shrink2 = _interopRequireDefault(_shrink); +var _clapprZepto2 = _interopRequireDefault(_clapprZepto); -var _hd = __webpack_require__(114); +var _style = __webpack_require__(178); -var _hd2 = _interopRequireDefault(_hd); +var _style2 = _interopRequireDefault(_style); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - -function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } - -function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // 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. + * The Core is responsible to manage Containers, the mediator, MediaControl + * and the player state. + * @class Core + * @constructor + * @extends UIObject + * @module components */ - -var MediaControl = function (_UIObject) { - _inherits(MediaControl, _UIObject); - - _createClass(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', +var Core = function (_UIObject) { + (0, _inherits3.default)(Core, _UIObject); + (0, _createClass3.default)(Core, [{ + key: 'events', get: function get() { return { - 'class': 'media-control', - 'data-media-control': '' + 'webkitfullscreenchange': 'handleFullscreenChange', + 'mousemove': 'showMediaControl', + 'mouseleave': 'hideMediaControl' }; } }, { - key: 'events', + key: 'attributes', 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' + 'data-player': '', + tabindex: 9999 }; } + + /** + * checks if the core is ready. + * @property isReady + * @type {Boolean} `true` if the core is ready, otherwise `false` + */ + }, { - 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', + key: 'isReady', get: function get() { - return this.container && this.container.isReady ? this.container.volume : this.intendedVolume; + return !!this.ready; } + + /** + * The internationalization plugin. + * @property i18n + * @type {Strings} + */ + }, { - key: 'muted', + key: 'i18n', get: function get() { - return this.volume === 0; + return this.getPlugin('strings') || { t: function t(key) { + return key; + } }; } }]); - function MediaControl(options) { - _classCallCheck(this, MediaControl); + function Core(options) { + (0, _classCallCheck3.default)(this, Core); - var _this = _possibleConstructorReturn(this, _UIObject.call(this, options)); + 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'] + _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; + } - if (_this.container) { - if (!_clapprZepto2.default.isEmptyObject(_this.container.settings)) { - _this.settings = _clapprZepto2.default.extend({}, _this.container.settings); - } + 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.settings = {}; + this.setPlayerSize(); } + }; - _this.userDisabled = false; - if (_this.container && _this.container.mediaControlDisabled || _this.options.chromeless) { - _this.disable(); + 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() }; } - _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); - } + 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); }; - MediaControl.prototype.disable = function disable() { - this.userDisabled = true; - this.hide(); - this.$el.hide(); + 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); }; - MediaControl.prototype.enable = function enable() { - if (this.options.chromeless) return; - this.userDisabled = false; - this.show(); + 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; + } }; - MediaControl.prototype.play = function play() { - this.container.play(); + Core.prototype.disableResizeObserver = function disableResizeObserver() { + if (this.resizeObserverInterval) clearInterval(this.resizeObserverInterval); }; - MediaControl.prototype.pause = function pause() { - this.container.pause(); + 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); + }); }; - MediaControl.prototype.stop = function stop() { - this.container.stop(); + Core.prototype.addPlugin = function addPlugin(plugin) { + this.plugins.push(plugin); }; - MediaControl.prototype.onVolumeChanged = function onVolumeChanged() { - this.updateVolumeUI(); + Core.prototype.hasPlugin = function hasPlugin(name) { + return !!this.getPlugin(name); }; - 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(); - } + Core.prototype.getPlugin = function getPlugin(name) { + return this.plugins.filter(function (plugin) { + return plugin.name === name; + })[0]; }; - 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 }); + Core.prototype.load = function load(sources, mimeType) { + var _this5 = this; - // 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); + 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); + }); }; - 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); + 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); }; - 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); + Core.prototype.handleFullscreenChange = function handleFullscreenChange() { + this.trigger(_events2.default.CORE_FULLSCREEN, _utils.Fullscreen.isFullscreen()); + this.updateSize(); + this.mediaControl.show(); }; - MediaControl.prototype.mouseleaveOnSeekBar = function mouseleaveOnSeekBar(event) { - this.trigger(_events2.default.MEDIACONTROL_MOUSELEAVE_SEEKBAR, event); + 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 + }); }; - MediaControl.prototype.onVolumeClick = function onVolumeClick(event) { - this.setVolume(this.getVolumeFromUIEvent(event)); + Core.prototype.setMediaControlContainer = function setMediaControlContainer(container) { + this.mediaControl.setContainer(container); + this.mediaControl.render(); }; - MediaControl.prototype.mousemoveOnVolumeBar = function mousemoveOnVolumeBar(event) { - if (this.draggingVolumeBar) { - this.setVolume(this.getVolumeFromUIEvent(event)); - } + Core.prototype.disableMediaControl = function disableMediaControl() { + this.mediaControl.disable(); + this.$el.removeClass('nocursor'); }; - 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'); - } + Core.prototype.enableMediaControl = function enableMediaControl() { + this.mediaControl.enable(); }; - MediaControl.prototype.togglePlayPause = function togglePlayPause() { - if (this.container.isPlaying()) { - this.container.pause(); - } else { - this.container.play(); - } - return false; + Core.prototype.removeContainer = function removeContainer(container) { + this.stopListening(container); + this.containers = this.containers.filter(function (c) { + return c !== container; + }); }; - MediaControl.prototype.togglePlayStop = function togglePlayStop() { - if (this.container.isPlaying()) { - this.container.stop(); - } else { - this.container.play(); - } + Core.prototype.appendContainer = function appendContainer(container) { + this.listenTo(container, _events2.default.CONTAINER_DESTROYED, this.removeContainer); + this.containers.push(container); }; - 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(); - } + 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; }; - MediaControl.prototype.startVolumeDrag = function startVolumeDrag(event) { - this.draggingVolumeBar = true; - this.$el.addClass('dragging'); - if (event) { - event.preventDefault(); - } + Core.prototype.renderContainers = function renderContainers() { + var _this6 = this; + + this.containers.map(function (container) { + return _this6.el.appendChild(container.render().el); + }); }; - MediaControl.prototype.stopDrag = function stopDrag(event) { - if (this.draggingSeekBar) { - this.seek(event); + 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)); } - 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)); + 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(); } }; - MediaControl.prototype.getVolumeFromUIEvent = function getVolumeFromUIEvent(event) { - var offsetY = event.pageX - this.$volumeBarContainer.offset().left; - var volumeFromUI = offsetY / this.$volumeBarContainer.width() * 100; - return volumeFromUI; + Core.prototype.getCurrentContainer = function getCurrentContainer() { + if (!this.mediaControl || !this.mediaControl.container) { + return this.containers[0]; + } + return this.mediaControl.container; }; - MediaControl.prototype.toggleMute = function toggleMute() { - this.setVolume(this.muted ? 100 : 0); + Core.prototype.getCurrentPlayback = function getCurrentPlayback() { + var container = this.getCurrentContainer(); + return container && container.playback; }; - MediaControl.prototype.setVolume = function setVolume(value) { - var _this2 = this; + Core.prototype.getPlaybackType = function getPlaybackType() { + var container = this.getCurrentContainer(); + return container && container.getPlaybackType(); + }; - 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); - }); + Core.prototype.toggleFullscreen = function toggleFullscreen() { + if (!_utils.Fullscreen.isFullscreen()) { + _utils.Fullscreen.requestFullscreen(this.el); + if (!_browser2.default.isiOS) { + this.$el.addClass('fullscreen'); } - }; - - if (!this.container) { - this.listenToOnce(this, _events2.default.MEDIACONTROL_CONTAINERCHANGED, function () { - setWhenContainerReady(); - }); } else { - setWhenContainerReady(); + _utils.Fullscreen.cancelFullscreen(); + if (!_browser2.default.isiOS) { + this.$el.removeClass('fullscreen nocursor'); + } } + this.mediaControl.show(); }; - MediaControl.prototype.toggleFullscreen = function toggleFullscreen() { - this.trigger(_events2.default.MEDIACONTROL_FULLSCREEN, this.name); - this.container.fullscreen(); - this.resetUserKeepVisible(); + Core.prototype.showMediaControl = function showMediaControl(event) { + this.mediaControl.show(event); }; - 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); + Core.prototype.hideMediaControl = function hideMediaControl() { + this.mediaControl.hide(this.options.hideMediaControlDelay); }; - MediaControl.prototype.showVolumeBar = function showVolumeBar() { - if (this.hideVolumeId) { - clearTimeout(this.hideVolumeId); - } - this.$volumeBarContainer.removeClass('volume-bar-hide'); + 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'); }; - MediaControl.prototype.hideVolumeBar = function hideVolumeBar() { - var _this3 = this; + /** + * enables to configure the container after its creation + * @method configure + * @param {Object} options all the options to change in form of a javascript object + */ - 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); + 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 { - if (this.hideVolumeId) { - clearTimeout(this.hideVolumeId); - } - this.hideVolumeId = setTimeout(function () { - return _this3.$volumeBarContainer.addClass('volume-bar-hide'); - }, timeout); + this.trigger(_events2.default.CORE_OPTIONS_CHANGE); + + this.containers.forEach(function (container) { + container.configure(_this7.options); + }); } }; - MediaControl.prototype.ended = function ended() { - this.changeTogglePlay(); - }; + 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); - 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 + '%' }); - }; + 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(); - 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.previousSize = { width: this.$el.width(), height: this.$el.height() }; - this.currentPositionValue = position; - this.currentDurationValue = timeProgress.total; - this.renderSeekBar(); + this.enableResizeObserver(); + + return this; }; - MediaControl.prototype.renderSeekBar = function renderSeekBar() { - if (this.currentPositionValue === null || this.currentDurationValue === null) { - // this will be triggered as soon as these beocome available - return; - } + 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. - // 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); +exports.default = Core; +module.exports = exports['default']; - 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; - } - }; +/***/ }), +/* 91 */ +/***/ (function(module, exports, __webpack_require__) { - 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; - }; +"use strict"; - MediaControl.prototype.setKeepVisible = function setKeepVisible() { - this.keepVisible = true; - }; - MediaControl.prototype.resetKeepVisible = function resetKeepVisible() { - this.keepVisible = false; - }; +Object.defineProperty(exports, "__esModule", { + value: true +}); - MediaControl.prototype.setUserKeepVisible = function setUserKeepVisible() { - this.userKeepVisible = true; - }; +var _classCallCheck2 = __webpack_require__(0); - MediaControl.prototype.resetUserKeepVisible = function resetUserKeepVisible() { - this.userKeepVisible = false; - }; +var _classCallCheck3 = _interopRequireDefault(_classCallCheck2); - MediaControl.prototype.isVisible = function isVisible() { - return !this.$el.hasClass('media-control-hide'); - }; +var _possibleConstructorReturn2 = __webpack_require__(2); - MediaControl.prototype.show = function show(event) { - var _this4 = this; +var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2); - 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; - } - } - }; +var _createClass2 = __webpack_require__(3); - MediaControl.prototype.hide = function hide() { - var _this5 = this; +var _createClass3 = _interopRequireDefault(_createClass2); - var delay = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0; +var _inherits2 = __webpack_require__(1); - 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); - } - }; +var _inherits3 = _interopRequireDefault(_inherits2); - 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 = JSON.stringify(this.settings) !== JSON.stringify(newSettings); - if (settingsChanged) { - this.settings = newSettings; - this.render(); - } - }; +var _base_object = __webpack_require__(14); - MediaControl.prototype.getSettings = function getSettings() { - return (0, _lodash2.default)({}, this.container.settings); - }; +var _base_object2 = _interopRequireDefault(_base_object); - MediaControl.prototype.highDefinitionUpdate = function highDefinitionUpdate(isHD) { - var method = isHD ? 'addClass' : 'removeClass'; - this.$hdIndicator[method]('enabled'); - }; +var _core = __webpack_require__(61); - 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(); - }; +var _core2 = _interopRequireDefault(_core); - MediaControl.prototype.resetIndicators = function resetIndicators() { - this.displayedPosition = this.$position.text(); - this.displayedDuration = this.$duration.text(); - }; +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - 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); - }; +/** + * 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. - 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; +var CoreFactory = function (_BaseObject) { + (0, _inherits3.default)(CoreFactory, _BaseObject); + (0, _createClass3.default)(CoreFactory, [{ + key: 'loader', + get: function get() { + return this.player.loader; } - 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 + '%' }); - }; + /** + * it builds the core factory + * @method constructor + * @param {Player} player the player object + */ - 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; + function CoreFactory(player) { + (0, _classCallCheck3.default)(this, CoreFactory); - this.kibo.down(key, function () { - _this6.show(); - return cb(); - }); - }; + var _this = (0, _possibleConstructorReturn3.default)(this, _BaseObject.call(this)); - MediaControl.prototype.bindKeyEvents = function bindKeyEvents() { - var _this7 = this; + _this.player = player; + _this._options = player.options; + return _this; + } - this.unbindKeyEvents(); - this.kibo = new _vendor.Kibo(this.options.focusElement); + /** + * creates a core and its plugins + * @method create + * @return {Core} created core + */ - 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']); - } + 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; }; - 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); - } - }; + /** + * given the core plugins (`loader.corePlugins`) it builds each one + * @method addCorePlugins + * @return {Core} the core with all plugins + */ - 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(); - } - - if (_browser2.default.isSafari && _browser2.default.isMobile) { - this.$volumeContainer.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); + CoreFactory.prototype.addCorePlugins = function addCorePlugins() { + var _this2 = this; - 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.loader.corePlugins.forEach(function (Plugin) { + var plugin = new Plugin(_this2.core); + _this2.core.addPlugin(plugin); + _this2.setupExternalInterface(plugin); }); - - this.parseColors(); - this.highDefinitionUpdate(); - - this.rendered = true; - this.updateVolumeUI(); - this.trigger(_events2.default.MEDIACONTROL_RENDERED); - return this; + return this.core; }; - return MediaControl; -}(_ui_object2.default); - -exports.default = MediaControl; + 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); -MediaControl.extend = function (properties) { - return (0, _utils.extend)(MediaControl, properties); -}; +exports.default = CoreFactory; module.exports = exports['default']; -/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(21))) /***/ }), -/* 47 */ +/* 92 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; @@ -10209,1474 +8012,1340 @@ Object.defineProperty(exports, "__esModule", { value: true }); -var _player = __webpack_require__(38); +var _core_factory = __webpack_require__(91); -var _player2 = _interopRequireDefault(_player); +var _core_factory2 = _interopRequireDefault(_core_factory); -var _utils = __webpack_require__(1); +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } -var _utils2 = _interopRequireDefault(_utils); +exports.default = _core_factory2.default; +module.exports = exports['default']; -var _events = __webpack_require__(0); +/***/ }), +/* 93 */ +/***/ (function(module, exports, __webpack_require__) { -var _events2 = _interopRequireDefault(_events); +"use strict"; -var _playback = __webpack_require__(2); -var _playback2 = _interopRequireDefault(_playback); +Object.defineProperty(exports, "__esModule", { + value: true +}); -var _container_plugin = __webpack_require__(13); +var _create = __webpack_require__(71); -var _container_plugin2 = _interopRequireDefault(_container_plugin); +var _create2 = _interopRequireDefault(_create); -var _core_plugin = __webpack_require__(11); +var _classCallCheck2 = __webpack_require__(0); -var _core_plugin2 = _interopRequireDefault(_core_plugin); +var _classCallCheck3 = _interopRequireDefault(_classCallCheck2); -var _ui_core_plugin = __webpack_require__(17); +var _possibleConstructorReturn2 = __webpack_require__(2); -var _ui_core_plugin2 = _interopRequireDefault(_ui_core_plugin); +var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2); -var _ui_container_plugin = __webpack_require__(14); +var _inherits2 = __webpack_require__(1); -var _ui_container_plugin2 = _interopRequireDefault(_ui_container_plugin); +var _inherits3 = _interopRequireDefault(_inherits2); -var _base_object = __webpack_require__(8); +var _base_object = __webpack_require__(14); var _base_object2 = _interopRequireDefault(_base_object); -var _ui_object = __webpack_require__(9); - -var _ui_object2 = _interopRequireDefault(_ui_object); - -var _browser = __webpack_require__(7); - -var _browser2 = _interopRequireDefault(_browser); - -var _container = __webpack_require__(24); +var _player_info = __webpack_require__(33); -var _container2 = _interopRequireDefault(_container); +var _player_info2 = _interopRequireDefault(_player_info); -var _core = __webpack_require__(25); +var _html5_video = __webpack_require__(34); -var _core2 = _interopRequireDefault(_core); +var _html5_video2 = _interopRequireDefault(_html5_video); -var _loader = __webpack_require__(26); +var _flash = __webpack_require__(64); -var _loader2 = _interopRequireDefault(_loader); +var _flash2 = _interopRequireDefault(_flash); -var _mediator = __webpack_require__(10); +var _html5_audio = __webpack_require__(67); -var _mediator2 = _interopRequireDefault(_mediator); +var _html5_audio2 = _interopRequireDefault(_html5_audio); -var _media_control = __webpack_require__(27); +var _flashls = __webpack_require__(65); -var _media_control2 = _interopRequireDefault(_media_control); +var _flashls2 = _interopRequireDefault(_flashls); -var _player_info = __webpack_require__(15); +var _hls = __webpack_require__(66); -var _player_info2 = _interopRequireDefault(_player_info); +var _hls2 = _interopRequireDefault(_hls); -var _base_flash_playback = __webpack_require__(18); +var _html_img = __webpack_require__(68); -var _base_flash_playback2 = _interopRequireDefault(_base_flash_playback); +var _html_img2 = _interopRequireDefault(_html_img); -var _flash = __webpack_require__(28); +var _no_op = __webpack_require__(69); -var _flash2 = _interopRequireDefault(_flash); +var _no_op2 = _interopRequireDefault(_no_op); -var _flashls = __webpack_require__(29); +var _spinner_three_bounce = __webpack_require__(119); -var _flashls2 = _interopRequireDefault(_flashls); +var _spinner_three_bounce2 = _interopRequireDefault(_spinner_three_bounce); -var _hls = __webpack_require__(30); +var _stats = __webpack_require__(121); -var _hls2 = _interopRequireDefault(_hls); +var _stats2 = _interopRequireDefault(_stats); -var _html5_audio = __webpack_require__(31); +var _watermark = __webpack_require__(124); -var _html5_audio2 = _interopRequireDefault(_html5_audio); +var _watermark2 = _interopRequireDefault(_watermark); -var _html5_video = __webpack_require__(16); +var _poster = __webpack_require__(70); -var _html5_video2 = _interopRequireDefault(_html5_video); +var _poster2 = _interopRequireDefault(_poster); -var _html_img = __webpack_require__(32); +var _google_analytics = __webpack_require__(113); -var _html_img2 = _interopRequireDefault(_html_img); +var _google_analytics2 = _interopRequireDefault(_google_analytics); -var _no_op = __webpack_require__(33); +var _click_to_pause = __webpack_require__(106); -var _no_op2 = _interopRequireDefault(_no_op); +var _click_to_pause2 = _interopRequireDefault(_click_to_pause); -var _poster = __webpack_require__(34); +var _dvr_controls = __webpack_require__(108); -var _poster2 = _interopRequireDefault(_poster); +var _dvr_controls2 = _interopRequireDefault(_dvr_controls); -var _log = __webpack_require__(19); +var _favicon = __webpack_require__(111); -var _log2 = _interopRequireDefault(_log); +var _favicon2 = _interopRequireDefault(_favicon); -var _styler = __webpack_require__(4); +var _seek_time = __webpack_require__(116); -var _styler2 = _interopRequireDefault(_styler); +var _seek_time2 = _interopRequireDefault(_seek_time); -var _vendor = __webpack_require__(20); +var _sources = __webpack_require__(118); -var _vendor2 = _interopRequireDefault(_vendor); +var _sources2 = _interopRequireDefault(_sources); -var _template = __webpack_require__(5); +var _end_video = __webpack_require__(109); -var _template2 = _interopRequireDefault(_template); +var _end_video2 = _interopRequireDefault(_end_video); -var _clapprZepto = __webpack_require__(3); +var _strings = __webpack_require__(123); -var _clapprZepto2 = _interopRequireDefault(_clapprZepto); +var _strings2 = _interopRequireDefault(_strings); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } -var version = "0.2.66"; // 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 = { - Player: _player2.default, - Mediator: _mediator2.default, - Events: _events2.default, - Browser: _browser2.default, - PlayerInfo: _player_info2.default, - MediaControl: _media_control2.default, - ContainerPlugin: _container_plugin2.default, - UIContainerPlugin: _ui_container_plugin2.default, - CorePlugin: _core_plugin2.default, - UICorePlugin: _ui_core_plugin2.default, - Playback: _playback2.default, - Container: _container2.default, - Core: _core2.default, - Loader: _loader2.default, - BaseObject: _base_object2.default, - UIObject: _ui_object2.default, - Utils: _utils2.default, - BaseFlashPlayback: _base_flash_playback2.default, - Flash: _flash2.default, - FlasHLS: _flashls2.default, - HLS: _hls2.default, - HTML5Audio: _html5_audio2.default, - HTML5Video: _html5_video2.default, - HTMLImg: _html_img2.default, - NoOp: _no_op2.default, - Poster: _poster2.default, - Log: _log2.default, - Styler: _styler2.default, - Vendor: _vendor2.default, - version: version, - template: _template2.default, - $: _clapprZepto2.default -}; -module.exports = exports['default']; - -/***/ }), -/* 48 */ -/***/ (function(module, exports, __webpack_require__) { +/** + * 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 + */ -"use strict"; +/* Core Plugins */ -Object.defineProperty(exports, "__esModule", { - value: true -}); -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); +/* Container Plugins */ +var Loader = function (_BaseObject) { + (0, _inherits3.default)(Loader, _BaseObject); -var _playback = __webpack_require__(2); + /** + * 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 _playback2 = _interopRequireDefault(_playback); + var _this = (0, _possibleConstructorReturn3.default)(this, _BaseObject.call(this)); -var _styler = __webpack_require__(4); + _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, _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; + } -var _styler2 = _interopRequireDefault(_styler); + /** + * 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 + */ -var _template = __webpack_require__(5); -var _template2 = _interopRequireDefault(_template); + 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; + }; -var _browser = __webpack_require__(7); + 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 _browser2 = _interopRequireDefault(_browser); + var plugins = []; + for (var key in pluginsMap) { + plugins.unshift(pluginsMap[key]); + } + return plugins; + }; -var _flash = __webpack_require__(96); + /** + * adds all the external plugins that were passed through `options.plugins` + * @method addExternalPlugins + * @private + * @param {Object} plugins the config object with all plugins + */ -var _flash2 = _interopRequireDefault(_flash); -var _flash3 = __webpack_require__(85); + 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)); + } -var _flash4 = _interopRequireDefault(_flash3); + _player_info2.default.getInstance(this.playerId).playbackPlugins = this.playbackPlugins; + }; -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + /** + * 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 + */ -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } -function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } + 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); -function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // Copyright 2015 Globo.com Player authors. All rights reserved. +/* 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 IE_CLASSID = 'clsid:d27cdb6e-ae6d-11cf-96b8-444553540000'; - -var BaseFlashPlayback = function (_Playback) { - _inherits(BaseFlashPlayback, _Playback); - - function BaseFlashPlayback() { - _classCallCheck(this, BaseFlashPlayback); - - return _possibleConstructorReturn(this, _Playback.apply(this, arguments)); - } +exports.default = Loader; +module.exports = exports['default']; - BaseFlashPlayback.prototype.setElement = function setElement(element) { - this.$el = element; - this.el = element[0]; - }; +/***/ }), +/* 94 */ +/***/ (function(module, exports, __webpack_require__) { - BaseFlashPlayback.prototype._setupFirefox = function _setupFirefox() { - var $el = this.$('embed'); - $el.attr('data-flash-playback', this.name); - $el.addClass(this.attributes.class); - this.setElement($el); - }; +"use strict"; +/* WEBPACK VAR INJECTION */(function(process) { - BaseFlashPlayback.prototype.render = function render() { - this.$el.html(this.template({ - cid: this.cid, - swfPath: this.swfPath, - baseUrl: this.baseUrl, - playbackId: this.uniqueId, - wmode: this.wmode, - callbackName: 'window.Clappr.flashlsCallbacks.' + this.cid })); +Object.defineProperty(exports, "__esModule", { + value: true +}); - if (_browser2.default.isIE) { - this.$('embed').remove(); +var _stringify = __webpack_require__(128); - if (_browser2.default.isLegacyIE) { - this.$el.attr('classid', IE_CLASSID); - } - } +var _stringify2 = _interopRequireDefault(_stringify); - if (_browser2.default.isFirefox) { - this._setupFirefox(); - } +var _classCallCheck2 = __webpack_require__(0); - this.el.id = this.cid; - this.$el.append(_styler2.default.getStyleFor(_flash4.default)); +var _classCallCheck3 = _interopRequireDefault(_classCallCheck2); - return this; - }; +var _possibleConstructorReturn2 = __webpack_require__(2); - _createClass(BaseFlashPlayback, [{ - key: 'tagName', - get: function get() { - return 'object'; - } - }, { - key: 'swfPath', - get: function get() { - return ''; - } - }, { - key: 'wmode', - get: function get() { - return 'transparent'; - } - }, { - key: 'template', - get: function get() { - return (0, _template2.default)(_flash2.default); - } - }, { - key: 'attributes', - get: function get() { - var type = 'application/x-shockwave-flash'; +var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2); - if (_browser2.default.isLegacyIE) { - type = ''; - } +var _createClass2 = __webpack_require__(3); - return { - class: 'clappr-flash-playback', - type: type, - width: '100%', - height: '100%', - 'data-flash-playback': this.name - }; - } - }]); +var _createClass3 = _interopRequireDefault(_createClass2); - return BaseFlashPlayback; -}(_playback2.default); +var _inherits2 = __webpack_require__(1); -exports.default = BaseFlashPlayback; -module.exports = exports['default']; +var _inherits3 = _interopRequireDefault(_inherits2); -/***/ }), -/* 49 */ -/***/ (function(module, exports, __webpack_require__) { +var _utils = __webpack_require__(5); -"use strict"; +var _vendor = __webpack_require__(41); +var _events = __webpack_require__(4); -Object.defineProperty(exports, "__esModule", { - value: true -}); +var _events2 = _interopRequireDefault(_events); -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); +var _styler = __webpack_require__(8); -var _utils = __webpack_require__(1); +var _styler2 = _interopRequireDefault(_styler); -var _base_flash_playback = __webpack_require__(18); +var _ui_object = __webpack_require__(18); -var _base_flash_playback2 = _interopRequireDefault(_base_flash_playback); +var _ui_object2 = _interopRequireDefault(_ui_object); -var _browser = __webpack_require__(7); +var _browser = __webpack_require__(13); var _browser2 = _interopRequireDefault(_browser); -var _mediator = __webpack_require__(10); +var _mediator = __webpack_require__(22); var _mediator2 = _interopRequireDefault(_mediator); -var _template = __webpack_require__(5); +var _template = __webpack_require__(9); var _template2 = _interopRequireDefault(_template); -var _clapprZepto = __webpack_require__(3); +var _playback = __webpack_require__(7); + +var _playback2 = _interopRequireDefault(_playback); + +var _clapprZepto = __webpack_require__(6); var _clapprZepto2 = _interopRequireDefault(_clapprZepto); -var _events = __webpack_require__(0); +var _mediaControl = __webpack_require__(179); -var _events2 = _interopRequireDefault(_events); +var _mediaControl2 = _interopRequireDefault(_mediaControl); -var _playback = __webpack_require__(2); +var _mediaControl3 = __webpack_require__(190); -var _playback2 = _interopRequireDefault(_playback); +var _mediaControl4 = _interopRequireDefault(_mediaControl3); -var _Player = __webpack_require__(116); +var _play = __webpack_require__(59); -var _Player2 = _interopRequireDefault(_Player); +var _play2 = _interopRequireDefault(_play); -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } +var _pause = __webpack_require__(84); -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } +var _pause2 = _interopRequireDefault(_pause); -function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } +var _stop = __webpack_require__(198); -function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // 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 _stop2 = _interopRequireDefault(_stop); -var MAX_ATTEMPTS = 60; +var _volume = __webpack_require__(199); -var Flash = function (_BaseFlashPlayback) { - _inherits(Flash, _BaseFlashPlayback); +var _volume2 = _interopRequireDefault(_volume); + +var _mute = __webpack_require__(200); + +var _mute2 = _interopRequireDefault(_mute); + +var _expand = __webpack_require__(201); + +var _expand2 = _interopRequireDefault(_expand); + +var _shrink = __webpack_require__(202); - _createClass(Flash, [{ +var _shrink2 = _interopRequireDefault(_shrink); + +var _hd = __webpack_require__(203); + +var _hd2 = _interopRequireDefault(_hd); + +var _cc = __webpack_require__(204); + +var _cc2 = _interopRequireDefault(_cc); + +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + +var MediaControl = function (_UIObject) { + (0, _inherits3.default)(MediaControl, _UIObject); + (0, _createClass3.default)(MediaControl, [{ key: 'name', get: function get() { - return 'flash'; + return 'MediaControl'; } }, { - key: 'swfPath', + key: 'disabled', get: function get() { - return (0, _template2.default)(_Player2.default)({ baseUrl: this._baseUrl }); + return this.userDisabled || this.container && this.container.getPlaybackType() === _playback2.default.NO_OP; } - - /** - * Determine if the playback has ended. - * @property ended - * @type Boolean - */ - }, { - key: 'ended', + key: 'attributes', get: function get() { - return this._currentState === 'ENDED'; + return { + 'class': 'media-control', + 'data-media-control': '' + }; } - - /** - * Determine if the playback is buffering. - * This is related to the PLAYBACK_BUFFERING and PLAYBACK_BUFFERFULL events - * @property buffering - * @type Boolean - */ - }, { - key: 'buffering', + key: 'events', get: function get() { - return !!this._bufferingState && this._currentState !== 'ENDED'; + 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', + 'click [data-cc-button]': 'toggleClosedCaptions', + '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 Flash() { - _classCallCheck(this, Flash); - - for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) { - args[_key] = arguments[_key]; - } + function MediaControl(options) { + (0, _classCallCheck3.default)(this, MediaControl); - var _this = _possibleConstructorReturn(this, _BaseFlashPlayback.call.apply(_BaseFlashPlayback, [this].concat(args))); + var _this = (0, _possibleConstructorReturn3.default)(this, _UIObject.call(this, options)); - _this._src = _this.options.src; - _this._baseUrl = _this.options.baseUrl; - _this._autoPlay = _this.options.autoPlay; - _this.settings = { default: ['seekbar'] }; - _this.settings.left = ['playpause', 'position', 'duration']; - _this.settings.right = ['fullscreen', 'volume']; - _this.settings.seekEnabled = true; - _this._isReadyState = false; - _this._addListeners(); - return _this; - } - - Flash.prototype._bootstrap = function _bootstrap() { - var _this2 = this; + _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.el.playerPlay) { - this.el.width = '100%'; - this.el.height = '100%'; - if (this._currentState === 'PLAYING') { - this._firstPlay(); - } else { - this._currentState = 'IDLE'; - this._autoPlay && this.play(); - } - (0, _clapprZepto2.default)('').insertAfter(this.$el); - if (this.getDuration() > 0) { - this._metadataLoaded(); - } else { - _mediator2.default.once(this.uniqueId + ':timeupdate', this._metadataLoaded, this); + if (_this.container) { + if (!_clapprZepto2.default.isEmptyObject(_this.container.settings)) { + _this.settings = _clapprZepto2.default.extend({}, _this.container.settings); } } else { - this._attempts = this._attempts || 0; - if (++this._attempts <= MAX_ATTEMPTS) { - setTimeout(function () { - return _this2._bootstrap(); - }, 50); - } else { - this.trigger(_events2.default.PLAYBACK_ERROR, { message: 'Max number of attempts reached' }, this.name); + _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_LOADEDTEXTTRACK, this.ccAvailable.bind(this, true)); + 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); } } }; - Flash.prototype._metadataLoaded = function _metadataLoaded() { - this._isReadyState = true; - this.trigger(_events2.default.PLAYBACK_READY, this.name); - this.trigger(_events2.default.PLAYBACK_SETTINGSUPDATE, this.name); + MediaControl.prototype.disable = function disable() { + this.userDisabled = true; + this.hide(); + this.$el.hide(); }; - Flash.prototype.getPlaybackType = function getPlaybackType() { - return _playback2.default.VOD; + MediaControl.prototype.enable = function enable() { + if (this.options.chromeless) return; + this.userDisabled = false; + this.show(); }; - Flash.prototype.isHighDefinitionInUse = function isHighDefinitionInUse() { - return false; + MediaControl.prototype.play = function play() { + this.container.play(); }; - Flash.prototype._updateTime = function _updateTime() { - this.trigger(_events2.default.PLAYBACK_TIMEUPDATE, { current: this.el.getPosition(), total: this.el.getDuration() }, this.name); + MediaControl.prototype.pause = function pause() { + this.container.pause(); }; - Flash.prototype._addListeners = function _addListeners() { - _mediator2.default.on(this.uniqueId + ':progress', this._progress, this); - _mediator2.default.on(this.uniqueId + ':timeupdate', this._updateTime, this); - _mediator2.default.on(this.uniqueId + ':statechanged', this._checkState, this); - _mediator2.default.on(this.uniqueId + ':flashready', this._bootstrap, this); + MediaControl.prototype.stop = function stop() { + this.container.stop(); }; - Flash.prototype.stopListening = function stopListening() { - _BaseFlashPlayback.prototype.stopListening.call(this); - _mediator2.default.off(this.uniqueId + ':progress'); - _mediator2.default.off(this.uniqueId + ':timeupdate'); - _mediator2.default.off(this.uniqueId + ':statechanged'); - _mediator2.default.off(this.uniqueId + ':flashready'); + MediaControl.prototype.onVolumeChanged = function onVolumeChanged() { + this.updateVolumeUI(); }; - Flash.prototype._checkState = function _checkState() { - if (this._isIdle || this._currentState === 'PAUSED') { - return; - } else if (this._currentState !== 'PLAYING_BUFFERING' && this.el.getState() === 'PLAYING_BUFFERING') { - this._bufferingState = true; - this.trigger(_events2.default.PLAYBACK_BUFFERING, this.name); - this._currentState = 'PLAYING_BUFFERING'; - } else if (this.el.getState() === 'PLAYING') { - this._bufferingState = false; - this.trigger(_events2.default.PLAYBACK_BUFFERFULL, this.name); - this._currentState = 'PLAYING'; - } else if (this.el.getState() === 'IDLE') { - this._currentState = 'IDLE'; - } else if (this.el.getState() === 'ENDED') { - this.trigger(_events2.default.PLAYBACK_ENDED, this.name); - this.trigger(_events2.default.PLAYBACK_TIMEUPDATE, { current: 0, total: this.el.getDuration() }, this.name); - this._currentState = 'ENDED'; - this._isIdle = true; + 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(); } }; - Flash.prototype._progress = function _progress() { - if (this._currentState !== 'IDLE' && this._currentState !== 'ENDED') { - this.trigger(_events2.default.PLAYBACK_PROGRESS, { - start: 0, - current: this.el.getBytesLoaded(), - total: this.el.getBytesTotal() - }); + MediaControl.prototype.updateVolumeUI = function updateVolumeUI() { + if (!this.rendered) { + // this will be called after a render + return; } - }; - - Flash.prototype._firstPlay = function _firstPlay() { - var _this3 = this; + // 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 }); - if (this.el.playerPlay) { - this._isIdle = false; - this.el.playerPlay(this._src); - this.listenToOnce(this, _events2.default.PLAYBACK_BUFFERFULL, function () { - return _this3._checkInitialSeek(); - }); - this._currentState = 'PLAYING'; + // 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.listenToOnce(this, _events2.default.PLAYBACK_READY, this._firstPlay); + this.$volumeIcon.append(_mute2.default); + this.$volumeIcon.addClass('muted'); } + this.applyButtonStyle(this.$volumeIcon); }; - Flash.prototype._checkInitialSeek = function _checkInitialSeek() { - var seekTime = (0, _utils.seekStringToSeconds)(window.location.href); - if (seekTime !== 0) { - this.seekSeconds(seekTime); + 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); }; - Flash.prototype.play = function play() { - this.trigger(_events2.default.PLAYBACK_PLAY_INTENT); - if (this._currentState === 'PAUSED' || this._currentState === 'PLAYING_BUFFERING') { - this._currentState = 'PLAYING'; - this.el.playerResume(); - this.trigger(_events2.default.PLAYBACK_PLAY, this.name); - } else if (this._currentState !== 'PLAYING') { - this._firstPlay(); - this.trigger(_events2.default.PLAYBACK_PLAY, this.name); + 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); }; - Flash.prototype.volume = function volume(value) { - var _this4 = this; + MediaControl.prototype.mouseleaveOnSeekBar = function mouseleaveOnSeekBar(event) { + this.trigger(_events2.default.MEDIACONTROL_MOUSELEAVE_SEEKBAR, event); + }; - if (this.isReady) { - this.el.playerVolume(value); - } else { - this.listenToOnce(this, _events2.default.PLAYBACK_BUFFERFULL, function () { - return _this4.volume(value); - }); - } + MediaControl.prototype.onVolumeClick = function onVolumeClick(event) { + this.setVolume(this.getVolumeFromUIEvent(event)); }; - Flash.prototype.pause = function pause() { - this._currentState = 'PAUSED'; - this.el.playerPause(); - this.trigger(_events2.default.PLAYBACK_PAUSE, this.name); + MediaControl.prototype.mousemoveOnVolumeBar = function mousemoveOnVolumeBar(event) { + if (this.draggingVolumeBar) { + this.setVolume(this.getVolumeFromUIEvent(event)); + } }; - Flash.prototype.stop = function stop() { - this.el.playerStop(); - this.trigger(_events2.default.PLAYBACK_STOP); - this.trigger(_events2.default.PLAYBACK_TIMEUPDATE, { current: 0, total: 0 }, this.name); + 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'); + } }; - Flash.prototype.isPlaying = function isPlaying() { - return !!(this.isReady && this._currentState.indexOf('PLAYING') > -1); + MediaControl.prototype.toggleClosedCaptions = function toggleClosedCaptions() { + if (this.container.playback.el.textTracks[0].mode === 'showing') { + this.container.playback.el.textTracks[0].mode = 'hidden'; + this.$ccButton.removeClass('enabled'); + } else { + this.container.playback.el.textTracks[0].mode = 'showing'; + this.$ccButton.addClass('enabled'); + } }; - Flash.prototype.getDuration = function getDuration() { - return this.el.getDuration(); + MediaControl.prototype.togglePlayPause = function togglePlayPause() { + if (this.container.isPlaying()) { + this.container.pause(); + } else { + this.container.play(); + } + return false; }; - Flash.prototype.seekPercentage = function seekPercentage(percentage) { - var _this5 = this; - - if (this.el.getDuration() > 0) { - var seekSeconds = this.el.getDuration() * (percentage / 100); - this.seek(seekSeconds); + MediaControl.prototype.togglePlayStop = function togglePlayStop() { + if (this.container.isPlaying()) { + this.container.stop(); } else { - this.listenToOnce(this, _events2.default.PLAYBACK_BUFFERFULL, function () { - return _this5.seekPercentage(percentage); - }); + this.container.play(); } }; - Flash.prototype.seek = function seek(time) { - var _this6 = this; - - if (this.isReady && this.el.playerSeek) { - this.el.playerSeek(time); - this.trigger(_events2.default.PLAYBACK_TIMEUPDATE, { current: time, total: this.el.getDuration() }, this.name); - if (this._currentState === 'PAUSED') { - this.el.playerPause(); - } - } else { - this.listenToOnce(this, _events2.default.PLAYBACK_BUFFERFULL, function () { - return _this6.seek(time); - }); + 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(); } }; - Flash.prototype.destroy = function destroy() { - clearInterval(this.bootstrapId); - _BaseFlashPlayback.prototype.stopListening.call(this); - this.$el.remove(); + MediaControl.prototype.startVolumeDrag = function startVolumeDrag(event) { + this.draggingVolumeBar = true; + this.$el.addClass('dragging'); + if (event) { + event.preventDefault(); + } }; - _createClass(Flash, [{ - key: 'isReady', - get: function get() { - return this._isReadyState; + 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; + }; - return Flash; -}(_base_flash_playback2.default); + 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)); + } + }; -exports.default = Flash; + 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); + }; -Flash.canPlay = function (resource) { - if (!_browser2.default.hasFlash || !resource || resource.constructor !== String) { - return false; - } else { - var resourceParts = resource.split('?')[0].match(/.*\.(.*)$/) || []; - return resourceParts.length > 1 && !_browser2.default.isMobile && resourceParts[1].toLowerCase().match(/^(mp4|mov|f4v|3gpp|3gp)$/); - } -}; -module.exports = exports['default']; + MediaControl.prototype.setVolume = function setVolume(value) { + var _this2 = this; -/***/ }), -/* 50 */ -/***/ (function(module, exports, __webpack_require__) { + 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); + }); + } + }; -"use strict"; + 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(); + }; -Object.defineProperty(exports, "__esModule", { - value: true -}); + 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); + }; -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); + MediaControl.prototype.showVolumeBar = function showVolumeBar() { + if (this.hideVolumeId) { + clearTimeout(this.hideVolumeId); + } + this.$volumeBarContainer.removeClass('volume-bar-hide'); + }; -var _base_flash_playback = __webpack_require__(18); + MediaControl.prototype.hideVolumeBar = function hideVolumeBar() { + var _this3 = this; -var _base_flash_playback2 = _interopRequireDefault(_base_flash_playback); + var timeout = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 400; -var _events = __webpack_require__(0); + 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); + } + }; -var _events2 = _interopRequireDefault(_events); + MediaControl.prototype.ended = function ended() { + this.changeTogglePlay(); + }; -var _template = __webpack_require__(5); + 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 + '%' }); + }; -var _template2 = _interopRequireDefault(_template); + 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; -var _playback = __webpack_require__(2); + this.currentPositionValue = position; + this.currentDurationValue = timeProgress.total; + this.renderSeekBar(); + }; -var _playback2 = _interopRequireDefault(_playback); + MediaControl.prototype.renderSeekBar = function renderSeekBar() { + if (this.currentPositionValue === null || this.currentDurationValue === null) { + // this will be triggered as soon as these beocome available + return; + } -var _mediator = __webpack_require__(10); + // 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 _mediator2 = _interopRequireDefault(_mediator); + 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; + } + }; -var _browser = __webpack_require__(7); + 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; + }; -var _browser2 = _interopRequireDefault(_browser); + MediaControl.prototype.setKeepVisible = function setKeepVisible() { + this.keepVisible = true; + }; -var _flashls_events = __webpack_require__(51); + MediaControl.prototype.resetKeepVisible = function resetKeepVisible() { + this.keepVisible = false; + }; -var _flashls_events2 = _interopRequireDefault(_flashls_events); + MediaControl.prototype.setUserKeepVisible = function setUserKeepVisible() { + this.userKeepVisible = true; + }; -var _HLSPlayer = __webpack_require__(117); + MediaControl.prototype.resetUserKeepVisible = function resetUserKeepVisible() { + this.userKeepVisible = false; + }; -var _HLSPlayer2 = _interopRequireDefault(_HLSPlayer); + MediaControl.prototype.isVisible = function isVisible() { + return !this.$el.hasClass('media-control-hide'); + }; -var _clapprZepto = __webpack_require__(3); + MediaControl.prototype.show = function show(event) { + var _this4 = this; -var _clapprZepto2 = _interopRequireDefault(_clapprZepto); - -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - -function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } - -function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // 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. + 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; + } + } + }; -var MAX_ATTEMPTS = 60; -var AUTO = -1; + MediaControl.prototype.hide = function hide() { + var _this5 = this; -var FlasHLS = function (_BaseFlashPlayback) { - _inherits(FlasHLS, _BaseFlashPlayback); + var delay = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0; - _createClass(FlasHLS, [{ - key: 'name', - get: function get() { - return 'flashls'; + if (!this.isVisible() || _browser2.default.isMobile && !this.container.isPlaying()) { + return; } - }, { - key: 'swfPath', - get: function get() { - return (0, _template2.default)(_HLSPlayer2.default)({ baseUrl: this._baseUrl }); + var timeout = delay || 2000; + clearTimeout(this.hideId); + if (!this.disabled && this.options.hideMediaControl === false) { + return; } - }, { - key: 'levels', - get: function get() { - return this._levels || []; + 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); } - }, { - key: 'currentLevel', - get: function get() { - if (this._currentLevel === null || this._currentLevel === undefined) { - return AUTO; - } else { - return this._currentLevel; //0 is a valid level ID - } - }, - set: function set(id) { - this._currentLevel = id; - this.trigger(_events2.default.PLAYBACK_LEVEL_SWITCH_START); - this.el.playerSetCurrentLevel(id); + }; + + 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(); } + }; - /** - * Determine if the playback has ended. - * @property ended - * @type Boolean - */ + MediaControl.prototype.getSettings = function getSettings() { + return _clapprZepto2.default.extend(true, {}, this.container.settings); + }; - }, { - key: 'ended', - get: function get() { - return this._hasEnded; - } + MediaControl.prototype.highDefinitionUpdate = function highDefinitionUpdate(isHD) { + var method = isHD ? 'addClass' : 'removeClass'; + this.$hdIndicator[method]('enabled'); + }; - /** - * Determine if the playback is buffering. - * This is related to the PLAYBACK_BUFFERING and PLAYBACK_BUFFERFULL events - * @property buffering - * @type Boolean - */ + MediaControl.prototype.ccAvailable = function ccAvailable(hasCC) { + var method = hasCC ? 'addClass' : 'removeClass'; + this.$ccButton[method]('available'); + }; - }, { - key: 'buffering', - get: function get() { - return !!this._bufferingState && !this._hasEnded; - } - }]); + 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.$ccButton = this.$el.find('button.media-control-button[data-cc-button]'); + this.resetIndicators(); + this.initializeIcons(); + }; - function FlasHLS() { - _classCallCheck(this, FlasHLS); + MediaControl.prototype.resetIndicators = function resetIndicators() { + this.displayedPosition = this.$position.text(); + this.displayedDuration = this.$duration.text(); + }; - for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) { - args[_key] = arguments[_key]; + 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); + this.$ccButton.append(_cc2.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; - var _this = _possibleConstructorReturn(this, _BaseFlashPlayback.call.apply(_BaseFlashPlayback, [this].concat(args))); + this.$seekBarPosition.removeClass('media-control-notransition'); + this.$seekBarScrubber.removeClass('media-control-notransition'); + this.$seekBarPosition.css({ width: value + '%' }); + this.$seekBarScrubber.css({ left: value + '%' }); + }; - _this._src = _this.options.src; - _this._baseUrl = _this.options.baseUrl; - _this._initHlsParameters(_this.options); - // TODO can this be private? - _this.highDefinition = false; - _this._autoPlay = _this.options.autoPlay; - _this._loop = _this.options.loop; - _this._defaultSettings = { - left: ['playstop'], - default: ['seekbar'], - right: ['fullscreen', 'volume', 'hd-indicator'], - seekEnabled: false - }; - _this.settings = _clapprZepto2.default.extend({}, _this._defaultSettings); - _this._playbackType = _playback2.default.LIVE; - _this._hasEnded = false; - _this._addListeners(); - return _this; - } + 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); + }; - FlasHLS.prototype._initHlsParameters = function _initHlsParameters(options) { - this._autoStartLoad = options.autoStartLoad === undefined ? true : options.autoStartLoad; - this._capLevelToStage = options.capLevelToStage === undefined ? false : options.capLevelToStage; - this._maxLevelCappingMode = options.maxLevelCappingMode === undefined ? 'downscale' : options.maxLevelCappingMode; - this._minBufferLength = options.minBufferLength === undefined ? -1 : options.minBufferLength; - this._minBufferLengthCapping = options.minBufferLengthCapping === undefined ? -1 : options.minBufferLengthCapping; - this._maxBufferLength = options.maxBufferLength === undefined ? 120 : options.maxBufferLength; - this._maxBackBufferLength = options.maxBackBufferLength === undefined ? 30 : options.maxBackBufferLength; - this._lowBufferLength = options.lowBufferLength === undefined ? 3 : options.lowBufferLength; - this._mediaTimePeriod = options.mediaTimePeriod === undefined ? 100 : options.mediaTimePeriod; - this._fpsDroppedMonitoringPeriod = options.fpsDroppedMonitoringPeriod === undefined ? 5000 : options.fpsDroppedMonitoringPeriod; - this._fpsDroppedMonitoringThreshold = options.fpsDroppedMonitoringThreshold === undefined ? 0.2 : options.fpsDroppedMonitoringThreshold; - this._capLevelonFPSDrop = options.capLevelonFPSDrop === undefined ? false : options.capLevelonFPSDrop; - this._smoothAutoSwitchonFPSDrop = options.smoothAutoSwitchonFPSDrop === undefined ? this.capLevelonFPSDrop : options.smoothAutoSwitchonFPSDrop; - this._switchDownOnLevelError = options.switchDownOnLevelError === undefined ? true : options.switchDownOnLevelError; - this._seekMode = options.seekMode === undefined ? 'ACCURATE' : options.seekMode; - this._keyLoadMaxRetry = options.keyLoadMaxRetry === undefined ? 3 : options.keyLoadMaxRetry; - this._keyLoadMaxRetryTimeout = options.keyLoadMaxRetryTimeout === undefined ? 64000 : options.keyLoadMaxRetryTimeout; - this._fragmentLoadMaxRetry = options.fragmentLoadMaxRetry === undefined ? 3 : options.fragmentLoadMaxRetry; - this._fragmentLoadMaxRetryTimeout = options.fragmentLoadMaxRetryTimeout === undefined ? 4000 : options.fragmentLoadMaxRetryTimeout; - this._fragmentLoadSkipAfterMaxRetry = options.fragmentLoadSkipAfterMaxRetry === undefined ? true : options.fragmentLoadSkipAfterMaxRetry; - this._maxSkippedFragments = options.maxSkippedFragments === undefined ? 5 : options.maxSkippedFragments; - this._flushLiveURLCache = options.flushLiveURLCache === undefined ? false : options.flushLiveURLCache; - this._initialLiveManifestSize = options.initialLiveManifestSize === undefined ? 1 : options.initialLiveManifestSize; - this._manifestLoadMaxRetry = options.manifestLoadMaxRetry === undefined ? 3 : options.manifestLoadMaxRetry; - this._manifestLoadMaxRetryTimeout = options.manifestLoadMaxRetryTimeout === undefined ? 64000 : options.manifestLoadMaxRetryTimeout; - this._manifestRedundantLoadmaxRetry = options.manifestRedundantLoadmaxRetry === undefined ? 3 : options.manifestRedundantLoadmaxRetry; - this._startFromBitrate = options.startFromBitrate === undefined ? -1 : options.startFromBitrate; - this._startFromLevel = options.startFromLevel === undefined ? -1 : options.startFromLevel; - this._autoStartMaxDuration = options.autoStartMaxDuration === undefined ? -1 : options.autoStartMaxDuration; - this._seekFromLevel = options.seekFromLevel === undefined ? -1 : options.seekFromLevel; - this._useHardwareVideoDecoder = options.useHardwareVideoDecoder === undefined ? false : options.useHardwareVideoDecoder; - this._hlsLogEnabled = options.hlsLogEnabled === undefined ? true : options.hlsLogEnabled; - this._logDebug = options.logDebug === undefined ? false : options.logDebug; - this._logDebug2 = options.logDebug2 === undefined ? false : options.logDebug2; - this._logWarn = options.logWarn === undefined ? true : options.logWarn; - this._logError = options.logError === undefined ? true : options.logError; - this._hlsMinimumDvrSize = options.hlsMinimumDvrSize === undefined ? 60 : options.hlsMinimumDvrSize; + MediaControl.prototype.bindKeyAndShow = function bindKeyAndShow(key, cb) { + var _this6 = this; + + this.kibo.down(key, function () { + _this6.show(); + return cb(); + }); }; - FlasHLS.prototype._addListeners = function _addListeners() { - var _this2 = this; + MediaControl.prototype.bindKeyEvents = function bindKeyEvents() { + var _this7 = this; - _mediator2.default.on(this.cid + ':flashready', function () { - return _this2._bootstrap(); + this.unbindKeyEvents(); + this.kibo = new _vendor.Kibo(this.options.focusElement); + + this.bindKeyAndShow('space', function () { + return _this7.togglePlayPause(); }); - _mediator2.default.on(this.cid + ':timeupdate', function (timeMetrics) { - return _this2._updateTime(timeMetrics); + this.bindKeyAndShow('left', function () { + return _this7.seekRelative(-5); }); - _mediator2.default.on(this.cid + ':playbackstate', function (state) { - return _this2._setPlaybackState(state); + this.bindKeyAndShow('right', function () { + return _this7.seekRelative(5); }); - _mediator2.default.on(this.cid + ':levelchanged', function (level) { - return _this2._levelChanged(level); + this.bindKeyAndShow('shift left', function () { + return _this7.seekRelative(-10); }); - _mediator2.default.on(this.cid + ':error', function (code, url, message) { - return _this2._flashPlaybackError(code, url, message); + this.bindKeyAndShow('shift right', function () { + return _this7.seekRelative(10); }); - _mediator2.default.on(this.cid + ':fragmentloaded', function (loadmetrics) { - return _this2._onFragmentLoaded(loadmetrics); + this.bindKeyAndShow('shift ctrl left', function () { + return _this7.seekRelative(-15); }); - _mediator2.default.on(this.cid + ':levelendlist', function (level) { - return _this2._onLevelEndlist(level); + 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); + }); }); }; - FlasHLS.prototype.stopListening = function stopListening() { - _BaseFlashPlayback.prototype.stopListening.call(this); - _mediator2.default.off(this.cid + ':flashready'); - _mediator2.default.off(this.cid + ':timeupdate'); - _mediator2.default.off(this.cid + ':playbackstate'); - _mediator2.default.off(this.cid + ':levelchanged'); - _mediator2.default.off(this.cid + ':playbackerror'); - _mediator2.default.off(this.cid + ':fragmentloaded'); - _mediator2.default.off(this.cid + ':manifestloaded'); - _mediator2.default.off(this.cid + ':levelendlist'); + 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']); + } }; - FlasHLS.prototype._bootstrap = function _bootstrap() { - var _this3 = this; - - if (this.el.playerLoad) { - this.el.width = '100%'; - this.el.height = '100%'; - this._isReadyState = true; - this._srcLoaded = false; - this._currentState = 'IDLE'; - this._setFlashSettings(); - this._updatePlaybackType(); - if (this._autoPlay || this._shouldPlayOnManifestLoaded) { - this.play(); - } - this.trigger(_events2.default.PLAYBACK_READY, this.name); - } else { - this._bootstrapAttempts = this._bootstrapAttempts || 0; - if (++this._bootstrapAttempts <= MAX_ATTEMPTS) { - setTimeout(function () { - return _this3._bootstrap(); - }, 50); - } else { - this.trigger(_events2.default.PLAYBACK_ERROR, { message: 'Max number of attempts reached' }, this.name); - } + 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); } }; - FlasHLS.prototype._setFlashSettings = function _setFlashSettings() { - this.el.playerSetAutoStartLoad(this._autoStartLoad); - this.el.playerSetCapLevelToStage(this._capLevelToStage); - this.el.playerSetMaxLevelCappingMode(this._maxLevelCappingMode); - this.el.playerSetMinBufferLength(this._minBufferLength); - this.el.playerSetMinBufferLengthCapping(this._minBufferLengthCapping); - this.el.playerSetMaxBufferLength(this._maxBufferLength); - this.el.playerSetMaxBackBufferLength(this._maxBackBufferLength); - this.el.playerSetLowBufferLength(this._lowBufferLength); - this.el.playerSetMediaTimePeriod(this._mediaTimePeriod); - this.el.playerSetFpsDroppedMonitoringPeriod(this._fpsDroppedMonitoringPeriod); - this.el.playerSetFpsDroppedMonitoringThreshold(this._fpsDroppedMonitoringThreshold); - this.el.playerSetCapLevelonFPSDrop(this._capLevelonFPSDrop); - this.el.playerSetSmoothAutoSwitchonFPSDrop(this._smoothAutoSwitchonFPSDrop); - this.el.playerSetSwitchDownOnLevelError(this._switchDownOnLevelError); - this.el.playerSetSeekMode(this._seekMode); - this.el.playerSetKeyLoadMaxRetry(this._keyLoadMaxRetry); - this.el.playerSetKeyLoadMaxRetryTimeout(this._keyLoadMaxRetryTimeout); - this.el.playerSetFragmentLoadMaxRetry(this._fragmentLoadMaxRetry); - this.el.playerSetFragmentLoadMaxRetryTimeout(this._fragmentLoadMaxRetryTimeout); - this.el.playerSetFragmentLoadSkipAfterMaxRetry(this._fragmentLoadSkipAfterMaxRetry); - this.el.playerSetMaxSkippedFragments(this._maxSkippedFragments); - this.el.playerSetFlushLiveURLCache(this._flushLiveURLCache); - this.el.playerSetInitialLiveManifestSize(this._initialLiveManifestSize); - this.el.playerSetManifestLoadMaxRetry(this._manifestLoadMaxRetry); - this.el.playerSetManifestLoadMaxRetryTimeout(this._manifestLoadMaxRetryTimeout); - this.el.playerSetManifestRedundantLoadmaxRetry(this._manifestRedundantLoadmaxRetry); - this.el.playerSetStartFromBitrate(this._startFromBitrate); - this.el.playerSetStartFromLevel(this._startFromLevel); - this.el.playerSetAutoStartMaxDuration(this._autoStartMaxDuration); - this.el.playerSetSeekFromLevel(this._seekFromLevel); - this.el.playerSetUseHardwareVideoDecoder(this._useHardwareVideoDecoder); - this.el.playerSetLogInfo(this._hlsLogEnabled); - this.el.playerSetLogDebug(this._logDebug); - this.el.playerSetLogDebug2(this._logDebug2); - this.el.playerSetLogWarn(this._logWarn); - this.el.playerSetLogError(this._logError); + MediaControl.prototype.applyButtonStyle = function applyButtonStyle(element) { + if (this.buttonsColor && element) { + (0, _clapprZepto2.default)(element).find('svg path').css('fill', this.buttonsColor); + } }; - FlasHLS.prototype.setAutoStartLoad = function setAutoStartLoad(autoStartLoad) { - this._autoStartLoad = autoStartLoad; - this.el.playerSetAutoStartLoad(this._autoStartLoad); + 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(); }; - FlasHLS.prototype.setCapLevelToStage = function setCapLevelToStage(capLevelToStage) { - this._capLevelToStage = capLevelToStage; - this.el.playerSetCapLevelToStage(this._capLevelToStage); - }; + MediaControl.prototype.render = function render() { + var _this8 = this; - FlasHLS.prototype.setMaxLevelCappingMode = function setMaxLevelCappingMode(maxLevelCappingMode) { - this._maxLevelCappingMode = maxLevelCappingMode; - this.el.playerSetMaxLevelCappingMode(this._maxLevelCappingMode); - }; + 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'); - FlasHLS.prototype.setSetMinBufferLength = function setSetMinBufferLength(minBufferLength) { - this._minBufferLength = minBufferLength; - this.el.playerSetMinBufferLength(this._minBufferLength); - }; + this.changeTogglePlay(); + this.hideId = setTimeout(function () { + return _this8.hide(); + }, timeout); + if (this.disabled) { + this.hide(); + } - FlasHLS.prototype.setMinBufferLengthCapping = function setMinBufferLengthCapping(minBufferLengthCapping) { - this._minBufferLengthCapping = minBufferLengthCapping; - this.el.playerSetMinBufferLengthCapping(this._minBufferLengthCapping); - }; + // 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'); + } + } - FlasHLS.prototype.setMaxBufferLength = function setMaxBufferLength(maxBufferLength) { - this._maxBufferLength = maxBufferLength; - this.el.playerSetMaxBufferLength(this._maxBufferLength); - }; + this.$seekBarPosition.addClass('media-control-notransition'); + this.$seekBarScrubber.addClass('media-control-notransition'); - FlasHLS.prototype.setMaxBackBufferLength = function setMaxBackBufferLength(maxBackBufferLength) { - this._maxBackBufferLength = maxBackBufferLength; - this.el.playerSetMaxBackBufferLength(this._maxBackBufferLength); - }; + var previousSeekPercentage = 0; + if (this.displayedSeekBarPercentage) { + previousSeekPercentage = this.displayedSeekBarPercentage; + } + this.displayedSeekBarPercentage = null; + this.setSeekPercentage(previousSeekPercentage); - FlasHLS.prototype.setLowBufferLength = function setLowBufferLength(lowBufferLength) { - this._lowBufferLength = lowBufferLength; - this.el.playerSetLowBufferLength(this._lowBufferLength); - }; + 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); + }); - FlasHLS.prototype.setMediaTimePeriod = function setMediaTimePeriod(mediaTimePeriod) { - this._mediaTimePeriod = mediaTimePeriod; - this.el.playerSetMediaTimePeriod(this._mediaTimePeriod); - }; + this.parseColors(); + this.highDefinitionUpdate(); + this.ccAvailable(false); - FlasHLS.prototype.setFpsDroppedMonitoringPeriod = function setFpsDroppedMonitoringPeriod(fpsDroppedMonitoringPeriod) { - this._fpsDroppedMonitoringPeriod = fpsDroppedMonitoringPeriod; - this.el.playerSetFpsDroppedMonitoringPeriod(this._fpsDroppedMonitoringPeriod); + this.rendered = true; + this.updateVolumeUI(); + this.trigger(_events2.default.MEDIACONTROL_RENDERED); + return this; }; - FlasHLS.prototype.setFpsDroppedMonitoringThreshold = function setFpsDroppedMonitoringThreshold(fpsDroppedMonitoringThreshold) { - this._fpsDroppedMonitoringThreshold = fpsDroppedMonitoringThreshold; - this.el.playerSetFpsDroppedMonitoringThreshold(this._fpsDroppedMonitoringThreshold); - }; + return MediaControl; +}(_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. - FlasHLS.prototype.setCapLevelonFPSDrop = function setCapLevelonFPSDrop(capLevelonFPSDrop) { - this._capLevelonFPSDrop = capLevelonFPSDrop; - this.el.playerSetCapLevelonFPSDrop(this._capLevelonFPSDrop); - }; +/** + * The MediaControl is responsible for displaying the Player controls. + */ - FlasHLS.prototype.setSmoothAutoSwitchonFPSDrop = function setSmoothAutoSwitchonFPSDrop(smoothAutoSwitchonFPSDrop) { - this._smoothAutoSwitchonFPSDrop = smoothAutoSwitchonFPSDrop; - this.el.playerSetSmoothAutoSwitchonFPSDrop(this._smoothAutoSwitchonFPSDrop); - }; +exports.default = MediaControl; - FlasHLS.prototype.setSwitchDownOnLevelError = function setSwitchDownOnLevelError(switchDownOnLevelError) { - this._switchDownOnLevelError = switchDownOnLevelError; - this.el.playerSetSwitchDownOnLevelError(this._switchDownOnLevelError); - }; - FlasHLS.prototype.setSeekMode = function setSeekMode(seekMode) { - this._seekMode = seekMode; - this.el.playerSetSeekMode(this._seekMode); - }; +MediaControl.extend = function (properties) { + return (0, _utils.extend)(MediaControl, properties); +}; +module.exports = exports['default']; +/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(58))) - FlasHLS.prototype.setKeyLoadMaxRetry = function setKeyLoadMaxRetry(keyLoadMaxRetry) { - this._keyLoadMaxRetry = keyLoadMaxRetry; - this.el.playerSetKeyLoadMaxRetry(this._keyLoadMaxRetry); - }; +/***/ }), +/* 95 */ +/***/ (function(module, exports, __webpack_require__) { - FlasHLS.prototype.setKeyLoadMaxRetryTimeout = function setKeyLoadMaxRetryTimeout(keyLoadMaxRetryTimeout) { - this._keyLoadMaxRetryTimeout = keyLoadMaxRetryTimeout; - this.el.playerSetKeyLoadMaxRetryTimeout(this._keyLoadMaxRetryTimeout); - }; +"use strict"; - FlasHLS.prototype.setFragmentLoadMaxRetry = function setFragmentLoadMaxRetry(fragmentLoadMaxRetry) { - this._fragmentLoadMaxRetry = fragmentLoadMaxRetry; - this.el.playerSetFragmentLoadMaxRetry(this._fragmentLoadMaxRetry); - }; - FlasHLS.prototype.setFragmentLoadMaxRetryTimeout = function setFragmentLoadMaxRetryTimeout(fragmentLoadMaxRetryTimeout) { - this._fragmentLoadMaxRetryTimeout = fragmentLoadMaxRetryTimeout; - this.el.playerSetFragmentLoadMaxRetryTimeout(this._fragmentLoadMaxRetryTimeout); - }; +Object.defineProperty(exports, "__esModule", { + value: true +}); - FlasHLS.prototype.setFragmentLoadSkipAfterMaxRetry = function setFragmentLoadSkipAfterMaxRetry(fragmentLoadSkipAfterMaxRetry) { - this._fragmentLoadSkipAfterMaxRetry = fragmentLoadSkipAfterMaxRetry; - this.el.playerSetFragmentLoadSkipAfterMaxRetry(this._fragmentLoadSkipAfterMaxRetry); - }; +var _player = __webpack_require__(86); - FlasHLS.prototype.setMaxSkippedFragments = function setMaxSkippedFragments(maxSkippedFragments) { - this._maxSkippedFragments = maxSkippedFragments; - this.el.playerSetMaxSkippedFragments(this._maxSkippedFragments); - }; +var _player2 = _interopRequireDefault(_player); - FlasHLS.prototype.setFlushLiveURLCache = function setFlushLiveURLCache(flushLiveURLCache) { - this._flushLiveURLCache = flushLiveURLCache; - this.el.playerSetFlushLiveURLCache(this._flushLiveURLCache); - }; +var _utils = __webpack_require__(5); - FlasHLS.prototype.setInitialLiveManifestSize = function setInitialLiveManifestSize(initialLiveManifestSize) { - this._initialLiveManifestSize = initialLiveManifestSize; - this.el.playerSetInitialLiveManifestSize(this._initialLiveManifestSize); - }; +var _utils2 = _interopRequireDefault(_utils); - FlasHLS.prototype.setManifestLoadMaxRetry = function setManifestLoadMaxRetry(manifestLoadMaxRetry) { - this._manifestLoadMaxRetry = manifestLoadMaxRetry; - this.el.playerSetManifestLoadMaxRetry(this._manifestLoadMaxRetry); - }; +var _events = __webpack_require__(4); - FlasHLS.prototype.setManifestLoadMaxRetryTimeout = function setManifestLoadMaxRetryTimeout(manifestLoadMaxRetryTimeout) { - this._manifestLoadMaxRetryTimeout = manifestLoadMaxRetryTimeout; - this.el.playerSetManifestLoadMaxRetryTimeout(this._manifestLoadMaxRetryTimeout); - }; +var _events2 = _interopRequireDefault(_events); - FlasHLS.prototype.setManifestRedundantLoadmaxRetry = function setManifestRedundantLoadmaxRetry(manifestRedundantLoadmaxRetry) { - this._manifestRedundantLoadmaxRetry = manifestRedundantLoadmaxRetry; - this.el.playerSetManifestRedundantLoadmaxRetry(this._manifestRedundantLoadmaxRetry); - }; +var _playback = __webpack_require__(7); - FlasHLS.prototype.setStartFromBitrate = function setStartFromBitrate(startFromBitrate) { - this._startFromBitrate = startFromBitrate; - this.el.playerSetStartFromBitrate(this._startFromBitrate); - }; +var _playback2 = _interopRequireDefault(_playback); - FlasHLS.prototype.setStartFromLevel = function setStartFromLevel(startFromLevel) { - this._startFromLevel = startFromLevel; - this.el.playerSetStartFromLevel(this._startFromLevel); - }; +var _container_plugin = __webpack_require__(31); - FlasHLS.prototype.setAutoStartMaxDuration = function setAutoStartMaxDuration(autoStartMaxDuration) { - this._autoStartMaxDuration = autoStartMaxDuration; - this.el.playerSetAutoStartMaxDuration(this._autoStartMaxDuration); - }; +var _container_plugin2 = _interopRequireDefault(_container_plugin); - FlasHLS.prototype.setSeekFromLevel = function setSeekFromLevel(seekFromLevel) { - this._seekFromLevel = seekFromLevel; - this.el.playerSetSeekFromLevel(this._seekFromLevel); - }; +var _core_plugin = __webpack_require__(25); - FlasHLS.prototype.setUseHardwareVideoDecoder = function setUseHardwareVideoDecoder(useHardwareVideoDecoder) { - this._useHardwareVideoDecoder = useHardwareVideoDecoder; - this.el.playerSetUseHardwareVideoDecoder(this._useHardwareVideoDecoder); - }; +var _core_plugin2 = _interopRequireDefault(_core_plugin); - FlasHLS.prototype.setSetLogInfo = function setSetLogInfo(hlsLogEnabled) { - this._hlsLogEnabled = hlsLogEnabled; - this.el.playerSetLogInfo(this._hlsLogEnabled); - }; +var _ui_core_plugin = __webpack_require__(38); - FlasHLS.prototype.setLogDebug = function setLogDebug(logDebug) { - this._logDebug = logDebug; - this.el.playerSetLogDebug(this._logDebug); - }; +var _ui_core_plugin2 = _interopRequireDefault(_ui_core_plugin); - FlasHLS.prototype.setLogDebug2 = function setLogDebug2(logDebug2) { - this._logDebug2 = logDebug2; - this.el.playerSetLogDebug2(this._logDebug2); - }; +var _ui_container_plugin = __webpack_require__(32); - FlasHLS.prototype.setLogWarn = function setLogWarn(logWarn) { - this._logWarn = logWarn; - this.el.playerSetLogWarn(this._logWarn); - }; +var _ui_container_plugin2 = _interopRequireDefault(_ui_container_plugin); - FlasHLS.prototype.setLogError = function setLogError(logError) { - this._logError = logError; - this.el.playerSetLogError(this._logError); - }; +var _base_object = __webpack_require__(14); - FlasHLS.prototype._levelChanged = function _levelChanged(level) { - var currentLevel = this.el.getLevels()[level]; - if (currentLevel) { - this.highDefinition = currentLevel.height >= 720 || currentLevel.bitrate / 1000 >= 2000; - this.trigger(_events2.default.PLAYBACK_HIGHDEFINITIONUPDATE, this.highDefinition); +var _base_object2 = _interopRequireDefault(_base_object); - if (!this._levels || this._levels.length === 0) this._fillLevels(); +var _ui_object = __webpack_require__(18); - this.trigger(_events2.default.PLAYBACK_BITRATE, { - height: currentLevel.height, - width: currentLevel.width, - bandwidth: currentLevel.bitrate, - bitrate: currentLevel.bitrate, - level: level - }); - this.trigger(_events2.default.PLAYBACK_LEVEL_SWITCH_END); - } - }; +var _ui_object2 = _interopRequireDefault(_ui_object); - FlasHLS.prototype._updateTime = function _updateTime(timeMetrics) { - if (this._currentState === 'IDLE') { - return; - } +var _browser = __webpack_require__(13); - var duration = this._normalizeDuration(timeMetrics.duration); - var position = Math.min(Math.max(timeMetrics.position, 0), duration); - var previousDVRStatus = this._dvrEnabled; - var livePlayback = this._playbackType === _playback2.default.LIVE; - this._dvrEnabled = livePlayback && duration > this._hlsMinimumDvrSize; +var _browser2 = _interopRequireDefault(_browser); - if (duration === 100 || livePlayback === undefined) { - return; - } +var _container = __webpack_require__(60); - if (this._dvrEnabled !== previousDVRStatus) { - this._updateSettings(); - this.trigger(_events2.default.PLAYBACK_SETTINGSUPDATE, this.name); - } +var _container2 = _interopRequireDefault(_container); - if (livePlayback && (!this._dvrEnabled || !this._dvrInUse)) { - position = duration; - } +var _core = __webpack_require__(61); - this.trigger(_events2.default.PLAYBACK_TIMEUPDATE, { current: position, total: duration }, this.name); - }; +var _core2 = _interopRequireDefault(_core); - FlasHLS.prototype.play = function play() { - this.trigger(_events2.default.PLAYBACK_PLAY_INTENT); - if (this._currentState === 'PAUSED') { - this.el.playerResume(); - } else if (!this._srcLoaded && this._currentState !== 'PLAYING') { - this._firstPlay(); - } else { - this.el.playerPlay(); - } - }; +var _loader = __webpack_require__(62); - FlasHLS.prototype.getPlaybackType = function getPlaybackType() { - return this._playbackType ? this._playbackType : null; - }; +var _loader2 = _interopRequireDefault(_loader); - FlasHLS.prototype.getCurrentLevelIndex = function getCurrentLevelIndex() { - return this._currentLevel; - }; +var _mediator = __webpack_require__(22); - FlasHLS.prototype.getCurrentLevel = function getCurrentLevel() { - return this.levels[this.currentLevel]; - }; +var _mediator2 = _interopRequireDefault(_mediator); - FlasHLS.prototype.getCurrentBitrate = function getCurrentBitrate() { - return this.levels[this.currentLevel].bitrate; - }; +var _media_control = __webpack_require__(63); - FlasHLS.prototype.setCurrentLevel = function setCurrentLevel(level) { - this.currentLevel = level; - }; +var _media_control2 = _interopRequireDefault(_media_control); - FlasHLS.prototype.isHighDefinitionInUse = function isHighDefinitionInUse() { - return this.highDefinition; - }; +var _player_info = __webpack_require__(33); - FlasHLS.prototype.getLevels = function getLevels() { - return this.levels; - }; +var _player_info2 = _interopRequireDefault(_player_info); - FlasHLS.prototype._setPlaybackState = function _setPlaybackState(state) { - if (['PLAYING_BUFFERING', 'PAUSED_BUFFERING'].indexOf(state) >= 0) { - this._bufferingState = true; - this.trigger(_events2.default.PLAYBACK_BUFFERING, this.name); - this._updateCurrentState(state); - } else if (['PLAYING', 'PAUSED'].indexOf(state) >= 0) { - if (['PLAYING_BUFFERING', 'PAUSED_BUFFERING', 'IDLE'].indexOf(this._currentState) >= 0) { - this._bufferingState = false; - this.trigger(_events2.default.PLAYBACK_BUFFERFULL, this.name); - } - this._updateCurrentState(state); - } else if (state === 'IDLE') { - this._srcLoaded = false; - if (this._loop && ['PLAYING_BUFFERING', 'PLAYING'].indexOf(this._currentState) >= 0) { - this.play(); - this.seek(0); - } else { - this._updateCurrentState(state); - this._hasEnded = true; - this.trigger(_events2.default.PLAYBACK_TIMEUPDATE, { current: 0, total: this.getDuration() }, this.name); - this.trigger(_events2.default.PLAYBACK_ENDED, this.name); - } - } - }; +var _base_flash_playback = __webpack_require__(39); - FlasHLS.prototype._updateCurrentState = function _updateCurrentState(state) { - this._currentState = state; - if (state !== 'IDLE') { - this._hasEnded = false; - } - this._updatePlaybackType(); - if (state === 'PLAYING') { - this.trigger(_events2.default.PLAYBACK_PLAY, this.name); - } else if (state === 'PAUSED') { - this.trigger(_events2.default.PLAYBACK_PAUSE, this.name); - } - }; +var _base_flash_playback2 = _interopRequireDefault(_base_flash_playback); - FlasHLS.prototype._updatePlaybackType = function _updatePlaybackType() { - this._playbackType = this.el.getType(); - if (this._playbackType) { - this._playbackType = this._playbackType.toLowerCase(); - if (this._playbackType === _playback2.default.VOD) { - this._startReportingProgress(); - } else { - this._stopReportingProgress(); - } - } - this.trigger(_events2.default.PLAYBACK_PLAYBACKSTATE, { type: this._playbackType }); - }; +var _flash = __webpack_require__(64); - FlasHLS.prototype._startReportingProgress = function _startReportingProgress() { - if (!this._reportingProgress) { - this._reportingProgress = true; - } - }; +var _flash2 = _interopRequireDefault(_flash); - FlasHLS.prototype._stopReportingProgress = function _stopReportingProgress() { - this._reportingProgress = false; - }; +var _flashls = __webpack_require__(65); - FlasHLS.prototype._onFragmentLoaded = function _onFragmentLoaded(loadmetrics) { - this.trigger(_events2.default.PLAYBACK_FRAGMENT_LOADED, loadmetrics); - if (this._reportingProgress && this.el.getPosition) { - var buffered = this.el.getPosition() + this.el.getbufferLength(); - this.trigger(_events2.default.PLAYBACK_PROGRESS, { - start: this.el.getPosition(), - current: buffered, - total: this.el.getDuration() - }); - } - }; +var _flashls2 = _interopRequireDefault(_flashls); - FlasHLS.prototype._onLevelEndlist = function _onLevelEndlist() { - this._updatePlaybackType(); - }; +var _hls = __webpack_require__(66); - FlasHLS.prototype._firstPlay = function _firstPlay() { - var _this4 = this; +var _hls2 = _interopRequireDefault(_hls); - this._shouldPlayOnManifestLoaded = true; - if (this.el.playerLoad) { - _mediator2.default.once(this.cid + ':manifestloaded', function (duration, loadmetrics) { - return _this4._manifestLoaded(duration, loadmetrics); - }); - this._setFlashSettings(); //ensure flushLiveURLCache will work (#327) - this.el.playerLoad(this._src); - this._srcLoaded = true; - } - }; +var _html5_audio = __webpack_require__(67); - FlasHLS.prototype.volume = function volume(value) { - var _this5 = this; +var _html5_audio2 = _interopRequireDefault(_html5_audio); - if (this.isReady) { - this.el.playerVolume(value); - } else { - this.listenToOnce(this, _events2.default.PLAYBACK_BUFFERFULL, function () { - return _this5.volume(value); - }); - } - }; +var _html5_video = __webpack_require__(34); - FlasHLS.prototype.pause = function pause() { - if (this._playbackType !== _playback2.default.LIVE || this._dvrEnabled) { - this.el.playerPause(); - if (this._playbackType === _playback2.default.LIVE && this._dvrEnabled) { - this._updateDvr(true); - } - } - }; - - FlasHLS.prototype.stop = function stop() { - this._srcLoaded = false; - this.el.playerStop(); - this.trigger(_events2.default.PLAYBACK_STOP); - this.trigger(_events2.default.PLAYBACK_TIMEUPDATE, { current: 0, total: 0 }, this.name); - }; - - FlasHLS.prototype.isPlaying = function isPlaying() { - if (this._currentState) { - return !!this._currentState.match(/playing/i); - } - return false; - }; - - FlasHLS.prototype.getDuration = function getDuration() { - return this._normalizeDuration(this.el.getDuration()); - }; +var _html5_video2 = _interopRequireDefault(_html5_video); - FlasHLS.prototype._normalizeDuration = function _normalizeDuration(duration) { - if (this._playbackType === _playback2.default.LIVE) { - // estimate 10 seconds of buffer time for live streams for seek positions - duration = Math.max(0, duration - 10); - } - return duration; - }; +var _html_img = __webpack_require__(68); - FlasHLS.prototype.seekPercentage = function seekPercentage(percentage) { - var duration = this.el.getDuration(); - var time = 0; - if (percentage > 0) { - time = duration * percentage / 100; - } - this.seek(time); - }; +var _html_img2 = _interopRequireDefault(_html_img); - FlasHLS.prototype.seek = function seek(time) { - var duration = this.getDuration(); - if (this._playbackType === _playback2.default.LIVE) { - // seek operations to a time within 3 seconds from live stream will position playhead back to live - var dvrInUse = duration - time > 3; - this._updateDvr(dvrInUse); - } - this.el.playerSeek(time); - this.trigger(_events2.default.PLAYBACK_TIMEUPDATE, { current: time, total: duration }, this.name); - }; +var _no_op = __webpack_require__(69); - FlasHLS.prototype._updateDvr = function _updateDvr(dvrInUse) { - var previousDvrInUse = !!this._dvrInUse; - this._dvrInUse = dvrInUse; - if (this._dvrInUse !== previousDvrInUse) { - this._updateSettings(); - this.trigger(_events2.default.PLAYBACK_DVR, this._dvrInUse); - this.trigger(_events2.default.PLAYBACK_STATS_ADD, { 'dvr': this._dvrInUse }); - } - }; +var _no_op2 = _interopRequireDefault(_no_op); - FlasHLS.prototype._flashPlaybackError = function _flashPlaybackError(code, url, message) { - this.trigger(_events2.default.PLAYBACK_ERROR, { code: code, url: url, message: message }); - this.trigger(_events2.default.PLAYBACK_STOP); - }; +var _poster = __webpack_require__(70); - FlasHLS.prototype._manifestLoaded = function _manifestLoaded(duration, loadmetrics) { - if (this._shouldPlayOnManifestLoaded) { - this._shouldPlayOnManifestLoaded = false; - // this method initialises the player (and starts playback) - // this needs to happen before PLAYBACK_LOADEDMETADATA is fired - // as the user may call seek() in a LOADEDMETADATA listener. - /// when playerPlay() is called the player seeks to 0 - this.el.playerPlay(); - } +var _poster2 = _interopRequireDefault(_poster); - this._fillLevels(); - this.trigger(_events2.default.PLAYBACK_LOADEDMETADATA, { duration: duration, data: loadmetrics }); - }; +var _log = __webpack_require__(40); - FlasHLS.prototype._fillLevels = function _fillLevels() { - var levels = this.el.getLevels(); - var levelsLength = levels.length; - this._levels = []; +var _log2 = _interopRequireDefault(_log); - for (var index = 0; index < levelsLength; index++) { - this._levels.push({ id: index, label: levels[index].height + 'p', level: levels[index] }); - } - this.trigger(_events2.default.PLAYBACK_LEVELS_AVAILABLE, this._levels); - }; +var _styler = __webpack_require__(8); - FlasHLS.prototype.destroy = function destroy() { - this.stopListening(); - this.$el.remove(); - }; +var _styler2 = _interopRequireDefault(_styler); - FlasHLS.prototype._updateSettings = function _updateSettings() { - this.settings = _clapprZepto2.default.extend({}, this._defaultSettings); - if (this._playbackType === _playback2.default.VOD || this._dvrInUse) { - this.settings.left = ['playpause', 'position', 'duration']; - this.settings.seekEnabled = true; - } else if (this._dvrEnabled) { - this.settings.left = ['playpause']; - this.settings.seekEnabled = true; - } else { - this.settings.seekEnabled = false; - } - }; +var _vendor = __webpack_require__(41); - FlasHLS.prototype._createCallbacks = function _createCallbacks() { - var _this6 = this; +var _vendor2 = _interopRequireDefault(_vendor); - if (!window.Clappr) { - window.Clappr = {}; - } - if (!window.Clappr.flashlsCallbacks) { - window.Clappr.flashlsCallbacks = {}; - } - this.flashlsEvents = new _flashls_events2.default(this.cid); - window.Clappr.flashlsCallbacks[this.cid] = function (eventName, args) { - _this6.flashlsEvents[eventName].apply(_this6.flashlsEvents, args); - }; - }; +var _template = __webpack_require__(9); - FlasHLS.prototype.render = function render() { - _BaseFlashPlayback.prototype.render.call(this); - this._createCallbacks(); - return this; - }; +var _template2 = _interopRequireDefault(_template); - _createClass(FlasHLS, [{ - key: 'isReady', - get: function get() { - return this._isReadyState; - } - }, { - key: 'dvrEnabled', - get: function get() { - return !!this._dvrEnabled; - } - }]); +var _clapprZepto = __webpack_require__(6); - return FlasHLS; -}(_base_flash_playback2.default); +var _clapprZepto2 = _interopRequireDefault(_clapprZepto); -exports.default = FlasHLS; +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } +var version = "0.2.67"; // 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. -FlasHLS.canPlay = function (resource, mimeType) { - var resourceParts = resource.split('?')[0].match(/.*\.(.*)$/) || []; - return _browser2.default.hasFlash && (resourceParts.length > 1 && resourceParts[1].toLowerCase() === 'm3u8' || mimeType === 'application/x-mpegURL' || mimeType === 'application/vnd.apple.mpegurl'); +exports.default = { + Player: _player2.default, + Mediator: _mediator2.default, + Events: _events2.default, + Browser: _browser2.default, + PlayerInfo: _player_info2.default, + MediaControl: _media_control2.default, + ContainerPlugin: _container_plugin2.default, + UIContainerPlugin: _ui_container_plugin2.default, + CorePlugin: _core_plugin2.default, + UICorePlugin: _ui_core_plugin2.default, + Playback: _playback2.default, + Container: _container2.default, + Core: _core2.default, + Loader: _loader2.default, + BaseObject: _base_object2.default, + UIObject: _ui_object2.default, + Utils: _utils2.default, + BaseFlashPlayback: _base_flash_playback2.default, + Flash: _flash2.default, + FlasHLS: _flashls2.default, + HLS: _hls2.default, + HTML5Audio: _html5_audio2.default, + HTML5Video: _html5_video2.default, + HTMLImg: _html_img2.default, + NoOp: _no_op2.default, + Poster: _poster2.default, + Log: _log2.default, + Styler: _styler2.default, + Vendor: _vendor2.default, + version: version, + template: _template2.default, + $: _clapprZepto2.default }; module.exports = exports['default']; /***/ }), -/* 51 */ +/* 96 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; @@ -11686,941 +9355,590 @@ Object.defineProperty(exports, "__esModule", { value: true }); -var _mediator = __webpack_require__(10); +var _classCallCheck2 = __webpack_require__(0); -var _mediator2 = _interopRequireDefault(_mediator); +var _classCallCheck3 = _interopRequireDefault(_classCallCheck2); -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } +var _createClass2 = __webpack_require__(3); -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } +var _createClass3 = _interopRequireDefault(_createClass2); -var HLSEvents = function () { - function HLSEvents(instanceId) { - _classCallCheck(this, HLSEvents); +var _possibleConstructorReturn2 = __webpack_require__(2); - this.instanceId = instanceId; - } +var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2); - HLSEvents.prototype.ready = function ready() { - _mediator2.default.trigger(this.instanceId + ':flashready'); - }; +var _inherits2 = __webpack_require__(1); - HLSEvents.prototype.videoSize = function videoSize(width, height) { - _mediator2.default.trigger(this.instanceId + ':videosizechanged', width, height); - }; +var _inherits3 = _interopRequireDefault(_inherits2); - HLSEvents.prototype.complete = function complete() { - _mediator2.default.trigger(this.instanceId + ':complete'); - }; +var _playback = __webpack_require__(7); - HLSEvents.prototype.error = function error(code, url, message) { - _mediator2.default.trigger(this.instanceId + ':error', code, url, message); - }; +var _playback2 = _interopRequireDefault(_playback); - HLSEvents.prototype.manifest = function manifest(duration, loadmetrics) { - _mediator2.default.trigger(this.instanceId + ':manifestloaded', duration, loadmetrics); - }; +var _styler = __webpack_require__(8); - HLSEvents.prototype.audioLevelLoaded = function audioLevelLoaded(loadmetrics) { - _mediator2.default.trigger(this.instanceId + ':audiolevelloaded', loadmetrics); - }; +var _styler2 = _interopRequireDefault(_styler); - HLSEvents.prototype.levelLoaded = function levelLoaded(loadmetrics) { - _mediator2.default.trigger(this.instanceId + ':levelloaded', loadmetrics); - }; +var _template = __webpack_require__(9); - HLSEvents.prototype.levelEndlist = function levelEndlist(level) { - _mediator2.default.trigger(this.instanceId + ':levelendlist', level); - }; +var _template2 = _interopRequireDefault(_template); - HLSEvents.prototype.fragmentLoaded = function fragmentLoaded(loadmetrics) { - _mediator2.default.trigger(this.instanceId + ':fragmentloaded', loadmetrics); - }; +var _browser = __webpack_require__(13); - HLSEvents.prototype.fragmentPlaying = function fragmentPlaying(playmetrics) { - _mediator2.default.trigger(this.instanceId + ':fragmentplaying', playmetrics); - }; +var _browser2 = _interopRequireDefault(_browser); - HLSEvents.prototype.position = function position(timemetrics) { - _mediator2.default.trigger(this.instanceId + ':timeupdate', timemetrics); - }; +var _flash = __webpack_require__(191); - HLSEvents.prototype.state = function state(newState) { - _mediator2.default.trigger(this.instanceId + ':playbackstate', newState); - }; +var _flash2 = _interopRequireDefault(_flash); - HLSEvents.prototype.seekState = function seekState(newState) { - _mediator2.default.trigger(this.instanceId + ':seekstate', newState); - }; +var _flash3 = __webpack_require__(180); - HLSEvents.prototype.switch = function _switch(newLevel) { - _mediator2.default.trigger(this.instanceId + ':levelchanged', newLevel); - }; +var _flash4 = _interopRequireDefault(_flash3); - HLSEvents.prototype.audioTracksListChange = function audioTracksListChange(trackList) { - _mediator2.default.trigger(this.instanceId + ':audiotracklistchanged', trackList); - }; +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - HLSEvents.prototype.audioTrackChange = function audioTrackChange(trackId) { - _mediator2.default.trigger(this.instanceId + ':audiotrackchanged', trackId); - }; +// Copyright 2015 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. - return HLSEvents; -}(); +var IE_CLASSID = 'clsid:d27cdb6e-ae6d-11cf-96b8-444553540000'; -exports.default = HLSEvents; -module.exports = exports['default']; +var BaseFlashPlayback = function (_Playback) { + (0, _inherits3.default)(BaseFlashPlayback, _Playback); -/***/ }), -/* 52 */ -/***/ (function(module, exports, __webpack_require__) { + function BaseFlashPlayback() { + (0, _classCallCheck3.default)(this, BaseFlashPlayback); + return (0, _possibleConstructorReturn3.default)(this, _Playback.apply(this, arguments)); + } -"use strict"; + BaseFlashPlayback.prototype.setElement = function setElement(element) { + this.$el = element; + this.el = element[0]; + }; + + BaseFlashPlayback.prototype._setupFirefox = function _setupFirefox() { + var $el = this.$('embed'); + $el.attr('data-flash-playback', this.name); + $el.addClass(this.attributes.class); + this.setElement($el); + }; + + BaseFlashPlayback.prototype.render = function render() { + this.$el.html(this.template({ + cid: this.cid, + swfPath: this.swfPath, + baseUrl: this.baseUrl, + playbackId: this.uniqueId, + wmode: this.wmode, + callbackName: 'window.Clappr.flashlsCallbacks.' + this.cid })); + + if (_browser2.default.isIE) { + this.$('embed').remove(); + + if (_browser2.default.isLegacyIE) { + this.$el.attr('classid', IE_CLASSID); + } + } + + if (_browser2.default.isFirefox) { + this._setupFirefox(); + } + + this.el.id = this.cid; + this.$el.append(_styler2.default.getStyleFor(_flash4.default)); + + return this; + }; + + (0, _createClass3.default)(BaseFlashPlayback, [{ + key: 'tagName', + get: function get() { + return 'object'; + } + }, { + key: 'swfPath', + get: function get() { + return ''; + } + }, { + key: 'wmode', + get: function get() { + return 'transparent'; + } + }, { + key: 'template', + get: function get() { + return (0, _template2.default)(_flash2.default); + } + }, { + key: 'attributes', + get: function get() { + var type = 'application/x-shockwave-flash'; + + if (_browser2.default.isLegacyIE) { + type = ''; + } + + return { + class: 'clappr-flash-playback', + type: type, + width: '100%', + height: '100%', + 'data-flash-playback': this.name + }; + } + }]); + return BaseFlashPlayback; +}(_playback2.default); + +exports.default = BaseFlashPlayback; +module.exports = exports['default']; + +/***/ }), +/* 97 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); +var _classCallCheck2 = __webpack_require__(0); -var _html5_video = __webpack_require__(16); +var _classCallCheck3 = _interopRequireDefault(_classCallCheck2); -var _html5_video2 = _interopRequireDefault(_html5_video); +var _possibleConstructorReturn2 = __webpack_require__(2); -var _hls = __webpack_require__(94); +var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2); -var _hls2 = _interopRequireDefault(_hls); +var _createClass2 = __webpack_require__(3); -var _lodash = __webpack_require__(104); +var _createClass3 = _interopRequireDefault(_createClass2); -var _lodash2 = _interopRequireDefault(_lodash); +var _inherits2 = __webpack_require__(1); -var _events = __webpack_require__(0); +var _inherits3 = _interopRequireDefault(_inherits2); -var _events2 = _interopRequireDefault(_events); +var _utils = __webpack_require__(5); -var _playback = __webpack_require__(2); +var _base_flash_playback = __webpack_require__(39); -var _playback2 = _interopRequireDefault(_playback); +var _base_flash_playback2 = _interopRequireDefault(_base_flash_playback); -var _browser = __webpack_require__(7); +var _browser = __webpack_require__(13); var _browser2 = _interopRequireDefault(_browser); -var _utils = __webpack_require__(1); +var _mediator = __webpack_require__(22); -var _log = __webpack_require__(19); +var _mediator2 = _interopRequireDefault(_mediator); -var _log2 = _interopRequireDefault(_log); +var _template = __webpack_require__(9); -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } +var _template2 = _interopRequireDefault(_template); -function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } } +var _clapprZepto = __webpack_require__(6); -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } +var _clapprZepto2 = _interopRequireDefault(_clapprZepto); -function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } +var _events = __webpack_require__(4); -function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // 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 _events2 = _interopRequireDefault(_events); -var AUTO = -1; +var _playback = __webpack_require__(7); -var HLS = function (_HTML5VideoPlayback) { - _inherits(HLS, _HTML5VideoPlayback); +var _playback2 = _interopRequireDefault(_playback); + +var _Player = __webpack_require__(206); + +var _Player2 = _interopRequireDefault(_Player); + +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + +var MAX_ATTEMPTS = 60; // 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. - _createClass(HLS, [{ +var Flash = function (_BaseFlashPlayback) { + (0, _inherits3.default)(Flash, _BaseFlashPlayback); + (0, _createClass3.default)(Flash, [{ key: 'name', get: function get() { - return 'hls'; - } - }, { - key: 'levels', - get: function get() { - return this._levels || []; - } - }, { - key: 'currentLevel', - get: function get() { - if (this._currentLevel === null || this._currentLevel === undefined) { - return AUTO; - } else { - return this._currentLevel; //0 is a valid level ID - } - }, - set: function set(id) { - this._currentLevel = id; - this.trigger(_events2.default.PLAYBACK_LEVEL_SWITCH_START); - this._hls.currentLevel = this._currentLevel; - } - }, { - key: '_startTime', - get: function get() { - if (this._playbackType === _playback2.default.LIVE && this._playlistType !== 'EVENT') { - return this._extrapolatedStartTime; - } - return this._playableRegionStartTime; - } - }, { - key: '_now', - get: function get() { - return (0, _utils.now)(); + return 'flash'; } - - // the time in the video element which should represent the start of the sliding window - // extrapolated to increase in real time (instead of jumping as the early segments are removed) - }, { - key: '_extrapolatedStartTime', + key: 'swfPath', get: function get() { - if (!this._localStartTimeCorrelation) { - return this._playableRegionStartTime; - } - var corr = this._localStartTimeCorrelation; - var timePassed = this._now - corr.local; - var extrapolatedWindowStartTime = (corr.remote + timePassed) / 1000; - // cap at the end of the extrapolated window duration - return Math.min(extrapolatedWindowStartTime, this._playableRegionStartTime + this._extrapolatedWindowDuration); + return (0, _template2.default)(_Player2.default)({ baseUrl: this._baseUrl }); } - // the time in the video element which should represent the end of the content - // extrapolated to increase in real time (instead of jumping as segments are added) + /** + * Determine if the playback has ended. + * @property ended + * @type Boolean + */ }, { - key: '_extrapolatedEndTime', - get: function get() { - var actualEndTime = this._playableRegionStartTime + this._playableRegionDuration; - if (!this._localEndTimeCorrelation) { - return actualEndTime; - } - var corr = this._localEndTimeCorrelation; - var timePassed = this._now - corr.local; - var extrapolatedEndTime = (corr.remote + timePassed) / 1000; - return Math.max(actualEndTime - this._extrapolatedWindowDuration, Math.min(extrapolatedEndTime, actualEndTime)); - } - }, { - key: '_duration', + key: 'ended', get: function get() { - return this._extrapolatedEndTime - this._startTime; + return this._currentState === 'ENDED'; } - // Returns the duration (seconds) of the window that the extrapolated start time is allowed - // to move in before being capped. - // The extrapolated start time should never reach the cap at the end of the window as the - // window should slide as chunks are removed from the start. - // This also applies to the extrapolated end time in the same way. - // - // If chunks aren't being removed for some reason that the start time will reach and remain fixed at - // playableRegionStartTime + extrapolatedWindowDuration - // - // <-- window duration --> - // I.e playableRegionStartTime |-----------------------| - // | --> . . . - // . --> | --> . . - // . . --> | --> . - // . . . --> | - // . . . . - // extrapolatedStartTime + /** + * Determine if the playback is buffering. + * This is related to the PLAYBACK_BUFFERING and PLAYBACK_BUFFERFULL events + * @property buffering + * @type Boolean + */ }, { - key: '_extrapolatedWindowDuration', + key: 'buffering', get: function get() { - if (this._segmentTargetDuration === null) { - return 0; - } - return this._extrapolatedWindowNumSegments * this._segmentTargetDuration; + return !!this._bufferingState && this._currentState !== 'ENDED'; } }]); - function HLS() { - _classCallCheck(this, HLS); + function Flash() { + (0, _classCallCheck3.default)(this, Flash); for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) { args[_key] = arguments[_key]; } - // backwards compatibility (TODO: remove on 0.3.0) - var _this = _possibleConstructorReturn(this, _HTML5VideoPlayback.call.apply(_HTML5VideoPlayback, [this].concat(args))); + var _this = (0, _possibleConstructorReturn3.default)(this, _BaseFlashPlayback.call.apply(_BaseFlashPlayback, [this].concat(args))); - _this.options.playback || (_this.options.playback = _this.options); - _this._minDvrSize = typeof _this.options.hlsMinimumDvrSize === 'undefined' ? 60 : _this.options.hlsMinimumDvrSize; - // The size of the start time extrapolation window measured as a multiple of segments. - // Should be 2 or higher, or 0 to disable. Should only need to be increased above 2 if more than one segment is - // removed from the start of the playlist at a time. E.g if the playlist is cached for 10 seconds and new chunks are - // added/removed every 5. - _this._extrapolatedWindowNumSegments = !_this.options.playback || typeof _this.options.playback.extrapolatedWindowNumSegments === 'undefined' ? 2 : _this.options.playback.extrapolatedWindowNumSegments; + _this._src = _this.options.src; + _this._baseUrl = _this.options.baseUrl; + _this._autoPlay = _this.options.autoPlay; + _this.settings = { default: ['seekbar'] }; + _this.settings.left = ['playpause', 'position', 'duration']; + _this.settings.right = ['fullscreen', 'volume']; + _this.settings.seekEnabled = true; + _this._isReadyState = false; + _this._addListeners(); + return _this; + } - _this._playbackType = _playback2.default.VOD; - _this._lastTimeUpdate = null; - _this._lastDuration = null; - // for hls streams which have dvr with a sliding window, - // the content at the start of the playlist is removed as new - // content is appended at the end. - // this means the actual playable start time will increase as the - // start content is deleted - // For streams with dvr where the entire recording is kept from the - // beginning this should stay as 0 - _this._playableRegionStartTime = 0; - // {local, remote} remote is the time in the video element that should represent 0 - // local is the system time when the 'remote' measurment took place - _this._localStartTimeCorrelation = null; - // {local, remote} remote is the time in the video element that should represents the end - // local is the system time when the 'remote' measurment took place - _this._localEndTimeCorrelation = null; - // if content is removed from the beginning then this empty area should - // be ignored. "playableRegionDuration" excludes the empty area - _this._playableRegionDuration = 0; - // true when the actual duration is longer than hlsjs's live sync point - // when this is false playableRegionDuration will be the actual duration - // when this is true playableRegionDuration will exclude the time after the sync point - _this._durationExcludesAfterLiveSyncPoint = false; - // #EXT-X-TARGETDURATION - _this._segmentTargetDuration = null; - // #EXT-X-PLAYLIST-TYPE - _this._playlistType = null; - _this._recoverAttemptsRemaining = _this.options.hlsRecoverAttempts || 16; - _this._startTimeUpdateTimer(); - return _this; - } - - HLS.prototype._setupHls = function _setupHls() { + Flash.prototype._bootstrap = function _bootstrap() { var _this2 = this; - this._hls = new _hls2.default(this.options.playback.hlsjsConfig || {}); - this._hls.on(_hls2.default.Events.MEDIA_ATTACHED, function () { - return _this2._hls.loadSource(_this2.options.src); - }); - this._hls.on(_hls2.default.Events.LEVEL_LOADED, function (evt, data) { - return _this2._updatePlaybackType(evt, data); - }); - this._hls.on(_hls2.default.Events.LEVEL_UPDATED, function (evt, data) { - return _this2._onLevelUpdated(evt, data); - }); - this._hls.on(_hls2.default.Events.LEVEL_SWITCH, function (evt, data) { - return _this2._onLevelSwitch(evt, data); - }); - this._hls.on(_hls2.default.Events.FRAG_LOADED, function (evt, data) { - return _this2._onFragmentLoaded(evt, data); - }); - this._hls.on(_hls2.default.Events.ERROR, function (evt, data) { - return _this2._onHLSJSError(evt, data); - }); - this._hls.attachMedia(this.el); - }; - - HLS.prototype._recover = function _recover(evt, data) { - if (!this._recoveredDecodingError) { - this._recoveredDecodingError = true; - this._hls.recoverMediaError(); - } else if (!this._recoveredAudioCodecError) { - this._recoveredAudioCodecError = true; - this._hls.swapAudioCodec(); - this._hls.recoverMediaError(); + if (this.el.playerPlay) { + this.el.width = '100%'; + this.el.height = '100%'; + if (this._currentState === 'PLAYING') { + this._firstPlay(); + } else { + this._currentState = 'IDLE'; + this._autoPlay && this.play(); + } + (0, _clapprZepto2.default)('').insertAfter(this.$el); + if (this.getDuration() > 0) { + this._metadataLoaded(); + } else { + _mediator2.default.once(this.uniqueId + ':timeupdate', this._metadataLoaded, this); + } } else { - _log2.default.error('hlsjs: failed to recover'); - this.trigger(_events2.default.PLAYBACK_ERROR, 'hlsjs: could not recover from error, evt ' + evt + ', data ' + data + ' ', this.name); + this._attempts = this._attempts || 0; + if (++this._attempts <= MAX_ATTEMPTS) { + setTimeout(function () { + return _this2._bootstrap(); + }, 50); + } else { + this.trigger(_events2.default.PLAYBACK_ERROR, { message: 'Max number of attempts reached' }, this.name); + } } }; - // override - - - HLS.prototype._setupSrc = function _setupSrc(srcUrl) {// eslint-disable-line no-unused-vars - // this playback manages the src on the video element itself + Flash.prototype._metadataLoaded = function _metadataLoaded() { + this._isReadyState = true; + this.trigger(_events2.default.PLAYBACK_READY, this.name); + this.trigger(_events2.default.PLAYBACK_SETTINGSUPDATE, this.name); }; - HLS.prototype._startTimeUpdateTimer = function _startTimeUpdateTimer() { - var _this3 = this; - - this._timeUpdateTimer = setInterval(function () { - _this3._onDurationChange(); - _this3._onTimeUpdate(); - }, 100); + Flash.prototype.getPlaybackType = function getPlaybackType() { + return _playback2.default.VOD; }; - HLS.prototype._stopTimeUpdateTimer = function _stopTimeUpdateTimer() { - clearInterval(this._timeUpdateTimer); + Flash.prototype.isHighDefinitionInUse = function isHighDefinitionInUse() { + return false; }; - // the duration on the video element itself should not be used - // as this does not necesarily represent the duration of the stream - // https://github.com/clappr/clappr/issues/668#issuecomment-157036678 - - - HLS.prototype.getDuration = function getDuration() { - return this._duration; + Flash.prototype._updateTime = function _updateTime() { + this.trigger(_events2.default.PLAYBACK_TIMEUPDATE, { current: this.el.getPosition(), total: this.el.getDuration() }, this.name); }; - HLS.prototype.getCurrentTime = function getCurrentTime() { - // e.g. can be < 0 if user pauses near the start - // eventually they will then be kicked to the end by hlsjs if they run out of buffer - // before the official start time - return Math.max(0, this.el.currentTime - this._startTime); + Flash.prototype._addListeners = function _addListeners() { + _mediator2.default.on(this.uniqueId + ':progress', this._progress, this); + _mediator2.default.on(this.uniqueId + ':timeupdate', this._updateTime, this); + _mediator2.default.on(this.uniqueId + ':statechanged', this._checkState, this); + _mediator2.default.on(this.uniqueId + ':flashready', this._bootstrap, this); }; - // 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 - - - HLS.prototype.getStartTimeOffset = function getStartTimeOffset() { - return this._startTime; + Flash.prototype.stopListening = function stopListening() { + _BaseFlashPlayback.prototype.stopListening.call(this); + _mediator2.default.off(this.uniqueId + ':progress'); + _mediator2.default.off(this.uniqueId + ':timeupdate'); + _mediator2.default.off(this.uniqueId + ':statechanged'); + _mediator2.default.off(this.uniqueId + ':flashready'); }; - HLS.prototype.seekPercentage = function seekPercentage(percentage) { - var seekTo = this._duration; - if (percentage > 0) { - seekTo = this._duration * (percentage / 100); + Flash.prototype._checkState = function _checkState() { + if (this._isIdle || this._currentState === 'PAUSED') { + return; + } else if (this._currentState !== 'PLAYING_BUFFERING' && this.el.getState() === 'PLAYING_BUFFERING') { + this._bufferingState = true; + this.trigger(_events2.default.PLAYBACK_BUFFERING, this.name); + this._currentState = 'PLAYING_BUFFERING'; + } else if (this.el.getState() === 'PLAYING') { + this._bufferingState = false; + this.trigger(_events2.default.PLAYBACK_BUFFERFULL, this.name); + this._currentState = 'PLAYING'; + } else if (this.el.getState() === 'IDLE') { + this._currentState = 'IDLE'; + } else if (this.el.getState() === 'ENDED') { + this.trigger(_events2.default.PLAYBACK_ENDED, this.name); + this.trigger(_events2.default.PLAYBACK_TIMEUPDATE, { current: 0, total: this.el.getDuration() }, this.name); + this._currentState = 'ENDED'; + this._isIdle = true; } - this.seek(seekTo); }; - HLS.prototype.seek = function seek(time) { - if (time < 0) { - _log2.default.warn('Attempt to seek to a negative time. Resetting to live point. Use seekToLivePoint() to seek to the live point.'); - time = this.getDuration(); + Flash.prototype._progress = function _progress() { + if (this._currentState !== 'IDLE' && this._currentState !== 'ENDED') { + this.trigger(_events2.default.PLAYBACK_PROGRESS, { + start: 0, + current: this.el.getBytesLoaded(), + total: this.el.getBytesTotal() + }); } - // assume live if time within 3 seconds of end of stream - this.dvrEnabled && this._updateDvr(time < this.getDuration() - 3); - time += this._startTime; - _HTML5VideoPlayback.prototype.seek.call(this, time); }; - HLS.prototype.seekToLivePoint = function seekToLivePoint() { - this.seek(this.getDuration()); + Flash.prototype._firstPlay = function _firstPlay() { + var _this3 = this; + + if (this.el.playerPlay) { + this._isIdle = false; + this.el.playerPlay(this._src); + this.listenToOnce(this, _events2.default.PLAYBACK_BUFFERFULL, function () { + return _this3._checkInitialSeek(); + }); + this._currentState = 'PLAYING'; + } else { + this.listenToOnce(this, _events2.default.PLAYBACK_READY, this._firstPlay); + } }; - HLS.prototype._updateDvr = function _updateDvr(status) { - this.trigger(_events2.default.PLAYBACK_DVR, status); - this.trigger(_events2.default.PLAYBACK_STATS_ADD, { 'dvr': status }); + Flash.prototype._checkInitialSeek = function _checkInitialSeek() { + var seekTime = (0, _utils.seekStringToSeconds)(window.location.href); + if (seekTime !== 0) { + this.seekSeconds(seekTime); + } }; - HLS.prototype._updateSettings = function _updateSettings() { - if (this._playbackType === _playback2.default.VOD) { - this.settings.left = ['playpause', 'position', 'duration']; - } else if (this.dvrEnabled) { - this.settings.left = ['playpause']; - } else { - this.settings.left = ['playstop']; + Flash.prototype.play = function play() { + this.trigger(_events2.default.PLAYBACK_PLAY_INTENT); + if (this._currentState === 'PAUSED' || this._currentState === 'PLAYING_BUFFERING') { + this._currentState = 'PLAYING'; + this.el.playerResume(); + this.trigger(_events2.default.PLAYBACK_PLAY, this.name); + } else if (this._currentState !== 'PLAYING') { + this._firstPlay(); + this.trigger(_events2.default.PLAYBACK_PLAY, this.name); } - this.settings.seekEnabled = this.isSeekEnabled(); - this.trigger(_events2.default.PLAYBACK_SETTINGSUPDATE); }; - HLS.prototype._onHLSJSError = function _onHLSJSError(evt, data) { - // only report/handle errors if they are fatal - // hlsjs should automatically handle non fatal errors - if (data.fatal) { - if (this._recoverAttemptsRemaining > 0) { - this._recoverAttemptsRemaining -= 1; - switch (data.type) { - case _hls2.default.ErrorTypes.NETWORK_ERROR: - _log2.default.warn('hlsjs: trying to recover from network error, evt ' + evt + ', data ' + data + ' '); - this._hls.startLoad(); - break; - case _hls2.default.ErrorTypes.MEDIA_ERROR: - _log2.default.warn('hlsjs: trying to recover from media error, evt ' + evt + ', data ' + data + ' '); - this._recover(evt, data); - break; - default: - _log2.default.error('hlsjs: trying to recover from error, evt ' + evt + ', data ' + data + ' '); - this.trigger(_events2.default.PLAYBACK_ERROR, 'hlsjs: could not recover from error, evt ' + evt + ', data ' + data + ' ', this.name); - break; - } - } else { - _log2.default.error('hlsjs: could not recover from error after maximum number of attempts, evt ' + evt + ', data ' + data + ' '); - this.trigger(_events2.default.PLAYBACK_ERROR, { evt: evt, data: data }, this.name); - } + Flash.prototype.volume = function volume(value) { + var _this4 = this; + + if (this.isReady) { + this.el.playerVolume(value); } else { - _log2.default.warn('hlsjs: non-fatal error occurred, evt ' + evt + ', data ' + data + ' '); + this.listenToOnce(this, _events2.default.PLAYBACK_BUFFERFULL, function () { + return _this4.volume(value); + }); } }; - HLS.prototype._onTimeUpdate = function _onTimeUpdate() { - var update = { current: this.getCurrentTime(), total: this.getDuration() }; - if ((0, _lodash2.default)(update, this._lastTimeUpdate)) { - return; - } - this._lastTimeUpdate = update; - this.trigger(_events2.default.PLAYBACK_TIMEUPDATE, update, this.name); + Flash.prototype.pause = function pause() { + this._currentState = 'PAUSED'; + this.el.playerPause(); + this.trigger(_events2.default.PLAYBACK_PAUSE, this.name); }; - HLS.prototype._onDurationChange = function _onDurationChange() { - var duration = this.getDuration(); - if (this._lastDuration === duration) { - return; - } - this._lastDuration = duration; - _HTML5VideoPlayback.prototype._onDurationChange.call(this); + Flash.prototype.stop = function stop() { + this.el.playerStop(); + this.trigger(_events2.default.PLAYBACK_STOP); + this.trigger(_events2.default.PLAYBACK_TIMEUPDATE, { current: 0, total: 0 }, this.name); }; - HLS.prototype._onProgress = function _onProgress() { - if (!this.el.buffered.length) { - return; - } - var buffered = []; - var bufferedPos = 0; - for (var i = 0; i < this.el.buffered.length; i++) { - buffered = [].concat(_toConsumableArray(buffered), [{ - // for a stream with sliding window dvr something that is buffered my slide off the start of the timeline - start: Math.max(0, this.el.buffered.start(i) - this._playableRegionStartTime), - end: Math.max(0, this.el.buffered.end(i) - this._playableRegionStartTime) - }]); - if (this.el.currentTime >= buffered[i].start && this.el.currentTime <= buffered[i].end) { - bufferedPos = i; - } - } - var progress = { - start: buffered[bufferedPos].start, - current: buffered[bufferedPos].end, - total: this.getDuration() - }; - this.trigger(_events2.default.PLAYBACK_PROGRESS, progress, buffered); + Flash.prototype.isPlaying = function isPlaying() { + return !!(this.isReady && this._currentState.indexOf('PLAYING') > -1); }; - HLS.prototype.play = function play() { - if (!this._hls) { - this._setupHls(); - } - _HTML5VideoPlayback.prototype.play.call(this); + Flash.prototype.getDuration = function getDuration() { + return this.el.getDuration(); }; - HLS.prototype.pause = function pause() { - if (!this._hls) { - return; - } - _HTML5VideoPlayback.prototype.pause.call(this); - if (this.dvrEnabled) { - this._updateDvr(true); - } - }; + Flash.prototype.seekPercentage = function seekPercentage(percentage) { + var _this5 = this; - HLS.prototype.stop = function stop() { - if (this._hls) { - _HTML5VideoPlayback.prototype.stop.call(this); - this._hls.destroy(); - delete this._hls; + if (this.el.getDuration() > 0) { + var seekSeconds = this.el.getDuration() * (percentage / 100); + this.seek(seekSeconds); + } else { + this.listenToOnce(this, _events2.default.PLAYBACK_BUFFERFULL, function () { + return _this5.seekPercentage(percentage); + }); } }; - HLS.prototype.destroy = function destroy() { - this._stopTimeUpdateTimer(); - if (this._hls) { - this._hls.destroy(); - delete this._hls; + Flash.prototype.seek = function seek(time) { + var _this6 = this; + + if (this.isReady && this.el.playerSeek) { + this.el.playerSeek(time); + this.trigger(_events2.default.PLAYBACK_TIMEUPDATE, { current: time, total: this.el.getDuration() }, this.name); + if (this._currentState === 'PAUSED') { + this.el.playerPause(); + } + } else { + this.listenToOnce(this, _events2.default.PLAYBACK_BUFFERFULL, function () { + return _this6.seek(time); + }); } - _HTML5VideoPlayback.prototype.destroy.call(this); }; - HLS.prototype._updatePlaybackType = function _updatePlaybackType(evt, data) { - this._playbackType = data.details.live ? _playback2.default.LIVE : _playback2.default.VOD; - this._fillLevels(); - this._onLevelUpdated(evt, data); + Flash.prototype.destroy = function destroy() { + clearInterval(this.bootstrapId); + _BaseFlashPlayback.prototype.stopListening.call(this); + this.$el.remove(); }; - HLS.prototype._fillLevels = function _fillLevels() { - this._levels = this._hls.levels.map(function (level, index) { - return { id: index, level: level, label: level.bitrate / 1000 + 'Kbps' }; - }); - this.trigger(_events2.default.PLAYBACK_LEVELS_AVAILABLE, this._levels); - }; + (0, _createClass3.default)(Flash, [{ + key: 'isReady', + get: function get() { + return this._isReadyState; + } + }]); + return Flash; +}(_base_flash_playback2.default); - HLS.prototype._onLevelUpdated = function _onLevelUpdated(evt, data) { - this._segmentTargetDuration = data.details.targetduration; - this._playlistType = data.details.type || null; +exports.default = Flash; - var startTimeChanged = false; - var durationChanged = false; - var fragments = data.details.fragments; - var previousPlayableRegionStartTime = this._playableRegionStartTime; - var previousPlayableRegionDuration = this._playableRegionDuration; - if (fragments.length === 0) { - return; - } +Flash.canPlay = function (resource) { + if (!_browser2.default.hasFlash || !resource || resource.constructor !== String) { + return false; + } else { + var resourceParts = resource.split('?')[0].match(/.*\.(.*)$/) || []; + return resourceParts.length > 1 && !_browser2.default.isMobile && resourceParts[1].toLowerCase().match(/^(mp4|mov|f4v|3gpp|3gp)$/); + } +}; +module.exports = exports['default']; - if (this._playableRegionStartTime !== fragments[0].start) { - startTimeChanged = true; - this._playableRegionStartTime = fragments[0].start; - } +/***/ }), +/* 98 */ +/***/ (function(module, exports, __webpack_require__) { - if (startTimeChanged) { - if (!this._localStartTimeCorrelation) { - // set the correlation to map to middle of the extrapolation window - this._localStartTimeCorrelation = { - local: this._now, - remote: (fragments[0].start + this._extrapolatedWindowDuration / 2) * 1000 - }; - } else { - // check if the correlation still works - var corr = this._localStartTimeCorrelation; - var timePassed = this._now - corr.local; - // this should point to a time within the extrapolation window - var startTime = (corr.remote + timePassed) / 1000; - if (startTime < fragments[0].start) { - // our start time is now earlier than the first chunk - // (maybe the chunk was removed early) - // reset correlation so that it sits at the beginning of the first available chunk - this._localStartTimeCorrelation = { - local: this._now, - remote: fragments[0].start * 1000 - }; - } else if (startTime > previousPlayableRegionStartTime + this._extrapolatedWindowDuration) { - // start time was past the end of the old extrapolation window (so would have been capped) - // see if now that time would be inside the window, and if it would be set the correlation - // so that it resumes from the time it was at at the end of the old window - // update the correlation so that the time starts counting again from the value it's on now - this._localStartTimeCorrelation = { - local: this._now, - remote: Math.max(fragments[0].start, previousPlayableRegionStartTime + this._extrapolatedWindowDuration) * 1000 - }; - } - } - } +"use strict"; - var newDuration = data.details.totalduration; - // if it's a live stream then shorten the duration to remove access - // to the area after hlsjs's live sync point - // seeks to areas after this point sometimes have issues - if (this._playbackType === _playback2.default.LIVE) { - var fragmentTargetDuration = data.details.targetduration; - var hlsjsConfig = this.options.playback || {}; - var liveSyncDurationCount = hlsjsConfig.liveSyncDurationCount || _hls2.default.DefaultConfig.liveSyncDurationCount; - var hiddenAreaDuration = fragmentTargetDuration * liveSyncDurationCount; - if (hiddenAreaDuration <= newDuration) { - newDuration -= hiddenAreaDuration; - this._durationExcludesAfterLiveSyncPoint = true; - } else { - this._durationExcludesAfterLiveSyncPoint = false; - } - } - if (newDuration !== this._playableRegionDuration) { - durationChanged = true; - this._playableRegionDuration = newDuration; - } +Object.defineProperty(exports, "__esModule", { + value: true +}); - // Note the end time is not the playableRegionDuration - // The end time will always increase even if content is removed from the beginning - var endTime = fragments[0].start + newDuration; - var previousEndTime = previousPlayableRegionStartTime + previousPlayableRegionDuration; - var endTimeChanged = endTime !== previousEndTime; - if (endTimeChanged) { - if (!this._localEndTimeCorrelation) { - // set the correlation to map to the end - this._localEndTimeCorrelation = { - local: this._now, - remote: endTime * 1000 - }; - } else { - // check if the correlation still works - var _corr = this._localEndTimeCorrelation; - var _timePassed = this._now - _corr.local; - // this should point to a time within the extrapolation window from the end - var extrapolatedEndTime = (_corr.remote + _timePassed) / 1000; - if (extrapolatedEndTime > endTime) { - this._localEndTimeCorrelation = { - local: this._now, - remote: endTime * 1000 - }; - } else if (extrapolatedEndTime < endTime - this._extrapolatedWindowDuration) { - // our extrapolated end time is now earlier than the extrapolation window from the actual end time - // (maybe a chunk became available early) - // reset correlation so that it sits at the beginning of the extrapolation window from the end time - this._localEndTimeCorrelation = { - local: this._now, - remote: (endTime - this._extrapolatedWindowDuration) * 1000 - }; - } else if (extrapolatedEndTime > previousEndTime) { - // end time was past the old end time (so would have been capped) - // set the correlation so that it resumes from the time it was at at the end of the old window - this._localEndTimeCorrelation = { - local: this._now, - remote: previousEndTime * 1000 - }; - } - } - } +var _classCallCheck2 = __webpack_require__(0); - // now that the values have been updated call any methods that use on them so they get the updated values - // immediately - durationChanged && this._onDurationChange(); - startTimeChanged && this._onProgress(); - }; +var _classCallCheck3 = _interopRequireDefault(_classCallCheck2); - HLS.prototype._onFragmentLoaded = function _onFragmentLoaded(evt, data) { - this.trigger(_events2.default.PLAYBACK_FRAGMENT_LOADED, data); - }; +var _possibleConstructorReturn2 = __webpack_require__(2); - HLS.prototype._onLevelSwitch = function _onLevelSwitch(evt, data) { - if (!this.levels.length) { - this._fillLevels(); - } - this.trigger(_events2.default.PLAYBACK_LEVEL_SWITCH_END); - this.trigger(_events2.default.PLAYBACK_LEVEL_SWITCH, data); - var currentLevel = this._hls.levels[data.level]; - if (currentLevel) { - // TODO should highDefinition be private and maybe have a read only accessor if it's used somewhere - this.highDefinition = currentLevel.height >= 720 || currentLevel.bitrate / 1000 >= 2000; - this.trigger(_events2.default.PLAYBACK_HIGHDEFINITIONUPDATE, this.highDefinition); - this.trigger(_events2.default.PLAYBACK_BITRATE, { - height: currentLevel.height, - width: currentLevel.width, - bandwidth: currentLevel.bitrate, - bitrate: currentLevel.bitrate, - level: data.level - }); - } - }; +var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2); - HLS.prototype.getPlaybackType = function getPlaybackType() { - return this._playbackType; - }; +var _createClass2 = __webpack_require__(3); - HLS.prototype.isSeekEnabled = function isSeekEnabled() { - return this._playbackType === _playback2.default.VOD || this.dvrEnabled; - }; +var _createClass3 = _interopRequireDefault(_createClass2); - _createClass(HLS, [{ - key: 'dvrEnabled', - get: function get() { - // enabled when: - // - the duration does not include content after hlsjs's live sync point - // - the playable region duration is longer than the configured duration to enable dvr after - // - the playback type is LIVE. - return this._durationExcludesAfterLiveSyncPoint && this._duration >= this._minDvrSize && this.getPlaybackType() === _playback2.default.LIVE; - } - }]); - - return HLS; -}(_html5_video2.default); - -exports.default = HLS; - - -HLS.canPlay = function (resource, mimeType) { - var resourceParts = resource.split('?')[0].match(/.*\.(.*)$/) || []; - var isHls = resourceParts.length > 1 && resourceParts[1].toLowerCase() === 'm3u8' || mimeType === 'application/x-mpegURL' || mimeType === 'application/vnd.apple.mpegurl'; - - return !!(_hls2.default.isSupported() && isHls); -}; -module.exports = exports['default']; - -/***/ }), -/* 53 */ -/***/ (function(module, exports, __webpack_require__) { - -"use strict"; +var _inherits2 = __webpack_require__(1); +var _inherits3 = _interopRequireDefault(_inherits2); -Object.defineProperty(exports, "__esModule", { - value: true -}); +var _base_flash_playback = __webpack_require__(39); -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); +var _base_flash_playback2 = _interopRequireDefault(_base_flash_playback); -var _events = __webpack_require__(0); +var _events = __webpack_require__(4); var _events2 = _interopRequireDefault(_events); -var _playback = __webpack_require__(2); - -var _playback2 = _interopRequireDefault(_playback); - -var _html5_video = __webpack_require__(16); - -var _html5_video2 = _interopRequireDefault(_html5_video); - -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - -function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } - -function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // 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. - -// TODO: remove this playback and change HTML5Video to HTML5Playback (breaking change, only after 0.3.0) -var HTML5Audio = function (_HTML5Video) { - _inherits(HTML5Audio, _HTML5Video); - - function HTML5Audio() { - _classCallCheck(this, HTML5Audio); - - return _possibleConstructorReturn(this, _HTML5Video.apply(this, arguments)); - } - - HTML5Audio.prototype.updateSettings = function updateSettings() { - this.settings.left = ['playpause', 'position', 'duration']; - this.settings.seekEnabled = this.isSeekEnabled(); - this.trigger(_events2.default.PLAYBACK_SETTINGSUPDATE); - }; - - HTML5Audio.prototype.getPlaybackType = function getPlaybackType() { - return _playback2.default.AOD; - }; - - _createClass(HTML5Audio, [{ - key: 'name', - get: function get() { - return 'html5_audio'; - } - }, { - key: 'tagName', - get: function get() { - return 'audio'; - } - }, { - key: 'isAudioOnly', - get: function get() { - return true; - } - }]); - - return HTML5Audio; -}(_html5_video2.default); - -exports.default = HTML5Audio; - - -HTML5Audio.canPlay = function (resourceUrl, mimeType) { - var mimetypes = { - 'wav': ['audio/wav'], - 'mp3': ['audio/mp3', 'audio/mpeg;codecs="mp3"'], - 'aac': ['audio/mp4;codecs="mp4a.40.5"'], - 'oga': ['audio/ogg'] - }; - return _html5_video2.default._canPlay('audio', mimetypes, resourceUrl, mimeType); -}; -module.exports = exports['default']; - -/***/ }), -/* 54 */ -/***/ (function(module, exports, __webpack_require__) { - -"use strict"; -/* WEBPACK VAR INJECTION */(function(process) { - -Object.defineProperty(exports, "__esModule", { - value: true -}); - -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); +var _template = __webpack_require__(9); -var _utils = __webpack_require__(1); +var _template2 = _interopRequireDefault(_template); -var _playback = __webpack_require__(2); +var _playback = __webpack_require__(7); var _playback2 = _interopRequireDefault(_playback); -var _styler = __webpack_require__(4); +var _mediator = __webpack_require__(22); -var _styler2 = _interopRequireDefault(_styler); +var _mediator2 = _interopRequireDefault(_mediator); -var _browser = __webpack_require__(7); +var _browser = __webpack_require__(13); var _browser2 = _interopRequireDefault(_browser); -var _events = __webpack_require__(0); +var _flashls_events = __webpack_require__(99); -var _events2 = _interopRequireDefault(_events); +var _flashls_events2 = _interopRequireDefault(_flashls_events); -var _style = __webpack_require__(86); +var _HLSPlayer = __webpack_require__(207); -var _style2 = _interopRequireDefault(_style); +var _HLSPlayer2 = _interopRequireDefault(_HLSPlayer); -var _clapprZepto = __webpack_require__(3); +var _clapprZepto = __webpack_require__(6); var _clapprZepto2 = _interopRequireDefault(_clapprZepto); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - -function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } - -function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } - -function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } } // Copyright 2014 Globo.com Player authors. All rights reserved. +var MAX_ATTEMPTS = 60; // 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 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'] -}; -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 = Object.keys(AUDIO_MIMETYPES).reduce(function (acc, k) { - return [].concat(_toConsumableArray(acc), _toConsumableArray(AUDIO_MIMETYPES[k])); -}, []); - -// TODO: rename this Playback to HTML5Playback (breaking change, only after 0.3.0) - -var HTML5Video = function (_Playback) { - _inherits(HTML5Video, _Playback); +var AUTO = -1; - _createClass(HTML5Video, [{ +var FlasHLS = function (_BaseFlashPlayback) { + (0, _inherits3.default)(FlasHLS, _BaseFlashPlayback); + (0, _createClass3.default)(FlasHLS, [{ key: 'name', get: function get() { - return 'html5_video'; - } - }, { - key: 'tagName', - get: function get() { - return this.isAudioOnly ? 'audio' : 'video'; + return 'flashls'; } }, { - key: 'isAudioOnly', + key: 'swfPath', 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; + return (0, _template2.default)(_HLSPlayer2.default)({ baseUrl: this._baseUrl }); } }, { - key: 'attributes', + key: 'levels', get: function get() { - return { - 'data-html5-video': '' - }; + return this._levels || []; } }, { - key: 'events', + key: 'currentLevel', 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' - }; + if (this._currentLevel === null || this._currentLevel === undefined) { + return AUTO; + } else { + return this._currentLevel; //0 is a valid level ID + } + }, + set: function set(id) { + this._currentLevel = id; + this.trigger(_events2.default.PLAYBACK_LEVEL_SWITCH_START); + this.el.playerSetCurrentLevel(id); } /** @@ -12632,12 +9950,11 @@ var HTML5Video = function (_Playback) { }, { key: 'ended', get: function get() { - return this.el.ended; + return this._hasEnded; } /** - * Determine if the playback is having to buffer in order for - * playback to be smooth. + * Determine if the playback is buffering. * This is related to the PLAYBACK_BUFFERING and PLAYBACK_BUFFERFULL events * @property buffering * @type Boolean @@ -12646,689 +9963,808 @@ var HTML5Video = function (_Playback) { }, { key: 'buffering', get: function get() { - return !!this._bufferingState; + return !!this._bufferingState && !this._hasEnded; } }]); - function HTML5Video() { - _classCallCheck(this, HTML5Video); + function FlasHLS() { + (0, _classCallCheck3.default)(this, FlasHLS); for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) { args[_key] = arguments[_key]; } - var _this = _possibleConstructorReturn(this, _Playback.call.apply(_Playback, [this].concat(args))); - - _this._destroyed = false; - _this._loadStarted = false; - _this._playheadMoving = false; - _this._playheadMovingTimer = null; - _this._stopped = false; - _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 - }); + var _this = (0, _possibleConstructorReturn3.default)(this, _BaseFlashPlayback.call.apply(_BaseFlashPlayback, [this].concat(args))); - playbackConfig.playInline && _this.$el.attr({ playsinline: 'playsinline' }); + _this._src = _this.options.src; + _this._baseUrl = _this.options.baseUrl; + _this._initHlsParameters(_this.options); + // TODO can this be private? + _this.highDefinition = false; + _this._autoPlay = _this.options.autoPlay; + _this._loop = _this.options.loop; + _this._defaultSettings = { + left: ['playstop'], + default: ['seekbar'], + right: ['fullscreen', 'volume', 'hd-indicator'], + seekEnabled: false + }; + _this.settings = _clapprZepto2.default.extend({}, _this._defaultSettings); + _this._playbackType = _playback2.default.LIVE; + _this._hasEnded = false; + _this._addListeners(); + return _this; + } - // TODO should settings be private? - _this.settings = { default: ['seekbar'] }; - _this.settings.left = ['playpause', 'position', 'duration']; - _this.settings.right = ['fullscreen', 'volume', 'hd-indicator']; + FlasHLS.prototype._initHlsParameters = function _initHlsParameters(options) { + this._autoStartLoad = options.autoStartLoad === undefined ? true : options.autoStartLoad; + this._capLevelToStage = options.capLevelToStage === undefined ? false : options.capLevelToStage; + this._maxLevelCappingMode = options.maxLevelCappingMode === undefined ? 'downscale' : options.maxLevelCappingMode; + this._minBufferLength = options.minBufferLength === undefined ? -1 : options.minBufferLength; + this._minBufferLengthCapping = options.minBufferLengthCapping === undefined ? -1 : options.minBufferLengthCapping; + this._maxBufferLength = options.maxBufferLength === undefined ? 120 : options.maxBufferLength; + this._maxBackBufferLength = options.maxBackBufferLength === undefined ? 30 : options.maxBackBufferLength; + this._lowBufferLength = options.lowBufferLength === undefined ? 3 : options.lowBufferLength; + this._mediaTimePeriod = options.mediaTimePeriod === undefined ? 100 : options.mediaTimePeriod; + this._fpsDroppedMonitoringPeriod = options.fpsDroppedMonitoringPeriod === undefined ? 5000 : options.fpsDroppedMonitoringPeriod; + this._fpsDroppedMonitoringThreshold = options.fpsDroppedMonitoringThreshold === undefined ? 0.2 : options.fpsDroppedMonitoringThreshold; + this._capLevelonFPSDrop = options.capLevelonFPSDrop === undefined ? false : options.capLevelonFPSDrop; + this._smoothAutoSwitchonFPSDrop = options.smoothAutoSwitchonFPSDrop === undefined ? this.capLevelonFPSDrop : options.smoothAutoSwitchonFPSDrop; + this._switchDownOnLevelError = options.switchDownOnLevelError === undefined ? true : options.switchDownOnLevelError; + this._seekMode = options.seekMode === undefined ? 'ACCURATE' : options.seekMode; + this._keyLoadMaxRetry = options.keyLoadMaxRetry === undefined ? 3 : options.keyLoadMaxRetry; + this._keyLoadMaxRetryTimeout = options.keyLoadMaxRetryTimeout === undefined ? 64000 : options.keyLoadMaxRetryTimeout; + this._fragmentLoadMaxRetry = options.fragmentLoadMaxRetry === undefined ? 3 : options.fragmentLoadMaxRetry; + this._fragmentLoadMaxRetryTimeout = options.fragmentLoadMaxRetryTimeout === undefined ? 4000 : options.fragmentLoadMaxRetryTimeout; + this._fragmentLoadSkipAfterMaxRetry = options.fragmentLoadSkipAfterMaxRetry === undefined ? true : options.fragmentLoadSkipAfterMaxRetry; + this._maxSkippedFragments = options.maxSkippedFragments === undefined ? 5 : options.maxSkippedFragments; + this._flushLiveURLCache = options.flushLiveURLCache === undefined ? false : options.flushLiveURLCache; + this._initialLiveManifestSize = options.initialLiveManifestSize === undefined ? 1 : options.initialLiveManifestSize; + this._manifestLoadMaxRetry = options.manifestLoadMaxRetry === undefined ? 3 : options.manifestLoadMaxRetry; + this._manifestLoadMaxRetryTimeout = options.manifestLoadMaxRetryTimeout === undefined ? 64000 : options.manifestLoadMaxRetryTimeout; + this._manifestRedundantLoadmaxRetry = options.manifestRedundantLoadmaxRetry === undefined ? 3 : options.manifestRedundantLoadmaxRetry; + this._startFromBitrate = options.startFromBitrate === undefined ? -1 : options.startFromBitrate; + this._startFromLevel = options.startFromLevel === undefined ? -1 : options.startFromLevel; + this._autoStartMaxDuration = options.autoStartMaxDuration === undefined ? -1 : options.autoStartMaxDuration; + this._seekFromLevel = options.seekFromLevel === undefined ? -1 : options.seekFromLevel; + this._useHardwareVideoDecoder = options.useHardwareVideoDecoder === undefined ? false : options.useHardwareVideoDecoder; + this._hlsLogEnabled = options.hlsLogEnabled === undefined ? true : options.hlsLogEnabled; + this._logDebug = options.logDebug === undefined ? false : options.logDebug; + this._logDebug2 = options.logDebug2 === undefined ? false : options.logDebug2; + this._logWarn = options.logWarn === undefined ? true : options.logWarn; + this._logError = options.logError === undefined ? true : options.logError; + this._hlsMinimumDvrSize = options.hlsMinimumDvrSize === undefined ? 60 : options.hlsMinimumDvrSize; + }; - // https://github.com/clappr/clappr/issues/1076 - _this.options.autoPlay && process.nextTick(function () { - return !_this._destroyed && _this.play(); + FlasHLS.prototype._addListeners = function _addListeners() { + var _this2 = this; + + _mediator2.default.on(this.cid + ':flashready', function () { + return _this2._bootstrap(); }); - return _this; - } + _mediator2.default.on(this.cid + ':timeupdate', function (timeMetrics) { + return _this2._updateTime(timeMetrics); + }); + _mediator2.default.on(this.cid + ':playbackstate', function (state) { + return _this2._setPlaybackState(state); + }); + _mediator2.default.on(this.cid + ':levelchanged', function (level) { + return _this2._levelChanged(level); + }); + _mediator2.default.on(this.cid + ':error', function (code, url, message) { + return _this2._flashPlaybackError(code, url, message); + }); + _mediator2.default.on(this.cid + ':fragmentloaded', function (loadmetrics) { + return _this2._onFragmentLoaded(loadmetrics); + }); + _mediator2.default.on(this.cid + ':levelendlist', function (level) { + return _this2._onLevelEndlist(level); + }); + }; - /** - * Sets the source url on the element, and also the 'src' property. - * @method setupSrc - * @private - * @param {String} srcUrl The source URL. - */ + FlasHLS.prototype.stopListening = function stopListening() { + _BaseFlashPlayback.prototype.stopListening.call(this); + _mediator2.default.off(this.cid + ':flashready'); + _mediator2.default.off(this.cid + ':timeupdate'); + _mediator2.default.off(this.cid + ':playbackstate'); + _mediator2.default.off(this.cid + ':levelchanged'); + _mediator2.default.off(this.cid + ':playbackerror'); + _mediator2.default.off(this.cid + ':fragmentloaded'); + _mediator2.default.off(this.cid + ':manifestloaded'); + _mediator2.default.off(this.cid + ':levelendlist'); + }; + FlasHLS.prototype._bootstrap = function _bootstrap() { + var _this3 = this; - HTML5Video.prototype._setupSrc = function _setupSrc(srcUrl) { - if (this.el.src === srcUrl) { - return; + if (this.el.playerLoad) { + this.el.width = '100%'; + this.el.height = '100%'; + this._isReadyState = true; + this._srcLoaded = false; + this._currentState = 'IDLE'; + this._setFlashSettings(); + this._updatePlaybackType(); + if (this._autoPlay || this._shouldPlayOnManifestLoaded) { + this.play(); + } + this.trigger(_events2.default.PLAYBACK_READY, this.name); + } else { + this._bootstrapAttempts = this._bootstrapAttempts || 0; + if (++this._bootstrapAttempts <= MAX_ATTEMPTS) { + setTimeout(function () { + return _this3._bootstrap(); + }, 50); + } else { + this.trigger(_events2.default.PLAYBACK_ERROR, { message: 'Max number of attempts reached' }, this.name); + } } - this._src = srcUrl; - this.el.src = srcUrl; }; - HTML5Video.prototype._onLoadedMetadata = function _onLoadedMetadata(e) { - this._handleBufferingEvents(); - this.trigger(_events2.default.PLAYBACK_LOADEDMETADATA, { duration: e.target.duration, data: e }); - this._updateSettings(); - var autoSeekFromUrl = typeof this._options.autoSeekFromUrl === 'undefined' || this._options.autoSeekFromUrl; - if (this.getPlaybackType() !== _playback2.default.LIVE && autoSeekFromUrl) { - this._checkInitialSeek(); - } + FlasHLS.prototype._setFlashSettings = function _setFlashSettings() { + this.el.playerSetAutoStartLoad(this._autoStartLoad); + this.el.playerSetCapLevelToStage(this._capLevelToStage); + this.el.playerSetMaxLevelCappingMode(this._maxLevelCappingMode); + this.el.playerSetMinBufferLength(this._minBufferLength); + this.el.playerSetMinBufferLengthCapping(this._minBufferLengthCapping); + this.el.playerSetMaxBufferLength(this._maxBufferLength); + this.el.playerSetMaxBackBufferLength(this._maxBackBufferLength); + this.el.playerSetLowBufferLength(this._lowBufferLength); + this.el.playerSetMediaTimePeriod(this._mediaTimePeriod); + this.el.playerSetFpsDroppedMonitoringPeriod(this._fpsDroppedMonitoringPeriod); + this.el.playerSetFpsDroppedMonitoringThreshold(this._fpsDroppedMonitoringThreshold); + this.el.playerSetCapLevelonFPSDrop(this._capLevelonFPSDrop); + this.el.playerSetSmoothAutoSwitchonFPSDrop(this._smoothAutoSwitchonFPSDrop); + this.el.playerSetSwitchDownOnLevelError(this._switchDownOnLevelError); + this.el.playerSetSeekMode(this._seekMode); + this.el.playerSetKeyLoadMaxRetry(this._keyLoadMaxRetry); + this.el.playerSetKeyLoadMaxRetryTimeout(this._keyLoadMaxRetryTimeout); + this.el.playerSetFragmentLoadMaxRetry(this._fragmentLoadMaxRetry); + this.el.playerSetFragmentLoadMaxRetryTimeout(this._fragmentLoadMaxRetryTimeout); + this.el.playerSetFragmentLoadSkipAfterMaxRetry(this._fragmentLoadSkipAfterMaxRetry); + this.el.playerSetMaxSkippedFragments(this._maxSkippedFragments); + this.el.playerSetFlushLiveURLCache(this._flushLiveURLCache); + this.el.playerSetInitialLiveManifestSize(this._initialLiveManifestSize); + this.el.playerSetManifestLoadMaxRetry(this._manifestLoadMaxRetry); + this.el.playerSetManifestLoadMaxRetryTimeout(this._manifestLoadMaxRetryTimeout); + this.el.playerSetManifestRedundantLoadmaxRetry(this._manifestRedundantLoadmaxRetry); + this.el.playerSetStartFromBitrate(this._startFromBitrate); + this.el.playerSetStartFromLevel(this._startFromLevel); + this.el.playerSetAutoStartMaxDuration(this._autoStartMaxDuration); + this.el.playerSetSeekFromLevel(this._seekFromLevel); + this.el.playerSetUseHardwareVideoDecoder(this._useHardwareVideoDecoder); + this.el.playerSetLogInfo(this._hlsLogEnabled); + this.el.playerSetLogDebug(this._logDebug); + this.el.playerSetLogDebug2(this._logDebug2); + this.el.playerSetLogWarn(this._logWarn); + this.el.playerSetLogError(this._logError); }; - HTML5Video.prototype._onDurationChange = function _onDurationChange() { - this._updateSettings(); - this._onTimeUpdate(); - // onProgress uses the duration - this._onProgress(); + FlasHLS.prototype.setAutoStartLoad = function setAutoStartLoad(autoStartLoad) { + this._autoStartLoad = autoStartLoad; + this.el.playerSetAutoStartLoad(this._autoStartLoad); }; - HTML5Video.prototype._updateSettings = function _updateSettings() { - // we can't figure out if hls resource is VoD or not until it is being loaded or duration has changed. - // that's why we check it again and update media control accordingly. - if (this.getPlaybackType() === _playback2.default.VOD || this.getPlaybackType() === _playback2.default.AOD) { - this.settings.left = ['playpause', 'position', 'duration']; - } else { - this.settings.left = ['playstop']; - } - this.settings.seekEnabled = this.isSeekEnabled(); - this.trigger(_events2.default.PLAYBACK_SETTINGSUPDATE); + FlasHLS.prototype.setCapLevelToStage = function setCapLevelToStage(capLevelToStage) { + this._capLevelToStage = capLevelToStage; + this.el.playerSetCapLevelToStage(this._capLevelToStage); }; - HTML5Video.prototype.isSeekEnabled = function isSeekEnabled() { - return isFinite(this.getDuration()); + FlasHLS.prototype.setMaxLevelCappingMode = function setMaxLevelCappingMode(maxLevelCappingMode) { + this._maxLevelCappingMode = maxLevelCappingMode; + this.el.playerSetMaxLevelCappingMode(this._maxLevelCappingMode); }; - HTML5Video.prototype.getPlaybackType = function getPlaybackType() { - var onDemandType = this.tagName === 'audio' ? _playback2.default.AOD : _playback2.default.VOD; - return [0, undefined, Infinity].indexOf(this.el.duration) >= 0 ? _playback2.default.LIVE : onDemandType; + FlasHLS.prototype.setSetMinBufferLength = function setSetMinBufferLength(minBufferLength) { + this._minBufferLength = minBufferLength; + this.el.playerSetMinBufferLength(this._minBufferLength); }; - HTML5Video.prototype.isHighDefinitionInUse = function isHighDefinitionInUse() { - return false; + FlasHLS.prototype.setMinBufferLengthCapping = function setMinBufferLengthCapping(minBufferLengthCapping) { + this._minBufferLengthCapping = minBufferLengthCapping; + this.el.playerSetMinBufferLengthCapping(this._minBufferLengthCapping); }; - // On mobile device, HTML5 video element "retains" user action consent if - // load() method is called. See Player.consent(). - + FlasHLS.prototype.setMaxBufferLength = function setMaxBufferLength(maxBufferLength) { + this._maxBufferLength = maxBufferLength; + this.el.playerSetMaxBufferLength(this._maxBufferLength); + }; - HTML5Video.prototype.consent = function consent() { - !this.isPlaying() && this.el.load(); + FlasHLS.prototype.setMaxBackBufferLength = function setMaxBackBufferLength(maxBackBufferLength) { + this._maxBackBufferLength = maxBackBufferLength; + this.el.playerSetMaxBackBufferLength(this._maxBackBufferLength); }; - HTML5Video.prototype.play = function play() { - this.trigger(_events2.default.PLAYBACK_PLAY_INTENT); - this._stopped = false; - this._setupSrc(this._src); - this._handleBufferingEvents(); - this.el.play(); + FlasHLS.prototype.setLowBufferLength = function setLowBufferLength(lowBufferLength) { + this._lowBufferLength = lowBufferLength; + this.el.playerSetLowBufferLength(this._lowBufferLength); }; - HTML5Video.prototype.pause = function pause() { - this.el.pause(); + FlasHLS.prototype.setMediaTimePeriod = function setMediaTimePeriod(mediaTimePeriod) { + this._mediaTimePeriod = mediaTimePeriod; + this.el.playerSetMediaTimePeriod(this._mediaTimePeriod); }; - HTML5Video.prototype.stop = function stop() { - this.pause(); - this._stopped = true; - // src will be added again in play() - this.el.removeAttribute('src'); - this._stopPlayheadMovingChecks(); - this._handleBufferingEvents(); - this.trigger(_events2.default.PLAYBACK_STOP); + FlasHLS.prototype.setFpsDroppedMonitoringPeriod = function setFpsDroppedMonitoringPeriod(fpsDroppedMonitoringPeriod) { + this._fpsDroppedMonitoringPeriod = fpsDroppedMonitoringPeriod; + this.el.playerSetFpsDroppedMonitoringPeriod(this._fpsDroppedMonitoringPeriod); }; - HTML5Video.prototype.volume = function volume(value) { - this.el.volume = value / 100; + FlasHLS.prototype.setFpsDroppedMonitoringThreshold = function setFpsDroppedMonitoringThreshold(fpsDroppedMonitoringThreshold) { + this._fpsDroppedMonitoringThreshold = fpsDroppedMonitoringThreshold; + this.el.playerSetFpsDroppedMonitoringThreshold(this._fpsDroppedMonitoringThreshold); }; - HTML5Video.prototype.mute = function mute() { - this.el.volume = 0; + FlasHLS.prototype.setCapLevelonFPSDrop = function setCapLevelonFPSDrop(capLevelonFPSDrop) { + this._capLevelonFPSDrop = capLevelonFPSDrop; + this.el.playerSetCapLevelonFPSDrop(this._capLevelonFPSDrop); }; - HTML5Video.prototype.unmute = function unmute() { - this.el.volume = 1; + FlasHLS.prototype.setSmoothAutoSwitchonFPSDrop = function setSmoothAutoSwitchonFPSDrop(smoothAutoSwitchonFPSDrop) { + this._smoothAutoSwitchonFPSDrop = smoothAutoSwitchonFPSDrop; + this.el.playerSetSmoothAutoSwitchonFPSDrop(this._smoothAutoSwitchonFPSDrop); }; - HTML5Video.prototype.isMuted = function isMuted() { - return !!this.el.volume; + FlasHLS.prototype.setSwitchDownOnLevelError = function setSwitchDownOnLevelError(switchDownOnLevelError) { + this._switchDownOnLevelError = switchDownOnLevelError; + this.el.playerSetSwitchDownOnLevelError(this._switchDownOnLevelError); }; - HTML5Video.prototype.isPlaying = function isPlaying() { - return !this.el.paused && !this.el.ended; + FlasHLS.prototype.setSeekMode = function setSeekMode(seekMode) { + this._seekMode = seekMode; + this.el.playerSetSeekMode(this._seekMode); }; - HTML5Video.prototype._startPlayheadMovingChecks = function _startPlayheadMovingChecks() { - if (this._playheadMovingTimer !== null) { - return; - } - this._playheadMovingTimeOnCheck = null; - this._determineIfPlayheadMoving(); - this._playheadMovingTimer = setInterval(this._determineIfPlayheadMoving.bind(this), 500); + FlasHLS.prototype.setKeyLoadMaxRetry = function setKeyLoadMaxRetry(keyLoadMaxRetry) { + this._keyLoadMaxRetry = keyLoadMaxRetry; + this.el.playerSetKeyLoadMaxRetry(this._keyLoadMaxRetry); }; - HTML5Video.prototype._stopPlayheadMovingChecks = function _stopPlayheadMovingChecks() { - if (this._playheadMovingTimer === null) { - return; - } - clearInterval(this._playheadMovingTimer); - this._playheadMovingTimer = null; - this._playheadMoving = false; + FlasHLS.prototype.setKeyLoadMaxRetryTimeout = function setKeyLoadMaxRetryTimeout(keyLoadMaxRetryTimeout) { + this._keyLoadMaxRetryTimeout = keyLoadMaxRetryTimeout; + this.el.playerSetKeyLoadMaxRetryTimeout(this._keyLoadMaxRetryTimeout); }; - HTML5Video.prototype._determineIfPlayheadMoving = function _determineIfPlayheadMoving() { - var before = this._playheadMovingTimeOnCheck; - var now = this.el.currentTime; - this._playheadMoving = before !== now; - this._playheadMovingTimeOnCheck = now; - this._handleBufferingEvents(); + FlasHLS.prototype.setFragmentLoadMaxRetry = function setFragmentLoadMaxRetry(fragmentLoadMaxRetry) { + this._fragmentLoadMaxRetry = fragmentLoadMaxRetry; + this.el.playerSetFragmentLoadMaxRetry(this._fragmentLoadMaxRetry); }; - // this seems to happen when the user is having to wait - // for something to happen AFTER A USER INTERACTION - // e.g the player might be buffering, but when `play()` is called - // only at this point will this be called. - // Or the user may seek somewhere but the new area requires buffering, - // so it will fire then as well. - // On devices where playing is blocked until requested with a user action, - // buffering may start, but never finish until the user initiates a play, - // but this only happens when play is actually requested - - - HTML5Video.prototype._onWaiting = function _onWaiting() { - this._loadStarted = true; - this._handleBufferingEvents(); + FlasHLS.prototype.setFragmentLoadMaxRetryTimeout = function setFragmentLoadMaxRetryTimeout(fragmentLoadMaxRetryTimeout) { + this._fragmentLoadMaxRetryTimeout = fragmentLoadMaxRetryTimeout; + this.el.playerSetFragmentLoadMaxRetryTimeout(this._fragmentLoadMaxRetryTimeout); }; - // called after the first frame has loaded - // note this doesn't fire on ios before the user has requested play - // ideally the "loadstart" event would be used instead, but this fires - // before a user has requested play on iOS, and also this is always fired - // even if the preload setting is "none". In both these cases this causes - // infinite buffering until the user does something which isn't great. - - - HTML5Video.prototype._onLoadedData = function _onLoadedData() { - this._loadStarted = true; - this._handleBufferingEvents(); + FlasHLS.prototype.setFragmentLoadSkipAfterMaxRetry = function setFragmentLoadSkipAfterMaxRetry(fragmentLoadSkipAfterMaxRetry) { + this._fragmentLoadSkipAfterMaxRetry = fragmentLoadSkipAfterMaxRetry; + this.el.playerSetFragmentLoadSkipAfterMaxRetry(this._fragmentLoadSkipAfterMaxRetry); }; - // note this doesn't fire on ios before user has requested play + FlasHLS.prototype.setMaxSkippedFragments = function setMaxSkippedFragments(maxSkippedFragments) { + this._maxSkippedFragments = maxSkippedFragments; + this.el.playerSetMaxSkippedFragments(this._maxSkippedFragments); + }; + FlasHLS.prototype.setFlushLiveURLCache = function setFlushLiveURLCache(flushLiveURLCache) { + this._flushLiveURLCache = flushLiveURLCache; + this.el.playerSetFlushLiveURLCache(this._flushLiveURLCache); + }; - HTML5Video.prototype._onCanPlay = function _onCanPlay() { - this._handleBufferingEvents(); + FlasHLS.prototype.setInitialLiveManifestSize = function setInitialLiveManifestSize(initialLiveManifestSize) { + this._initialLiveManifestSize = initialLiveManifestSize; + this.el.playerSetInitialLiveManifestSize(this._initialLiveManifestSize); }; - HTML5Video.prototype._onPlaying = function _onPlaying() { - this._startPlayheadMovingChecks(); - this._handleBufferingEvents(); - this.trigger(_events2.default.PLAYBACK_PLAY); + FlasHLS.prototype.setManifestLoadMaxRetry = function setManifestLoadMaxRetry(manifestLoadMaxRetry) { + this._manifestLoadMaxRetry = manifestLoadMaxRetry; + this.el.playerSetManifestLoadMaxRetry(this._manifestLoadMaxRetry); }; - HTML5Video.prototype._onPause = function _onPause() { - this._stopPlayheadMovingChecks(); - this._handleBufferingEvents(); - this.trigger(_events2.default.PLAYBACK_PAUSE); + FlasHLS.prototype.setManifestLoadMaxRetryTimeout = function setManifestLoadMaxRetryTimeout(manifestLoadMaxRetryTimeout) { + this._manifestLoadMaxRetryTimeout = manifestLoadMaxRetryTimeout; + this.el.playerSetManifestLoadMaxRetryTimeout(this._manifestLoadMaxRetryTimeout); }; - HTML5Video.prototype._onEnded = function _onEnded() { - this._handleBufferingEvents(); - this.trigger(_events2.default.PLAYBACK_ENDED, this.name); + FlasHLS.prototype.setManifestRedundantLoadmaxRetry = function setManifestRedundantLoadmaxRetry(manifestRedundantLoadmaxRetry) { + this._manifestRedundantLoadmaxRetry = manifestRedundantLoadmaxRetry; + this.el.playerSetManifestRedundantLoadmaxRetry(this._manifestRedundantLoadmaxRetry); }; - // The playback should be classed as buffering if the following are true: - // - the ready state is less then HAVE_FUTURE_DATA or the playhead isn't moving and it should be - // - the media hasn't "ended", - // - the media hasn't been stopped - // - loading has started + FlasHLS.prototype.setStartFromBitrate = function setStartFromBitrate(startFromBitrate) { + this._startFromBitrate = startFromBitrate; + this.el.playerSetStartFromBitrate(this._startFromBitrate); + }; + FlasHLS.prototype.setStartFromLevel = function setStartFromLevel(startFromLevel) { + this._startFromLevel = startFromLevel; + this.el.playerSetStartFromLevel(this._startFromLevel); + }; - HTML5Video.prototype._handleBufferingEvents = function _handleBufferingEvents() { - var playheadShouldBeMoving = !this.el.ended && !this.el.paused; - var buffering = this._loadStarted && !this.el.ended && !this._stopped && (playheadShouldBeMoving && !this._playheadMoving || this.el.readyState < this.el.HAVE_FUTURE_DATA); - if (this._bufferingState !== buffering) { - this._bufferingState = buffering; - if (buffering) { - this.trigger(_events2.default.PLAYBACK_BUFFERING, this.name); - } else { - this.trigger(_events2.default.PLAYBACK_BUFFERFULL, this.name); - } - } + FlasHLS.prototype.setAutoStartMaxDuration = function setAutoStartMaxDuration(autoStartMaxDuration) { + this._autoStartMaxDuration = autoStartMaxDuration; + this.el.playerSetAutoStartMaxDuration(this._autoStartMaxDuration); }; - HTML5Video.prototype._onError = function _onError() { - this.trigger(_events2.default.PLAYBACK_ERROR, this.el.error, this.name); + FlasHLS.prototype.setSeekFromLevel = function setSeekFromLevel(seekFromLevel) { + this._seekFromLevel = seekFromLevel; + this.el.playerSetSeekFromLevel(this._seekFromLevel); }; - HTML5Video.prototype.destroy = function destroy() { - this._destroyed = true; - this.$el.remove(); - this.el.src = ''; - this._src = null; - _utils.DomRecycler.garbage(this.$el); + FlasHLS.prototype.setUseHardwareVideoDecoder = function setUseHardwareVideoDecoder(useHardwareVideoDecoder) { + this._useHardwareVideoDecoder = useHardwareVideoDecoder; + this.el.playerSetUseHardwareVideoDecoder(this._useHardwareVideoDecoder); }; - HTML5Video.prototype.seek = function seek(time) { - this.el.currentTime = time; + FlasHLS.prototype.setSetLogInfo = function setSetLogInfo(hlsLogEnabled) { + this._hlsLogEnabled = hlsLogEnabled; + this.el.playerSetLogInfo(this._hlsLogEnabled); }; - HTML5Video.prototype.seekPercentage = function seekPercentage(percentage) { - var time = this.el.duration * (percentage / 100); - this.seek(time); + FlasHLS.prototype.setLogDebug = function setLogDebug(logDebug) { + this._logDebug = logDebug; + this.el.playerSetLogDebug(this._logDebug); }; - HTML5Video.prototype._checkInitialSeek = function _checkInitialSeek() { - var seekTime = (0, _utils.seekStringToSeconds)(); - if (seekTime !== 0) { - this.seek(seekTime); - } + FlasHLS.prototype.setLogDebug2 = function setLogDebug2(logDebug2) { + this._logDebug2 = logDebug2; + this.el.playerSetLogDebug2(this._logDebug2); }; - HTML5Video.prototype.getCurrentTime = function getCurrentTime() { - return this.el.currentTime; + FlasHLS.prototype.setLogWarn = function setLogWarn(logWarn) { + this._logWarn = logWarn; + this.el.playerSetLogWarn(this._logWarn); }; - HTML5Video.prototype.getDuration = function getDuration() { - return this.el.duration; + FlasHLS.prototype.setLogError = function setLogError(logError) { + this._logError = logError; + this.el.playerSetLogError(this._logError); }; - HTML5Video.prototype._onTimeUpdate = function _onTimeUpdate() { - this._handleBufferingEvents(); - if (this.getPlaybackType() === _playback2.default.LIVE) { - this.trigger(_events2.default.PLAYBACK_TIMEUPDATE, { current: 1, total: 1 }, this.name); - } else { - this.trigger(_events2.default.PLAYBACK_TIMEUPDATE, { current: this.el.currentTime, total: this.el.duration }, this.name); + FlasHLS.prototype._levelChanged = function _levelChanged(level) { + var currentLevel = this.el.getLevels()[level]; + if (currentLevel) { + this.highDefinition = currentLevel.height >= 720 || currentLevel.bitrate / 1000 >= 2000; + this.trigger(_events2.default.PLAYBACK_HIGHDEFINITIONUPDATE, this.highDefinition); + + if (!this._levels || this._levels.length === 0) this._fillLevels(); + + this.trigger(_events2.default.PLAYBACK_BITRATE, { + height: currentLevel.height, + width: currentLevel.width, + bandwidth: currentLevel.bitrate, + bitrate: currentLevel.bitrate, + level: level + }); + this.trigger(_events2.default.PLAYBACK_LEVEL_SWITCH_END); } }; - HTML5Video.prototype._onProgress = function _onProgress() { - if (!this.el.buffered.length) { + FlasHLS.prototype._updateTime = function _updateTime(timeMetrics) { + if (this._currentState === 'IDLE') { return; } - var buffered = []; - var bufferedPos = 0; - for (var i = 0; i < this.el.buffered.length; i++) { - buffered = [].concat(_toConsumableArray(buffered), [{ start: this.el.buffered.start(i), end: this.el.buffered.end(i) }]); - if (this.el.currentTime >= buffered[i].start && this.el.currentTime <= buffered[i].end) { - bufferedPos = i; - } - } - var progress = { - start: buffered[bufferedPos].start, - current: buffered[bufferedPos].end, - total: this.el.duration - }; - this.trigger(_events2.default.PLAYBACK_PROGRESS, progress, buffered); - }; - HTML5Video.prototype._typeFor = function _typeFor(src) { - var mimeTypes = HTML5Video._mimeTypesForUrl(src, MIMETYPES, this.options.mimeType); - if (mimeTypes.length == 0) { - mimeTypes = HTML5Video._mimeTypesForUrl(src, AUDIO_MIMETYPES, this.options.mimeType); - } - var mimeType = mimeTypes[0] || ''; - return mimeType.split(';')[0]; - }; + var duration = this._normalizeDuration(timeMetrics.duration); + var position = Math.min(Math.max(timeMetrics.position, 0), duration); + var previousDVRStatus = this._dvrEnabled; + var livePlayback = this._playbackType === _playback2.default.LIVE; + this._dvrEnabled = livePlayback && duration > this._hlsMinimumDvrSize; - HTML5Video.prototype._ready = function _ready() { - if (this._isReadyState) { + if (duration === 100 || livePlayback === undefined) { return; } - this._isReadyState = true; - this.trigger(_events2.default.PLAYBACK_READY, this.name); - }; - HTML5Video.prototype.render = function render() { - var style = _styler2.default.getStyleFor(_style2.default); + if (this._dvrEnabled !== previousDVRStatus) { + this._updateSettings(); + this.trigger(_events2.default.PLAYBACK_SETTINGSUPDATE, this.name); + } - if (this.options.playback.disableContextMenu) { - this.$el.on('contextmenu', function () { - return false; - }); + if (livePlayback && (!this._dvrEnabled || !this._dvrInUse)) { + position = duration; } - this.$el.append(style); - this._ready(); - return this; + this.trigger(_events2.default.PLAYBACK_TIMEUPDATE, { current: position, total: duration }, this.name); }; - _createClass(HTML5Video, [{ - key: 'isReady', - get: function get() { - return this._isReadyState; + FlasHLS.prototype.play = function play() { + this.trigger(_events2.default.PLAYBACK_PLAY_INTENT); + if (this._currentState === 'PAUSED') { + this.el.playerResume(); + } else if (!this._srcLoaded && this._currentState !== 'PLAYING') { + this._firstPlay(); + } else { + this.el.playerPlay(); } - }]); - - return HTML5Video; -}(_playback2.default); + }; -exports.default = HTML5Video; - - -HTML5Video._mimeTypesForUrl = function (resourceUrl, mimeTypesByExtension, mimeType) { - var extension = (resourceUrl.split('?')[0].match(/.*\.(.*)$/) || [])[1]; - var mimeTypes = mimeType || extension && mimeTypesByExtension[extension.toLowerCase()] || []; - return mimeTypes.constructor === Array ? mimeTypes : [mimeTypes]; -}; - -HTML5Video._canPlay = function (type, mimeTypesByExtension, resourceUrl, mimeType) { - var mimeTypes = HTML5Video._mimeTypesForUrl(resourceUrl, mimeTypesByExtension, mimeType); - var media = document.createElement(type); - return !!mimeTypes.filter(function (mediaType) { - return !!media.canPlayType(mediaType).replace(/no/, ''); - })[0]; -}; - -HTML5Video.canPlay = function (resourceUrl, mimeType) { - return HTML5Video._canPlay('audio', AUDIO_MIMETYPES, resourceUrl, mimeType) || HTML5Video._canPlay('video', MIMETYPES, resourceUrl, mimeType); -}; - -module.exports = HTML5Video; -module.exports = exports['default']; -/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(21))) - -/***/ }), -/* 55 */ -/***/ (function(module, exports, __webpack_require__) { - -"use strict"; + FlasHLS.prototype.getPlaybackType = function getPlaybackType() { + return this._playbackType ? this._playbackType : null; + }; + FlasHLS.prototype.getCurrentLevelIndex = function getCurrentLevelIndex() { + return this._currentLevel; + }; -Object.defineProperty(exports, "__esModule", { - value: true -}); + FlasHLS.prototype.getCurrentLevel = function getCurrentLevel() { + return this.levels[this.currentLevel]; + }; -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); + FlasHLS.prototype.getCurrentBitrate = function getCurrentBitrate() { + return this.levels[this.currentLevel].bitrate; + }; -var _playback = __webpack_require__(2); + FlasHLS.prototype.setCurrentLevel = function setCurrentLevel(level) { + this.currentLevel = level; + }; -var _playback2 = _interopRequireDefault(_playback); + FlasHLS.prototype.isHighDefinitionInUse = function isHighDefinitionInUse() { + return this.highDefinition; + }; -var _styler = __webpack_require__(4); + FlasHLS.prototype.getLevels = function getLevels() { + return this.levels; + }; -var _styler2 = _interopRequireDefault(_styler); + FlasHLS.prototype._setPlaybackState = function _setPlaybackState(state) { + if (['PLAYING_BUFFERING', 'PAUSED_BUFFERING'].indexOf(state) >= 0) { + this._bufferingState = true; + this.trigger(_events2.default.PLAYBACK_BUFFERING, this.name); + this._updateCurrentState(state); + } else if (['PLAYING', 'PAUSED'].indexOf(state) >= 0) { + if (['PLAYING_BUFFERING', 'PAUSED_BUFFERING', 'IDLE'].indexOf(this._currentState) >= 0) { + this._bufferingState = false; + this.trigger(_events2.default.PLAYBACK_BUFFERFULL, this.name); + } + this._updateCurrentState(state); + } else if (state === 'IDLE') { + this._srcLoaded = false; + if (this._loop && ['PLAYING_BUFFERING', 'PLAYING'].indexOf(this._currentState) >= 0) { + this.play(); + this.seek(0); + } else { + this._updateCurrentState(state); + this._hasEnded = true; + this.trigger(_events2.default.PLAYBACK_TIMEUPDATE, { current: 0, total: this.getDuration() }, this.name); + this.trigger(_events2.default.PLAYBACK_ENDED, this.name); + } + } + }; -var _style = __webpack_require__(87); + FlasHLS.prototype._updateCurrentState = function _updateCurrentState(state) { + this._currentState = state; + if (state !== 'IDLE') { + this._hasEnded = false; + } + this._updatePlaybackType(); + if (state === 'PLAYING') { + this.trigger(_events2.default.PLAYBACK_PLAY, this.name); + } else if (state === 'PAUSED') { + this.trigger(_events2.default.PLAYBACK_PAUSE, this.name); + } + }; -var _style2 = _interopRequireDefault(_style); + FlasHLS.prototype._updatePlaybackType = function _updatePlaybackType() { + this._playbackType = this.el.getType(); + if (this._playbackType) { + this._playbackType = this._playbackType.toLowerCase(); + if (this._playbackType === _playback2.default.VOD) { + this._startReportingProgress(); + } else { + this._stopReportingProgress(); + } + } + this.trigger(_events2.default.PLAYBACK_PLAYBACKSTATE, { type: this._playbackType }); + }; -var _events = __webpack_require__(0); + FlasHLS.prototype._startReportingProgress = function _startReportingProgress() { + if (!this._reportingProgress) { + this._reportingProgress = true; + } + }; -var _events2 = _interopRequireDefault(_events); + FlasHLS.prototype._stopReportingProgress = function _stopReportingProgress() { + this._reportingProgress = false; + }; -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + FlasHLS.prototype._onFragmentLoaded = function _onFragmentLoaded(loadmetrics) { + this.trigger(_events2.default.PLAYBACK_FRAGMENT_LOADED, loadmetrics); + if (this._reportingProgress && this.el.getPosition) { + var buffered = this.el.getPosition() + this.el.getbufferLength(); + this.trigger(_events2.default.PLAYBACK_PROGRESS, { + start: this.el.getPosition(), + current: buffered, + total: this.el.getDuration() + }); + } + }; -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } + FlasHLS.prototype._onLevelEndlist = function _onLevelEndlist() { + this._updatePlaybackType(); + }; -function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } + FlasHLS.prototype._firstPlay = function _firstPlay() { + var _this4 = this; -function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // 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. + this._shouldPlayOnManifestLoaded = true; + if (this.el.playerLoad) { + _mediator2.default.once(this.cid + ':manifestloaded', function (duration, loadmetrics) { + return _this4._manifestLoaded(duration, loadmetrics); + }); + this._setFlashSettings(); //ensure flushLiveURLCache will work (#327) + this.el.playerLoad(this._src); + this._srcLoaded = true; + } + }; -var HTMLImg = function (_Playback) { - _inherits(HTMLImg, _Playback); + FlasHLS.prototype.volume = function volume(value) { + var _this5 = this; - HTMLImg.prototype.getPlaybackType = function getPlaybackType() { - return _playback2.default.NO_OP; + if (this.isReady) { + this.el.playerVolume(value); + } else { + this.listenToOnce(this, _events2.default.PLAYBACK_BUFFERFULL, function () { + return _this5.volume(value); + }); + } }; - _createClass(HTMLImg, [{ - key: 'name', - get: function get() { - return 'html_img'; - } - }, { - key: 'tagName', - get: function get() { - return 'img'; - } - }, { - key: 'attributes', - get: function get() { - return { - 'data-html-img': '' - }; - } - }, { - key: 'events', - get: function get() { - return { - 'load': '_onLoad', - 'abort': '_onError', - 'error': '_onError' - }; + FlasHLS.prototype.pause = function pause() { + if (this._playbackType !== _playback2.default.LIVE || this._dvrEnabled) { + this.el.playerPause(); + if (this._playbackType === _playback2.default.LIVE && this._dvrEnabled) { + this._updateDvr(true); + } } - }]); - - function HTMLImg(params) { - _classCallCheck(this, HTMLImg); + }; - var _this = _possibleConstructorReturn(this, _Playback.call(this, params)); + FlasHLS.prototype.stop = function stop() { + this._srcLoaded = false; + this.el.playerStop(); + this.trigger(_events2.default.PLAYBACK_STOP); + this.trigger(_events2.default.PLAYBACK_TIMEUPDATE, { current: 0, total: 0 }, this.name); + }; - _this.el.src = params.src; - return _this; - } + FlasHLS.prototype.isPlaying = function isPlaying() { + if (this._currentState) { + return !!this._currentState.match(/playing/i); + } + return false; + }; - HTMLImg.prototype.render = function render() { - var style = _styler2.default.getStyleFor(_style2.default); - this.$el.append(style); - this.trigger(_events2.default.PLAYBACK_READY, this.name); - return this; + FlasHLS.prototype.getDuration = function getDuration() { + return this._normalizeDuration(this.el.getDuration()); }; - HTMLImg.prototype._onLoad = function _onLoad() { - this.trigger(_events2.default.PLAYBACK_ENDED, this.name); + FlasHLS.prototype._normalizeDuration = function _normalizeDuration(duration) { + if (this._playbackType === _playback2.default.LIVE) { + // estimate 10 seconds of buffer time for live streams for seek positions + duration = Math.max(0, duration - 10); + } + return duration; }; - HTMLImg.prototype._onError = function _onError(evt) { - var m = evt.type === 'error' ? 'load error' : 'loading aborted'; - this.trigger(_events2.default.PLAYBACK_ERROR, { message: m }, this.name); + FlasHLS.prototype.seekPercentage = function seekPercentage(percentage) { + var duration = this.el.getDuration(); + var time = 0; + if (percentage > 0) { + time = duration * percentage / 100; + } + this.seek(time); }; - return HTMLImg; -}(_playback2.default); + FlasHLS.prototype.seek = function seek(time) { + var duration = this.getDuration(); + if (this._playbackType === _playback2.default.LIVE) { + // seek operations to a time within 3 seconds from live stream will position playhead back to live + var dvrInUse = duration - time > 3; + this._updateDvr(dvrInUse); + } + this.el.playerSeek(time); + this.trigger(_events2.default.PLAYBACK_TIMEUPDATE, { current: time, total: duration }, this.name); + }; -exports.default = HTMLImg; + FlasHLS.prototype._updateDvr = function _updateDvr(dvrInUse) { + var previousDvrInUse = !!this._dvrInUse; + this._dvrInUse = dvrInUse; + if (this._dvrInUse !== previousDvrInUse) { + this._updateSettings(); + this.trigger(_events2.default.PLAYBACK_DVR, this._dvrInUse); + this.trigger(_events2.default.PLAYBACK_STATS_ADD, { 'dvr': this._dvrInUse }); + } + }; + FlasHLS.prototype._flashPlaybackError = function _flashPlaybackError(code, url, message) { + this.trigger(_events2.default.PLAYBACK_ERROR, { code: code, url: url, message: message }); + this.trigger(_events2.default.PLAYBACK_STOP); + }; -HTMLImg.canPlay = function (resource) { - return (/\.(png|jpg|jpeg|gif|bmp|tiff|pgm|pnm|webp)(|\?.*)$/i.test(resource) - ); -}; -module.exports = exports['default']; + FlasHLS.prototype._manifestLoaded = function _manifestLoaded(duration, loadmetrics) { + if (this._shouldPlayOnManifestLoaded) { + this._shouldPlayOnManifestLoaded = false; + // this method initialises the player (and starts playback) + // this needs to happen before PLAYBACK_LOADEDMETADATA is fired + // as the user may call seek() in a LOADEDMETADATA listener. + /// when playerPlay() is called the player seeks to 0 + this.el.playerPlay(); + } -/***/ }), -/* 56 */ -/***/ (function(module, exports, __webpack_require__) { + this._fillLevels(); + this.trigger(_events2.default.PLAYBACK_LOADEDMETADATA, { duration: duration, data: loadmetrics }); + }; -"use strict"; + FlasHLS.prototype._fillLevels = function _fillLevels() { + var levels = this.el.getLevels(); + var levelsLength = levels.length; + this._levels = []; + for (var index = 0; index < levelsLength; index++) { + this._levels.push({ id: index, label: levels[index].height + 'p', level: levels[index] }); + } + this.trigger(_events2.default.PLAYBACK_LEVELS_AVAILABLE, this._levels); + }; -Object.defineProperty(exports, "__esModule", { - value: true -}); + FlasHLS.prototype.destroy = function destroy() { + this.stopListening(); + this.$el.remove(); + }; -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); + FlasHLS.prototype._updateSettings = function _updateSettings() { + this.settings = _clapprZepto2.default.extend({}, this._defaultSettings); + if (this._playbackType === _playback2.default.VOD || this._dvrInUse) { + this.settings.left = ['playpause', 'position', 'duration']; + this.settings.seekEnabled = true; + } else if (this._dvrEnabled) { + this.settings.left = ['playpause']; + this.settings.seekEnabled = true; + } else { + this.settings.seekEnabled = false; + } + }; -var _utils = __webpack_require__(1); + FlasHLS.prototype._createCallbacks = function _createCallbacks() { + var _this6 = this; -var _playback = __webpack_require__(2); + if (!window.Clappr) { + window.Clappr = {}; + } + if (!window.Clappr.flashlsCallbacks) { + window.Clappr.flashlsCallbacks = {}; + } + this.flashlsEvents = new _flashls_events2.default(this.cid); + window.Clappr.flashlsCallbacks[this.cid] = function (eventName, args) { + _this6.flashlsEvents[eventName].apply(_this6.flashlsEvents, args); + }; + }; -var _playback2 = _interopRequireDefault(_playback); + FlasHLS.prototype.render = function render() { + _BaseFlashPlayback.prototype.render.call(this); + this._createCallbacks(); + return this; + }; -var _template = __webpack_require__(5); + (0, _createClass3.default)(FlasHLS, [{ + key: 'isReady', + get: function get() { + return this._isReadyState; + } + }, { + key: 'dvrEnabled', + get: function get() { + return !!this._dvrEnabled; + } + }]); + return FlasHLS; +}(_base_flash_playback2.default); -var _template2 = _interopRequireDefault(_template); +exports.default = FlasHLS; -var _styler = __webpack_require__(4); -var _styler2 = _interopRequireDefault(_styler); +FlasHLS.canPlay = function (resource, mimeType) { + var resourceParts = resource.split('?')[0].match(/.*\.(.*)$/) || []; + return _browser2.default.hasFlash && (resourceParts.length > 1 && resourceParts[1].toLowerCase() === 'm3u8' || mimeType === 'application/x-mpegURL' || mimeType === 'application/vnd.apple.mpegurl'); +}; +module.exports = exports['default']; -var _events = __webpack_require__(0); +/***/ }), +/* 99 */ +/***/ (function(module, exports, __webpack_require__) { -var _events2 = _interopRequireDefault(_events); +"use strict"; -var _style = __webpack_require__(88); -var _style2 = _interopRequireDefault(_style); +Object.defineProperty(exports, "__esModule", { + value: true +}); -var _error = __webpack_require__(97); +var _classCallCheck2 = __webpack_require__(0); -var _error2 = _interopRequireDefault(_error); +var _classCallCheck3 = _interopRequireDefault(_classCallCheck2); -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } +var _mediator = __webpack_require__(22); -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } +var _mediator2 = _interopRequireDefault(_mediator); -function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } -function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } +var HLSEvents = function () { + function HLSEvents(instanceId) { + (0, _classCallCheck3.default)(this, HLSEvents); -var NoOp = function (_Playback) { - _inherits(NoOp, _Playback); + this.instanceId = instanceId; + } - _createClass(NoOp, [{ - key: 'name', - get: function get() { - return 'no_op'; - } - }, { - key: 'template', - get: function get() { - return (0, _template2.default)(_error2.default); - } - }, { - key: 'attributes', - get: function get() { - return { 'data-no-op': '' }; - } - }]); + HLSEvents.prototype.ready = function ready() { + _mediator2.default.trigger(this.instanceId + ':flashready'); + }; - function NoOp() { - _classCallCheck(this, NoOp); + HLSEvents.prototype.videoSize = function videoSize(width, height) { + _mediator2.default.trigger(this.instanceId + ':videosizechanged', width, height); + }; - for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) { - args[_key] = arguments[_key]; - } + HLSEvents.prototype.complete = function complete() { + _mediator2.default.trigger(this.instanceId + ':complete'); + }; - var _this = _possibleConstructorReturn(this, _Playback.call.apply(_Playback, [this].concat(args))); + HLSEvents.prototype.error = function error(code, url, message) { + _mediator2.default.trigger(this.instanceId + ':error', code, url, message); + }; - _this._noiseFrameNum = -1; - _this._started = false; - return _this; - } + HLSEvents.prototype.manifest = function manifest(duration, loadmetrics) { + _mediator2.default.trigger(this.instanceId + ':manifestloaded', duration, loadmetrics); + }; - NoOp.prototype.render = function render() { - var style = _styler2.default.getStyleFor(_style2.default); - var playbackNotSupported = this.options.playbackNotSupportedMessage || this.i18n.t('playback_not_supported'); - this.$el.html(this.template({ message: playbackNotSupported })); - this.$el.append(style); - this.trigger(_events2.default.PLAYBACK_READY, this.name); - var showForNoOp = !!(this.options.poster && this.options.poster.showForNoOp); - if (this.options.autoPlay || !showForNoOp) { - this.play(); - } - return this; + HLSEvents.prototype.audioLevelLoaded = function audioLevelLoaded(loadmetrics) { + _mediator2.default.trigger(this.instanceId + ':audiolevelloaded', loadmetrics); }; - NoOp.prototype.play = function play() { - if (!this._started) { - this._started = true; - this.trigger(_events2.default.PLAYBACK_PLAY); - this._animate(); - } + HLSEvents.prototype.levelLoaded = function levelLoaded(loadmetrics) { + _mediator2.default.trigger(this.instanceId + ':levelloaded', loadmetrics); }; - NoOp.prototype._noise = function _noise() { - this._noiseFrameNum = (this._noiseFrameNum + 1) % 5; - if (this._noiseFrameNum) { - // only update noise every 5 frames to save cpu - return; - } + HLSEvents.prototype.levelEndlist = function levelEndlist(level) { + _mediator2.default.trigger(this.instanceId + ':levelendlist', level); + }; - var idata = this.context.createImageData(this.context.canvas.width, this.context.canvas.height); - var buffer32 = void 0; - try { - buffer32 = new Uint32Array(idata.data.buffer); - } catch (err) { - buffer32 = new Uint32Array(this.context.canvas.width * this.context.canvas.height * 4); - var data = idata.data; - for (var i = 0; i < data.length; i++) { - buffer32[i] = data[i]; - } - } + HLSEvents.prototype.fragmentLoaded = function fragmentLoaded(loadmetrics) { + _mediator2.default.trigger(this.instanceId + ':fragmentloaded', loadmetrics); + }; - var len = buffer32.length, - m = Math.random() * 6 + 4; - var run = 0, - color = 0; - for (var _i = 0; _i < len;) { - if (run < 0) { - run = m * Math.random(); - var p = Math.pow(Math.random(), 0.4); - color = 255 * p << 24; - } - run -= 1; - buffer32[_i++] = color; - } - this.context.putImageData(idata, 0, 0); + HLSEvents.prototype.fragmentPlaying = function fragmentPlaying(playmetrics) { + _mediator2.default.trigger(this.instanceId + ':fragmentplaying', playmetrics); }; - NoOp.prototype._loop = function _loop() { - var _this2 = this; + HLSEvents.prototype.position = function position(timemetrics) { + _mediator2.default.trigger(this.instanceId + ':timeupdate', timemetrics); + }; - if (this._stop) { - return; - } - this._noise(); - this._animationHandle = (0, _utils.requestAnimationFrame)(function () { - return _this2._loop(); - }); + HLSEvents.prototype.state = function state(newState) { + _mediator2.default.trigger(this.instanceId + ':playbackstate', newState); }; - NoOp.prototype.destroy = function destroy() { - if (this._animationHandle) { - (0, _utils.cancelAnimationFrame)(this._animationHandle); - this._stop = true; - } + HLSEvents.prototype.seekState = function seekState(newState) { + _mediator2.default.trigger(this.instanceId + ':seekstate', newState); }; - NoOp.prototype._animate = function _animate() { - this.canvas = this.$el.find('canvas[data-no-op-canvas]')[0]; - this.context = this.canvas.getContext('2d'); - this._loop(); + HLSEvents.prototype.switch = function _switch(newLevel) { + _mediator2.default.trigger(this.instanceId + ':levelchanged', newLevel); }; - return NoOp; -}(_playback2.default); + HLSEvents.prototype.audioTracksListChange = function audioTracksListChange(trackList) { + _mediator2.default.trigger(this.instanceId + ':audiotracklistchanged', trackList); + }; -exports.default = NoOp; + HLSEvents.prototype.audioTrackChange = function audioTrackChange(trackId) { + _mediator2.default.trigger(this.instanceId + ':audiotrackchanged', trackId); + }; + return HLSEvents; +}(); -NoOp.canPlay = function (source) { - // eslint-disable-line no-unused-vars - return true; -}; +exports.default = HLSEvents; module.exports = exports['default']; /***/ }), -/* 57 */ +/* 100 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; @@ -13338,331 +10774,665 @@ Object.defineProperty(exports, "__esModule", { value: true }); -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); +var _toConsumableArray2 = __webpack_require__(73); -var _container_plugin = __webpack_require__(13); +var _toConsumableArray3 = _interopRequireDefault(_toConsumableArray2); -var _container_plugin2 = _interopRequireDefault(_container_plugin); +var _classCallCheck2 = __webpack_require__(0); -var _events = __webpack_require__(0); +var _classCallCheck3 = _interopRequireDefault(_classCallCheck2); -var _events2 = _interopRequireDefault(_events); +var _possibleConstructorReturn2 = __webpack_require__(2); -var _playback = __webpack_require__(2); +var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2); -var _playback2 = _interopRequireDefault(_playback); +var _createClass2 = __webpack_require__(3); -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - -function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } - -function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } //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 ClickToPausePlugin = function (_ContainerPlugin) { - _inherits(ClickToPausePlugin, _ContainerPlugin); - - _createClass(ClickToPausePlugin, [{ - key: 'name', - get: function get() { - return 'click_to_pause'; - } - }]); - - function ClickToPausePlugin(container) { - _classCallCheck(this, ClickToPausePlugin); - - return _possibleConstructorReturn(this, _ContainerPlugin.call(this, container)); - } - - ClickToPausePlugin.prototype.bindEvents = function bindEvents() { - this.listenTo(this.container, _events2.default.CONTAINER_CLICK, this.click); - this.listenTo(this.container, _events2.default.CONTAINER_SETTINGSUPDATE, this.settingsUpdate); - }; - - ClickToPausePlugin.prototype.click = function click() { - if (this.container.getPlaybackType() !== _playback2.default.LIVE || this.container.isDvrEnabled()) { - if (this.container.isPlaying()) { - this.container.pause(); - } else { - this.container.play(); - } - } - }; - - ClickToPausePlugin.prototype.settingsUpdate = function settingsUpdate() { - this.container.$el.removeClass('pointer-enabled'); - if (this.container.getPlaybackType() !== _playback2.default.LIVE || this.container.isDvrEnabled()) { - this.container.$el.addClass('pointer-enabled'); - } - }; - - return ClickToPausePlugin; -}(_container_plugin2.default); - -exports.default = ClickToPausePlugin; -module.exports = exports['default']; +var _createClass3 = _interopRequireDefault(_createClass2); -/***/ }), -/* 58 */ -/***/ (function(module, exports, __webpack_require__) { - -"use strict"; - - -module.exports = __webpack_require__(57); - -/***/ }), -/* 59 */ -/***/ (function(module, exports, __webpack_require__) { - -"use strict"; +var _inherits2 = __webpack_require__(1); +var _inherits3 = _interopRequireDefault(_inherits2); -Object.defineProperty(exports, "__esModule", { - value: true -}); +var _html5_video = __webpack_require__(34); -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); +var _html5_video2 = _interopRequireDefault(_html5_video); -var _ui_core_plugin = __webpack_require__(17); +var _hls = __webpack_require__(189); -var _ui_core_plugin2 = _interopRequireDefault(_ui_core_plugin); +var _hls2 = _interopRequireDefault(_hls); -var _template = __webpack_require__(5); +var _events = __webpack_require__(4); -var _template2 = _interopRequireDefault(_template); +var _events2 = _interopRequireDefault(_events); -var _playback = __webpack_require__(2); +var _playback = __webpack_require__(7); var _playback2 = _interopRequireDefault(_playback); -var _styler = __webpack_require__(4); - -var _styler2 = _interopRequireDefault(_styler); - -var _events = __webpack_require__(0); - -var _events2 = _interopRequireDefault(_events); - -var _dvr_controls = __webpack_require__(89); +var _utils = __webpack_require__(5); -var _dvr_controls2 = _interopRequireDefault(_dvr_controls); - -var _index = __webpack_require__(98); +var _log = __webpack_require__(40); -var _index2 = _interopRequireDefault(_index); +var _log2 = _interopRequireDefault(_log); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - -function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } - -function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } +// 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 DVRControls = function (_UICorePlugin) { - _inherits(DVRControls, _UICorePlugin); +var AUTO = -1; - _createClass(DVRControls, [{ - key: 'template', +var HLS = function (_HTML5VideoPlayback) { + (0, _inherits3.default)(HLS, _HTML5VideoPlayback); + (0, _createClass3.default)(HLS, [{ + key: 'name', get: function get() { - return (0, _template2.default)(_index2.default); + return 'hls'; } }, { - key: 'name', + key: 'levels', get: function get() { - return 'dvr_controls'; + return this._levels || []; } }, { - key: 'events', + key: 'currentLevel', get: function get() { - return { - 'click .live-button': 'click' - }; + if (this._currentLevel === null || this._currentLevel === undefined) { + return AUTO; + } else { + return this._currentLevel; //0 is a valid level ID + } + }, + set: function set(id) { + this._currentLevel = id; + this.trigger(_events2.default.PLAYBACK_LEVEL_SWITCH_START); + this._hls.currentLevel = this._currentLevel; } }, { - key: 'attributes', + key: '_startTime', get: function get() { - return { - 'class': 'dvr-controls', - 'data-dvr-controls': '' - }; + if (this._playbackType === _playback2.default.LIVE && this._playlistType !== 'EVENT') { + return this._extrapolatedStartTime; + } + return this._playableRegionStartTime; } - }]); - - function DVRControls(core) { - _classCallCheck(this, DVRControls); - - var _this = _possibleConstructorReturn(this, _UICorePlugin.call(this, core)); - - _this.settingsUpdate(); - return _this; - } - - DVRControls.prototype.bindEvents = function bindEvents() { - this.listenTo(this.core.mediaControl, _events2.default.MEDIACONTROL_CONTAINERCHANGED, this.containerChanged); - this.listenTo(this.core.mediaControl, _events2.default.MEDIACONTROL_RENDERED, this.settingsUpdate); - this.listenTo(this.core, _events2.default.CORE_OPTIONS_CHANGE, this.render); - if (this.core.getCurrentContainer()) { - this.listenToOnce(this.core.getCurrentContainer(), _events2.default.CONTAINER_TIMEUPDATE, this.render); - this.listenTo(this.core.getCurrentContainer(), _events2.default.CONTAINER_PLAYBACKDVRSTATECHANGED, this.dvrChanged); + }, { + key: '_now', + get: function get() { + return (0, _utils.now)(); } - }; - DVRControls.prototype.containerChanged = function containerChanged() { - this.stopListening(); - this.bindEvents(); - }; + // the time in the video element which should represent the start of the sliding window + // extrapolated to increase in real time (instead of jumping as the early segments are removed) - DVRControls.prototype.dvrChanged = function dvrChanged(dvrEnabled) { - this.settingsUpdate(); - this.core.mediaControl.$el.addClass('live'); - if (dvrEnabled) { - this.core.mediaControl.$el.addClass('dvr'); - this.core.mediaControl.$el.find('.media-control-indicator[data-position], .media-control-indicator[data-duration]').hide(); - } else { - this.core.mediaControl.$el.removeClass('dvr'); + }, { + key: '_extrapolatedStartTime', + get: function get() { + if (!this._localStartTimeCorrelation) { + return this._playableRegionStartTime; + } + var corr = this._localStartTimeCorrelation; + var timePassed = this._now - corr.local; + var extrapolatedWindowStartTime = (corr.remote + timePassed) / 1000; + // cap at the end of the extrapolated window duration + return Math.min(extrapolatedWindowStartTime, this._playableRegionStartTime + this._extrapolatedWindowDuration); } - }; - DVRControls.prototype.click = function click() { - var mediaControl = this.core.mediaControl; - var container = mediaControl.container; - if (!container.isPlaying()) { - container.play(); + // the time in the video element which should represent the end of the content + // extrapolated to increase in real time (instead of jumping as segments are added) + + }, { + key: '_extrapolatedEndTime', + get: function get() { + var actualEndTime = this._playableRegionStartTime + this._playableRegionDuration; + if (!this._localEndTimeCorrelation) { + return actualEndTime; + } + var corr = this._localEndTimeCorrelation; + var timePassed = this._now - corr.local; + var extrapolatedEndTime = (corr.remote + timePassed) / 1000; + return Math.max(actualEndTime - this._extrapolatedWindowDuration, Math.min(extrapolatedEndTime, actualEndTime)); } - if (mediaControl.$el.hasClass('dvr')) { - container.seek(container.getDuration()); + }, { + key: '_duration', + get: function get() { + return this._extrapolatedEndTime - this._startTime; } - }; - DVRControls.prototype.settingsUpdate = function settingsUpdate() { - var _this2 = this; + // Returns the duration (seconds) of the window that the extrapolated start time is allowed + // to move in before being capped. + // The extrapolated start time should never reach the cap at the end of the window as the + // window should slide as chunks are removed from the start. + // This also applies to the extrapolated end time in the same way. + // + // If chunks aren't being removed for some reason that the start time will reach and remain fixed at + // playableRegionStartTime + extrapolatedWindowDuration + // + // <-- window duration --> + // I.e playableRegionStartTime |-----------------------| + // | --> . . . + // . --> | --> . . + // . . --> | --> . + // . . . --> | + // . . . . + // extrapolatedStartTime - this.stopListening(); - if (this.shouldRender()) { - this.render(); - this.$el.click(function () { - return _this2.click(); - }); + }, { + key: '_extrapolatedWindowDuration', + get: function get() { + if (this._segmentTargetDuration === null) { + return 0; + } + return this._extrapolatedWindowNumSegments * this._segmentTargetDuration; } - this.bindEvents(); - }; + }], [{ + key: 'HLSJS', + get: function get() { + return _hls2.default; + } + }]); - DVRControls.prototype.shouldRender = function shouldRender() { - var useDvrControls = this.core.options.useDvrControls === undefined || !!this.core.options.useDvrControls; - return useDvrControls && this.core.getPlaybackType() === _playback2.default.LIVE; - }; + function HLS() { + (0, _classCallCheck3.default)(this, HLS); - DVRControls.prototype.render = function render() { - this.style = this.style || _styler2.default.getStyleFor(_dvr_controls2.default, { baseUrl: this.core.options.baseUrl }); - this.$el.html(this.template({ - live: this.core.i18n.t('live'), - backToLive: this.core.i18n.t('back_to_live') - })); - this.$el.append(this.style); - if (this.shouldRender()) { - this.core.mediaControl.$el.addClass('live'); - this.core.mediaControl.$('.media-control-left-panel[data-media-control]').append(this.$el); + for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) { + args[_key] = arguments[_key]; } - return this; - }; - return DVRControls; -}(_ui_core_plugin2.default); + // backwards compatibility (TODO: remove on 0.3.0) + var _this = (0, _possibleConstructorReturn3.default)(this, _HTML5VideoPlayback.call.apply(_HTML5VideoPlayback, [this].concat(args))); -exports.default = DVRControls; -module.exports = exports['default']; + _this.options.playback || (_this.options.playback = _this.options); + _this._minDvrSize = typeof _this.options.hlsMinimumDvrSize === 'undefined' ? 60 : _this.options.hlsMinimumDvrSize; + // The size of the start time extrapolation window measured as a multiple of segments. + // Should be 2 or higher, or 0 to disable. Should only need to be increased above 2 if more than one segment is + // removed from the start of the playlist at a time. E.g if the playlist is cached for 10 seconds and new chunks are + // added/removed every 5. + _this._extrapolatedWindowNumSegments = !_this.options.playback || typeof _this.options.playback.extrapolatedWindowNumSegments === 'undefined' ? 2 : _this.options.playback.extrapolatedWindowNumSegments; -/***/ }), -/* 60 */ -/***/ (function(module, exports, __webpack_require__) { + _this._playbackType = _playback2.default.VOD; + _this._lastTimeUpdate = null; + _this._lastDuration = null; + // for hls streams which have dvr with a sliding window, + // the content at the start of the playlist is removed as new + // content is appended at the end. + // this means the actual playable start time will increase as the + // start content is deleted + // For streams with dvr where the entire recording is kept from the + // beginning this should stay as 0 + _this._playableRegionStartTime = 0; + // {local, remote} remote is the time in the video element that should represent 0 + // local is the system time when the 'remote' measurment took place + _this._localStartTimeCorrelation = null; + // {local, remote} remote is the time in the video element that should represents the end + // local is the system time when the 'remote' measurment took place + _this._localEndTimeCorrelation = null; + // if content is removed from the beginning then this empty area should + // be ignored. "playableRegionDuration" excludes the empty area + _this._playableRegionDuration = 0; + // true when the actual duration is longer than hlsjs's live sync point + // when this is false playableRegionDuration will be the actual duration + // when this is true playableRegionDuration will exclude the time after the sync point + _this._durationExcludesAfterLiveSyncPoint = false; + // #EXT-X-TARGETDURATION + _this._segmentTargetDuration = null; + // #EXT-X-PLAYLIST-TYPE + _this._playlistType = null; + _this._recoverAttemptsRemaining = _this.options.hlsRecoverAttempts || 16; + _this._startTimeUpdateTimer(); + return _this; + } -"use strict"; + HLS.prototype._setupHls = function _setupHls() { + var _this2 = this; + this._hls = new _hls2.default(this.options.playback.hlsjsConfig || {}); + this._hls.on(_hls2.default.Events.MEDIA_ATTACHED, function () { + return _this2._hls.loadSource(_this2.options.src); + }); + this._hls.on(_hls2.default.Events.LEVEL_LOADED, function (evt, data) { + return _this2._updatePlaybackType(evt, data); + }); + this._hls.on(_hls2.default.Events.LEVEL_UPDATED, function (evt, data) { + return _this2._onLevelUpdated(evt, data); + }); + this._hls.on(_hls2.default.Events.LEVEL_SWITCH, function (evt, data) { + return _this2._onLevelSwitch(evt, data); + }); + this._hls.on(_hls2.default.Events.FRAG_LOADED, function (evt, data) { + return _this2._onFragmentLoaded(evt, data); + }); + this._hls.on(_hls2.default.Events.ERROR, function (evt, data) { + return _this2._onHLSJSError(evt, data); + }); + this._hls.on(_hls2.default.Events.SUBTITLE_TRACK_LOADED, function (evt, data) { + return _this2._onSubtitleLoaded(evt, data); + }); + this._hls.attachMedia(this.el); + }; -module.exports = __webpack_require__(59); + HLS.prototype._recover = function _recover(evt, data) { + if (!this._recoveredDecodingError) { + this._recoveredDecodingError = true; + this._hls.recoverMediaError(); + } else if (!this._recoveredAudioCodecError) { + this._recoveredAudioCodecError = true; + this._hls.swapAudioCodec(); + this._hls.recoverMediaError(); + } else { + _log2.default.error('hlsjs: failed to recover'); + this.trigger(_events2.default.PLAYBACK_ERROR, 'hlsjs: could not recover from error, evt ' + evt + ', data ' + data + ' ', this.name); + } + }; -/***/ }), -/* 61 */ -/***/ (function(module, exports, __webpack_require__) { + // override -"use strict"; + HLS.prototype._setupSrc = function _setupSrc(srcUrl) {// eslint-disable-line no-unused-vars + // this playback manages the src on the video element itself + }; -Object.defineProperty(exports, "__esModule", { - value: true -}); + HLS.prototype._startTimeUpdateTimer = function _startTimeUpdateTimer() { + var _this3 = this; -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); + this._timeUpdateTimer = setInterval(function () { + _this3._onDurationChange(); + _this3._onTimeUpdate(); + }, 100); + }; -var _events = __webpack_require__(0); + HLS.prototype._stopTimeUpdateTimer = function _stopTimeUpdateTimer() { + clearInterval(this._timeUpdateTimer); + }; -var _events2 = _interopRequireDefault(_events); + // the duration on the video element itself should not be used + // as this does not necesarily represent the duration of the stream + // https://github.com/clappr/clappr/issues/668#issuecomment-157036678 -var _core_plugin = __webpack_require__(11); -var _core_plugin2 = _interopRequireDefault(_core_plugin); + HLS.prototype.getDuration = function getDuration() { + return this._duration; + }; -var _utils = __webpack_require__(1); + HLS.prototype.getCurrentTime = function getCurrentTime() { + // e.g. can be < 0 if user pauses near the start + // eventually they will then be kicked to the end by hlsjs if they run out of buffer + // before the official start time + return Math.max(0, this.el.currentTime - this._startTime); + }; -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + // 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 -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } -function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } + HLS.prototype.getStartTimeOffset = function getStartTimeOffset() { + return this._startTime; + }; -function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } + HLS.prototype.seekPercentage = function seekPercentage(percentage) { + var seekTo = this._duration; + if (percentage > 0) { + seekTo = this._duration * (percentage / 100); + } + this.seek(seekTo); + }; -var EndVideo = function (_CorePlugin) { - _inherits(EndVideo, _CorePlugin); + HLS.prototype.seek = function seek(time) { + if (time < 0) { + _log2.default.warn('Attempt to seek to a negative time. Resetting to live point. Use seekToLivePoint() to seek to the live point.'); + time = this.getDuration(); + } + // assume live if time within 3 seconds of end of stream + this.dvrEnabled && this._updateDvr(time < this.getDuration() - 3); + time += this._startTime; + _HTML5VideoPlayback.prototype.seek.call(this, time); + }; - function EndVideo() { - _classCallCheck(this, EndVideo); + HLS.prototype.seekToLivePoint = function seekToLivePoint() { + this.seek(this.getDuration()); + }; - return _possibleConstructorReturn(this, _CorePlugin.apply(this, arguments)); - } + HLS.prototype._updateDvr = function _updateDvr(status) { + this.trigger(_events2.default.PLAYBACK_DVR, status); + this.trigger(_events2.default.PLAYBACK_STATS_ADD, { 'dvr': status }); + }; - EndVideo.prototype.bindEvents = function bindEvents() { - this.listenTo(this.core.mediaControl, _events2.default.MEDIACONTROL_CONTAINERCHANGED, this.containerChanged); - var container = this.core.getCurrentContainer(); - if (container) { - this.listenTo(container, _events2.default.CONTAINER_ENDED, this.ended); - this.listenTo(container, _events2.default.CONTAINER_STOP, this.ended); + HLS.prototype._updateSettings = function _updateSettings() { + if (this._playbackType === _playback2.default.VOD) { + this.settings.left = ['playpause', 'position', 'duration']; + } else if (this.dvrEnabled) { + this.settings.left = ['playpause']; + } else { + this.settings.left = ['playstop']; } + this.settings.seekEnabled = this.isSeekEnabled(); + this.trigger(_events2.default.PLAYBACK_SETTINGSUPDATE); }; - EndVideo.prototype.containerChanged = function containerChanged() { - this.stopListening(); - this.bindEvents(); + HLS.prototype._onHLSJSError = function _onHLSJSError(evt, data) { + // only report/handle errors if they are fatal + // hlsjs should automatically handle non fatal errors + if (data.fatal) { + if (this._recoverAttemptsRemaining > 0) { + this._recoverAttemptsRemaining -= 1; + switch (data.type) { + case _hls2.default.ErrorTypes.NETWORK_ERROR: + switch (data.details) { + // The following network errors cannot be recovered with HLS.startLoad() + // For more details, see https://github.com/video-dev/hls.js/blob/master/doc/design.md#error-detection-and-handling + // For "level load" fatal errors, see https://github.com/video-dev/hls.js/issues/1138 + case _hls2.default.ErrorDetails.MANIFEST_LOAD_ERROR: + case _hls2.default.ErrorDetails.MANIFEST_LOAD_TIMEOUT: + case _hls2.default.ErrorDetails.MANIFEST_PARSING_ERROR: + case _hls2.default.ErrorDetails.LEVEL_LOAD_ERROR: + case _hls2.default.ErrorDetails.LEVEL_LOAD_TIMEOUT: + _log2.default.error('hlsjs: unrecoverable network fatal error, evt ' + evt + ', data ' + data + ' '); + this.trigger(_events2.default.PLAYBACK_ERROR, { evt: evt, data: data }, this.name); + break; + default: + _log2.default.warn('hlsjs: trying to recover from network error, evt ' + evt + ', data ' + data + ' '); + this._hls.startLoad(); + break; + } + break; + case _hls2.default.ErrorTypes.MEDIA_ERROR: + _log2.default.warn('hlsjs: trying to recover from media error, evt ' + evt + ', data ' + data + ' '); + this._recover(evt, data); + break; + default: + _log2.default.error('hlsjs: trying to recover from error, evt ' + evt + ', data ' + data + ' '); + this.trigger(_events2.default.PLAYBACK_ERROR, 'hlsjs: could not recover from error, evt ' + evt + ', data ' + data + ' ', this.name); + break; + } + } else { + _log2.default.error('hlsjs: could not recover from error after maximum number of attempts, evt ' + evt + ', data ' + data + ' '); + this.trigger(_events2.default.PLAYBACK_ERROR, { evt: evt, data: data }, this.name); + } + } else { + _log2.default.warn('hlsjs: non-fatal error occurred, evt ' + evt + ', data ' + data + ' '); + } }; - EndVideo.prototype.ended = function ended() { - var exitOnEnd = typeof this.core.options.exitFullscreenOnEnd === 'undefined' || this.core.options.exitFullscreenOnEnd; - if (exitOnEnd && _utils.Fullscreen.isFullscreen()) { - this.core.toggleFullscreen(); + HLS.prototype._onTimeUpdate = function _onTimeUpdate() { + var update = { current: this.getCurrentTime(), total: this.getDuration() }; + var isSame = this._lastTimeUpdate && update.current === this._lastTimeUpdate.current && update.total === this._lastTimeUpdate.total; + if (isSame) { + return; } + this._lastTimeUpdate = update; + this.trigger(_events2.default.PLAYBACK_TIMEUPDATE, update, this.name); }; - _createClass(EndVideo, [{ - key: 'name', - get: function get() { - return 'end_video'; + HLS.prototype._onDurationChange = function _onDurationChange() { + var duration = this.getDuration(); + if (this._lastDuration === duration) { + return; } - }]); + this._lastDuration = duration; + _HTML5VideoPlayback.prototype._onDurationChange.call(this); + }; - return EndVideo; -}(_core_plugin2.default); + HLS.prototype._onProgress = function _onProgress() { + if (!this.el.buffered.length) { + return; + } + var buffered = []; + var bufferedPos = 0; + for (var i = 0; i < this.el.buffered.length; i++) { + buffered = [].concat((0, _toConsumableArray3.default)(buffered), [{ + // for a stream with sliding window dvr something that is buffered my slide off the start of the timeline + start: Math.max(0, this.el.buffered.start(i) - this._playableRegionStartTime), + end: Math.max(0, this.el.buffered.end(i) - this._playableRegionStartTime) + }]); + if (this.el.currentTime >= buffered[i].start && this.el.currentTime <= buffered[i].end) { + bufferedPos = i; + } + } + var progress = { + start: buffered[bufferedPos].start, + current: buffered[bufferedPos].end, + total: this.getDuration() + }; + this.trigger(_events2.default.PLAYBACK_PROGRESS, progress, buffered); + }; -exports.default = EndVideo; -module.exports = exports['default']; + HLS.prototype.play = function play() { + if (!this._hls) { + this._setupHls(); + } + _HTML5VideoPlayback.prototype.play.call(this); + }; -/***/ }), -/* 62 */ + HLS.prototype.pause = function pause() { + if (!this._hls) { + return; + } + _HTML5VideoPlayback.prototype.pause.call(this); + if (this.dvrEnabled) { + this._updateDvr(true); + } + }; + + HLS.prototype.stop = function stop() { + if (this._hls) { + _HTML5VideoPlayback.prototype.stop.call(this); + this._hls.destroy(); + delete this._hls; + } + }; + + HLS.prototype.destroy = function destroy() { + this._stopTimeUpdateTimer(); + if (this._hls) { + this._hls.destroy(); + delete this._hls; + } + _HTML5VideoPlayback.prototype.destroy.call(this); + }; + + HLS.prototype._updatePlaybackType = function _updatePlaybackType(evt, data) { + this._playbackType = data.details.live ? _playback2.default.LIVE : _playback2.default.VOD; + this._fillLevels(); + this._onLevelUpdated(evt, data); + }; + + HLS.prototype._fillLevels = function _fillLevels() { + this._levels = this._hls.levels.map(function (level, index) { + return { id: index, level: level, label: level.bitrate / 1000 + 'Kbps' }; + }); + this.trigger(_events2.default.PLAYBACK_LEVELS_AVAILABLE, this._levels); + }; + + HLS.prototype._onLevelUpdated = function _onLevelUpdated(evt, data) { + this._segmentTargetDuration = data.details.targetduration; + this._playlistType = data.details.type || null; + + var startTimeChanged = false; + var durationChanged = false; + var fragments = data.details.fragments; + var previousPlayableRegionStartTime = this._playableRegionStartTime; + var previousPlayableRegionDuration = this._playableRegionDuration; + + if (fragments.length === 0) { + return; + } + + if (this._playableRegionStartTime !== fragments[0].start) { + startTimeChanged = true; + this._playableRegionStartTime = fragments[0].start; + } + + if (startTimeChanged) { + if (!this._localStartTimeCorrelation) { + // set the correlation to map to middle of the extrapolation window + this._localStartTimeCorrelation = { + local: this._now, + remote: (fragments[0].start + this._extrapolatedWindowDuration / 2) * 1000 + }; + } else { + // check if the correlation still works + var corr = this._localStartTimeCorrelation; + var timePassed = this._now - corr.local; + // this should point to a time within the extrapolation window + var startTime = (corr.remote + timePassed) / 1000; + if (startTime < fragments[0].start) { + // our start time is now earlier than the first chunk + // (maybe the chunk was removed early) + // reset correlation so that it sits at the beginning of the first available chunk + this._localStartTimeCorrelation = { + local: this._now, + remote: fragments[0].start * 1000 + }; + } else if (startTime > previousPlayableRegionStartTime + this._extrapolatedWindowDuration) { + // start time was past the end of the old extrapolation window (so would have been capped) + // see if now that time would be inside the window, and if it would be set the correlation + // so that it resumes from the time it was at at the end of the old window + // update the correlation so that the time starts counting again from the value it's on now + this._localStartTimeCorrelation = { + local: this._now, + remote: Math.max(fragments[0].start, previousPlayableRegionStartTime + this._extrapolatedWindowDuration) * 1000 + }; + } + } + } + + var newDuration = data.details.totalduration; + // if it's a live stream then shorten the duration to remove access + // to the area after hlsjs's live sync point + // seeks to areas after this point sometimes have issues + if (this._playbackType === _playback2.default.LIVE) { + var fragmentTargetDuration = data.details.targetduration; + var hlsjsConfig = this.options.playback || {}; + var liveSyncDurationCount = hlsjsConfig.liveSyncDurationCount || _hls2.default.DefaultConfig.liveSyncDurationCount; + var hiddenAreaDuration = fragmentTargetDuration * liveSyncDurationCount; + if (hiddenAreaDuration <= newDuration) { + newDuration -= hiddenAreaDuration; + this._durationExcludesAfterLiveSyncPoint = true; + } else { + this._durationExcludesAfterLiveSyncPoint = false; + } + } + + if (newDuration !== this._playableRegionDuration) { + durationChanged = true; + this._playableRegionDuration = newDuration; + } + + // Note the end time is not the playableRegionDuration + // The end time will always increase even if content is removed from the beginning + var endTime = fragments[0].start + newDuration; + var previousEndTime = previousPlayableRegionStartTime + previousPlayableRegionDuration; + var endTimeChanged = endTime !== previousEndTime; + if (endTimeChanged) { + if (!this._localEndTimeCorrelation) { + // set the correlation to map to the end + this._localEndTimeCorrelation = { + local: this._now, + remote: endTime * 1000 + }; + } else { + // check if the correlation still works + var _corr = this._localEndTimeCorrelation; + var _timePassed = this._now - _corr.local; + // this should point to a time within the extrapolation window from the end + var extrapolatedEndTime = (_corr.remote + _timePassed) / 1000; + if (extrapolatedEndTime > endTime) { + this._localEndTimeCorrelation = { + local: this._now, + remote: endTime * 1000 + }; + } else if (extrapolatedEndTime < endTime - this._extrapolatedWindowDuration) { + // our extrapolated end time is now earlier than the extrapolation window from the actual end time + // (maybe a chunk became available early) + // reset correlation so that it sits at the beginning of the extrapolation window from the end time + this._localEndTimeCorrelation = { + local: this._now, + remote: (endTime - this._extrapolatedWindowDuration) * 1000 + }; + } else if (extrapolatedEndTime > previousEndTime) { + // end time was past the old end time (so would have been capped) + // set the correlation so that it resumes from the time it was at at the end of the old window + this._localEndTimeCorrelation = { + local: this._now, + remote: previousEndTime * 1000 + }; + } + } + } + + // now that the values have been updated call any methods that use on them so they get the updated values + // immediately + durationChanged && this._onDurationChange(); + startTimeChanged && this._onProgress(); + }; + + HLS.prototype._onFragmentLoaded = function _onFragmentLoaded(evt, data) { + this.trigger(_events2.default.PLAYBACK_FRAGMENT_LOADED, data); + }; + + HLS.prototype._onSubtitleLoaded = function _onSubtitleLoaded(evt, data) { + this.el.textTracks[data.id].mode = 'hidden'; + this.trigger(_events2.default.PLAYBACK_SUBTITLE_LOADED, evt, data); + }; + + HLS.prototype._onLevelSwitch = function _onLevelSwitch(evt, data) { + if (!this.levels.length) { + this._fillLevels(); + } + this.trigger(_events2.default.PLAYBACK_LEVEL_SWITCH_END); + this.trigger(_events2.default.PLAYBACK_LEVEL_SWITCH, data); + var currentLevel = this._hls.levels[data.level]; + if (currentLevel) { + // TODO should highDefinition be private and maybe have a read only accessor if it's used somewhere + this.highDefinition = currentLevel.height >= 720 || currentLevel.bitrate / 1000 >= 2000; + this.trigger(_events2.default.PLAYBACK_HIGHDEFINITIONUPDATE, this.highDefinition); + this.trigger(_events2.default.PLAYBACK_BITRATE, { + height: currentLevel.height, + width: currentLevel.width, + bandwidth: currentLevel.bitrate, + bitrate: currentLevel.bitrate, + level: data.level + }); + } + }; + + HLS.prototype.getPlaybackType = function getPlaybackType() { + return this._playbackType; + }; + + HLS.prototype.isSeekEnabled = function isSeekEnabled() { + return this._playbackType === _playback2.default.VOD || this.dvrEnabled; + }; + + (0, _createClass3.default)(HLS, [{ + key: 'dvrEnabled', + get: function get() { + // enabled when: + // - the duration does not include content after hlsjs's live sync point + // - the playable region duration is longer than the configured duration to enable dvr after + // - the playback type is LIVE. + return this._durationExcludesAfterLiveSyncPoint && this._duration >= this._minDvrSize && this.getPlaybackType() === _playback2.default.LIVE; + } + }]); + return HLS; +}(_html5_video2.default); + +exports.default = HLS; + + +HLS.canPlay = function (resource, mimeType) { + var resourceParts = resource.split('?')[0].match(/.*\.(.*)$/) || []; + var isHls = resourceParts.length > 1 && resourceParts[1].toLowerCase() === 'm3u8' || mimeType === 'application/x-mpegURL' || mimeType === 'application/vnd.apple.mpegurl'; + + return !!(_hls2.default.isSupported() && isHls); +}; +module.exports = exports['default']; + +/***/ }), +/* 101 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; @@ -13672,710 +11442,780 @@ Object.defineProperty(exports, "__esModule", { value: true }); -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); +var _classCallCheck2 = __webpack_require__(0); -var _core_plugin = __webpack_require__(11); +var _classCallCheck3 = _interopRequireDefault(_classCallCheck2); -var _core_plugin2 = _interopRequireDefault(_core_plugin); +var _createClass2 = __webpack_require__(3); -var _events = __webpack_require__(0); +var _createClass3 = _interopRequireDefault(_createClass2); -var _events2 = _interopRequireDefault(_events); +var _possibleConstructorReturn2 = __webpack_require__(2); -var _clapprZepto = __webpack_require__(3); +var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2); -var _clapprZepto2 = _interopRequireDefault(_clapprZepto); +var _inherits2 = __webpack_require__(1); -var _play = __webpack_require__(22); +var _inherits3 = _interopRequireDefault(_inherits2); -var _play2 = _interopRequireDefault(_play); +var _events = __webpack_require__(4); -var _pause = __webpack_require__(36); +var _events2 = _interopRequireDefault(_events); -var _pause2 = _interopRequireDefault(_pause); +var _playback = __webpack_require__(7); -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } +var _playback2 = _interopRequireDefault(_playback); -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } +var _html5_video = __webpack_require__(34); -function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } +var _html5_video2 = _interopRequireDefault(_html5_video); -function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } -var oldIcon = (0, _clapprZepto2.default)('link[rel="shortcut icon"]'); +// TODO: remove this playback and change HTML5Video to HTML5Playback (breaking change, only after 0.3.0) +var HTML5Audio = function (_HTML5Video) { + (0, _inherits3.default)(HTML5Audio, _HTML5Video); -var Favicon = function (_CorePlugin) { - _inherits(Favicon, _CorePlugin); + function HTML5Audio() { + (0, _classCallCheck3.default)(this, HTML5Audio); + return (0, _possibleConstructorReturn3.default)(this, _HTML5Video.apply(this, arguments)); + } + + HTML5Audio.prototype.updateSettings = function updateSettings() { + this.settings.left = ['playpause', 'position', 'duration']; + this.settings.seekEnabled = this.isSeekEnabled(); + this.trigger(_events2.default.PLAYBACK_SETTINGSUPDATE); + }; + + HTML5Audio.prototype.getPlaybackType = function getPlaybackType() { + return _playback2.default.AOD; + }; - _createClass(Favicon, [{ + (0, _createClass3.default)(HTML5Audio, [{ key: 'name', get: function get() { - return 'favicon'; + return 'html5_audio'; } }, { - key: 'oldIcon', + key: 'tagName', get: function get() { - return oldIcon; + return 'audio'; + } + }, { + key: 'isAudioOnly', + get: function get() { + return true; } }]); + return HTML5Audio; +}(_html5_video2.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. - function Favicon(core) { - _classCallCheck(this, Favicon); - - var _this = _possibleConstructorReturn(this, _CorePlugin.call(this, core)); +exports.default = HTML5Audio; - _this._container = null; - _this.configure(); - return _this; - } - Favicon.prototype.configure = function configure() { - if (this.core.options.changeFavicon) { - if (!this.enabled) { - this.stopListening(this.core, _events2.default.CORE_OPTIONS_CHANGE); - this.enable(); - } - } else if (this.enabled) { - this.disable(); - this.listenTo(this.core, _events2.default.CORE_OPTIONS_CHANGE, this.configure); - } +HTML5Audio.canPlay = function (resourceUrl, mimeType) { + var mimetypes = { + 'wav': ['audio/wav'], + 'mp3': ['audio/mp3', 'audio/mpeg;codecs="mp3"'], + 'aac': ['audio/mp4;codecs="mp4a.40.5"'], + 'oga': ['audio/ogg'] }; + return _html5_video2.default._canPlay('audio', mimetypes, resourceUrl, mimeType); +}; +module.exports = exports['default']; - Favicon.prototype.bindEvents = function bindEvents() { - this.listenTo(this.core, _events2.default.CORE_OPTIONS_CHANGE, this.configure); - this.listenTo(this.core.mediaControl, _events2.default.MEDIACONTROL_CONTAINERCHANGED, this.containerChanged); - if (this.core.mediaControl.container) { - this.containerChanged(); - } - }; +/***/ }), +/* 102 */ +/***/ (function(module, exports, __webpack_require__) { - Favicon.prototype.containerChanged = function containerChanged() { - this._container && this.stopListening(this._container); - this._container = this.core.mediaControl.container; - this.listenTo(this._container, _events2.default.CONTAINER_PLAY, this.setPlayIcon); - this.listenTo(this._container, _events2.default.CONTAINER_PAUSE, this.setPauseIcon); - this.listenTo(this._container, _events2.default.CONTAINER_STOP, this.resetIcon); - this.listenTo(this._container, _events2.default.CONTAINER_ENDED, this.resetIcon); - this.listenTo(this._container, _events2.default.CONTAINER_ERROR, this.resetIcon); - this.resetIcon(); - }; +"use strict"; +/* WEBPACK VAR INJECTION */(function(process) { - Favicon.prototype.disable = function disable() { - _CorePlugin.prototype.disable.call(this); - this.resetIcon(); - }; +Object.defineProperty(exports, "__esModule", { + value: true +}); - Favicon.prototype.destroy = function destroy() { - _CorePlugin.prototype.destroy.call(this); - this.resetIcon(); - }; +var _classCallCheck2 = __webpack_require__(0); - Favicon.prototype.createIcon = function createIcon(svg) { - var canvas = (0, _clapprZepto2.default)(''); - canvas[0].width = 16; - canvas[0].height = 16; - var ctx = canvas[0].getContext('2d'); - ctx.fillStyle = '#000'; - var d = (0, _clapprZepto2.default)(svg).find('path').attr('d'); - var path = new Path2D(d); - ctx.fill(path); - var icon = (0, _clapprZepto2.default)(''); - icon.attr('href', canvas[0].toDataURL('image/png')); - return icon; - }; +var _classCallCheck3 = _interopRequireDefault(_classCallCheck2); - Favicon.prototype.setPlayIcon = function setPlayIcon() { - if (!this.playIcon) { - this.playIcon = this.createIcon(_play2.default); - } - this.changeIcon(this.playIcon); - }; +var _possibleConstructorReturn2 = __webpack_require__(2); - Favicon.prototype.setPauseIcon = function setPauseIcon() { - if (!this.pauseIcon) { - this.pauseIcon = this.createIcon(_pause2.default); - } - this.changeIcon(this.pauseIcon); - }; +var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2); - Favicon.prototype.resetIcon = function resetIcon() { - (0, _clapprZepto2.default)('link[rel="shortcut icon"]').remove(); - (0, _clapprZepto2.default)('head').append(this.oldIcon); - }; +var _createClass2 = __webpack_require__(3); - Favicon.prototype.changeIcon = function changeIcon(icon) { - if (icon) { - (0, _clapprZepto2.default)('link[rel="shortcut icon"]').remove(); - (0, _clapprZepto2.default)('head').append(icon); - } - }; +var _createClass3 = _interopRequireDefault(_createClass2); - return Favicon; -}(_core_plugin2.default); +var _inherits2 = __webpack_require__(1); -exports.default = Favicon; -module.exports = exports['default']; +var _inherits3 = _interopRequireDefault(_inherits2); -/***/ }), -/* 63 */ -/***/ (function(module, exports, __webpack_require__) { +var _toConsumableArray2 = __webpack_require__(73); -"use strict"; +var _toConsumableArray3 = _interopRequireDefault(_toConsumableArray2); +var _keys = __webpack_require__(35); -module.exports = __webpack_require__(62); +var _keys2 = _interopRequireDefault(_keys); -/***/ }), -/* 64 */ -/***/ (function(module, exports, __webpack_require__) { +var _utils = __webpack_require__(5); -"use strict"; +var _playback = __webpack_require__(7); +var _playback2 = _interopRequireDefault(_playback); -Object.defineProperty(exports, "__esModule", { - value: true -}); +var _styler = __webpack_require__(8); -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); +var _styler2 = _interopRequireDefault(_styler); -var _container_plugin = __webpack_require__(13); +var _browser = __webpack_require__(13); -var _container_plugin2 = _interopRequireDefault(_container_plugin); +var _browser2 = _interopRequireDefault(_browser); -var _events = __webpack_require__(0); +var _events = __webpack_require__(4); var _events2 = _interopRequireDefault(_events); -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } +var _style = __webpack_require__(181); -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } +var _style2 = _interopRequireDefault(_style); -function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } +var _clapprZepto = __webpack_require__(6); + +var _clapprZepto2 = _interopRequireDefault(_clapprZepto); + +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } -function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // Copyright 2014 Globo.com Player authors. All rights reserved. +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. -var GoogleAnalytics = function (_ContainerPlugin) { - _inherits(GoogleAnalytics, _ContainerPlugin); +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'] +}; - _createClass(GoogleAnalytics, [{ +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 'google_analytics'; + 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' + }; } - }]); - function GoogleAnalytics(container) { - _classCallCheck(this, GoogleAnalytics); + /** + * Determine if the playback has ended. + * @property ended + * @type Boolean + */ - var _this = _possibleConstructorReturn(this, _ContainerPlugin.call(this, container)); + }, { + key: 'ended', + get: function get() { + return this.el.ended; + } - if (_this.container.options.gaAccount) { - _this.account = _this.container.options.gaAccount; - _this.trackerName = _this.container.options.gaTrackerName ? _this.container.options.gaTrackerName + '.' : 'Clappr.'; - _this.domainName = _this.container.options.gaDomainName; - _this.currentHDState = undefined; - _this.embedScript(); + /** + * 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; } - return _this; - } + }]); - GoogleAnalytics.prototype.embedScript = function embedScript() { - var _this2 = this; + function HTML5Video() { + (0, _classCallCheck3.default)(this, HTML5Video); - if (!window._gat) { - var script = document.createElement('script'); - script.setAttribute('type', 'text/javascript'); - script.setAttribute('async', 'async'); - script.setAttribute('src', '//www.google-analytics.com/ga.js'); - script.onload = function () { - return _this2.addEventListeners(); - }; - document.body.appendChild(script); - } else { - this.addEventListeners(); + for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) { + args[_key] = arguments[_key]; } - }; - GoogleAnalytics.prototype.addEventListeners = function addEventListeners() { - var _this3 = this; + var _this = (0, _possibleConstructorReturn3.default)(this, _Playback.call.apply(_Playback, [this].concat(args))); - if (this.container) { - this.listenTo(this.container, _events2.default.CONTAINER_READY, this.onReady); - this.listenTo(this.container, _events2.default.CONTAINER_PLAY, this.onPlay); - this.listenTo(this.container, _events2.default.CONTAINER_STOP, this.onStop); - this.listenTo(this.container, _events2.default.CONTAINER_PAUSE, this.onPause); - this.listenTo(this.container, _events2.default.CONTAINER_ENDED, this.onEnded); - this.listenTo(this.container, _events2.default.CONTAINER_STATE_BUFFERING, this.onBuffering); - this.listenTo(this.container, _events2.default.CONTAINER_STATE_BUFFERFULL, this.onBufferFull); - this.listenTo(this.container, _events2.default.CONTAINER_ERROR, this.onError); - this.listenTo(this.container, _events2.default.CONTAINER_PLAYBACKSTATE, this.onPlaybackChanged); - this.listenTo(this.container, _events2.default.CONTAINER_VOLUME, function (event) { - return _this3.onVolumeChanged(event); - }); - this.listenTo(this.container, _events2.default.CONTAINER_SEEK, function (event) { - return _this3.onSeek(event); - }); - this.listenTo(this.container, _events2.default.CONTAINER_FULL_SCREEN, this.onFullscreen); - this.listenTo(this.container, _events2.default.CONTAINER_HIGHDEFINITIONUPDATE, this.onHD); - this.listenTo(this.container, _events2.default.CONTAINER_PLAYBACKDVRSTATECHANGED, this.onDVR); + _this._destroyed = false; + _this._loadStarted = false; + _this._playheadMoving = false; + _this._playheadMovingTimer = null; + _this._stopped = false; + _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; + } } - _gaq.push([this.trackerName + '_setAccount', this.account]); - if (this.domainName) _gaq.push([this.trackerName + '_setDomainName', this.domainName]); + + _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' }); + + // TODO should settings be private? + _this.settings = { default: ['seekbar'] }; + _this.settings.left = ['playpause', 'position', 'duration']; + _this.settings.right = ['fullscreen', 'volume', 'cc-button', 'hd-indicator']; + + // https://github.com/clappr/clappr/issues/1076 + _this.options.autoPlay && process.nextTick(function () { + return !_this._destroyed && _this.play(); + }); + return _this; + } + + /** + * Sets the source url on the element, and also the 'src' property. + * @method setupSrc + * @private + * @param {String} srcUrl The source URL. + */ + + + HTML5Video.prototype._setupSrc = function _setupSrc(srcUrl) { + if (this.el.src === srcUrl) { + return; + } + this._src = srcUrl; + this.el.src = srcUrl; }; - GoogleAnalytics.prototype.onReady = function onReady() { - this.push(['Video', 'Playback', this.container.playback.name]); + HTML5Video.prototype._onLoadedMetadata = function _onLoadedMetadata(e) { + this._handleBufferingEvents(); + this.trigger(_events2.default.PLAYBACK_LOADEDMETADATA, { duration: e.target.duration, data: e }); + this._updateSettings(); + var autoSeekFromUrl = typeof this._options.autoSeekFromUrl === 'undefined' || this._options.autoSeekFromUrl; + if (this.getPlaybackType() !== _playback2.default.LIVE && autoSeekFromUrl) { + this._checkInitialSeek(); + } }; - GoogleAnalytics.prototype.onPlay = function onPlay() { - this.push(['Video', 'Play', this.container.playback.src]); + HTML5Video.prototype._onDurationChange = function _onDurationChange() { + this._updateSettings(); + this._onTimeUpdate(); + // onProgress uses the duration + this._onProgress(); }; - GoogleAnalytics.prototype.onStop = function onStop() { - this.push(['Video', 'Stop', this.container.playback.src]); + HTML5Video.prototype._updateSettings = function _updateSettings() { + // we can't figure out if hls resource is VoD or not until it is being loaded or duration has changed. + // that's why we check it again and update media control accordingly. + if (this.getPlaybackType() === _playback2.default.VOD || this.getPlaybackType() === _playback2.default.AOD) { + this.settings.left = ['playpause', 'position', 'duration']; + } else { + this.settings.left = ['playstop']; + } + this.settings.seekEnabled = this.isSeekEnabled(); + this.trigger(_events2.default.PLAYBACK_SETTINGSUPDATE); }; - GoogleAnalytics.prototype.onEnded = function onEnded() { - this.push(['Video', 'Ended', this.container.playback.src]); + HTML5Video.prototype.isSeekEnabled = function isSeekEnabled() { + return isFinite(this.getDuration()); }; - GoogleAnalytics.prototype.onBuffering = function onBuffering() { - this.push(['Video', 'Buffering', this.container.playback.src]); + HTML5Video.prototype.getPlaybackType = function getPlaybackType() { + var onDemandType = this.tagName === 'audio' ? _playback2.default.AOD : _playback2.default.VOD; + return [0, undefined, Infinity].indexOf(this.el.duration) >= 0 ? _playback2.default.LIVE : onDemandType; }; - GoogleAnalytics.prototype.onBufferFull = function onBufferFull() { - this.push(['Video', 'Bufferfull', this.container.playback.src]); + HTML5Video.prototype.isHighDefinitionInUse = function isHighDefinitionInUse() { + return false; }; - GoogleAnalytics.prototype.onError = function onError() { - this.push(['Video', 'Error', this.container.playback.src]); + // On mobile device, HTML5 video element "retains" user action consent if + // load() method is called. See Player.consent(). + + + HTML5Video.prototype.consent = function consent() { + !this.isPlaying() && this.el.load(); }; - GoogleAnalytics.prototype.onHD = function onHD(isHD) { - var status = isHD ? 'ON' : 'OFF'; - if (status !== this.currentHDState) { - this.currentHDState = status; - this.push(['Video', 'HD - ' + status, this.container.playback.src]); + HTML5Video.prototype.play = function play() { + this.trigger(_events2.default.PLAYBACK_PLAY_INTENT); + this._stopped = false; + this._setupSrc(this._src); + this._handleBufferingEvents(); + var promise = this.el.play(); + // For more details, see https://developers.google.com/web/updates/2016/03/play-returns-promise + if (promise && promise.catch) { + promise.catch(function () {}); } }; - GoogleAnalytics.prototype.onPlaybackChanged = function onPlaybackChanged(playbackState) { - if (playbackState.type !== null) { - this.push(['Video', 'Playback Type - ' + playbackState.type, this.container.playback.src]); - } + HTML5Video.prototype.pause = function pause() { + this.el.pause(); }; - GoogleAnalytics.prototype.onDVR = function onDVR(dvrInUse) { - var status = dvrInUse ? 'ON' : 'OFF'; - this.push(['Interaction', 'DVR - ' + status, this.container.playback.src]); + HTML5Video.prototype.stop = function stop() { + this.pause(); + this._stopped = true; + // src will be added again in play() + this.el.removeAttribute('src'); + this._stopPlayheadMovingChecks(); + this._handleBufferingEvents(); + this.trigger(_events2.default.PLAYBACK_STOP); }; - GoogleAnalytics.prototype.onPause = function onPause() { - this.push(['Video', 'Pause', this.container.playback.src]); + HTML5Video.prototype.volume = function volume(value) { + if (value === 0) { + this.$el.attr({ muted: 'true' }); + this.el.muted = true; + } else { + this.$el.attr({ muted: null }); + this.el.muted = false; + } + this.el.volume = value / 100; }; - GoogleAnalytics.prototype.onSeek = function onSeek() { - this.push(['Video', 'Seek', this.container.playback.src]); + HTML5Video.prototype.mute = function mute() { + this.el.volume = 0; }; - GoogleAnalytics.prototype.onVolumeChanged = function onVolumeChanged() { - this.push(['Interaction', 'Volume', this.container.playback.src]); + HTML5Video.prototype.unmute = function unmute() { + this.el.volume = 1; }; - GoogleAnalytics.prototype.onFullscreen = function onFullscreen() { - this.push(['Interaction', 'Fullscreen', this.container.playback.src]); + HTML5Video.prototype.isMuted = function isMuted() { + return !!this.el.volume; }; - GoogleAnalytics.prototype.push = function push(array) { - var res = [this.trackerName + '_trackEvent'].concat(array); - _gaq.push(res); + HTML5Video.prototype.isPlaying = function isPlaying() { + return !this.el.paused && !this.el.ended; }; - return GoogleAnalytics; -}(_container_plugin2.default); + HTML5Video.prototype._startPlayheadMovingChecks = function _startPlayheadMovingChecks() { + if (this._playheadMovingTimer !== null) { + return; + } + this._playheadMovingTimeOnCheck = null; + this._determineIfPlayheadMoving(); + this._playheadMovingTimer = setInterval(this._determineIfPlayheadMoving.bind(this), 500); + }; -exports.default = GoogleAnalytics; -module.exports = exports['default']; + HTML5Video.prototype._stopPlayheadMovingChecks = function _stopPlayheadMovingChecks() { + if (this._playheadMovingTimer === null) { + return; + } + clearInterval(this._playheadMovingTimer); + this._playheadMovingTimer = null; + this._playheadMoving = false; + }; -/***/ }), -/* 65 */ -/***/ (function(module, exports, __webpack_require__) { + HTML5Video.prototype._determineIfPlayheadMoving = function _determineIfPlayheadMoving() { + var before = this._playheadMovingTimeOnCheck; + var now = this.el.currentTime; + this._playheadMoving = before !== now; + this._playheadMovingTimeOnCheck = now; + this._handleBufferingEvents(); + }; -"use strict"; + // this seems to happen when the user is having to wait + // for something to happen AFTER A USER INTERACTION + // e.g the player might be buffering, but when `play()` is called + // only at this point will this be called. + // Or the user may seek somewhere but the new area requires buffering, + // so it will fire then as well. + // On devices where playing is blocked until requested with a user action, + // buffering may start, but never finish until the user initiates a play, + // but this only happens when play is actually requested -module.exports = __webpack_require__(64); + HTML5Video.prototype._onWaiting = function _onWaiting() { + this._loadStarted = true; + this._handleBufferingEvents(); + }; -/***/ }), -/* 66 */ -/***/ (function(module, exports, __webpack_require__) { + // called after the first frame has loaded + // note this doesn't fire on ios before the user has requested play + // ideally the "loadstart" event would be used instead, but this fires + // before a user has requested play on iOS, and also this is always fired + // even if the preload setting is "none". In both these cases this causes + // infinite buffering until the user does something which isn't great. -"use strict"; + HTML5Video.prototype._onLoadedData = function _onLoadedData() { + this._loadStarted = true; + this._handleBufferingEvents(); + }; -Object.defineProperty(exports, "__esModule", { - value: true -}); + // note this doesn't fire on ios before user has requested play -var _vendor = __webpack_require__(20); -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } -// Use of this source code is governed by a BSD-style -// license that can be found in the LICENSE file. + HTML5Video.prototype._onCanPlay = function _onCanPlay() { + this._handleBufferingEvents(); + }; -var BOLD = 'font-weight: bold; font-size: 13px;'; -var INFO = 'color: #006600;' + BOLD; -var DEBUG = 'color: #0000ff;' + BOLD; -var WARN = 'color: #ff8000;' + BOLD; -var ERROR = 'color: #ff0000;' + BOLD; + HTML5Video.prototype._onPlaying = function _onPlaying() { + this._startPlayheadMovingChecks(); + this._handleBufferingEvents(); + this.trigger(_events2.default.PLAYBACK_PLAY); + }; -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']; + HTML5Video.prototype._onPause = function _onPause() { + this._stopPlayheadMovingChecks(); + this._handleBufferingEvents(); + this.trigger(_events2.default.PLAYBACK_PAUSE); + }; -var Log = function () { - function Log() { - var _this = this; + HTML5Video.prototype._onEnded = function _onEnded() { + this._handleBufferingEvents(); + this.trigger(_events2.default.PLAYBACK_ENDED, this.name); + }; - var level = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : LEVEL_INFO; - var offLevel = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : LEVEL_DISABLED; + // The playback should be classed as buffering if the following are true: + // - the ready state is less then HAVE_FUTURE_DATA or the playhead isn't moving and it should be + // - the media hasn't "ended", + // - the media hasn't been stopped + // - loading has started - _classCallCheck(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; - } + HTML5Video.prototype._handleBufferingEvents = function _handleBufferingEvents() { + var playheadShouldBeMoving = !this.el.ended && !this.el.paused; + var buffering = this._loadStarted && !this.el.ended && !this._stopped && (playheadShouldBeMoving && !this._playheadMoving || this.el.readyState < this.el.HAVE_FUTURE_DATA); + if (this._bufferingState !== buffering) { + this._bufferingState = buffering; + if (buffering) { + this.trigger(_events2.default.PLAYBACK_BUFFERING, this.name); + } else { + this.trigger(_events2.default.PLAYBACK_BUFFERFULL, this.name); + } + } + }; - Log.prototype.debug = function debug(klass) { - this.log(klass, LEVEL_DEBUG, Array.prototype.slice.call(arguments, 1)); + HTML5Video.prototype._onError = function _onError() { + this.trigger(_events2.default.PLAYBACK_ERROR, this.el.error, this.name); }; - Log.prototype.info = function info(klass) { - this.log(klass, LEVEL_INFO, Array.prototype.slice.call(arguments, 1)); + HTML5Video.prototype.destroy = function destroy() { + this._destroyed = true; + this.$el.remove(); + this.el.src = ''; + this._src = null; + _utils.DomRecycler.garbage(this.$el); }; - Log.prototype.warn = function warn(klass) { - this.log(klass, LEVEL_WARN, Array.prototype.slice.call(arguments, 1)); + HTML5Video.prototype.seek = function seek(time) { + this.el.currentTime = time; }; - Log.prototype.error = function error(klass) { - this.log(klass, LEVEL_ERROR, Array.prototype.slice.call(arguments, 1)); + HTML5Video.prototype.seekPercentage = function seekPercentage(percentage) { + var time = this.el.duration * (percentage / 100); + this.seek(time); }; - 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); + HTML5Video.prototype._checkInitialSeek = function _checkInitialSeek() { + var seekTime = (0, _utils.seekStringToSeconds)(); + if (seekTime !== 0) { + this.seek(seekTime); } }; - Log.prototype.level = function level(newLevel) { - this.level = newLevel; + HTML5Video.prototype.getCurrentTime = function getCurrentTime() { + return this.el.currentTime; }; - Log.prototype.log = function log(klass, level, message) { - if (this.BLACKLIST.indexOf(message[0]) >= 0) return; - if (level < this.level) return; + HTML5Video.prototype.getDuration = function getDuration() { + return this.el.duration; + }; - if (!message) { - message = klass; - klass = null; + HTML5Video.prototype._onTimeUpdate = function _onTimeUpdate() { + this._handleBufferingEvents(); + if (this.getPlaybackType() === _playback2.default.LIVE) { + this.trigger(_events2.default.PLAYBACK_TIMEUPDATE, { current: 1, total: 1 }, this.name); + } else { + this.trigger(_events2.default.PLAYBACK_TIMEUPDATE, { current: this.el.currentTime, total: this.el.duration }, this.name); } - var color = COLORS[level]; - var klassDescription = ''; - if (klass) { - klassDescription = '[' + klass + ']'; + }; + + HTML5Video.prototype._onProgress = function _onProgress() { + if (!this.el.buffered.length) { + return; } - if (window.console && window.console.log) { - window.console.log.apply(console, ['%c[' + DESCRIPTIONS[level] + ']' + klassDescription, color].concat(message)); + var buffered = []; + var bufferedPos = 0; + for (var i = 0; i < this.el.buffered.length; i++) { + buffered = [].concat((0, _toConsumableArray3.default)(buffered), [{ start: this.el.buffered.start(i), end: this.el.buffered.end(i) }]); + if (this.el.currentTime >= buffered[i].start && this.el.currentTime <= buffered[i].end) { + bufferedPos = i; + } } + var progress = { + start: buffered[bufferedPos].start, + current: buffered[bufferedPos].end, + total: this.el.duration + }; + this.trigger(_events2.default.PLAYBACK_PROGRESS, progress, buffered); }; - return Log; -}(); + HTML5Video.prototype._typeFor = function _typeFor(src) { + var mimeTypes = HTML5Video._mimeTypesForUrl(src, MIMETYPES, this.options.mimeType); + if (mimeTypes.length == 0) { + mimeTypes = HTML5Video._mimeTypesForUrl(src, AUDIO_MIMETYPES, this.options.mimeType); + } + var mimeType = mimeTypes[0] || ''; + return mimeType.split(';')[0]; + }; -exports.default = Log; + HTML5Video.prototype._ready = function _ready() { + if (this._isReadyState) { + return; + } + this._isReadyState = true; + this.trigger(_events2.default.PLAYBACK_READY, this.name); + }; + HTML5Video.prototype.render = function render() { + var style = _styler2.default.getStyleFor(_style2.default); -Log.LEVEL_DEBUG = LEVEL_DEBUG; -Log.LEVEL_INFO = LEVEL_INFO; -Log.LEVEL_WARN = LEVEL_WARN; -Log.LEVEL_ERROR = LEVEL_ERROR; + if (this.options.playback.disableContextMenu) { + this.$el.on('contextmenu', function () { + return false; + }); + } -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; -}; + this.$el.append(style); + this._ready(); + return this; + }; -Log.setLevel = function (level) { - this.getInstance().level = level; -}; + (0, _createClass3.default)(HTML5Video, [{ + key: 'isReady', + get: function get() { + return this._isReadyState; + } + }]); + return HTML5Video; +}(_playback2.default); -Log.debug = function () { - this.getInstance().debug.apply(this.getInstance(), arguments); -}; -Log.info = function () { - this.getInstance().info.apply(this.getInstance(), arguments); +exports.default = HTML5Video; + + +HTML5Video._mimeTypesForUrl = function (resourceUrl, mimeTypesByExtension, mimeType) { + var extension = (resourceUrl.split('?')[0].match(/.*\.(.*)$/) || [])[1]; + var mimeTypes = mimeType || extension && mimeTypesByExtension[extension.toLowerCase()] || []; + return mimeTypes.constructor === Array ? mimeTypes : [mimeTypes]; }; -Log.warn = function () { - this.getInstance().warn.apply(this.getInstance(), arguments); + +HTML5Video._canPlay = function (type, mimeTypesByExtension, resourceUrl, mimeType) { + var mimeTypes = HTML5Video._mimeTypesForUrl(resourceUrl, mimeTypesByExtension, mimeType); + var media = document.createElement(type); + return !!mimeTypes.filter(function (mediaType) { + return !!media.canPlayType(mediaType).replace(/no/, ''); + })[0]; }; -Log.error = function () { - this.getInstance().error.apply(this.getInstance(), arguments); + +HTML5Video.canPlay = function (resourceUrl, mimeType) { + return HTML5Video._canPlay('audio', AUDIO_MIMETYPES, resourceUrl, mimeType) || HTML5Video._canPlay('video', MIMETYPES, resourceUrl, mimeType); }; module.exports = exports['default']; +/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(58))) /***/ }), -/* 67 */ +/* 103 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; -/* WEBPACK VAR INJECTION */(function(process) { + Object.defineProperty(exports, "__esModule", { value: true }); -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); - -var _ui_container_plugin = __webpack_require__(14); +var _classCallCheck2 = __webpack_require__(0); -var _ui_container_plugin2 = _interopRequireDefault(_ui_container_plugin); +var _classCallCheck3 = _interopRequireDefault(_classCallCheck2); -var _events = __webpack_require__(0); +var _possibleConstructorReturn2 = __webpack_require__(2); -var _events2 = _interopRequireDefault(_events); +var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2); -var _styler = __webpack_require__(4); +var _createClass2 = __webpack_require__(3); -var _styler2 = _interopRequireDefault(_styler); +var _createClass3 = _interopRequireDefault(_createClass2); -var _template = __webpack_require__(5); +var _inherits2 = __webpack_require__(1); -var _template2 = _interopRequireDefault(_template); +var _inherits3 = _interopRequireDefault(_inherits2); -var _playback = __webpack_require__(2); +var _playback = __webpack_require__(7); var _playback2 = _interopRequireDefault(_playback); -var _poster = __webpack_require__(90); +var _styler = __webpack_require__(8); -var _poster2 = _interopRequireDefault(_poster); +var _styler2 = _interopRequireDefault(_styler); -var _poster3 = __webpack_require__(99); +var _style = __webpack_require__(182); -var _poster4 = _interopRequireDefault(_poster3); +var _style2 = _interopRequireDefault(_style); -var _play = __webpack_require__(22); +var _events = __webpack_require__(4); -var _play2 = _interopRequireDefault(_play); +var _events2 = _interopRequireDefault(_events); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - -function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } - -function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } //Copyright 2014 Globo.com Player authors. All rights reserved. +// 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 PosterPlugin = function (_UIContainerPlugin) { - _inherits(PosterPlugin, _UIContainerPlugin); +var HTMLImg = function (_Playback) { + (0, _inherits3.default)(HTMLImg, _Playback); + + HTMLImg.prototype.getPlaybackType = function getPlaybackType() { + return _playback2.default.NO_OP; + }; - _createClass(PosterPlugin, [{ + (0, _createClass3.default)(HTMLImg, [{ key: 'name', get: function get() { - return 'poster'; - } - }, { - key: 'template', - get: function get() { - return (0, _template2.default)(_poster4.default); + return 'html_img'; } }, { - key: 'shouldRender', + key: 'tagName', get: function get() { - var showForNoOp = !!(this.options.poster && this.options.poster.showForNoOp); - return this.container.playback.name !== 'html_img' && (this.container.playback.getPlaybackType() !== _playback2.default.NO_OP || showForNoOp); + return 'img'; } }, { key: 'attributes', get: function get() { return { - 'class': 'player-poster', - 'data-poster': '' + 'data-html-img': '' }; } }, { key: 'events', get: function get() { return { - 'click': 'clicked' + 'load': '_onLoad', + 'abort': '_onError', + 'error': '_onError' }; } - }, { - key: 'showOnVideoEnd', - get: function get() { - return !this.options.poster || this.options.poster.showOnVideoEnd || this.options.poster.showOnVideoEnd === undefined; - } }]); - function PosterPlugin(container) { - _classCallCheck(this, PosterPlugin); + function HTMLImg(params) { + (0, _classCallCheck3.default)(this, HTMLImg); - var _this = _possibleConstructorReturn(this, _UIContainerPlugin.call(this, container)); + var _this = (0, _possibleConstructorReturn3.default)(this, _Playback.call(this, params)); - _this.hasStartedPlaying = false; - _this.playRequested = false; - _this.render(); - process.nextTick(function () { - return _this.update(); - }); + _this.el.src = params.src; return _this; } - PosterPlugin.prototype.bindEvents = function bindEvents() { - this.listenTo(this.container, _events2.default.CONTAINER_STOP, this.onStop); - this.listenTo(this.container, _events2.default.CONTAINER_PLAY, this.onPlay); - this.listenTo(this.container, _events2.default.CONTAINER_STATE_BUFFERING, this.update); - this.listenTo(this.container, _events2.default.CONTAINER_STATE_BUFFERFULL, this.update); - this.listenTo(this.container, _events2.default.CONTAINER_OPTIONS_CHANGE, this.render); - this.showOnVideoEnd && this.listenTo(this.container, _events2.default.CONTAINER_ENDED, this.onStop); - }; - - PosterPlugin.prototype.stopListening = function stopListening() { - _UIContainerPlugin.prototype.stopListening.call(this); - }; - - PosterPlugin.prototype.onPlay = function onPlay() { - this.hasStartedPlaying = true; - this.update(); - }; - - PosterPlugin.prototype.onStop = function onStop() { - this.hasStartedPlaying = false; - this.playRequested = false; - this.update(); - }; - - PosterPlugin.prototype.showPlayButton = function showPlayButton(show) { - if (show && (!this.options.chromeless || this.options.allowUserInteraction)) { - this.$playButton.show(); - this.$el.addClass('clickable'); - } else { - this.$playButton.hide(); - this.$el.removeClass('clickable'); - } - }; - - PosterPlugin.prototype.clicked = function clicked() { - if (!this.options.chromeless || this.options.allowUserInteraction) { - this.playRequested = true; - this.update(); - this.container.play(); - } - return false; + HTMLImg.prototype.render = function render() { + var style = _styler2.default.getStyleFor(_style2.default); + this.$el.append(style); + this.trigger(_events2.default.PLAYBACK_READY, this.name); + return this; }; - PosterPlugin.prototype.shouldHideOnPlay = function shouldHideOnPlay() { - // Audio broadcasts should keep the poster up; video should hide poster while playing. - return !this.container.playback.isAudioOnly; + HTMLImg.prototype._onLoad = function _onLoad() { + this.trigger(_events2.default.PLAYBACK_ENDED, this.name); }; - PosterPlugin.prototype.update = function update() { - if (!this.shouldRender) { - return; - } - var showPlayButton = !this.playRequested && !this.hasStartedPlaying && !this.container.buffering; - this.showPlayButton(showPlayButton); - if (!this.hasStartedPlaying) { - this.container.disableMediaControl(); - this.$el.show(); - } else { - this.container.enableMediaControl(); - if (this.shouldHideOnPlay()) { - this.$el.hide(); - } - } + HTMLImg.prototype._onError = function _onError(evt) { + var m = evt.type === 'error' ? 'load error' : 'loading aborted'; + this.trigger(_events2.default.PLAYBACK_ERROR, { message: m }, this.name); }; - PosterPlugin.prototype.render = function render() { - if (!this.shouldRender) { - return; - } - var style = _styler2.default.getStyleFor(_poster2.default, { baseUrl: this.options.baseUrl }); - this.$el.html(this.template()); - this.$el.append(style); - - var isRegularPoster = this.options.poster && this.options.poster.custom == undefined; - - if (isRegularPoster) { - var posterUrl = this.options.poster.url || this.options.poster; - this.$el.css({ 'background-image': 'url(' + posterUrl + ')' }); - } else if (this.options.poster) { - this.$el.css({ 'background': this.options.poster.custom }); - } - this.container.$el.append(this.el); - this.$playWrapper = this.$el.find('.play-wrapper'); - this.$playWrapper.append(_play2.default); - this.$playButton = this.$playWrapper.find('svg'); - this.$playButton.addClass('poster-icon'); - this.$playButton.attr('data-poster', ''); - - var buttonsColor = this.options.mediacontrol && this.options.mediacontrol.buttons; - if (buttonsColor) { - this.$el.find('svg path').css('fill', buttonsColor); - } + return HTMLImg; +}(_playback2.default); - if (this.options.mediacontrol && this.options.mediacontrol.buttons) { - buttonsColor = this.options.mediacontrol.buttons; - this.$playButton.css('color', buttonsColor); - } - this.update(); - return this; - }; +exports.default = HTMLImg; - return PosterPlugin; -}(_ui_container_plugin2.default); -exports.default = PosterPlugin; +HTMLImg.canPlay = function (resource) { + return (/\.(png|jpg|jpeg|gif|bmp|tiff|pgm|pnm|webp)(|\?.*)$/i.test(resource) + ); +}; module.exports = exports['default']; -/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(21))) - -/***/ }), -/* 68 */ -/***/ (function(module, exports, __webpack_require__) { - -"use strict"; - - -module.exports = __webpack_require__(69); /***/ }), -/* 69 */ +/* 104 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; @@ -14385,236 +12225,178 @@ Object.defineProperty(exports, "__esModule", { value: true }); -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); - -var _utils = __webpack_require__(1); +var _classCallCheck2 = __webpack_require__(0); -var _ui_core_plugin = __webpack_require__(17); +var _classCallCheck3 = _interopRequireDefault(_classCallCheck2); -var _ui_core_plugin2 = _interopRequireDefault(_ui_core_plugin); +var _possibleConstructorReturn2 = __webpack_require__(2); -var _styler = __webpack_require__(4); +var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2); -var _styler2 = _interopRequireDefault(_styler); +var _createClass2 = __webpack_require__(3); -var _template = __webpack_require__(5); +var _createClass3 = _interopRequireDefault(_createClass2); -var _template2 = _interopRequireDefault(_template); +var _inherits2 = __webpack_require__(1); -var _events = __webpack_require__(0); +var _inherits3 = _interopRequireDefault(_inherits2); -var _events2 = _interopRequireDefault(_events); +var _utils = __webpack_require__(5); -var _playback = __webpack_require__(2); +var _playback = __webpack_require__(7); var _playback2 = _interopRequireDefault(_playback); -var _seek_time = __webpack_require__(91); +var _template = __webpack_require__(9); -var _seek_time2 = _interopRequireDefault(_seek_time); +var _template2 = _interopRequireDefault(_template); -var _seek_time3 = __webpack_require__(100); +var _styler = __webpack_require__(8); -var _seek_time4 = _interopRequireDefault(_seek_time3); +var _styler2 = _interopRequireDefault(_styler); -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } +var _events = __webpack_require__(4); -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } +var _events2 = _interopRequireDefault(_events); -function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } +var _style = __webpack_require__(183); -function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // 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 _style2 = _interopRequireDefault(_style); -var SeekTime = function (_UICorePlugin) { - _inherits(SeekTime, _UICorePlugin); +var _error = __webpack_require__(192); + +var _error2 = _interopRequireDefault(_error); + +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - _createClass(SeekTime, [{ +var NoOp = function (_Playback) { + (0, _inherits3.default)(NoOp, _Playback); + (0, _createClass3.default)(NoOp, [{ key: 'name', get: function get() { - return 'seek_time'; + return 'no_op'; } }, { key: 'template', get: function get() { - return (0, _template2.default)(_seek_time4.default); + return (0, _template2.default)(_error2.default); } }, { key: 'attributes', get: function get() { - return { - 'class': 'seek-time', - 'data-seek-time': '' - }; - } - }, { - key: 'mediaControl', - get: function get() { - return this.core.mediaControl; - } - }, { - key: 'mediaControlContainer', - get: function get() { - return this.mediaControl.container; - } - }, { - key: 'isLiveStreamWithDvr', - get: function get() { - return this.mediaControlContainer && this.mediaControlContainer.getPlaybackType() === _playback2.default.LIVE && this.mediaControlContainer.isDvrEnabled(); - } - }, { - key: 'durationShown', - get: function get() { - return this.isLiveStreamWithDvr && !this.useActualLiveTime; - } - }, { - key: 'useActualLiveTime', - get: function get() { - return this.actualLiveTime && this.isLiveStreamWithDvr; + return { 'data-no-op': '' }; } }]); - function SeekTime(core) { - _classCallCheck(this, SeekTime); - - var _this = _possibleConstructorReturn(this, _UICorePlugin.call(this, core)); + function NoOp() { + (0, _classCallCheck3.default)(this, NoOp); - _this.hoveringOverSeekBar = false; - _this.hoverPosition = null; - _this.duration = null; - _this.actualLiveTime = !!_this.mediaControl.options.actualLiveTime; - if (_this.actualLiveTime) { - if (_this.mediaControl.options.actualLiveServerTime) { - _this.actualLiveServerTimeDiff = new Date().getTime() - new Date(_this.mediaControl.options.actualLiveServerTime).getTime(); - } else { - _this.actualLiveServerTimeDiff = 0; - } + 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._noiseFrameNum = -1; + _this._started = false; return _this; } - SeekTime.prototype.bindEvents = function bindEvents() { - this.listenTo(this.mediaControl, _events2.default.MEDIACONTROL_RENDERED, this.render); - this.listenTo(this.mediaControl, _events2.default.MEDIACONTROL_MOUSEMOVE_SEEKBAR, this.showTime); - this.listenTo(this.mediaControl, _events2.default.MEDIACONTROL_MOUSELEAVE_SEEKBAR, this.hideTime); - this.listenTo(this.mediaControl, _events2.default.MEDIACONTROL_CONTAINERCHANGED, this.onContainerChanged); - if (this.mediaControlContainer) { - this.listenTo(this.mediaControlContainer, _events2.default.CONTAINER_PLAYBACKDVRSTATECHANGED, this.update); - this.listenTo(this.mediaControlContainer, _events2.default.CONTAINER_TIMEUPDATE, this.updateDuration); + NoOp.prototype.render = function render() { + var style = _styler2.default.getStyleFor(_style2.default); + var playbackNotSupported = this.options.playbackNotSupportedMessage || this.i18n.t('playback_not_supported'); + this.$el.html(this.template({ message: playbackNotSupported })); + this.$el.append(style); + this.trigger(_events2.default.PLAYBACK_READY, this.name); + var showForNoOp = !!(this.options.poster && this.options.poster.showForNoOp); + if (this.options.autoPlay || !showForNoOp) { + this.play(); } + return this; }; - SeekTime.prototype.onContainerChanged = function onContainerChanged() { - this.stopListening(); - this.bindEvents(); + NoOp.prototype.play = function play() { + if (!this._started) { + this._started = true; + this.trigger(_events2.default.PLAYBACK_PLAY); + this._animate(); + } }; - SeekTime.prototype.updateDuration = function updateDuration(timeProgress) { - this.duration = timeProgress.total; - this.update(); - }; + NoOp.prototype._noise = function _noise() { + this._noiseFrameNum = (this._noiseFrameNum + 1) % 5; + if (this._noiseFrameNum) { + // only update noise every 5 frames to save cpu + return; + } - SeekTime.prototype.showTime = function showTime(event) { - this.hoveringOverSeekBar = true; - this.calculateHoverPosition(event); - this.update(); - }; + var idata = this.context.createImageData(this.context.canvas.width, this.context.canvas.height); + var buffer32 = void 0; + try { + buffer32 = new Uint32Array(idata.data.buffer); + } catch (err) { + buffer32 = new Uint32Array(this.context.canvas.width * this.context.canvas.height * 4); + var data = idata.data; + for (var i = 0; i < data.length; i++) { + buffer32[i] = data[i]; + } + } - SeekTime.prototype.hideTime = function hideTime() { - this.hoveringOverSeekBar = false; - this.update(); - }; - - SeekTime.prototype.calculateHoverPosition = function calculateHoverPosition(event) { - var offset = event.pageX - this.mediaControl.$seekBarContainer.offset().left; - // proportion into the seek bar that the mouse is hovered over 0-1 - this.hoverPosition = Math.min(1, Math.max(offset / this.mediaControl.$seekBarContainer.width(), 0)); - }; - - SeekTime.prototype.getSeekTime = function getSeekTime() { - var seekTime = void 0, - secondsSinceMidnight = void 0; - if (this.useActualLiveTime) { - var d = new Date(new Date().getTime() - this.actualLiveServerTimeDiff), - e = new Date(d); - secondsSinceMidnight = (e - d.setHours(0, 0, 0, 0)) / 1000; - seekTime = secondsSinceMidnight - this.duration + this.hoverPosition * this.duration; - if (seekTime < 0) { - seekTime += 86400; + var len = buffer32.length, + m = Math.random() * 6 + 4; + var run = 0, + color = 0; + for (var _i = 0; _i < len;) { + if (run < 0) { + run = m * Math.random(); + var p = Math.pow(Math.random(), 0.4); + color = 255 * p << 24; } - } else { - seekTime = this.hoverPosition * this.duration; + run -= 1; + buffer32[_i++] = color; } - return { seekTime: seekTime, secondsSinceMidnight: secondsSinceMidnight }; + this.context.putImageData(idata, 0, 0); }; - SeekTime.prototype.update = function update() { - if (!this.rendered) { - // update() is always called after a render + NoOp.prototype._loop = function _loop() { + var _this2 = this; + + if (this._stop) { return; } - if (!this.shouldBeVisible()) { - this.$el.hide(); - this.$el.css('left', '-100%'); - } else { - var seekTime = this.getSeekTime(); - var currentSeekTime = (0, _utils.formatTime)(seekTime.seekTime, this.useActualLiveTime); - // only update dom if necessary, ie time actually changed - if (currentSeekTime !== this.displayedSeekTime) { - this.$seekTimeEl.text(currentSeekTime); - this.displayedSeekTime = currentSeekTime; - } - - if (this.durationShown) { - this.$durationEl.show(); - var currentDuration = (0, _utils.formatTime)(this.actualLiveTime ? seekTime.secondsSinceMidnight : this.duration, this.actualLiveTime); - if (currentDuration !== this.displayedDuration) { - this.$durationEl.text(currentDuration); - this.displayedDuration = currentDuration; - } - } else { - this.$durationEl.hide(); - } + this._noise(); + this._animationHandle = (0, _utils.requestAnimationFrame)(function () { + return _this2._loop(); + }); + }; - // the element must be unhidden before its width is requested, otherwise it's width will be reported as 0 - this.$el.show(); - var containerWidth = this.mediaControl.$seekBarContainer.width(); - var elWidth = this.$el.width(); - var elLeftPos = this.hoverPosition * containerWidth; - elLeftPos -= elWidth / 2; - elLeftPos = Math.max(0, Math.min(elLeftPos, containerWidth - elWidth)); - this.$el.css('left', elLeftPos); + NoOp.prototype.destroy = function destroy() { + if (this._animationHandle) { + (0, _utils.cancelAnimationFrame)(this._animationHandle); + this._stop = true; } }; - SeekTime.prototype.shouldBeVisible = function shouldBeVisible() { - return this.mediaControlContainer && this.mediaControlContainer.settings.seekEnabled && this.hoveringOverSeekBar && this.hoverPosition !== null && this.duration !== null; + NoOp.prototype._animate = function _animate() { + this.canvas = this.$el.find('canvas[data-no-op-canvas]')[0]; + this.context = this.canvas.getContext('2d'); + this._loop(); }; - SeekTime.prototype.render = function render() { - this.rendered = true; - this.displayedDuration = null; - this.displayedSeekTime = null; - var style = _styler2.default.getStyleFor(_seek_time2.default); - this.$el.html(this.template()); - this.$el.append(style); - this.$el.hide(); - this.mediaControl.$el.append(this.el); - this.$seekTimeEl = this.$el.find('[data-seek-time]'); - this.$durationEl = this.$el.find('[data-duration]'); - this.$durationEl.hide(); - this.update(); - }; + return NoOp; +}(_playback2.default); - return SeekTime; -}(_ui_core_plugin2.default); +exports.default = NoOp; -exports.default = SeekTime; + +NoOp.canPlay = function (source) { + // eslint-disable-line no-unused-vars + return true; +}; module.exports = exports['default']; /***/ }), -/* 70 */ +/* 105 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; @@ -14624,74 +12406,102 @@ Object.defineProperty(exports, "__esModule", { value: true }); -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); +var _classCallCheck2 = __webpack_require__(0); -var _core_plugin = __webpack_require__(11); +var _classCallCheck3 = _interopRequireDefault(_classCallCheck2); -var _core_plugin2 = _interopRequireDefault(_core_plugin); +var _possibleConstructorReturn2 = __webpack_require__(2); -var _events = __webpack_require__(0); +var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2); -var _events2 = _interopRequireDefault(_events); +var _createClass2 = __webpack_require__(3); -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } +var _createClass3 = _interopRequireDefault(_createClass2); -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } +var _inherits2 = __webpack_require__(1); -function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } +var _inherits3 = _interopRequireDefault(_inherits2); -function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } +var _container_plugin = __webpack_require__(31); -var SourcesPlugin = function (_CorePlugin) { - _inherits(SourcesPlugin, _CorePlugin); +var _container_plugin2 = _interopRequireDefault(_container_plugin); - function SourcesPlugin() { - _classCallCheck(this, SourcesPlugin); +var _events = __webpack_require__(4); + +var _events2 = _interopRequireDefault(_events); + +var _playback = __webpack_require__(7); + +var _playback2 = _interopRequireDefault(_playback); + +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - return _possibleConstructorReturn(this, _CorePlugin.apply(this, arguments)); +var ClickToPausePlugin = function (_ContainerPlugin) { + (0, _inherits3.default)(ClickToPausePlugin, _ContainerPlugin); + (0, _createClass3.default)(ClickToPausePlugin, [{ + key: 'name', + get: function get() { + return 'click_to_pause'; + } + }]); + + function ClickToPausePlugin(container) { + (0, _classCallCheck3.default)(this, ClickToPausePlugin); + return (0, _possibleConstructorReturn3.default)(this, _ContainerPlugin.call(this, container)); } - SourcesPlugin.prototype.bindEvents = function bindEvents() { - this.listenTo(this.core, _events2.default.CORE_CONTAINERS_CREATED, this.onContainersCreated); + ClickToPausePlugin.prototype.bindEvents = function bindEvents() { + this.listenTo(this.container, _events2.default.CONTAINER_CLICK, this.click); + this.listenTo(this.container, _events2.default.CONTAINER_SETTINGSUPDATE, this.settingsUpdate); }; - SourcesPlugin.prototype.onContainersCreated = function onContainersCreated() { - var firstValidSource = this.core.containers.filter(function (container) { - return container.playback.name !== 'no_op'; - })[0] || this.core.containers[0]; - if (firstValidSource) { - this.core.containers.forEach(function (container) { - if (container !== firstValidSource) { - container.destroy(); - } - }); + ClickToPausePlugin.prototype.click = function click() { + if (this.container.getPlaybackType() !== _playback2.default.LIVE || this.container.isDvrEnabled()) { + if (this.container.isPlaying()) { + this.container.pause(); + } else { + this.container.play(); + } } }; - _createClass(SourcesPlugin, [{ - key: 'name', - get: function get() { - return 'sources'; + ClickToPausePlugin.prototype.settingsUpdate = function settingsUpdate() { + this.container.$el.removeClass('pointer-enabled'); + if (this.container.getPlaybackType() !== _playback2.default.LIVE || this.container.isDvrEnabled()) { + this.container.$el.addClass('pointer-enabled'); } - }]); + }; - return SourcesPlugin; -}(_core_plugin2.default); + return ClickToPausePlugin; +}(_container_plugin2.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 = SourcesPlugin; +exports.default = ClickToPausePlugin; module.exports = exports['default']; /***/ }), -/* 71 */ +/* 106 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; -module.exports = __webpack_require__(72); +Object.defineProperty(exports, "__esModule", { + value: true +}); + +var _click_to_pause = __webpack_require__(105); + +var _click_to_pause2 = _interopRequireDefault(_click_to_pause); + +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + +exports.default = _click_to_pause2.default; +module.exports = exports['default']; /***/ }), -/* 72 */ +/* 107 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; @@ -14701,135 +12511,187 @@ Object.defineProperty(exports, "__esModule", { value: true }); -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); +var _classCallCheck2 = __webpack_require__(0); -var _ui_container_plugin = __webpack_require__(14); +var _classCallCheck3 = _interopRequireDefault(_classCallCheck2); -var _ui_container_plugin2 = _interopRequireDefault(_ui_container_plugin); +var _possibleConstructorReturn2 = __webpack_require__(2); -var _events = __webpack_require__(0); +var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2); -var _events2 = _interopRequireDefault(_events); +var _createClass2 = __webpack_require__(3); -var _styler = __webpack_require__(4); +var _createClass3 = _interopRequireDefault(_createClass2); -var _styler2 = _interopRequireDefault(_styler); +var _inherits2 = __webpack_require__(1); -var _template = __webpack_require__(5); +var _inherits3 = _interopRequireDefault(_inherits2); + +var _ui_core_plugin = __webpack_require__(38); + +var _ui_core_plugin2 = _interopRequireDefault(_ui_core_plugin); + +var _template = __webpack_require__(9); var _template2 = _interopRequireDefault(_template); -var _spinner = __webpack_require__(101); +var _playback = __webpack_require__(7); -var _spinner2 = _interopRequireDefault(_spinner); +var _playback2 = _interopRequireDefault(_playback); -var _spinner3 = __webpack_require__(92); +var _styler = __webpack_require__(8); -var _spinner4 = _interopRequireDefault(_spinner3); +var _styler2 = _interopRequireDefault(_styler); -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } +var _events = __webpack_require__(4); -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } +var _events2 = _interopRequireDefault(_events); -function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } +var _dvr_controls = __webpack_require__(184); -function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // 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 _dvr_controls2 = _interopRequireDefault(_dvr_controls); -var SpinnerThreeBouncePlugin = function (_UIContainerPlugin) { - _inherits(SpinnerThreeBouncePlugin, _UIContainerPlugin); +var _index = __webpack_require__(193); - _createClass(SpinnerThreeBouncePlugin, [{ +var _index2 = _interopRequireDefault(_index); + +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + +var DVRControls = function (_UICorePlugin) { + (0, _inherits3.default)(DVRControls, _UICorePlugin); + (0, _createClass3.default)(DVRControls, [{ + key: 'template', + get: function get() { + return (0, _template2.default)(_index2.default); + } + }, { key: 'name', get: function get() { - return 'spinner'; + return 'dvr_controls'; + } + }, { + key: 'events', + get: function get() { + return { + 'click .live-button': 'click' + }; } }, { key: 'attributes', get: function get() { return { - 'data-spinner': '', - 'class': 'spinner-three-bounce' + 'class': 'dvr-controls', + 'data-dvr-controls': '' }; } }]); - function SpinnerThreeBouncePlugin(container) { - _classCallCheck(this, SpinnerThreeBouncePlugin); + function DVRControls(core) { + (0, _classCallCheck3.default)(this, DVRControls); - var _this = _possibleConstructorReturn(this, _UIContainerPlugin.call(this, container)); + var _this = (0, _possibleConstructorReturn3.default)(this, _UICorePlugin.call(this, core)); - _this.template = (0, _template2.default)(_spinner2.default); - _this.showTimeout = null; - _this.listenTo(_this.container, _events2.default.CONTAINER_STATE_BUFFERING, _this.onBuffering); - _this.listenTo(_this.container, _events2.default.CONTAINER_STATE_BUFFERFULL, _this.onBufferFull); - _this.listenTo(_this.container, _events2.default.CONTAINER_STOP, _this.onStop); - _this.listenTo(_this.container, _events2.default.CONTAINER_ENDED, _this.onStop); - _this.listenTo(_this.container, _events2.default.CONTAINER_ERROR, _this.onStop); - _this.render(); + _this.settingsUpdate(); return _this; } - SpinnerThreeBouncePlugin.prototype.onBuffering = function onBuffering() { - this.show(); - }; - - SpinnerThreeBouncePlugin.prototype.onBufferFull = function onBufferFull() { - this.hide(); + DVRControls.prototype.bindEvents = function bindEvents() { + this.listenTo(this.core.mediaControl, _events2.default.MEDIACONTROL_CONTAINERCHANGED, this.containerChanged); + this.listenTo(this.core.mediaControl, _events2.default.MEDIACONTROL_RENDERED, this.settingsUpdate); + this.listenTo(this.core, _events2.default.CORE_OPTIONS_CHANGE, this.render); + if (this.core.getCurrentContainer()) { + this.listenToOnce(this.core.getCurrentContainer(), _events2.default.CONTAINER_TIMEUPDATE, this.render); + this.listenTo(this.core.getCurrentContainer(), _events2.default.CONTAINER_PLAYBACKDVRSTATECHANGED, this.dvrChanged); + } }; - SpinnerThreeBouncePlugin.prototype.onStop = function onStop() { - this.hide(); + DVRControls.prototype.containerChanged = function containerChanged() { + this.stopListening(); + this.bindEvents(); }; - SpinnerThreeBouncePlugin.prototype.show = function show() { - var _this2 = this; + DVRControls.prototype.dvrChanged = function dvrChanged(dvrEnabled) { + this.settingsUpdate(); + this.core.mediaControl.$el.addClass('live'); + if (dvrEnabled) { + this.core.mediaControl.$el.addClass('dvr'); + this.core.mediaControl.$el.find('.media-control-indicator[data-position], .media-control-indicator[data-duration]').hide(); + } else { + this.core.mediaControl.$el.removeClass('dvr'); + } + }; - if (this.showTimeout === null) { - this.showTimeout = setTimeout(function () { - return _this2.$el.show(); - }, 300); + DVRControls.prototype.click = function click() { + var mediaControl = this.core.mediaControl; + var container = mediaControl.container; + if (!container.isPlaying()) { + container.play(); + } + if (mediaControl.$el.hasClass('dvr')) { + container.seek(container.getDuration()); } }; - SpinnerThreeBouncePlugin.prototype.hide = function hide() { - if (this.showTimeout !== null) { - clearTimeout(this.showTimeout); - this.showTimeout = null; + DVRControls.prototype.settingsUpdate = function settingsUpdate() { + var _this2 = this; + + this.stopListening(); + if (this.shouldRender()) { + this.render(); + this.$el.click(function () { + return _this2.click(); + }); } - this.$el.hide(); + this.bindEvents(); }; - SpinnerThreeBouncePlugin.prototype.render = function render() { - this.$el.html(this.template()); - var style = _styler2.default.getStyleFor(_spinner4.default); - this.container.$el.append(style); - this.container.$el.append(this.$el); - this.$el.hide(); - if (this.container.buffering) { - this.onBuffering(); + DVRControls.prototype.shouldRender = function shouldRender() { + var useDvrControls = this.core.options.useDvrControls === undefined || !!this.core.options.useDvrControls; + return useDvrControls && this.core.getPlaybackType() === _playback2.default.LIVE; + }; + + DVRControls.prototype.render = function render() { + this.style = this.style || _styler2.default.getStyleFor(_dvr_controls2.default, { baseUrl: this.core.options.baseUrl }); + this.$el.html(this.template({ + live: this.core.i18n.t('live'), + backToLive: this.core.i18n.t('back_to_live') + })); + this.$el.append(this.style); + if (this.shouldRender()) { + this.core.mediaControl.$el.addClass('live'); + this.core.mediaControl.$('.media-control-left-panel[data-media-control]').append(this.$el); } return this; }; - return SpinnerThreeBouncePlugin; -}(_ui_container_plugin2.default); + return DVRControls; +}(_ui_core_plugin2.default); -exports.default = SpinnerThreeBouncePlugin; +exports.default = DVRControls; module.exports = exports['default']; /***/ }), -/* 73 */ +/* 108 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; -module.exports = __webpack_require__(74); +Object.defineProperty(exports, "__esModule", { + value: true +}); + +var _dvr_controls = __webpack_require__(107); + +var _dvr_controls2 = _interopRequireDefault(_dvr_controls); + +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + +exports.default = _dvr_controls2.default; +module.exports = exports['default']; /***/ }), -/* 74 */ +/* 109 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; @@ -14839,149 +12701,77 @@ Object.defineProperty(exports, "__esModule", { value: true }); -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); +var _classCallCheck2 = __webpack_require__(0); -var _container_plugin = __webpack_require__(13); +var _classCallCheck3 = _interopRequireDefault(_classCallCheck2); -var _container_plugin2 = _interopRequireDefault(_container_plugin); +var _createClass2 = __webpack_require__(3); -var _events = __webpack_require__(0); +var _createClass3 = _interopRequireDefault(_createClass2); -var _events2 = _interopRequireDefault(_events); +var _possibleConstructorReturn2 = __webpack_require__(2); -var _clapprZepto = __webpack_require__(3); +var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2); -var _clapprZepto2 = _interopRequireDefault(_clapprZepto); +var _inherits2 = __webpack_require__(1); -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } +var _inherits3 = _interopRequireDefault(_inherits2); -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } +var _events = __webpack_require__(4); -function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } +var _events2 = _interopRequireDefault(_events); -function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // 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 _core_plugin = __webpack_require__(25); -var StatsPlugin = function (_ContainerPlugin) { - _inherits(StatsPlugin, _ContainerPlugin); +var _core_plugin2 = _interopRequireDefault(_core_plugin); - _createClass(StatsPlugin, [{ - key: 'name', - get: function get() { - return 'stats'; - } - }]); +var _utils = __webpack_require__(5); - function StatsPlugin(container) { - _classCallCheck(this, StatsPlugin); +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - var _this = _possibleConstructorReturn(this, _ContainerPlugin.call(this, container)); +var EndVideo = function (_CorePlugin) { + (0, _inherits3.default)(EndVideo, _CorePlugin); - _this.setInitialAttrs(); - _this.reportInterval = _this.options.reportInterval || 5000; - _this.state = 'IDLE'; - return _this; + function EndVideo() { + (0, _classCallCheck3.default)(this, EndVideo); + return (0, _possibleConstructorReturn3.default)(this, _CorePlugin.apply(this, arguments)); } - StatsPlugin.prototype.bindEvents = function bindEvents() { - this.listenTo(this.container.playback, _events2.default.PLAYBACK_PLAY, this.onPlay); - this.listenTo(this.container, _events2.default.CONTAINER_STOP, this.onStop); - this.listenTo(this.container, _events2.default.CONTAINER_ENDED, this.onStop); - this.listenTo(this.container, _events2.default.CONTAINER_DESTROYED, this.onStop); - this.listenTo(this.container, _events2.default.CONTAINER_STATE_BUFFERING, this.onBuffering); - this.listenTo(this.container, _events2.default.CONTAINER_STATE_BUFFERFULL, this.onBufferFull); - this.listenTo(this.container, _events2.default.CONTAINER_STATS_ADD, this.onStatsAdd); - this.listenTo(this.container, _events2.default.CONTAINER_BITRATE, this.onStatsAdd); - this.listenTo(this.container.playback, _events2.default.PLAYBACK_STATS_ADD, this.onStatsAdd); - }; - - StatsPlugin.prototype.setInitialAttrs = function setInitialAttrs() { - this.firstPlay = true; - this.startupTime = 0; - this.rebufferingTime = 0; - this.watchingTime = 0; - this.rebuffers = 0; - this.externalMetrics = {}; - }; - - StatsPlugin.prototype.onPlay = function onPlay() { - this.state = 'PLAYING'; - this.watchingTimeInit = Date.now(); - if (!this.intervalId) { - this.intervalId = setInterval(this.report.bind(this), this.reportInterval); + EndVideo.prototype.bindEvents = function bindEvents() { + this.listenTo(this.core.mediaControl, _events2.default.MEDIACONTROL_CONTAINERCHANGED, this.containerChanged); + var container = this.core.getCurrentContainer(); + if (container) { + this.listenTo(container, _events2.default.CONTAINER_ENDED, this.ended); + this.listenTo(container, _events2.default.CONTAINER_STOP, this.ended); } }; - StatsPlugin.prototype.onStop = function onStop() { - clearInterval(this.intervalId); - this.report(); - this.intervalId = undefined; - this.state = 'STOPPED'; + EndVideo.prototype.containerChanged = function containerChanged() { + this.stopListening(); + this.bindEvents(); }; - StatsPlugin.prototype.onBuffering = function onBuffering() { - if (this.firstPlay) { - this.startupTimeInit = Date.now(); - } else { - this.rebufferingTimeInit = Date.now(); + EndVideo.prototype.ended = function ended() { + var exitOnEnd = typeof this.core.options.exitFullscreenOnEnd === 'undefined' || this.core.options.exitFullscreenOnEnd; + if (exitOnEnd && _utils.Fullscreen.isFullscreen()) { + this.core.toggleFullscreen(); } - this.state = 'BUFFERING'; - this.rebuffers++; }; - StatsPlugin.prototype.onBufferFull = function onBufferFull() { - if (this.firstPlay && this.startupTimeInit) { - this.firstPlay = false; - this.startupTime = Date.now() - this.startupTimeInit; - this.watchingTimeInit = Date.now(); - } else if (this.rebufferingTimeInit) { - this.rebufferingTime += this.getRebufferingTime(); + (0, _createClass3.default)(EndVideo, [{ + key: 'name', + get: function get() { + return 'end_video'; } - this.rebufferingTimeInit = undefined; - this.state = 'PLAYING'; - }; - - StatsPlugin.prototype.getRebufferingTime = function getRebufferingTime() { - return Date.now() - this.rebufferingTimeInit; - }; - - StatsPlugin.prototype.getWatchingTime = function getWatchingTime() { - var totalTime = Date.now() - this.watchingTimeInit; - return totalTime - this.rebufferingTime; - }; - - StatsPlugin.prototype.isRebuffering = function isRebuffering() { - return !!this.rebufferingTimeInit; - }; - - StatsPlugin.prototype.onStatsAdd = function onStatsAdd(metric) { - _clapprZepto2.default.extend(this.externalMetrics, metric); - }; - - StatsPlugin.prototype.getStats = function getStats() { - var metrics = { - startupTime: this.startupTime, - rebuffers: this.rebuffers, - rebufferingTime: this.isRebuffering() ? this.rebufferingTime + this.getRebufferingTime() : this.rebufferingTime, - watchingTime: this.isRebuffering() ? this.getWatchingTime() - this.getRebufferingTime() : this.getWatchingTime() - }; - _clapprZepto2.default.extend(metrics, this.externalMetrics); - return metrics; - }; - - StatsPlugin.prototype.report = function report() { - this.container.statsReport(this.getStats()); - }; - - return StatsPlugin; -}(_container_plugin2.default); + }]); + return EndVideo; +}(_core_plugin2.default); -exports.default = StatsPlugin; +exports.default = EndVideo; module.exports = exports['default']; /***/ }), -/* 75 */ +/* 110 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; @@ -14991,127 +12781,179 @@ Object.defineProperty(exports, "__esModule", { value: true }); -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); +var _classCallCheck2 = __webpack_require__(0); + +var _classCallCheck3 = _interopRequireDefault(_classCallCheck2); + +var _possibleConstructorReturn2 = __webpack_require__(2); + +var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2); + +var _createClass2 = __webpack_require__(3); + +var _createClass3 = _interopRequireDefault(_createClass2); -var _utils = __webpack_require__(1); +var _inherits2 = __webpack_require__(1); -var _core_plugin = __webpack_require__(11); +var _inherits3 = _interopRequireDefault(_inherits2); + +var _core_plugin = __webpack_require__(25); var _core_plugin2 = _interopRequireDefault(_core_plugin); -var _lodash = __webpack_require__(35); +var _events = __webpack_require__(4); -var _lodash2 = _interopRequireDefault(_lodash); +var _events2 = _interopRequireDefault(_events); -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } +var _clapprZepto = __webpack_require__(6); -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } +var _clapprZepto2 = _interopRequireDefault(_clapprZepto); -function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } +var _play = __webpack_require__(59); -function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } +var _play2 = _interopRequireDefault(_play); -/** - * The internationalization (i18n) plugin - * @class Strings - * @constructor - * @extends CorePlugin - * @module plugins - */ -var Strings = function (_CorePlugin) { - _inherits(Strings, _CorePlugin); +var _pause = __webpack_require__(84); - _createClass(Strings, [{ +var _pause2 = _interopRequireDefault(_pause); + +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + +var oldIcon = (0, _clapprZepto2.default)('link[rel="shortcut icon"]'); + +var Favicon = function (_CorePlugin) { + (0, _inherits3.default)(Favicon, _CorePlugin); + (0, _createClass3.default)(Favicon, [{ key: 'name', get: function get() { - return 'strings'; + return 'favicon'; + } + }, { + key: 'oldIcon', + get: function get() { + return oldIcon; } }]); - function Strings(core) { - _classCallCheck(this, Strings); + function Favicon(core) { + (0, _classCallCheck3.default)(this, Favicon); - var _this = _possibleConstructorReturn(this, _CorePlugin.call(this, core)); + var _this = (0, _possibleConstructorReturn3.default)(this, _CorePlugin.call(this, core)); - _this._initializeMessages(); + _this._container = null; + _this.configure(); return _this; } - /** - * Gets a translated string for the given key. - * @method t - * @param {String} key the key to all messages - * @return {String} translated label - */ + Favicon.prototype.configure = function configure() { + if (this.core.options.changeFavicon) { + if (!this.enabled) { + this.stopListening(this.core, _events2.default.CORE_OPTIONS_CHANGE); + this.enable(); + } + } else if (this.enabled) { + this.disable(); + this.listenTo(this.core, _events2.default.CORE_OPTIONS_CHANGE, this.configure); + } + }; - Strings.prototype.t = function t(key) { - var lang = this._language(); - var i18n = lang && this._messages[lang] || this._messages['en']; - return i18n[key] || key; + Favicon.prototype.bindEvents = function bindEvents() { + this.listenTo(this.core, _events2.default.CORE_OPTIONS_CHANGE, this.configure); + this.listenTo(this.core.mediaControl, _events2.default.MEDIACONTROL_CONTAINERCHANGED, this.containerChanged); + if (this.core.mediaControl.container) { + this.containerChanged(); + } }; - Strings.prototype._language = function _language() { - return this.core.options.language || (0, _utils.getBrowserLanguage)(); + Favicon.prototype.containerChanged = function containerChanged() { + this._container && this.stopListening(this._container); + this._container = this.core.mediaControl.container; + this.listenTo(this._container, _events2.default.CONTAINER_PLAY, this.setPlayIcon); + this.listenTo(this._container, _events2.default.CONTAINER_PAUSE, this.setPauseIcon); + this.listenTo(this._container, _events2.default.CONTAINER_STOP, this.resetIcon); + this.listenTo(this._container, _events2.default.CONTAINER_ENDED, this.resetIcon); + this.listenTo(this._container, _events2.default.CONTAINER_ERROR, this.resetIcon); + this.resetIcon(); }; - Strings.prototype._initializeMessages = function _initializeMessages() { - this._messages = (0, _lodash2.default)({ - 'en': { - 'live': 'live', - 'back_to_live': 'back to live', - 'playback_not_supported': 'Your browser does not support the playback of this video. Please try using a different browser.' - }, - 'pt': { - 'live': 'ao vivo', - 'back_to_live': 'voltar para o ao vivo', - 'playback_not_supported': 'Seu navegador não supporta a reprodução deste video. Por favor, tente usar um navegador diferente.' - }, - 'es': { - 'live': 'vivo', - 'back_to_live': 'volver en vivo', - 'playback_not_supported': 'Su navegador no soporta la reproducción de un video. Por favor, trate de usar un navegador diferente.' - }, - 'ru': { - 'live': 'прямой эфир', - 'back_to_live': 'к прямому эфиру', - 'playback_not_supported': 'Ваш браузер не поддерживает воспроизведение этого видео. Пожалуйста, попробуйте другой браузер.' - }, - 'fr': { - 'live': 'en direct', - 'back_to_live': 'retour au direct', - 'playback_not_supported': 'Votre navigateur ne supporte pas la lecture de cette vidéo. Merci de tenter sur un autre navigateur.' - }, - 'tr': { - 'live': 'canlı', - 'back_to_live': 'canlı yayına dön', - 'playback_not_supported': 'Tarayıcınız bu videoyu oynatma desteğine sahip değil. Lütfen farklı bir tarayıcı ile deneyin.' - } - }, this.core.options.strings || {}); + Favicon.prototype.disable = function disable() { + _CorePlugin.prototype.disable.call(this); + this.resetIcon(); + }; - this._messages['pt-BR'] = this._messages['pt']; - this._messages['en-US'] = this._messages['en']; - this._messages['es-419'] = this._messages['es']; - this._messages['fr-FR'] = this._messages['fr']; - this._messages['tr-TR'] = this._messages['tr']; + Favicon.prototype.destroy = function destroy() { + _CorePlugin.prototype.destroy.call(this); + this.resetIcon(); }; - return Strings; + Favicon.prototype.createIcon = function createIcon(svg) { + var canvas = (0, _clapprZepto2.default)(''); + canvas[0].width = 16; + canvas[0].height = 16; + var ctx = canvas[0].getContext('2d'); + ctx.fillStyle = '#000'; + var d = (0, _clapprZepto2.default)(svg).find('path').attr('d'); + var path = new Path2D(d); + ctx.fill(path); + var icon = (0, _clapprZepto2.default)(''); + icon.attr('href', canvas[0].toDataURL('image/png')); + return icon; + }; + + Favicon.prototype.setPlayIcon = function setPlayIcon() { + if (!this.playIcon) { + this.playIcon = this.createIcon(_play2.default); + } + this.changeIcon(this.playIcon); + }; + + Favicon.prototype.setPauseIcon = function setPauseIcon() { + if (!this.pauseIcon) { + this.pauseIcon = this.createIcon(_pause2.default); + } + this.changeIcon(this.pauseIcon); + }; + + Favicon.prototype.resetIcon = function resetIcon() { + (0, _clapprZepto2.default)('link[rel="shortcut icon"]').remove(); + (0, _clapprZepto2.default)('head').append(this.oldIcon); + }; + + Favicon.prototype.changeIcon = function changeIcon(icon) { + if (icon) { + (0, _clapprZepto2.default)('link[rel="shortcut icon"]').remove(); + (0, _clapprZepto2.default)('head').append(icon); + } + }; + + return Favicon; }(_core_plugin2.default); -exports.default = Strings; +exports.default = Favicon; module.exports = exports['default']; /***/ }), -/* 76 */ +/* 111 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; -module.exports = __webpack_require__(77); +Object.defineProperty(exports, "__esModule", { + value: true +}); + +var _favicon = __webpack_require__(110); + +var _favicon2 = _interopRequireDefault(_favicon); + +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + +exports.default = _favicon2.default; +module.exports = exports['default']; /***/ }), -/* 77 */ +/* 112 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; @@ -15121,7288 +12963,4804 @@ Object.defineProperty(exports, "__esModule", { value: true }); -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); - -var _ui_container_plugin = __webpack_require__(14); +var _classCallCheck2 = __webpack_require__(0); -var _ui_container_plugin2 = _interopRequireDefault(_ui_container_plugin); +var _classCallCheck3 = _interopRequireDefault(_classCallCheck2); -var _events = __webpack_require__(0); +var _possibleConstructorReturn2 = __webpack_require__(2); -var _events2 = _interopRequireDefault(_events); +var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2); -var _styler = __webpack_require__(4); +var _createClass2 = __webpack_require__(3); -var _styler2 = _interopRequireDefault(_styler); +var _createClass3 = _interopRequireDefault(_createClass2); -var _template = __webpack_require__(5); +var _inherits2 = __webpack_require__(1); -var _template2 = _interopRequireDefault(_template); +var _inherits3 = _interopRequireDefault(_inherits2); -var _watermark = __webpack_require__(93); +var _container_plugin = __webpack_require__(31); -var _watermark2 = _interopRequireDefault(_watermark); +var _container_plugin2 = _interopRequireDefault(_container_plugin); -var _watermark3 = __webpack_require__(102); +var _events = __webpack_require__(4); -var _watermark4 = _interopRequireDefault(_watermark3); +var _events2 = _interopRequireDefault(_events); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - -function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } - -function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // Copyright 2014 Globo.com Player authors. All rights reserved. +// 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 WaterMarkPlugin = function (_UIContainerPlugin) { - _inherits(WaterMarkPlugin, _UIContainerPlugin); - - _createClass(WaterMarkPlugin, [{ +var GoogleAnalytics = function (_ContainerPlugin) { + (0, _inherits3.default)(GoogleAnalytics, _ContainerPlugin); + (0, _createClass3.default)(GoogleAnalytics, [{ key: 'name', get: function get() { - return 'watermark'; - } - }, { - key: 'template', - get: function get() { - return (0, _template2.default)(_watermark4.default); + return 'google_analytics'; } }]); - function WaterMarkPlugin(container) { - _classCallCheck(this, WaterMarkPlugin); + function GoogleAnalytics(container) { + (0, _classCallCheck3.default)(this, GoogleAnalytics); - var _this = _possibleConstructorReturn(this, _UIContainerPlugin.call(this, container)); + var _this = (0, _possibleConstructorReturn3.default)(this, _ContainerPlugin.call(this, container)); - _this.configure(); + if (_this.container.options.gaAccount) { + _this.account = _this.container.options.gaAccount; + _this.trackerName = _this.container.options.gaTrackerName ? _this.container.options.gaTrackerName + '.' : 'Clappr.'; + _this.domainName = _this.container.options.gaDomainName; + _this.currentHDState = undefined; + _this.embedScript(); + } return _this; } - WaterMarkPlugin.prototype.bindEvents = function bindEvents() { - this.listenTo(this.container, _events2.default.CONTAINER_PLAY, this.onPlay); - this.listenTo(this.container, _events2.default.CONTAINER_STOP, this.onStop); - this.listenTo(this.container, _events2.default.CONTAINER_OPTIONS_CHANGE, this.configure); - }; + GoogleAnalytics.prototype.embedScript = function embedScript() { + var _this2 = this; - WaterMarkPlugin.prototype.configure = function configure() { - this.position = this.options.position || 'bottom-right'; - if (this.options.watermark) { - this.imageUrl = this.options.watermark; - this.imageLink = this.options.watermarkLink; - this.render(); + if (!window._gat) { + var script = document.createElement('script'); + script.setAttribute('type', 'text/javascript'); + script.setAttribute('async', 'async'); + script.setAttribute('src', '//www.google-analytics.com/ga.js'); + script.onload = function () { + return _this2.addEventListeners(); + }; + document.body.appendChild(script); } else { - this.$el.remove(); + this.addEventListeners(); } }; - WaterMarkPlugin.prototype.onPlay = function onPlay() { - if (!this.hidden) this.$el.show(); - }; + GoogleAnalytics.prototype.addEventListeners = function addEventListeners() { + var _this3 = this; - WaterMarkPlugin.prototype.onStop = function onStop() { - this.$el.hide(); + if (this.container) { + this.listenTo(this.container, _events2.default.CONTAINER_READY, this.onReady); + this.listenTo(this.container, _events2.default.CONTAINER_PLAY, this.onPlay); + this.listenTo(this.container, _events2.default.CONTAINER_STOP, this.onStop); + this.listenTo(this.container, _events2.default.CONTAINER_PAUSE, this.onPause); + this.listenTo(this.container, _events2.default.CONTAINER_ENDED, this.onEnded); + this.listenTo(this.container, _events2.default.CONTAINER_STATE_BUFFERING, this.onBuffering); + this.listenTo(this.container, _events2.default.CONTAINER_STATE_BUFFERFULL, this.onBufferFull); + this.listenTo(this.container, _events2.default.CONTAINER_ERROR, this.onError); + this.listenTo(this.container, _events2.default.CONTAINER_PLAYBACKSTATE, this.onPlaybackChanged); + this.listenTo(this.container, _events2.default.CONTAINER_VOLUME, function (event) { + return _this3.onVolumeChanged(event); + }); + this.listenTo(this.container, _events2.default.CONTAINER_SEEK, function (event) { + return _this3.onSeek(event); + }); + this.listenTo(this.container, _events2.default.CONTAINER_FULL_SCREEN, this.onFullscreen); + this.listenTo(this.container, _events2.default.CONTAINER_HIGHDEFINITIONUPDATE, this.onHD); + this.listenTo(this.container, _events2.default.CONTAINER_PLAYBACKDVRSTATECHANGED, this.onDVR); + } + _gaq.push([this.trackerName + '_setAccount', this.account]); + if (this.domainName) _gaq.push([this.trackerName + '_setDomainName', this.domainName]); }; - WaterMarkPlugin.prototype.render = function render() { - this.$el.hide(); - var templateOptions = { position: this.position, imageUrl: this.imageUrl, imageLink: this.imageLink }; - this.$el.html(this.template(templateOptions)); - var style = _styler2.default.getStyleFor(_watermark2.default); - this.container.$el.append(style); - this.container.$el.append(this.$el); - return this; + GoogleAnalytics.prototype.onReady = function onReady() { + this.push(['Video', 'Playback', this.container.playback.name]); }; - return WaterMarkPlugin; -}(_ui_container_plugin2.default); + GoogleAnalytics.prototype.onPlay = function onPlay() { + this.push(['Video', 'Play', this.container.playback.src]); + }; -exports.default = WaterMarkPlugin; -module.exports = exports['default']; + GoogleAnalytics.prototype.onStop = function onStop() { + this.push(['Video', 'Stop', this.container.playback.src]); + }; -/***/ }), -/* 78 */ -/***/ (function(module, exports, __webpack_require__) { - -"use strict"; + GoogleAnalytics.prototype.onEnded = function onEnded() { + this.push(['Video', 'Ended', this.container.playback.src]); + }; + GoogleAnalytics.prototype.onBuffering = function onBuffering() { + this.push(['Video', 'Buffering', this.container.playback.src]); + }; -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 + GoogleAnalytics.prototype.onBufferFull = function onBufferFull() { + this.push(['Video', 'Bufferfull', this.container.playback.src]); + }; -var Kibo = function Kibo(element) { - this.element = element || window.document; - this.initialize(); -}; + GoogleAnalytics.prototype.onError = function onError() { + this.push(['Video', 'Error', this.container.playback.src]); + }; -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' -}; + GoogleAnalytics.prototype.onHD = function onHD(isHD) { + var status = isHD ? 'ON' : 'OFF'; + if (status !== this.currentHDState) { + this.currentHDState = status; + this.push(['Video', 'HD - ' + status, this.container.playback.src]); + } + }; -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; + GoogleAnalytics.prototype.onPlaybackChanged = function onPlaybackChanged(playbackState) { + if (playbackState.type !== null) { + this.push(['Video', 'Playback Type - ' + playbackState.type, this.container.playback.src]); } - } -})(); + }; -Kibo.MODIFIERS = ['shift', 'ctrl', 'alt']; + GoogleAnalytics.prototype.onDVR = function onDVR(dvrInUse) { + var status = dvrInUse ? 'ON' : 'OFF'; + this.push(['Interaction', 'DVR - ' + status, this.container.playback.src]); + }; -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); - }; - } -}(); + GoogleAnalytics.prototype.onPause = function onPause() { + this.push(['Video', 'Pause', this.container.playback.src]); + }; -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); - }; - } -}(); + GoogleAnalytics.prototype.onSeek = function onSeek() { + this.push(['Video', 'Seek', this.container.playback.src]); + }; -Kibo.stringContains = function (string, substring) { - return string.indexOf(substring) !== -1; -}; + GoogleAnalytics.prototype.onVolumeChanged = function onVolumeChanged() { + this.push(['Interaction', 'Volume', this.container.playback.src]); + }; -Kibo.neatString = function (string) { - return string.replace(/^\s+|\s+$/g, '').replace(/\s+/g, ' '); -}; + GoogleAnalytics.prototype.onFullscreen = function onFullscreen() { + this.push(['Interaction', 'Fullscreen', this.container.playback.src]); + }; -Kibo.capitalize = function (string) { - return string.toLowerCase().replace(/^./, function (match) { - return match.toUpperCase(); - }); -}; + GoogleAnalytics.prototype.push = function push(array) { + var res = [this.trackerName + '_trackEvent'].concat(array); + _gaq.push(res); + }; -Kibo.isString = function (what) { - return Kibo.stringContains(Object.prototype.toString.call(what), 'String'); -}; + return GoogleAnalytics; +}(_container_plugin2.default); -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; - }; - } -}(); +exports.default = GoogleAnalytics; +module.exports = exports['default']; -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; -}; +/***/ }), +/* 113 */ +/***/ (function(module, exports, __webpack_require__) { -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]; - } - } -}; +"use strict"; -Kibo.modifiersAndKey = function (keyCombination) { - var result, key; - if (Kibo.stringContains(keyCombination, 'any')) { - return Kibo.neatString(keyCombination).split(' ').slice(0, 2).join(' '); - } +Object.defineProperty(exports, "__esModule", { + value: true +}); - result = Kibo.extractModifiers(keyCombination); +var _google_analytics = __webpack_require__(112); - key = Kibo.extractKey(keyCombination); - if (key && !Kibo.arrayIncludes(Kibo.MODIFIERS, key)) { - result.push(key); - } +var _google_analytics2 = _interopRequireDefault(_google_analytics); - return result.join(' '); -}; +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } -Kibo.keyName = function (keyCode) { - return Kibo.KEY_NAMES_BY_CODE[keyCode + '']; -}; +exports.default = _google_analytics2.default; +module.exports = exports['default']; -Kibo.keyCode = function (keyName) { - return +Kibo.KEY_CODES_BY_NAME[keyName]; -}; +/***/ }), +/* 114 */ +/***/ (function(module, exports, __webpack_require__) { -Kibo.prototype.initialize = function () { - var i, - that = this; +"use strict"; - 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'); +Object.defineProperty(exports, "__esModule", { + value: true +}); - 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); - }); -}; +var _classCallCheck2 = __webpack_require__(0); -Kibo.prototype.handler = function (upOrDown) { - var that = this; - return function (e) { - var i, registeredKeys, lastModifiersAndKey; +var _classCallCheck3 = _interopRequireDefault(_classCallCheck2); - e = e || window.event; +var _vendor = __webpack_require__(41); - 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; - } +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - registeredKeys = that['keys' + Kibo.capitalize(upOrDown)]; +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. - for (i = 0; i < registeredKeys.any.length; i++) { - if (registeredKeys.any[i](e) === false && e.preventDefault) { - e.preventDefault(); - } - } +var INFO = 'color: #006600;' + BOLD; +var DEBUG = 'color: #0000ff;' + BOLD; +var WARN = 'color: #ff8000;' + BOLD; +var ERROR = 'color: #ff0000;' + BOLD; - lastModifiersAndKey = that.lastModifiersAndKey(); - if (registeredKeys[lastModifiersAndKey]) { - for (i = 0; i < registeredKeys[lastModifiersAndKey].length; i++) { - if (registeredKeys[lastModifiersAndKey][i](e) === false && e.preventDefault) { - e.preventDefault(); - } - } - } - }; -}; +var LEVEL_DEBUG = 0; +var LEVEL_INFO = 1; +var LEVEL_WARN = 2; +var LEVEL_ERROR = 3; +var LEVEL_DISABLED = LEVEL_ERROR; -Kibo.prototype.registerKeys = function (upOrDown, newKeys, func) { - var i, - keys, - registeredKeys = this['keys' + Kibo.capitalize(upOrDown)]; +var COLORS = [DEBUG, INFO, WARN, ERROR, ERROR]; +var DESCRIPTIONS = ['debug', 'info', 'warn', 'error', 'disabled']; - if (Kibo.isString(newKeys)) { - newKeys = [newKeys]; - } +var Log = function () { + function Log() { + var _this = this; - for (i = 0; i < newKeys.length; i++) { - keys = newKeys[i]; - keys = Kibo.modifiersAndKey(keys + ''); + 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); - if (registeredKeys[keys]) { - registeredKeys[keys].push(func); - } else { - registeredKeys[keys] = [func]; - } + 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; } - return this; -}; + Log.prototype.debug = function debug(klass) { + this.log(klass, LEVEL_DEBUG, Array.prototype.slice.call(arguments, 1)); + }; -// jshint maxdepth:5 -Kibo.prototype.unregisterKeys = function (upOrDown, newKeys, func) { - var i, - j, - keys, - registeredKeys = this['keys' + Kibo.capitalize(upOrDown)]; + Log.prototype.info = function info(klass) { + this.log(klass, LEVEL_INFO, Array.prototype.slice.call(arguments, 1)); + }; - if (Kibo.isString(newKeys)) { - newKeys = [newKeys]; - } + Log.prototype.warn = function warn(klass) { + this.log(klass, LEVEL_WARN, Array.prototype.slice.call(arguments, 1)); + }; - for (i = 0; i < newKeys.length; i++) { - keys = newKeys[i]; - keys = Kibo.modifiersAndKey(keys + ''); + Log.prototype.error = function error(klass) { + this.log(klass, LEVEL_ERROR, Array.prototype.slice.call(arguments, 1)); + }; - if (func === null) { - delete registeredKeys[keys]; + Log.prototype.onOff = function onOff() { + if (this.level === this.offLevel) { + this.level = this.previousLevel; } 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; - } - } - } + this.previousLevel = this.level; + this.level = this.offLevel; } - } - - return this; -}; - -Kibo.prototype.off = function (keys) { - return this.unregisterKeys('down', keys, null); -}; + // 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); + } + }; -Kibo.prototype.delegate = function (upOrDown, keys, func) { - return func !== null || func !== undefined ? this.registerKeys(upOrDown, keys, func) : this.unregisterKeys(upOrDown, keys, func); -}; + Log.prototype.level = function level(newLevel) { + this.level = newLevel; + }; -Kibo.prototype.down = function (keys, func) { - return this.delegate('down', keys, func); -}; + Log.prototype.log = function log(klass, level, message) { + if (this.BLACKLIST.indexOf(message[0]) >= 0) return; + if (level < this.level) return; -Kibo.prototype.up = function (keys, func) { - return this.delegate('up', keys, func); -}; + 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)); + } + }; -Kibo.prototype.lastKey = function (modifier) { - if (!modifier) { - return Kibo.keyName(this.lastKeyCode); - } + return Log; +}(); - return this.lastModifiers[modifier]; -}; +exports.default = Log; -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]); - } - } +Log.LEVEL_DEBUG = LEVEL_DEBUG; +Log.LEVEL_INFO = LEVEL_INFO; +Log.LEVEL_WARN = LEVEL_WARN; +Log.LEVEL_ERROR = LEVEL_ERROR; - if (!Kibo.arrayIncludes(result, this.lastKey())) { - result.push(this.lastKey()); +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; +}; - return result.join(' '); +Log.setLevel = function (level) { + this.getInstance().level = level; }; -exports.default = Kibo; +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']; /***/ }), -/* 79 */ +/* 115 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; +/* WEBPACK VAR INJECTION */(function(process) { +Object.defineProperty(exports, "__esModule", { + value: true +}); -exports.byteLength = byteLength -exports.toByteArray = toByteArray -exports.fromByteArray = fromByteArray - -var lookup = [] -var revLookup = [] -var Arr = typeof Uint8Array !== 'undefined' ? Uint8Array : Array - -var code = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/' -for (var i = 0, len = code.length; i < len; ++i) { - lookup[i] = code[i] - revLookup[code.charCodeAt(i)] = i -} - -revLookup['-'.charCodeAt(0)] = 62 -revLookup['_'.charCodeAt(0)] = 63 - -function placeHoldersCount (b64) { - var len = b64.length - if (len % 4 > 0) { - throw new Error('Invalid string. Length must be a multiple of 4') - } - - // the number of equal signs (place holders) - // if there are two placeholders, than the two characters before it - // represent one byte - // if there is only one, then the three characters before it represent 2 bytes - // this is just a cheap hack to not do indexOf twice - return b64[len - 2] === '=' ? 2 : b64[len - 1] === '=' ? 1 : 0 -} - -function byteLength (b64) { - // base64 is 4/3 + up to two characters of the original data - return b64.length * 3 / 4 - placeHoldersCount(b64) -} - -function toByteArray (b64) { - var i, j, l, tmp, placeHolders, arr - var len = b64.length - placeHolders = placeHoldersCount(b64) +var _classCallCheck2 = __webpack_require__(0); - arr = new Arr(len * 3 / 4 - placeHolders) +var _classCallCheck3 = _interopRequireDefault(_classCallCheck2); - // if there are placeholders, only get up to the last complete 4 chars - l = placeHolders > 0 ? len - 4 : len +var _possibleConstructorReturn2 = __webpack_require__(2); - var L = 0 +var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2); - for (i = 0, j = 0; i < l; i += 4, j += 3) { - tmp = (revLookup[b64.charCodeAt(i)] << 18) | (revLookup[b64.charCodeAt(i + 1)] << 12) | (revLookup[b64.charCodeAt(i + 2)] << 6) | revLookup[b64.charCodeAt(i + 3)] - arr[L++] = (tmp >> 16) & 0xFF - arr[L++] = (tmp >> 8) & 0xFF - arr[L++] = tmp & 0xFF - } +var _createClass2 = __webpack_require__(3); - if (placeHolders === 2) { - tmp = (revLookup[b64.charCodeAt(i)] << 2) | (revLookup[b64.charCodeAt(i + 1)] >> 4) - arr[L++] = tmp & 0xFF - } else if (placeHolders === 1) { - tmp = (revLookup[b64.charCodeAt(i)] << 10) | (revLookup[b64.charCodeAt(i + 1)] << 4) | (revLookup[b64.charCodeAt(i + 2)] >> 2) - arr[L++] = (tmp >> 8) & 0xFF - arr[L++] = tmp & 0xFF - } +var _createClass3 = _interopRequireDefault(_createClass2); - return arr -} +var _inherits2 = __webpack_require__(1); -function tripletToBase64 (num) { - return lookup[num >> 18 & 0x3F] + lookup[num >> 12 & 0x3F] + lookup[num >> 6 & 0x3F] + lookup[num & 0x3F] -} +var _inherits3 = _interopRequireDefault(_inherits2); -function encodeChunk (uint8, start, end) { - var tmp - var output = [] - for (var i = start; i < end; i += 3) { - tmp = (uint8[i] << 16) + (uint8[i + 1] << 8) + (uint8[i + 2]) - output.push(tripletToBase64(tmp)) - } - return output.join('') -} +var _ui_container_plugin = __webpack_require__(32); -function fromByteArray (uint8) { - var tmp - var len = uint8.length - var extraBytes = len % 3 // if we have 1 byte left, pad 2 bytes - var output = '' - var parts = [] - var maxChunkLength = 16383 // must be multiple of 3 +var _ui_container_plugin2 = _interopRequireDefault(_ui_container_plugin); - // go through the array every three bytes, we'll deal with trailing stuff later - for (var i = 0, len2 = len - extraBytes; i < len2; i += maxChunkLength) { - parts.push(encodeChunk(uint8, i, (i + maxChunkLength) > len2 ? len2 : (i + maxChunkLength))) - } +var _events = __webpack_require__(4); - // pad the end with zeros, but make sure to not forget the extra bytes - if (extraBytes === 1) { - tmp = uint8[len - 1] - output += lookup[tmp >> 2] - output += lookup[(tmp << 4) & 0x3F] - output += '==' - } else if (extraBytes === 2) { - tmp = (uint8[len - 2] << 8) + (uint8[len - 1]) - output += lookup[tmp >> 10] - output += lookup[(tmp >> 4) & 0x3F] - output += lookup[(tmp << 2) & 0x3F] - output += '=' - } +var _events2 = _interopRequireDefault(_events); - parts.push(output) +var _styler = __webpack_require__(8); - return parts.join('') -} +var _styler2 = _interopRequireDefault(_styler); +var _template = __webpack_require__(9); -/***/ }), -/* 80 */ -/***/ (function(module, exports, __webpack_require__) { +var _template2 = _interopRequireDefault(_template); -"use strict"; -/* WEBPACK VAR INJECTION */(function(global) {/*! - * The buffer module from node.js, for the browser. - * - * @author Feross Aboukhadijeh - * @license MIT - */ -/* eslint-disable no-proto */ +var _playback = __webpack_require__(7); +var _playback2 = _interopRequireDefault(_playback); +var _poster = __webpack_require__(185); -var base64 = __webpack_require__(79) -var ieee754 = __webpack_require__(103) -var isArray = __webpack_require__(81) +var _poster2 = _interopRequireDefault(_poster); -exports.Buffer = Buffer -exports.SlowBuffer = SlowBuffer -exports.INSPECT_MAX_BYTES = 50 +var _poster3 = __webpack_require__(194); -/** - * If `Buffer.TYPED_ARRAY_SUPPORT`: - * === true Use Uint8Array implementation (fastest) - * === false Use Object implementation (most compatible, even IE6) - * - * Browsers that support typed arrays are IE 10+, Firefox 4+, Chrome 7+, Safari 5.1+, - * Opera 11.6+, iOS 4.2+. - * - * Due to various browser bugs, sometimes the Object implementation will be used even - * when the browser supports typed arrays. - * - * Note: - * - * - Firefox 4-29 lacks support for adding new properties to `Uint8Array` instances, - * See: https://bugzilla.mozilla.org/show_bug.cgi?id=695438. - * - * - Chrome 9-10 is missing the `TypedArray.prototype.subarray` function. - * - * - IE10 has a broken `TypedArray.prototype.subarray` function which returns arrays of - * incorrect length in some situations. +var _poster4 = _interopRequireDefault(_poster3); - * We detect these buggy browsers and set `Buffer.TYPED_ARRAY_SUPPORT` to `false` so they - * get the Object implementation, which is slower but behaves correctly. - */ -Buffer.TYPED_ARRAY_SUPPORT = global.TYPED_ARRAY_SUPPORT !== undefined - ? global.TYPED_ARRAY_SUPPORT - : typedArraySupport() +var _play = __webpack_require__(59); -/* - * Export kMaxLength after typed array support is determined. - */ -exports.kMaxLength = kMaxLength() +var _play2 = _interopRequireDefault(_play); -function typedArraySupport () { - try { - var arr = new Uint8Array(1) - arr.__proto__ = {__proto__: Uint8Array.prototype, foo: function () { return 42 }} - return arr.foo() === 42 && // typed array instances can be augmented - typeof arr.subarray === 'function' && // chrome 9-10 lack `subarray` - arr.subarray(1, 1).byteLength === 0 // ie10 has broken `subarray` - } catch (e) { - return false - } -} +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } -function kMaxLength () { - return Buffer.TYPED_ARRAY_SUPPORT - ? 0x7fffffff - : 0x3fffffff -} +//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. -function createBuffer (that, length) { - if (kMaxLength() < length) { - throw new RangeError('Invalid typed array length') - } - if (Buffer.TYPED_ARRAY_SUPPORT) { - // Return an augmented `Uint8Array` instance, for best performance - that = new Uint8Array(length) - that.__proto__ = Buffer.prototype - } else { - // Fallback: Return an object instance of the Buffer class - if (that === null) { - that = new Buffer(length) +var PosterPlugin = function (_UIContainerPlugin) { + (0, _inherits3.default)(PosterPlugin, _UIContainerPlugin); + (0, _createClass3.default)(PosterPlugin, [{ + key: 'name', + get: function get() { + return 'poster'; } - that.length = length - } + }, { + key: 'template', + get: function get() { + return (0, _template2.default)(_poster4.default); + } + }, { + key: 'shouldRender', + get: function get() { + var showForNoOp = !!(this.options.poster && this.options.poster.showForNoOp); + return this.container.playback.name !== 'html_img' && (this.container.playback.getPlaybackType() !== _playback2.default.NO_OP || showForNoOp); + } + }, { + key: 'attributes', + get: function get() { + return { + 'class': 'player-poster', + 'data-poster': '' + }; + } + }, { + key: 'events', + get: function get() { + return { + 'click': 'clicked' + }; + } + }, { + key: 'showOnVideoEnd', + get: function get() { + return !this.options.poster || this.options.poster.showOnVideoEnd || this.options.poster.showOnVideoEnd === undefined; + } + }]); - return that -} + function PosterPlugin(container) { + (0, _classCallCheck3.default)(this, PosterPlugin); -/** - * The Buffer constructor returns instances of `Uint8Array` that have their - * prototype changed to `Buffer.prototype`. Furthermore, `Buffer` is a subclass of - * `Uint8Array`, so the returned instances will have all the node `Buffer` methods - * and the `Uint8Array` methods. Square bracket notation works as expected -- it - * returns a single octet. - * - * The `Uint8Array` prototype remains unmodified. - */ + var _this = (0, _possibleConstructorReturn3.default)(this, _UIContainerPlugin.call(this, container)); -function Buffer (arg, encodingOrOffset, length) { - if (!Buffer.TYPED_ARRAY_SUPPORT && !(this instanceof Buffer)) { - return new Buffer(arg, encodingOrOffset, length) + _this.hasStartedPlaying = false; + _this.playRequested = false; + _this.render(); + process.nextTick(function () { + return _this.update(); + }); + return _this; } - // Common case. - if (typeof arg === 'number') { - if (typeof encodingOrOffset === 'string') { - throw new Error( - 'If encoding is specified then the first argument must be a string' - ) - } - return allocUnsafe(this, arg) - } - return from(this, arg, encodingOrOffset, length) -} - -Buffer.poolSize = 8192 // not used by this implementation - -// TODO: Legacy, not needed anymore. Remove in next major version. -Buffer._augment = function (arr) { - arr.__proto__ = Buffer.prototype - return arr -} - -function from (that, value, encodingOrOffset, length) { - if (typeof value === 'number') { - throw new TypeError('"value" argument must not be a number') - } - - if (typeof ArrayBuffer !== 'undefined' && value instanceof ArrayBuffer) { - return fromArrayBuffer(that, value, encodingOrOffset, length) - } - - if (typeof value === 'string') { - return fromString(that, value, encodingOrOffset) - } - - return fromObject(that, value) -} - -/** - * Functionally equivalent to Buffer(arg, encoding) but throws a TypeError - * if value is a number. - * Buffer.from(str[, encoding]) - * Buffer.from(array) - * Buffer.from(buffer) - * Buffer.from(arrayBuffer[, byteOffset[, length]]) - **/ -Buffer.from = function (value, encodingOrOffset, length) { - return from(null, value, encodingOrOffset, length) -} - -if (Buffer.TYPED_ARRAY_SUPPORT) { - Buffer.prototype.__proto__ = Uint8Array.prototype - Buffer.__proto__ = Uint8Array - if (typeof Symbol !== 'undefined' && Symbol.species && - Buffer[Symbol.species] === Buffer) { - // Fix subarray() in ES2016. See: https://github.com/feross/buffer/pull/97 - Object.defineProperty(Buffer, Symbol.species, { - value: null, - configurable: true - }) - } -} + PosterPlugin.prototype.bindEvents = function bindEvents() { + this.listenTo(this.container, _events2.default.CONTAINER_STOP, this.onStop); + this.listenTo(this.container, _events2.default.CONTAINER_PLAY, this.onPlay); + this.listenTo(this.container, _events2.default.CONTAINER_STATE_BUFFERING, this.update); + this.listenTo(this.container, _events2.default.CONTAINER_STATE_BUFFERFULL, this.update); + this.listenTo(this.container, _events2.default.CONTAINER_OPTIONS_CHANGE, this.render); + this.showOnVideoEnd && this.listenTo(this.container, _events2.default.CONTAINER_ENDED, this.onStop); + }; -function assertSize (size) { - if (typeof size !== 'number') { - throw new TypeError('"size" argument must be a number') - } else if (size < 0) { - throw new RangeError('"size" argument must not be negative') - } -} + PosterPlugin.prototype.stopListening = function stopListening() { + _UIContainerPlugin.prototype.stopListening.call(this); + }; -function alloc (that, size, fill, encoding) { - assertSize(size) - if (size <= 0) { - return createBuffer(that, size) - } - if (fill !== undefined) { - // Only pay attention to encoding if it's a string. This - // prevents accidentally sending in a number that would - // be interpretted as a start offset. - return typeof encoding === 'string' - ? createBuffer(that, size).fill(fill, encoding) - : createBuffer(that, size).fill(fill) - } - return createBuffer(that, size) -} + PosterPlugin.prototype.onPlay = function onPlay() { + this.hasStartedPlaying = true; + this.update(); + }; -/** - * Creates a new filled Buffer instance. - * alloc(size[, fill[, encoding]]) - **/ -Buffer.alloc = function (size, fill, encoding) { - return alloc(null, size, fill, encoding) -} + PosterPlugin.prototype.onStop = function onStop() { + this.hasStartedPlaying = false; + this.playRequested = false; + this.update(); + }; -function allocUnsafe (that, size) { - assertSize(size) - that = createBuffer(that, size < 0 ? 0 : checked(size) | 0) - if (!Buffer.TYPED_ARRAY_SUPPORT) { - for (var i = 0; i < size; ++i) { - that[i] = 0 + PosterPlugin.prototype.showPlayButton = function showPlayButton(show) { + if (show && (!this.options.chromeless || this.options.allowUserInteraction)) { + this.$playButton.show(); + this.$el.addClass('clickable'); + } else { + this.$playButton.hide(); + this.$el.removeClass('clickable'); } - } - return that -} - -/** - * Equivalent to Buffer(num), by default creates a non-zero-filled Buffer instance. - * */ -Buffer.allocUnsafe = function (size) { - return allocUnsafe(null, size) -} -/** - * Equivalent to SlowBuffer(num), by default creates a non-zero-filled Buffer instance. - */ -Buffer.allocUnsafeSlow = function (size) { - return allocUnsafe(null, size) -} - -function fromString (that, string, encoding) { - if (typeof encoding !== 'string' || encoding === '') { - encoding = 'utf8' - } - - if (!Buffer.isEncoding(encoding)) { - throw new TypeError('"encoding" must be a valid string encoding') - } - - var length = byteLength(string, encoding) | 0 - that = createBuffer(that, length) - - var actual = that.write(string, encoding) - - if (actual !== length) { - // Writing a hex string, for example, that contains invalid characters will - // cause everything after the first invalid character to be ignored. (e.g. - // 'abxxcd' will be treated as 'ab') - that = that.slice(0, actual) - } - - return that -} - -function fromArrayLike (that, array) { - var length = array.length < 0 ? 0 : checked(array.length) | 0 - that = createBuffer(that, length) - for (var i = 0; i < length; i += 1) { - that[i] = array[i] & 255 - } - return that -} - -function fromArrayBuffer (that, array, byteOffset, length) { - array.byteLength // this throws if `array` is not a valid ArrayBuffer - - if (byteOffset < 0 || array.byteLength < byteOffset) { - throw new RangeError('\'offset\' is out of bounds') - } - - if (array.byteLength < byteOffset + (length || 0)) { - throw new RangeError('\'length\' is out of bounds') - } - - if (byteOffset === undefined && length === undefined) { - array = new Uint8Array(array) - } else if (length === undefined) { - array = new Uint8Array(array, byteOffset) - } else { - array = new Uint8Array(array, byteOffset, length) - } - - if (Buffer.TYPED_ARRAY_SUPPORT) { - // Return an augmented `Uint8Array` instance, for best performance - that = array - that.__proto__ = Buffer.prototype - } else { - // Fallback: Return an object instance of the Buffer class - that = fromArrayLike(that, array) - } - return that -} - -function fromObject (that, obj) { - if (Buffer.isBuffer(obj)) { - var len = checked(obj.length) | 0 - that = createBuffer(that, len) + }; - if (that.length === 0) { - return that + PosterPlugin.prototype.clicked = function clicked() { + if (!this.options.chromeless || this.options.allowUserInteraction) { + this.playRequested = true; + this.update(); + this.container.play(); } + return false; + }; - obj.copy(that, 0, 0, len) - return that - } + PosterPlugin.prototype.shouldHideOnPlay = function shouldHideOnPlay() { + // Audio broadcasts should keep the poster up; video should hide poster while playing. + return !this.container.playback.isAudioOnly; + }; - if (obj) { - if ((typeof ArrayBuffer !== 'undefined' && - obj.buffer instanceof ArrayBuffer) || 'length' in obj) { - if (typeof obj.length !== 'number' || isnan(obj.length)) { - return createBuffer(that, 0) + PosterPlugin.prototype.update = function update() { + if (!this.shouldRender) { + return; + } + var showPlayButton = !this.playRequested && !this.hasStartedPlaying && !this.container.buffering; + this.showPlayButton(showPlayButton); + if (!this.hasStartedPlaying) { + this.container.disableMediaControl(); + this.$el.show(); + } else { + this.container.enableMediaControl(); + if (this.shouldHideOnPlay()) { + this.$el.hide(); } - return fromArrayLike(that, obj) } + }; - if (obj.type === 'Buffer' && isArray(obj.data)) { - return fromArrayLike(that, obj.data) + PosterPlugin.prototype.render = function render() { + if (!this.shouldRender) { + return; } - } - - throw new TypeError('First argument must be a string, Buffer, ArrayBuffer, Array, or array-like object.') -} - -function checked (length) { - // Note: cannot use `length < kMaxLength()` here because that fails when - // length is NaN (which is otherwise coerced to zero.) - if (length >= kMaxLength()) { - throw new RangeError('Attempt to allocate Buffer larger than maximum ' + - 'size: 0x' + kMaxLength().toString(16) + ' bytes') - } - return length | 0 -} - -function SlowBuffer (length) { - if (+length != length) { // eslint-disable-line eqeqeq - length = 0 - } - return Buffer.alloc(+length) -} - -Buffer.isBuffer = function isBuffer (b) { - return !!(b != null && b._isBuffer) -} - -Buffer.compare = function compare (a, b) { - if (!Buffer.isBuffer(a) || !Buffer.isBuffer(b)) { - throw new TypeError('Arguments must be Buffers') - } - - if (a === b) return 0 + var style = _styler2.default.getStyleFor(_poster2.default, { baseUrl: this.options.baseUrl }); + this.$el.html(this.template()); + this.$el.append(style); - var x = a.length - var y = b.length + var isRegularPoster = this.options.poster && this.options.poster.custom == undefined; - for (var i = 0, len = Math.min(x, y); i < len; ++i) { - if (a[i] !== b[i]) { - x = a[i] - y = b[i] - break + if (isRegularPoster) { + var posterUrl = this.options.poster.url || this.options.poster; + this.$el.css({ 'background-image': 'url(' + posterUrl + ')' }); + } else if (this.options.poster) { + this.$el.css({ 'background': this.options.poster.custom }); } - } - - if (x < y) return -1 - if (y < x) return 1 - return 0 -} - -Buffer.isEncoding = function isEncoding (encoding) { - switch (String(encoding).toLowerCase()) { - case 'hex': - case 'utf8': - case 'utf-8': - case 'ascii': - case 'latin1': - case 'binary': - case 'base64': - case 'ucs2': - case 'ucs-2': - case 'utf16le': - case 'utf-16le': - return true - default: - return false - } -} - -Buffer.concat = function concat (list, length) { - if (!isArray(list)) { - throw new TypeError('"list" argument must be an Array of Buffers') - } - - if (list.length === 0) { - return Buffer.alloc(0) - } + this.container.$el.append(this.el); + this.$playWrapper = this.$el.find('.play-wrapper'); + this.$playWrapper.append(_play2.default); + this.$playButton = this.$playWrapper.find('svg'); + this.$playButton.addClass('poster-icon'); + this.$playButton.attr('data-poster', ''); - var i - if (length === undefined) { - length = 0 - for (i = 0; i < list.length; ++i) { - length += list[i].length + var buttonsColor = this.options.mediacontrol && this.options.mediacontrol.buttons; + if (buttonsColor) { + this.$el.find('svg path').css('fill', buttonsColor); } - } - var buffer = Buffer.allocUnsafe(length) - var pos = 0 - for (i = 0; i < list.length; ++i) { - var buf = list[i] - if (!Buffer.isBuffer(buf)) { - throw new TypeError('"list" argument must be an Array of Buffers') + if (this.options.mediacontrol && this.options.mediacontrol.buttons) { + buttonsColor = this.options.mediacontrol.buttons; + this.$playButton.css('color', buttonsColor); } - buf.copy(buffer, pos) - pos += buf.length - } - return buffer -} + this.update(); + return this; + }; -function byteLength (string, encoding) { - if (Buffer.isBuffer(string)) { - return string.length - } - if (typeof ArrayBuffer !== 'undefined' && typeof ArrayBuffer.isView === 'function' && - (ArrayBuffer.isView(string) || string instanceof ArrayBuffer)) { - return string.byteLength - } - if (typeof string !== 'string') { - string = '' + string - } - - var len = string.length - if (len === 0) return 0 - - // Use a for loop to avoid recursion - var loweredCase = false - for (;;) { - switch (encoding) { - case 'ascii': - case 'latin1': - case 'binary': - return len - case 'utf8': - case 'utf-8': - case undefined: - return utf8ToBytes(string).length - case 'ucs2': - case 'ucs-2': - case 'utf16le': - case 'utf-16le': - return len * 2 - case 'hex': - return len >>> 1 - case 'base64': - return base64ToBytes(string).length - default: - if (loweredCase) return utf8ToBytes(string).length // assume utf8 - encoding = ('' + encoding).toLowerCase() - loweredCase = true - } - } -} -Buffer.byteLength = byteLength + return PosterPlugin; +}(_ui_container_plugin2.default); -function slowToString (encoding, start, end) { - var loweredCase = false +exports.default = PosterPlugin; +module.exports = exports['default']; +/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(58))) - // No need to verify that "this.length <= MAX_UINT32" since it's a read-only - // property of a typed array. +/***/ }), +/* 116 */ +/***/ (function(module, exports, __webpack_require__) { - // This behaves neither like String nor Uint8Array in that we set start/end - // to their upper/lower bounds if the value passed is out of range. - // undefined is handled specially as per ECMA-262 6th Edition, - // Section 13.3.3.7 Runtime Semantics: KeyedBindingInitialization. - if (start === undefined || start < 0) { - start = 0 - } - // Return early if start > this.length. Done here to prevent potential uint32 - // coercion fail below. - if (start > this.length) { - return '' - } +"use strict"; - if (end === undefined || end > this.length) { - end = this.length - } - if (end <= 0) { - return '' - } +Object.defineProperty(exports, "__esModule", { + value: true +}); - // Force coersion to uint32. This will also coerce falsey/NaN values to 0. - end >>>= 0 - start >>>= 0 +var _seek_time = __webpack_require__(117); - if (end <= start) { - return '' - } +var _seek_time2 = _interopRequireDefault(_seek_time); - if (!encoding) encoding = 'utf8' +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - while (true) { - switch (encoding) { - case 'hex': - return hexSlice(this, start, end) +exports.default = _seek_time2.default; +module.exports = exports['default']; - case 'utf8': - case 'utf-8': - return utf8Slice(this, start, end) +/***/ }), +/* 117 */ +/***/ (function(module, exports, __webpack_require__) { - case 'ascii': - return asciiSlice(this, start, end) +"use strict"; - case 'latin1': - case 'binary': - return latin1Slice(this, start, end) - case 'base64': - return base64Slice(this, start, end) +Object.defineProperty(exports, "__esModule", { + value: true +}); - case 'ucs2': - case 'ucs-2': - case 'utf16le': - case 'utf-16le': - return utf16leSlice(this, start, end) +var _classCallCheck2 = __webpack_require__(0); - default: - if (loweredCase) throw new TypeError('Unknown encoding: ' + encoding) - encoding = (encoding + '').toLowerCase() - loweredCase = true - } - } -} +var _classCallCheck3 = _interopRequireDefault(_classCallCheck2); -// The property is used by `Buffer.isBuffer` and `is-buffer` (in Safari 5-7) to detect -// Buffer instances. -Buffer.prototype._isBuffer = true +var _possibleConstructorReturn2 = __webpack_require__(2); -function swap (b, n, m) { - var i = b[n] - b[n] = b[m] - b[m] = i -} +var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2); -Buffer.prototype.swap16 = function swap16 () { - var len = this.length - if (len % 2 !== 0) { - throw new RangeError('Buffer size must be a multiple of 16-bits') - } - for (var i = 0; i < len; i += 2) { - swap(this, i, i + 1) - } - return this -} +var _createClass2 = __webpack_require__(3); -Buffer.prototype.swap32 = function swap32 () { - var len = this.length - if (len % 4 !== 0) { - throw new RangeError('Buffer size must be a multiple of 32-bits') - } - for (var i = 0; i < len; i += 4) { - swap(this, i, i + 3) - swap(this, i + 1, i + 2) - } - return this -} +var _createClass3 = _interopRequireDefault(_createClass2); -Buffer.prototype.swap64 = function swap64 () { - var len = this.length - if (len % 8 !== 0) { - throw new RangeError('Buffer size must be a multiple of 64-bits') - } - for (var i = 0; i < len; i += 8) { - swap(this, i, i + 7) - swap(this, i + 1, i + 6) - swap(this, i + 2, i + 5) - swap(this, i + 3, i + 4) - } - return this -} +var _inherits2 = __webpack_require__(1); -Buffer.prototype.toString = function toString () { - var length = this.length | 0 - if (length === 0) return '' - if (arguments.length === 0) return utf8Slice(this, 0, length) - return slowToString.apply(this, arguments) -} +var _inherits3 = _interopRequireDefault(_inherits2); -Buffer.prototype.equals = function equals (b) { - if (!Buffer.isBuffer(b)) throw new TypeError('Argument must be a Buffer') - if (this === b) return true - return Buffer.compare(this, b) === 0 -} +var _utils = __webpack_require__(5); -Buffer.prototype.inspect = function inspect () { - var str = '' - var max = exports.INSPECT_MAX_BYTES - if (this.length > 0) { - str = this.toString('hex', 0, max).match(/.{2}/g).join(' ') - if (this.length > max) str += ' ... ' - } - return '' -} +var _ui_core_plugin = __webpack_require__(38); -Buffer.prototype.compare = function compare (target, start, end, thisStart, thisEnd) { - if (!Buffer.isBuffer(target)) { - throw new TypeError('Argument must be a Buffer') - } +var _ui_core_plugin2 = _interopRequireDefault(_ui_core_plugin); - if (start === undefined) { - start = 0 - } - if (end === undefined) { - end = target ? target.length : 0 - } - if (thisStart === undefined) { - thisStart = 0 - } - if (thisEnd === undefined) { - thisEnd = this.length - } +var _styler = __webpack_require__(8); - if (start < 0 || end > target.length || thisStart < 0 || thisEnd > this.length) { - throw new RangeError('out of range index') - } +var _styler2 = _interopRequireDefault(_styler); - if (thisStart >= thisEnd && start >= end) { - return 0 - } - if (thisStart >= thisEnd) { - return -1 - } - if (start >= end) { - return 1 - } +var _template = __webpack_require__(9); - start >>>= 0 - end >>>= 0 - thisStart >>>= 0 - thisEnd >>>= 0 +var _template2 = _interopRequireDefault(_template); - if (this === target) return 0 +var _events = __webpack_require__(4); - var x = thisEnd - thisStart - var y = end - start - var len = Math.min(x, y) +var _events2 = _interopRequireDefault(_events); - var thisCopy = this.slice(thisStart, thisEnd) - var targetCopy = target.slice(start, end) +var _playback = __webpack_require__(7); - for (var i = 0; i < len; ++i) { - if (thisCopy[i] !== targetCopy[i]) { - x = thisCopy[i] - y = targetCopy[i] - break - } - } +var _playback2 = _interopRequireDefault(_playback); - if (x < y) return -1 - if (y < x) return 1 - return 0 -} +var _seek_time = __webpack_require__(186); -// Finds either the first index of `val` in `buffer` at offset >= `byteOffset`, -// OR the last index of `val` in `buffer` at offset <= `byteOffset`. -// -// Arguments: -// - buffer - a Buffer to search -// - val - a string, Buffer, or number -// - byteOffset - an index into `buffer`; will be clamped to an int32 -// - encoding - an optional encoding, relevant is val is a string -// - dir - true for indexOf, false for lastIndexOf -function bidirectionalIndexOf (buffer, val, byteOffset, encoding, dir) { - // Empty buffer means no match - if (buffer.length === 0) return -1 - - // Normalize byteOffset - if (typeof byteOffset === 'string') { - encoding = byteOffset - byteOffset = 0 - } else if (byteOffset > 0x7fffffff) { - byteOffset = 0x7fffffff - } else if (byteOffset < -0x80000000) { - byteOffset = -0x80000000 - } - byteOffset = +byteOffset // Coerce to Number. - if (isNaN(byteOffset)) { - // byteOffset: it it's undefined, null, NaN, "foo", etc, search whole buffer - byteOffset = dir ? 0 : (buffer.length - 1) - } - - // Normalize byteOffset: negative offsets start from the end of the buffer - if (byteOffset < 0) byteOffset = buffer.length + byteOffset - if (byteOffset >= buffer.length) { - if (dir) return -1 - else byteOffset = buffer.length - 1 - } else if (byteOffset < 0) { - if (dir) byteOffset = 0 - else return -1 - } - - // Normalize val - if (typeof val === 'string') { - val = Buffer.from(val, encoding) - } - - // Finally, search either indexOf (if dir is true) or lastIndexOf - if (Buffer.isBuffer(val)) { - // Special case: looking for empty string/buffer always fails - if (val.length === 0) { - return -1 - } - return arrayIndexOf(buffer, val, byteOffset, encoding, dir) - } else if (typeof val === 'number') { - val = val & 0xFF // Search for a byte value [0-255] - if (Buffer.TYPED_ARRAY_SUPPORT && - typeof Uint8Array.prototype.indexOf === 'function') { - if (dir) { - return Uint8Array.prototype.indexOf.call(buffer, val, byteOffset) - } else { - return Uint8Array.prototype.lastIndexOf.call(buffer, val, byteOffset) - } - } - return arrayIndexOf(buffer, [ val ], byteOffset, encoding, dir) - } +var _seek_time2 = _interopRequireDefault(_seek_time); - throw new TypeError('val must be string, number or Buffer') -} +var _seek_time3 = __webpack_require__(195); -function arrayIndexOf (arr, val, byteOffset, encoding, dir) { - var indexSize = 1 - var arrLength = arr.length - var valLength = val.length +var _seek_time4 = _interopRequireDefault(_seek_time3); - if (encoding !== undefined) { - encoding = String(encoding).toLowerCase() - if (encoding === 'ucs2' || encoding === 'ucs-2' || - encoding === 'utf16le' || encoding === 'utf-16le') { - if (arr.length < 2 || val.length < 2) { - return -1 - } - indexSize = 2 - arrLength /= 2 - valLength /= 2 - byteOffset /= 2 - } - } +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - function read (buf, i) { - if (indexSize === 1) { - return buf[i] - } else { - return buf.readUInt16BE(i * indexSize) - } - } +// 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 i - if (dir) { - var foundIndex = -1 - for (i = byteOffset; i < arrLength; i++) { - if (read(arr, i) === read(val, foundIndex === -1 ? 0 : i - foundIndex)) { - if (foundIndex === -1) foundIndex = i - if (i - foundIndex + 1 === valLength) return foundIndex * indexSize - } else { - if (foundIndex !== -1) i -= i - foundIndex - foundIndex = -1 - } +var SeekTime = function (_UICorePlugin) { + (0, _inherits3.default)(SeekTime, _UICorePlugin); + (0, _createClass3.default)(SeekTime, [{ + key: 'name', + get: function get() { + return 'seek_time'; } - } else { - if (byteOffset + valLength > arrLength) byteOffset = arrLength - valLength - for (i = byteOffset; i >= 0; i--) { - var found = true - for (var j = 0; j < valLength; j++) { - if (read(arr, i + j) !== read(val, j)) { - found = false - break - } - } - if (found) return i + }, { + key: 'template', + get: function get() { + return (0, _template2.default)(_seek_time4.default); } - } - - return -1 -} - -Buffer.prototype.includes = function includes (val, byteOffset, encoding) { - return this.indexOf(val, byteOffset, encoding) !== -1 -} + }, { + key: 'attributes', + get: function get() { + return { + 'class': 'seek-time', + 'data-seek-time': '' + }; + } + }, { + key: 'mediaControl', + get: function get() { + return this.core.mediaControl; + } + }, { + key: 'mediaControlContainer', + get: function get() { + return this.mediaControl.container; + } + }, { + key: 'isLiveStreamWithDvr', + get: function get() { + return this.mediaControlContainer && this.mediaControlContainer.getPlaybackType() === _playback2.default.LIVE && this.mediaControlContainer.isDvrEnabled(); + } + }, { + key: 'durationShown', + get: function get() { + return this.isLiveStreamWithDvr && !this.useActualLiveTime; + } + }, { + key: 'useActualLiveTime', + get: function get() { + return this.actualLiveTime && this.isLiveStreamWithDvr; + } + }]); -Buffer.prototype.indexOf = function indexOf (val, byteOffset, encoding) { - return bidirectionalIndexOf(this, val, byteOffset, encoding, true) -} + function SeekTime(core) { + (0, _classCallCheck3.default)(this, SeekTime); -Buffer.prototype.lastIndexOf = function lastIndexOf (val, byteOffset, encoding) { - return bidirectionalIndexOf(this, val, byteOffset, encoding, false) -} + var _this = (0, _possibleConstructorReturn3.default)(this, _UICorePlugin.call(this, core)); -function hexWrite (buf, string, offset, length) { - offset = Number(offset) || 0 - var remaining = buf.length - offset - if (!length) { - length = remaining - } else { - length = Number(length) - if (length > remaining) { - length = remaining + _this.hoveringOverSeekBar = false; + _this.hoverPosition = null; + _this.duration = null; + _this.actualLiveTime = !!_this.mediaControl.options.actualLiveTime; + if (_this.actualLiveTime) { + if (_this.mediaControl.options.actualLiveServerTime) { + _this.actualLiveServerTimeDiff = new Date().getTime() - new Date(_this.mediaControl.options.actualLiveServerTime).getTime(); + } else { + _this.actualLiveServerTimeDiff = 0; + } } + return _this; } - // must be an even number of digits - var strLen = string.length - if (strLen % 2 !== 0) throw new TypeError('Invalid hex string') - - if (length > strLen / 2) { - length = strLen / 2 - } - for (var i = 0; i < length; ++i) { - var parsed = parseInt(string.substr(i * 2, 2), 16) - if (isNaN(parsed)) return i - buf[offset + i] = parsed - } - return i -} + SeekTime.prototype.bindEvents = function bindEvents() { + this.listenTo(this.mediaControl, _events2.default.MEDIACONTROL_RENDERED, this.render); + this.listenTo(this.mediaControl, _events2.default.MEDIACONTROL_MOUSEMOVE_SEEKBAR, this.showTime); + this.listenTo(this.mediaControl, _events2.default.MEDIACONTROL_MOUSELEAVE_SEEKBAR, this.hideTime); + this.listenTo(this.mediaControl, _events2.default.MEDIACONTROL_CONTAINERCHANGED, this.onContainerChanged); + if (this.mediaControlContainer) { + this.listenTo(this.mediaControlContainer, _events2.default.CONTAINER_PLAYBACKDVRSTATECHANGED, this.update); + this.listenTo(this.mediaControlContainer, _events2.default.CONTAINER_TIMEUPDATE, this.updateDuration); + } + }; -function utf8Write (buf, string, offset, length) { - return blitBuffer(utf8ToBytes(string, buf.length - offset), buf, offset, length) -} + SeekTime.prototype.onContainerChanged = function onContainerChanged() { + this.stopListening(); + this.bindEvents(); + }; -function asciiWrite (buf, string, offset, length) { - return blitBuffer(asciiToBytes(string), buf, offset, length) -} + SeekTime.prototype.updateDuration = function updateDuration(timeProgress) { + this.duration = timeProgress.total; + this.update(); + }; -function latin1Write (buf, string, offset, length) { - return asciiWrite(buf, string, offset, length) -} + SeekTime.prototype.showTime = function showTime(event) { + this.hoveringOverSeekBar = true; + this.calculateHoverPosition(event); + this.update(); + }; -function base64Write (buf, string, offset, length) { - return blitBuffer(base64ToBytes(string), buf, offset, length) -} + SeekTime.prototype.hideTime = function hideTime() { + this.hoveringOverSeekBar = false; + this.update(); + }; -function ucs2Write (buf, string, offset, length) { - return blitBuffer(utf16leToBytes(string, buf.length - offset), buf, offset, length) -} + SeekTime.prototype.calculateHoverPosition = function calculateHoverPosition(event) { + var offset = event.pageX - this.mediaControl.$seekBarContainer.offset().left; + // proportion into the seek bar that the mouse is hovered over 0-1 + this.hoverPosition = Math.min(1, Math.max(offset / this.mediaControl.$seekBarContainer.width(), 0)); + }; -Buffer.prototype.write = function write (string, offset, length, encoding) { - // Buffer#write(string) - if (offset === undefined) { - encoding = 'utf8' - length = this.length - offset = 0 - // Buffer#write(string, encoding) - } else if (length === undefined && typeof offset === 'string') { - encoding = offset - length = this.length - offset = 0 - // Buffer#write(string, offset[, length][, encoding]) - } else if (isFinite(offset)) { - offset = offset | 0 - if (isFinite(length)) { - length = length | 0 - if (encoding === undefined) encoding = 'utf8' + SeekTime.prototype.getSeekTime = function getSeekTime() { + var seekTime = void 0, + secondsSinceMidnight = void 0; + if (this.useActualLiveTime) { + var d = new Date(new Date().getTime() - this.actualLiveServerTimeDiff), + e = new Date(d); + secondsSinceMidnight = (e - d.setHours(0, 0, 0, 0)) / 1000; + seekTime = secondsSinceMidnight - this.duration + this.hoverPosition * this.duration; + if (seekTime < 0) { + seekTime += 86400; + } } else { - encoding = length - length = undefined + seekTime = this.hoverPosition * this.duration; } - // legacy write(string, encoding, offset, length) - remove in v0.13 - } else { - throw new Error( - 'Buffer.write(string, encoding, offset[, length]) is no longer supported' - ) - } + return { seekTime: seekTime, secondsSinceMidnight: secondsSinceMidnight }; + }; - var remaining = this.length - offset - if (length === undefined || length > remaining) length = remaining + SeekTime.prototype.update = function update() { + if (!this.rendered) { + // update() is always called after a render + return; + } + if (!this.shouldBeVisible()) { + this.$el.hide(); + this.$el.css('left', '-100%'); + } else { + var seekTime = this.getSeekTime(); + var currentSeekTime = (0, _utils.formatTime)(seekTime.seekTime, this.useActualLiveTime); + // only update dom if necessary, ie time actually changed + if (currentSeekTime !== this.displayedSeekTime) { + this.$seekTimeEl.text(currentSeekTime); + this.displayedSeekTime = currentSeekTime; + } - if ((string.length > 0 && (length < 0 || offset < 0)) || offset > this.length) { - throw new RangeError('Attempt to write outside buffer bounds') - } + if (this.durationShown) { + this.$durationEl.show(); + var currentDuration = (0, _utils.formatTime)(this.actualLiveTime ? seekTime.secondsSinceMidnight : this.duration, this.actualLiveTime); + if (currentDuration !== this.displayedDuration) { + this.$durationEl.text(currentDuration); + this.displayedDuration = currentDuration; + } + } else { + this.$durationEl.hide(); + } - if (!encoding) encoding = 'utf8' + // the element must be unhidden before its width is requested, otherwise it's width will be reported as 0 + this.$el.show(); + var containerWidth = this.mediaControl.$seekBarContainer.width(); + var elWidth = this.$el.width(); + var elLeftPos = this.hoverPosition * containerWidth; + elLeftPos -= elWidth / 2; + elLeftPos = Math.max(0, Math.min(elLeftPos, containerWidth - elWidth)); + this.$el.css('left', elLeftPos); + } + }; - var loweredCase = false - for (;;) { - switch (encoding) { - case 'hex': - return hexWrite(this, string, offset, length) + SeekTime.prototype.shouldBeVisible = function shouldBeVisible() { + return this.mediaControlContainer && this.mediaControlContainer.settings.seekEnabled && this.hoveringOverSeekBar && this.hoverPosition !== null && this.duration !== null; + }; - case 'utf8': - case 'utf-8': - return utf8Write(this, string, offset, length) + SeekTime.prototype.render = function render() { + this.rendered = true; + this.displayedDuration = null; + this.displayedSeekTime = null; + var style = _styler2.default.getStyleFor(_seek_time2.default); + this.$el.html(this.template()); + this.$el.append(style); + this.$el.hide(); + this.mediaControl.$el.append(this.el); + this.$seekTimeEl = this.$el.find('[data-seek-time]'); + this.$durationEl = this.$el.find('[data-duration]'); + this.$durationEl.hide(); + this.update(); + }; - case 'ascii': - return asciiWrite(this, string, offset, length) + return SeekTime; +}(_ui_core_plugin2.default); - case 'latin1': - case 'binary': - return latin1Write(this, string, offset, length) +exports.default = SeekTime; +module.exports = exports['default']; - case 'base64': - // Warning: maxLength not taken into account in base64Write - return base64Write(this, string, offset, length) +/***/ }), +/* 118 */ +/***/ (function(module, exports, __webpack_require__) { - case 'ucs2': - case 'ucs-2': - case 'utf16le': - case 'utf-16le': - return ucs2Write(this, string, offset, length) +"use strict"; - default: - if (loweredCase) throw new TypeError('Unknown encoding: ' + encoding) - encoding = ('' + encoding).toLowerCase() - loweredCase = true - } - } -} -Buffer.prototype.toJSON = function toJSON () { - return { - type: 'Buffer', - data: Array.prototype.slice.call(this._arr || this, 0) - } -} +Object.defineProperty(exports, "__esModule", { + value: true +}); -function base64Slice (buf, start, end) { - if (start === 0 && end === buf.length) { - return base64.fromByteArray(buf) - } else { - return base64.fromByteArray(buf.slice(start, end)) - } -} +var _classCallCheck2 = __webpack_require__(0); -function utf8Slice (buf, start, end) { - end = Math.min(buf.length, end) - var res = [] +var _classCallCheck3 = _interopRequireDefault(_classCallCheck2); - var i = start - while (i < end) { - var firstByte = buf[i] - var codePoint = null - var bytesPerSequence = (firstByte > 0xEF) ? 4 - : (firstByte > 0xDF) ? 3 - : (firstByte > 0xBF) ? 2 - : 1 +var _createClass2 = __webpack_require__(3); - if (i + bytesPerSequence <= end) { - var secondByte, thirdByte, fourthByte, tempCodePoint +var _createClass3 = _interopRequireDefault(_createClass2); - switch (bytesPerSequence) { - case 1: - if (firstByte < 0x80) { - codePoint = firstByte - } - break - case 2: - secondByte = buf[i + 1] - if ((secondByte & 0xC0) === 0x80) { - tempCodePoint = (firstByte & 0x1F) << 0x6 | (secondByte & 0x3F) - if (tempCodePoint > 0x7F) { - codePoint = tempCodePoint - } - } - break - case 3: - secondByte = buf[i + 1] - thirdByte = buf[i + 2] - if ((secondByte & 0xC0) === 0x80 && (thirdByte & 0xC0) === 0x80) { - tempCodePoint = (firstByte & 0xF) << 0xC | (secondByte & 0x3F) << 0x6 | (thirdByte & 0x3F) - if (tempCodePoint > 0x7FF && (tempCodePoint < 0xD800 || tempCodePoint > 0xDFFF)) { - codePoint = tempCodePoint - } - } - break - case 4: - secondByte = buf[i + 1] - thirdByte = buf[i + 2] - fourthByte = buf[i + 3] - if ((secondByte & 0xC0) === 0x80 && (thirdByte & 0xC0) === 0x80 && (fourthByte & 0xC0) === 0x80) { - tempCodePoint = (firstByte & 0xF) << 0x12 | (secondByte & 0x3F) << 0xC | (thirdByte & 0x3F) << 0x6 | (fourthByte & 0x3F) - if (tempCodePoint > 0xFFFF && tempCodePoint < 0x110000) { - codePoint = tempCodePoint - } - } - } - } +var _possibleConstructorReturn2 = __webpack_require__(2); - if (codePoint === null) { - // we did not generate a valid codePoint so insert a - // replacement char (U+FFFD) and advance only 1 byte - codePoint = 0xFFFD - bytesPerSequence = 1 - } else if (codePoint > 0xFFFF) { - // encode to utf16 (surrogate pair dance) - codePoint -= 0x10000 - res.push(codePoint >>> 10 & 0x3FF | 0xD800) - codePoint = 0xDC00 | codePoint & 0x3FF - } +var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2); - res.push(codePoint) - i += bytesPerSequence - } +var _inherits2 = __webpack_require__(1); - return decodeCodePointsArray(res) -} +var _inherits3 = _interopRequireDefault(_inherits2); -// Based on http://stackoverflow.com/a/22747272/680742, the browser with -// the lowest limit is Chrome, with 0x10000 args. -// We go 1 magnitude less, for safety -var MAX_ARGUMENTS_LENGTH = 0x1000 +var _core_plugin = __webpack_require__(25); -function decodeCodePointsArray (codePoints) { - var len = codePoints.length - if (len <= MAX_ARGUMENTS_LENGTH) { - return String.fromCharCode.apply(String, codePoints) // avoid extra slice() - } +var _core_plugin2 = _interopRequireDefault(_core_plugin); - // Decode in chunks to avoid "call stack size exceeded". - var res = '' - var i = 0 - while (i < len) { - res += String.fromCharCode.apply( - String, - codePoints.slice(i, i += MAX_ARGUMENTS_LENGTH) - ) - } - return res -} +var _events = __webpack_require__(4); -function asciiSlice (buf, start, end) { - var ret = '' - end = Math.min(buf.length, end) +var _events2 = _interopRequireDefault(_events); - for (var i = start; i < end; ++i) { - ret += String.fromCharCode(buf[i] & 0x7F) - } - return ret -} +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } -function latin1Slice (buf, start, end) { - var ret = '' - end = Math.min(buf.length, end) +var SourcesPlugin = function (_CorePlugin) { + (0, _inherits3.default)(SourcesPlugin, _CorePlugin); - for (var i = start; i < end; ++i) { - ret += String.fromCharCode(buf[i]) + function SourcesPlugin() { + (0, _classCallCheck3.default)(this, SourcesPlugin); + return (0, _possibleConstructorReturn3.default)(this, _CorePlugin.apply(this, arguments)); } - return ret -} -function hexSlice (buf, start, end) { - var len = buf.length + SourcesPlugin.prototype.bindEvents = function bindEvents() { + this.listenTo(this.core, _events2.default.CORE_CONTAINERS_CREATED, this.onContainersCreated); + }; - if (!start || start < 0) start = 0 - if (!end || end < 0 || end > len) end = len + SourcesPlugin.prototype.onContainersCreated = function onContainersCreated() { + var firstValidSource = this.core.containers.filter(function (container) { + return container.playback.name !== 'no_op'; + })[0] || this.core.containers[0]; + if (firstValidSource) { + this.core.containers.forEach(function (container) { + if (container !== firstValidSource) { + container.destroy(); + } + }); + } + }; - var out = '' - for (var i = start; i < end; ++i) { - out += toHex(buf[i]) - } - return out -} + (0, _createClass3.default)(SourcesPlugin, [{ + key: 'name', + get: function get() { + return 'sources'; + } + }]); + return SourcesPlugin; +}(_core_plugin2.default); -function utf16leSlice (buf, start, end) { - var bytes = buf.slice(start, end) - var res = '' - for (var i = 0; i < bytes.length; i += 2) { - res += String.fromCharCode(bytes[i] + bytes[i + 1] * 256) - } - return res -} +exports.default = SourcesPlugin; +module.exports = exports['default']; -Buffer.prototype.slice = function slice (start, end) { - var len = this.length - start = ~~start - end = end === undefined ? len : ~~end +/***/ }), +/* 119 */ +/***/ (function(module, exports, __webpack_require__) { - if (start < 0) { - start += len - if (start < 0) start = 0 - } else if (start > len) { - start = len - } - - if (end < 0) { - end += len - if (end < 0) end = 0 - } else if (end > len) { - end = len - } - - if (end < start) end = start - - var newBuf - if (Buffer.TYPED_ARRAY_SUPPORT) { - newBuf = this.subarray(start, end) - newBuf.__proto__ = Buffer.prototype - } else { - var sliceLen = end - start - newBuf = new Buffer(sliceLen, undefined) - for (var i = 0; i < sliceLen; ++i) { - newBuf[i] = this[i + start] - } - } - - return newBuf -} +"use strict"; -/* - * Need to make sure that buffer isn't trying to write out of bounds. - */ -function checkOffset (offset, ext, length) { - if ((offset % 1) !== 0 || offset < 0) throw new RangeError('offset is not uint') - if (offset + ext > length) throw new RangeError('Trying to access beyond buffer length') -} -Buffer.prototype.readUIntLE = function readUIntLE (offset, byteLength, noAssert) { - offset = offset | 0 - byteLength = byteLength | 0 - if (!noAssert) checkOffset(offset, byteLength, this.length) +Object.defineProperty(exports, "__esModule", { + value: true +}); - var val = this[offset] - var mul = 1 - var i = 0 - while (++i < byteLength && (mul *= 0x100)) { - val += this[offset + i] * mul - } +var _spinner_three_bounce = __webpack_require__(120); - return val -} +var _spinner_three_bounce2 = _interopRequireDefault(_spinner_three_bounce); -Buffer.prototype.readUIntBE = function readUIntBE (offset, byteLength, noAssert) { - offset = offset | 0 - byteLength = byteLength | 0 - if (!noAssert) { - checkOffset(offset, byteLength, this.length) - } +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - var val = this[offset + --byteLength] - var mul = 1 - while (byteLength > 0 && (mul *= 0x100)) { - val += this[offset + --byteLength] * mul - } +exports.default = _spinner_three_bounce2.default; +module.exports = exports['default']; - return val -} +/***/ }), +/* 120 */ +/***/ (function(module, exports, __webpack_require__) { -Buffer.prototype.readUInt8 = function readUInt8 (offset, noAssert) { - if (!noAssert) checkOffset(offset, 1, this.length) - return this[offset] -} +"use strict"; -Buffer.prototype.readUInt16LE = function readUInt16LE (offset, noAssert) { - if (!noAssert) checkOffset(offset, 2, this.length) - return this[offset] | (this[offset + 1] << 8) -} -Buffer.prototype.readUInt16BE = function readUInt16BE (offset, noAssert) { - if (!noAssert) checkOffset(offset, 2, this.length) - return (this[offset] << 8) | this[offset + 1] -} +Object.defineProperty(exports, "__esModule", { + value: true +}); -Buffer.prototype.readUInt32LE = function readUInt32LE (offset, noAssert) { - if (!noAssert) checkOffset(offset, 4, this.length) +var _classCallCheck2 = __webpack_require__(0); - return ((this[offset]) | - (this[offset + 1] << 8) | - (this[offset + 2] << 16)) + - (this[offset + 3] * 0x1000000) -} +var _classCallCheck3 = _interopRequireDefault(_classCallCheck2); -Buffer.prototype.readUInt32BE = function readUInt32BE (offset, noAssert) { - if (!noAssert) checkOffset(offset, 4, this.length) +var _possibleConstructorReturn2 = __webpack_require__(2); - return (this[offset] * 0x1000000) + - ((this[offset + 1] << 16) | - (this[offset + 2] << 8) | - this[offset + 3]) -} +var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2); -Buffer.prototype.readIntLE = function readIntLE (offset, byteLength, noAssert) { - offset = offset | 0 - byteLength = byteLength | 0 - if (!noAssert) checkOffset(offset, byteLength, this.length) +var _createClass2 = __webpack_require__(3); - var val = this[offset] - var mul = 1 - var i = 0 - while (++i < byteLength && (mul *= 0x100)) { - val += this[offset + i] * mul - } - mul *= 0x80 +var _createClass3 = _interopRequireDefault(_createClass2); - if (val >= mul) val -= Math.pow(2, 8 * byteLength) +var _inherits2 = __webpack_require__(1); - return val -} +var _inherits3 = _interopRequireDefault(_inherits2); -Buffer.prototype.readIntBE = function readIntBE (offset, byteLength, noAssert) { - offset = offset | 0 - byteLength = byteLength | 0 - if (!noAssert) checkOffset(offset, byteLength, this.length) +var _ui_container_plugin = __webpack_require__(32); - var i = byteLength - var mul = 1 - var val = this[offset + --i] - while (i > 0 && (mul *= 0x100)) { - val += this[offset + --i] * mul - } - mul *= 0x80 +var _ui_container_plugin2 = _interopRequireDefault(_ui_container_plugin); - if (val >= mul) val -= Math.pow(2, 8 * byteLength) +var _events = __webpack_require__(4); - return val -} +var _events2 = _interopRequireDefault(_events); -Buffer.prototype.readInt8 = function readInt8 (offset, noAssert) { - if (!noAssert) checkOffset(offset, 1, this.length) - if (!(this[offset] & 0x80)) return (this[offset]) - return ((0xff - this[offset] + 1) * -1) -} +var _styler = __webpack_require__(8); -Buffer.prototype.readInt16LE = function readInt16LE (offset, noAssert) { - if (!noAssert) checkOffset(offset, 2, this.length) - var val = this[offset] | (this[offset + 1] << 8) - return (val & 0x8000) ? val | 0xFFFF0000 : val -} +var _styler2 = _interopRequireDefault(_styler); -Buffer.prototype.readInt16BE = function readInt16BE (offset, noAssert) { - if (!noAssert) checkOffset(offset, 2, this.length) - var val = this[offset + 1] | (this[offset] << 8) - return (val & 0x8000) ? val | 0xFFFF0000 : val -} +var _template = __webpack_require__(9); -Buffer.prototype.readInt32LE = function readInt32LE (offset, noAssert) { - if (!noAssert) checkOffset(offset, 4, this.length) +var _template2 = _interopRequireDefault(_template); - return (this[offset]) | - (this[offset + 1] << 8) | - (this[offset + 2] << 16) | - (this[offset + 3] << 24) -} +var _spinner = __webpack_require__(196); -Buffer.prototype.readInt32BE = function readInt32BE (offset, noAssert) { - if (!noAssert) checkOffset(offset, 4, this.length) +var _spinner2 = _interopRequireDefault(_spinner); - return (this[offset] << 24) | - (this[offset + 1] << 16) | - (this[offset + 2] << 8) | - (this[offset + 3]) -} +var _spinner3 = __webpack_require__(187); -Buffer.prototype.readFloatLE = function readFloatLE (offset, noAssert) { - if (!noAssert) checkOffset(offset, 4, this.length) - return ieee754.read(this, offset, true, 23, 4) -} +var _spinner4 = _interopRequireDefault(_spinner3); -Buffer.prototype.readFloatBE = function readFloatBE (offset, noAssert) { - if (!noAssert) checkOffset(offset, 4, this.length) - return ieee754.read(this, offset, false, 23, 4) -} +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } -Buffer.prototype.readDoubleLE = function readDoubleLE (offset, noAssert) { - if (!noAssert) checkOffset(offset, 8, this.length) - return ieee754.read(this, offset, true, 52, 8) -} +// 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. -Buffer.prototype.readDoubleBE = function readDoubleBE (offset, noAssert) { - if (!noAssert) checkOffset(offset, 8, this.length) - return ieee754.read(this, offset, false, 52, 8) -} +var SpinnerThreeBouncePlugin = function (_UIContainerPlugin) { + (0, _inherits3.default)(SpinnerThreeBouncePlugin, _UIContainerPlugin); + (0, _createClass3.default)(SpinnerThreeBouncePlugin, [{ + key: 'name', + get: function get() { + return 'spinner'; + } + }, { + key: 'attributes', + get: function get() { + return { + 'data-spinner': '', + 'class': 'spinner-three-bounce' + }; + } + }]); -function checkInt (buf, value, offset, ext, max, min) { - if (!Buffer.isBuffer(buf)) throw new TypeError('"buffer" argument must be a Buffer instance') - if (value > max || value < min) throw new RangeError('"value" argument is out of bounds') - if (offset + ext > buf.length) throw new RangeError('Index out of range') -} + function SpinnerThreeBouncePlugin(container) { + (0, _classCallCheck3.default)(this, SpinnerThreeBouncePlugin); -Buffer.prototype.writeUIntLE = function writeUIntLE (value, offset, byteLength, noAssert) { - value = +value - offset = offset | 0 - byteLength = byteLength | 0 - if (!noAssert) { - var maxBytes = Math.pow(2, 8 * byteLength) - 1 - checkInt(this, value, offset, byteLength, maxBytes, 0) - } + var _this = (0, _possibleConstructorReturn3.default)(this, _UIContainerPlugin.call(this, container)); - var mul = 1 - var i = 0 - this[offset] = value & 0xFF - while (++i < byteLength && (mul *= 0x100)) { - this[offset + i] = (value / mul) & 0xFF + _this.template = (0, _template2.default)(_spinner2.default); + _this.showTimeout = null; + _this.listenTo(_this.container, _events2.default.CONTAINER_STATE_BUFFERING, _this.onBuffering); + _this.listenTo(_this.container, _events2.default.CONTAINER_STATE_BUFFERFULL, _this.onBufferFull); + _this.listenTo(_this.container, _events2.default.CONTAINER_STOP, _this.onStop); + _this.listenTo(_this.container, _events2.default.CONTAINER_ENDED, _this.onStop); + _this.listenTo(_this.container, _events2.default.CONTAINER_ERROR, _this.onStop); + _this.render(); + return _this; } - return offset + byteLength -} + SpinnerThreeBouncePlugin.prototype.onBuffering = function onBuffering() { + this.show(); + }; -Buffer.prototype.writeUIntBE = function writeUIntBE (value, offset, byteLength, noAssert) { - value = +value - offset = offset | 0 - byteLength = byteLength | 0 - if (!noAssert) { - var maxBytes = Math.pow(2, 8 * byteLength) - 1 - checkInt(this, value, offset, byteLength, maxBytes, 0) - } + SpinnerThreeBouncePlugin.prototype.onBufferFull = function onBufferFull() { + this.hide(); + }; - var i = byteLength - 1 - var mul = 1 - this[offset + i] = value & 0xFF - while (--i >= 0 && (mul *= 0x100)) { - this[offset + i] = (value / mul) & 0xFF - } + SpinnerThreeBouncePlugin.prototype.onStop = function onStop() { + this.hide(); + }; - return offset + byteLength -} + SpinnerThreeBouncePlugin.prototype.show = function show() { + var _this2 = this; -Buffer.prototype.writeUInt8 = function writeUInt8 (value, offset, noAssert) { - value = +value - offset = offset | 0 - if (!noAssert) checkInt(this, value, offset, 1, 0xff, 0) - if (!Buffer.TYPED_ARRAY_SUPPORT) value = Math.floor(value) - this[offset] = (value & 0xff) - return offset + 1 -} + if (this.showTimeout === null) { + this.showTimeout = setTimeout(function () { + return _this2.$el.show(); + }, 300); + } + }; -function objectWriteUInt16 (buf, value, offset, littleEndian) { - if (value < 0) value = 0xffff + value + 1 - for (var i = 0, j = Math.min(buf.length - offset, 2); i < j; ++i) { - buf[offset + i] = (value & (0xff << (8 * (littleEndian ? i : 1 - i)))) >>> - (littleEndian ? i : 1 - i) * 8 - } -} + SpinnerThreeBouncePlugin.prototype.hide = function hide() { + if (this.showTimeout !== null) { + clearTimeout(this.showTimeout); + this.showTimeout = null; + } + this.$el.hide(); + }; -Buffer.prototype.writeUInt16LE = function writeUInt16LE (value, offset, noAssert) { - value = +value - offset = offset | 0 - if (!noAssert) checkInt(this, value, offset, 2, 0xffff, 0) - if (Buffer.TYPED_ARRAY_SUPPORT) { - this[offset] = (value & 0xff) - this[offset + 1] = (value >>> 8) - } else { - objectWriteUInt16(this, value, offset, true) - } - return offset + 2 -} + SpinnerThreeBouncePlugin.prototype.render = function render() { + this.$el.html(this.template()); + var style = _styler2.default.getStyleFor(_spinner4.default); + this.container.$el.append(style); + this.container.$el.append(this.$el); + this.$el.hide(); + if (this.container.buffering) { + this.onBuffering(); + } + return this; + }; -Buffer.prototype.writeUInt16BE = function writeUInt16BE (value, offset, noAssert) { - value = +value - offset = offset | 0 - if (!noAssert) checkInt(this, value, offset, 2, 0xffff, 0) - if (Buffer.TYPED_ARRAY_SUPPORT) { - this[offset] = (value >>> 8) - this[offset + 1] = (value & 0xff) - } else { - objectWriteUInt16(this, value, offset, false) - } - return offset + 2 -} + return SpinnerThreeBouncePlugin; +}(_ui_container_plugin2.default); -function objectWriteUInt32 (buf, value, offset, littleEndian) { - if (value < 0) value = 0xffffffff + value + 1 - for (var i = 0, j = Math.min(buf.length - offset, 4); i < j; ++i) { - buf[offset + i] = (value >>> (littleEndian ? i : 3 - i) * 8) & 0xff - } -} +exports.default = SpinnerThreeBouncePlugin; +module.exports = exports['default']; -Buffer.prototype.writeUInt32LE = function writeUInt32LE (value, offset, noAssert) { - value = +value - offset = offset | 0 - if (!noAssert) checkInt(this, value, offset, 4, 0xffffffff, 0) - if (Buffer.TYPED_ARRAY_SUPPORT) { - this[offset + 3] = (value >>> 24) - this[offset + 2] = (value >>> 16) - this[offset + 1] = (value >>> 8) - this[offset] = (value & 0xff) - } else { - objectWriteUInt32(this, value, offset, true) - } - return offset + 4 -} +/***/ }), +/* 121 */ +/***/ (function(module, exports, __webpack_require__) { -Buffer.prototype.writeUInt32BE = function writeUInt32BE (value, offset, noAssert) { - value = +value - offset = offset | 0 - if (!noAssert) checkInt(this, value, offset, 4, 0xffffffff, 0) - if (Buffer.TYPED_ARRAY_SUPPORT) { - this[offset] = (value >>> 24) - this[offset + 1] = (value >>> 16) - this[offset + 2] = (value >>> 8) - this[offset + 3] = (value & 0xff) - } else { - objectWriteUInt32(this, value, offset, false) - } - return offset + 4 -} +"use strict"; -Buffer.prototype.writeIntLE = function writeIntLE (value, offset, byteLength, noAssert) { - value = +value - offset = offset | 0 - if (!noAssert) { - var limit = Math.pow(2, 8 * byteLength - 1) - checkInt(this, value, offset, byteLength, limit - 1, -limit) - } +Object.defineProperty(exports, "__esModule", { + value: true +}); - var i = 0 - var mul = 1 - var sub = 0 - this[offset] = value & 0xFF - while (++i < byteLength && (mul *= 0x100)) { - if (value < 0 && sub === 0 && this[offset + i - 1] !== 0) { - sub = 1 - } - this[offset + i] = ((value / mul) >> 0) - sub & 0xFF - } +var _stats = __webpack_require__(122); - return offset + byteLength -} +var _stats2 = _interopRequireDefault(_stats); -Buffer.prototype.writeIntBE = function writeIntBE (value, offset, byteLength, noAssert) { - value = +value - offset = offset | 0 - if (!noAssert) { - var limit = Math.pow(2, 8 * byteLength - 1) +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - checkInt(this, value, offset, byteLength, limit - 1, -limit) - } +exports.default = _stats2.default; +module.exports = exports['default']; - var i = byteLength - 1 - var mul = 1 - var sub = 0 - this[offset + i] = value & 0xFF - while (--i >= 0 && (mul *= 0x100)) { - if (value < 0 && sub === 0 && this[offset + i + 1] !== 0) { - sub = 1 - } - this[offset + i] = ((value / mul) >> 0) - sub & 0xFF - } +/***/ }), +/* 122 */ +/***/ (function(module, exports, __webpack_require__) { - return offset + byteLength -} +"use strict"; -Buffer.prototype.writeInt8 = function writeInt8 (value, offset, noAssert) { - value = +value - offset = offset | 0 - if (!noAssert) checkInt(this, value, offset, 1, 0x7f, -0x80) - if (!Buffer.TYPED_ARRAY_SUPPORT) value = Math.floor(value) - if (value < 0) value = 0xff + value + 1 - this[offset] = (value & 0xff) - return offset + 1 -} -Buffer.prototype.writeInt16LE = function writeInt16LE (value, offset, noAssert) { - value = +value - offset = offset | 0 - if (!noAssert) checkInt(this, value, offset, 2, 0x7fff, -0x8000) - if (Buffer.TYPED_ARRAY_SUPPORT) { - this[offset] = (value & 0xff) - this[offset + 1] = (value >>> 8) - } else { - objectWriteUInt16(this, value, offset, true) - } - return offset + 2 -} +Object.defineProperty(exports, "__esModule", { + value: true +}); -Buffer.prototype.writeInt16BE = function writeInt16BE (value, offset, noAssert) { - value = +value - offset = offset | 0 - if (!noAssert) checkInt(this, value, offset, 2, 0x7fff, -0x8000) - if (Buffer.TYPED_ARRAY_SUPPORT) { - this[offset] = (value >>> 8) - this[offset + 1] = (value & 0xff) - } else { - objectWriteUInt16(this, value, offset, false) - } - return offset + 2 -} +var _classCallCheck2 = __webpack_require__(0); -Buffer.prototype.writeInt32LE = function writeInt32LE (value, offset, noAssert) { - value = +value - offset = offset | 0 - if (!noAssert) checkInt(this, value, offset, 4, 0x7fffffff, -0x80000000) - if (Buffer.TYPED_ARRAY_SUPPORT) { - this[offset] = (value & 0xff) - this[offset + 1] = (value >>> 8) - this[offset + 2] = (value >>> 16) - this[offset + 3] = (value >>> 24) - } else { - objectWriteUInt32(this, value, offset, true) - } - return offset + 4 -} +var _classCallCheck3 = _interopRequireDefault(_classCallCheck2); -Buffer.prototype.writeInt32BE = function writeInt32BE (value, offset, noAssert) { - value = +value - offset = offset | 0 - if (!noAssert) checkInt(this, value, offset, 4, 0x7fffffff, -0x80000000) - if (value < 0) value = 0xffffffff + value + 1 - if (Buffer.TYPED_ARRAY_SUPPORT) { - this[offset] = (value >>> 24) - this[offset + 1] = (value >>> 16) - this[offset + 2] = (value >>> 8) - this[offset + 3] = (value & 0xff) - } else { - objectWriteUInt32(this, value, offset, false) - } - return offset + 4 -} +var _possibleConstructorReturn2 = __webpack_require__(2); -function checkIEEE754 (buf, value, offset, ext, max, min) { - if (offset + ext > buf.length) throw new RangeError('Index out of range') - if (offset < 0) throw new RangeError('Index out of range') -} +var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2); -function writeFloat (buf, value, offset, littleEndian, noAssert) { - if (!noAssert) { - checkIEEE754(buf, value, offset, 4, 3.4028234663852886e+38, -3.4028234663852886e+38) - } - ieee754.write(buf, value, offset, littleEndian, 23, 4) - return offset + 4 -} +var _createClass2 = __webpack_require__(3); -Buffer.prototype.writeFloatLE = function writeFloatLE (value, offset, noAssert) { - return writeFloat(this, value, offset, true, noAssert) -} +var _createClass3 = _interopRequireDefault(_createClass2); -Buffer.prototype.writeFloatBE = function writeFloatBE (value, offset, noAssert) { - return writeFloat(this, value, offset, false, noAssert) -} +var _inherits2 = __webpack_require__(1); -function writeDouble (buf, value, offset, littleEndian, noAssert) { - if (!noAssert) { - checkIEEE754(buf, value, offset, 8, 1.7976931348623157E+308, -1.7976931348623157E+308) - } - ieee754.write(buf, value, offset, littleEndian, 52, 8) - return offset + 8 -} +var _inherits3 = _interopRequireDefault(_inherits2); -Buffer.prototype.writeDoubleLE = function writeDoubleLE (value, offset, noAssert) { - return writeDouble(this, value, offset, true, noAssert) -} +var _container_plugin = __webpack_require__(31); -Buffer.prototype.writeDoubleBE = function writeDoubleBE (value, offset, noAssert) { - return writeDouble(this, value, offset, false, noAssert) -} +var _container_plugin2 = _interopRequireDefault(_container_plugin); -// copy(targetBuffer, targetStart=0, sourceStart=0, sourceEnd=buffer.length) -Buffer.prototype.copy = function copy (target, targetStart, start, end) { - if (!start) start = 0 - if (!end && end !== 0) end = this.length - if (targetStart >= target.length) targetStart = target.length - if (!targetStart) targetStart = 0 - if (end > 0 && end < start) end = start +var _events = __webpack_require__(4); - // Copy 0 bytes; we're done - if (end === start) return 0 - if (target.length === 0 || this.length === 0) return 0 +var _events2 = _interopRequireDefault(_events); - // Fatal error conditions - if (targetStart < 0) { - throw new RangeError('targetStart out of bounds') - } - if (start < 0 || start >= this.length) throw new RangeError('sourceStart out of bounds') - if (end < 0) throw new RangeError('sourceEnd out of bounds') +var _clapprZepto = __webpack_require__(6); - // Are we oob? - if (end > this.length) end = this.length - if (target.length - targetStart < end - start) { - end = target.length - targetStart + start - } +var _clapprZepto2 = _interopRequireDefault(_clapprZepto); - var len = end - start - var i +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - if (this === target && start < targetStart && targetStart < end) { - // descending copy from end - for (i = len - 1; i >= 0; --i) { - target[i + targetStart] = this[i + start] - } - } else if (len < 1000 || !Buffer.TYPED_ARRAY_SUPPORT) { - // ascending copy from start - for (i = 0; i < len; ++i) { - target[i + targetStart] = this[i + start] +var StatsPlugin = function (_ContainerPlugin) { + (0, _inherits3.default)(StatsPlugin, _ContainerPlugin); + (0, _createClass3.default)(StatsPlugin, [{ + key: 'name', + get: function get() { + return 'stats'; } - } else { - Uint8Array.prototype.set.call( - target, - this.subarray(start, start + len), - targetStart - ) - } - - return len -} + }]); -// Usage: -// buffer.fill(number[, offset[, end]]) -// buffer.fill(buffer[, offset[, end]]) -// buffer.fill(string[, offset[, end]][, encoding]) -Buffer.prototype.fill = function fill (val, start, end, encoding) { - // Handle string cases: - if (typeof val === 'string') { - if (typeof start === 'string') { - encoding = start - start = 0 - end = this.length - } else if (typeof end === 'string') { - encoding = end - end = this.length - } - if (val.length === 1) { - var code = val.charCodeAt(0) - if (code < 256) { - val = code - } - } - if (encoding !== undefined && typeof encoding !== 'string') { - throw new TypeError('encoding must be a string') - } - if (typeof encoding === 'string' && !Buffer.isEncoding(encoding)) { - throw new TypeError('Unknown encoding: ' + encoding) - } - } else if (typeof val === 'number') { - val = val & 255 - } + function StatsPlugin(container) { + (0, _classCallCheck3.default)(this, StatsPlugin); - // Invalid ranges are not set to a default, so can range check early. - if (start < 0 || this.length < start || this.length < end) { - throw new RangeError('Out of range index') - } + var _this = (0, _possibleConstructorReturn3.default)(this, _ContainerPlugin.call(this, container)); - if (end <= start) { - return this + _this.setInitialAttrs(); + _this.reportInterval = _this.options.reportInterval || 5000; + _this.state = 'IDLE'; + return _this; } - start = start >>> 0 - end = end === undefined ? this.length : end >>> 0 + StatsPlugin.prototype.bindEvents = function bindEvents() { + this.listenTo(this.container.playback, _events2.default.PLAYBACK_PLAY, this.onPlay); + this.listenTo(this.container, _events2.default.CONTAINER_STOP, this.onStop); + this.listenTo(this.container, _events2.default.CONTAINER_ENDED, this.onStop); + this.listenTo(this.container, _events2.default.CONTAINER_DESTROYED, this.onStop); + this.listenTo(this.container, _events2.default.CONTAINER_STATE_BUFFERING, this.onBuffering); + this.listenTo(this.container, _events2.default.CONTAINER_STATE_BUFFERFULL, this.onBufferFull); + this.listenTo(this.container, _events2.default.CONTAINER_STATS_ADD, this.onStatsAdd); + this.listenTo(this.container, _events2.default.CONTAINER_BITRATE, this.onStatsAdd); + this.listenTo(this.container.playback, _events2.default.PLAYBACK_STATS_ADD, this.onStatsAdd); + }; - if (!val) val = 0 + StatsPlugin.prototype.setInitialAttrs = function setInitialAttrs() { + this.firstPlay = true; + this.startupTime = 0; + this.rebufferingTime = 0; + this.watchingTime = 0; + this.rebuffers = 0; + this.externalMetrics = {}; + }; - var i - if (typeof val === 'number') { - for (i = start; i < end; ++i) { - this[i] = val - } - } else { - var bytes = Buffer.isBuffer(val) - ? val - : utf8ToBytes(new Buffer(val, encoding).toString()) - var len = bytes.length - for (i = 0; i < end - start; ++i) { - this[i + start] = bytes[i % len] + StatsPlugin.prototype.onPlay = function onPlay() { + this.state = 'PLAYING'; + this.watchingTimeInit = Date.now(); + if (!this.intervalId) { + this.intervalId = setInterval(this.report.bind(this), this.reportInterval); } - } - - return this -} - -// HELPER FUNCTIONS -// ================ + }; -var INVALID_BASE64_RE = /[^+\/0-9A-Za-z-_]/g + StatsPlugin.prototype.onStop = function onStop() { + clearInterval(this.intervalId); + this.report(); + this.intervalId = undefined; + this.state = 'STOPPED'; + }; -function base64clean (str) { - // Node strips out invalid characters like \n and \t from the string, base64-js does not - str = stringtrim(str).replace(INVALID_BASE64_RE, '') - // Node converts strings with length < 2 to '' - if (str.length < 2) return '' - // Node allows for non-padded base64 strings (missing trailing ===), base64-js does not - while (str.length % 4 !== 0) { - str = str + '=' - } - return str -} - -function stringtrim (str) { - if (str.trim) return str.trim() - return str.replace(/^\s+|\s+$/g, '') -} - -function toHex (n) { - if (n < 16) return '0' + n.toString(16) - return n.toString(16) -} - -function utf8ToBytes (string, units) { - units = units || Infinity - var codePoint - var length = string.length - var leadSurrogate = null - var bytes = [] - - for (var i = 0; i < length; ++i) { - codePoint = string.charCodeAt(i) - - // is surrogate component - if (codePoint > 0xD7FF && codePoint < 0xE000) { - // last char was a lead - if (!leadSurrogate) { - // no lead yet - if (codePoint > 0xDBFF) { - // unexpected trail - if ((units -= 3) > -1) bytes.push(0xEF, 0xBF, 0xBD) - continue - } else if (i + 1 === length) { - // unpaired lead - if ((units -= 3) > -1) bytes.push(0xEF, 0xBF, 0xBD) - continue - } - - // valid lead - leadSurrogate = codePoint - - continue - } - - // 2 leads in a row - if (codePoint < 0xDC00) { - if ((units -= 3) > -1) bytes.push(0xEF, 0xBF, 0xBD) - leadSurrogate = codePoint - continue - } - - // valid surrogate pair - codePoint = (leadSurrogate - 0xD800 << 10 | codePoint - 0xDC00) + 0x10000 - } else if (leadSurrogate) { - // valid bmp char, but last char was a lead - if ((units -= 3) > -1) bytes.push(0xEF, 0xBF, 0xBD) - } - - leadSurrogate = null - - // encode utf8 - if (codePoint < 0x80) { - if ((units -= 1) < 0) break - bytes.push(codePoint) - } else if (codePoint < 0x800) { - if ((units -= 2) < 0) break - bytes.push( - codePoint >> 0x6 | 0xC0, - codePoint & 0x3F | 0x80 - ) - } else if (codePoint < 0x10000) { - if ((units -= 3) < 0) break - bytes.push( - codePoint >> 0xC | 0xE0, - codePoint >> 0x6 & 0x3F | 0x80, - codePoint & 0x3F | 0x80 - ) - } else if (codePoint < 0x110000) { - if ((units -= 4) < 0) break - bytes.push( - codePoint >> 0x12 | 0xF0, - codePoint >> 0xC & 0x3F | 0x80, - codePoint >> 0x6 & 0x3F | 0x80, - codePoint & 0x3F | 0x80 - ) + StatsPlugin.prototype.onBuffering = function onBuffering() { + if (this.firstPlay) { + this.startupTimeInit = Date.now(); } else { - throw new Error('Invalid code point') + this.rebufferingTimeInit = Date.now(); } - } - - return bytes -} - -function asciiToBytes (str) { - var byteArray = [] - for (var i = 0; i < str.length; ++i) { - // Node's code seems to be doing this and not & 0x7F.. - byteArray.push(str.charCodeAt(i) & 0xFF) - } - return byteArray -} - -function utf16leToBytes (str, units) { - var c, hi, lo - var byteArray = [] - for (var i = 0; i < str.length; ++i) { - if ((units -= 2) < 0) break - - c = str.charCodeAt(i) - hi = c >> 8 - lo = c % 256 - byteArray.push(lo) - byteArray.push(hi) - } + this.state = 'BUFFERING'; + this.rebuffers++; + }; - return byteArray -} + StatsPlugin.prototype.onBufferFull = function onBufferFull() { + if (this.firstPlay && this.startupTimeInit) { + this.firstPlay = false; + this.startupTime = Date.now() - this.startupTimeInit; + this.watchingTimeInit = Date.now(); + } else if (this.rebufferingTimeInit) { + this.rebufferingTime += this.getRebufferingTime(); + } + this.rebufferingTimeInit = undefined; + this.state = 'PLAYING'; + }; -function base64ToBytes (str) { - return base64.toByteArray(base64clean(str)) -} + StatsPlugin.prototype.getRebufferingTime = function getRebufferingTime() { + return Date.now() - this.rebufferingTimeInit; + }; -function blitBuffer (src, dst, offset, length) { - for (var i = 0; i < length; ++i) { - if ((i + offset >= dst.length) || (i >= src.length)) break - dst[i + offset] = src[i] - } - return i -} + StatsPlugin.prototype.getWatchingTime = function getWatchingTime() { + var totalTime = Date.now() - this.watchingTimeInit; + return totalTime - this.rebufferingTime; + }; -function isnan (val) { - return val !== val // eslint-disable-line no-self-compare -} + StatsPlugin.prototype.isRebuffering = function isRebuffering() { + return !!this.rebufferingTimeInit; + }; -/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(12))) + StatsPlugin.prototype.onStatsAdd = function onStatsAdd(metric) { + _clapprZepto2.default.extend(this.externalMetrics, metric); + }; -/***/ }), -/* 81 */ -/***/ (function(module, exports) { + StatsPlugin.prototype.getStats = function getStats() { + var metrics = { + startupTime: this.startupTime, + rebuffers: this.rebuffers, + rebufferingTime: this.isRebuffering() ? this.rebufferingTime + this.getRebufferingTime() : this.rebufferingTime, + watchingTime: this.isRebuffering() ? this.getWatchingTime() - this.getRebufferingTime() : this.getWatchingTime() + }; + _clapprZepto2.default.extend(metrics, this.externalMetrics); + return metrics; + }; -var toString = {}.toString; + StatsPlugin.prototype.report = function report() { + this.container.statsReport(this.getStats()); + }; -module.exports = Array.isArray || function (arr) { - return toString.call(arr) == '[object Array]'; -}; + return StatsPlugin; +}(_container_plugin2.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 = StatsPlugin; +module.exports = exports['default']; /***/ }), -/* 82 */ +/* 123 */ /***/ (function(module, exports, __webpack_require__) { -exports = module.exports = __webpack_require__(6)(undefined); -// imports +"use strict"; -// 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", ""]); +Object.defineProperty(exports, "__esModule", { + value: true +}); -// exports +var _keys = __webpack_require__(35); +var _keys2 = _interopRequireDefault(_keys); -/***/ }), -/* 83 */ -/***/ (function(module, exports, __webpack_require__) { +var _classCallCheck2 = __webpack_require__(0); -exports = module.exports = __webpack_require__(6)(undefined); -// imports +var _classCallCheck3 = _interopRequireDefault(_classCallCheck2); +var _possibleConstructorReturn2 = __webpack_require__(2); -// 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__(115) + ") 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", ""]); +var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2); -// exports +var _createClass2 = __webpack_require__(3); +var _createClass3 = _interopRequireDefault(_createClass2); -/***/ }), -/* 84 */ -/***/ (function(module, exports, __webpack_require__) { +var _inherits2 = __webpack_require__(1); -exports = module.exports = __webpack_require__(6)(undefined); -// imports +var _inherits3 = _interopRequireDefault(_inherits2); +var _utils = __webpack_require__(5); -// 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__(37) + "), move; }\n .media-control[data-media-control].dragging * {\n cursor: -webkit-grabbing !important;\n cursor: grabbing !important;\n cursor: url(" + __webpack_require__(37) + "), 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 cursor: default;\n float: right;\n background-color: transparent;\n border: 0;\n height: 100%;\n display: none; }\n .media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button[data-hd-indicator].enabled {\n opacity: 1.0;\n display: block; }\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", ""]); +var _clapprZepto = __webpack_require__(6); -// exports +var _clapprZepto2 = _interopRequireDefault(_clapprZepto); +var _core_plugin = __webpack_require__(25); -/***/ }), -/* 85 */ -/***/ (function(module, exports, __webpack_require__) { +var _core_plugin2 = _interopRequireDefault(_core_plugin); -exports = module.exports = __webpack_require__(6)(undefined); -// imports +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + +/** + * The internationalization (i18n) plugin + * @class Strings + * @constructor + * @extends CorePlugin + * @module plugins + */ +var Strings = function (_CorePlugin) { + (0, _inherits3.default)(Strings, _CorePlugin); + (0, _createClass3.default)(Strings, [{ + key: 'name', + get: function get() { + return 'strings'; + } + }]); + function Strings(core) { + (0, _classCallCheck3.default)(this, Strings); -// module -exports.push([module.i, ".clappr-flash-playback[data-flash-playback] {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n pointer-events: none; }\n", ""]); + var _this = (0, _possibleConstructorReturn3.default)(this, _CorePlugin.call(this, core)); -// exports + _this._initializeMessages(); + return _this; + } + /** + * Gets a translated string for the given key. + * @method t + * @param {String} key the key to all messages + * @return {String} translated label + */ -/***/ }), -/* 86 */ -/***/ (function(module, exports, __webpack_require__) { + Strings.prototype.t = function t(key) { + var lang = this._language(); + var i18n = lang && this._messages[lang] || this._messages['en']; + return i18n[key] || key; + }; -exports = module.exports = __webpack_require__(6)(undefined); -// imports + Strings.prototype._language = function _language() { + return this.core.options.language || (0, _utils.getBrowserLanguage)(); + }; + Strings.prototype._initializeMessages = function _initializeMessages() { + var defaultMessages = { + 'en': { + 'live': 'live', + 'back_to_live': 'back to live', + 'playback_not_supported': 'Your browser does not support the playback of this video. Please try using a different browser.' + }, + 'pt': { + 'live': 'ao vivo', + 'back_to_live': 'voltar para o ao vivo', + 'playback_not_supported': 'Seu navegador não supporta a reprodução deste video. Por favor, tente usar um navegador diferente.' + }, + 'es': { + 'live': 'vivo', + 'back_to_live': 'volver en vivo', + 'playback_not_supported': 'Su navegador no soporta la reproducción de un video. Por favor, trate de usar un navegador diferente.' + }, + 'ru': { + 'live': 'прямой эфир', + 'back_to_live': 'к прямому эфиру', + 'playback_not_supported': 'Ваш браузер не поддерживает воспроизведение этого видео. Пожалуйста, попробуйте другой браузер.' + }, + 'fr': { + 'live': 'en direct', + 'back_to_live': 'retour au direct', + 'playback_not_supported': 'Votre navigateur ne supporte pas la lecture de cette vidéo. Merci de tenter sur un autre navigateur.' + }, + 'tr': { + 'live': 'canlı', + 'back_to_live': 'canlı yayına dön', + 'playback_not_supported': 'Tarayıcınız bu videoyu oynatma desteğine sahip değil. Lütfen farklı bir tarayıcı ile deneyin.' + } + }; + var strings = this.core.options.strings || {}; + this._messages = (0, _keys2.default)(defaultMessages).reduce(function (messages, lang) { + messages[lang] = _clapprZepto2.default.extend({}, defaultMessages[lang], strings[lang]); + return messages; + }, {}); -// module -exports.push([module.i, "[data-html5-video] {\n position: absolute;\n height: 100%;\n width: 100%;\n display: block; }\n", ""]); + this._messages['pt-BR'] = this._messages['pt']; + this._messages['en-US'] = this._messages['en']; + this._messages['es-419'] = this._messages['es']; + this._messages['fr-FR'] = this._messages['fr']; + this._messages['tr-TR'] = this._messages['tr']; + }; -// exports + return Strings; +}(_core_plugin2.default); +exports.default = Strings; +module.exports = exports['default']; /***/ }), -/* 87 */ +/* 124 */ /***/ (function(module, exports, __webpack_require__) { -exports = module.exports = __webpack_require__(6)(undefined); -// imports - - -// module -exports.push([module.i, "[data-html-img] {\n max-width: 100%;\n max-height: 100%; }\n", ""]); - -// exports - +"use strict"; -/***/ }), -/* 88 */ -/***/ (function(module, exports, __webpack_require__) { -exports = module.exports = __webpack_require__(6)(undefined); -// imports +Object.defineProperty(exports, "__esModule", { + value: true +}); +var _watermark = __webpack_require__(125); -// module -exports.push([module.i, "[data-no-op] {\n position: absolute;\n height: 100%;\n width: 100%;\n text-align: center; }\n\n[data-no-op] p[data-no-op-msg] {\n position: absolute;\n text-align: center;\n font-size: 25px;\n left: 0;\n right: 0;\n color: white;\n padding: 10px;\n /* center vertically */\n top: 50%;\n -webkit-transform: translateY(-50%);\n -moz-transform: translateY(-50%);\n -ms-transform: translateY(-50%);\n -o-transform: translateY(-50%);\n transform: translateY(-50%);\n max-height: 100%;\n overflow: auto; }\n\n[data-no-op] canvas[data-no-op-canvas] {\n background-color: #777;\n height: 100%;\n width: 100%; }\n", ""]); +var _watermark2 = _interopRequireDefault(_watermark); -// exports +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } +exports.default = _watermark2.default; +module.exports = exports['default']; /***/ }), -/* 89 */ +/* 125 */ /***/ (function(module, exports, __webpack_require__) { -exports = module.exports = __webpack_require__(6)(undefined); -// imports - - -// module -exports.push([module.i, ".dvr-controls[data-dvr-controls] {\n display: inline-block;\n float: left;\n color: #fff;\n line-height: 32px;\n font-size: 10px;\n font-weight: bold;\n margin-left: 6px; }\n .dvr-controls[data-dvr-controls] .live-info {\n cursor: default;\n font-family: \"Roboto\", \"Open Sans\", Arial, sans-serif;\n text-transform: uppercase; }\n .dvr-controls[data-dvr-controls] .live-info:before {\n content: \"\";\n display: inline-block;\n position: relative;\n width: 7px;\n height: 7px;\n border-radius: 3.5px;\n margin-right: 3.5px;\n background-color: #ff0101; }\n .dvr-controls[data-dvr-controls] .live-info.disabled {\n opacity: 0.3; }\n .dvr-controls[data-dvr-controls] .live-info.disabled:before {\n background-color: #fff; }\n .dvr-controls[data-dvr-controls] .live-button {\n cursor: pointer;\n outline: none;\n display: none;\n border: 0;\n color: #fff;\n background-color: transparent;\n height: 32px;\n padding: 0;\n opacity: 0.7;\n font-family: \"Roboto\", \"Open Sans\", Arial, sans-serif;\n text-transform: uppercase;\n -webkit-transition: all 0.1s ease;\n -moz-transition: all 0.1s ease;\n transition: all 0.1s ease; }\n .dvr-controls[data-dvr-controls] .live-button:before {\n content: \"\";\n display: inline-block;\n position: relative;\n width: 7px;\n height: 7px;\n border-radius: 3.5px;\n margin-right: 3.5px;\n background-color: #fff; }\n .dvr-controls[data-dvr-controls] .live-button:hover {\n opacity: 1;\n text-shadow: rgba(255, 255, 255, 0.75) 0 0 5px; }\n\n.dvr .dvr-controls[data-dvr-controls] .live-info {\n display: none; }\n\n.dvr .dvr-controls[data-dvr-controls] .live-button {\n display: block; }\n\n.dvr.media-control.live[data-media-control] .media-control-layer[data-controls] .bar-container[data-seekbar] .bar-background[data-seekbar] .bar-fill-2[data-seekbar] {\n background-color: #005aff; }\n\n.media-control.live[data-media-control] .media-control-layer[data-controls] .bar-container[data-seekbar] .bar-background[data-seekbar] .bar-fill-2[data-seekbar] {\n background-color: #ff0101; }\n", ""]); +"use strict"; -// exports +Object.defineProperty(exports, "__esModule", { + value: true +}); -/***/ }), -/* 90 */ -/***/ (function(module, exports, __webpack_require__) { +var _classCallCheck2 = __webpack_require__(0); -exports = module.exports = __webpack_require__(6)(undefined); -// imports +var _classCallCheck3 = _interopRequireDefault(_classCallCheck2); +var _possibleConstructorReturn2 = __webpack_require__(2); -// module -exports.push([module.i, ".player-poster[data-poster] {\n display: -webkit-box;\n display: -moz-box;\n display: box;\n display: -webkit-flex;\n display: -moz-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: center;\n -moz-box-pack: center;\n box-pack: center;\n -webkit-justify-content: center;\n -moz-justify-content: center;\n -ms-justify-content: center;\n -o-justify-content: center;\n justify-content: center;\n -ms-flex-pack: center;\n -webkit-box-align: center;\n -moz-box-align: center;\n box-align: center;\n -webkit-align-items: center;\n -moz-align-items: center;\n -ms-align-items: center;\n -o-align-items: center;\n align-items: center;\n -ms-flex-align: center;\n position: absolute;\n height: 100%;\n width: 100%;\n z-index: 998;\n top: 0;\n left: 0;\n background-color: #000;\n background-size: cover;\n background-repeat: no-repeat;\n background-position: 50% 50%; }\n .player-poster[data-poster].clickable {\n cursor: pointer; }\n .player-poster[data-poster]:hover .play-wrapper[data-poster] {\n opacity: 1; }\n .player-poster[data-poster] .play-wrapper[data-poster] {\n width: 100%;\n height: 25%;\n margin: 0 auto;\n opacity: 0.75;\n -webkit-transition: opacity 0.1s ease;\n -moz-transition: opacity 0.1s ease;\n transition: opacity 0.1s ease; }\n .player-poster[data-poster] .play-wrapper[data-poster] svg {\n height: 100%; }\n .player-poster[data-poster] .play-wrapper[data-poster] svg path {\n fill: #fff; }\n", ""]); +var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2); -// exports +var _createClass2 = __webpack_require__(3); +var _createClass3 = _interopRequireDefault(_createClass2); -/***/ }), -/* 91 */ -/***/ (function(module, exports, __webpack_require__) { +var _inherits2 = __webpack_require__(1); -exports = module.exports = __webpack_require__(6)(undefined); -// imports +var _inherits3 = _interopRequireDefault(_inherits2); +var _ui_container_plugin = __webpack_require__(32); -// module -exports.push([module.i, ".seek-time[data-seek-time] {\n position: absolute;\n white-space: nowrap;\n height: 20px;\n line-height: 20px;\n font-size: 0;\n left: -100%;\n bottom: 55px;\n background-color: rgba(2, 2, 2, 0.5);\n z-index: 9999;\n -webkit-transition: opacity 0.1s ease;\n -moz-transition: opacity 0.1s ease;\n transition: opacity 0.1s ease; }\n .seek-time[data-seek-time].hidden[data-seek-time] {\n opacity: 0; }\n .seek-time[data-seek-time] [data-seek-time] {\n display: inline-block;\n color: white;\n font-size: 10px;\n padding-left: 7px;\n padding-right: 7px;\n vertical-align: top; }\n .seek-time[data-seek-time] [data-duration] {\n display: inline-block;\n color: rgba(255, 255, 255, 0.5);\n font-size: 10px;\n padding-right: 7px;\n vertical-align: top; }\n .seek-time[data-seek-time] [data-duration]:before {\n content: \"|\";\n margin-right: 7px; }\n", ""]); +var _ui_container_plugin2 = _interopRequireDefault(_ui_container_plugin); -// exports +var _events = __webpack_require__(4); +var _events2 = _interopRequireDefault(_events); -/***/ }), -/* 92 */ -/***/ (function(module, exports, __webpack_require__) { +var _styler = __webpack_require__(8); -exports = module.exports = __webpack_require__(6)(undefined); -// imports +var _styler2 = _interopRequireDefault(_styler); +var _template = __webpack_require__(9); -// module -exports.push([module.i, ".spinner-three-bounce[data-spinner] {\n position: absolute;\n margin: 0 auto;\n width: 70px;\n text-align: center;\n z-index: 999;\n left: 0;\n right: 0;\n margin-left: auto;\n margin-right: auto;\n /* center vertically */\n top: 50%;\n -webkit-transform: translateY(-50%);\n -moz-transform: translateY(-50%);\n -ms-transform: translateY(-50%);\n -o-transform: translateY(-50%);\n transform: translateY(-50%); }\n .spinner-three-bounce[data-spinner] > div {\n width: 18px;\n height: 18px;\n background-color: #FFFFFF;\n border-radius: 100%;\n display: inline-block;\n -webkit-animation: bouncedelay 1.4s infinite ease-in-out;\n -moz-animation: bouncedelay 1.4s infinite ease-in-out;\n animation: bouncedelay 1.4s infinite ease-in-out;\n /* Prevent first frame from flickering when animation starts */\n -webkit-animation-fill-mode: both;\n -moz-animation-fill-mode: both;\n animation-fill-mode: both; }\n .spinner-three-bounce[data-spinner] [data-bounce1] {\n -webkit-animation-delay: -0.32s;\n -moz-animation-delay: -0.32s;\n animation-delay: -0.32s; }\n .spinner-three-bounce[data-spinner] [data-bounce2] {\n -webkit-animation-delay: -0.16s;\n -moz-animation-delay: -0.16s;\n animation-delay: -0.16s; }\n\n@-webkit-keyframes bouncedelay {\n 0%, 80%, 100% {\n -webkit-transform: scale(0); }\n 40% {\n -webkit-transform: scale(1); } }\n\n@-moz-keyframes bouncedelay {\n 0%, 80%, 100% {\n -moz-transform: scale(0); }\n 40% {\n -moz-transform: scale(1); } }\n\n@keyframes bouncedelay {\n 0%, 80%, 100% {\n -webkit-transform: scale(0);\n -moz-transform: scale(0);\n -ms-transform: scale(0);\n -o-transform: scale(0);\n transform: scale(0); }\n 40% {\n -webkit-transform: scale(1);\n -moz-transform: scale(1);\n -ms-transform: scale(1);\n -o-transform: scale(1);\n transform: scale(1); } }\n", ""]); +var _template2 = _interopRequireDefault(_template); -// exports +var _watermark = __webpack_require__(188); +var _watermark2 = _interopRequireDefault(_watermark); -/***/ }), -/* 93 */ -/***/ (function(module, exports, __webpack_require__) { +var _watermark3 = __webpack_require__(197); -exports = module.exports = __webpack_require__(6)(undefined); -// imports +var _watermark4 = _interopRequireDefault(_watermark3); +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } -// module -exports.push([module.i, "[data-watermark] {\n position: absolute;\n min-width: 70px;\n max-width: 200px;\n width: 12%;\n text-align: center;\n z-index: 10; }\n\n[data-watermark] a {\n outline: none;\n cursor: pointer; }\n\n[data-watermark] img {\n max-width: 100%; }\n\n[data-watermark-bottom-left] {\n bottom: 10px;\n left: 10px; }\n\n[data-watermark-bottom-right] {\n bottom: 10px;\n right: 42px; }\n\n[data-watermark-top-left] {\n top: 10px;\n left: 10px; }\n\n[data-watermark-top-right] {\n top: 10px;\n right: 37px; }\n", ""]); +// 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 +var WaterMarkPlugin = function (_UIContainerPlugin) { + (0, _inherits3.default)(WaterMarkPlugin, _UIContainerPlugin); + (0, _createClass3.default)(WaterMarkPlugin, [{ + key: 'name', + get: function get() { + return 'watermark'; + } + }, { + key: 'template', + get: function get() { + return (0, _template2.default)(_watermark4.default); + } + }]); + function WaterMarkPlugin(container) { + (0, _classCallCheck3.default)(this, WaterMarkPlugin); -/***/ }), -/* 94 */ -/***/ (function(module, exports, __webpack_require__) { + var _this = (0, _possibleConstructorReturn3.default)(this, _UIContainerPlugin.call(this, container)); -var require;var require;(function(f){if(true){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.Hls = f()}})(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return require(o,!0);if(i)return require(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o 0 && this._events[type].length > m) { - this._events[type].warned = true; - console.error('(node) warning: possible EventEmitter memory ' + - 'leak detected. %d listeners added. ' + - 'Use emitter.setMaxListeners() to increase limit.', - this._events[type].length); - if (typeof console.trace === 'function') { - // not supported in IE 10 - console.trace(); - } - } +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); + }; } +}(); - return this; +Kibo.stringContains = function (string, substring) { + return string.indexOf(substring) !== -1; }; -EventEmitter.prototype.on = EventEmitter.prototype.addListener; +Kibo.neatString = function (string) { + return string.replace(/^\s+|\s+$/g, '').replace(/\s+/g, ' '); +}; -EventEmitter.prototype.once = function(type, listener) { - if (!isFunction(listener)) - throw TypeError('listener must be a function'); +Kibo.capitalize = function (string) { + return string.toLowerCase().replace(/^./, function (match) { + return match.toUpperCase(); + }); +}; - var fired = false; +Kibo.isString = function (what) { + return Kibo.stringContains(Object.prototype.toString.call(what), 'String'); +}; - function g() { - this.removeListener(type, g); +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; + }; + } +}(); - if (!fired) { - fired = true; - listener.apply(this, arguments); +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; +}; - g.listener = listener; - this.on(type, g); - - return this; +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]; + } + } }; -// emits a 'removeListener' event iff the listener was removed -EventEmitter.prototype.removeListener = function(type, listener) { - var list, position, length, i; +Kibo.modifiersAndKey = function (keyCombination) { + var result, key; - if (!isFunction(listener)) - throw TypeError('listener must be a function'); + if (Kibo.stringContains(keyCombination, 'any')) { + return Kibo.neatString(keyCombination).split(' ').slice(0, 2).join(' '); + } - if (!this._events || !this._events[type]) - return this; + result = Kibo.extractModifiers(keyCombination); - list = this._events[type]; - length = list.length; - position = -1; + key = Kibo.extractKey(keyCombination); + if (key && !Kibo.arrayIncludes(Kibo.MODIFIERS, key)) { + result.push(key); + } - if (list === listener || - (isFunction(list.listener) && list.listener === listener)) { - delete this._events[type]; - if (this._events.removeListener) - this.emit('removeListener', type, listener); + return result.join(' '); +}; - } else if (isObject(list)) { - for (i = length; i-- > 0;) { - if (list[i] === listener || - (list[i].listener && list[i].listener === listener)) { - position = i; - break; - } - } +Kibo.keyName = function (keyCode) { + return Kibo.KEY_NAMES_BY_CODE[keyCode + '']; +}; - if (position < 0) - return this; +Kibo.keyCode = function (keyName) { + return +Kibo.KEY_CODES_BY_NAME[keyName]; +}; - if (list.length === 1) { - list.length = 0; - delete this._events[type]; - } else { - list.splice(position, 1); - } +Kibo.prototype.initialize = function () { + var i, + that = this; - if (this._events.removeListener) - this.emit('removeListener', type, listener); + this.lastKeyCode = -1; + this.lastModifiers = {}; + for (i = 0; i < Kibo.MODIFIERS.length; i++) { + this.lastModifiers[Kibo.MODIFIERS[i]] = false; } - return this; + 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); + }); }; -EventEmitter.prototype.removeAllListeners = function(type) { - var key, listeners; +Kibo.prototype.handler = function (upOrDown) { + var that = this; + return function (e) { + var i, registeredKeys, lastModifiersAndKey; - if (!this._events) - return this; + e = e || window.event; - // not listening for removeListener, no need to emit - if (!this._events.removeListener) { - if (arguments.length === 0) - this._events = {}; - else if (this._events[type]) - delete this._events[type]; - return this; - } + 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; + } - // emit removeListener for all listeners on all events - if (arguments.length === 0) { - for (key in this._events) { - if (key === 'removeListener') continue; - this.removeAllListeners(key); + registeredKeys = that['keys' + Kibo.capitalize(upOrDown)]; + + for (i = 0; i < registeredKeys.any.length; i++) { + if (registeredKeys.any[i](e) === false && e.preventDefault) { + e.preventDefault(); + } } - this.removeAllListeners('removeListener'); - this._events = {}; - return this; + + 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]; } - listeners = this._events[type]; + for (i = 0; i < newKeys.length; i++) { + keys = newKeys[i]; + keys = Kibo.modifiersAndKey(keys + ''); - if (isFunction(listeners)) { - this.removeListener(type, listeners); - } else if (listeners) { - // LIFO order - while (listeners.length) - this.removeListener(type, listeners[listeners.length - 1]); + if (registeredKeys[keys]) { + registeredKeys[keys].push(func); + } else { + registeredKeys[keys] = [func]; + } } - delete this._events[type]; return this; }; -EventEmitter.prototype.listeners = function(type) { - var ret; - if (!this._events || !this._events[type]) - ret = []; - else if (isFunction(this._events[type])) - ret = [this._events[type]]; - else - ret = this._events[type].slice(); - return ret; -}; +// jshint maxdepth:5 +Kibo.prototype.unregisterKeys = function (upOrDown, newKeys, func) { + var i, + j, + keys, + registeredKeys = this['keys' + Kibo.capitalize(upOrDown)]; -EventEmitter.prototype.listenerCount = function(type) { - if (this._events) { - var evlistener = this._events[type]; + if (Kibo.isString(newKeys)) { + newKeys = [newKeys]; + } - if (isFunction(evlistener)) - return 1; - else if (evlistener) - return evlistener.length; + 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 0; + + return this; }; -EventEmitter.listenerCount = function(emitter, type) { - return emitter.listenerCount(type); +Kibo.prototype.off = function (keys) { + return this.unregisterKeys('down', keys, null); }; -function isFunction(arg) { - return typeof arg === 'function'; -} +Kibo.prototype.delegate = function (upOrDown, keys, func) { + return func !== null || func !== undefined ? this.registerKeys(upOrDown, keys, func) : this.unregisterKeys(upOrDown, keys, func); +}; -function isNumber(arg) { - return typeof arg === 'number'; -} +Kibo.prototype.down = function (keys, func) { + return this.delegate('down', keys, func); +}; -function isObject(arg) { - return typeof arg === 'object' && arg !== null; -} +Kibo.prototype.up = function (keys, func) { + return this.delegate('up', keys, func); +}; -function isUndefined(arg) { - return arg === void 0; -} - -},{}],2:[function(_dereq_,module,exports){ -// see https://tools.ietf.org/html/rfc1808 - -/* jshint ignore:start */ -(function(root) { -/* jshint ignore:end */ - - var URL_REGEX = /^((?:[^\/;?#]+:)?)(\/\/[^\/\;?#]*)?(.*?)??(;.*?)?(\?.*?)?(#.*?)?$/; - var FIRST_SEGMENT_REGEX = /^([^\/;?#]*)(.*)$/; - var SLASH_DOT_REGEX = /(?:\/|^)\.(?=\/)/g; - var SLASH_DOT_DOT_REGEX = /(?:\/|^)\.\.\/(?!\.\.\/).*?(?=\/)/g; - - var URLToolkit = { // jshint ignore:line - // If opts.alwaysNormalize is true then the path will always be normalized even when it starts with / or // - // E.g - // With opts.alwaysNormalize = false (default, spec compliant) - // http://a.com/b/cd + /e/f/../g => http://a.com/e/f/../g - // With opts.alwaysNormalize = true (default, not spec compliant) - // http://a.com/b/cd + /e/f/../g => http://a.com/e/g - buildAbsoluteURL: function(baseURL, relativeURL, opts) { - opts = opts || {}; - // remove any remaining space and CRLF - baseURL = baseURL.trim(); - relativeURL = relativeURL.trim(); - if (!relativeURL) { - // 2a) If the embedded URL is entirely empty, it inherits the - // entire base URL (i.e., is set equal to the base URL) - // and we are done. - if (!opts.alwaysNormalize) { - return baseURL; - } - var basePartsForNormalise = this.parseURL(baseURL); - if (!baseParts) { - throw new Error('Error trying to parse base URL.'); - } - basePartsForNormalise.path = URLToolkit.normalizePath(basePartsForNormalise.path); - return URLToolkit.buildURLFromParts(basePartsForNormalise); - } - var relativeParts = this.parseURL(relativeURL); - if (!relativeParts) { - throw new Error('Error trying to parse relative URL.'); - } - if (relativeParts.scheme) { - // 2b) If the embedded URL starts with a scheme name, it is - // interpreted as an absolute URL and we are done. - if (!opts.alwaysNormalize) { - return relativeURL; - } - relativeParts.path = URLToolkit.normalizePath(relativeParts.path); - return URLToolkit.buildURLFromParts(relativeParts); - } - var baseParts = this.parseURL(baseURL); - if (!baseParts) { - throw new Error('Error trying to parse base URL.'); - } - if (!baseParts.netLoc && baseParts.path && baseParts.path[0] !== '/') { - // If netLoc missing and path doesn't start with '/', assume everthing before the first '/' is the netLoc - // This causes 'example.com/a' to be handled as '//example.com/a' instead of '/example.com/a' - var pathParts = FIRST_SEGMENT_REGEX.exec(baseParts.path); - baseParts.netLoc = pathParts[1]; - baseParts.path = pathParts[2]; - } - if (baseParts.netLoc && !baseParts.path) { - baseParts.path = '/'; - } - var builtParts = { - // 2c) Otherwise, the embedded URL inherits the scheme of - // the base URL. - scheme: baseParts.scheme, - netLoc: relativeParts.netLoc, - path: null, - params: relativeParts.params, - query: relativeParts.query, - fragment: relativeParts.fragment - }; - if (!relativeParts.netLoc) { - // 3) If the embedded URL's is non-empty, we skip to - // Step 7. Otherwise, the embedded URL inherits the - // (if any) of the base URL. - builtParts.netLoc = baseParts.netLoc; - // 4) If the embedded URL path is preceded by a slash "/", the - // path is not relative and we skip to Step 7. - if (relativeParts.path[0] !== '/') { - if (!relativeParts.path) { - // 5) If the embedded URL path is empty (and not preceded by a - // slash), then the embedded URL inherits the base URL path - builtParts.path = baseParts.path; - // 5a) if the embedded URL's is non-empty, we skip to - // step 7; otherwise, it inherits the of the base - // URL (if any) and - if (!relativeParts.params) { - builtParts.params = baseParts.params; - // 5b) if the embedded URL's is non-empty, we skip to - // step 7; otherwise, it inherits the of the base - // URL (if any) and we skip to step 7. - if (!relativeParts.query) { - builtParts.query = baseParts.query; - } - } - } else { - // 6) The last segment of the base URL's path (anything - // following the rightmost slash "/", or the entire path if no - // slash is present) is removed and the embedded URL's path is - // appended in its place. - var baseURLPath = baseParts.path; - var newPath = baseURLPath.substring(0, baseURLPath.lastIndexOf('/') + 1) + relativeParts.path; - builtParts.path = URLToolkit.normalizePath(newPath); - } - } - } - if (builtParts.path === null) { - builtParts.path = opts.alwaysNormalize ? URLToolkit.normalizePath(relativeParts.path) : relativeParts.path; - } - return URLToolkit.buildURLFromParts(builtParts); - }, - parseURL: function(url) { - var parts = URL_REGEX.exec(url); - if (!parts) { - return null; - } - return { - scheme: parts[1] || '', - netLoc: parts[2] || '', - path: parts[3] || '', - params: parts[4] || '', - query: parts[5] || '', - fragment: parts[6] || '' - }; - }, - normalizePath: function(path) { - // The following operations are - // then applied, in order, to the new path: - // 6a) All occurrences of "./", where "." is a complete path - // segment, are removed. - // 6b) If the path ends with "." as a complete path segment, - // that "." is removed. - path = path.split('').reverse().join('').replace(SLASH_DOT_REGEX, ''); - // 6c) All occurrences of "/../", where is a - // complete path segment not equal to "..", are removed. - // Removal of these path segments is performed iteratively, - // removing the leftmost matching pattern on each iteration, - // until no matching pattern remains. - // 6d) If the path ends with "/..", where is a - // complete path segment not equal to "..", that - // "/.." is removed. - while (path.length !== (path = path.replace(SLASH_DOT_DOT_REGEX, '')).length) {} // jshint ignore:line - return path.split('').reverse().join(''); - }, - buildURLFromParts: function(parts) { - return parts.scheme + parts.netLoc + parts.path + parts.params + parts.query + parts.fragment; - } - }; - -/* jshint ignore:start */ - if(typeof exports === 'object' && typeof module === 'object') - module.exports = URLToolkit; - else if(typeof define === 'function' && define.amd) - define([], function() { return URLToolkit; }); - else if(typeof exports === 'object') - exports["URLToolkit"] = URLToolkit; - else - root["URLToolkit"] = URLToolkit; -})(this); -/* jshint ignore:end */ - -},{}],3:[function(_dereq_,module,exports){ -var bundleFn = arguments[3]; -var sources = arguments[4]; -var cache = arguments[5]; +Kibo.prototype.lastKey = function (modifier) { + if (!modifier) { + return Kibo.keyName(this.lastKeyCode); + } -var stringify = JSON.stringify; + return this.lastModifiers[modifier]; +}; -module.exports = function (fn, options) { - var wkey; - var cacheKeys = Object.keys(cache); +Kibo.prototype.lastModifiersAndKey = function () { + var result, i; - for (var i = 0, l = cacheKeys.length; i < l; i++) { - var key = cacheKeys[i]; - var exp = cache[key].exports; - // Using babel as a transpiler to use esmodule, the export will always - // be an object with the default export as a property of it. To ensure - // the existing api and babel esmodule exports are both supported we - // check for both - if (exp === fn || exp && exp.default === fn) { - wkey = key; - break; - } + result = []; + for (i = 0; i < Kibo.MODIFIERS.length; i++) { + if (this.lastKey(Kibo.MODIFIERS[i])) { + result.push(Kibo.MODIFIERS[i]); } + } - if (!wkey) { - wkey = Math.floor(Math.pow(16, 8) * Math.random()).toString(16); - var wcache = {}; - for (var i = 0, l = cacheKeys.length; i < l; i++) { - var key = cacheKeys[i]; - wcache[key] = key; - } - sources[wkey] = [ - Function(['require','module','exports'], '(' + fn + ')(self)'), - wcache - ]; - } - var skey = Math.floor(Math.pow(16, 8) * Math.random()).toString(16); + if (!Kibo.arrayIncludes(result, this.lastKey())) { + result.push(this.lastKey()); + } - var scache = {}; scache[wkey] = wkey; - sources[skey] = [ - Function(['require'], ( - // try to call default if defined to also support babel esmodule - // exports - 'var f = require(' + stringify(wkey) + ');' + - '(f.default ? f.default : f)(self);' - )), - scache - ]; + return result.join(' '); +}; - var workerSources = {}; - resolveSources(skey); +exports.default = Kibo; +module.exports = exports['default']; - function resolveSources(key) { - workerSources[key] = true; +/***/ }), +/* 127 */ +/***/ (function(module, exports, __webpack_require__) { - for (var depPath in sources[key][1]) { - var depKey = sources[key][1][depPath]; - if (!workerSources[depKey]) { - resolveSources(depKey); - } - } - } +module.exports = { "default": __webpack_require__(133), __esModule: true }; - var src = '(' + bundleFn + ')({' - + Object.keys(workerSources).map(function (key) { - return stringify(key) + ':[' - + sources[key][0] - + ',' + stringify(sources[key][1]) + ']' - ; - }).join(',') - + '},{},[' + stringify(skey) + '])' - ; +/***/ }), +/* 128 */ +/***/ (function(module, exports, __webpack_require__) { - var URL = window.URL || window.webkitURL || window.mozURL || window.msURL; +module.exports = { "default": __webpack_require__(134), __esModule: true }; - var blob = new Blob([src], { type: 'text/javascript' }); - if (options && options.bare) { return blob; } - var workerUrl = URL.createObjectURL(blob); - var worker = new Worker(workerUrl); - worker.objectURL = workerUrl; - return worker; -}; +/***/ }), +/* 129 */ +/***/ (function(module, exports, __webpack_require__) { -},{}],4:[function(_dereq_,module,exports){ -/** - * HLS config - */ -'use strict'; +module.exports = { "default": __webpack_require__(137), __esModule: true }; -Object.defineProperty(exports, "__esModule", { - value: true -}); -exports.hlsDefaultConfig = undefined; +/***/ }), +/* 130 */ +/***/ (function(module, exports, __webpack_require__) { -var _abrController = _dereq_(5); +module.exports = { "default": __webpack_require__(139), __esModule: true }; -var _abrController2 = _interopRequireDefault(_abrController); +/***/ }), +/* 131 */ +/***/ (function(module, exports, __webpack_require__) { -var _bufferController = _dereq_(8); +module.exports = { "default": __webpack_require__(140), __esModule: true }; -var _bufferController2 = _interopRequireDefault(_bufferController); +/***/ }), +/* 132 */ +/***/ (function(module, exports, __webpack_require__) { -var _capLevelController = _dereq_(9); +module.exports = { "default": __webpack_require__(141), __esModule: true }; -var _capLevelController2 = _interopRequireDefault(_capLevelController); +/***/ }), +/* 133 */ +/***/ (function(module, exports, __webpack_require__) { -var _fpsController = _dereq_(10); +__webpack_require__(83); +__webpack_require__(165); +module.exports = __webpack_require__(10).Array.from; -var _fpsController2 = _interopRequireDefault(_fpsController); +/***/ }), +/* 134 */ +/***/ (function(module, exports, __webpack_require__) { -var _xhrLoader = _dereq_(55); +var core = __webpack_require__(10) + , $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); +}; -var _xhrLoader2 = _interopRequireDefault(_xhrLoader); +/***/ }), +/* 135 */ +/***/ (function(module, exports, __webpack_require__) { -var _audioTrackController = _dereq_(7); +__webpack_require__(167); +var $Object = __webpack_require__(10).Object; +module.exports = function create(P, D){ + return $Object.create(P, D); +}; -var _audioTrackController2 = _interopRequireDefault(_audioTrackController); +/***/ }), +/* 136 */ +/***/ (function(module, exports, __webpack_require__) { -var _audioStreamController = _dereq_(6); +__webpack_require__(168); +var $Object = __webpack_require__(10).Object; +module.exports = function defineProperty(it, key, desc){ + return $Object.defineProperty(it, key, desc); +}; -var _audioStreamController2 = _interopRequireDefault(_audioStreamController); +/***/ }), +/* 137 */ +/***/ (function(module, exports, __webpack_require__) { -var _cues = _dereq_(47); +__webpack_require__(169); +var $Object = __webpack_require__(10).Object; +module.exports = function getOwnPropertyDescriptor(it, key){ + return $Object.getOwnPropertyDescriptor(it, key); +}; -var _cues2 = _interopRequireDefault(_cues); +/***/ }), +/* 138 */ +/***/ (function(module, exports, __webpack_require__) { -var _timelineController = _dereq_(15); +__webpack_require__(170); +module.exports = __webpack_require__(10).Object.keys; -var _timelineController2 = _interopRequireDefault(_timelineController); +/***/ }), +/* 139 */ +/***/ (function(module, exports, __webpack_require__) { -var _subtitleTrackController = _dereq_(14); +__webpack_require__(171); +module.exports = __webpack_require__(10).Object.setPrototypeOf; -var _subtitleTrackController2 = _interopRequireDefault(_subtitleTrackController); +/***/ }), +/* 140 */ +/***/ (function(module, exports, __webpack_require__) { -var _subtitleStreamController = _dereq_(13); +__webpack_require__(173); +__webpack_require__(172); +__webpack_require__(174); +__webpack_require__(175); +module.exports = __webpack_require__(10).Symbol; -var _subtitleStreamController2 = _interopRequireDefault(_subtitleStreamController); +/***/ }), +/* 141 */ +/***/ (function(module, exports, __webpack_require__) { -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } +__webpack_require__(83); +__webpack_require__(176); +module.exports = __webpack_require__(57).f('iterator'); -//#endif +/***/ }), +/* 142 */ +/***/ (function(module, exports) { -//#endif +module.exports = function(it){ + if(typeof it != 'function')throw TypeError(it + ' is not a function!'); + return it; +}; -//#if subtitle +/***/ }), +/* 143 */ +/***/ (function(module, exports) { -//import FetchLoader from './utils/fetch-loader'; -//#if altaudio -var hlsDefaultConfig = exports.hlsDefaultConfig = { - autoStartLoad: true, // used by stream-controller - startPosition: -1, // used by stream-controller - defaultAudioCodec: undefined, // used by stream-controller - debug: false, // used by logger - capLevelOnFPSDrop: false, // used by fps-controller - capLevelToPlayerSize: false, // used by cap-level-controller - initialLiveManifestSize: 1, // used by stream-controller - maxBufferLength: 30, // used by stream-controller - maxBufferSize: 60 * 1000 * 1000, // used by stream-controller - maxBufferHole: 0.5, // used by stream-controller - maxSeekHole: 2, // used by stream-controller - lowBufferWatchdogPeriod: 0.5, // used by stream-controller - highBufferWatchdogPeriod: 3, // used by stream-controller - nudgeOffset: 0.1, // used by stream-controller - nudgeMaxRetry: 3, // used by stream-controller - maxFragLookUpTolerance: 0.2, // used by stream-controller - liveSyncDurationCount: 3, // used by stream-controller - liveMaxLatencyDurationCount: Infinity, // used by stream-controller - liveSyncDuration: undefined, // used by stream-controller - liveMaxLatencyDuration: undefined, // used by stream-controller - maxMaxBufferLength: 600, // used by stream-controller - enableWorker: true, // used by demuxer - enableSoftwareAES: true, // used by decrypter - manifestLoadingTimeOut: 10000, // used by playlist-loader - manifestLoadingMaxRetry: 1, // used by playlist-loader - manifestLoadingRetryDelay: 1000, // used by playlist-loader - manifestLoadingMaxRetryTimeout: 64000, // used by playlist-loader - startLevel: undefined, // used by level-controller - levelLoadingTimeOut: 10000, // used by playlist-loader - levelLoadingMaxRetry: 4, // used by playlist-loader - levelLoadingRetryDelay: 1000, // used by playlist-loader - levelLoadingMaxRetryTimeout: 64000, // used by playlist-loader - fragLoadingTimeOut: 20000, // used by fragment-loader - fragLoadingMaxRetry: 6, // used by fragment-loader - fragLoadingRetryDelay: 1000, // used by fragment-loader - fragLoadingMaxRetryTimeout: 64000, // used by fragment-loader - fragLoadingLoopThreshold: 3, // used by stream-controller - startFragPrefetch: false, // used by stream-controller - fpsDroppedMonitoringPeriod: 5000, // used by fps-controller - fpsDroppedMonitoringThreshold: 0.2, // used by fps-controller - appendErrorMaxRetry: 3, // used by buffer-controller - loader: _xhrLoader2.default, - //loader: FetchLoader, - fLoader: undefined, - pLoader: undefined, - xhrSetup: undefined, - fetchSetup: undefined, - abrController: _abrController2.default, - bufferController: _bufferController2.default, - capLevelController: _capLevelController2.default, - fpsController: _fpsController2.default, - //#if altaudio - audioStreamController: _audioStreamController2.default, - audioTrackController: _audioTrackController2.default, - //#endif - //#if subtitle - subtitleStreamController: _subtitleStreamController2.default, - subtitleTrackController: _subtitleTrackController2.default, - timelineController: _timelineController2.default, - cueHandler: _cues2.default, - enableCEA708Captions: true, // used by timeline-controller - enableWebVTT: true, // used by timeline-controller - captionsTextTrack1Label: 'English', // used by timeline-controller - captionsTextTrack1LanguageCode: 'en', // used by timeline-controller - captionsTextTrack2Label: 'Spanish', // used by timeline-controller - captionsTextTrack2LanguageCode: 'es', // used by timeline-controller - //#endif - stretchShortVideoTrack: false, // used by mp4-remuxer - forceKeyFrameOnDiscontinuity: true, // used by ts-demuxer - abrEwmaFastLive: 3, // used by abr-controller - abrEwmaSlowLive: 9, // used by abr-controller - abrEwmaFastVoD: 3, // used by abr-controller - abrEwmaSlowVoD: 9, // used by abr-controller - abrEwmaDefaultEstimate: 5e5, // 500 kbps // used by abr-controller - abrBandWidthFactor: 0.95, // used by abr-controller - abrBandWidthUpFactor: 0.7, // used by abr-controller - abrMaxWithRealBitrate: false, // used by abr-controller - maxStarvationDelay: 4, // used by abr-controller - maxLoadingDelay: 4, // used by abr-controller - minAutoBitrate: 0 // used by hls +module.exports = function(){ /* empty */ }; + +/***/ }), +/* 144 */ +/***/ (function(module, exports, __webpack_require__) { + +// false -> Array#indexOf +// true -> Array#includes +var toIObject = __webpack_require__(17) + , toLength = __webpack_require__(82) + , toIndex = __webpack_require__(163); +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; + }; }; -},{"10":10,"13":13,"14":14,"15":15,"47":47,"5":5,"55":55,"6":6,"7":7,"8":8,"9":9}],5:[function(_dereq_,module,exports){ -'use strict'; +/***/ }), +/* 145 */ +/***/ (function(module, exports, __webpack_require__) { -Object.defineProperty(exports, "__esModule", { - value: true -}); +// getting tag from 19.1.3.6 Object.prototype.toString() +var cof = __webpack_require__(42) + , TAG = __webpack_require__(12)('toStringTag') + // ES3 wrong here + , ARG = cof(function(){ return arguments; }()) == 'Arguments'; -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); +// fallback for IE11 Script Access Denied error +var tryGet = function(it, key){ + try { + return it[key]; + } catch(e){ /* empty */ } +}; -var _events = _dereq_(32); +module.exports = function(it){ + var O, T, B; + return it === undefined ? 'Undefined' : it === null ? 'Null' + // @@toStringTag case + : typeof (T = tryGet(O = Object(it), TAG)) == 'string' ? T + // builtinTag case + : ARG ? cof(O) + // ES3 arguments fallback + : (B = cof(O)) == 'Object' && typeof O.callee == 'function' ? 'Arguments' : B; +}; -var _events2 = _interopRequireDefault(_events); +/***/ }), +/* 146 */ +/***/ (function(module, exports, __webpack_require__) { -var _eventHandler = _dereq_(31); +"use strict"; -var _eventHandler2 = _interopRequireDefault(_eventHandler); +var $defineProperty = __webpack_require__(16) + , createDesc = __webpack_require__(30); -var _bufferHelper = _dereq_(34); +module.exports = function(object, index, value){ + if(index in object)$defineProperty.f(object, index, createDesc(0, value)); + else object[index] = value; +}; -var _bufferHelper2 = _interopRequireDefault(_bufferHelper); +/***/ }), +/* 147 */ +/***/ (function(module, exports, __webpack_require__) { -var _errors = _dereq_(30); +// all enumerable object keys, includes symbols +var getKeys = __webpack_require__(29) + , gOPS = __webpack_require__(78) + , pIE = __webpack_require__(49); +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; +}; -var _logger = _dereq_(50); +/***/ }), +/* 148 */ +/***/ (function(module, exports, __webpack_require__) { -var _ewmaBandwidthEstimator = _dereq_(48); +module.exports = __webpack_require__(15).document && document.documentElement; -var _ewmaBandwidthEstimator2 = _interopRequireDefault(_ewmaBandwidthEstimator); +/***/ }), +/* 149 */ +/***/ (function(module, exports, __webpack_require__) { -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } +// fallback for non-array-like ES3 and non-enumerable old V8 strings +var cof = __webpack_require__(42); +module.exports = Object('z').propertyIsEnumerable(0) ? Object : function(it){ + return cof(it) == 'String' ? it.split('') : Object(it); +}; -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } +/***/ }), +/* 150 */ +/***/ (function(module, exports, __webpack_require__) { -function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } +// check on default Array iterator +var Iterators = __webpack_require__(28) + , ITERATOR = __webpack_require__(12)('iterator') + , ArrayProto = Array.prototype; -function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /* - * simple ABR Controller - * - compute next level based on last fragment bw heuristics - * - implement an abandon rules triggered if we have less than 2 frag buffered and if computed bw shows that we risk buffer stalling - */ +module.exports = function(it){ + return it !== undefined && (Iterators.Array === it || ArrayProto[ITERATOR] === it); +}; -var AbrController = function (_EventHandler) { - _inherits(AbrController, _EventHandler); +/***/ }), +/* 151 */ +/***/ (function(module, exports, __webpack_require__) { - function AbrController(hls) { - _classCallCheck(this, AbrController); +// 7.2.2 IsArray(argument) +var cof = __webpack_require__(42); +module.exports = Array.isArray || function isArray(arg){ + return cof(arg) == 'Array'; +}; - var _this = _possibleConstructorReturn(this, (AbrController.__proto__ || Object.getPrototypeOf(AbrController)).call(this, hls, _events2.default.FRAG_LOADING, _events2.default.FRAG_LOADED, _events2.default.FRAG_BUFFERED, _events2.default.ERROR)); +/***/ }), +/* 152 */ +/***/ (function(module, exports, __webpack_require__) { - _this.lastLoadedFragLevel = 0; - _this._nextAutoLevel = -1; - _this.hls = hls; - _this.onCheck = _this._abandonRulesCheck.bind(_this); - return _this; +// call something on iterator step with safe closing on error +var anObject = __webpack_require__(23); +module.exports = function(iterator, fn, value, entries){ + try { + return entries ? fn(anObject(value)[0], value[1]) : fn(value); + // 7.4.6 IteratorClose(iterator, completion) + } catch(e){ + var ret = iterator['return']; + if(ret !== undefined)anObject(ret.call(iterator)); + throw e; } +}; - _createClass(AbrController, [{ - key: 'destroy', - value: function destroy() { - this.clearTimer(); - _eventHandler2.default.prototype.destroy.call(this); - } - }, { - key: 'onFragLoading', - value: function onFragLoading(data) { - var frag = data.frag; - if (frag.type === 'main') { - if (!this.timer) { - this.timer = setInterval(this.onCheck, 100); - } - // lazy init of bw Estimator, rationale is that we use different params for Live/VoD - // so we need to wait for stream manifest / playlist type to instantiate it. - if (!this._bwEstimator) { - var hls = this.hls, - level = data.frag.level, - isLive = hls.levels[level].details.live, - config = hls.config, - ewmaFast = void 0, - ewmaSlow = void 0; +/***/ }), +/* 153 */ +/***/ (function(module, exports, __webpack_require__) { - if (isLive) { - ewmaFast = config.abrEwmaFastLive; - ewmaSlow = config.abrEwmaSlowLive; - } else { - ewmaFast = config.abrEwmaFastVoD; - ewmaSlow = config.abrEwmaSlowVoD; - } - this._bwEstimator = new _ewmaBandwidthEstimator2.default(hls, ewmaSlow, ewmaFast, config.abrEwmaDefaultEstimate); - } - this.fragCurrent = frag; - } - } - }, { - key: '_abandonRulesCheck', - value: function _abandonRulesCheck() { - /* - monitor fragment retrieval time... - we compute expected time of arrival of the complete fragment. - we compare it to expected time of buffer starvation - */ - var hls = this.hls, - v = hls.media, - frag = this.fragCurrent, - loader = frag.loader, - minAutoLevel = hls.minAutoLevel; +"use strict"; - // if loader has been destroyed or loading has been aborted, stop timer and return - if (!loader || loader.stats && loader.stats.aborted) { - _logger.logger.warn('frag loader destroy or aborted, disarm abandonRules'); - this.clearTimer(); - return; - } - var stats = loader.stats; - /* only monitor frag retrieval time if - (video not paused OR first fragment being loaded(ready state === HAVE_NOTHING = 0)) AND autoswitching enabled AND not lowest level (=> means that we have several levels) */ - if (v && (!v.paused && v.playbackRate !== 0 || !v.readyState) && frag.autoLevel && frag.level) { - var requestDelay = performance.now() - stats.trequest, - playbackRate = Math.abs(v.playbackRate); - // monitor fragment load progress after half of expected fragment duration,to stabilize bitrate - if (requestDelay > 500 * frag.duration / playbackRate) { - var levels = hls.levels, - loadRate = Math.max(1, stats.bw ? stats.bw / 8 : stats.loaded * 1000 / requestDelay), - // byte/s; at least 1 byte/s to avoid division by zero - // compute expected fragment length using frag duration and level bitrate. also ensure that expected len is gte than already loaded size - level = levels[frag.level], - levelBitrate = level.realBitrate ? Math.max(level.realBitrate, level.bitrate) : level.bitrate, - expectedLen = stats.total ? stats.total : Math.max(stats.loaded, Math.round(frag.duration * levelBitrate / 8)), - pos = v.currentTime, - fragLoadedDelay = (expectedLen - stats.loaded) / loadRate, - bufferStarvationDelay = (_bufferHelper2.default.bufferInfo(v, pos, hls.config.maxBufferHole).end - pos) / playbackRate; - // consider emergency switch down only if we have less than 2 frag buffered AND - // time to finish loading current fragment is bigger than buffer starvation delay - // ie if we risk buffer starvation if bw does not increase quickly - if (bufferStarvationDelay < 2 * frag.duration / playbackRate && fragLoadedDelay > bufferStarvationDelay) { - var fragLevelNextLoadedDelay = void 0, - nextLoadLevel = void 0; - // lets iterate through lower level and try to find the biggest one that could avoid rebuffering - // we start from current level - 1 and we step down , until we find a matching level - for (nextLoadLevel = frag.level - 1; nextLoadLevel > minAutoLevel; nextLoadLevel--) { - // compute time to load next fragment at lower level - // 0.8 : consider only 80% of current bw to be conservative - // 8 = bits per byte (bps/Bps) - var levelNextBitrate = levels[nextLoadLevel].realBitrate ? Math.max(levels[nextLoadLevel].realBitrate, levels[nextLoadLevel].bitrate) : levels[nextLoadLevel].bitrate; - fragLevelNextLoadedDelay = frag.duration * levelNextBitrate / (8 * 0.8 * loadRate); - if (fragLevelNextLoadedDelay < bufferStarvationDelay) { - // we found a lower level that be rebuffering free with current estimated bw ! - break; - } - } - // only emergency switch down if it takes less time to load new fragment at lowest level instead - // of finishing loading current one ... - if (fragLevelNextLoadedDelay < fragLoadedDelay) { - _logger.logger.warn('loading too slow, abort fragment loading and switch to level ' + nextLoadLevel + ':fragLoadedDelay[' + nextLoadLevel + ']= minAutoLevel; i--) { - var levelInfo = levels[i], - levelDetails = levelInfo.details, - avgDuration = levelDetails ? levelDetails.totalduration / levelDetails.fragments.length : currentFragDuration, - live = levelDetails ? levelDetails.live : false, - adjustedbw = void 0; - // follow algorithm captured from stagefright : - // https://android.googlesource.com/platform/frameworks/av/+/master/media/libstagefright/httplive/LiveSession.cpp - // Pick the highest bandwidth stream below or equal to estimated bandwidth. - // consider only 80% of the available bandwidth, but if we are switching up, - // be even more conservative (70%) to avoid overestimating and immediately - // switching back. - if (i <= currentLevel) { - adjustedbw = bwFactor * currentBw; - } else { - adjustedbw = bwUpFactor * currentBw; - } - var bitrate = levels[i].realBitrate ? Math.max(levels[i].realBitrate, levels[i].bitrate) : levels[i].bitrate, - fetchDuration = bitrate * avgDuration / adjustedbw; +/***/ }), +/* 154 */ +/***/ (function(module, exports, __webpack_require__) { - _logger.logger.trace('level/adjustedbw/bitrate/avgDuration/maxFetchDuration/fetchDuration: ' + i + '/' + Math.round(adjustedbw) + '/' + bitrate + '/' + avgDuration + '/' + maxFetchDuration + '/' + fetchDuration); - // if adjusted bw is greater than level bitrate AND - if (adjustedbw > bitrate && ( - // fragment fetchDuration unknown OR live stream OR fragment fetchDuration less than max allowed fetch duration, then this level matches - // we don't account for max Fetch Duration for live streams, this is to avoid switching down when near the edge of live sliding window ... - !fetchDuration || live || fetchDuration < maxFetchDuration)) { - // as we are looping from highest to lowest, this will return the best achievable quality level +var ITERATOR = __webpack_require__(12)('iterator') + , SAFE_CLOSING = false; - return i; - } - } - // not enough time budget even with quality level 0 ... rebuffering might happen - return -1; - } - }, { - key: 'nextAutoLevel', - get: function get() { - var forcedAutoLevel = this._nextAutoLevel; - var bwEstimator = this._bwEstimator; - // in case next auto level has been forced, and bw not available or not reliable, return forced value - if (forcedAutoLevel !== -1 && (!bwEstimator || !bwEstimator.canEstimate())) { - return forcedAutoLevel; - } - // compute next level using ABR logic - var nextABRAutoLevel = this._nextABRAutoLevel; - // if forced auto level has been defined, use it to cap ABR computed quality level - if (forcedAutoLevel !== -1) { - nextABRAutoLevel = Math.min(forcedAutoLevel, nextABRAutoLevel); - } - return nextABRAutoLevel; - }, - set: function set(nextLevel) { - this._nextAutoLevel = nextLevel; - } - }, { - key: '_nextABRAutoLevel', - get: function get() { - var hls = this.hls, - maxAutoLevel = hls.maxAutoLevel, - levels = hls.levels, - config = hls.config, - minAutoLevel = hls.minAutoLevel; - var v = hls.media, - currentLevel = this.lastLoadedFragLevel, - currentFragDuration = this.fragCurrent ? this.fragCurrent.duration : 0, - pos = v ? v.currentTime : 0, +try { + var riter = [7][ITERATOR](); + riter['return'] = function(){ SAFE_CLOSING = true; }; + Array.from(riter, function(){ throw 2; }); +} catch(e){ /* empty */ } - // playbackRate is the absolute value of the playback rate; if v.playbackRate is 0, we use 1 to load as - // if we're playing back at the normal rate. - playbackRate = v && v.playbackRate !== 0 ? Math.abs(v.playbackRate) : 1.0, - avgbw = this._bwEstimator ? this._bwEstimator.getEstimate() : config.abrEwmaDefaultEstimate, +module.exports = function(exec, skipClosing){ + if(!skipClosing && !SAFE_CLOSING)return false; + var safe = false; + try { + var arr = [7] + , iter = arr[ITERATOR](); + iter.next = function(){ return {done: safe = true}; }; + arr[ITERATOR] = function(){ return iter; }; + exec(arr); + } catch(e){ /* empty */ } + return safe; +}; - // bufferStarvationDelay is the wall-clock time left until the playback buffer is exhausted. - bufferStarvationDelay = (_bufferHelper2.default.bufferInfo(v, pos, config.maxBufferHole).end - pos) / playbackRate; +/***/ }), +/* 155 */ +/***/ (function(module, exports) { - // First, look to see if we can find a level matching with our avg bandwidth AND that could also guarantee no rebuffering at all - var bestLevel = this._findBestLevel(currentLevel, currentFragDuration, avgbw, minAutoLevel, maxAutoLevel, bufferStarvationDelay, config.abrBandWidthFactor, config.abrBandWidthUpFactor, levels); - if (bestLevel >= 0) { - return bestLevel; - } else { - _logger.logger.trace('rebuffering expected to happen, lets try to find a quality level minimizing the rebuffering'); - // not possible to get rid of rebuffering ... let's try to find level that will guarantee less than maxStarvationDelay of rebuffering - // if no matching level found, logic will return 0 - var maxStarvationDelay = currentFragDuration ? Math.min(currentFragDuration, config.maxStarvationDelay) : config.maxStarvationDelay, - bwFactor = config.abrBandWidthFactor, - bwUpFactor = config.abrBandWidthUpFactor; - if (bufferStarvationDelay === 0) { - // in case buffer is empty, let's check if previous fragment was loaded to perform a bitrate test - var bitrateTestDelay = this.bitrateTestDelay; - if (bitrateTestDelay) { - // if it is the case, then we need to adjust our max starvation delay using maxLoadingDelay config value - // max video loading delay used in automatic start level selection : - // in that mode ABR controller will ensure that video loading time (ie the time to fetch the first fragment at lowest quality level + - // the time to fetch the fragment at the appropriate quality level is less than ```maxLoadingDelay``` ) - // cap maxLoadingDelay and ensure it is not bigger 'than bitrate test' frag duration - var maxLoadingDelay = currentFragDuration ? Math.min(currentFragDuration, config.maxLoadingDelay) : config.maxLoadingDelay; - maxStarvationDelay = maxLoadingDelay - bitrateTestDelay; - _logger.logger.trace('bitrate test took ' + Math.round(1000 * bitrateTestDelay) + 'ms, set first fragment max fetchDuration to ' + Math.round(1000 * maxStarvationDelay) + ' ms'); - // don't use conservative factor on bitrate test - bwFactor = bwUpFactor = 1; - } - } - bestLevel = this._findBestLevel(currentLevel, currentFragDuration, avgbw, minAutoLevel, maxAutoLevel, bufferStarvationDelay + maxStarvationDelay, bwFactor, bwUpFactor, levels); - return Math.max(bestLevel, 0); - } - } - }]); +module.exports = function(done, value){ + return {value: value, done: !!done}; +}; - return AbrController; -}(_eventHandler2.default); +/***/ }), +/* 156 */ +/***/ (function(module, exports, __webpack_require__) { -exports.default = AbrController; +var getKeys = __webpack_require__(29) + , toIObject = __webpack_require__(17); +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; +}; -},{"30":30,"31":31,"32":32,"34":34,"48":48,"50":50}],6:[function(_dereq_,module,exports){ -'use strict'; +/***/ }), +/* 157 */ +/***/ (function(module, exports, __webpack_require__) { -Object.defineProperty(exports, "__esModule", { - value: true +var META = __webpack_require__(37)('meta') + , isObject = __webpack_require__(27) + , has = __webpack_require__(21) + , setDesc = __webpack_require__(16).f + , id = 0; +var isExtensible = Object.isExtensible || function(){ + return true; +}; +var FREEZE = !__webpack_require__(26)(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 +}; -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); +/***/ }), +/* 158 */ +/***/ (function(module, exports, __webpack_require__) { -var _binarySearch = _dereq_(45); +var dP = __webpack_require__(16) + , anObject = __webpack_require__(23) + , getKeys = __webpack_require__(29); + +module.exports = __webpack_require__(19) ? 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; +}; -var _binarySearch2 = _interopRequireDefault(_binarySearch); +/***/ }), +/* 159 */ +/***/ (function(module, exports, __webpack_require__) { -var _bufferHelper = _dereq_(34); +// fallback for IE11 buggy Object.getOwnPropertyNames with iframe and window +var toIObject = __webpack_require__(17) + , gOPN = __webpack_require__(77).f + , toString = {}.toString; -var _bufferHelper2 = _interopRequireDefault(_bufferHelper); +var windowNames = typeof window == 'object' && window && Object.getOwnPropertyNames + ? Object.getOwnPropertyNames(window) : []; -var _demuxer = _dereq_(24); +var getWindowNames = function(it){ + try { + return gOPN(it); + } catch(e){ + return windowNames.slice(); + } +}; -var _demuxer2 = _interopRequireDefault(_demuxer); +module.exports.f = function getOwnPropertyNames(it){ + return windowNames && toString.call(it) == '[object Window]' ? getWindowNames(it) : gOPN(toIObject(it)); +}; -var _events = _dereq_(32); -var _events2 = _interopRequireDefault(_events); +/***/ }), +/* 160 */ +/***/ (function(module, exports, __webpack_require__) { -var _eventHandler = _dereq_(31); +// 19.1.2.9 / 15.2.3.2 Object.getPrototypeOf(O) +var has = __webpack_require__(21) + , toObject = __webpack_require__(54) + , IE_PROTO = __webpack_require__(51)('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; +}; -var _eventHandler2 = _interopRequireDefault(_eventHandler); +/***/ }), +/* 161 */ +/***/ (function(module, exports, __webpack_require__) { -var _levelHelper = _dereq_(35); +// Works with __proto__ only. Old v8 can't work with null proto objects. +/* eslint-disable no-proto */ +var isObject = __webpack_require__(27) + , 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__(43)(Function.call, __webpack_require__(48).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 +}; -var _levelHelper2 = _interopRequireDefault(_levelHelper); +/***/ }), +/* 162 */ +/***/ (function(module, exports, __webpack_require__) { -var _timeRanges = _dereq_(51); +var toInteger = __webpack_require__(53) + , defined = __webpack_require__(44); +// 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; + }; +}; -var _timeRanges2 = _interopRequireDefault(_timeRanges); +/***/ }), +/* 163 */ +/***/ (function(module, exports, __webpack_require__) { -var _errors = _dereq_(30); +var toInteger = __webpack_require__(53) + , max = Math.max + , min = Math.min; +module.exports = function(index, length){ + index = toInteger(index); + return index < 0 ? max(index + length, 0) : min(index, length); +}; -var _logger = _dereq_(50); +/***/ }), +/* 164 */ +/***/ (function(module, exports, __webpack_require__) { -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } +var classof = __webpack_require__(145) + , ITERATOR = __webpack_require__(12)('iterator') + , Iterators = __webpack_require__(28); +module.exports = __webpack_require__(10).getIteratorMethod = function(it){ + if(it != undefined)return it[ITERATOR] + || it['@@iterator'] + || Iterators[classof(it)]; +}; -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } +/***/ }), +/* 165 */ +/***/ (function(module, exports, __webpack_require__) { -function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } +"use strict"; -function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /* - * Audio Stream Controller - */ +var ctx = __webpack_require__(43) + , $export = __webpack_require__(20) + , toObject = __webpack_require__(54) + , call = __webpack_require__(152) + , isArrayIter = __webpack_require__(150) + , toLength = __webpack_require__(82) + , createProperty = __webpack_require__(146) + , getIterFn = __webpack_require__(164); + +$export($export.S + $export.F * !__webpack_require__(154)(function(iter){ Array.from(iter); }), 'Array', { + // 22.1.2.1 Array.from(arrayLike, mapfn = undefined, thisArg = undefined) + from: function from(arrayLike/*, mapfn = undefined, thisArg = undefined*/){ + var O = toObject(arrayLike) + , C = typeof this == 'function' ? this : Array + , aLen = arguments.length + , mapfn = aLen > 1 ? arguments[1] : undefined + , mapping = mapfn !== undefined + , index = 0 + , iterFn = getIterFn(O) + , length, result, step, iterator; + if(mapping)mapfn = ctx(mapfn, aLen > 2 ? arguments[2] : undefined, 2); + // if object isn't iterable or it's array with default iterator - use simple case + if(iterFn != undefined && !(C == Array && isArrayIter(iterFn))){ + for(iterator = iterFn.call(O), result = new C; !(step = iterator.next()).done; index++){ + createProperty(result, index, mapping ? call(iterator, mapfn, [step.value, index], true) : step.value); + } + } else { + length = toLength(O.length); + for(result = new C(length); length > index; index++){ + createProperty(result, index, mapping ? mapfn(O[index], index) : O[index]); + } + } + result.length = index; + return result; + } +}); -var State = { - STOPPED: 'STOPPED', - STARTING: 'STARTING', - IDLE: 'IDLE', - PAUSED: 'PAUSED', - KEY_LOADING: 'KEY_LOADING', - FRAG_LOADING: 'FRAG_LOADING', - FRAG_LOADING_WAITING_RETRY: 'FRAG_LOADING_WAITING_RETRY', - WAITING_TRACK: 'WAITING_TRACK', - PARSING: 'PARSING', - PARSED: 'PARSED', - BUFFER_FLUSHING: 'BUFFER_FLUSHING', - ENDED: 'ENDED', - ERROR: 'ERROR', - WAITING_INIT_PTS: 'WAITING_INIT_PTS' -}; -var AudioStreamController = function (_EventHandler) { - _inherits(AudioStreamController, _EventHandler); +/***/ }), +/* 166 */ +/***/ (function(module, exports, __webpack_require__) { - function AudioStreamController(hls) { - _classCallCheck(this, AudioStreamController); +"use strict"; - var _this = _possibleConstructorReturn(this, (AudioStreamController.__proto__ || Object.getPrototypeOf(AudioStreamController)).call(this, hls, _events2.default.MEDIA_ATTACHED, _events2.default.MEDIA_DETACHING, _events2.default.AUDIO_TRACKS_UPDATED, _events2.default.AUDIO_TRACK_SWITCHING, _events2.default.AUDIO_TRACK_LOADED, _events2.default.KEY_LOADED, _events2.default.FRAG_LOADED, _events2.default.FRAG_PARSING_INIT_SEGMENT, _events2.default.FRAG_PARSING_DATA, _events2.default.FRAG_PARSED, _events2.default.ERROR, _events2.default.BUFFER_CREATED, _events2.default.BUFFER_APPENDED, _events2.default.BUFFER_FLUSHED, _events2.default.INIT_PTS_FOUND)); +var addToUnscopables = __webpack_require__(143) + , step = __webpack_require__(155) + , Iterators = __webpack_require__(28) + , toIObject = __webpack_require__(17); + +// 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__(76)(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'); - _this.config = hls.config; - _this.audioCodecSwap = false; - _this.ticks = 0; - _this._state = State.STOPPED; - _this.ontick = _this.tick.bind(_this); - _this.initPTS = []; - _this.waitingFragment = null; - return _this; - } +/***/ }), +/* 167 */ +/***/ (function(module, exports, __webpack_require__) { - _createClass(AudioStreamController, [{ - key: 'destroy', - value: function destroy() { - this.stopLoad(); - if (this.timer) { - clearInterval(this.timer); - this.timer = null; - } - _eventHandler2.default.prototype.destroy.call(this); - this.state = State.STOPPED; - } +var $export = __webpack_require__(20) +// 19.1.2.2 / 15.2.3.5 Object.create(O [, Properties]) +$export($export.S, 'Object', {create: __webpack_require__(47)}); - //Signal that video PTS was found +/***/ }), +/* 168 */ +/***/ (function(module, exports, __webpack_require__) { - }, { - key: 'onInitPtsFound', - value: function onInitPtsFound(data) { - var demuxerId = data.id, - cc = data.frag.cc, - initPTS = data.initPTS; - if (demuxerId === 'main') { - //Always update the new INIT PTS - //Can change due level switch - this.initPTS[cc] = initPTS; - _logger.logger.log('InitPTS for cc:' + cc + ' found from video track:' + initPTS); +var $export = __webpack_require__(20); +// 19.1.2.4 / 15.2.3.6 Object.defineProperty(O, P, Attributes) +$export($export.S + $export.F * !__webpack_require__(19), 'Object', {defineProperty: __webpack_require__(16).f}); - //If we are waiting we need to demux/remux the waiting frag - //With the new initPTS - if (this.state === State.WAITING_INIT_PTS) { - _logger.logger.log('sending pending audio frag to demuxer'); - this.state = State.FRAG_LOADING; - //We have audio frag waiting or video pts - //Let process it - this.onFragLoaded(this.waitingFragment); - //Lets clean the waiting frag - this.waitingFragment = null; - } - } - } - }, { - key: 'startLoad', - value: function startLoad(startPosition) { - if (this.tracks) { - var lastCurrentTime = this.lastCurrentTime; - this.stopLoad(); - if (!this.timer) { - this.timer = setInterval(this.ontick, 100); - } - this.fragLoadError = 0; - if (lastCurrentTime > 0 && startPosition === -1) { - _logger.logger.log('audio:override startPosition with lastCurrentTime @' + lastCurrentTime.toFixed(3)); - this.state = State.IDLE; - } else { - this.lastCurrentTime = this.startPosition ? this.startPosition : startPosition; - this.state = State.STARTING; - } - this.nextLoadPosition = this.startPosition = this.lastCurrentTime; - this.tick(); - } else { - this.startPosition = startPosition; - this.state = State.STOPPED; - } - } - }, { - key: 'stopLoad', - value: function stopLoad() { - var frag = this.fragCurrent; - if (frag) { - if (frag.loader) { - frag.loader.abort(); - } - this.fragCurrent = null; - } - this.fragPrevious = null; - if (this.demuxer) { - this.demuxer.destroy(); - this.demuxer = null; - } - this.state = State.STOPPED; - } - }, { - key: 'tick', - value: function tick() { - this.ticks++; - if (this.ticks === 1) { - this.doTick(); - if (this.ticks > 1) { - setTimeout(this.tick, 1); - } - this.ticks = 0; - } - } - }, { - key: 'doTick', - value: function doTick() { - var pos, - track, - trackDetails, - hls = this.hls, - config = hls.config; - //logger.log('audioStream:' + this.state); - switch (this.state) { - case State.ERROR: - //don't do anything in error state to avoid breaking further ... - case State.PAUSED: - //don't do anything in paused state either ... - case State.BUFFER_FLUSHING: - break; - case State.STARTING: - this.state = State.WAITING_TRACK; - this.loadedmetadata = false; - break; - case State.IDLE: - var tracks = this.tracks; - // audio tracks not received => exit loop - if (!tracks) { - break; - } - // if video not attached AND - // start fragment already requested OR start frag prefetch disable - // exit loop - // => if media not attached but start frag prefetch is enabled and start frag not requested yet, we will not exit loop - if (!this.media && (this.startFragRequested || !config.startFragPrefetch)) { - break; - } - // determine next candidate fragment to be loaded, based on current position and - // end of buffer position - // if we have not yet loaded any fragment, start loading from start position - if (this.loadedmetadata) { - pos = this.media.currentTime; - } else { - pos = this.nextLoadPosition; - } - var media = this.mediaBuffer ? this.mediaBuffer : this.media, - bufferInfo = _bufferHelper2.default.bufferInfo(media, pos, config.maxBufferHole), - bufferLen = bufferInfo.len, - bufferEnd = bufferInfo.end, - fragPrevious = this.fragPrevious, - maxBufLen = config.maxMaxBufferLength, - audioSwitch = this.audioSwitch, - trackId = this.trackId; +/***/ }), +/* 169 */ +/***/ (function(module, exports, __webpack_require__) { - // if buffer length is less than maxBufLen try to load a new fragment - if ((bufferLen < maxBufLen || audioSwitch) && trackId < tracks.length) { - trackDetails = tracks[trackId].details; - // if track info not retrieved yet, switch state and wait for track retrieval - if (typeof trackDetails === 'undefined') { - this.state = State.WAITING_TRACK; - break; - } +// 19.1.2.6 Object.getOwnPropertyDescriptor(O, P) +var toIObject = __webpack_require__(17) + , $getOwnPropertyDescriptor = __webpack_require__(48).f; - // we just got done loading the final fragment, check if we need to finalize media stream - if (!audioSwitch && !trackDetails.live && fragPrevious && fragPrevious.sn === trackDetails.endSN) { - // if we are not seeking or if we are seeking but everything (almost) til the end is buffered, let's signal eos - // we don't compare exactly media.duration === bufferInfo.end as there could be some subtle media duration difference when switching - // between different renditions. using half frag duration should help cope with these cases. - if (!this.media.seeking || this.media.duration - bufferEnd < fragPrevious.duration / 2) { - // Finalize the media stream - this.hls.trigger(_events2.default.BUFFER_EOS, { type: 'audio' }); - this.state = State.ENDED; - break; - } - } +__webpack_require__(80)('getOwnPropertyDescriptor', function(){ + return function getOwnPropertyDescriptor(it, key){ + return $getOwnPropertyDescriptor(toIObject(it), key); + }; +}); - // find fragment index, contiguous with end of buffer position - var fragments = trackDetails.fragments, - fragLen = fragments.length, - start = fragments[0].start, - end = fragments[fragLen - 1].start + fragments[fragLen - 1].duration, - frag = void 0; +/***/ }), +/* 170 */ +/***/ (function(module, exports, __webpack_require__) { - // When switching audio track, reload audio as close as possible to currentTime - if (audioSwitch) { - if (trackDetails.live && !trackDetails.PTSKnown) { - _logger.logger.log('switching audiotrack, live stream, unknown PTS,load first fragment'); - bufferEnd = 0; - } else { - bufferEnd = pos; - // if currentTime (pos) is less than alt audio playlist start time, it means that alt audio is ahead of currentTime - if (trackDetails.PTSKnown && pos < start) { - // if everything is buffered from pos to start or if audio buffer upfront, let's seek to start - if (bufferInfo.end > start || bufferInfo.nextStart) { - _logger.logger.log('alt audio track ahead of main track, seek to start of alt audio track'); - this.media.currentTime = start + 0.05; - } else { - return; - } - } - } - } - if (trackDetails.initSegment && !trackDetails.initSegment.data) { - frag = trackDetails.initSegment; - } - // if bufferEnd before start of playlist, load first fragment - else if (bufferEnd <= start) { - frag = fragments[0]; - if (trackDetails.live && frag.loadIdx && frag.loadIdx === this.fragLoadIdx) { - // we just loaded this first fragment, and we are still lagging behind the start of the live playlist - // let's force seek to start - var nextBuffered = bufferInfo.nextStart ? bufferInfo.nextStart : start; - _logger.logger.log('no alt audio available @currentTime:' + this.media.currentTime + ', seeking @' + (nextBuffered + 0.05)); - this.media.currentTime = nextBuffered + 0.05; - return; - } - } else { - var foundFrag = void 0; - var maxFragLookUpTolerance = config.maxFragLookUpTolerance; - var fragNext = fragPrevious ? fragments[fragPrevious.sn - fragments[0].sn + 1] : undefined; - var fragmentWithinToleranceTest = function fragmentWithinToleranceTest(candidate) { - // offset should be within fragment boundary - config.maxFragLookUpTolerance - // this is to cope with situations like - // bufferEnd = 9.991 - // frag[Ø] : [0,10] - // frag[1] : [10,20] - // bufferEnd is within frag[0] range ... although what we are expecting is to return frag[1] here - // frag start frag start+duration - // |-----------------------------| - // <---> <---> - // ...--------><-----------------------------><---------.... - // previous frag matching fragment next frag - // return -1 return 0 return 1 - //logger.log(`level/sn/start/end/bufEnd:${level}/${candidate.sn}/${candidate.start}/${(candidate.start+candidate.duration)}/${bufferEnd}`); - // Set the lookup tolerance to be small enough to detect the current segment - ensures we don't skip over very small segments - var candidateLookupTolerance = Math.min(maxFragLookUpTolerance, candidate.duration); - if (candidate.start + candidate.duration - candidateLookupTolerance <= bufferEnd) { - return 1; - } // if maxFragLookUpTolerance will have negative value then don't return -1 for first element - else if (candidate.start - candidateLookupTolerance > bufferEnd && candidate.start) { - return -1; - } - return 0; - }; +// 19.1.2.14 Object.keys(O) +var toObject = __webpack_require__(54) + , $keys = __webpack_require__(29); - if (bufferEnd < end) { - if (bufferEnd > end - maxFragLookUpTolerance) { - maxFragLookUpTolerance = 0; - } - // Prefer the next fragment if it's within tolerance - if (fragNext && !fragmentWithinToleranceTest(fragNext)) { - foundFrag = fragNext; - } else { - foundFrag = _binarySearch2.default.search(fragments, fragmentWithinToleranceTest); - } - } else { - // reach end of playlist - foundFrag = fragments[fragLen - 1]; - } - if (foundFrag) { - frag = foundFrag; - start = foundFrag.start; - //logger.log('find SN matching with pos:' + bufferEnd + ':' + frag.sn); - if (fragPrevious && frag.level === fragPrevious.level && frag.sn === fragPrevious.sn) { - if (frag.sn < trackDetails.endSN) { - frag = fragments[frag.sn + 1 - trackDetails.startSN]; - _logger.logger.log('SN just loaded, load next one: ' + frag.sn); - } else { - frag = null; - } - } - } - } - if (frag) { - //logger.log(' loading frag ' + i +',pos/bufEnd:' + pos.toFixed(3) + '/' + bufferEnd.toFixed(3)); - if (frag.decryptdata && frag.decryptdata.uri != null && frag.decryptdata.key == null) { - _logger.logger.log('Loading key for ' + frag.sn + ' of [' + trackDetails.startSN + ' ,' + trackDetails.endSN + '],track ' + trackId); - this.state = State.KEY_LOADING; - hls.trigger(_events2.default.KEY_LOADING, { frag: frag }); - } else { - _logger.logger.log('Loading ' + frag.sn + ' of [' + trackDetails.startSN + ' ,' + trackDetails.endSN + '],track ' + trackId + ', currentTime:' + pos + ',bufferEnd:' + bufferEnd.toFixed(3)); - // ensure that we are not reloading the same fragments in loop ... - if (this.fragLoadIdx !== undefined) { - this.fragLoadIdx++; - } else { - this.fragLoadIdx = 0; - } - if (frag.loadCounter) { - frag.loadCounter++; - var maxThreshold = config.fragLoadingLoopThreshold; - // if this frag has already been loaded 3 times, and if it has been reloaded recently - if (frag.loadCounter > maxThreshold && Math.abs(this.fragLoadIdx - frag.loadIdx) < maxThreshold) { - hls.trigger(_events2.default.ERROR, { type: _errors.ErrorTypes.MEDIA_ERROR, details: _errors.ErrorDetails.FRAG_LOOP_LOADING_ERROR, fatal: false, frag: frag }); - return; - } - } else { - frag.loadCounter = 1; - } - frag.loadIdx = this.fragLoadIdx; - this.fragCurrent = frag; - this.startFragRequested = true; - if (!isNaN(frag.sn)) { - this.nextLoadPosition = frag.start + frag.duration; - } - hls.trigger(_events2.default.FRAG_LOADING, { frag: frag }); - this.state = State.FRAG_LOADING; - } - } - } - break; - case State.WAITING_TRACK: - track = this.tracks[this.trackId]; - // check if playlist is already loaded - if (track && track.details) { - this.state = State.IDLE; - } - break; - case State.FRAG_LOADING_WAITING_RETRY: - var now = performance.now(); - var retryDate = this.retryDate; - media = this.media; - var isSeeking = media && media.seeking; - // if current time is gt than retryDate, or if media seeking let's switch to IDLE state to retry loading - if (!retryDate || now >= retryDate || isSeeking) { - _logger.logger.log('audioStreamController: retryDate reached, switch back to IDLE state'); - this.state = State.IDLE; - } - break; - case State.WAITING_INIT_PTS: - case State.STOPPED: - case State.FRAG_LOADING: - case State.PARSING: - case State.PARSED: - case State.ENDED: - break; - default: - break; - } - } - }, { - key: 'onMediaAttached', - value: function onMediaAttached(data) { - var media = this.media = this.mediaBuffer = data.media; - this.onvseeking = this.onMediaSeeking.bind(this); - this.onvended = this.onMediaEnded.bind(this); - media.addEventListener('seeking', this.onvseeking); - media.addEventListener('ended', this.onvended); - var config = this.config; - if (this.tracks && config.autoStartLoad) { - this.startLoad(config.startPosition); - } - } - }, { - key: 'onMediaDetaching', - value: function onMediaDetaching() { - var media = this.media; - if (media && media.ended) { - _logger.logger.log('MSE detaching and video ended, reset startPosition'); - this.startPosition = this.lastCurrentTime = 0; - } +__webpack_require__(80)('keys', function(){ + return function keys(it){ + return $keys(toObject(it)); + }; +}); - // reset fragment loading counter on MSE detaching to avoid reporting FRAG_LOOP_LOADING_ERROR after error recovery - var tracks = this.tracks; - if (tracks) { - // reset fragment load counter - tracks.forEach(function (track) { - if (track.details) { - track.details.fragments.forEach(function (fragment) { - fragment.loadCounter = undefined; - }); - } - }); - } - // remove video listeners - if (media) { - media.removeEventListener('seeking', this.onvseeking); - media.removeEventListener('ended', this.onvended); - this.onvseeking = this.onvseeked = this.onvended = null; - } - this.media = this.mediaBuffer = null; - this.loadedmetadata = false; - this.stopLoad(); - } - }, { - key: 'onMediaSeeking', - value: function onMediaSeeking() { - if (this.state === State.ENDED) { - // switch to IDLE state to check for potential new fragment - this.state = State.IDLE; - } - if (this.media) { - this.lastCurrentTime = this.media.currentTime; - } - // avoid reporting fragment loop loading error in case user is seeking several times on same position - if (this.fragLoadIdx !== undefined) { - this.fragLoadIdx += 2 * this.config.fragLoadingLoopThreshold; - } - // tick to speed up processing - this.tick(); - } - }, { - key: 'onMediaEnded', - value: function onMediaEnded() { - // reset startPosition and lastCurrentTime to restart playback @ stream beginning - this.startPosition = this.lastCurrentTime = 0; - } - }, { - key: 'onAudioTracksUpdated', - value: function onAudioTracksUpdated(data) { - _logger.logger.log('audio tracks updated'); - this.tracks = data.audioTracks; - } - }, { - key: 'onAudioTrackSwitching', - value: function onAudioTrackSwitching(data) { - // if any URL found on new audio track, it is an alternate audio track - var altAudio = !!data.url; - this.trackId = data.id; - this.state = State.IDLE; +/***/ }), +/* 171 */ +/***/ (function(module, exports, __webpack_require__) { - this.fragCurrent = null; - this.state = State.PAUSED; - this.waitingFragment = null; - // destroy useless demuxer when switching audio to main - if (!altAudio) { - if (this.demuxer) { - this.demuxer.destroy(); - this.demuxer = null; - } - } else { - // switching to audio track, start timer if not already started - if (!this.timer) { - this.timer = setInterval(this.ontick, 100); - } - } +// 19.1.3.19 Object.setPrototypeOf(O, proto) +var $export = __webpack_require__(20); +$export($export.S, 'Object', {setPrototypeOf: __webpack_require__(161).set}); - //should we switch tracks ? - if (altAudio) { - this.audioSwitch = true; - //main audio track are handled by stream-controller, just do something if switching to alt audio track - this.state = State.IDLE; - // increase fragment load Index to avoid frag loop loading error after buffer flush - if (this.fragLoadIdx !== undefined) { - this.fragLoadIdx += 2 * this.config.fragLoadingLoopThreshold; - } - } - this.tick(); - } - }, { - key: 'onAudioTrackLoaded', - value: function onAudioTrackLoaded(data) { - var newDetails = data.details, - trackId = data.id, - track = this.tracks[trackId], - duration = newDetails.totalduration, - sliding = 0; +/***/ }), +/* 172 */ +/***/ (function(module, exports) { - _logger.logger.log('track ' + trackId + ' loaded [' + newDetails.startSN + ',' + newDetails.endSN + '],duration:' + duration); - if (newDetails.live) { - var curDetails = track.details; - if (curDetails && newDetails.fragments.length > 0) { - // we already have details for that level, merge them - _levelHelper2.default.mergeDetails(curDetails, newDetails); - sliding = newDetails.fragments[0].start; - // TODO - //this.liveSyncPosition = this.computeLivePosition(sliding, curDetails); - if (newDetails.PTSKnown) { - _logger.logger.log('live audio playlist sliding:' + sliding.toFixed(3)); - } else { - _logger.logger.log('live audio playlist - outdated PTS, unknown sliding'); - } - } else { - newDetails.PTSKnown = false; - _logger.logger.log('live audio playlist - first load, unknown sliding'); - } - } else { - newDetails.PTSKnown = false; - } - track.details = newDetails; - // compute start position - if (!this.startFragRequested) { - // compute start position if set to -1. use it straight away if value is defined - if (this.startPosition === -1) { - // first, check if start time offset has been set in playlist, if yes, use this value - var startTimeOffset = newDetails.startTimeOffset; - if (!isNaN(startTimeOffset)) { - _logger.logger.log('start time offset found in playlist, adjust startPosition to ' + startTimeOffset); - this.startPosition = startTimeOffset; - } else { - this.startPosition = 0; - } - } - this.nextLoadPosition = this.startPosition; - } - // only switch batck to IDLE state if we were waiting for track to start downloading a new fragment - if (this.state === State.WAITING_TRACK) { - this.state = State.IDLE; - } - //trigger handler right now - this.tick(); - } - }, { - key: 'onKeyLoaded', - value: function onKeyLoaded() { - if (this.state === State.KEY_LOADING) { - this.state = State.IDLE; - this.tick(); - } - } - }, { - key: 'onFragLoaded', - value: function onFragLoaded(data) { - var fragCurrent = this.fragCurrent, - fragLoaded = data.frag; - if (this.state === State.FRAG_LOADING && fragCurrent && fragLoaded.type === 'audio' && fragLoaded.level === fragCurrent.level && fragLoaded.sn === fragCurrent.sn) { - var track = this.tracks[this.trackId], - details = track.details, - duration = details.totalduration, - trackId = fragCurrent.level, - sn = fragCurrent.sn, - cc = fragCurrent.cc, - audioCodec = this.config.defaultAudioCodec || track.audioCodec || 'mp4a.40.2', - stats = this.stats = data.stats; - if (sn === 'initSegment') { - this.state = State.IDLE; +/***/ }), +/* 173 */ +/***/ (function(module, exports, __webpack_require__) { - stats.tparsed = stats.tbuffered = performance.now(); - details.initSegment.data = data.payload; - this.hls.trigger(_events2.default.FRAG_BUFFERED, { stats: stats, frag: fragCurrent, id: 'audio' }); - this.tick(); - } else { - this.state = State.PARSING; - // transmux the MPEG-TS data to ISO-BMFF segments - this.appended = false; - if (!this.demuxer) { - this.demuxer = new _demuxer2.default(this.hls, 'audio'); - } - //Check if we have video initPTS - // If not we need to wait for it - var initPTS = this.initPTS[cc]; - var initSegmentData = details.initSegment ? details.initSegment.data : []; - if (initSegmentData || initPTS !== undefined) { - this.pendingBuffering = true; - _logger.logger.log('Demuxing ' + sn + ' of [' + details.startSN + ' ,' + details.endSN + '],track ' + trackId); - // time Offset is accurate if level PTS is known, or if playlist is not sliding (not live) - var accurateTimeOffset = false; //details.PTSKnown || !details.live; - this.demuxer.push(data.payload, initSegmentData, audioCodec, null, fragCurrent, duration, accurateTimeOffset, initPTS); - } else { - _logger.logger.log('unknown video PTS for continuity counter ' + cc + ', waiting for video PTS before demuxing audio frag ' + sn + ' of [' + details.startSN + ' ,' + details.endSN + '],track ' + trackId); - this.waitingFragment = data; - this.state = State.WAITING_INIT_PTS; - } - } - } - this.fragLoadError = 0; - } - }, { - key: 'onFragParsingInitSegment', - value: function onFragParsingInitSegment(data) { - var fragCurrent = this.fragCurrent; - var fragNew = data.frag; - if (fragCurrent && data.id === 'audio' && fragNew.sn === fragCurrent.sn && fragNew.level === fragCurrent.level && this.state === State.PARSING) { - var tracks = data.tracks, - track = void 0; +"use strict"; - // delete any video track found on audio demuxer - if (tracks.video) { - delete tracks.video; - } +// ECMAScript 6 symbols shim +var global = __webpack_require__(15) + , has = __webpack_require__(21) + , DESCRIPTORS = __webpack_require__(19) + , $export = __webpack_require__(20) + , redefine = __webpack_require__(81) + , META = __webpack_require__(157).KEY + , $fails = __webpack_require__(26) + , shared = __webpack_require__(52) + , setToStringTag = __webpack_require__(50) + , uid = __webpack_require__(37) + , wks = __webpack_require__(12) + , wksExt = __webpack_require__(57) + , wksDefine = __webpack_require__(56) + , keyOf = __webpack_require__(156) + , enumKeys = __webpack_require__(147) + , isArray = __webpack_require__(151) + , anObject = __webpack_require__(23) + , toIObject = __webpack_require__(17) + , toPrimitive = __webpack_require__(55) + , createDesc = __webpack_require__(30) + , _create = __webpack_require__(47) + , gOPNExt = __webpack_require__(159) + , $GOPD = __webpack_require__(48) + , $DP = __webpack_require__(16) + , $keys = __webpack_require__(29) + , 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; +}; - // include levelCodec in audio and video tracks - track = tracks.audio; - if (track) { - track.levelCodec = 'mp4a.40.2'; - track.id = data.id; - this.hls.trigger(_events2.default.BUFFER_CODECS, tracks); - _logger.logger.log('audio track:audio,container:' + track.container + ',codecs[level/parsed]=[' + track.levelCodec + '/' + track.codec + ']'); - var initSegment = track.initSegment; - if (initSegment) { - var appendObj = { type: 'audio', data: initSegment, parent: 'audio', content: 'initSegment' }; - if (this.audioSwitch) { - this.pendingData = [appendObj]; - } else { - this.appended = true; - // arm pending Buffering flag before appending a segment - this.pendingBuffering = true; - this.hls.trigger(_events2.default.BUFFER_APPENDING, appendObj); - } - } - //trigger handler right now - this.tick(); - } - } - } - }, { - key: 'onFragParsingData', - value: function onFragParsingData(data) { - var _this2 = this; +var isSymbol = USE_NATIVE && typeof $Symbol.iterator == 'symbol' ? function(it){ + return typeof it == 'symbol'; +} : function(it){ + return it instanceof $Symbol; +}; - var fragCurrent = this.fragCurrent; - var fragNew = data.frag; - if (fragCurrent && data.id === 'audio' && data.type === 'audio' && fragNew.sn === fragCurrent.sn && fragNew.level === fragCurrent.level && this.state === State.PARSING) { - var trackId = this.trackId, - track = this.tracks[trackId], - hls = this.hls; +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; +}; - if (isNaN(data.endPTS)) { - data.endPTS = data.startPTS + fragCurrent.duration; - data.endDTS = data.startDTS + fragCurrent.duration; - } +// 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; + }); - _logger.logger.log('parsed ' + data.type + ',PTS:[' + data.startPTS.toFixed(3) + ',' + data.endPTS.toFixed(3) + '],DTS:[' + data.startDTS.toFixed(3) + '/' + data.endDTS.toFixed(3) + '],nb:' + data.nb); - _levelHelper2.default.updateFragPTSDTS(track.details, fragCurrent.sn, data.startPTS, data.endPTS); + $GOPD.f = $getOwnPropertyDescriptor; + $DP.f = $defineProperty; + __webpack_require__(77).f = gOPNExt.f = $getOwnPropertyNames; + __webpack_require__(49).f = $propertyIsEnumerable; + __webpack_require__(78).f = $getOwnPropertySymbols; - var audioSwitch = this.audioSwitch, - media = this.media, - appendOnBufferFlush = false; - //Only flush audio from old audio tracks when PTS is known on new audio track - if (audioSwitch && media) { - if (media.readyState) { - var currentTime = media.currentTime; - _logger.logger.log('switching audio track : currentTime:' + currentTime); - if (currentTime >= data.startPTS) { - _logger.logger.log('switching audio track : flushing all audio'); - this.state = State.BUFFER_FLUSHING; - hls.trigger(_events2.default.BUFFER_FLUSHING, { startOffset: 0, endOffset: Number.POSITIVE_INFINITY, type: 'audio' }); - appendOnBufferFlush = true; - //Lets announce that the initial audio track switch flush occur - this.audioSwitch = false; - hls.trigger(_events2.default.AUDIO_TRACK_SWITCHED, { id: trackId }); - } - } else { - //Lets announce that the initial audio track switch flush occur - this.audioSwitch = false; - hls.trigger(_events2.default.AUDIO_TRACK_SWITCHED, { id: trackId }); - } - } + if(DESCRIPTORS && !__webpack_require__(46)){ + redefine(ObjectProto, 'propertyIsEnumerable', $propertyIsEnumerable, true); + } - var pendingData = this.pendingData; - if (!this.audioSwitch) { - [data.data1, data.data2].forEach(function (buffer) { - if (buffer && buffer.length) { - pendingData.push({ type: data.type, data: buffer, parent: 'audio', content: 'data' }); - } - }); - if (!appendOnBufferFlush && pendingData.length) { - pendingData.forEach(function (appendObj) { - // only append in PARSING state (rationale is that an appending error could happen synchronously on first segment appending) - // in that case it is useless to append following segments - if (_this2.state === State.PARSING) { - // arm pending Buffering flag before appending a segment - _this2.pendingBuffering = true; - _this2.hls.trigger(_events2.default.BUFFER_APPENDING, appendObj); - } - }); - this.pendingData = []; - this.appended = true; - } - } - //trigger handler right now - this.tick(); - } - } - }, { - key: 'onFragParsed', - value: function onFragParsed(data) { - var fragCurrent = this.fragCurrent; - var fragNew = data.frag; - if (fragCurrent && data.id === 'audio' && fragNew.sn === fragCurrent.sn && fragNew.level === fragCurrent.level && this.state === State.PARSING) { - this.stats.tparsed = performance.now(); - this.state = State.PARSED; - this._checkAppendedParsed(); - } - } - }, { - key: 'onBufferCreated', - value: function onBufferCreated(data) { - var audioTrack = data.tracks.audio; - if (audioTrack) { - this.mediaBuffer = audioTrack.buffer; - this.loadedmetadata = true; - } - } - }, { - key: 'onBufferAppended', - value: function onBufferAppended(data) { - if (data.parent === 'audio') { - var state = this.state; - if (state === State.PARSING || state === State.PARSED) { - // check if all buffers have been appended - this.pendingBuffering = data.pending > 0; - this._checkAppendedParsed(); - } - } - } - }, { - key: '_checkAppendedParsed', - value: function _checkAppendedParsed() { - //trigger handler right now - if (this.state === State.PARSED && (!this.appended || !this.pendingBuffering)) { - var frag = this.fragCurrent, - stats = this.stats, - hls = this.hls; - if (frag) { - this.fragPrevious = frag; - stats.tbuffered = performance.now(); - hls.trigger(_events2.default.FRAG_BUFFERED, { stats: stats, frag: frag, id: 'audio' }); - var media = this.mediaBuffer ? this.mediaBuffer : this.media; - _logger.logger.log('audio buffered : ' + _timeRanges2.default.toString(media.buffered)); - if (this.audioSwitch && this.appended) { - this.audioSwitch = false; - hls.trigger(_events2.default.AUDIO_TRACK_SWITCHED, { id: this.trackId }); - } - this.state = State.IDLE; - } - this.tick(); - } - } - }, { - key: 'onError', - value: function onError(data) { - var frag = data.frag; - // don't handle frag error not related to audio fragment - if (frag && frag.type !== 'audio') { - return; - } - switch (data.details) { - case _errors.ErrorDetails.FRAG_LOAD_ERROR: - case _errors.ErrorDetails.FRAG_LOAD_TIMEOUT: - if (!data.fatal) { - var loadError = this.fragLoadError; - if (loadError) { - loadError++; - } else { - loadError = 1; - } - var config = this.config; - if (loadError <= config.fragLoadingMaxRetry) { - this.fragLoadError = loadError; - // reset load counter to avoid frag loop loading error - frag.loadCounter = 0; - // exponential backoff capped to config.fragLoadingMaxRetryTimeout - var delay = Math.min(Math.pow(2, loadError - 1) * config.fragLoadingRetryDelay, config.fragLoadingMaxRetryTimeout); - _logger.logger.warn('audioStreamController: frag loading failed, retry in ' + delay + ' ms'); - this.retryDate = performance.now() + delay; - // retry loading state - this.state = State.FRAG_LOADING_WAITING_RETRY; - } else { - _logger.logger.error('audioStreamController: ' + data.details + ' reaches max retry, redispatch as fatal ...'); - // switch error to fatal - data.fatal = true; - this.state = State.ERROR; - } - } - break; - case _errors.ErrorDetails.FRAG_LOOP_LOADING_ERROR: - case _errors.ErrorDetails.AUDIO_TRACK_LOAD_ERROR: - case _errors.ErrorDetails.AUDIO_TRACK_LOAD_TIMEOUT: - case _errors.ErrorDetails.KEY_LOAD_ERROR: - case _errors.ErrorDetails.KEY_LOAD_TIMEOUT: - // when in ERROR state, don't switch back to IDLE state in case a non-fatal error is received - if (this.state !== State.ERROR) { - // if fatal error, stop processing, otherwise move to IDLE to retry loading - this.state = data.fatal ? State.ERROR : State.IDLE; - _logger.logger.warn('audioStreamController: ' + data.details + ' while loading frag,switch to ' + this.state + ' state ...'); - } - break; - case _errors.ErrorDetails.BUFFER_FULL_ERROR: - // if in appending state - if (data.parent === 'audio' && (this.state === State.PARSING || this.state === State.PARSED)) { - var media = this.mediaBuffer, - currentTime = this.media.currentTime, - mediaBuffered = media && _bufferHelper2.default.isBuffered(media, currentTime) && _bufferHelper2.default.isBuffered(media, currentTime + 0.5); - // reduce max buf len if current position is buffered - if (mediaBuffered) { - var _config = this.config; - if (_config.maxMaxBufferLength >= _config.maxBufferLength) { - // reduce max buffer length as it might be too high. we do this to avoid loop flushing ... - _config.maxMaxBufferLength /= 2; - _logger.logger.warn('audio:reduce max buffer length to ' + _config.maxMaxBufferLength + 's'); - // increase fragment load Index to avoid frag loop loading error after buffer flush - this.fragLoadIdx += 2 * _config.fragLoadingLoopThreshold; - } - this.state = State.IDLE; - } else { - // current position is not buffered, but browser is still complaining about buffer full error - // this happens on IE/Edge, refer to https://github.com/video-dev/hls.js/pull/708 - // in that case flush the whole audio buffer to recover - _logger.logger.warn('buffer full error also media.currentTime is not buffered, flush audio buffer'); - this.fragCurrent = null; - // flush everything - this.state = State.BUFFER_FLUSHING; - this.hls.trigger(_events2.default.BUFFER_FLUSHING, { startOffset: 0, endOffset: Number.POSITIVE_INFINITY, type: 'audio' }); - } - } - break; - default: - break; - } - } - }, { - key: 'onBufferFlushed', - value: function onBufferFlushed() { - var _this3 = this; + wksExt.f = function(name){ + return wrap(wks(name)); + } +} - var pendingData = this.pendingData; - if (pendingData && pendingData.length) { - _logger.logger.log('appending pending audio data on Buffer Flushed'); - pendingData.forEach(function (appendObj) { - _this3.hls.trigger(_events2.default.BUFFER_APPENDING, appendObj); - }); - this.appended = true; - this.pendingData = []; - this.state = State.PARSED; - } else { - // move to IDLE once flush complete. this should trigger new fragment loading - this.state = State.IDLE; - // reset reference to frag - this.fragPrevious = null; - this.tick(); - } - } - }, { - key: 'state', - set: function set(nextState) { - if (this.state !== nextState) { - var previousState = this.state; - this._state = nextState; - _logger.logger.log('audio stream:' + previousState + '->' + nextState); - } - }, - get: function get() { - return this._state; - } - }]); +$export($export.G + $export.W + $export.F * !USE_NATIVE, {Symbol: $Symbol}); - return AudioStreamController; -}(_eventHandler2.default); +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++]); -exports.default = AudioStreamController; +for(var symbols = $keys(wks.store), i = 0; symbols.length > i; )wksDefine(symbols[i++]); -},{"24":24,"30":30,"31":31,"32":32,"34":34,"35":35,"45":45,"50":50,"51":51}],7:[function(_dereq_,module,exports){ -'use strict'; +$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; } +}); -Object.defineProperty(exports, "__esModule", { - value: true +$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 }); -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); +// 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); + } +}); -var _events = _dereq_(32); +// 19.4.3.4 Symbol.prototype[@@toPrimitive](hint) +$Symbol[PROTOTYPE][TO_PRIMITIVE] || __webpack_require__(24)($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); -var _events2 = _interopRequireDefault(_events); +/***/ }), +/* 174 */ +/***/ (function(module, exports, __webpack_require__) { -var _eventHandler = _dereq_(31); +__webpack_require__(56)('asyncIterator'); -var _eventHandler2 = _interopRequireDefault(_eventHandler); +/***/ }), +/* 175 */ +/***/ (function(module, exports, __webpack_require__) { -var _logger = _dereq_(50); +__webpack_require__(56)('observable'); -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } +/***/ }), +/* 176 */ +/***/ (function(module, exports, __webpack_require__) { -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } +__webpack_require__(166); +var global = __webpack_require__(15) + , hide = __webpack_require__(24) + , Iterators = __webpack_require__(28) + , TO_STRING_TAG = __webpack_require__(12)('toStringTag'); -function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } +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; +} -function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /* - * audio track controller - */ +/***/ }), +/* 177 */ +/***/ (function(module, exports, __webpack_require__) { -var AudioTrackController = function (_EventHandler) { - _inherits(AudioTrackController, _EventHandler); +exports = module.exports = __webpack_require__(11)(undefined); +// imports - function AudioTrackController(hls) { - _classCallCheck(this, AudioTrackController); - var _this = _possibleConstructorReturn(this, (AudioTrackController.__proto__ || Object.getPrototypeOf(AudioTrackController)).call(this, hls, _events2.default.MANIFEST_LOADING, _events2.default.MANIFEST_LOADED, _events2.default.AUDIO_TRACK_LOADED)); +// 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", ""]); - _this.ticks = 0; - _this.ontick = _this.tick.bind(_this); - return _this; - } +// exports - _createClass(AudioTrackController, [{ - key: 'destroy', - value: function destroy() { - _eventHandler2.default.prototype.destroy.call(this); - } - }, { - key: 'tick', - value: function tick() { - this.ticks++; - if (this.ticks === 1) { - this.doTick(); - if (this.ticks > 1) { - setTimeout(this.tick, 1); - } - this.ticks = 0; - } - } - }, { - key: 'doTick', - value: function doTick() { - this.updateTrack(this.trackId); - } - }, { - key: 'onManifestLoading', - value: function onManifestLoading() { - // reset audio tracks on manifest loading - this.tracks = []; - this.trackId = -1; - } - }, { - key: 'onManifestLoaded', - value: function onManifestLoaded(data) { - var _this2 = this; - var tracks = data.audioTracks || []; - var defaultFound = false; - this.tracks = tracks; - this.hls.trigger(_events2.default.AUDIO_TRACKS_UPDATED, { audioTracks: tracks }); - // loop through available audio tracks and autoselect default if needed - var id = 0; - tracks.forEach(function (track) { - if (track.default) { - _this2.audioTrack = id; - defaultFound = true; - return; - } - id++; - }); - if (defaultFound === false && tracks.length) { - _logger.logger.log('no default audio track defined, use first audio track as default'); - this.audioTrack = 0; - } - } - }, { - key: 'onAudioTrackLoaded', - value: function onAudioTrackLoaded(data) { - if (data.id < this.tracks.length) { - _logger.logger.log('audioTrack ' + data.id + ' loaded'); - this.tracks[data.id].details = data.details; - // check if current playlist is a live playlist - if (data.details.live && !this.timer) { - // if live playlist we will have to reload it periodically - // set reload period to playlist target duration - this.timer = setInterval(this.ontick, 1000 * data.details.targetduration); - } - if (!data.details.live && this.timer) { - // playlist is not live and timer is armed : stopping it - clearInterval(this.timer); - this.timer = null; - } - } - } +/***/ }), +/* 178 */ +/***/ (function(module, exports, __webpack_require__) { - /** get alternate audio tracks list from playlist **/ +exports = module.exports = __webpack_require__(11)(undefined); +// imports - }, { - key: 'setAudioTrackInternal', - value: function setAudioTrackInternal(newId) { - // check if level idx is valid - if (newId >= 0 && newId < this.tracks.length) { - // stopping live reloading timer if any - if (this.timer) { - clearInterval(this.timer); - this.timer = null; - } - this.trackId = newId; - _logger.logger.log('switching to audioTrack ' + newId); - var audioTrack = this.tracks[newId], - hls = this.hls, - type = audioTrack.type, - url = audioTrack.url, - eventObj = { id: newId, type: type, url: url }; - // keep AUDIO_TRACK_SWITCH for legacy reason - hls.trigger(_events2.default.AUDIO_TRACK_SWITCH, eventObj); - hls.trigger(_events2.default.AUDIO_TRACK_SWITCHING, eventObj); - // check if we need to load playlist for this audio Track - var details = audioTrack.details; - if (url && (details === undefined || details.live === true)) { - // track not retrieved yet, or live playlist we need to (re)load it - _logger.logger.log('(re)loading playlist for audioTrack ' + newId); - hls.trigger(_events2.default.AUDIO_TRACK_LOADING, { url: url, id: newId }); - } - } - } - }, { - key: 'updateTrack', - value: function updateTrack(newId) { - // check if level idx is valid - if (newId >= 0 && newId < this.tracks.length) { - // stopping live reloading timer if any - if (this.timer) { - clearInterval(this.timer); - this.timer = null; - } - this.trackId = newId; - _logger.logger.log('updating audioTrack ' + newId); - var audioTrack = this.tracks[newId], - url = audioTrack.url; - // check if we need to load playlist for this audio Track - var details = audioTrack.details; - if (url && (details === undefined || details.live === true)) { - // track not retrieved yet, or live playlist we need to (re)load it - _logger.logger.log('(re)loading playlist for audioTrack ' + newId); - this.hls.trigger(_events2.default.AUDIO_TRACK_LOADING, { url: url, id: newId }); - } - } - } - }, { - key: 'audioTracks', - get: function get() { - return this.tracks; - } - /** get index of the selected audio track (index in audio track lists) **/ +// 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__(205) + ") 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", ""]); - }, { - key: 'audioTrack', - get: function get() { - return this.trackId; - } +// exports - /** select an audio track, based on its index in audio track lists**/ - , - set: function set(audioTrackId) { - if (this.trackId !== audioTrackId || this.tracks[audioTrackId].details === undefined) { - this.setAudioTrackInternal(audioTrackId); - } - } - }]); - return AudioTrackController; -}(_eventHandler2.default); +/***/ }), +/* 179 */ +/***/ (function(module, exports, __webpack_require__) { -exports.default = AudioTrackController; +exports = module.exports = __webpack_require__(11)(undefined); +// imports -},{"31":31,"32":32,"50":50}],8:[function(_dereq_,module,exports){ -'use strict'; -Object.defineProperty(exports, "__esModule", { - value: true -}); +// 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__(85) + "), move; }\n .media-control[data-media-control].dragging * {\n cursor: -webkit-grabbing !important;\n cursor: grabbing !important;\n cursor: url(" + __webpack_require__(85) + "), 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-cc-button] {\n background-color: transparent;\n border: 0;\n cursor: pointer;\n display: none;\n float: right;\n height: 100%;\n padding: 6px; }\n .media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button[data-cc-button].available, .media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button[data-cc-button].enabled {\n display: block; }\n .media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button[data-cc-button].available {\n opacity: .5; }\n .media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button[data-cc-button]:hover {\n opacity: .7;\n text-shadow: none; }\n .media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button[data-cc-button].enabled {\n opacity: 1; }\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", ""]); -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); +// exports -var _events = _dereq_(32); -var _events2 = _interopRequireDefault(_events); +/***/ }), +/* 180 */ +/***/ (function(module, exports, __webpack_require__) { -var _eventHandler = _dereq_(31); +exports = module.exports = __webpack_require__(11)(undefined); +// imports -var _eventHandler2 = _interopRequireDefault(_eventHandler); -var _logger = _dereq_(50); +// module +exports.push([module.i, ".clappr-flash-playback[data-flash-playback] {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n pointer-events: none; }\n", ""]); -var _errors = _dereq_(30); +// exports -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } +/***/ }), +/* 181 */ +/***/ (function(module, exports, __webpack_require__) { -function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } +exports = module.exports = __webpack_require__(11)(undefined); +// imports -function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /* - * Buffer Controller - */ -var BufferController = function (_EventHandler) { - _inherits(BufferController, _EventHandler); +// module +exports.push([module.i, "[data-html5-video] {\n position: absolute;\n height: 100%;\n width: 100%;\n display: block; }\n", ""]); - function BufferController(hls) { - _classCallCheck(this, BufferController); +// exports - // the value that we have set mediasource.duration to - // (the actual duration may be tweaked slighly by the browser) - var _this = _possibleConstructorReturn(this, (BufferController.__proto__ || Object.getPrototypeOf(BufferController)).call(this, hls, _events2.default.MEDIA_ATTACHING, _events2.default.MEDIA_DETACHING, _events2.default.MANIFEST_PARSED, _events2.default.BUFFER_RESET, _events2.default.BUFFER_APPENDING, _events2.default.BUFFER_CODECS, _events2.default.BUFFER_EOS, _events2.default.BUFFER_FLUSHING, _events2.default.LEVEL_PTS_UPDATED, _events2.default.LEVEL_UPDATED)); - _this._msDuration = null; - // the value that we want to set mediaSource.duration to - _this._levelDuration = null; +/***/ }), +/* 182 */ +/***/ (function(module, exports, __webpack_require__) { - // Source Buffer listeners - _this.onsbue = _this.onSBUpdateEnd.bind(_this); - _this.onsbe = _this.onSBUpdateError.bind(_this); - _this.pendingTracks = {}; - _this.tracks = {}; - return _this; - } +exports = module.exports = __webpack_require__(11)(undefined); +// imports - _createClass(BufferController, [{ - key: 'destroy', - value: function destroy() { - _eventHandler2.default.prototype.destroy.call(this); - } - }, { - key: 'onLevelPtsUpdated', - value: function onLevelPtsUpdated(data) { - var type = data.type; - var audioTrack = this.tracks.audio; - // Adjusting `SourceBuffer.timestampOffset` (desired point in the timeline where the next frames should be appended) - // in Chrome browser when we detect MPEG audio container and time delta between level PTS and `SourceBuffer.timestampOffset` - // is greater than 100ms (this is enough to handle seek for VOD or level change for LIVE videos). At the time of change we issue - // `SourceBuffer.abort()` and adjusting `SourceBuffer.timestampOffset` if `SourceBuffer.updating` is false or awaiting `updateend` - // event if SB is in updating state. - // More info here: https://github.com/video-dev/hls.js/issues/332#issuecomment-257986486 +// module +exports.push([module.i, "[data-html-img] {\n max-width: 100%;\n max-height: 100%; }\n", ""]); - if (type === 'audio' && audioTrack && audioTrack.container === 'audio/mpeg') { - // Chrome audio mp3 track - var audioBuffer = this.sourceBuffer.audio; - var delta = Math.abs(audioBuffer.timestampOffset - data.start); +// exports - // adjust timestamp offset if time delta is greater than 100ms - if (delta > 0.1) { - var updating = audioBuffer.updating; - try { - audioBuffer.abort(); - } catch (err) { - updating = true; - _logger.logger.warn('can not abort audio buffer: ' + err); - } +/***/ }), +/* 183 */ +/***/ (function(module, exports, __webpack_require__) { - if (!updating) { - _logger.logger.warn('change mpeg audio timestamp offset from ' + audioBuffer.timestampOffset + ' to ' + data.start); - audioBuffer.timestampOffset = data.start; - } else { - this.audioTimestampOffset = data.start; - } - } - } - } - }, { - key: 'onManifestParsed', - value: function onManifestParsed(data) { - var audioExpected = data.audio, - videoExpected = data.video, - sourceBufferNb = 0; - // in case of alt audio 2 BUFFER_CODECS events will be triggered, one per stream controller - // sourcebuffers will be created all at once when the expected nb of tracks will be reached - // in case alt audio is not used, only one BUFFER_CODEC event will be fired from main stream controller - // it will contain the expected nb of source buffers, no need to compute it - if (data.altAudio && (audioExpected || videoExpected)) { - sourceBufferNb = (audioExpected ? 1 : 0) + (videoExpected ? 1 : 0); - _logger.logger.log(sourceBufferNb + ' sourceBuffer(s) expected'); - } - this.sourceBufferNb = sourceBufferNb; - } - }, { - key: 'onMediaAttaching', - value: function onMediaAttaching(data) { - var media = this.media = data.media; - if (media) { - // setup the media source - var ms = this.mediaSource = new MediaSource(); - //Media Source listeners - this.onmso = this.onMediaSourceOpen.bind(this); - this.onmse = this.onMediaSourceEnded.bind(this); - this.onmsc = this.onMediaSourceClose.bind(this); - ms.addEventListener('sourceopen', this.onmso); - ms.addEventListener('sourceended', this.onmse); - ms.addEventListener('sourceclose', this.onmsc); - // link video and media Source - media.src = URL.createObjectURL(ms); - } - } - }, { - key: 'onMediaDetaching', - value: function onMediaDetaching() { - _logger.logger.log('media source detaching'); - var ms = this.mediaSource; - if (ms) { - if (ms.readyState === 'open') { - try { - // endOfStream could trigger exception if any sourcebuffer is in updating state - // we don't really care about checking sourcebuffer state here, - // as we are anyway detaching the MediaSource - // let's just avoid this exception to propagate - ms.endOfStream(); - } catch (err) { - _logger.logger.warn('onMediaDetaching:' + err.message + ' while calling endOfStream'); - } - } - ms.removeEventListener('sourceopen', this.onmso); - ms.removeEventListener('sourceended', this.onmse); - ms.removeEventListener('sourceclose', this.onmsc); +exports = module.exports = __webpack_require__(11)(undefined); +// imports - // Detach properly the MediaSource from the HTMLMediaElement as - // suggested in https://github.com/w3c/media-source/issues/53. - if (this.media) { - URL.revokeObjectURL(this.media.src); - this.media.removeAttribute('src'); - this.media.load(); - } - this.mediaSource = null; - this.media = null; - this.pendingTracks = {}; - this.tracks = {}; - this.sourceBuffer = {}; - this.flushRange = []; - this.segments = []; - this.appended = 0; - } - this.onmso = this.onmse = this.onmsc = null; - this.hls.trigger(_events2.default.MEDIA_DETACHED); - } - }, { - key: 'onMediaSourceOpen', - value: function onMediaSourceOpen() { - _logger.logger.log('media source opened'); - this.hls.trigger(_events2.default.MEDIA_ATTACHED, { media: this.media }); - var mediaSource = this.mediaSource; - if (mediaSource) { - // once received, don't listen anymore to sourceopen event - mediaSource.removeEventListener('sourceopen', this.onmso); - } - this.checkPendingTracks(); - } - }, { - key: 'checkPendingTracks', - value: function checkPendingTracks() { - // if any buffer codecs pending, check if we have enough to create sourceBuffers - var pendingTracks = this.pendingTracks, - pendingTracksNb = Object.keys(pendingTracks).length; - // if any pending tracks and (if nb of pending tracks gt or equal than expected nb or if unknown expected nb) - if (pendingTracksNb && (this.sourceBufferNb <= pendingTracksNb || this.sourceBufferNb === 0)) { - // ok, let's create them now ! - this.createSourceBuffers(pendingTracks); - this.pendingTracks = {}; - // append any pending segments now ! - this.doAppending(); - } - } - }, { - key: 'onMediaSourceClose', - value: function onMediaSourceClose() { - _logger.logger.log('media source closed'); - } - }, { - key: 'onMediaSourceEnded', - value: function onMediaSourceEnded() { - _logger.logger.log('media source ended'); - } - }, { - key: 'onSBUpdateEnd', - value: function onSBUpdateEnd() { - // update timestampOffset - if (this.audioTimestampOffset) { - var audioBuffer = this.sourceBuffer.audio; - _logger.logger.warn('change mpeg audio timestamp offset from ' + audioBuffer.timestampOffset + ' to ' + this.audioTimestampOffset); - audioBuffer.timestampOffset = this.audioTimestampOffset; - delete this.audioTimestampOffset; - } +// module +exports.push([module.i, "[data-no-op] {\n position: absolute;\n height: 100%;\n width: 100%;\n text-align: center; }\n\n[data-no-op] p[data-no-op-msg] {\n position: absolute;\n text-align: center;\n font-size: 25px;\n left: 0;\n right: 0;\n color: white;\n padding: 10px;\n /* center vertically */\n top: 50%;\n -webkit-transform: translateY(-50%);\n -moz-transform: translateY(-50%);\n -ms-transform: translateY(-50%);\n -o-transform: translateY(-50%);\n transform: translateY(-50%);\n max-height: 100%;\n overflow: auto; }\n\n[data-no-op] canvas[data-no-op-canvas] {\n background-color: #777;\n height: 100%;\n width: 100%; }\n", ""]); - if (this._needsFlush) { - this.doFlush(); - } +// exports - if (this._needsEos) { - this.checkEos(); - } - this.appending = false; - var parent = this.parent; - // count nb of pending segments waiting for appending on this sourcebuffer - var pending = this.segments.reduce(function (counter, segment) { - return segment.parent === parent ? counter + 1 : counter; - }, 0); - this.hls.trigger(_events2.default.BUFFER_APPENDED, { parent: parent, pending: pending }); - // don't append in flushing mode - if (!this._needsFlush) { - this.doAppending(); - } +/***/ }), +/* 184 */ +/***/ (function(module, exports, __webpack_require__) { - this.updateMediaElementDuration(); - } - }, { - key: 'onSBUpdateError', - value: function onSBUpdateError(event) { - _logger.logger.error('sourceBuffer error:', event); - // according to http://www.w3.org/TR/media-source/#sourcebuffer-append-error - // this error might not always be fatal (it is fatal if decode error is set, in that case - // it will be followed by a mediaElement error ...) - this.hls.trigger(_events2.default.ERROR, { type: _errors.ErrorTypes.MEDIA_ERROR, details: _errors.ErrorDetails.BUFFER_APPENDING_ERROR, fatal: false }); - // we don't need to do more than that, as accordin to the spec, updateend will be fired just after - } - }, { - key: 'onBufferReset', - value: function onBufferReset() { - var sourceBuffer = this.sourceBuffer; - for (var type in sourceBuffer) { - var sb = sourceBuffer[type]; - try { - this.mediaSource.removeSourceBuffer(sb); - sb.removeEventListener('updateend', this.onsbue); - sb.removeEventListener('error', this.onsbe); - } catch (err) {} - } - this.sourceBuffer = {}; - this.flushRange = []; - this.segments = []; - this.appended = 0; - } - }, { - key: 'onBufferCodecs', - value: function onBufferCodecs(tracks) { - // if source buffer(s) not created yet, appended buffer tracks in this.pendingTracks - // if sourcebuffers already created, do nothing ... - if (Object.keys(this.sourceBuffer).length === 0) { - for (var trackName in tracks) { - this.pendingTracks[trackName] = tracks[trackName]; - } - var mediaSource = this.mediaSource; - if (mediaSource && mediaSource.readyState === 'open') { - // try to create sourcebuffers if mediasource opened - this.checkPendingTracks(); - } - } - } - }, { - key: 'createSourceBuffers', - value: function createSourceBuffers(tracks) { - var sourceBuffer = this.sourceBuffer, - mediaSource = this.mediaSource; +exports = module.exports = __webpack_require__(11)(undefined); +// imports - for (var trackName in tracks) { - if (!sourceBuffer[trackName]) { - var track = tracks[trackName]; - // use levelCodec as first priority - var codec = track.levelCodec || track.codec; - var mimeType = track.container + ';codecs=' + codec; - _logger.logger.log('creating sourceBuffer(' + mimeType + ')'); - try { - var sb = sourceBuffer[trackName] = mediaSource.addSourceBuffer(mimeType); - sb.addEventListener('updateend', this.onsbue); - sb.addEventListener('error', this.onsbe); - this.tracks[trackName] = { codec: codec, container: track.container }; - track.buffer = sb; - } catch (err) { - _logger.logger.error('error while trying to add sourceBuffer:' + err.message); - this.hls.trigger(_events2.default.ERROR, { type: _errors.ErrorTypes.MEDIA_ERROR, details: _errors.ErrorDetails.BUFFER_ADD_CODEC_ERROR, fatal: false, err: err, mimeType: mimeType }); - } - } - } - this.hls.trigger(_events2.default.BUFFER_CREATED, { tracks: tracks }); - } - }, { - key: 'onBufferAppending', - value: function onBufferAppending(data) { - if (!this._needsFlush) { - if (!this.segments) { - this.segments = [data]; - } else { - this.segments.push(data); - } - this.doAppending(); - } - } - }, { - key: 'onBufferAppendFail', - value: function onBufferAppendFail(data) { - _logger.logger.error('sourceBuffer error:', data.event); - // according to http://www.w3.org/TR/media-source/#sourcebuffer-append-error - // this error might not always be fatal (it is fatal if decode error is set, in that case - // it will be followed by a mediaElement error ...) - this.hls.trigger(_events2.default.ERROR, { type: _errors.ErrorTypes.MEDIA_ERROR, details: _errors.ErrorDetails.BUFFER_APPENDING_ERROR, fatal: false }); - } - // on BUFFER_EOS mark matching sourcebuffer(s) as ended and trigger checkEos() +// module +exports.push([module.i, ".dvr-controls[data-dvr-controls] {\n display: inline-block;\n float: left;\n color: #fff;\n line-height: 32px;\n font-size: 10px;\n font-weight: bold;\n margin-left: 6px; }\n .dvr-controls[data-dvr-controls] .live-info {\n cursor: default;\n font-family: \"Roboto\", \"Open Sans\", Arial, sans-serif;\n text-transform: uppercase; }\n .dvr-controls[data-dvr-controls] .live-info:before {\n content: \"\";\n display: inline-block;\n position: relative;\n width: 7px;\n height: 7px;\n border-radius: 3.5px;\n margin-right: 3.5px;\n background-color: #ff0101; }\n .dvr-controls[data-dvr-controls] .live-info.disabled {\n opacity: 0.3; }\n .dvr-controls[data-dvr-controls] .live-info.disabled:before {\n background-color: #fff; }\n .dvr-controls[data-dvr-controls] .live-button {\n cursor: pointer;\n outline: none;\n display: none;\n border: 0;\n color: #fff;\n background-color: transparent;\n height: 32px;\n padding: 0;\n opacity: 0.7;\n font-family: \"Roboto\", \"Open Sans\", Arial, sans-serif;\n text-transform: uppercase;\n -webkit-transition: all 0.1s ease;\n -moz-transition: all 0.1s ease;\n transition: all 0.1s ease; }\n .dvr-controls[data-dvr-controls] .live-button:before {\n content: \"\";\n display: inline-block;\n position: relative;\n width: 7px;\n height: 7px;\n border-radius: 3.5px;\n margin-right: 3.5px;\n background-color: #fff; }\n .dvr-controls[data-dvr-controls] .live-button:hover {\n opacity: 1;\n text-shadow: rgba(255, 255, 255, 0.75) 0 0 5px; }\n\n.dvr .dvr-controls[data-dvr-controls] .live-info {\n display: none; }\n\n.dvr .dvr-controls[data-dvr-controls] .live-button {\n display: block; }\n\n.dvr.media-control.live[data-media-control] .media-control-layer[data-controls] .bar-container[data-seekbar] .bar-background[data-seekbar] .bar-fill-2[data-seekbar] {\n background-color: #005aff; }\n\n.media-control.live[data-media-control] .media-control-layer[data-controls] .bar-container[data-seekbar] .bar-background[data-seekbar] .bar-fill-2[data-seekbar] {\n background-color: #ff0101; }\n", ""]); - }, { - key: 'onBufferEos', - value: function onBufferEos(data) { - var sb = this.sourceBuffer; - var dataType = data.type; - for (var type in sb) { - if (!dataType || type === dataType) { - if (!sb[type].ended) { - sb[type].ended = true; - _logger.logger.log(type + ' sourceBuffer now EOS'); - } - } - } - this.checkEos(); - } +// exports - // if all source buffers are marked as ended, signal endOfStream() to MediaSource. - }, { - key: 'checkEos', - value: function checkEos() { - var sb = this.sourceBuffer, - mediaSource = this.mediaSource; - if (!mediaSource || mediaSource.readyState !== 'open') { - this._needsEos = false; - return; - } - for (var type in sb) { - var sbobj = sb[type]; - if (!sbobj.ended) { - return; - } - if (sbobj.updating) { - this._needsEos = true; - return; - } - } - _logger.logger.log('all media data available, signal endOfStream() to MediaSource and stop loading fragment'); - //Notify the media element that it now has all of the media data - try { - mediaSource.endOfStream(); - } catch (e) { - _logger.logger.warn('exception while calling mediaSource.endOfStream()'); - } - this._needsEos = false; - } - }, { - key: 'onBufferFlushing', - value: function onBufferFlushing(data) { - this.flushRange.push({ start: data.startOffset, end: data.endOffset, type: data.type }); - // attempt flush immediatly - this.flushBufferCounter = 0; - this.doFlush(); - } - }, { - key: 'onLevelUpdated', - value: function onLevelUpdated(event) { - var details = event.details; - if (details.fragments.length === 0) { - return; - } - this._levelDuration = details.totalduration + details.fragments[0].start; - this.updateMediaElementDuration(); - } +/***/ }), +/* 185 */ +/***/ (function(module, exports, __webpack_require__) { - // https://github.com/video-dev/hls.js/issues/355 +exports = module.exports = __webpack_require__(11)(undefined); +// imports - }, { - key: 'updateMediaElementDuration', - value: function updateMediaElementDuration() { - var media = this.media, - mediaSource = this.mediaSource, - sourceBuffer = this.sourceBuffer, - levelDuration = this._levelDuration; - if (levelDuration === null || !media || !mediaSource || !sourceBuffer || media.readyState === 0 || mediaSource.readyState !== 'open') { - return; - } - for (var type in sourceBuffer) { - if (sourceBuffer[type].updating) { - // can't set duration whilst a buffer is updating - return; - } - } - if (this._msDuration === null) { - // initialise to the value that the media source is reporting - this._msDuration = mediaSource.duration; - } - var duration = media.duration; - // levelDuration was the last value we set. - // not using mediaSource.duration as the browser may tweak this value - // only update mediasource duration if its value increase, this is to avoid - // flushing already buffered portion when switching between quality level - if (levelDuration > this._msDuration && levelDuration > duration || duration === Infinity || isNaN(duration)) { - _logger.logger.log('Updating mediasource duration to ' + levelDuration.toFixed(3)); - this._msDuration = mediaSource.duration = levelDuration; - } - } - }, { - key: 'doFlush', - value: function doFlush() { - // loop through all buffer ranges to flush - while (this.flushRange.length) { - var range = this.flushRange[0]; - // flushBuffer will abort any buffer append in progress and flush Audio/Video Buffer - if (this.flushBuffer(range.start, range.end, range.type)) { - // range flushed, remove from flush array - this.flushRange.shift(); - this.flushBufferCounter = 0; - } else { - this._needsFlush = true; - // avoid looping, wait for SB update end to retrigger a flush - return; - } - } - if (this.flushRange.length === 0) { - // everything flushed - this._needsFlush = false; - // let's recompute this.appended, which is used to avoid flush looping - var appended = 0; - var sourceBuffer = this.sourceBuffer; - try { - for (var type in sourceBuffer) { - appended += sourceBuffer[type].buffered.length; - } - } catch (error) { - // error could be thrown while accessing buffered, in case sourcebuffer has already been removed from MediaSource - // this is harmess at this stage, catch this to avoid reporting an internal exception - _logger.logger.error('error while accessing sourceBuffer.buffered'); - } - this.appended = appended; - this.hls.trigger(_events2.default.BUFFER_FLUSHED); - } - } - }, { - key: 'doAppending', - value: function doAppending() { - var hls = this.hls, - sourceBuffer = this.sourceBuffer, - segments = this.segments; - if (Object.keys(sourceBuffer).length) { - if (this.media.error) { - this.segments = []; - _logger.logger.error('trying to append although a media error occured, flush segment and abort'); - return; - } - if (this.appending) { - //logger.log(`sb appending in progress`); - return; - } - if (segments && segments.length) { - var segment = segments.shift(); - try { - var type = segment.type, - sb = sourceBuffer[type]; - if (sb) { - if (!sb.updating) { - // reset sourceBuffer ended flag before appending segment - sb.ended = false; - //logger.log(`appending ${segment.content} ${type} SB, size:${segment.data.length}, ${segment.parent}`); - this.parent = segment.parent; - sb.appendBuffer(segment.data); - this.appendError = 0; - this.appended++; - this.appending = true; - } else { - segments.unshift(segment); - } - } else { - // in case we don't have any source buffer matching with this segment type, - // it means that Mediasource fails to create sourcebuffer - // discard this segment, and trigger update end - this.onSBUpdateEnd(); - } - } catch (err) { - // in case any error occured while appending, put back segment in segments table - _logger.logger.error('error while trying to append buffer:' + err.message); - segments.unshift(segment); - var event = { type: _errors.ErrorTypes.MEDIA_ERROR, parent: segment.parent }; - if (err.code !== 22) { - if (this.appendError) { - this.appendError++; - } else { - this.appendError = 1; - } - event.details = _errors.ErrorDetails.BUFFER_APPEND_ERROR; - /* with UHD content, we could get loop of quota exceeded error until - browser is able to evict some data from sourcebuffer. retrying help recovering this - */ - if (this.appendError > hls.config.appendErrorMaxRetry) { - _logger.logger.log('fail ' + hls.config.appendErrorMaxRetry + ' times to append segment in sourceBuffer'); - segments = []; - event.fatal = true; - hls.trigger(_events2.default.ERROR, event); - return; - } else { - event.fatal = false; - hls.trigger(_events2.default.ERROR, event); - } - } else { - // QuotaExceededError: http://www.w3.org/TR/html5/infrastructure.html#quotaexceedederror - // let's stop appending any segments, and report BUFFER_FULL_ERROR error - this.segments = []; - event.details = _errors.ErrorDetails.BUFFER_FULL_ERROR; - event.fatal = false; - hls.trigger(_events2.default.ERROR, event); - return; - } - } - } - } - } +// module +exports.push([module.i, ".player-poster[data-poster] {\n display: -webkit-box;\n display: -moz-box;\n display: box;\n display: -webkit-flex;\n display: -moz-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: center;\n -moz-box-pack: center;\n box-pack: center;\n -webkit-justify-content: center;\n -moz-justify-content: center;\n -ms-justify-content: center;\n -o-justify-content: center;\n justify-content: center;\n -ms-flex-pack: center;\n -webkit-box-align: center;\n -moz-box-align: center;\n box-align: center;\n -webkit-align-items: center;\n -moz-align-items: center;\n -ms-align-items: center;\n -o-align-items: center;\n align-items: center;\n -ms-flex-align: center;\n position: absolute;\n height: 100%;\n width: 100%;\n z-index: 998;\n top: 0;\n left: 0;\n background-color: #000;\n background-size: cover;\n background-repeat: no-repeat;\n background-position: 50% 50%; }\n .player-poster[data-poster].clickable {\n cursor: pointer; }\n .player-poster[data-poster]:hover .play-wrapper[data-poster] {\n opacity: 1; }\n .player-poster[data-poster] .play-wrapper[data-poster] {\n width: 100%;\n height: 25%;\n margin: 0 auto;\n opacity: 0.75;\n -webkit-transition: opacity 0.1s ease;\n -moz-transition: opacity 0.1s ease;\n transition: opacity 0.1s ease; }\n .player-poster[data-poster] .play-wrapper[data-poster] svg {\n height: 100%; }\n .player-poster[data-poster] .play-wrapper[data-poster] svg path {\n fill: #fff; }\n", ""]); - /* - flush specified buffered range, - return true once range has been flushed. - as sourceBuffer.remove() is asynchronous, flushBuffer will be retriggered on sourceBuffer update end - */ +// exports - }, { - key: 'flushBuffer', - value: function flushBuffer(startOffset, endOffset, typeIn) { - var sb, - i, - bufStart, - bufEnd, - flushStart, - flushEnd, - sourceBuffer = this.sourceBuffer; - if (Object.keys(sourceBuffer).length) { - _logger.logger.log('flushBuffer,pos/start/end: ' + this.media.currentTime.toFixed(3) + '/' + startOffset + '/' + endOffset); - // safeguard to avoid infinite looping : don't try to flush more than the nb of appended segments - if (this.flushBufferCounter < this.appended) { - for (var type in sourceBuffer) { - // check if sourcebuffer type is defined (typeIn): if yes, let's only flush this one - // if no, let's flush all sourcebuffers - if (typeIn && type !== typeIn) { - continue; - } - sb = sourceBuffer[type]; - // we are going to flush buffer, mark source buffer as 'not ended' - sb.ended = false; - if (!sb.updating) { - try { - for (i = 0; i < sb.buffered.length; i++) { - bufStart = sb.buffered.start(i); - bufEnd = sb.buffered.end(i); - // workaround firefox not able to properly flush multiple buffered range. - if (navigator.userAgent.toLowerCase().indexOf('firefox') !== -1 && endOffset === Number.POSITIVE_INFINITY) { - flushStart = startOffset; - flushEnd = endOffset; - } else { - flushStart = Math.max(bufStart, startOffset); - flushEnd = Math.min(bufEnd, endOffset); - } - /* sometimes sourcebuffer.remove() does not flush - the exact expected time range. - to avoid rounding issues/infinite loop, - only flush buffer range of length greater than 500ms. - */ - if (Math.min(flushEnd, bufEnd) - flushStart > 0.5) { - this.flushBufferCounter++; - _logger.logger.log('flush ' + type + ' [' + flushStart + ',' + flushEnd + '], of [' + bufStart + ',' + bufEnd + '], pos:' + this.media.currentTime); - sb.remove(flushStart, flushEnd); - return false; - } - } - } catch (e) { - _logger.logger.warn('exception while accessing sourcebuffer, it might have been removed from MediaSource'); - } - } else { - //logger.log('abort ' + type + ' append in progress'); - // this will abort any appending in progress - //sb.abort(); - _logger.logger.warn('cannot flush, sb updating in progress'); - return false; - } - } - } else { - _logger.logger.warn('abort flushing too many retries'); - } - _logger.logger.log('buffer flushed'); - } - // everything flushed ! - return true; - } - }]); - return BufferController; -}(_eventHandler2.default); +/***/ }), +/* 186 */ +/***/ (function(module, exports, __webpack_require__) { -exports.default = BufferController; +exports = module.exports = __webpack_require__(11)(undefined); +// imports -},{"30":30,"31":31,"32":32,"50":50}],9:[function(_dereq_,module,exports){ -'use strict'; -Object.defineProperty(exports, "__esModule", { - value: true -}); +// module +exports.push([module.i, ".seek-time[data-seek-time] {\n position: absolute;\n white-space: nowrap;\n height: 20px;\n line-height: 20px;\n font-size: 0;\n left: -100%;\n bottom: 55px;\n background-color: rgba(2, 2, 2, 0.5);\n z-index: 9999;\n -webkit-transition: opacity 0.1s ease;\n -moz-transition: opacity 0.1s ease;\n transition: opacity 0.1s ease; }\n .seek-time[data-seek-time].hidden[data-seek-time] {\n opacity: 0; }\n .seek-time[data-seek-time] [data-seek-time] {\n display: inline-block;\n color: white;\n font-size: 10px;\n padding-left: 7px;\n padding-right: 7px;\n vertical-align: top; }\n .seek-time[data-seek-time] [data-duration] {\n display: inline-block;\n color: rgba(255, 255, 255, 0.5);\n font-size: 10px;\n padding-right: 7px;\n vertical-align: top; }\n .seek-time[data-seek-time] [data-duration]:before {\n content: \"|\";\n margin-right: 7px; }\n", ""]); -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); +// exports -var _events = _dereq_(32); -var _events2 = _interopRequireDefault(_events); +/***/ }), +/* 187 */ +/***/ (function(module, exports, __webpack_require__) { -var _eventHandler = _dereq_(31); +exports = module.exports = __webpack_require__(11)(undefined); +// imports -var _eventHandler2 = _interopRequireDefault(_eventHandler); -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } +// module +exports.push([module.i, ".spinner-three-bounce[data-spinner] {\n position: absolute;\n margin: 0 auto;\n width: 70px;\n text-align: center;\n z-index: 999;\n left: 0;\n right: 0;\n margin-left: auto;\n margin-right: auto;\n /* center vertically */\n top: 50%;\n -webkit-transform: translateY(-50%);\n -moz-transform: translateY(-50%);\n -ms-transform: translateY(-50%);\n -o-transform: translateY(-50%);\n transform: translateY(-50%); }\n .spinner-three-bounce[data-spinner] > div {\n width: 18px;\n height: 18px;\n background-color: #FFFFFF;\n border-radius: 100%;\n display: inline-block;\n -webkit-animation: bouncedelay 1.4s infinite ease-in-out;\n -moz-animation: bouncedelay 1.4s infinite ease-in-out;\n animation: bouncedelay 1.4s infinite ease-in-out;\n /* Prevent first frame from flickering when animation starts */\n -webkit-animation-fill-mode: both;\n -moz-animation-fill-mode: both;\n animation-fill-mode: both; }\n .spinner-three-bounce[data-spinner] [data-bounce1] {\n -webkit-animation-delay: -0.32s;\n -moz-animation-delay: -0.32s;\n animation-delay: -0.32s; }\n .spinner-three-bounce[data-spinner] [data-bounce2] {\n -webkit-animation-delay: -0.16s;\n -moz-animation-delay: -0.16s;\n animation-delay: -0.16s; }\n\n@-webkit-keyframes bouncedelay {\n 0%, 80%, 100% {\n -webkit-transform: scale(0); }\n 40% {\n -webkit-transform: scale(1); } }\n\n@-moz-keyframes bouncedelay {\n 0%, 80%, 100% {\n -moz-transform: scale(0); }\n 40% {\n -moz-transform: scale(1); } }\n\n@keyframes bouncedelay {\n 0%, 80%, 100% {\n -webkit-transform: scale(0);\n -moz-transform: scale(0);\n -ms-transform: scale(0);\n -o-transform: scale(0);\n transform: scale(0); }\n 40% {\n -webkit-transform: scale(1);\n -moz-transform: scale(1);\n -ms-transform: scale(1);\n -o-transform: scale(1);\n transform: scale(1); } }\n", ""]); -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } +// exports -function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } -function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /* - * cap stream level to media size dimension controller - */ +/***/ }), +/* 188 */ +/***/ (function(module, exports, __webpack_require__) { -var CapLevelController = function (_EventHandler) { - _inherits(CapLevelController, _EventHandler); +exports = module.exports = __webpack_require__(11)(undefined); +// imports - function CapLevelController(hls) { - _classCallCheck(this, CapLevelController); - return _possibleConstructorReturn(this, (CapLevelController.__proto__ || Object.getPrototypeOf(CapLevelController)).call(this, hls, _events2.default.FPS_DROP_LEVEL_CAPPING, _events2.default.MEDIA_ATTACHING, _events2.default.MANIFEST_PARSED)); - } +// module +exports.push([module.i, "[data-watermark] {\n position: absolute;\n min-width: 70px;\n max-width: 200px;\n width: 12%;\n text-align: center;\n z-index: 10; }\n\n[data-watermark] a {\n outline: none;\n cursor: pointer; }\n\n[data-watermark] img {\n max-width: 100%; }\n\n[data-watermark-bottom-left] {\n bottom: 10px;\n left: 10px; }\n\n[data-watermark-bottom-right] {\n bottom: 10px;\n right: 42px; }\n\n[data-watermark-top-left] {\n top: 10px;\n left: 10px; }\n\n[data-watermark-top-right] {\n top: 10px;\n right: 37px; }\n", ""]); - _createClass(CapLevelController, [{ - key: 'destroy', - value: function destroy() { - if (this.hls.config.capLevelToPlayerSize) { - this.media = this.restrictedLevels = null; - this.autoLevelCapping = Number.POSITIVE_INFINITY; - if (this.timer) { - this.timer = clearInterval(this.timer); - } - } - } - }, { - key: 'onFpsDropLevelCapping', - value: function onFpsDropLevelCapping(data) { - if (!this.restrictedLevels) { - this.restrictedLevels = []; - } - if (!this.isLevelRestricted(data.droppedLevel)) { - this.restrictedLevels.push(data.droppedLevel); - } - } - }, { - key: 'onMediaAttaching', - value: function onMediaAttaching(data) { - this.media = data.media instanceof HTMLVideoElement ? data.media : null; - } - }, { - key: 'onManifestParsed', - value: function onManifestParsed(data) { - var hls = this.hls; - if (hls.config.capLevelToPlayerSize) { - this.autoLevelCapping = Number.POSITIVE_INFINITY; - this.levels = data.levels; - hls.firstLevel = this.getMaxLevel(data.firstLevel); - clearInterval(this.timer); - this.timer = setInterval(this.detectPlayerSize.bind(this), 1000); - this.detectPlayerSize(); - } - } - }, { - key: 'detectPlayerSize', - value: function detectPlayerSize() { - if (this.media) { - var levelsLength = this.levels ? this.levels.length : 0; - if (levelsLength) { - var hls = this.hls; - hls.autoLevelCapping = this.getMaxLevel(levelsLength - 1); - if (hls.autoLevelCapping > this.autoLevelCapping) { - // if auto level capping has a higher value for the previous one, flush the buffer using nextLevelSwitch - // usually happen when the user go to the fullscreen mode. - hls.streamController.nextLevelSwitch(); - } - this.autoLevelCapping = hls.autoLevelCapping; - } - } - } +// exports - /* - * returns level should be the one with the dimensions equal or greater than the media (player) dimensions (so the video will be downscaled) - */ - }, { - key: 'getMaxLevel', - value: function getMaxLevel(capLevelIndex) { - var result = 0, - i = void 0, - level = void 0, - mWidth = this.mediaWidth, - mHeight = this.mediaHeight, - lWidth = 0, - lHeight = 0; +/***/ }), +/* 189 */ +/***/ (function(module, exports, __webpack_require__) { - for (i = 0; i <= capLevelIndex; i++) { - level = this.levels[i]; - if (this.isLevelRestricted(i)) { - break; - } - result = i; - lWidth = level.width; - lHeight = level.height; - if (mWidth <= lWidth || mHeight <= lHeight) { - break; - } - } - return result; - } - }, { - key: 'isLevelRestricted', - value: function isLevelRestricted(level) { - return this.restrictedLevels && this.restrictedLevels.indexOf(level) !== -1 ? true : false; - } - }, { - key: 'contentScaleFactor', - get: function get() { - var pixelRatio = 1; - try { - pixelRatio = window.devicePixelRatio; - } catch (e) {} - return pixelRatio; - } - }, { - key: 'mediaWidth', - get: function get() { - var width = void 0; - var media = this.media; - if (media) { - width = media.width || media.clientWidth || media.offsetWidth; - width *= this.contentScaleFactor; - } - return width; - } - }, { - key: 'mediaHeight', - get: function get() { - var height = void 0; - var media = this.media; - if (media) { - height = media.height || media.clientHeight || media.offsetHeight; - height *= this.contentScaleFactor; - } - return height; - } - }]); +var require;var require;(function(f){if(true){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.Hls = f()}})(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return require(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o 0) { - //logger.log('checkFPS : droppedFPS/decodedFPS:' + droppedFPS/(1000 * currentDecoded / currentPeriod)); - if (currentDropped > hls.config.fpsDroppedMonitoringThreshold * currentDecoded) { - var currentLevel = hls.currentLevel; - _logger.logger.warn('drop FPS ratio greater than max allowed value for currentLevel: ' + currentLevel); - if (currentLevel > 0 && (hls.autoLevelCapping === -1 || hls.autoLevelCapping >= currentLevel)) { - currentLevel = currentLevel - 1; - hls.trigger(_events2.default.FPS_DROP_LEVEL_CAPPING, { level: currentLevel, droppedLevel: hls.currentLevel }); - hls.autoLevelCapping = currentLevel; - hls.streamController.nextLevelSwitch(); - } - } - } - } - this.lastTime = currentTime; - this.lastDroppedFrames = droppedFrames; - this.lastDecodedFrames = decodedFrames; - } + // Check for listener leak + if (isObject(this._events[type]) && !this._events[type].warned) { + if (!isUndefined(this._maxListeners)) { + m = this._maxListeners; + } else { + m = EventEmitter.defaultMaxListeners; } - }, { - key: 'checkFPSInterval', - value: function checkFPSInterval() { - var video = this.video; - if (video) { - if (this.isVideoPlaybackQualityAvailable) { - var videoPlaybackQuality = video.getVideoPlaybackQuality(); - this.checkFPS(video, videoPlaybackQuality.totalVideoFrames, videoPlaybackQuality.droppedVideoFrames); - } else { - this.checkFPS(video, video.webkitDecodedFrameCount, video.webkitDroppedFrameCount); - } + + if (m && m > 0 && this._events[type].length > m) { + this._events[type].warned = true; + console.error('(node) warning: possible EventEmitter memory ' + + 'leak detected. %d listeners added. ' + + 'Use emitter.setMaxListeners() to increase limit.', + this._events[type].length); + if (typeof console.trace === 'function') { + // not supported in IE 10 + console.trace(); } } - }]); + } - return FPSController; -}(_eventHandler2.default); + return this; +}; -exports.default = FPSController; +EventEmitter.prototype.on = EventEmitter.prototype.addListener; -},{"31":31,"32":32,"50":50}],11:[function(_dereq_,module,exports){ -'use strict'; +EventEmitter.prototype.once = function(type, listener) { + if (!isFunction(listener)) + throw TypeError('listener must be a function'); -Object.defineProperty(exports, "__esModule", { - value: true -}); + var fired = false; -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); + function g() { + this.removeListener(type, g); -var _events = _dereq_(32); + if (!fired) { + fired = true; + listener.apply(this, arguments); + } + } -var _events2 = _interopRequireDefault(_events); + g.listener = listener; + this.on(type, g); -var _eventHandler = _dereq_(31); + return this; +}; -var _eventHandler2 = _interopRequireDefault(_eventHandler); +// emits a 'removeListener' event iff the listener was removed +EventEmitter.prototype.removeListener = function(type, listener) { + var list, position, length, i; -var _logger = _dereq_(50); + if (!isFunction(listener)) + throw TypeError('listener must be a function'); -var _errors = _dereq_(30); + if (!this._events || !this._events[type]) + return this; -var _bufferHelper = _dereq_(34); + list = this._events[type]; + length = list.length; + position = -1; -var _bufferHelper2 = _interopRequireDefault(_bufferHelper); + if (list === listener || + (isFunction(list.listener) && list.listener === listener)) { + delete this._events[type]; + if (this._events.removeListener) + this.emit('removeListener', type, listener); -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + } else if (isObject(list)) { + for (i = length; i-- > 0;) { + if (list[i] === listener || + (list[i].listener && list[i].listener === listener)) { + position = i; + break; + } + } -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } + if (position < 0) + return this; -function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } + if (list.length === 1) { + list.length = 0; + delete this._events[type]; + } else { + list.splice(position, 1); + } -function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /* - * Level Controller - */ + if (this._events.removeListener) + this.emit('removeListener', type, listener); + } -var LevelController = function (_EventHandler) { - _inherits(LevelController, _EventHandler); + return this; +}; - function LevelController(hls) { - _classCallCheck(this, LevelController); +EventEmitter.prototype.removeAllListeners = function(type) { + var key, listeners; - var _this = _possibleConstructorReturn(this, (LevelController.__proto__ || Object.getPrototypeOf(LevelController)).call(this, hls, _events2.default.MANIFEST_LOADED, _events2.default.LEVEL_LOADED, _events2.default.FRAG_LOADED, _events2.default.ERROR)); + if (!this._events) + return this; - _this.ontick = _this.tick.bind(_this); - _this._manualLevel = -1; - return _this; + // not listening for removeListener, no need to emit + if (!this._events.removeListener) { + if (arguments.length === 0) + this._events = {}; + else if (this._events[type]) + delete this._events[type]; + return this; } - _createClass(LevelController, [{ - key: 'destroy', - value: function destroy() { - if (this.timer) { - clearTimeout(this.timer); - this.timer = null; - } - this._manualLevel = -1; - } - }, { - key: 'startLoad', - value: function startLoad() { - this.canload = true; - var levels = this._levels; - // clean up live level details to force reload them, and reset load errors - if (levels) { - levels.forEach(function (level) { - level.loadError = 0; - var levelDetails = level.details; - if (levelDetails && levelDetails.live) { - level.details = undefined; - } - }); - } - // speed up live playlist refresh if timer exists - if (this.timer) { - this.tick(); - } - } - }, { - key: 'stopLoad', - value: function stopLoad() { - this.canload = false; + // emit removeListener for all listeners on all events + if (arguments.length === 0) { + for (key in this._events) { + if (key === 'removeListener') continue; + this.removeAllListeners(key); } - }, { - key: 'onManifestLoaded', - value: function onManifestLoaded(data) { - var levels0 = [], - levels = [], - bitrateStart, - bitrateSet = {}, - videoCodecFound = false, - audioCodecFound = false, - hls = this.hls, - brokenmp4inmp3 = /chrome|firefox/.test(navigator.userAgent.toLowerCase()), - checkSupported = function checkSupported(type, codec) { - return MediaSource.isTypeSupported(type + '/mp4;codecs=' + codec); - }; + this.removeAllListeners('removeListener'); + this._events = {}; + return this; + } - // regroup redundant level together - data.levels.forEach(function (level) { - if (level.videoCodec) { - videoCodecFound = true; - } - // erase audio codec info if browser does not support mp4a.40.34. demuxer will autodetect codec and fallback to mpeg/audio - if (brokenmp4inmp3 && level.audioCodec && level.audioCodec.indexOf('mp4a.40.34') !== -1) { - level.audioCodec = undefined; - } - if (level.audioCodec || level.attrs && level.attrs.AUDIO) { - audioCodecFound = true; - } - var redundantLevelId = bitrateSet[level.bitrate]; - if (redundantLevelId === undefined) { - bitrateSet[level.bitrate] = levels0.length; - level.url = [level.url]; - level.urlId = 0; - levels0.push(level); - } else { - levels0[redundantLevelId].url.push(level.url); - } - }); + listeners = this._events[type]; - // remove audio-only level if we also have levels with audio+video codecs signalled - if (videoCodecFound && audioCodecFound) { - levels0.forEach(function (level) { - if (level.videoCodec) { - levels.push(level); - } - }); - } else { - levels = levels0; - } - // only keep level with supported audio/video codecs - levels = levels.filter(function (level) { - var audioCodec = level.audioCodec, - videoCodec = level.videoCodec; - return (!audioCodec || checkSupported('audio', audioCodec)) && (!videoCodec || checkSupported('video', videoCodec)); - }); + if (isFunction(listeners)) { + this.removeListener(type, listeners); + } else if (listeners) { + // LIFO order + while (listeners.length) + this.removeListener(type, listeners[listeners.length - 1]); + } + delete this._events[type]; - if (levels.length) { - // start bitrate is the first bitrate of the manifest - bitrateStart = levels[0].bitrate; - // sort level on bitrate - levels.sort(function (a, b) { - return a.bitrate - b.bitrate; - }); - this._levels = levels; - // find index of first level in sorted levels - for (var i = 0; i < levels.length; i++) { - if (levels[i].bitrate === bitrateStart) { - this._firstLevel = i; - _logger.logger.log('manifest loaded,' + levels.length + ' level(s) found, first bitrate:' + bitrateStart); - break; - } - } - hls.trigger(_events2.default.MANIFEST_PARSED, { levels: levels, firstLevel: this._firstLevel, stats: data.stats, audio: audioCodecFound, video: videoCodecFound, altAudio: data.audioTracks.length > 0 }); - } else { - hls.trigger(_events2.default.ERROR, { type: _errors.ErrorTypes.MEDIA_ERROR, details: _errors.ErrorDetails.MANIFEST_INCOMPATIBLE_CODECS_ERROR, fatal: true, url: hls.url, reason: 'no level with compatible codecs found in manifest' }); - } - return; - } - }, { - key: 'setLevelInternal', - value: function setLevelInternal(newLevel) { - var levels = this._levels; - var hls = this.hls; - // check if level idx is valid - if (newLevel >= 0 && newLevel < levels.length) { - // stopping live reloading timer if any - if (this.timer) { - clearTimeout(this.timer); - this.timer = null; - } - if (this._level !== newLevel) { - _logger.logger.log('switching to level ' + newLevel); - this._level = newLevel; - var levelProperties = levels[newLevel]; - levelProperties.level = newLevel; - // LEVEL_SWITCH to be deprecated in next major release - hls.trigger(_events2.default.LEVEL_SWITCH, levelProperties); - hls.trigger(_events2.default.LEVEL_SWITCHING, levelProperties); - } - var level = levels[newLevel], - levelDetails = level.details; - // check if we need to load playlist for this level - if (!levelDetails || levelDetails.live === true) { - // level not retrieved yet, or live playlist we need to (re)load it - var urlId = level.urlId; - hls.trigger(_events2.default.LEVEL_LOADING, { url: level.url[urlId], level: newLevel, id: urlId }); - } - } else { - // invalid level id given, trigger error - hls.trigger(_events2.default.ERROR, { type: _errors.ErrorTypes.OTHER_ERROR, details: _errors.ErrorDetails.LEVEL_SWITCH_ERROR, level: newLevel, fatal: false, reason: 'invalid level idx' }); - } - } - }, { - key: 'onError', - value: function onError(data) { - if (data.fatal) { - return; - } + return this; +}; - var details = data.details, - hls = this.hls, - levelId = void 0, - level = void 0, - levelError = false; - // try to recover not fatal errors - switch (details) { - case _errors.ErrorDetails.FRAG_LOAD_ERROR: - case _errors.ErrorDetails.FRAG_LOAD_TIMEOUT: - case _errors.ErrorDetails.FRAG_LOOP_LOADING_ERROR: - case _errors.ErrorDetails.KEY_LOAD_ERROR: - case _errors.ErrorDetails.KEY_LOAD_TIMEOUT: - levelId = data.frag.level; - break; - case _errors.ErrorDetails.LEVEL_LOAD_ERROR: - case _errors.ErrorDetails.LEVEL_LOAD_TIMEOUT: - levelId = data.context.level; - levelError = true; - break; - case _errors.ErrorDetails.REMUX_ALLOC_ERROR: - levelId = data.level; - break; - default: - break; - } - /* try to switch to a redundant stream if any available. - * if no redundant stream available, emergency switch down (if in auto mode and current level not 0) - * otherwise, we cannot recover this network error ... - */ - if (levelId !== undefined) { - level = this._levels[levelId]; - if (!level.loadError) { - level.loadError = 1; - } else { - level.loadError++; - } - // if any redundant streams available and if we haven't try them all (level.loadError is reseted on successful frag/level load. - // if level.loadError reaches nbRedundantLevel it means that we tried them all, no hope => let's switch down - var nbRedundantLevel = level.url.length; - if (nbRedundantLevel > 1 && level.loadError < nbRedundantLevel) { - level.urlId = (level.urlId + 1) % nbRedundantLevel; - level.details = undefined; - _logger.logger.warn('level controller,' + details + ' for level ' + levelId + ': switching to redundant stream id ' + level.urlId); - } else { - // we could try to recover if in auto mode and current level not lowest level (0) - var recoverable = this._manualLevel === -1 && levelId; - if (recoverable) { - _logger.logger.warn('level controller,' + details + ': switch-down for next fragment'); - hls.nextAutoLevel = Math.max(0, levelId - 1); - } else if (level && level.details && level.details.live) { - _logger.logger.warn('level controller,' + details + ' on live stream, discard'); - if (levelError) { - // reset this._level so that another call to set level() will retrigger a frag load - this._level = undefined; - } - // other errors are handled by stream controller - } else if (details === _errors.ErrorDetails.LEVEL_LOAD_ERROR || details === _errors.ErrorDetails.LEVEL_LOAD_TIMEOUT) { - var media = hls.media, +EventEmitter.prototype.listeners = function(type) { + var ret; + if (!this._events || !this._events[type]) + ret = []; + else if (isFunction(this._events[type])) + ret = [this._events[type]]; + else + ret = this._events[type].slice(); + return ret; +}; - // 0.5 : tolerance needed as some browsers stalls playback before reaching buffered end - mediaBuffered = media && _bufferHelper2.default.isBuffered(media, media.currentTime) && _bufferHelper2.default.isBuffered(media, media.currentTime + 0.5); - if (mediaBuffered) { - var retryDelay = hls.config.levelLoadingRetryDelay; - _logger.logger.warn('level controller,' + details + ', but media buffered, retry in ' + retryDelay + 'ms'); - this.timer = setTimeout(this.ontick, retryDelay); - } else { - _logger.logger.error('cannot recover ' + details + ' error'); - this._level = undefined; - // stopping live reloading timer if any - if (this.timer) { - clearTimeout(this.timer); - this.timer = null; - } - // switch error to fatal - data.fatal = true; - } - } - } - } - } +EventEmitter.prototype.listenerCount = function(type) { + if (this._events) { + var evlistener = this._events[type]; - // reset level load error counter on successful frag loaded + if (isFunction(evlistener)) + return 1; + else if (evlistener) + return evlistener.length; + } + return 0; +}; - }, { - key: 'onFragLoaded', - value: function onFragLoaded(data) { - var fragLoaded = data.frag; - if (fragLoaded && fragLoaded.type === 'main') { - var level = this._levels[fragLoaded.level]; - if (level) { - level.loadError = 0; - } - } - } - }, { - key: 'onLevelLoaded', - value: function onLevelLoaded(data) { - var levelId = data.level; - // only process level loaded events matching with expected level - if (levelId === this._level) { - var curLevel = this._levels[levelId]; - // reset level load error counter on successful level loaded - curLevel.loadError = 0; - var newDetails = data.details; - // if current playlist is a live playlist, arm a timer to reload it - if (newDetails.live) { - var reloadInterval = 1000 * (newDetails.averagetargetduration ? newDetails.averagetargetduration : newDetails.targetduration), - curDetails = curLevel.details; - if (curDetails && newDetails.endSN === curDetails.endSN) { - // follow HLS Spec, If the client reloads a Playlist file and finds that it has not - // changed then it MUST wait for a period of one-half the target - // duration before retrying. - reloadInterval /= 2; - _logger.logger.log('same live playlist, reload twice faster'); - } - // decrement reloadInterval with level loading delay - reloadInterval -= performance.now() - data.stats.trequest; - // in any case, don't reload more than every second - reloadInterval = Math.max(1000, Math.round(reloadInterval)); - _logger.logger.log('live playlist, reload in ' + reloadInterval + ' ms'); - this.timer = setTimeout(this.ontick, reloadInterval); - } else { - this.timer = null; - } - } - } - }, { - key: 'tick', - value: function tick() { - var levelId = this._level; - if (levelId !== undefined && this.canload) { - var level = this._levels[levelId]; - if (level && level.url) { - var urlId = level.urlId; - this.hls.trigger(_events2.default.LEVEL_LOADING, { url: level.url[urlId], level: levelId, id: urlId }); - } - } - } - }, { - key: 'levels', - get: function get() { - return this._levels; - } - }, { - key: 'level', - get: function get() { - return this._level; - }, - set: function set(newLevel) { - var levels = this._levels; - if (levels && levels.length > newLevel) { - if (this._level !== newLevel || levels[newLevel].details === undefined) { - this.setLevelInternal(newLevel); - } - } - } - }, { - key: 'manualLevel', - get: function get() { - return this._manualLevel; - }, - set: function set(newLevel) { - this._manualLevel = newLevel; - if (this._startLevel === undefined) { - this._startLevel = newLevel; - } - if (newLevel !== -1) { - this.level = newLevel; - } - } - }, { - key: 'firstLevel', - get: function get() { - return this._firstLevel; - }, - set: function set(newLevel) { - this._firstLevel = newLevel; - } - }, { - key: 'startLevel', - get: function get() { - // hls.startLevel takes precedence over config.startLevel - // if none of these values are defined, fallback on this._firstLevel (first quality level appearing in variant manifest) - if (this._startLevel === undefined) { - var configStartLevel = this.hls.config.startLevel; - if (configStartLevel !== undefined) { - return configStartLevel; - } else { - return this._firstLevel; - } - } else { - return this._startLevel; - } - }, - set: function set(newLevel) { - this._startLevel = newLevel; - } - }, { - key: 'nextLoadLevel', - get: function get() { - if (this._manualLevel !== -1) { - return this._manualLevel; - } else { - return this.hls.nextAutoLevel; - } - }, - set: function set(nextLevel) { - this.level = nextLevel; - if (this._manualLevel === -1) { - this.hls.nextAutoLevel = nextLevel; - } - } - }]); - - return LevelController; -}(_eventHandler2.default); - -exports.default = LevelController; - -},{"30":30,"31":31,"32":32,"34":34,"50":50}],12:[function(_dereq_,module,exports){ -'use strict'; - -Object.defineProperty(exports, "__esModule", { - value: true -}); - -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); +EventEmitter.listenerCount = function(emitter, type) { + return emitter.listenerCount(type); +}; -var _binarySearch = _dereq_(45); +function isFunction(arg) { + return typeof arg === 'function'; +} -var _binarySearch2 = _interopRequireDefault(_binarySearch); +function isNumber(arg) { + return typeof arg === 'number'; +} -var _bufferHelper = _dereq_(34); +function isObject(arg) { + return typeof arg === 'object' && arg !== null; +} -var _bufferHelper2 = _interopRequireDefault(_bufferHelper); +function isUndefined(arg) { + return arg === void 0; +} -var _demuxer = _dereq_(24); +},{}],2:[function(_dereq_,module,exports){ +// see https://tools.ietf.org/html/rfc1808 + +/* jshint ignore:start */ +(function(root) { +/* jshint ignore:end */ + + var URL_REGEX = /^((?:[^\/;?#]+:)?)(\/\/[^\/\;?#]*)?(.*?)??(;.*?)?(\?.*?)?(#.*?)?$/; + var FIRST_SEGMENT_REGEX = /^([^\/;?#]*)(.*)$/; + var SLASH_DOT_REGEX = /(?:\/|^)\.(?=\/)/g; + var SLASH_DOT_DOT_REGEX = /(?:\/|^)\.\.\/(?!\.\.\/).*?(?=\/)/g; + + var URLToolkit = { // jshint ignore:line + // If opts.alwaysNormalize is true then the path will always be normalized even when it starts with / or // + // E.g + // With opts.alwaysNormalize = false (default, spec compliant) + // http://a.com/b/cd + /e/f/../g => http://a.com/e/f/../g + // With opts.alwaysNormalize = true (default, not spec compliant) + // http://a.com/b/cd + /e/f/../g => http://a.com/e/g + buildAbsoluteURL: function(baseURL, relativeURL, opts) { + opts = opts || {}; + // remove any remaining space and CRLF + baseURL = baseURL.trim(); + relativeURL = relativeURL.trim(); + if (!relativeURL) { + // 2a) If the embedded URL is entirely empty, it inherits the + // entire base URL (i.e., is set equal to the base URL) + // and we are done. + if (!opts.alwaysNormalize) { + return baseURL; + } + var basePartsForNormalise = this.parseURL(baseURL); + if (!baseParts) { + throw new Error('Error trying to parse base URL.'); + } + basePartsForNormalise.path = URLToolkit.normalizePath(basePartsForNormalise.path); + return URLToolkit.buildURLFromParts(basePartsForNormalise); + } + var relativeParts = this.parseURL(relativeURL); + if (!relativeParts) { + throw new Error('Error trying to parse relative URL.'); + } + if (relativeParts.scheme) { + // 2b) If the embedded URL starts with a scheme name, it is + // interpreted as an absolute URL and we are done. + if (!opts.alwaysNormalize) { + return relativeURL; + } + relativeParts.path = URLToolkit.normalizePath(relativeParts.path); + return URLToolkit.buildURLFromParts(relativeParts); + } + var baseParts = this.parseURL(baseURL); + if (!baseParts) { + throw new Error('Error trying to parse base URL.'); + } + if (!baseParts.netLoc && baseParts.path && baseParts.path[0] !== '/') { + // If netLoc missing and path doesn't start with '/', assume everthing before the first '/' is the netLoc + // This causes 'example.com/a' to be handled as '//example.com/a' instead of '/example.com/a' + var pathParts = FIRST_SEGMENT_REGEX.exec(baseParts.path); + baseParts.netLoc = pathParts[1]; + baseParts.path = pathParts[2]; + } + if (baseParts.netLoc && !baseParts.path) { + baseParts.path = '/'; + } + var builtParts = { + // 2c) Otherwise, the embedded URL inherits the scheme of + // the base URL. + scheme: baseParts.scheme, + netLoc: relativeParts.netLoc, + path: null, + params: relativeParts.params, + query: relativeParts.query, + fragment: relativeParts.fragment + }; + if (!relativeParts.netLoc) { + // 3) If the embedded URL's is non-empty, we skip to + // Step 7. Otherwise, the embedded URL inherits the + // (if any) of the base URL. + builtParts.netLoc = baseParts.netLoc; + // 4) If the embedded URL path is preceded by a slash "/", the + // path is not relative and we skip to Step 7. + if (relativeParts.path[0] !== '/') { + if (!relativeParts.path) { + // 5) If the embedded URL path is empty (and not preceded by a + // slash), then the embedded URL inherits the base URL path + builtParts.path = baseParts.path; + // 5a) if the embedded URL's is non-empty, we skip to + // step 7; otherwise, it inherits the of the base + // URL (if any) and + if (!relativeParts.params) { + builtParts.params = baseParts.params; + // 5b) if the embedded URL's is non-empty, we skip to + // step 7; otherwise, it inherits the of the base + // URL (if any) and we skip to step 7. + if (!relativeParts.query) { + builtParts.query = baseParts.query; + } + } + } else { + // 6) The last segment of the base URL's path (anything + // following the rightmost slash "/", or the entire path if no + // slash is present) is removed and the embedded URL's path is + // appended in its place. + var baseURLPath = baseParts.path; + var newPath = baseURLPath.substring(0, baseURLPath.lastIndexOf('/') + 1) + relativeParts.path; + builtParts.path = URLToolkit.normalizePath(newPath); + } + } + } + if (builtParts.path === null) { + builtParts.path = opts.alwaysNormalize ? URLToolkit.normalizePath(relativeParts.path) : relativeParts.path; + } + return URLToolkit.buildURLFromParts(builtParts); + }, + parseURL: function(url) { + var parts = URL_REGEX.exec(url); + if (!parts) { + return null; + } + return { + scheme: parts[1] || '', + netLoc: parts[2] || '', + path: parts[3] || '', + params: parts[4] || '', + query: parts[5] || '', + fragment: parts[6] || '' + }; + }, + normalizePath: function(path) { + // The following operations are + // then applied, in order, to the new path: + // 6a) All occurrences of "./", where "." is a complete path + // segment, are removed. + // 6b) If the path ends with "." as a complete path segment, + // that "." is removed. + path = path.split('').reverse().join('').replace(SLASH_DOT_REGEX, ''); + // 6c) All occurrences of "/../", where is a + // complete path segment not equal to "..", are removed. + // Removal of these path segments is performed iteratively, + // removing the leftmost matching pattern on each iteration, + // until no matching pattern remains. + // 6d) If the path ends with "/..", where is a + // complete path segment not equal to "..", that + // "/.." is removed. + while (path.length !== (path = path.replace(SLASH_DOT_DOT_REGEX, '')).length) {} // jshint ignore:line + return path.split('').reverse().join(''); + }, + buildURLFromParts: function(parts) { + return parts.scheme + parts.netLoc + parts.path + parts.params + parts.query + parts.fragment; + } + }; + +/* jshint ignore:start */ + if(typeof exports === 'object' && typeof module === 'object') + module.exports = URLToolkit; + else if(typeof define === 'function' && define.amd) + define([], function() { return URLToolkit; }); + else if(typeof exports === 'object') + exports["URLToolkit"] = URLToolkit; + else + root["URLToolkit"] = URLToolkit; +})(this); +/* jshint ignore:end */ -var _demuxer2 = _interopRequireDefault(_demuxer); +},{}],3:[function(_dereq_,module,exports){ +var bundleFn = arguments[3]; +var sources = arguments[4]; +var cache = arguments[5]; -var _events = _dereq_(32); +var stringify = JSON.stringify; -var _events2 = _interopRequireDefault(_events); +module.exports = function (fn, options) { + var wkey; + var cacheKeys = Object.keys(cache); -var _eventHandler = _dereq_(31); + for (var i = 0, l = cacheKeys.length; i < l; i++) { + var key = cacheKeys[i]; + var exp = cache[key].exports; + // Using babel as a transpiler to use esmodule, the export will always + // be an object with the default export as a property of it. To ensure + // the existing api and babel esmodule exports are both supported we + // check for both + if (exp === fn || exp && exp.default === fn) { + wkey = key; + break; + } + } -var _eventHandler2 = _interopRequireDefault(_eventHandler); + if (!wkey) { + wkey = Math.floor(Math.pow(16, 8) * Math.random()).toString(16); + var wcache = {}; + for (var i = 0, l = cacheKeys.length; i < l; i++) { + var key = cacheKeys[i]; + wcache[key] = key; + } + sources[wkey] = [ + Function(['require','module','exports'], '(' + fn + ')(self)'), + wcache + ]; + } + var skey = Math.floor(Math.pow(16, 8) * Math.random()).toString(16); -var _levelHelper = _dereq_(35); + var scache = {}; scache[wkey] = wkey; + sources[skey] = [ + Function(['require'], ( + // try to call default if defined to also support babel esmodule + // exports + 'var f = require(' + stringify(wkey) + ');' + + '(f.default ? f.default : f)(self);' + )), + scache + ]; -var _levelHelper2 = _interopRequireDefault(_levelHelper); + var workerSources = {}; + resolveSources(skey); -var _timeRanges = _dereq_(51); + function resolveSources(key) { + workerSources[key] = true; -var _timeRanges2 = _interopRequireDefault(_timeRanges); + for (var depPath in sources[key][1]) { + var depKey = sources[key][1][depPath]; + if (!workerSources[depKey]) { + resolveSources(depKey); + } + } + } -var _errors = _dereq_(30); + var src = '(' + bundleFn + ')({' + + Object.keys(workerSources).map(function (key) { + return stringify(key) + ':[' + + sources[key][0] + + ',' + stringify(sources[key][1]) + ']' + ; + }).join(',') + + '},{},[' + stringify(skey) + '])' + ; -var _logger = _dereq_(50); + var URL = window.URL || window.webkitURL || window.mozURL || window.msURL; -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + var blob = new Blob([src], { type: 'text/javascript' }); + if (options && options.bare) { return blob; } + var workerUrl = URL.createObjectURL(blob); + var worker = new Worker(workerUrl); + worker.objectURL = workerUrl; + return worker; +}; -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } +},{}],4:[function(_dereq_,module,exports){ +/** + * HLS config + */ +'use strict'; -function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } +Object.defineProperty(exports, "__esModule", { + value: true +}); +exports.hlsDefaultConfig = undefined; -function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /* - * Stream Controller - */ +var _abrController = _dereq_(5); -var State = { - STOPPED: 'STOPPED', - IDLE: 'IDLE', - KEY_LOADING: 'KEY_LOADING', - FRAG_LOADING: 'FRAG_LOADING', - FRAG_LOADING_WAITING_RETRY: 'FRAG_LOADING_WAITING_RETRY', - WAITING_LEVEL: 'WAITING_LEVEL', - PARSING: 'PARSING', - PARSED: 'PARSED', - BUFFER_FLUSHING: 'BUFFER_FLUSHING', - ENDED: 'ENDED', - ERROR: 'ERROR' -}; +var _abrController2 = _interopRequireDefault(_abrController); -var StreamController = function (_EventHandler) { - _inherits(StreamController, _EventHandler); +var _bufferController = _dereq_(8); - function StreamController(hls) { - _classCallCheck(this, StreamController); +var _bufferController2 = _interopRequireDefault(_bufferController); - var _this = _possibleConstructorReturn(this, (StreamController.__proto__ || Object.getPrototypeOf(StreamController)).call(this, hls, _events2.default.MEDIA_ATTACHED, _events2.default.MEDIA_DETACHING, _events2.default.MANIFEST_LOADING, _events2.default.MANIFEST_PARSED, _events2.default.LEVEL_LOADED, _events2.default.KEY_LOADED, _events2.default.FRAG_LOADED, _events2.default.FRAG_LOAD_EMERGENCY_ABORTED, _events2.default.FRAG_PARSING_INIT_SEGMENT, _events2.default.FRAG_PARSING_DATA, _events2.default.FRAG_PARSED, _events2.default.ERROR, _events2.default.AUDIO_TRACK_SWITCHING, _events2.default.AUDIO_TRACK_SWITCHED, _events2.default.BUFFER_CREATED, _events2.default.BUFFER_APPENDED, _events2.default.BUFFER_FLUSHED)); +var _capLevelController = _dereq_(9); - _this.config = hls.config; - _this.audioCodecSwap = false; - _this.ticks = 0; - _this._state = State.STOPPED; - _this.ontick = _this.tick.bind(_this); - return _this; - } +var _capLevelController2 = _interopRequireDefault(_capLevelController); - _createClass(StreamController, [{ - key: 'destroy', - value: function destroy() { - this.stopLoad(); - if (this.timer) { - clearInterval(this.timer); - this.timer = null; - } - _eventHandler2.default.prototype.destroy.call(this); - this.state = State.STOPPED; - } - }, { - key: 'startLoad', - value: function startLoad(startPosition) { - if (this.levels) { - var lastCurrentTime = this.lastCurrentTime, - hls = this.hls; - this.stopLoad(); - if (!this.timer) { - this.timer = setInterval(this.ontick, 100); - } - this.level = -1; - this.fragLoadError = 0; - if (!this.startFragRequested) { - // determine load level - var startLevel = hls.startLevel; - if (startLevel === -1) { - // -1 : guess start Level by doing a bitrate test by loading first fragment of lowest quality level - startLevel = 0; - this.bitrateTest = true; - } - // set new level to playlist loader : this will trigger start level load - // hls.nextLoadLevel remains until it is set to a new value or until a new frag is successfully loaded - this.level = hls.nextLoadLevel = startLevel; - this.loadedmetadata = false; - } - // if startPosition undefined but lastCurrentTime set, set startPosition to last currentTime - if (lastCurrentTime > 0 && startPosition === -1) { - _logger.logger.log('override startPosition with lastCurrentTime @' + lastCurrentTime.toFixed(3)); - startPosition = lastCurrentTime; - } - this.state = State.IDLE; - this.nextLoadPosition = this.startPosition = this.lastCurrentTime = startPosition; - this.tick(); - } else { - this.forceStartLoad = true; - this.state = State.STOPPED; - } - } - }, { - key: 'stopLoad', - value: function stopLoad() { - var frag = this.fragCurrent; - if (frag) { - if (frag.loader) { - frag.loader.abort(); - } - this.fragCurrent = null; - } - this.fragPrevious = null; - if (this.demuxer) { - this.demuxer.destroy(); - this.demuxer = null; - } - this.state = State.STOPPED; - this.forceStartLoad = false; - } - }, { - key: 'tick', - value: function tick() { - this.ticks++; - if (this.ticks === 1) { - this.doTick(); - if (this.ticks > 1) { - setTimeout(this.tick, 1); - } - this.ticks = 0; - } - } - }, { - key: 'doTick', - value: function doTick() { - switch (this.state) { - case State.ERROR: - //don't do anything in error state to avoid breaking further ... - break; - case State.BUFFER_FLUSHING: - // in buffer flushing state, reset fragLoadError counter - this.fragLoadError = 0; - break; - case State.IDLE: - // when this returns false there was an error and we shall return immediatly - // from current tick - if (!this._doTickIdle()) { - return; - } - break; - case State.WAITING_LEVEL: - var level = this.levels[this.level]; - // check if playlist is already loaded - if (level && level.details) { - this.state = State.IDLE; - } - break; - case State.FRAG_LOADING_WAITING_RETRY: - var now = performance.now(); - var retryDate = this.retryDate; - // if current time is gt than retryDate, or if media seeking let's switch to IDLE state to retry loading - if (!retryDate || now >= retryDate || this.media && this.media.seeking) { - _logger.logger.log('mediaController: retryDate reached, switch back to IDLE state'); - this.state = State.IDLE; - } - break; - case State.ERROR: - case State.STOPPED: - case State.FRAG_LOADING: - case State.PARSING: - case State.PARSED: - case State.ENDED: - break; - default: - break; - } - // check buffer - this._checkBuffer(); - // check/update current fragment - this._checkFragmentChanged(); - } +var _fpsController = _dereq_(10); - // Ironically the "idle" state is the on we do the most logic in it seems .... - // NOTE: Maybe we could rather schedule a check for buffer length after half of the currently - // played segment, or on pause/play/seek instead of naively checking every 100ms? +var _fpsController2 = _interopRequireDefault(_fpsController); - }, { - key: '_doTickIdle', - value: function _doTickIdle() { - var hls = this.hls, - config = hls.config, - media = this.media; +var _xhrLoader = _dereq_(58); - // if video not attached AND - // start fragment already requested OR start frag prefetch disable - // exit loop - // => if start level loaded and media not attached but start frag prefetch is enabled and start frag not requested yet, we will not exit loop - if (this.levelLastLoaded !== undefined && !media && (this.startFragRequested || !config.startFragPrefetch)) { - return true; - } +var _xhrLoader2 = _interopRequireDefault(_xhrLoader); - // if we have not yet loaded any fragment, start loading from start position - var pos = void 0; - if (this.loadedmetadata) { - pos = media.currentTime; - } else { - pos = this.nextLoadPosition; - } - // determine next load level - var level = hls.nextLoadLevel, - levelInfo = this.levels[level], - levelBitrate = levelInfo.bitrate, - maxBufLen = void 0; +var _audioTrackController = _dereq_(7); - // compute max Buffer Length that we could get from this load level, based on level bitrate. don't buffer more than 60 MB and more than 30s - if (levelBitrate) { - maxBufLen = Math.max(8 * config.maxBufferSize / levelBitrate, config.maxBufferLength); - } else { - maxBufLen = config.maxBufferLength; - } - maxBufLen = Math.min(maxBufLen, config.maxMaxBufferLength); +var _audioTrackController2 = _interopRequireDefault(_audioTrackController); - // determine next candidate fragment to be loaded, based on current position and end of buffer position - // ensure up to `config.maxMaxBufferLength` of buffer upfront +var _audioStreamController = _dereq_(6); - var bufferInfo = _bufferHelper2.default.bufferInfo(this.mediaBuffer ? this.mediaBuffer : media, pos, config.maxBufferHole), - bufferLen = bufferInfo.len; - // Stay idle if we are still with buffer margins - if (bufferLen >= maxBufLen) { - return true; - } +var _audioStreamController2 = _interopRequireDefault(_audioStreamController); - // if buffer length is less than maxBufLen try to load a new fragment ... - _logger.logger.trace('buffer length of ' + bufferLen.toFixed(3) + ' is below max of ' + maxBufLen.toFixed(3) + '. checking for more payload ...'); +var _cues = _dereq_(50); - // set next load level : this will trigger a playlist load if needed - this.level = hls.nextLoadLevel = level; +var _cues2 = _interopRequireDefault(_cues); - var levelDetails = levelInfo.details; - // if level info not retrieved yet, switch state and wait for level retrieval - // if live playlist, ensure that new playlist has been refreshed to avoid loading/try to load - // a useless and outdated fragment (that might even introduce load error if it is already out of the live playlist) - if (typeof levelDetails === 'undefined' || levelDetails.live && this.levelLastLoaded !== level) { - this.state = State.WAITING_LEVEL; - return true; - } +var _timelineController = _dereq_(16); - // we just got done loading the final fragment, check if we need to finalize media stream - var fragPrevious = this.fragPrevious; - if (!levelDetails.live && fragPrevious && fragPrevious.sn === levelDetails.endSN) { - // fragPrevious is last fragment. retrieve level duration using last frag start offset + duration - // real duration might be lower than initial duration if there are drifts between real frag duration and playlist signaling - var duration = Math.min(media.duration, fragPrevious.start + fragPrevious.duration); - // if everything (almost) til the end is buffered, let's signal eos - // we don't compare exactly media.duration === bufferInfo.end as there could be some subtle media duration difference - // using half frag duration should help cope with these cases. - // also cope with almost zero last frag duration (max last frag duration with 200ms) refer to https://github.com/video-dev/hls.js/pull/657 - if (duration - Math.max(bufferInfo.end, fragPrevious.start) <= Math.max(0.2, fragPrevious.duration / 2)) { - // Finalize the media stream - var data = {}; - if (this.altAudio) { - data.type = 'video'; - } - this.hls.trigger(_events2.default.BUFFER_EOS, data); - this.state = State.ENDED; - return true; - } - } +var _timelineController2 = _interopRequireDefault(_timelineController); - // if we have the levelDetails for the selected variant, lets continue enrichen our stream (load keys/fragments or trigger EOS, etc..) - return this._fetchPayloadOrEos(pos, bufferInfo, levelDetails); - } - }, { - key: '_fetchPayloadOrEos', - value: function _fetchPayloadOrEos(pos, bufferInfo, levelDetails) { - var fragPrevious = this.fragPrevious, - level = this.level, - fragments = levelDetails.fragments, - fragLen = fragments.length; +var _subtitleTrackController = _dereq_(15); - // empty playlist - if (fragLen === 0) { - return false; - } +var _subtitleTrackController2 = _interopRequireDefault(_subtitleTrackController); - // find fragment index, contiguous with end of buffer position - var start = fragments[0].start, - end = fragments[fragLen - 1].start + fragments[fragLen - 1].duration, - bufferEnd = bufferInfo.end, - frag = void 0; +var _subtitleStreamController = _dereq_(14); - if (levelDetails.initSegment && !levelDetails.initSegment.data) { - frag = levelDetails.initSegment; - } else { - // in case of live playlist we need to ensure that requested position is not located before playlist start - if (levelDetails.live) { - var initialLiveManifestSize = this.config.initialLiveManifestSize; - if (fragLen < initialLiveManifestSize) { - _logger.logger.warn('Can not start playback of a level, reason: not enough fragments ' + fragLen + ' < ' + initialLiveManifestSize); - return false; - } +var _subtitleStreamController2 = _interopRequireDefault(_subtitleStreamController); - frag = this._ensureFragmentAtLivePoint(levelDetails, bufferEnd, start, end, fragPrevious, fragments, fragLen); - // if it explicitely returns null don't load any fragment and exit function now - if (frag === null) { - return false; - } - } else { - // VoD playlist: if bufferEnd before start of playlist, load first fragment - if (bufferEnd < start) { - frag = fragments[0]; - } - } - } - if (!frag) { - frag = this._findFragment(start, fragPrevious, fragLen, fragments, bufferEnd, end, levelDetails); - } - if (frag) { - return this._loadFragmentOrKey(frag, level, levelDetails, pos, bufferEnd); - } - return true; - } - }, { - key: '_ensureFragmentAtLivePoint', - value: function _ensureFragmentAtLivePoint(levelDetails, bufferEnd, start, end, fragPrevious, fragments, fragLen) { - var config = this.hls.config, - media = this.media; +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - var frag = void 0; +//#endif - // check if requested position is within seekable boundaries : - //logger.log(`start/pos/bufEnd/seeking:${start.toFixed(3)}/${pos.toFixed(3)}/${bufferEnd.toFixed(3)}/${this.media.seeking}`); - var maxLatency = config.liveMaxLatencyDuration !== undefined ? config.liveMaxLatencyDuration : config.liveMaxLatencyDurationCount * levelDetails.targetduration; +//#endif - if (bufferEnd < Math.max(start - config.maxFragLookUpTolerance, end - maxLatency)) { - var liveSyncPosition = this.liveSyncPosition = this.computeLivePosition(start, levelDetails); - _logger.logger.log('buffer end: ' + bufferEnd.toFixed(3) + ' is located too far from the end of live sliding playlist, reset currentTime to : ' + liveSyncPosition.toFixed(3)); - bufferEnd = liveSyncPosition; - if (media && media.readyState && media.duration > liveSyncPosition) { - media.currentTime = liveSyncPosition; - } - } +//#if subtitle - // if end of buffer greater than live edge, don't load any fragment - // this could happen if live playlist intermittently slides in the past. - // level 1 loaded [182580161,182580167] - // level 1 loaded [182580162,182580169] - // Loading 182580168 of [182580162 ,182580169],level 1 .. - // Loading 182580169 of [182580162 ,182580169],level 1 .. - // level 1 loaded [182580162,182580168] <============= here we should have bufferEnd > end. in that case break to avoid reloading 182580168 - // level 1 loaded [182580164,182580171] - // - // don't return null in case media not loaded yet (readystate === 0) - if (levelDetails.PTSKnown && bufferEnd > end && media && media.readyState) { - return null; - } +//import FetchLoader from './utils/fetch-loader'; +//#if altaudio +var hlsDefaultConfig = exports.hlsDefaultConfig = { + autoStartLoad: true, // used by stream-controller + startPosition: -1, // used by stream-controller + defaultAudioCodec: undefined, // used by stream-controller + debug: false, // used by logger + capLevelOnFPSDrop: false, // used by fps-controller + capLevelToPlayerSize: false, // used by cap-level-controller + initialLiveManifestSize: 1, // used by stream-controller + maxBufferLength: 30, // used by stream-controller + maxBufferSize: 60 * 1000 * 1000, // used by stream-controller + maxBufferHole: 0.5, // used by stream-controller + maxSeekHole: 2, // used by stream-controller + lowBufferWatchdogPeriod: 0.5, // used by stream-controller + highBufferWatchdogPeriod: 3, // used by stream-controller + nudgeOffset: 0.1, // used by stream-controller + nudgeMaxRetry: 3, // used by stream-controller + maxFragLookUpTolerance: 0.25, // used by stream-controller + liveSyncDurationCount: 3, // used by stream-controller + liveMaxLatencyDurationCount: Infinity, // used by stream-controller + liveSyncDuration: undefined, // used by stream-controller + liveMaxLatencyDuration: undefined, // used by stream-controller + maxMaxBufferLength: 600, // used by stream-controller + enableWorker: true, // used by demuxer + enableSoftwareAES: true, // used by decrypter + manifestLoadingTimeOut: 10000, // used by playlist-loader + manifestLoadingMaxRetry: 1, // used by playlist-loader + manifestLoadingRetryDelay: 1000, // used by playlist-loader + manifestLoadingMaxRetryTimeout: 64000, // used by playlist-loader + startLevel: undefined, // used by level-controller + levelLoadingTimeOut: 10000, // used by playlist-loader + levelLoadingMaxRetry: 4, // used by playlist-loader + levelLoadingRetryDelay: 1000, // used by playlist-loader + levelLoadingMaxRetryTimeout: 64000, // used by playlist-loader + fragLoadingTimeOut: 20000, // used by fragment-loader + fragLoadingMaxRetry: 6, // used by fragment-loader + fragLoadingRetryDelay: 1000, // used by fragment-loader + fragLoadingMaxRetryTimeout: 64000, // used by fragment-loader + fragLoadingLoopThreshold: 3, // used by stream-controller + startFragPrefetch: false, // used by stream-controller + fpsDroppedMonitoringPeriod: 5000, // used by fps-controller + fpsDroppedMonitoringThreshold: 0.2, // used by fps-controller + appendErrorMaxRetry: 3, // used by buffer-controller + loader: _xhrLoader2.default, + //loader: FetchLoader, + fLoader: undefined, + pLoader: undefined, + xhrSetup: undefined, + fetchSetup: undefined, + abrController: _abrController2.default, + bufferController: _bufferController2.default, + capLevelController: _capLevelController2.default, + fpsController: _fpsController2.default, + //#if altaudio + audioStreamController: _audioStreamController2.default, + audioTrackController: _audioTrackController2.default, + //#endif + //#if subtitle + subtitleStreamController: _subtitleStreamController2.default, + subtitleTrackController: _subtitleTrackController2.default, + timelineController: _timelineController2.default, + cueHandler: _cues2.default, + enableCEA708Captions: true, // used by timeline-controller + enableWebVTT: true, // used by timeline-controller + captionsTextTrack1Label: 'English', // used by timeline-controller + captionsTextTrack1LanguageCode: 'en', // used by timeline-controller + captionsTextTrack2Label: 'Spanish', // used by timeline-controller + captionsTextTrack2LanguageCode: 'es', // used by timeline-controller + //#endif + stretchShortVideoTrack: false, // used by mp4-remuxer + forceKeyFrameOnDiscontinuity: true, // used by ts-demuxer + abrEwmaFastLive: 3, // used by abr-controller + abrEwmaSlowLive: 9, // used by abr-controller + abrEwmaFastVoD: 3, // used by abr-controller + abrEwmaSlowVoD: 9, // used by abr-controller + abrEwmaDefaultEstimate: 5e5, // 500 kbps // used by abr-controller + abrBandWidthFactor: 0.95, // used by abr-controller + abrBandWidthUpFactor: 0.7, // used by abr-controller + abrMaxWithRealBitrate: false, // used by abr-controller + maxStarvationDelay: 4, // used by abr-controller + maxLoadingDelay: 4, // used by abr-controller + minAutoBitrate: 0 // used by hls +}; - if (this.startFragRequested && !levelDetails.PTSKnown) { - /* we are switching level on live playlist, but we don't have any PTS info for that quality level ... - try to load frag matching with next SN. - even if SN are not synchronized between playlists, loading this frag will help us - compute playlist sliding and find the right one after in case it was not the right consecutive one */ - if (fragPrevious) { - var targetSN = fragPrevious.sn + 1; - if (targetSN >= levelDetails.startSN && targetSN <= levelDetails.endSN) { - frag = fragments[targetSN - levelDetails.startSN]; - _logger.logger.log('live playlist, switching playlist, load frag with next SN: ' + frag.sn); - } - } - if (!frag) { - /* we have no idea about which fragment should be loaded. - so let's load mid fragment. it will help computing playlist sliding and find the right one - */ - frag = fragments[Math.min(fragLen - 1, Math.round(fragLen / 2))]; - _logger.logger.log('live playlist, switching playlist, unknown, load middle frag : ' + frag.sn); - } - } - return frag; - } - }, { - key: '_findFragment', - value: function _findFragment(start, fragPrevious, fragLen, fragments, bufferEnd, end, levelDetails) { - var config = this.hls.config; - var frag = void 0; - var foundFrag = void 0; - var maxFragLookUpTolerance = config.maxFragLookUpTolerance; - var fragNext = fragPrevious ? fragments[fragPrevious.sn - fragments[0].sn + 1] : undefined; - var fragmentWithinToleranceTest = function fragmentWithinToleranceTest(candidate) { - // offset should be within fragment boundary - config.maxFragLookUpTolerance - // this is to cope with situations like - // bufferEnd = 9.991 - // frag[Ø] : [0,10] - // frag[1] : [10,20] - // bufferEnd is within frag[0] range ... although what we are expecting is to return frag[1] here - // frag start frag start+duration - // |-----------------------------| - // <---> <---> - // ...--------><-----------------------------><---------.... - // previous frag matching fragment next frag - // return -1 return 0 return 1 - //logger.log(`level/sn/start/end/bufEnd:${level}/${candidate.sn}/${candidate.start}/${(candidate.start+candidate.duration)}/${bufferEnd}`); - // Set the lookup tolerance to be small enough to detect the current segment - ensures we don't skip over very small segments - var candidateLookupTolerance = Math.min(maxFragLookUpTolerance, candidate.duration); - if (candidate.start + candidate.duration - candidateLookupTolerance <= bufferEnd) { - return 1; - } // if maxFragLookUpTolerance will have negative value then don't return -1 for first element - else if (candidate.start - candidateLookupTolerance > bufferEnd && candidate.start) { - return -1; - } - return 0; - }; +},{"10":10,"14":14,"15":15,"16":16,"5":5,"50":50,"58":58,"6":6,"7":7,"8":8,"9":9}],5:[function(_dereq_,module,exports){ +'use strict'; - if (bufferEnd < end) { - if (bufferEnd > end - maxFragLookUpTolerance) { - maxFragLookUpTolerance = 0; - } - // Prefer the next fragment if it's within tolerance - if (fragNext && !fragmentWithinToleranceTest(fragNext)) { - foundFrag = fragNext; - } else { - foundFrag = _binarySearch2.default.search(fragments, fragmentWithinToleranceTest); +Object.defineProperty(exports, "__esModule", { + value: true +}); + +var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); + +var _events = _dereq_(35); + +var _events2 = _interopRequireDefault(_events); + +var _eventHandler = _dereq_(34); + +var _eventHandler2 = _interopRequireDefault(_eventHandler); + +var _bufferHelper = _dereq_(37); + +var _bufferHelper2 = _interopRequireDefault(_bufferHelper); + +var _errors = _dereq_(33); + +var _logger = _dereq_(53); + +var _ewmaBandwidthEstimator = _dereq_(51); + +var _ewmaBandwidthEstimator2 = _interopRequireDefault(_ewmaBandwidthEstimator); + +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } + +function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } + +function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /* + * simple ABR Controller + * - compute next level based on last fragment bw heuristics + * - implement an abandon rules triggered if we have less than 2 frag buffered and if computed bw shows that we risk buffer stalling + */ + +var AbrController = function (_EventHandler) { + _inherits(AbrController, _EventHandler); + + function AbrController(hls) { + _classCallCheck(this, AbrController); + + var _this = _possibleConstructorReturn(this, (AbrController.__proto__ || Object.getPrototypeOf(AbrController)).call(this, hls, _events2.default.FRAG_LOADING, _events2.default.FRAG_LOADED, _events2.default.FRAG_BUFFERED, _events2.default.ERROR)); + + _this.lastLoadedFragLevel = 0; + _this._nextAutoLevel = -1; + _this.hls = hls; + _this.onCheck = _this._abandonRulesCheck.bind(_this); + return _this; + } + + _createClass(AbrController, [{ + key: 'destroy', + value: function destroy() { + this.clearTimer(); + _eventHandler2.default.prototype.destroy.call(this); + } + }, { + key: 'onFragLoading', + value: function onFragLoading(data) { + var frag = data.frag; + if (frag.type === 'main') { + if (!this.timer) { + this.timer = setInterval(this.onCheck, 100); } - } else { - // reach end of playlist - foundFrag = fragments[fragLen - 1]; - } - if (foundFrag) { - frag = foundFrag; - var curSNIdx = frag.sn - levelDetails.startSN; - var sameLevel = fragPrevious && frag.level === fragPrevious.level; - var prevFrag = fragments[curSNIdx - 1]; - var nextFrag = fragments[curSNIdx + 1]; - //logger.log('find SN matching with pos:' + bufferEnd + ':' + frag.sn); - if (sameLevel && frag.sn === fragPrevious.sn) { - if (frag.sn < levelDetails.endSN) { - var deltaPTS = fragPrevious.deltaPTS; - // if there is a significant delta between audio and video, larger than max allowed hole, - // and if previous remuxed fragment did not start with a keyframe. (fragPrevious.dropped) - // let's try to load previous fragment again to get last keyframe - // then we will reload again current fragment (that way we should be able to fill the buffer hole ...) - if (deltaPTS && deltaPTS > config.maxBufferHole && fragPrevious.dropped && curSNIdx) { - frag = prevFrag; - _logger.logger.warn('SN just loaded, with large PTS gap between audio and video, maybe frag is not starting with a keyframe ? load previous one to try to overcome this'); - // decrement previous frag load counter to avoid frag loop loading error when next fragment will get reloaded - fragPrevious.loadCounter--; - } else { - frag = nextFrag; - _logger.logger.log('SN just loaded, load next one: ' + frag.sn); - } - } else { - frag = null; - } - } else if (frag.dropped && !sameLevel) { - // Only backtrack a max of 1 consecutive fragment to prevent sliding back too far when little or no frags start with keyframes - if (nextFrag && nextFrag.backtracked) { - _logger.logger.warn('Already backtracked from fragment ' + (curSNIdx + 1) + ', will not backtrack to fragment ' + curSNIdx + '. Loading fragment ' + (curSNIdx + 1)); - frag = nextFrag; + // lazy init of bw Estimator, rationale is that we use different params for Live/VoD + // so we need to wait for stream manifest / playlist type to instantiate it. + if (!this._bwEstimator) { + var hls = this.hls, + level = data.frag.level, + isLive = hls.levels[level].details.live, + config = hls.config, + ewmaFast = void 0, + ewmaSlow = void 0; + + if (isLive) { + ewmaFast = config.abrEwmaFastLive; + ewmaSlow = config.abrEwmaSlowLive; } else { - // If a fragment has dropped frames and it's in a different level/sequence, load the previous fragment to try and find the keyframe - // Reset the dropped count now since it won't be reset until we parse the fragment again, which prevents infinite backtracking on the same segment - _logger.logger.warn('Loaded fragment with dropped frames, backtracking 1 segment to find a keyframe'); - frag.dropped = 0; - if (prevFrag) { - if (prevFrag.loadCounter) { - prevFrag.loadCounter--; - } - frag = prevFrag; - } else { - frag = null; - } + ewmaFast = config.abrEwmaFastVoD; + ewmaSlow = config.abrEwmaSlowVoD; } + this._bwEstimator = new _ewmaBandwidthEstimator2.default(hls, ewmaSlow, ewmaFast, config.abrEwmaDefaultEstimate); } + this.fragCurrent = frag; } - return frag; } }, { - key: '_loadFragmentOrKey', - value: function _loadFragmentOrKey(frag, level, levelDetails, pos, bufferEnd) { + key: '_abandonRulesCheck', + value: function _abandonRulesCheck() { + /* + monitor fragment retrieval time... + we compute expected time of arrival of the complete fragment. + we compare it to expected time of buffer starvation + */ var hls = this.hls, - config = hls.config; + v = hls.media, + frag = this.fragCurrent, + loader = frag.loader, + minAutoLevel = hls.minAutoLevel; - //logger.log('loading frag ' + i +',pos/bufEnd:' + pos.toFixed(3) + '/' + bufferEnd.toFixed(3)); - if (frag.decryptdata && frag.decryptdata.uri != null && frag.decryptdata.key == null) { - _logger.logger.log('Loading key for ' + frag.sn + ' of [' + levelDetails.startSN + ' ,' + levelDetails.endSN + '],level ' + level); - this.state = State.KEY_LOADING; - hls.trigger(_events2.default.KEY_LOADING, { frag: frag }); - } else { - _logger.logger.log('Loading ' + frag.sn + ' of [' + levelDetails.startSN + ' ,' + levelDetails.endSN + '],level ' + level + ', currentTime:' + pos.toFixed(3) + ',bufferEnd:' + bufferEnd.toFixed(3)); - // ensure that we are not reloading the same fragments in loop ... - if (this.fragLoadIdx !== undefined) { - this.fragLoadIdx++; - } else { - this.fragLoadIdx = 0; - } - if (frag.loadCounter) { - frag.loadCounter++; - var maxThreshold = config.fragLoadingLoopThreshold; - // if this frag has already been loaded 3 times, and if it has been reloaded recently - if (frag.loadCounter > maxThreshold && Math.abs(this.fragLoadIdx - frag.loadIdx) < maxThreshold) { - hls.trigger(_events2.default.ERROR, { type: _errors.ErrorTypes.MEDIA_ERROR, details: _errors.ErrorDetails.FRAG_LOOP_LOADING_ERROR, fatal: false, frag: frag }); - return false; + // if loader has been destroyed or loading has been aborted, stop timer and return + if (!loader || loader.stats && loader.stats.aborted) { + _logger.logger.warn('frag loader destroy or aborted, disarm abandonRules'); + this.clearTimer(); + return; + } + var stats = loader.stats; + /* only monitor frag retrieval time if + (video not paused OR first fragment being loaded(ready state === HAVE_NOTHING = 0)) AND autoswitching enabled AND not lowest level (=> means that we have several levels) */ + if (v && (!v.paused && v.playbackRate !== 0 || !v.readyState) && frag.autoLevel && frag.level) { + var requestDelay = performance.now() - stats.trequest, + playbackRate = Math.abs(v.playbackRate); + // monitor fragment load progress after half of expected fragment duration,to stabilize bitrate + if (requestDelay > 500 * frag.duration / playbackRate) { + var levels = hls.levels, + loadRate = Math.max(1, stats.bw ? stats.bw / 8 : stats.loaded * 1000 / requestDelay), + // byte/s; at least 1 byte/s to avoid division by zero + // compute expected fragment length using frag duration and level bitrate. also ensure that expected len is gte than already loaded size + level = levels[frag.level], + levelBitrate = level.realBitrate ? Math.max(level.realBitrate, level.bitrate) : level.bitrate, + expectedLen = stats.total ? stats.total : Math.max(stats.loaded, Math.round(frag.duration * levelBitrate / 8)), + pos = v.currentTime, + fragLoadedDelay = (expectedLen - stats.loaded) / loadRate, + bufferStarvationDelay = (_bufferHelper2.default.bufferInfo(v, pos, hls.config.maxBufferHole).end - pos) / playbackRate; + // consider emergency switch down only if we have less than 2 frag buffered AND + // time to finish loading current fragment is bigger than buffer starvation delay + // ie if we risk buffer starvation if bw does not increase quickly + if (bufferStarvationDelay < 2 * frag.duration / playbackRate && fragLoadedDelay > bufferStarvationDelay) { + var fragLevelNextLoadedDelay = void 0, + nextLoadLevel = void 0; + // lets iterate through lower level and try to find the biggest one that could avoid rebuffering + // we start from current level - 1 and we step down , until we find a matching level + for (nextLoadLevel = frag.level - 1; nextLoadLevel > minAutoLevel; nextLoadLevel--) { + // compute time to load next fragment at lower level + // 0.8 : consider only 80% of current bw to be conservative + // 8 = bits per byte (bps/Bps) + var levelNextBitrate = levels[nextLoadLevel].realBitrate ? Math.max(levels[nextLoadLevel].realBitrate, levels[nextLoadLevel].bitrate) : levels[nextLoadLevel].bitrate; + fragLevelNextLoadedDelay = frag.duration * levelNextBitrate / (8 * 0.8 * loadRate); + if (fragLevelNextLoadedDelay < bufferStarvationDelay) { + // we found a lower level that be rebuffering free with current estimated bw ! + break; + } + } + // only emergency switch down if it takes less time to load new fragment at lowest level instead + // of finishing loading current one ... + if (fragLevelNextLoadedDelay < fragLoadedDelay) { + _logger.logger.warn('loading too slow, abort fragment loading and switch to level ' + nextLoadLevel + ':fragLoadedDelay[' + nextLoadLevel + '] frag.endPTS) { - return 1; - } - return 0; - }); - } - }, { - key: 'followingBufferedFrag', - value: function followingBufferedFrag(frag) { - if (frag) { - // try to get range of next fragment (500ms after this range) - return this.getBufferedFrag(frag.endPTS + 0.5); - } - return null; - } - }, { - key: '_checkFragmentChanged', - value: function _checkFragmentChanged() { - var fragPlayingCurrent, - currentTime, - video = this.media; - if (video && video.readyState && video.seeking === false) { - currentTime = video.currentTime; - /* if video element is in seeked state, currentTime can only increase. - (assuming that playback rate is positive ...) - As sometimes currentTime jumps back to zero after a - media decode error, check this, to avoid seeking back to - wrong position after a media decode error - */ - if (currentTime > video.playbackRate * this.lastCurrentTime) { - this.lastCurrentTime = currentTime; - } - if (_bufferHelper2.default.isBuffered(video, currentTime)) { - fragPlayingCurrent = this.getBufferedFrag(currentTime); - } else if (_bufferHelper2.default.isBuffered(video, currentTime + 0.1)) { - /* ensure that FRAG_CHANGED event is triggered at startup, - when first video frame is displayed and playback is paused. - add a tolerance of 100ms, in case current position is not buffered, - check if current pos+100ms is buffered and use that buffer range - for FRAG_CHANGED event reporting */ - fragPlayingCurrent = this.getBufferedFrag(currentTime + 0.1); + key: 'onFragLoaded', + value: function onFragLoaded(data) { + var frag = data.frag; + if (frag.type === 'main' && !isNaN(frag.sn)) { + // stop monitoring bw once frag loaded + this.clearTimer(); + // store level id after successful fragment load + this.lastLoadedFragLevel = frag.level; + // reset forced auto level value so that next level will be selected + this._nextAutoLevel = -1; + + // compute level average bitrate + if (this.hls.config.abrMaxWithRealBitrate) { + var level = this.hls.levels[frag.level]; + var loadedBytes = (level.loaded ? level.loaded.bytes : 0) + data.stats.loaded; + var loadedDuration = (level.loaded ? level.loaded.duration : 0) + data.frag.duration; + level.loaded = { bytes: loadedBytes, duration: loadedDuration }; + level.realBitrate = Math.round(8 * loadedBytes / loadedDuration); } - if (fragPlayingCurrent) { - var fragPlaying = fragPlayingCurrent; - if (fragPlaying !== this.fragPlaying) { - this.hls.trigger(_events2.default.FRAG_CHANGED, { frag: fragPlaying }); - var fragPlayingLevel = fragPlaying.level; - if (!this.fragPlaying || this.fragPlaying.level !== fragPlayingLevel) { - this.hls.trigger(_events2.default.LEVEL_SWITCHED, { level: fragPlayingLevel }); - } - this.fragPlaying = fragPlaying; - } + // if fragment has been loaded to perform a bitrate test, + if (data.frag.bitrateTest) { + var stats = data.stats; + stats.tparsed = stats.tbuffered = stats.tload; + this.onFragBuffered(data); } } } - - /* - on immediate level switch : - - pause playback if playing - - cancel any pending load request - - and trigger a buffer flush - */ - }, { - key: 'immediateLevelSwitch', - value: function immediateLevelSwitch() { - _logger.logger.log('immediateLevelSwitch'); - if (!this.immediateSwitch) { - this.immediateSwitch = true; - var media = this.media, - previouslyPaused = void 0; - if (media) { - previouslyPaused = media.paused; - media.pause(); + key: 'onFragBuffered', + value: function onFragBuffered(data) { + var stats = data.stats, + frag = data.frag; + // only update stats on first frag buffering + // if same frag is loaded multiple times, it might be in browser cache, and loaded quickly + // and leading to wrong bw estimation + // on bitrate test, also only update stats once (if tload = tbuffered == on FRAG_LOADED) + if (stats.aborted !== true && frag.loadCounter === 1 && frag.type === 'main' && !isNaN(frag.sn) && (!frag.bitrateTest || stats.tload === stats.tbuffered)) { + // use tparsed-trequest instead of tbuffered-trequest to compute fragLoadingProcessing; rationale is that buffer appending only happens once media is attached + // in case we use config.startFragPrefetch while media is not attached yet, fragment might be parsed while media not attached yet, but it will only be buffered on media attached + // as a consequence it could happen really late in the process. meaning that appending duration might appears huge ... leading to underestimated throughput estimation + var fragLoadingProcessingMs = stats.tparsed - stats.trequest; + _logger.logger.log('latency/loading/parsing/append/kbps:' + Math.round(stats.tfirst - stats.trequest) + '/' + Math.round(stats.tload - stats.tfirst) + '/' + Math.round(stats.tparsed - stats.tload) + '/' + Math.round(stats.tbuffered - stats.tparsed) + '/' + Math.round(8 * stats.loaded / (stats.tbuffered - stats.trequest))); + this._bwEstimator.sample(fragLoadingProcessingMs, stats.loaded); + stats.bwEstimate = this._bwEstimator.getEstimate(); + // if fragment has been loaded to perform a bitrate test, (hls.startLevel = -1), store bitrate test delay duration + if (frag.bitrateTest) { + this.bitrateTestDelay = fragLoadingProcessingMs / 1000; } else { - // don't restart playback after instant level switch in case media not attached - previouslyPaused = true; + this.bitrateTestDelay = 0; } - this.previouslyPaused = previouslyPaused; } - var fragCurrent = this.fragCurrent; - if (fragCurrent && fragCurrent.loader) { - fragCurrent.loader.abort(); + } + }, { + key: 'onError', + value: function onError(data) { + // stop timer in case of frag loading error + switch (data.details) { + case _errors.ErrorDetails.FRAG_LOAD_ERROR: + case _errors.ErrorDetails.FRAG_LOAD_TIMEOUT: + this.clearTimer(); + break; + default: + break; } - this.fragCurrent = null; - // increase fragment load Index to avoid frag loop loading error after buffer flush - this.fragLoadIdx += 2 * this.config.fragLoadingLoopThreshold; - // flush everything - this.flushMainBuffer(0, Number.POSITIVE_INFINITY); } - - /* - on immediate level switch end, after new fragment has been buffered : - - nudge video decoder by slightly adjusting video currentTime (if currentTime buffered) - - resume the playback if needed - */ - }, { - key: 'immediateLevelSwitchEnd', - value: function immediateLevelSwitchEnd() { - var media = this.media; - if (media && media.buffered.length) { - this.immediateSwitch = false; - if (_bufferHelper2.default.isBuffered(media, media.currentTime)) { - // only nudge if currentTime is buffered - media.currentTime -= 0.0001; - } - if (!this.previouslyPaused) { - media.play(); - } + key: 'clearTimer', + value: function clearTimer() { + if (this.timer) { + clearInterval(this.timer); + this.timer = null; } } + + // return next auto level + }, { - key: 'nextLevelSwitch', - value: function nextLevelSwitch() { - /* try to switch ASAP without breaking video playback : - in order to ensure smooth but quick level switching, - we need to find the next flushable buffer range - we should take into account new segment fetch time - */ - var media = this.media; - // ensure that media is defined and that metadata are available (to retrieve currentTime) - if (media && media.readyState) { - var fetchdelay = void 0, - fragPlayingCurrent = void 0, - nextBufferedFrag = void 0; - // increase fragment load Index to avoid frag loop loading error after buffer flush - this.fragLoadIdx += 2 * this.config.fragLoadingLoopThreshold; - fragPlayingCurrent = this.getBufferedFrag(media.currentTime); - if (fragPlayingCurrent && fragPlayingCurrent.startPTS > 1) { - // flush buffer preceding current fragment (flush until current fragment start offset) - // minus 1s to avoid video freezing, that could happen if we flush keyframe of current video ... - this.flushMainBuffer(0, fragPlayingCurrent.startPTS - 1); - } - if (!media.paused) { - // add a safety delay of 1s - var nextLevelId = this.hls.nextLoadLevel, - nextLevel = this.levels[nextLevelId], - fragLastKbps = this.fragLastKbps; - if (fragLastKbps && this.fragCurrent) { - fetchdelay = this.fragCurrent.duration * nextLevel.bitrate / (1000 * fragLastKbps) + 1; - } else { - fetchdelay = 0; - } + key: '_findBestLevel', + value: function _findBestLevel(currentLevel, currentFragDuration, currentBw, minAutoLevel, maxAutoLevel, maxFetchDuration, bwFactor, bwUpFactor, levels) { + for (var i = maxAutoLevel; i >= minAutoLevel; i--) { + var levelInfo = levels[i], + levelDetails = levelInfo.details, + avgDuration = levelDetails ? levelDetails.totalduration / levelDetails.fragments.length : currentFragDuration, + live = levelDetails ? levelDetails.live : false, + adjustedbw = void 0; + // follow algorithm captured from stagefright : + // https://android.googlesource.com/platform/frameworks/av/+/master/media/libstagefright/httplive/LiveSession.cpp + // Pick the highest bandwidth stream below or equal to estimated bandwidth. + // consider only 80% of the available bandwidth, but if we are switching up, + // be even more conservative (70%) to avoid overestimating and immediately + // switching back. + if (i <= currentLevel) { + adjustedbw = bwFactor * currentBw; } else { - fetchdelay = 0; + adjustedbw = bwUpFactor * currentBw; } - //logger.log('fetchdelay:'+fetchdelay); - // find buffer range that will be reached once new fragment will be fetched - nextBufferedFrag = this.getBufferedFrag(media.currentTime + fetchdelay); - if (nextBufferedFrag) { - // we can flush buffer range following this one without stalling playback - nextBufferedFrag = this.followingBufferedFrag(nextBufferedFrag); - if (nextBufferedFrag) { - // if we are here, we can also cancel any loading/demuxing in progress, as they are useless - var fragCurrent = this.fragCurrent; - if (fragCurrent && fragCurrent.loader) { - fragCurrent.loader.abort(); - } - this.fragCurrent = null; - // flush position is the start position of this new buffer - this.flushMainBuffer(nextBufferedFrag.startPTS, Number.POSITIVE_INFINITY); - } + var bitrate = levels[i].realBitrate ? Math.max(levels[i].realBitrate, levels[i].bitrate) : levels[i].bitrate, + fetchDuration = bitrate * avgDuration / adjustedbw; + + _logger.logger.trace('level/adjustedbw/bitrate/avgDuration/maxFetchDuration/fetchDuration: ' + i + '/' + Math.round(adjustedbw) + '/' + bitrate + '/' + avgDuration + '/' + maxFetchDuration + '/' + fetchDuration); + // if adjusted bw is greater than level bitrate AND + if (adjustedbw > bitrate && ( + // fragment fetchDuration unknown OR live stream OR fragment fetchDuration less than max allowed fetch duration, then this level matches + // we don't account for max Fetch Duration for live streams, this is to avoid switching down when near the edge of live sliding window ... + // special case to support startLevel = -1 (bitrateTest) on live streams : in that case we should not exit loop so that _findBestLevel will return -1 + !fetchDuration || live && !this.bitrateTestDelay || fetchDuration < maxFetchDuration)) { + // as we are looping from highest to lowest, this will return the best achievable quality level + return i; } } + // not enough time budget even with quality level 0 ... rebuffering might happen + return -1; } }, { - key: 'flushMainBuffer', - value: function flushMainBuffer(startOffset, endOffset) { - this.state = State.BUFFER_FLUSHING; - var flushScope = { startOffset: startOffset, endOffset: endOffset }; - // if alternate audio tracks are used, only flush video, otherwise flush everything - if (this.altAudio) { - flushScope.type = 'video'; + key: 'nextAutoLevel', + get: function get() { + var forcedAutoLevel = this._nextAutoLevel; + var bwEstimator = this._bwEstimator; + // in case next auto level has been forced, and bw not available or not reliable, return forced value + if (forcedAutoLevel !== -1 && (!bwEstimator || !bwEstimator.canEstimate())) { + return forcedAutoLevel; } - this.hls.trigger(_events2.default.BUFFER_FLUSHING, flushScope); + // compute next level using ABR logic + var nextABRAutoLevel = this._nextABRAutoLevel; + // if forced auto level has been defined, use it to cap ABR computed quality level + if (forcedAutoLevel !== -1) { + nextABRAutoLevel = Math.min(forcedAutoLevel, nextABRAutoLevel); + } + return nextABRAutoLevel; + }, + set: function set(nextLevel) { + this._nextAutoLevel = nextLevel; } }, { - key: 'onMediaAttached', - value: function onMediaAttached(data) { - var media = this.media = this.mediaBuffer = data.media; - this.onvseeking = this.onMediaSeeking.bind(this); - this.onvseeked = this.onMediaSeeked.bind(this); - this.onvended = this.onMediaEnded.bind(this); - media.addEventListener('seeking', this.onvseeking); - media.addEventListener('seeked', this.onvseeked); - media.addEventListener('ended', this.onvended); - var config = this.config; - if (this.levels && config.autoStartLoad) { - this.hls.startLoad(config.startPosition); - } - } - }, { - key: 'onMediaDetaching', - value: function onMediaDetaching() { - var media = this.media; - if (media && media.ended) { - _logger.logger.log('MSE detaching and video ended, reset startPosition'); - this.startPosition = this.lastCurrentTime = 0; - } + key: '_nextABRAutoLevel', + get: function get() { + var hls = this.hls, + maxAutoLevel = hls.maxAutoLevel, + levels = hls.levels, + config = hls.config, + minAutoLevel = hls.minAutoLevel; + var v = hls.media, + currentLevel = this.lastLoadedFragLevel, + currentFragDuration = this.fragCurrent ? this.fragCurrent.duration : 0, + pos = v ? v.currentTime : 0, - // reset fragment loading counter on MSE detaching to avoid reporting FRAG_LOOP_LOADING_ERROR after error recovery - var levels = this.levels; - if (levels) { - // reset fragment load counter - levels.forEach(function (level) { - if (level.details) { - level.details.fragments.forEach(function (fragment) { - fragment.loadCounter = undefined; - fragment.backtracked = undefined; - }); + // playbackRate is the absolute value of the playback rate; if v.playbackRate is 0, we use 1 to load as + // if we're playing back at the normal rate. + playbackRate = v && v.playbackRate !== 0 ? Math.abs(v.playbackRate) : 1.0, + avgbw = this._bwEstimator ? this._bwEstimator.getEstimate() : config.abrEwmaDefaultEstimate, + + // bufferStarvationDelay is the wall-clock time left until the playback buffer is exhausted. + bufferStarvationDelay = (_bufferHelper2.default.bufferInfo(v, pos, config.maxBufferHole).end - pos) / playbackRate; + + // First, look to see if we can find a level matching with our avg bandwidth AND that could also guarantee no rebuffering at all + var bestLevel = this._findBestLevel(currentLevel, currentFragDuration, avgbw, minAutoLevel, maxAutoLevel, bufferStarvationDelay, config.abrBandWidthFactor, config.abrBandWidthUpFactor, levels); + if (bestLevel >= 0) { + return bestLevel; + } else { + _logger.logger.trace('rebuffering expected to happen, lets try to find a quality level minimizing the rebuffering'); + // not possible to get rid of rebuffering ... let's try to find level that will guarantee less than maxStarvationDelay of rebuffering + // if no matching level found, logic will return 0 + var maxStarvationDelay = currentFragDuration ? Math.min(currentFragDuration, config.maxStarvationDelay) : config.maxStarvationDelay, + bwFactor = config.abrBandWidthFactor, + bwUpFactor = config.abrBandWidthUpFactor; + if (bufferStarvationDelay === 0) { + // in case buffer is empty, let's check if previous fragment was loaded to perform a bitrate test + var bitrateTestDelay = this.bitrateTestDelay; + if (bitrateTestDelay) { + // if it is the case, then we need to adjust our max starvation delay using maxLoadingDelay config value + // max video loading delay used in automatic start level selection : + // in that mode ABR controller will ensure that video loading time (ie the time to fetch the first fragment at lowest quality level + + // the time to fetch the fragment at the appropriate quality level is less than ```maxLoadingDelay``` ) + // cap maxLoadingDelay and ensure it is not bigger 'than bitrate test' frag duration + var maxLoadingDelay = currentFragDuration ? Math.min(currentFragDuration, config.maxLoadingDelay) : config.maxLoadingDelay; + maxStarvationDelay = maxLoadingDelay - bitrateTestDelay; + _logger.logger.trace('bitrate test took ' + Math.round(1000 * bitrateTestDelay) + 'ms, set first fragment max fetchDuration to ' + Math.round(1000 * maxStarvationDelay) + ' ms'); + // don't use conservative factor on bitrate test + bwFactor = bwUpFactor = 1; } - }); - } - // remove video listeners - if (media) { - media.removeEventListener('seeking', this.onvseeking); - media.removeEventListener('seeked', this.onvseeked); - media.removeEventListener('ended', this.onvended); - this.onvseeking = this.onvseeked = this.onvended = null; + } + bestLevel = this._findBestLevel(currentLevel, currentFragDuration, avgbw, minAutoLevel, maxAutoLevel, bufferStarvationDelay + maxStarvationDelay, bwFactor, bwUpFactor, levels); + return Math.max(bestLevel, 0); } - this.media = this.mediaBuffer = null; - this.loadedmetadata = false; + } + }]); + + return AbrController; +}(_eventHandler2.default); + +exports.default = AbrController; + +},{"33":33,"34":34,"35":35,"37":37,"51":51,"53":53}],6:[function(_dereq_,module,exports){ +'use strict'; + +Object.defineProperty(exports, "__esModule", { + value: true +}); + +var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); + +var _binarySearch = _dereq_(48); + +var _binarySearch2 = _interopRequireDefault(_binarySearch); + +var _bufferHelper = _dereq_(37); + +var _bufferHelper2 = _interopRequireDefault(_bufferHelper); + +var _demuxer = _dereq_(25); + +var _demuxer2 = _interopRequireDefault(_demuxer); + +var _events = _dereq_(35); + +var _events2 = _interopRequireDefault(_events); + +var _eventHandler = _dereq_(34); + +var _eventHandler2 = _interopRequireDefault(_eventHandler); + +var _levelHelper = _dereq_(38); + +var _levelHelper2 = _interopRequireDefault(_levelHelper); + +var _timeRanges = _dereq_(54); + +var _timeRanges2 = _interopRequireDefault(_timeRanges); + +var _errors = _dereq_(33); + +var _logger = _dereq_(53); + +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } + +function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } + +function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /* + * Audio Stream Controller + */ + +var State = { + STOPPED: 'STOPPED', + STARTING: 'STARTING', + IDLE: 'IDLE', + PAUSED: 'PAUSED', + KEY_LOADING: 'KEY_LOADING', + FRAG_LOADING: 'FRAG_LOADING', + FRAG_LOADING_WAITING_RETRY: 'FRAG_LOADING_WAITING_RETRY', + WAITING_TRACK: 'WAITING_TRACK', + PARSING: 'PARSING', + PARSED: 'PARSED', + BUFFER_FLUSHING: 'BUFFER_FLUSHING', + ENDED: 'ENDED', + ERROR: 'ERROR', + WAITING_INIT_PTS: 'WAITING_INIT_PTS' +}; + +var AudioStreamController = function (_EventHandler) { + _inherits(AudioStreamController, _EventHandler); + + function AudioStreamController(hls) { + _classCallCheck(this, AudioStreamController); + + var _this = _possibleConstructorReturn(this, (AudioStreamController.__proto__ || Object.getPrototypeOf(AudioStreamController)).call(this, hls, _events2.default.MEDIA_ATTACHED, _events2.default.MEDIA_DETACHING, _events2.default.AUDIO_TRACKS_UPDATED, _events2.default.AUDIO_TRACK_SWITCHING, _events2.default.AUDIO_TRACK_LOADED, _events2.default.KEY_LOADED, _events2.default.FRAG_LOADED, _events2.default.FRAG_PARSING_INIT_SEGMENT, _events2.default.FRAG_PARSING_DATA, _events2.default.FRAG_PARSED, _events2.default.ERROR, _events2.default.BUFFER_CREATED, _events2.default.BUFFER_APPENDED, _events2.default.BUFFER_FLUSHED, _events2.default.INIT_PTS_FOUND)); + + _this.config = hls.config; + _this.audioCodecSwap = false; + _this.ticks = 0; + _this._state = State.STOPPED; + _this.ontick = _this.tick.bind(_this); + _this.initPTS = []; + _this.waitingFragment = null; + return _this; + } + + _createClass(AudioStreamController, [{ + key: 'destroy', + value: function destroy() { this.stopLoad(); + if (this.timer) { + clearInterval(this.timer); + this.timer = null; + } + _eventHandler2.default.prototype.destroy.call(this); + this.state = State.STOPPED; } + + //Signal that video PTS was found + }, { - key: 'onMediaSeeking', - value: function onMediaSeeking() { - var media = this.media, - currentTime = media ? media.currentTime : undefined, - config = this.config; - _logger.logger.log('media seeking to ' + currentTime.toFixed(3)); - if (this.state === State.FRAG_LOADING) { - var mediaBuffer = this.mediaBuffer ? this.mediaBuffer : media; - var bufferInfo = _bufferHelper2.default.bufferInfo(mediaBuffer, currentTime, this.config.maxBufferHole), - fragCurrent = this.fragCurrent; - // check if we are seeking to a unbuffered area AND if frag loading is in progress - if (bufferInfo.len === 0 && fragCurrent) { - var tolerance = config.maxFragLookUpTolerance, - fragStartOffset = fragCurrent.start - tolerance, - fragEndOffset = fragCurrent.start + fragCurrent.duration + tolerance; - // check if we seek position will be out of currently loaded frag range : if out cancel frag load, if in, don't do anything - if (currentTime < fragStartOffset || currentTime > fragEndOffset) { - if (fragCurrent.loader) { - _logger.logger.log('seeking outside of buffer while fragment load in progress, cancel fragment load'); - fragCurrent.loader.abort(); - } - this.fragCurrent = null; - this.fragPrevious = null; - // switch to IDLE state to load new fragment - this.state = State.IDLE; - } else { - _logger.logger.log('seeking outside of buffer but within currently loaded fragment range'); - } + key: 'onInitPtsFound', + value: function onInitPtsFound(data) { + var demuxerId = data.id, + cc = data.frag.cc, + initPTS = data.initPTS; + if (demuxerId === 'main') { + //Always update the new INIT PTS + //Can change due level switch + this.initPTS[cc] = initPTS; + _logger.logger.log('InitPTS for cc:' + cc + ' found from video track:' + initPTS); + + //If we are waiting we need to demux/remux the waiting frag + //With the new initPTS + if (this.state === State.WAITING_INIT_PTS) { + _logger.logger.log('sending pending audio frag to demuxer'); + this.state = State.FRAG_LOADING; + //We have audio frag waiting or video pts + //Let process it + this.onFragLoaded(this.waitingFragment); + //Lets clean the waiting frag + this.waitingFragment = null; } - } else if (this.state === State.ENDED) { - // switch to IDLE state to check for potential new fragment - this.state = State.IDLE; - } - if (media) { - this.lastCurrentTime = currentTime; - } - // avoid reporting fragment loop loading error in case user is seeking several times on same position - if (this.state !== State.FRAG_LOADING && this.fragLoadIdx !== undefined) { - this.fragLoadIdx += 2 * config.fragLoadingLoopThreshold; - } - // in case seeking occurs although no media buffered, adjust startPosition and nextLoadPosition to seek target - if (!this.loadedmetadata) { - this.nextLoadPosition = this.startPosition = currentTime; } - // tick to speed up processing - this.tick(); - } - }, { - key: 'onMediaSeeked', - value: function onMediaSeeked() { - _logger.logger.log('media seeked to ' + this.media.currentTime.toFixed(3)); - // tick to speed up FRAGMENT_PLAYING triggering - this.tick(); - } - }, { - key: 'onMediaEnded', - value: function onMediaEnded() { - _logger.logger.log('media ended'); - // reset startPosition and lastCurrentTime to restart playback @ stream beginning - this.startPosition = this.lastCurrentTime = 0; } }, { - key: 'onManifestLoading', - value: function onManifestLoading() { - // reset buffer on manifest loading - _logger.logger.log('trigger BUFFER_RESET'); - this.hls.trigger(_events2.default.BUFFER_RESET); - this._bufferedFrags = []; - this.stalled = false; - this.startPosition = this.lastCurrentTime = 0; - } - }, { - key: 'onManifestParsed', - value: function onManifestParsed(data) { - var aac = false, - heaac = false, - codec; - data.levels.forEach(function (level) { - // detect if we have different kind of audio codecs used amongst playlists - codec = level.audioCodec; - if (codec) { - if (codec.indexOf('mp4a.40.2') !== -1) { - aac = true; - } - if (codec.indexOf('mp4a.40.5') !== -1) { - heaac = true; - } + key: 'startLoad', + value: function startLoad(startPosition) { + if (this.tracks) { + var lastCurrentTime = this.lastCurrentTime; + this.stopLoad(); + if (!this.timer) { + this.timer = setInterval(this.ontick, 100); } - }); - this.audioCodecSwitch = aac && heaac; - if (this.audioCodecSwitch) { - _logger.logger.log('both AAC/HE-AAC audio found in levels; declaring level codec as HE-AAC'); - } - this.levels = data.levels; - this.startLevelLoaded = false; - this.startFragRequested = false; - var config = this.config; - if (config.autoStartLoad || this.forceStartLoad) { - this.hls.startLoad(config.startPosition); - } - } - }, { - key: 'onLevelLoaded', - value: function onLevelLoaded(data) { - var newDetails = data.details, - newLevelId = data.level, - curLevel = this.levels[newLevelId], - duration = newDetails.totalduration, - sliding = 0; - - _logger.logger.log('level ' + newLevelId + ' loaded [' + newDetails.startSN + ',' + newDetails.endSN + '],duration:' + duration); - this.levelLastLoaded = newLevelId; - - if (newDetails.live) { - var curDetails = curLevel.details; - if (curDetails && newDetails.fragments.length > 0) { - // we already have details for that level, merge them - _levelHelper2.default.mergeDetails(curDetails, newDetails); - sliding = newDetails.fragments[0].start; - this.liveSyncPosition = this.computeLivePosition(sliding, curDetails); - if (newDetails.PTSKnown) { - _logger.logger.log('live playlist sliding:' + sliding.toFixed(3)); - } else { - _logger.logger.log('live playlist - outdated PTS, unknown sliding'); - } + this.fragLoadError = 0; + if (lastCurrentTime > 0 && startPosition === -1) { + _logger.logger.log('audio:override startPosition with lastCurrentTime @' + lastCurrentTime.toFixed(3)); + this.state = State.IDLE; } else { - newDetails.PTSKnown = false; - _logger.logger.log('live playlist - first load, unknown sliding'); + this.lastCurrentTime = this.startPosition ? this.startPosition : startPosition; + this.state = State.STARTING; } + this.nextLoadPosition = this.startPosition = this.lastCurrentTime; + this.tick(); } else { - newDetails.PTSKnown = false; + this.startPosition = startPosition; + this.state = State.STOPPED; } - // override level info - curLevel.details = newDetails; - this.hls.trigger(_events2.default.LEVEL_UPDATED, { details: newDetails, level: newLevelId }); - - if (this.startFragRequested === false) { - // compute start position if set to -1. use it straight away if value is defined - if (this.startPosition === -1 || this.lastCurrentTime === -1) { - // first, check if start time offset has been set in playlist, if yes, use this value - var startTimeOffset = newDetails.startTimeOffset; - if (!isNaN(startTimeOffset)) { - if (startTimeOffset < 0) { - _logger.logger.log('negative start time offset ' + startTimeOffset + ', count from end of last fragment'); - startTimeOffset = sliding + duration + startTimeOffset; - } - _logger.logger.log('start time offset found in playlist, adjust startPosition to ' + startTimeOffset); - this.startPosition = startTimeOffset; - } else { - // if live playlist, set start position to be fragment N-this.config.liveSyncDurationCount (usually 3) - if (newDetails.live) { - this.startPosition = this.computeLivePosition(sliding, newDetails); - _logger.logger.log('configure startPosition to ' + this.startPosition); - } else { - this.startPosition = 0; - } - } - this.lastCurrentTime = this.startPosition; + } + }, { + key: 'stopLoad', + value: function stopLoad() { + var frag = this.fragCurrent; + if (frag) { + if (frag.loader) { + frag.loader.abort(); } - this.nextLoadPosition = this.startPosition; + this.fragCurrent = null; } - // only switch batck to IDLE state if we were waiting for level to start downloading a new fragment - if (this.state === State.WAITING_LEVEL) { - this.state = State.IDLE; + this.fragPrevious = null; + if (this.demuxer) { + this.demuxer.destroy(); + this.demuxer = null; } - //trigger handler right now - this.tick(); + this.state = State.STOPPED; } }, { - key: 'onKeyLoaded', - value: function onKeyLoaded() { - if (this.state === State.KEY_LOADING) { - this.state = State.IDLE; - this.tick(); + key: 'tick', + value: function tick() { + this.ticks++; + if (this.ticks === 1) { + this.doTick(); + if (this.ticks > 1) { + setTimeout(this.tick, 1); + } + this.ticks = 0; } } }, { - key: 'onFragLoaded', - value: function onFragLoaded(data) { - var fragCurrent = this.fragCurrent, - fragLoaded = data.frag; - if (this.state === State.FRAG_LOADING && fragCurrent && fragLoaded.type === 'main' && fragLoaded.level === fragCurrent.level && fragLoaded.sn === fragCurrent.sn) { - var stats = data.stats, - currentLevel = this.levels[fragCurrent.level], - details = currentLevel.details; - _logger.logger.log('Loaded ' + fragCurrent.sn + ' of [' + details.startSN + ' ,' + details.endSN + '],level ' + fragCurrent.level); - // reset frag bitrate test in any case after frag loaded event - this.bitrateTest = false; - this.stats = stats; - // if this frag was loaded to perform a bitrate test AND if hls.nextLoadLevel is greater than 0 - // then this means that we should be able to load a fragment at a higher quality level - if (fragLoaded.bitrateTest === true && this.hls.nextLoadLevel) { - // switch back to IDLE state ... we just loaded a fragment to determine adequate start bitrate and initialize autoswitch algo - this.state = State.IDLE; - this.startFragRequested = false; - stats.tparsed = stats.tbuffered = performance.now(); - this.hls.trigger(_events2.default.FRAG_BUFFERED, { stats: stats, frag: fragCurrent, id: 'main' }); - this.tick(); - } else if (fragLoaded.sn === 'initSegment') { - this.state = State.IDLE; - stats.tparsed = stats.tbuffered = performance.now(); - details.initSegment.data = data.payload; - this.hls.trigger(_events2.default.FRAG_BUFFERED, { stats: stats, frag: fragCurrent, id: 'main' }); - this.tick(); - } else { - this.state = State.PARSING; - // transmux the MPEG-TS data to ISO-BMFF segments - var duration = details.totalduration, - level = fragCurrent.level, - sn = fragCurrent.sn, - audioCodec = this.config.defaultAudioCodec || currentLevel.audioCodec; - if (this.audioCodecSwap) { - _logger.logger.log('swapping playlist audio codec'); - if (audioCodec === undefined) { - audioCodec = this.lastAudioCodec; + key: 'doTick', + value: function doTick() { + var pos, + track, + trackDetails, + hls = this.hls, + config = hls.config; + //logger.log('audioStream:' + this.state); + switch (this.state) { + case State.ERROR: + //don't do anything in error state to avoid breaking further ... + case State.PAUSED: + //don't do anything in paused state either ... + case State.BUFFER_FLUSHING: + break; + case State.STARTING: + this.state = State.WAITING_TRACK; + this.loadedmetadata = false; + break; + case State.IDLE: + var tracks = this.tracks; + // audio tracks not received => exit loop + if (!tracks) { + break; + } + // if video not attached AND + // start fragment already requested OR start frag prefetch disable + // exit loop + // => if media not attached but start frag prefetch is enabled and start frag not requested yet, we will not exit loop + if (!this.media && (this.startFragRequested || !config.startFragPrefetch)) { + break; + } + // determine next candidate fragment to be loaded, based on current position and + // end of buffer position + // if we have not yet loaded any fragment, start loading from start position + if (this.loadedmetadata) { + pos = this.media.currentTime; + } else { + pos = this.nextLoadPosition; + } + var media = this.mediaBuffer ? this.mediaBuffer : this.media, + bufferInfo = _bufferHelper2.default.bufferInfo(media, pos, config.maxBufferHole), + bufferLen = bufferInfo.len, + bufferEnd = bufferInfo.end, + fragPrevious = this.fragPrevious, + maxBufLen = config.maxMaxBufferLength, + audioSwitch = this.audioSwitch, + trackId = this.trackId; + + // if buffer length is less than maxBufLen try to load a new fragment + if ((bufferLen < maxBufLen || audioSwitch) && trackId < tracks.length) { + trackDetails = tracks[trackId].details; + // if track info not retrieved yet, switch state and wait for track retrieval + if (typeof trackDetails === 'undefined') { + this.state = State.WAITING_TRACK; + break; } - if (audioCodec) { - if (audioCodec.indexOf('mp4a.40.5') !== -1) { - audioCodec = 'mp4a.40.2'; - } else { - audioCodec = 'mp4a.40.5'; + + // we just got done loading the final fragment, check if we need to finalize media stream + if (!audioSwitch && !trackDetails.live && fragPrevious && fragPrevious.sn === trackDetails.endSN) { + // if we are not seeking or if we are seeking but everything (almost) til the end is buffered, let's signal eos + // we don't compare exactly media.duration === bufferInfo.end as there could be some subtle media duration difference when switching + // between different renditions. using half frag duration should help cope with these cases. + if (!this.media.seeking || this.media.duration - bufferEnd < fragPrevious.duration / 2) { + // Finalize the media stream + this.hls.trigger(_events2.default.BUFFER_EOS, { type: 'audio' }); + this.state = State.ENDED; + break; } } - } - this.pendingBuffering = true; - this.appended = false; - _logger.logger.log('Parsing ' + sn + ' of [' + details.startSN + ' ,' + details.endSN + '],level ' + level + ', cc ' + fragCurrent.cc); - var demuxer = this.demuxer; - if (!demuxer) { - demuxer = this.demuxer = new _demuxer2.default(this.hls, 'main'); - } - // time Offset is accurate if level PTS is known, or if playlist is not sliding (not live) and if media is not seeking (this is to overcome potential timestamp drifts between playlists and fragments) - var media = this.media; - var mediaSeeking = media && media.seeking; - var accurateTimeOffset = !mediaSeeking && (details.PTSKnown || !details.live); - var initSegmentData = details.initSegment ? details.initSegment.data : []; - demuxer.push(data.payload, initSegmentData, audioCodec, currentLevel.videoCodec, fragCurrent, duration, accurateTimeOffset, undefined); - } - } - this.fragLoadError = 0; - } - }, { - key: 'onFragParsingInitSegment', - value: function onFragParsingInitSegment(data) { - var fragCurrent = this.fragCurrent; - var fragNew = data.frag; - if (fragCurrent && data.id === 'main' && fragNew.sn === fragCurrent.sn && fragNew.level === fragCurrent.level && this.state === State.PARSING) { - var tracks = data.tracks, - trackName, - track; - // if audio track is expected to come from audio stream controller, discard any coming from main - if (tracks.audio && this.altAudio) { - delete tracks.audio; - } - // include levelCodec in audio and video tracks - track = tracks.audio; - if (track) { - var audioCodec = this.levels[this.level].audioCodec, - ua = navigator.userAgent.toLowerCase(); - if (audioCodec && this.audioCodecSwap) { - _logger.logger.log('swapping playlist audio codec'); - if (audioCodec.indexOf('mp4a.40.5') !== -1) { - audioCodec = 'mp4a.40.2'; - } else { - audioCodec = 'mp4a.40.5'; + // find fragment index, contiguous with end of buffer position + var fragments = trackDetails.fragments, + fragLen = fragments.length, + start = fragments[0].start, + end = fragments[fragLen - 1].start + fragments[fragLen - 1].duration, + frag = void 0; + + // When switching audio track, reload audio as close as possible to currentTime + if (audioSwitch) { + if (trackDetails.live && !trackDetails.PTSKnown) { + _logger.logger.log('switching audiotrack, live stream, unknown PTS,load first fragment'); + bufferEnd = 0; + } else { + bufferEnd = pos; + // if currentTime (pos) is less than alt audio playlist start time, it means that alt audio is ahead of currentTime + if (trackDetails.PTSKnown && pos < start) { + // if everything is buffered from pos to start or if audio buffer upfront, let's seek to start + if (bufferInfo.end > start || bufferInfo.nextStart) { + _logger.logger.log('alt audio track ahead of main track, seek to start of alt audio track'); + this.media.currentTime = start + 0.05; + } else { + return; + } + } + } } - } - // in case AAC and HE-AAC audio codecs are signalled in manifest - // force HE-AAC , as it seems that most browsers prefers that way, - // except for mono streams OR on FF - // these conditions might need to be reviewed ... - if (this.audioCodecSwitch) { - // don't force HE-AAC if mono stream - if (track.metadata.channelCount !== 1 && - // don't force HE-AAC if firefox - ua.indexOf('firefox') === -1) { - audioCodec = 'mp4a.40.5'; + if (trackDetails.initSegment && !trackDetails.initSegment.data) { + frag = trackDetails.initSegment; + } + // if bufferEnd before start of playlist, load first fragment + else if (bufferEnd <= start) { + frag = fragments[0]; + if (trackDetails.live && frag.loadIdx && frag.loadIdx === this.fragLoadIdx) { + // we just loaded this first fragment, and we are still lagging behind the start of the live playlist + // let's force seek to start + var nextBuffered = bufferInfo.nextStart ? bufferInfo.nextStart : start; + _logger.logger.log('no alt audio available @currentTime:' + this.media.currentTime + ', seeking @' + (nextBuffered + 0.05)); + this.media.currentTime = nextBuffered + 0.05; + return; + } + } else { + var foundFrag = void 0; + var maxFragLookUpTolerance = config.maxFragLookUpTolerance; + var fragNext = fragPrevious ? fragments[fragPrevious.sn - fragments[0].sn + 1] : undefined; + var fragmentWithinToleranceTest = function fragmentWithinToleranceTest(candidate) { + // offset should be within fragment boundary - config.maxFragLookUpTolerance + // this is to cope with situations like + // bufferEnd = 9.991 + // frag[Ø] : [0,10] + // frag[1] : [10,20] + // bufferEnd is within frag[0] range ... although what we are expecting is to return frag[1] here + // frag start frag start+duration + // |-----------------------------| + // <---> <---> + // ...--------><-----------------------------><---------.... + // previous frag matching fragment next frag + // return -1 return 0 return 1 + //logger.log(`level/sn/start/end/bufEnd:${level}/${candidate.sn}/${candidate.start}/${(candidate.start+candidate.duration)}/${bufferEnd}`); + // Set the lookup tolerance to be small enough to detect the current segment - ensures we don't skip over very small segments + var candidateLookupTolerance = Math.min(maxFragLookUpTolerance, candidate.duration); + if (candidate.start + candidate.duration - candidateLookupTolerance <= bufferEnd) { + return 1; + } // if maxFragLookUpTolerance will have negative value then don't return -1 for first element + else if (candidate.start - candidateLookupTolerance > bufferEnd && candidate.start) { + return -1; + } + return 0; + }; + + if (bufferEnd < end) { + if (bufferEnd > end - maxFragLookUpTolerance) { + maxFragLookUpTolerance = 0; + } + // Prefer the next fragment if it's within tolerance + if (fragNext && !fragmentWithinToleranceTest(fragNext)) { + foundFrag = fragNext; + } else { + foundFrag = _binarySearch2.default.search(fragments, fragmentWithinToleranceTest); + } + } else { + // reach end of playlist + foundFrag = fragments[fragLen - 1]; + } + if (foundFrag) { + frag = foundFrag; + start = foundFrag.start; + //logger.log('find SN matching with pos:' + bufferEnd + ':' + frag.sn); + if (fragPrevious && frag.level === fragPrevious.level && frag.sn === fragPrevious.sn) { + if (frag.sn < trackDetails.endSN) { + frag = fragments[frag.sn + 1 - trackDetails.startSN]; + _logger.logger.log('SN just loaded, load next one: ' + frag.sn); + } else { + frag = null; + } + } + } + } + if (frag) { + //logger.log(' loading frag ' + i +',pos/bufEnd:' + pos.toFixed(3) + '/' + bufferEnd.toFixed(3)); + if (frag.decryptdata && frag.decryptdata.uri != null && frag.decryptdata.key == null) { + _logger.logger.log('Loading key for ' + frag.sn + ' of [' + trackDetails.startSN + ' ,' + trackDetails.endSN + '],track ' + trackId); + this.state = State.KEY_LOADING; + hls.trigger(_events2.default.KEY_LOADING, { frag: frag }); + } else { + _logger.logger.log('Loading ' + frag.sn + ' of [' + trackDetails.startSN + ' ,' + trackDetails.endSN + '],track ' + trackId + ', currentTime:' + pos + ',bufferEnd:' + bufferEnd.toFixed(3)); + // ensure that we are not reloading the same fragments in loop ... + if (this.fragLoadIdx !== undefined) { + this.fragLoadIdx++; + } else { + this.fragLoadIdx = 0; + } + if (frag.loadCounter) { + frag.loadCounter++; + var maxThreshold = config.fragLoadingLoopThreshold; + // if this frag has already been loaded 3 times, and if it has been reloaded recently + if (frag.loadCounter > maxThreshold && Math.abs(this.fragLoadIdx - frag.loadIdx) < maxThreshold) { + hls.trigger(_events2.default.ERROR, { type: _errors.ErrorTypes.MEDIA_ERROR, details: _errors.ErrorDetails.FRAG_LOOP_LOADING_ERROR, fatal: false, frag: frag }); + return; + } + } else { + frag.loadCounter = 1; + } + frag.loadIdx = this.fragLoadIdx; + this.fragCurrent = frag; + this.startFragRequested = true; + if (!isNaN(frag.sn)) { + this.nextLoadPosition = frag.start + frag.duration; + } + hls.trigger(_events2.default.FRAG_LOADING, { frag: frag }); + this.state = State.FRAG_LOADING; + } } } - // HE-AAC is broken on Android, always signal audio codec as AAC even if variant manifest states otherwise - if (ua.indexOf('android') !== -1 && track.container !== 'audio/mpeg') { - // Exclude mpeg audio - audioCodec = 'mp4a.40.2'; - _logger.logger.log('Android: force audio codec to ' + audioCodec); + break; + case State.WAITING_TRACK: + track = this.tracks[this.trackId]; + // check if playlist is already loaded + if (track && track.details) { + this.state = State.IDLE; } - track.levelCodec = audioCodec; - track.id = data.id; - } - track = tracks.video; - if (track) { - track.levelCodec = this.levels[this.level].videoCodec; - track.id = data.id; - } - this.hls.trigger(_events2.default.BUFFER_CODECS, tracks); - // loop through tracks that are going to be provided to bufferController - for (trackName in tracks) { - track = tracks[trackName]; - _logger.logger.log('main track:' + trackName + ',container:' + track.container + ',codecs[level/parsed]=[' + track.levelCodec + '/' + track.codec + ']'); - var initSegment = track.initSegment; - if (initSegment) { - this.appended = true; - // arm pending Buffering flag before appending a segment - this.pendingBuffering = true; - this.hls.trigger(_events2.default.BUFFER_APPENDING, { type: trackName, data: initSegment, parent: 'main', content: 'initSegment' }); + break; + case State.FRAG_LOADING_WAITING_RETRY: + var now = performance.now(); + var retryDate = this.retryDate; + media = this.media; + var isSeeking = media && media.seeking; + // if current time is gt than retryDate, or if media seeking let's switch to IDLE state to retry loading + if (!retryDate || now >= retryDate || isSeeking) { + _logger.logger.log('audioStreamController: retryDate reached, switch back to IDLE state'); + this.state = State.IDLE; } - } - //trigger handler right now - this.tick(); + break; + case State.WAITING_INIT_PTS: + case State.STOPPED: + case State.FRAG_LOADING: + case State.PARSING: + case State.PARSED: + case State.ENDED: + break; + default: + break; } } }, { - key: 'onFragParsingData', - value: function onFragParsingData(data) { - var _this2 = this; + key: 'onMediaAttached', + value: function onMediaAttached(data) { + var media = this.media = this.mediaBuffer = data.media; + this.onvseeking = this.onMediaSeeking.bind(this); + this.onvended = this.onMediaEnded.bind(this); + media.addEventListener('seeking', this.onvseeking); + media.addEventListener('ended', this.onvended); + var config = this.config; + if (this.tracks && config.autoStartLoad) { + this.startLoad(config.startPosition); + } + } + }, { + key: 'onMediaDetaching', + value: function onMediaDetaching() { + var media = this.media; + if (media && media.ended) { + _logger.logger.log('MSE detaching and video ended, reset startPosition'); + this.startPosition = this.lastCurrentTime = 0; + } - var fragCurrent = this.fragCurrent; - var fragNew = data.frag; - if (fragCurrent && data.id === 'main' && fragNew.sn === fragCurrent.sn && fragNew.level === fragCurrent.level && !(data.type === 'audio' && this.altAudio) && // filter out main audio if audio track is loaded through audio stream controller - this.state === State.PARSING) { - var level = this.levels[this.level], - frag = fragCurrent; - if (isNaN(data.endPTS)) { - data.endPTS = data.startPTS + fragCurrent.duration; - data.endDTS = data.startDTS + fragCurrent.duration; - } - - _logger.logger.log('Parsed ' + data.type + ',PTS:[' + data.startPTS.toFixed(3) + ',' + data.endPTS.toFixed(3) + '],DTS:[' + data.startDTS.toFixed(3) + '/' + data.endDTS.toFixed(3) + '],nb:' + data.nb + ',dropped:' + (data.dropped || 0)); - - // Detect gaps in a fragment and try to fix it by finding a keyframe in the previous fragment (see _findFragments) - if (data.type === 'video') { - frag.dropped = data.dropped; - if (frag.dropped) { - if (!frag.backtracked) { - // Return back to the IDLE state without appending to buffer - // Causes findFragments to backtrack a segment and find the keyframe - // Audio fragments arriving before video sets the nextLoadPosition, causing _findFragments to skip the backtracked fragment - frag.backtracked = true; - this.nextLoadPosition = data.startPTS; - this.state = State.IDLE; - this.tick(); - return; - } else { - _logger.logger.warn('Already backtracked on this fragment, appending with the gap'); - } - } else { - // Only reset the backtracked flag if we've loaded the frag without any dropped frames - frag.backtracked = false; - } - } - - var drift = _levelHelper2.default.updateFragPTSDTS(level.details, frag.sn, data.startPTS, data.endPTS, data.startDTS, data.endDTS), - hls = this.hls; - hls.trigger(_events2.default.LEVEL_PTS_UPDATED, { details: level.details, level: this.level, drift: drift, type: data.type, start: data.startPTS, end: data.endPTS }); - - // has remuxer dropped video frames located before first keyframe ? - [data.data1, data.data2].forEach(function (buffer) { - // only append in PARSING state (rationale is that an appending error could happen synchronously on first segment appending) - // in that case it is useless to append following segments - if (buffer && buffer.length && _this2.state === State.PARSING) { - _this2.appended = true; - // arm pending Buffering flag before appending a segment - _this2.pendingBuffering = true; - hls.trigger(_events2.default.BUFFER_APPENDING, { type: data.type, data: buffer, parent: 'main', content: 'data' }); + // reset fragment loading counter on MSE detaching to avoid reporting FRAG_LOOP_LOADING_ERROR after error recovery + var tracks = this.tracks; + if (tracks) { + // reset fragment load counter + tracks.forEach(function (track) { + if (track.details) { + track.details.fragments.forEach(function (fragment) { + fragment.loadCounter = undefined; + }); } }); - //trigger handler right now - this.tick(); } + // remove video listeners + if (media) { + media.removeEventListener('seeking', this.onvseeking); + media.removeEventListener('ended', this.onvended); + this.onvseeking = this.onvseeked = this.onvended = null; + } + this.media = this.mediaBuffer = null; + this.loadedmetadata = false; + this.stopLoad(); } }, { - key: 'onFragParsed', - value: function onFragParsed(data) { - var fragCurrent = this.fragCurrent; - var fragNew = data.frag; - if (fragCurrent && data.id === 'main' && fragNew.sn === fragCurrent.sn && fragNew.level === fragCurrent.level && this.state === State.PARSING) { - this.stats.tparsed = performance.now(); - this.state = State.PARSED; - this._checkAppendedParsed(); + key: 'onMediaSeeking', + value: function onMediaSeeking() { + if (this.state === State.ENDED) { + // switch to IDLE state to check for potential new fragment + this.state = State.IDLE; + } + if (this.media) { + this.lastCurrentTime = this.media.currentTime; + } + // avoid reporting fragment loop loading error in case user is seeking several times on same position + if (this.fragLoadIdx !== undefined) { + this.fragLoadIdx += 2 * this.config.fragLoadingLoopThreshold; } + // tick to speed up processing + this.tick(); + } + }, { + key: 'onMediaEnded', + value: function onMediaEnded() { + // reset startPosition and lastCurrentTime to restart playback @ stream beginning + this.startPosition = this.lastCurrentTime = 0; + } + }, { + key: 'onAudioTracksUpdated', + value: function onAudioTracksUpdated(data) { + _logger.logger.log('audio tracks updated'); + this.tracks = data.audioTracks; } }, { key: 'onAudioTrackSwitching', value: function onAudioTrackSwitching(data) { // if any URL found on new audio track, it is an alternate audio track - var altAudio = !!data.url, - trackId = data.id; - // if we switch on main audio, ensure that main fragment scheduling is synced with media.buffered - // don't do anything if we switch to alt audio: audio stream controller is handling it. - // we will just have to change buffer scheduling on audioTrackSwitched + var altAudio = !!data.url; + this.trackId = data.id; + this.state = State.IDLE; + + this.fragCurrent = null; + this.state = State.PAUSED; + this.waitingFragment = null; + // destroy useless demuxer when switching audio to main if (!altAudio) { - if (this.mediaBuffer !== this.media) { - _logger.logger.log('switching on main audio, use media.buffered to schedule main fragment loading'); - this.mediaBuffer = this.media; - var fragCurrent = this.fragCurrent; - // we need to refill audio buffer from main: cancel any frag loading to speed up audio switch - if (fragCurrent.loader) { - _logger.logger.log('switching to main audio track, cancel main fragment load'); - fragCurrent.loader.abort(); - } - this.fragCurrent = null; - this.fragPrevious = null; - // destroy demuxer to force init segment generation (following audio switch) - if (this.demuxer) { - this.demuxer.destroy(); - this.demuxer = null; - } - // switch to IDLE state to load new fragment - this.state = State.IDLE; + if (this.demuxer) { + this.demuxer.destroy(); + this.demuxer = null; + } + } else { + // switching to audio track, start timer if not already started + if (!this.timer) { + this.timer = setInterval(this.ontick, 100); } - var hls = this.hls; - // switching to main audio, flush all audio and trigger track switched - hls.trigger(_events2.default.BUFFER_FLUSHING, { startOffset: 0, endOffset: Number.POSITIVE_INFINITY, type: 'audio' }); - hls.trigger(_events2.default.AUDIO_TRACK_SWITCHED, { id: trackId }); - this.altAudio = false; } - } - }, { - key: 'onAudioTrackSwitched', - value: function onAudioTrackSwitched(data) { - var trackId = data.id, - altAudio = !!this.hls.audioTracks[trackId].url; + + //should we switch tracks ? if (altAudio) { - var videoBuffer = this.videoBuffer; - // if we switched on alternate audio, ensure that main fragment scheduling is synced with video sourcebuffer buffered - if (videoBuffer && this.mediaBuffer !== videoBuffer) { - _logger.logger.log('switching on alternate audio, use video.buffered to schedule main fragment loading'); - this.mediaBuffer = videoBuffer; + this.audioSwitch = true; + //main audio track are handled by stream-controller, just do something if switching to alt audio track + this.state = State.IDLE; + // increase fragment load Index to avoid frag loop loading error after buffer flush + if (this.fragLoadIdx !== undefined) { + this.fragLoadIdx += 2 * this.config.fragLoadingLoopThreshold; } } - this.altAudio = altAudio; this.tick(); } }, { - key: 'onBufferCreated', - value: function onBufferCreated(data) { - var tracks = data.tracks, - mediaTrack = void 0, - name = void 0, - alternate = false; - for (var type in tracks) { - var track = tracks[type]; - if (track.id === 'main') { - name = type; - mediaTrack = track; - // keep video source buffer reference - if (type === 'video') { - this.videoBuffer = tracks[type].buffer; + key: 'onAudioTrackLoaded', + value: function onAudioTrackLoaded(data) { + var newDetails = data.details, + trackId = data.id, + track = this.tracks[trackId], + duration = newDetails.totalduration, + sliding = 0; + + _logger.logger.log('track ' + trackId + ' loaded [' + newDetails.startSN + ',' + newDetails.endSN + '],duration:' + duration); + + if (newDetails.live) { + var curDetails = track.details; + if (curDetails && newDetails.fragments.length > 0) { + // we already have details for that level, merge them + _levelHelper2.default.mergeDetails(curDetails, newDetails); + sliding = newDetails.fragments[0].start; + // TODO + //this.liveSyncPosition = this.computeLivePosition(sliding, curDetails); + if (newDetails.PTSKnown) { + _logger.logger.log('live audio playlist sliding:' + sliding.toFixed(3)); + } else { + _logger.logger.log('live audio playlist - outdated PTS, unknown sliding'); } } else { - alternate = true; + newDetails.PTSKnown = false; + _logger.logger.log('live audio playlist - first load, unknown sliding'); } - } - if (alternate && mediaTrack) { - _logger.logger.log('alternate track found, use ' + name + '.buffered to schedule main fragment loading'); - this.mediaBuffer = mediaTrack.buffer; } else { - this.mediaBuffer = this.media; + newDetails.PTSKnown = false; + } + track.details = newDetails; + + // compute start position + if (!this.startFragRequested) { + // compute start position if set to -1. use it straight away if value is defined + if (this.startPosition === -1) { + // first, check if start time offset has been set in playlist, if yes, use this value + var startTimeOffset = newDetails.startTimeOffset; + if (!isNaN(startTimeOffset)) { + _logger.logger.log('start time offset found in playlist, adjust startPosition to ' + startTimeOffset); + this.startPosition = startTimeOffset; + } else { + this.startPosition = 0; + } + } + this.nextLoadPosition = this.startPosition; + } + // only switch batck to IDLE state if we were waiting for track to start downloading a new fragment + if (this.state === State.WAITING_TRACK) { + this.state = State.IDLE; } + //trigger handler right now + this.tick(); } }, { - key: 'onBufferAppended', - value: function onBufferAppended(data) { - if (data.parent === 'main') { - var state = this.state; - if (state === State.PARSING || state === State.PARSED) { - // check if all buffers have been appended - this.pendingBuffering = data.pending > 0; - this._checkAppendedParsed(); - } + key: 'onKeyLoaded', + value: function onKeyLoaded() { + if (this.state === State.KEY_LOADING) { + this.state = State.IDLE; + this.tick(); } } }, { - key: '_checkAppendedParsed', - value: function _checkAppendedParsed() { - //trigger handler right now - if (this.state === State.PARSED && (!this.appended || !this.pendingBuffering)) { - var frag = this.fragCurrent; - if (frag) { - var media = this.mediaBuffer ? this.mediaBuffer : this.media; - _logger.logger.log('main buffered : ' + _timeRanges2.default.toString(media.buffered)); - // filter fragments potentially evicted from buffer. this is to avoid memleak on live streams - var bufferedFrags = this._bufferedFrags.filter(function (frag) { - return _bufferHelper2.default.isBuffered(media, (frag.startPTS + frag.endPTS) / 2); - }); - // push new range - bufferedFrags.push(frag); - // sort frags, as we use BinarySearch for lookup in getBufferedFrag ... - this._bufferedFrags = bufferedFrags.sort(function (a, b) { - return a.startPTS - b.startPTS; + key: 'onFragLoaded', + value: function onFragLoaded(data) { + var fragCurrent = this.fragCurrent, + fragLoaded = data.frag; + if (this.state === State.FRAG_LOADING && fragCurrent && fragLoaded.type === 'audio' && fragLoaded.level === fragCurrent.level && fragLoaded.sn === fragCurrent.sn) { + var track = this.tracks[this.trackId], + details = track.details, + duration = details.totalduration, + trackId = fragCurrent.level, + sn = fragCurrent.sn, + cc = fragCurrent.cc, + audioCodec = this.config.defaultAudioCodec || track.audioCodec || 'mp4a.40.2', + stats = this.stats = data.stats; + if (sn === 'initSegment') { + this.state = State.IDLE; + + stats.tparsed = stats.tbuffered = performance.now(); + details.initSegment.data = data.payload; + this.hls.trigger(_events2.default.FRAG_BUFFERED, { stats: stats, frag: fragCurrent, id: 'audio' }); + this.tick(); + } else { + this.state = State.PARSING; + // transmux the MPEG-TS data to ISO-BMFF segments + this.appended = false; + if (!this.demuxer) { + this.demuxer = new _demuxer2.default(this.hls, 'audio'); + } + //Check if we have video initPTS + // If not we need to wait for it + var initPTS = this.initPTS[cc]; + var initSegmentData = details.initSegment ? details.initSegment.data : []; + if (details.initSegment || initPTS !== undefined) { + this.pendingBuffering = true; + _logger.logger.log('Demuxing ' + sn + ' of [' + details.startSN + ' ,' + details.endSN + '],track ' + trackId); + // time Offset is accurate if level PTS is known, or if playlist is not sliding (not live) + var accurateTimeOffset = false; //details.PTSKnown || !details.live; + this.demuxer.push(data.payload, initSegmentData, audioCodec, null, fragCurrent, duration, accurateTimeOffset, initPTS); + } else { + _logger.logger.log('unknown video PTS for continuity counter ' + cc + ', waiting for video PTS before demuxing audio frag ' + sn + ' of [' + details.startSN + ' ,' + details.endSN + '],track ' + trackId); + this.waitingFragment = data; + this.state = State.WAITING_INIT_PTS; + } + } + } + this.fragLoadError = 0; + } + }, { + key: 'onFragParsingInitSegment', + value: function onFragParsingInitSegment(data) { + var fragCurrent = this.fragCurrent; + var fragNew = data.frag; + if (fragCurrent && data.id === 'audio' && fragNew.sn === fragCurrent.sn && fragNew.level === fragCurrent.level && this.state === State.PARSING) { + var tracks = data.tracks, + track = void 0; + + // delete any video track found on audio demuxer + if (tracks.video) { + delete tracks.video; + } + + // include levelCodec in audio and video tracks + track = tracks.audio; + if (track) { + track.levelCodec = 'mp4a.40.2'; + track.id = data.id; + this.hls.trigger(_events2.default.BUFFER_CODECS, tracks); + _logger.logger.log('audio track:audio,container:' + track.container + ',codecs[level/parsed]=[' + track.levelCodec + '/' + track.codec + ']'); + var initSegment = track.initSegment; + if (initSegment) { + var appendObj = { type: 'audio', data: initSegment, parent: 'audio', content: 'initSegment' }; + if (this.audioSwitch) { + this.pendingData = [appendObj]; + } else { + this.appended = true; + // arm pending Buffering flag before appending a segment + this.pendingBuffering = true; + this.hls.trigger(_events2.default.BUFFER_APPENDING, appendObj); + } + } + //trigger handler right now + this.tick(); + } + } + } + }, { + key: 'onFragParsingData', + value: function onFragParsingData(data) { + var _this2 = this; + + var fragCurrent = this.fragCurrent; + var fragNew = data.frag; + if (fragCurrent && data.id === 'audio' && data.type === 'audio' && fragNew.sn === fragCurrent.sn && fragNew.level === fragCurrent.level && this.state === State.PARSING) { + var trackId = this.trackId, + track = this.tracks[trackId], + hls = this.hls; + + if (isNaN(data.endPTS)) { + data.endPTS = data.startPTS + fragCurrent.duration; + data.endDTS = data.startDTS + fragCurrent.duration; + } + + _logger.logger.log('parsed ' + data.type + ',PTS:[' + data.startPTS.toFixed(3) + ',' + data.endPTS.toFixed(3) + '],DTS:[' + data.startDTS.toFixed(3) + '/' + data.endDTS.toFixed(3) + '],nb:' + data.nb); + _levelHelper2.default.updateFragPTSDTS(track.details, fragCurrent, data.startPTS, data.endPTS); + + var audioSwitch = this.audioSwitch, + media = this.media, + appendOnBufferFlush = false; + //Only flush audio from old audio tracks when PTS is known on new audio track + if (audioSwitch && media) { + if (media.readyState) { + var currentTime = media.currentTime; + _logger.logger.log('switching audio track : currentTime:' + currentTime); + if (currentTime >= data.startPTS) { + _logger.logger.log('switching audio track : flushing all audio'); + this.state = State.BUFFER_FLUSHING; + hls.trigger(_events2.default.BUFFER_FLUSHING, { startOffset: 0, endOffset: Number.POSITIVE_INFINITY, type: 'audio' }); + appendOnBufferFlush = true; + //Lets announce that the initial audio track switch flush occur + this.audioSwitch = false; + hls.trigger(_events2.default.AUDIO_TRACK_SWITCHED, { id: trackId }); + } + } else { + //Lets announce that the initial audio track switch flush occur + this.audioSwitch = false; + hls.trigger(_events2.default.AUDIO_TRACK_SWITCHED, { id: trackId }); + } + } + + var pendingData = this.pendingData; + if (!this.audioSwitch) { + [data.data1, data.data2].forEach(function (buffer) { + if (buffer && buffer.length) { + pendingData.push({ type: data.type, data: buffer, parent: 'audio', content: 'data' }); + } }); + if (!appendOnBufferFlush && pendingData.length) { + pendingData.forEach(function (appendObj) { + // only append in PARSING state (rationale is that an appending error could happen synchronously on first segment appending) + // in that case it is useless to append following segments + if (_this2.state === State.PARSING) { + // arm pending Buffering flag before appending a segment + _this2.pendingBuffering = true; + _this2.hls.trigger(_events2.default.BUFFER_APPENDING, appendObj); + } + }); + this.pendingData = []; + this.appended = true; + } + } + //trigger handler right now + this.tick(); + } + } + }, { + key: 'onFragParsed', + value: function onFragParsed(data) { + var fragCurrent = this.fragCurrent; + var fragNew = data.frag; + if (fragCurrent && data.id === 'audio' && fragNew.sn === fragCurrent.sn && fragNew.level === fragCurrent.level && this.state === State.PARSING) { + this.stats.tparsed = performance.now(); + this.state = State.PARSED; + this._checkAppendedParsed(); + } + } + }, { + key: 'onBufferCreated', + value: function onBufferCreated(data) { + var audioTrack = data.tracks.audio; + if (audioTrack) { + this.mediaBuffer = audioTrack.buffer; + this.loadedmetadata = true; + } + } + }, { + key: 'onBufferAppended', + value: function onBufferAppended(data) { + if (data.parent === 'audio') { + var state = this.state; + if (state === State.PARSING || state === State.PARSED) { + // check if all buffers have been appended + this.pendingBuffering = data.pending > 0; + this._checkAppendedParsed(); + } + } + } + }, { + key: '_checkAppendedParsed', + value: function _checkAppendedParsed() { + //trigger handler right now + if (this.state === State.PARSED && (!this.appended || !this.pendingBuffering)) { + var frag = this.fragCurrent, + stats = this.stats, + hls = this.hls; + if (frag) { this.fragPrevious = frag; - var stats = this.stats; stats.tbuffered = performance.now(); - // we should get rid of this.fragLastKbps - this.fragLastKbps = Math.round(8 * stats.total / (stats.tbuffered - stats.tfirst)); - this.hls.trigger(_events2.default.FRAG_BUFFERED, { stats: stats, frag: frag, id: 'main' }); + hls.trigger(_events2.default.FRAG_BUFFERED, { stats: stats, frag: frag, id: 'audio' }); + var media = this.mediaBuffer ? this.mediaBuffer : this.media; + _logger.logger.log('audio buffered : ' + _timeRanges2.default.toString(media.buffered)); + if (this.audioSwitch && this.appended) { + this.audioSwitch = false; + hls.trigger(_events2.default.AUDIO_TRACK_SWITCHED, { id: this.trackId }); + } this.state = State.IDLE; } this.tick(); @@ -22411,20 +17769,14 @@ var StreamController = function (_EventHandler) { }, { key: 'onError', value: function onError(data) { - var frag = data.frag || this.fragCurrent; - // don't handle frag error not related to main fragment - if (frag && frag.type !== 'main') { + var frag = data.frag; + // don't handle frag error not related to audio fragment + if (frag && frag.type !== 'audio') { return; } - var media = this.media, - - // 0.5 : tolerance needed as some browsers stalls playback before reaching buffered end - mediaBuffered = media && _bufferHelper2.default.isBuffered(media, media.currentTime) && _bufferHelper2.default.isBuffered(media, media.currentTime + 0.5); switch (data.details) { case _errors.ErrorDetails.FRAG_LOAD_ERROR: case _errors.ErrorDetails.FRAG_LOAD_TIMEOUT: - case _errors.ErrorDetails.KEY_LOAD_ERROR: - case _errors.ErrorDetails.KEY_LOAD_TIMEOUT: if (!data.fatal) { var loadError = this.fragLoadError; if (loadError) { @@ -22433,25 +17785,18 @@ var StreamController = function (_EventHandler) { loadError = 1; } var config = this.config; - // keep retrying / don't raise fatal network error if current position is buffered or if in automode with current level not 0 - if (loadError <= config.fragLoadingMaxRetry || mediaBuffered || frag.autoLevel && frag.level) { + if (loadError <= config.fragLoadingMaxRetry) { this.fragLoadError = loadError; // reset load counter to avoid frag loop loading error frag.loadCounter = 0; // exponential backoff capped to config.fragLoadingMaxRetryTimeout var delay = Math.min(Math.pow(2, loadError - 1) * config.fragLoadingRetryDelay, config.fragLoadingMaxRetryTimeout); - _logger.logger.warn('mediaController: frag loading failed, retry in ' + delay + ' ms'); + _logger.logger.warn('audioStreamController: frag loading failed, retry in ' + delay + ' ms'); this.retryDate = performance.now() + delay; // retry loading state - // if loadedmetadata is not set, it means that we are emergency switch down on first frag - // in that case, reset startFragRequested flag - if (!this.loadedmetadata) { - this.startFragRequested = false; - this.nextLoadPosition = this.startPosition; - } this.state = State.FRAG_LOADING_WAITING_RETRY; } else { - _logger.logger.error('mediaController: ' + data.details + ' reaches max retry, redispatch as fatal ...'); + _logger.logger.error('audioStreamController: ' + data.details + ' reaches max retry, redispatch as fatal ...'); // switch error to fatal data.fatal = true; this.state = State.ERROR; @@ -22459,54 +17804,43 @@ var StreamController = function (_EventHandler) { } break; case _errors.ErrorDetails.FRAG_LOOP_LOADING_ERROR: - if (!data.fatal) { - // if buffer is not empty + case _errors.ErrorDetails.AUDIO_TRACK_LOAD_ERROR: + case _errors.ErrorDetails.AUDIO_TRACK_LOAD_TIMEOUT: + case _errors.ErrorDetails.KEY_LOAD_ERROR: + case _errors.ErrorDetails.KEY_LOAD_TIMEOUT: + // when in ERROR state, don't switch back to IDLE state in case a non-fatal error is received + if (this.state !== State.ERROR) { + // if fatal error, stop processing, otherwise move to IDLE to retry loading + this.state = data.fatal ? State.ERROR : State.IDLE; + _logger.logger.warn('audioStreamController: ' + data.details + ' while loading frag,switch to ' + this.state + ' state ...'); + } + break; + case _errors.ErrorDetails.BUFFER_FULL_ERROR: + // if in appending state + if (data.parent === 'audio' && (this.state === State.PARSING || this.state === State.PARSED)) { + var media = this.mediaBuffer, + currentTime = this.media.currentTime, + mediaBuffered = media && _bufferHelper2.default.isBuffered(media, currentTime) && _bufferHelper2.default.isBuffered(media, currentTime + 0.5); + // reduce max buf len if current position is buffered if (mediaBuffered) { - // try to reduce max buffer length : rationale is that we could get - // frag loop loading error because of buffer eviction - this._reduceMaxBufferLength(frag.duration); - this.state = State.IDLE; - } else { - // buffer empty. report as fatal if in manual mode or if lowest level. - // level controller takes care of emergency switch down logic - if (!frag.autoLevel || frag.level === 0) { - // switch error to fatal - data.fatal = true; - this.state = State.ERROR; - } - } - } - break; - case _errors.ErrorDetails.LEVEL_LOAD_ERROR: - case _errors.ErrorDetails.LEVEL_LOAD_TIMEOUT: - if (this.state !== State.ERROR) { - if (data.fatal) { - // if fatal error, stop processing - this.state = State.ERROR; - _logger.logger.warn('streamController: ' + data.details + ',switch to ' + this.state + ' state ...'); - } else { - // in cas of non fatal error while waiting level load to be completed, switch back to IDLE - if (this.state === State.WAITING_LEVEL) { - this.state = State.IDLE; + var _config = this.config; + if (_config.maxMaxBufferLength >= _config.maxBufferLength) { + // reduce max buffer length as it might be too high. we do this to avoid loop flushing ... + _config.maxMaxBufferLength /= 2; + _logger.logger.warn('audio:reduce max buffer length to ' + _config.maxMaxBufferLength + 's'); + // increase fragment load Index to avoid frag loop loading error after buffer flush + this.fragLoadIdx += 2 * _config.fragLoadingLoopThreshold; } - } - } - break; - case _errors.ErrorDetails.BUFFER_FULL_ERROR: - // if in appending state - if (data.parent === 'main' && (this.state === State.PARSING || this.state === State.PARSED)) { - // reduce max buf len if current position is buffered - if (mediaBuffered) { - this._reduceMaxBufferLength(this.config.maxBufferLength); this.state = State.IDLE; } else { // current position is not buffered, but browser is still complaining about buffer full error // this happens on IE/Edge, refer to https://github.com/video-dev/hls.js/pull/708 - // in that case flush the whole buffer to recover - _logger.logger.warn('buffer full error also media.currentTime is not buffered, flush everything'); + // in that case flush the whole audio buffer to recover + _logger.logger.warn('buffer full error also media.currentTime is not buffered, flush audio buffer'); this.fragCurrent = null; // flush everything - this.flushMainBuffer(0, Number.POSITIVE_INFINITY); + this.state = State.BUFFER_FLUSHING; + this.hls.trigger(_events2.default.BUFFER_FLUSHING, { startOffset: 0, endOffset: Number.POSITIVE_INFINITY, type: 'audio' }); } } break; @@ -22514,173 +17848,27 @@ var StreamController = function (_EventHandler) { break; } } - }, { - key: '_reduceMaxBufferLength', - value: function _reduceMaxBufferLength(minLength) { - var config = this.config; - if (config.maxMaxBufferLength >= minLength) { - // reduce max buffer length as it might be too high. we do this to avoid loop flushing ... - config.maxMaxBufferLength /= 2; - _logger.logger.warn('main:reduce max buffer length to ' + config.maxMaxBufferLength + 's'); - // increase fragment load Index to avoid frag loop loading error after buffer flush - this.fragLoadIdx += 2 * config.fragLoadingLoopThreshold; - } - } - }, { - key: '_checkBuffer', - value: function _checkBuffer() { - var media = this.media; - // if ready state different from HAVE_NOTHING (numeric value 0), we are allowed to seek - if (media && media.readyState) { - var currentTime = media.currentTime, - mediaBuffer = this.mediaBuffer ? this.mediaBuffer : media, - buffered = mediaBuffer.buffered; - // adjust currentTime to start position on loaded metadata - if (!this.loadedmetadata && buffered.length) { - this.loadedmetadata = true; - // only adjust currentTime if different from startPosition or if startPosition not buffered - // at that stage, there should be only one buffered range, as we reach that code after first fragment has been buffered - var startPosition = media.seeking ? currentTime : this.startPosition, - startPositionBuffered = _bufferHelper2.default.isBuffered(mediaBuffer, startPosition); - // if currentTime not matching with expected startPosition or startPosition not buffered - if (currentTime !== startPosition || !startPositionBuffered) { - _logger.logger.log('target start position:' + startPosition); - // if startPosition not buffered, let's seek to buffered.start(0) - if (!startPositionBuffered) { - startPosition = buffered.start(0); - _logger.logger.log('target start position not buffered, seek to buffered.start(0) ' + startPosition); - } - _logger.logger.log('adjust currentTime from ' + currentTime + ' to ' + startPosition); - media.currentTime = startPosition; - } - } else if (this.immediateSwitch) { - this.immediateLevelSwitchEnd(); - } else { - var bufferInfo = _bufferHelper2.default.bufferInfo(media, currentTime, 0), - expectedPlaying = !(media.paused || // not playing when media is paused - media.ended || // not playing when media is ended - media.buffered.length === 0), - // not playing if nothing buffered - jumpThreshold = 0.5, - // tolerance needed as some browsers stalls playback before reaching buffered range end - playheadMoving = currentTime !== this.lastCurrentTime, - config = this.config; - - if (playheadMoving) { - // played moving, but was previously stalled => now not stuck anymore - if (this.stallReported) { - _logger.logger.warn('playback not stuck anymore @' + currentTime + ', after ' + Math.round(performance.now() - this.stalled) + 'ms'); - this.stallReported = false; - } - this.stalled = undefined; - this.nudgeRetry = 0; - } else { - // playhead not moving - if (expectedPlaying) { - // playhead not moving BUT media expected to play - var tnow = performance.now(); - var hls = this.hls; - if (!this.stalled) { - // stall just detected, store current time - this.stalled = tnow; - this.stallReported = false; - } else { - // playback already stalled, check stalling duration - // if stalling for more than a given threshold, let's try to recover - var stalledDuration = tnow - this.stalled; - var bufferLen = bufferInfo.len; - var nudgeRetry = this.nudgeRetry || 0; - // have we reached stall deadline ? - if (bufferLen <= jumpThreshold && stalledDuration > config.lowBufferWatchdogPeriod * 1000) { - // report stalled error once - if (!this.stallReported) { - this.stallReported = true; - _logger.logger.warn('playback stalling in low buffer @' + currentTime); - hls.trigger(_events2.default.ERROR, { type: _errors.ErrorTypes.MEDIA_ERROR, details: _errors.ErrorDetails.BUFFER_STALLED_ERROR, fatal: false, buffer: bufferLen }); - } - // if buffer len is below threshold, try to jump to start of next buffer range if close - // no buffer available @ currentTime, check if next buffer is close (within a config.maxSeekHole second range) - var nextBufferStart = bufferInfo.nextStart, - delta = nextBufferStart - currentTime; - if (nextBufferStart && delta < config.maxSeekHole && delta > 0) { - this.nudgeRetry = ++nudgeRetry; - var nudgeOffset = nudgeRetry * config.nudgeOffset; - // next buffer is close ! adjust currentTime to nextBufferStart - // this will ensure effective video decoding - _logger.logger.log('adjust currentTime from ' + media.currentTime + ' to next buffered @ ' + nextBufferStart + ' + nudge ' + nudgeOffset); - media.currentTime = nextBufferStart + nudgeOffset; - // reset stalled so to rearm watchdog timer - this.stalled = undefined; - hls.trigger(_events2.default.ERROR, { type: _errors.ErrorTypes.MEDIA_ERROR, details: _errors.ErrorDetails.BUFFER_SEEK_OVER_HOLE, fatal: false, hole: nextBufferStart + nudgeOffset - currentTime }); - } - } else if (bufferLen > jumpThreshold && stalledDuration > config.highBufferWatchdogPeriod * 1000) { - // report stalled error once - if (!this.stallReported) { - this.stallReported = true; - _logger.logger.warn('playback stalling in high buffer @' + currentTime); - hls.trigger(_events2.default.ERROR, { type: _errors.ErrorTypes.MEDIA_ERROR, details: _errors.ErrorDetails.BUFFER_STALLED_ERROR, fatal: false, buffer: bufferLen }); - } - // reset stalled so to rearm watchdog timer - this.stalled = undefined; - this.nudgeRetry = ++nudgeRetry; - if (nudgeRetry < config.nudgeMaxRetry) { - var _currentTime = media.currentTime; - var targetTime = _currentTime + nudgeRetry * config.nudgeOffset; - _logger.logger.log('adjust currentTime from ' + _currentTime + ' to ' + targetTime); - // playback stalled in buffered area ... let's nudge currentTime to try to overcome this - media.currentTime = targetTime; - hls.trigger(_events2.default.ERROR, { type: _errors.ErrorTypes.MEDIA_ERROR, details: _errors.ErrorDetails.BUFFER_NUDGE_ON_STALL, fatal: false }); - } else { - _logger.logger.error('still stuck in high buffer @' + currentTime + ' after ' + config.nudgeMaxRetry + ', raise fatal error'); - hls.trigger(_events2.default.ERROR, { type: _errors.ErrorTypes.MEDIA_ERROR, details: _errors.ErrorDetails.BUFFER_STALLED_ERROR, fatal: true }); - } - } - } - } - } - } - } - } - }, { - key: 'onFragLoadEmergencyAborted', - value: function onFragLoadEmergencyAborted() { - this.state = State.IDLE; - // if loadedmetadata is not set, it means that we are emergency switch down on first frag - // in that case, reset startFragRequested flag - if (!this.loadedmetadata) { - this.startFragRequested = false; - this.nextLoadPosition = this.startPosition; - } - this.tick(); - } }, { key: 'onBufferFlushed', value: function onBufferFlushed() { - /* after successful buffer flushing, filter flushed fragments from bufferedFrags - use mediaBuffered instead of media (so that we will check against video.buffered ranges in case of alt audio track) - */ - var media = this.mediaBuffer ? this.mediaBuffer : this.media; - this._bufferedFrags = this._bufferedFrags.filter(function (frag) { - return _bufferHelper2.default.isBuffered(media, (frag.startPTS + frag.endPTS) / 2); - }); + var _this3 = this; - // increase fragment load Index to avoid frag loop loading error after buffer flush - this.fragLoadIdx += 2 * this.config.fragLoadingLoopThreshold; - // move to IDLE once flush complete. this should trigger new fragment loading - this.state = State.IDLE; - // reset reference to frag - this.fragPrevious = null; - } - }, { - key: 'swapAudioCodec', - value: function swapAudioCodec() { - this.audioCodecSwap = !this.audioCodecSwap; - } - }, { - key: 'computeLivePosition', - value: function computeLivePosition(sliding, levelDetails) { - var targetLatency = this.config.liveSyncDuration !== undefined ? this.config.liveSyncDuration : this.config.liveSyncDurationCount * levelDetails.targetduration; - return sliding + Math.max(0, levelDetails.totalduration - targetLatency); + var pendingData = this.pendingData; + if (pendingData && pendingData.length) { + _logger.logger.log('appending pending audio data on Buffer Flushed'); + pendingData.forEach(function (appendObj) { + _this3.hls.trigger(_events2.default.BUFFER_APPENDING, appendObj); + }); + this.appended = true; + this.pendingData = []; + this.state = State.PARSED; + } else { + // move to IDLE once flush complete. this should trigger new fragment loading + this.state = State.IDLE; + // reset reference to frag + this.fragPrevious = null; + this.tick(); + } } }, { key: 'state', @@ -22688,62 +17876,20 @@ var StreamController = function (_EventHandler) { if (this.state !== nextState) { var previousState = this.state; this._state = nextState; - _logger.logger.log('main stream:' + previousState + '->' + nextState); - this.hls.trigger(_events2.default.STREAM_STATE_TRANSITION, { previousState: previousState, nextState: nextState }); + _logger.logger.log('audio stream:' + previousState + '->' + nextState); } }, get: function get() { return this._state; } - }, { - key: 'currentLevel', - get: function get() { - var media = this.media; - if (media) { - var frag = this.getBufferedFrag(media.currentTime); - if (frag) { - return frag.level; - } - } - return -1; - } - }, { - key: 'nextBufferedFrag', - get: function get() { - var media = this.media; - if (media) { - // first get end range of current fragment - return this.followingBufferedFrag(this.getBufferedFrag(media.currentTime)); - } else { - return null; - } - } - }, { - key: 'nextLevel', - get: function get() { - var frag = this.nextBufferedFrag; - if (frag) { - return frag.level; - } else { - return -1; - } - } - }, { - key: 'liveSyncPosition', - get: function get() { - return this._liveSyncPosition; - }, - set: function set(value) { - this._liveSyncPosition = value; - } }]); - return StreamController; + return AudioStreamController; }(_eventHandler2.default); -exports.default = StreamController; +exports.default = AudioStreamController; -},{"24":24,"30":30,"31":31,"32":32,"34":34,"35":35,"45":45,"50":50,"51":51}],13:[function(_dereq_,module,exports){ +},{"25":25,"33":33,"34":34,"35":35,"37":37,"38":38,"48":48,"53":53,"54":54}],7:[function(_dereq_,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { @@ -22752,15 +17898,15 @@ Object.defineProperty(exports, "__esModule", { var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); -var _events = _dereq_(32); +var _events = _dereq_(35); var _events2 = _interopRequireDefault(_events); -var _eventHandler = _dereq_(31); +var _eventHandler = _dereq_(34); var _eventHandler2 = _interopRequireDefault(_eventHandler); -var _logger = _dereq_(50); +var _logger = _dereq_(53); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } @@ -22769,143 +17915,178 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /* - * Subtitle Stream Controller + * audio track controller */ -var SubtitleStreamController = function (_EventHandler) { - _inherits(SubtitleStreamController, _EventHandler); +var AudioTrackController = function (_EventHandler) { + _inherits(AudioTrackController, _EventHandler); - function SubtitleStreamController(hls) { - _classCallCheck(this, SubtitleStreamController); + function AudioTrackController(hls) { + _classCallCheck(this, AudioTrackController); - var _this = _possibleConstructorReturn(this, (SubtitleStreamController.__proto__ || Object.getPrototypeOf(SubtitleStreamController)).call(this, hls, _events2.default.ERROR, _events2.default.SUBTITLE_TRACKS_UPDATED, _events2.default.SUBTITLE_TRACK_SWITCH, _events2.default.SUBTITLE_TRACK_LOADED, _events2.default.SUBTITLE_FRAG_PROCESSED)); + var _this = _possibleConstructorReturn(this, (AudioTrackController.__proto__ || Object.getPrototypeOf(AudioTrackController)).call(this, hls, _events2.default.MANIFEST_LOADING, _events2.default.MANIFEST_LOADED, _events2.default.AUDIO_TRACK_LOADED)); - _this.config = hls.config; - _this.vttFragSNsProcessed = {}; - _this.vttFragQueues = undefined; - _this.currentlyProcessing = null; - _this.currentTrackId = -1; + _this.ticks = 0; + _this.ontick = _this.tick.bind(_this); return _this; } - _createClass(SubtitleStreamController, [{ + _createClass(AudioTrackController, [{ key: 'destroy', value: function destroy() { _eventHandler2.default.prototype.destroy.call(this); } - - // Remove all queued items and create a new, empty queue for each track. - }, { - key: 'clearVttFragQueues', - value: function clearVttFragQueues() { + key: 'tick', + value: function tick() { + this.ticks++; + if (this.ticks === 1) { + this.doTick(); + if (this.ticks > 1) { + setTimeout(this.tick, 1); + } + this.ticks = 0; + } + } + }, { + key: 'doTick', + value: function doTick() { + this.updateTrack(this.trackId); + } + }, { + key: 'onManifestLoading', + value: function onManifestLoading() { + // reset audio tracks on manifest loading + this.tracks = []; + this.trackId = -1; + } + }, { + key: 'onManifestLoaded', + value: function onManifestLoaded(data) { var _this2 = this; - this.vttFragQueues = {}; - this.tracks.forEach(function (track) { - _this2.vttFragQueues[track.id] = []; + var tracks = data.audioTracks || []; + var defaultFound = false; + this.tracks = tracks; + this.hls.trigger(_events2.default.AUDIO_TRACKS_UPDATED, { audioTracks: tracks }); + // loop through available audio tracks and autoselect default if needed + var id = 0; + tracks.forEach(function (track) { + if (track.default) { + _this2.audioTrack = id; + defaultFound = true; + return; + } + id++; }); - } - - // If no frag is being processed and queue isn't empty, initiate processing of next frag in line. - - }, { - key: 'nextFrag', - value: function nextFrag() { - if (this.currentlyProcessing === null && this.currentTrackId > -1 && this.vttFragQueues[this.currentTrackId].length) { - var frag = this.currentlyProcessing = this.vttFragQueues[this.currentTrackId].shift(); - this.hls.trigger(_events2.default.FRAG_LOADING, { frag: frag }); + if (defaultFound === false && tracks.length) { + _logger.logger.log('no default audio track defined, use first audio track as default'); + this.audioTrack = 0; } } - - // When fragment has finished processing, add sn to list of completed if successful. - }, { - key: 'onSubtitleFragProcessed', - value: function onSubtitleFragProcessed(data) { - if (data.success) { - this.vttFragSNsProcessed[data.frag.trackId].push(data.frag.sn); + key: 'onAudioTrackLoaded', + value: function onAudioTrackLoaded(data) { + if (data.id < this.tracks.length) { + _logger.logger.log('audioTrack ' + data.id + ' loaded'); + this.tracks[data.id].details = data.details; + // check if current playlist is a live playlist + if (data.details.live && !this.timer) { + // if live playlist we will have to reload it periodically + // set reload period to playlist target duration + this.timer = setInterval(this.ontick, 1000 * data.details.targetduration); + } + if (!data.details.live && this.timer) { + // playlist is not live and timer is armed : stopping it + clearInterval(this.timer); + this.timer = null; + } } - this.currentlyProcessing = null; - this.nextFrag(); } - // If something goes wrong, procede to next frag, if we were processing one. + /** get alternate audio tracks list from playlist **/ }, { - key: 'onError', - value: function onError(data) { - var frag = data.frag; - // don't handle frag error not related to subtitle fragment - if (frag && frag.type !== 'subtitle') { - return; - } - if (this.currentlyProcessing) { - this.currentlyProcessing = null; - this.nextFrag(); + key: 'setAudioTrackInternal', + value: function setAudioTrackInternal(newId) { + // check if level idx is valid + if (newId >= 0 && newId < this.tracks.length) { + // stopping live reloading timer if any + if (this.timer) { + clearInterval(this.timer); + this.timer = null; + } + this.trackId = newId; + _logger.logger.log('switching to audioTrack ' + newId); + var audioTrack = this.tracks[newId], + hls = this.hls, + type = audioTrack.type, + url = audioTrack.url, + eventObj = { id: newId, type: type, url: url }; + // keep AUDIO_TRACK_SWITCH for legacy reason + hls.trigger(_events2.default.AUDIO_TRACK_SWITCH, eventObj); + hls.trigger(_events2.default.AUDIO_TRACK_SWITCHING, eventObj); + // check if we need to load playlist for this audio Track + var details = audioTrack.details; + if (url && (details === undefined || details.live === true)) { + // track not retrieved yet, or live playlist we need to (re)load it + _logger.logger.log('(re)loading playlist for audioTrack ' + newId); + hls.trigger(_events2.default.AUDIO_TRACK_LOADING, { url: url, id: newId }); + } } } - - // Got all new subtitle tracks. - }, { - key: 'onSubtitleTracksUpdated', - value: function onSubtitleTracksUpdated(data) { - var _this3 = this; - - _logger.logger.log('subtitle tracks updated'); - this.tracks = data.subtitleTracks; - this.clearVttFragQueues(); - this.vttFragSNsProcessed = {}; - this.tracks.forEach(function (track) { - _this3.vttFragSNsProcessed[track.id] = []; - }); + key: 'updateTrack', + value: function updateTrack(newId) { + // check if level idx is valid + if (newId >= 0 && newId < this.tracks.length) { + // stopping live reloading timer if any + if (this.timer) { + clearInterval(this.timer); + this.timer = null; + } + this.trackId = newId; + _logger.logger.log('updating audioTrack ' + newId); + var audioTrack = this.tracks[newId], + url = audioTrack.url; + // check if we need to load playlist for this audio Track + var details = audioTrack.details; + if (url && (details === undefined || details.live === true)) { + // track not retrieved yet, or live playlist we need to (re)load it + _logger.logger.log('(re)loading playlist for audioTrack ' + newId); + this.hls.trigger(_events2.default.AUDIO_TRACK_LOADING, { url: url, id: newId }); + } + } } }, { - key: 'onSubtitleTrackSwitch', - value: function onSubtitleTrackSwitch(data) { - this.currentTrackId = data.id; - this.clearVttFragQueues(); + key: 'audioTracks', + get: function get() { + return this.tracks; } - // Got a new set of subtitle fragments. + /** get index of the selected audio track (index in audio track lists) **/ }, { - key: 'onSubtitleTrackLoaded', - value: function onSubtitleTrackLoaded(data) { - var processedFragSNs = this.vttFragSNsProcessed[data.id], - fragQueue = this.vttFragQueues[data.id], - currentFragSN = !!this.currentlyProcessing ? this.currentlyProcessing.sn : -1; - - var alreadyProcessed = function alreadyProcessed(frag) { - return processedFragSNs.indexOf(frag.sn) > -1; - }; - - var alreadyInQueue = function alreadyInQueue(frag) { - return fragQueue.some(function (fragInQueue) { - return fragInQueue.sn === frag.sn; - }); - }; - - // Add all fragments that haven't been, aren't currently being and aren't waiting to be processed, to queue. - data.details.fragments.forEach(function (frag) { - if (!(alreadyProcessed(frag) || frag.sn === currentFragSN || alreadyInQueue(frag))) { - // Frags don't know their subtitle track ID, so let's just add that... - frag.trackId = data.id; - fragQueue.push(frag); - } - }); + key: 'audioTrack', + get: function get() { + return this.trackId; + } - this.nextFrag(); + /** select an audio track, based on its index in audio track lists**/ + , + set: function set(audioTrackId) { + if (this.trackId !== audioTrackId || this.tracks[audioTrackId].details === undefined) { + this.setAudioTrackInternal(audioTrackId); + } } }]); - return SubtitleStreamController; + return AudioTrackController; }(_eventHandler2.default); -exports.default = SubtitleStreamController; +exports.default = AudioTrackController; -},{"31":31,"32":32,"50":50}],14:[function(_dereq_,module,exports){ +},{"34":34,"35":35,"53":53}],8:[function(_dereq_,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { @@ -22914,15 +18095,17 @@ Object.defineProperty(exports, "__esModule", { var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); -var _events = _dereq_(32); +var _events = _dereq_(35); var _events2 = _interopRequireDefault(_events); -var _eventHandler = _dereq_(31); +var _eventHandler = _dereq_(34); var _eventHandler2 = _interopRequireDefault(_eventHandler); -var _logger = _dereq_(50); +var _logger = _dereq_(53); + +var _errors = _dereq_(33); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } @@ -22931,562 +18114,607 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /* - * audio track controller + * Buffer Controller */ -var SubtitleTrackController = function (_EventHandler) { - _inherits(SubtitleTrackController, _EventHandler); +var BufferController = function (_EventHandler) { + _inherits(BufferController, _EventHandler); - function SubtitleTrackController(hls) { - _classCallCheck(this, SubtitleTrackController); + function BufferController(hls) { + _classCallCheck(this, BufferController); - var _this = _possibleConstructorReturn(this, (SubtitleTrackController.__proto__ || Object.getPrototypeOf(SubtitleTrackController)).call(this, hls, _events2.default.MEDIA_ATTACHED, _events2.default.MEDIA_DETACHING, _events2.default.MANIFEST_LOADING, _events2.default.MANIFEST_LOADED, _events2.default.SUBTITLE_TRACK_LOADED)); + // the value that we have set mediasource.duration to + // (the actual duration may be tweaked slighly by the browser) + var _this = _possibleConstructorReturn(this, (BufferController.__proto__ || Object.getPrototypeOf(BufferController)).call(this, hls, _events2.default.MEDIA_ATTACHING, _events2.default.MEDIA_DETACHING, _events2.default.MANIFEST_PARSED, _events2.default.BUFFER_RESET, _events2.default.BUFFER_APPENDING, _events2.default.BUFFER_CODECS, _events2.default.BUFFER_EOS, _events2.default.BUFFER_FLUSHING, _events2.default.LEVEL_PTS_UPDATED, _events2.default.LEVEL_UPDATED)); - _this.tracks = []; - _this.trackId = -1; - _this.media = undefined; + _this._msDuration = null; + // the value that we want to set mediaSource.duration to + _this._levelDuration = null; + + // Source Buffer listeners + _this.onsbue = _this.onSBUpdateEnd.bind(_this); + _this.onsbe = _this.onSBUpdateError.bind(_this); + _this.pendingTracks = {}; + _this.tracks = {}; return _this; } - _createClass(SubtitleTrackController, [{ + _createClass(BufferController, [{ key: 'destroy', value: function destroy() { _eventHandler2.default.prototype.destroy.call(this); } + }, { + key: 'onLevelPtsUpdated', + value: function onLevelPtsUpdated(data) { + var type = data.type; + var audioTrack = this.tracks.audio; - // Listen for subtitle track change, then extract the current track ID. + // Adjusting `SourceBuffer.timestampOffset` (desired point in the timeline where the next frames should be appended) + // in Chrome browser when we detect MPEG audio container and time delta between level PTS and `SourceBuffer.timestampOffset` + // is greater than 100ms (this is enough to handle seek for VOD or level change for LIVE videos). At the time of change we issue + // `SourceBuffer.abort()` and adjusting `SourceBuffer.timestampOffset` if `SourceBuffer.updating` is false or awaiting `updateend` + // event if SB is in updating state. + // More info here: https://github.com/video-dev/hls.js/issues/332#issuecomment-257986486 - }, { - key: 'onMediaAttached', - value: function onMediaAttached(data) { - var _this2 = this; + if (type === 'audio' && audioTrack && audioTrack.container === 'audio/mpeg') { + // Chrome audio mp3 track + var audioBuffer = this.sourceBuffer.audio; + var delta = Math.abs(audioBuffer.timestampOffset - data.start); - this.media = data.media; - if (!this.media) { - return; - } + // adjust timestamp offset if time delta is greater than 100ms + if (delta > 0.1) { + var updating = audioBuffer.updating; - this.media.textTracks.addEventListener('change', function () { - // Media is undefined when switching streams via loadSource() - if (!_this2.media) { - return; - } + try { + audioBuffer.abort(); + } catch (err) { + updating = true; + _logger.logger.warn('can not abort audio buffer: ' + err); + } - var trackId = -1; - var tracks = _this2.media.textTracks; - for (var id = 0; id < tracks.length; id++) { - if (tracks[id].mode === 'showing') { - trackId = id; + if (!updating) { + _logger.logger.warn('change mpeg audio timestamp offset from ' + audioBuffer.timestampOffset + ' to ' + data.start); + audioBuffer.timestampOffset = data.start; + } else { + this.audioTimestampOffset = data.start; } } - // Setting current subtitleTrack will invoke code. - _this2.subtitleTrack = trackId; - }); + } } }, { - key: 'onMediaDetaching', - value: function onMediaDetaching() { - // TODO: Remove event listeners. - this.media = undefined; + key: 'onManifestParsed', + value: function onManifestParsed(data) { + var audioExpected = data.audio, + videoExpected = data.video, + sourceBufferNb = 0; + // in case of alt audio 2 BUFFER_CODECS events will be triggered, one per stream controller + // sourcebuffers will be created all at once when the expected nb of tracks will be reached + // in case alt audio is not used, only one BUFFER_CODEC event will be fired from main stream controller + // it will contain the expected nb of source buffers, no need to compute it + if (data.altAudio && (audioExpected || videoExpected)) { + sourceBufferNb = (audioExpected ? 1 : 0) + (videoExpected ? 1 : 0); + _logger.logger.log(sourceBufferNb + ' sourceBuffer(s) expected'); + } + this.sourceBufferNb = sourceBufferNb; } - - // Reset subtitle tracks on manifest loading - }, { - key: 'onManifestLoading', - value: function onManifestLoading() { - this.tracks = []; - this.trackId = -1; + key: 'onMediaAttaching', + value: function onMediaAttaching(data) { + var media = this.media = data.media; + if (media) { + // setup the media source + var ms = this.mediaSource = new MediaSource(); + //Media Source listeners + this.onmso = this.onMediaSourceOpen.bind(this); + this.onmse = this.onMediaSourceEnded.bind(this); + this.onmsc = this.onMediaSourceClose.bind(this); + ms.addEventListener('sourceopen', this.onmso); + ms.addEventListener('sourceended', this.onmse); + ms.addEventListener('sourceclose', this.onmsc); + // link video and media Source + media.src = URL.createObjectURL(ms); + } } - - // Fired whenever a new manifest is loaded. - }, { - key: 'onManifestLoaded', - value: function onManifestLoaded(data) { - var _this3 = this; - - var tracks = data.subtitles || []; - var defaultFound = false; - this.tracks = tracks; - this.trackId = -1; - this.hls.trigger(_events2.default.SUBTITLE_TRACKS_UPDATED, { subtitleTracks: tracks }); - - // loop through available subtitle tracks and autoselect default if needed - // TODO: improve selection logic to handle forced, etc - tracks.forEach(function (track) { - if (track.default) { - _this3.subtitleTrack = track.id; - defaultFound = true; + key: 'onMediaDetaching', + value: function onMediaDetaching() { + _logger.logger.log('media source detaching'); + var ms = this.mediaSource; + if (ms) { + if (ms.readyState === 'open') { + try { + // endOfStream could trigger exception if any sourcebuffer is in updating state + // we don't really care about checking sourcebuffer state here, + // as we are anyway detaching the MediaSource + // let's just avoid this exception to propagate + ms.endOfStream(); + } catch (err) { + _logger.logger.warn('onMediaDetaching:' + err.message + ' while calling endOfStream'); + } } - }); - } - - // Trigger subtitle track playlist reload. + ms.removeEventListener('sourceopen', this.onmso); + ms.removeEventListener('sourceended', this.onmse); + ms.removeEventListener('sourceclose', this.onmsc); - }, { - key: 'onTick', - value: function onTick() { - var trackId = this.trackId; - var subtitleTrack = this.tracks[trackId]; - if (!subtitleTrack) { - return; - } + // Detach properly the MediaSource from the HTMLMediaElement as + // suggested in https://github.com/w3c/media-source/issues/53. + if (this.media) { + URL.revokeObjectURL(this.media.src); + this.media.removeAttribute('src'); + this.media.load(); + } - var details = subtitleTrack.details; - // check if we need to load playlist for this subtitle Track - if (details === undefined || details.live === true) { - // track not retrieved yet, or live playlist we need to (re)load it - _logger.logger.log('(re)loading playlist for subtitle track ' + trackId); - this.hls.trigger(_events2.default.SUBTITLE_TRACK_LOADING, { url: subtitleTrack.url, id: trackId }); + this.mediaSource = null; + this.media = null; + this.pendingTracks = {}; + this.tracks = {}; + this.sourceBuffer = {}; + this.flushRange = []; + this.segments = []; + this.appended = 0; } + this.onmso = this.onmse = this.onmsc = null; + this.hls.trigger(_events2.default.MEDIA_DETACHED); } }, { - key: 'onSubtitleTrackLoaded', - value: function onSubtitleTrackLoaded(data) { - var _this4 = this; - - if (data.id < this.tracks.length) { - _logger.logger.log('subtitle track ' + data.id + ' loaded'); - this.tracks[data.id].details = data.details; - // check if current playlist is a live playlist - if (data.details.live && !this.timer) { - // if live playlist we will have to reload it periodically - // set reload period to playlist target duration - this.timer = setInterval(function () { - _this4.onTick(); - }, 1000 * data.details.targetduration, this); - } - if (!data.details.live && this.timer) { - // playlist is not live and timer is armed : stopping it - clearInterval(this.timer); - this.timer = null; - } + key: 'onMediaSourceOpen', + value: function onMediaSourceOpen() { + _logger.logger.log('media source opened'); + this.hls.trigger(_events2.default.MEDIA_ATTACHED, { media: this.media }); + var mediaSource = this.mediaSource; + if (mediaSource) { + // once received, don't listen anymore to sourceopen event + mediaSource.removeEventListener('sourceopen', this.onmso); } + this.checkPendingTracks(); } - - /** get alternate subtitle tracks list from playlist **/ - }, { - key: 'setSubtitleTrackInternal', - value: function setSubtitleTrackInternal(newId) { - // check if level idx is valid - if (newId >= 0 && newId < this.tracks.length) { - // stopping live reloading timer if any - if (this.timer) { - clearInterval(this.timer); - this.timer = null; - } - this.trackId = newId; - _logger.logger.log('switching to subtitle track ' + newId); - var subtitleTrack = this.tracks[newId]; - this.hls.trigger(_events2.default.SUBTITLE_TRACK_SWITCH, { id: newId }); - // check if we need to load playlist for this subtitle Track - var details = subtitleTrack.details; - if (details === undefined || details.live === true) { - // track not retrieved yet, or live playlist we need to (re)load it - _logger.logger.log('(re)loading playlist for subtitle track ' + newId); - this.hls.trigger(_events2.default.SUBTITLE_TRACK_LOADING, { url: subtitleTrack.url, id: newId }); - } + key: 'checkPendingTracks', + value: function checkPendingTracks() { + // if any buffer codecs pending, check if we have enough to create sourceBuffers + var pendingTracks = this.pendingTracks, + pendingTracksNb = Object.keys(pendingTracks).length; + // if any pending tracks and (if nb of pending tracks gt or equal than expected nb or if unknown expected nb) + if (pendingTracksNb && (this.sourceBufferNb <= pendingTracksNb || this.sourceBufferNb === 0)) { + // ok, let's create them now ! + this.createSourceBuffers(pendingTracks); + this.pendingTracks = {}; + // append any pending segments now ! + this.doAppending(); } } }, { - key: 'subtitleTracks', - get: function get() { - return this.tracks; + key: 'onMediaSourceClose', + value: function onMediaSourceClose() { + _logger.logger.log('media source closed'); } - - /** get index of the selected subtitle track (index in subtitle track lists) **/ - }, { - key: 'subtitleTrack', - get: function get() { - return this.trackId; + key: 'onMediaSourceEnded', + value: function onMediaSourceEnded() { + _logger.logger.log('media source ended'); } - - /** select a subtitle track, based on its index in subtitle track lists**/ - , - set: function set(subtitleTrackId) { - if (this.trackId !== subtitleTrackId) { - // || this.tracks[subtitleTrackId].details === undefined) { - this.setSubtitleTrackInternal(subtitleTrackId); + }, { + key: 'onSBUpdateEnd', + value: function onSBUpdateEnd() { + // update timestampOffset + if (this.audioTimestampOffset) { + var audioBuffer = this.sourceBuffer.audio; + _logger.logger.warn('change mpeg audio timestamp offset from ' + audioBuffer.timestampOffset + ' to ' + this.audioTimestampOffset); + audioBuffer.timestampOffset = this.audioTimestampOffset; + delete this.audioTimestampOffset; } - } - }]); - - return SubtitleTrackController; -}(_eventHandler2.default); - -exports.default = SubtitleTrackController; - -},{"31":31,"32":32,"50":50}],15:[function(_dereq_,module,exports){ -'use strict'; - -Object.defineProperty(exports, "__esModule", { - value: true -}); - -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); - -var _events = _dereq_(32); - -var _events2 = _interopRequireDefault(_events); - -var _eventHandler = _dereq_(31); - -var _eventHandler2 = _interopRequireDefault(_eventHandler); - -var _cea608Parser = _dereq_(46); - -var _cea608Parser2 = _interopRequireDefault(_cea608Parser); - -var _webvttParser = _dereq_(54); - -var _webvttParser2 = _interopRequireDefault(_webvttParser); - -var _logger = _dereq_(50); -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } + if (this._needsFlush) { + this.doFlush(); + } -function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } + if (this._needsEos) { + this.checkEos(); + } + this.appending = false; + var parent = this.parent; + // count nb of pending segments waiting for appending on this sourcebuffer + var pending = this.segments.reduce(function (counter, segment) { + return segment.parent === parent ? counter + 1 : counter; + }, 0); + this.hls.trigger(_events2.default.BUFFER_APPENDED, { parent: parent, pending: pending }); -function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /* - * Timeline Controller - */ + // don't append in flushing mode + if (!this._needsFlush) { + this.doAppending(); + } -function clearCurrentCues(track) { - if (track && track.cues) { - while (track.cues.length > 0) { - track.removeCue(track.cues[0]); + this.updateMediaElementDuration(); } - } -} - -function reuseVttTextTrack(inUseTrack, manifestTrack) { - return inUseTrack && inUseTrack.label === manifestTrack.name && !(inUseTrack.textTrack1 || inUseTrack.textTrack2); -} - -function intersection(x1, x2, y1, y2) { - return Math.min(x2, y2) - Math.max(x1, y1); -} - -var TimelineController = function (_EventHandler) { - _inherits(TimelineController, _EventHandler); - - function TimelineController(hls) { - _classCallCheck(this, TimelineController); - - var _this = _possibleConstructorReturn(this, (TimelineController.__proto__ || Object.getPrototypeOf(TimelineController)).call(this, hls, _events2.default.MEDIA_ATTACHING, _events2.default.MEDIA_DETACHING, _events2.default.FRAG_PARSING_USERDATA, _events2.default.MANIFEST_LOADING, _events2.default.MANIFEST_LOADED, _events2.default.FRAG_LOADED, _events2.default.LEVEL_SWITCHING, _events2.default.INIT_PTS_FOUND)); - - _this.hls = hls; - _this.config = hls.config; - _this.enabled = true; - _this.Cues = hls.config.cueHandler; - _this.textTracks = []; - _this.tracks = []; - _this.unparsedVttFrags = []; - _this.initPTS = undefined; - _this.cueRanges = []; - - if (_this.config.enableCEA708Captions) { - var self = _this; - var sendAddTrackEvent = function sendAddTrackEvent(track, media) { - var e = null; + }, { + key: 'onSBUpdateError', + value: function onSBUpdateError(event) { + _logger.logger.error('sourceBuffer error:', event); + // according to http://www.w3.org/TR/media-source/#sourcebuffer-append-error + // this error might not always be fatal (it is fatal if decode error is set, in that case + // it will be followed by a mediaElement error ...) + this.hls.trigger(_events2.default.ERROR, { type: _errors.ErrorTypes.MEDIA_ERROR, details: _errors.ErrorDetails.BUFFER_APPENDING_ERROR, fatal: false }); + // we don't need to do more than that, as accordin to the spec, updateend will be fired just after + } + }, { + key: 'onBufferReset', + value: function onBufferReset() { + var sourceBuffer = this.sourceBuffer; + for (var type in sourceBuffer) { + var sb = sourceBuffer[type]; try { - e = new window.Event('addtrack'); - } catch (err) { - //for IE11 - e = document.createEvent('Event'); - e.initEvent('addtrack', false, false); - } - e.track = track; - media.dispatchEvent(e); - }; - - var channel1 = { - 'newCue': function newCue(startTime, endTime, screen) { - if (!self.textTrack1) { - //Enable reuse of existing text track. - var existingTrack1 = self.getExistingTrack('1'); - if (!existingTrack1) { - var textTrack1 = self.createTextTrack('captions', self.config.captionsTextTrack1Label, self.config.captionsTextTrack1LanguageCode); - if (textTrack1) { - textTrack1.textTrack1 = true; - self.textTrack1 = textTrack1; - } - } else { - self.textTrack1 = existingTrack1; - clearCurrentCues(self.textTrack1); - - sendAddTrackEvent(self.textTrack1, self.media); - } - } - self.addCues('textTrack1', startTime, endTime, screen); + this.mediaSource.removeSourceBuffer(sb); + sb.removeEventListener('updateend', this.onsbue); + sb.removeEventListener('error', this.onsbe); + } catch (err) {} + } + this.sourceBuffer = {}; + this.flushRange = []; + this.segments = []; + this.appended = 0; + } + }, { + key: 'onBufferCodecs', + value: function onBufferCodecs(tracks) { + // if source buffer(s) not created yet, appended buffer tracks in this.pendingTracks + // if sourcebuffers already created, do nothing ... + if (Object.keys(this.sourceBuffer).length === 0) { + for (var trackName in tracks) { + this.pendingTracks[trackName] = tracks[trackName]; } - }; - - var channel2 = { - 'newCue': function newCue(startTime, endTime, screen) { - if (!self.textTrack2) { - //Enable reuse of existing text track. - var existingTrack2 = self.getExistingTrack('2'); - if (!existingTrack2) { - var textTrack2 = self.createTextTrack('captions', self.config.captionsTextTrack2Label, self.config.captionsTextTrack1LanguageCode); - if (textTrack2) { - textTrack2.textTrack2 = true; - self.textTrack2 = textTrack2; - } - } else { - self.textTrack2 = existingTrack2; - clearCurrentCues(self.textTrack2); - - sendAddTrackEvent(self.textTrack2, self.media); - } - } - self.addCues('textTrack2', startTime, endTime, screen); + var mediaSource = this.mediaSource; + if (mediaSource && mediaSource.readyState === 'open') { + // try to create sourcebuffers if mediasource opened + this.checkPendingTracks(); } - }; - - _this.cea608Parser = new _cea608Parser2.default(0, channel1, channel2); + } } - return _this; - } + }, { + key: 'createSourceBuffers', + value: function createSourceBuffers(tracks) { + var sourceBuffer = this.sourceBuffer, + mediaSource = this.mediaSource; - _createClass(TimelineController, [{ - key: 'addCues', - value: function addCues(channel, startTime, endTime, screen) { - // skip cues which overlap more than 50% with previously parsed time ranges - var ranges = this.cueRanges; - var merged = false; - for (var i = ranges.length; i--;) { - var cueRange = ranges[i]; - var overlap = intersection(cueRange[0], cueRange[1], startTime, endTime); - if (overlap >= 0) { - cueRange[0] = Math.min(cueRange[0], startTime); - cueRange[1] = Math.max(cueRange[1], endTime); - merged = true; - if (overlap / (endTime - startTime) > 0.5) { - return; + for (var trackName in tracks) { + if (!sourceBuffer[trackName]) { + var track = tracks[trackName]; + // use levelCodec as first priority + var codec = track.levelCodec || track.codec; + var mimeType = track.container + ';codecs=' + codec; + _logger.logger.log('creating sourceBuffer(' + mimeType + ')'); + try { + var sb = sourceBuffer[trackName] = mediaSource.addSourceBuffer(mimeType); + sb.addEventListener('updateend', this.onsbue); + sb.addEventListener('error', this.onsbe); + this.tracks[trackName] = { codec: codec, container: track.container }; + track.buffer = sb; + } catch (err) { + _logger.logger.error('error while trying to add sourceBuffer:' + err.message); + this.hls.trigger(_events2.default.ERROR, { type: _errors.ErrorTypes.MEDIA_ERROR, details: _errors.ErrorDetails.BUFFER_ADD_CODEC_ERROR, fatal: false, err: err, mimeType: mimeType }); } } } - if (!merged) { - ranges.push([startTime, endTime]); - } - this.Cues.newCue(this[channel], startTime, endTime, screen); + this.hls.trigger(_events2.default.BUFFER_CREATED, { tracks: tracks }); } - - // Triggered when an initial PTS is found; used for synchronisation of WebVTT. - }, { - key: 'onInitPtsFound', - value: function onInitPtsFound(data) { - var _this2 = this; - - if (typeof this.initPTS === 'undefined') { - this.initPTS = data.initPTS; - } - - // Due to asynchrony, initial PTS may arrive later than the first VTT fragments are loaded. - // Parse any unparsed fragments upon receiving the initial PTS. - if (this.unparsedVttFrags.length) { - this.unparsedVttFrags.forEach(function (frag) { - _this2.onFragLoaded(frag); - }); - this.unparsedVttFrags = []; + key: 'onBufferAppending', + value: function onBufferAppending(data) { + if (!this._needsFlush) { + if (!this.segments) { + this.segments = [data]; + } else { + this.segments.push(data); + } + this.doAppending(); } } }, { - key: 'getExistingTrack', - value: function getExistingTrack(channelNumber) { - var media = this.media; - if (media) { - for (var i = 0; i < media.textTracks.length; i++) { - var textTrack = media.textTracks[i]; - var propName = 'textTrack' + channelNumber; - if (textTrack[propName] === true) { - return textTrack; + key: 'onBufferAppendFail', + value: function onBufferAppendFail(data) { + _logger.logger.error('sourceBuffer error:', data.event); + // according to http://www.w3.org/TR/media-source/#sourcebuffer-append-error + // this error might not always be fatal (it is fatal if decode error is set, in that case + // it will be followed by a mediaElement error ...) + this.hls.trigger(_events2.default.ERROR, { type: _errors.ErrorTypes.MEDIA_ERROR, details: _errors.ErrorDetails.BUFFER_APPENDING_ERROR, fatal: false }); + } + + // on BUFFER_EOS mark matching sourcebuffer(s) as ended and trigger checkEos() + + }, { + key: 'onBufferEos', + value: function onBufferEos(data) { + var sb = this.sourceBuffer; + var dataType = data.type; + for (var type in sb) { + if (!dataType || type === dataType) { + if (!sb[type].ended) { + sb[type].ended = true; + _logger.logger.log(type + ' sourceBuffer now EOS'); } } } - return null; + this.checkEos(); } + + // if all source buffers are marked as ended, signal endOfStream() to MediaSource. + }, { - key: 'createTextTrack', - value: function createTextTrack(kind, label, lang) { - var media = this.media; - if (media) { - return media.addTextTrack(kind, label, lang); + key: 'checkEos', + value: function checkEos() { + var sb = this.sourceBuffer, + mediaSource = this.mediaSource; + if (!mediaSource || mediaSource.readyState !== 'open') { + this._needsEos = false; + return; } + for (var type in sb) { + var sbobj = sb[type]; + if (!sbobj.ended) { + return; + } + if (sbobj.updating) { + this._needsEos = true; + return; + } + } + _logger.logger.log('all media data available, signal endOfStream() to MediaSource and stop loading fragment'); + //Notify the media element that it now has all of the media data + try { + mediaSource.endOfStream(); + } catch (e) { + _logger.logger.warn('exception while calling mediaSource.endOfStream()'); + } + this._needsEos = false; } }, { - key: 'destroy', - value: function destroy() { - _eventHandler2.default.prototype.destroy.call(this); - } - }, { - key: 'onMediaAttaching', - value: function onMediaAttaching(data) { - this.media = data.media; - } - }, { - key: 'onMediaDetaching', - value: function onMediaDetaching() { - clearCurrentCues(this.textTrack1); - clearCurrentCues(this.textTrack2); + key: 'onBufferFlushing', + value: function onBufferFlushing(data) { + this.flushRange.push({ start: data.startOffset, end: data.endOffset, type: data.type }); + // attempt flush immediatly + this.flushBufferCounter = 0; + this.doFlush(); } }, { - key: 'onManifestLoading', - value: function onManifestLoading() { - this.lastSn = -1; // Detect discontiguity in fragment parsing - this.prevCC = -1; - this.vttCCs = { ccOffset: 0, presentationOffset: 0 }; // Detect discontinuity in subtitle manifests - - // clear outdated subtitles - var media = this.media; - if (media) { - var textTracks = media.textTracks; - if (textTracks) { - for (var i = 0; i < textTracks.length; i++) { - clearCurrentCues(textTracks[i]); - } - } + key: 'onLevelUpdated', + value: function onLevelUpdated(event) { + var details = event.details; + if (details.fragments.length === 0) { + return; } + this._levelDuration = details.totalduration + details.fragments[0].start; + this.updateMediaElementDuration(); } - }, { - key: 'onManifestLoaded', - value: function onManifestLoaded(data) { - var _this3 = this; - - this.textTracks = []; - this.unparsedVttFrags = this.unparsedVttFrags || []; - this.initPTS = undefined; - this.cueRanges = []; - if (this.config.enableWebVTT) { - this.tracks = data.subtitles || []; - var inUseTracks = this.media ? this.media.textTracks : []; + // https://github.com/video-dev/hls.js/issues/355 - this.tracks.forEach(function (track, index) { - var textTrack = void 0; - if (index < inUseTracks.length) { - var inUseTrack = inUseTracks[index]; - // Reuse tracks with the same label, but do not reuse 608/708 tracks - if (reuseVttTextTrack(inUseTrack, track)) { - textTrack = inUseTrack; - } - } - if (!textTrack) { - textTrack = _this3.createTextTrack('subtitles', track.name, track.lang); - } - textTrack.mode = track.default ? 'showing' : 'hidden'; - _this3.textTracks.push(textTrack); - }); - } - } }, { - key: 'onLevelSwitching', - value: function onLevelSwitching() { - this.enabled = this.hls.currentLevel.closedCaptions !== 'NONE'; + key: 'updateMediaElementDuration', + value: function updateMediaElementDuration() { + var media = this.media, + mediaSource = this.mediaSource, + sourceBuffer = this.sourceBuffer, + levelDuration = this._levelDuration; + if (levelDuration === null || !media || !mediaSource || !sourceBuffer || media.readyState === 0 || mediaSource.readyState !== 'open') { + return; + } + for (var type in sourceBuffer) { + if (sourceBuffer[type].updating) { + // can't set duration whilst a buffer is updating + return; + } + } + if (this._msDuration === null) { + // initialise to the value that the media source is reporting + this._msDuration = mediaSource.duration; + } + var duration = media.duration; + // levelDuration was the last value we set. + // not using mediaSource.duration as the browser may tweak this value + // only update mediasource duration if its value increase, this is to avoid + // flushing already buffered portion when switching between quality level + if (levelDuration > this._msDuration && levelDuration > duration || duration === Infinity || isNaN(duration)) { + _logger.logger.log('Updating mediasource duration to ' + levelDuration.toFixed(3)); + this._msDuration = mediaSource.duration = levelDuration; + } } }, { - key: 'onFragLoaded', - value: function onFragLoaded(data) { - var frag = data.frag, - payload = data.payload; - if (frag.type === 'main') { - var sn = frag.sn; - // if this frag isn't contiguous, clear the parser so cues with bad start/end times aren't added to the textTrack - if (sn !== this.lastSn + 1) { - this.cea608Parser.reset(); + key: 'doFlush', + value: function doFlush() { + // loop through all buffer ranges to flush + while (this.flushRange.length) { + var range = this.flushRange[0]; + // flushBuffer will abort any buffer append in progress and flush Audio/Video Buffer + if (this.flushBuffer(range.start, range.end, range.type)) { + // range flushed, remove from flush array + this.flushRange.shift(); + this.flushBufferCounter = 0; + } else { + this._needsFlush = true; + // avoid looping, wait for SB update end to retrigger a flush + return; } - this.lastSn = sn; } - // If fragment is subtitle type, parse as WebVTT. - else if (frag.type === 'subtitle') { - if (payload.byteLength) { - // We need an initial synchronisation PTS. Store fragments as long as none has arrived. - if (typeof this.initPTS === 'undefined') { - this.unparsedVttFrags.push(data); - return; - } - var vttCCs = this.vttCCs; - if (!vttCCs[frag.cc]) { - vttCCs[frag.cc] = { start: frag.start, prevCC: this.prevCC, new: true }; - this.prevCC = frag.cc; - } - var textTracks = this.textTracks, - hls = this.hls; + if (this.flushRange.length === 0) { + // everything flushed + this._needsFlush = false; - // Parse the WebVTT file contents. - _webvttParser2.default.parse(payload, this.initPTS, vttCCs, frag.cc, function (cues) { - // Add cues and trigger event with success true. - cues.forEach(function (cue) { - textTracks[frag.trackId].addCue(cue); - }); - hls.trigger(_events2.default.SUBTITLE_FRAG_PROCESSED, { success: true, frag: frag }); - }, function (e) { - // Something went wrong while parsing. Trigger event with success false. - _logger.logger.log('Failed to parse VTT cue: ' + e); - hls.trigger(_events2.default.SUBTITLE_FRAG_PROCESSED, { success: false, frag: frag }); - }); - } else { - // In case there is no payload, finish unsuccessfully. - this.hls.trigger(_events2.default.SUBTITLE_FRAG_PROCESSED, { success: false, frag: frag }); + // let's recompute this.appended, which is used to avoid flush looping + var appended = 0; + var sourceBuffer = this.sourceBuffer; + try { + for (var type in sourceBuffer) { + appended += sourceBuffer[type].buffered.length; } + } catch (error) { + // error could be thrown while accessing buffered, in case sourcebuffer has already been removed from MediaSource + // this is harmess at this stage, catch this to avoid reporting an internal exception + _logger.logger.error('error while accessing sourceBuffer.buffered'); } + this.appended = appended; + this.hls.trigger(_events2.default.BUFFER_FLUSHED); + } } }, { - key: 'onFragParsingUserdata', - value: function onFragParsingUserdata(data) { - // push all of the CEA-708 messages into the interpreter - // immediately. It will create the proper timestamps based on our PTS value - if (this.enabled && this.config.enableCEA708Captions) { - for (var i = 0; i < data.samples.length; i++) { - var ccdatas = this.extractCea608Data(data.samples[i].bytes); - this.cea608Parser.addData(data.samples[i].pts, ccdatas); + key: 'doAppending', + value: function doAppending() { + var hls = this.hls, + sourceBuffer = this.sourceBuffer, + segments = this.segments; + if (Object.keys(sourceBuffer).length) { + if (this.media.error) { + this.segments = []; + _logger.logger.error('trying to append although a media error occured, flush segment and abort'); + return; + } + if (this.appending) { + //logger.log(`sb appending in progress`); + return; + } + if (segments && segments.length) { + var segment = segments.shift(); + try { + var type = segment.type, + sb = sourceBuffer[type]; + if (sb) { + if (!sb.updating) { + // reset sourceBuffer ended flag before appending segment + sb.ended = false; + //logger.log(`appending ${segment.content} ${type} SB, size:${segment.data.length}, ${segment.parent}`); + this.parent = segment.parent; + sb.appendBuffer(segment.data); + this.appendError = 0; + this.appended++; + this.appending = true; + } else { + segments.unshift(segment); + } + } else { + // in case we don't have any source buffer matching with this segment type, + // it means that Mediasource fails to create sourcebuffer + // discard this segment, and trigger update end + this.onSBUpdateEnd(); + } + } catch (err) { + // in case any error occured while appending, put back segment in segments table + _logger.logger.error('error while trying to append buffer:' + err.message); + segments.unshift(segment); + var event = { type: _errors.ErrorTypes.MEDIA_ERROR, parent: segment.parent }; + if (err.code !== 22) { + if (this.appendError) { + this.appendError++; + } else { + this.appendError = 1; + } + event.details = _errors.ErrorDetails.BUFFER_APPEND_ERROR; + /* with UHD content, we could get loop of quota exceeded error until + browser is able to evict some data from sourcebuffer. retrying help recovering this + */ + if (this.appendError > hls.config.appendErrorMaxRetry) { + _logger.logger.log('fail ' + hls.config.appendErrorMaxRetry + ' times to append segment in sourceBuffer'); + segments = []; + event.fatal = true; + hls.trigger(_events2.default.ERROR, event); + return; + } else { + event.fatal = false; + hls.trigger(_events2.default.ERROR, event); + } + } else { + // QuotaExceededError: http://www.w3.org/TR/html5/infrastructure.html#quotaexceedederror + // let's stop appending any segments, and report BUFFER_FULL_ERROR error + this.segments = []; + event.details = _errors.ErrorDetails.BUFFER_FULL_ERROR; + event.fatal = false; + hls.trigger(_events2.default.ERROR, event); + return; + } + } } } } - }, { - key: 'extractCea608Data', - value: function extractCea608Data(byteArray) { - var count = byteArray[0] & 31; - var position = 2; - var tmpByte, ccbyte1, ccbyte2, ccValid, ccType; - var actualCCBytes = []; - - for (var j = 0; j < count; j++) { - tmpByte = byteArray[position++]; - ccbyte1 = 0x7F & byteArray[position++]; - ccbyte2 = 0x7F & byteArray[position++]; - ccValid = (4 & tmpByte) !== 0; - ccType = 3 & tmpByte; - if (ccbyte1 === 0 && ccbyte2 === 0) { - continue; - } + /* + flush specified buffered range, + return true once range has been flushed. + as sourceBuffer.remove() is asynchronous, flushBuffer will be retriggered on sourceBuffer update end + */ - if (ccValid) { - if (ccType === 0) // || ccType === 1 - { - actualCCBytes.push(ccbyte1); - actualCCBytes.push(ccbyte2); + }, { + key: 'flushBuffer', + value: function flushBuffer(startOffset, endOffset, typeIn) { + var sb, + i, + bufStart, + bufEnd, + flushStart, + flushEnd, + sourceBuffer = this.sourceBuffer; + if (Object.keys(sourceBuffer).length) { + _logger.logger.log('flushBuffer,pos/start/end: ' + this.media.currentTime.toFixed(3) + '/' + startOffset + '/' + endOffset); + // safeguard to avoid infinite looping : don't try to flush more than the nb of appended segments + if (this.flushBufferCounter < this.appended) { + for (var type in sourceBuffer) { + // check if sourcebuffer type is defined (typeIn): if yes, let's only flush this one + // if no, let's flush all sourcebuffers + if (typeIn && type !== typeIn) { + continue; + } + sb = sourceBuffer[type]; + // we are going to flush buffer, mark source buffer as 'not ended' + sb.ended = false; + if (!sb.updating) { + try { + for (i = 0; i < sb.buffered.length; i++) { + bufStart = sb.buffered.start(i); + bufEnd = sb.buffered.end(i); + // workaround firefox not able to properly flush multiple buffered range. + if (navigator.userAgent.toLowerCase().indexOf('firefox') !== -1 && endOffset === Number.POSITIVE_INFINITY) { + flushStart = startOffset; + flushEnd = endOffset; + } else { + flushStart = Math.max(bufStart, startOffset); + flushEnd = Math.min(bufEnd, endOffset); + } + /* sometimes sourcebuffer.remove() does not flush + the exact expected time range. + to avoid rounding issues/infinite loop, + only flush buffer range of length greater than 500ms. + */ + if (Math.min(flushEnd, bufEnd) - flushStart > 0.5) { + this.flushBufferCounter++; + _logger.logger.log('flush ' + type + ' [' + flushStart + ',' + flushEnd + '], of [' + bufStart + ',' + bufEnd + '], pos:' + this.media.currentTime); + sb.remove(flushStart, flushEnd); + return false; + } + } + } catch (e) { + _logger.logger.warn('exception while accessing sourcebuffer, it might have been removed from MediaSource'); + } + } else { + //logger.log('abort ' + type + ' append in progress'); + // this will abort any appending in progress + //sb.abort(); + _logger.logger.warn('cannot flush, sb updating in progress'); + return false; } + } + } else { + _logger.logger.warn('abort flushing too many retries'); } + _logger.logger.log('buffer flushed'); } - return actualCCBytes; + // everything flushed ! + return true; } }]); - return TimelineController; + return BufferController; }(_eventHandler2.default); -exports.default = TimelineController; +exports.default = BufferController; -},{"31":31,"32":32,"46":46,"50":50,"54":54}],16:[function(_dereq_,module,exports){ +},{"33":33,"34":34,"35":35,"53":53}],9:[function(_dereq_,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { @@ -23495,336 +18723,521 @@ Object.defineProperty(exports, "__esModule", { var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - -var AESCrypto = function () { - function AESCrypto(subtle, iv) { - _classCallCheck(this, AESCrypto); - - this.subtle = subtle; - this.aesIV = iv; - } - - _createClass(AESCrypto, [{ - key: 'decrypt', - value: function decrypt(data, key) { - return this.subtle.decrypt({ name: 'AES-CBC', iv: this.aesIV }, key, data); - } - }]); - - return AESCrypto; -}(); +var _events = _dereq_(35); -exports.default = AESCrypto; +var _events2 = _interopRequireDefault(_events); -},{}],17:[function(_dereq_,module,exports){ -'use strict'; +var _eventHandler = _dereq_(34); -Object.defineProperty(exports, "__esModule", { - value: true -}); +var _eventHandler2 = _interopRequireDefault(_eventHandler); -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } -var AESDecryptor = function () { - function AESDecryptor() { - _classCallCheck(this, AESDecryptor); - - // Static after running initTable - this.rcon = [0x0, 0x1, 0x2, 0x4, 0x8, 0x10, 0x20, 0x40, 0x80, 0x1b, 0x36]; - this.subMix = [new Uint32Array(256), new Uint32Array(256), new Uint32Array(256), new Uint32Array(256)]; - this.invSubMix = [new Uint32Array(256), new Uint32Array(256), new Uint32Array(256), new Uint32Array(256)]; - this.sBox = new Uint32Array(256); - this.invSBox = new Uint32Array(256); +function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } - // Changes during runtime - this.key = new Uint32Array(0); +function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /* + * cap stream level to media size dimension controller + */ - this.initTable(); - } +var CapLevelController = function (_EventHandler) { + _inherits(CapLevelController, _EventHandler); - // Using view.getUint32() also swaps the byte order. + function CapLevelController(hls) { + _classCallCheck(this, CapLevelController); + return _possibleConstructorReturn(this, (CapLevelController.__proto__ || Object.getPrototypeOf(CapLevelController)).call(this, hls, _events2.default.FPS_DROP_LEVEL_CAPPING, _events2.default.MEDIA_ATTACHING, _events2.default.MANIFEST_PARSED)); + } - _createClass(AESDecryptor, [{ - key: 'uint8ArrayToUint32Array_', - value: function uint8ArrayToUint32Array_(arrayBuffer) { - var view = new DataView(arrayBuffer); - var newArray = new Uint32Array(4); - for (var i = 0; i < 4; i++) { - newArray[i] = view.getUint32(i * 4); + _createClass(CapLevelController, [{ + key: 'destroy', + value: function destroy() { + if (this.hls.config.capLevelToPlayerSize) { + this.media = this.restrictedLevels = null; + this.autoLevelCapping = Number.POSITIVE_INFINITY; + if (this.timer) { + this.timer = clearInterval(this.timer); + } } - return newArray; } }, { - key: 'initTable', - value: function initTable() { - var sBox = this.sBox; - var invSBox = this.invSBox; - var subMix = this.subMix; - var subMix0 = subMix[0]; - var subMix1 = subMix[1]; - var subMix2 = subMix[2]; - var subMix3 = subMix[3]; - var invSubMix = this.invSubMix; - var invSubMix0 = invSubMix[0]; - var invSubMix1 = invSubMix[1]; - var invSubMix2 = invSubMix[2]; - var invSubMix3 = invSubMix[3]; - - var d = new Uint32Array(256); - var x = 0; - var xi = 0; - var i = 0; - for (i = 0; i < 256; i++) { - if (i < 128) { - d[i] = i << 1; - } else { - d[i] = i << 1 ^ 0x11b; + key: 'onFpsDropLevelCapping', + value: function onFpsDropLevelCapping(data) { + if (!this.restrictedLevels) { + this.restrictedLevels = []; + } + if (!this.isLevelRestricted(data.droppedLevel)) { + this.restrictedLevels.push(data.droppedLevel); + } + } + }, { + key: 'onMediaAttaching', + value: function onMediaAttaching(data) { + this.media = data.media instanceof HTMLVideoElement ? data.media : null; + } + }, { + key: 'onManifestParsed', + value: function onManifestParsed(data) { + var hls = this.hls; + if (hls.config.capLevelToPlayerSize) { + this.autoLevelCapping = Number.POSITIVE_INFINITY; + this.levels = data.levels; + hls.firstLevel = this.getMaxLevel(data.firstLevel); + clearInterval(this.timer); + this.timer = setInterval(this.detectPlayerSize.bind(this), 1000); + this.detectPlayerSize(); + } + } + }, { + key: 'detectPlayerSize', + value: function detectPlayerSize() { + if (this.media) { + var levelsLength = this.levels ? this.levels.length : 0; + if (levelsLength) { + var hls = this.hls; + hls.autoLevelCapping = this.getMaxLevel(levelsLength - 1); + if (hls.autoLevelCapping > this.autoLevelCapping) { + // if auto level capping has a higher value for the previous one, flush the buffer using nextLevelSwitch + // usually happen when the user go to the fullscreen mode. + hls.streamController.nextLevelSwitch(); + } + this.autoLevelCapping = hls.autoLevelCapping; } } + } - for (i = 0; i < 256; i++) { - var sx = xi ^ xi << 1 ^ xi << 2 ^ xi << 3 ^ xi << 4; - sx = sx >>> 8 ^ sx & 0xff ^ 0x63; - sBox[x] = sx; - invSBox[sx] = x; - - // Compute multiplication - var x2 = d[x]; - var x4 = d[x2]; - var x8 = d[x4]; - - // Compute sub/invSub bytes, mix columns tables - var t = d[sx] * 0x101 ^ sx * 0x1010100; - subMix0[x] = t << 24 | t >>> 8; - subMix1[x] = t << 16 | t >>> 16; - subMix2[x] = t << 8 | t >>> 24; - subMix3[x] = t; + /* + * returns level should be the one with the dimensions equal or greater than the media (player) dimensions (so the video will be downscaled) + */ - // Compute inv sub bytes, inv mix columns tables - t = x8 * 0x1010101 ^ x4 * 0x10001 ^ x2 * 0x101 ^ x * 0x1010100; - invSubMix0[sx] = t << 24 | t >>> 8; - invSubMix1[sx] = t << 16 | t >>> 16; - invSubMix2[sx] = t << 8 | t >>> 24; - invSubMix3[sx] = t; + }, { + key: 'getMaxLevel', + value: function getMaxLevel(capLevelIndex) { + var result = 0, + i = void 0, + level = void 0, + mWidth = this.mediaWidth, + mHeight = this.mediaHeight, + lWidth = 0, + lHeight = 0; - // Compute next counter - if (!x) { - x = xi = 1; - } else { - x = x2 ^ d[d[d[x8 ^ x2]]]; - xi ^= d[d[xi]]; + for (i = 0; i <= capLevelIndex; i++) { + level = this.levels[i]; + if (this.isLevelRestricted(i)) { + break; + } + result = i; + lWidth = level.width; + lHeight = level.height; + if (mWidth <= lWidth || mHeight <= lHeight) { + break; } } + return result; } }, { - key: 'expandKey', - value: function expandKey(keyBuffer) { - // convert keyBuffer to Uint32Array - var key = this.uint8ArrayToUint32Array_(keyBuffer); - var sameKey = true; - var offset = 0; - - while (offset < key.length && sameKey) { - sameKey = key[offset] === this.key[offset]; - offset++; + key: 'isLevelRestricted', + value: function isLevelRestricted(level) { + return this.restrictedLevels && this.restrictedLevels.indexOf(level) !== -1 ? true : false; + } + }, { + key: 'contentScaleFactor', + get: function get() { + var pixelRatio = 1; + try { + pixelRatio = window.devicePixelRatio; + } catch (e) {} + return pixelRatio; + } + }, { + key: 'mediaWidth', + get: function get() { + var width = void 0; + var media = this.media; + if (media) { + width = media.width || media.clientWidth || media.offsetWidth; + width *= this.contentScaleFactor; } - - if (sameKey) { - return; + return width; + } + }, { + key: 'mediaHeight', + get: function get() { + var height = void 0; + var media = this.media; + if (media) { + height = media.height || media.clientHeight || media.offsetHeight; + height *= this.contentScaleFactor; } + return height; + } + }]); - this.key = key; - var keySize = this.keySize = key.length; + return CapLevelController; +}(_eventHandler2.default); - if (keySize !== 4 && keySize !== 6 && keySize !== 8) { - throw new Error('Invalid aes key size=' + keySize); - } +exports.default = CapLevelController; - var ksRows = this.ksRows = (keySize + 6 + 1) * 4; - var ksRow = void 0; - var invKsRow = void 0; +},{"34":34,"35":35}],10:[function(_dereq_,module,exports){ +'use strict'; - var keySchedule = this.keySchedule = new Uint32Array(ksRows); - var invKeySchedule = this.invKeySchedule = new Uint32Array(ksRows); - var sbox = this.sBox; - var rcon = this.rcon; +Object.defineProperty(exports, "__esModule", { + value: true +}); - var invSubMix = this.invSubMix; - var invSubMix0 = invSubMix[0]; - var invSubMix1 = invSubMix[1]; - var invSubMix2 = invSubMix[2]; - var invSubMix3 = invSubMix[3]; +var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); - var prev = void 0; - var t = void 0; +var _events = _dereq_(35); - for (ksRow = 0; ksRow < ksRows; ksRow++) { - if (ksRow < keySize) { - prev = keySchedule[ksRow] = key[ksRow]; - continue; - } - t = prev; +var _events2 = _interopRequireDefault(_events); - if (ksRow % keySize === 0) { - // Rot word - t = t << 8 | t >>> 24; +var _eventHandler = _dereq_(34); - // Sub word - t = sbox[t >>> 24] << 24 | sbox[t >>> 16 & 0xff] << 16 | sbox[t >>> 8 & 0xff] << 8 | sbox[t & 0xff]; +var _eventHandler2 = _interopRequireDefault(_eventHandler); - // Mix Rcon - t ^= rcon[ksRow / keySize | 0] << 24; - } else if (keySize > 6 && ksRow % keySize === 4) { - // Sub word - t = sbox[t >>> 24] << 24 | sbox[t >>> 16 & 0xff] << 16 | sbox[t >>> 8 & 0xff] << 8 | sbox[t & 0xff]; - } +var _logger = _dereq_(53); - keySchedule[ksRow] = prev = (keySchedule[ksRow - keySize] ^ t) >>> 0; - } +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - for (invKsRow = 0; invKsRow < ksRows; invKsRow++) { - ksRow = ksRows - invKsRow; - if (invKsRow & 3) { - t = keySchedule[ksRow]; - } else { - t = keySchedule[ksRow - 4]; - } +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - if (invKsRow < 4 || ksRow <= 4) { - invKeySchedule[invKsRow] = t; - } else { - invKeySchedule[invKsRow] = invSubMix0[sbox[t >>> 24]] ^ invSubMix1[sbox[t >>> 16 & 0xff]] ^ invSubMix2[sbox[t >>> 8 & 0xff]] ^ invSubMix3[sbox[t & 0xff]]; - } +function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } - invKeySchedule[invKsRow] = invKeySchedule[invKsRow] >>> 0; - } - } +function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /* + * FPS Controller + */ - // Adding this as a method greatly improves performance. +var FPSController = function (_EventHandler) { + _inherits(FPSController, _EventHandler); + + function FPSController(hls) { + _classCallCheck(this, FPSController); + return _possibleConstructorReturn(this, (FPSController.__proto__ || Object.getPrototypeOf(FPSController)).call(this, hls, _events2.default.MEDIA_ATTACHING)); + } + + _createClass(FPSController, [{ + key: 'destroy', + value: function destroy() { + if (this.timer) { + clearInterval(this.timer); + } + this.isVideoPlaybackQualityAvailable = false; + } }, { - key: 'networkToHostOrderSwap', - value: function networkToHostOrderSwap(word) { - return word << 24 | (word & 0xff00) << 8 | (word & 0xff0000) >> 8 | word >>> 24; + key: 'onMediaAttaching', + value: function onMediaAttaching(data) { + var config = this.hls.config; + if (config.capLevelOnFPSDrop) { + var video = this.video = data.media instanceof HTMLVideoElement ? data.media : null; + if (typeof video.getVideoPlaybackQuality === 'function') { + this.isVideoPlaybackQualityAvailable = true; + } + clearInterval(this.timer); + this.timer = setInterval(this.checkFPSInterval.bind(this), config.fpsDroppedMonitoringPeriod); + } } }, { - key: 'decrypt', - value: function decrypt(inputArrayBuffer, offset, aesIV) { - var nRounds = this.keySize + 6; - var invKeySchedule = this.invKeySchedule; - var invSBOX = this.invSBox; + key: 'checkFPS', + value: function checkFPS(video, decodedFrames, droppedFrames) { + var currentTime = performance.now(); + if (decodedFrames) { + if (this.lastTime) { + var currentPeriod = currentTime - this.lastTime, + currentDropped = droppedFrames - this.lastDroppedFrames, + currentDecoded = decodedFrames - this.lastDecodedFrames, + droppedFPS = 1000 * currentDropped / currentPeriod, + hls = this.hls; + hls.trigger(_events2.default.FPS_DROP, { currentDropped: currentDropped, currentDecoded: currentDecoded, totalDroppedFrames: droppedFrames }); + if (droppedFPS > 0) { + //logger.log('checkFPS : droppedFPS/decodedFPS:' + droppedFPS/(1000 * currentDecoded / currentPeriod)); + if (currentDropped > hls.config.fpsDroppedMonitoringThreshold * currentDecoded) { + var currentLevel = hls.currentLevel; + _logger.logger.warn('drop FPS ratio greater than max allowed value for currentLevel: ' + currentLevel); + if (currentLevel > 0 && (hls.autoLevelCapping === -1 || hls.autoLevelCapping >= currentLevel)) { + currentLevel = currentLevel - 1; + hls.trigger(_events2.default.FPS_DROP_LEVEL_CAPPING, { level: currentLevel, droppedLevel: hls.currentLevel }); + hls.autoLevelCapping = currentLevel; + hls.streamController.nextLevelSwitch(); + } + } + } + } + this.lastTime = currentTime; + this.lastDroppedFrames = droppedFrames; + this.lastDecodedFrames = decodedFrames; + } + } + }, { + key: 'checkFPSInterval', + value: function checkFPSInterval() { + var video = this.video; + if (video) { + if (this.isVideoPlaybackQualityAvailable) { + var videoPlaybackQuality = video.getVideoPlaybackQuality(); + this.checkFPS(video, videoPlaybackQuality.totalVideoFrames, videoPlaybackQuality.droppedVideoFrames); + } else { + this.checkFPS(video, video.webkitDecodedFrameCount, video.webkitDroppedFrameCount); + } + } + } + }]); - var invSubMix = this.invSubMix; - var invSubMix0 = invSubMix[0]; - var invSubMix1 = invSubMix[1]; - var invSubMix2 = invSubMix[2]; - var invSubMix3 = invSubMix[3]; + return FPSController; +}(_eventHandler2.default); - var initVector = this.uint8ArrayToUint32Array_(aesIV); - var initVector0 = initVector[0]; - var initVector1 = initVector[1]; - var initVector2 = initVector[2]; - var initVector3 = initVector[3]; +exports.default = FPSController; - var inputInt32 = new Int32Array(inputArrayBuffer); - var outputInt32 = new Int32Array(inputInt32.length); +},{"34":34,"35":35,"53":53}],11:[function(_dereq_,module,exports){ +'use strict'; - var t0 = void 0, - t1 = void 0, - t2 = void 0, - t3 = void 0; - var s0 = void 0, - s1 = void 0, - s2 = void 0, - s3 = void 0; - var inputWords0 = void 0, - inputWords1 = void 0, - inputWords2 = void 0, - inputWords3 = void 0; +Object.defineProperty(exports, "__esModule", { + value: true +}); - var ksRow, i; - var swapWord = this.networkToHostOrderSwap; +var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); - while (offset < inputInt32.length) { - inputWords0 = swapWord(inputInt32[offset]); - inputWords1 = swapWord(inputInt32[offset + 1]); - inputWords2 = swapWord(inputInt32[offset + 2]); - inputWords3 = swapWord(inputInt32[offset + 3]); +var _events = _dereq_(35); - s0 = inputWords0 ^ invKeySchedule[0]; - s1 = inputWords3 ^ invKeySchedule[1]; - s2 = inputWords2 ^ invKeySchedule[2]; - s3 = inputWords1 ^ invKeySchedule[3]; +var _events2 = _interopRequireDefault(_events); - ksRow = 4; +var _eventHandler = _dereq_(34); - // Iterate through the rounds of decryption - for (i = 1; i < nRounds; i++) { - t0 = invSubMix0[s0 >>> 24] ^ invSubMix1[s1 >> 16 & 0xff] ^ invSubMix2[s2 >> 8 & 0xff] ^ invSubMix3[s3 & 0xff] ^ invKeySchedule[ksRow]; - t1 = invSubMix0[s1 >>> 24] ^ invSubMix1[s2 >> 16 & 0xff] ^ invSubMix2[s3 >> 8 & 0xff] ^ invSubMix3[s0 & 0xff] ^ invKeySchedule[ksRow + 1]; - t2 = invSubMix0[s2 >>> 24] ^ invSubMix1[s3 >> 16 & 0xff] ^ invSubMix2[s0 >> 8 & 0xff] ^ invSubMix3[s1 & 0xff] ^ invKeySchedule[ksRow + 2]; - t3 = invSubMix0[s3 >>> 24] ^ invSubMix1[s0 >> 16 & 0xff] ^ invSubMix2[s1 >> 8 & 0xff] ^ invSubMix3[s2 & 0xff] ^ invKeySchedule[ksRow + 3]; - // Update state - s0 = t0; - s1 = t1; - s2 = t2; - s3 = t3; +var _eventHandler2 = _interopRequireDefault(_eventHandler); - ksRow = ksRow + 4; +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } + +function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } + +function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /* + * id3 metadata track controller + */ + +var ID3TrackController = function (_EventHandler) { + _inherits(ID3TrackController, _EventHandler); + + function ID3TrackController(hls) { + _classCallCheck(this, ID3TrackController); + + var _this = _possibleConstructorReturn(this, (ID3TrackController.__proto__ || Object.getPrototypeOf(ID3TrackController)).call(this, hls, _events2.default.MEDIA_ATTACHED, _events2.default.MEDIA_DETACHING, _events2.default.FRAG_PARSING_METADATA)); + + _this.id3Track = undefined; + _this.media = undefined; + return _this; + } + + _createClass(ID3TrackController, [{ + key: 'destroy', + value: function destroy() { + _eventHandler2.default.prototype.destroy.call(this); + } + + // Add ID3 metatadata text track. + + }, { + key: 'onMediaAttached', + value: function onMediaAttached(data) { + this.media = data.media; + if (!this.media) { + return; + } + + this.id3Track = this.media.addTextTrack('metadata', 'id3'); + this.id3Track.mode = 'hidden'; + } + }, { + key: 'onMediaDetaching', + value: function onMediaDetaching() { + this.media = undefined; + } + }, { + key: 'onFragParsingMetadata', + value: function onFragParsingMetadata(data) { + var fragment = data.frag; + var samples = data.samples; + var startTime = fragment.start; + var endTime = fragment.start + fragment.duration; + // Give a slight bump to the endTime if it's equal to startTime to avoid a SyntaxError in IE + if (startTime === endTime) { + endTime += 0.0001; + } + + // Attempt to recreate Safari functionality by creating + // WebKitDataCue objects when available and store the decoded + // ID3 data in the value property of the cue + var Cue = window.WebKitDataCue || window.VTTCue || window.TextTrackCue; + + for (var i = 0; i < samples.length; i++) { + var id3Frame = this.parseID3Frame(samples[i].data); + var frame = this.decodeID3Frame(id3Frame); + if (frame) { + var cue = new Cue(startTime, endTime, ''); + cue.value = frame; + this.id3Track.addCue(cue); } + } + } + }, { + key: 'parseID3Frame', + value: function parseID3Frame(data) { + if (data.length < 21) { + return undefined; + } - // Shift rows, sub bytes, add round key - t0 = invSBOX[s0 >>> 24] << 24 ^ invSBOX[s1 >> 16 & 0xff] << 16 ^ invSBOX[s2 >> 8 & 0xff] << 8 ^ invSBOX[s3 & 0xff] ^ invKeySchedule[ksRow]; - t1 = invSBOX[s1 >>> 24] << 24 ^ invSBOX[s2 >> 16 & 0xff] << 16 ^ invSBOX[s3 >> 8 & 0xff] << 8 ^ invSBOX[s0 & 0xff] ^ invKeySchedule[ksRow + 1]; - t2 = invSBOX[s2 >>> 24] << 24 ^ invSBOX[s3 >> 16 & 0xff] << 16 ^ invSBOX[s0 >> 8 & 0xff] << 8 ^ invSBOX[s1 & 0xff] ^ invKeySchedule[ksRow + 2]; - t3 = invSBOX[s3 >>> 24] << 24 ^ invSBOX[s0 >> 16 & 0xff] << 16 ^ invSBOX[s1 >> 8 & 0xff] << 8 ^ invSBOX[s2 & 0xff] ^ invKeySchedule[ksRow + 3]; - ksRow = ksRow + 3; + /* http://id3.org/id3v2.3.0 + [0] = 'I' + [1] = 'D' + [2] = '3' + [3,4] = {Version} + [5] = {Flags} + [6-9] = {ID3 Size} + [10-13] = {Frame ID} + [14-17] = {Frame Size} + [18,19] = {Frame Flags} + */ + if (data[0] === 73 && // I + data[1] === 68 && // D + data[2] === 51) { + // 3 - // Write - outputInt32[offset] = swapWord(t0 ^ initVector0); - outputInt32[offset + 1] = swapWord(t3 ^ initVector1); - outputInt32[offset + 2] = swapWord(t2 ^ initVector2); - outputInt32[offset + 3] = swapWord(t1 ^ initVector3); + var type = String.fromCharCode(data[10], data[11], data[12], data[13]); + data = data.subarray(20); + return { type: type, data: data }; + } + } + }, { + key: 'decodeID3Frame', + value: function decodeID3Frame(frame) { + if (frame.type === 'TXXX') { + return this.decodeTxxxFrame(frame); + } else if (frame.type === 'PRIV') { + return this.decodePrivFrame(frame); + } else if (frame.type[0] === 'T') { + return this.decodeTextFrame(frame); + } else { + return undefined; + } + } + }, { + key: 'decodeTxxxFrame', + value: function decodeTxxxFrame(frame) { + /* + Format: + [0] = {Text Encoding} + [1-?] = {Description}\0{Value} + */ - // reset initVector to last 4 unsigned int - initVector0 = inputWords0; - initVector1 = inputWords1; - initVector2 = inputWords2; - initVector3 = inputWords3; + if (frame.size < 2) { + return undefined; + } - offset = offset + 4; + if (frame.data[0] !== 3) { + //only support UTF-8 + return undefined; } - return outputInt32.buffer; + var index = 1; + var description = this.utf8ArrayToStr(frame.data.subarray(index)); + + index += description.length + 1; + var value = this.utf8ArrayToStr(frame.data.subarray(index)); + + return { key: 'TXXX', description: description, data: value }; } }, { - key: 'destroy', - value: function destroy() { - this.key = undefined; - this.keySize = undefined; - this.ksRows = undefined; + key: 'decodeTextFrame', + value: function decodeTextFrame(frame) { + /* + Format: + [0] = {Text Encoding} + [1-?] = {Value} + */ - this.sBox = undefined; - this.invSBox = undefined; - this.subMix = undefined; - this.invSubMix = undefined; - this.keySchedule = undefined; - this.invKeySchedule = undefined; + if (frame.size < 2) { + return undefined; + } - this.rcon = undefined; + if (frame.data[0] !== 3) { + //only support UTF-8 + return undefined; + } + + var data = frame.data.subarray(1); + return { key: frame.type, data: this.utf8ArrayToStr(data) }; + } + }, { + key: 'decodePrivFrame', + value: function decodePrivFrame(frame) { + /* + Format: \0 + */ + + if (frame.size < 2) { + return undefined; + } + + var owner = this.utf8ArrayToStr(frame.data); + var privateData = frame.data.subarray(owner.length + 1); + + return { key: 'PRIV', info: owner, data: privateData.buffer }; + } + + // http://stackoverflow.com/questions/8936984/uint8array-to-string-in-javascript/22373197 + // http://www.onicos.com/staff/iz/amuse/javascript/expert/utf.txt + /* utf.js - UTF-8 <=> UTF-16 convertion + * + * Copyright (C) 1999 Masanao Izumo + * Version: 1.0 + * LastModified: Dec 25 1999 + * This library is free. You can redistribute it and/or modify it. + */ + + }, { + key: 'utf8ArrayToStr', + value: function utf8ArrayToStr(array) { + + var char2 = void 0; + var char3 = void 0; + var out = ''; + var i = 0; + var length = array.length; + + while (i < length) { + var c = array[i++]; + switch (c >> 4) { + case 0: + return out; + case 1:case 2:case 3:case 4:case 5:case 6:case 7: + // 0xxxxxxx + out += String.fromCharCode(c); + break; + case 12:case 13: + // 110x xxxx 10xx xxxx + char2 = array[i++]; + out += String.fromCharCode((c & 0x1F) << 6 | char2 & 0x3F); + break; + case 14: + // 1110 xxxx 10xx xxxx 10xx xxxx + char2 = array[i++]; + char3 = array[i++]; + out += String.fromCharCode((c & 0x0F) << 12 | (char2 & 0x3F) << 6 | (char3 & 0x3F) << 0); + break; + } + } + + return out; } }]); - return AESDecryptor; -}(); + return ID3TrackController; +}(_eventHandler2.default); -exports.default = AESDecryptor; +exports.default = ID3TrackController; -},{}],18:[function(_dereq_,module,exports){ +},{"34":34,"35":35}],12:[function(_dereq_,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { @@ -23833,117 +19246,419 @@ Object.defineProperty(exports, "__esModule", { var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); -var _aesCrypto = _dereq_(16); +var _events = _dereq_(35); -var _aesCrypto2 = _interopRequireDefault(_aesCrypto); +var _events2 = _interopRequireDefault(_events); -var _fastAesKey = _dereq_(19); +var _eventHandler = _dereq_(34); -var _fastAesKey2 = _interopRequireDefault(_fastAesKey); +var _eventHandler2 = _interopRequireDefault(_eventHandler); -var _aesDecryptor = _dereq_(17); +var _logger = _dereq_(53); -var _aesDecryptor2 = _interopRequireDefault(_aesDecryptor); +var _errors = _dereq_(33); -var _errors = _dereq_(30); +var _bufferHelper = _dereq_(37); -var _logger = _dereq_(50); +var _bufferHelper2 = _interopRequireDefault(_bufferHelper); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } -/*globals self: false */ +function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } -var Decrypter = function () { - function Decrypter(observer, config) { - _classCallCheck(this, Decrypter); +function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /* + * Level Controller + */ - this.observer = observer; - this.config = config; - this.logEnabled = true; - try { - var browserCrypto = crypto ? crypto : self.crypto; - this.subtle = browserCrypto.subtle || browserCrypto.webkitSubtle; - } catch (e) {} - this.disableWebCrypto = !this.subtle; - } +var LevelController = function (_EventHandler) { + _inherits(LevelController, _EventHandler); - _createClass(Decrypter, [{ - key: 'isSync', - value: function isSync() { - return this.disableWebCrypto && this.config.enableSoftwareAES; + function LevelController(hls) { + _classCallCheck(this, LevelController); + + var _this = _possibleConstructorReturn(this, (LevelController.__proto__ || Object.getPrototypeOf(LevelController)).call(this, hls, _events2.default.MANIFEST_LOADED, _events2.default.LEVEL_LOADED, _events2.default.FRAG_LOADED, _events2.default.ERROR)); + + _this.ontick = _this.tick.bind(_this); + _this._manualLevel = -1; + return _this; + } + + _createClass(LevelController, [{ + key: 'destroy', + value: function destroy() { + if (this.timer) { + clearTimeout(this.timer); + this.timer = null; + } + this._manualLevel = -1; } }, { - key: 'decrypt', - value: function decrypt(data, key, iv, callback) { - var _this = this; + key: 'startLoad', + value: function startLoad() { + this.canload = true; + var levels = this._levels; + // clean up live level details to force reload them, and reset load errors + if (levels) { + levels.forEach(function (level) { + level.loadError = 0; + var levelDetails = level.details; + if (levelDetails && levelDetails.live) { + level.details = undefined; + } + }); + } + // speed up live playlist refresh if timer exists + if (this.timer) { + this.tick(); + } + } + }, { + key: 'stopLoad', + value: function stopLoad() { + this.canload = false; + } + }, { + key: 'onManifestLoaded', + value: function onManifestLoaded(data) { + var levels0 = [], + levels = [], + bitrateStart, + bitrateSet = {}, + videoCodecFound = false, + audioCodecFound = false, + hls = this.hls, + brokenmp4inmp3 = /chrome|firefox/.test(navigator.userAgent.toLowerCase()), + checkSupported = function checkSupported(type, codec) { + return MediaSource.isTypeSupported(type + '/mp4;codecs=' + codec); + }; - if (this.disableWebCrypto && this.config.enableSoftwareAES) { - if (this.logEnabled) { - _logger.logger.log('JS AES decrypt'); - this.logEnabled = false; + // regroup redundant level together + data.levels.forEach(function (level) { + if (level.videoCodec) { + videoCodecFound = true; } - var decryptor = this.decryptor; - if (!decryptor) { - this.decryptor = decryptor = new _aesDecryptor2.default(); + // erase audio codec info if browser does not support mp4a.40.34. demuxer will autodetect codec and fallback to mpeg/audio + if (brokenmp4inmp3 && level.audioCodec && level.audioCodec.indexOf('mp4a.40.34') !== -1) { + level.audioCodec = undefined; } - decryptor.expandKey(key); - callback(decryptor.decrypt(data, 0, iv)); - } else { - if (this.logEnabled) { - _logger.logger.log('WebCrypto AES decrypt'); - this.logEnabled = false; + if (level.audioCodec || level.attrs && level.attrs.AUDIO) { + audioCodecFound = true; } - var subtle = this.subtle; - if (this.key !== key) { - this.key = key; - this.fastAesKey = new _fastAesKey2.default(subtle, key); + var redundantLevelId = bitrateSet[level.bitrate]; + if (redundantLevelId === undefined) { + bitrateSet[level.bitrate] = levels0.length; + level.url = [level.url]; + level.urlId = 0; + levels0.push(level); + } else { + levels0[redundantLevelId].url.push(level.url); } + }); - this.fastAesKey.expandKey().then(function (aesKey) { - // decrypt using web crypto - var crypto = new _aesCrypto2.default(subtle, iv); - crypto.decrypt(data, aesKey).catch(function (err) { - _this.onWebCryptoError(err, data, key, iv, callback); - }).then(function (result) { - callback(result); - }); - }).catch(function (err) { - _this.onWebCryptoError(err, data, key, iv, callback); + // remove audio-only level if we also have levels with audio+video codecs signalled + if (videoCodecFound && audioCodecFound) { + levels0.forEach(function (level) { + if (level.videoCodec) { + levels.push(level); + } + }); + } else { + levels = levels0; + } + // only keep level with supported audio/video codecs + levels = levels.filter(function (level) { + var audioCodec = level.audioCodec, + videoCodec = level.videoCodec; + return (!audioCodec || checkSupported('audio', audioCodec)) && (!videoCodec || checkSupported('video', videoCodec)); + }); + + if (levels.length) { + // start bitrate is the first bitrate of the manifest + bitrateStart = levels[0].bitrate; + // sort level on bitrate + levels.sort(function (a, b) { + return a.bitrate - b.bitrate; }); + this._levels = levels; + // find index of first level in sorted levels + for (var i = 0; i < levels.length; i++) { + if (levels[i].bitrate === bitrateStart) { + this._firstLevel = i; + _logger.logger.log('manifest loaded,' + levels.length + ' level(s) found, first bitrate:' + bitrateStart); + break; + } + } + hls.trigger(_events2.default.MANIFEST_PARSED, { levels: levels, firstLevel: this._firstLevel, stats: data.stats, audio: audioCodecFound, video: videoCodecFound, altAudio: data.audioTracks.length > 0 }); + } else { + hls.trigger(_events2.default.ERROR, { type: _errors.ErrorTypes.MEDIA_ERROR, details: _errors.ErrorDetails.MANIFEST_INCOMPATIBLE_CODECS_ERROR, fatal: true, url: hls.url, reason: 'no level with compatible codecs found in manifest' }); } + return; } }, { - key: 'onWebCryptoError', - value: function onWebCryptoError(err, data, key, iv, callback) { - if (this.config.enableSoftwareAES) { - _logger.logger.log('WebCrypto Error, disable WebCrypto API'); - this.disableWebCrypto = true; - this.logEnabled = true; - this.decrypt(data, key, iv, callback); + key: 'setLevelInternal', + value: function setLevelInternal(newLevel) { + var levels = this._levels; + var hls = this.hls; + // check if level idx is valid + if (newLevel >= 0 && newLevel < levels.length) { + // stopping live reloading timer if any + if (this.timer) { + clearTimeout(this.timer); + this.timer = null; + } + if (this._level !== newLevel) { + _logger.logger.log('switching to level ' + newLevel); + this._level = newLevel; + var levelProperties = levels[newLevel]; + levelProperties.level = newLevel; + // LEVEL_SWITCH to be deprecated in next major release + hls.trigger(_events2.default.LEVEL_SWITCH, levelProperties); + hls.trigger(_events2.default.LEVEL_SWITCHING, levelProperties); + } + var level = levels[newLevel], + levelDetails = level.details; + // check if we need to load playlist for this level + if (!levelDetails || levelDetails.live === true) { + // level not retrieved yet, or live playlist we need to (re)load it + var urlId = level.urlId; + hls.trigger(_events2.default.LEVEL_LOADING, { url: level.url[urlId], level: newLevel, id: urlId }); + } } else { - _logger.logger.error('decrypting error : ' + err.message); - this.observer.trigger(Event.ERROR, { type: _errors.ErrorTypes.MEDIA_ERROR, details: _errors.ErrorDetails.FRAG_DECRYPT_ERROR, fatal: true, reason: err.message }); + // invalid level id given, trigger error + hls.trigger(_events2.default.ERROR, { type: _errors.ErrorTypes.OTHER_ERROR, details: _errors.ErrorDetails.LEVEL_SWITCH_ERROR, level: newLevel, fatal: false, reason: 'invalid level idx' }); } } }, { - key: 'destroy', - value: function destroy() { - var decryptor = this.decryptor; - if (decryptor) { - decryptor.destroy(); - this.decryptor = undefined; + key: 'onError', + value: function onError(data) { + if (data.fatal) { + return; } - } - }]); - - return Decrypter; -}(); -exports.default = Decrypter; + var details = data.details, + hls = this.hls, + levelId = void 0, + level = void 0, + levelError = false; + // try to recover not fatal errors + switch (details) { + case _errors.ErrorDetails.FRAG_LOAD_ERROR: + case _errors.ErrorDetails.FRAG_LOAD_TIMEOUT: + case _errors.ErrorDetails.FRAG_LOOP_LOADING_ERROR: + case _errors.ErrorDetails.KEY_LOAD_ERROR: + case _errors.ErrorDetails.KEY_LOAD_TIMEOUT: + levelId = data.frag.level; + break; + case _errors.ErrorDetails.LEVEL_LOAD_ERROR: + case _errors.ErrorDetails.LEVEL_LOAD_TIMEOUT: + levelId = data.context.level; + levelError = true; + break; + case _errors.ErrorDetails.REMUX_ALLOC_ERROR: + levelId = data.level; + break; + default: + break; + } + /* try to switch to a redundant stream if any available. + * if no redundant stream available, emergency switch down (if in auto mode and current level not 0) + * otherwise, we cannot recover this network error ... + */ + if (levelId !== undefined) { + level = this._levels[levelId]; + if (!level.loadError) { + level.loadError = 1; + } else { + level.loadError++; + } + // if any redundant streams available and if we haven't try them all (level.loadError is reseted on successful frag/level load. + // if level.loadError reaches nbRedundantLevel it means that we tried them all, no hope => let's switch down + var nbRedundantLevel = level.url.length; + if (nbRedundantLevel > 1 && level.loadError < nbRedundantLevel) { + level.urlId = (level.urlId + 1) % nbRedundantLevel; + level.details = undefined; + _logger.logger.warn('level controller,' + details + ' for level ' + levelId + ': switching to redundant stream id ' + level.urlId); + } else { + // we could try to recover if in auto mode and current level not lowest level (0) + var recoverable = this._manualLevel === -1 && levelId; + if (recoverable) { + _logger.logger.warn('level controller,' + details + ': switch-down for next fragment'); + hls.nextAutoLevel = Math.max(0, levelId - 1); + } else if (level && level.details && level.details.live) { + _logger.logger.warn('level controller,' + details + ' on live stream, discard'); + if (levelError) { + // reset this._level so that another call to set level() will retrigger a frag load + this._level = undefined; + } + // other errors are handled by stream controller + } else if (details === _errors.ErrorDetails.LEVEL_LOAD_ERROR || details === _errors.ErrorDetails.LEVEL_LOAD_TIMEOUT) { + var media = hls.media, -},{"16":16,"17":17,"19":19,"30":30,"50":50}],19:[function(_dereq_,module,exports){ + // 0.5 : tolerance needed as some browsers stalls playback before reaching buffered end + mediaBuffered = media && _bufferHelper2.default.isBuffered(media, media.currentTime) && _bufferHelper2.default.isBuffered(media, media.currentTime + 0.5); + if (mediaBuffered) { + var retryDelay = hls.config.levelLoadingRetryDelay; + _logger.logger.warn('level controller,' + details + ', but media buffered, retry in ' + retryDelay + 'ms'); + this.timer = setTimeout(this.ontick, retryDelay); + // boolean used to inform stream controller not to switch back to IDLE on non fatal error + data.levelRetry = true; + } else { + _logger.logger.error('cannot recover ' + details + ' error'); + this._level = undefined; + // stopping live reloading timer if any + if (this.timer) { + clearTimeout(this.timer); + this.timer = null; + } + // switch error to fatal + data.fatal = true; + } + } + } + } + } + + // reset level load error counter on successful frag loaded + + }, { + key: 'onFragLoaded', + value: function onFragLoaded(data) { + var fragLoaded = data.frag; + if (fragLoaded && fragLoaded.type === 'main') { + var level = this._levels[fragLoaded.level]; + if (level) { + level.loadError = 0; + } + } + } + }, { + key: 'onLevelLoaded', + value: function onLevelLoaded(data) { + var levelId = data.level; + // only process level loaded events matching with expected level + if (levelId === this._level) { + var curLevel = this._levels[levelId]; + // reset level load error counter on successful level loaded + curLevel.loadError = 0; + var newDetails = data.details; + // if current playlist is a live playlist, arm a timer to reload it + if (newDetails.live) { + var reloadInterval = 1000 * (newDetails.averagetargetduration ? newDetails.averagetargetduration : newDetails.targetduration), + curDetails = curLevel.details; + if (curDetails && newDetails.endSN === curDetails.endSN) { + // follow HLS Spec, If the client reloads a Playlist file and finds that it has not + // changed then it MUST wait for a period of one-half the target + // duration before retrying. + reloadInterval /= 2; + _logger.logger.log('same live playlist, reload twice faster'); + } + // decrement reloadInterval with level loading delay + reloadInterval -= performance.now() - data.stats.trequest; + // in any case, don't reload more than every second + reloadInterval = Math.max(1000, Math.round(reloadInterval)); + _logger.logger.log('live playlist, reload in ' + reloadInterval + ' ms'); + this.timer = setTimeout(this.ontick, reloadInterval); + } else { + this.timer = null; + } + } + } + }, { + key: 'tick', + value: function tick() { + var levelId = this._level; + if (levelId !== undefined && this.canload) { + var level = this._levels[levelId]; + if (level && level.url) { + var urlId = level.urlId; + this.hls.trigger(_events2.default.LEVEL_LOADING, { url: level.url[urlId], level: levelId, id: urlId }); + } + } + } + }, { + key: 'levels', + get: function get() { + return this._levels; + } + }, { + key: 'level', + get: function get() { + return this._level; + }, + set: function set(newLevel) { + var levels = this._levels; + if (levels && levels.length > newLevel) { + if (this._level !== newLevel || levels[newLevel].details === undefined) { + this.setLevelInternal(newLevel); + } + } + } + }, { + key: 'manualLevel', + get: function get() { + return this._manualLevel; + }, + set: function set(newLevel) { + this._manualLevel = newLevel; + if (this._startLevel === undefined) { + this._startLevel = newLevel; + } + if (newLevel !== -1) { + this.level = newLevel; + } + } + }, { + key: 'firstLevel', + get: function get() { + return this._firstLevel; + }, + set: function set(newLevel) { + this._firstLevel = newLevel; + } + }, { + key: 'startLevel', + get: function get() { + // hls.startLevel takes precedence over config.startLevel + // if none of these values are defined, fallback on this._firstLevel (first quality level appearing in variant manifest) + if (this._startLevel === undefined) { + var configStartLevel = this.hls.config.startLevel; + if (configStartLevel !== undefined) { + return configStartLevel; + } else { + return this._firstLevel; + } + } else { + return this._startLevel; + } + }, + set: function set(newLevel) { + this._startLevel = newLevel; + } + }, { + key: 'nextLoadLevel', + get: function get() { + if (this._manualLevel !== -1) { + return this._manualLevel; + } else { + return this.hls.nextAutoLevel; + } + }, + set: function set(nextLevel) { + this.level = nextLevel; + if (this._manualLevel === -1) { + this.hls.nextAutoLevel = nextLevel; + } + } + }]); + + return LevelController; +}(_eventHandler2.default); + +exports.default = LevelController; + +},{"33":33,"34":34,"35":35,"37":37,"53":53}],13:[function(_dereq_,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { @@ -23952,3060 +19667,2852 @@ Object.defineProperty(exports, "__esModule", { var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } +var _binarySearch = _dereq_(48); -var FastAESKey = function () { - function FastAESKey(subtle, key) { - _classCallCheck(this, FastAESKey); +var _binarySearch2 = _interopRequireDefault(_binarySearch); - this.subtle = subtle; - this.key = key; - } +var _bufferHelper = _dereq_(37); - _createClass(FastAESKey, [{ - key: 'expandKey', - value: function expandKey() { - return this.subtle.importKey('raw', this.key, { name: 'AES-CBC' }, false, ['encrypt', 'decrypt']); - } - }]); +var _bufferHelper2 = _interopRequireDefault(_bufferHelper); - return FastAESKey; -}(); +var _demuxer = _dereq_(25); -exports.default = FastAESKey; +var _demuxer2 = _interopRequireDefault(_demuxer); -},{}],20:[function(_dereq_,module,exports){ -'use strict'; +var _events = _dereq_(35); -Object.defineProperty(exports, "__esModule", { - value: true -}); +var _events2 = _interopRequireDefault(_events); -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); /** - * AAC demuxer - */ +var _eventHandler = _dereq_(34); +var _eventHandler2 = _interopRequireDefault(_eventHandler); -var _adts = _dereq_(21); +var _levelHelper = _dereq_(38); -var _adts2 = _interopRequireDefault(_adts); +var _levelHelper2 = _interopRequireDefault(_levelHelper); -var _logger = _dereq_(50); +var _timeRanges = _dereq_(54); -var _id = _dereq_(26); +var _timeRanges2 = _interopRequireDefault(_timeRanges); -var _id2 = _interopRequireDefault(_id); +var _errors = _dereq_(33); + +var _logger = _dereq_(53); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } -var AACDemuxer = function () { - function AACDemuxer(observer, remuxer, config) { - _classCallCheck(this, AACDemuxer); - - this.observer = observer; - this.config = config; - this.remuxer = remuxer; - } +function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } - _createClass(AACDemuxer, [{ - key: 'resetInitSegment', - value: function resetInitSegment(initSegment, audioCodec, videoCodec, duration) { - this._aacTrack = { container: 'audio/adts', type: 'audio', id: -1, sequenceNumber: 0, isAAC: true, samples: [], len: 0, manifestCodec: audioCodec, duration: duration, inputTimeScale: 90000 }; - } - }, { - key: 'resetTimeStamp', - value: function resetTimeStamp() {} - }, { - key: 'append', +function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /* + * Stream Controller + */ +var State = { + STOPPED: 'STOPPED', + IDLE: 'IDLE', + KEY_LOADING: 'KEY_LOADING', + FRAG_LOADING: 'FRAG_LOADING', + FRAG_LOADING_WAITING_RETRY: 'FRAG_LOADING_WAITING_RETRY', + WAITING_LEVEL: 'WAITING_LEVEL', + PARSING: 'PARSING', + PARSED: 'PARSED', + BUFFER_FLUSHING: 'BUFFER_FLUSHING', + ENDED: 'ENDED', + ERROR: 'ERROR' +}; - // feed incoming data to the front of the parsing pipeline - value: function append(data, timeOffset, contiguous, accurateTimeOffset) { - var track, - id3 = new _id2.default(data), - pts = 90 * id3.timeStamp, - config, - frameLength, - frameDuration, - frameIndex, - offset, - headerLength, - stamp, - len, - aacSample; +var StreamController = function (_EventHandler) { + _inherits(StreamController, _EventHandler); - track = this._aacTrack; + function StreamController(hls) { + _classCallCheck(this, StreamController); - // look for ADTS header (0xFFFx) - for (offset = id3.length, len = data.length; offset < len - 1; offset++) { - if (data[offset] === 0xff && (data[offset + 1] & 0xf0) === 0xf0) { - break; - } - } + var _this = _possibleConstructorReturn(this, (StreamController.__proto__ || Object.getPrototypeOf(StreamController)).call(this, hls, _events2.default.MEDIA_ATTACHED, _events2.default.MEDIA_DETACHING, _events2.default.MANIFEST_LOADING, _events2.default.MANIFEST_PARSED, _events2.default.LEVEL_LOADED, _events2.default.KEY_LOADED, _events2.default.FRAG_LOADED, _events2.default.FRAG_LOAD_EMERGENCY_ABORTED, _events2.default.FRAG_PARSING_INIT_SEGMENT, _events2.default.FRAG_PARSING_DATA, _events2.default.FRAG_PARSED, _events2.default.ERROR, _events2.default.AUDIO_TRACK_SWITCHING, _events2.default.AUDIO_TRACK_SWITCHED, _events2.default.BUFFER_CREATED, _events2.default.BUFFER_APPENDED, _events2.default.BUFFER_FLUSHED)); - if (!track.samplerate) { - config = _adts2.default.getAudioConfig(this.observer, data, offset, track.manifestCodec); - track.config = config.config; - track.samplerate = config.samplerate; - track.channelCount = config.channelCount; - track.codec = config.codec; - _logger.logger.log('parsed codec:' + track.codec + ',rate:' + config.samplerate + ',nb channel:' + config.channelCount); - } - frameIndex = 0; - frameDuration = 1024 * 90000 / track.samplerate; - while (offset + 5 < len) { - // The protection skip bit tells us if we have 2 bytes of CRC data at the end of the ADTS header - headerLength = !!(data[offset + 1] & 0x01) ? 7 : 9; - // retrieve frame size - frameLength = (data[offset + 3] & 0x03) << 11 | data[offset + 4] << 3 | (data[offset + 5] & 0xE0) >>> 5; - frameLength -= headerLength; - //stamp = pes.pts; + _this.config = hls.config; + _this.audioCodecSwap = false; + _this.ticks = 0; + _this._state = State.STOPPED; + _this.ontick = _this.tick.bind(_this); + return _this; + } - if (frameLength > 0 && offset + headerLength + frameLength <= len) { - stamp = pts + frameIndex * frameDuration; - //logger.log(`AAC frame, offset/length/total/pts:${offset+headerLength}/${frameLength}/${data.byteLength}/${(stamp/90).toFixed(0)}`); - aacSample = { unit: data.subarray(offset + headerLength, offset + headerLength + frameLength), pts: stamp, dts: stamp }; - track.samples.push(aacSample); - track.len += frameLength; - offset += frameLength + headerLength; - frameIndex++; - // look for ADTS header (0xFFFx) - for (; offset < len - 1; offset++) { - if (data[offset] === 0xff && (data[offset + 1] & 0xf0) === 0xf0) { - break; - } + _createClass(StreamController, [{ + key: 'destroy', + value: function destroy() { + this.stopLoad(); + if (this.timer) { + clearInterval(this.timer); + this.timer = null; + } + _eventHandler2.default.prototype.destroy.call(this); + this.state = State.STOPPED; + } + }, { + key: 'startLoad', + value: function startLoad(startPosition) { + if (this.levels) { + var lastCurrentTime = this.lastCurrentTime, + hls = this.hls; + this.stopLoad(); + if (!this.timer) { + this.timer = setInterval(this.ontick, 100); + } + this.level = -1; + this.fragLoadError = 0; + if (!this.startFragRequested) { + // determine load level + var startLevel = hls.startLevel; + if (startLevel === -1) { + // -1 : guess start Level by doing a bitrate test by loading first fragment of lowest quality level + startLevel = 0; + this.bitrateTest = true; } - } else { - break; + // set new level to playlist loader : this will trigger start level load + // hls.nextLoadLevel remains until it is set to a new value or until a new frag is successfully loaded + this.level = hls.nextLoadLevel = startLevel; + this.loadedmetadata = false; + } + // if startPosition undefined but lastCurrentTime set, set startPosition to last currentTime + if (lastCurrentTime > 0 && startPosition === -1) { + _logger.logger.log('override startPosition with lastCurrentTime @' + lastCurrentTime.toFixed(3)); + startPosition = lastCurrentTime; } + this.state = State.IDLE; + this.nextLoadPosition = this.startPosition = this.lastCurrentTime = startPosition; + this.tick(); + } else { + this.forceStartLoad = true; + this.state = State.STOPPED; } - this.remuxer.remux(track, { samples: [] }, { samples: [{ pts: pts, dts: pts, unit: id3.payload }] }, { samples: [] }, timeOffset, contiguous, accurateTimeOffset); } }, { - key: 'destroy', - value: function destroy() {} - }], [{ - key: 'probe', - value: function probe(data) { - // check if data contains ID3 timestamp and ADTS sync worc - var id3 = new _id2.default(data), - offset, - len; - if (id3.hasTimeStamp) { - // look for ADTS header (0xFFFx) - for (offset = id3.length, len = data.length; offset < len - 1; offset++) { - if (data[offset] === 0xff && (data[offset + 1] & 0xf0) === 0xf0) { - //logger.log('ADTS sync word found !'); - return true; - } + key: 'stopLoad', + value: function stopLoad() { + var frag = this.fragCurrent; + if (frag) { + if (frag.loader) { + frag.loader.abort(); } + this.fragCurrent = null; } - return false; + this.fragPrevious = null; + if (this.demuxer) { + this.demuxer.destroy(); + this.demuxer = null; + } + this.state = State.STOPPED; + this.forceStartLoad = false; + } + }, { + key: 'tick', + value: function tick() { + this.ticks++; + if (this.ticks === 1) { + this.doTick(); + if (this.ticks > 1) { + setTimeout(this.tick, 1); + } + this.ticks = 0; + } + } + }, { + key: 'doTick', + value: function doTick() { + switch (this.state) { + case State.ERROR: + //don't do anything in error state to avoid breaking further ... + break; + case State.BUFFER_FLUSHING: + // in buffer flushing state, reset fragLoadError counter + this.fragLoadError = 0; + break; + case State.IDLE: + this._doTickIdle(); + break; + case State.WAITING_LEVEL: + var level = this.levels[this.level]; + // check if playlist is already loaded + if (level && level.details) { + this.state = State.IDLE; + } + break; + case State.FRAG_LOADING_WAITING_RETRY: + var now = performance.now(); + var retryDate = this.retryDate; + // if current time is gt than retryDate, or if media seeking let's switch to IDLE state to retry loading + if (!retryDate || now >= retryDate || this.media && this.media.seeking) { + _logger.logger.log('mediaController: retryDate reached, switch back to IDLE state'); + this.state = State.IDLE; + } + break; + case State.ERROR: + case State.STOPPED: + case State.FRAG_LOADING: + case State.PARSING: + case State.PARSED: + case State.ENDED: + break; + default: + break; + } + // check buffer + this._checkBuffer(); + // check/update current fragment + this._checkFragmentChanged(); } - }]); - return AACDemuxer; -}(); + // Ironically the "idle" state is the on we do the most logic in it seems .... + // NOTE: Maybe we could rather schedule a check for buffer length after half of the currently + // played segment, or on pause/play/seek instead of naively checking every 100ms? -exports.default = AACDemuxer; + }, { + key: '_doTickIdle', + value: function _doTickIdle() { + var hls = this.hls, + config = hls.config, + media = this.media; -},{"21":21,"26":26,"50":50}],21:[function(_dereq_,module,exports){ -'use strict'; + // if video not attached AND + // start fragment already requested OR start frag prefetch disable + // exit loop + // => if start level loaded and media not attached but start frag prefetch is enabled and start frag not requested yet, we will not exit loop + if (this.levelLastLoaded !== undefined && !media && (this.startFragRequested || !config.startFragPrefetch)) { + return; + } + + // if we have not yet loaded any fragment, start loading from start position + var pos = void 0; + if (this.loadedmetadata) { + pos = media.currentTime; + } else { + pos = this.nextLoadPosition; + } + // determine next load level + var level = hls.nextLoadLevel, + levelInfo = this.levels[level]; -var _logger = _dereq_(50); + if (!levelInfo) { + return; + } -var _errors = _dereq_(30); + var levelBitrate = levelInfo.bitrate, + maxBufLen = void 0; -/** - * ADTS parser helper - */ -var ADTS = { - getAudioConfig: function getAudioConfig(observer, data, offset, audioCodec) { - var adtsObjectType, - // :int - adtsSampleingIndex, - // :int - adtsExtensionSampleingIndex, - // :int - adtsChanelConfig, - // :int - config, - userAgent = navigator.userAgent.toLowerCase(), - manifestCodec = audioCodec, - adtsSampleingRates = [96000, 88200, 64000, 48000, 44100, 32000, 24000, 22050, 16000, 12000, 11025, 8000, 7350]; - // byte 2 - adtsObjectType = ((data[offset + 2] & 0xC0) >>> 6) + 1; - adtsSampleingIndex = (data[offset + 2] & 0x3C) >>> 2; - if (adtsSampleingIndex > adtsSampleingRates.length - 1) { - observer.trigger(Event.ERROR, { type: _errors.ErrorTypes.MEDIA_ERROR, details: _errors.ErrorDetails.FRAG_PARSING_ERROR, fatal: true, reason: 'invalid ADTS sampling index:' + adtsSampleingIndex }); - return; - } - adtsChanelConfig = (data[offset + 2] & 0x01) << 2; - // byte 3 - adtsChanelConfig |= (data[offset + 3] & 0xC0) >>> 6; - _logger.logger.log('manifest codec:' + audioCodec + ',ADTS data:type:' + adtsObjectType + ',sampleingIndex:' + adtsSampleingIndex + '[' + adtsSampleingRates[adtsSampleingIndex] + 'Hz],channelConfig:' + adtsChanelConfig); - // firefox: freq less than 24kHz = AAC SBR (HE-AAC) - if (/firefox/i.test(userAgent)) { - if (adtsSampleingIndex >= 6) { - adtsObjectType = 5; - config = new Array(4); - // HE-AAC uses SBR (Spectral Band Replication) , high frequencies are constructed from low frequencies - // there is a factor 2 between frame sample rate and output sample rate - // multiply frequency by 2 (see table below, equivalent to substract 3) - adtsExtensionSampleingIndex = adtsSampleingIndex - 3; + // compute max Buffer Length that we could get from this load level, based on level bitrate. don't buffer more than 60 MB and more than 30s + if (levelBitrate) { + maxBufLen = Math.max(8 * config.maxBufferSize / levelBitrate, config.maxBufferLength); } else { - adtsObjectType = 2; - config = new Array(2); - adtsExtensionSampleingIndex = adtsSampleingIndex; + maxBufLen = config.maxBufferLength; } - // Android : always use AAC - } else if (userAgent.indexOf('android') !== -1) { - adtsObjectType = 2; - config = new Array(2); - adtsExtensionSampleingIndex = adtsSampleingIndex; - } else { - /* for other browsers (Chrome/Vivaldi/Opera ...) - always force audio type to be HE-AAC SBR, as some browsers do not support audio codec switch properly (like Chrome ...) - */ - adtsObjectType = 5; - config = new Array(4); - // if (manifest codec is HE-AAC or HE-AACv2) OR (manifest codec not specified AND frequency less than 24kHz) - if (audioCodec && (audioCodec.indexOf('mp4a.40.29') !== -1 || audioCodec.indexOf('mp4a.40.5') !== -1) || !audioCodec && adtsSampleingIndex >= 6) { - // HE-AAC uses SBR (Spectral Band Replication) , high frequencies are constructed from low frequencies - // there is a factor 2 between frame sample rate and output sample rate - // multiply frequency by 2 (see table below, equivalent to substract 3) - adtsExtensionSampleingIndex = adtsSampleingIndex - 3; - } else { - // if (manifest codec is AAC) AND (frequency less than 24kHz AND nb channel is 1) OR (manifest codec not specified and mono audio) - // Chrome fails to play back with low frequency AAC LC mono when initialized with HE-AAC. This is not a problem with stereo. - if (audioCodec && audioCodec.indexOf('mp4a.40.2') !== -1 && adtsSampleingIndex >= 6 && adtsChanelConfig === 1 || !audioCodec && adtsChanelConfig === 1) { - adtsObjectType = 2; - config = new Array(2); - } - adtsExtensionSampleingIndex = adtsSampleingIndex; - } - } - /* refer to http://wiki.multimedia.cx/index.php?title=MPEG-4_Audio#Audio_Specific_Config - ISO 14496-3 (AAC).pdf - Table 1.13 — Syntax of AudioSpecificConfig() - Audio Profile / Audio Object Type - 0: Null - 1: AAC Main - 2: AAC LC (Low Complexity) - 3: AAC SSR (Scalable Sample Rate) - 4: AAC LTP (Long Term Prediction) - 5: SBR (Spectral Band Replication) - 6: AAC Scalable - sampling freq - 0: 96000 Hz - 1: 88200 Hz - 2: 64000 Hz - 3: 48000 Hz - 4: 44100 Hz - 5: 32000 Hz - 6: 24000 Hz - 7: 22050 Hz - 8: 16000 Hz - 9: 12000 Hz - 10: 11025 Hz - 11: 8000 Hz - 12: 7350 Hz - 13: Reserved - 14: Reserved - 15: frequency is written explictly - Channel Configurations - These are the channel configurations: - 0: Defined in AOT Specifc Config - 1: 1 channel: front-center - 2: 2 channels: front-left, front-right - */ - // audioObjectType = profile => profile, the MPEG-4 Audio Object Type minus 1 - config[0] = adtsObjectType << 3; - // samplingFrequencyIndex - config[0] |= (adtsSampleingIndex & 0x0E) >> 1; - config[1] |= (adtsSampleingIndex & 0x01) << 7; - // channelConfiguration - config[1] |= adtsChanelConfig << 3; - if (adtsObjectType === 5) { - // adtsExtensionSampleingIndex - config[1] |= (adtsExtensionSampleingIndex & 0x0E) >> 1; - config[2] = (adtsExtensionSampleingIndex & 0x01) << 7; - // adtsObjectType (force to 2, chrome is checking that object type is less than 5 ??? - // https://chromium.googlesource.com/chromium/src.git/+/master/media/formats/mp4/aac.cc - config[2] |= 2 << 2; - config[3] = 0; - } - return { config: config, samplerate: adtsSampleingRates[adtsSampleingIndex], channelCount: adtsChanelConfig, codec: 'mp4a.40.' + adtsObjectType, manifestCodec: manifestCodec }; - } -}; - -module.exports = ADTS; - -},{"30":30,"50":50}],22:[function(_dereq_,module,exports){ -'use strict'; - -Object.defineProperty(exports, "__esModule", { - value: true -}); - -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); /* inline demuxer. - * probe fragments and instantiate appropriate demuxer depending on content type (TSDemuxer, AACDemuxer, ...) - */ - -var _events = _dereq_(32); - -var _events2 = _interopRequireDefault(_events); - -var _errors = _dereq_(30); - -var _decrypter = _dereq_(18); + maxBufLen = Math.min(maxBufLen, config.maxMaxBufferLength); -var _decrypter2 = _interopRequireDefault(_decrypter); + // determine next candidate fragment to be loaded, based on current position and end of buffer position + // ensure up to `config.maxMaxBufferLength` of buffer upfront -var _aacdemuxer = _dereq_(20); + var bufferInfo = _bufferHelper2.default.bufferInfo(this.mediaBuffer ? this.mediaBuffer : media, pos, config.maxBufferHole), + bufferLen = bufferInfo.len; + // Stay idle if we are still with buffer margins + if (bufferLen >= maxBufLen) { + return; + } -var _aacdemuxer2 = _interopRequireDefault(_aacdemuxer); + // if buffer length is less than maxBufLen try to load a new fragment ... + _logger.logger.trace('buffer length of ' + bufferLen.toFixed(3) + ' is below max of ' + maxBufLen.toFixed(3) + '. checking for more payload ...'); -var _mp4demuxer = _dereq_(27); + // set next load level : this will trigger a playlist load if needed + this.level = hls.nextLoadLevel = level; -var _mp4demuxer2 = _interopRequireDefault(_mp4demuxer); + var levelDetails = levelInfo.details; + // if level info not retrieved yet, switch state and wait for level retrieval + // if live playlist, ensure that new playlist has been refreshed to avoid loading/try to load + // a useless and outdated fragment (that might even introduce load error if it is already out of the live playlist) + if (typeof levelDetails === 'undefined' || levelDetails.live && this.levelLastLoaded !== level) { + this.state = State.WAITING_LEVEL; + return; + } -var _tsdemuxer = _dereq_(29); + // we just got done loading the final fragment, check if we need to finalize media stream + var fragPrevious = this.fragPrevious; + if (!levelDetails.live && fragPrevious && fragPrevious.sn === levelDetails.endSN) { + // fragPrevious is last fragment. retrieve level duration using last frag start offset + duration + // real duration might be lower than initial duration if there are drifts between real frag duration and playlist signaling + var duration = Math.min(media.duration, fragPrevious.start + fragPrevious.duration); + // if everything (almost) til the end is buffered, let's signal eos + // we don't compare exactly media.duration === bufferInfo.end as there could be some subtle media duration difference (audio/video offsets...) + // tolerate up to one frag duration to cope with these cases. + // also cope with almost zero last frag duration (max last frag duration with 200ms) refer to https://github.com/video-dev/hls.js/pull/657 + if (duration - Math.max(bufferInfo.end, fragPrevious.start) <= Math.max(0.2, fragPrevious.duration)) { + // Finalize the media stream + var data = {}; + if (this.altAudio) { + data.type = 'video'; + } + this.hls.trigger(_events2.default.BUFFER_EOS, data); + this.state = State.ENDED; + return; + } + } -var _tsdemuxer2 = _interopRequireDefault(_tsdemuxer); + // if we have the levelDetails for the selected variant, lets continue enrichen our stream (load keys/fragments or trigger EOS, etc..) + this._fetchPayloadOrEos(pos, bufferInfo, levelDetails); + } + }, { + key: '_fetchPayloadOrEos', + value: function _fetchPayloadOrEos(pos, bufferInfo, levelDetails) { + var fragPrevious = this.fragPrevious, + level = this.level, + fragments = levelDetails.fragments, + fragLen = fragments.length; -var _mp4Remuxer = _dereq_(42); + // empty playlist + if (fragLen === 0) { + return; + } -var _mp4Remuxer2 = _interopRequireDefault(_mp4Remuxer); + // find fragment index, contiguous with end of buffer position + var start = fragments[0].start, + end = fragments[fragLen - 1].start + fragments[fragLen - 1].duration, + bufferEnd = bufferInfo.end, + frag = void 0; -var _passthroughRemuxer = _dereq_(43); + if (levelDetails.initSegment && !levelDetails.initSegment.data) { + frag = levelDetails.initSegment; + } else { + // in case of live playlist we need to ensure that requested position is not located before playlist start + if (levelDetails.live) { + var initialLiveManifestSize = this.config.initialLiveManifestSize; + if (fragLen < initialLiveManifestSize) { + _logger.logger.warn('Can not start playback of a level, reason: not enough fragments ' + fragLen + ' < ' + initialLiveManifestSize); + return; + } -var _passthroughRemuxer2 = _interopRequireDefault(_passthroughRemuxer); + frag = this._ensureFragmentAtLivePoint(levelDetails, bufferEnd, start, end, fragPrevious, fragments, fragLen); + // if it explicitely returns null don't load any fragment and exit function now + if (frag === null) { + return; + } + } else { + // VoD playlist: if bufferEnd before start of playlist, load first fragment + if (bufferEnd < start) { + frag = fragments[0]; + } + } + } + if (!frag) { + frag = this._findFragment(start, fragPrevious, fragLen, fragments, bufferEnd, end, levelDetails); + } + if (frag) { + this._loadFragmentOrKey(frag, level, levelDetails, pos, bufferEnd); + } + return; + } + }, { + key: '_ensureFragmentAtLivePoint', + value: function _ensureFragmentAtLivePoint(levelDetails, bufferEnd, start, end, fragPrevious, fragments, fragLen) { + var config = this.hls.config, + media = this.media; -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + var frag = void 0; -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } + // check if requested position is within seekable boundaries : + //logger.log(`start/pos/bufEnd/seeking:${start.toFixed(3)}/${pos.toFixed(3)}/${bufferEnd.toFixed(3)}/${this.media.seeking}`); + var maxLatency = config.liveMaxLatencyDuration !== undefined ? config.liveMaxLatencyDuration : config.liveMaxLatencyDurationCount * levelDetails.targetduration; -var DemuxerInline = function () { - function DemuxerInline(observer, typeSupported, config, vendor) { - _classCallCheck(this, DemuxerInline); + if (bufferEnd < Math.max(start - config.maxFragLookUpTolerance, end - maxLatency)) { + var liveSyncPosition = this.liveSyncPosition = this.computeLivePosition(start, levelDetails); + _logger.logger.log('buffer end: ' + bufferEnd.toFixed(3) + ' is located too far from the end of live sliding playlist, reset currentTime to : ' + liveSyncPosition.toFixed(3)); + bufferEnd = liveSyncPosition; + if (media && media.readyState && media.duration > liveSyncPosition) { + media.currentTime = liveSyncPosition; + } + } - this.observer = observer; - this.typeSupported = typeSupported; - this.config = config; - this.vendor = vendor; - } + // if end of buffer greater than live edge, don't load any fragment + // this could happen if live playlist intermittently slides in the past. + // level 1 loaded [182580161,182580167] + // level 1 loaded [182580162,182580169] + // Loading 182580168 of [182580162 ,182580169],level 1 .. + // Loading 182580169 of [182580162 ,182580169],level 1 .. + // level 1 loaded [182580162,182580168] <============= here we should have bufferEnd > end. in that case break to avoid reloading 182580168 + // level 1 loaded [182580164,182580171] + // + // don't return null in case media not loaded yet (readystate === 0) + if (levelDetails.PTSKnown && bufferEnd > end && media && media.readyState) { + return null; + } - _createClass(DemuxerInline, [{ - key: 'destroy', - value: function destroy() { - var demuxer = this.demuxer; - if (demuxer) { - demuxer.destroy(); + if (this.startFragRequested && !levelDetails.PTSKnown) { + /* we are switching level on live playlist, but we don't have any PTS info for that quality level ... + try to load frag matching with next SN. + even if SN are not synchronized between playlists, loading this frag will help us + compute playlist sliding and find the right one after in case it was not the right consecutive one */ + if (fragPrevious) { + var targetSN = fragPrevious.sn + 1; + if (targetSN >= levelDetails.startSN && targetSN <= levelDetails.endSN) { + frag = fragments[targetSN - levelDetails.startSN]; + _logger.logger.log('live playlist, switching playlist, load frag with next SN: ' + frag.sn); + } + } + if (!frag) { + /* we have no idea about which fragment should be loaded. + so let's load mid fragment. it will help computing playlist sliding and find the right one + */ + frag = fragments[Math.min(fragLen - 1, Math.round(fragLen / 2))]; + _logger.logger.log('live playlist, switching playlist, unknown, load middle frag : ' + frag.sn); + } } + return frag; } }, { - key: 'push', - value: function push(data, decryptdata, initSegment, audioCodec, videoCodec, timeOffset, discontinuity, trackSwitch, contiguous, duration, accurateTimeOffset, defaultInitPTS) { - if (data.byteLength > 0 && decryptdata != null && decryptdata.key != null && decryptdata.method === 'AES-128') { - var decrypter = this.decrypter; - if (decrypter == null) { - decrypter = this.decrypter = new _decrypter2.default(this.observer, this.config); - } - var localthis = this; - // performance.now() not available on WebWorker, at least on Safari Desktop - var startTime; - try { - startTime = performance.now(); - } catch (error) { - startTime = Date.now(); - } - decrypter.decrypt(data, decryptdata.key.buffer, decryptdata.iv.buffer, function (decryptedData) { - var endTime; - try { - endTime = performance.now(); - } catch (error) { - endTime = Date.now(); + key: '_findFragment', + value: function _findFragment(start, fragPrevious, fragLen, fragments, bufferEnd, end, levelDetails) { + var config = this.hls.config; + var frag = void 0; + var foundFrag = void 0; + var maxFragLookUpTolerance = config.maxFragLookUpTolerance; + var fragNext = fragPrevious ? fragments[fragPrevious.sn - fragments[0].sn + 1] : undefined; + var fragmentWithinToleranceTest = function fragmentWithinToleranceTest(candidate) { + // offset should be within fragment boundary - config.maxFragLookUpTolerance + // this is to cope with situations like + // bufferEnd = 9.991 + // frag[Ø] : [0,10] + // frag[1] : [10,20] + // bufferEnd is within frag[0] range ... although what we are expecting is to return frag[1] here + // frag start frag start+duration + // |-----------------------------| + // <---> <---> + // ...--------><-----------------------------><---------.... + // previous frag matching fragment next frag + // return -1 return 0 return 1 + //logger.log(`level/sn/start/end/bufEnd:${level}/${candidate.sn}/${candidate.start}/${(candidate.start+candidate.duration)}/${bufferEnd}`); + // Set the lookup tolerance to be small enough to detect the current segment - ensures we don't skip over very small segments + var candidateLookupTolerance = Math.min(maxFragLookUpTolerance, candidate.duration); + if (candidate.start + candidate.duration - candidateLookupTolerance <= bufferEnd) { + return 1; + } // if maxFragLookUpTolerance will have negative value then don't return -1 for first element + else if (candidate.start - candidateLookupTolerance > bufferEnd && candidate.start) { + return -1; } - localthis.observer.trigger(_events2.default.FRAG_DECRYPTED, { stats: { tstart: startTime, tdecrypt: endTime } }); - localthis.pushDecrypted(new Uint8Array(decryptedData), decryptdata, new Uint8Array(initSegment), audioCodec, videoCodec, timeOffset, discontinuity, trackSwitch, contiguous, duration, accurateTimeOffset, defaultInitPTS); - }); + return 0; + }; + + if (bufferEnd < end) { + if (bufferEnd > end - maxFragLookUpTolerance) { + maxFragLookUpTolerance = 0; + } + // Prefer the next fragment if it's within tolerance + if (fragNext && !fragmentWithinToleranceTest(fragNext)) { + foundFrag = fragNext; + } else { + foundFrag = _binarySearch2.default.search(fragments, fragmentWithinToleranceTest); + } } else { - this.pushDecrypted(new Uint8Array(data), decryptdata, new Uint8Array(initSegment), audioCodec, videoCodec, timeOffset, discontinuity, trackSwitch, contiguous, duration, accurateTimeOffset, defaultInitPTS); + // reach end of playlist + foundFrag = fragments[fragLen - 1]; + } + if (foundFrag) { + frag = foundFrag; + var curSNIdx = frag.sn - levelDetails.startSN; + var sameLevel = fragPrevious && frag.level === fragPrevious.level; + var prevFrag = fragments[curSNIdx - 1]; + var nextFrag = fragments[curSNIdx + 1]; + //logger.log('find SN matching with pos:' + bufferEnd + ':' + frag.sn); + if (fragPrevious && frag.sn === fragPrevious.sn) { + if (sameLevel && !frag.backtracked) { + if (frag.sn < levelDetails.endSN) { + var deltaPTS = fragPrevious.deltaPTS; + // if there is a significant delta between audio and video, larger than max allowed hole, + // and if previous remuxed fragment did not start with a keyframe. (fragPrevious.dropped) + // let's try to load previous fragment again to get last keyframe + // then we will reload again current fragment (that way we should be able to fill the buffer hole ...) + if (deltaPTS && deltaPTS > config.maxBufferHole && fragPrevious.dropped && curSNIdx) { + frag = prevFrag; + _logger.logger.warn('SN just loaded, with large PTS gap between audio and video, maybe frag is not starting with a keyframe ? load previous one to try to overcome this'); + // decrement previous frag load counter to avoid frag loop loading error when next fragment will get reloaded + fragPrevious.loadCounter--; + } else { + frag = nextFrag; + _logger.logger.log('SN just loaded, load next one: ' + frag.sn); + } + } else { + frag = null; + } + } else if (frag.backtracked) { + // Only backtrack a max of 1 consecutive fragment to prevent sliding back too far when little or no frags start with keyframes + if (nextFrag && nextFrag.backtracked) { + _logger.logger.warn('Already backtracked from fragment ' + nextFrag.sn + ', will not backtrack to fragment ' + frag.sn + '. Loading fragment ' + nextFrag.sn); + frag = nextFrag; + } else { + // If a fragment has dropped frames and it's in a same level/sequence, load the previous fragment to try and find the keyframe + // Reset the dropped count now since it won't be reset until we parse the fragment again, which prevents infinite backtracking on the same segment + _logger.logger.warn('Loaded fragment with dropped frames, backtracking 1 segment to find a keyframe'); + frag.dropped = 0; + if (prevFrag) { + if (prevFrag.loadCounter) { + prevFrag.loadCounter--; + } + frag = prevFrag; + frag.backtracked = true; + } else { + frag = null; + } + } + } + } } + return frag; } }, { - key: 'pushDecrypted', - value: function pushDecrypted(data, decryptdata, initSegment, audioCodec, videoCodec, timeOffset, discontinuity, trackSwitch, contiguous, duration, accurateTimeOffset, defaultInitPTS) { - var demuxer = this.demuxer; - if (!demuxer || - // in case of continuity change, we might switch from content type (AAC container to TS container for example) - // so let's check that current demuxer is still valid - discontinuity && !this.probe(data)) { - var observer = this.observer; - var typeSupported = this.typeSupported; - var config = this.config; - var muxConfig = [{ demux: _tsdemuxer2.default, remux: _mp4Remuxer2.default }, { demux: _aacdemuxer2.default, remux: _mp4Remuxer2.default }, { demux: _mp4demuxer2.default, remux: _passthroughRemuxer2.default }]; + key: '_loadFragmentOrKey', + value: function _loadFragmentOrKey(frag, level, levelDetails, pos, bufferEnd) { + var hls = this.hls, + config = hls.config; - // probe for content type - for (var i in muxConfig) { - var mux = muxConfig[i]; - var probe = mux.demux.probe; - if (probe(data)) { - var _remuxer = this.remuxer = new mux.remux(observer, config, typeSupported, this.vendor); - demuxer = new mux.demux(observer, _remuxer, config, typeSupported); - this.probe = probe; - break; + //logger.log('loading frag ' + i +',pos/bufEnd:' + pos.toFixed(3) + '/' + bufferEnd.toFixed(3)); + if (frag.decryptdata && frag.decryptdata.uri != null && frag.decryptdata.key == null) { + _logger.logger.log('Loading key for ' + frag.sn + ' of [' + levelDetails.startSN + ' ,' + levelDetails.endSN + '],level ' + level); + this.state = State.KEY_LOADING; + hls.trigger(_events2.default.KEY_LOADING, { frag: frag }); + } else { + _logger.logger.log('Loading ' + frag.sn + ' of [' + levelDetails.startSN + ' ,' + levelDetails.endSN + '],level ' + level + ', currentTime:' + pos.toFixed(3) + ',bufferEnd:' + bufferEnd.toFixed(3)); + // ensure that we are not reloading the same fragments in loop ... + if (this.fragLoadIdx !== undefined) { + this.fragLoadIdx++; + } else { + this.fragLoadIdx = 0; + } + if (frag.loadCounter) { + frag.loadCounter++; + var maxThreshold = config.fragLoadingLoopThreshold; + // if this frag has already been loaded 3 times, and if it has been reloaded recently + if (frag.loadCounter > maxThreshold && Math.abs(this.fragLoadIdx - frag.loadIdx) < maxThreshold) { + hls.trigger(_events2.default.ERROR, { type: _errors.ErrorTypes.MEDIA_ERROR, details: _errors.ErrorDetails.FRAG_LOOP_LOADING_ERROR, fatal: false, frag: frag }); + return; } + } else { + frag.loadCounter = 1; } - if (!demuxer) { - observer.trigger(_events2.default.ERROR, { type: _errors.ErrorTypes.MEDIA_ERROR, details: _errors.ErrorDetails.FRAG_PARSING_ERROR, fatal: true, reason: 'no demux matching with content found' }); - return; + frag.loadIdx = this.fragLoadIdx; + this.fragCurrent = frag; + this.startFragRequested = true; + if (!isNaN(frag.sn)) { + this.nextLoadPosition = frag.start + frag.duration; } - this.demuxer = demuxer; - } - var remuxer = this.remuxer; - - if (discontinuity || trackSwitch) { - demuxer.resetInitSegment(initSegment, audioCodec, videoCodec, duration); - remuxer.resetInitSegment(); + frag.autoLevel = hls.autoLevelEnabled; + frag.bitrateTest = this.bitrateTest; + hls.trigger(_events2.default.FRAG_LOADING, { frag: frag }); + // lazy demuxer init, as this could take some time ... do it during frag loading + if (!this.demuxer) { + this.demuxer = new _demuxer2.default(hls, 'main'); + } + this.state = State.FRAG_LOADING; + return; } - if (discontinuity) { - demuxer.resetTimeStamp(); - remuxer.resetTimeStamp(defaultInitPTS); + } + }, { + key: 'getBufferedFrag', + value: function getBufferedFrag(position) { + return _binarySearch2.default.search(this._bufferedFrags, function (frag) { + if (position < frag.startPTS) { + return -1; + } else if (position > frag.endPTS) { + return 1; + } + return 0; + }); + } + }, { + key: 'followingBufferedFrag', + value: function followingBufferedFrag(frag) { + if (frag) { + // try to get range of next fragment (500ms after this range) + return this.getBufferedFrag(frag.endPTS + 0.5); } - if (typeof demuxer.setDecryptData === 'function') { - demuxer.setDecryptData(decryptdata); + return null; + } + }, { + key: '_checkFragmentChanged', + value: function _checkFragmentChanged() { + var fragPlayingCurrent, + currentTime, + video = this.media; + if (video && video.readyState && video.seeking === false) { + currentTime = video.currentTime; + /* if video element is in seeked state, currentTime can only increase. + (assuming that playback rate is positive ...) + As sometimes currentTime jumps back to zero after a + media decode error, check this, to avoid seeking back to + wrong position after a media decode error + */ + if (currentTime > video.playbackRate * this.lastCurrentTime) { + this.lastCurrentTime = currentTime; + } + if (_bufferHelper2.default.isBuffered(video, currentTime)) { + fragPlayingCurrent = this.getBufferedFrag(currentTime); + } else if (_bufferHelper2.default.isBuffered(video, currentTime + 0.1)) { + /* ensure that FRAG_CHANGED event is triggered at startup, + when first video frame is displayed and playback is paused. + add a tolerance of 100ms, in case current position is not buffered, + check if current pos+100ms is buffered and use that buffer range + for FRAG_CHANGED event reporting */ + fragPlayingCurrent = this.getBufferedFrag(currentTime + 0.1); + } + if (fragPlayingCurrent) { + var fragPlaying = fragPlayingCurrent; + if (fragPlaying !== this.fragPlaying) { + this.hls.trigger(_events2.default.FRAG_CHANGED, { frag: fragPlaying }); + var fragPlayingLevel = fragPlaying.level; + if (!this.fragPlaying || this.fragPlaying.level !== fragPlayingLevel) { + this.hls.trigger(_events2.default.LEVEL_SWITCHED, { level: fragPlayingLevel }); + } + this.fragPlaying = fragPlaying; + } + } } - demuxer.append(data, timeOffset, contiguous, accurateTimeOffset); } - }]); - - return DemuxerInline; -}(); - -exports.default = DemuxerInline; -},{"18":18,"20":20,"27":27,"29":29,"30":30,"32":32,"42":42,"43":43}],23:[function(_dereq_,module,exports){ -'use strict'; - -Object.defineProperty(exports, "__esModule", { - value: true -}); + /* + on immediate level switch : + - pause playback if playing + - cancel any pending load request + - and trigger a buffer flush + */ -var _demuxerInline = _dereq_(22); + }, { + key: 'immediateLevelSwitch', + value: function immediateLevelSwitch() { + _logger.logger.log('immediateLevelSwitch'); + if (!this.immediateSwitch) { + this.immediateSwitch = true; + var media = this.media, + previouslyPaused = void 0; + if (media) { + previouslyPaused = media.paused; + media.pause(); + } else { + // don't restart playback after instant level switch in case media not attached + previouslyPaused = true; + } + this.previouslyPaused = previouslyPaused; + } + var fragCurrent = this.fragCurrent; + if (fragCurrent && fragCurrent.loader) { + fragCurrent.loader.abort(); + } + this.fragCurrent = null; + // increase fragment load Index to avoid frag loop loading error after buffer flush + this.fragLoadIdx += 2 * this.config.fragLoadingLoopThreshold; + // flush everything + this.flushMainBuffer(0, Number.POSITIVE_INFINITY); + } -var _demuxerInline2 = _interopRequireDefault(_demuxerInline); + /* + on immediate level switch end, after new fragment has been buffered : + - nudge video decoder by slightly adjusting video currentTime (if currentTime buffered) + - resume the playback if needed + */ -var _events = _dereq_(32); - -var _events2 = _interopRequireDefault(_events); - -var _logger = _dereq_(50); - -var _events3 = _dereq_(1); - -var _events4 = _interopRequireDefault(_events3); - -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - -/* demuxer web worker. - * - listen to worker message, and trigger DemuxerInline upon reception of Fragments. - * - provides MP4 Boxes back to main thread using [transferable objects](https://developers.google.com/web/updates/2011/12/Transferable-Objects-Lightning-Fast) in order to minimize message passing overhead. - */ - -var DemuxerWorker = function DemuxerWorker(self) { - // observer setup - var observer = new _events4.default(); - observer.trigger = function trigger(event) { - for (var _len = arguments.length, data = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) { - data[_key - 1] = arguments[_key]; - } - - observer.emit.apply(observer, [event, event].concat(data)); - }; - - observer.off = function off(event) { - for (var _len2 = arguments.length, data = Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) { - data[_key2 - 1] = arguments[_key2]; + }, { + key: 'immediateLevelSwitchEnd', + value: function immediateLevelSwitchEnd() { + var media = this.media; + if (media && media.buffered.length) { + this.immediateSwitch = false; + if (_bufferHelper2.default.isBuffered(media, media.currentTime)) { + // only nudge if currentTime is buffered + media.currentTime -= 0.0001; + } + if (!this.previouslyPaused) { + media.play(); + } + } } - - observer.removeListener.apply(observer, [event].concat(data)); - }; - - var forwardMessage = function forwardMessage(ev, data) { - self.postMessage({ event: ev, data: data }); - }; - - self.addEventListener('message', function (ev) { - var data = ev.data; - //console.log('demuxer cmd:' + data.cmd); - switch (data.cmd) { - case 'init': - var config = JSON.parse(data.config); - self.demuxer = new _demuxerInline2.default(observer, data.typeSupported, config, data.vendor); - try { - (0, _logger.enableLogs)(config.debug === true); - } catch (err) { - console.warn('demuxerWorker: unable to enable logs'); + }, { + key: 'nextLevelSwitch', + value: function nextLevelSwitch() { + /* try to switch ASAP without breaking video playback : + in order to ensure smooth but quick level switching, + we need to find the next flushable buffer range + we should take into account new segment fetch time + */ + var media = this.media; + // ensure that media is defined and that metadata are available (to retrieve currentTime) + if (media && media.readyState) { + var fetchdelay = void 0, + fragPlayingCurrent = void 0, + nextBufferedFrag = void 0; + // increase fragment load Index to avoid frag loop loading error after buffer flush + this.fragLoadIdx += 2 * this.config.fragLoadingLoopThreshold; + fragPlayingCurrent = this.getBufferedFrag(media.currentTime); + if (fragPlayingCurrent && fragPlayingCurrent.startPTS > 1) { + // flush buffer preceding current fragment (flush until current fragment start offset) + // minus 1s to avoid video freezing, that could happen if we flush keyframe of current video ... + this.flushMainBuffer(0, fragPlayingCurrent.startPTS - 1); } - // signal end of worker init - forwardMessage('init', null); - break; - case 'demux': - self.demuxer.push(data.data, data.decryptdata, data.initSegment, data.audioCodec, data.videoCodec, data.timeOffset, data.discontinuity, data.trackSwitch, data.contiguous, data.duration, data.accurateTimeOffset, data.defaultInitPTS); - break; - default: - break; + if (!media.paused) { + // add a safety delay of 1s + var nextLevelId = this.hls.nextLoadLevel, + nextLevel = this.levels[nextLevelId], + fragLastKbps = this.fragLastKbps; + if (fragLastKbps && this.fragCurrent) { + fetchdelay = this.fragCurrent.duration * nextLevel.bitrate / (1000 * fragLastKbps) + 1; + } else { + fetchdelay = 0; + } + } else { + fetchdelay = 0; + } + //logger.log('fetchdelay:'+fetchdelay); + // find buffer range that will be reached once new fragment will be fetched + nextBufferedFrag = this.getBufferedFrag(media.currentTime + fetchdelay); + if (nextBufferedFrag) { + // we can flush buffer range following this one without stalling playback + nextBufferedFrag = this.followingBufferedFrag(nextBufferedFrag); + if (nextBufferedFrag) { + // if we are here, we can also cancel any loading/demuxing in progress, as they are useless + var fragCurrent = this.fragCurrent; + if (fragCurrent && fragCurrent.loader) { + fragCurrent.loader.abort(); + } + this.fragCurrent = null; + // flush position is the start position of this new buffer + this.flushMainBuffer(nextBufferedFrag.startPTS, Number.POSITIVE_INFINITY); + } + } + } } - }); - - // forward events to main thread - observer.on(_events2.default.FRAG_DECRYPTED, forwardMessage); - observer.on(_events2.default.FRAG_PARSING_INIT_SEGMENT, forwardMessage); - observer.on(_events2.default.FRAG_PARSED, forwardMessage); - observer.on(_events2.default.ERROR, forwardMessage); - observer.on(_events2.default.FRAG_PARSING_METADATA, forwardMessage); - observer.on(_events2.default.FRAG_PARSING_USERDATA, forwardMessage); - observer.on(_events2.default.INIT_PTS_FOUND, forwardMessage); - - // special case for FRAG_PARSING_DATA: pass data1/data2 as transferable object (no copy) - observer.on(_events2.default.FRAG_PARSING_DATA, function (ev, data) { - var transferable = []; - var message = { event: ev, data: data }; - if (data.data1) { - message.data1 = data.data1.buffer; - transferable.push(data.data1.buffer); - delete data.data1; + }, { + key: 'flushMainBuffer', + value: function flushMainBuffer(startOffset, endOffset) { + this.state = State.BUFFER_FLUSHING; + var flushScope = { startOffset: startOffset, endOffset: endOffset }; + // if alternate audio tracks are used, only flush video, otherwise flush everything + if (this.altAudio) { + flushScope.type = 'video'; + } + this.hls.trigger(_events2.default.BUFFER_FLUSHING, flushScope); } - if (data.data2) { - message.data2 = data.data2.buffer; - transferable.push(data.data2.buffer); - delete data.data2; + }, { + key: 'onMediaAttached', + value: function onMediaAttached(data) { + var media = this.media = this.mediaBuffer = data.media; + this.onvseeking = this.onMediaSeeking.bind(this); + this.onvseeked = this.onMediaSeeked.bind(this); + this.onvended = this.onMediaEnded.bind(this); + media.addEventListener('seeking', this.onvseeking); + media.addEventListener('seeked', this.onvseeked); + media.addEventListener('ended', this.onvended); + var config = this.config; + if (this.levels && config.autoStartLoad) { + this.hls.startLoad(config.startPosition); + } } - self.postMessage(message, transferable); - }); -}; - -exports.default = DemuxerWorker; - -},{"1":1,"22":22,"32":32,"50":50}],24:[function(_dereq_,module,exports){ -'use strict'; - -Object.defineProperty(exports, "__esModule", { - value: true -}); - -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); - -var _events = _dereq_(32); - -var _events2 = _interopRequireDefault(_events); - -var _demuxerInline = _dereq_(22); - -var _demuxerInline2 = _interopRequireDefault(_demuxerInline); - -var _demuxerWorker = _dereq_(23); - -var _demuxerWorker2 = _interopRequireDefault(_demuxerWorker); - -var _logger = _dereq_(50); - -var _errors = _dereq_(30); - -var _events3 = _dereq_(1); - -var _events4 = _interopRequireDefault(_events3); - -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - -var Demuxer = function () { - function Demuxer(hls, id) { - _classCallCheck(this, Demuxer); - - this.hls = hls; - this.id = id; - // observer setup - var observer = this.observer = new _events4.default(); - var config = hls.config; - observer.trigger = function trigger(event) { - for (var _len = arguments.length, data = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) { - data[_key - 1] = arguments[_key]; + }, { + key: 'onMediaDetaching', + value: function onMediaDetaching() { + var media = this.media; + if (media && media.ended) { + _logger.logger.log('MSE detaching and video ended, reset startPosition'); + this.startPosition = this.lastCurrentTime = 0; } - observer.emit.apply(observer, [event, event].concat(data)); - }; - - observer.off = function off(event) { - for (var _len2 = arguments.length, data = Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) { - data[_key2 - 1] = arguments[_key2]; + // reset fragment loading counter on MSE detaching to avoid reporting FRAG_LOOP_LOADING_ERROR after error recovery + var levels = this.levels; + if (levels) { + // reset fragment load counter + levels.forEach(function (level) { + if (level.details) { + level.details.fragments.forEach(function (fragment) { + fragment.loadCounter = undefined; + fragment.backtracked = undefined; + }); + } + }); } - - observer.removeListener.apply(observer, [event].concat(data)); - }; - - var forwardMessage = function (ev, data) { - data = data || {}; - data.frag = this.frag; - data.id = this.id; - hls.trigger(ev, data); - }.bind(this); - - // forward events to main thread - observer.on(_events2.default.FRAG_DECRYPTED, forwardMessage); - observer.on(_events2.default.FRAG_PARSING_INIT_SEGMENT, forwardMessage); - observer.on(_events2.default.FRAG_PARSING_DATA, forwardMessage); - observer.on(_events2.default.FRAG_PARSED, forwardMessage); - observer.on(_events2.default.ERROR, forwardMessage); - observer.on(_events2.default.FRAG_PARSING_METADATA, forwardMessage); - observer.on(_events2.default.FRAG_PARSING_USERDATA, forwardMessage); - observer.on(_events2.default.INIT_PTS_FOUND, forwardMessage); - - var typeSupported = { - mp4: MediaSource.isTypeSupported('video/mp4'), - mpeg: MediaSource.isTypeSupported('audio/mpeg'), - mp3: MediaSource.isTypeSupported('audio/mp4; codecs="mp3"') - }; - // navigator.vendor is not always available in Web Worker - // refer to https://developer.mozilla.org/en-US/docs/Web/API/WorkerGlobalScope/navigator - var vendor = navigator.vendor; - if (config.enableWorker && typeof Worker !== 'undefined') { - _logger.logger.log('demuxing in webworker'); - var w = void 0; - try { - var work = _dereq_(3); - w = this.w = work(_demuxerWorker2.default); - this.onwmsg = this.onWorkerMessage.bind(this); - w.addEventListener('message', this.onwmsg); - w.onerror = function (event) { - hls.trigger(_events2.default.ERROR, { type: _errors.ErrorTypes.OTHER_ERROR, details: _errors.ErrorDetails.INTERNAL_EXCEPTION, fatal: true, event: 'demuxerWorker', err: { message: event.message + ' (' + event.filename + ':' + event.lineno + ')' } }); - }; - w.postMessage({ cmd: 'init', typeSupported: typeSupported, vendor: vendor, id: id, config: JSON.stringify(config) }); - } catch (err) { - _logger.logger.error('error while initializing DemuxerWorker, fallback on DemuxerInline'); - if (w) { - // revoke the Object URL that was used to create demuxer worker, so as not to leak it - URL.revokeObjectURL(w.objectURL); - } - this.demuxer = new _demuxerInline2.default(observer, typeSupported, config, vendor); - this.w = undefined; + // remove video listeners + if (media) { + media.removeEventListener('seeking', this.onvseeking); + media.removeEventListener('seeked', this.onvseeked); + media.removeEventListener('ended', this.onvended); + this.onvseeking = this.onvseeked = this.onvended = null; } - } else { - this.demuxer = new _demuxerInline2.default(observer, typeSupported, config, vendor); + this.media = this.mediaBuffer = null; + this.loadedmetadata = false; + this.stopLoad(); } - } - - _createClass(Demuxer, [{ - key: 'destroy', - value: function destroy() { - var w = this.w; - if (w) { - w.removeEventListener('message', this.onwmsg); - w.terminate(); - this.w = null; - } else { - var demuxer = this.demuxer; - if (demuxer) { - demuxer.destroy(); - this.demuxer = null; + }, { + key: 'onMediaSeeking', + value: function onMediaSeeking() { + var media = this.media, + currentTime = media ? media.currentTime : undefined, + config = this.config; + if (!isNaN(currentTime)) { + _logger.logger.log('media seeking to ' + currentTime.toFixed(3)); + } + var mediaBuffer = this.mediaBuffer ? this.mediaBuffer : media; + var bufferInfo = _bufferHelper2.default.bufferInfo(mediaBuffer, currentTime, this.config.maxBufferHole); + if (this.state === State.FRAG_LOADING) { + var fragCurrent = this.fragCurrent; + // check if we are seeking to a unbuffered area AND if frag loading is in progress + if (bufferInfo.len === 0 && fragCurrent) { + var tolerance = config.maxFragLookUpTolerance, + fragStartOffset = fragCurrent.start - tolerance, + fragEndOffset = fragCurrent.start + fragCurrent.duration + tolerance; + // check if we seek position will be out of currently loaded frag range : if out cancel frag load, if in, don't do anything + if (currentTime < fragStartOffset || currentTime > fragEndOffset) { + if (fragCurrent.loader) { + _logger.logger.log('seeking outside of buffer while fragment load in progress, cancel fragment load'); + fragCurrent.loader.abort(); + } + this.fragCurrent = null; + this.fragPrevious = null; + // switch to IDLE state to load new fragment + this.state = State.IDLE; + } else { + _logger.logger.log('seeking outside of buffer but within currently loaded fragment range'); + } } + } else if (this.state === State.ENDED) { + // if seeking to unbuffered area, clean up fragPrevious + if (bufferInfo.len === 0) { + this.fragPrevious = 0; + } + // switch to IDLE state to check for potential new fragment + this.state = State.IDLE; } - var observer = this.observer; - if (observer) { - observer.removeAllListeners(); - this.observer = null; + if (media) { + this.lastCurrentTime = currentTime; } - } - }, { - key: 'push', - value: function push(data, initSegment, audioCodec, videoCodec, frag, duration, accurateTimeOffset, defaultInitPTS) { - var w = this.w; - var timeOffset = !isNaN(frag.startDTS) ? frag.startDTS : frag.start; - var decryptdata = frag.decryptdata; - var lastFrag = this.frag; - var discontinuity = !(lastFrag && frag.cc === lastFrag.cc); - var trackSwitch = !(lastFrag && frag.level === lastFrag.level); - var nextSN = lastFrag && frag.sn === lastFrag.sn + 1; - var contiguous = !trackSwitch && nextSN; - if (discontinuity) { - _logger.logger.log(this.id + ':discontinuity detected'); + // avoid reporting fragment loop loading error in case user is seeking several times on same position + if (this.state !== State.FRAG_LOADING && this.fragLoadIdx !== undefined) { + this.fragLoadIdx += 2 * config.fragLoadingLoopThreshold; } - if (trackSwitch) { - _logger.logger.log(this.id + ':switch detected'); + // in case seeking occurs although no media buffered, adjust startPosition and nextLoadPosition to seek target + if (!this.loadedmetadata) { + this.nextLoadPosition = this.startPosition = currentTime; } - this.frag = frag; - if (w) { - // post fragment payload as transferable objects (no copy) - w.postMessage({ cmd: 'demux', data: data, decryptdata: decryptdata, initSegment: initSegment, audioCodec: audioCodec, videoCodec: videoCodec, timeOffset: timeOffset, discontinuity: discontinuity, trackSwitch: trackSwitch, contiguous: contiguous, duration: duration, accurateTimeOffset: accurateTimeOffset, defaultInitPTS: defaultInitPTS }, [data]); - } else { - var demuxer = this.demuxer; - if (demuxer) { - demuxer.push(data, decryptdata, initSegment, audioCodec, videoCodec, timeOffset, discontinuity, trackSwitch, contiguous, duration, accurateTimeOffset, defaultInitPTS); - } + // tick to speed up processing + this.tick(); + } + }, { + key: 'onMediaSeeked', + value: function onMediaSeeked() { + var media = this.media, + currentTime = media ? media.currentTime : undefined; + if (!isNaN(currentTime)) { + _logger.logger.log('media seeked to ' + currentTime.toFixed(3)); } + // tick to speed up FRAGMENT_PLAYING triggering + this.tick(); } }, { - key: 'onWorkerMessage', - value: function onWorkerMessage(ev) { - var data = ev.data, - hls = this.hls; - //console.log('onWorkerMessage:' + data.event); - switch (data.event) { - case 'init': - // revoke the Object URL that was used to create demuxer worker, so as not to leak it - URL.revokeObjectURL(this.w.objectURL); - break; - // special case for FRAG_PARSING_DATA: data1 and data2 are transferable objects - case _events2.default.FRAG_PARSING_DATA: - data.data.data1 = new Uint8Array(data.data1); - if (data.data2) { - data.data.data2 = new Uint8Array(data.data2); + key: 'onMediaEnded', + value: function onMediaEnded() { + _logger.logger.log('media ended'); + // reset startPosition and lastCurrentTime to restart playback @ stream beginning + this.startPosition = this.lastCurrentTime = 0; + } + }, { + key: 'onManifestLoading', + value: function onManifestLoading() { + // reset buffer on manifest loading + _logger.logger.log('trigger BUFFER_RESET'); + this.hls.trigger(_events2.default.BUFFER_RESET); + this._bufferedFrags = []; + this.stalled = false; + this.startPosition = this.lastCurrentTime = 0; + } + }, { + key: 'onManifestParsed', + value: function onManifestParsed(data) { + var aac = false, + heaac = false, + codec; + data.levels.forEach(function (level) { + // detect if we have different kind of audio codecs used amongst playlists + codec = level.audioCodec; + if (codec) { + if (codec.indexOf('mp4a.40.2') !== -1) { + aac = true; } - /* falls through */ - default: - data.data = data.data || {}; - data.data.frag = this.frag; - data.data.id = this.id; - hls.trigger(data.event, data.data); - break; + if (codec.indexOf('mp4a.40.5') !== -1) { + heaac = true; + } + } + }); + this.audioCodecSwitch = aac && heaac; + if (this.audioCodecSwitch) { + _logger.logger.log('both AAC/HE-AAC audio found in levels; declaring level codec as HE-AAC'); + } + this.levels = data.levels; + this.startLevelLoaded = false; + this.startFragRequested = false; + var config = this.config; + if (config.autoStartLoad || this.forceStartLoad) { + this.hls.startLoad(config.startPosition); } } - }]); - - return Demuxer; -}(); - -exports.default = Demuxer; - -},{"1":1,"22":22,"23":23,"3":3,"30":30,"32":32,"50":50}],25:[function(_dereq_,module,exports){ -'use strict'; - -Object.defineProperty(exports, "__esModule", { - value: true -}); - -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); /** - * Parser for exponential Golomb codes, a variable-bitwidth number encoding scheme used by h264. - */ - -var _logger = _dereq_(50); + }, { + key: 'onLevelLoaded', + value: function onLevelLoaded(data) { + var newDetails = data.details, + newLevelId = data.level, + curLevel = this.levels[newLevelId], + duration = newDetails.totalduration, + sliding = 0; -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } + _logger.logger.log('level ' + newLevelId + ' loaded [' + newDetails.startSN + ',' + newDetails.endSN + '],duration:' + duration); + this.levelLastLoaded = newLevelId; -var ExpGolomb = function () { - function ExpGolomb(data) { - _classCallCheck(this, ExpGolomb); + if (newDetails.live) { + var curDetails = curLevel.details; + if (curDetails && newDetails.fragments.length > 0) { + // we already have details for that level, merge them + _levelHelper2.default.mergeDetails(curDetails, newDetails); + sliding = newDetails.fragments[0].start; + this.liveSyncPosition = this.computeLivePosition(sliding, curDetails); + if (newDetails.PTSKnown) { + _logger.logger.log('live playlist sliding:' + sliding.toFixed(3)); + } else { + _logger.logger.log('live playlist - outdated PTS, unknown sliding'); + } + } else { + newDetails.PTSKnown = false; + _logger.logger.log('live playlist - first load, unknown sliding'); + } + } else { + newDetails.PTSKnown = false; + } + // override level info + curLevel.details = newDetails; + this.hls.trigger(_events2.default.LEVEL_UPDATED, { details: newDetails, level: newLevelId }); - this.data = data; - // the number of bytes left to examine in this.data - this.bytesAvailable = data.byteLength; - // the current word being examined - this.word = 0; // :uint - // the number of bits left to examine in the current word - this.bitsAvailable = 0; // :uint - } - - // ():void - - - _createClass(ExpGolomb, [{ - key: 'loadWord', - value: function loadWord() { - var data = this.data, - bytesAvailable = this.bytesAvailable, - position = data.byteLength - bytesAvailable, - workingBytes = new Uint8Array(4), - availableBytes = Math.min(4, bytesAvailable); - if (availableBytes === 0) { - throw new Error('no bytes available'); + if (this.startFragRequested === false) { + // compute start position if set to -1. use it straight away if value is defined + if (this.startPosition === -1 || this.lastCurrentTime === -1) { + // first, check if start time offset has been set in playlist, if yes, use this value + var startTimeOffset = newDetails.startTimeOffset; + if (!isNaN(startTimeOffset)) { + if (startTimeOffset < 0) { + _logger.logger.log('negative start time offset ' + startTimeOffset + ', count from end of last fragment'); + startTimeOffset = sliding + duration + startTimeOffset; + } + _logger.logger.log('start time offset found in playlist, adjust startPosition to ' + startTimeOffset); + this.startPosition = startTimeOffset; + } else { + // if live playlist, set start position to be fragment N-this.config.liveSyncDurationCount (usually 3) + if (newDetails.live) { + this.startPosition = this.computeLivePosition(sliding, newDetails); + _logger.logger.log('configure startPosition to ' + this.startPosition); + } else { + this.startPosition = 0; + } + } + this.lastCurrentTime = this.startPosition; + } + this.nextLoadPosition = this.startPosition; } - workingBytes.set(data.subarray(position, position + availableBytes)); - this.word = new DataView(workingBytes.buffer).getUint32(0); - // track the amount of this.data that has been processed - this.bitsAvailable = availableBytes * 8; - this.bytesAvailable -= availableBytes; + // only switch batck to IDLE state if we were waiting for level to start downloading a new fragment + if (this.state === State.WAITING_LEVEL) { + this.state = State.IDLE; + } + //trigger handler right now + this.tick(); } - - // (count:int):void - }, { - key: 'skipBits', - value: function skipBits(count) { - var skipBytes; // :int - if (this.bitsAvailable > count) { - this.word <<= count; - this.bitsAvailable -= count; - } else { - count -= this.bitsAvailable; - skipBytes = count >> 3; - count -= skipBytes >> 3; - this.bytesAvailable -= skipBytes; - this.loadWord(); - this.word <<= count; - this.bitsAvailable -= count; + key: 'onKeyLoaded', + value: function onKeyLoaded() { + if (this.state === State.KEY_LOADING) { + this.state = State.IDLE; + this.tick(); } } - - // (size:int):uint - }, { - key: 'readBits', - value: function readBits(size) { - var bits = Math.min(this.bitsAvailable, size), - // :uint - valu = this.word >>> 32 - bits; // :uint - if (size > 32) { - _logger.logger.error('Cannot read more than 32 bits at a time'); - } - this.bitsAvailable -= bits; - if (this.bitsAvailable > 0) { - this.word <<= bits; - } else if (this.bytesAvailable > 0) { - this.loadWord(); - } - bits = size - bits; - if (bits > 0 && this.bitsAvailable) { - return valu << bits | this.readBits(bits); - } else { - return valu; + key: 'onFragLoaded', + value: function onFragLoaded(data) { + var fragCurrent = this.fragCurrent, + fragLoaded = data.frag; + if (this.state === State.FRAG_LOADING && fragCurrent && fragLoaded.type === 'main' && fragLoaded.level === fragCurrent.level && fragLoaded.sn === fragCurrent.sn) { + var stats = data.stats, + currentLevel = this.levels[fragCurrent.level], + details = currentLevel.details; + _logger.logger.log('Loaded ' + fragCurrent.sn + ' of [' + details.startSN + ' ,' + details.endSN + '],level ' + fragCurrent.level); + // reset frag bitrate test in any case after frag loaded event + this.bitrateTest = false; + this.stats = stats; + // if this frag was loaded to perform a bitrate test AND if hls.nextLoadLevel is greater than 0 + // then this means that we should be able to load a fragment at a higher quality level + if (fragLoaded.bitrateTest === true && this.hls.nextLoadLevel) { + // switch back to IDLE state ... we just loaded a fragment to determine adequate start bitrate and initialize autoswitch algo + this.state = State.IDLE; + this.startFragRequested = false; + stats.tparsed = stats.tbuffered = performance.now(); + this.hls.trigger(_events2.default.FRAG_BUFFERED, { stats: stats, frag: fragCurrent, id: 'main' }); + this.tick(); + } else if (fragLoaded.sn === 'initSegment') { + this.state = State.IDLE; + stats.tparsed = stats.tbuffered = performance.now(); + details.initSegment.data = data.payload; + this.hls.trigger(_events2.default.FRAG_BUFFERED, { stats: stats, frag: fragCurrent, id: 'main' }); + this.tick(); + } else { + this.state = State.PARSING; + // transmux the MPEG-TS data to ISO-BMFF segments + var duration = details.totalduration, + level = fragCurrent.level, + sn = fragCurrent.sn, + audioCodec = this.config.defaultAudioCodec || currentLevel.audioCodec; + if (this.audioCodecSwap) { + _logger.logger.log('swapping playlist audio codec'); + if (audioCodec === undefined) { + audioCodec = this.lastAudioCodec; + } + if (audioCodec) { + if (audioCodec.indexOf('mp4a.40.5') !== -1) { + audioCodec = 'mp4a.40.2'; + } else { + audioCodec = 'mp4a.40.5'; + } + } + } + this.pendingBuffering = true; + this.appended = false; + _logger.logger.log('Parsing ' + sn + ' of [' + details.startSN + ' ,' + details.endSN + '],level ' + level + ', cc ' + fragCurrent.cc); + var demuxer = this.demuxer; + if (!demuxer) { + demuxer = this.demuxer = new _demuxer2.default(this.hls, 'main'); + } + // time Offset is accurate if level PTS is known, or if playlist is not sliding (not live) and if media is not seeking (this is to overcome potential timestamp drifts between playlists and fragments) + var media = this.media; + var mediaSeeking = media && media.seeking; + var accurateTimeOffset = !mediaSeeking && (details.PTSKnown || !details.live); + var initSegmentData = details.initSegment ? details.initSegment.data : []; + demuxer.push(data.payload, initSegmentData, audioCodec, currentLevel.videoCodec, fragCurrent, duration, accurateTimeOffset, undefined); + } } + this.fragLoadError = 0; } - - // ():uint - }, { - key: 'skipLZ', - value: function skipLZ() { - var leadingZeroCount; // :uint - for (leadingZeroCount = 0; leadingZeroCount < this.bitsAvailable; ++leadingZeroCount) { - if (0 !== (this.word & 0x80000000 >>> leadingZeroCount)) { - // the first bit of working word is 1 - this.word <<= leadingZeroCount; - this.bitsAvailable -= leadingZeroCount; - return leadingZeroCount; + key: 'onFragParsingInitSegment', + value: function onFragParsingInitSegment(data) { + var fragCurrent = this.fragCurrent; + var fragNew = data.frag; + if (fragCurrent && data.id === 'main' && fragNew.sn === fragCurrent.sn && fragNew.level === fragCurrent.level && this.state === State.PARSING) { + var tracks = data.tracks, + trackName, + track; + + // if audio track is expected to come from audio stream controller, discard any coming from main + if (tracks.audio && this.altAudio) { + delete tracks.audio; + } + // include levelCodec in audio and video tracks + track = tracks.audio; + if (track) { + var audioCodec = this.levels[this.level].audioCodec, + ua = navigator.userAgent.toLowerCase(); + if (audioCodec && this.audioCodecSwap) { + _logger.logger.log('swapping playlist audio codec'); + if (audioCodec.indexOf('mp4a.40.5') !== -1) { + audioCodec = 'mp4a.40.2'; + } else { + audioCodec = 'mp4a.40.5'; + } + } + // in case AAC and HE-AAC audio codecs are signalled in manifest + // force HE-AAC , as it seems that most browsers prefers that way, + // except for mono streams OR on FF + // these conditions might need to be reviewed ... + if (this.audioCodecSwitch) { + // don't force HE-AAC if mono stream + if (track.metadata.channelCount !== 1 && + // don't force HE-AAC if firefox + ua.indexOf('firefox') === -1) { + audioCodec = 'mp4a.40.5'; + } + } + // HE-AAC is broken on Android, always signal audio codec as AAC even if variant manifest states otherwise + if (ua.indexOf('android') !== -1 && track.container !== 'audio/mpeg') { + // Exclude mpeg audio + audioCodec = 'mp4a.40.2'; + _logger.logger.log('Android: force audio codec to ' + audioCodec); + } + track.levelCodec = audioCodec; + track.id = data.id; + } + track = tracks.video; + if (track) { + track.levelCodec = this.levels[this.level].videoCodec; + track.id = data.id; + } + this.hls.trigger(_events2.default.BUFFER_CODECS, tracks); + // loop through tracks that are going to be provided to bufferController + for (trackName in tracks) { + track = tracks[trackName]; + _logger.logger.log('main track:' + trackName + ',container:' + track.container + ',codecs[level/parsed]=[' + track.levelCodec + '/' + track.codec + ']'); + var initSegment = track.initSegment; + if (initSegment) { + this.appended = true; + // arm pending Buffering flag before appending a segment + this.pendingBuffering = true; + this.hls.trigger(_events2.default.BUFFER_APPENDING, { type: trackName, data: initSegment, parent: 'main', content: 'initSegment' }); + } } + //trigger handler right now + this.tick(); } - // we exhausted word and still have not found a 1 - this.loadWord(); - return leadingZeroCount + this.skipLZ(); } - - // ():void - }, { - key: 'skipUEG', - value: function skipUEG() { - this.skipBits(1 + this.skipLZ()); - } - - // ():void + key: 'onFragParsingData', + value: function onFragParsingData(data) { + var _this2 = this; - }, { - key: 'skipEG', - value: function skipEG() { - this.skipBits(1 + this.skipLZ()); - } + var fragCurrent = this.fragCurrent; + var fragNew = data.frag; + if (fragCurrent && data.id === 'main' && fragNew.sn === fragCurrent.sn && fragNew.level === fragCurrent.level && !(data.type === 'audio' && this.altAudio) && // filter out main audio if audio track is loaded through audio stream controller + this.state === State.PARSING) { + var level = this.levels[this.level], + frag = fragCurrent; + if (isNaN(data.endPTS)) { + data.endPTS = data.startPTS + fragCurrent.duration; + data.endDTS = data.startDTS + fragCurrent.duration; + } - // ():uint + _logger.logger.log('Parsed ' + data.type + ',PTS:[' + data.startPTS.toFixed(3) + ',' + data.endPTS.toFixed(3) + '],DTS:[' + data.startDTS.toFixed(3) + '/' + data.endDTS.toFixed(3) + '],nb:' + data.nb + ',dropped:' + (data.dropped || 0)); - }, { - key: 'readUEG', - value: function readUEG() { - var clz = this.skipLZ(); // :uint - return this.readBits(clz + 1) - 1; - } + // Detect gaps in a fragment and try to fix it by finding a keyframe in the previous fragment (see _findFragments) + if (data.type === 'video') { + frag.dropped = data.dropped; + if (frag.dropped) { + if (!frag.backtracked) { + _logger.logger.warn('missing video frame(s), backtracking fragment'); + // Return back to the IDLE state without appending to buffer + // Causes findFragments to backtrack a segment and find the keyframe + // Audio fragments arriving before video sets the nextLoadPosition, causing _findFragments to skip the backtracked fragment + frag.backtracked = true; + this.nextLoadPosition = data.startPTS; + this.state = State.IDLE; + this.fragPrevious = frag; + this.tick(); + return; + } else { + _logger.logger.warn('Already backtracked on this fragment, appending with the gap'); + } + } else { + // Only reset the backtracked flag if we've loaded the frag without any dropped frames + frag.backtracked = false; + } + } - // ():int + var drift = _levelHelper2.default.updateFragPTSDTS(level.details, frag, data.startPTS, data.endPTS, data.startDTS, data.endDTS), + hls = this.hls; + hls.trigger(_events2.default.LEVEL_PTS_UPDATED, { details: level.details, level: this.level, drift: drift, type: data.type, start: data.startPTS, end: data.endPTS }); + // has remuxer dropped video frames located before first keyframe ? + [data.data1, data.data2].forEach(function (buffer) { + // only append in PARSING state (rationale is that an appending error could happen synchronously on first segment appending) + // in that case it is useless to append following segments + if (buffer && buffer.length && _this2.state === State.PARSING) { + _this2.appended = true; + // arm pending Buffering flag before appending a segment + _this2.pendingBuffering = true; + hls.trigger(_events2.default.BUFFER_APPENDING, { type: data.type, data: buffer, parent: 'main', content: 'data' }); + } + }); + //trigger handler right now + this.tick(); + } + } }, { - key: 'readEG', - value: function readEG() { - var valu = this.readUEG(); // :int - if (0x01 & valu) { - // the number is odd if the low order bit is set - return 1 + valu >>> 1; // add 1 to make it even, and divide by 2 - } else { - return -1 * (valu >>> 1); // divide by two then make it negative + key: 'onFragParsed', + value: function onFragParsed(data) { + var fragCurrent = this.fragCurrent; + var fragNew = data.frag; + if (fragCurrent && data.id === 'main' && fragNew.sn === fragCurrent.sn && fragNew.level === fragCurrent.level && this.state === State.PARSING) { + this.stats.tparsed = performance.now(); + this.state = State.PARSED; + this._checkAppendedParsed(); } } - - // Some convenience functions - // :Boolean - }, { - key: 'readBoolean', - value: function readBoolean() { - return 1 === this.readBits(1); + key: 'onAudioTrackSwitching', + value: function onAudioTrackSwitching(data) { + // if any URL found on new audio track, it is an alternate audio track + var altAudio = !!data.url, + trackId = data.id; + // if we switch on main audio, ensure that main fragment scheduling is synced with media.buffered + // don't do anything if we switch to alt audio: audio stream controller is handling it. + // we will just have to change buffer scheduling on audioTrackSwitched + if (!altAudio) { + if (this.mediaBuffer !== this.media) { + _logger.logger.log('switching on main audio, use media.buffered to schedule main fragment loading'); + this.mediaBuffer = this.media; + var fragCurrent = this.fragCurrent; + // we need to refill audio buffer from main: cancel any frag loading to speed up audio switch + if (fragCurrent.loader) { + _logger.logger.log('switching to main audio track, cancel main fragment load'); + fragCurrent.loader.abort(); + } + this.fragCurrent = null; + this.fragPrevious = null; + // destroy demuxer to force init segment generation (following audio switch) + if (this.demuxer) { + this.demuxer.destroy(); + this.demuxer = null; + } + // switch to IDLE state to load new fragment + this.state = State.IDLE; + } + var hls = this.hls; + // switching to main audio, flush all audio and trigger track switched + hls.trigger(_events2.default.BUFFER_FLUSHING, { startOffset: 0, endOffset: Number.POSITIVE_INFINITY, type: 'audio' }); + hls.trigger(_events2.default.AUDIO_TRACK_SWITCHED, { id: trackId }); + this.altAudio = false; + } } - - // ():int - }, { - key: 'readUByte', - value: function readUByte() { - return this.readBits(8); + key: 'onAudioTrackSwitched', + value: function onAudioTrackSwitched(data) { + var trackId = data.id, + altAudio = !!this.hls.audioTracks[trackId].url; + if (altAudio) { + var videoBuffer = this.videoBuffer; + // if we switched on alternate audio, ensure that main fragment scheduling is synced with video sourcebuffer buffered + if (videoBuffer && this.mediaBuffer !== videoBuffer) { + _logger.logger.log('switching on alternate audio, use video.buffered to schedule main fragment loading'); + this.mediaBuffer = videoBuffer; + } + } + this.altAudio = altAudio; + this.tick(); } - - // ():int - }, { - key: 'readUShort', - value: function readUShort() { - return this.readBits(16); + key: 'onBufferCreated', + value: function onBufferCreated(data) { + var tracks = data.tracks, + mediaTrack = void 0, + name = void 0, + alternate = false; + for (var type in tracks) { + var track = tracks[type]; + if (track.id === 'main') { + name = type; + mediaTrack = track; + // keep video source buffer reference + if (type === 'video') { + this.videoBuffer = tracks[type].buffer; + } + } else { + alternate = true; + } + } + if (alternate && mediaTrack) { + _logger.logger.log('alternate track found, use ' + name + '.buffered to schedule main fragment loading'); + this.mediaBuffer = mediaTrack.buffer; + } else { + this.mediaBuffer = this.media; + } } - // ():int - }, { - key: 'readUInt', - value: function readUInt() { - return this.readBits(32); + key: 'onBufferAppended', + value: function onBufferAppended(data) { + if (data.parent === 'main') { + var state = this.state; + if (state === State.PARSING || state === State.PARSED) { + // check if all buffers have been appended + this.pendingBuffering = data.pending > 0; + this._checkAppendedParsed(); + } + } } - - /** - * Advance the ExpGolomb decoder past a scaling list. The scaling - * list is optionally transmitted as part of a sequence parameter - * set and is not relevant to transmuxing. - * @param count {number} the number of entries in this scaling list - * @see Recommendation ITU-T H.264, Section 7.3.2.1.1.1 - */ - }, { - key: 'skipScalingList', - value: function skipScalingList(count) { - var lastScale = 8, - nextScale = 8, - j, - deltaScale; - for (j = 0; j < count; j++) { - if (nextScale !== 0) { - deltaScale = this.readEG(); - nextScale = (lastScale + deltaScale + 256) % 256; + key: '_checkAppendedParsed', + value: function _checkAppendedParsed() { + //trigger handler right now + if (this.state === State.PARSED && (!this.appended || !this.pendingBuffering)) { + var frag = this.fragCurrent; + if (frag) { + var media = this.mediaBuffer ? this.mediaBuffer : this.media; + _logger.logger.log('main buffered : ' + _timeRanges2.default.toString(media.buffered)); + // filter fragments potentially evicted from buffer. this is to avoid memleak on live streams + var bufferedFrags = this._bufferedFrags.filter(function (frag) { + return _bufferHelper2.default.isBuffered(media, (frag.startPTS + frag.endPTS) / 2); + }); + // push new range + bufferedFrags.push(frag); + // sort frags, as we use BinarySearch for lookup in getBufferedFrag ... + this._bufferedFrags = bufferedFrags.sort(function (a, b) { + return a.startPTS - b.startPTS; + }); + this.fragPrevious = frag; + var stats = this.stats; + stats.tbuffered = performance.now(); + // we should get rid of this.fragLastKbps + this.fragLastKbps = Math.round(8 * stats.total / (stats.tbuffered - stats.tfirst)); + this.hls.trigger(_events2.default.FRAG_BUFFERED, { stats: stats, frag: frag, id: 'main' }); + this.state = State.IDLE; } - lastScale = nextScale === 0 ? lastScale : nextScale; + this.tick(); } } - - /** - * Read a sequence parameter set and return some interesting video - * properties. A sequence parameter set is the H264 metadata that - * describes the properties of upcoming video frames. - * @param data {Uint8Array} the bytes of a sequence parameter set - * @return {object} an object with configuration parsed from the - * sequence parameter set, including the dimensions of the - * associated video frames. - */ - }, { - key: 'readSPS', - value: function readSPS() { - var frameCropLeftOffset = 0, - frameCropRightOffset = 0, - frameCropTopOffset = 0, - frameCropBottomOffset = 0, - profileIdc, - profileCompat, - levelIdc, - numRefFramesInPicOrderCntCycle, - picWidthInMbsMinus1, - picHeightInMapUnitsMinus1, - frameMbsOnlyFlag, - scalingListCount, - i, - readUByte = this.readUByte.bind(this), - readBits = this.readBits.bind(this), - readUEG = this.readUEG.bind(this), - readBoolean = this.readBoolean.bind(this), - skipBits = this.skipBits.bind(this), - skipEG = this.skipEG.bind(this), - skipUEG = this.skipUEG.bind(this), - skipScalingList = this.skipScalingList.bind(this); + key: 'onError', + value: function onError(data) { + var frag = data.frag || this.fragCurrent; + // don't handle frag error not related to main fragment + if (frag && frag.type !== 'main') { + return; + } + var media = this.media, - readUByte(); - profileIdc = readUByte(); // profile_idc - profileCompat = readBits(5); // constraint_set[0-4]_flag, u(5) - skipBits(3); // reserved_zero_3bits u(3), - levelIdc = readUByte(); //level_idc u(8) - skipUEG(); // seq_parameter_set_id - // some profiles have more optional data we don't need - if (profileIdc === 100 || profileIdc === 110 || profileIdc === 122 || profileIdc === 244 || profileIdc === 44 || profileIdc === 83 || profileIdc === 86 || profileIdc === 118 || profileIdc === 128) { - var chromaFormatIdc = readUEG(); - if (chromaFormatIdc === 3) { - skipBits(1); // separate_colour_plane_flag - } - skipUEG(); // bit_depth_luma_minus8 - skipUEG(); // bit_depth_chroma_minus8 - skipBits(1); // qpprime_y_zero_transform_bypass_flag - if (readBoolean()) { - // seq_scaling_matrix_present_flag - scalingListCount = chromaFormatIdc !== 3 ? 8 : 12; - for (i = 0; i < scalingListCount; i++) { - if (readBoolean()) { - // seq_scaling_list_present_flag[ i ] - if (i < 6) { - skipScalingList(16); - } else { - skipScalingList(64); + // 0.5 : tolerance needed as some browsers stalls playback before reaching buffered end + mediaBuffered = media && _bufferHelper2.default.isBuffered(media, media.currentTime) && _bufferHelper2.default.isBuffered(media, media.currentTime + 0.5); + switch (data.details) { + case _errors.ErrorDetails.FRAG_LOAD_ERROR: + case _errors.ErrorDetails.FRAG_LOAD_TIMEOUT: + case _errors.ErrorDetails.KEY_LOAD_ERROR: + case _errors.ErrorDetails.KEY_LOAD_TIMEOUT: + if (!data.fatal) { + var loadError = this.fragLoadError; + if (loadError) { + loadError++; + } else { + loadError = 1; + } + var config = this.config; + // keep retrying / don't raise fatal network error if current position is buffered or if in automode with current level not 0 + if (loadError <= config.fragLoadingMaxRetry || mediaBuffered || frag.autoLevel && frag.level) { + this.fragLoadError = loadError; + // reset load counter to avoid frag loop loading error + frag.loadCounter = 0; + // exponential backoff capped to config.fragLoadingMaxRetryTimeout + var delay = Math.min(Math.pow(2, loadError - 1) * config.fragLoadingRetryDelay, config.fragLoadingMaxRetryTimeout); + _logger.logger.warn('mediaController: frag loading failed, retry in ' + delay + ' ms'); + this.retryDate = performance.now() + delay; + // retry loading state + // if loadedmetadata is not set, it means that we are emergency switch down on first frag + // in that case, reset startFragRequested flag + if (!this.loadedmetadata) { + this.startFragRequested = false; + this.nextLoadPosition = this.startPosition; } + this.state = State.FRAG_LOADING_WAITING_RETRY; + } else { + _logger.logger.error('mediaController: ' + data.details + ' reaches max retry, redispatch as fatal ...'); + // switch error to fatal + data.fatal = true; + this.state = State.ERROR; } } - } - } - skipUEG(); // log2_max_frame_num_minus4 - var picOrderCntType = readUEG(); - if (picOrderCntType === 0) { - readUEG(); //log2_max_pic_order_cnt_lsb_minus4 - } else if (picOrderCntType === 1) { - skipBits(1); // delta_pic_order_always_zero_flag - skipEG(); // offset_for_non_ref_pic - skipEG(); // offset_for_top_to_bottom_field - numRefFramesInPicOrderCntCycle = readUEG(); - for (i = 0; i < numRefFramesInPicOrderCntCycle; i++) { - skipEG(); // offset_for_ref_frame[ i ] - } - } - skipUEG(); // max_num_ref_frames - skipBits(1); // gaps_in_frame_num_value_allowed_flag - picWidthInMbsMinus1 = readUEG(); - picHeightInMapUnitsMinus1 = readUEG(); - frameMbsOnlyFlag = readBits(1); - if (frameMbsOnlyFlag === 0) { - skipBits(1); // mb_adaptive_frame_field_flag - } - skipBits(1); // direct_8x8_inference_flag - if (readBoolean()) { - // frame_cropping_flag - frameCropLeftOffset = readUEG(); - frameCropRightOffset = readUEG(); - frameCropTopOffset = readUEG(); - frameCropBottomOffset = readUEG(); - } - var pixelRatio = [1, 1]; - if (readBoolean()) { - // vui_parameters_present_flag - if (readBoolean()) { - // aspect_ratio_info_present_flag - var aspectRatioIdc = readUByte(); - switch (aspectRatioIdc) { - case 1: - pixelRatio = [1, 1];break; - case 2: - pixelRatio = [12, 11];break; - case 3: - pixelRatio = [10, 11];break; - case 4: - pixelRatio = [16, 11];break; - case 5: - pixelRatio = [40, 33];break; - case 6: - pixelRatio = [24, 11];break; - case 7: - pixelRatio = [20, 11];break; - case 8: - pixelRatio = [32, 11];break; - case 9: - pixelRatio = [80, 33];break; - case 10: - pixelRatio = [18, 11];break; - case 11: - pixelRatio = [15, 11];break; - case 12: - pixelRatio = [64, 33];break; - case 13: - pixelRatio = [160, 99];break; - case 14: - pixelRatio = [4, 3];break; - case 15: - pixelRatio = [3, 2];break; - case 16: - pixelRatio = [2, 1];break; - case 255: - { - pixelRatio = [readUByte() << 8 | readUByte(), readUByte() << 8 | readUByte()]; - break; + break; + case _errors.ErrorDetails.FRAG_LOOP_LOADING_ERROR: + if (!data.fatal) { + // if buffer is not empty + if (mediaBuffered) { + // try to reduce max buffer length : rationale is that we could get + // frag loop loading error because of buffer eviction + this._reduceMaxBufferLength(frag.duration); + this.state = State.IDLE; + } else { + // buffer empty. report as fatal if in manual mode or if lowest level. + // level controller takes care of emergency switch down logic + if (!frag.autoLevel || frag.level === 0) { + // switch error to fatal + data.fatal = true; + this.state = State.ERROR; } + } } - } + break; + case _errors.ErrorDetails.LEVEL_LOAD_ERROR: + case _errors.ErrorDetails.LEVEL_LOAD_TIMEOUT: + if (this.state !== State.ERROR) { + if (data.fatal) { + // if fatal error, stop processing + this.state = State.ERROR; + _logger.logger.warn('streamController: ' + data.details + ',switch to ' + this.state + ' state ...'); + } else { + // in case of non fatal error while loading level, if level controller is not retrying to load level , switch back to IDLE + if (!data.levelRetry && this.state === State.WAITING_LEVEL) { + this.state = State.IDLE; + } + } + } + break; + case _errors.ErrorDetails.BUFFER_FULL_ERROR: + // if in appending state + if (data.parent === 'main' && (this.state === State.PARSING || this.state === State.PARSED)) { + // reduce max buf len if current position is buffered + if (mediaBuffered) { + this._reduceMaxBufferLength(this.config.maxBufferLength); + this.state = State.IDLE; + } else { + // current position is not buffered, but browser is still complaining about buffer full error + // this happens on IE/Edge, refer to https://github.com/video-dev/hls.js/pull/708 + // in that case flush the whole buffer to recover + _logger.logger.warn('buffer full error also media.currentTime is not buffered, flush everything'); + this.fragCurrent = null; + // flush everything + this.flushMainBuffer(0, Number.POSITIVE_INFINITY); + } + } + break; + default: + break; } - return { - width: Math.ceil((picWidthInMbsMinus1 + 1) * 16 - frameCropLeftOffset * 2 - frameCropRightOffset * 2), - height: (2 - frameMbsOnlyFlag) * (picHeightInMapUnitsMinus1 + 1) * 16 - (frameMbsOnlyFlag ? 2 : 4) * (frameCropTopOffset + frameCropBottomOffset), - pixelRatio: pixelRatio - }; } }, { - key: 'readSliceType', - value: function readSliceType() { - // skip NALu type - this.readUByte(); - // discard first_mb_in_slice - this.readUEG(); - // return slice_type - return this.readUEG(); + key: '_reduceMaxBufferLength', + value: function _reduceMaxBufferLength(minLength) { + var config = this.config; + if (config.maxMaxBufferLength >= minLength) { + // reduce max buffer length as it might be too high. we do this to avoid loop flushing ... + config.maxMaxBufferLength /= 2; + _logger.logger.warn('main:reduce max buffer length to ' + config.maxMaxBufferLength + 's'); + // increase fragment load Index to avoid frag loop loading error after buffer flush + this.fragLoadIdx += 2 * config.fragLoadingLoopThreshold; + } } - }]); - - return ExpGolomb; -}(); - -exports.default = ExpGolomb; - -},{"50":50}],26:[function(_dereq_,module,exports){ -'use strict'; - -Object.defineProperty(exports, "__esModule", { - value: true -}); - -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); /** - * ID3 parser - */ - - -var _logger = _dereq_(50); - -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - -//import Hex from '../utils/hex'; - -var ID3 = function () { - function ID3(data) { - _classCallCheck(this, ID3); - - this._hasTimeStamp = false; - var offset = 0, - byte1, - byte2, - byte3, - byte4, - tagSize, - endPos, - header, - len; - do { - header = this.readUTF(data, offset, 3); - offset += 3; - // first check for ID3 header - if (header === 'ID3') { - // skip 24 bits - offset += 3; - // retrieve tag(s) length - byte1 = data[offset++] & 0x7f; - byte2 = data[offset++] & 0x7f; - byte3 = data[offset++] & 0x7f; - byte4 = data[offset++] & 0x7f; - tagSize = (byte1 << 21) + (byte2 << 14) + (byte3 << 7) + byte4; - endPos = offset + tagSize; - //logger.log(`ID3 tag found, size/end: ${tagSize}/${endPos}`); + }, { + key: '_checkBuffer', + value: function _checkBuffer() { + var media = this.media; + // if ready state different from HAVE_NOTHING (numeric value 0), we are allowed to seek + if (media && media.readyState) { + var currentTime = media.currentTime, + mediaBuffer = this.mediaBuffer ? this.mediaBuffer : media, + buffered = mediaBuffer.buffered; + // adjust currentTime to start position on loaded metadata + if (!this.loadedmetadata && buffered.length) { + this.loadedmetadata = true; + // only adjust currentTime if different from startPosition or if startPosition not buffered + // at that stage, there should be only one buffered range, as we reach that code after first fragment has been buffered + var startPosition = media.seeking ? currentTime : this.startPosition, + startPositionBuffered = _bufferHelper2.default.isBuffered(mediaBuffer, startPosition); + // if currentTime not matching with expected startPosition or startPosition not buffered + if (currentTime !== startPosition || !startPositionBuffered) { + _logger.logger.log('target start position:' + startPosition); + // if startPosition not buffered, let's seek to buffered.start(0) + if (!startPositionBuffered) { + startPosition = buffered.start(0); + _logger.logger.log('target start position not buffered, seek to buffered.start(0) ' + startPosition); + } + _logger.logger.log('adjust currentTime from ' + currentTime + ' to ' + startPosition); + media.currentTime = startPosition; + } + } else if (this.immediateSwitch) { + this.immediateLevelSwitchEnd(); + } else { + var bufferInfo = _bufferHelper2.default.bufferInfo(media, currentTime, 0), + expectedPlaying = !(media.paused || // not playing when media is paused + media.ended || // not playing when media is ended + media.buffered.length === 0), + // not playing if nothing buffered + jumpThreshold = 0.5, + // tolerance needed as some browsers stalls playback before reaching buffered range end + playheadMoving = currentTime !== this.lastCurrentTime, + config = this.config; - // read ID3 tags - this._parseID3Frames(data, offset, endPos); - offset = endPos; - } else if (header === '3DI') { - // http://id3.org/id3v2.4.0-structure chapter 3.4. ID3v2 footer - offset += 7; - _logger.logger.log('3DI footer found, end: ' + offset); - } else { - offset -= 3; - len = offset; - if (len) { - //logger.log(`ID3 len: ${len}`); - if (!this.hasTimeStamp) { - _logger.logger.warn('ID3 tag found, but no timestamp'); + if (playheadMoving) { + // played moving, but was previously stalled => now not stuck anymore + if (this.stallReported) { + _logger.logger.warn('playback not stuck anymore @' + currentTime + ', after ' + Math.round(performance.now() - this.stalled) + 'ms'); + this.stallReported = false; + } + this.stalled = undefined; + this.nudgeRetry = 0; + } else { + // playhead not moving + if (expectedPlaying) { + // playhead not moving BUT media expected to play + var tnow = performance.now(); + var hls = this.hls; + if (!this.stalled) { + // stall just detected, store current time + this.stalled = tnow; + this.stallReported = false; + } else { + // playback already stalled, check stalling duration + // if stalling for more than a given threshold, let's try to recover + var stalledDuration = tnow - this.stalled; + var bufferLen = bufferInfo.len; + var nudgeRetry = this.nudgeRetry || 0; + // have we reached stall deadline ? + if (bufferLen <= jumpThreshold && stalledDuration > config.lowBufferWatchdogPeriod * 1000) { + // report stalled error once + if (!this.stallReported) { + this.stallReported = true; + _logger.logger.warn('playback stalling in low buffer @' + currentTime); + hls.trigger(_events2.default.ERROR, { type: _errors.ErrorTypes.MEDIA_ERROR, details: _errors.ErrorDetails.BUFFER_STALLED_ERROR, fatal: false, buffer: bufferLen }); + } + // if buffer len is below threshold, try to jump to start of next buffer range if close + // no buffer available @ currentTime, check if next buffer is close (within a config.maxSeekHole second range) + var nextBufferStart = bufferInfo.nextStart, + delta = nextBufferStart - currentTime; + if (nextBufferStart && delta < config.maxSeekHole && delta > 0) { + this.nudgeRetry = ++nudgeRetry; + var nudgeOffset = nudgeRetry * config.nudgeOffset; + // next buffer is close ! adjust currentTime to nextBufferStart + // this will ensure effective video decoding + _logger.logger.log('adjust currentTime from ' + media.currentTime + ' to next buffered @ ' + nextBufferStart + ' + nudge ' + nudgeOffset); + media.currentTime = nextBufferStart + nudgeOffset; + // reset stalled so to rearm watchdog timer + this.stalled = undefined; + hls.trigger(_events2.default.ERROR, { type: _errors.ErrorTypes.MEDIA_ERROR, details: _errors.ErrorDetails.BUFFER_SEEK_OVER_HOLE, fatal: false, hole: nextBufferStart + nudgeOffset - currentTime }); + } + } else if (bufferLen > jumpThreshold && stalledDuration > config.highBufferWatchdogPeriod * 1000) { + // report stalled error once + if (!this.stallReported) { + this.stallReported = true; + _logger.logger.warn('playback stalling in high buffer @' + currentTime); + hls.trigger(_events2.default.ERROR, { type: _errors.ErrorTypes.MEDIA_ERROR, details: _errors.ErrorDetails.BUFFER_STALLED_ERROR, fatal: false, buffer: bufferLen }); + } + // reset stalled so to rearm watchdog timer + this.stalled = undefined; + this.nudgeRetry = ++nudgeRetry; + if (nudgeRetry < config.nudgeMaxRetry) { + var _currentTime = media.currentTime; + var targetTime = _currentTime + nudgeRetry * config.nudgeOffset; + _logger.logger.log('adjust currentTime from ' + _currentTime + ' to ' + targetTime); + // playback stalled in buffered area ... let's nudge currentTime to try to overcome this + media.currentTime = targetTime; + hls.trigger(_events2.default.ERROR, { type: _errors.ErrorTypes.MEDIA_ERROR, details: _errors.ErrorDetails.BUFFER_NUDGE_ON_STALL, fatal: false }); + } else { + _logger.logger.error('still stuck in high buffer @' + currentTime + ' after ' + config.nudgeMaxRetry + ', raise fatal error'); + hls.trigger(_events2.default.ERROR, { type: _errors.ErrorTypes.MEDIA_ERROR, details: _errors.ErrorDetails.BUFFER_STALLED_ERROR, fatal: true }); + } + } + } + } } - this._length = len; - this._payload = data.subarray(0, len); } - return; } - } while (true); - } - - _createClass(ID3, [{ - key: 'readUTF', - value: function readUTF(data, start, len) { - - var result = '', - offset = start, - end = start + len; - do { - result += String.fromCharCode(data[offset++]); - } while (offset < end); - return result; } }, { - key: '_parseID3Frames', - value: function _parseID3Frames(data, offset, endPos) { - var tagId, tagLen, tagStart, tagFlags, timestamp; - while (offset + 8 <= endPos) { - tagId = this.readUTF(data, offset, 4); - offset += 4; - - tagLen = data[offset++] << 24 + data[offset++] << 16 + data[offset++] << 8 + data[offset++]; - - tagFlags = data[offset++] << 8 + data[offset++]; - - tagStart = offset; - //logger.log("ID3 tag id:" + tagId); - switch (tagId) { - case 'PRIV': - //logger.log('parse frame:' + Hex.hexDump(data.subarray(offset,endPos))); - // owner should be "com.apple.streaming.transportStreamTimestamp" - if (this.readUTF(data, offset, 44) === 'com.apple.streaming.transportStreamTimestamp') { - offset += 44; - // smelling even better ! we found the right descriptor - // skip null character (string end) + 3 first bytes - offset += 4; - - // timestamp is 33 bit expressed as a big-endian eight-octet number, with the upper 31 bits set to zero. - var pts33Bit = data[offset++] & 0x1; - this._hasTimeStamp = true; - - timestamp = ((data[offset++] << 23) + (data[offset++] << 15) + (data[offset++] << 7) + data[offset++]) / 45; - - if (pts33Bit) { - timestamp += 47721858.84; // 2^32 / 90 - } - timestamp = Math.round(timestamp); - _logger.logger.trace('ID3 timestamp found: ' + timestamp); - this._timeStamp = timestamp; - } - break; - default: - break; - } + key: 'onFragLoadEmergencyAborted', + value: function onFragLoadEmergencyAborted() { + this.state = State.IDLE; + // if loadedmetadata is not set, it means that we are emergency switch down on first frag + // in that case, reset startFragRequested flag + if (!this.loadedmetadata) { + this.startFragRequested = false; + this.nextLoadPosition = this.startPosition; } + this.tick(); } }, { - key: 'hasTimeStamp', - get: function get() { - return this._hasTimeStamp; + key: 'onBufferFlushed', + value: function onBufferFlushed() { + /* after successful buffer flushing, filter flushed fragments from bufferedFrags + use mediaBuffered instead of media (so that we will check against video.buffered ranges in case of alt audio track) + */ + var media = this.mediaBuffer ? this.mediaBuffer : this.media; + this._bufferedFrags = this._bufferedFrags.filter(function (frag) { + return _bufferHelper2.default.isBuffered(media, (frag.startPTS + frag.endPTS) / 2); + }); + + // increase fragment load Index to avoid frag loop loading error after buffer flush + this.fragLoadIdx += 2 * this.config.fragLoadingLoopThreshold; + // move to IDLE once flush complete. this should trigger new fragment loading + this.state = State.IDLE; + // reset reference to frag + this.fragPrevious = null; } }, { - key: 'timeStamp', - get: function get() { - return this._timeStamp; + key: 'swapAudioCodec', + value: function swapAudioCodec() { + this.audioCodecSwap = !this.audioCodecSwap; } }, { - key: 'length', - get: function get() { - return this._length; + key: 'computeLivePosition', + value: function computeLivePosition(sliding, levelDetails) { + var targetLatency = this.config.liveSyncDuration !== undefined ? this.config.liveSyncDuration : this.config.liveSyncDurationCount * levelDetails.targetduration; + return sliding + Math.max(0, levelDetails.totalduration - targetLatency); } }, { - key: 'payload', + key: 'state', + set: function set(nextState) { + if (this.state !== nextState) { + var previousState = this.state; + this._state = nextState; + _logger.logger.log('main stream:' + previousState + '->' + nextState); + this.hls.trigger(_events2.default.STREAM_STATE_TRANSITION, { previousState: previousState, nextState: nextState }); + } + }, get: function get() { - return this._payload; + return this._state; } - }]); - - return ID3; -}(); + }, { + key: 'currentLevel', + get: function get() { + var media = this.media; + if (media) { + var frag = this.getBufferedFrag(media.currentTime); + if (frag) { + return frag.level; + } + } + return -1; + } + }, { + key: 'nextBufferedFrag', + get: function get() { + var media = this.media; + if (media) { + // first get end range of current fragment + return this.followingBufferedFrag(this.getBufferedFrag(media.currentTime)); + } else { + return null; + } + } + }, { + key: 'nextLevel', + get: function get() { + var frag = this.nextBufferedFrag; + if (frag) { + return frag.level; + } else { + return -1; + } + } + }, { + key: 'liveSyncPosition', + get: function get() { + return this._liveSyncPosition; + }, + set: function set(value) { + this._liveSyncPosition = value; + } + }]); -exports.default = ID3; + return StreamController; +}(_eventHandler2.default); + +exports.default = StreamController; -},{"50":50}],27:[function(_dereq_,module,exports){ +},{"25":25,"33":33,"34":34,"35":35,"37":37,"38":38,"48":48,"53":53,"54":54}],14:[function(_dereq_,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); /** - * MP4 demuxer - */ -//import {logger} from '../utils/logger'; - +var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); -var _events = _dereq_(32); +var _events = _dereq_(35); var _events2 = _interopRequireDefault(_events); +var _eventHandler = _dereq_(34); + +var _eventHandler2 = _interopRequireDefault(_eventHandler); + +var _logger = _dereq_(53); + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } -var MP4Demuxer = function () { - function MP4Demuxer(observer, remuxer) { - _classCallCheck(this, MP4Demuxer); +function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } - this.observer = observer; - this.remuxer = remuxer; +function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /* + * Subtitle Stream Controller + */ + +var SubtitleStreamController = function (_EventHandler) { + _inherits(SubtitleStreamController, _EventHandler); + + function SubtitleStreamController(hls) { + _classCallCheck(this, SubtitleStreamController); + + var _this = _possibleConstructorReturn(this, (SubtitleStreamController.__proto__ || Object.getPrototypeOf(SubtitleStreamController)).call(this, hls, _events2.default.ERROR, _events2.default.SUBTITLE_TRACKS_UPDATED, _events2.default.SUBTITLE_TRACK_SWITCH, _events2.default.SUBTITLE_TRACK_LOADED, _events2.default.SUBTITLE_FRAG_PROCESSED)); + + _this.config = hls.config; + _this.vttFragSNsProcessed = {}; + _this.vttFragQueues = undefined; + _this.currentlyProcessing = null; + _this.currentTrackId = -1; + return _this; } - _createClass(MP4Demuxer, [{ - key: 'resetTimeStamp', - value: function resetTimeStamp() {} - }, { - key: 'resetInitSegment', - value: function resetInitSegment(initSegment, audioCodec, videoCodec, duration) { - //jshint unused:false - var initData = this.initData = MP4Demuxer.parseInitSegment(initSegment); - var tracks = {}; - if (initData.audio) { - tracks.audio = { container: 'audio/mp4', codec: audioCodec, initSegment: initSegment }; - } - if (initData.video) { - tracks.video = { container: 'video/mp4', codec: videoCodec, initSegment: initSegment }; - } - this.observer.trigger(_events2.default.FRAG_PARSING_INIT_SEGMENT, { tracks: tracks }); + _createClass(SubtitleStreamController, [{ + key: 'destroy', + value: function destroy() { + _eventHandler2.default.prototype.destroy.call(this); } - }, { - key: 'append', + // Remove all queued items and create a new, empty queue for each track. - // feed incoming data to the front of the parsing pipeline - value: function append(data, timeOffset, contiguous, accurateTimeOffset) { - var initData = this.initData; - var startDTS = MP4Demuxer.startDTS(initData, data); - this.remuxer.remux(initData.audio, initData.video, null, null, startDTS, contiguous, accurateTimeOffset, data); - } }, { - key: 'destroy', - value: function destroy() {} - }], [{ - key: 'probe', - value: function probe(data) { - if (data.length >= 8) { - var dataType = MP4Demuxer.bin2str(data.subarray(4, 8)); - return ['moof', 'ftyp', 'styp'].indexOf(dataType) >= 0; - } - return false; + key: 'clearVttFragQueues', + value: function clearVttFragQueues() { + var _this2 = this; + + this.vttFragQueues = {}; + this.tracks.forEach(function (track) { + _this2.vttFragQueues[track.id] = []; + }); } + + // If no frag is being processed and queue isn't empty, initiate processing of next frag in line. + }, { - key: 'bin2str', - value: function bin2str(buffer) { - return String.fromCharCode.apply(null, buffer); + key: 'nextFrag', + value: function nextFrag() { + if (this.currentlyProcessing === null && this.currentTrackId > -1 && this.vttFragQueues[this.currentTrackId].length) { + var frag = this.currentlyProcessing = this.vttFragQueues[this.currentTrackId].shift(); + this.hls.trigger(_events2.default.FRAG_LOADING, { frag: frag }); + } } - // Find the data for a box specified by its path + // When fragment has finished processing, add sn to list of completed if successful. }, { - key: 'findBox', - value: function findBox(data, path) { - var results = [], - i, - size, - type, - end, - subresults; - - if (!path.length) { - // short-circuit the search for empty paths - return null; + key: 'onSubtitleFragProcessed', + value: function onSubtitleFragProcessed(data) { + if (data.success) { + this.vttFragSNsProcessed[data.frag.trackId].push(data.frag.sn); } + this.currentlyProcessing = null; + this.nextFrag(); + } - for (i = 0; i < data.byteLength;) { - size = data[i] << 24; - size |= data[i + 1] << 16; - size |= data[i + 2] << 8; - size |= data[i + 3]; + // If something goes wrong, procede to next frag, if we were processing one. - type = MP4Demuxer.bin2str(data.subarray(i + 4, i + 8)); + }, { + key: 'onError', + value: function onError(data) { + var frag = data.frag; + // don't handle frag error not related to subtitle fragment + if (frag && frag.type !== 'subtitle') { + return; + } + if (this.currentlyProcessing) { + this.currentlyProcessing = null; + this.nextFrag(); + } + } - end = size > 1 ? i + size : data.byteLength; + // Got all new subtitle tracks. - if (type === path[0]) { - if (path.length === 1) { - // this is the end of the path and we've found the box we were - // looking for - results.push(data.subarray(i + 8, end)); - } else { - // recursively search for the next box along the path - subresults = MP4Demuxer.findBox(data.subarray(i + 8, end), path.slice(1)); - if (subresults.length) { - results = results.concat(subresults); - } - } - } - i = end; - } + }, { + key: 'onSubtitleTracksUpdated', + value: function onSubtitleTracksUpdated(data) { + var _this3 = this; - // we've finished searching all of data - return results; + _logger.logger.log('subtitle tracks updated'); + this.tracks = data.subtitleTracks; + this.clearVttFragQueues(); + this.vttFragSNsProcessed = {}; + this.tracks.forEach(function (track) { + _this3.vttFragSNsProcessed[track.id] = []; + }); + } + }, { + key: 'onSubtitleTrackSwitch', + value: function onSubtitleTrackSwitch(data) { + this.currentTrackId = data.id; + this.clearVttFragQueues(); } - /** - * Parses an MP4 initialization segment and extracts stream type and - * timescale values for any declared tracks. Timescale values indicate the - * number of clock ticks per second to assume for time-based values - * elsewhere in the MP4. - * - * To determine the start time of an MP4, you need two pieces of - * information: the timescale unit and the earliest base media decode - * time. Multiple timescales can be specified within an MP4 but the - * base media decode time is always expressed in the timescale from - * the media header box for the track: - * ``` - * moov > trak > mdia > mdhd.timescale - * moov > trak > mdia > hdlr - * ``` - * @param init {Uint8Array} the bytes of the init segment - * @return {object} a hash of track type to timescale values or null if - * the init segment is malformed. - */ + // Got a new set of subtitle fragments. }, { - key: 'parseInitSegment', - value: function parseInitSegment(initSegment) { - var result = []; - var traks = MP4Demuxer.findBox(initSegment, ['moov', 'trak']); + key: 'onSubtitleTrackLoaded', + value: function onSubtitleTrackLoaded(data) { + var processedFragSNs = this.vttFragSNsProcessed[data.id], + fragQueue = this.vttFragQueues[data.id], + currentFragSN = !!this.currentlyProcessing ? this.currentlyProcessing.sn : -1; - traks.forEach(function (trak) { - var tkhd = MP4Demuxer.findBox(trak, ['tkhd'])[0]; - if (tkhd) { - var version = tkhd[0]; - var index = version === 0 ? 12 : 20; - var trackId = tkhd[index] << 24 | tkhd[index + 1] << 16 | tkhd[index + 2] << 8 | tkhd[index + 3]; + var alreadyProcessed = function alreadyProcessed(frag) { + return processedFragSNs.indexOf(frag.sn) > -1; + }; - trackId = trackId < 0 ? 4294967296 + trackId : trackId; + var alreadyInQueue = function alreadyInQueue(frag) { + return fragQueue.some(function (fragInQueue) { + return fragInQueue.sn === frag.sn; + }); + }; - var mdhd = MP4Demuxer.findBox(trak, ['mdia', 'mdhd'])[0]; - if (mdhd) { - version = mdhd[0]; - index = version === 0 ? 12 : 20; - var timescale = mdhd[index] << 24 | mdhd[index + 1] << 16 | mdhd[index + 2] << 8 | mdhd[index + 3]; - - var hdlr = MP4Demuxer.findBox(trak, ['mdia', 'hdlr'])[0]; - if (hdlr) { - var hdlrType = MP4Demuxer.bin2str(hdlr.subarray(8, 12)); - var type = { 'soun': 'audio', 'vide': 'video' }[hdlrType]; - if (type) { - result[trackId] = { timescale: timescale, type: type }; - result[type] = { timescale: timescale, id: trackId }; - } - } - } + // Add all fragments that haven't been, aren't currently being and aren't waiting to be processed, to queue. + data.details.fragments.forEach(function (frag) { + if (!(alreadyProcessed(frag) || frag.sn === currentFragSN || alreadyInQueue(frag))) { + // Frags don't know their subtitle track ID, so let's just add that... + frag.trackId = data.id; + fragQueue.push(frag); } }); - return result; - } - - /** - * Determine the base media decode start time, in seconds, for an MP4 - * fragment. If multiple fragments are specified, the earliest time is - * returned. - * - * The base media decode time can be parsed from track fragment - * metadata: - * ``` - * moof > traf > tfdt.baseMediaDecodeTime - * ``` - * It requires the timescale value from the mdhd to interpret. - * - * @param timescale {object} a hash of track ids to timescale values. - * @return {number} the earliest base media decode start time for the - * fragment, in seconds - */ - - }, { - key: 'startDTS', - value: function startDTS(initData, fragment) { - var trafs, baseTimes, result; - - // we need info from two childrend of each track fragment box - trafs = MP4Demuxer.findBox(fragment, ['moof', 'traf']); - - // determine the start times for each track - baseTimes = [].concat.apply([], trafs.map(function (traf) { - return MP4Demuxer.findBox(traf, ['tfhd']).map(function (tfhd) { - var id, scale, baseTime; - - // get the track id from the tfhd - id = tfhd[4] << 24 | tfhd[5] << 16 | tfhd[6] << 8 | tfhd[7]; - // assume a 90kHz clock if no timescale was specified - scale = initData[id].timescale || 90e3; - - // get the base media decode time from the tfdt - baseTime = MP4Demuxer.findBox(traf, ['tfdt']).map(function (tfdt) { - var version, result; - - version = tfdt[0]; - result = tfdt[4] << 24 | tfdt[5] << 16 | tfdt[6] << 8 | tfdt[7]; - if (version === 1) { - result *= Math.pow(2, 32); - result += tfdt[8] << 24 | tfdt[9] << 16 | tfdt[10] << 8 | tfdt[11]; - } - return result; - })[0]; - baseTime = baseTime || Infinity; - - // convert base time to seconds - return baseTime / scale; - }); - })); - // return the minimum - result = Math.min.apply(null, baseTimes); - return isFinite(result) ? result : 0; + this.nextFrag(); } }]); - return MP4Demuxer; -}(); + return SubtitleStreamController; +}(_eventHandler2.default); -exports.default = MP4Demuxer; +exports.default = SubtitleStreamController; -},{"32":32}],28:[function(_dereq_,module,exports){ +},{"34":34,"35":35,"53":53}],15:[function(_dereq_,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); /** - * SAMPLE-AES decrypter - */ +var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); -var _decrypter = _dereq_(18); +var _events = _dereq_(35); -var _decrypter2 = _interopRequireDefault(_decrypter); +var _events2 = _interopRequireDefault(_events); + +var _eventHandler = _dereq_(34); + +var _eventHandler2 = _interopRequireDefault(_eventHandler); + +var _logger = _dereq_(53); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } -var SampleAesDecrypter = function () { - function SampleAesDecrypter(observer, config, decryptdata, discardEPB) { - _classCallCheck(this, SampleAesDecrypter); +function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } - this.decryptdata = decryptdata; - this.discardEPB = discardEPB; - this.decrypter = new _decrypter2.default(observer, config); - } +function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /* + * audio track controller + */ - _createClass(SampleAesDecrypter, [{ - key: 'decryptBuffer', - value: function decryptBuffer(encryptedData, callback) { - this.decrypter.decrypt(encryptedData, this.decryptdata.key.buffer, this.decryptdata.iv.buffer, callback); +function filterSubtitleTracks(textTrackList) { + var tracks = []; + for (var i = 0; i < textTrackList.length; i++) { + if (textTrackList[i].kind === 'subtitles') { + tracks.push(textTrackList[i]); } + } + return tracks; +} - // AAC - encrypt all full 16 bytes blocks starting from offset 16 +var SubtitleTrackController = function (_EventHandler) { + _inherits(SubtitleTrackController, _EventHandler); - }, { - key: 'decryptAacSample', - value: function decryptAacSample(samples, sampleIndex, callback, sync) { - var curUnit = samples[sampleIndex].unit; - var encryptedData = curUnit.subarray(16, curUnit.length - curUnit.length % 16); - var encryptedBuffer = encryptedData.buffer.slice(encryptedData.byteOffset, encryptedData.byteOffset + encryptedData.length); + function SubtitleTrackController(hls) { + _classCallCheck(this, SubtitleTrackController); - var localthis = this; - this.decryptBuffer(encryptedBuffer, function (decryptedData) { - decryptedData = new Uint8Array(decryptedData); - curUnit.set(decryptedData, 16); + var _this = _possibleConstructorReturn(this, (SubtitleTrackController.__proto__ || Object.getPrototypeOf(SubtitleTrackController)).call(this, hls, _events2.default.MEDIA_ATTACHED, _events2.default.MEDIA_DETACHING, _events2.default.MANIFEST_LOADING, _events2.default.MANIFEST_LOADED, _events2.default.SUBTITLE_TRACK_LOADED)); - if (!sync) { - localthis.decryptAacSamples(samples, sampleIndex + 1, callback); - } - }); + _this.tracks = []; + _this.trackId = -1; + _this.media = undefined; + return _this; + } + + _createClass(SubtitleTrackController, [{ + key: 'destroy', + value: function destroy() { + _eventHandler2.default.prototype.destroy.call(this); } - }, { - key: 'decryptAacSamples', - value: function decryptAacSamples(samples, sampleIndex, callback) { - for (;; sampleIndex++) { - if (sampleIndex >= samples.length) { - callback(); - return; - } - if (samples[sampleIndex].unit.length < 32) { - continue; - } + // Listen for subtitle track change, then extract the current track ID. - var sync = this.decrypter.isSync(); + }, { + key: 'onMediaAttached', + value: function onMediaAttached(data) { + var _this2 = this; - this.decryptAacSample(samples, sampleIndex, callback, sync); + this.media = data.media; + if (!this.media) { + return; + } - if (!sync) { + this.media.textTracks.addEventListener('change', function () { + // Media is undefined when switching streams via loadSource() + if (!_this2.media) { return; } - } - } - - // AVC - encrypt one 16 bytes block out of ten, starting from offset 32 + var trackId = -1; + var tracks = filterSubtitleTracks(_this2.media.textTracks); + for (var id = 0; id < tracks.length; id++) { + if (tracks[id].mode === 'showing') { + trackId = id; + } + } + // Setting current subtitleTrack will invoke code. + _this2.subtitleTrack = trackId; + }); + } }, { - key: 'getAvcEncryptedData', - value: function getAvcEncryptedData(decodedData) { - var encryptedDataLen = Math.floor((decodedData.length - 48) / 160) * 16 + 16; - var encryptedData = new Int8Array(encryptedDataLen); - var outputPos = 0; - for (var inputPos = 32; inputPos <= decodedData.length - 16; inputPos += 160, outputPos += 16) { - encryptedData.set(decodedData.subarray(inputPos, inputPos + 16), outputPos); - } - return encryptedData; + key: 'onMediaDetaching', + value: function onMediaDetaching() { + // TODO: Remove event listeners. + this.media = undefined; } + + // Reset subtitle tracks on manifest loading + }, { - key: 'getAvcDecryptedUnit', - value: function getAvcDecryptedUnit(decodedData, decryptedData) { - decryptedData = new Uint8Array(decryptedData); - var inputPos = 0; - for (var outputPos = 32; outputPos <= decodedData.length - 16; outputPos += 160, inputPos += 16) { - decodedData.set(decryptedData.subarray(inputPos, inputPos + 16), outputPos); - } - return decodedData; + key: 'onManifestLoading', + value: function onManifestLoading() { + this.tracks = []; + this.trackId = -1; } + + // Fired whenever a new manifest is loaded. + }, { - key: 'decryptAvcSample', - value: function decryptAvcSample(samples, sampleIndex, unitIndex, callback, curUnit, sync) { - var decodedData = this.discardEPB(curUnit.data); - var encryptedData = this.getAvcEncryptedData(decodedData); - var localthis = this; + key: 'onManifestLoaded', + value: function onManifestLoaded(data) { + var _this3 = this; - this.decryptBuffer(encryptedData.buffer, function (decryptedData) { - curUnit.data = localthis.getAvcDecryptedUnit(decodedData, decryptedData); + var tracks = data.subtitles || []; + var defaultFound = false; + this.tracks = tracks; + this.trackId = -1; + this.hls.trigger(_events2.default.SUBTITLE_TRACKS_UPDATED, { subtitleTracks: tracks }); - if (!sync) { - localthis.decryptAvcSamples(samples, sampleIndex, unitIndex + 1, callback); + // loop through available subtitle tracks and autoselect default if needed + // TODO: improve selection logic to handle forced, etc + tracks.forEach(function (track) { + if (track.default) { + _this3.subtitleTrack = track.id; + defaultFound = true; } }); } - }, { - key: 'decryptAvcSamples', - value: function decryptAvcSamples(samples, sampleIndex, unitIndex, callback) { - for (;; sampleIndex++, unitIndex = 0) { - if (sampleIndex >= samples.length) { - callback(); - return; - } - - var curUnits = samples[sampleIndex].units; - for (;; unitIndex++) { - if (unitIndex >= curUnits.length) { - break; - } - - var curUnit = curUnits[unitIndex]; - if (curUnit.length <= 48 || curUnit.type !== 1 && curUnit.type !== 5) { - continue; - } - var sync = this.decrypter.isSync(); + // Trigger subtitle track playlist reload. - this.decryptAvcSample(samples, sampleIndex, unitIndex, callback, curUnit, sync); + }, { + key: 'onTick', + value: function onTick() { + var trackId = this.trackId; + var subtitleTrack = this.tracks[trackId]; + if (!subtitleTrack) { + return; + } - if (!sync) { - return; - } + var details = subtitleTrack.details; + // check if we need to load playlist for this subtitle Track + if (details === undefined || details.live === true) { + // track not retrieved yet, or live playlist we need to (re)load it + _logger.logger.log('(re)loading playlist for subtitle track ' + trackId); + this.hls.trigger(_events2.default.SUBTITLE_TRACK_LOADING, { url: subtitleTrack.url, id: trackId }); + } + } + }, { + key: 'onSubtitleTrackLoaded', + value: function onSubtitleTrackLoaded(data) { + var _this4 = this; + + if (data.id < this.tracks.length) { + _logger.logger.log('subtitle track ' + data.id + ' loaded'); + this.tracks[data.id].details = data.details; + // check if current playlist is a live playlist + if (data.details.live && !this.timer) { + // if live playlist we will have to reload it periodically + // set reload period to playlist target duration + this.timer = setInterval(function () { + _this4.onTick(); + }, 1000 * data.details.targetduration, this); + } + if (!data.details.live && this.timer) { + // playlist is not live and timer is armed : stopping it + clearInterval(this.timer); + this.timer = null; + } + } + } + + /** get alternate subtitle tracks list from playlist **/ + + }, { + key: 'setSubtitleTrackInternal', + value: function setSubtitleTrackInternal(newId) { + // check if level idx is valid + if (newId >= 0 && newId < this.tracks.length) { + // stopping live reloading timer if any + if (this.timer) { + clearInterval(this.timer); + this.timer = null; + } + this.trackId = newId; + _logger.logger.log('switching to subtitle track ' + newId); + var subtitleTrack = this.tracks[newId]; + this.hls.trigger(_events2.default.SUBTITLE_TRACK_SWITCH, { id: newId }); + // check if we need to load playlist for this subtitle Track + var details = subtitleTrack.details; + if (details === undefined || details.live === true) { + // track not retrieved yet, or live playlist we need to (re)load it + _logger.logger.log('(re)loading playlist for subtitle track ' + newId); + this.hls.trigger(_events2.default.SUBTITLE_TRACK_LOADING, { url: subtitleTrack.url, id: newId }); } } } + }, { + key: 'subtitleTracks', + get: function get() { + return this.tracks; + } + + /** get index of the selected subtitle track (index in subtitle track lists) **/ + + }, { + key: 'subtitleTrack', + get: function get() { + return this.trackId; + } + + /** select a subtitle track, based on its index in subtitle track lists**/ + , + set: function set(subtitleTrackId) { + if (this.trackId !== subtitleTrackId) { + // || this.tracks[subtitleTrackId].details === undefined) { + this.setSubtitleTrackInternal(subtitleTrackId); + } + } }]); - return SampleAesDecrypter; -}(); + return SubtitleTrackController; +}(_eventHandler2.default); -exports.default = SampleAesDecrypter; +exports.default = SubtitleTrackController; -},{"18":18}],29:[function(_dereq_,module,exports){ +},{"34":34,"35":35,"53":53}],16:[function(_dereq_,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); /** - * highly optimized TS demuxer: - * parse PAT, PMT - * extract PES packet from audio and video PIDs - * extract AVC/H264 NAL units and AAC/ADTS samples from PES packet - * trigger the remuxer upon parsing completion - * it also tries to workaround as best as it can audio codec switch (HE-AAC to AAC and vice versa), without having to restart the MediaSource. - * it also controls the remuxing process : - * upon discontinuity or level switch detection, it will also notifies the remuxer so that it can reset its state. - */ +var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); -// import Hex from '../utils/hex'; +var _events = _dereq_(35); +var _events2 = _interopRequireDefault(_events); -var _adts = _dereq_(21); +var _eventHandler = _dereq_(34); -var _adts2 = _interopRequireDefault(_adts); +var _eventHandler2 = _interopRequireDefault(_eventHandler); -var _events = _dereq_(32); +var _cea608Parser = _dereq_(49); -var _events2 = _interopRequireDefault(_events); +var _cea608Parser2 = _interopRequireDefault(_cea608Parser); -var _expGolomb = _dereq_(25); +var _webvttParser = _dereq_(57); -var _expGolomb2 = _interopRequireDefault(_expGolomb); +var _webvttParser2 = _interopRequireDefault(_webvttParser); -var _sampleAes = _dereq_(28); +var _logger = _dereq_(53); -var _sampleAes2 = _interopRequireDefault(_sampleAes); +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } -var _logger = _dereq_(50); +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } -var _errors = _dereq_(30); +function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } +function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /* + * Timeline Controller + */ -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } +function clearCurrentCues(track) { + if (track && track.cues) { + while (track.cues.length > 0) { + track.removeCue(track.cues[0]); + } + } +} -var TSDemuxer = function () { - function TSDemuxer(observer, remuxer, config, typeSupported) { - _classCallCheck(this, TSDemuxer); +function reuseVttTextTrack(inUseTrack, manifestTrack) { + return inUseTrack && inUseTrack.label === manifestTrack.name && !(inUseTrack.textTrack1 || inUseTrack.textTrack2); +} - this.observer = observer; - this.config = config; - this.typeSupported = typeSupported; - this.remuxer = remuxer; - this.sampleAes = null; +function intersection(x1, x2, y1, y2) { + return Math.min(x2, y2) - Math.max(x1, y1); +} + +var TimelineController = function (_EventHandler) { + _inherits(TimelineController, _EventHandler); + + function TimelineController(hls) { + _classCallCheck(this, TimelineController); + + var _this = _possibleConstructorReturn(this, (TimelineController.__proto__ || Object.getPrototypeOf(TimelineController)).call(this, hls, _events2.default.MEDIA_ATTACHING, _events2.default.MEDIA_DETACHING, _events2.default.FRAG_PARSING_USERDATA, _events2.default.MANIFEST_LOADING, _events2.default.MANIFEST_LOADED, _events2.default.FRAG_LOADED, _events2.default.LEVEL_SWITCHING, _events2.default.INIT_PTS_FOUND)); + + _this.hls = hls; + _this.config = hls.config; + _this.enabled = true; + _this.Cues = hls.config.cueHandler; + _this.textTracks = []; + _this.tracks = []; + _this.unparsedVttFrags = []; + _this.initPTS = undefined; + _this.cueRanges = []; + + if (_this.config.enableCEA708Captions) { + var self = _this; + var sendAddTrackEvent = function sendAddTrackEvent(track, media) { + var e = null; + try { + e = new window.Event('addtrack'); + } catch (err) { + //for IE11 + e = document.createEvent('Event'); + e.initEvent('addtrack', false, false); + } + e.track = track; + media.dispatchEvent(e); + }; + + var channel1 = { + 'newCue': function newCue(startTime, endTime, screen) { + if (!self.textTrack1) { + //Enable reuse of existing text track. + var existingTrack1 = self.getExistingTrack('1'); + if (!existingTrack1) { + var textTrack1 = self.createTextTrack('captions', self.config.captionsTextTrack1Label, self.config.captionsTextTrack1LanguageCode); + if (textTrack1) { + textTrack1.textTrack1 = true; + self.textTrack1 = textTrack1; + } + } else { + self.textTrack1 = existingTrack1; + clearCurrentCues(self.textTrack1); + + sendAddTrackEvent(self.textTrack1, self.media); + } + } + self.addCues('textTrack1', startTime, endTime, screen); + } + }; + + var channel2 = { + 'newCue': function newCue(startTime, endTime, screen) { + if (!self.textTrack2) { + //Enable reuse of existing text track. + var existingTrack2 = self.getExistingTrack('2'); + if (!existingTrack2) { + var textTrack2 = self.createTextTrack('captions', self.config.captionsTextTrack2Label, self.config.captionsTextTrack1LanguageCode); + if (textTrack2) { + textTrack2.textTrack2 = true; + self.textTrack2 = textTrack2; + } + } else { + self.textTrack2 = existingTrack2; + clearCurrentCues(self.textTrack2); + + sendAddTrackEvent(self.textTrack2, self.media); + } + } + self.addCues('textTrack2', startTime, endTime, screen); + } + }; + + _this.cea608Parser = new _cea608Parser2.default(0, channel1, channel2); + } + return _this; } - _createClass(TSDemuxer, [{ - key: 'setDecryptData', - value: function setDecryptData(decryptdata) { - if (decryptdata != null && decryptdata.key != null && decryptdata.method === 'SAMPLE-AES') { - this.sampleAes = new _sampleAes2.default(this.observer, this.config, decryptdata, this.discardEPB); - } else { - this.sampleAes = null; + _createClass(TimelineController, [{ + key: 'addCues', + value: function addCues(channel, startTime, endTime, screen) { + // skip cues which overlap more than 50% with previously parsed time ranges + var ranges = this.cueRanges; + var merged = false; + for (var i = ranges.length; i--;) { + var cueRange = ranges[i]; + var overlap = intersection(cueRange[0], cueRange[1], startTime, endTime); + if (overlap >= 0) { + cueRange[0] = Math.min(cueRange[0], startTime); + cueRange[1] = Math.max(cueRange[1], endTime); + merged = true; + if (overlap / (endTime - startTime) > 0.5) { + return; + } + } } + if (!merged) { + ranges.push([startTime, endTime]); + } + this.Cues.newCue(this[channel], startTime, endTime, screen); } + + // Triggered when an initial PTS is found; used for synchronisation of WebVTT. + }, { - key: 'resetInitSegment', - value: function resetInitSegment(initSegment, audioCodec, videoCodec, duration) { - this.pmtParsed = false; - this._pmtId = -1; - this._avcTrack = { container: 'video/mp2t', type: 'video', id: -1, inputTimeScale: 90000, sequenceNumber: 0, samples: [], len: 0, dropped: 0 }; - this._audioTrack = { container: 'video/mp2t', type: 'audio', id: -1, inputTimeScale: 90000, sequenceNumber: 0, samples: [], len: 0, isAAC: true }; - this._id3Track = { type: 'id3', id: -1, inputTimeScale: 90000, sequenceNumber: 0, samples: [], len: 0 }; - this._txtTrack = { type: 'text', id: -1, inputTimeScale: 90000, sequenceNumber: 0, samples: [], len: 0 }; - // flush any partial content - this.aacOverFlow = null; - this.aacLastPTS = null; - this.avcSample = null; - this.audioCodec = audioCodec; - this.videoCodec = videoCodec; - this._duration = duration; - } - }, { - key: 'resetTimeStamp', - value: function resetTimeStamp() {} - - // feed incoming data to the front of the parsing pipeline - - }, { - key: 'append', - value: function append(data, timeOffset, contiguous, accurateTimeOffset) { - var start, - len = data.length, - stt, - pid, - atf, - offset, - pes, - unknownPIDs = false; - this.contiguous = contiguous; - var pmtParsed = this.pmtParsed, - avcTrack = this._avcTrack, - audioTrack = this._audioTrack, - id3Track = this._id3Track, - avcId = avcTrack.id, - audioId = audioTrack.id, - id3Id = id3Track.id, - pmtId = this._pmtId, - avcData = avcTrack.pesData, - audioData = audioTrack.pesData, - id3Data = id3Track.pesData, - parsePAT = this._parsePAT, - parsePMT = this._parsePMT, - parsePES = this._parsePES, - parseAVCPES = this._parseAVCPES.bind(this), - parseAACPES = this._parseAACPES.bind(this), - parseMPEGPES = this._parseMPEGPES.bind(this), - parseID3PES = this._parseID3PES.bind(this); - - // don't parse last TS packet if incomplete - len -= len % 188; - // loop through TS packets - for (start = 0; start < len; start += 188) { - if (data[start] === 0x47) { - stt = !!(data[start + 1] & 0x40); - // pid is a 13-bit field starting at the last bit of TS[1] - pid = ((data[start + 1] & 0x1f) << 8) + data[start + 2]; - atf = (data[start + 3] & 0x30) >> 4; - // if an adaption field is present, its length is specified by the fifth byte of the TS packet header. - if (atf > 1) { - offset = start + 5 + data[start + 4]; - // continue if there is only adaptation field - if (offset === start + 188) { - continue; - } - } else { - offset = start + 4; - } - switch (pid) { - case avcId: - if (stt) { - if (avcData && (pes = parsePES(avcData))) { - parseAVCPES(pes, false); - } - avcData = { data: [], size: 0 }; - } - if (avcData) { - avcData.data.push(data.subarray(offset, start + 188)); - avcData.size += start + 188 - offset; - } - break; - case audioId: - if (stt) { - if (audioData && (pes = parsePES(audioData))) { - if (audioTrack.isAAC) { - parseAACPES(pes); - } else { - parseMPEGPES(pes); - } - } - audioData = { data: [], size: 0 }; - } - if (audioData) { - audioData.data.push(data.subarray(offset, start + 188)); - audioData.size += start + 188 - offset; - } - break; - case id3Id: - if (stt) { - if (id3Data && (pes = parsePES(id3Data))) { - parseID3PES(pes); - } - id3Data = { data: [], size: 0 }; - } - if (id3Data) { - id3Data.data.push(data.subarray(offset, start + 188)); - id3Data.size += start + 188 - offset; - } - break; - case 0: - if (stt) { - offset += data[offset] + 1; - } - pmtId = this._pmtId = parsePAT(data, offset); - break; - case pmtId: - if (stt) { - offset += data[offset] + 1; - } - var parsedPIDs = parsePMT(data, offset, this.typeSupported.mpeg === true || this.typeSupported.mp3 === true, this.sampleAes != null); - - // only update track id if track PID found while parsing PMT - // this is to avoid resetting the PID to -1 in case - // track PID transiently disappears from the stream - // this could happen in case of transient missing audio samples for example - avcId = parsedPIDs.avc; - if (avcId > 0) { - avcTrack.id = avcId; - } - audioId = parsedPIDs.audio; - if (audioId > 0) { - audioTrack.id = audioId; - audioTrack.isAAC = parsedPIDs.isAAC; - } - id3Id = parsedPIDs.id3; - if (id3Id > 0) { - id3Track.id = id3Id; - } - if (unknownPIDs && !pmtParsed) { - _logger.logger.log('reparse from beginning'); - unknownPIDs = false; - // we set it to -188, the += 188 in the for loop will reset start to 0 - start = -188; - } - pmtParsed = this.pmtParsed = true; - break; - case 17: - case 0x1fff: - break; - default: - unknownPIDs = true; - break; - } - } else { - this.observer.trigger(_events2.default.ERROR, { type: _errors.ErrorTypes.MEDIA_ERROR, details: _errors.ErrorDetails.FRAG_PARSING_ERROR, fatal: false, reason: 'TS packet did not start with 0x47' }); - } - } - // try to parse last PES packets - if (avcData && (pes = parsePES(avcData))) { - parseAVCPES(pes, true); - avcTrack.pesData = null; - } else { - // either avcData null or PES truncated, keep it for next frag parsing - avcTrack.pesData = avcData; - } - - if (audioData && (pes = parsePES(audioData))) { - if (audioTrack.isAAC) { - parseAACPES(pes); - } else { - parseMPEGPES(pes); - } - audioTrack.pesData = null; - } else { - if (audioData && audioData.size) { - _logger.logger.log('last AAC PES packet truncated,might overlap between fragments'); - } - // either audioData null or PES truncated, keep it for next frag parsing - audioTrack.pesData = audioData; - } + key: 'onInitPtsFound', + value: function onInitPtsFound(data) { + var _this2 = this; - if (id3Data && (pes = parsePES(id3Data))) { - parseID3PES(pes); - id3Track.pesData = null; - } else { - // either id3Data null or PES truncated, keep it for next frag parsing - id3Track.pesData = id3Data; + if (typeof this.initPTS === 'undefined') { + this.initPTS = data.initPTS; } - if (this.sampleAes == null) { - this.remuxer.remux(audioTrack, avcTrack, id3Track, this._txtTrack, timeOffset, contiguous, accurateTimeOffset); - } else { - this.decryptAndRemux(audioTrack, avcTrack, id3Track, this._txtTrack, timeOffset, contiguous, accurateTimeOffset); + // Due to asynchrony, initial PTS may arrive later than the first VTT fragments are loaded. + // Parse any unparsed fragments upon receiving the initial PTS. + if (this.unparsedVttFrags.length) { + this.unparsedVttFrags.forEach(function (frag) { + _this2.onFragLoaded(frag); + }); + this.unparsedVttFrags = []; } } }, { - key: 'decryptAndRemux', - value: function decryptAndRemux(audioTrack, videoTrack, id3Track, textTrack, timeOffset, contiguous, accurateTimeOffset) { - if (audioTrack.samples && audioTrack.isAAC) { - var localthis = this; - this.sampleAes.decryptAacSamples(audioTrack.samples, 0, function () { - localthis.decryptAndRemuxAvc(audioTrack, videoTrack, id3Track, textTrack, timeOffset, contiguous, accurateTimeOffset); - }); - } else { - this.decryptAndRemuxAvc(audioTrack, videoTrack, id3Track, textTrack, timeOffset, contiguous, accurateTimeOffset); + key: 'getExistingTrack', + value: function getExistingTrack(channelNumber) { + var media = this.media; + if (media) { + for (var i = 0; i < media.textTracks.length; i++) { + var textTrack = media.textTracks[i]; + var propName = 'textTrack' + channelNumber; + if (textTrack[propName] === true) { + return textTrack; + } + } } + return null; } }, { - key: 'decryptAndRemuxAvc', - value: function decryptAndRemuxAvc(audioTrack, videoTrack, id3Track, textTrack, timeOffset, contiguous, accurateTimeOffset) { - if (videoTrack.samples) { - var localthis = this; - this.sampleAes.decryptAvcSamples(videoTrack.samples, 0, 0, function () { - localthis.remuxer.remux(audioTrack, videoTrack, id3Track, textTrack, timeOffset, contiguous, accurateTimeOffset); - }); - } else { - this.remuxer.remux(audioTrack, videoTrack, id3Track, textTrack, timeOffset, contiguous, accurateTimeOffset); + key: 'createTextTrack', + value: function createTextTrack(kind, label, lang) { + var media = this.media; + if (media) { + return media.addTextTrack(kind, label, lang); } } }, { key: 'destroy', value: function destroy() { - this._initPTS = this._initDTS = undefined; - this._duration = 0; + _eventHandler2.default.prototype.destroy.call(this); } }, { - key: '_parsePAT', - value: function _parsePAT(data, offset) { - // skip the PSI header and parse the first PMT entry - return (data[offset + 10] & 0x1F) << 8 | data[offset + 11]; - //logger.log('PMT PID:' + this._pmtId); + key: 'onMediaAttaching', + value: function onMediaAttaching(data) { + this.media = data.media; } }, { - key: '_parsePMT', - value: function _parsePMT(data, offset, mpegSupported, isSampleAes) { - var sectionLength, - tableEnd, - programInfoLength, - pid, - result = { audio: -1, avc: -1, id3: -1, isAAC: true }; - sectionLength = (data[offset + 1] & 0x0f) << 8 | data[offset + 2]; - tableEnd = offset + 3 + sectionLength - 4; - // to determine where the table is, we have to figure out how - // long the program info descriptors are - programInfoLength = (data[offset + 10] & 0x0f) << 8 | data[offset + 11]; - // advance the offset to the first entry in the mapping table - offset += 12 + programInfoLength; - while (offset < tableEnd) { - pid = (data[offset + 1] & 0x1F) << 8 | data[offset + 2]; - switch (data[offset]) { - case 0xcf: - // SAMPLE-AES AAC - if (!isSampleAes) { - _logger.logger.log('unkown stream type:' + data[offset]); - break; - } - /* falls through */ - - // ISO/IEC 13818-7 ADTS AAC (MPEG-2 lower bit-rate audio) - case 0x0f: - //logger.log('AAC PID:' + pid); - if (result.audio === -1) { - result.audio = pid; - } - break; + key: 'onMediaDetaching', + value: function onMediaDetaching() { + clearCurrentCues(this.textTrack1); + clearCurrentCues(this.textTrack2); + } + }, { + key: 'onManifestLoading', + value: function onManifestLoading() { + this.lastSn = -1; // Detect discontiguity in fragment parsing + this.prevCC = -1; + this.vttCCs = { ccOffset: 0, presentationOffset: 0 }; // Detect discontinuity in subtitle manifests - // Packetized metadata (ID3) - case 0x15: - //logger.log('ID3 PID:' + pid); - if (result.id3 === -1) { - result.id3 = pid; - } - break; + // clear outdated subtitles + var media = this.media; + if (media) { + var textTracks = media.textTracks; + if (textTracks) { + for (var i = 0; i < textTracks.length; i++) { + clearCurrentCues(textTracks[i]); + } + } + } + } + }, { + key: 'onManifestLoaded', + value: function onManifestLoaded(data) { + var _this3 = this; - case 0xdb: - // SAMPLE-AES AVC - if (!isSampleAes) { - _logger.logger.log('unkown stream type:' + data[offset]); - break; - } - /* falls through */ + this.textTracks = []; + this.unparsedVttFrags = this.unparsedVttFrags || []; + this.initPTS = undefined; + this.cueRanges = []; - // ITU-T Rec. H.264 and ISO/IEC 14496-10 (lower bit-rate video) - case 0x1b: - //logger.log('AVC PID:' + pid); - if (result.avc === -1) { - result.avc = pid; - } - break; + if (this.config.enableWebVTT) { + this.tracks = data.subtitles || []; + var inUseTracks = this.media ? this.media.textTracks : []; - // ISO/IEC 11172-3 (MPEG-1 audio) - // or ISO/IEC 13818-3 (MPEG-2 halved sample rate audio) - case 0x03: - case 0x04: - //logger.log('MPEG PID:' + pid); - if (!mpegSupported) { - _logger.logger.log('MPEG audio found, not supported in this browser for now'); - } else if (result.audio === -1) { - result.audio = pid; - result.isAAC = false; + this.tracks.forEach(function (track, index) { + var textTrack = void 0; + if (index < inUseTracks.length) { + var inUseTrack = inUseTracks[index]; + // Reuse tracks with the same label, but do not reuse 608/708 tracks + if (reuseVttTextTrack(inUseTrack, track)) { + textTrack = inUseTrack; } - break; - - case 0x24: - _logger.logger.warn('HEVC stream type found, not supported for now'); - break; - - default: - _logger.logger.log('unkown stream type:' + data[offset]); - break; - } - // move to the next table entry - // skip past the elementary stream descriptors, if present - offset += ((data[offset + 3] & 0x0F) << 8 | data[offset + 4]) + 5; + } + if (!textTrack) { + textTrack = _this3.createTextTrack('subtitles', track.name, track.lang); + } + textTrack.mode = track.default ? 'showing' : 'hidden'; + _this3.textTracks.push(textTrack); + }); } - return result; } }, { - key: '_parsePES', - value: function _parsePES(stream) { - var i = 0, - frag, - pesFlags, - pesPrefix, - pesLen, - pesHdrLen, - pesData, - pesPts, - pesDts, - payloadStartOffset, - data = stream.data; - // safety check - if (!stream || stream.size === 0) { - return null; - } - - // we might need up to 19 bytes to read PES header - // if first chunk of data is less than 19 bytes, let's merge it with following ones until we get 19 bytes - // usually only one merge is needed (and this is rare ...) - while (data[0].length < 19 && data.length > 1) { - var newData = new Uint8Array(data[0].length + data[1].length); - newData.set(data[0]); - newData.set(data[1], data[0].length); - data[0] = newData; - data.splice(1, 1); - } - //retrieve PTS/DTS from first fragment - frag = data[0]; - pesPrefix = (frag[0] << 16) + (frag[1] << 8) + frag[2]; - if (pesPrefix === 1) { - pesLen = (frag[4] << 8) + frag[5]; - // if PES parsed length is not zero and greater than total received length, stop parsing. PES might be truncated - // minus 6 : PES header size - if (pesLen && pesLen > stream.size - 6) { - return null; - } - pesFlags = frag[7]; - if (pesFlags & 0xC0) { - /* PES header described here : http://dvd.sourceforge.net/dvdinfo/pes-hdr.html - as PTS / DTS is 33 bit we cannot use bitwise operator in JS, - as Bitwise operators treat their operands as a sequence of 32 bits */ - pesPts = (frag[9] & 0x0E) * 536870912 + // 1 << 29 - (frag[10] & 0xFF) * 4194304 + // 1 << 22 - (frag[11] & 0xFE) * 16384 + // 1 << 14 - (frag[12] & 0xFF) * 128 + // 1 << 7 - (frag[13] & 0xFE) / 2; - // check if greater than 2^32 -1 - if (pesPts > 4294967295) { - // decrement 2^33 - pesPts -= 8589934592; + key: 'onLevelSwitching', + value: function onLevelSwitching() { + this.enabled = this.hls.currentLevel.closedCaptions !== 'NONE'; + } + }, { + key: 'onFragLoaded', + value: function onFragLoaded(data) { + var frag = data.frag, + payload = data.payload; + if (frag.type === 'main') { + var sn = frag.sn; + // if this frag isn't contiguous, clear the parser so cues with bad start/end times aren't added to the textTrack + if (sn !== this.lastSn + 1) { + var cea608Parser = this.cea608Parser; + if (cea608Parser) { + cea608Parser.reset(); } - if (pesFlags & 0x40) { - pesDts = (frag[14] & 0x0E) * 536870912 + // 1 << 29 - (frag[15] & 0xFF) * 4194304 + // 1 << 22 - (frag[16] & 0xFE) * 16384 + // 1 << 14 - (frag[17] & 0xFF) * 128 + // 1 << 7 - (frag[18] & 0xFE) / 2; - // check if greater than 2^32 -1 - if (pesDts > 4294967295) { - // decrement 2^33 - pesDts -= 8589934592; + } + this.lastSn = sn; + } + // If fragment is subtitle type, parse as WebVTT. + else if (frag.type === 'subtitle') { + if (payload.byteLength) { + // We need an initial synchronisation PTS. Store fragments as long as none has arrived. + if (typeof this.initPTS === 'undefined') { + this.unparsedVttFrags.push(data); + return; } - if (pesPts - pesDts > 60 * 90000) { - _logger.logger.warn(Math.round((pesPts - pesDts) / 90000) + 's delta between PTS and DTS, align them'); - pesPts = pesDts; + var vttCCs = this.vttCCs; + if (!vttCCs[frag.cc]) { + vttCCs[frag.cc] = { start: frag.start, prevCC: this.prevCC, new: true }; + this.prevCC = frag.cc; } + var textTracks = this.textTracks, + hls = this.hls; + + // Parse the WebVTT file contents. + _webvttParser2.default.parse(payload, this.initPTS, vttCCs, frag.cc, function (cues) { + var currentTrack = textTracks[frag.trackId]; + // Add cues and trigger event with success true. + cues.forEach(function (cue) { + // Sometimes there are cue overlaps on segmented vtts so the same + // cue can appear more than once in different vtt files. + // This avoid showing duplicated cues with same timecode and text. + if (!currentTrack.cues.getCueById(cue.id)) { + currentTrack.addCue(cue); + } + }); + hls.trigger(_events2.default.SUBTITLE_FRAG_PROCESSED, { success: true, frag: frag }); + }, function (e) { + // Something went wrong while parsing. Trigger event with success false. + _logger.logger.log('Failed to parse VTT cue: ' + e); + hls.trigger(_events2.default.SUBTITLE_FRAG_PROCESSED, { success: false, frag: frag }); + }); } else { - pesDts = pesPts; + // In case there is no payload, finish unsuccessfully. + this.hls.trigger(_events2.default.SUBTITLE_FRAG_PROCESSED, { success: false, frag: frag }); } } - pesHdrLen = frag[8]; - // 9 bytes : 6 bytes for PES header + 3 bytes for PES extension - payloadStartOffset = pesHdrLen + 9; + } + }, { + key: 'onFragParsingUserdata', + value: function onFragParsingUserdata(data) { + // push all of the CEA-708 messages into the interpreter + // immediately. It will create the proper timestamps based on our PTS value + if (this.enabled && this.config.enableCEA708Captions) { + for (var i = 0; i < data.samples.length; i++) { + var ccdatas = this.extractCea608Data(data.samples[i].bytes); + this.cea608Parser.addData(data.samples[i].pts, ccdatas); + } + } + } + }, { + key: 'extractCea608Data', + value: function extractCea608Data(byteArray) { + var count = byteArray[0] & 31; + var position = 2; + var tmpByte, ccbyte1, ccbyte2, ccValid, ccType; + var actualCCBytes = []; - stream.size -= payloadStartOffset; - //reassemble PES packet - pesData = new Uint8Array(stream.size); - for (var j = 0, dataLen = data.length; j < dataLen; j++) { - frag = data[j]; - var len = frag.byteLength; - if (payloadStartOffset) { - if (payloadStartOffset > len) { - // trim full frag if PES header bigger than frag - payloadStartOffset -= len; - continue; - } else { - // trim partial frag if PES header smaller than frag - frag = frag.subarray(payloadStartOffset); - len -= payloadStartOffset; - payloadStartOffset = 0; - } - } - pesData.set(frag, i); - i += len; + for (var j = 0; j < count; j++) { + tmpByte = byteArray[position++]; + ccbyte1 = 0x7F & byteArray[position++]; + ccbyte2 = 0x7F & byteArray[position++]; + ccValid = (4 & tmpByte) !== 0; + ccType = 3 & tmpByte; + + if (ccbyte1 === 0 && ccbyte2 === 0) { + continue; } - if (pesLen) { - // payload size : remove PES header + PES extension - pesLen -= pesHdrLen + 3; + + if (ccValid) { + if (ccType === 0) // || ccType === 1 + { + actualCCBytes.push(ccbyte1); + actualCCBytes.push(ccbyte2); + } } - return { data: pesData, pts: pesPts, dts: pesDts, len: pesLen }; - } else { - return null; } + return actualCCBytes; } - }, { - key: 'pushAccesUnit', - value: function pushAccesUnit(avcSample, avcTrack) { - if (avcSample.units.length && avcSample.frame) { - var samples = avcTrack.samples; - var nbSamples = samples.length; - // only push AVC sample if starting with a keyframe is not mandatory OR - // if keyframe already found in this fragment OR - // keyframe found in last fragment (track.sps) AND - // samples already appended (we already found a keyframe in this fragment) OR fragment is contiguous - if (!this.config.forceKeyFrameOnDiscontinuity || avcSample.key === true || avcTrack.sps && (nbSamples || this.contiguous)) { - avcSample.id = nbSamples; - samples.push(avcSample); - } else { - // dropped samples, track it - avcTrack.dropped++; - } - } - if (avcSample.debug.length) { - _logger.logger.log(avcSample.pts + '/' + avcSample.dts + ':' + avcSample.debug); - } + }]); + + return TimelineController; +}(_eventHandler2.default); + +exports.default = TimelineController; + +},{"34":34,"35":35,"49":49,"53":53,"57":57}],17:[function(_dereq_,module,exports){ +'use strict'; + +Object.defineProperty(exports, "__esModule", { + value: true +}); + +var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); + +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } + +var AESCrypto = function () { + function AESCrypto(subtle, iv) { + _classCallCheck(this, AESCrypto); + + this.subtle = subtle; + this.aesIV = iv; + } + + _createClass(AESCrypto, [{ + key: 'decrypt', + value: function decrypt(data, key) { + return this.subtle.decrypt({ name: 'AES-CBC', iv: this.aesIV }, key, data); } - }, { - key: '_parseAVCPES', - value: function _parseAVCPES(pes, last) { - var _this = this; + }]); - //logger.log('parse new PES'); - var track = this._avcTrack, - units = this._parseAVCNALu(pes.data), - debug = false, - expGolombDecoder, - avcSample = this.avcSample, - push, - i; - //free pes.data to save up some memory - pes.data = null; + return AESCrypto; +}(); - units.forEach(function (unit) { - switch (unit.type) { - //NDR - case 1: - push = true; - if (debug && avcSample) { - avcSample.debug += 'NDR '; - } - avcSample.frame = true; - // retrieve slice type by parsing beginning of NAL unit (follow H264 spec, slice_header definition) to detect keyframe embedded in NDR - var data = unit.data; - if (data.length > 4) { - var sliceType = new _expGolomb2.default(data).readSliceType(); - // 2 : I slice, 4 : SI slice, 7 : I slice, 9: SI slice - // SI slice : A slice that is coded using intra prediction only and using quantisation of the prediction samples. - // An SI slice can be coded such that its decoded samples can be constructed identically to an SP slice. - // I slice: A slice that is not an SI slice that is decoded using intra prediction only. - //if (sliceType === 2 || sliceType === 7) { - if (sliceType === 2 || sliceType === 4 || sliceType === 7 || sliceType === 9) { - avcSample.key = true; - } - } - break; - //IDR - case 5: - push = true; - // handle PES not starting with AUD - if (!avcSample) { - avcSample = _this.avcSample = _this._createAVCSample(true, pes.pts, pes.dts, ''); - } - if (debug) { - avcSample.debug += 'IDR '; - } - avcSample.key = true; - avcSample.frame = true; - break; - //SEI - case 6: - push = true; - if (debug && avcSample) { - avcSample.debug += 'SEI '; - } - expGolombDecoder = new _expGolomb2.default(_this.discardEPB(unit.data)); +exports.default = AESCrypto; - // skip frameType - expGolombDecoder.readUByte(); +},{}],18:[function(_dereq_,module,exports){ +'use strict'; - var payloadType = 0; - var payloadSize = 0; - var endOfCaptions = false; - var b = 0; +Object.defineProperty(exports, "__esModule", { + value: true +}); - while (!endOfCaptions && expGolombDecoder.bytesAvailable > 1) { - payloadType = 0; - do { - b = expGolombDecoder.readUByte(); - payloadType += b; - } while (b === 0xFF); +var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); - // Parse payload size. - payloadSize = 0; - do { - b = expGolombDecoder.readUByte(); - payloadSize += b; - } while (b === 0xFF); +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - // TODO: there can be more than one payload in an SEI packet... - // TODO: need to read type and size in a while loop to get them all - if (payloadType === 4 && expGolombDecoder.bytesAvailable !== 0) { +var AESDecryptor = function () { + function AESDecryptor() { + _classCallCheck(this, AESDecryptor); - endOfCaptions = true; + // Static after running initTable + this.rcon = [0x0, 0x1, 0x2, 0x4, 0x8, 0x10, 0x20, 0x40, 0x80, 0x1b, 0x36]; + this.subMix = [new Uint32Array(256), new Uint32Array(256), new Uint32Array(256), new Uint32Array(256)]; + this.invSubMix = [new Uint32Array(256), new Uint32Array(256), new Uint32Array(256), new Uint32Array(256)]; + this.sBox = new Uint32Array(256); + this.invSBox = new Uint32Array(256); - var countryCode = expGolombDecoder.readUByte(); + // Changes during runtime + this.key = new Uint32Array(0); - if (countryCode === 181) { - var providerCode = expGolombDecoder.readUShort(); + this.initTable(); + } - if (providerCode === 49) { - var userStructure = expGolombDecoder.readUInt(); + // Using view.getUint32() also swaps the byte order. - if (userStructure === 0x47413934) { - var userDataType = expGolombDecoder.readUByte(); - // Raw CEA-608 bytes wrapped in CEA-708 packet - if (userDataType === 3) { - var firstByte = expGolombDecoder.readUByte(); - var secondByte = expGolombDecoder.readUByte(); + _createClass(AESDecryptor, [{ + key: 'uint8ArrayToUint32Array_', + value: function uint8ArrayToUint32Array_(arrayBuffer) { + var view = new DataView(arrayBuffer); + var newArray = new Uint32Array(4); + for (var i = 0; i < 4; i++) { + newArray[i] = view.getUint32(i * 4); + } + return newArray; + } + }, { + key: 'initTable', + value: function initTable() { + var sBox = this.sBox; + var invSBox = this.invSBox; + var subMix = this.subMix; + var subMix0 = subMix[0]; + var subMix1 = subMix[1]; + var subMix2 = subMix[2]; + var subMix3 = subMix[3]; + var invSubMix = this.invSubMix; + var invSubMix0 = invSubMix[0]; + var invSubMix1 = invSubMix[1]; + var invSubMix2 = invSubMix[2]; + var invSubMix3 = invSubMix[3]; - var totalCCs = 31 & firstByte; - var byteArray = [firstByte, secondByte]; + var d = new Uint32Array(256); + var x = 0; + var xi = 0; + var i = 0; + for (i = 0; i < 256; i++) { + if (i < 128) { + d[i] = i << 1; + } else { + d[i] = i << 1 ^ 0x11b; + } + } - for (i = 0; i < totalCCs; i++) { - // 3 bytes per CC - byteArray.push(expGolombDecoder.readUByte()); - byteArray.push(expGolombDecoder.readUByte()); - byteArray.push(expGolombDecoder.readUByte()); - } + for (i = 0; i < 256; i++) { + var sx = xi ^ xi << 1 ^ xi << 2 ^ xi << 3 ^ xi << 4; + sx = sx >>> 8 ^ sx & 0xff ^ 0x63; + sBox[x] = sx; + invSBox[sx] = x; - _this._insertSampleInOrder(_this._txtTrack.samples, { type: 3, pts: pes.pts, bytes: byteArray }); - } - } - } - } - } else if (payloadSize < expGolombDecoder.bytesAvailable) { - for (i = 0; i < payloadSize; i++) { - expGolombDecoder.readUByte(); - } - } - } - break; - //SPS - case 7: - push = true; - if (debug && avcSample) { - avcSample.debug += 'SPS '; - } - if (!track.sps) { - expGolombDecoder = new _expGolomb2.default(unit.data); - var config = expGolombDecoder.readSPS(); - track.width = config.width; - track.height = config.height; - track.pixelRatio = config.pixelRatio; - track.sps = [unit.data]; - track.duration = _this._duration; - var codecarray = unit.data.subarray(1, 4); - var codecstring = 'avc1.'; - for (i = 0; i < 3; i++) { - var h = codecarray[i].toString(16); - if (h.length < 2) { - h = '0' + h; - } - codecstring += h; - } - track.codec = codecstring; - } - break; - //PPS - case 8: - push = true; - if (debug && avcSample) { - avcSample.debug += 'PPS '; - } - if (!track.pps) { - track.pps = [unit.data]; - } - break; - // AUD - case 9: - push = false; - if (avcSample) { - _this.pushAccesUnit(avcSample, track); - } - avcSample = _this.avcSample = _this._createAVCSample(false, pes.pts, pes.dts, debug ? 'AUD ' : ''); - break; - // Filler Data - case 12: - push = false; - break; - default: - push = false; - if (avcSample) { - avcSample.debug += 'unknown NAL ' + unit.type + ' '; - } - break; - } - if (avcSample && push) { - var _units = avcSample.units; - _units.push(unit); - } - }); - // if last PES packet, push samples - if (last && avcSample) { - this.pushAccesUnit(avcSample, track); - this.avcSample = null; - } - } - }, { - key: '_createAVCSample', - value: function _createAVCSample(key, pts, dts, debug) { - return { key: key, pts: pts, dts: dts, units: [], debug: debug }; - } - }, { - key: '_insertSampleInOrder', - value: function _insertSampleInOrder(arr, data) { - var len = arr.length; - if (len > 0) { - if (data.pts >= arr[len - 1].pts) { - arr.push(data); + // Compute multiplication + var x2 = d[x]; + var x4 = d[x2]; + var x8 = d[x4]; + + // Compute sub/invSub bytes, mix columns tables + var t = d[sx] * 0x101 ^ sx * 0x1010100; + subMix0[x] = t << 24 | t >>> 8; + subMix1[x] = t << 16 | t >>> 16; + subMix2[x] = t << 8 | t >>> 24; + subMix3[x] = t; + + // Compute inv sub bytes, inv mix columns tables + t = x8 * 0x1010101 ^ x4 * 0x10001 ^ x2 * 0x101 ^ x * 0x1010100; + invSubMix0[sx] = t << 24 | t >>> 8; + invSubMix1[sx] = t << 16 | t >>> 16; + invSubMix2[sx] = t << 8 | t >>> 24; + invSubMix3[sx] = t; + + // Compute next counter + if (!x) { + x = xi = 1; } else { - for (var pos = len - 1; pos >= 0; pos--) { - if (data.pts < arr[pos].pts) { - arr.splice(pos, 0, data); - break; - } - } + x = x2 ^ d[d[d[x8 ^ x2]]]; + xi ^= d[d[xi]]; } - } else { - arr.push(data); } } }, { - key: '_getLastNalUnit', - value: function _getLastNalUnit() { - var avcSample = this.avcSample, - lastUnit = void 0; - // try to fallback to previous sample if current one is empty - if (!avcSample || avcSample.units.length === 0) { - var track = this._avcTrack, - samples = track.samples; - avcSample = samples[samples.length - 1]; + key: 'expandKey', + value: function expandKey(keyBuffer) { + // convert keyBuffer to Uint32Array + var key = this.uint8ArrayToUint32Array_(keyBuffer); + var sameKey = true; + var offset = 0; + + while (offset < key.length && sameKey) { + sameKey = key[offset] === this.key[offset]; + offset++; } - if (avcSample) { - var units = avcSample.units; - lastUnit = units[units.length - 1]; + + if (sameKey) { + return; } - return lastUnit; - } - }, { - key: '_parseAVCNALu', - value: function _parseAVCNALu(array) { - var i = 0, - len = array.byteLength, - value, - overflow, - track = this._avcTrack, - state = track.naluState || 0, - lastState = state; - var units = [], - unit, - unitType, - lastUnitStart = -1, - lastUnitType; - //logger.log('PES:' + Hex.hexDump(array)); - if (state === -1) { - // special use case where we found 3 or 4-byte start codes exactly at the end of previous PES packet - lastUnitStart = 0; - // NALu type is value read from offset 0 - lastUnitType = array[0] & 0x1f; - state = 0; - i = 1; + this.key = key; + var keySize = this.keySize = key.length; + + if (keySize !== 4 && keySize !== 6 && keySize !== 8) { + throw new Error('Invalid aes key size=' + keySize); } - while (i < len) { - value = array[i++]; - // optimization. state 0 and 1 are the predominant case. let's handle them outside of the switch/case - if (!state) { - state = value ? 0 : 1; + var ksRows = this.ksRows = (keySize + 6 + 1) * 4; + var ksRow = void 0; + var invKsRow = void 0; + + var keySchedule = this.keySchedule = new Uint32Array(ksRows); + var invKeySchedule = this.invKeySchedule = new Uint32Array(ksRows); + var sbox = this.sBox; + var rcon = this.rcon; + + var invSubMix = this.invSubMix; + var invSubMix0 = invSubMix[0]; + var invSubMix1 = invSubMix[1]; + var invSubMix2 = invSubMix[2]; + var invSubMix3 = invSubMix[3]; + + var prev = void 0; + var t = void 0; + + for (ksRow = 0; ksRow < ksRows; ksRow++) { + if (ksRow < keySize) { + prev = keySchedule[ksRow] = key[ksRow]; continue; } - if (state === 1) { - state = value ? 0 : 2; - continue; + t = prev; + + if (ksRow % keySize === 0) { + // Rot word + t = t << 8 | t >>> 24; + + // Sub word + t = sbox[t >>> 24] << 24 | sbox[t >>> 16 & 0xff] << 16 | sbox[t >>> 8 & 0xff] << 8 | sbox[t & 0xff]; + + // Mix Rcon + t ^= rcon[ksRow / keySize | 0] << 24; + } else if (keySize > 6 && ksRow % keySize === 4) { + // Sub word + t = sbox[t >>> 24] << 24 | sbox[t >>> 16 & 0xff] << 16 | sbox[t >>> 8 & 0xff] << 8 | sbox[t & 0xff]; } - // here we have state either equal to 2 or 3 - if (!value) { - state = 3; - } else if (value === 1) { - if (lastUnitStart >= 0) { - unit = { data: array.subarray(lastUnitStart, i - state - 1), type: lastUnitType }; - //logger.log('pushing NALU, type/size:' + unit.type + '/' + unit.data.byteLength); - units.push(unit); - } else { - // lastUnitStart is undefined => this is the first start code found in this PES packet - // first check if start code delimiter is overlapping between 2 PES packets, - // ie it started in last packet (lastState not zero) - // and ended at the beginning of this PES packet (i <= 4 - lastState) - var lastUnit = this._getLastNalUnit(); - if (lastUnit) { - if (lastState && i <= 4 - lastState) { - // start delimiter overlapping between PES packets - // strip start delimiter bytes from the end of last NAL unit - // check if lastUnit had a state different from zero - if (lastUnit.state) { - // strip last bytes - lastUnit.data = lastUnit.data.subarray(0, lastUnit.data.byteLength - lastState); - } - } - // If NAL units are not starting right at the beginning of the PES packet, push preceding data into previous NAL unit. - overflow = i - state - 1; - if (overflow > 0) { - //logger.log('first NALU found with overflow:' + overflow); - var tmp = new Uint8Array(lastUnit.data.byteLength + overflow); - tmp.set(lastUnit.data, 0); - tmp.set(array.subarray(0, overflow), lastUnit.data.byteLength); - lastUnit.data = tmp; - } - } - } - // check if we can read unit type - if (i < len) { - unitType = array[i] & 0x1f; - //logger.log('find NALU @ offset:' + i + ',type:' + unitType); - lastUnitStart = i; - lastUnitType = unitType; - state = 0; - } else { - // not enough byte to read unit type. let's read it on next PES parsing - state = -1; - } - } else { - state = 0; - } - } - if (lastUnitStart >= 0 && state >= 0) { - unit = { data: array.subarray(lastUnitStart, len), type: lastUnitType, state: state }; - units.push(unit); - //logger.log('pushing NALU, type/size/state:' + unit.type + '/' + unit.data.byteLength + '/' + state); - } - // no NALu found - if (units.length === 0) { - // append pes.data to previous NAL unit - var _lastUnit = this._getLastNalUnit(); - if (_lastUnit) { - var _tmp = new Uint8Array(_lastUnit.data.byteLength + array.byteLength); - _tmp.set(_lastUnit.data, 0); - _tmp.set(array, _lastUnit.data.byteLength); - _lastUnit.data = _tmp; - } - } - track.naluState = state; - return units; - } - - /** - * remove Emulation Prevention bytes from a RBSP - */ - - }, { - key: 'discardEPB', - value: function discardEPB(data) { - var length = data.byteLength, - EPBPositions = [], - i = 1, - newLength, - newData; - - // Find all `Emulation Prevention Bytes` - while (i < length - 2) { - if (data[i] === 0 && data[i + 1] === 0 && data[i + 2] === 0x03) { - EPBPositions.push(i + 2); - i += 2; - } else { - i++; - } - } - // If no Emulation Prevention Bytes were found just return the original - // array - if (EPBPositions.length === 0) { - return data; + keySchedule[ksRow] = prev = (keySchedule[ksRow - keySize] ^ t) >>> 0; } - // Create a new array to hold the NAL unit data - newLength = length - EPBPositions.length; - newData = new Uint8Array(newLength); - var sourceIndex = 0; - - for (i = 0; i < newLength; sourceIndex++, i++) { - if (sourceIndex === EPBPositions[0]) { - // Skip this byte - sourceIndex++; - // Remove this position index - EPBPositions.shift(); - } - newData[i] = data[sourceIndex]; - } - return newData; - } - }, { - key: '_parseAACPES', - value: function _parseAACPES(pes) { - var track = this._audioTrack, - data = pes.data, - pts = pes.pts, - startOffset = 0, - aacOverFlow = this.aacOverFlow, - aacLastPTS = this.aacLastPTS, - config, - frameLength, - frameDuration, - frameIndex, - offset, - headerLength, - stamp, - len, - aacSample; - if (aacOverFlow) { - var tmp = new Uint8Array(aacOverFlow.byteLength + data.byteLength); - tmp.set(aacOverFlow, 0); - tmp.set(data, aacOverFlow.byteLength); - //logger.log(`AAC: append overflowing ${aacOverFlow.byteLength} bytes to beginning of new PES`); - data = tmp; - } - // look for ADTS header (0xFFFx) - for (offset = startOffset, len = data.length; offset < len - 1; offset++) { - if (data[offset] === 0xff && (data[offset + 1] & 0xf0) === 0xf0) { - break; - } - } - // if ADTS header does not start straight from the beginning of the PES payload, raise an error - if (offset) { - var reason, fatal; - if (offset < len - 1) { - reason = 'AAC PES did not start with ADTS header,offset:' + offset; - fatal = false; + for (invKsRow = 0; invKsRow < ksRows; invKsRow++) { + ksRow = ksRows - invKsRow; + if (invKsRow & 3) { + t = keySchedule[ksRow]; } else { - reason = 'no ADTS header found in AAC PES'; - fatal = true; - } - _logger.logger.warn('parsing error:' + reason); - this.observer.trigger(_events2.default.ERROR, { type: _errors.ErrorTypes.MEDIA_ERROR, details: _errors.ErrorDetails.FRAG_PARSING_ERROR, fatal: fatal, reason: reason }); - if (fatal) { - return; - } - } - if (!track.samplerate) { - var audioCodec = this.audioCodec; - config = _adts2.default.getAudioConfig(this.observer, data, offset, audioCodec); - track.config = config.config; - track.samplerate = config.samplerate; - track.channelCount = config.channelCount; - track.codec = config.codec; - track.manifestCodec = config.manifestCodec; - track.duration = this._duration; - _logger.logger.log('parsed codec:' + track.codec + ',rate:' + config.samplerate + ',nb channel:' + config.channelCount); - } - frameIndex = 0; - frameDuration = 1024 * 90000 / track.samplerate; - - // if last AAC frame is overflowing, we should ensure timestamps are contiguous: - // first sample PTS should be equal to last sample PTS + frameDuration - if (aacOverFlow && aacLastPTS) { - var newPTS = aacLastPTS + frameDuration; - if (Math.abs(newPTS - pts) > 1) { - _logger.logger.log('AAC: align PTS for overlapping frames by ' + Math.round((newPTS - pts) / 90)); - pts = newPTS; + t = keySchedule[ksRow - 4]; } - } - - while (offset + 5 < len) { - // The protection skip bit tells us if we have 2 bytes of CRC data at the end of the ADTS header - headerLength = !!(data[offset + 1] & 0x01) ? 7 : 9; - // retrieve frame size - frameLength = (data[offset + 3] & 0x03) << 11 | data[offset + 4] << 3 | (data[offset + 5] & 0xE0) >>> 5; - frameLength -= headerLength; - //stamp = pes.pts; - if (frameLength > 0 && offset + headerLength + frameLength <= len) { - stamp = pts + frameIndex * frameDuration; - //logger.log(`AAC frame, offset/length/total/pts:${offset+headerLength}/${frameLength}/${data.byteLength}/${(stamp/90).toFixed(0)}`); - aacSample = { unit: data.subarray(offset + headerLength, offset + headerLength + frameLength), pts: stamp, dts: stamp }; - track.samples.push(aacSample); - track.len += frameLength; - offset += frameLength + headerLength; - frameIndex++; - // look for ADTS header (0xFFFx) - for (; offset < len - 1; offset++) { - if (data[offset] === 0xff && (data[offset + 1] & 0xf0) === 0xf0) { - break; - } - } + if (invKsRow < 4 || ksRow <= 4) { + invKeySchedule[invKsRow] = t; } else { - break; + invKeySchedule[invKsRow] = invSubMix0[sbox[t >>> 24]] ^ invSubMix1[sbox[t >>> 16 & 0xff]] ^ invSubMix2[sbox[t >>> 8 & 0xff]] ^ invSubMix3[sbox[t & 0xff]]; } - } - if (offset < len) { - aacOverFlow = data.subarray(offset, len); - //logger.log(`AAC: overflow detected:${len-offset}`); - } else { - aacOverFlow = null; - } - this.aacOverFlow = aacOverFlow; - this.aacLastPTS = stamp; - } - }, { - key: '_parseMPEGPES', - value: function _parseMPEGPES(pes) { - var data = pes.data; - var pts = pes.pts; - var length = data.length; - var frameIndex = 0; - var offset = 0; - var parsed; - while (offset < length && (parsed = this._parseMpeg(data, offset, length, frameIndex++, pts)) > 0) { - offset += parsed; + invKeySchedule[invKsRow] = invKeySchedule[invKsRow] >>> 0; } } - }, { - key: '_onMpegFrame', - value: function _onMpegFrame(data, bitRate, sampleRate, channelCount, frameIndex, pts) { - var frameDuration = 1152 / sampleRate * 1000; - var stamp = pts + frameIndex * frameDuration; - var track = this._audioTrack; - track.config = []; - track.channelCount = channelCount; - track.samplerate = sampleRate; - track.duration = this._duration; - track.samples.push({ unit: data, pts: stamp, dts: stamp }); - track.len += data.length; - } + // Adding this as a method greatly improves performance. + }, { - key: '_onMpegNoise', - value: function _onMpegNoise(data) { - _logger.logger.warn('mpeg audio has noise: ' + data.length + ' bytes'); + key: 'networkToHostOrderSwap', + value: function networkToHostOrderSwap(word) { + return word << 24 | (word & 0xff00) << 8 | (word & 0xff0000) >> 8 | word >>> 24; } }, { - key: '_parseMpeg', - value: function _parseMpeg(data, start, end, frameIndex, pts) { - var BitratesMap = [32, 64, 96, 128, 160, 192, 224, 256, 288, 320, 352, 384, 416, 448, 32, 48, 56, 64, 80, 96, 112, 128, 160, 192, 224, 256, 320, 384, 32, 40, 48, 56, 64, 80, 96, 112, 128, 160, 192, 224, 256, 320, 32, 48, 56, 64, 80, 96, 112, 128, 144, 160, 176, 192, 224, 256, 8, 16, 24, 32, 40, 48, 56, 64, 80, 96, 112, 128, 144, 160]; - var SamplingRateMap = [44100, 48000, 32000, 22050, 24000, 16000, 11025, 12000, 8000]; + key: 'decrypt', + value: function decrypt(inputArrayBuffer, offset, aesIV) { + var nRounds = this.keySize + 6; + var invKeySchedule = this.invKeySchedule; + var invSBOX = this.invSBox; - if (start + 2 > end) { - return -1; // we need at least 2 bytes to detect sync pattern - } - if (data[start] === 0xFF || (data[start + 1] & 0xE0) === 0xE0) { - // Using http://www.datavoyage.com/mpgscript/mpeghdr.htm as a reference - if (start + 24 > end) { - return -1; - } - var headerB = data[start + 1] >> 3 & 3; - var headerC = data[start + 1] >> 1 & 3; - var headerE = data[start + 2] >> 4 & 15; - var headerF = data[start + 2] >> 2 & 3; - var headerG = !!(data[start + 2] & 2); - if (headerB !== 1 && headerE !== 0 && headerE !== 15 && headerF !== 3) { - var columnInBitrates = headerB === 3 ? 3 - headerC : headerC === 3 ? 3 : 4; - var bitRate = BitratesMap[columnInBitrates * 14 + headerE - 1] * 1000; - var columnInSampleRates = headerB === 3 ? 0 : headerB === 2 ? 1 : 2; - var sampleRate = SamplingRateMap[columnInSampleRates * 3 + headerF]; - var padding = headerG ? 1 : 0; - var channelCount = data[start + 3] >> 6 === 3 ? 1 : 2; // If bits of channel mode are `11` then it is a single channel (Mono) - var frameLength = headerC === 3 ? (headerB === 3 ? 12 : 6) * bitRate / sampleRate + padding << 2 : (headerB === 3 ? 144 : 72) * bitRate / sampleRate + padding | 0; - if (start + frameLength > end) { - return -1; - } - if (this._onMpegFrame) { - this._onMpegFrame(data.subarray(start, start + frameLength), bitRate, sampleRate, channelCount, frameIndex, pts); - } - return frameLength; - } - } - // noise or ID3, trying to skip - var offset = start + 2; - while (offset < end) { - if (data[offset - 1] === 0xFF && (data[offset] & 0xE0) === 0xE0) { - // sync pattern is found - if (this._onMpegNoise) { - this._onMpegNoise(data.subarray(start, offset - 1)); - } - return offset - start - 1; - } - offset++; - } - return -1; - } - }, { - key: '_parseID3PES', - value: function _parseID3PES(pes) { - this._id3Track.samples.push(pes); - } - }], [{ - key: 'probe', - value: function probe(data) { - // a TS fragment should contain at least 3 TS packets, a PAT, a PMT, and one PID, each starting with 0x47 - if (data.length >= 3 * 188 && data[0] === 0x47 && data[188] === 0x47 && data[2 * 188] === 0x47) { - return true; - } else { - return false; - } - } - }]); + var invSubMix = this.invSubMix; + var invSubMix0 = invSubMix[0]; + var invSubMix1 = invSubMix[1]; + var invSubMix2 = invSubMix[2]; + var invSubMix3 = invSubMix[3]; - return TSDemuxer; -}(); + var initVector = this.uint8ArrayToUint32Array_(aesIV); + var initVector0 = initVector[0]; + var initVector1 = initVector[1]; + var initVector2 = initVector[2]; + var initVector3 = initVector[3]; -exports.default = TSDemuxer; + var inputInt32 = new Int32Array(inputArrayBuffer); + var outputInt32 = new Int32Array(inputInt32.length); -},{"21":21,"25":25,"28":28,"30":30,"32":32,"50":50}],30:[function(_dereq_,module,exports){ -'use strict'; + var t0 = void 0, + t1 = void 0, + t2 = void 0, + t3 = void 0; + var s0 = void 0, + s1 = void 0, + s2 = void 0, + s3 = void 0; + var inputWords0 = void 0, + inputWords1 = void 0, + inputWords2 = void 0, + inputWords3 = void 0; -Object.defineProperty(exports, "__esModule", { - value: true -}); -var ErrorTypes = exports.ErrorTypes = { - // Identifier for a network error (loading error / timeout ...) - NETWORK_ERROR: 'networkError', - // Identifier for a media Error (video/parsing/mediasource error) - MEDIA_ERROR: 'mediaError', - // Identifier for a mux Error (demuxing/remuxing) - MUX_ERROR: 'muxError', - // Identifier for all other errors - OTHER_ERROR: 'otherError' -}; + var ksRow, i; + var swapWord = this.networkToHostOrderSwap; -var ErrorDetails = exports.ErrorDetails = { - // Identifier for a manifest load error - data: { url : faulty URL, response : { code: error code, text: error text }} - MANIFEST_LOAD_ERROR: 'manifestLoadError', - // Identifier for a manifest load timeout - data: { url : faulty URL, response : { code: error code, text: error text }} - MANIFEST_LOAD_TIMEOUT: 'manifestLoadTimeOut', - // Identifier for a manifest parsing error - data: { url : faulty URL, reason : error reason} - MANIFEST_PARSING_ERROR: 'manifestParsingError', - // Identifier for a manifest with only incompatible codecs error - data: { url : faulty URL, reason : error reason} - MANIFEST_INCOMPATIBLE_CODECS_ERROR: 'manifestIncompatibleCodecsError', - // Identifier for a level load error - data: { url : faulty URL, response : { code: error code, text: error text }} - LEVEL_LOAD_ERROR: 'levelLoadError', - // Identifier for a level load timeout - data: { url : faulty URL, response : { code: error code, text: error text }} - LEVEL_LOAD_TIMEOUT: 'levelLoadTimeOut', - // Identifier for a level switch error - data: { level : faulty level Id, event : error description} - LEVEL_SWITCH_ERROR: 'levelSwitchError', - // Identifier for an audio track load error - data: { url : faulty URL, response : { code: error code, text: error text }} - AUDIO_TRACK_LOAD_ERROR: 'audioTrackLoadError', - // Identifier for an audio track load timeout - data: { url : faulty URL, response : { code: error code, text: error text }} - AUDIO_TRACK_LOAD_TIMEOUT: 'audioTrackLoadTimeOut', - // Identifier for fragment load error - data: { frag : fragment object, response : { code: error code, text: error text }} - FRAG_LOAD_ERROR: 'fragLoadError', - // Identifier for fragment loop loading error - data: { frag : fragment object} - FRAG_LOOP_LOADING_ERROR: 'fragLoopLoadingError', - // Identifier for fragment load timeout error - data: { frag : fragment object} - FRAG_LOAD_TIMEOUT: 'fragLoadTimeOut', - // Identifier for a fragment decryption error event - data: {id : demuxer Id,frag: fragment object, reason : parsing error description } - FRAG_DECRYPT_ERROR: 'fragDecryptError', - // Identifier for a fragment parsing error event - data: { id : demuxer Id, reason : parsing error description } - // will be renamed DEMUX_PARSING_ERROR and switched to MUX_ERROR in the next major release - FRAG_PARSING_ERROR: 'fragParsingError', - // Identifier for a remux alloc error event - data: { id : demuxer Id, frag : fragment object, bytes : nb of bytes on which allocation failed , reason : error text } - REMUX_ALLOC_ERROR: 'remuxAllocError', - // Identifier for decrypt key load error - data: { frag : fragment object, response : { code: error code, text: error text }} - KEY_LOAD_ERROR: 'keyLoadError', - // Identifier for decrypt key load timeout error - data: { frag : fragment object} - KEY_LOAD_TIMEOUT: 'keyLoadTimeOut', - // Triggered when an exception occurs while adding a sourceBuffer to MediaSource - data : { err : exception , mimeType : mimeType } - BUFFER_ADD_CODEC_ERROR: 'bufferAddCodecError', - // Identifier for a buffer append error - data: append error description - BUFFER_APPEND_ERROR: 'bufferAppendError', - // Identifier for a buffer appending error event - data: appending error description - BUFFER_APPENDING_ERROR: 'bufferAppendingError', - // Identifier for a buffer stalled error event - BUFFER_STALLED_ERROR: 'bufferStalledError', - // Identifier for a buffer full event - BUFFER_FULL_ERROR: 'bufferFullError', - // Identifier for a buffer seek over hole event - BUFFER_SEEK_OVER_HOLE: 'bufferSeekOverHole', - // Identifier for a buffer nudge on stall (playback is stuck although currentTime is in a buffered area) - BUFFER_NUDGE_ON_STALL: 'bufferNudgeOnStall', - // Identifier for an internal exception happening inside hls.js while handling an event - INTERNAL_EXCEPTION: 'internalException', - // Malformed WebVTT contents - WEBVTT_EXCEPTION: 'webVTTException' -}; + while (offset < inputInt32.length) { + inputWords0 = swapWord(inputInt32[offset]); + inputWords1 = swapWord(inputInt32[offset + 1]); + inputWords2 = swapWord(inputInt32[offset + 2]); + inputWords3 = swapWord(inputInt32[offset + 3]); + + s0 = inputWords0 ^ invKeySchedule[0]; + s1 = inputWords3 ^ invKeySchedule[1]; + s2 = inputWords2 ^ invKeySchedule[2]; + s3 = inputWords1 ^ invKeySchedule[3]; + + ksRow = 4; + + // Iterate through the rounds of decryption + for (i = 1; i < nRounds; i++) { + t0 = invSubMix0[s0 >>> 24] ^ invSubMix1[s1 >> 16 & 0xff] ^ invSubMix2[s2 >> 8 & 0xff] ^ invSubMix3[s3 & 0xff] ^ invKeySchedule[ksRow]; + t1 = invSubMix0[s1 >>> 24] ^ invSubMix1[s2 >> 16 & 0xff] ^ invSubMix2[s3 >> 8 & 0xff] ^ invSubMix3[s0 & 0xff] ^ invKeySchedule[ksRow + 1]; + t2 = invSubMix0[s2 >>> 24] ^ invSubMix1[s3 >> 16 & 0xff] ^ invSubMix2[s0 >> 8 & 0xff] ^ invSubMix3[s1 & 0xff] ^ invKeySchedule[ksRow + 2]; + t3 = invSubMix0[s3 >>> 24] ^ invSubMix1[s0 >> 16 & 0xff] ^ invSubMix2[s1 >> 8 & 0xff] ^ invSubMix3[s2 & 0xff] ^ invKeySchedule[ksRow + 3]; + // Update state + s0 = t0; + s1 = t1; + s2 = t2; + s3 = t3; + + ksRow = ksRow + 4; + } + + // Shift rows, sub bytes, add round key + t0 = invSBOX[s0 >>> 24] << 24 ^ invSBOX[s1 >> 16 & 0xff] << 16 ^ invSBOX[s2 >> 8 & 0xff] << 8 ^ invSBOX[s3 & 0xff] ^ invKeySchedule[ksRow]; + t1 = invSBOX[s1 >>> 24] << 24 ^ invSBOX[s2 >> 16 & 0xff] << 16 ^ invSBOX[s3 >> 8 & 0xff] << 8 ^ invSBOX[s0 & 0xff] ^ invKeySchedule[ksRow + 1]; + t2 = invSBOX[s2 >>> 24] << 24 ^ invSBOX[s3 >> 16 & 0xff] << 16 ^ invSBOX[s0 >> 8 & 0xff] << 8 ^ invSBOX[s1 & 0xff] ^ invKeySchedule[ksRow + 2]; + t3 = invSBOX[s3 >>> 24] << 24 ^ invSBOX[s0 >> 16 & 0xff] << 16 ^ invSBOX[s1 >> 8 & 0xff] << 8 ^ invSBOX[s2 & 0xff] ^ invKeySchedule[ksRow + 3]; + ksRow = ksRow + 3; + + // Write + outputInt32[offset] = swapWord(t0 ^ initVector0); + outputInt32[offset + 1] = swapWord(t3 ^ initVector1); + outputInt32[offset + 2] = swapWord(t2 ^ initVector2); + outputInt32[offset + 3] = swapWord(t1 ^ initVector3); + + // reset initVector to last 4 unsigned int + initVector0 = inputWords0; + initVector1 = inputWords1; + initVector2 = inputWords2; + initVector3 = inputWords3; + + offset = offset + 4; + } + + return outputInt32.buffer; + } + }, { + key: 'destroy', + value: function destroy() { + this.key = undefined; + this.keySize = undefined; + this.ksRows = undefined; -},{}],31:[function(_dereq_,module,exports){ + this.sBox = undefined; + this.invSBox = undefined; + this.subMix = undefined; + this.invSubMix = undefined; + this.keySchedule = undefined; + this.invKeySchedule = undefined; + + this.rcon = undefined; + } + }]); + + return AESDecryptor; +}(); + +exports.default = AESDecryptor; + +},{}],19:[function(_dereq_,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); -var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; +var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); /* - * - * All objects in the event handling chain should inherit from this class - * - */ +var _aesCrypto = _dereq_(17); -var _logger = _dereq_(50); +var _aesCrypto2 = _interopRequireDefault(_aesCrypto); -var _errors = _dereq_(30); +var _fastAesKey = _dereq_(20); -var _events = _dereq_(32); +var _fastAesKey2 = _interopRequireDefault(_fastAesKey); -var _events2 = _interopRequireDefault(_events); +var _aesDecryptor = _dereq_(18); -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } +var _aesDecryptor2 = _interopRequireDefault(_aesDecryptor); -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } +var _errors = _dereq_(33); -var EventHandler = function () { - function EventHandler(hls) { - _classCallCheck(this, EventHandler); +var _logger = _dereq_(53); - this.hls = hls; - this.onEvent = this.onEvent.bind(this); +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - for (var _len = arguments.length, events = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) { - events[_key - 1] = arguments[_key]; - } +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - this.handledEvents = events; - this.useGenericHandler = true; +/*globals self: false */ - this.registerListeners(); +var Decrypter = function () { + function Decrypter(observer, config) { + _classCallCheck(this, Decrypter); + + this.observer = observer; + this.config = config; + this.logEnabled = true; + try { + var browserCrypto = crypto ? crypto : self.crypto; + this.subtle = browserCrypto.subtle || browserCrypto.webkitSubtle; + } catch (e) {} + this.disableWebCrypto = !this.subtle; } - _createClass(EventHandler, [{ - key: 'destroy', - value: function destroy() { - this.unregisterListeners(); + _createClass(Decrypter, [{ + key: 'isSync', + value: function isSync() { + return this.disableWebCrypto && this.config.enableSoftwareAES; } }, { - key: 'isEventHandler', - value: function isEventHandler() { - return _typeof(this.handledEvents) === 'object' && this.handledEvents.length && typeof this.onEvent === 'function'; + key: 'decrypt', + value: function decrypt(data, key, iv, callback) { + var _this = this; + + if (this.disableWebCrypto && this.config.enableSoftwareAES) { + if (this.logEnabled) { + _logger.logger.log('JS AES decrypt'); + this.logEnabled = false; + } + var decryptor = this.decryptor; + if (!decryptor) { + this.decryptor = decryptor = new _aesDecryptor2.default(); + } + decryptor.expandKey(key); + callback(decryptor.decrypt(data, 0, iv)); + } else { + if (this.logEnabled) { + _logger.logger.log('WebCrypto AES decrypt'); + this.logEnabled = false; + } + var subtle = this.subtle; + if (this.key !== key) { + this.key = key; + this.fastAesKey = new _fastAesKey2.default(subtle, key); + } + + this.fastAesKey.expandKey().then(function (aesKey) { + // decrypt using web crypto + var crypto = new _aesCrypto2.default(subtle, iv); + crypto.decrypt(data, aesKey).catch(function (err) { + _this.onWebCryptoError(err, data, key, iv, callback); + }).then(function (result) { + callback(result); + }); + }).catch(function (err) { + _this.onWebCryptoError(err, data, key, iv, callback); + }); + } } }, { - key: 'registerListeners', - value: function registerListeners() { - if (this.isEventHandler()) { - this.handledEvents.forEach(function (event) { - if (event === 'hlsEventGeneric') { - throw new Error('Forbidden event name: ' + event); - } - this.hls.on(event, this.onEvent); - }.bind(this)); + key: 'onWebCryptoError', + value: function onWebCryptoError(err, data, key, iv, callback) { + if (this.config.enableSoftwareAES) { + _logger.logger.log('WebCrypto Error, disable WebCrypto API'); + this.disableWebCrypto = true; + this.logEnabled = true; + this.decrypt(data, key, iv, callback); + } else { + _logger.logger.error('decrypting error : ' + err.message); + this.observer.trigger(Event.ERROR, { type: _errors.ErrorTypes.MEDIA_ERROR, details: _errors.ErrorDetails.FRAG_DECRYPT_ERROR, fatal: true, reason: err.message }); } } }, { - key: 'unregisterListeners', - value: function unregisterListeners() { - if (this.isEventHandler()) { - this.handledEvents.forEach(function (event) { - this.hls.off(event, this.onEvent); - }.bind(this)); - } - } - - /** - * arguments: event (string), data (any) - */ - - }, { - key: 'onEvent', - value: function onEvent(event, data) { - this.onEventGeneric(event, data); - } - }, { - key: 'onEventGeneric', - value: function onEventGeneric(event, data) { - var eventToFunction = function eventToFunction(event, data) { - var funcName = 'on' + event.replace('hls', ''); - if (typeof this[funcName] !== 'function') { - throw new Error('Event ' + event + ' has no generic handler in this ' + this.constructor.name + ' class (tried ' + funcName + ')'); - } - return this[funcName].bind(this, data); - }; - try { - eventToFunction.call(this, event, data).call(); - } catch (err) { - _logger.logger.error('internal error happened while processing ' + event + ':' + err.message); - this.hls.trigger(_events2.default.ERROR, { type: _errors.ErrorTypes.OTHER_ERROR, details: _errors.ErrorDetails.INTERNAL_EXCEPTION, fatal: false, event: event, err: err }); + key: 'destroy', + value: function destroy() { + var decryptor = this.decryptor; + if (decryptor) { + decryptor.destroy(); + this.decryptor = undefined; } } }]); - return EventHandler; + return Decrypter; }(); -exports.default = EventHandler; - -},{"30":30,"32":32,"50":50}],32:[function(_dereq_,module,exports){ -'use strict'; - -module.exports = { - // fired before MediaSource is attaching to media element - data: { media } - MEDIA_ATTACHING: 'hlsMediaAttaching', - // fired when MediaSource has been succesfully attached to media element - data: { } - MEDIA_ATTACHED: 'hlsMediaAttached', - // fired before detaching MediaSource from media element - data: { } - MEDIA_DETACHING: 'hlsMediaDetaching', - // fired when MediaSource has been detached from media element - data: { } - MEDIA_DETACHED: 'hlsMediaDetached', - // fired when we buffer is going to be resetted - BUFFER_RESET: 'hlsBufferReset', - // fired when we know about the codecs that we need buffers for to push into - data: {tracks : { container, codec, levelCodec, initSegment, metadata }} - BUFFER_CODECS: 'hlsBufferCodecs', - // fired when sourcebuffers have been created data: { tracks : tracks} - BUFFER_CREATED: 'hlsBufferCreated', - // fired when we append a segment to the buffer - data: { segment: segment object } - BUFFER_APPENDING: 'hlsBufferAppending', - // fired when we are done with appending a media segment to the buffer data : { parent : segment parent that triggered BUFFER_APPENDING , pending : nb of segments waiting for appending for this segment parent} - BUFFER_APPENDED: 'hlsBufferAppended', - // fired when the stream is finished and we want to notify the media buffer that there will be no more data - BUFFER_EOS: 'hlsBufferEos', - // fired when the media buffer should be flushed - data {startOffset, endOffset} - BUFFER_FLUSHING: 'hlsBufferFlushing', - // fired when the media has been flushed - BUFFER_FLUSHED: 'hlsBufferFlushed', - // fired to signal that a manifest loading starts - data: { url : manifestURL} - MANIFEST_LOADING: 'hlsManifestLoading', - // fired after manifest has been loaded - data: { levels : [available quality levels] , audioTracks : [ available audio tracks], url : manifestURL, stats : { trequest, tfirst, tload, mtime}} - MANIFEST_LOADED: 'hlsManifestLoaded', - // fired after manifest has been parsed - data: { levels : [available quality levels] , firstLevel : index of first quality level appearing in Manifest} - MANIFEST_PARSED: 'hlsManifestParsed', - // fired when a level switch is requested - data: { level : id of new level } // deprecated in favor LEVEL_SWITCHING - LEVEL_SWITCH: 'hlsLevelSwitch', - // fired when a level switch is requested - data: { level : id of new level } - LEVEL_SWITCHING: 'hlsLevelSwitching', - // fired when a level switch is effective - data: { level : id of new level } - LEVEL_SWITCHED: 'hlsLevelSwitched', - // fired when a level playlist loading starts - data: { url : level URL level : id of level being loaded} - LEVEL_LOADING: 'hlsLevelLoading', - // fired when a level playlist loading finishes - data: { details : levelDetails object, level : id of loaded level, stats : { trequest, tfirst, tload, mtime} } - LEVEL_LOADED: 'hlsLevelLoaded', - // fired when a level's details have been updated based on previous details, after it has been loaded. - data: { details : levelDetails object, level : id of updated level } - LEVEL_UPDATED: 'hlsLevelUpdated', - // fired when a level's PTS information has been updated after parsing a fragment - data: { details : levelDetails object, level : id of updated level, drift: PTS drift observed when parsing last fragment } - LEVEL_PTS_UPDATED: 'hlsLevelPtsUpdated', - // fired to notify that audio track lists has been updated data: { audioTracks : audioTracks} - AUDIO_TRACKS_UPDATED: 'hlsAudioTracksUpdated', - // fired when an audio track switch occurs - data: { id : audio track id} // deprecated in favor AUDIO_TRACK_SWITCHING - AUDIO_TRACK_SWITCH: 'hlsAudioTrackSwitch', - // fired when an audio track switching is requested - data: { id : audio track id} - AUDIO_TRACK_SWITCHING: 'hlsAudioTrackSwitching', - // fired when an audio track switch actually occurs - data: { id : audio track id} - AUDIO_TRACK_SWITCHED: 'hlsAudioTrackSwitched', - // fired when an audio track loading starts - data: { url : audio track URL id : audio track id} - AUDIO_TRACK_LOADING: 'hlsAudioTrackLoading', - // fired when an audio track loading finishes - data: { details : levelDetails object, id : audio track id, stats : { trequest, tfirst, tload, mtime} } - AUDIO_TRACK_LOADED: 'hlsAudioTrackLoaded', - // fired to notify that subtitle track lists has been updated data: { subtitleTracks : subtitleTracks} - SUBTITLE_TRACKS_UPDATED: 'hlsSubtitleTracksUpdated', - // fired when an subtitle track switch occurs - data: { id : subtitle track id} - SUBTITLE_TRACK_SWITCH: 'hlsSubtitleTrackSwitch', - // fired when an subtitle track loading starts - data: { url : subtitle track URL id : subtitle track id} - SUBTITLE_TRACK_LOADING: 'hlsSubtitleTrackLoading', - // fired when an subtitle track loading finishes - data: { details : levelDetails object, id : subtitle track id, stats : { trequest, tfirst, tload, mtime} } - SUBTITLE_TRACK_LOADED: 'hlsSubtitleTrackLoaded', - // fired when a subtitle fragment has been processed - data: { success : boolean, frag : the processed frag} - SUBTITLE_FRAG_PROCESSED: 'hlsSubtitleFragProcessed', - // fired when the first timestamp is found. - data: { id : demuxer id, initPTS: initPTS , frag : fragment object} - INIT_PTS_FOUND: 'hlsInitPtsFound', - // fired when a fragment loading starts - data: { frag : fragment object} - FRAG_LOADING: 'hlsFragLoading', - // fired when a fragment loading is progressing - data: { frag : fragment object, { trequest, tfirst, loaded}} - FRAG_LOAD_PROGRESS: 'hlsFragLoadProgress', - // Identifier for fragment load aborting for emergency switch down - data: {frag : fragment object} - FRAG_LOAD_EMERGENCY_ABORTED: 'hlsFragLoadEmergencyAborted', - // fired when a fragment loading is completed - data: { frag : fragment object, payload : fragment payload, stats : { trequest, tfirst, tload, length}} - FRAG_LOADED: 'hlsFragLoaded', - // fired when a fragment has finished decrypting - data: { id : demuxer id, frag: fragment object, stats : {tstart,tdecrypt} } - FRAG_DECRYPTED: 'hlsFragDecrypted', - // fired when Init Segment has been extracted from fragment - data: { id : demuxer id, frag: fragment object, moov : moov MP4 box, codecs : codecs found while parsing fragment} - FRAG_PARSING_INIT_SEGMENT: 'hlsFragParsingInitSegment', - // fired when parsing sei text is completed - data: { id : demuxer id, , frag: fragment object, samples : [ sei samples pes ] } - FRAG_PARSING_USERDATA: 'hlsFragParsingUserdata', - // fired when parsing id3 is completed - data: { id : demuxer id, frag: fragment object, samples : [ id3 samples pes ] } - FRAG_PARSING_METADATA: 'hlsFragParsingMetadata', - // fired when data have been extracted from fragment - data: { id : demuxer id, frag: fragment object, data1 : moof MP4 box or TS fragments, data2 : mdat MP4 box or null} - FRAG_PARSING_DATA: 'hlsFragParsingData', - // fired when fragment parsing is completed - data: { id : demuxer id,frag: fragment object } - FRAG_PARSED: 'hlsFragParsed', - // fired when fragment remuxed MP4 boxes have all been appended into SourceBuffer - data: { id : demuxer id,frag : fragment object, stats : { trequest, tfirst, tload, tparsed, tbuffered, length} } - FRAG_BUFFERED: 'hlsFragBuffered', - // fired when fragment matching with current media position is changing - data : { id : demuxer id, frag : fragment object } - FRAG_CHANGED: 'hlsFragChanged', - // Identifier for a FPS drop event - data: {curentDropped, currentDecoded, totalDroppedFrames} - FPS_DROP: 'hlsFpsDrop', - //triggered when FPS drop triggers auto level capping - data: {level, droppedlevel} - FPS_DROP_LEVEL_CAPPING: 'hlsFpsDropLevelCapping', - // Identifier for an error event - data: { type : error type, details : error details, fatal : if true, hls.js cannot/will not try to recover, if false, hls.js will try to recover,other error specific data} - ERROR: 'hlsError', - // fired when hls.js instance starts destroying. Different from MEDIA_DETACHED as one could want to detach and reattach a media to the instance of hls.js to handle mid-rolls for example - DESTROYING: 'hlsDestroying', - // fired when a decrypt key loading starts - data: { frag : fragment object} - KEY_LOADING: 'hlsKeyLoading', - // fired when a decrypt key loading is completed - data: { frag : fragment object, payload : key payload, stats : { trequest, tfirst, tload, length}} - KEY_LOADED: 'hlsKeyLoaded', - // fired upon stream controller state transitions - data: {previousState, nextState} - STREAM_STATE_TRANSITION: 'hlsStreamStateTransition' -}; +exports.default = Decrypter; -},{}],33:[function(_dereq_,module,exports){ +},{"17":17,"18":18,"20":20,"33":33,"53":53}],20:[function(_dereq_,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { @@ -27016,1093 +22523,1266 @@ var _createClass = function () { function defineProperties(target, props) { for function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } -/** - * AAC helper - */ +var FastAESKey = function () { + function FastAESKey(subtle, key) { + _classCallCheck(this, FastAESKey); -var AAC = function () { - function AAC() { - _classCallCheck(this, AAC); + this.subtle = subtle; + this.key = key; } - _createClass(AAC, null, [{ - key: 'getSilentFrame', - value: function getSilentFrame(codec, channelCount) { - switch (codec) { - case 'mp4a.40.2': - if (channelCount === 1) { - return new Uint8Array([0x00, 0xc8, 0x00, 0x80, 0x23, 0x80]); - } else if (channelCount === 2) { - return new Uint8Array([0x21, 0x00, 0x49, 0x90, 0x02, 0x19, 0x00, 0x23, 0x80]); - } else if (channelCount === 3) { - return new Uint8Array([0x00, 0xc8, 0x00, 0x80, 0x20, 0x84, 0x01, 0x26, 0x40, 0x08, 0x64, 0x00, 0x8e]); - } else if (channelCount === 4) { - return new Uint8Array([0x00, 0xc8, 0x00, 0x80, 0x20, 0x84, 0x01, 0x26, 0x40, 0x08, 0x64, 0x00, 0x80, 0x2c, 0x80, 0x08, 0x02, 0x38]); - } else if (channelCount === 5) { - return new Uint8Array([0x00, 0xc8, 0x00, 0x80, 0x20, 0x84, 0x01, 0x26, 0x40, 0x08, 0x64, 0x00, 0x82, 0x30, 0x04, 0x99, 0x00, 0x21, 0x90, 0x02, 0x38]); - } else if (channelCount === 6) { - return new Uint8Array([0x00, 0xc8, 0x00, 0x80, 0x20, 0x84, 0x01, 0x26, 0x40, 0x08, 0x64, 0x00, 0x82, 0x30, 0x04, 0x99, 0x00, 0x21, 0x90, 0x02, 0x00, 0xb2, 0x00, 0x20, 0x08, 0xe0]); - } - break; - // handle HE-AAC below (mp4a.40.5 / mp4a.40.29) - default: - if (channelCount === 1) { - // ffmpeg -y -f lavfi -i "aevalsrc=0:d=0.05" -c:a libfdk_aac -profile:a aac_he -b:a 4k output.aac && hexdump -v -e '16/1 "0x%x," "\n"' -v output.aac - return new Uint8Array([0x1, 0x40, 0x22, 0x80, 0xa3, 0x4e, 0xe6, 0x80, 0xba, 0x8, 0x0, 0x0, 0x0, 0x1c, 0x6, 0xf1, 0xc1, 0xa, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5e]); - } else if (channelCount === 2) { - // ffmpeg -y -f lavfi -i "aevalsrc=0|0:d=0.05" -c:a libfdk_aac -profile:a aac_he_v2 -b:a 4k output.aac && hexdump -v -e '16/1 "0x%x," "\n"' -v output.aac - return new Uint8Array([0x1, 0x40, 0x22, 0x80, 0xa3, 0x5e, 0xe6, 0x80, 0xba, 0x8, 0x0, 0x0, 0x0, 0x0, 0x95, 0x0, 0x6, 0xf1, 0xa1, 0xa, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5e]); - } else if (channelCount === 3) { - // ffmpeg -y -f lavfi -i "aevalsrc=0|0|0:d=0.05" -c:a libfdk_aac -profile:a aac_he_v2 -b:a 4k output.aac && hexdump -v -e '16/1 "0x%x," "\n"' -v output.aac - return new Uint8Array([0x1, 0x40, 0x22, 0x80, 0xa3, 0x5e, 0xe6, 0x80, 0xba, 0x8, 0x0, 0x0, 0x0, 0x0, 0x95, 0x0, 0x6, 0xf1, 0xa1, 0xa, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5e]); - } - break; - } - return null; + _createClass(FastAESKey, [{ + key: 'expandKey', + value: function expandKey() { + return this.subtle.importKey('raw', this.key, { name: 'AES-CBC' }, false, ['encrypt', 'decrypt']); } }]); - return AAC; + return FastAESKey; }(); -exports.default = AAC; +exports.default = FastAESKey; -},{}],34:[function(_dereq_,module,exports){ -"use strict"; +},{}],21:[function(_dereq_,module,exports){ +'use strict'; -/** - * Buffer Helper utils, providing methods dealing buffer length retrieval -*/ +Object.defineProperty(exports, "__esModule", { + value: true +}); -var BufferHelper = { - isBuffered: function isBuffered(media, position) { - if (media) { - var buffered = media.buffered; - for (var i = 0; i < buffered.length; i++) { - if (position >= buffered.start(i) && position <= buffered.end(i)) { - return true; - } - } - } - return false; - }, +var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); /** + * AAC demuxer + */ - bufferInfo: function bufferInfo(media, pos, maxHoleDuration) { - if (media) { - var vbuffered = media.buffered, - buffered = [], - i; - for (i = 0; i < vbuffered.length; i++) { - buffered.push({ start: vbuffered.start(i), end: vbuffered.end(i) }); - } - return this.bufferedInfo(buffered, pos, maxHoleDuration); - } else { - return { len: 0, start: pos, end: pos, nextStart: undefined }; + +var _adts = _dereq_(22); + +var _adts2 = _interopRequireDefault(_adts); + +var _logger = _dereq_(53); + +var _id = _dereq_(27); + +var _id2 = _interopRequireDefault(_id); + +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } + +var AACDemuxer = function () { + function AACDemuxer(observer, remuxer, config) { + _classCallCheck(this, AACDemuxer); + + this.observer = observer; + this.config = config; + this.remuxer = remuxer; + } + + _createClass(AACDemuxer, [{ + key: 'resetInitSegment', + value: function resetInitSegment(initSegment, audioCodec, videoCodec, duration) { + this._audioTrack = { container: 'audio/adts', type: 'audio', id: -1, sequenceNumber: 0, isAAC: true, samples: [], len: 0, manifestCodec: audioCodec, duration: duration, inputTimeScale: 90000 }; } - }, + }, { + key: 'resetTimeStamp', + value: function resetTimeStamp() {} + }, { + key: 'append', - bufferedInfo: function bufferedInfo(buffered, pos, maxHoleDuration) { - var buffered2 = [], - // bufferStart and bufferEnd are buffer boundaries around current video position - bufferLen, - bufferStart, - bufferEnd, - bufferStartNext, - i; - // sort on buffer.start/smaller end (IE does not always return sorted buffered range) - buffered.sort(function (a, b) { - var diff = a.start - b.start; - if (diff) { - return diff; - } else { - return b.end - a.end; - } - }); - // there might be some small holes between buffer time range - // consider that holes smaller than maxHoleDuration are irrelevant and build another - // buffer time range representations that discards those holes - for (i = 0; i < buffered.length; i++) { - var buf2len = buffered2.length; - if (buf2len) { - var buf2end = buffered2[buf2len - 1].end; - // if small hole (value between 0 or maxHoleDuration ) or overlapping (negative) - if (buffered[i].start - buf2end < maxHoleDuration) { - // merge overlapping time ranges - // update lastRange.end only if smaller than item.end - // e.g. [ 1, 15] with [ 2,8] => [ 1,15] (no need to modify lastRange.end) - // whereas [ 1, 8] with [ 2,15] => [ 1,15] ( lastRange should switch from [1,8] to [1,15]) - if (buffered[i].end > buf2end) { - buffered2[buf2len - 1].end = buffered[i].end; + // feed incoming data to the front of the parsing pipeline + value: function append(data, timeOffset, contiguous, accurateTimeOffset) { + var track, + id3 = new _id2.default(data), + pts = 90 * id3.timeStamp, + config, + frameLength, + frameDuration, + frameIndex, + offset, + headerLength, + stamp, + length, + aacSample; + + track = this._audioTrack; + + // Look for ADTS header + for (offset = id3.length, length = data.length; offset < length - 1; offset++) { + if (data[offset] === 0xff && (data[offset + 1] & 0xf6) === 0xf0) { + break; + } + } + + if (!track.samplerate) { + config = _adts2.default.getAudioConfig(this.observer, data, offset, track.manifestCodec); + track.config = config.config; + track.samplerate = config.samplerate; + track.channelCount = config.channelCount; + track.codec = config.codec; + _logger.logger.log('parsed codec:' + track.codec + ',rate:' + config.samplerate + ',nb channel:' + config.channelCount); + } + frameIndex = 0; + frameDuration = 1024 * 90000 / track.samplerate; + while (offset + 5 < length) { + // The protection skip bit tells us if we have 2 bytes of CRC data at the end of the ADTS header + headerLength = !!(data[offset + 1] & 0x01) ? 7 : 9; + // retrieve frame size + frameLength = (data[offset + 3] & 0x03) << 11 | data[offset + 4] << 3 | (data[offset + 5] & 0xE0) >>> 5; + frameLength -= headerLength; + //stamp = pes.pts; + + if (frameLength > 0 && offset + headerLength + frameLength <= length) { + stamp = pts + frameIndex * frameDuration; + //logger.log(`AAC frame, offset/length/total/pts:${offset+headerLength}/${frameLength}/${data.byteLength}/${(stamp/90).toFixed(0)}`); + aacSample = { unit: data.subarray(offset + headerLength, offset + headerLength + frameLength), pts: stamp, dts: stamp }; + track.samples.push(aacSample); + track.len += frameLength; + offset += frameLength + headerLength; + frameIndex++; + // look for ADTS header (0xFFFx) + for (; offset < length - 1; offset++) { + if (data[offset] === 0xff && (data[offset + 1] & 0xf6) === 0xf0) { + break; + } } } else { - // big hole - buffered2.push(buffered[i]); + break; } - } else { - // first value - buffered2.push(buffered[i]); } + this.remuxer.remux(track, { samples: [] }, { samples: [{ pts: pts, dts: pts, data: id3.payload }], inputTimeScale: 90000 }, { samples: [] }, timeOffset, contiguous, accurateTimeOffset); } - for (i = 0, bufferLen = 0, bufferStart = bufferEnd = pos; i < buffered2.length; i++) { - var start = buffered2[i].start, - end = buffered2[i].end; - //logger.log('buf start/end:' + buffered.start(i) + '/' + buffered.end(i)); - if (pos + maxHoleDuration >= start && pos < end) { - // play position is inside this buffer TimeRange, retrieve end of buffer position and buffer length - bufferStart = start; - bufferEnd = end; - bufferLen = bufferEnd - pos; - } else if (pos + maxHoleDuration < start) { - bufferStartNext = start; - break; + }, { + key: 'destroy', + value: function destroy() {} + }], [{ + key: 'probe', + value: function probe(data) { + // check if data contains ID3 timestamp and ADTS sync word + var id3 = new _id2.default(data), + offset, + length; + if (id3.hasTimeStamp) { + // Look for ADTS header | 1111 1111 | 1111 X00X | where X can be either 0 or 1 + // Layer bits (position 14 and 15) in header should be always 0 for ADTS + // More info https://wiki.multimedia.cx/index.php?title=ADTS + for (offset = id3.length, length = Math.min(data.length - 1, offset + 100); offset < length; offset++) { + if (data[offset] === 0xff && (data[offset + 1] & 0xf6) === 0xf0) { + //logger.log('ADTS sync word found !'); + return true; + } + } } + return false; } - return { len: bufferLen, start: bufferStart, end: bufferEnd, nextStart: bufferStartNext }; - } -}; + }]); -module.exports = BufferHelper; + return AACDemuxer; +}(); -},{}],35:[function(_dereq_,module,exports){ -'use strict'; +exports.default = AACDemuxer; -var _logger = _dereq_(50); +},{"22":22,"27":27,"53":53}],22:[function(_dereq_,module,exports){ +'use strict'; -var LevelHelper = { +var _logger = _dereq_(53); - mergeDetails: function mergeDetails(oldDetails, newDetails) { - var start = Math.max(oldDetails.startSN, newDetails.startSN) - newDetails.startSN, - end = Math.min(oldDetails.endSN, newDetails.endSN) - newDetails.startSN, - delta = newDetails.startSN - oldDetails.startSN, - oldfragments = oldDetails.fragments, - newfragments = newDetails.fragments, - ccOffset = 0, - PTSFrag; +var _errors = _dereq_(33); - // check if old/new playlists have fragments in common - if (end < start) { - newDetails.PTSKnown = false; +/** + * ADTS parser helper + */ +var ADTS = { + getAudioConfig: function getAudioConfig(observer, data, offset, audioCodec) { + var adtsObjectType, + // :int + adtsSampleingIndex, + // :int + adtsExtensionSampleingIndex, + // :int + adtsChanelConfig, + // :int + config, + userAgent = navigator.userAgent.toLowerCase(), + manifestCodec = audioCodec, + adtsSampleingRates = [96000, 88200, 64000, 48000, 44100, 32000, 24000, 22050, 16000, 12000, 11025, 8000, 7350]; + // byte 2 + adtsObjectType = ((data[offset + 2] & 0xC0) >>> 6) + 1; + adtsSampleingIndex = (data[offset + 2] & 0x3C) >>> 2; + if (adtsSampleingIndex > adtsSampleingRates.length - 1) { + observer.trigger(Event.ERROR, { type: _errors.ErrorTypes.MEDIA_ERROR, details: _errors.ErrorDetails.FRAG_PARSING_ERROR, fatal: true, reason: 'invalid ADTS sampling index:' + adtsSampleingIndex }); return; } - // loop through overlapping SN and update startPTS , cc, and duration if any found - for (var i = start; i <= end; i++) { - var oldFrag = oldfragments[delta + i], - newFrag = newfragments[i]; - if (newFrag && oldFrag) { - ccOffset = oldFrag.cc - newFrag.cc; - if (!isNaN(oldFrag.startPTS)) { - newFrag.start = newFrag.startPTS = oldFrag.startPTS; - newFrag.endPTS = oldFrag.endPTS; - newFrag.duration = oldFrag.duration; - PTSFrag = newFrag; - } - } - } - - if (ccOffset) { - _logger.logger.log('discontinuity sliding from playlist, take drift into account'); - for (i = 0; i < newfragments.length; i++) { - newfragments[i].cc += ccOffset; + adtsChanelConfig = (data[offset + 2] & 0x01) << 2; + // byte 3 + adtsChanelConfig |= (data[offset + 3] & 0xC0) >>> 6; + _logger.logger.log('manifest codec:' + audioCodec + ',ADTS data:type:' + adtsObjectType + ',sampleingIndex:' + adtsSampleingIndex + '[' + adtsSampleingRates[adtsSampleingIndex] + 'Hz],channelConfig:' + adtsChanelConfig); + // firefox: freq less than 24kHz = AAC SBR (HE-AAC) + if (/firefox/i.test(userAgent)) { + if (adtsSampleingIndex >= 6) { + adtsObjectType = 5; + config = new Array(4); + // HE-AAC uses SBR (Spectral Band Replication) , high frequencies are constructed from low frequencies + // there is a factor 2 between frame sample rate and output sample rate + // multiply frequency by 2 (see table below, equivalent to substract 3) + adtsExtensionSampleingIndex = adtsSampleingIndex - 3; + } else { + adtsObjectType = 2; + config = new Array(2); + adtsExtensionSampleingIndex = adtsSampleingIndex; } - } - - // if at least one fragment contains PTS info, recompute PTS information for all fragments - if (PTSFrag) { - LevelHelper.updateFragPTSDTS(newDetails, PTSFrag.sn, PTSFrag.startPTS, PTSFrag.endPTS, PTSFrag.startDTS, PTSFrag.endDTS); + // Android : always use AAC + } else if (userAgent.indexOf('android') !== -1) { + adtsObjectType = 2; + config = new Array(2); + adtsExtensionSampleingIndex = adtsSampleingIndex; } else { - // ensure that delta is within oldfragments range - // also adjust sliding in case delta is 0 (we could have old=[50-60] and new=old=[50-61]) - // in that case we also need to adjust start offset of all fragments - if (delta >= 0 && delta < oldfragments.length) { - // adjust start by sliding offset - var sliding = oldfragments[delta].start; - for (i = 0; i < newfragments.length; i++) { - newfragments[i].start += sliding; + /* for other browsers (Chrome/Vivaldi/Opera ...) + always force audio type to be HE-AAC SBR, as some browsers do not support audio codec switch properly (like Chrome ...) + */ + adtsObjectType = 5; + config = new Array(4); + // if (manifest codec is HE-AAC or HE-AACv2) OR (manifest codec not specified AND frequency less than 24kHz) + if (audioCodec && (audioCodec.indexOf('mp4a.40.29') !== -1 || audioCodec.indexOf('mp4a.40.5') !== -1) || !audioCodec && adtsSampleingIndex >= 6) { + // HE-AAC uses SBR (Spectral Band Replication) , high frequencies are constructed from low frequencies + // there is a factor 2 between frame sample rate and output sample rate + // multiply frequency by 2 (see table below, equivalent to substract 3) + adtsExtensionSampleingIndex = adtsSampleingIndex - 3; + } else { + // if (manifest codec is AAC) AND (frequency less than 24kHz AND nb channel is 1) OR (manifest codec not specified and mono audio) + // Chrome fails to play back with low frequency AAC LC mono when initialized with HE-AAC. This is not a problem with stereo. + if (audioCodec && audioCodec.indexOf('mp4a.40.2') !== -1 && adtsSampleingIndex >= 6 && adtsChanelConfig === 1 || !audioCodec && adtsChanelConfig === 1) { + adtsObjectType = 2; + config = new Array(2); } + adtsExtensionSampleingIndex = adtsSampleingIndex; } } - // if we are here, it means we have fragments overlapping between - // old and new level. reliable PTS info is thus relying on old level - newDetails.PTSKnown = oldDetails.PTSKnown; - return; - }, - - updateFragPTSDTS: function updateFragPTSDTS(details, sn, startPTS, endPTS, startDTS, endDTS) { - var fragIdx, fragments, frag, i; - // exit if sn out of range - if (!details || sn < details.startSN || sn > details.endSN) { - return 0; - } - fragIdx = sn - details.startSN; - fragments = details.fragments; - frag = fragments[fragIdx]; - if (!isNaN(frag.startPTS)) { - // delta PTS between audio and video - var deltaPTS = Math.abs(frag.startPTS - startPTS); - if (isNaN(frag.deltaPTS)) { - frag.deltaPTS = deltaPTS; - } else { - frag.deltaPTS = Math.max(deltaPTS, frag.deltaPTS); - } - startPTS = Math.min(startPTS, frag.startPTS); - endPTS = Math.max(endPTS, frag.endPTS); - startDTS = Math.min(startDTS, frag.startDTS); - endDTS = Math.max(endDTS, frag.endDTS); - } - - var drift = startPTS - frag.start; - - frag.start = frag.startPTS = startPTS; - frag.endPTS = endPTS; - frag.startDTS = startDTS; - frag.endDTS = endDTS; - frag.duration = endPTS - startPTS; - // adjust fragment PTS/duration from seqnum-1 to frag 0 - for (i = fragIdx; i > 0; i--) { - LevelHelper.updatePTS(fragments, i, i - 1); - } - - // adjust fragment PTS/duration from seqnum to last frag - for (i = fragIdx; i < fragments.length - 1; i++) { - LevelHelper.updatePTS(fragments, i, i + 1); - } - details.PTSKnown = true; - //logger.log(` frag start/end:${startPTS.toFixed(3)}/${endPTS.toFixed(3)}`); - - return drift; - }, - - updatePTS: function updatePTS(fragments, fromIdx, toIdx) { - var fragFrom = fragments[fromIdx], - fragTo = fragments[toIdx], - fragToPTS = fragTo.startPTS; - // if we know startPTS[toIdx] - if (!isNaN(fragToPTS)) { - // update fragment duration. - // it helps to fix drifts between playlist reported duration and fragment real duration - if (toIdx > fromIdx) { - fragFrom.duration = fragToPTS - fragFrom.start; - if (fragFrom.duration < 0) { - _logger.logger.warn('negative duration computed for frag ' + fragFrom.sn + ',level ' + fragFrom.level + ', there should be some duration drift between playlist and fragment!'); - } - } else { - fragTo.duration = fragFrom.start - fragToPTS; - if (fragTo.duration < 0) { - _logger.logger.warn('negative duration computed for frag ' + fragTo.sn + ',level ' + fragTo.level + ', there should be some duration drift between playlist and fragment!'); - } - } - } else { - // we dont know startPTS[toIdx] - if (toIdx > fromIdx) { - fragTo.start = fragFrom.start + fragFrom.duration; - } else { - fragTo.start = fragFrom.start - fragTo.duration; - } + /* refer to http://wiki.multimedia.cx/index.php?title=MPEG-4_Audio#Audio_Specific_Config + ISO 14496-3 (AAC).pdf - Table 1.13 — Syntax of AudioSpecificConfig() + Audio Profile / Audio Object Type + 0: Null + 1: AAC Main + 2: AAC LC (Low Complexity) + 3: AAC SSR (Scalable Sample Rate) + 4: AAC LTP (Long Term Prediction) + 5: SBR (Spectral Band Replication) + 6: AAC Scalable + sampling freq + 0: 96000 Hz + 1: 88200 Hz + 2: 64000 Hz + 3: 48000 Hz + 4: 44100 Hz + 5: 32000 Hz + 6: 24000 Hz + 7: 22050 Hz + 8: 16000 Hz + 9: 12000 Hz + 10: 11025 Hz + 11: 8000 Hz + 12: 7350 Hz + 13: Reserved + 14: Reserved + 15: frequency is written explictly + Channel Configurations + These are the channel configurations: + 0: Defined in AOT Specifc Config + 1: 1 channel: front-center + 2: 2 channels: front-left, front-right + */ + // audioObjectType = profile => profile, the MPEG-4 Audio Object Type minus 1 + config[0] = adtsObjectType << 3; + // samplingFrequencyIndex + config[0] |= (adtsSampleingIndex & 0x0E) >> 1; + config[1] |= (adtsSampleingIndex & 0x01) << 7; + // channelConfiguration + config[1] |= adtsChanelConfig << 3; + if (adtsObjectType === 5) { + // adtsExtensionSampleingIndex + config[1] |= (adtsExtensionSampleingIndex & 0x0E) >> 1; + config[2] = (adtsExtensionSampleingIndex & 0x01) << 7; + // adtsObjectType (force to 2, chrome is checking that object type is less than 5 ??? + // https://chromium.googlesource.com/chromium/src.git/+/master/media/formats/mp4/aac.cc + config[2] |= 2 << 2; + config[3] = 0; } + return { config: config, samplerate: adtsSampleingRates[adtsSampleingIndex], channelCount: adtsChanelConfig, codec: 'mp4a.40.' + adtsObjectType, manifestCodec: manifestCodec }; } -}; /** - * Level Helper class, providing methods dealing with playlist sliding and drift - */ +}; -module.exports = LevelHelper; +module.exports = ADTS; -},{"50":50}],36:[function(_dereq_,module,exports){ -/** - * HLS interface - */ +},{"33":33,"53":53}],23:[function(_dereq_,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); - -var _urlToolkit = _dereq_(2); - -var _urlToolkit2 = _interopRequireDefault(_urlToolkit); +var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); /* inline demuxer. + * probe fragments and instantiate appropriate demuxer depending on content type (TSDemuxer, AACDemuxer, ...) + */ -var _events = _dereq_(32); +var _events = _dereq_(35); var _events2 = _interopRequireDefault(_events); -var _errors = _dereq_(30); +var _errors = _dereq_(33); -var _playlistLoader = _dereq_(40); +var _decrypter = _dereq_(19); -var _playlistLoader2 = _interopRequireDefault(_playlistLoader); +var _decrypter2 = _interopRequireDefault(_decrypter); -var _fragmentLoader = _dereq_(38); +var _aacdemuxer = _dereq_(21); -var _fragmentLoader2 = _interopRequireDefault(_fragmentLoader); +var _aacdemuxer2 = _interopRequireDefault(_aacdemuxer); -var _keyLoader = _dereq_(39); +var _mp4demuxer = _dereq_(29); -var _keyLoader2 = _interopRequireDefault(_keyLoader); +var _mp4demuxer2 = _interopRequireDefault(_mp4demuxer); -var _streamController = _dereq_(12); +var _tsdemuxer = _dereq_(32); -var _streamController2 = _interopRequireDefault(_streamController); +var _tsdemuxer2 = _interopRequireDefault(_tsdemuxer); -var _levelController = _dereq_(11); +var _mp3demuxer = _dereq_(28); -var _levelController2 = _interopRequireDefault(_levelController); +var _mp3demuxer2 = _interopRequireDefault(_mp3demuxer); -var _logger = _dereq_(50); +var _mp4Remuxer = _dereq_(45); -var _events3 = _dereq_(1); +var _mp4Remuxer2 = _interopRequireDefault(_mp4Remuxer); -var _events4 = _interopRequireDefault(_events3); +var _passthroughRemuxer = _dereq_(46); -var _config = _dereq_(4); +var _passthroughRemuxer2 = _interopRequireDefault(_passthroughRemuxer); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } -var Hls = function () { - _createClass(Hls, null, [{ - key: 'isSupported', - value: function isSupported() { - window.MediaSource = window.MediaSource || window.WebKitMediaSource; - return window.MediaSource && typeof window.MediaSource.isTypeSupported === 'function' && window.MediaSource.isTypeSupported('video/mp4; codecs="avc1.42E01E,mp4a.40.2"'); - } - }, { - key: 'version', - get: function get() { - // replaced with browserify-versionify transform - return '0.7.5'; - } - }, { - key: 'Events', - get: function get() { - return _events2.default; - } - }, { - key: 'ErrorTypes', - get: function get() { - return _errors.ErrorTypes; +var DemuxerInline = function () { + function DemuxerInline(observer, typeSupported, config, vendor) { + _classCallCheck(this, DemuxerInline); + + this.observer = observer; + this.typeSupported = typeSupported; + this.config = config; + this.vendor = vendor; + } + + _createClass(DemuxerInline, [{ + key: 'destroy', + value: function destroy() { + var demuxer = this.demuxer; + if (demuxer) { + demuxer.destroy(); + } } }, { - key: 'ErrorDetails', - get: function get() { - return _errors.ErrorDetails; + key: 'push', + value: function push(data, decryptdata, initSegment, audioCodec, videoCodec, timeOffset, discontinuity, trackSwitch, contiguous, duration, accurateTimeOffset, defaultInitPTS) { + if (data.byteLength > 0 && decryptdata != null && decryptdata.key != null && decryptdata.method === 'AES-128') { + var decrypter = this.decrypter; + if (decrypter == null) { + decrypter = this.decrypter = new _decrypter2.default(this.observer, this.config); + } + var localthis = this; + // performance.now() not available on WebWorker, at least on Safari Desktop + var startTime; + try { + startTime = performance.now(); + } catch (error) { + startTime = Date.now(); + } + decrypter.decrypt(data, decryptdata.key.buffer, decryptdata.iv.buffer, function (decryptedData) { + var endTime; + try { + endTime = performance.now(); + } catch (error) { + endTime = Date.now(); + } + localthis.observer.trigger(_events2.default.FRAG_DECRYPTED, { stats: { tstart: startTime, tdecrypt: endTime } }); + localthis.pushDecrypted(new Uint8Array(decryptedData), decryptdata, new Uint8Array(initSegment), audioCodec, videoCodec, timeOffset, discontinuity, trackSwitch, contiguous, duration, accurateTimeOffset, defaultInitPTS); + }); + } else { + this.pushDecrypted(new Uint8Array(data), decryptdata, new Uint8Array(initSegment), audioCodec, videoCodec, timeOffset, discontinuity, trackSwitch, contiguous, duration, accurateTimeOffset, defaultInitPTS); + } } }, { - key: 'DefaultConfig', - get: function get() { - if (!Hls.defaultConfig) { - return _config.hlsDefaultConfig; + key: 'pushDecrypted', + value: function pushDecrypted(data, decryptdata, initSegment, audioCodec, videoCodec, timeOffset, discontinuity, trackSwitch, contiguous, duration, accurateTimeOffset, defaultInitPTS) { + var demuxer = this.demuxer; + if (!demuxer || + // in case of continuity change, we might switch from content type (AAC container to TS container for example) + // so let's check that current demuxer is still valid + discontinuity && !this.probe(data)) { + var observer = this.observer; + var typeSupported = this.typeSupported; + var config = this.config; + var muxConfig = [{ demux: _tsdemuxer2.default, remux: _mp4Remuxer2.default }, { demux: _mp3demuxer2.default, remux: _mp4Remuxer2.default }, { demux: _aacdemuxer2.default, remux: _mp4Remuxer2.default }, { demux: _mp4demuxer2.default, remux: _passthroughRemuxer2.default }]; + + // probe for content type + for (var i in muxConfig) { + var mux = muxConfig[i]; + var probe = mux.demux.probe; + if (probe(data)) { + var _remuxer = this.remuxer = new mux.remux(observer, config, typeSupported, this.vendor); + demuxer = new mux.demux(observer, _remuxer, config, typeSupported); + this.probe = probe; + break; + } + } + if (!demuxer) { + observer.trigger(_events2.default.ERROR, { type: _errors.ErrorTypes.MEDIA_ERROR, details: _errors.ErrorDetails.FRAG_PARSING_ERROR, fatal: true, reason: 'no demux matching with content found' }); + return; + } + this.demuxer = demuxer; } - return Hls.defaultConfig; - }, - set: function set(defaultConfig) { - Hls.defaultConfig = defaultConfig; + var remuxer = this.remuxer; + + if (discontinuity || trackSwitch) { + demuxer.resetInitSegment(initSegment, audioCodec, videoCodec, duration); + remuxer.resetInitSegment(); + } + if (discontinuity) { + demuxer.resetTimeStamp(); + remuxer.resetTimeStamp(defaultInitPTS); + } + if (typeof demuxer.setDecryptData === 'function') { + demuxer.setDecryptData(decryptdata); + } + demuxer.append(data, timeOffset, contiguous, accurateTimeOffset); } }]); - function Hls() { - var _this = this; + return DemuxerInline; +}(); - var config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; +exports.default = DemuxerInline; - _classCallCheck(this, Hls); +},{"19":19,"21":21,"28":28,"29":29,"32":32,"33":33,"35":35,"45":45,"46":46}],24:[function(_dereq_,module,exports){ +'use strict'; - var defaultConfig = Hls.DefaultConfig; +Object.defineProperty(exports, "__esModule", { + value: true +}); - if ((config.liveSyncDurationCount || config.liveMaxLatencyDurationCount) && (config.liveSyncDuration || config.liveMaxLatencyDuration)) { - throw new Error('Illegal hls.js config: don\'t mix up liveSyncDurationCount/liveMaxLatencyDurationCount and liveSyncDuration/liveMaxLatencyDuration'); - } +var _demuxerInline = _dereq_(23); - for (var prop in defaultConfig) { - if (prop in config) { - continue; - } - config[prop] = defaultConfig[prop]; - } +var _demuxerInline2 = _interopRequireDefault(_demuxerInline); - if (config.liveMaxLatencyDurationCount !== undefined && config.liveMaxLatencyDurationCount <= config.liveSyncDurationCount) { - throw new Error('Illegal hls.js config: "liveMaxLatencyDurationCount" must be gt "liveSyncDurationCount"'); - } +var _events = _dereq_(35); - if (config.liveMaxLatencyDuration !== undefined && (config.liveMaxLatencyDuration <= config.liveSyncDuration || config.liveSyncDuration === undefined)) { - throw new Error('Illegal hls.js config: "liveMaxLatencyDuration" must be gt "liveSyncDuration"'); - } +var _events2 = _interopRequireDefault(_events); - (0, _logger.enableLogs)(config.debug); - this.config = config; - this._autoLevelCapping = -1; - // observer setup - var observer = this.observer = new _events4.default(); - observer.trigger = function trigger(event) { - for (var _len = arguments.length, data = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) { - data[_key - 1] = arguments[_key]; - } +var _logger = _dereq_(53); - observer.emit.apply(observer, [event, event].concat(data)); - }; +var _events3 = _dereq_(1); - observer.off = function off(event) { - for (var _len2 = arguments.length, data = Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) { - data[_key2 - 1] = arguments[_key2]; - } - - observer.removeListener.apply(observer, [event].concat(data)); - }; - this.on = observer.on.bind(observer); - this.off = observer.off.bind(observer); - this.trigger = observer.trigger.bind(observer); +var _events4 = _interopRequireDefault(_events3); - // core controllers and network loaders - var abrController = this.abrController = new config.abrController(this); - var bufferController = new config.bufferController(this); - var capLevelController = new config.capLevelController(this); - var fpsController = new config.fpsController(this); - var playListLoader = new _playlistLoader2.default(this); - var fragmentLoader = new _fragmentLoader2.default(this); - var keyLoader = new _keyLoader2.default(this); +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - // network controllers - var levelController = this.levelController = new _levelController2.default(this); - var streamController = this.streamController = new _streamController2.default(this); - var networkControllers = [levelController, streamController]; +/* demuxer web worker. + * - listen to worker message, and trigger DemuxerInline upon reception of Fragments. + * - provides MP4 Boxes back to main thread using [transferable objects](https://developers.google.com/web/updates/2011/12/Transferable-Objects-Lightning-Fast) in order to minimize message passing overhead. + */ - // optional audio stream controller - var Controller = config.audioStreamController; - if (Controller) { - networkControllers.push(new Controller(this)); +var DemuxerWorker = function DemuxerWorker(self) { + // observer setup + var observer = new _events4.default(); + observer.trigger = function trigger(event) { + for (var _len = arguments.length, data = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) { + data[_key - 1] = arguments[_key]; } - this.networkControllers = networkControllers; - var coreComponents = [playListLoader, fragmentLoader, keyLoader, abrController, bufferController, capLevelController, fpsController]; + observer.emit.apply(observer, [event, event].concat(data)); + }; - // optional audio track and subtitle controller - Controller = config.audioTrackController; - if (Controller) { - var audioTrackController = new Controller(this); - this.audioTrackController = audioTrackController; - coreComponents.push(audioTrackController); + observer.off = function off(event) { + for (var _len2 = arguments.length, data = Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) { + data[_key2 - 1] = arguments[_key2]; } - Controller = config.subtitleTrackController; - if (Controller) { - var subtitleTrackController = new Controller(this); - this.subtitleTrackController = subtitleTrackController; - coreComponents.push(subtitleTrackController); - } + observer.removeListener.apply(observer, [event].concat(data)); + }; - // optional subtitle controller - [config.subtitleStreamController, config.timelineController].forEach(function (Controller) { - if (Controller) { - coreComponents.push(new Controller(_this)); - } - }); - this.coreComponents = coreComponents; - } + var forwardMessage = function forwardMessage(ev, data) { + self.postMessage({ event: ev, data: data }); + }; - _createClass(Hls, [{ - key: 'destroy', - value: function destroy() { - _logger.logger.log('destroy'); - this.trigger(_events2.default.DESTROYING); - this.detachMedia(); - this.coreComponents.concat(this.networkControllers).forEach(function (component) { - component.destroy(); - }); - this.url = null; - this.observer.removeAllListeners(); - this._autoLevelCapping = -1; - } - }, { - key: 'attachMedia', - value: function attachMedia(media) { - _logger.logger.log('attachMedia'); - this.media = media; - this.trigger(_events2.default.MEDIA_ATTACHING, { media: media }); - } - }, { - key: 'detachMedia', - value: function detachMedia() { - _logger.logger.log('detachMedia'); - this.trigger(_events2.default.MEDIA_DETACHING); - this.media = null; - } - }, { - key: 'loadSource', - value: function loadSource(url) { - url = _urlToolkit2.default.buildAbsoluteURL(window.location.href, url, { alwaysNormalize: true }); - _logger.logger.log('loadSource:' + url); - this.url = url; - // when attaching to a source URL, trigger a playlist load - this.trigger(_events2.default.MANIFEST_LOADING, { url: url }); + self.addEventListener('message', function (ev) { + var data = ev.data; + //console.log('demuxer cmd:' + data.cmd); + switch (data.cmd) { + case 'init': + var config = JSON.parse(data.config); + self.demuxer = new _demuxerInline2.default(observer, data.typeSupported, config, data.vendor); + try { + (0, _logger.enableLogs)(config.debug === true); + } catch (err) { + console.warn('demuxerWorker: unable to enable logs'); + } + // signal end of worker init + forwardMessage('init', null); + break; + case 'demux': + self.demuxer.push(data.data, data.decryptdata, data.initSegment, data.audioCodec, data.videoCodec, data.timeOffset, data.discontinuity, data.trackSwitch, data.contiguous, data.duration, data.accurateTimeOffset, data.defaultInitPTS); + break; + default: + break; } - }, { - key: 'startLoad', - value: function startLoad() { - var startPosition = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : -1; + }); - _logger.logger.log('startLoad(' + startPosition + ')'); - this.networkControllers.forEach(function (controller) { - controller.startLoad(startPosition); - }); - } - }, { - key: 'stopLoad', - value: function stopLoad() { - _logger.logger.log('stopLoad'); - this.networkControllers.forEach(function (controller) { - controller.stopLoad(); - }); - } - }, { - key: 'swapAudioCodec', - value: function swapAudioCodec() { - _logger.logger.log('swapAudioCodec'); - this.streamController.swapAudioCodec(); + // forward events to main thread + observer.on(_events2.default.FRAG_DECRYPTED, forwardMessage); + observer.on(_events2.default.FRAG_PARSING_INIT_SEGMENT, forwardMessage); + observer.on(_events2.default.FRAG_PARSED, forwardMessage); + observer.on(_events2.default.ERROR, forwardMessage); + observer.on(_events2.default.FRAG_PARSING_METADATA, forwardMessage); + observer.on(_events2.default.FRAG_PARSING_USERDATA, forwardMessage); + observer.on(_events2.default.INIT_PTS_FOUND, forwardMessage); + + // special case for FRAG_PARSING_DATA: pass data1/data2 as transferable object (no copy) + observer.on(_events2.default.FRAG_PARSING_DATA, function (ev, data) { + var transferable = []; + var message = { event: ev, data: data }; + if (data.data1) { + message.data1 = data.data1.buffer; + transferable.push(data.data1.buffer); + delete data.data1; } - }, { - key: 'recoverMediaError', - value: function recoverMediaError() { - _logger.logger.log('recoverMediaError'); - var media = this.media; - this.detachMedia(); - this.attachMedia(media); + if (data.data2) { + message.data2 = data.data2.buffer; + transferable.push(data.data2.buffer); + delete data.data2; } + self.postMessage(message, transferable); + }); +}; - /** Return all quality levels **/ +exports.default = DemuxerWorker; - }, { - key: 'levels', - get: function get() { - return this.levelController.levels; - } +},{"1":1,"23":23,"35":35,"53":53}],25:[function(_dereq_,module,exports){ +'use strict'; - /** Return current playback quality level **/ +Object.defineProperty(exports, "__esModule", { + value: true +}); - }, { - key: 'currentLevel', - get: function get() { - return this.streamController.currentLevel; - } +var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); - /* set quality level immediately (-1 for automatic level selection) */ - , - set: function set(newLevel) { - _logger.logger.log('set currentLevel:' + newLevel); - this.loadLevel = newLevel; - this.streamController.immediateLevelSwitch(); - } +var _events = _dereq_(35); - /** Return next playback quality level (quality level of next fragment) **/ +var _events2 = _interopRequireDefault(_events); - }, { - key: 'nextLevel', - get: function get() { - return this.streamController.nextLevel; - } +var _demuxerInline = _dereq_(23); - /* set quality level for next fragment (-1 for automatic level selection) */ - , - set: function set(newLevel) { - _logger.logger.log('set nextLevel:' + newLevel); - this.levelController.manualLevel = newLevel; - this.streamController.nextLevelSwitch(); - } +var _demuxerInline2 = _interopRequireDefault(_demuxerInline); - /** Return the quality level of current/last loaded fragment **/ +var _demuxerWorker = _dereq_(24); - }, { - key: 'loadLevel', - get: function get() { - return this.levelController.level; - } +var _demuxerWorker2 = _interopRequireDefault(_demuxerWorker); - /* set quality level for current/next loaded fragment (-1 for automatic level selection) */ - , - set: function set(newLevel) { - _logger.logger.log('set loadLevel:' + newLevel); - this.levelController.manualLevel = newLevel; - } +var _logger = _dereq_(53); - /** Return the quality level of next loaded fragment **/ +var _errors = _dereq_(33); - }, { - key: 'nextLoadLevel', - get: function get() { - return this.levelController.nextLoadLevel; - } +var _events3 = _dereq_(1); - /** set quality level of next loaded fragment **/ - , - set: function set(level) { - this.levelController.nextLoadLevel = level; - } +var _events4 = _interopRequireDefault(_events3); - /** Return first level (index of first level referenced in manifest) - **/ +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - }, { - key: 'firstLevel', - get: function get() { - return Math.max(this.levelController.firstLevel, this.minAutoLevel); - } +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - /** set first level (index of first level referenced in manifest) - **/ - , - set: function set(newLevel) { - _logger.logger.log('set firstLevel:' + newLevel); - this.levelController.firstLevel = newLevel; - } +var Demuxer = function () { + function Demuxer(hls, id) { + _classCallCheck(this, Demuxer); - /** Return start level (level of first fragment that will be played back) - if not overrided by user, first level appearing in manifest will be used as start level - if -1 : automatic start level selection, playback will start from level matching download bandwidth (determined from download of first segment) - **/ + this.hls = hls; + this.id = id; + // observer setup + var observer = this.observer = new _events4.default(); + var config = hls.config; + observer.trigger = function trigger(event) { + for (var _len = arguments.length, data = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) { + data[_key - 1] = arguments[_key]; + } - }, { - key: 'startLevel', - get: function get() { - return this.levelController.startLevel; - } + observer.emit.apply(observer, [event, event].concat(data)); + }; - /** set start level (level of first fragment that will be played back) - if not overrided by user, first level appearing in manifest will be used as start level - if -1 : automatic start level selection, playback will start from level matching download bandwidth (determined from download of first segment) - **/ - , - set: function set(newLevel) { - _logger.logger.log('set startLevel:' + newLevel); - var hls = this; - // if not in automatic start level detection, ensure startLevel is greater than minAutoLevel - if (newLevel !== -1) { - newLevel = Math.max(newLevel, hls.minAutoLevel); + observer.off = function off(event) { + for (var _len2 = arguments.length, data = Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) { + data[_key2 - 1] = arguments[_key2]; } - hls.levelController.startLevel = newLevel; - } - /** Return the capping/max level value that could be used by automatic level selection algorithm **/ - - }, { - key: 'autoLevelCapping', - get: function get() { - return this._autoLevelCapping; - } + observer.removeListener.apply(observer, [event].concat(data)); + }; - /** set the capping/max level value that could be used by automatic level selection algorithm **/ - , - set: function set(newLevel) { - _logger.logger.log('set autoLevelCapping:' + newLevel); - this._autoLevelCapping = newLevel; - } + var forwardMessage = function (ev, data) { + data = data || {}; + data.frag = this.frag; + data.id = this.id; + hls.trigger(ev, data); + }.bind(this); - /* check if we are in automatic level selection mode */ + // forward events to main thread + observer.on(_events2.default.FRAG_DECRYPTED, forwardMessage); + observer.on(_events2.default.FRAG_PARSING_INIT_SEGMENT, forwardMessage); + observer.on(_events2.default.FRAG_PARSING_DATA, forwardMessage); + observer.on(_events2.default.FRAG_PARSED, forwardMessage); + observer.on(_events2.default.ERROR, forwardMessage); + observer.on(_events2.default.FRAG_PARSING_METADATA, forwardMessage); + observer.on(_events2.default.FRAG_PARSING_USERDATA, forwardMessage); + observer.on(_events2.default.INIT_PTS_FOUND, forwardMessage); - }, { - key: 'autoLevelEnabled', - get: function get() { - return this.levelController.manualLevel === -1; + var typeSupported = { + mp4: MediaSource.isTypeSupported('video/mp4'), + mpeg: MediaSource.isTypeSupported('audio/mpeg'), + mp3: MediaSource.isTypeSupported('audio/mp4; codecs="mp3"') + }; + // navigator.vendor is not always available in Web Worker + // refer to https://developer.mozilla.org/en-US/docs/Web/API/WorkerGlobalScope/navigator + var vendor = navigator.vendor; + if (config.enableWorker && typeof Worker !== 'undefined') { + _logger.logger.log('demuxing in webworker'); + var w = void 0; + try { + var work = _dereq_(3); + w = this.w = work(_demuxerWorker2.default); + this.onwmsg = this.onWorkerMessage.bind(this); + w.addEventListener('message', this.onwmsg); + w.onerror = function (event) { + hls.trigger(_events2.default.ERROR, { type: _errors.ErrorTypes.OTHER_ERROR, details: _errors.ErrorDetails.INTERNAL_EXCEPTION, fatal: true, event: 'demuxerWorker', err: { message: event.message + ' (' + event.filename + ':' + event.lineno + ')' } }); + }; + w.postMessage({ cmd: 'init', typeSupported: typeSupported, vendor: vendor, id: id, config: JSON.stringify(config) }); + } catch (err) { + _logger.logger.error('error while initializing DemuxerWorker, fallback on DemuxerInline'); + if (w) { + // revoke the Object URL that was used to create demuxer worker, so as not to leak it + URL.revokeObjectURL(w.objectURL); + } + this.demuxer = new _demuxerInline2.default(observer, typeSupported, config, vendor); + this.w = undefined; + } + } else { + this.demuxer = new _demuxerInline2.default(observer, typeSupported, config, vendor); } + } - /* return manual level */ - - }, { - key: 'manualLevel', - get: function get() { - return this.levelController.manualLevel; + _createClass(Demuxer, [{ + key: 'destroy', + value: function destroy() { + var w = this.w; + if (w) { + w.removeEventListener('message', this.onwmsg); + w.terminate(); + this.w = null; + } else { + var demuxer = this.demuxer; + if (demuxer) { + demuxer.destroy(); + this.demuxer = null; + } + } + var observer = this.observer; + if (observer) { + observer.removeAllListeners(); + this.observer = null; + } } - - /* return min level selectable in auto mode according to config.minAutoBitrate */ - }, { - key: 'minAutoLevel', - get: function get() { - var hls = this, - levels = hls.levels, - minAutoBitrate = hls.config.minAutoBitrate, - len = levels ? levels.length : 0; - for (var i = 0; i < len; i++) { - var levelNextBitrate = levels[i].realBitrate ? Math.max(levels[i].realBitrate, levels[i].bitrate) : levels[i].bitrate; - if (levelNextBitrate > minAutoBitrate) { - return i; + key: 'push', + value: function push(data, initSegment, audioCodec, videoCodec, frag, duration, accurateTimeOffset, defaultInitPTS) { + var w = this.w; + var timeOffset = !isNaN(frag.startDTS) ? frag.startDTS : frag.start; + var decryptdata = frag.decryptdata; + var lastFrag = this.frag; + var discontinuity = !(lastFrag && frag.cc === lastFrag.cc); + var trackSwitch = !(lastFrag && frag.level === lastFrag.level); + var nextSN = lastFrag && frag.sn === lastFrag.sn + 1; + var contiguous = !trackSwitch && nextSN; + if (discontinuity) { + _logger.logger.log(this.id + ':discontinuity detected'); + } + if (trackSwitch) { + _logger.logger.log(this.id + ':switch detected'); + } + this.frag = frag; + if (w) { + // post fragment payload as transferable objects (no copy) + w.postMessage({ cmd: 'demux', data: data, decryptdata: decryptdata, initSegment: initSegment, audioCodec: audioCodec, videoCodec: videoCodec, timeOffset: timeOffset, discontinuity: discontinuity, trackSwitch: trackSwitch, contiguous: contiguous, duration: duration, accurateTimeOffset: accurateTimeOffset, defaultInitPTS: defaultInitPTS }, [data]); + } else { + var demuxer = this.demuxer; + if (demuxer) { + demuxer.push(data, decryptdata, initSegment, audioCodec, videoCodec, timeOffset, discontinuity, trackSwitch, contiguous, duration, accurateTimeOffset, defaultInitPTS); } } - return 0; } - - /* return max level selectable in auto mode according to autoLevelCapping */ - }, { - key: 'maxAutoLevel', - get: function get() { - var hls = this; - var levels = hls.levels; - var autoLevelCapping = hls.autoLevelCapping; - var maxAutoLevel = void 0; - if (autoLevelCapping === -1 && levels && levels.length) { - maxAutoLevel = levels.length - 1; - } else { - maxAutoLevel = autoLevelCapping; + key: 'onWorkerMessage', + value: function onWorkerMessage(ev) { + var data = ev.data, + hls = this.hls; + //console.log('onWorkerMessage:' + data.event); + switch (data.event) { + case 'init': + // revoke the Object URL that was used to create demuxer worker, so as not to leak it + URL.revokeObjectURL(this.w.objectURL); + break; + // special case for FRAG_PARSING_DATA: data1 and data2 are transferable objects + case _events2.default.FRAG_PARSING_DATA: + data.data.data1 = new Uint8Array(data.data1); + if (data.data2) { + data.data.data2 = new Uint8Array(data.data2); + } + /* falls through */ + default: + data.data = data.data || {}; + data.data.frag = this.frag; + data.data.id = this.id; + hls.trigger(data.event, data.data); + break; } - return maxAutoLevel; } + }]); - // return next auto level + return Demuxer; +}(); - }, { - key: 'nextAutoLevel', - get: function get() { - var hls = this; - // ensure next auto level is between min and max auto level - return Math.min(Math.max(hls.abrController.nextAutoLevel, hls.minAutoLevel), hls.maxAutoLevel); - } +exports.default = Demuxer; - // this setter is used to force next auto level - // this is useful to force a switch down in auto mode : in case of load error on level N, hls.js can set nextAutoLevel to N-1 for example) - // forced value is valid for one fragment. upon succesful frag loading at forced level, this value will be resetted to -1 by ABR controller - , - set: function set(nextLevel) { - var hls = this; - hls.abrController.nextAutoLevel = Math.max(hls.minAutoLevel, nextLevel); - } +},{"1":1,"23":23,"24":24,"3":3,"33":33,"35":35,"53":53}],26:[function(_dereq_,module,exports){ +'use strict'; - /** get alternate audio tracks list from playlist **/ +Object.defineProperty(exports, "__esModule", { + value: true +}); - }, { - key: 'audioTracks', - get: function get() { - var audioTrackController = this.audioTrackController; - return audioTrackController ? audioTrackController.audioTracks : []; - } +var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); /** + * Parser for exponential Golomb codes, a variable-bitwidth number encoding scheme used by h264. + */ - /** get index of the selected audio track (index in audio track lists) **/ +var _logger = _dereq_(53); - }, { - key: 'audioTrack', - get: function get() { - var audioTrackController = this.audioTrackController; - return audioTrackController ? audioTrackController.audioTrack : -1; - } +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - /** select an audio track, based on its index in audio track lists**/ - , - set: function set(audioTrackId) { - var audioTrackController = this.audioTrackController; - if (audioTrackController) { - audioTrackController.audioTrack = audioTrackId; +var ExpGolomb = function () { + function ExpGolomb(data) { + _classCallCheck(this, ExpGolomb); + + this.data = data; + // the number of bytes left to examine in this.data + this.bytesAvailable = data.byteLength; + // the current word being examined + this.word = 0; // :uint + // the number of bits left to examine in the current word + this.bitsAvailable = 0; // :uint + } + + // ():void + + + _createClass(ExpGolomb, [{ + key: 'loadWord', + value: function loadWord() { + var data = this.data, + bytesAvailable = this.bytesAvailable, + position = data.byteLength - bytesAvailable, + workingBytes = new Uint8Array(4), + availableBytes = Math.min(4, bytesAvailable); + if (availableBytes === 0) { + throw new Error('no bytes available'); } - } - }, { - key: 'liveSyncPosition', - get: function get() { - return this.streamController.liveSyncPosition; + workingBytes.set(data.subarray(position, position + availableBytes)); + this.word = new DataView(workingBytes.buffer).getUint32(0); + // track the amount of this.data that has been processed + this.bitsAvailable = availableBytes * 8; + this.bytesAvailable -= availableBytes; } - /** get alternate subtitle tracks list from playlist **/ + // (count:int):void }, { - key: 'subtitleTracks', - get: function get() { - var subtitleTrackController = this.subtitleTrackController; - return subtitleTrackController ? subtitleTrackController.subtitleTracks : []; + key: 'skipBits', + value: function skipBits(count) { + var skipBytes; // :int + if (this.bitsAvailable > count) { + this.word <<= count; + this.bitsAvailable -= count; + } else { + count -= this.bitsAvailable; + skipBytes = count >> 3; + count -= skipBytes >> 3; + this.bytesAvailable -= skipBytes; + this.loadWord(); + this.word <<= count; + this.bitsAvailable -= count; + } } - /** get index of the selected subtitle track (index in subtitle track lists) **/ + // (size:int):uint }, { - key: 'subtitleTrack', - get: function get() { - var subtitleTrackController = this.subtitleTrackController; - return subtitleTrackController ? subtitleTrackController.subtitleTrack : -1; - } - - /** select an subtitle track, based on its index in subtitle track lists**/ - , - set: function set(subtitleTrackId) { - var subtitleTrackController = this.subtitleTrackController; - if (subtitleTrackController) { - subtitleTrackController.subtitleTrack = subtitleTrackId; + key: 'readBits', + value: function readBits(size) { + var bits = Math.min(this.bitsAvailable, size), + // :uint + valu = this.word >>> 32 - bits; // :uint + if (size > 32) { + _logger.logger.error('Cannot read more than 32 bits at a time'); + } + this.bitsAvailable -= bits; + if (this.bitsAvailable > 0) { + this.word <<= bits; + } else if (this.bytesAvailable > 0) { + this.loadWord(); + } + bits = size - bits; + if (bits > 0 && this.bitsAvailable) { + return valu << bits | this.readBits(bits); + } else { + return valu; } } - }]); - - return Hls; -}(); - -exports.default = Hls; -},{"1":1,"11":11,"12":12,"2":2,"30":30,"32":32,"38":38,"39":39,"4":4,"40":40,"50":50}],37:[function(_dereq_,module,exports){ -'use strict'; - -// This is mostly for support of the es6 module export -// syntax with the babel compiler, it looks like it doesnt support -// function exports like we are used to in node/commonjs -module.exports = _dereq_(36).default; + // ():uint -},{"36":36}],38:[function(_dereq_,module,exports){ -'use strict'; + }, { + key: 'skipLZ', + value: function skipLZ() { + var leadingZeroCount; // :uint + for (leadingZeroCount = 0; leadingZeroCount < this.bitsAvailable; ++leadingZeroCount) { + if (0 !== (this.word & 0x80000000 >>> leadingZeroCount)) { + // the first bit of working word is 1 + this.word <<= leadingZeroCount; + this.bitsAvailable -= leadingZeroCount; + return leadingZeroCount; + } + } + // we exhausted word and still have not found a 1 + this.loadWord(); + return leadingZeroCount + this.skipLZ(); + } -Object.defineProperty(exports, "__esModule", { - value: true -}); + // ():void -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); + }, { + key: 'skipUEG', + value: function skipUEG() { + this.skipBits(1 + this.skipLZ()); + } -var _events = _dereq_(32); + // ():void -var _events2 = _interopRequireDefault(_events); + }, { + key: 'skipEG', + value: function skipEG() { + this.skipBits(1 + this.skipLZ()); + } -var _eventHandler = _dereq_(31); + // ():uint -var _eventHandler2 = _interopRequireDefault(_eventHandler); + }, { + key: 'readUEG', + value: function readUEG() { + var clz = this.skipLZ(); // :uint + return this.readBits(clz + 1) - 1; + } -var _errors = _dereq_(30); + // ():int -var _logger = _dereq_(50); + }, { + key: 'readEG', + value: function readEG() { + var valu = this.readUEG(); // :int + if (0x01 & valu) { + // the number is odd if the low order bit is set + return 1 + valu >>> 1; // add 1 to make it even, and divide by 2 + } else { + return -1 * (valu >>> 1); // divide by two then make it negative + } + } -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + // Some convenience functions + // :Boolean -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } + }, { + key: 'readBoolean', + value: function readBoolean() { + return 1 === this.readBits(1); + } -function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } + // ():int -function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /* - * Fragment Loader - */ + }, { + key: 'readUByte', + value: function readUByte() { + return this.readBits(8); + } -var FragmentLoader = function (_EventHandler) { - _inherits(FragmentLoader, _EventHandler); + // ():int - function FragmentLoader(hls) { - _classCallCheck(this, FragmentLoader); + }, { + key: 'readUShort', + value: function readUShort() { + return this.readBits(16); + } + // ():int - var _this = _possibleConstructorReturn(this, (FragmentLoader.__proto__ || Object.getPrototypeOf(FragmentLoader)).call(this, hls, _events2.default.FRAG_LOADING)); + }, { + key: 'readUInt', + value: function readUInt() { + return this.readBits(32); + } - _this.loaders = {}; - return _this; - } + /** + * Advance the ExpGolomb decoder past a scaling list. The scaling + * list is optionally transmitted as part of a sequence parameter + * set and is not relevant to transmuxing. + * @param count {number} the number of entries in this scaling list + * @see Recommendation ITU-T H.264, Section 7.3.2.1.1.1 + */ - _createClass(FragmentLoader, [{ - key: 'destroy', - value: function destroy() { - var loaders = this.loaders; - for (var loaderName in loaders) { - var loader = loaders[loaderName]; - if (loader) { - loader.destroy(); + }, { + key: 'skipScalingList', + value: function skipScalingList(count) { + var lastScale = 8, + nextScale = 8, + j, + deltaScale; + for (j = 0; j < count; j++) { + if (nextScale !== 0) { + deltaScale = this.readEG(); + nextScale = (lastScale + deltaScale + 256) % 256; } + lastScale = nextScale === 0 ? lastScale : nextScale; } - this.loaders = {}; - _eventHandler2.default.prototype.destroy.call(this); } - }, { - key: 'onFragLoading', - value: function onFragLoading(data) { - var frag = data.frag, - type = frag.type, - loader = this.loaders[type], - config = this.hls.config; - frag.loaded = 0; - if (loader) { - _logger.logger.warn('abort previous fragment loader for type:' + type); - loader.abort(); - } - loader = this.loaders[type] = frag.loader = typeof config.fLoader !== 'undefined' ? new config.fLoader(config) : new config.loader(config); + /** + * Read a sequence parameter set and return some interesting video + * properties. A sequence parameter set is the H264 metadata that + * describes the properties of upcoming video frames. + * @param data {Uint8Array} the bytes of a sequence parameter set + * @return {object} an object with configuration parsed from the + * sequence parameter set, including the dimensions of the + * associated video frames. + */ - var loaderContext = void 0, - loaderConfig = void 0, - loaderCallbacks = void 0; - loaderContext = { url: frag.url, frag: frag, responseType: 'arraybuffer', progressData: false }; - var start = frag.byteRangeStartOffset, - end = frag.byteRangeEndOffset; - if (!isNaN(start) && !isNaN(end)) { - loaderContext.rangeStart = start; - loaderContext.rangeEnd = end; - } - loaderConfig = { timeout: config.fragLoadingTimeOut, maxRetry: 0, retryDelay: 0, maxRetryDelay: config.fragLoadingMaxRetryTimeout }; - loaderCallbacks = { onSuccess: this.loadsuccess.bind(this), onError: this.loaderror.bind(this), onTimeout: this.loadtimeout.bind(this), onProgress: this.loadprogress.bind(this) }; - loader.load(loaderContext, loaderConfig, loaderCallbacks); - } - }, { - key: 'loadsuccess', - value: function loadsuccess(response, stats, context) { - var payload = response.data, - frag = context.frag; - // detach fragment loader on load success - frag.loader = undefined; - this.loaders[frag.type] = undefined; - this.hls.trigger(_events2.default.FRAG_LOADED, { payload: payload, frag: frag, stats: stats }); - } }, { - key: 'loaderror', - value: function loaderror(response, context) { - var loader = context.loader; - if (loader) { - loader.abort(); + key: 'readSPS', + value: function readSPS() { + var frameCropLeftOffset = 0, + frameCropRightOffset = 0, + frameCropTopOffset = 0, + frameCropBottomOffset = 0, + profileIdc, + profileCompat, + levelIdc, + numRefFramesInPicOrderCntCycle, + picWidthInMbsMinus1, + picHeightInMapUnitsMinus1, + frameMbsOnlyFlag, + scalingListCount, + i, + readUByte = this.readUByte.bind(this), + readBits = this.readBits.bind(this), + readUEG = this.readUEG.bind(this), + readBoolean = this.readBoolean.bind(this), + skipBits = this.skipBits.bind(this), + skipEG = this.skipEG.bind(this), + skipUEG = this.skipUEG.bind(this), + skipScalingList = this.skipScalingList.bind(this); + + readUByte(); + profileIdc = readUByte(); // profile_idc + profileCompat = readBits(5); // constraint_set[0-4]_flag, u(5) + skipBits(3); // reserved_zero_3bits u(3), + levelIdc = readUByte(); //level_idc u(8) + skipUEG(); // seq_parameter_set_id + // some profiles have more optional data we don't need + if (profileIdc === 100 || profileIdc === 110 || profileIdc === 122 || profileIdc === 244 || profileIdc === 44 || profileIdc === 83 || profileIdc === 86 || profileIdc === 118 || profileIdc === 128) { + var chromaFormatIdc = readUEG(); + if (chromaFormatIdc === 3) { + skipBits(1); // separate_colour_plane_flag + } + skipUEG(); // bit_depth_luma_minus8 + skipUEG(); // bit_depth_chroma_minus8 + skipBits(1); // qpprime_y_zero_transform_bypass_flag + if (readBoolean()) { + // seq_scaling_matrix_present_flag + scalingListCount = chromaFormatIdc !== 3 ? 8 : 12; + for (i = 0; i < scalingListCount; i++) { + if (readBoolean()) { + // seq_scaling_list_present_flag[ i ] + if (i < 6) { + skipScalingList(16); + } else { + skipScalingList(64); + } + } + } + } } - this.loaders[context.type] = undefined; - this.hls.trigger(_events2.default.ERROR, { type: _errors.ErrorTypes.NETWORK_ERROR, details: _errors.ErrorDetails.FRAG_LOAD_ERROR, fatal: false, frag: context.frag, response: response }); - } - }, { - key: 'loadtimeout', - value: function loadtimeout(stats, context) { - var loader = context.loader; - if (loader) { - loader.abort(); + skipUEG(); // log2_max_frame_num_minus4 + var picOrderCntType = readUEG(); + if (picOrderCntType === 0) { + readUEG(); //log2_max_pic_order_cnt_lsb_minus4 + } else if (picOrderCntType === 1) { + skipBits(1); // delta_pic_order_always_zero_flag + skipEG(); // offset_for_non_ref_pic + skipEG(); // offset_for_top_to_bottom_field + numRefFramesInPicOrderCntCycle = readUEG(); + for (i = 0; i < numRefFramesInPicOrderCntCycle; i++) { + skipEG(); // offset_for_ref_frame[ i ] + } } - this.loaders[context.type] = undefined; - this.hls.trigger(_events2.default.ERROR, { type: _errors.ErrorTypes.NETWORK_ERROR, details: _errors.ErrorDetails.FRAG_LOAD_TIMEOUT, fatal: false, frag: context.frag }); + skipUEG(); // max_num_ref_frames + skipBits(1); // gaps_in_frame_num_value_allowed_flag + picWidthInMbsMinus1 = readUEG(); + picHeightInMapUnitsMinus1 = readUEG(); + frameMbsOnlyFlag = readBits(1); + if (frameMbsOnlyFlag === 0) { + skipBits(1); // mb_adaptive_frame_field_flag + } + skipBits(1); // direct_8x8_inference_flag + if (readBoolean()) { + // frame_cropping_flag + frameCropLeftOffset = readUEG(); + frameCropRightOffset = readUEG(); + frameCropTopOffset = readUEG(); + frameCropBottomOffset = readUEG(); + } + var pixelRatio = [1, 1]; + if (readBoolean()) { + // vui_parameters_present_flag + if (readBoolean()) { + // aspect_ratio_info_present_flag + var aspectRatioIdc = readUByte(); + switch (aspectRatioIdc) { + case 1: + pixelRatio = [1, 1];break; + case 2: + pixelRatio = [12, 11];break; + case 3: + pixelRatio = [10, 11];break; + case 4: + pixelRatio = [16, 11];break; + case 5: + pixelRatio = [40, 33];break; + case 6: + pixelRatio = [24, 11];break; + case 7: + pixelRatio = [20, 11];break; + case 8: + pixelRatio = [32, 11];break; + case 9: + pixelRatio = [80, 33];break; + case 10: + pixelRatio = [18, 11];break; + case 11: + pixelRatio = [15, 11];break; + case 12: + pixelRatio = [64, 33];break; + case 13: + pixelRatio = [160, 99];break; + case 14: + pixelRatio = [4, 3];break; + case 15: + pixelRatio = [3, 2];break; + case 16: + pixelRatio = [2, 1];break; + case 255: + { + pixelRatio = [readUByte() << 8 | readUByte(), readUByte() << 8 | readUByte()]; + break; + } + } + } + } + return { + width: Math.ceil((picWidthInMbsMinus1 + 1) * 16 - frameCropLeftOffset * 2 - frameCropRightOffset * 2), + height: (2 - frameMbsOnlyFlag) * (picHeightInMapUnitsMinus1 + 1) * 16 - (frameMbsOnlyFlag ? 2 : 4) * (frameCropTopOffset + frameCropBottomOffset), + pixelRatio: pixelRatio + }; } - - // data will be used for progressive parsing - }, { - key: 'loadprogress', - value: function loadprogress(stats, context, data) { - // jshint ignore:line - var frag = context.frag; - frag.loaded = stats.loaded; - this.hls.trigger(_events2.default.FRAG_LOAD_PROGRESS, { frag: frag, stats: stats }); + key: 'readSliceType', + value: function readSliceType() { + // skip NALu type + this.readUByte(); + // discard first_mb_in_slice + this.readUEG(); + // return slice_type + return this.readUEG(); } }]); - return FragmentLoader; -}(_eventHandler2.default); + return ExpGolomb; +}(); -exports.default = FragmentLoader; +exports.default = ExpGolomb; -},{"30":30,"31":31,"32":32,"50":50}],39:[function(_dereq_,module,exports){ +},{"53":53}],27:[function(_dereq_,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); - -var _events = _dereq_(32); - -var _events2 = _interopRequireDefault(_events); +var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); /** + * ID3 parser + */ -var _eventHandler = _dereq_(31); -var _eventHandler2 = _interopRequireDefault(_eventHandler); +var _logger = _dereq_(53); -var _errors = _dereq_(30); +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } -var _logger = _dereq_(50); +//import Hex from '../utils/hex'; -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } +var ID3 = function () { + function ID3(data) { + _classCallCheck(this, ID3); -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } + this._hasTimeStamp = false; + this._length = 0; + var offset = 0, + byte1, + byte2, + byte3, + byte4, + tagSize, + endPos, + header, + len; + do { + header = this.readUTF(data, offset, 3); + offset += 3; + // first check for ID3 header + if (header === 'ID3') { + // skip 24 bits + offset += 3; + // retrieve tag(s) length + byte1 = data[offset++] & 0x7f; + byte2 = data[offset++] & 0x7f; + byte3 = data[offset++] & 0x7f; + byte4 = data[offset++] & 0x7f; + tagSize = (byte1 << 21) + (byte2 << 14) + (byte3 << 7) + byte4; + endPos = offset + tagSize; + //logger.log(`ID3 tag found, size/end: ${tagSize}/${endPos}`); -function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } + // read ID3 tags + this._parseID3Frames(data, offset, endPos); + offset = endPos; + } else if (header === '3DI') { + // http://id3.org/id3v2.4.0-structure chapter 3.4. ID3v2 footer + offset += 7; + _logger.logger.log('3DI footer found, end: ' + offset); + } else { + offset -= 3; + len = offset; + if (len) { + //logger.log(`ID3 len: ${len}`); + if (!this.hasTimeStamp) { + _logger.logger.warn('ID3 tag found, but no timestamp'); + } + this._length = len; + this._payload = data.subarray(0, len); + } + return; + } + } while (true); + } -function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /* - * Decrypt key Loader - */ + _createClass(ID3, [{ + key: 'readUTF', + value: function readUTF(data, start, len) { -var KeyLoader = function (_EventHandler) { - _inherits(KeyLoader, _EventHandler); + var result = '', + offset = start, + end = start + len; + do { + result += String.fromCharCode(data[offset++]); + } while (offset < end); + return result; + } + }, { + key: '_parseID3Frames', + value: function _parseID3Frames(data, offset, endPos) { + var tagId, tagLen, tagStart, tagFlags, timestamp; + while (offset + 8 <= endPos) { + tagId = this.readUTF(data, offset, 4); + offset += 4; - function KeyLoader(hls) { - _classCallCheck(this, KeyLoader); + tagLen = data[offset++] << 24 + data[offset++] << 16 + data[offset++] << 8 + data[offset++]; - var _this = _possibleConstructorReturn(this, (KeyLoader.__proto__ || Object.getPrototypeOf(KeyLoader)).call(this, hls, _events2.default.KEY_LOADING)); + tagFlags = data[offset++] << 8 + data[offset++]; - _this.loaders = {}; - _this.decryptkey = null; - _this.decrypturl = null; - return _this; - } + tagStart = offset; + //logger.log("ID3 tag id:" + tagId); + switch (tagId) { + case 'PRIV': + //logger.log('parse frame:' + Hex.hexDump(data.subarray(offset,endPos))); + // owner should be "com.apple.streaming.transportStreamTimestamp" + if (this.readUTF(data, offset, 44) === 'com.apple.streaming.transportStreamTimestamp') { + offset += 44; + // smelling even better ! we found the right descriptor + // skip null character (string end) + 3 first bytes + offset += 4; - _createClass(KeyLoader, [{ - key: 'destroy', - value: function destroy() { - for (var loaderName in this.loaders) { - var loader = this.loaders[loaderName]; - if (loader) { - loader.destroy(); + // timestamp is 33 bit expressed as a big-endian eight-octet number, with the upper 31 bits set to zero. + var pts33Bit = data[offset++] & 0x1; + this._hasTimeStamp = true; + + timestamp = ((data[offset++] << 23) + (data[offset++] << 15) + (data[offset++] << 7) + data[offset++]) / 45; + + if (pts33Bit) { + timestamp += 47721858.84; // 2^32 / 90 + } + timestamp = Math.round(timestamp); + _logger.logger.trace('ID3 timestamp found: ' + timestamp); + this._timeStamp = timestamp; + } + break; + default: + break; } } - this.loaders = {}; - _eventHandler2.default.prototype.destroy.call(this); } }, { - key: 'onKeyLoading', - value: function onKeyLoading(data) { - var frag = data.frag, - type = frag.type, - loader = this.loaders[type], - decryptdata = frag.decryptdata, - uri = decryptdata.uri; - // if uri is different from previous one or if decrypt key not retrieved yet - if (uri !== this.decrypturl || this.decryptkey === null) { - var config = this.hls.config; - - if (loader) { - _logger.logger.warn('abort previous key loader for type:' + type); - loader.abort(); - } - frag.loader = this.loaders[type] = new config.loader(config); - this.decrypturl = uri; - this.decryptkey = null; - - var loaderContext = void 0, - loaderConfig = void 0, - loaderCallbacks = void 0; - loaderContext = { url: uri, frag: frag, responseType: 'arraybuffer' }; - loaderConfig = { timeout: config.fragLoadingTimeOut, maxRetry: config.fragLoadingMaxRetry, retryDelay: config.fragLoadingRetryDelay, maxRetryDelay: config.fragLoadingMaxRetryTimeout }; - loaderCallbacks = { onSuccess: this.loadsuccess.bind(this), onError: this.loaderror.bind(this), onTimeout: this.loadtimeout.bind(this) }; - frag.loader.load(loaderContext, loaderConfig, loaderCallbacks); - } else if (this.decryptkey) { - // we already loaded this key, return it - decryptdata.key = this.decryptkey; - this.hls.trigger(_events2.default.KEY_LOADED, { frag: frag }); - } + key: 'hasTimeStamp', + get: function get() { + return this._hasTimeStamp; } }, { - key: 'loadsuccess', - value: function loadsuccess(response, stats, context) { - var frag = context.frag; - this.decryptkey = frag.decryptdata.key = new Uint8Array(response.data); - // detach fragment loader on load success - frag.loader = undefined; - this.loaders[frag.type] = undefined; - this.hls.trigger(_events2.default.KEY_LOADED, { frag: frag }); + key: 'timeStamp', + get: function get() { + return this._timeStamp; } }, { - key: 'loaderror', - value: function loaderror(response, context) { - var frag = context.frag, - loader = frag.loader; - if (loader) { - loader.abort(); - } - this.loaders[context.type] = undefined; - this.hls.trigger(_events2.default.ERROR, { type: _errors.ErrorTypes.NETWORK_ERROR, details: _errors.ErrorDetails.KEY_LOAD_ERROR, fatal: false, frag: frag, response: response }); + key: 'length', + get: function get() { + return this._length; } }, { - key: 'loadtimeout', - value: function loadtimeout(stats, context) { - var frag = context.frag, - loader = frag.loader; - if (loader) { - loader.abort(); - } - this.loaders[context.type] = undefined; - this.hls.trigger(_events2.default.ERROR, { type: _errors.ErrorTypes.NETWORK_ERROR, details: _errors.ErrorDetails.KEY_LOAD_TIMEOUT, fatal: false, frag: frag }); + key: 'payload', + get: function get() { + return this._payload; } }]); - return KeyLoader; -}(_eventHandler2.default); + return ID3; +}(); -exports.default = KeyLoader; +exports.default = ID3; -},{"30":30,"31":31,"32":32,"50":50}],40:[function(_dereq_,module,exports){ +},{"53":53}],28:[function(_dereq_,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { @@ -28110,10778 +23790,8092 @@ Object.defineProperty(exports, "__esModule", { }); var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); /** - * Playlist Loader - */ - -var _urlToolkit = _dereq_(2); - -var _urlToolkit2 = _interopRequireDefault(_urlToolkit); - -var _events = _dereq_(32); - -var _events2 = _interopRequireDefault(_events); - -var _eventHandler = _dereq_(31); + * MP3 demuxer + */ -var _eventHandler2 = _interopRequireDefault(_eventHandler); -var _errors = _dereq_(30); +var _id = _dereq_(27); -var _attrList = _dereq_(44); +var _id2 = _interopRequireDefault(_id); -var _attrList2 = _interopRequireDefault(_attrList); +var _mpegaudio = _dereq_(30); -var _logger = _dereq_(50); +var _mpegaudio2 = _interopRequireDefault(_mpegaudio); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } -function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } -function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } +var MP3Demuxer = function () { + function MP3Demuxer(observer, remuxer, config) { + _classCallCheck(this, MP3Demuxer); -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } + this.observer = observer; + this.config = config; + this.remuxer = remuxer; + } -// https://regex101.com is your friend -var MASTER_PLAYLIST_REGEX = /#EXT-X-STREAM-INF:([^\n\r]*)[\r\n]+([^\r\n]+)/g; -var MASTER_PLAYLIST_MEDIA_REGEX = /#EXT-X-MEDIA:(.*)/g; -var LEVEL_PLAYLIST_REGEX_FAST = /#EXTINF:(\d*(?:\.\d+)?)(?:,(.*))?|(?!#)(\S.+)|#EXT-X-BYTERANGE: *(.+)|#EXT-X-PROGRAM-DATE-TIME:(.+)|#.*/g; -var LEVEL_PLAYLIST_REGEX_SLOW = /(?:(?:#(EXTM3U))|(?:#EXT-X-(PLAYLIST-TYPE):(.+))|(?:#EXT-X-(MEDIA-SEQUENCE): *(\d+))|(?:#EXT-X-(TARGETDURATION): *(\d+))|(?:#EXT-X-(KEY):(.+))|(?:#EXT-X-(START):(.+))|(?:#EXT-X-(ENDLIST))|(?:#EXT-X-(DISCONTINUITY-SEQ)UENCE:(\d+))|(?:#EXT-X-(DIS)CONTINUITY))|(?:#EXT-X-(VERSION):(\d+))|(?:#EXT-X-(MAP):(.+))|(?:(#)(.*):(.*))|(?:(#)(.*))(?:.*)\r?\n?/; + _createClass(MP3Demuxer, [{ + key: 'resetInitSegment', + value: function resetInitSegment(initSegment, audioCodec, videoCodec, duration) { + this._audioTrack = { container: 'audio/mpeg', type: 'audio', id: -1, sequenceNumber: 0, isAAC: false, samples: [], len: 0, manifestCodec: audioCodec, duration: duration, inputTimeScale: 90000 }; + } + }, { + key: 'resetTimeStamp', + value: function resetTimeStamp() {} + }, { + key: 'append', -var LevelKey = function () { - function LevelKey() { - _classCallCheck(this, LevelKey); - this.method = null; - this.key = null; - this.iv = null; - this._uri = null; - } + // feed incoming data to the front of the parsing pipeline + value: function append(data, timeOffset, contiguous, accurateTimeOffset) { + var id3 = new _id2.default(data); + var pts = 90 * id3.timeStamp; + var afterID3 = id3.length; + var offset, length; + + // Look for MPEG header + for (offset = afterID3, length = data.length; offset < length - 1; offset++) { + if (data[offset] === 0xff && (data[offset + 1] & 0xe0) === 0xe0 && (data[offset + 1] & 0x06) !== 0x00) { + break; + } + } - _createClass(LevelKey, [{ - key: 'uri', - get: function get() { - if (!this._uri && this.reluri) { - this._uri = _urlToolkit2.default.buildAbsoluteURL(this.baseuri, this.reluri, { alwaysNormalize: true }); + _mpegaudio2.default.parse(this._audioTrack, data, id3.length, pts); + + this.remuxer.remux(this._audioTrack, { samples: [] }, { samples: [{ pts: pts, dts: pts, data: id3.payload }], inputTimeScale: 90000 }, { samples: [] }, timeOffset, contiguous, accurateTimeOffset); + } + }, { + key: 'destroy', + value: function destroy() {} + }], [{ + key: 'probe', + value: function probe(data) { + // check if data contains ID3 timestamp and MPEG sync word + var id3 = new _id2.default(data), + offset, + length; + if (id3.hasTimeStamp) { + // Look for MPEG header | 1111 1111 | 111X XYZX | where X can be either 0 or 1 and Y or Z should be 1 + // Layer bits (position 14 and 15) in header should be always different from 0 (Layer I or Layer II or Layer III) + // More info http://www.mp3-tech.org/programmer/frame_header.html + for (offset = id3.length, length = Math.min(data.length - 1, offset + 100); offset < length; offset++) { + if (data[offset] === 0xff && (data[offset + 1] & 0xe0) === 0xe0 && (data[offset + 1] & 0x06) !== 0x00) { + //logger.log('MPEG sync word found !'); + return true; + } + } } - return this._uri; + return false; } }]); - return LevelKey; + return MP3Demuxer; }(); -var Fragment = function () { - function Fragment() { - _classCallCheck(this, Fragment); +exports.default = MP3Demuxer; - this._url = null; - this._byteRange = null; - this._decryptdata = null; - this.tagList = []; - } +},{"27":27,"30":30}],29:[function(_dereq_,module,exports){ +'use strict'; - _createClass(Fragment, [{ - key: 'createInitializationVector', +Object.defineProperty(exports, "__esModule", { + value: true +}); +var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); /** + * MP4 demuxer + */ +//import {logger} from '../utils/logger'; - /** - * Utility method for parseLevelPlaylist to create an initialization vector for a given segment - * @returns {Uint8Array} - */ - value: function createInitializationVector(segmentNumber) { - var uint8View = new Uint8Array(16); - for (var i = 12; i < 16; i++) { - uint8View[i] = segmentNumber >> 8 * (15 - i) & 0xff; - } +var _events = _dereq_(35); - return uint8View; - } +var _events2 = _interopRequireDefault(_events); - /** - * Utility method for parseLevelPlaylist to get a fragment's decryption data from the currently parsed encryption key data - * @param levelkey - a playlist's encryption info - * @param segmentNumber - the fragment's segment number - * @returns {*} - an object to be applied as a fragment's decryptdata - */ +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - }, { - key: 'fragmentDecryptdataFromLevelkey', - value: function fragmentDecryptdataFromLevelkey(levelkey, segmentNumber) { - var decryptdata = levelkey; +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - if (levelkey && levelkey.method && levelkey.uri && !levelkey.iv) { - decryptdata = new LevelKey(); - decryptdata.method = levelkey.method; - decryptdata.baseuri = levelkey.baseuri; - decryptdata.reluri = levelkey.reluri; - decryptdata.iv = this.createInitializationVector(segmentNumber); - } +var MP4Demuxer = function () { + function MP4Demuxer(observer, remuxer) { + _classCallCheck(this, MP4Demuxer); - return decryptdata; + this.observer = observer; + this.remuxer = remuxer; + } + + _createClass(MP4Demuxer, [{ + key: 'resetTimeStamp', + value: function resetTimeStamp() {} + }, { + key: 'resetInitSegment', + value: function resetInitSegment(initSegment, audioCodec, videoCodec, duration) { + //jshint unused:false + var initData = this.initData = MP4Demuxer.parseInitSegment(initSegment); + var tracks = {}; + if (initData.audio) { + tracks.audio = { container: 'audio/mp4', codec: audioCodec, initSegment: initSegment }; + } + if (initData.video) { + tracks.video = { container: 'video/mp4', codec: videoCodec, initSegment: initSegment }; + } + this.observer.trigger(_events2.default.FRAG_PARSING_INIT_SEGMENT, { tracks: tracks }); } }, { - key: 'cloneObj', - value: function cloneObj(obj) { - return JSON.parse(JSON.stringify(obj)); + key: 'append', + + + // feed incoming data to the front of the parsing pipeline + value: function append(data, timeOffset, contiguous, accurateTimeOffset) { + var initData = this.initData; + var startDTS = MP4Demuxer.startDTS(initData, data); + this.remuxer.remux(initData.audio, initData.video, null, null, startDTS, contiguous, accurateTimeOffset, data); } }, { - key: 'url', - get: function get() { - if (!this._url && this.relurl) { - this._url = _urlToolkit2.default.buildAbsoluteURL(this.baseurl, this.relurl, { alwaysNormalize: true }); + key: 'destroy', + value: function destroy() {} + }], [{ + key: 'probe', + value: function probe(data) { + if (data.length >= 8) { + var dataType = MP4Demuxer.bin2str(data.subarray(4, 8)); + return ['moof', 'ftyp', 'styp'].indexOf(dataType) >= 0; } - return this._url; - }, - set: function set(value) { - this._url = value; + return false; } }, { - key: 'programDateTime', - get: function get() { - if (!this._programDateTime && this.rawProgramDateTime) { - this._programDateTime = new Date(Date.parse(this.rawProgramDateTime)); - } - return this._programDateTime; + key: 'bin2str', + value: function bin2str(buffer) { + return String.fromCharCode.apply(null, buffer); } }, { - key: 'byteRange', - get: function get() { - if (!this._byteRange) { - var byteRange = this._byteRange = []; - if (this.rawByteRange) { - var params = this.rawByteRange.split('@', 2); - if (params.length === 1) { - var lastByteRangeEndOffset = this.lastByteRangeEndOffset; - byteRange[0] = lastByteRangeEndOffset ? lastByteRangeEndOffset : 0; + key: 'readUint32', + value: function readUint32(buffer, offset) { + var val = buffer[offset] << 24 | buffer[offset + 1] << 16 | buffer[offset + 2] << 8 | buffer[offset + 3]; + return val < 0 ? 4294967296 + val : val; + } + + // Find the data for a box specified by its path + + }, { + key: 'findBox', + value: function findBox(data, path) { + var results = [], + i, + size, + type, + end, + subresults; + + if (!path.length) { + // short-circuit the search for empty paths + return null; + } + + for (i = 0; i < data.byteLength;) { + size = MP4Demuxer.readUint32(data, i); + type = MP4Demuxer.bin2str(data.subarray(i + 4, i + 8)); + + end = size > 1 ? i + size : data.byteLength; + + if (type === path[0]) { + if (path.length === 1) { + // this is the end of the path and we've found the box we were + // looking for + results.push(data.subarray(i + 8, end)); } else { - byteRange[0] = parseInt(params[1]); + // recursively search for the next box along the path + subresults = MP4Demuxer.findBox(data.subarray(i + 8, end), path.slice(1)); + if (subresults.length) { + results = results.concat(subresults); + } } - byteRange[1] = parseInt(params[0]) + byteRange[0]; } + i = end; } - return this._byteRange; - } - }, { - key: 'byteRangeStartOffset', - get: function get() { - return this.byteRange[0]; + + // we've finished searching all of data + return results; } + + /** + * Parses an MP4 initialization segment and extracts stream type and + * timescale values for any declared tracks. Timescale values indicate the + * number of clock ticks per second to assume for time-based values + * elsewhere in the MP4. + * + * To determine the start time of an MP4, you need two pieces of + * information: the timescale unit and the earliest base media decode + * time. Multiple timescales can be specified within an MP4 but the + * base media decode time is always expressed in the timescale from + * the media header box for the track: + * ``` + * moov > trak > mdia > mdhd.timescale + * moov > trak > mdia > hdlr + * ``` + * @param init {Uint8Array} the bytes of the init segment + * @return {object} a hash of track type to timescale values or null if + * the init segment is malformed. + */ + }, { - key: 'byteRangeEndOffset', - get: function get() { - return this.byteRange[1]; + key: 'parseInitSegment', + value: function parseInitSegment(initSegment) { + var result = []; + var traks = MP4Demuxer.findBox(initSegment, ['moov', 'trak']); + + traks.forEach(function (trak) { + var tkhd = MP4Demuxer.findBox(trak, ['tkhd'])[0]; + if (tkhd) { + var version = tkhd[0]; + var index = version === 0 ? 12 : 20; + var trackId = MP4Demuxer.readUint32(tkhd, index); + + var mdhd = MP4Demuxer.findBox(trak, ['mdia', 'mdhd'])[0]; + if (mdhd) { + version = mdhd[0]; + index = version === 0 ? 12 : 20; + var timescale = MP4Demuxer.readUint32(mdhd, index); + + var hdlr = MP4Demuxer.findBox(trak, ['mdia', 'hdlr'])[0]; + if (hdlr) { + var hdlrType = MP4Demuxer.bin2str(hdlr.subarray(8, 12)); + var type = { 'soun': 'audio', 'vide': 'video' }[hdlrType]; + if (type) { + result[trackId] = { timescale: timescale, type: type }; + result[type] = { timescale: timescale, id: trackId }; + } + } + } + } + }); + return result; } + + /** + * Determine the base media decode start time, in seconds, for an MP4 + * fragment. If multiple fragments are specified, the earliest time is + * returned. + * + * The base media decode time can be parsed from track fragment + * metadata: + * ``` + * moof > traf > tfdt.baseMediaDecodeTime + * ``` + * It requires the timescale value from the mdhd to interpret. + * + * @param timescale {object} a hash of track ids to timescale values. + * @return {number} the earliest base media decode start time for the + * fragment, in seconds + */ + }, { - key: 'decryptdata', - get: function get() { - if (!this._decryptdata) { - this._decryptdata = this.fragmentDecryptdataFromLevelkey(this.levelkey, this.sn); - } - return this._decryptdata; + key: 'startDTS', + value: function startDTS(initData, fragment) { + var trafs, baseTimes, result; + + // we need info from two childrend of each track fragment box + trafs = MP4Demuxer.findBox(fragment, ['moof', 'traf']); + + // determine the start times for each track + baseTimes = [].concat.apply([], trafs.map(function (traf) { + return MP4Demuxer.findBox(traf, ['tfhd']).map(function (tfhd) { + var id, scale, baseTime; + + // get the track id from the tfhd + id = MP4Demuxer.readUint32(tfhd, 4); + // assume a 90kHz clock if no timescale was specified + scale = initData[id].timescale || 90e3; + + // get the base media decode time from the tfdt + baseTime = MP4Demuxer.findBox(traf, ['tfdt']).map(function (tfdt) { + var version, result; + + version = tfdt[0]; + result = MP4Demuxer.readUint32(tfdt, 4); + if (version === 1) { + result *= Math.pow(2, 32); + + result += MP4Demuxer.readUint32(tfdt, 8); + } + return result; + })[0]; + baseTime = baseTime || Infinity; + + // convert base time to seconds + return baseTime / scale; + }); + })); + + // return the minimum + result = Math.min.apply(null, baseTimes); + return isFinite(result) ? result : 0; } }]); - return Fragment; + return MP4Demuxer; }(); -var PlaylistLoader = function (_EventHandler) { - _inherits(PlaylistLoader, _EventHandler); +exports.default = MP4Demuxer; - function PlaylistLoader(hls) { - _classCallCheck(this, PlaylistLoader); +},{"35":35}],30:[function(_dereq_,module,exports){ +'use strict'; - var _this = _possibleConstructorReturn(this, (PlaylistLoader.__proto__ || Object.getPrototypeOf(PlaylistLoader)).call(this, hls, _events2.default.MANIFEST_LOADING, _events2.default.LEVEL_LOADING, _events2.default.AUDIO_TRACK_LOADING, _events2.default.SUBTITLE_TRACK_LOADING)); +var _logger = _dereq_(53); - _this.loaders = {}; - return _this; - } +var MpegAudio = { - _createClass(PlaylistLoader, [{ - key: 'destroy', - value: function destroy() { - for (var loaderName in this.loaders) { - var loader = this.loaders[loaderName]; - if (loader) { - loader.destroy(); + onFrame: function onFrame(track, data, bitRate, sampleRate, channelCount, frameIndex, pts) { + var frameDuration = 1152 * 90000 / sampleRate; + var stamp = pts + frameIndex * frameDuration; + + track.config = []; + track.channelCount = channelCount; + track.samplerate = sampleRate; + track.samples.push({ unit: data, pts: stamp, dts: stamp }); + track.len += data.length; + }, + + onNoise: function onNoise(data) { + _logger.logger.warn('mpeg audio has noise: ' + data.length + ' bytes'); + }, + + parseFrames: function parseFrames(track, data, start, end, frameIndex, pts) { + var BitratesMap = [32, 64, 96, 128, 160, 192, 224, 256, 288, 320, 352, 384, 416, 448, 32, 48, 56, 64, 80, 96, 112, 128, 160, 192, 224, 256, 320, 384, 32, 40, 48, 56, 64, 80, 96, 112, 128, 160, 192, 224, 256, 320, 32, 48, 56, 64, 80, 96, 112, 128, 144, 160, 176, 192, 224, 256, 8, 16, 24, 32, 40, 48, 56, 64, 80, 96, 112, 128, 144, 160]; + var SamplingRateMap = [44100, 48000, 32000, 22050, 24000, 16000, 11025, 12000, 8000]; + + if (start + 2 > end) { + return -1; // we need at least 2 bytes to detect sync pattern + } + if (data[start] === 0xFF || (data[start + 1] & 0xE0) === 0xE0) { + // Using http://www.datavoyage.com/mpgscript/mpeghdr.htm as a reference + if (start + 24 > end) { + return -1; + } + var headerB = data[start + 1] >> 3 & 3; + var headerC = data[start + 1] >> 1 & 3; + var headerE = data[start + 2] >> 4 & 15; + var headerF = data[start + 2] >> 2 & 3; + var headerG = !!(data[start + 2] & 2); + if (headerB !== 1 && headerE !== 0 && headerE !== 15 && headerF !== 3) { + var columnInBitrates = headerB === 3 ? 3 - headerC : headerC === 3 ? 3 : 4; + var bitRate = BitratesMap[columnInBitrates * 14 + headerE - 1] * 1000; + var columnInSampleRates = headerB === 3 ? 0 : headerB === 2 ? 1 : 2; + var sampleRate = SamplingRateMap[columnInSampleRates * 3 + headerF]; + var padding = headerG ? 1 : 0; + var channelCount = data[start + 3] >> 6 === 3 ? 1 : 2; // If bits of channel mode are `11` then it is a single channel (Mono) + var frameLength = headerC === 3 ? (headerB === 3 ? 12 : 6) * bitRate / sampleRate + padding << 2 : (headerB === 3 ? 144 : 72) * bitRate / sampleRate + padding | 0; + if (start + frameLength > end) { + return -1; + } + + this.onFrame(track, data.subarray(start, start + frameLength), bitRate, sampleRate, channelCount, frameIndex, pts); + + return frameLength; + } + } + // noise or ID3, trying to skip + var offset = start + 2; + while (offset < end) { + if (data[offset - 1] === 0xFF && (data[offset] & 0xE0) === 0xE0) { + // sync pattern is found + this.onNoise(data.subarray(start, offset - 1)); + + return offset - start - 1; + } + offset++; + } + return -1; + }, + + parse: function parse(track, data, offset, pts) { + var length = data.length; + var frameIndex = 0; + var parsed; + + while (offset < length && (parsed = this.parseFrames(track, data, offset, length, frameIndex++, pts)) > 0) { + offset += parsed; } - } - this.loaders = {}; - _eventHandler2.default.prototype.destroy.call(this); - } - }, { - key: 'onManifestLoading', - value: function onManifestLoading(data) { - this.load(data.url, { type: 'manifest' }); - } - }, { - key: 'onLevelLoading', - value: function onLevelLoading(data) { - this.load(data.url, { type: 'level', level: data.level, id: data.id }); } - }, { - key: 'onAudioTrackLoading', - value: function onAudioTrackLoading(data) { - this.load(data.url, { type: 'audioTrack', id: data.id }); +}; /** + * MPEG parser helper + */ + + +module.exports = MpegAudio; + +},{"53":53}],31:[function(_dereq_,module,exports){ +'use strict'; + +Object.defineProperty(exports, "__esModule", { + value: true +}); + +var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); /** + * SAMPLE-AES decrypter + */ + +var _decrypter = _dereq_(19); + +var _decrypter2 = _interopRequireDefault(_decrypter); + +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } + +var SampleAesDecrypter = function () { + function SampleAesDecrypter(observer, config, decryptdata, discardEPB) { + _classCallCheck(this, SampleAesDecrypter); + + this.decryptdata = decryptdata; + this.discardEPB = discardEPB; + this.decrypter = new _decrypter2.default(observer, config); + } + + _createClass(SampleAesDecrypter, [{ + key: 'decryptBuffer', + value: function decryptBuffer(encryptedData, callback) { + this.decrypter.decrypt(encryptedData, this.decryptdata.key.buffer, this.decryptdata.iv.buffer, callback); } + + // AAC - encrypt all full 16 bytes blocks starting from offset 16 + }, { - key: 'onSubtitleTrackLoading', - value: function onSubtitleTrackLoading(data) { - this.load(data.url, { type: 'subtitleTrack', id: data.id }); + key: 'decryptAacSample', + value: function decryptAacSample(samples, sampleIndex, callback, sync) { + var curUnit = samples[sampleIndex].unit; + var encryptedData = curUnit.subarray(16, curUnit.length - curUnit.length % 16); + var encryptedBuffer = encryptedData.buffer.slice(encryptedData.byteOffset, encryptedData.byteOffset + encryptedData.length); + + var localthis = this; + this.decryptBuffer(encryptedBuffer, function (decryptedData) { + decryptedData = new Uint8Array(decryptedData); + curUnit.set(decryptedData, 16); + + if (!sync) { + localthis.decryptAacSamples(samples, sampleIndex + 1, callback); + } + }); } }, { - key: 'load', - value: function load(url, context) { - var loader = this.loaders[context.type]; - if (loader) { - var loaderContext = loader.context; - if (loaderContext && loaderContext.url === url) { - _logger.logger.trace('playlist request ongoing'); + key: 'decryptAacSamples', + value: function decryptAacSamples(samples, sampleIndex, callback) { + for (;; sampleIndex++) { + if (sampleIndex >= samples.length) { + callback(); + return; + } + + if (samples[sampleIndex].unit.length < 32) { + continue; + } + + var sync = this.decrypter.isSync(); + + this.decryptAacSample(samples, sampleIndex, callback, sync); + + if (!sync) { return; - } else { - _logger.logger.warn('abort previous loader for type:' + context.type); - loader.abort(); } } - var config = this.hls.config, - retry = void 0, - timeout = void 0, - retryDelay = void 0, - maxRetryDelay = void 0; - if (context.type === 'manifest') { - retry = config.manifestLoadingMaxRetry; - timeout = config.manifestLoadingTimeOut; - retryDelay = config.manifestLoadingRetryDelay; - maxRetryDelay = config.manifestLoadingMaxRetryTimeout; - } else { - retry = config.levelLoadingMaxRetry; - timeout = config.levelLoadingTimeOut; - retryDelay = config.levelLoadingRetryDelay; - maxRetryDelay = config.levelLoadingMaxRetryTimeout; - _logger.logger.log('loading playlist for ' + context.type + ' ' + (context.level || context.id)); - } - loader = this.loaders[context.type] = context.loader = typeof config.pLoader !== 'undefined' ? new config.pLoader(config) : new config.loader(config); - context.url = url; - context.responseType = ''; + } - var loaderConfig = void 0, - loaderCallbacks = void 0; - loaderConfig = { timeout: timeout, maxRetry: retry, retryDelay: retryDelay, maxRetryDelay: maxRetryDelay }; - loaderCallbacks = { onSuccess: this.loadsuccess.bind(this), onError: this.loaderror.bind(this), onTimeout: this.loadtimeout.bind(this) }; - loader.load(context, loaderConfig, loaderCallbacks); + // AVC - encrypt one 16 bytes block out of ten, starting from offset 32 + + }, { + key: 'getAvcEncryptedData', + value: function getAvcEncryptedData(decodedData) { + var encryptedDataLen = Math.floor((decodedData.length - 48) / 160) * 16 + 16; + var encryptedData = new Int8Array(encryptedDataLen); + var outputPos = 0; + for (var inputPos = 32; inputPos <= decodedData.length - 16; inputPos += 160, outputPos += 16) { + encryptedData.set(decodedData.subarray(inputPos, inputPos + 16), outputPos); + } + return encryptedData; } }, { - key: 'resolve', - value: function resolve(url, baseUrl) { - return _urlToolkit2.default.buildAbsoluteURL(baseUrl, url, { alwaysNormalize: true }); + key: 'getAvcDecryptedUnit', + value: function getAvcDecryptedUnit(decodedData, decryptedData) { + decryptedData = new Uint8Array(decryptedData); + var inputPos = 0; + for (var outputPos = 32; outputPos <= decodedData.length - 16; outputPos += 160, inputPos += 16) { + decodedData.set(decryptedData.subarray(inputPos, inputPos + 16), outputPos); + } + return decodedData; } }, { - key: 'parseMasterPlaylist', - value: function parseMasterPlaylist(string, baseurl) { - var levels = [], - result = void 0; - MASTER_PLAYLIST_REGEX.lastIndex = 0; - while ((result = MASTER_PLAYLIST_REGEX.exec(string)) != null) { - var level = {}; + key: 'decryptAvcSample', + value: function decryptAvcSample(samples, sampleIndex, unitIndex, callback, curUnit, sync) { + var decodedData = this.discardEPB(curUnit.data); + var encryptedData = this.getAvcEncryptedData(decodedData); + var localthis = this; - var attrs = level.attrs = new _attrList2.default(result[1]); - level.url = this.resolve(result[2], baseurl); + this.decryptBuffer(encryptedData.buffer, function (decryptedData) { + curUnit.data = localthis.getAvcDecryptedUnit(decodedData, decryptedData); - var resolution = attrs.decimalResolution('RESOLUTION'); - if (resolution) { - level.width = resolution.width; - level.height = resolution.height; + if (!sync) { + localthis.decryptAvcSamples(samples, sampleIndex, unitIndex + 1, callback); + } + }); + } + }, { + key: 'decryptAvcSamples', + value: function decryptAvcSamples(samples, sampleIndex, unitIndex, callback) { + for (;; sampleIndex++, unitIndex = 0) { + if (sampleIndex >= samples.length) { + callback(); + return; } - level.bitrate = attrs.decimalInteger('AVERAGE-BANDWIDTH') || attrs.decimalInteger('BANDWIDTH'); - level.name = attrs.NAME; - var codecs = attrs.CODECS; - if (codecs) { - codecs = codecs.split(/[ ,]+/); - for (var i = 0; i < codecs.length; i++) { - var codec = codecs[i]; - if (codec.indexOf('avc1') !== -1) { - level.videoCodec = this.avc1toavcoti(codec); - } else { - level.audioCodec = codec; - } + var curUnits = samples[sampleIndex].units; + for (;; unitIndex++) { + if (unitIndex >= curUnits.length) { + break; } - } - levels.push(level); - } - return levels; - } - }, { - key: 'parseMasterPlaylistMedia', - value: function parseMasterPlaylistMedia(string, baseurl, type) { - var result = void 0, - medias = [], - id = 0; - MASTER_PLAYLIST_MEDIA_REGEX.lastIndex = 0; - while ((result = MASTER_PLAYLIST_MEDIA_REGEX.exec(string)) != null) { - var media = {}; - var attrs = new _attrList2.default(result[1]); - if (attrs.TYPE === type) { - media.groupId = attrs['GROUP-ID']; - media.name = attrs.NAME; - media.type = type; - media.default = attrs.DEFAULT === 'YES'; - media.autoselect = attrs.AUTOSELECT === 'YES'; - media.forced = attrs.FORCED === 'YES'; - if (attrs.URI) { - media.url = this.resolve(attrs.URI, baseurl); + var curUnit = curUnits[unitIndex]; + if (curUnit.length <= 48 || curUnit.type !== 1 && curUnit.type !== 5) { + continue; } - media.lang = attrs.LANGUAGE; - if (!media.name) { - media.name = media.lang; + + var sync = this.decrypter.isSync(); + + this.decryptAvcSample(samples, sampleIndex, unitIndex, callback, curUnit, sync); + + if (!sync) { + return; } - media.id = id++; - medias.push(media); } } - return medias; } - }, { - key: 'avc1toavcoti', - value: function avc1toavcoti(codec) { - var result, - avcdata = codec.split('.'); - if (avcdata.length > 2) { - result = avcdata.shift() + '.'; - result += parseInt(avcdata.shift()).toString(16); - result += ('000' + parseInt(avcdata.shift()).toString(16)).substr(-4); + }]); + + return SampleAesDecrypter; +}(); + +exports.default = SampleAesDecrypter; + +},{"19":19}],32:[function(_dereq_,module,exports){ +'use strict'; + +Object.defineProperty(exports, "__esModule", { + value: true +}); + +var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); /** + * highly optimized TS demuxer: + * parse PAT, PMT + * extract PES packet from audio and video PIDs + * extract AVC/H264 NAL units and AAC/ADTS samples from PES packet + * trigger the remuxer upon parsing completion + * it also tries to workaround as best as it can audio codec switch (HE-AAC to AAC and vice versa), without having to restart the MediaSource. + * it also controls the remuxing process : + * upon discontinuity or level switch detection, it will also notifies the remuxer so that it can reset its state. + */ + +// import Hex from '../utils/hex'; + + +var _adts = _dereq_(22); + +var _adts2 = _interopRequireDefault(_adts); + +var _mpegaudio = _dereq_(30); + +var _mpegaudio2 = _interopRequireDefault(_mpegaudio); + +var _events = _dereq_(35); + +var _events2 = _interopRequireDefault(_events); + +var _expGolomb = _dereq_(26); + +var _expGolomb2 = _interopRequireDefault(_expGolomb); + +var _sampleAes = _dereq_(31); + +var _sampleAes2 = _interopRequireDefault(_sampleAes); + +var _logger = _dereq_(53); + +var _errors = _dereq_(33); + +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } + +var TSDemuxer = function () { + function TSDemuxer(observer, remuxer, config, typeSupported) { + _classCallCheck(this, TSDemuxer); + + this.observer = observer; + this.config = config; + this.typeSupported = typeSupported; + this.remuxer = remuxer; + this.sampleAes = null; + } + + _createClass(TSDemuxer, [{ + key: 'setDecryptData', + value: function setDecryptData(decryptdata) { + if (decryptdata != null && decryptdata.key != null && decryptdata.method === 'SAMPLE-AES') { + this.sampleAes = new _sampleAes2.default(this.observer, this.config, decryptdata, this.discardEPB); } else { - result = codec; + this.sampleAes = null; } - return result; } }, { - key: 'parseLevelPlaylist', - value: function parseLevelPlaylist(string, baseurl, id, type) { - var currentSN = 0, - totalduration = 0, - level = { type: null, version: null, url: baseurl, fragments: [], live: true, startSN: 0 }, - levelkey = new LevelKey(), - cc = 0, - prevFrag = null, - frag = new Fragment(), - result, - i; - - LEVEL_PLAYLIST_REGEX_FAST.lastIndex = 0; + key: 'resetInitSegment', + value: function resetInitSegment(initSegment, audioCodec, videoCodec, duration) { + this.pmtParsed = false; + this._pmtId = -1; + this._avcTrack = { container: 'video/mp2t', type: 'video', id: -1, inputTimeScale: 90000, sequenceNumber: 0, samples: [], len: 0, dropped: 0 }; + this._audioTrack = { container: 'video/mp2t', type: 'audio', id: -1, inputTimeScale: 90000, duration: duration, sequenceNumber: 0, samples: [], len: 0, isAAC: true }; + this._id3Track = { type: 'id3', id: -1, inputTimeScale: 90000, sequenceNumber: 0, samples: [], len: 0 }; + this._txtTrack = { type: 'text', id: -1, inputTimeScale: 90000, sequenceNumber: 0, samples: [], len: 0 }; + // flush any partial content + this.aacOverFlow = null; + this.aacLastPTS = null; + this.avcSample = null; + this.audioCodec = audioCodec; + this.videoCodec = videoCodec; + this._duration = duration; + } + }, { + key: 'resetTimeStamp', + value: function resetTimeStamp() {} - while ((result = LEVEL_PLAYLIST_REGEX_FAST.exec(string)) !== null) { - var duration = result[1]; - if (duration) { - // INF - frag.duration = parseFloat(duration); - // avoid sliced strings https://github.com/video-dev/hls.js/issues/939 - var title = (' ' + result[2]).slice(1); - frag.title = title ? title : null; - frag.tagList.push(title ? ['INF', duration, title] : ['INF', duration]); - } else if (result[3]) { - // url - if (!isNaN(frag.duration)) { - var sn = currentSN++; - frag.type = type; - frag.start = totalduration; - frag.levelkey = levelkey; - frag.sn = sn; - frag.level = id; - frag.cc = cc; - frag.baseurl = baseurl; - // avoid sliced strings https://github.com/video-dev/hls.js/issues/939 - frag.relurl = (' ' + result[3]).slice(1); + // feed incoming data to the front of the parsing pipeline - level.fragments.push(frag); - prevFrag = frag; - totalduration += frag.duration; + }, { + key: 'append', + value: function append(data, timeOffset, contiguous, accurateTimeOffset) { + var start, + len = data.length, + stt, + pid, + atf, + offset, + pes, + unknownPIDs = false; + this.contiguous = contiguous; + var pmtParsed = this.pmtParsed, + avcTrack = this._avcTrack, + audioTrack = this._audioTrack, + id3Track = this._id3Track, + avcId = avcTrack.id, + audioId = audioTrack.id, + id3Id = id3Track.id, + pmtId = this._pmtId, + avcData = avcTrack.pesData, + audioData = audioTrack.pesData, + id3Data = id3Track.pesData, + parsePAT = this._parsePAT, + parsePMT = this._parsePMT, + parsePES = this._parsePES, + parseAVCPES = this._parseAVCPES.bind(this), + parseAACPES = this._parseAACPES.bind(this), + parseMPEGPES = this._parseMPEGPES.bind(this), + parseID3PES = this._parseID3PES.bind(this); - frag = new Fragment(); - } - } else if (result[4]) { - // X-BYTERANGE - frag.rawByteRange = (' ' + result[4]).slice(1); - if (prevFrag) { - var lastByteRangeEndOffset = prevFrag.byteRangeEndOffset; - if (lastByteRangeEndOffset) { - frag.lastByteRangeEndOffset = lastByteRangeEndOffset; - } - } - } else if (result[5]) { - // PROGRAM-DATE-TIME - // avoid sliced strings https://github.com/video-dev/hls.js/issues/939 - frag.rawProgramDateTime = (' ' + result[5]).slice(1); - frag.tagList.push(['PROGRAM-DATE-TIME', frag.rawProgramDateTime]); - } else { - result = result[0].match(LEVEL_PLAYLIST_REGEX_SLOW); - for (i = 1; i < result.length; i++) { - if (result[i] !== undefined) { - break; + // don't parse last TS packet if incomplete + len -= len % 188; + // loop through TS packets + for (start = 0; start < len; start += 188) { + if (data[start] === 0x47) { + stt = !!(data[start + 1] & 0x40); + // pid is a 13-bit field starting at the last bit of TS[1] + pid = ((data[start + 1] & 0x1f) << 8) + data[start + 2]; + atf = (data[start + 3] & 0x30) >> 4; + // if an adaption field is present, its length is specified by the fifth byte of the TS packet header. + if (atf > 1) { + offset = start + 5 + data[start + 4]; + // continue if there is only adaptation field + if (offset === start + 188) { + continue; } + } else { + offset = start + 4; } - - // avoid sliced strings https://github.com/video-dev/hls.js/issues/939 - var value1 = (' ' + result[i + 1]).slice(1); - var value2 = (' ' + result[i + 2]).slice(1); - - switch (result[i]) { - case '#': - frag.tagList.push(value2 ? [value1, value2] : [value1]); - break; - case 'PLAYLIST-TYPE': - level.type = value1.toUpperCase(); - break; - case 'MEDIA-SEQUENCE': - currentSN = level.startSN = parseInt(value1); + switch (pid) { + case avcId: + if (stt) { + if (avcData && (pes = parsePES(avcData))) { + parseAVCPES(pes, false); + } + avcData = { data: [], size: 0 }; + } + if (avcData) { + avcData.data.push(data.subarray(offset, start + 188)); + avcData.size += start + 188 - offset; + } break; - case 'TARGETDURATION': - level.targetduration = parseFloat(value1); + case audioId: + if (stt) { + if (audioData && (pes = parsePES(audioData))) { + if (audioTrack.isAAC) { + parseAACPES(pes); + } else { + parseMPEGPES(pes); + } + } + audioData = { data: [], size: 0 }; + } + if (audioData) { + audioData.data.push(data.subarray(offset, start + 188)); + audioData.size += start + 188 - offset; + } break; - case 'VERSION': - level.version = parseInt(value1); + case id3Id: + if (stt) { + if (id3Data && (pes = parsePES(id3Data))) { + parseID3PES(pes); + } + id3Data = { data: [], size: 0 }; + } + if (id3Data) { + id3Data.data.push(data.subarray(offset, start + 188)); + id3Data.size += start + 188 - offset; + } break; - case 'EXTM3U': + case 0: + if (stt) { + offset += data[offset] + 1; + } + pmtId = this._pmtId = parsePAT(data, offset); break; - case 'ENDLIST': - level.live = false; - break; - case 'DIS': - cc++; - frag.tagList.push(['DIS']); - break; - case 'DISCONTINUITY-SEQ': - cc = parseInt(value1); - break; - case 'KEY': - // https://tools.ietf.org/html/draft-pantos-http-live-streaming-08#section-3.4.4 - var decryptparams = value1; - var keyAttrs = new _attrList2.default(decryptparams); - var decryptmethod = keyAttrs.enumeratedString('METHOD'), - decrypturi = keyAttrs.URI, - decryptiv = keyAttrs.hexadecimalInteger('IV'); - if (decryptmethod) { - levelkey = new LevelKey(); - if (decrypturi && ['AES-128', 'SAMPLE-AES'].indexOf(decryptmethod) >= 0) { - levelkey.method = decryptmethod; - // URI to get the key - levelkey.baseuri = baseurl; - levelkey.reluri = decrypturi; - levelkey.key = null; - // Initialization Vector (IV) - levelkey.iv = decryptiv; - } + case pmtId: + if (stt) { + offset += data[offset] + 1; } - break; - case 'START': - var startParams = value1; - var startAttrs = new _attrList2.default(startParams); - var startTimeOffset = startAttrs.decimalFloatingPoint('TIME-OFFSET'); - //TIME-OFFSET can be 0 - if (!isNaN(startTimeOffset)) { - level.startTimeOffset = startTimeOffset; + var parsedPIDs = parsePMT(data, offset, this.typeSupported.mpeg === true || this.typeSupported.mp3 === true, this.sampleAes != null); + + // only update track id if track PID found while parsing PMT + // this is to avoid resetting the PID to -1 in case + // track PID transiently disappears from the stream + // this could happen in case of transient missing audio samples for example + avcId = parsedPIDs.avc; + if (avcId > 0) { + avcTrack.id = avcId; } + audioId = parsedPIDs.audio; + if (audioId > 0) { + audioTrack.id = audioId; + audioTrack.isAAC = parsedPIDs.isAAC; + } + id3Id = parsedPIDs.id3; + if (id3Id > 0) { + id3Track.id = id3Id; + } + if (unknownPIDs && !pmtParsed) { + _logger.logger.log('reparse from beginning'); + unknownPIDs = false; + // we set it to -188, the += 188 in the for loop will reset start to 0 + start = -188; + } + pmtParsed = this.pmtParsed = true; break; - case 'MAP': - var mapAttrs = new _attrList2.default(value1); - frag.relurl = mapAttrs.URI; - frag.rawByteRange = mapAttrs.BYTERANGE; - frag.baseurl = baseurl; - frag.level = id; - frag.type = type; - frag.sn = 'initSegment'; - level.initSegment = frag; - frag = new Fragment(); + case 17: + case 0x1fff: break; default: - _logger.logger.warn('line parsed but not handled: ' + result); + unknownPIDs = true; break; } + } else { + this.observer.trigger(_events2.default.ERROR, { type: _errors.ErrorTypes.MEDIA_ERROR, details: _errors.ErrorDetails.FRAG_PARSING_ERROR, fatal: false, reason: 'TS packet did not start with 0x47' }); } } - frag = prevFrag; - //logger.log('found ' + level.fragments.length + ' fragments'); - if (frag && !frag.relurl) { - level.fragments.pop(); - totalduration -= frag.duration; + // try to parse last PES packets + if (avcData && (pes = parsePES(avcData))) { + parseAVCPES(pes, true); + avcTrack.pesData = null; + } else { + // either avcData null or PES truncated, keep it for next frag parsing + avcTrack.pesData = avcData; } - level.totalduration = totalduration; - level.averagetargetduration = totalduration / level.fragments.length; - level.endSN = currentSN - 1; - return level; - } - }, { - key: 'loadsuccess', - value: function loadsuccess(response, stats, context) { - var string = response.data, - url = response.url, - type = context.type, - id = context.id, - level = context.level, - hls = this.hls; - this.loaders[type] = undefined; - // responseURL not supported on some browsers (it is used to detect URL redirection) - // data-uri mode also not supported (but no need to detect redirection) - if (url === undefined || url.indexOf('data:') === 0) { - // fallback to initial URL - url = context.url; - } - stats.tload = performance.now(); - //stats.mtime = new Date(target.getResponseHeader('Last-Modified')); - if (string.indexOf('#EXTM3U') === 0) { - if (string.indexOf('#EXTINF:') > 0) { - var isLevel = type !== 'audioTrack' && type !== 'subtitleTrack', - levelId = !isNaN(level) ? level : !isNaN(id) ? id : 0, - levelDetails = this.parseLevelPlaylist(string, url, levelId, type === 'audioTrack' ? 'audio' : type === 'subtitleTrack' ? 'subtitle' : 'main'); - levelDetails.tload = stats.tload; - if (type === 'manifest') { - // first request, stream manifest (no master playlist), fire manifest loaded event with level details - hls.trigger(_events2.default.MANIFEST_LOADED, { levels: [{ url: url, details: levelDetails }], audioTracks: [], url: url, stats: stats }); - } - stats.tparsed = performance.now(); - if (levelDetails.targetduration) { - if (isLevel) { - hls.trigger(_events2.default.LEVEL_LOADED, { details: levelDetails, level: level || 0, id: id || 0, stats: stats }); - } else { - if (type === 'audioTrack') { - hls.trigger(_events2.default.AUDIO_TRACK_LOADED, { details: levelDetails, id: id, stats: stats }); - } else if (type === 'subtitleTrack') { - hls.trigger(_events2.default.SUBTITLE_TRACK_LOADED, { details: levelDetails, id: id, stats: stats }); - } - } - } else { - hls.trigger(_events2.default.ERROR, { type: _errors.ErrorTypes.NETWORK_ERROR, details: _errors.ErrorDetails.MANIFEST_PARSING_ERROR, fatal: true, url: url, reason: 'invalid targetduration' }); - } + if (audioData && (pes = parsePES(audioData))) { + if (audioTrack.isAAC) { + parseAACPES(pes); } else { - var levels = this.parseMasterPlaylist(string, url); - // multi level playlist, parse level info - if (levels.length) { - var audioTracks = this.parseMasterPlaylistMedia(string, url, 'AUDIO'); - var subtitles = this.parseMasterPlaylistMedia(string, url, 'SUBTITLES'); - if (audioTracks.length) { - // check if we have found an audio track embedded in main playlist (audio track without URI attribute) - var embeddedAudioFound = false; - audioTracks.forEach(function (audioTrack) { - if (!audioTrack.url) { - embeddedAudioFound = true; - } - }); - // if no embedded audio track defined, but audio codec signaled in quality level, we need to signal this main audio track - // this could happen with playlists with alt audio rendition in which quality levels (main) contains both audio+video. but with mixed audio track not signaled - if (embeddedAudioFound === false && levels[0].audioCodec && !levels[0].attrs.AUDIO) { - _logger.logger.log('audio codec signaled in quality level, but no embedded audio track signaled, create one'); - audioTracks.unshift({ type: 'main', name: 'main' }); - } - } - hls.trigger(_events2.default.MANIFEST_LOADED, { levels: levels, audioTracks: audioTracks, subtitles: subtitles, url: url, stats: stats }); - } else { - hls.trigger(_events2.default.ERROR, { type: _errors.ErrorTypes.NETWORK_ERROR, details: _errors.ErrorDetails.MANIFEST_PARSING_ERROR, fatal: true, url: url, reason: 'no level found in manifest' }); - } + parseMPEGPES(pes); } + audioTrack.pesData = null; } else { - hls.trigger(_events2.default.ERROR, { type: _errors.ErrorTypes.NETWORK_ERROR, details: _errors.ErrorDetails.MANIFEST_PARSING_ERROR, fatal: true, url: url, reason: 'no EXTM3U delimiter' }); + if (audioData && audioData.size) { + _logger.logger.log('last AAC PES packet truncated,might overlap between fragments'); + } + // either audioData null or PES truncated, keep it for next frag parsing + audioTrack.pesData = audioData; } - } - }, { - key: 'loaderror', - value: function loaderror(response, context) { - var details, - fatal, - loader = context.loader; - switch (context.type) { - case 'manifest': - details = _errors.ErrorDetails.MANIFEST_LOAD_ERROR; - fatal = true; - break; - case 'level': - details = _errors.ErrorDetails.LEVEL_LOAD_ERROR; - fatal = false; - break; - case 'audioTrack': - details = _errors.ErrorDetails.AUDIO_TRACK_LOAD_ERROR; - fatal = false; - break; + + if (id3Data && (pes = parsePES(id3Data))) { + parseID3PES(pes); + id3Track.pesData = null; + } else { + // either id3Data null or PES truncated, keep it for next frag parsing + id3Track.pesData = id3Data; } - if (loader) { - loader.abort(); - this.loaders[context.type] = undefined; + + if (this.sampleAes == null) { + this.remuxer.remux(audioTrack, avcTrack, id3Track, this._txtTrack, timeOffset, contiguous, accurateTimeOffset); + } else { + this.decryptAndRemux(audioTrack, avcTrack, id3Track, this._txtTrack, timeOffset, contiguous, accurateTimeOffset); } - this.hls.trigger(_events2.default.ERROR, { type: _errors.ErrorTypes.NETWORK_ERROR, details: details, fatal: fatal, url: loader.url, loader: loader, response: response, context: context }); } }, { - key: 'loadtimeout', - value: function loadtimeout(stats, context) { - var details, - fatal, - loader = context.loader; - switch (context.type) { - case 'manifest': - details = _errors.ErrorDetails.MANIFEST_LOAD_TIMEOUT; - fatal = true; - break; - case 'level': - details = _errors.ErrorDetails.LEVEL_LOAD_TIMEOUT; - fatal = false; - break; - case 'audioTrack': - details = _errors.ErrorDetails.AUDIO_TRACK_LOAD_TIMEOUT; - fatal = false; - break; + key: 'decryptAndRemux', + value: function decryptAndRemux(audioTrack, videoTrack, id3Track, textTrack, timeOffset, contiguous, accurateTimeOffset) { + if (audioTrack.samples && audioTrack.isAAC) { + var localthis = this; + this.sampleAes.decryptAacSamples(audioTrack.samples, 0, function () { + localthis.decryptAndRemuxAvc(audioTrack, videoTrack, id3Track, textTrack, timeOffset, contiguous, accurateTimeOffset); + }); + } else { + this.decryptAndRemuxAvc(audioTrack, videoTrack, id3Track, textTrack, timeOffset, contiguous, accurateTimeOffset); } - if (loader) { - loader.abort(); - this.loaders[context.type] = undefined; + } + }, { + key: 'decryptAndRemuxAvc', + value: function decryptAndRemuxAvc(audioTrack, videoTrack, id3Track, textTrack, timeOffset, contiguous, accurateTimeOffset) { + if (videoTrack.samples) { + var localthis = this; + this.sampleAes.decryptAvcSamples(videoTrack.samples, 0, 0, function () { + localthis.remuxer.remux(audioTrack, videoTrack, id3Track, textTrack, timeOffset, contiguous, accurateTimeOffset); + }); + } else { + this.remuxer.remux(audioTrack, videoTrack, id3Track, textTrack, timeOffset, contiguous, accurateTimeOffset); } - this.hls.trigger(_events2.default.ERROR, { type: _errors.ErrorTypes.NETWORK_ERROR, details: details, fatal: fatal, url: loader.url, loader: loader, context: context }); } - }]); - - return PlaylistLoader; -}(_eventHandler2.default); - -exports.default = PlaylistLoader; - -},{"2":2,"30":30,"31":31,"32":32,"44":44,"50":50}],41:[function(_dereq_,module,exports){ -'use strict'; - -Object.defineProperty(exports, "__esModule", { - value: true -}); - -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); + }, { + key: 'destroy', + value: function destroy() { + this._initPTS = this._initDTS = undefined; + this._duration = 0; + } + }, { + key: '_parsePAT', + value: function _parsePAT(data, offset) { + // skip the PSI header and parse the first PMT entry + return (data[offset + 10] & 0x1F) << 8 | data[offset + 11]; + //logger.log('PMT PID:' + this._pmtId); + } + }, { + key: '_parsePMT', + value: function _parsePMT(data, offset, mpegSupported, isSampleAes) { + var sectionLength, + tableEnd, + programInfoLength, + pid, + result = { audio: -1, avc: -1, id3: -1, isAAC: true }; + sectionLength = (data[offset + 1] & 0x0f) << 8 | data[offset + 2]; + tableEnd = offset + 3 + sectionLength - 4; + // to determine where the table is, we have to figure out how + // long the program info descriptors are + programInfoLength = (data[offset + 10] & 0x0f) << 8 | data[offset + 11]; + // advance the offset to the first entry in the mapping table + offset += 12 + programInfoLength; + while (offset < tableEnd) { + pid = (data[offset + 1] & 0x1F) << 8 | data[offset + 2]; + switch (data[offset]) { + case 0xcf: + // SAMPLE-AES AAC + if (!isSampleAes) { + _logger.logger.log('unkown stream type:' + data[offset]); + break; + } + /* falls through */ -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } + // ISO/IEC 13818-7 ADTS AAC (MPEG-2 lower bit-rate audio) + case 0x0f: + //logger.log('AAC PID:' + pid); + if (result.audio === -1) { + result.audio = pid; + } + break; -/** - * Generate MP4 Box -*/ + // Packetized metadata (ID3) + case 0x15: + //logger.log('ID3 PID:' + pid); + if (result.id3 === -1) { + result.id3 = pid; + } + break; -//import Hex from '../utils/hex'; + case 0xdb: + // SAMPLE-AES AVC + if (!isSampleAes) { + _logger.logger.log('unkown stream type:' + data[offset]); + break; + } + /* falls through */ -var UINT32_MAX = Math.pow(2, 32) - 1; + // ITU-T Rec. H.264 and ISO/IEC 14496-10 (lower bit-rate video) + case 0x1b: + //logger.log('AVC PID:' + pid); + if (result.avc === -1) { + result.avc = pid; + } + break; -var MP4 = function () { - function MP4() { - _classCallCheck(this, MP4); - } + // ISO/IEC 11172-3 (MPEG-1 audio) + // or ISO/IEC 13818-3 (MPEG-2 halved sample rate audio) + case 0x03: + case 0x04: + //logger.log('MPEG PID:' + pid); + if (!mpegSupported) { + _logger.logger.log('MPEG audio found, not supported in this browser for now'); + } else if (result.audio === -1) { + result.audio = pid; + result.isAAC = false; + } + break; - _createClass(MP4, null, [{ - key: 'init', - value: function init() { - MP4.types = { - avc1: [], // codingname - avcC: [], - btrt: [], - dinf: [], - dref: [], - esds: [], - ftyp: [], - hdlr: [], - mdat: [], - mdhd: [], - mdia: [], - mfhd: [], - minf: [], - moof: [], - moov: [], - mp4a: [], - '.mp3': [], - mvex: [], - mvhd: [], - pasp: [], - sdtp: [], - stbl: [], - stco: [], - stsc: [], - stsd: [], - stsz: [], - stts: [], - tfdt: [], - tfhd: [], - traf: [], - trak: [], - trun: [], - trex: [], - tkhd: [], - vmhd: [], - smhd: [] - }; + case 0x24: + _logger.logger.warn('HEVC stream type found, not supported for now'); + break; - var i; - for (i in MP4.types) { - if (MP4.types.hasOwnProperty(i)) { - MP4.types[i] = [i.charCodeAt(0), i.charCodeAt(1), i.charCodeAt(2), i.charCodeAt(3)]; + default: + _logger.logger.log('unkown stream type:' + data[offset]); + break; } - } - - var videoHdlr = new Uint8Array([0x00, // version 0 - 0x00, 0x00, 0x00, // flags - 0x00, 0x00, 0x00, 0x00, // pre_defined - 0x76, 0x69, 0x64, 0x65, // handler_type: 'vide' - 0x00, 0x00, 0x00, 0x00, // reserved - 0x00, 0x00, 0x00, 0x00, // reserved - 0x00, 0x00, 0x00, 0x00, // reserved - 0x56, 0x69, 0x64, 0x65, 0x6f, 0x48, 0x61, 0x6e, 0x64, 0x6c, 0x65, 0x72, 0x00 // name: 'VideoHandler' - ]); - - var audioHdlr = new Uint8Array([0x00, // version 0 - 0x00, 0x00, 0x00, // flags - 0x00, 0x00, 0x00, 0x00, // pre_defined - 0x73, 0x6f, 0x75, 0x6e, // handler_type: 'soun' - 0x00, 0x00, 0x00, 0x00, // reserved - 0x00, 0x00, 0x00, 0x00, // reserved - 0x00, 0x00, 0x00, 0x00, // reserved - 0x53, 0x6f, 0x75, 0x6e, 0x64, 0x48, 0x61, 0x6e, 0x64, 0x6c, 0x65, 0x72, 0x00 // name: 'SoundHandler' - ]); - - MP4.HDLR_TYPES = { - 'video': videoHdlr, - 'audio': audioHdlr - }; - - var dref = new Uint8Array([0x00, // version 0 - 0x00, 0x00, 0x00, // flags - 0x00, 0x00, 0x00, 0x01, // entry_count - 0x00, 0x00, 0x00, 0x0c, // entry_size - 0x75, 0x72, 0x6c, 0x20, // 'url' type - 0x00, // version 0 - 0x00, 0x00, 0x01 // entry_flags - ]); - - var stco = new Uint8Array([0x00, // version - 0x00, 0x00, 0x00, // flags - 0x00, 0x00, 0x00, 0x00 // entry_count - ]); - - MP4.STTS = MP4.STSC = MP4.STCO = stco; - - MP4.STSZ = new Uint8Array([0x00, // version - 0x00, 0x00, 0x00, // flags - 0x00, 0x00, 0x00, 0x00, // sample_size - 0x00, 0x00, 0x00, 0x00]); - MP4.VMHD = new Uint8Array([0x00, // version - 0x00, 0x00, 0x01, // flags - 0x00, 0x00, // graphicsmode - 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 // opcolor - ]); - MP4.SMHD = new Uint8Array([0x00, // version - 0x00, 0x00, 0x00, // flags - 0x00, 0x00, // balance - 0x00, 0x00 // reserved - ]); - - MP4.STSD = new Uint8Array([0x00, // version 0 - 0x00, 0x00, 0x00, // flags - 0x00, 0x00, 0x00, 0x01]); // entry_count - - var majorBrand = new Uint8Array([105, 115, 111, 109]); // isom - var avc1Brand = new Uint8Array([97, 118, 99, 49]); // avc1 - var minorVersion = new Uint8Array([0, 0, 0, 1]); - - MP4.FTYP = MP4.box(MP4.types.ftyp, majorBrand, minorVersion, majorBrand, avc1Brand); - MP4.DINF = MP4.box(MP4.types.dinf, MP4.box(MP4.types.dref, dref)); - } - }, { - key: 'box', - value: function box(type) { - var payload = Array.prototype.slice.call(arguments, 1), - size = 8, - i = payload.length, - len = i, - result; - // calculate the total size we need to allocate - while (i--) { - size += payload[i].byteLength; - } - result = new Uint8Array(size); - result[0] = size >> 24 & 0xff; - result[1] = size >> 16 & 0xff; - result[2] = size >> 8 & 0xff; - result[3] = size & 0xff; - result.set(type, 4); - // copy the payload into the result - for (i = 0, size = 8; i < len; i++) { - // copy payload[i] array @ offset size - result.set(payload[i], size); - size += payload[i].byteLength; + // move to the next table entry + // skip past the elementary stream descriptors, if present + offset += ((data[offset + 3] & 0x0F) << 8 | data[offset + 4]) + 5; } return result; } }, { - key: 'hdlr', - value: function hdlr(type) { - return MP4.box(MP4.types.hdlr, MP4.HDLR_TYPES[type]); - } - }, { - key: 'mdat', - value: function mdat(data) { - return MP4.box(MP4.types.mdat, data); - } - }, { - key: 'mdhd', - value: function mdhd(timescale, duration) { - duration *= timescale; - var upperWordDuration = Math.floor(duration / (UINT32_MAX + 1)); - var lowerWordDuration = Math.floor(duration % (UINT32_MAX + 1)); - return MP4.box(MP4.types.mdhd, new Uint8Array([0x01, // version 1 - 0x00, 0x00, 0x00, // flags - 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x02, // creation_time - 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x03, // modification_time - timescale >> 24 & 0xFF, timescale >> 16 & 0xFF, timescale >> 8 & 0xFF, timescale & 0xFF, // timescale - upperWordDuration >> 24, upperWordDuration >> 16 & 0xFF, upperWordDuration >> 8 & 0xFF, upperWordDuration & 0xFF, lowerWordDuration >> 24, lowerWordDuration >> 16 & 0xFF, lowerWordDuration >> 8 & 0xFF, lowerWordDuration & 0xFF, 0x55, 0xc4, // 'und' language (undetermined) - 0x00, 0x00])); - } - }, { - key: 'mdia', - value: function mdia(track) { - return MP4.box(MP4.types.mdia, MP4.mdhd(track.timescale, track.duration), MP4.hdlr(track.type), MP4.minf(track)); - } - }, { - key: 'mfhd', - value: function mfhd(sequenceNumber) { - return MP4.box(MP4.types.mfhd, new Uint8Array([0x00, 0x00, 0x00, 0x00, // flags - sequenceNumber >> 24, sequenceNumber >> 16 & 0xFF, sequenceNumber >> 8 & 0xFF, sequenceNumber & 0xFF])); - } - }, { - key: 'minf', - value: function minf(track) { - if (track.type === 'audio') { - return MP4.box(MP4.types.minf, MP4.box(MP4.types.smhd, MP4.SMHD), MP4.DINF, MP4.stbl(track)); - } else { - return MP4.box(MP4.types.minf, MP4.box(MP4.types.vmhd, MP4.VMHD), MP4.DINF, MP4.stbl(track)); + key: '_parsePES', + value: function _parsePES(stream) { + var i = 0, + frag, + pesFlags, + pesPrefix, + pesLen, + pesHdrLen, + pesData, + pesPts, + pesDts, + payloadStartOffset, + data = stream.data; + // safety check + if (!stream || stream.size === 0) { + return null; } - } - }, { - key: 'moof', - value: function moof(sn, baseMediaDecodeTime, track) { - return MP4.box(MP4.types.moof, MP4.mfhd(sn), MP4.traf(track, baseMediaDecodeTime)); - } - /** - * @param tracks... (optional) {array} the tracks associated with this movie - */ - - }, { - key: 'moov', - value: function moov(tracks) { - var i = tracks.length, - boxes = []; - while (i--) { - boxes[i] = MP4.trak(tracks[i]); + // we might need up to 19 bytes to read PES header + // if first chunk of data is less than 19 bytes, let's merge it with following ones until we get 19 bytes + // usually only one merge is needed (and this is rare ...) + while (data[0].length < 19 && data.length > 1) { + var newData = new Uint8Array(data[0].length + data[1].length); + newData.set(data[0]); + newData.set(data[1], data[0].length); + data[0] = newData; + data.splice(1, 1); } + //retrieve PTS/DTS from first fragment + frag = data[0]; + pesPrefix = (frag[0] << 16) + (frag[1] << 8) + frag[2]; + if (pesPrefix === 1) { + pesLen = (frag[4] << 8) + frag[5]; + // if PES parsed length is not zero and greater than total received length, stop parsing. PES might be truncated + // minus 6 : PES header size + if (pesLen && pesLen > stream.size - 6) { + return null; + } + pesFlags = frag[7]; + if (pesFlags & 0xC0) { + /* PES header described here : http://dvd.sourceforge.net/dvdinfo/pes-hdr.html + as PTS / DTS is 33 bit we cannot use bitwise operator in JS, + as Bitwise operators treat their operands as a sequence of 32 bits */ + pesPts = (frag[9] & 0x0E) * 536870912 + // 1 << 29 + (frag[10] & 0xFF) * 4194304 + // 1 << 22 + (frag[11] & 0xFE) * 16384 + // 1 << 14 + (frag[12] & 0xFF) * 128 + // 1 << 7 + (frag[13] & 0xFE) / 2; + // check if greater than 2^32 -1 + if (pesPts > 4294967295) { + // decrement 2^33 + pesPts -= 8589934592; + } + if (pesFlags & 0x40) { + pesDts = (frag[14] & 0x0E) * 536870912 + // 1 << 29 + (frag[15] & 0xFF) * 4194304 + // 1 << 22 + (frag[16] & 0xFE) * 16384 + // 1 << 14 + (frag[17] & 0xFF) * 128 + // 1 << 7 + (frag[18] & 0xFE) / 2; + // check if greater than 2^32 -1 + if (pesDts > 4294967295) { + // decrement 2^33 + pesDts -= 8589934592; + } + if (pesPts - pesDts > 60 * 90000) { + _logger.logger.warn(Math.round((pesPts - pesDts) / 90000) + 's delta between PTS and DTS, align them'); + pesPts = pesDts; + } + } else { + pesDts = pesPts; + } + } + pesHdrLen = frag[8]; + // 9 bytes : 6 bytes for PES header + 3 bytes for PES extension + payloadStartOffset = pesHdrLen + 9; - return MP4.box.apply(null, [MP4.types.moov, MP4.mvhd(tracks[0].timescale, tracks[0].duration)].concat(boxes).concat(MP4.mvex(tracks))); - } - }, { - key: 'mvex', - value: function mvex(tracks) { - var i = tracks.length, - boxes = []; - - while (i--) { - boxes[i] = MP4.trex(tracks[i]); + stream.size -= payloadStartOffset; + //reassemble PES packet + pesData = new Uint8Array(stream.size); + for (var j = 0, dataLen = data.length; j < dataLen; j++) { + frag = data[j]; + var len = frag.byteLength; + if (payloadStartOffset) { + if (payloadStartOffset > len) { + // trim full frag if PES header bigger than frag + payloadStartOffset -= len; + continue; + } else { + // trim partial frag if PES header smaller than frag + frag = frag.subarray(payloadStartOffset); + len -= payloadStartOffset; + payloadStartOffset = 0; + } + } + pesData.set(frag, i); + i += len; + } + if (pesLen) { + // payload size : remove PES header + PES extension + pesLen -= pesHdrLen + 3; + } + return { data: pesData, pts: pesPts, dts: pesDts, len: pesLen }; + } else { + return null; } - return MP4.box.apply(null, [MP4.types.mvex].concat(boxes)); - } - }, { - key: 'mvhd', - value: function mvhd(timescale, duration) { - duration *= timescale; - var upperWordDuration = Math.floor(duration / (UINT32_MAX + 1)); - var lowerWordDuration = Math.floor(duration % (UINT32_MAX + 1)); - var bytes = new Uint8Array([0x01, // version 1 - 0x00, 0x00, 0x00, // flags - 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x02, // creation_time - 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x03, // modification_time - timescale >> 24 & 0xFF, timescale >> 16 & 0xFF, timescale >> 8 & 0xFF, timescale & 0xFF, // timescale - upperWordDuration >> 24, upperWordDuration >> 16 & 0xFF, upperWordDuration >> 8 & 0xFF, upperWordDuration & 0xFF, lowerWordDuration >> 24, lowerWordDuration >> 16 & 0xFF, lowerWordDuration >> 8 & 0xFF, lowerWordDuration & 0xFF, 0x00, 0x01, 0x00, 0x00, // 1.0 rate - 0x01, 0x00, // 1.0 volume - 0x00, 0x00, // reserved - 0x00, 0x00, 0x00, 0x00, // reserved - 0x00, 0x00, 0x00, 0x00, // reserved - 0x00, 0x01, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x01, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x40, 0x00, 0x00, 0x00, // transformation: unity matrix - 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, // pre_defined - 0xff, 0xff, 0xff, 0xff // next_track_ID - ]); - return MP4.box(MP4.types.mvhd, bytes); } }, { - key: 'sdtp', - value: function sdtp(track) { - var samples = track.samples || [], - bytes = new Uint8Array(4 + samples.length), - flags, - i; - // leave the full box header (4 bytes) all zero - // write the sample table - for (i = 0; i < samples.length; i++) { - flags = samples[i].flags; - bytes[i + 4] = flags.dependsOn << 4 | flags.isDependedOn << 2 | flags.hasRedundancy; + key: 'pushAccesUnit', + value: function pushAccesUnit(avcSample, avcTrack) { + if (avcSample.units.length && avcSample.frame) { + var samples = avcTrack.samples; + var nbSamples = samples.length; + // only push AVC sample if starting with a keyframe is not mandatory OR + // if keyframe already found in this fragment OR + // keyframe found in last fragment (track.sps) AND + // samples already appended (we already found a keyframe in this fragment) OR fragment is contiguous + if (!this.config.forceKeyFrameOnDiscontinuity || avcSample.key === true || avcTrack.sps && (nbSamples || this.contiguous)) { + avcSample.id = nbSamples; + samples.push(avcSample); + } else { + // dropped samples, track it + avcTrack.dropped++; + } + } + if (avcSample.debug.length) { + _logger.logger.log(avcSample.pts + '/' + avcSample.dts + ':' + avcSample.debug); } - - return MP4.box(MP4.types.sdtp, bytes); - } - }, { - key: 'stbl', - value: function stbl(track) { - return MP4.box(MP4.types.stbl, MP4.stsd(track), MP4.box(MP4.types.stts, MP4.STTS), MP4.box(MP4.types.stsc, MP4.STSC), MP4.box(MP4.types.stsz, MP4.STSZ), MP4.box(MP4.types.stco, MP4.STCO)); } }, { - key: 'avc1', - value: function avc1(track) { - var sps = [], - pps = [], - i, - data, - len; - // assemble the SPSs - - for (i = 0; i < track.sps.length; i++) { - data = track.sps[i]; - len = data.byteLength; - sps.push(len >>> 8 & 0xFF); - sps.push(len & 0xFF); - sps = sps.concat(Array.prototype.slice.call(data)); // SPS - } + key: '_parseAVCPES', + value: function _parseAVCPES(pes, last) { + var _this = this; - // assemble the PPSs - for (i = 0; i < track.pps.length; i++) { - data = track.pps[i]; - len = data.byteLength; - pps.push(len >>> 8 & 0xFF); - pps.push(len & 0xFF); - pps = pps.concat(Array.prototype.slice.call(data)); - } + //logger.log('parse new PES'); + var track = this._avcTrack, + units = this._parseAVCNALu(pes.data), + debug = false, + expGolombDecoder, + avcSample = this.avcSample, + push, + i; + //free pes.data to save up some memory + pes.data = null; - var avcc = MP4.box(MP4.types.avcC, new Uint8Array([0x01, // version - sps[3], // profile - sps[4], // profile compat - sps[5], // level - 0xfc | 3, // lengthSizeMinusOne, hard-coded to 4 bytes - 0xE0 | track.sps.length // 3bit reserved (111) + numOfSequenceParameterSets - ].concat(sps).concat([track.pps.length // numOfPictureParameterSets - ]).concat(pps))), - // "PPS" - width = track.width, - height = track.height, - hSpacing = track.pixelRatio[0], - vSpacing = track.pixelRatio[1]; - //console.log('avcc:' + Hex.hexDump(avcc)); - return MP4.box(MP4.types.avc1, new Uint8Array([0x00, 0x00, 0x00, // reserved - 0x00, 0x00, 0x00, // reserved - 0x00, 0x01, // data_reference_index - 0x00, 0x00, // pre_defined - 0x00, 0x00, // reserved - 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, // pre_defined - width >> 8 & 0xFF, width & 0xff, // width - height >> 8 & 0xFF, height & 0xff, // height - 0x00, 0x48, 0x00, 0x00, // horizresolution - 0x00, 0x48, 0x00, 0x00, // vertresolution - 0x00, 0x00, 0x00, 0x00, // reserved - 0x00, 0x01, // frame_count - 0x12, 0x64, 0x61, 0x69, 0x6C, //dailymotion/hls.js - 0x79, 0x6D, 0x6F, 0x74, 0x69, 0x6F, 0x6E, 0x2F, 0x68, 0x6C, 0x73, 0x2E, 0x6A, 0x73, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, // compressorname - 0x00, 0x18, // depth = 24 - 0x11, 0x11]), // pre_defined = -1 - avcc, MP4.box(MP4.types.btrt, new Uint8Array([0x00, 0x1c, 0x9c, 0x80, // bufferSizeDB - 0x00, 0x2d, 0xc6, 0xc0, // maxBitrate - 0x00, 0x2d, 0xc6, 0xc0])), // avgBitrate - MP4.box(MP4.types.pasp, new Uint8Array([hSpacing >> 24, // hSpacing - hSpacing >> 16 & 0xFF, hSpacing >> 8 & 0xFF, hSpacing & 0xFF, vSpacing >> 24, // vSpacing - vSpacing >> 16 & 0xFF, vSpacing >> 8 & 0xFF, vSpacing & 0xFF]))); - } - }, { - key: 'esds', - value: function esds(track) { - var configlen = track.config.length; - return new Uint8Array([0x00, // version 0 - 0x00, 0x00, 0x00, // flags + units.forEach(function (unit) { + switch (unit.type) { + //NDR + case 1: + push = true; + if (debug && avcSample) { + avcSample.debug += 'NDR '; + } + avcSample.frame = true; + // retrieve slice type by parsing beginning of NAL unit (follow H264 spec, slice_header definition) to detect keyframe embedded in NDR + var data = unit.data; + if (data.length > 4) { + var sliceType = new _expGolomb2.default(data).readSliceType(); + // 2 : I slice, 4 : SI slice, 7 : I slice, 9: SI slice + // SI slice : A slice that is coded using intra prediction only and using quantisation of the prediction samples. + // An SI slice can be coded such that its decoded samples can be constructed identically to an SP slice. + // I slice: A slice that is not an SI slice that is decoded using intra prediction only. + //if (sliceType === 2 || sliceType === 7) { + if (sliceType === 2 || sliceType === 4 || sliceType === 7 || sliceType === 9) { + avcSample.key = true; + } + } + break; + //IDR + case 5: + push = true; + // handle PES not starting with AUD + if (!avcSample) { + avcSample = _this.avcSample = _this._createAVCSample(true, pes.pts, pes.dts, ''); + } + if (debug) { + avcSample.debug += 'IDR '; + } + avcSample.key = true; + avcSample.frame = true; + break; + //SEI + case 6: + push = true; + if (debug && avcSample) { + avcSample.debug += 'SEI '; + } + expGolombDecoder = new _expGolomb2.default(_this.discardEPB(unit.data)); - 0x03, // descriptor_type - 0x17 + configlen, // length - 0x00, 0x01, //es_id - 0x00, // stream_priority + // skip frameType + expGolombDecoder.readUByte(); - 0x04, // descriptor_type - 0x0f + configlen, // length - 0x40, //codec : mpeg4_audio - 0x15, // stream_type - 0x00, 0x00, 0x00, // buffer_size - 0x00, 0x00, 0x00, 0x00, // maxBitrate - 0x00, 0x00, 0x00, 0x00, // avgBitrate + var payloadType = 0; + var payloadSize = 0; + var endOfCaptions = false; + var b = 0; - 0x05 // descriptor_type - ].concat([configlen]).concat(track.config).concat([0x06, 0x01, 0x02])); // GASpecificConfig)); // length + audio config descriptor - } - }, { - key: 'mp4a', - value: function mp4a(track) { - var samplerate = track.samplerate; - return MP4.box(MP4.types.mp4a, new Uint8Array([0x00, 0x00, 0x00, // reserved - 0x00, 0x00, 0x00, // reserved - 0x00, 0x01, // data_reference_index - 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, // reserved - 0x00, track.channelCount, // channelcount - 0x00, 0x10, // sampleSize:16bits - 0x00, 0x00, 0x00, 0x00, // reserved2 - samplerate >> 8 & 0xFF, samplerate & 0xff, // - 0x00, 0x00]), MP4.box(MP4.types.esds, MP4.esds(track))); + while (!endOfCaptions && expGolombDecoder.bytesAvailable > 1) { + payloadType = 0; + do { + b = expGolombDecoder.readUByte(); + payloadType += b; + } while (b === 0xFF); + + // Parse payload size. + payloadSize = 0; + do { + b = expGolombDecoder.readUByte(); + payloadSize += b; + } while (b === 0xFF); + + // TODO: there can be more than one payload in an SEI packet... + // TODO: need to read type and size in a while loop to get them all + if (payloadType === 4 && expGolombDecoder.bytesAvailable !== 0) { + + endOfCaptions = true; + + var countryCode = expGolombDecoder.readUByte(); + + if (countryCode === 181) { + var providerCode = expGolombDecoder.readUShort(); + + if (providerCode === 49) { + var userStructure = expGolombDecoder.readUInt(); + + if (userStructure === 0x47413934) { + var userDataType = expGolombDecoder.readUByte(); + + // Raw CEA-608 bytes wrapped in CEA-708 packet + if (userDataType === 3) { + var firstByte = expGolombDecoder.readUByte(); + var secondByte = expGolombDecoder.readUByte(); + + var totalCCs = 31 & firstByte; + var byteArray = [firstByte, secondByte]; + + for (i = 0; i < totalCCs; i++) { + // 3 bytes per CC + byteArray.push(expGolombDecoder.readUByte()); + byteArray.push(expGolombDecoder.readUByte()); + byteArray.push(expGolombDecoder.readUByte()); + } + + _this._insertSampleInOrder(_this._txtTrack.samples, { type: 3, pts: pes.pts, bytes: byteArray }); + } + } + } + } + } else if (payloadSize < expGolombDecoder.bytesAvailable) { + for (i = 0; i < payloadSize; i++) { + expGolombDecoder.readUByte(); + } + } + } + break; + //SPS + case 7: + push = true; + if (debug && avcSample) { + avcSample.debug += 'SPS '; + } + if (!track.sps) { + expGolombDecoder = new _expGolomb2.default(unit.data); + var config = expGolombDecoder.readSPS(); + track.width = config.width; + track.height = config.height; + track.pixelRatio = config.pixelRatio; + track.sps = [unit.data]; + track.duration = _this._duration; + var codecarray = unit.data.subarray(1, 4); + var codecstring = 'avc1.'; + for (i = 0; i < 3; i++) { + var h = codecarray[i].toString(16); + if (h.length < 2) { + h = '0' + h; + } + codecstring += h; + } + track.codec = codecstring; + } + break; + //PPS + case 8: + push = true; + if (debug && avcSample) { + avcSample.debug += 'PPS '; + } + if (!track.pps) { + track.pps = [unit.data]; + } + break; + // AUD + case 9: + push = false; + if (avcSample) { + _this.pushAccesUnit(avcSample, track); + } + avcSample = _this.avcSample = _this._createAVCSample(false, pes.pts, pes.dts, debug ? 'AUD ' : ''); + break; + // Filler Data + case 12: + push = false; + break; + default: + push = false; + if (avcSample) { + avcSample.debug += 'unknown NAL ' + unit.type + ' '; + } + break; + } + if (avcSample && push) { + var _units = avcSample.units; + _units.push(unit); + } + }); + // if last PES packet, push samples + if (last && avcSample) { + this.pushAccesUnit(avcSample, track); + this.avcSample = null; + } } }, { - key: 'mp3', - value: function mp3(track) { - var samplerate = track.samplerate; - return MP4.box(MP4.types['.mp3'], new Uint8Array([0x00, 0x00, 0x00, // reserved - 0x00, 0x00, 0x00, // reserved - 0x00, 0x01, // data_reference_index - 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, // reserved - 0x00, track.channelCount, // channelcount - 0x00, 0x10, // sampleSize:16bits - 0x00, 0x00, 0x00, 0x00, // reserved2 - samplerate >> 8 & 0xFF, samplerate & 0xff, // - 0x00, 0x00])); + key: '_createAVCSample', + value: function _createAVCSample(key, pts, dts, debug) { + return { key: key, pts: pts, dts: dts, units: [], debug: debug }; } }, { - key: 'stsd', - value: function stsd(track) { - if (track.type === 'audio') { - if (!track.isAAC && track.codec === 'mp3') { - return MP4.box(MP4.types.stsd, MP4.STSD, MP4.mp3(track)); + key: '_insertSampleInOrder', + value: function _insertSampleInOrder(arr, data) { + var len = arr.length; + if (len > 0) { + if (data.pts >= arr[len - 1].pts) { + arr.push(data); + } else { + for (var pos = len - 1; pos >= 0; pos--) { + if (data.pts < arr[pos].pts) { + arr.splice(pos, 0, data); + break; + } + } } - return MP4.box(MP4.types.stsd, MP4.STSD, MP4.mp4a(track)); } else { - return MP4.box(MP4.types.stsd, MP4.STSD, MP4.avc1(track)); + arr.push(data); } } }, { - key: 'tkhd', - value: function tkhd(track) { - var id = track.id, - duration = track.duration * track.timescale, - width = track.width, - height = track.height, - upperWordDuration = Math.floor(duration / (UINT32_MAX + 1)), - lowerWordDuration = Math.floor(duration % (UINT32_MAX + 1)); - return MP4.box(MP4.types.tkhd, new Uint8Array([0x01, // version 1 - 0x00, 0x00, 0x07, // flags - 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x02, // creation_time - 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x03, // modification_time - id >> 24 & 0xFF, id >> 16 & 0xFF, id >> 8 & 0xFF, id & 0xFF, // track_ID - 0x00, 0x00, 0x00, 0x00, // reserved - upperWordDuration >> 24, upperWordDuration >> 16 & 0xFF, upperWordDuration >> 8 & 0xFF, upperWordDuration & 0xFF, lowerWordDuration >> 24, lowerWordDuration >> 16 & 0xFF, lowerWordDuration >> 8 & 0xFF, lowerWordDuration & 0xFF, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, // reserved - 0x00, 0x00, // layer - 0x00, 0x00, // alternate_group - 0x00, 0x00, // non-audio track volume - 0x00, 0x00, // reserved - 0x00, 0x01, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x01, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x40, 0x00, 0x00, 0x00, // transformation: unity matrix - width >> 8 & 0xFF, width & 0xFF, 0x00, 0x00, // width - height >> 8 & 0xFF, height & 0xFF, 0x00, 0x00 // height - ])); + key: '_getLastNalUnit', + value: function _getLastNalUnit() { + var avcSample = this.avcSample, + lastUnit = void 0; + // try to fallback to previous sample if current one is empty + if (!avcSample || avcSample.units.length === 0) { + var track = this._avcTrack, + samples = track.samples; + avcSample = samples[samples.length - 1]; + } + if (avcSample) { + var units = avcSample.units; + lastUnit = units[units.length - 1]; + } + return lastUnit; } }, { - key: 'traf', - value: function traf(track, baseMediaDecodeTime) { - var sampleDependencyTable = MP4.sdtp(track), - id = track.id, - upperWordBaseMediaDecodeTime = Math.floor(baseMediaDecodeTime / (UINT32_MAX + 1)), - lowerWordBaseMediaDecodeTime = Math.floor(baseMediaDecodeTime % (UINT32_MAX + 1)); - return MP4.box(MP4.types.traf, MP4.box(MP4.types.tfhd, new Uint8Array([0x00, // version 0 - 0x00, 0x00, 0x00, // flags - id >> 24, id >> 16 & 0XFF, id >> 8 & 0XFF, id & 0xFF])), MP4.box(MP4.types.tfdt, new Uint8Array([0x01, // version 1 - 0x00, 0x00, 0x00, // flags - upperWordBaseMediaDecodeTime >> 24, upperWordBaseMediaDecodeTime >> 16 & 0XFF, upperWordBaseMediaDecodeTime >> 8 & 0XFF, upperWordBaseMediaDecodeTime & 0xFF, lowerWordBaseMediaDecodeTime >> 24, lowerWordBaseMediaDecodeTime >> 16 & 0XFF, lowerWordBaseMediaDecodeTime >> 8 & 0XFF, lowerWordBaseMediaDecodeTime & 0xFF])), MP4.trun(track, sampleDependencyTable.length + 16 + // tfhd - 20 + // tfdt - 8 + // traf header - 16 + // mfhd - 8 + // moof header - 8), // mdat header - sampleDependencyTable); + key: '_parseAVCNALu', + value: function _parseAVCNALu(array) { + var i = 0, + len = array.byteLength, + value, + overflow, + track = this._avcTrack, + state = track.naluState || 0, + lastState = state; + var units = [], + unit, + unitType, + lastUnitStart = -1, + lastUnitType; + //logger.log('PES:' + Hex.hexDump(array)); + + if (state === -1) { + // special use case where we found 3 or 4-byte start codes exactly at the end of previous PES packet + lastUnitStart = 0; + // NALu type is value read from offset 0 + lastUnitType = array[0] & 0x1f; + state = 0; + i = 1; + } + + while (i < len) { + value = array[i++]; + // optimization. state 0 and 1 are the predominant case. let's handle them outside of the switch/case + if (!state) { + state = value ? 0 : 1; + continue; + } + if (state === 1) { + state = value ? 0 : 2; + continue; + } + // here we have state either equal to 2 or 3 + if (!value) { + state = 3; + } else if (value === 1) { + if (lastUnitStart >= 0) { + unit = { data: array.subarray(lastUnitStart, i - state - 1), type: lastUnitType }; + //logger.log('pushing NALU, type/size:' + unit.type + '/' + unit.data.byteLength); + units.push(unit); + } else { + // lastUnitStart is undefined => this is the first start code found in this PES packet + // first check if start code delimiter is overlapping between 2 PES packets, + // ie it started in last packet (lastState not zero) + // and ended at the beginning of this PES packet (i <= 4 - lastState) + var lastUnit = this._getLastNalUnit(); + if (lastUnit) { + if (lastState && i <= 4 - lastState) { + // start delimiter overlapping between PES packets + // strip start delimiter bytes from the end of last NAL unit + // check if lastUnit had a state different from zero + if (lastUnit.state) { + // strip last bytes + lastUnit.data = lastUnit.data.subarray(0, lastUnit.data.byteLength - lastState); + } + } + // If NAL units are not starting right at the beginning of the PES packet, push preceding data into previous NAL unit. + overflow = i - state - 1; + if (overflow > 0) { + //logger.log('first NALU found with overflow:' + overflow); + var tmp = new Uint8Array(lastUnit.data.byteLength + overflow); + tmp.set(lastUnit.data, 0); + tmp.set(array.subarray(0, overflow), lastUnit.data.byteLength); + lastUnit.data = tmp; + } + } + } + // check if we can read unit type + if (i < len) { + unitType = array[i] & 0x1f; + //logger.log('find NALU @ offset:' + i + ',type:' + unitType); + lastUnitStart = i; + lastUnitType = unitType; + state = 0; + } else { + // not enough byte to read unit type. let's read it on next PES parsing + state = -1; + } + } else { + state = 0; + } + } + if (lastUnitStart >= 0 && state >= 0) { + unit = { data: array.subarray(lastUnitStart, len), type: lastUnitType, state: state }; + units.push(unit); + //logger.log('pushing NALU, type/size/state:' + unit.type + '/' + unit.data.byteLength + '/' + state); + } + // no NALu found + if (units.length === 0) { + // append pes.data to previous NAL unit + var _lastUnit = this._getLastNalUnit(); + if (_lastUnit) { + var _tmp = new Uint8Array(_lastUnit.data.byteLength + array.byteLength); + _tmp.set(_lastUnit.data, 0); + _tmp.set(array, _lastUnit.data.byteLength); + _lastUnit.data = _tmp; + } + } + track.naluState = state; + return units; } /** - * Generate a track box. - * @param track {object} a track definition - * @return {Uint8Array} the track box + * remove Emulation Prevention bytes from a RBSP */ }, { - key: 'trak', - value: function trak(track) { - track.duration = track.duration || 0xffffffff; - return MP4.box(MP4.types.trak, MP4.tkhd(track), MP4.mdia(track)); - } - }, { - key: 'trex', - value: function trex(track) { - var id = track.id; - return MP4.box(MP4.types.trex, new Uint8Array([0x00, // version 0 - 0x00, 0x00, 0x00, // flags - id >> 24, id >> 16 & 0XFF, id >> 8 & 0XFF, id & 0xFF, // track_ID - 0x00, 0x00, 0x00, 0x01, // default_sample_description_index - 0x00, 0x00, 0x00, 0x00, // default_sample_duration - 0x00, 0x00, 0x00, 0x00, // default_sample_size - 0x00, 0x01, 0x00, 0x01 // default_sample_flags - ])); + key: 'discardEPB', + value: function discardEPB(data) { + var length = data.byteLength, + EPBPositions = [], + i = 1, + newLength, + newData; + + // Find all `Emulation Prevention Bytes` + while (i < length - 2) { + if (data[i] === 0 && data[i + 1] === 0 && data[i + 2] === 0x03) { + EPBPositions.push(i + 2); + i += 2; + } else { + i++; + } + } + + // If no Emulation Prevention Bytes were found just return the original + // array + if (EPBPositions.length === 0) { + return data; + } + + // Create a new array to hold the NAL unit data + newLength = length - EPBPositions.length; + newData = new Uint8Array(newLength); + var sourceIndex = 0; + + for (i = 0; i < newLength; sourceIndex++, i++) { + if (sourceIndex === EPBPositions[0]) { + // Skip this byte + sourceIndex++; + // Remove this position index + EPBPositions.shift(); + } + newData[i] = data[sourceIndex]; + } + return newData; } }, { - key: 'trun', - value: function trun(track, offset) { - var samples = track.samples || [], - len = samples.length, - arraylen = 12 + 16 * len, - array = new Uint8Array(arraylen), - i, - sample, - duration, - size, - flags, - cts; - offset += 8 + arraylen; - array.set([0x00, // version 0 - 0x00, 0x0f, 0x01, // flags - len >>> 24 & 0xFF, len >>> 16 & 0xFF, len >>> 8 & 0xFF, len & 0xFF, // sample_count - offset >>> 24 & 0xFF, offset >>> 16 & 0xFF, offset >>> 8 & 0xFF, offset & 0xFF // data_offset - ], 0); - for (i = 0; i < len; i++) { - sample = samples[i]; - duration = sample.duration; - size = sample.size; - flags = sample.flags; - cts = sample.cts; - array.set([duration >>> 24 & 0xFF, duration >>> 16 & 0xFF, duration >>> 8 & 0xFF, duration & 0xFF, // sample_duration - size >>> 24 & 0xFF, size >>> 16 & 0xFF, size >>> 8 & 0xFF, size & 0xFF, // sample_size - flags.isLeading << 2 | flags.dependsOn, flags.isDependedOn << 6 | flags.hasRedundancy << 4 | flags.paddingValue << 1 | flags.isNonSync, flags.degradPrio & 0xF0 << 8, flags.degradPrio & 0x0F, // sample_flags - cts >>> 24 & 0xFF, cts >>> 16 & 0xFF, cts >>> 8 & 0xFF, cts & 0xFF // sample_composition_time_offset - ], 12 + 16 * i); + key: '_parseAACPES', + value: function _parseAACPES(pes) { + var track = this._audioTrack, + data = pes.data, + pts = pes.pts, + startOffset = 0, + aacOverFlow = this.aacOverFlow, + aacLastPTS = this.aacLastPTS, + config, + frameLength, + frameDuration, + frameIndex, + offset, + headerLength, + stamp, + len, + aacSample; + if (aacOverFlow) { + var tmp = new Uint8Array(aacOverFlow.byteLength + data.byteLength); + tmp.set(aacOverFlow, 0); + tmp.set(data, aacOverFlow.byteLength); + //logger.log(`AAC: append overflowing ${aacOverFlow.byteLength} bytes to beginning of new PES`); + data = tmp; } - return MP4.box(MP4.types.trun, array); + // look for ADTS header (0xFFFx) + for (offset = startOffset, len = data.length; offset < len - 1; offset++) { + if (data[offset] === 0xff && (data[offset + 1] & 0xf0) === 0xf0) { + break; + } + } + // if ADTS header does not start straight from the beginning of the PES payload, raise an error + if (offset) { + var reason, fatal; + if (offset < len - 1) { + reason = 'AAC PES did not start with ADTS header,offset:' + offset; + fatal = false; + } else { + reason = 'no ADTS header found in AAC PES'; + fatal = true; + } + _logger.logger.warn('parsing error:' + reason); + this.observer.trigger(_events2.default.ERROR, { type: _errors.ErrorTypes.MEDIA_ERROR, details: _errors.ErrorDetails.FRAG_PARSING_ERROR, fatal: fatal, reason: reason }); + if (fatal) { + return; + } + } + if (!track.samplerate) { + var audioCodec = this.audioCodec; + config = _adts2.default.getAudioConfig(this.observer, data, offset, audioCodec); + track.config = config.config; + track.samplerate = config.samplerate; + track.channelCount = config.channelCount; + track.codec = config.codec; + track.manifestCodec = config.manifestCodec; + _logger.logger.log('parsed codec:' + track.codec + ',rate:' + config.samplerate + ',nb channel:' + config.channelCount); + } + frameIndex = 0; + frameDuration = 1024 * 90000 / track.samplerate; + + // if last AAC frame is overflowing, we should ensure timestamps are contiguous: + // first sample PTS should be equal to last sample PTS + frameDuration + if (aacOverFlow && aacLastPTS) { + var newPTS = aacLastPTS + frameDuration; + if (Math.abs(newPTS - pts) > 1) { + _logger.logger.log('AAC: align PTS for overlapping frames by ' + Math.round((newPTS - pts) / 90)); + pts = newPTS; + } + } + + while (offset + 5 < len) { + // The protection skip bit tells us if we have 2 bytes of CRC data at the end of the ADTS header + headerLength = !!(data[offset + 1] & 0x01) ? 7 : 9; + // retrieve frame size + frameLength = (data[offset + 3] & 0x03) << 11 | data[offset + 4] << 3 | (data[offset + 5] & 0xE0) >>> 5; + frameLength -= headerLength; + //stamp = pes.pts; + + if (frameLength > 0 && offset + headerLength + frameLength <= len) { + stamp = pts + frameIndex * frameDuration; + //logger.log(`AAC frame, offset/length/total/pts:${offset+headerLength}/${frameLength}/${data.byteLength}/${(stamp/90).toFixed(0)}`); + aacSample = { unit: data.subarray(offset + headerLength, offset + headerLength + frameLength), pts: stamp, dts: stamp }; + track.samples.push(aacSample); + track.len += frameLength; + offset += frameLength + headerLength; + frameIndex++; + // look for ADTS header (0xFFFx) + for (; offset < len - 1; offset++) { + if (data[offset] === 0xff && (data[offset + 1] & 0xf0) === 0xf0) { + break; + } + } + } else { + break; + } + } + if (offset < len) { + aacOverFlow = data.subarray(offset, len); + //logger.log(`AAC: overflow detected:${len-offset}`); + } else { + aacOverFlow = null; + } + this.aacOverFlow = aacOverFlow; + this.aacLastPTS = stamp; } }, { - key: 'initSegment', - value: function initSegment(tracks) { - if (!MP4.types) { - MP4.init(); + key: '_parseMPEGPES', + value: function _parseMPEGPES(pes) { + _mpegaudio2.default.parse(this._audioTrack, pes.data, 0, pes.pts); + } + }, { + key: '_parseID3PES', + value: function _parseID3PES(pes) { + this._id3Track.samples.push(pes); + } + }], [{ + key: 'probe', + value: function probe(data) { + // a TS fragment should contain at least 3 TS packets, a PAT, a PMT, and one PID, each starting with 0x47 + if (data.length >= 3 * 188 && data[0] === 0x47 && data[188] === 0x47 && data[2 * 188] === 0x47) { + return true; + } else { + return false; } - var movie = MP4.moov(tracks), - result; - result = new Uint8Array(MP4.FTYP.byteLength + movie.byteLength); - result.set(MP4.FTYP); - result.set(movie, MP4.FTYP.byteLength); - return result; } }]); - return MP4; + return TSDemuxer; }(); -exports.default = MP4; +exports.default = TSDemuxer; -},{}],42:[function(_dereq_,module,exports){ +},{"22":22,"26":26,"30":30,"31":31,"33":33,"35":35,"53":53}],33:[function(_dereq_,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); +var ErrorTypes = exports.ErrorTypes = { + // Identifier for a network error (loading error / timeout ...) + NETWORK_ERROR: 'networkError', + // Identifier for a media Error (video/parsing/mediasource error) + MEDIA_ERROR: 'mediaError', + // Identifier for a mux Error (demuxing/remuxing) + MUX_ERROR: 'muxError', + // Identifier for all other errors + OTHER_ERROR: 'otherError' +}; -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); /** - * fMP4 remuxer - */ +var ErrorDetails = exports.ErrorDetails = { + // Identifier for a manifest load error - data: { url : faulty URL, response : { code: error code, text: error text }} + MANIFEST_LOAD_ERROR: 'manifestLoadError', + // Identifier for a manifest load timeout - data: { url : faulty URL, response : { code: error code, text: error text }} + MANIFEST_LOAD_TIMEOUT: 'manifestLoadTimeOut', + // Identifier for a manifest parsing error - data: { url : faulty URL, reason : error reason} + MANIFEST_PARSING_ERROR: 'manifestParsingError', + // Identifier for a manifest with only incompatible codecs error - data: { url : faulty URL, reason : error reason} + MANIFEST_INCOMPATIBLE_CODECS_ERROR: 'manifestIncompatibleCodecsError', + // Identifier for a level load error - data: { url : faulty URL, response : { code: error code, text: error text }} + LEVEL_LOAD_ERROR: 'levelLoadError', + // Identifier for a level load timeout - data: { url : faulty URL, response : { code: error code, text: error text }} + LEVEL_LOAD_TIMEOUT: 'levelLoadTimeOut', + // Identifier for a level switch error - data: { level : faulty level Id, event : error description} + LEVEL_SWITCH_ERROR: 'levelSwitchError', + // Identifier for an audio track load error - data: { url : faulty URL, response : { code: error code, text: error text }} + AUDIO_TRACK_LOAD_ERROR: 'audioTrackLoadError', + // Identifier for an audio track load timeout - data: { url : faulty URL, response : { code: error code, text: error text }} + AUDIO_TRACK_LOAD_TIMEOUT: 'audioTrackLoadTimeOut', + // Identifier for fragment load error - data: { frag : fragment object, response : { code: error code, text: error text }} + FRAG_LOAD_ERROR: 'fragLoadError', + // Identifier for fragment loop loading error - data: { frag : fragment object} + FRAG_LOOP_LOADING_ERROR: 'fragLoopLoadingError', + // Identifier for fragment load timeout error - data: { frag : fragment object} + FRAG_LOAD_TIMEOUT: 'fragLoadTimeOut', + // Identifier for a fragment decryption error event - data: {id : demuxer Id,frag: fragment object, reason : parsing error description } + FRAG_DECRYPT_ERROR: 'fragDecryptError', + // Identifier for a fragment parsing error event - data: { id : demuxer Id, reason : parsing error description } + // will be renamed DEMUX_PARSING_ERROR and switched to MUX_ERROR in the next major release + FRAG_PARSING_ERROR: 'fragParsingError', + // Identifier for a remux alloc error event - data: { id : demuxer Id, frag : fragment object, bytes : nb of bytes on which allocation failed , reason : error text } + REMUX_ALLOC_ERROR: 'remuxAllocError', + // Identifier for decrypt key load error - data: { frag : fragment object, response : { code: error code, text: error text }} + KEY_LOAD_ERROR: 'keyLoadError', + // Identifier for decrypt key load timeout error - data: { frag : fragment object} + KEY_LOAD_TIMEOUT: 'keyLoadTimeOut', + // Triggered when an exception occurs while adding a sourceBuffer to MediaSource - data : { err : exception , mimeType : mimeType } + BUFFER_ADD_CODEC_ERROR: 'bufferAddCodecError', + // Identifier for a buffer append error - data: append error description + BUFFER_APPEND_ERROR: 'bufferAppendError', + // Identifier for a buffer appending error event - data: appending error description + BUFFER_APPENDING_ERROR: 'bufferAppendingError', + // Identifier for a buffer stalled error event + BUFFER_STALLED_ERROR: 'bufferStalledError', + // Identifier for a buffer full event + BUFFER_FULL_ERROR: 'bufferFullError', + // Identifier for a buffer seek over hole event + BUFFER_SEEK_OVER_HOLE: 'bufferSeekOverHole', + // Identifier for a buffer nudge on stall (playback is stuck although currentTime is in a buffered area) + BUFFER_NUDGE_ON_STALL: 'bufferNudgeOnStall', + // Identifier for an internal exception happening inside hls.js while handling an event + INTERNAL_EXCEPTION: 'internalException', + // Malformed WebVTT contents + WEBVTT_EXCEPTION: 'webVTTException' +}; -var _aac = _dereq_(33); +},{}],34:[function(_dereq_,module,exports){ +'use strict'; -var _aac2 = _interopRequireDefault(_aac); +Object.defineProperty(exports, "__esModule", { + value: true +}); -var _events = _dereq_(32); +var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; -var _events2 = _interopRequireDefault(_events); +var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); /* + * + * All objects in the event handling chain should inherit from this class + * + */ -var _logger = _dereq_(50); +var _logger = _dereq_(53); -var _mp4Generator = _dereq_(41); +var _errors = _dereq_(33); -var _mp4Generator2 = _interopRequireDefault(_mp4Generator); +var _events = _dereq_(35); -var _errors = _dereq_(30); +var _events2 = _interopRequireDefault(_events); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } -var MP4Remuxer = function () { - function MP4Remuxer(observer, config, typeSupported, vendor) { - _classCallCheck(this, MP4Remuxer); +var EventHandler = function () { + function EventHandler(hls) { + _classCallCheck(this, EventHandler); - this.observer = observer; - this.config = config; - this.typeSupported = typeSupported; - var userAgent = navigator.userAgent; - this.isSafari = vendor && vendor.indexOf('Apple') > -1 && userAgent && !userAgent.match('CriOS'); - this.ISGenerated = false; + this.hls = hls; + this.onEvent = this.onEvent.bind(this); + + for (var _len = arguments.length, events = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) { + events[_key - 1] = arguments[_key]; + } + + this.handledEvents = events; + this.useGenericHandler = true; + + this.registerListeners(); } - _createClass(MP4Remuxer, [{ + _createClass(EventHandler, [{ key: 'destroy', - value: function destroy() {} + value: function destroy() { + this.unregisterListeners(); + } }, { - key: 'resetTimeStamp', - value: function resetTimeStamp(defaultTimeStamp) { - this._initPTS = this._initDTS = defaultTimeStamp; - } - }, { - key: 'resetInitSegment', - value: function resetInitSegment() { - this.ISGenerated = false; + key: 'isEventHandler', + value: function isEventHandler() { + return _typeof(this.handledEvents) === 'object' && this.handledEvents.length && typeof this.onEvent === 'function'; } }, { - key: 'remux', - value: function remux(audioTrack, videoTrack, id3Track, textTrack, timeOffset, contiguous, accurateTimeOffset) { - // generate Init Segment if needed - if (!this.ISGenerated) { - this.generateIS(audioTrack, videoTrack, timeOffset); - } - - if (this.ISGenerated) { - // Purposefully remuxing audio before video, so that remuxVideo can use nextAudioPts, which is - // calculated in remuxAudio. - //logger.log('nb AAC samples:' + audioTrack.samples.length); - if (audioTrack.samples.length) { - var audioData = this.remuxAudio(audioTrack, timeOffset, contiguous, accurateTimeOffset); - //logger.log('nb AVC samples:' + videoTrack.samples.length); - if (videoTrack.samples.length) { - var audioTrackLength = void 0; - if (audioData) { - audioTrackLength = audioData.endPTS - audioData.startPTS; - } - this.remuxVideo(videoTrack, timeOffset, contiguous, audioTrackLength); - } - } else { - var videoData = void 0; - //logger.log('nb AVC samples:' + videoTrack.samples.length); - if (videoTrack.samples.length) { - videoData = this.remuxVideo(videoTrack, timeOffset, contiguous); - } - if (videoData && audioTrack.codec) { - this.remuxEmptyAudio(audioTrack, timeOffset, contiguous, videoData); + key: 'registerListeners', + value: function registerListeners() { + if (this.isEventHandler()) { + this.handledEvents.forEach(function (event) { + if (event === 'hlsEventGeneric') { + throw new Error('Forbidden event name: ' + event); } - } - } - //logger.log('nb ID3 samples:' + audioTrack.samples.length); - if (id3Track.samples.length) { - this.remuxID3(id3Track, timeOffset); - } - //logger.log('nb ID3 samples:' + audioTrack.samples.length); - if (textTrack.samples.length) { - this.remuxText(textTrack, timeOffset); + this.hls.on(event, this.onEvent); + }.bind(this)); } - //notify end of parsing - this.observer.trigger(_events2.default.FRAG_PARSED); } }, { - key: 'generateIS', - value: function generateIS(audioTrack, videoTrack, timeOffset) { - var observer = this.observer, - audioSamples = audioTrack.samples, - videoSamples = videoTrack.samples, - typeSupported = this.typeSupported, - container = 'audio/mp4', - tracks = {}, - data = { tracks: tracks }, - computePTSDTS = this._initPTS === undefined, - initPTS, - initDTS; - - if (computePTSDTS) { - initPTS = initDTS = Infinity; - } - if (audioTrack.config && audioSamples.length) { - // let's use audio sampling rate as MP4 time scale. - // rationale is that there is a integer nb of audio frames per audio sample (1024 for AAC) - // using audio sampling rate here helps having an integer MP4 frame duration - // this avoids potential rounding issue and AV sync issue - audioTrack.timescale = audioTrack.samplerate; - _logger.logger.log('audio sampling rate : ' + audioTrack.samplerate); - if (!audioTrack.isAAC) { - if (typeSupported.mpeg) { - // Chrome and Safari - container = 'audio/mpeg'; - audioTrack.codec = ''; - } else if (typeSupported.mp3) { - // Firefox - audioTrack.codec = 'mp3'; - } - } - tracks.audio = { - container: container, - codec: audioTrack.codec, - initSegment: !audioTrack.isAAC && typeSupported.mpeg ? new Uint8Array() : _mp4Generator2.default.initSegment([audioTrack]), - metadata: { - channelCount: audioTrack.channelCount - } - }; - if (computePTSDTS) { - // remember first PTS of this demuxing context. for audio, PTS = DTS - initPTS = initDTS = audioSamples[0].pts - audioTrack.inputTimeScale * timeOffset; - } + key: 'unregisterListeners', + value: function unregisterListeners() { + if (this.isEventHandler()) { + this.handledEvents.forEach(function (event) { + this.hls.off(event, this.onEvent); + }.bind(this)); } + } - if (videoTrack.sps && videoTrack.pps && videoSamples.length) { - // let's use input time scale as MP4 video timescale - // we use input time scale straight away to avoid rounding issues on frame duration / cts computation - var inputTimeScale = videoTrack.inputTimeScale; - videoTrack.timescale = inputTimeScale; - tracks.video = { - container: 'video/mp4', - codec: videoTrack.codec, - initSegment: _mp4Generator2.default.initSegment([videoTrack]), - metadata: { - width: videoTrack.width, - height: videoTrack.height - } - }; - if (computePTSDTS) { - initPTS = Math.min(initPTS, videoSamples[0].pts - inputTimeScale * timeOffset); - initDTS = Math.min(initDTS, videoSamples[0].dts - inputTimeScale * timeOffset); - this.observer.trigger(_events2.default.INIT_PTS_FOUND, { initPTS: initPTS }); - } - } + /** + * arguments: event (string), data (any) + */ - if (Object.keys(tracks).length) { - observer.trigger(_events2.default.FRAG_PARSING_INIT_SEGMENT, data); - this.ISGenerated = true; - if (computePTSDTS) { - this._initPTS = initPTS; - this._initDTS = initDTS; - } - } else { - observer.trigger(_events2.default.ERROR, { type: _errors.ErrorTypes.MEDIA_ERROR, details: _errors.ErrorDetails.FRAG_PARSING_ERROR, fatal: false, reason: 'no audio/video samples found' }); - } + }, { + key: 'onEvent', + value: function onEvent(event, data) { + this.onEventGeneric(event, data); } }, { - key: 'remuxVideo', - value: function remuxVideo(track, timeOffset, contiguous, audioTrackLength) { - var offset = 8, - timeScale = track.timescale, - mp4SampleDuration, - mdat, - moof, - firstPTS, - firstDTS, - nextDTS, - lastPTS, - lastDTS, - inputSamples = track.samples, - outputSamples = [], - nbSamples = inputSamples.length, - ptsNormalize = this._PTSNormalize, - initDTS = this._initDTS; - - // for (let i = 0; i < track.samples.length; i++) { - // let avcSample = track.samples[i]; - // let units = avcSample.units; - // let unitsString = ''; - // for (let j = 0; j < units.length ; j++) { - // unitsString += units[j].type + ','; - // if (units[j].data.length < 500) { - // unitsString += Hex.hexDump(units[j].data); - // } - // } - // logger.log(avcSample.pts + '/' + avcSample.dts + ',' + unitsString + avcSample.units.length); - // } - - // sort video samples by DTS then PTS then demux id order - inputSamples.sort(function (a, b) { - var deltadts = a.dts - b.dts; - var deltapts = a.pts - b.pts; - return deltadts ? deltadts : deltapts ? deltapts : a.id - b.id; - }); - - // handle broken streams with PTS < DTS, tolerance up 200ms (18000 in 90kHz timescale) - var PTSDTSshift = inputSamples.reduce(function (prev, curr) { - return Math.max(Math.min(prev, curr.pts - curr.dts), -18000); - }, 0); - if (PTSDTSshift < 0) { - _logger.logger.warn('PTS < DTS detected in video samples, shifting DTS by ' + Math.round(PTSDTSshift / 90) + ' ms to overcome this issue'); - for (var i = 0; i < inputSamples.length; i++) { - inputSamples[i].dts += PTSDTSshift; + key: 'onEventGeneric', + value: function onEventGeneric(event, data) { + var eventToFunction = function eventToFunction(event, data) { + var funcName = 'on' + event.replace('hls', ''); + if (typeof this[funcName] !== 'function') { + throw new Error('Event ' + event + ' has no generic handler in this ' + this.constructor.name + ' class (tried ' + funcName + ')'); } + return this[funcName].bind(this, data); + }; + try { + eventToFunction.call(this, event, data).call(); + } catch (err) { + _logger.logger.error('internal error happened while processing ' + event + ':' + err.message); + this.hls.trigger(_events2.default.ERROR, { type: _errors.ErrorTypes.OTHER_ERROR, details: _errors.ErrorDetails.INTERNAL_EXCEPTION, fatal: false, event: event, err: err }); } + } + }]); - // PTS is coded on 33bits, and can loop from -2^32 to 2^32 - // ptsNormalize will make PTS/DTS value monotonic, we use last known DTS value as reference value - var nextAvcDts = void 0; - // contiguous fragments are consecutive fragments from same quality level (same level, new SN = old SN + 1) - if (contiguous) { - // if parsed fragment is contiguous with last one, let's use last DTS value as reference - nextAvcDts = this.nextAvcDts; - } else { - // if not contiguous, let's use target timeOffset - nextAvcDts = timeOffset * timeScale; - } - - // compute first DTS and last DTS, normalize them against reference value - var sample = inputSamples[0]; - firstDTS = Math.max(ptsNormalize(sample.dts - initDTS, nextAvcDts), 0); - firstPTS = Math.max(ptsNormalize(sample.pts - initDTS, nextAvcDts), 0); - - // check timestamp continuity accross consecutive fragments (this is to remove inter-fragment gap/hole) - var delta = Math.round((firstDTS - nextAvcDts) / 90); - // if fragment are contiguous, detect hole/overlapping between fragments - if (contiguous) { - if (delta) { - if (delta > 1) { - _logger.logger.log('AVC:' + delta + ' ms hole between fragments detected,filling it'); - } else if (delta < -1) { - _logger.logger.log('AVC:' + -delta + ' ms overlapping between fragments detected'); - } - // remove hole/gap : set DTS to next expected DTS - firstDTS = nextAvcDts; - inputSamples[0].dts = firstDTS + initDTS; - // offset PTS as well, ensure that PTS is smaller or equal than new DTS - firstPTS = Math.max(firstPTS - delta, nextAvcDts); - inputSamples[0].pts = firstPTS + initDTS; - _logger.logger.log('Video/PTS/DTS adjusted: ' + Math.round(firstPTS / 90) + '/' + Math.round(firstDTS / 90) + ',delta:' + delta + ' ms'); - } - } - nextDTS = firstDTS; + return EventHandler; +}(); - // compute lastPTS/lastDTS - sample = inputSamples[inputSamples.length - 1]; - lastDTS = Math.max(ptsNormalize(sample.dts - initDTS, nextAvcDts), 0); - lastPTS = Math.max(ptsNormalize(sample.pts - initDTS, nextAvcDts), 0); - lastPTS = Math.max(lastPTS, lastDTS); +exports.default = EventHandler; - var isSafari = this.isSafari; - // on Safari let's signal the same sample duration for all samples - // sample duration (as expected by trun MP4 boxes), should be the delta between sample DTS - // set this constant duration as being the avg delta between consecutive DTS. - if (isSafari) { - mp4SampleDuration = Math.round((lastDTS - firstDTS) / (inputSamples.length - 1)); - } +},{"33":33,"35":35,"53":53}],35:[function(_dereq_,module,exports){ +'use strict'; - var nbNalu = 0, - naluLen = 0; - for (var _i = 0; _i < nbSamples; _i++) { - // compute total/avc sample length and nb of NAL units - var _sample = inputSamples[_i], - units = _sample.units, - nbUnits = units.length, - sampleLen = 0; - for (var j = 0; j < nbUnits; j++) { - sampleLen += units[j].data.length; - } - naluLen += sampleLen; - nbNalu += nbUnits; - _sample.length = sampleLen; - - // normalize PTS/DTS - if (isSafari) { - // sample DTS is computed using a constant decoding offset (mp4SampleDuration) between samples - _sample.dts = firstDTS + _i * mp4SampleDuration; - } else { - // ensure sample monotonic DTS - _sample.dts = Math.max(ptsNormalize(_sample.dts - initDTS, nextAvcDts), firstDTS); - } - // we normalize PTS against nextAvcDts, we also substract initDTS (some streams don't start @ PTS O) - // and we ensure that computed value is greater or equal than sample DTS - _sample.pts = Math.max(ptsNormalize(_sample.pts - initDTS, nextAvcDts), _sample.dts); - } - - /* concatenate the video data and construct the mdat in place - (need 8 more bytes to fill length and mpdat type) */ - var mdatSize = naluLen + 4 * nbNalu + 8; - try { - mdat = new Uint8Array(mdatSize); - } catch (err) { - this.observer.trigger(_events2.default.ERROR, { type: _errors.ErrorTypes.MUX_ERROR, details: _errors.ErrorDetails.REMUX_ALLOC_ERROR, fatal: false, bytes: mdatSize, reason: 'fail allocating video mdat ' + mdatSize }); - return; - } - var view = new DataView(mdat.buffer); - view.setUint32(0, mdatSize); - mdat.set(_mp4Generator2.default.types.mdat, 4); - - for (var _i2 = 0; _i2 < nbSamples; _i2++) { - var avcSample = inputSamples[_i2], - avcSampleUnits = avcSample.units, - mp4SampleLength = 0, - compositionTimeOffset = void 0; - // convert NALU bitstream to MP4 format (prepend NALU with size field) - for (var _j = 0, _nbUnits = avcSampleUnits.length; _j < _nbUnits; _j++) { - var unit = avcSampleUnits[_j], - unitData = unit.data, - unitDataLen = unit.data.byteLength; - view.setUint32(offset, unitDataLen); - offset += 4; - mdat.set(unitData, offset); - offset += unitDataLen; - mp4SampleLength += 4 + unitDataLen; - } - - if (!isSafari) { - // expected sample duration is the Decoding Timestamp diff of consecutive samples - if (_i2 < nbSamples - 1) { - mp4SampleDuration = inputSamples[_i2 + 1].dts - avcSample.dts; - } else { - var config = this.config, - lastFrameDuration = avcSample.dts - inputSamples[_i2 > 0 ? _i2 - 1 : _i2].dts; - if (config.stretchShortVideoTrack) { - // In some cases, a segment's audio track duration may exceed the video track duration. - // Since we've already remuxed audio, and we know how long the audio track is, we look to - // see if the delta to the next segment is longer than the minimum of maxBufferHole and - // maxSeekHole. If so, playback would potentially get stuck, so we artificially inflate - // the duration of the last frame to minimize any potential gap between segments. - var maxBufferHole = config.maxBufferHole, - maxSeekHole = config.maxSeekHole, - gapTolerance = Math.floor(Math.min(maxBufferHole, maxSeekHole) * timeScale), - deltaToFrameEnd = (audioTrackLength ? firstPTS + audioTrackLength * timeScale : this.nextAudioPts) - avcSample.pts; - if (deltaToFrameEnd > gapTolerance) { - // We subtract lastFrameDuration from deltaToFrameEnd to try to prevent any video - // frame overlap. maxBufferHole/maxSeekHole should be >> lastFrameDuration anyway. - mp4SampleDuration = deltaToFrameEnd - lastFrameDuration; - if (mp4SampleDuration < 0) { - mp4SampleDuration = lastFrameDuration; - } - _logger.logger.log('It is approximately ' + deltaToFrameEnd / 90 + ' ms to the next segment; using duration ' + mp4SampleDuration / 90 + ' ms for the last video frame.'); - } else { - mp4SampleDuration = lastFrameDuration; - } - } else { - mp4SampleDuration = lastFrameDuration; - } - } - compositionTimeOffset = Math.round(avcSample.pts - avcSample.dts); - } else { - compositionTimeOffset = Math.max(0, mp4SampleDuration * Math.round((avcSample.pts - avcSample.dts) / mp4SampleDuration)); - } - - //console.log('PTS/DTS/initDTS/normPTS/normDTS/relative PTS : ${avcSample.pts}/${avcSample.dts}/${initDTS}/${ptsnorm}/${dtsnorm}/${(avcSample.pts/4294967296).toFixed(3)}'); - outputSamples.push({ - size: mp4SampleLength, - // constant duration - duration: mp4SampleDuration, - cts: compositionTimeOffset, - flags: { - isLeading: 0, - isDependedOn: 0, - hasRedundancy: 0, - degradPrio: 0, - dependsOn: avcSample.key ? 2 : 1, - isNonSync: avcSample.key ? 0 : 1 - } - }); - } - // next AVC sample DTS should be equal to last sample DTS + last sample duration (in PES timescale) - this.nextAvcDts = lastDTS + mp4SampleDuration; - var dropped = track.dropped; - track.len = 0; - track.nbNalu = 0; - track.dropped = 0; - if (outputSamples.length && navigator.userAgent.toLowerCase().indexOf('chrome') > -1) { - var flags = outputSamples[0].flags; - // chrome workaround, mark first sample as being a Random Access Point to avoid sourcebuffer append issue - // https://code.google.com/p/chromium/issues/detail?id=229412 - flags.dependsOn = 2; - flags.isNonSync = 0; - } - track.samples = outputSamples; - moof = _mp4Generator2.default.moof(track.sequenceNumber++, firstDTS, track); - track.samples = []; - - var data = { - data1: moof, - data2: mdat, - startPTS: firstPTS / timeScale, - endPTS: (lastPTS + mp4SampleDuration) / timeScale, - startDTS: firstDTS / timeScale, - endDTS: this.nextAvcDts / timeScale, - type: 'video', - nb: outputSamples.length, - dropped: dropped - }; - this.observer.trigger(_events2.default.FRAG_PARSING_DATA, data); - return data; - } - }, { - key: 'remuxAudio', - value: function remuxAudio(track, timeOffset, contiguous, accurateTimeOffset) { - var inputTimeScale = track.inputTimeScale, - mp4timeScale = track.timescale, - scaleFactor = inputTimeScale / mp4timeScale, - mp4SampleDuration = track.isAAC ? 1024 : 1152, - inputSampleDuration = mp4SampleDuration * scaleFactor, - ptsNormalize = this._PTSNormalize, - initDTS = this._initDTS, - rawMPEG = !track.isAAC && this.typeSupported.mpeg; - - var view, - offset = rawMPEG ? 0 : 8, - audioSample, - mp4Sample, - unit, - mdat, - moof, - firstPTS, - firstDTS, - lastDTS, - pts, - dts, - ptsnorm, - dtsnorm, - outputSamples = [], - inputSamples = [], - fillFrame, - newStamp, - nextAudioPts; - - track.samples.sort(function (a, b) { - return a.pts - b.pts; - }); - inputSamples = track.samples; - - // for audio samples, also consider consecutive fragments as being contiguous (even if a level switch occurs), - // for sake of clarity: - // consecutive fragments are frags with - // - less than 100ms gaps between new time offset and next expected PTS OR - // - less than 20 audio frames distance - // contiguous fragments are consecutive fragments from same quality level (same level, new SN = old SN + 1) - // this helps ensuring audio continuity - // and this also avoids audio glitches/cut when switching quality, or reporting wrong duration on first audio frame - - nextAudioPts = this.nextAudioPts; - contiguous |= inputSamples.length && nextAudioPts && (Math.abs(timeOffset - nextAudioPts / inputTimeScale) < 0.1 || Math.abs(inputSamples[0].pts - nextAudioPts - initDTS) < 20 * inputSampleDuration); - - if (!contiguous) { - // if fragments are not contiguous, let's use timeOffset to compute next Audio PTS - nextAudioPts = timeOffset * inputTimeScale; - } - // If the audio track is missing samples, the frames seem to get "left-shifted" within the - // resulting mp4 segment, causing sync issues and leaving gaps at the end of the audio segment. - // In an effort to prevent this from happening, we inject frames here where there are gaps. - // When possible, we inject a silent frame; when that's not possible, we duplicate the last - // frame. - - // only inject/drop audio frames in case time offset is accurate - if (accurateTimeOffset && track.isAAC) { - for (var i = 0, nextPtsNorm = nextAudioPts; i < inputSamples.length;) { - // First, let's see how far off this frame is from where we expect it to be - var sample = inputSamples[i], - ptsNorm = ptsNormalize(sample.pts - initDTS, nextAudioPts), - delta = ptsNorm - nextPtsNorm; - - // If we're overlapping by more than a duration, drop this sample - if (delta <= -inputSampleDuration) { - _logger.logger.warn('Dropping 1 audio frame @ ' + (nextPtsNorm / inputTimeScale).toFixed(3) + 's due to ' + Math.abs(1000 * delta / inputTimeScale) + ' ms overlap.'); - inputSamples.splice(i, 1); - track.len -= sample.unit.length; - // Don't touch nextPtsNorm or i - } - // Otherwise, if we're more than a frame away from where we should be, insert missing frames - // also only inject silent audio frames if currentTime !== 0 (nextPtsNorm !== 0) - else if (delta >= inputSampleDuration && nextPtsNorm) { - var missing = Math.round(delta / inputSampleDuration); - _logger.logger.warn('Injecting ' + missing + ' audio frame @ ' + (nextPtsNorm / inputTimeScale).toFixed(3) + 's due to ' + 1000 * delta / inputTimeScale + ' ms gap.'); - for (var j = 0; j < missing; j++) { - newStamp = nextPtsNorm + initDTS; - newStamp = Math.max(newStamp, initDTS); - fillFrame = _aac2.default.getSilentFrame(track.manifestCodec || track.codec, track.channelCount); - if (!fillFrame) { - _logger.logger.log('Unable to get silent frame for given audio codec; duplicating last frame instead.'); - fillFrame = sample.unit.subarray(); - } - inputSamples.splice(i, 0, { unit: fillFrame, pts: newStamp, dts: newStamp }); - track.len += fillFrame.length; - nextPtsNorm += inputSampleDuration; - i += 1; - } - - // Adjust sample to next expected pts - sample.pts = sample.dts = nextPtsNorm + initDTS; - nextPtsNorm += inputSampleDuration; - i += 1; - } - // Otherwise, we're within half a frame duration, so just adjust pts - else { - if (Math.abs(delta) > 0.1 * inputSampleDuration) { - //logger.log(`Invalid frame delta ${Math.round(ptsNorm - nextPtsNorm + inputSampleDuration)} at PTS ${Math.round(ptsNorm / 90)} (should be ${Math.round(inputSampleDuration)}).`); - } - nextPtsNorm += inputSampleDuration; - if (i === 0) { - sample.pts = sample.dts = initDTS + nextAudioPts; - } else { - sample.pts = sample.dts = inputSamples[i - 1].pts + inputSampleDuration; - } - i += 1; - } - } - } - - for (var _j2 = 0, _nbSamples = inputSamples.length; _j2 < _nbSamples; _j2++) { - audioSample = inputSamples[_j2]; - unit = audioSample.unit; - pts = audioSample.pts - initDTS; - dts = audioSample.dts - initDTS; - //logger.log(`Audio/PTS:${Math.round(pts/90)}`); - // if not first sample - if (lastDTS !== undefined) { - ptsnorm = ptsNormalize(pts, lastDTS); - dtsnorm = ptsNormalize(dts, lastDTS); - mp4Sample.duration = Math.round((dtsnorm - lastDTS) / scaleFactor); - } else { - ptsnorm = ptsNormalize(pts, nextAudioPts); - dtsnorm = ptsNormalize(dts, nextAudioPts); - var _delta = Math.round(1000 * (ptsnorm - nextAudioPts) / inputTimeScale), - numMissingFrames = 0; - // if fragment are contiguous, detect hole/overlapping between fragments - // contiguous fragments are consecutive fragments from same quality level (same level, new SN = old SN + 1) - if (contiguous && track.isAAC) { - // log delta - if (_delta) { - if (_delta > 0) { - numMissingFrames = Math.round((ptsnorm - nextAudioPts) / inputSampleDuration); - _logger.logger.log(_delta + ' ms hole between AAC samples detected,filling it'); - if (numMissingFrames > 0) { - fillFrame = _aac2.default.getSilentFrame(track.manifestCodec || track.codec, track.channelCount); - if (!fillFrame) { - fillFrame = unit.subarray(); - } - track.len += numMissingFrames * fillFrame.length; - } - // if we have frame overlap, overlapping for more than half a frame duraion - } else if (_delta < -12) { - // drop overlapping audio frames... browser will deal with it - _logger.logger.log(-_delta + ' ms overlapping between AAC samples detected, drop frame'); - track.len -= unit.byteLength; - continue; - } - // set PTS/DTS to expected PTS/DTS - ptsnorm = dtsnorm = nextAudioPts; - } - } - // remember first PTS of our audioSamples, ensure value is positive - firstPTS = Math.max(0, ptsnorm); - firstDTS = Math.max(0, dtsnorm); - if (track.len > 0) { - /* concatenate the audio data and construct the mdat in place - (need 8 more bytes to fill length and mdat type) */ - - var mdatSize = rawMPEG ? track.len : track.len + 8; - try { - mdat = new Uint8Array(mdatSize); - } catch (err) { - this.observer.trigger(_events2.default.ERROR, { type: _errors.ErrorTypes.MUX_ERROR, details: _errors.ErrorDetails.REMUX_ALLOC_ERROR, fatal: false, bytes: mdatSize, reason: 'fail allocating audio mdat ' + mdatSize }); - return; - } - if (!rawMPEG) { - view = new DataView(mdat.buffer); - view.setUint32(0, mdatSize); - mdat.set(_mp4Generator2.default.types.mdat, 4); - } - } else { - // no audio samples - return; - } - for (var _i3 = 0; _i3 < numMissingFrames; _i3++) { - newStamp = ptsnorm - (numMissingFrames - _i3) * inputSampleDuration; - fillFrame = _aac2.default.getSilentFrame(track.manifestCodec || track.codec, track.channelCount); - if (!fillFrame) { - _logger.logger.log('Unable to get silent frame for given audio codec; duplicating this frame instead.'); - fillFrame = unit.subarray(); - } - mdat.set(fillFrame, offset); - offset += fillFrame.byteLength; - mp4Sample = { - size: fillFrame.byteLength, - cts: 0, - duration: 1024, - flags: { - isLeading: 0, - isDependedOn: 0, - hasRedundancy: 0, - degradPrio: 0, - dependsOn: 1 - } - }; - outputSamples.push(mp4Sample); - } - } - mdat.set(unit, offset); - var unitLen = unit.byteLength; - offset += unitLen; - //console.log('PTS/DTS/initDTS/normPTS/normDTS/relative PTS : ${audioSample.pts}/${audioSample.dts}/${initDTS}/${ptsnorm}/${dtsnorm}/${(audioSample.pts/4294967296).toFixed(3)}'); - mp4Sample = { - size: unitLen, - cts: 0, - duration: 0, - flags: { - isLeading: 0, - isDependedOn: 0, - hasRedundancy: 0, - degradPrio: 0, - dependsOn: 1 - } - }; - outputSamples.push(mp4Sample); - lastDTS = dtsnorm; - } - var lastSampleDuration = 0; - var nbSamples = outputSamples.length; - //set last sample duration as being identical to previous sample - if (nbSamples >= 2) { - lastSampleDuration = outputSamples[nbSamples - 2].duration; - mp4Sample.duration = lastSampleDuration; - } - if (nbSamples) { - // next audio sample PTS should be equal to last sample PTS + duration - this.nextAudioPts = ptsnorm + scaleFactor * lastSampleDuration; - //logger.log('Audio/PTS/PTSend:' + audioSample.pts.toFixed(0) + '/' + this.nextAacDts.toFixed(0)); - track.len = 0; - track.samples = outputSamples; - if (rawMPEG) { - moof = new Uint8Array(); - } else { - moof = _mp4Generator2.default.moof(track.sequenceNumber++, firstDTS / scaleFactor, track); - } - track.samples = []; - var audioData = { - data1: moof, - data2: mdat, - startPTS: firstPTS / inputTimeScale, - endPTS: this.nextAudioPts / inputTimeScale, - startDTS: firstDTS / inputTimeScale, - endDTS: (dtsnorm + scaleFactor * lastSampleDuration) / inputTimeScale, - type: 'audio', - nb: nbSamples - }; - this.observer.trigger(_events2.default.FRAG_PARSING_DATA, audioData); - return audioData; - } - return null; - } - }, { - key: 'remuxEmptyAudio', - value: function remuxEmptyAudio(track, timeOffset, contiguous, videoData) { - var inputTimeScale = track.inputTimeScale, - mp4timeScale = track.samplerate ? track.samplerate : inputTimeScale, - scaleFactor = inputTimeScale / mp4timeScale, - nextAudioPts = this.nextAudioPts, - - - // sync with video's timestamp - startDTS = (nextAudioPts !== undefined ? nextAudioPts : videoData.startDTS * inputTimeScale) + this._initDTS, - endDTS = videoData.endDTS * inputTimeScale + this._initDTS, - - // one sample's duration value - sampleDuration = 1024, - frameDuration = scaleFactor * sampleDuration, - - - // samples count of this segment's duration - nbSamples = Math.ceil((endDTS - startDTS) / frameDuration), - - - // silent frame - silentFrame = _aac2.default.getSilentFrame(track.manifestCodec || track.codec, track.channelCount); - - _logger.logger.warn('remux empty Audio'); - // Can't remux if we can't generate a silent frame... - if (!silentFrame) { - _logger.logger.trace('Unable to remuxEmptyAudio since we were unable to get a silent frame for given audio codec!'); - return; - } - - var samples = []; - for (var i = 0; i < nbSamples; i++) { - var stamp = startDTS + i * frameDuration; - samples.push({ unit: silentFrame, pts: stamp, dts: stamp }); - track.len += silentFrame.length; - } - track.samples = samples; - - this.remuxAudio(track, timeOffset, contiguous); - } - }, { - key: 'remuxID3', - value: function remuxID3(track, timeOffset) { - var length = track.samples.length, - sample; - var inputTimeScale = track.inputTimeScale; - var initPTS = this._initPTS; - var initDTS = this._initDTS; - // consume samples - if (length) { - for (var index = 0; index < length; index++) { - sample = track.samples[index]; - // setting id3 pts, dts to relative time - // using this._initPTS and this._initDTS to calculate relative time - sample.pts = (sample.pts - initPTS) / inputTimeScale; - sample.dts = (sample.dts - initDTS) / inputTimeScale; - } - this.observer.trigger(_events2.default.FRAG_PARSING_METADATA, { - samples: track.samples - }); - } - - track.samples = []; - timeOffset = timeOffset; - } - }, { - key: 'remuxText', - value: function remuxText(track, timeOffset) { - track.samples.sort(function (a, b) { - return a.pts - b.pts; - }); - - var length = track.samples.length, - sample; - var inputTimeScale = track.inputTimeScale; - var initPTS = this._initPTS; - // consume samples - if (length) { - for (var index = 0; index < length; index++) { - sample = track.samples[index]; - // setting text pts, dts to relative time - // using this._initPTS and this._initDTS to calculate relative time - sample.pts = (sample.pts - initPTS) / inputTimeScale; - } - this.observer.trigger(_events2.default.FRAG_PARSING_USERDATA, { - samples: track.samples - }); - } - - track.samples = []; - timeOffset = timeOffset; - } - }, { - key: '_PTSNormalize', - value: function _PTSNormalize(value, reference) { - var offset; - if (reference === undefined) { - return value; - } - if (reference < value) { - // - 2^33 - offset = -8589934592; - } else { - // + 2^33 - offset = 8589934592; - } - /* PTS is 33bit (from 0 to 2^33 -1) - if diff between value and reference is bigger than half of the amplitude (2^32) then it means that - PTS looping occured. fill the gap */ - while (Math.abs(value - reference) > 4294967296) { - value += offset; - } - return value; - } - }]); - - return MP4Remuxer; -}(); - -exports.default = MP4Remuxer; - -},{"30":30,"32":32,"33":33,"41":41,"50":50}],43:[function(_dereq_,module,exports){ -'use strict'; - -Object.defineProperty(exports, "__esModule", { - value: true -}); - -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); /** - * passthrough remuxer - */ - - -var _events = _dereq_(32); - -var _events2 = _interopRequireDefault(_events); - -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - -var PassThroughRemuxer = function () { - function PassThroughRemuxer(observer) { - _classCallCheck(this, PassThroughRemuxer); - - this.observer = observer; - } - - _createClass(PassThroughRemuxer, [{ - key: 'destroy', - value: function destroy() {} - }, { - key: 'resetTimeStamp', - value: function resetTimeStamp() {} - }, { - key: 'resetInitSegment', - value: function resetInitSegment() {} - }, { - key: 'remux', - value: function remux(audioTrack, videoTrack, id3Track, textTrack, timeOffset, contiguous, accurateTimeOffset, rawData) { - var observer = this.observer; - var streamType = ''; - if (audioTrack) { - streamType += 'audio'; - } - if (videoTrack) { - streamType += 'video'; - } - observer.trigger(_events2.default.FRAG_PARSING_DATA, { - data1: rawData, - startPTS: timeOffset, - startDTS: timeOffset, - type: streamType, - nb: 1, - dropped: 0 - }); - //notify end of parsing - observer.trigger(_events2.default.FRAG_PARSED); - } - }]); - - return PassThroughRemuxer; -}(); - -exports.default = PassThroughRemuxer; - -},{"32":32}],44:[function(_dereq_,module,exports){ -'use strict'; - -Object.defineProperty(exports, "__esModule", { - value: true -}); - -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); - -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - -var DECIMAL_RESOLUTION_REGEX = /^(\d+)x(\d+)$/; -var ATTR_LIST_REGEX = /\s*(.+?)\s*=((?:\".*?\")|.*?)(?:,|$)/g; - -// adapted from https://github.com/kanongil/node-m3u8parse/blob/master/attrlist.js - -var AttrList = function () { - function AttrList(attrs) { - _classCallCheck(this, AttrList); - - if (typeof attrs === 'string') { - attrs = AttrList.parseAttrList(attrs); - } - for (var attr in attrs) { - if (attrs.hasOwnProperty(attr)) { - this[attr] = attrs[attr]; - } - } - } - - _createClass(AttrList, [{ - key: 'decimalInteger', - value: function decimalInteger(attrName) { - var intValue = parseInt(this[attrName], 10); - if (intValue > Number.MAX_SAFE_INTEGER) { - return Infinity; - } - return intValue; - } - }, { - key: 'hexadecimalInteger', - value: function hexadecimalInteger(attrName) { - if (this[attrName]) { - var stringValue = (this[attrName] || '0x').slice(2); - stringValue = (stringValue.length & 1 ? '0' : '') + stringValue; - - var value = new Uint8Array(stringValue.length / 2); - for (var i = 0; i < stringValue.length / 2; i++) { - value[i] = parseInt(stringValue.slice(i * 2, i * 2 + 2), 16); - } - return value; - } else { - return null; - } - } - }, { - key: 'hexadecimalIntegerAsNumber', - value: function hexadecimalIntegerAsNumber(attrName) { - var intValue = parseInt(this[attrName], 16); - if (intValue > Number.MAX_SAFE_INTEGER) { - return Infinity; - } - return intValue; - } - }, { - key: 'decimalFloatingPoint', - value: function decimalFloatingPoint(attrName) { - return parseFloat(this[attrName]); - } - }, { - key: 'enumeratedString', - value: function enumeratedString(attrName) { - return this[attrName]; - } - }, { - key: 'decimalResolution', - value: function decimalResolution(attrName) { - var res = DECIMAL_RESOLUTION_REGEX.exec(this[attrName]); - if (res === null) { - return undefined; - } - return { - width: parseInt(res[1], 10), - height: parseInt(res[2], 10) - }; - } - }], [{ - key: 'parseAttrList', - value: function parseAttrList(input) { - var match, - attrs = {}; - ATTR_LIST_REGEX.lastIndex = 0; - while ((match = ATTR_LIST_REGEX.exec(input)) !== null) { - var value = match[2], - quote = '"'; - - if (value.indexOf(quote) === 0 && value.lastIndexOf(quote) === value.length - 1) { - value = value.slice(1, -1); - } - attrs[match[1]] = value; - } - return attrs; - } - }]); - - return AttrList; -}(); - -exports.default = AttrList; - -},{}],45:[function(_dereq_,module,exports){ -"use strict"; - -var BinarySearch = { - /** - * Searches for an item in an array which matches a certain condition. - * This requires the condition to only match one item in the array, - * and for the array to be ordered. - * - * @param {Array} list The array to search. - * @param {Function} comparisonFunction - * Called and provided a candidate item as the first argument. - * Should return: - * > -1 if the item should be located at a lower index than the provided item. - * > 1 if the item should be located at a higher index than the provided item. - * > 0 if the item is the item you're looking for. - * - * @return {*} The object if it is found or null otherwise. - */ - search: function search(list, comparisonFunction) { - var minIndex = 0; - var maxIndex = list.length - 1; - var currentIndex = null; - var currentElement = null; - - while (minIndex <= maxIndex) { - currentIndex = (minIndex + maxIndex) / 2 | 0; - currentElement = list[currentIndex]; - - var comparisonResult = comparisonFunction(currentElement); - if (comparisonResult > 0) { - minIndex = currentIndex + 1; - } else if (comparisonResult < 0) { - maxIndex = currentIndex - 1; - } else { - return currentElement; - } - } - - return null; - } -}; - -module.exports = BinarySearch; - -},{}],46:[function(_dereq_,module,exports){ -'use strict'; - -Object.defineProperty(exports, "__esModule", { - value: true -}); - -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); - -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - -/** - * - * This code was ported from the dash.js project at: - * https://github.com/Dash-Industry-Forum/dash.js/blob/development/externals/cea608-parser.js - * https://github.com/Dash-Industry-Forum/dash.js/commit/8269b26a761e0853bb21d78780ed945144ecdd4d#diff-71bc295a2d6b6b7093a1d3290d53a4b2 - * - * The original copyright appears below: - * - * The copyright in this software is being made available under the BSD License, - * included below. This software may be subject to other third party and contributor - * rights, including patent rights, and no such rights are granted under this license. - * - * Copyright (c) 2015-2016, DASH Industry Forum. - * All rights reserved. - * - * Redistribution and use in source and binary forms, with or without modification, - * are permitted provided that the following conditions are met: - * 1. Redistributions of source code must retain the above copyright notice, this - * list of conditions and the following disclaimer. - * * Redistributions in binary form must reproduce the above copyright notice, - * this list of conditions and the following disclaimer in the documentation and/or - * other materials provided with the distribution. - * 2. Neither the name of Dash Industry Forum nor the names of its - * contributors may be used to endorse or promote products derived from this software - * without specific prior written permission. - * - * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS AS IS AND ANY - * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED - * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. - * IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, - * INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT - * NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR - * PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, - * WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) - * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE - * POSSIBILITY OF SUCH DAMAGE. - */ -/** - * Exceptions from regular ASCII. CodePoints are mapped to UTF-16 codes - */ - -var specialCea608CharsCodes = { - 0x2a: 0xe1, // lowercase a, acute accent - 0x5c: 0xe9, // lowercase e, acute accent - 0x5e: 0xed, // lowercase i, acute accent - 0x5f: 0xf3, // lowercase o, acute accent - 0x60: 0xfa, // lowercase u, acute accent - 0x7b: 0xe7, // lowercase c with cedilla - 0x7c: 0xf7, // division symbol - 0x7d: 0xd1, // uppercase N tilde - 0x7e: 0xf1, // lowercase n tilde - 0x7f: 0x2588, // Full block - // THIS BLOCK INCLUDES THE 16 EXTENDED (TWO-BYTE) LINE 21 CHARACTERS - // THAT COME FROM HI BYTE=0x11 AND LOW BETWEEN 0x30 AND 0x3F - // THIS MEANS THAT \x50 MUST BE ADDED TO THE VALUES - 0x80: 0xae, // Registered symbol (R) - 0x81: 0xb0, // degree sign - 0x82: 0xbd, // 1/2 symbol - 0x83: 0xbf, // Inverted (open) question mark - 0x84: 0x2122, // Trademark symbol (TM) - 0x85: 0xa2, // Cents symbol - 0x86: 0xa3, // Pounds sterling - 0x87: 0x266a, // Music 8'th note - 0x88: 0xe0, // lowercase a, grave accent - 0x89: 0x20, // transparent space (regular) - 0x8a: 0xe8, // lowercase e, grave accent - 0x8b: 0xe2, // lowercase a, circumflex accent - 0x8c: 0xea, // lowercase e, circumflex accent - 0x8d: 0xee, // lowercase i, circumflex accent - 0x8e: 0xf4, // lowercase o, circumflex accent - 0x8f: 0xfb, // lowercase u, circumflex accent - // THIS BLOCK INCLUDES THE 32 EXTENDED (TWO-BYTE) LINE 21 CHARACTERS - // THAT COME FROM HI BYTE=0x12 AND LOW BETWEEN 0x20 AND 0x3F - 0x90: 0xc1, // capital letter A with acute - 0x91: 0xc9, // capital letter E with acute - 0x92: 0xd3, // capital letter O with acute - 0x93: 0xda, // capital letter U with acute - 0x94: 0xdc, // capital letter U with diaresis - 0x95: 0xfc, // lowercase letter U with diaeresis - 0x96: 0x2018, // opening single quote - 0x97: 0xa1, // inverted exclamation mark - 0x98: 0x2a, // asterisk - 0x99: 0x2019, // closing single quote - 0x9a: 0x2501, // box drawings heavy horizontal - 0x9b: 0xa9, // copyright sign - 0x9c: 0x2120, // Service mark - 0x9d: 0x2022, // (round) bullet - 0x9e: 0x201c, // Left double quotation mark - 0x9f: 0x201d, // Right double quotation mark - 0xa0: 0xc0, // uppercase A, grave accent - 0xa1: 0xc2, // uppercase A, circumflex - 0xa2: 0xc7, // uppercase C with cedilla - 0xa3: 0xc8, // uppercase E, grave accent - 0xa4: 0xca, // uppercase E, circumflex - 0xa5: 0xcb, // capital letter E with diaresis - 0xa6: 0xeb, // lowercase letter e with diaresis - 0xa7: 0xce, // uppercase I, circumflex - 0xa8: 0xcf, // uppercase I, with diaresis - 0xa9: 0xef, // lowercase i, with diaresis - 0xaa: 0xd4, // uppercase O, circumflex - 0xab: 0xd9, // uppercase U, grave accent - 0xac: 0xf9, // lowercase u, grave accent - 0xad: 0xdb, // uppercase U, circumflex - 0xae: 0xab, // left-pointing double angle quotation mark - 0xaf: 0xbb, // right-pointing double angle quotation mark - // THIS BLOCK INCLUDES THE 32 EXTENDED (TWO-BYTE) LINE 21 CHARACTERS - // THAT COME FROM HI BYTE=0x13 AND LOW BETWEEN 0x20 AND 0x3F - 0xb0: 0xc3, // Uppercase A, tilde - 0xb1: 0xe3, // Lowercase a, tilde - 0xb2: 0xcd, // Uppercase I, acute accent - 0xb3: 0xcc, // Uppercase I, grave accent - 0xb4: 0xec, // Lowercase i, grave accent - 0xb5: 0xd2, // Uppercase O, grave accent - 0xb6: 0xf2, // Lowercase o, grave accent - 0xb7: 0xd5, // Uppercase O, tilde - 0xb8: 0xf5, // Lowercase o, tilde - 0xb9: 0x7b, // Open curly brace - 0xba: 0x7d, // Closing curly brace - 0xbb: 0x5c, // Backslash - 0xbc: 0x5e, // Caret - 0xbd: 0x5f, // Underscore - 0xbe: 0x7c, // Pipe (vertical line) - 0xbf: 0x223c, // Tilde operator - 0xc0: 0xc4, // Uppercase A, umlaut - 0xc1: 0xe4, // Lowercase A, umlaut - 0xc2: 0xd6, // Uppercase O, umlaut - 0xc3: 0xf6, // Lowercase o, umlaut - 0xc4: 0xdf, // Esszett (sharp S) - 0xc5: 0xa5, // Yen symbol - 0xc6: 0xa4, // Generic currency sign - 0xc7: 0x2503, // Box drawings heavy vertical - 0xc8: 0xc5, // Uppercase A, ring - 0xc9: 0xe5, // Lowercase A, ring - 0xca: 0xd8, // Uppercase O, stroke - 0xcb: 0xf8, // Lowercase o, strok - 0xcc: 0x250f, // Box drawings heavy down and right - 0xcd: 0x2513, // Box drawings heavy down and left - 0xce: 0x2517, // Box drawings heavy up and right - 0xcf: 0x251b // Box drawings heavy up and left -}; - -/** - * Utils - */ -var getCharForByte = function getCharForByte(byte) { - var charCode = byte; - if (specialCea608CharsCodes.hasOwnProperty(byte)) { - charCode = specialCea608CharsCodes[byte]; - } - return String.fromCharCode(charCode); -}; - -var NR_ROWS = 15, - NR_COLS = 100; -// Tables to look up row from PAC data -var rowsLowCh1 = { 0x11: 1, 0x12: 3, 0x15: 5, 0x16: 7, 0x17: 9, 0x10: 11, 0x13: 12, 0x14: 14 }; -var rowsHighCh1 = { 0x11: 2, 0x12: 4, 0x15: 6, 0x16: 8, 0x17: 10, 0x13: 13, 0x14: 15 }; -var rowsLowCh2 = { 0x19: 1, 0x1A: 3, 0x1D: 5, 0x1E: 7, 0x1F: 9, 0x18: 11, 0x1B: 12, 0x1C: 14 }; -var rowsHighCh2 = { 0x19: 2, 0x1A: 4, 0x1D: 6, 0x1E: 8, 0x1F: 10, 0x1B: 13, 0x1C: 15 }; - -var backgroundColors = ['white', 'green', 'blue', 'cyan', 'red', 'yellow', 'magenta', 'black', 'transparent']; - -/** - * Simple logger class to be able to write with time-stamps and filter on level. - */ -var logger = { - verboseFilter: { 'DATA': 3, 'DEBUG': 3, 'INFO': 2, 'WARNING': 2, 'TEXT': 1, 'ERROR': 0 }, - time: null, - verboseLevel: 0, // Only write errors - setTime: function setTime(newTime) { - this.time = newTime; - }, - log: function log(severity, msg) { - var minLevel = this.verboseFilter[severity]; - if (this.verboseLevel >= minLevel) { - console.log(this.time + ' [' + severity + '] ' + msg); - } - } -}; - -var numArrayToHexArray = function numArrayToHexArray(numArray) { - var hexArray = []; - for (var j = 0; j < numArray.length; j++) { - hexArray.push(numArray[j].toString(16)); - } - return hexArray; -}; - -var PenState = function () { - function PenState(foreground, underline, italics, background, flash) { - _classCallCheck(this, PenState); - - this.foreground = foreground || 'white'; - this.underline = underline || false; - this.italics = italics || false; - this.background = background || 'black'; - this.flash = flash || false; - } - - _createClass(PenState, [{ - key: 'reset', - value: function reset() { - this.foreground = 'white'; - this.underline = false; - this.italics = false; - this.background = 'black'; - this.flash = false; - } - }, { - key: 'setStyles', - value: function setStyles(styles) { - var attribs = ['foreground', 'underline', 'italics', 'background', 'flash']; - for (var i = 0; i < attribs.length; i++) { - var style = attribs[i]; - if (styles.hasOwnProperty(style)) { - this[style] = styles[style]; - } - } - } - }, { - key: 'isDefault', - value: function isDefault() { - return this.foreground === 'white' && !this.underline && !this.italics && this.background === 'black' && !this.flash; - } - }, { - key: 'equals', - value: function equals(other) { - return this.foreground === other.foreground && this.underline === other.underline && this.italics === other.italics && this.background === other.background && this.flash === other.flash; - } - }, { - key: 'copy', - value: function copy(newPenState) { - this.foreground = newPenState.foreground; - this.underline = newPenState.underline; - this.italics = newPenState.italics; - this.background = newPenState.background; - this.flash = newPenState.flash; - } - }, { - key: 'toString', - value: function toString() { - return 'color=' + this.foreground + ', underline=' + this.underline + ', italics=' + this.italics + ', background=' + this.background + ', flash=' + this.flash; - } - }]); - - return PenState; -}(); - -/** - * Unicode character with styling and background. - * @constructor - */ - - -var StyledUnicodeChar = function () { - function StyledUnicodeChar(uchar, foreground, underline, italics, background, flash) { - _classCallCheck(this, StyledUnicodeChar); - - this.uchar = uchar || ' '; // unicode character - this.penState = new PenState(foreground, underline, italics, background, flash); - } - - _createClass(StyledUnicodeChar, [{ - key: 'reset', - value: function reset() { - this.uchar = ' '; - this.penState.reset(); - } - }, { - key: 'setChar', - value: function setChar(uchar, newPenState) { - this.uchar = uchar; - this.penState.copy(newPenState); - } - }, { - key: 'setPenState', - value: function setPenState(newPenState) { - this.penState.copy(newPenState); - } - }, { - key: 'equals', - value: function equals(other) { - return this.uchar === other.uchar && this.penState.equals(other.penState); - } - }, { - key: 'copy', - value: function copy(newChar) { - this.uchar = newChar.uchar; - this.penState.copy(newChar.penState); - } - }, { - key: 'isEmpty', - value: function isEmpty() { - return this.uchar === ' ' && this.penState.isDefault(); - } - }]); - - return StyledUnicodeChar; -}(); - -/** - * CEA-608 row consisting of NR_COLS instances of StyledUnicodeChar. - * @constructor - */ - - -var Row = function () { - function Row() { - _classCallCheck(this, Row); - - this.chars = []; - for (var i = 0; i < NR_COLS; i++) { - this.chars.push(new StyledUnicodeChar()); - } - this.pos = 0; - this.currPenState = new PenState(); - } - - _createClass(Row, [{ - key: 'equals', - value: function equals(other) { - var equal = true; - for (var i = 0; i < NR_COLS; i++) { - if (!this.chars[i].equals(other.chars[i])) { - equal = false; - break; - } - } - return equal; - } - }, { - key: 'copy', - value: function copy(other) { - for (var i = 0; i < NR_COLS; i++) { - this.chars[i].copy(other.chars[i]); - } - } - }, { - key: 'isEmpty', - value: function isEmpty() { - var empty = true; - for (var i = 0; i < NR_COLS; i++) { - if (!this.chars[i].isEmpty()) { - empty = false; - break; - } - } - return empty; - } - - /** - * Set the cursor to a valid column. - */ - - }, { - key: 'setCursor', - value: function setCursor(absPos) { - if (this.pos !== absPos) { - this.pos = absPos; - } - if (this.pos < 0) { - logger.log('ERROR', 'Negative cursor position ' + this.pos); - this.pos = 0; - } else if (this.pos > NR_COLS) { - logger.log('ERROR', 'Too large cursor position ' + this.pos); - this.pos = NR_COLS; - } - } - - /** - * Move the cursor relative to current position. - */ - - }, { - key: 'moveCursor', - value: function moveCursor(relPos) { - var newPos = this.pos + relPos; - if (relPos > 1) { - for (var i = this.pos + 1; i < newPos + 1; i++) { - this.chars[i].setPenState(this.currPenState); - } - } - this.setCursor(newPos); - } - - /** - * Backspace, move one step back and clear character. - */ - - }, { - key: 'backSpace', - value: function backSpace() { - this.moveCursor(-1); - this.chars[this.pos].setChar(' ', this.currPenState); - } - }, { - key: 'insertChar', - value: function insertChar(byte) { - if (byte >= 0x90) { - //Extended char - this.backSpace(); - } - var char = getCharForByte(byte); - if (this.pos >= NR_COLS) { - logger.log('ERROR', 'Cannot insert ' + byte.toString(16) + ' (' + char + ') at position ' + this.pos + '. Skipping it!'); - return; - } - this.chars[this.pos].setChar(char, this.currPenState); - this.moveCursor(1); - } - }, { - key: 'clearFromPos', - value: function clearFromPos(startPos) { - var i; - for (i = startPos; i < NR_COLS; i++) { - this.chars[i].reset(); - } - } - }, { - key: 'clear', - value: function clear() { - this.clearFromPos(0); - this.pos = 0; - this.currPenState.reset(); - } - }, { - key: 'clearToEndOfRow', - value: function clearToEndOfRow() { - this.clearFromPos(this.pos); - } - }, { - key: 'getTextString', - value: function getTextString() { - var chars = []; - var empty = true; - for (var i = 0; i < NR_COLS; i++) { - var char = this.chars[i].uchar; - if (char !== ' ') { - empty = false; - } - chars.push(char); - } - if (empty) { - return ''; - } else { - return chars.join(''); - } - } - }, { - key: 'setPenStyles', - value: function setPenStyles(styles) { - this.currPenState.setStyles(styles); - var currChar = this.chars[this.pos]; - currChar.setPenState(this.currPenState); - } - }]); - - return Row; -}(); - -/** - * Keep a CEA-608 screen of 32x15 styled characters - * @constructor -*/ - - -var CaptionScreen = function () { - function CaptionScreen() { - _classCallCheck(this, CaptionScreen); - - this.rows = []; - for (var i = 0; i < NR_ROWS; i++) { - this.rows.push(new Row()); // Note that we use zero-based numbering (0-14) - } - this.currRow = NR_ROWS - 1; - this.nrRollUpRows = null; - this.reset(); - } - - _createClass(CaptionScreen, [{ - key: 'reset', - value: function reset() { - for (var i = 0; i < NR_ROWS; i++) { - this.rows[i].clear(); - } - this.currRow = NR_ROWS - 1; - } - }, { - key: 'equals', - value: function equals(other) { - var equal = true; - for (var i = 0; i < NR_ROWS; i++) { - if (!this.rows[i].equals(other.rows[i])) { - equal = false; - break; - } - } - return equal; - } - }, { - key: 'copy', - value: function copy(other) { - for (var i = 0; i < NR_ROWS; i++) { - this.rows[i].copy(other.rows[i]); - } - } - }, { - key: 'isEmpty', - value: function isEmpty() { - var empty = true; - for (var i = 0; i < NR_ROWS; i++) { - if (!this.rows[i].isEmpty()) { - empty = false; - break; - } - } - return empty; - } - }, { - key: 'backSpace', - value: function backSpace() { - var row = this.rows[this.currRow]; - row.backSpace(); - } - }, { - key: 'clearToEndOfRow', - value: function clearToEndOfRow() { - var row = this.rows[this.currRow]; - row.clearToEndOfRow(); - } - - /** - * Insert a character (without styling) in the current row. - */ - - }, { - key: 'insertChar', - value: function insertChar(char) { - var row = this.rows[this.currRow]; - row.insertChar(char); - } - }, { - key: 'setPen', - value: function setPen(styles) { - var row = this.rows[this.currRow]; - row.setPenStyles(styles); - } - }, { - key: 'moveCursor', - value: function moveCursor(relPos) { - var row = this.rows[this.currRow]; - row.moveCursor(relPos); - } - }, { - key: 'setCursor', - value: function setCursor(absPos) { - logger.log('INFO', 'setCursor: ' + absPos); - var row = this.rows[this.currRow]; - row.setCursor(absPos); - } - }, { - key: 'setPAC', - value: function setPAC(pacData) { - logger.log('INFO', 'pacData = ' + JSON.stringify(pacData)); - var newRow = pacData.row - 1; - if (this.nrRollUpRows && newRow < this.nrRollUpRows - 1) { - newRow = this.nrRollUpRows - 1; - } - - //Make sure this only affects Roll-up Captions by checking this.nrRollUpRows - if (this.nrRollUpRows && this.currRow !== newRow) { - //clear all rows first - for (var i = 0; i < NR_ROWS; i++) { - this.rows[i].clear(); - } - - //Copy this.nrRollUpRows rows from lastOutputScreen and place it in the newRow location - //topRowIndex - the start of rows to copy (inclusive index) - var topRowIndex = this.currRow + 1 - this.nrRollUpRows; - //We only copy if the last position was already shown. - //We use the cueStartTime value to check this. - var lastOutputScreen = this.lastOutputScreen; - if (lastOutputScreen) { - var prevLineTime = lastOutputScreen.rows[topRowIndex].cueStartTime; - if (prevLineTime && prevLineTime < logger.time) { - for (var _i = 0; _i < this.nrRollUpRows; _i++) { - this.rows[newRow - this.nrRollUpRows + _i + 1].copy(lastOutputScreen.rows[topRowIndex + _i]); - } - } - } - } - - this.currRow = newRow; - var row = this.rows[this.currRow]; - if (pacData.indent !== null) { - var indent = pacData.indent; - var prevPos = Math.max(indent - 1, 0); - row.setCursor(pacData.indent); - pacData.color = row.chars[prevPos].penState.foreground; - } - var styles = { foreground: pacData.color, underline: pacData.underline, italics: pacData.italics, background: 'black', flash: false }; - this.setPen(styles); - } - - /** - * Set background/extra foreground, but first do back_space, and then insert space (backwards compatibility). - */ - - }, { - key: 'setBkgData', - value: function setBkgData(bkgData) { - - logger.log('INFO', 'bkgData = ' + JSON.stringify(bkgData)); - this.backSpace(); - this.setPen(bkgData); - this.insertChar(0x20); //Space - } - }, { - key: 'setRollUpRows', - value: function setRollUpRows(nrRows) { - this.nrRollUpRows = nrRows; - } - }, { - key: 'rollUp', - value: function rollUp() { - if (this.nrRollUpRows === null) { - logger.log('DEBUG', 'roll_up but nrRollUpRows not set yet'); - return; //Not properly setup - } - logger.log('TEXT', this.getDisplayText()); - var topRowIndex = this.currRow + 1 - this.nrRollUpRows; - var topRow = this.rows.splice(topRowIndex, 1)[0]; - topRow.clear(); - this.rows.splice(this.currRow, 0, topRow); - logger.log('INFO', 'Rolling up'); - //logger.log('TEXT', this.get_display_text()) - } - - /** - * Get all non-empty rows with as unicode text. - */ - - }, { - key: 'getDisplayText', - value: function getDisplayText(asOneRow) { - asOneRow = asOneRow || false; - var displayText = []; - var text = ''; - var rowNr = -1; - for (var i = 0; i < NR_ROWS; i++) { - var rowText = this.rows[i].getTextString(); - if (rowText) { - rowNr = i + 1; - if (asOneRow) { - displayText.push('Row ' + rowNr + ': \'' + rowText + '\''); - } else { - displayText.push(rowText.trim()); - } - } - } - if (displayText.length > 0) { - if (asOneRow) { - text = '[' + displayText.join(' | ') + ']'; - } else { - text = displayText.join('\n'); - } - } - return text; - } - }, { - key: 'getTextAndFormat', - value: function getTextAndFormat() { - return this.rows; - } - }]); - - return CaptionScreen; -}(); - -//var modes = ['MODE_ROLL-UP', 'MODE_POP-ON', 'MODE_PAINT-ON', 'MODE_TEXT']; - -var Cea608Channel = function () { - function Cea608Channel(channelNumber, outputFilter) { - _classCallCheck(this, Cea608Channel); - - this.chNr = channelNumber; - this.outputFilter = outputFilter; - this.mode = null; - this.verbose = 0; - this.displayedMemory = new CaptionScreen(); - this.nonDisplayedMemory = new CaptionScreen(); - this.lastOutputScreen = new CaptionScreen(); - this.currRollUpRow = this.displayedMemory.rows[NR_ROWS - 1]; - this.writeScreen = this.displayedMemory; - this.mode = null; - this.cueStartTime = null; // Keeps track of where a cue started. - } - - _createClass(Cea608Channel, [{ - key: 'reset', - value: function reset() { - this.mode = null; - this.displayedMemory.reset(); - this.nonDisplayedMemory.reset(); - this.lastOutputScreen.reset(); - this.currRollUpRow = this.displayedMemory.rows[NR_ROWS - 1]; - this.writeScreen = this.displayedMemory; - this.mode = null; - this.cueStartTime = null; - this.lastCueEndTime = null; - } - }, { - key: 'getHandler', - value: function getHandler() { - return this.outputFilter; - } - }, { - key: 'setHandler', - value: function setHandler(newHandler) { - this.outputFilter = newHandler; - } - }, { - key: 'setPAC', - value: function setPAC(pacData) { - this.writeScreen.setPAC(pacData); - } - }, { - key: 'setBkgData', - value: function setBkgData(bkgData) { - this.writeScreen.setBkgData(bkgData); - } - }, { - key: 'setMode', - value: function setMode(newMode) { - if (newMode === this.mode) { - return; - } - this.mode = newMode; - logger.log('INFO', 'MODE=' + newMode); - if (this.mode === 'MODE_POP-ON') { - this.writeScreen = this.nonDisplayedMemory; - } else { - this.writeScreen = this.displayedMemory; - this.writeScreen.reset(); - } - if (this.mode !== 'MODE_ROLL-UP') { - this.displayedMemory.nrRollUpRows = null; - this.nonDisplayedMemory.nrRollUpRows = null; - } - this.mode = newMode; - } - }, { - key: 'insertChars', - value: function insertChars(chars) { - for (var i = 0; i < chars.length; i++) { - this.writeScreen.insertChar(chars[i]); - } - var screen = this.writeScreen === this.displayedMemory ? 'DISP' : 'NON_DISP'; - logger.log('INFO', screen + ': ' + this.writeScreen.getDisplayText(true)); - if (this.mode === 'MODE_PAINT-ON' || this.mode === 'MODE_ROLL-UP') { - logger.log('TEXT', 'DISPLAYED: ' + this.displayedMemory.getDisplayText(true)); - this.outputDataUpdate(); - } - } - }, { - key: 'ccRCL', - value: function ccRCL() { - // Resume Caption Loading (switch mode to Pop On) - logger.log('INFO', 'RCL - Resume Caption Loading'); - this.setMode('MODE_POP-ON'); - } - }, { - key: 'ccBS', - value: function ccBS() { - // BackSpace - logger.log('INFO', 'BS - BackSpace'); - if (this.mode === 'MODE_TEXT') { - return; - } - this.writeScreen.backSpace(); - if (this.writeScreen === this.displayedMemory) { - this.outputDataUpdate(); - } - } - }, { - key: 'ccAOF', - value: function ccAOF() { - // Reserved (formerly Alarm Off) - return; - } - }, { - key: 'ccAON', - value: function ccAON() { - // Reserved (formerly Alarm On) - return; - } - }, { - key: 'ccDER', - value: function ccDER() { - // Delete to End of Row - logger.log('INFO', 'DER- Delete to End of Row'); - this.writeScreen.clearToEndOfRow(); - this.outputDataUpdate(); - } - }, { - key: 'ccRU', - value: function ccRU(nrRows) { - //Roll-Up Captions-2,3,or 4 Rows - logger.log('INFO', 'RU(' + nrRows + ') - Roll Up'); - this.writeScreen = this.displayedMemory; - this.setMode('MODE_ROLL-UP'); - this.writeScreen.setRollUpRows(nrRows); - } - }, { - key: 'ccFON', - value: function ccFON() { - //Flash On - logger.log('INFO', 'FON - Flash On'); - this.writeScreen.setPen({ flash: true }); - } - }, { - key: 'ccRDC', - value: function ccRDC() { - // Resume Direct Captioning (switch mode to PaintOn) - logger.log('INFO', 'RDC - Resume Direct Captioning'); - this.setMode('MODE_PAINT-ON'); - } - }, { - key: 'ccTR', - value: function ccTR() { - // Text Restart in text mode (not supported, however) - logger.log('INFO', 'TR'); - this.setMode('MODE_TEXT'); - } - }, { - key: 'ccRTD', - value: function ccRTD() { - // Resume Text Display in Text mode (not supported, however) - logger.log('INFO', 'RTD'); - this.setMode('MODE_TEXT'); - } - }, { - key: 'ccEDM', - value: function ccEDM() { - // Erase Displayed Memory - logger.log('INFO', 'EDM - Erase Displayed Memory'); - this.displayedMemory.reset(); - this.outputDataUpdate(); - } - }, { - key: 'ccCR', - value: function ccCR() { - // Carriage Return - logger.log('CR - Carriage Return'); - this.writeScreen.rollUp(); - this.outputDataUpdate(); - } - }, { - key: 'ccENM', - value: function ccENM() { - //Erase Non-Displayed Memory - logger.log('INFO', 'ENM - Erase Non-displayed Memory'); - this.nonDisplayedMemory.reset(); - } - }, { - key: 'ccEOC', - value: function ccEOC() { - //End of Caption (Flip Memories) - logger.log('INFO', 'EOC - End Of Caption'); - if (this.mode === 'MODE_POP-ON') { - var tmp = this.displayedMemory; - this.displayedMemory = this.nonDisplayedMemory; - this.nonDisplayedMemory = tmp; - this.writeScreen = this.nonDisplayedMemory; - logger.log('TEXT', 'DISP: ' + this.displayedMemory.getDisplayText()); - } - this.outputDataUpdate(); - } - }, { - key: 'ccTO', - value: function ccTO(nrCols) { - // Tab Offset 1,2, or 3 columns - logger.log('INFO', 'TO(' + nrCols + ') - Tab Offset'); - this.writeScreen.moveCursor(nrCols); - } - }, { - key: 'ccMIDROW', - value: function ccMIDROW(secondByte) { - // Parse MIDROW command - var styles = { flash: false }; - styles.underline = secondByte % 2 === 1; - styles.italics = secondByte >= 0x2e; - if (!styles.italics) { - var colorIndex = Math.floor(secondByte / 2) - 0x10; - var colors = ['white', 'green', 'blue', 'cyan', 'red', 'yellow', 'magenta']; - styles.foreground = colors[colorIndex]; - } else { - styles.foreground = 'white'; - } - logger.log('INFO', 'MIDROW: ' + JSON.stringify(styles)); - this.writeScreen.setPen(styles); - } - }, { - key: 'outputDataUpdate', - value: function outputDataUpdate() { - var t = logger.time; - if (t === null) { - return; - } - if (this.outputFilter) { - if (this.outputFilter.updateData) { - this.outputFilter.updateData(t, this.displayedMemory); - } - if (this.cueStartTime === null && !this.displayedMemory.isEmpty()) { - // Start of a new cue - this.cueStartTime = t; - } else { - if (!this.displayedMemory.equals(this.lastOutputScreen)) { - if (this.outputFilter.newCue) { - this.outputFilter.newCue(this.cueStartTime, t, this.lastOutputScreen); - } - this.cueStartTime = this.displayedMemory.isEmpty() ? null : t; - } - } - this.lastOutputScreen.copy(this.displayedMemory); - } - } - }, { - key: 'cueSplitAtTime', - value: function cueSplitAtTime(t) { - if (this.outputFilter) { - if (!this.displayedMemory.isEmpty()) { - if (this.outputFilter.newCue) { - this.outputFilter.newCue(this.cueStartTime, t, this.displayedMemory); - } - this.cueStartTime = t; - } - } - } - }]); +module.exports = { + // fired before MediaSource is attaching to media element - data: { media } + MEDIA_ATTACHING: 'hlsMediaAttaching', + // fired when MediaSource has been succesfully attached to media element - data: { } + MEDIA_ATTACHED: 'hlsMediaAttached', + // fired before detaching MediaSource from media element - data: { } + MEDIA_DETACHING: 'hlsMediaDetaching', + // fired when MediaSource has been detached from media element - data: { } + MEDIA_DETACHED: 'hlsMediaDetached', + // fired when we buffer is going to be reset - data: { } + BUFFER_RESET: 'hlsBufferReset', + // fired when we know about the codecs that we need buffers for to push into - data: {tracks : { container, codec, levelCodec, initSegment, metadata }} + BUFFER_CODECS: 'hlsBufferCodecs', + // fired when sourcebuffers have been created - data: { tracks : tracks } + BUFFER_CREATED: 'hlsBufferCreated', + // fired when we append a segment to the buffer - data: { segment: segment object } + BUFFER_APPENDING: 'hlsBufferAppending', + // fired when we are done with appending a media segment to the buffer - data : { parent : segment parent that triggered BUFFER_APPENDING, pending : nb of segments waiting for appending for this segment parent} + BUFFER_APPENDED: 'hlsBufferAppended', + // fired when the stream is finished and we want to notify the media buffer that there will be no more data - data: { } + BUFFER_EOS: 'hlsBufferEos', + // fired when the media buffer should be flushed - data { startOffset, endOffset } + BUFFER_FLUSHING: 'hlsBufferFlushing', + // fired when the media buffer has been flushed - data: { } + BUFFER_FLUSHED: 'hlsBufferFlushed', + // fired to signal that a manifest loading starts - data: { url : manifestURL} + MANIFEST_LOADING: 'hlsManifestLoading', + // fired after manifest has been loaded - data: { levels : [available quality levels], audioTracks : [ available audio tracks], url : manifestURL, stats : { trequest, tfirst, tload, mtime}} + MANIFEST_LOADED: 'hlsManifestLoaded', + // fired after manifest has been parsed - data: { levels : [available quality levels], firstLevel : index of first quality level appearing in Manifest} + MANIFEST_PARSED: 'hlsManifestParsed', + // fired when a level switch is requested - data: { level : id of new level } // deprecated in favor LEVEL_SWITCHING + LEVEL_SWITCH: 'hlsLevelSwitch', + // fired when a level switch is requested - data: { level : id of new level } + LEVEL_SWITCHING: 'hlsLevelSwitching', + // fired when a level switch is effective - data: { level : id of new level } + LEVEL_SWITCHED: 'hlsLevelSwitched', + // fired when a level playlist loading starts - data: { url : level URL, level : id of level being loaded} + LEVEL_LOADING: 'hlsLevelLoading', + // fired when a level playlist loading finishes - data: { details : levelDetails object, level : id of loaded level, stats : { trequest, tfirst, tload, mtime} } + LEVEL_LOADED: 'hlsLevelLoaded', + // fired when a level's details have been updated based on previous details, after it has been loaded - data: { details : levelDetails object, level : id of updated level } + LEVEL_UPDATED: 'hlsLevelUpdated', + // fired when a level's PTS information has been updated after parsing a fragment - data: { details : levelDetails object, level : id of updated level, drift: PTS drift observed when parsing last fragment } + LEVEL_PTS_UPDATED: 'hlsLevelPtsUpdated', + // fired to notify that audio track lists has been updated - data: { audioTracks : audioTracks } + AUDIO_TRACKS_UPDATED: 'hlsAudioTracksUpdated', + // fired when an audio track switch occurs - data: { id : audio track id } // deprecated in favor AUDIO_TRACK_SWITCHING + AUDIO_TRACK_SWITCH: 'hlsAudioTrackSwitch', + // fired when an audio track switching is requested - data: { id : audio track id } + AUDIO_TRACK_SWITCHING: 'hlsAudioTrackSwitching', + // fired when an audio track switch actually occurs - data: { id : audio track id } + AUDIO_TRACK_SWITCHED: 'hlsAudioTrackSwitched', + // fired when an audio track loading starts - data: { url : audio track URL, id : audio track id } + AUDIO_TRACK_LOADING: 'hlsAudioTrackLoading', + // fired when an audio track loading finishes - data: { details : levelDetails object, id : audio track id, stats : { trequest, tfirst, tload, mtime } } + AUDIO_TRACK_LOADED: 'hlsAudioTrackLoaded', + // fired to notify that subtitle track lists has been updated - data: { subtitleTracks : subtitleTracks } + SUBTITLE_TRACKS_UPDATED: 'hlsSubtitleTracksUpdated', + // fired when an subtitle track switch occurs - data: { id : subtitle track id } + SUBTITLE_TRACK_SWITCH: 'hlsSubtitleTrackSwitch', + // fired when a subtitle track loading starts - data: { url : subtitle track URL, id : subtitle track id } + SUBTITLE_TRACK_LOADING: 'hlsSubtitleTrackLoading', + // fired when a subtitle track loading finishes - data: { details : levelDetails object, id : subtitle track id, stats : { trequest, tfirst, tload, mtime } } + SUBTITLE_TRACK_LOADED: 'hlsSubtitleTrackLoaded', + // fired when a subtitle fragment has been processed - data: { success : boolean, frag : the processed frag } + SUBTITLE_FRAG_PROCESSED: 'hlsSubtitleFragProcessed', + // fired when the first timestamp is found - data: { id : demuxer id, initPTS: initPTS, frag : fragment object } + INIT_PTS_FOUND: 'hlsInitPtsFound', + // fired when a fragment loading starts - data: { frag : fragment object } + FRAG_LOADING: 'hlsFragLoading', + // fired when a fragment loading is progressing - data: { frag : fragment object, { trequest, tfirst, loaded } } + FRAG_LOAD_PROGRESS: 'hlsFragLoadProgress', + // Identifier for fragment load aborting for emergency switch down - data: { frag : fragment object } + FRAG_LOAD_EMERGENCY_ABORTED: 'hlsFragLoadEmergencyAborted', + // fired when a fragment loading is completed - data: { frag : fragment object, payload : fragment payload, stats : { trequest, tfirst, tload, length } } + FRAG_LOADED: 'hlsFragLoaded', + // fired when a fragment has finished decrypting - data: { id : demuxer id, frag: fragment object, stats : { tstart, tdecrypt } } + FRAG_DECRYPTED: 'hlsFragDecrypted', + // fired when Init Segment has been extracted from fragment - data: { id : demuxer id, frag: fragment object, moov : moov MP4 box, codecs : codecs found while parsing fragment } + FRAG_PARSING_INIT_SEGMENT: 'hlsFragParsingInitSegment', + // fired when parsing sei text is completed - data: { id : demuxer id, frag: fragment object, samples : [ sei samples pes ] } + FRAG_PARSING_USERDATA: 'hlsFragParsingUserdata', + // fired when parsing id3 is completed - data: { id : demuxer id, frag: fragment object, samples : [ id3 samples pes ] } + FRAG_PARSING_METADATA: 'hlsFragParsingMetadata', + // fired when data have been extracted from fragment - data: { id : demuxer id, frag: fragment object, data1 : moof MP4 box or TS fragments, data2 : mdat MP4 box or null} + FRAG_PARSING_DATA: 'hlsFragParsingData', + // fired when fragment parsing is completed - data: { id : demuxer id, frag: fragment object } + FRAG_PARSED: 'hlsFragParsed', + // fired when fragment remuxed MP4 boxes have all been appended into SourceBuffer - data: { id : demuxer id, frag : fragment object, stats : { trequest, tfirst, tload, tparsed, tbuffered, length, bwEstimate } } + FRAG_BUFFERED: 'hlsFragBuffered', + // fired when fragment matching with current media position is changing - data : { id : demuxer id, frag : fragment object } + FRAG_CHANGED: 'hlsFragChanged', + // Identifier for a FPS drop event - data: { curentDropped, currentDecoded, totalDroppedFrames } + FPS_DROP: 'hlsFpsDrop', + //triggered when FPS drop triggers auto level capping - data: { level, droppedlevel } + FPS_DROP_LEVEL_CAPPING: 'hlsFpsDropLevelCapping', + // Identifier for an error event - data: { type : error type, details : error details, fatal : if true, hls.js cannot/will not try to recover, if false, hls.js will try to recover,other error specific data } + ERROR: 'hlsError', + // fired when hls.js instance starts destroying. Different from MEDIA_DETACHED as one could want to detach and reattach a media to the instance of hls.js to handle mid-rolls for example - data: { } + DESTROYING: 'hlsDestroying', + // fired when a decrypt key loading starts - data: { frag : fragment object } + KEY_LOADING: 'hlsKeyLoading', + // fired when a decrypt key loading is completed - data: { frag : fragment object, payload : key payload, stats : { trequest, tfirst, tload, length } } + KEY_LOADED: 'hlsKeyLoaded', + // fired upon stream controller state transitions - data: { previousState, nextState } + STREAM_STATE_TRANSITION: 'hlsStreamStateTransition' +}; - return Cea608Channel; +},{}],36:[function(_dereq_,module,exports){ +'use strict'; + +Object.defineProperty(exports, "__esModule", { + value: true +}); + +var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); + +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } + +/** + * AAC helper + */ + +var AAC = function () { + function AAC() { + _classCallCheck(this, AAC); + } + + _createClass(AAC, null, [{ + key: 'getSilentFrame', + value: function getSilentFrame(codec, channelCount) { + switch (codec) { + case 'mp4a.40.2': + if (channelCount === 1) { + return new Uint8Array([0x00, 0xc8, 0x00, 0x80, 0x23, 0x80]); + } else if (channelCount === 2) { + return new Uint8Array([0x21, 0x00, 0x49, 0x90, 0x02, 0x19, 0x00, 0x23, 0x80]); + } else if (channelCount === 3) { + return new Uint8Array([0x00, 0xc8, 0x00, 0x80, 0x20, 0x84, 0x01, 0x26, 0x40, 0x08, 0x64, 0x00, 0x8e]); + } else if (channelCount === 4) { + return new Uint8Array([0x00, 0xc8, 0x00, 0x80, 0x20, 0x84, 0x01, 0x26, 0x40, 0x08, 0x64, 0x00, 0x80, 0x2c, 0x80, 0x08, 0x02, 0x38]); + } else if (channelCount === 5) { + return new Uint8Array([0x00, 0xc8, 0x00, 0x80, 0x20, 0x84, 0x01, 0x26, 0x40, 0x08, 0x64, 0x00, 0x82, 0x30, 0x04, 0x99, 0x00, 0x21, 0x90, 0x02, 0x38]); + } else if (channelCount === 6) { + return new Uint8Array([0x00, 0xc8, 0x00, 0x80, 0x20, 0x84, 0x01, 0x26, 0x40, 0x08, 0x64, 0x00, 0x82, 0x30, 0x04, 0x99, 0x00, 0x21, 0x90, 0x02, 0x00, 0xb2, 0x00, 0x20, 0x08, 0xe0]); + } + break; + // handle HE-AAC below (mp4a.40.5 / mp4a.40.29) + default: + if (channelCount === 1) { + // ffmpeg -y -f lavfi -i "aevalsrc=0:d=0.05" -c:a libfdk_aac -profile:a aac_he -b:a 4k output.aac && hexdump -v -e '16/1 "0x%x," "\n"' -v output.aac + return new Uint8Array([0x1, 0x40, 0x22, 0x80, 0xa3, 0x4e, 0xe6, 0x80, 0xba, 0x8, 0x0, 0x0, 0x0, 0x1c, 0x6, 0xf1, 0xc1, 0xa, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5e]); + } else if (channelCount === 2) { + // ffmpeg -y -f lavfi -i "aevalsrc=0|0:d=0.05" -c:a libfdk_aac -profile:a aac_he_v2 -b:a 4k output.aac && hexdump -v -e '16/1 "0x%x," "\n"' -v output.aac + return new Uint8Array([0x1, 0x40, 0x22, 0x80, 0xa3, 0x5e, 0xe6, 0x80, 0xba, 0x8, 0x0, 0x0, 0x0, 0x0, 0x95, 0x0, 0x6, 0xf1, 0xa1, 0xa, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5e]); + } else if (channelCount === 3) { + // ffmpeg -y -f lavfi -i "aevalsrc=0|0|0:d=0.05" -c:a libfdk_aac -profile:a aac_he_v2 -b:a 4k output.aac && hexdump -v -e '16/1 "0x%x," "\n"' -v output.aac + return new Uint8Array([0x1, 0x40, 0x22, 0x80, 0xa3, 0x5e, 0xe6, 0x80, 0xba, 0x8, 0x0, 0x0, 0x0, 0x0, 0x95, 0x0, 0x6, 0xf1, 0xa1, 0xa, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5a, 0x5e]); + } + break; + } + return null; + } + }]); + + return AAC; }(); -var Cea608Parser = function () { - function Cea608Parser(field, out1, out2) { - _classCallCheck(this, Cea608Parser); +exports.default = AAC; - this.field = field || 1; - this.outputs = [out1, out2]; - this.channels = [new Cea608Channel(1, out1), new Cea608Channel(2, out2)]; - this.currChNr = -1; // Will be 1 or 2 - this.lastCmdA = null; // First byte of last command - this.lastCmdB = null; // Second byte of last command - this.bufferedData = []; - this.startTime = null; - this.lastTime = null; - this.dataCounters = { 'padding': 0, 'char': 0, 'cmd': 0, 'other': 0 }; +},{}],37:[function(_dereq_,module,exports){ +"use strict"; + +/** + * Buffer Helper utils, providing methods dealing buffer length retrieval +*/ + +var BufferHelper = { + isBuffered: function isBuffered(media, position) { + if (media) { + var buffered = media.buffered; + for (var i = 0; i < buffered.length; i++) { + if (position >= buffered.start(i) && position <= buffered.end(i)) { + return true; + } + } } + return false; + }, - _createClass(Cea608Parser, [{ - key: 'getHandler', - value: function getHandler(index) { - return this.channels[index].getHandler(); + bufferInfo: function bufferInfo(media, pos, maxHoleDuration) { + if (media) { + var vbuffered = media.buffered, + buffered = [], + i; + for (i = 0; i < vbuffered.length; i++) { + buffered.push({ start: vbuffered.start(i), end: vbuffered.end(i) }); + } + return this.bufferedInfo(buffered, pos, maxHoleDuration); + } else { + return { len: 0, start: pos, end: pos, nextStart: undefined }; + } + }, + + bufferedInfo: function bufferedInfo(buffered, pos, maxHoleDuration) { + var buffered2 = [], + + // bufferStart and bufferEnd are buffer boundaries around current video position + bufferLen, + bufferStart, + bufferEnd, + bufferStartNext, + i; + // sort on buffer.start/smaller end (IE does not always return sorted buffered range) + buffered.sort(function (a, b) { + var diff = a.start - b.start; + if (diff) { + return diff; + } else { + return b.end - a.end; + } + }); + // there might be some small holes between buffer time range + // consider that holes smaller than maxHoleDuration are irrelevant and build another + // buffer time range representations that discards those holes + for (i = 0; i < buffered.length; i++) { + var buf2len = buffered2.length; + if (buf2len) { + var buf2end = buffered2[buf2len - 1].end; + // if small hole (value between 0 or maxHoleDuration ) or overlapping (negative) + if (buffered[i].start - buf2end < maxHoleDuration) { + // merge overlapping time ranges + // update lastRange.end only if smaller than item.end + // e.g. [ 1, 15] with [ 2,8] => [ 1,15] (no need to modify lastRange.end) + // whereas [ 1, 8] with [ 2,15] => [ 1,15] ( lastRange should switch from [1,8] to [1,15]) + if (buffered[i].end > buf2end) { + buffered2[buf2len - 1].end = buffered[i].end; + } + } else { + // big hole + buffered2.push(buffered[i]); } - }, { - key: 'setHandler', - value: function setHandler(index, newHandler) { - this.channels[index].setHandler(newHandler); + } else { + // first value + buffered2.push(buffered[i]); + } + } + for (i = 0, bufferLen = 0, bufferStart = bufferEnd = pos; i < buffered2.length; i++) { + var start = buffered2[i].start, + end = buffered2[i].end; + //logger.log('buf start/end:' + buffered.start(i) + '/' + buffered.end(i)); + if (pos + maxHoleDuration >= start && pos < end) { + // play position is inside this buffer TimeRange, retrieve end of buffer position and buffer length + bufferStart = start; + bufferEnd = end; + bufferLen = bufferEnd - pos; + } else if (pos + maxHoleDuration < start) { + bufferStartNext = start; + break; + } + } + return { len: bufferLen, start: bufferStart, end: bufferEnd, nextStart: bufferStartNext }; + } +}; + +module.exports = BufferHelper; + +},{}],38:[function(_dereq_,module,exports){ +'use strict'; + +var _logger = _dereq_(53); + +var LevelHelper = { + + mergeDetails: function mergeDetails(oldDetails, newDetails) { + var start = Math.max(oldDetails.startSN, newDetails.startSN) - newDetails.startSN, + end = Math.min(oldDetails.endSN, newDetails.endSN) - newDetails.startSN, + delta = newDetails.startSN - oldDetails.startSN, + oldfragments = oldDetails.fragments, + newfragments = newDetails.fragments, + ccOffset = 0, + PTSFrag; + + // check if old/new playlists have fragments in common + if (end < start) { + newDetails.PTSKnown = false; + return; + } + // loop through overlapping SN and update startPTS , cc, and duration if any found + for (var i = start; i <= end; i++) { + var oldFrag = oldfragments[delta + i], + newFrag = newfragments[i]; + if (newFrag && oldFrag) { + ccOffset = oldFrag.cc - newFrag.cc; + if (!isNaN(oldFrag.startPTS)) { + newFrag.start = newFrag.startPTS = oldFrag.startPTS; + newFrag.endPTS = oldFrag.endPTS; + newFrag.duration = oldFrag.duration; + newFrag.backtracked = oldFrag.backtracked; + newFrag.dropped = oldFrag.dropped; + PTSFrag = newFrag; } + } + } - /** - * Add data for time t in forms of list of bytes (unsigned ints). The bytes are treated as pairs. - */ + if (ccOffset) { + _logger.logger.log('discontinuity sliding from playlist, take drift into account'); + for (i = 0; i < newfragments.length; i++) { + newfragments[i].cc += ccOffset; + } + } - }, { - key: 'addData', - value: function addData(t, byteList) { - var cmdFound, - a, - b, - charsFound = false; + // if at least one fragment contains PTS info, recompute PTS information for all fragments + if (PTSFrag) { + LevelHelper.updateFragPTSDTS(newDetails, PTSFrag, PTSFrag.startPTS, PTSFrag.endPTS, PTSFrag.startDTS, PTSFrag.endDTS); + } else { + // ensure that delta is within oldfragments range + // also adjust sliding in case delta is 0 (we could have old=[50-60] and new=old=[50-61]) + // in that case we also need to adjust start offset of all fragments + if (delta >= 0 && delta < oldfragments.length) { + // adjust start by sliding offset + var sliding = oldfragments[delta].start; + for (i = 0; i < newfragments.length; i++) { + newfragments[i].start += sliding; + } + } + } + // if we are here, it means we have fragments overlapping between + // old and new level. reliable PTS info is thus relying on old level + newDetails.PTSKnown = oldDetails.PTSKnown; + return; + }, - this.lastTime = t; - logger.setTime(t); + updateFragPTSDTS: function updateFragPTSDTS(details, frag, startPTS, endPTS, startDTS, endDTS) { + // update frag PTS/DTS + if (!isNaN(frag.startPTS)) { + // delta PTS between audio and video + var deltaPTS = Math.abs(frag.startPTS - startPTS); + if (isNaN(frag.deltaPTS)) { + frag.deltaPTS = deltaPTS; + } else { + frag.deltaPTS = Math.max(deltaPTS, frag.deltaPTS); + } + startPTS = Math.min(startPTS, frag.startPTS); + endPTS = Math.max(endPTS, frag.endPTS); + startDTS = Math.min(startDTS, frag.startDTS); + endDTS = Math.max(endDTS, frag.endDTS); + } - for (var i = 0; i < byteList.length; i += 2) { - a = byteList[i] & 0x7f; - b = byteList[i + 1] & 0x7f; - if (a === 0 && b === 0) { - this.dataCounters.padding += 2; - continue; - } else { - logger.log('DATA', '[' + numArrayToHexArray([byteList[i], byteList[i + 1]]) + '] -> (' + numArrayToHexArray([a, b]) + ')'); - } - cmdFound = this.parseCmd(a, b); - if (!cmdFound) { - cmdFound = this.parseMidrow(a, b); - } - if (!cmdFound) { - cmdFound = this.parsePAC(a, b); - } - if (!cmdFound) { - cmdFound = this.parseBackgroundAttributes(a, b); - } - if (!cmdFound) { - charsFound = this.parseChars(a, b); - if (charsFound) { - if (this.currChNr && this.currChNr >= 0) { - var channel = this.channels[this.currChNr - 1]; - channel.insertChars(charsFound); - } else { - logger.log('WARNING', 'No channel found yet. TEXT-MODE?'); - } - } - } - if (cmdFound) { - this.dataCounters.cmd += 2; - } else if (charsFound) { - this.dataCounters.char += 2; - } else { - this.dataCounters.other += 2; - logger.log('WARNING', 'Couldn\'t parse cleaned data ' + numArrayToHexArray([a, b]) + ' orig: ' + numArrayToHexArray([byteList[i], byteList[i + 1]])); - } - } - } + var drift = startPTS - frag.start; + frag.start = frag.startPTS = startPTS; + frag.endPTS = endPTS; + frag.startDTS = startDTS; + frag.endDTS = endDTS; + frag.duration = endPTS - startPTS; - /** - * Parse Command. - * @returns {Boolean} Tells if a command was found - */ + var sn = frag.sn; + // exit if sn out of range + if (!details || sn < details.startSN || sn > details.endSN) { + return 0; + } + var fragIdx, fragments, i; + fragIdx = sn - details.startSN; + fragments = details.fragments; + frag = fragments[fragIdx]; + // adjust fragment PTS/duration from seqnum-1 to frag 0 + for (i = fragIdx; i > 0; i--) { + LevelHelper.updatePTS(fragments, i, i - 1); + } - }, { - key: 'parseCmd', - value: function parseCmd(a, b) { - var chNr = null; + // adjust fragment PTS/duration from seqnum to last frag + for (i = fragIdx; i < fragments.length - 1; i++) { + LevelHelper.updatePTS(fragments, i, i + 1); + } + details.PTSKnown = true; + //logger.log(` frag start/end:${startPTS.toFixed(3)}/${endPTS.toFixed(3)}`); - var cond1 = (a === 0x14 || a === 0x1C) && 0x20 <= b && b <= 0x2F; - var cond2 = (a === 0x17 || a === 0x1F) && 0x21 <= b && b <= 0x23; - if (!(cond1 || cond2)) { - return false; - } + return drift; + }, - if (a === this.lastCmdA && b === this.lastCmdB) { - this.lastCmdA = null; - this.lastCmdB = null; // Repeated commands are dropped (once) - logger.log('DEBUG', 'Repeated command (' + numArrayToHexArray([a, b]) + ') is dropped'); - return true; - } + updatePTS: function updatePTS(fragments, fromIdx, toIdx) { + var fragFrom = fragments[fromIdx], + fragTo = fragments[toIdx], + fragToPTS = fragTo.startPTS; + // if we know startPTS[toIdx] + if (!isNaN(fragToPTS)) { + // update fragment duration. + // it helps to fix drifts between playlist reported duration and fragment real duration + if (toIdx > fromIdx) { + fragFrom.duration = fragToPTS - fragFrom.start; + if (fragFrom.duration < 0) { + _logger.logger.warn('negative duration computed for frag ' + fragFrom.sn + ',level ' + fragFrom.level + ', there should be some duration drift between playlist and fragment!'); + } + } else { + fragTo.duration = fragFrom.start - fragToPTS; + if (fragTo.duration < 0) { + _logger.logger.warn('negative duration computed for frag ' + fragTo.sn + ',level ' + fragTo.level + ', there should be some duration drift between playlist and fragment!'); + } + } + } else { + // we dont know startPTS[toIdx] + if (toIdx > fromIdx) { + fragTo.start = fragFrom.start + fragFrom.duration; + } else { + fragTo.start = Math.max(fragFrom.start - fragTo.duration, 0); + } + } + } +}; /** + * Level Helper class, providing methods dealing with playlist sliding and drift + */ - if (a === 0x14 || a === 0x17) { - chNr = 1; - } else { - chNr = 2; // (a === 0x1C || a=== 0x1f) - } +module.exports = LevelHelper; - var channel = this.channels[chNr - 1]; +},{"53":53}],39:[function(_dereq_,module,exports){ +/** + * HLS interface + */ +'use strict'; - if (a === 0x14 || a === 0x1C) { - if (b === 0x20) { - channel.ccRCL(); - } else if (b === 0x21) { - channel.ccBS(); - } else if (b === 0x22) { - channel.ccAOF(); - } else if (b === 0x23) { - channel.ccAON(); - } else if (b === 0x24) { - channel.ccDER(); - } else if (b === 0x25) { - channel.ccRU(2); - } else if (b === 0x26) { - channel.ccRU(3); - } else if (b === 0x27) { - channel.ccRU(4); - } else if (b === 0x28) { - channel.ccFON(); - } else if (b === 0x29) { - channel.ccRDC(); - } else if (b === 0x2A) { - channel.ccTR(); - } else if (b === 0x2B) { - channel.ccRTD(); - } else if (b === 0x2C) { - channel.ccEDM(); - } else if (b === 0x2D) { - channel.ccCR(); - } else if (b === 0x2E) { - channel.ccENM(); - } else if (b === 0x2F) { - channel.ccEOC(); - } - } else { - //a == 0x17 || a == 0x1F - channel.ccTO(b - 0x20); - } - this.lastCmdA = a; - this.lastCmdB = b; - this.currChNr = chNr; - return true; - } +Object.defineProperty(exports, "__esModule", { + value: true +}); - /** - * Parse midrow styling command - * @returns {Boolean} - */ +var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); - }, { - key: 'parseMidrow', - value: function parseMidrow(a, b) { - var chNr = null; +var _urlToolkit = _dereq_(2); - if ((a === 0x11 || a === 0x19) && 0x20 <= b && b <= 0x2f) { - if (a === 0x11) { - chNr = 1; - } else { - chNr = 2; - } - if (chNr !== this.currChNr) { - logger.log('ERROR', 'Mismatch channel in midrow parsing'); - return false; - } - var channel = this.channels[chNr - 1]; - channel.ccMIDROW(b); - logger.log('DEBUG', 'MIDROW (' + numArrayToHexArray([a, b]) + ')'); - return true; - } - return false; - } - /** - * Parse Preable Access Codes (Table 53). - * @returns {Boolean} Tells if PAC found - */ +var _urlToolkit2 = _interopRequireDefault(_urlToolkit); - }, { - key: 'parsePAC', - value: function parsePAC(a, b) { +var _events = _dereq_(35); - var chNr = null; - var row = null; +var _events2 = _interopRequireDefault(_events); - var case1 = (0x11 <= a && a <= 0x17 || 0x19 <= a && a <= 0x1F) && 0x40 <= b && b <= 0x7F; - var case2 = (a === 0x10 || a === 0x18) && 0x40 <= b && b <= 0x5F; - if (!(case1 || case2)) { - return false; - } +var _errors = _dereq_(33); - if (a === this.lastCmdA && b === this.lastCmdB) { - this.lastCmdA = null; - this.lastCmdB = null; - return true; // Repeated commands are dropped (once) - } +var _playlistLoader = _dereq_(43); - chNr = a <= 0x17 ? 1 : 2; +var _playlistLoader2 = _interopRequireDefault(_playlistLoader); - if (0x40 <= b && b <= 0x5F) { - row = chNr === 1 ? rowsLowCh1[a] : rowsLowCh2[a]; - } else { - // 0x60 <= b <= 0x7F - row = chNr === 1 ? rowsHighCh1[a] : rowsHighCh2[a]; - } - var pacData = this.interpretPAC(row, b); - var channel = this.channels[chNr - 1]; - channel.setPAC(pacData); - this.lastCmdA = a; - this.lastCmdB = b; - this.currChNr = chNr; - return true; - } +var _fragmentLoader = _dereq_(41); - /** - * Interpret the second byte of the pac, and return the information. - * @returns {Object} pacData with style parameters. - */ +var _fragmentLoader2 = _interopRequireDefault(_fragmentLoader); - }, { - key: 'interpretPAC', - value: function interpretPAC(row, byte) { - var pacIndex = byte; - var pacData = { color: null, italics: false, indent: null, underline: false, row: row }; +var _keyLoader = _dereq_(42); - if (byte > 0x5F) { - pacIndex = byte - 0x60; - } else { - pacIndex = byte - 0x40; - } - pacData.underline = (pacIndex & 1) === 1; - if (pacIndex <= 0xd) { - pacData.color = ['white', 'green', 'blue', 'cyan', 'red', 'yellow', 'magenta', 'white'][Math.floor(pacIndex / 2)]; - } else if (pacIndex <= 0xf) { - pacData.italics = true; - pacData.color = 'white'; - } else { - pacData.indent = Math.floor((pacIndex - 0x10) / 2) * 4; - } - return pacData; // Note that row has zero offset. The spec uses 1. - } +var _keyLoader2 = _interopRequireDefault(_keyLoader); - /** - * Parse characters. - * @returns An array with 1 to 2 codes corresponding to chars, if found. null otherwise. - */ +var _streamController = _dereq_(13); - }, { - key: 'parseChars', - value: function parseChars(a, b) { +var _streamController2 = _interopRequireDefault(_streamController); - var channelNr = null, - charCodes = null, - charCode1 = null; +var _levelController = _dereq_(12); - if (a >= 0x19) { - channelNr = 2; - charCode1 = a - 8; - } else { - channelNr = 1; - charCode1 = a; - } - if (0x11 <= charCode1 && charCode1 <= 0x13) { - // Special character - var oneCode = b; - if (charCode1 === 0x11) { - oneCode = b + 0x50; - } else if (charCode1 === 0x12) { - oneCode = b + 0x70; - } else { - oneCode = b + 0x90; - } - logger.log('INFO', 'Special char \'' + getCharForByte(oneCode) + '\' in channel ' + channelNr); - charCodes = [oneCode]; - } else if (0x20 <= a && a <= 0x7f) { - charCodes = b === 0 ? [a] : [a, b]; - } - if (charCodes) { - var hexCodes = numArrayToHexArray(charCodes); - logger.log('DEBUG', 'Char codes = ' + hexCodes.join(',')); - this.lastCmdA = null; - this.lastCmdB = null; - } - return charCodes; - } +var _levelController2 = _interopRequireDefault(_levelController); - /** - * Parse extended background attributes as well as new foreground color black. - * @returns{Boolean} Tells if background attributes are found - */ +var _id3TrackController = _dereq_(11); - }, { - key: 'parseBackgroundAttributes', - value: function parseBackgroundAttributes(a, b) { - var bkgData, index, chNr, channel; +var _id3TrackController2 = _interopRequireDefault(_id3TrackController); - var case1 = (a === 0x10 || a === 0x18) && 0x20 <= b && b <= 0x2f; - var case2 = (a === 0x17 || a === 0x1f) && 0x2d <= b && b <= 0x2f; - if (!(case1 || case2)) { - return false; - } - bkgData = {}; - if (a === 0x10 || a === 0x18) { - index = Math.floor((b - 0x20) / 2); - bkgData.background = backgroundColors[index]; - if (b % 2 === 1) { - bkgData.background = bkgData.background + '_semi'; - } - } else if (b === 0x2d) { - bkgData.background = 'transparent'; - } else { - bkgData.foreground = 'black'; - if (b === 0x2f) { - bkgData.underline = true; - } - } - chNr = a < 0x18 ? 1 : 2; - channel = this.channels[chNr - 1]; - channel.setBkgData(bkgData); - this.lastCmdA = null; - this.lastCmdB = null; - return true; - } +var _logger = _dereq_(53); - /** - * Reset state of parser and its channels. - */ +var _events3 = _dereq_(1); - }, { - key: 'reset', - value: function reset() { - for (var i = 0; i < this.channels.length; i++) { - if (this.channels[i]) { - this.channels[i].reset(); - } - } - this.lastCmdA = null; - this.lastCmdB = null; - } +var _events4 = _interopRequireDefault(_events3); - /** - * Trigger the generation of a cue, and the start of a new one if displayScreens are not empty. - */ +var _config = _dereq_(4); - }, { - key: 'cueSplitAtTime', - value: function cueSplitAtTime(t) { - for (var i = 0; i < this.channels.length; i++) { - if (this.channels[i]) { - this.channels[i].cueSplitAtTime(t); - } - } - } - }]); +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - return Cea608Parser; -}(); +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } -exports.default = Cea608Parser; +var Hls = function () { + _createClass(Hls, null, [{ + key: 'isSupported', + value: function isSupported() { + var mediaSource = window.MediaSource = window.MediaSource || window.WebKitMediaSource; + var sourceBuffer = window.SourceBuffer = window.SourceBuffer || window.WebKitSourceBuffer; + var isTypeSupported = mediaSource && typeof mediaSource.isTypeSupported === 'function' && mediaSource.isTypeSupported('video/mp4; codecs="avc1.42E01E,mp4a.40.2"'); -},{}],47:[function(_dereq_,module,exports){ -'use strict'; + // if SourceBuffer is exposed ensure its API is valid + // safari and old version of Chrome doe not expose SourceBuffer globally so checking SourceBuffer.prototype is impossible + var sourceBufferValidAPI = !sourceBuffer || sourceBuffer.prototype && typeof sourceBuffer.prototype.appendBuffer === 'function' && typeof sourceBuffer.prototype.remove === 'function'; + return isTypeSupported && sourceBufferValidAPI; + } + }, { + key: 'version', + get: function get() { + // replaced with browserify-versionify transform + return '0.7.9'; + } + }, { + key: 'Events', + get: function get() { + return _events2.default; + } + }, { + key: 'ErrorTypes', + get: function get() { + return _errors.ErrorTypes; + } + }, { + key: 'ErrorDetails', + get: function get() { + return _errors.ErrorDetails; + } + }, { + key: 'DefaultConfig', + get: function get() { + if (!Hls.defaultConfig) { + return _config.hlsDefaultConfig; + } + return Hls.defaultConfig; + }, + set: function set(defaultConfig) { + Hls.defaultConfig = defaultConfig; + } + }]); + + function Hls() { + var _this = this; -var _vttparser = _dereq_(53); + var config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; -var Cues = { + _classCallCheck(this, Hls); + + var defaultConfig = Hls.DefaultConfig; + + if ((config.liveSyncDurationCount || config.liveMaxLatencyDurationCount) && (config.liveSyncDuration || config.liveMaxLatencyDuration)) { + throw new Error('Illegal hls.js config: don\'t mix up liveSyncDurationCount/liveMaxLatencyDurationCount and liveSyncDuration/liveMaxLatencyDuration'); + } + + for (var prop in defaultConfig) { + if (prop in config) { + continue; + } + config[prop] = defaultConfig[prop]; + } + + if (config.liveMaxLatencyDurationCount !== undefined && config.liveMaxLatencyDurationCount <= config.liveSyncDurationCount) { + throw new Error('Illegal hls.js config: "liveMaxLatencyDurationCount" must be gt "liveSyncDurationCount"'); + } + + if (config.liveMaxLatencyDuration !== undefined && (config.liveMaxLatencyDuration <= config.liveSyncDuration || config.liveSyncDuration === undefined)) { + throw new Error('Illegal hls.js config: "liveMaxLatencyDuration" must be gt "liveSyncDuration"'); + } + + (0, _logger.enableLogs)(config.debug); + this.config = config; + this._autoLevelCapping = -1; + // observer setup + var observer = this.observer = new _events4.default(); + observer.trigger = function trigger(event) { + for (var _len = arguments.length, data = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) { + data[_key - 1] = arguments[_key]; + } + + observer.emit.apply(observer, [event, event].concat(data)); + }; + + observer.off = function off(event) { + for (var _len2 = arguments.length, data = Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) { + data[_key2 - 1] = arguments[_key2]; + } + + observer.removeListener.apply(observer, [event].concat(data)); + }; + this.on = observer.on.bind(observer); + this.off = observer.off.bind(observer); + this.trigger = observer.trigger.bind(observer); - newCue: function newCue(track, startTime, endTime, captionScreen) { - var row; - var cue; - var indenting; - var indent; - var text; - var VTTCue = window.VTTCue || window.TextTrackCue; + // core controllers and network loaders + var abrController = this.abrController = new config.abrController(this); + var bufferController = new config.bufferController(this); + var capLevelController = new config.capLevelController(this); + var fpsController = new config.fpsController(this); + var playListLoader = new _playlistLoader2.default(this); + var fragmentLoader = new _fragmentLoader2.default(this); + var keyLoader = new _keyLoader2.default(this); + var id3TrackController = new _id3TrackController2.default(this); - for (var r = 0; r < captionScreen.rows.length; r++) { - row = captionScreen.rows[r]; - indenting = true; - indent = 0; - text = ''; + // network controllers + var levelController = this.levelController = new _levelController2.default(this); + var streamController = this.streamController = new _streamController2.default(this); + var networkControllers = [levelController, streamController]; - if (!row.isEmpty()) { - for (var c = 0; c < row.chars.length; c++) { - if (row.chars[c].uchar.match(/\s/) && indenting) { - indent++; - } else { - text += row.chars[c].uchar; - indenting = false; - } - } - //To be used for cleaning-up orphaned roll-up captions - row.cueStartTime = startTime; + // optional audio stream controller + var Controller = config.audioStreamController; + if (Controller) { + networkControllers.push(new Controller(this)); + } + this.networkControllers = networkControllers; - // Give a slight bump to the endTime if it's equal to startTime to avoid a SyntaxError in IE - if (startTime === endTime) { - endTime += 0.0001; - } + var coreComponents = [playListLoader, fragmentLoader, keyLoader, abrController, bufferController, capLevelController, fpsController, id3TrackController]; - cue = new VTTCue(startTime, endTime, (0, _vttparser.fixLineBreaks)(text.trim())); + // optional audio track and subtitle controller + Controller = config.audioTrackController; + if (Controller) { + var audioTrackController = new Controller(this); + this.audioTrackController = audioTrackController; + coreComponents.push(audioTrackController); + } - if (indent >= 16) { - indent--; - } else { - indent++; - } + Controller = config.subtitleTrackController; + if (Controller) { + var subtitleTrackController = new Controller(this); + this.subtitleTrackController = subtitleTrackController; + coreComponents.push(subtitleTrackController); + } - // VTTCue.line get's flakey when using controls, so let's now include line 13&14 - // also, drop line 1 since it's to close to the top - if (navigator.userAgent.match(/Firefox\//)) { - cue.line = r + 1; - } else { - cue.line = r > 7 ? r - 2 : r + 1; - } - cue.align = 'left'; - // Clamp the position between 0 and 100 - if out of these bounds, Firefox throws an exception and captions break - cue.position = Math.max(0, Math.min(100, 100 * (indent / 32) + (navigator.userAgent.match(/Firefox\//) ? 50 : 0))); - track.addCue(cue); + // optional subtitle controller + [config.subtitleStreamController, config.timelineController].forEach(function (Controller) { + if (Controller) { + coreComponents.push(new Controller(_this)); } - } + }); + this.coreComponents = coreComponents; } -}; + _createClass(Hls, [{ + key: 'destroy', + value: function destroy() { + _logger.logger.log('destroy'); + this.trigger(_events2.default.DESTROYING); + this.detachMedia(); + this.coreComponents.concat(this.networkControllers).forEach(function (component) { + component.destroy(); + }); + this.url = null; + this.observer.removeAllListeners(); + this._autoLevelCapping = -1; + } + }, { + key: 'attachMedia', + value: function attachMedia(media) { + _logger.logger.log('attachMedia'); + this.media = media; + this.trigger(_events2.default.MEDIA_ATTACHING, { media: media }); + } + }, { + key: 'detachMedia', + value: function detachMedia() { + _logger.logger.log('detachMedia'); + this.trigger(_events2.default.MEDIA_DETACHING); + this.media = null; + } + }, { + key: 'loadSource', + value: function loadSource(url) { + url = _urlToolkit2.default.buildAbsoluteURL(window.location.href, url, { alwaysNormalize: true }); + _logger.logger.log('loadSource:' + url); + this.url = url; + // when attaching to a source URL, trigger a playlist load + this.trigger(_events2.default.MANIFEST_LOADING, { url: url }); + } + }, { + key: 'startLoad', + value: function startLoad() { + var startPosition = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : -1; -module.exports = Cues; + _logger.logger.log('startLoad(' + startPosition + ')'); + this.networkControllers.forEach(function (controller) { + controller.startLoad(startPosition); + }); + } + }, { + key: 'stopLoad', + value: function stopLoad() { + _logger.logger.log('stopLoad'); + this.networkControllers.forEach(function (controller) { + controller.stopLoad(); + }); + } + }, { + key: 'swapAudioCodec', + value: function swapAudioCodec() { + _logger.logger.log('swapAudioCodec'); + this.streamController.swapAudioCodec(); + } + }, { + key: 'recoverMediaError', + value: function recoverMediaError() { + _logger.logger.log('recoverMediaError'); + var media = this.media; + this.detachMedia(); + this.attachMedia(media); + } -},{"53":53}],48:[function(_dereq_,module,exports){ -'use strict'; + /** Return all quality levels **/ -Object.defineProperty(exports, "__esModule", { - value: true -}); + }, { + key: 'levels', + get: function get() { + return this.levelController.levels; + } -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); /* - * EWMA Bandwidth Estimator - * - heavily inspired from shaka-player - * Tracks bandwidth samples and estimates available bandwidth. - * Based on the minimum of two exponentially-weighted moving averages with - * different half-lives. - */ + /** Return current playback quality level **/ -var _ewma = _dereq_(49); + }, { + key: 'currentLevel', + get: function get() { + return this.streamController.currentLevel; + } -var _ewma2 = _interopRequireDefault(_ewma); + /* set quality level immediately (-1 for automatic level selection) */ + , + set: function set(newLevel) { + _logger.logger.log('set currentLevel:' + newLevel); + this.loadLevel = newLevel; + this.streamController.immediateLevelSwitch(); + } -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + /** Return next playback quality level (quality level of next fragment) **/ -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } + }, { + key: 'nextLevel', + get: function get() { + return this.streamController.nextLevel; + } -var EwmaBandWidthEstimator = function () { - function EwmaBandWidthEstimator(hls, slow, fast, defaultEstimate) { - _classCallCheck(this, EwmaBandWidthEstimator); + /* set quality level for next fragment (-1 for automatic level selection) */ + , + set: function set(newLevel) { + _logger.logger.log('set nextLevel:' + newLevel); + this.levelController.manualLevel = newLevel; + this.streamController.nextLevelSwitch(); + } - this.hls = hls; - this.defaultEstimate_ = defaultEstimate; - this.minWeight_ = 0.001; - this.minDelayMs_ = 50; - this.slow_ = new _ewma2.default(slow); - this.fast_ = new _ewma2.default(fast); - } + /** Return the quality level of current/last loaded fragment **/ - _createClass(EwmaBandWidthEstimator, [{ - key: 'sample', - value: function sample(durationMs, numBytes) { - durationMs = Math.max(durationMs, this.minDelayMs_); - var bandwidth = 8000 * numBytes / durationMs, + }, { + key: 'loadLevel', + get: function get() { + return this.levelController.level; + } - //console.log('instant bw:'+ Math.round(bandwidth)); - // we weight sample using loading duration.... - weight = durationMs / 1000; - this.fast_.sample(weight, bandwidth); - this.slow_.sample(weight, bandwidth); + /* set quality level for current/next loaded fragment (-1 for automatic level selection) */ + , + set: function set(newLevel) { + _logger.logger.log('set loadLevel:' + newLevel); + this.levelController.manualLevel = newLevel; } + + /** Return the quality level of next loaded fragment **/ + }, { - key: 'canEstimate', - value: function canEstimate() { - var fast = this.fast_; - return fast && fast.getTotalWeight() >= this.minWeight_; + key: 'nextLoadLevel', + get: function get() { + return this.levelController.nextLoadLevel; } - }, { - key: 'getEstimate', - value: function getEstimate() { - if (this.canEstimate()) { - //console.log('slow estimate:'+ Math.round(this.slow_.getEstimate())); - //console.log('fast estimate:'+ Math.round(this.fast_.getEstimate())); - // Take the minimum of these two estimates. This should have the effect of - // adapting down quickly, but up more slowly. - return Math.min(this.fast_.getEstimate(), this.slow_.getEstimate()); - } else { - return this.defaultEstimate_; - } + + /** set quality level of next loaded fragment **/ + , + set: function set(level) { + this.levelController.nextLoadLevel = level; } - }, { - key: 'destroy', - value: function destroy() {} - }]); - return EwmaBandWidthEstimator; -}(); + /** Return first level (index of first level referenced in manifest) + **/ -exports.default = EwmaBandWidthEstimator; + }, { + key: 'firstLevel', + get: function get() { + return Math.max(this.levelController.firstLevel, this.minAutoLevel); + } -},{"49":49}],49:[function(_dereq_,module,exports){ -"use strict"; + /** set first level (index of first level referenced in manifest) + **/ + , + set: function set(newLevel) { + _logger.logger.log('set firstLevel:' + newLevel); + this.levelController.firstLevel = newLevel; + } -Object.defineProperty(exports, "__esModule", { - value: true -}); + /** Return start level (level of first fragment that will be played back) + if not overrided by user, first level appearing in manifest will be used as start level + if -1 : automatic start level selection, playback will start from level matching download bandwidth (determined from download of first segment) + **/ -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); + }, { + key: 'startLevel', + get: function get() { + return this.levelController.startLevel; + } -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } + /** set start level (level of first fragment that will be played back) + if not overrided by user, first level appearing in manifest will be used as start level + if -1 : automatic start level selection, playback will start from level matching download bandwidth (determined from download of first segment) + **/ + , + set: function set(newLevel) { + _logger.logger.log('set startLevel:' + newLevel); + var hls = this; + // if not in automatic start level detection, ensure startLevel is greater than minAutoLevel + if (newLevel !== -1) { + newLevel = Math.max(newLevel, hls.minAutoLevel); + } + hls.levelController.startLevel = newLevel; + } -/* - * compute an Exponential Weighted moving average - * - https://en.wikipedia.org/wiki/Moving_average#Exponential_moving_average - * - heavily inspired from shaka-player - */ + /** Return the capping/max level value that could be used by automatic level selection algorithm **/ -var EWMA = function () { + }, { + key: 'autoLevelCapping', + get: function get() { + return this._autoLevelCapping; + } - // About half of the estimated value will be from the last |halfLife| samples by weight. - function EWMA(halfLife) { - _classCallCheck(this, EWMA); + /** set the capping/max level value that could be used by automatic level selection algorithm **/ + , + set: function set(newLevel) { + _logger.logger.log('set autoLevelCapping:' + newLevel); + this._autoLevelCapping = newLevel; + } - // Larger values of alpha expire historical data more slowly. - this.alpha_ = halfLife ? Math.exp(Math.log(0.5) / halfLife) : 0; - this.estimate_ = 0; - this.totalWeight_ = 0; - } + /* check if we are in automatic level selection mode */ - _createClass(EWMA, [{ - key: "sample", - value: function sample(weight, value) { - var adjAlpha = Math.pow(this.alpha_, weight); - this.estimate_ = value * (1 - adjAlpha) + adjAlpha * this.estimate_; - this.totalWeight_ += weight; - } }, { - key: "getTotalWeight", - value: function getTotalWeight() { - return this.totalWeight_; + key: 'autoLevelEnabled', + get: function get() { + return this.levelController.manualLevel === -1; } + + /* return manual level */ + }, { - key: "getEstimate", - value: function getEstimate() { - if (this.alpha_) { - var zeroFactor = 1 - Math.pow(this.alpha_, this.totalWeight_); - return this.estimate_ / zeroFactor; - } else { - return this.estimate_; - } + key: 'manualLevel', + get: function get() { + return this.levelController.manualLevel; } - }]); - - return EWMA; -}(); -exports.default = EWMA; + /* return min level selectable in auto mode according to config.minAutoBitrate */ -},{}],50:[function(_dereq_,module,exports){ -'use strict'; + }, { + key: 'minAutoLevel', + get: function get() { + var hls = this, + levels = hls.levels, + minAutoBitrate = hls.config.minAutoBitrate, + len = levels ? levels.length : 0; + for (var i = 0; i < len; i++) { + var levelNextBitrate = levels[i].realBitrate ? Math.max(levels[i].realBitrate, levels[i].bitrate) : levels[i].bitrate; + if (levelNextBitrate > minAutoBitrate) { + return i; + } + } + return 0; + } -Object.defineProperty(exports, "__esModule", { - value: true -}); + /* return max level selectable in auto mode according to autoLevelCapping */ -var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; + }, { + key: 'maxAutoLevel', + get: function get() { + var hls = this; + var levels = hls.levels; + var autoLevelCapping = hls.autoLevelCapping; + var maxAutoLevel = void 0; + if (autoLevelCapping === -1 && levels && levels.length) { + maxAutoLevel = levels.length - 1; + } else { + maxAutoLevel = autoLevelCapping; + } + return maxAutoLevel; + } -function noop() {} + // return next auto level -var fakeLogger = { - trace: noop, - debug: noop, - log: noop, - warn: noop, - info: noop, - error: noop -}; + }, { + key: 'nextAutoLevel', + get: function get() { + var hls = this; + // ensure next auto level is between min and max auto level + return Math.min(Math.max(hls.abrController.nextAutoLevel, hls.minAutoLevel), hls.maxAutoLevel); + } -var exportedLogger = fakeLogger; + // this setter is used to force next auto level + // this is useful to force a switch down in auto mode : in case of load error on level N, hls.js can set nextAutoLevel to N-1 for example) + // forced value is valid for one fragment. upon succesful frag loading at forced level, this value will be resetted to -1 by ABR controller + , + set: function set(nextLevel) { + var hls = this; + hls.abrController.nextAutoLevel = Math.max(hls.minAutoLevel, nextLevel); + } -/*globals self: false */ + /** get alternate audio tracks list from playlist **/ -//let lastCallTime; -// function formatMsgWithTimeInfo(type, msg) { -// const now = Date.now(); -// const diff = lastCallTime ? '+' + (now - lastCallTime) : '0'; -// lastCallTime = now; -// msg = (new Date(now)).toISOString() + ' | [' + type + '] > ' + msg + ' ( ' + diff + ' ms )'; -// return msg; -// } + }, { + key: 'audioTracks', + get: function get() { + var audioTrackController = this.audioTrackController; + return audioTrackController ? audioTrackController.audioTracks : []; + } -function formatMsg(type, msg) { - msg = '[' + type + '] > ' + msg; - return msg; -} + /** get index of the selected audio track (index in audio track lists) **/ -function consolePrintFn(type) { - var func = self.console[type]; - if (func) { - return function () { - for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) { - args[_key] = arguments[_key]; - } + }, { + key: 'audioTrack', + get: function get() { + var audioTrackController = this.audioTrackController; + return audioTrackController ? audioTrackController.audioTrack : -1; + } - if (args[0]) { - args[0] = formatMsg(type, args[0]); + /** select an audio track, based on its index in audio track lists**/ + , + set: function set(audioTrackId) { + var audioTrackController = this.audioTrackController; + if (audioTrackController) { + audioTrackController.audioTrack = audioTrackId; } - func.apply(self.console, args); - }; - } - return noop; -} + } + }, { + key: 'liveSyncPosition', + get: function get() { + return this.streamController.liveSyncPosition; + } -function exportLoggerFunctions(debugConfig) { - for (var _len2 = arguments.length, functions = Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) { - functions[_key2 - 1] = arguments[_key2]; - } + /** get alternate subtitle tracks list from playlist **/ - functions.forEach(function (type) { - exportedLogger[type] = debugConfig[type] ? debugConfig[type].bind(debugConfig) : consolePrintFn(type); - }); -} + }, { + key: 'subtitleTracks', + get: function get() { + var subtitleTrackController = this.subtitleTrackController; + return subtitleTrackController ? subtitleTrackController.subtitleTracks : []; + } -var enableLogs = exports.enableLogs = function enableLogs(debugConfig) { - if (debugConfig === true || (typeof debugConfig === 'undefined' ? 'undefined' : _typeof(debugConfig)) === 'object') { - exportLoggerFunctions(debugConfig, - // Remove out from list here to hard-disable a log-level - //'trace', - 'debug', 'log', 'info', 'warn', 'error'); - // Some browsers don't allow to use bind on console object anyway - // fallback to default if needed - try { - exportedLogger.log(); - } catch (e) { - exportedLogger = fakeLogger; + /** get index of the selected subtitle track (index in subtitle track lists) **/ + + }, { + key: 'subtitleTrack', + get: function get() { + var subtitleTrackController = this.subtitleTrackController; + return subtitleTrackController ? subtitleTrackController.subtitleTrack : -1; } - } else { - exportedLogger = fakeLogger; - } -}; -var logger = exports.logger = exportedLogger; + /** select an subtitle track, based on its index in subtitle track lists**/ + , + set: function set(subtitleTrackId) { + var subtitleTrackController = this.subtitleTrackController; + if (subtitleTrackController) { + subtitleTrackController.subtitleTrack = subtitleTrackId; + } + } + }]); -},{}],51:[function(_dereq_,module,exports){ -'use strict'; + return Hls; +}(); -/** - * TimeRanges to string helper - */ +exports.default = Hls; -var TimeRanges = { - toString: function toString(r) { - var log = '', - len = r.length; - for (var i = 0; i < len; i++) { - log += '[' + r.start(i).toFixed(3) + ',' + r.end(i).toFixed(3) + ']'; - } - return log; - } -}; +},{"1":1,"11":11,"12":12,"13":13,"2":2,"33":33,"35":35,"4":4,"41":41,"42":42,"43":43,"53":53}],40:[function(_dereq_,module,exports){ +'use strict'; -module.exports = TimeRanges; +// This is mostly for support of the es6 module export +// syntax with the babel compiler, it looks like it doesnt support +// function exports like we are used to in node/commonjs +module.exports = _dereq_(39).default; -},{}],52:[function(_dereq_,module,exports){ +},{"39":39}],41:[function(_dereq_,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); -/** - * Copyright 2013 vtt.js Contributors - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ +var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); -exports.default = function () { - if (typeof window !== 'undefined' && window.VTTCue) { - return window.VTTCue; - } +var _events = _dereq_(35); - var autoKeyword = 'auto'; - var directionSetting = { - '': true, - lr: true, - rl: true - }; - var alignSetting = { - start: true, - middle: true, - end: true, - left: true, - right: true - }; +var _events2 = _interopRequireDefault(_events); - function findDirectionSetting(value) { - if (typeof value !== 'string') { - return false; - } - var dir = directionSetting[value.toLowerCase()]; - return dir ? value.toLowerCase() : false; - } +var _eventHandler = _dereq_(34); - function findAlignSetting(value) { - if (typeof value !== 'string') { - return false; - } - var align = alignSetting[value.toLowerCase()]; - return align ? value.toLowerCase() : false; +var _eventHandler2 = _interopRequireDefault(_eventHandler); + +var _errors = _dereq_(33); + +var _logger = _dereq_(53); + +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } + +function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } + +function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /* + * Fragment Loader + */ + +var FragmentLoader = function (_EventHandler) { + _inherits(FragmentLoader, _EventHandler); + + function FragmentLoader(hls) { + _classCallCheck(this, FragmentLoader); + + var _this = _possibleConstructorReturn(this, (FragmentLoader.__proto__ || Object.getPrototypeOf(FragmentLoader)).call(this, hls, _events2.default.FRAG_LOADING)); + + _this.loaders = {}; + return _this; } - function extend(obj) { - var i = 1; - for (; i < arguments.length; i++) { - var cobj = arguments[i]; - for (var p in cobj) { - obj[p] = cobj[p]; + _createClass(FragmentLoader, [{ + key: 'destroy', + value: function destroy() { + var loaders = this.loaders; + for (var loaderName in loaders) { + var loader = loaders[loaderName]; + if (loader) { + loader.destroy(); + } } + this.loaders = {}; + _eventHandler2.default.prototype.destroy.call(this); } + }, { + key: 'onFragLoading', + value: function onFragLoading(data) { + var frag = data.frag, + type = frag.type, + loader = this.loaders[type], + config = this.hls.config; - return obj; - } + frag.loaded = 0; + if (loader) { + _logger.logger.warn('abort previous fragment loader for type:' + type); + loader.abort(); + } + loader = this.loaders[type] = frag.loader = typeof config.fLoader !== 'undefined' ? new config.fLoader(config) : new config.loader(config); - function VTTCue(startTime, endTime, text) { - var cue = this; - var isIE8 = function () { - if (typeof navigator === 'undefined') { - return; + var loaderContext = void 0, + loaderConfig = void 0, + loaderCallbacks = void 0; + loaderContext = { url: frag.url, frag: frag, responseType: 'arraybuffer', progressData: false }; + var start = frag.byteRangeStartOffset, + end = frag.byteRangeEndOffset; + if (!isNaN(start) && !isNaN(end)) { + loaderContext.rangeStart = start; + loaderContext.rangeEnd = end; } - return (/MSIE\s8\.0/.test(navigator.userAgent) - ); - }(); - var baseObj = {}; + loaderConfig = { timeout: config.fragLoadingTimeOut, maxRetry: 0, retryDelay: 0, maxRetryDelay: config.fragLoadingMaxRetryTimeout }; + loaderCallbacks = { onSuccess: this.loadsuccess.bind(this), onError: this.loaderror.bind(this), onTimeout: this.loadtimeout.bind(this), onProgress: this.loadprogress.bind(this) }; + loader.load(loaderContext, loaderConfig, loaderCallbacks); + } + }, { + key: 'loadsuccess', + value: function loadsuccess(response, stats, context) { + var payload = response.data, + frag = context.frag; + // detach fragment loader on load success + frag.loader = undefined; + this.loaders[frag.type] = undefined; + this.hls.trigger(_events2.default.FRAG_LOADED, { payload: payload, frag: frag, stats: stats }); + } + }, { + key: 'loaderror', + value: function loaderror(response, context) { + var loader = context.loader; + if (loader) { + loader.abort(); + } + this.loaders[context.type] = undefined; + this.hls.trigger(_events2.default.ERROR, { type: _errors.ErrorTypes.NETWORK_ERROR, details: _errors.ErrorDetails.FRAG_LOAD_ERROR, fatal: false, frag: context.frag, response: response }); + } + }, { + key: 'loadtimeout', + value: function loadtimeout(stats, context) { + var loader = context.loader; + if (loader) { + loader.abort(); + } + this.loaders[context.type] = undefined; + this.hls.trigger(_events2.default.ERROR, { type: _errors.ErrorTypes.NETWORK_ERROR, details: _errors.ErrorDetails.FRAG_LOAD_TIMEOUT, fatal: false, frag: context.frag }); + } - if (isIE8) { - cue = document.createElement('custom'); - } else { - baseObj.enumerable = true; + // data will be used for progressive parsing + + }, { + key: 'loadprogress', + value: function loadprogress(stats, context, data) { + // jshint ignore:line + var frag = context.frag; + frag.loaded = stats.loaded; + this.hls.trigger(_events2.default.FRAG_LOAD_PROGRESS, { frag: frag, stats: stats }); } + }]); - /** - * Shim implementation specific properties. These properties are not in - * the spec. - */ + return FragmentLoader; +}(_eventHandler2.default); - // Lets us know when the VTTCue's data has changed in such a way that we need - // to recompute its display state. This lets us compute its display state - // lazily. - cue.hasBeenReset = false; +exports.default = FragmentLoader; - /** - * VTTCue and TextTrackCue properties - * http://dev.w3.org/html5/webvtt/#vttcue-interface - */ +},{"33":33,"34":34,"35":35,"53":53}],42:[function(_dereq_,module,exports){ +'use strict'; - var _id = ''; - var _pauseOnExit = false; - var _startTime = startTime; - var _endTime = endTime; - var _text = text; - var _region = null; - var _vertical = ''; - var _snapToLines = true; - var _line = 'auto'; - var _lineAlign = 'start'; - var _position = 50; - var _positionAlign = 'middle'; - var _size = 50; - var _align = 'middle'; +Object.defineProperty(exports, "__esModule", { + value: true +}); - Object.defineProperty(cue, 'id', extend({}, baseObj, { - get: function get() { - return _id; - }, - set: function set(value) { - _id = '' + value; - } - })); +var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); + +var _events = _dereq_(35); + +var _events2 = _interopRequireDefault(_events); - Object.defineProperty(cue, 'pauseOnExit', extend({}, baseObj, { - get: function get() { - return _pauseOnExit; - }, - set: function set(value) { - _pauseOnExit = !!value; - } - })); +var _eventHandler = _dereq_(34); - Object.defineProperty(cue, 'startTime', extend({}, baseObj, { - get: function get() { - return _startTime; - }, - set: function set(value) { - if (typeof value !== 'number') { - throw new TypeError('Start time must be set to a number.'); - } - _startTime = value; - this.hasBeenReset = true; - } - })); +var _eventHandler2 = _interopRequireDefault(_eventHandler); - Object.defineProperty(cue, 'endTime', extend({}, baseObj, { - get: function get() { - return _endTime; - }, - set: function set(value) { - if (typeof value !== 'number') { - throw new TypeError('End time must be set to a number.'); - } - _endTime = value; - this.hasBeenReset = true; - } - })); +var _errors = _dereq_(33); - Object.defineProperty(cue, 'text', extend({}, baseObj, { - get: function get() { - return _text; - }, - set: function set(value) { - _text = '' + value; - this.hasBeenReset = true; - } - })); +var _logger = _dereq_(53); - Object.defineProperty(cue, 'region', extend({}, baseObj, { - get: function get() { - return _region; - }, - set: function set(value) { - _region = value; - this.hasBeenReset = true; - } - })); +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - Object.defineProperty(cue, 'vertical', extend({}, baseObj, { - get: function get() { - return _vertical; - }, - set: function set(value) { - var setting = findDirectionSetting(value); - // Have to check for false because the setting an be an empty string. - if (setting === false) { - throw new SyntaxError('An invalid or illegal string was specified.'); - } - _vertical = setting; - this.hasBeenReset = true; - } - })); +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - Object.defineProperty(cue, 'snapToLines', extend({}, baseObj, { - get: function get() { - return _snapToLines; - }, - set: function set(value) { - _snapToLines = !!value; - this.hasBeenReset = true; - } - })); +function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } - Object.defineProperty(cue, 'line', extend({}, baseObj, { - get: function get() { - return _line; - }, - set: function set(value) { - if (typeof value !== 'number' && value !== autoKeyword) { - throw new SyntaxError('An invalid number or illegal string was specified.'); - } - _line = value; - this.hasBeenReset = true; - } - })); +function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /* + * Decrypt key Loader + */ - Object.defineProperty(cue, 'lineAlign', extend({}, baseObj, { - get: function get() { - return _lineAlign; - }, - set: function set(value) { - var setting = findAlignSetting(value); - if (!setting) { - throw new SyntaxError('An invalid or illegal string was specified.'); - } - _lineAlign = setting; - this.hasBeenReset = true; - } - })); +var KeyLoader = function (_EventHandler) { + _inherits(KeyLoader, _EventHandler); - Object.defineProperty(cue, 'position', extend({}, baseObj, { - get: function get() { - return _position; - }, - set: function set(value) { - if (value < 0 || value > 100) { - throw new Error('Position must be between 0 and 100.'); - } - _position = value; - this.hasBeenReset = true; - } - })); + function KeyLoader(hls) { + _classCallCheck(this, KeyLoader); - Object.defineProperty(cue, 'positionAlign', extend({}, baseObj, { - get: function get() { - return _positionAlign; - }, - set: function set(value) { - var setting = findAlignSetting(value); - if (!setting) { - throw new SyntaxError('An invalid or illegal string was specified.'); - } - _positionAlign = setting; - this.hasBeenReset = true; - } - })); + var _this = _possibleConstructorReturn(this, (KeyLoader.__proto__ || Object.getPrototypeOf(KeyLoader)).call(this, hls, _events2.default.KEY_LOADING)); - Object.defineProperty(cue, 'size', extend({}, baseObj, { - get: function get() { - return _size; - }, - set: function set(value) { - if (value < 0 || value > 100) { - throw new Error('Size must be between 0 and 100.'); - } - _size = value; - this.hasBeenReset = true; - } - })); + _this.loaders = {}; + _this.decryptkey = null; + _this.decrypturl = null; + return _this; + } - Object.defineProperty(cue, 'align', extend({}, baseObj, { - get: function get() { - return _align; - }, - set: function set(value) { - var setting = findAlignSetting(value); - if (!setting) { - throw new SyntaxError('An invalid or illegal string was specified.'); + _createClass(KeyLoader, [{ + key: 'destroy', + value: function destroy() { + for (var loaderName in this.loaders) { + var loader = this.loaders[loaderName]; + if (loader) { + loader.destroy(); } - _align = setting; - this.hasBeenReset = true; } - })); - - /** - * Other spec defined properties - */ + this.loaders = {}; + _eventHandler2.default.prototype.destroy.call(this); + } + }, { + key: 'onKeyLoading', + value: function onKeyLoading(data) { + var frag = data.frag, + type = frag.type, + loader = this.loaders[type], + decryptdata = frag.decryptdata, + uri = decryptdata.uri; + // if uri is different from previous one or if decrypt key not retrieved yet + if (uri !== this.decrypturl || this.decryptkey === null) { + var config = this.hls.config; - // http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#text-track-cue-display-state - cue.displayState = undefined; + if (loader) { + _logger.logger.warn('abort previous key loader for type:' + type); + loader.abort(); + } + frag.loader = this.loaders[type] = new config.loader(config); + this.decrypturl = uri; + this.decryptkey = null; - if (isIE8) { - return cue; + var loaderContext = void 0, + loaderConfig = void 0, + loaderCallbacks = void 0; + loaderContext = { url: uri, frag: frag, responseType: 'arraybuffer' }; + loaderConfig = { timeout: config.fragLoadingTimeOut, maxRetry: config.fragLoadingMaxRetry, retryDelay: config.fragLoadingRetryDelay, maxRetryDelay: config.fragLoadingMaxRetryTimeout }; + loaderCallbacks = { onSuccess: this.loadsuccess.bind(this), onError: this.loaderror.bind(this), onTimeout: this.loadtimeout.bind(this) }; + frag.loader.load(loaderContext, loaderConfig, loaderCallbacks); + } else if (this.decryptkey) { + // we already loaded this key, return it + decryptdata.key = this.decryptkey; + this.hls.trigger(_events2.default.KEY_LOADED, { frag: frag }); + } } - } - - /** - * VTTCue methods - */ + }, { + key: 'loadsuccess', + value: function loadsuccess(response, stats, context) { + var frag = context.frag; + this.decryptkey = frag.decryptdata.key = new Uint8Array(response.data); + // detach fragment loader on load success + frag.loader = undefined; + this.loaders[frag.type] = undefined; + this.hls.trigger(_events2.default.KEY_LOADED, { frag: frag }); + } + }, { + key: 'loaderror', + value: function loaderror(response, context) { + var frag = context.frag, + loader = frag.loader; + if (loader) { + loader.abort(); + } + this.loaders[context.type] = undefined; + this.hls.trigger(_events2.default.ERROR, { type: _errors.ErrorTypes.NETWORK_ERROR, details: _errors.ErrorDetails.KEY_LOAD_ERROR, fatal: false, frag: frag, response: response }); + } + }, { + key: 'loadtimeout', + value: function loadtimeout(stats, context) { + var frag = context.frag, + loader = frag.loader; + if (loader) { + loader.abort(); + } + this.loaders[context.type] = undefined; + this.hls.trigger(_events2.default.ERROR, { type: _errors.ErrorTypes.NETWORK_ERROR, details: _errors.ErrorDetails.KEY_LOAD_TIMEOUT, fatal: false, frag: frag }); + } + }]); - VTTCue.prototype.getCueAsHTML = function () { - // Assume WebVTT.convertCueToDOMTree is on the global. - var WebVTT = window.WebVTT; - return WebVTT.convertCueToDOMTree(window, this.text); - }; + return KeyLoader; +}(_eventHandler2.default); - return VTTCue; -}(); +exports.default = KeyLoader; -},{}],53:[function(_dereq_,module,exports){ +},{"33":33,"34":34,"35":35,"53":53}],43:[function(_dereq_,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); -exports.fixLineBreaks = undefined; -var _vttcue = _dereq_(52); +var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); /** + * Playlist Loader + */ -var _vttcue2 = _interopRequireDefault(_vttcue); +var _urlToolkit = _dereq_(2); -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } +var _urlToolkit2 = _interopRequireDefault(_urlToolkit); -var StringDecoder = function StringDecoder() { - return { - decode: function decode(data) { - if (!data) { - return ''; - } - if (typeof data !== 'string') { - throw new Error('Error - expected string data.'); - } - return decodeURIComponent(encodeURIComponent(data)); - } - }; -}; /* - * Source: https://github.com/mozilla/vtt.js/blob/master/dist/vtt.js#L1716 - */ +var _events = _dereq_(35); -function VTTParser() { - this.window = window; - this.state = 'INITIAL'; - this.buffer = ''; - this.decoder = new StringDecoder(); - this.regionList = []; -} +var _events2 = _interopRequireDefault(_events); -// Try to parse input as a time stamp. -function parseTimeStamp(input) { +var _eventHandler = _dereq_(34); - function computeSeconds(h, m, s, f) { - return (h | 0) * 3600 + (m | 0) * 60 + (s | 0) + (f | 0) / 1000; - } +var _eventHandler2 = _interopRequireDefault(_eventHandler); - var m = input.match(/^(\d+):(\d{2})(:\d{2})?\.(\d{3})/); - if (!m) { - return null; - } +var _errors = _dereq_(33); - if (m[3]) { - // Timestamp takes the form of [hours]:[minutes]:[seconds].[milliseconds] - return computeSeconds(m[1], m[2], m[3].replace(':', ''), m[4]); - } else if (m[1] > 59) { - // Timestamp takes the form of [hours]:[minutes].[milliseconds] - // First position is hours as it's over 59. - return computeSeconds(m[1], m[2], 0, m[4]); - } else { - // Timestamp takes the form of [minutes]:[seconds].[milliseconds] - return computeSeconds(0, m[1], m[2], m[4]); - } -} +var _attrList = _dereq_(47); -// A settings object holds key/value pairs and will ignore anything but the first -// assignment to a specific key. -function Settings() { - this.values = Object.create(null); -} +var _attrList2 = _interopRequireDefault(_attrList); -Settings.prototype = { - // Only accept the first assignment to any key. - set: function set(k, v) { - if (!this.get(k) && v !== '') { - this.values[k] = v; - } - }, - // Return the value for a key, or a default value. - // If 'defaultKey' is passed then 'dflt' is assumed to be an object with - // a number of possible default values as properties where 'defaultKey' is - // the key of the property that will be chosen; otherwise it's assumed to be - // a single value. - get: function get(k, dflt, defaultKey) { - if (defaultKey) { - return this.has(k) ? this.values[k] : dflt[defaultKey]; - } - return this.has(k) ? this.values[k] : dflt; - }, - // Check whether we have a value for a key. - has: function has(k) { - return k in this.values; - }, - // Accept a setting if its one of the given alternatives. - alt: function alt(k, v, a) { - for (var n = 0; n < a.length; ++n) { - if (v === a[n]) { - this.set(k, v); - break; - } - } - }, - // Accept a setting if its a valid (signed) integer. - integer: function integer(k, v) { - if (/^-?\d+$/.test(v)) { - // integer - this.set(k, parseInt(v, 10)); - } - }, - // Accept a setting if its a valid percentage. - percent: function percent(k, v) { - var m; - if (m = v.match(/^([\d]{1,3})(\.[\d]*)?%$/)) { - v = parseFloat(v); - if (v >= 0 && v <= 100) { - this.set(k, v); - return true; - } - } - return false; - } -}; +var _logger = _dereq_(53); -// Helper function to parse input into groups separated by 'groupDelim', and -// interprete each group as a key/value pair separated by 'keyValueDelim'. -function parseOptions(input, callback, keyValueDelim, groupDelim) { - var groups = groupDelim ? input.split(groupDelim) : [input]; - for (var i in groups) { - if (typeof groups[i] !== 'string') { - continue; - } - var kv = groups[i].split(keyValueDelim); - if (kv.length !== 2) { - continue; - } - var k = kv[0]; - var v = kv[1]; - callback(k, v); - } -} +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } -var defaults = new _vttcue2.default(0, 0, 0); -// 'middle' was changed to 'center' in the spec: https://github.com/w3c/webvtt/pull/244 -// Chrome and Safari don't yet support this change, but FF does -var center = defaults.align === 'middle' ? 'middle' : 'center'; +function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } -function parseCue(input, cue, regionList) { - // Remember the original input if we need to throw an error. - var oInput = input; - // 4.1 WebVTT timestamp - function consumeTimeStamp() { - var ts = parseTimeStamp(input); - if (ts === null) { - throw new Error('Malformed timestamp: ' + oInput); - } - // Remove time stamp from input. - input = input.replace(/^[^\sa-zA-Z-]+/, ''); - return ts; - } +function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } - // 4.4.2 WebVTT cue settings - function consumeCueSettings(input, cue) { - var settings = new Settings(); +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - parseOptions(input, function (k, v) { - switch (k) { - case 'region': - // Find the last region we parsed with the same region id. - for (var i = regionList.length - 1; i >= 0; i--) { - if (regionList[i].id === v) { - settings.set(k, regionList[i].region); - break; - } - } - break; - case 'vertical': - settings.alt(k, v, ['rl', 'lr']); - break; - case 'line': - var vals = v.split(','), - vals0 = vals[0]; - settings.integer(k, vals0); - if (settings.percent(k, vals0)) { - settings.set('snapToLines', false); - } - settings.alt(k, vals0, ['auto']); - if (vals.length === 2) { - settings.alt('lineAlign', vals[1], ['start', center, 'end']); - } - break; - case 'position': - vals = v.split(','); - settings.percent(k, vals[0]); - if (vals.length === 2) { - settings.alt('positionAlign', vals[1], ['start', center, 'end', 'line-left', 'line-right', 'auto']); - } - break; - case 'size': - settings.percent(k, v); - break; - case 'align': - settings.alt(k, v, ['start', center, 'end', 'left', 'right']); - break; - } - }, /:/, /\s/); +// https://regex101.com is your friend +var MASTER_PLAYLIST_REGEX = /#EXT-X-STREAM-INF:([^\n\r]*)[\r\n]+([^\r\n]+)/g; +var MASTER_PLAYLIST_MEDIA_REGEX = /#EXT-X-MEDIA:(.*)/g; +var LEVEL_PLAYLIST_REGEX_FAST = /#EXTINF:(\d*(?:\.\d+)?)(?:,(.*))?|(?!#)(\S.+)|#EXT-X-BYTERANGE: *(.+)|#EXT-X-PROGRAM-DATE-TIME:(.+)|#.*/g; +var LEVEL_PLAYLIST_REGEX_SLOW = /(?:(?:#(EXTM3U))|(?:#EXT-X-(PLAYLIST-TYPE):(.+))|(?:#EXT-X-(MEDIA-SEQUENCE): *(\d+))|(?:#EXT-X-(TARGETDURATION): *(\d+))|(?:#EXT-X-(KEY):(.+))|(?:#EXT-X-(START):(.+))|(?:#EXT-X-(ENDLIST))|(?:#EXT-X-(DISCONTINUITY-SEQ)UENCE:(\d+))|(?:#EXT-X-(DIS)CONTINUITY))|(?:#EXT-X-(VERSION):(\d+))|(?:#EXT-X-(MAP):(.+))|(?:(#)(.*):(.*))|(?:(#)(.*))(?:.*)\r?\n?/; - // Apply default values for any missing fields. - cue.region = settings.get('region', null); - cue.vertical = settings.get('vertical', ''); - var line = settings.get('line', 'auto'); - if (line === 'auto' && defaults.line === -1) { - // set numeric line number for Safari - line = -1; - } - cue.line = line; - cue.lineAlign = settings.get('lineAlign', 'start'); - cue.snapToLines = settings.get('snapToLines', true); - cue.size = settings.get('size', 100); - cue.align = settings.get('align', center); - var position = settings.get('position', 'auto'); - if (position === 'auto' && defaults.position === 50) { - // set numeric position for Safari - position = cue.align === 'start' || cue.align === 'left' ? 0 : cue.align === 'end' || cue.align === 'right' ? 100 : 50; - } - cue.position = position; - } +var LevelKey = function () { + function LevelKey() { + _classCallCheck(this, LevelKey); - function skipWhitespace() { - input = input.replace(/^\s+/, ''); + this.method = null; + this.key = null; + this.iv = null; + this._uri = null; } - // 4.1 WebVTT cue timings. - skipWhitespace(); - cue.startTime = consumeTimeStamp(); // (1) collect cue start time - skipWhitespace(); - if (input.substr(0, 3) !== '-->') { - // (3) next characters must match '-->' - throw new Error('Malformed time stamp (time stamps must be separated by \'-->\'): ' + oInput); + _createClass(LevelKey, [{ + key: 'uri', + get: function get() { + if (!this._uri && this.reluri) { + this._uri = _urlToolkit2.default.buildAbsoluteURL(this.baseuri, this.reluri, { alwaysNormalize: true }); + } + return this._uri; + } + }]); + + return LevelKey; +}(); + +var Fragment = function () { + function Fragment() { + _classCallCheck(this, Fragment); + + this._url = null; + this._byteRange = null; + this._decryptdata = null; + this.tagList = []; } - input = input.substr(3); - skipWhitespace(); - cue.endTime = consumeTimeStamp(); // (5) collect cue end time - // 4.1 WebVTT cue settings list. - skipWhitespace(); - consumeCueSettings(input, cue); -} + _createClass(Fragment, [{ + key: 'createInitializationVector', -function fixLineBreaks(input) { - return input.replace(//gi, '\n'); -} -VTTParser.prototype = { - parse: function parse(data) { - var self = this; + /** + * Utility method for parseLevelPlaylist to create an initialization vector for a given segment + * @returns {Uint8Array} + */ + value: function createInitializationVector(segmentNumber) { + var uint8View = new Uint8Array(16); - // If there is no data then we won't decode it, but will just try to parse - // whatever is in buffer already. This may occur in circumstances, for - // example when flush() is called. - if (data) { - // Try to decode the data that we received. - self.buffer += self.decoder.decode(data, { stream: true }); + for (var i = 12; i < 16; i++) { + uint8View[i] = segmentNumber >> 8 * (15 - i) & 0xff; + } + + return uint8View; } - function collectNextLine() { - var buffer = self.buffer; - var pos = 0; + /** + * Utility method for parseLevelPlaylist to get a fragment's decryption data from the currently parsed encryption key data + * @param levelkey - a playlist's encryption info + * @param segmentNumber - the fragment's segment number + * @returns {*} - an object to be applied as a fragment's decryptdata + */ - buffer = fixLineBreaks(buffer); + }, { + key: 'fragmentDecryptdataFromLevelkey', + value: function fragmentDecryptdataFromLevelkey(levelkey, segmentNumber) { + var decryptdata = levelkey; - while (pos < buffer.length && buffer[pos] !== '\r' && buffer[pos] !== '\n') { - ++pos; + if (levelkey && levelkey.method && levelkey.uri && !levelkey.iv) { + decryptdata = new LevelKey(); + decryptdata.method = levelkey.method; + decryptdata.baseuri = levelkey.baseuri; + decryptdata.reluri = levelkey.reluri; + decryptdata.iv = this.createInitializationVector(segmentNumber); } - var line = buffer.substr(0, pos); - // Advance the buffer early in case we fail below. - if (buffer[pos] === '\r') { - ++pos; + + return decryptdata; + } + }, { + key: 'cloneObj', + value: function cloneObj(obj) { + return JSON.parse(JSON.stringify(obj)); + } + }, { + key: 'url', + get: function get() { + if (!this._url && this.relurl) { + this._url = _urlToolkit2.default.buildAbsoluteURL(this.baseurl, this.relurl, { alwaysNormalize: true }); } - if (buffer[pos] === '\n') { - ++pos; + return this._url; + }, + set: function set(value) { + this._url = value; + } + }, { + key: 'programDateTime', + get: function get() { + if (!this._programDateTime && this.rawProgramDateTime) { + this._programDateTime = new Date(Date.parse(this.rawProgramDateTime)); } - self.buffer = buffer.substr(pos); - return line; + return this._programDateTime; + } + }, { + key: 'byteRange', + get: function get() { + if (!this._byteRange) { + var byteRange = this._byteRange = []; + if (this.rawByteRange) { + var params = this.rawByteRange.split('@', 2); + if (params.length === 1) { + var lastByteRangeEndOffset = this.lastByteRangeEndOffset; + byteRange[0] = lastByteRangeEndOffset ? lastByteRangeEndOffset : 0; + } else { + byteRange[0] = parseInt(params[1]); + } + byteRange[1] = parseInt(params[0]) + byteRange[0]; + } + } + return this._byteRange; + } + }, { + key: 'byteRangeStartOffset', + get: function get() { + return this.byteRange[0]; } + }, { + key: 'byteRangeEndOffset', + get: function get() { + return this.byteRange[1]; + } + }, { + key: 'decryptdata', + get: function get() { + if (!this._decryptdata) { + this._decryptdata = this.fragmentDecryptdataFromLevelkey(this.levelkey, this.sn); + } + return this._decryptdata; + } + }]); - // 3.2 WebVTT metadata header syntax - function parseHeader(input) { - parseOptions(input, function (k, v) { - switch (k) { - case 'Region': - // 3.3 WebVTT region metadata header syntax - console.log('parse region', v); - //parseRegion(v); - break; + return Fragment; +}(); + +var PlaylistLoader = function (_EventHandler) { + _inherits(PlaylistLoader, _EventHandler); + + function PlaylistLoader(hls) { + _classCallCheck(this, PlaylistLoader); + + var _this = _possibleConstructorReturn(this, (PlaylistLoader.__proto__ || Object.getPrototypeOf(PlaylistLoader)).call(this, hls, _events2.default.MANIFEST_LOADING, _events2.default.LEVEL_LOADING, _events2.default.AUDIO_TRACK_LOADING, _events2.default.SUBTITLE_TRACK_LOADING)); + + _this.loaders = {}; + return _this; + } + + _createClass(PlaylistLoader, [{ + key: 'destroy', + value: function destroy() { + for (var loaderName in this.loaders) { + var loader = this.loaders[loaderName]; + if (loader) { + loader.destroy(); } - }, /:/); + } + this.loaders = {}; + _eventHandler2.default.prototype.destroy.call(this); + } + }, { + key: 'onManifestLoading', + value: function onManifestLoading(data) { + this.load(data.url, { type: 'manifest' }); + } + }, { + key: 'onLevelLoading', + value: function onLevelLoading(data) { + this.load(data.url, { type: 'level', level: data.level, id: data.id }); + } + }, { + key: 'onAudioTrackLoading', + value: function onAudioTrackLoading(data) { + this.load(data.url, { type: 'audioTrack', id: data.id }); + } + }, { + key: 'onSubtitleTrackLoading', + value: function onSubtitleTrackLoading(data) { + this.load(data.url, { type: 'subtitleTrack', id: data.id }); + } + }, { + key: 'load', + value: function load(url, context) { + var loader = this.loaders[context.type]; + if (loader) { + var loaderContext = loader.context; + if (loaderContext && loaderContext.url === url) { + _logger.logger.trace('playlist request ongoing'); + return; + } else { + _logger.logger.warn('abort previous loader for type:' + context.type); + loader.abort(); + } + } + var config = this.hls.config, + retry = void 0, + timeout = void 0, + retryDelay = void 0, + maxRetryDelay = void 0; + if (context.type === 'manifest') { + retry = config.manifestLoadingMaxRetry; + timeout = config.manifestLoadingTimeOut; + retryDelay = config.manifestLoadingRetryDelay; + maxRetryDelay = config.manifestLoadingMaxRetryTimeout; + } else { + retry = config.levelLoadingMaxRetry; + timeout = config.levelLoadingTimeOut; + retryDelay = config.levelLoadingRetryDelay; + maxRetryDelay = config.levelLoadingMaxRetryTimeout; + _logger.logger.log('loading playlist for ' + context.type + ' ' + (context.level || context.id)); + } + loader = this.loaders[context.type] = context.loader = typeof config.pLoader !== 'undefined' ? new config.pLoader(config) : new config.loader(config); + context.url = url; + context.responseType = ''; + + var loaderConfig = void 0, + loaderCallbacks = void 0; + loaderConfig = { timeout: timeout, maxRetry: retry, retryDelay: retryDelay, maxRetryDelay: maxRetryDelay }; + loaderCallbacks = { onSuccess: this.loadsuccess.bind(this), onError: this.loaderror.bind(this), onTimeout: this.loadtimeout.bind(this) }; + loader.load(context, loaderConfig, loaderCallbacks); + } + }, { + key: 'resolve', + value: function resolve(url, baseUrl) { + return _urlToolkit2.default.buildAbsoluteURL(baseUrl, url, { alwaysNormalize: true }); } + }, { + key: 'parseMasterPlaylist', + value: function parseMasterPlaylist(string, baseurl) { + var levels = [], + result = void 0; + MASTER_PLAYLIST_REGEX.lastIndex = 0; + while ((result = MASTER_PLAYLIST_REGEX.exec(string)) != null) { + var level = {}; - // 5.1 WebVTT file parsing. - try { - var line; - if (self.state === 'INITIAL') { - // We can't start parsing until we have the first line. - if (!/\r\n|\n/.test(self.buffer)) { - return this; + var attrs = level.attrs = new _attrList2.default(result[1]); + level.url = this.resolve(result[2], baseurl); + + var resolution = attrs.decimalResolution('RESOLUTION'); + if (resolution) { + level.width = resolution.width; + level.height = resolution.height; + } + level.bitrate = attrs.decimalInteger('AVERAGE-BANDWIDTH') || attrs.decimalInteger('BANDWIDTH'); + level.name = attrs.NAME; + + var codecs = attrs.CODECS; + if (codecs) { + codecs = codecs.split(/[ ,]+/); + for (var i = 0; i < codecs.length; i++) { + var codec = codecs[i]; + if (codec.indexOf('avc1') !== -1) { + level.videoCodec = this.avc1toavcoti(codec); + } else { + level.audioCodec = codec; + } + } } - line = collectNextLine(); - - var m = line.match(/^WEBVTT([ \t].*)?$/); - if (!m || !m[0]) { - throw new Error('Malformed WebVTT signature.'); + levels.push(level); + } + return levels; + } + }, { + key: 'parseMasterPlaylistMedia', + value: function parseMasterPlaylistMedia(string, baseurl, type) { + var result = void 0, + medias = [], + id = 0; + MASTER_PLAYLIST_MEDIA_REGEX.lastIndex = 0; + while ((result = MASTER_PLAYLIST_MEDIA_REGEX.exec(string)) != null) { + var media = {}; + var attrs = new _attrList2.default(result[1]); + if (attrs.TYPE === type) { + media.groupId = attrs['GROUP-ID']; + media.name = attrs.NAME; + media.type = type; + media.default = attrs.DEFAULT === 'YES'; + media.autoselect = attrs.AUTOSELECT === 'YES'; + media.forced = attrs.FORCED === 'YES'; + if (attrs.URI) { + media.url = this.resolve(attrs.URI, baseurl); + } + media.lang = attrs.LANGUAGE; + if (!media.name) { + media.name = media.lang; + } + media.id = id++; + medias.push(media); } - - self.state = 'HEADER'; } + return medias; + } + }, { + key: 'avc1toavcoti', + value: function avc1toavcoti(codec) { + var result, + avcdata = codec.split('.'); + if (avcdata.length > 2) { + result = avcdata.shift() + '.'; + result += parseInt(avcdata.shift()).toString(16); + result += ('000' + parseInt(avcdata.shift()).toString(16)).substr(-4); + } else { + result = codec; + } + return result; + } + }, { + key: 'parseLevelPlaylist', + value: function parseLevelPlaylist(string, baseurl, id, type) { + var currentSN = 0, + totalduration = 0, + level = { type: null, version: null, url: baseurl, fragments: [], live: true, startSN: 0 }, + levelkey = new LevelKey(), + cc = 0, + prevFrag = null, + frag = new Fragment(), + result, + i; - var alreadyCollectedLine = false; - while (self.buffer) { - // We can't parse a line until we have the full line. - if (!/\r\n|\n/.test(self.buffer)) { - return this; - } + LEVEL_PLAYLIST_REGEX_FAST.lastIndex = 0; - if (!alreadyCollectedLine) { - line = collectNextLine(); - } else { - alreadyCollectedLine = false; - } + while ((result = LEVEL_PLAYLIST_REGEX_FAST.exec(string)) !== null) { + var duration = result[1]; + if (duration) { + // INF + frag.duration = parseFloat(duration); + // avoid sliced strings https://github.com/video-dev/hls.js/issues/939 + var title = (' ' + result[2]).slice(1); + frag.title = title ? title : null; + frag.tagList.push(title ? ['INF', duration, title] : ['INF', duration]); + } else if (result[3]) { + // url + if (!isNaN(frag.duration)) { + var sn = currentSN++; + frag.type = type; + frag.start = totalduration; + frag.levelkey = levelkey; + frag.sn = sn; + frag.level = id; + frag.cc = cc; + frag.baseurl = baseurl; + // avoid sliced strings https://github.com/video-dev/hls.js/issues/939 + frag.relurl = (' ' + result[3]).slice(1); - switch (self.state) { - case 'HEADER': - // 13-18 - Allow a header (metadata) under the WEBVTT line. - if (/:/.test(line)) { - parseHeader(line); - } else if (!line) { - // An empty line terminates the header and starts the body (cues). - self.state = 'ID'; - } - continue; - case 'NOTE': - // Ignore NOTE blocks. - if (!line) { - self.state = 'ID'; + level.fragments.push(frag); + prevFrag = frag; + totalduration += frag.duration; + + frag = new Fragment(); + } + } else if (result[4]) { + // X-BYTERANGE + frag.rawByteRange = (' ' + result[4]).slice(1); + if (prevFrag) { + var lastByteRangeEndOffset = prevFrag.byteRangeEndOffset; + if (lastByteRangeEndOffset) { + frag.lastByteRangeEndOffset = lastByteRangeEndOffset; } - continue; - case 'ID': - // Check for the start of NOTE blocks. - if (/^NOTE($|[ \t])/.test(line)) { - self.state = 'NOTE'; + } + } else if (result[5]) { + // PROGRAM-DATE-TIME + // avoid sliced strings https://github.com/video-dev/hls.js/issues/939 + frag.rawProgramDateTime = (' ' + result[5]).slice(1); + frag.tagList.push(['PROGRAM-DATE-TIME', frag.rawProgramDateTime]); + } else { + result = result[0].match(LEVEL_PLAYLIST_REGEX_SLOW); + for (i = 1; i < result.length; i++) { + if (result[i] !== undefined) { break; } - // 19-29 - Allow any number of line terminators, then initialize new cue values. - if (!line) { - continue; - } - self.cue = new _vttcue2.default(0, 0, ''); - self.state = 'CUE'; - // 30-39 - Check if self line contains an optional identifier or timing data. - if (line.indexOf('-->') === -1) { - self.cue.id = line; - continue; - } - // Process line as start of a cue. - /*falls through*/ - case 'CUE': - // 40 - Collect cue timings and settings. - try { - parseCue(line, self.cue, self.regionList); - } catch (e) { - // In case of an error ignore rest of the cue. - self.cue = null; - self.state = 'BADCUE'; - continue; - } - self.state = 'CUETEXT'; - continue; - case 'CUETEXT': - var hasSubstring = line.indexOf('-->') !== -1; - // 34 - If we have an empty line then report the cue. - // 35 - If we have the special substring '-->' then report the cue, - // but do not collect the line as we need to process the current - // one as a new cue. - if (!line || hasSubstring && (alreadyCollectedLine = true)) { - // We are done parsing self cue. - if (self.oncue) { - self.oncue(self.cue); + } + + // avoid sliced strings https://github.com/video-dev/hls.js/issues/939 + var value1 = (' ' + result[i + 1]).slice(1); + var value2 = (' ' + result[i + 2]).slice(1); + + switch (result[i]) { + case '#': + frag.tagList.push(value2 ? [value1, value2] : [value1]); + break; + case 'PLAYLIST-TYPE': + level.type = value1.toUpperCase(); + break; + case 'MEDIA-SEQUENCE': + currentSN = level.startSN = parseInt(value1); + break; + case 'TARGETDURATION': + level.targetduration = parseFloat(value1); + break; + case 'VERSION': + level.version = parseInt(value1); + break; + case 'EXTM3U': + break; + case 'ENDLIST': + level.live = false; + break; + case 'DIS': + cc++; + frag.tagList.push(['DIS']); + break; + case 'DISCONTINUITY-SEQ': + cc = parseInt(value1); + break; + case 'KEY': + // https://tools.ietf.org/html/draft-pantos-http-live-streaming-08#section-3.4.4 + var decryptparams = value1; + var keyAttrs = new _attrList2.default(decryptparams); + var decryptmethod = keyAttrs.enumeratedString('METHOD'), + decrypturi = keyAttrs.URI, + decryptiv = keyAttrs.hexadecimalInteger('IV'); + if (decryptmethod) { + levelkey = new LevelKey(); + if (decrypturi && ['AES-128', 'SAMPLE-AES'].indexOf(decryptmethod) >= 0) { + levelkey.method = decryptmethod; + // URI to get the key + levelkey.baseuri = baseurl; + levelkey.reluri = decrypturi; + levelkey.key = null; + // Initialization Vector (IV) + levelkey.iv = decryptiv; + } + } + break; + case 'START': + var startParams = value1; + var startAttrs = new _attrList2.default(startParams); + var startTimeOffset = startAttrs.decimalFloatingPoint('TIME-OFFSET'); + //TIME-OFFSET can be 0 + if (!isNaN(startTimeOffset)) { + level.startTimeOffset = startTimeOffset; + } + break; + case 'MAP': + var mapAttrs = new _attrList2.default(value1); + frag.relurl = mapAttrs.URI; + frag.rawByteRange = mapAttrs.BYTERANGE; + frag.baseurl = baseurl; + frag.level = id; + frag.type = type; + frag.sn = 'initSegment'; + level.initSegment = frag; + frag = new Fragment(); + break; + default: + _logger.logger.warn('line parsed but not handled: ' + result); + break; + } + } + } + frag = prevFrag; + //logger.log('found ' + level.fragments.length + ' fragments'); + if (frag && !frag.relurl) { + level.fragments.pop(); + totalduration -= frag.duration; + } + level.totalduration = totalduration; + level.averagetargetduration = totalduration / level.fragments.length; + level.endSN = currentSN - 1; + return level; + } + }, { + key: 'loadsuccess', + value: function loadsuccess(response, stats, context) { + var string = response.data, + url = response.url, + type = context.type, + id = context.id, + level = context.level, + hls = this.hls; + + this.loaders[type] = undefined; + // responseURL not supported on some browsers (it is used to detect URL redirection) + // data-uri mode also not supported (but no need to detect redirection) + if (url === undefined || url.indexOf('data:') === 0) { + // fallback to initial URL + url = context.url; + } + stats.tload = performance.now(); + //stats.mtime = new Date(target.getResponseHeader('Last-Modified')); + if (string.indexOf('#EXTM3U') === 0) { + if (string.indexOf('#EXTINF:') > 0) { + var isLevel = type !== 'audioTrack' && type !== 'subtitleTrack', + levelId = !isNaN(level) ? level : !isNaN(id) ? id : 0, + levelDetails = this.parseLevelPlaylist(string, url, levelId, type === 'audioTrack' ? 'audio' : type === 'subtitleTrack' ? 'subtitle' : 'main'); + levelDetails.tload = stats.tload; + if (type === 'manifest') { + // first request, stream manifest (no master playlist), fire manifest loaded event with level details + hls.trigger(_events2.default.MANIFEST_LOADED, { levels: [{ url: url, details: levelDetails }], audioTracks: [], url: url, stats: stats }); + } + stats.tparsed = performance.now(); + if (levelDetails.targetduration) { + if (isLevel) { + hls.trigger(_events2.default.LEVEL_LOADED, { details: levelDetails, level: level || 0, id: id || 0, stats: stats }); + } else { + if (type === 'audioTrack') { + hls.trigger(_events2.default.AUDIO_TRACK_LOADED, { details: levelDetails, id: id, stats: stats }); + } else if (type === 'subtitleTrack') { + hls.trigger(_events2.default.SUBTITLE_TRACK_LOADED, { details: levelDetails, id: id, stats: stats }); } - self.cue = null; - self.state = 'ID'; - continue; } - if (self.cue.text) { - self.cue.text += '\n'; - } - self.cue.text += line; - continue; - case 'BADCUE': - // BADCUE - // 54-62 - Collect and discard the remaining cue. - if (!line) { - self.state = 'ID'; + } else { + hls.trigger(_events2.default.ERROR, { type: _errors.ErrorTypes.NETWORK_ERROR, details: _errors.ErrorDetails.MANIFEST_PARSING_ERROR, fatal: true, url: url, reason: 'invalid targetduration' }); + } + } else { + var levels = this.parseMasterPlaylist(string, url); + // multi level playlist, parse level info + if (levels.length) { + var audioTracks = this.parseMasterPlaylistMedia(string, url, 'AUDIO'); + var subtitles = this.parseMasterPlaylistMedia(string, url, 'SUBTITLES'); + if (audioTracks.length) { + // check if we have found an audio track embedded in main playlist (audio track without URI attribute) + var embeddedAudioFound = false; + audioTracks.forEach(function (audioTrack) { + if (!audioTrack.url) { + embeddedAudioFound = true; + } + }); + // if no embedded audio track defined, but audio codec signaled in quality level, we need to signal this main audio track + // this could happen with playlists with alt audio rendition in which quality levels (main) contains both audio+video. but with mixed audio track not signaled + if (embeddedAudioFound === false && levels[0].audioCodec && !levels[0].attrs.AUDIO) { + _logger.logger.log('audio codec signaled in quality level, but no embedded audio track signaled, create one'); + audioTracks.unshift({ type: 'main', name: 'main' }); + } } - continue; + hls.trigger(_events2.default.MANIFEST_LOADED, { levels: levels, audioTracks: audioTracks, subtitles: subtitles, url: url, stats: stats }); + } else { + hls.trigger(_events2.default.ERROR, { type: _errors.ErrorTypes.NETWORK_ERROR, details: _errors.ErrorDetails.MANIFEST_PARSING_ERROR, fatal: true, url: url, reason: 'no level found in manifest' }); + } } + } else { + hls.trigger(_events2.default.ERROR, { type: _errors.ErrorTypes.NETWORK_ERROR, details: _errors.ErrorDetails.MANIFEST_PARSING_ERROR, fatal: true, url: url, reason: 'no EXTM3U delimiter' }); } - } catch (e) { - - // If we are currently parsing a cue, report what we have. - if (self.state === 'CUETEXT' && self.cue && self.oncue) { - self.oncue(self.cue); - } - self.cue = null; - // Enter BADWEBVTT state if header was not parsed correctly otherwise - // another exception occurred so enter BADCUE state. - self.state = self.state === 'INITIAL' ? 'BADWEBVTT' : 'BADCUE'; } - return this; - }, - flush: function flush() { - var self = this; - try { - // Finish decoding the stream. - self.buffer += self.decoder.decode(); - // Synthesize the end of the current cue or region. - if (self.cue || self.state === 'HEADER') { - self.buffer += '\n\n'; - self.parse(); + }, { + key: 'loaderror', + value: function loaderror(response, context) { + var details, + fatal, + loader = context.loader; + switch (context.type) { + case 'manifest': + details = _errors.ErrorDetails.MANIFEST_LOAD_ERROR; + fatal = true; + break; + case 'level': + details = _errors.ErrorDetails.LEVEL_LOAD_ERROR; + fatal = false; + break; + case 'audioTrack': + details = _errors.ErrorDetails.AUDIO_TRACK_LOAD_ERROR; + fatal = false; + break; } - // If we've flushed, parsed, and we're still on the INITIAL state then - // that means we don't have enough of the stream to parse the first - // line. - if (self.state === 'INITIAL') { - throw new Error('Malformed WebVTT signature.'); + if (loader) { + loader.abort(); + this.loaders[context.type] = undefined; } - } catch (e) { - throw e; - } - if (self.onflush) { - self.onflush(); - } - return this; - } -}; - -exports.fixLineBreaks = fixLineBreaks; -exports.default = VTTParser; - -},{"52":52}],54:[function(_dereq_,module,exports){ -'use strict'; - -var _vttparser = _dereq_(53); - -var _vttparser2 = _interopRequireDefault(_vttparser); - -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - -var cueString2millis = function cueString2millis(timeString) { - var ts = parseInt(timeString.substr(-3)); - var secs = parseInt(timeString.substr(-6, 2)); - var mins = parseInt(timeString.substr(-9, 2)); - var hours = timeString.length > 9 ? parseInt(timeString.substr(0, timeString.indexOf(':'))) : 0; - - if (isNaN(ts) || isNaN(secs) || isNaN(mins) || isNaN(hours)) { - return -1; - } - - ts += 1000 * secs; - ts += 60 * 1000 * mins; - ts += 60 * 60 * 1000 * hours; - - return ts; -}; - -var calculateOffset = function calculateOffset(vttCCs, cc, presentationTime) { - var currCC = vttCCs[cc]; - var prevCC = vttCCs[currCC.prevCC]; - - // This is the first discontinuity or cues have been processed since the last discontinuity - // Offset = current discontinuity time - if (!prevCC || !prevCC.new && currCC.new) { - vttCCs.ccOffset = vttCCs.presentationOffset = currCC.start; - currCC.new = false; - return; + this.hls.trigger(_events2.default.ERROR, { type: _errors.ErrorTypes.NETWORK_ERROR, details: details, fatal: fatal, url: loader.url, loader: loader, response: response, context: context }); } - - // There have been discontinuities since cues were last parsed. - // Offset = time elapsed - while (prevCC && prevCC.new) { - vttCCs.ccOffset += currCC.start - prevCC.start; - currCC.new = false; - currCC = prevCC; - prevCC = vttCCs[currCC.prevCC]; + }, { + key: 'loadtimeout', + value: function loadtimeout(stats, context) { + var details, + fatal, + loader = context.loader; + switch (context.type) { + case 'manifest': + details = _errors.ErrorDetails.MANIFEST_LOAD_TIMEOUT; + fatal = true; + break; + case 'level': + details = _errors.ErrorDetails.LEVEL_LOAD_TIMEOUT; + fatal = false; + break; + case 'audioTrack': + details = _errors.ErrorDetails.AUDIO_TRACK_LOAD_TIMEOUT; + fatal = false; + break; + } + if (loader) { + loader.abort(); + this.loaders[context.type] = undefined; + } + this.hls.trigger(_events2.default.ERROR, { type: _errors.ErrorTypes.NETWORK_ERROR, details: details, fatal: fatal, url: loader.url, loader: loader, context: context }); } + }]); - vttCCs.presentationOffset = presentationTime; -}; + return PlaylistLoader; +}(_eventHandler2.default); -var WebVTTParser = { - parse: function parse(vttByteArray, syncPTS, vttCCs, cc, callBack, errorCallBack) { - // Convert byteArray into string, replacing any somewhat exotic linefeeds with "\n", then split on that character. - var re = /\r\n|\n\r|\n|\r/g; - var vttLines = String.fromCharCode.apply(null, new Uint8Array(vttByteArray)).trim().replace(re, '\n').split('\n'); - var cueTime = '00:00.000'; - var mpegTs = 0; - var localTime = 0; - var presentationTime = 0; - var cues = []; - var parsingError = void 0; - var inHeader = true; - // let VTTCue = VTTCue || window.TextTrackCue; +exports.default = PlaylistLoader; - // Create parser object using VTTCue with TextTrackCue fallback on certain browsers. - var parser = new _vttparser2.default(); +},{"2":2,"33":33,"34":34,"35":35,"47":47,"53":53}],44:[function(_dereq_,module,exports){ +'use strict'; - parser.oncue = function (cue) { - // Adjust cue timing; clamp cues to start no earlier than - and drop cues that don't end after - 0 on timeline. - var currCC = vttCCs[cc]; - var cueOffset = vttCCs.ccOffset; +Object.defineProperty(exports, "__esModule", { + value: true +}); - // Update offsets for new discontinuities - if (currCC && currCC.new) { - if (localTime) { - // When local time is provided, offset = discontinuity start time - local time - cueOffset = vttCCs.ccOffset = currCC.start; - } else { - calculateOffset(vttCCs, cc, presentationTime); - } - } +var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); - if (presentationTime && !localTime) { - // If we have MPEGTS but no LOCAL time, offset = presentation time + discontinuity offset - cueOffset = presentationTime + vttCCs.ccOffset - vttCCs.presentationOffset; - } +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - cue.startTime += cueOffset - localTime; - cue.endTime += cueOffset - localTime; +/** + * Generate MP4 Box +*/ - // Fix encoding of special characters. TODO: Test with all sorts of weird characters. - cue.text = decodeURIComponent(escape(cue.text)); - if (cue.endTime > 0) { - cues.push(cue); - } - }; +//import Hex from '../utils/hex'; - parser.onparsingerror = function (e) { - parsingError = e; - }; +var UINT32_MAX = Math.pow(2, 32) - 1; - parser.onflush = function () { - if (parsingError && errorCallBack) { - errorCallBack(parsingError); - return; - } - callBack(cues); - }; +var MP4 = function () { + function MP4() { + _classCallCheck(this, MP4); + } - // Go through contents line by line. - vttLines.forEach(function (line) { - if (inHeader) { - // Look for X-TIMESTAMP-MAP in header. - if (line.startsWith('X-TIMESTAMP-MAP=')) { - // Once found, no more are allowed anyway, so stop searching. - inHeader = false; - // Extract LOCAL and MPEGTS. - line.substr(16).split(',').forEach(function (timestamp) { - if (timestamp.startsWith('LOCAL:')) { - cueTime = timestamp.substr(6); - } else if (timestamp.startsWith('MPEGTS:')) { - mpegTs = parseInt(timestamp.substr(7)); - } - }); - try { - // Calculate subtitle offset in milliseconds. - // If sync PTS is less than zero, we have a 33-bit wraparound, which is fixed by adding 2^33 = 8589934592. - syncPTS = syncPTS < 0 ? syncPTS + 8589934592 : syncPTS; - // Adjust MPEGTS by sync PTS. - mpegTs -= syncPTS; - // Convert cue time to seconds - localTime = cueString2millis(cueTime) / 1000; - // Convert MPEGTS to seconds from 90kHz. - presentationTime = mpegTs / 90000; + _createClass(MP4, null, [{ + key: 'init', + value: function init() { + MP4.types = { + avc1: [], // codingname + avcC: [], + btrt: [], + dinf: [], + dref: [], + esds: [], + ftyp: [], + hdlr: [], + mdat: [], + mdhd: [], + mdia: [], + mfhd: [], + minf: [], + moof: [], + moov: [], + mp4a: [], + '.mp3': [], + mvex: [], + mvhd: [], + pasp: [], + sdtp: [], + stbl: [], + stco: [], + stsc: [], + stsd: [], + stsz: [], + stts: [], + tfdt: [], + tfhd: [], + traf: [], + trak: [], + trun: [], + trex: [], + tkhd: [], + vmhd: [], + smhd: [] + }; - if (localTime === -1) { - parsingError = new Error('Malformed X-TIMESTAMP-MAP: ' + line); - } - } catch (e) { - parsingError = new Error('Malformed X-TIMESTAMP-MAP: ' + line); - } - // Return without parsing X-TIMESTAMP-MAP line. - return; - } else if (line === '') { - inHeader = false; - } - } - // Parse line by default. - parser.parse(line + '\n'); - }); + var i; + for (i in MP4.types) { + if (MP4.types.hasOwnProperty(i)) { + MP4.types[i] = [i.charCodeAt(0), i.charCodeAt(1), i.charCodeAt(2), i.charCodeAt(3)]; + } + } - parser.flush(); - } -}; + var videoHdlr = new Uint8Array([0x00, // version 0 + 0x00, 0x00, 0x00, // flags + 0x00, 0x00, 0x00, 0x00, // pre_defined + 0x76, 0x69, 0x64, 0x65, // handler_type: 'vide' + 0x00, 0x00, 0x00, 0x00, // reserved + 0x00, 0x00, 0x00, 0x00, // reserved + 0x00, 0x00, 0x00, 0x00, // reserved + 0x56, 0x69, 0x64, 0x65, 0x6f, 0x48, 0x61, 0x6e, 0x64, 0x6c, 0x65, 0x72, 0x00 // name: 'VideoHandler' + ]); -module.exports = WebVTTParser; + var audioHdlr = new Uint8Array([0x00, // version 0 + 0x00, 0x00, 0x00, // flags + 0x00, 0x00, 0x00, 0x00, // pre_defined + 0x73, 0x6f, 0x75, 0x6e, // handler_type: 'soun' + 0x00, 0x00, 0x00, 0x00, // reserved + 0x00, 0x00, 0x00, 0x00, // reserved + 0x00, 0x00, 0x00, 0x00, // reserved + 0x53, 0x6f, 0x75, 0x6e, 0x64, 0x48, 0x61, 0x6e, 0x64, 0x6c, 0x65, 0x72, 0x00 // name: 'SoundHandler' + ]); -},{"53":53}],55:[function(_dereq_,module,exports){ -'use strict'; + MP4.HDLR_TYPES = { + 'video': videoHdlr, + 'audio': audioHdlr + }; -Object.defineProperty(exports, "__esModule", { - value: true -}); + var dref = new Uint8Array([0x00, // version 0 + 0x00, 0x00, 0x00, // flags + 0x00, 0x00, 0x00, 0x01, // entry_count + 0x00, 0x00, 0x00, 0x0c, // entry_size + 0x75, 0x72, 0x6c, 0x20, // 'url' type + 0x00, // version 0 + 0x00, 0x00, 0x01 // entry_flags + ]); -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); /** - * XHR based logger - */ + var stco = new Uint8Array([0x00, // version + 0x00, 0x00, 0x00, // flags + 0x00, 0x00, 0x00, 0x00 // entry_count + ]); -var _logger = _dereq_(50); + MP4.STTS = MP4.STSC = MP4.STCO = stco; -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } + MP4.STSZ = new Uint8Array([0x00, // version + 0x00, 0x00, 0x00, // flags + 0x00, 0x00, 0x00, 0x00, // sample_size + 0x00, 0x00, 0x00, 0x00]); + MP4.VMHD = new Uint8Array([0x00, // version + 0x00, 0x00, 0x01, // flags + 0x00, 0x00, // graphicsmode + 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 // opcolor + ]); + MP4.SMHD = new Uint8Array([0x00, // version + 0x00, 0x00, 0x00, // flags + 0x00, 0x00, // balance + 0x00, 0x00 // reserved + ]); -var XhrLoader = function () { - function XhrLoader(config) { - _classCallCheck(this, XhrLoader); + MP4.STSD = new Uint8Array([0x00, // version 0 + 0x00, 0x00, 0x00, // flags + 0x00, 0x00, 0x00, 0x01]); // entry_count - if (config && config.xhrSetup) { - this.xhrSetup = config.xhrSetup; - } - } + var majorBrand = new Uint8Array([105, 115, 111, 109]); // isom + var avc1Brand = new Uint8Array([97, 118, 99, 49]); // avc1 + var minorVersion = new Uint8Array([0, 0, 0, 1]); - _createClass(XhrLoader, [{ - key: 'destroy', - value: function destroy() { - this.abort(); - this.loader = null; + MP4.FTYP = MP4.box(MP4.types.ftyp, majorBrand, minorVersion, majorBrand, avc1Brand); + MP4.DINF = MP4.box(MP4.types.dinf, MP4.box(MP4.types.dref, dref)); + } + }, { + key: 'box', + value: function box(type) { + var payload = Array.prototype.slice.call(arguments, 1), + size = 8, + i = payload.length, + len = i, + result; + // calculate the total size we need to allocate + while (i--) { + size += payload[i].byteLength; + } + result = new Uint8Array(size); + result[0] = size >> 24 & 0xff; + result[1] = size >> 16 & 0xff; + result[2] = size >> 8 & 0xff; + result[3] = size & 0xff; + result.set(type, 4); + // copy the payload into the result + for (i = 0, size = 8; i < len; i++) { + // copy payload[i] array @ offset size + result.set(payload[i], size); + size += payload[i].byteLength; + } + return result; + } + }, { + key: 'hdlr', + value: function hdlr(type) { + return MP4.box(MP4.types.hdlr, MP4.HDLR_TYPES[type]); + } + }, { + key: 'mdat', + value: function mdat(data) { + return MP4.box(MP4.types.mdat, data); + } + }, { + key: 'mdhd', + value: function mdhd(timescale, duration) { + duration *= timescale; + var upperWordDuration = Math.floor(duration / (UINT32_MAX + 1)); + var lowerWordDuration = Math.floor(duration % (UINT32_MAX + 1)); + return MP4.box(MP4.types.mdhd, new Uint8Array([0x01, // version 1 + 0x00, 0x00, 0x00, // flags + 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x02, // creation_time + 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x03, // modification_time + timescale >> 24 & 0xFF, timescale >> 16 & 0xFF, timescale >> 8 & 0xFF, timescale & 0xFF, // timescale + upperWordDuration >> 24, upperWordDuration >> 16 & 0xFF, upperWordDuration >> 8 & 0xFF, upperWordDuration & 0xFF, lowerWordDuration >> 24, lowerWordDuration >> 16 & 0xFF, lowerWordDuration >> 8 & 0xFF, lowerWordDuration & 0xFF, 0x55, 0xc4, // 'und' language (undetermined) + 0x00, 0x00])); } }, { - key: 'abort', - value: function abort() { - var loader = this.loader; - if (loader && loader.readyState !== 4) { - this.stats.aborted = true; - loader.abort(); - } - - window.clearTimeout(this.requestTimeout); - this.requestTimeout = null; - window.clearTimeout(this.retryTimeout); - this.retryTimeout = null; + key: 'mdia', + value: function mdia(track) { + return MP4.box(MP4.types.mdia, MP4.mdhd(track.timescale, track.duration), MP4.hdlr(track.type), MP4.minf(track)); } }, { - key: 'load', - value: function load(context, config, callbacks) { - this.context = context; - this.config = config; - this.callbacks = callbacks; - this.stats = { trequest: performance.now(), retry: 0 }; - this.retryDelay = config.retryDelay; - this.loadInternal(); + key: 'mfhd', + value: function mfhd(sequenceNumber) { + return MP4.box(MP4.types.mfhd, new Uint8Array([0x00, 0x00, 0x00, 0x00, // flags + sequenceNumber >> 24, sequenceNumber >> 16 & 0xFF, sequenceNumber >> 8 & 0xFF, sequenceNumber & 0xFF])); } }, { - key: 'loadInternal', - value: function loadInternal() { - var xhr, - context = this.context; - - if (typeof XDomainRequest !== 'undefined') { - xhr = this.loader = new XDomainRequest(); + key: 'minf', + value: function minf(track) { + if (track.type === 'audio') { + return MP4.box(MP4.types.minf, MP4.box(MP4.types.smhd, MP4.SMHD), MP4.DINF, MP4.stbl(track)); } else { - xhr = this.loader = new XMLHttpRequest(); - } - var stats = this.stats; - stats.tfirst = 0; - stats.loaded = 0; - var xhrSetup = this.xhrSetup; - if (xhrSetup) { - try { - xhrSetup(xhr, context.url); - } catch (e) { - // fix xhrSetup: (xhr, url) => {xhr.setRequestHeader("Content-Language", "test");} - // not working, as xhr.setRequestHeader expects xhr.readyState === OPEN - xhr.open('GET', context.url, true); - xhrSetup(xhr, context.url); - } + return MP4.box(MP4.types.minf, MP4.box(MP4.types.vmhd, MP4.VMHD), MP4.DINF, MP4.stbl(track)); } + } + }, { + key: 'moof', + value: function moof(sn, baseMediaDecodeTime, track) { + return MP4.box(MP4.types.moof, MP4.mfhd(sn), MP4.traf(track, baseMediaDecodeTime)); + } + /** + * @param tracks... (optional) {array} the tracks associated with this movie + */ - if (!xhr.readyState) { - xhr.open('GET', context.url, true); - } - if (context.rangeEnd) { - xhr.setRequestHeader('Range', 'bytes=' + context.rangeStart + '-' + (context.rangeEnd - 1)); + }, { + key: 'moov', + value: function moov(tracks) { + var i = tracks.length, + boxes = []; + + while (i--) { + boxes[i] = MP4.trak(tracks[i]); } - xhr.onreadystatechange = this.readystatechange.bind(this); - xhr.onprogress = this.loadprogress.bind(this); - xhr.responseType = context.responseType; - // setup timeout before we perform request - this.requestTimeout = window.setTimeout(this.loadtimeout.bind(this), this.config.timeout); - xhr.send(); + return MP4.box.apply(null, [MP4.types.moov, MP4.mvhd(tracks[0].timescale, tracks[0].duration)].concat(boxes).concat(MP4.mvex(tracks))); } }, { - key: 'readystatechange', - value: function readystatechange(event) { - var xhr = event.currentTarget, - readyState = xhr.readyState, - stats = this.stats, - context = this.context, - config = this.config; - - // don't proceed if xhr has been aborted - if (stats.aborted) { - return; - } + key: 'mvex', + value: function mvex(tracks) { + var i = tracks.length, + boxes = []; - // >= HEADERS_RECEIVED - if (readyState >= 2) { - // clear xhr timeout and rearm it if readyState less than 4 - window.clearTimeout(this.requestTimeout); - if (stats.tfirst === 0) { - stats.tfirst = Math.max(performance.now(), stats.trequest); - } - if (readyState === 4) { - var status = xhr.status; - // http status between 200 to 299 are all successful - if (status >= 200 && status < 300) { - stats.tload = Math.max(stats.tfirst, performance.now()); - var data = void 0, - len = void 0; - if (context.responseType === 'arraybuffer') { - data = xhr.response; - len = data.byteLength; - } else { - data = xhr.responseText; - len = data.length; - } - stats.loaded = stats.total = len; - var response = { url: xhr.responseURL, data: data }; - this.callbacks.onSuccess(response, stats, context); - } else { - // if max nb of retries reached or if http status between 400 and 499 (such error cannot be recovered, retrying is useless), return error - if (stats.retry >= config.maxRetry || status >= 400 && status < 499) { - _logger.logger.error(status + ' while loading ' + context.url); - this.callbacks.onError({ code: status, text: xhr.statusText }, context); - } else { - // retry - _logger.logger.warn(status + ' while loading ' + context.url + ', retrying in ' + this.retryDelay + '...'); - // aborts and resets internal state - this.destroy(); - // schedule retry - this.retryTimeout = window.setTimeout(this.loadInternal.bind(this), this.retryDelay); - // set exponential backoff - this.retryDelay = Math.min(2 * this.retryDelay, config.maxRetryDelay); - stats.retry++; - } - } - } else { - // readyState >= 2 AND readyState !==4 (readyState = HEADERS_RECEIVED || LOADING) rearm timeout as xhr not finished yet - this.requestTimeout = window.setTimeout(this.loadtimeout.bind(this), config.timeout); - } + while (i--) { + boxes[i] = MP4.trex(tracks[i]); } + return MP4.box.apply(null, [MP4.types.mvex].concat(boxes)); } }, { - key: 'loadtimeout', - value: function loadtimeout() { - _logger.logger.warn('timeout while loading ' + this.context.url); - this.callbacks.onTimeout(this.stats, this.context); + key: 'mvhd', + value: function mvhd(timescale, duration) { + duration *= timescale; + var upperWordDuration = Math.floor(duration / (UINT32_MAX + 1)); + var lowerWordDuration = Math.floor(duration % (UINT32_MAX + 1)); + var bytes = new Uint8Array([0x01, // version 1 + 0x00, 0x00, 0x00, // flags + 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x02, // creation_time + 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x03, // modification_time + timescale >> 24 & 0xFF, timescale >> 16 & 0xFF, timescale >> 8 & 0xFF, timescale & 0xFF, // timescale + upperWordDuration >> 24, upperWordDuration >> 16 & 0xFF, upperWordDuration >> 8 & 0xFF, upperWordDuration & 0xFF, lowerWordDuration >> 24, lowerWordDuration >> 16 & 0xFF, lowerWordDuration >> 8 & 0xFF, lowerWordDuration & 0xFF, 0x00, 0x01, 0x00, 0x00, // 1.0 rate + 0x01, 0x00, // 1.0 volume + 0x00, 0x00, // reserved + 0x00, 0x00, 0x00, 0x00, // reserved + 0x00, 0x00, 0x00, 0x00, // reserved + 0x00, 0x01, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x01, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x40, 0x00, 0x00, 0x00, // transformation: unity matrix + 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, // pre_defined + 0xff, 0xff, 0xff, 0xff // next_track_ID + ]); + return MP4.box(MP4.types.mvhd, bytes); } }, { - key: 'loadprogress', - value: function loadprogress(event) { - var stats = this.stats; - stats.loaded = event.loaded; - if (event.lengthComputable) { - stats.total = event.total; - } - var onProgress = this.callbacks.onProgress; - if (onProgress) { - // last args is to provide on progress data - onProgress(stats, this.context, null); + key: 'sdtp', + value: function sdtp(track) { + var samples = track.samples || [], + bytes = new Uint8Array(4 + samples.length), + flags, + i; + // leave the full box header (4 bytes) all zero + // write the sample table + for (i = 0; i < samples.length; i++) { + flags = samples[i].flags; + bytes[i + 4] = flags.dependsOn << 4 | flags.isDependedOn << 2 | flags.hasRedundancy; } - } - }]); - - return XhrLoader; -}(); - -exports.default = XhrLoader; -},{"50":50}]},{},[37])(37) -}); -//# sourceMappingURL=hls.js.map - - -/***/ }), -/* 95 */ -/***/ (function(module, exports) { - -module.exports = "\n\n <% var renderBar = function(name) { %>\n >\n >\n >\n >\n >\n \n >\n >\n \n \n <% }; %>\n <% var renderSegmentedBar = function(name, segments) {\n segments = segments || 10; %>\n >\n <% for (var i = 0; i < segments; i++) { %>\n >\n <% } %>\n \n <% }; %>\n <% var renderDrawer = function(name, renderContent) { %>\n >\n >\n >\n >\n \n <% renderContent(name); %>\n \n <% }; %>\n <% var renderIndicator = function(name) { %>\n >\n <% }; %>\n <% var renderButton = function(name) { %>\n aria-label=\"<%= name %>\">\n <% }; %>\n <% var templates = {\n bar: renderBar,\n segmentedBar: renderSegmentedBar,\n };\n var render = function(settingsList) {\n settingsList.forEach(function(setting) {\n if(setting === \"seekbar\") {\n renderBar(setting);\n } else if (setting === \"volume\") {\n renderDrawer(setting, settings.volumeBarTemplate ? templates[settings.volumeBarTemplate] : function(name) { return renderSegmentedBar(name); });\n } else if (setting === \"duration\" || setting === \"position\") {\n renderIndicator(setting);\n } else {\n renderButton(setting);\n }\n });\n }; %>\n <% if (settings.default && settings.default.length) { %>\n \n <% render(settings.default); %>\n \n <% } %>\n <% if (settings.left && settings.left.length) { %>\n \n <% render(settings.left); %>\n \n <% } %>\n <% if (settings.right && settings.right.length) { %>\n \n <% render(settings.right); %>\n \n <% } %>\n\n"; - -/***/ }), -/* 96 */ -/***/ (function(module, exports) { - -module.exports = "?inline=1\">\n\n\n\n\n\n\">\n\n&callback=<%= callbackName %>\">\n\"\n type=\"application/x-shockwave-flash\"\n disabled=\"disabled\"\n tabindex=\"-1\"\n enablecontextmenu=\"false\"\n allowScriptAccess=\"always\"\n quality=\"autohigh\"\n pluginspage=\"http://www.macromedia.com/go/getflashplayer\"\n wmode=\"<%= wmode %>\"\n swliveconnect=\"true\"\n allowfullscreen=\"false\"\n bgcolor=\"#000000\"\n FlashVars=\"playbackId=<%= playbackId %>&callback=<%= callbackName %>\"\n src=\"<%= swfPath %>\"\n width=\"100%\"\n height=\"100%\">\n\n"; - -/***/ }), -/* 97 */ -/***/ (function(module, exports) { - -module.exports = "\n<%=message%>\n"; - -/***/ }), -/* 98 */ -/***/ (function(module, exports) { - -module.exports = "<%= live %>\n\"><%= backToLive %>\n"; - -/***/ }), -/* 99 */ -/***/ (function(module, exports) { - -module.exports = "\n"; - -/***/ }), -/* 100 */ -/***/ (function(module, exports) { - -module.exports = "\n\n"; - -/***/ }), -/* 101 */ -/***/ (function(module, exports) { + return MP4.box(MP4.types.sdtp, bytes); + } + }, { + key: 'stbl', + value: function stbl(track) { + return MP4.box(MP4.types.stbl, MP4.stsd(track), MP4.box(MP4.types.stts, MP4.STTS), MP4.box(MP4.types.stsc, MP4.STSC), MP4.box(MP4.types.stsz, MP4.STSZ), MP4.box(MP4.types.stco, MP4.STCO)); + } + }, { + key: 'avc1', + value: function avc1(track) { + var sps = [], + pps = [], + i, + data, + len; + // assemble the SPSs -module.exports = "\n"; + for (i = 0; i < track.sps.length; i++) { + data = track.sps[i]; + len = data.byteLength; + sps.push(len >>> 8 & 0xFF); + sps.push(len & 0xFF); + sps = sps.concat(Array.prototype.slice.call(data)); // SPS + } -/***/ }), -/* 102 */ -/***/ (function(module, exports) { + // assemble the PPSs + for (i = 0; i < track.pps.length; i++) { + data = track.pps[i]; + len = data.byteLength; + pps.push(len >>> 8 & 0xFF); + pps.push(len & 0xFF); + pps = pps.concat(Array.prototype.slice.call(data)); + } -module.exports = ">\n<% if(typeof imageLink !== 'undefined') { %>\n\">\n<% } %>\n\">\n<% if(typeof imageLink !== 'undefined') { %>\n\n<% } %>\n\n"; + var avcc = MP4.box(MP4.types.avcC, new Uint8Array([0x01, // version + sps[3], // profile + sps[4], // profile compat + sps[5], // level + 0xfc | 3, // lengthSizeMinusOne, hard-coded to 4 bytes + 0xE0 | track.sps.length // 3bit reserved (111) + numOfSequenceParameterSets + ].concat(sps).concat([track.pps.length // numOfPictureParameterSets + ]).concat(pps))), + // "PPS" + width = track.width, + height = track.height, + hSpacing = track.pixelRatio[0], + vSpacing = track.pixelRatio[1]; + //console.log('avcc:' + Hex.hexDump(avcc)); + return MP4.box(MP4.types.avc1, new Uint8Array([0x00, 0x00, 0x00, // reserved + 0x00, 0x00, 0x00, // reserved + 0x00, 0x01, // data_reference_index + 0x00, 0x00, // pre_defined + 0x00, 0x00, // reserved + 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, // pre_defined + width >> 8 & 0xFF, width & 0xff, // width + height >> 8 & 0xFF, height & 0xff, // height + 0x00, 0x48, 0x00, 0x00, // horizresolution + 0x00, 0x48, 0x00, 0x00, // vertresolution + 0x00, 0x00, 0x00, 0x00, // reserved + 0x00, 0x01, // frame_count + 0x12, 0x64, 0x61, 0x69, 0x6C, //dailymotion/hls.js + 0x79, 0x6D, 0x6F, 0x74, 0x69, 0x6F, 0x6E, 0x2F, 0x68, 0x6C, 0x73, 0x2E, 0x6A, 0x73, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, // compressorname + 0x00, 0x18, // depth = 24 + 0x11, 0x11]), // pre_defined = -1 + avcc, MP4.box(MP4.types.btrt, new Uint8Array([0x00, 0x1c, 0x9c, 0x80, // bufferSizeDB + 0x00, 0x2d, 0xc6, 0xc0, // maxBitrate + 0x00, 0x2d, 0xc6, 0xc0])), // avgBitrate + MP4.box(MP4.types.pasp, new Uint8Array([hSpacing >> 24, // hSpacing + hSpacing >> 16 & 0xFF, hSpacing >> 8 & 0xFF, hSpacing & 0xFF, vSpacing >> 24, // vSpacing + vSpacing >> 16 & 0xFF, vSpacing >> 8 & 0xFF, vSpacing & 0xFF]))); + } + }, { + key: 'esds', + value: function esds(track) { + var configlen = track.config.length; + return new Uint8Array([0x00, // version 0 + 0x00, 0x00, 0x00, // flags -/***/ }), -/* 103 */ -/***/ (function(module, exports) { + 0x03, // descriptor_type + 0x17 + configlen, // length + 0x00, 0x01, //es_id + 0x00, // stream_priority -exports.read = function (buffer, offset, isLE, mLen, nBytes) { - var e, m - var eLen = nBytes * 8 - mLen - 1 - var eMax = (1 << eLen) - 1 - var eBias = eMax >> 1 - var nBits = -7 - var i = isLE ? (nBytes - 1) : 0 - var d = isLE ? -1 : 1 - var s = buffer[offset + i] - - i += d - - e = s & ((1 << (-nBits)) - 1) - s >>= (-nBits) - nBits += eLen - for (; nBits > 0; e = e * 256 + buffer[offset + i], i += d, nBits -= 8) {} - - m = e & ((1 << (-nBits)) - 1) - e >>= (-nBits) - nBits += mLen - for (; nBits > 0; m = m * 256 + buffer[offset + i], i += d, nBits -= 8) {} - - if (e === 0) { - e = 1 - eBias - } else if (e === eMax) { - return m ? NaN : ((s ? -1 : 1) * Infinity) - } else { - m = m + Math.pow(2, mLen) - e = e - eBias - } - return (s ? -1 : 1) * m * Math.pow(2, e - mLen) -} + 0x04, // descriptor_type + 0x0f + configlen, // length + 0x40, //codec : mpeg4_audio + 0x15, // stream_type + 0x00, 0x00, 0x00, // buffer_size + 0x00, 0x00, 0x00, 0x00, // maxBitrate + 0x00, 0x00, 0x00, 0x00, // avgBitrate -exports.write = function (buffer, value, offset, isLE, mLen, nBytes) { - var e, m, c - var eLen = nBytes * 8 - mLen - 1 - var eMax = (1 << eLen) - 1 - var eBias = eMax >> 1 - var rt = (mLen === 23 ? Math.pow(2, -24) - Math.pow(2, -77) : 0) - var i = isLE ? 0 : (nBytes - 1) - var d = isLE ? 1 : -1 - var s = value < 0 || (value === 0 && 1 / value < 0) ? 1 : 0 - - value = Math.abs(value) - - if (isNaN(value) || value === Infinity) { - m = isNaN(value) ? 1 : 0 - e = eMax - } else { - e = Math.floor(Math.log(value) / Math.LN2) - if (value * (c = Math.pow(2, -e)) < 1) { - e-- - c *= 2 + 0x05 // descriptor_type + ].concat([configlen]).concat(track.config).concat([0x06, 0x01, 0x02])); // GASpecificConfig)); // length + audio config descriptor } - if (e + eBias >= 1) { - value += rt / c - } else { - value += rt * Math.pow(2, 1 - eBias) + }, { + key: 'mp4a', + value: function mp4a(track) { + var samplerate = track.samplerate; + return MP4.box(MP4.types.mp4a, new Uint8Array([0x00, 0x00, 0x00, // reserved + 0x00, 0x00, 0x00, // reserved + 0x00, 0x01, // data_reference_index + 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, // reserved + 0x00, track.channelCount, // channelcount + 0x00, 0x10, // sampleSize:16bits + 0x00, 0x00, 0x00, 0x00, // reserved2 + samplerate >> 8 & 0xFF, samplerate & 0xff, // + 0x00, 0x00]), MP4.box(MP4.types.esds, MP4.esds(track))); } - if (value * c >= 2) { - e++ - c /= 2 + }, { + key: 'mp3', + value: function mp3(track) { + var samplerate = track.samplerate; + return MP4.box(MP4.types['.mp3'], new Uint8Array([0x00, 0x00, 0x00, // reserved + 0x00, 0x00, 0x00, // reserved + 0x00, 0x01, // data_reference_index + 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, // reserved + 0x00, track.channelCount, // channelcount + 0x00, 0x10, // sampleSize:16bits + 0x00, 0x00, 0x00, 0x00, // reserved2 + samplerate >> 8 & 0xFF, samplerate & 0xff, // + 0x00, 0x00])); } - - if (e + eBias >= eMax) { - m = 0 - e = eMax - } else if (e + eBias >= 1) { - m = (value * c - 1) * Math.pow(2, mLen) - e = e + eBias - } else { - m = value * Math.pow(2, eBias - 1) * Math.pow(2, mLen) - e = 0 + }, { + key: 'stsd', + value: function stsd(track) { + if (track.type === 'audio') { + if (!track.isAAC && track.codec === 'mp3') { + return MP4.box(MP4.types.stsd, MP4.STSD, MP4.mp3(track)); + } + return MP4.box(MP4.types.stsd, MP4.STSD, MP4.mp4a(track)); + } else { + return MP4.box(MP4.types.stsd, MP4.STSD, MP4.avc1(track)); + } } - } - - for (; mLen >= 8; buffer[offset + i] = m & 0xff, i += d, m /= 256, mLen -= 8) {} - - e = (e << mLen) | m - eLen += mLen - for (; eLen > 0; buffer[offset + i] = e & 0xff, i += d, e /= 256, eLen -= 8) {} - - buffer[offset + i - d] |= s * 128 -} - - -/***/ }), -/* 104 */ -/***/ (function(module, exports, __webpack_require__) { - -/* WEBPACK VAR INJECTION */(function(global, module) {/** - * Lodash (Custom Build) - * Build: `lodash modularize exports="npm" -o ./` - * Copyright JS Foundation and other contributors - * Released under MIT license - * Based on Underscore.js 1.8.3 - * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors - */ - -/** Used as the size to enable large array optimizations. */ -var LARGE_ARRAY_SIZE = 200; - -/** Used to stand-in for `undefined` hash values. */ -var HASH_UNDEFINED = '__lodash_hash_undefined__'; - -/** Used to compose bitmasks for value comparisons. */ -var COMPARE_PARTIAL_FLAG = 1, - COMPARE_UNORDERED_FLAG = 2; - -/** Used as references for various `Number` constants. */ -var MAX_SAFE_INTEGER = 9007199254740991; - -/** `Object#toString` result references. */ -var argsTag = '[object Arguments]', - arrayTag = '[object Array]', - asyncTag = '[object AsyncFunction]', - boolTag = '[object Boolean]', - dateTag = '[object Date]', - errorTag = '[object Error]', - funcTag = '[object Function]', - genTag = '[object GeneratorFunction]', - mapTag = '[object Map]', - numberTag = '[object Number]', - nullTag = '[object Null]', - objectTag = '[object Object]', - promiseTag = '[object Promise]', - proxyTag = '[object Proxy]', - regexpTag = '[object RegExp]', - setTag = '[object Set]', - stringTag = '[object String]', - symbolTag = '[object Symbol]', - undefinedTag = '[object Undefined]', - weakMapTag = '[object WeakMap]'; - -var arrayBufferTag = '[object ArrayBuffer]', - dataViewTag = '[object DataView]', - float32Tag = '[object Float32Array]', - float64Tag = '[object Float64Array]', - int8Tag = '[object Int8Array]', - int16Tag = '[object Int16Array]', - int32Tag = '[object Int32Array]', - uint8Tag = '[object Uint8Array]', - uint8ClampedTag = '[object Uint8ClampedArray]', - uint16Tag = '[object Uint16Array]', - uint32Tag = '[object Uint32Array]'; - -/** - * Used to match `RegExp` - * [syntax characters](http://ecma-international.org/ecma-262/7.0/#sec-patterns). - */ -var reRegExpChar = /[\\^$.*+?()[\]{}|]/g; - -/** Used to detect host constructors (Safari). */ -var reIsHostCtor = /^\[object .+?Constructor\]$/; - -/** Used to detect unsigned integer values. */ -var reIsUint = /^(?:0|[1-9]\d*)$/; - -/** Used to identify `toStringTag` values of typed arrays. */ -var typedArrayTags = {}; -typedArrayTags[float32Tag] = typedArrayTags[float64Tag] = -typedArrayTags[int8Tag] = typedArrayTags[int16Tag] = -typedArrayTags[int32Tag] = typedArrayTags[uint8Tag] = -typedArrayTags[uint8ClampedTag] = typedArrayTags[uint16Tag] = -typedArrayTags[uint32Tag] = true; -typedArrayTags[argsTag] = typedArrayTags[arrayTag] = -typedArrayTags[arrayBufferTag] = typedArrayTags[boolTag] = -typedArrayTags[dataViewTag] = typedArrayTags[dateTag] = -typedArrayTags[errorTag] = typedArrayTags[funcTag] = -typedArrayTags[mapTag] = typedArrayTags[numberTag] = -typedArrayTags[objectTag] = typedArrayTags[regexpTag] = -typedArrayTags[setTag] = typedArrayTags[stringTag] = -typedArrayTags[weakMapTag] = false; - -/** Detect free variable `global` from Node.js. */ -var freeGlobal = typeof global == 'object' && global && global.Object === Object && global; - -/** Detect free variable `self`. */ -var freeSelf = typeof self == 'object' && self && self.Object === Object && self; - -/** Used as a reference to the global object. */ -var root = freeGlobal || freeSelf || Function('return this')(); - -/** Detect free variable `exports`. */ -var freeExports = typeof exports == 'object' && exports && !exports.nodeType && exports; - -/** Detect free variable `module`. */ -var freeModule = freeExports && typeof module == 'object' && module && !module.nodeType && module; - -/** Detect the popular CommonJS extension `module.exports`. */ -var moduleExports = freeModule && freeModule.exports === freeExports; - -/** Detect free variable `process` from Node.js. */ -var freeProcess = moduleExports && freeGlobal.process; - -/** Used to access faster Node.js helpers. */ -var nodeUtil = (function() { - try { - return freeProcess && freeProcess.binding && freeProcess.binding('util'); - } catch (e) {} -}()); - -/* Node.js helper references. */ -var nodeIsTypedArray = nodeUtil && nodeUtil.isTypedArray; - -/** - * A specialized version of `_.filter` for arrays without support for - * iteratee shorthands. - * - * @private - * @param {Array} [array] The array to iterate over. - * @param {Function} predicate The function invoked per iteration. - * @returns {Array} Returns the new filtered array. - */ -function arrayFilter(array, predicate) { - var index = -1, - length = array == null ? 0 : array.length, - resIndex = 0, - result = []; - - while (++index < length) { - var value = array[index]; - if (predicate(value, index, array)) { - result[resIndex++] = value; + }, { + key: 'tkhd', + value: function tkhd(track) { + var id = track.id, + duration = track.duration * track.timescale, + width = track.width, + height = track.height, + upperWordDuration = Math.floor(duration / (UINT32_MAX + 1)), + lowerWordDuration = Math.floor(duration % (UINT32_MAX + 1)); + return MP4.box(MP4.types.tkhd, new Uint8Array([0x01, // version 1 + 0x00, 0x00, 0x07, // flags + 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x02, // creation_time + 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x03, // modification_time + id >> 24 & 0xFF, id >> 16 & 0xFF, id >> 8 & 0xFF, id & 0xFF, // track_ID + 0x00, 0x00, 0x00, 0x00, // reserved + upperWordDuration >> 24, upperWordDuration >> 16 & 0xFF, upperWordDuration >> 8 & 0xFF, upperWordDuration & 0xFF, lowerWordDuration >> 24, lowerWordDuration >> 16 & 0xFF, lowerWordDuration >> 8 & 0xFF, lowerWordDuration & 0xFF, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, // reserved + 0x00, 0x00, // layer + 0x00, 0x00, // alternate_group + 0x00, 0x00, // non-audio track volume + 0x00, 0x00, // reserved + 0x00, 0x01, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x01, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x40, 0x00, 0x00, 0x00, // transformation: unity matrix + width >> 8 & 0xFF, width & 0xFF, 0x00, 0x00, // width + height >> 8 & 0xFF, height & 0xFF, 0x00, 0x00 // height + ])); + } + }, { + key: 'traf', + value: function traf(track, baseMediaDecodeTime) { + var sampleDependencyTable = MP4.sdtp(track), + id = track.id, + upperWordBaseMediaDecodeTime = Math.floor(baseMediaDecodeTime / (UINT32_MAX + 1)), + lowerWordBaseMediaDecodeTime = Math.floor(baseMediaDecodeTime % (UINT32_MAX + 1)); + return MP4.box(MP4.types.traf, MP4.box(MP4.types.tfhd, new Uint8Array([0x00, // version 0 + 0x00, 0x00, 0x00, // flags + id >> 24, id >> 16 & 0XFF, id >> 8 & 0XFF, id & 0xFF])), MP4.box(MP4.types.tfdt, new Uint8Array([0x01, // version 1 + 0x00, 0x00, 0x00, // flags + upperWordBaseMediaDecodeTime >> 24, upperWordBaseMediaDecodeTime >> 16 & 0XFF, upperWordBaseMediaDecodeTime >> 8 & 0XFF, upperWordBaseMediaDecodeTime & 0xFF, lowerWordBaseMediaDecodeTime >> 24, lowerWordBaseMediaDecodeTime >> 16 & 0XFF, lowerWordBaseMediaDecodeTime >> 8 & 0XFF, lowerWordBaseMediaDecodeTime & 0xFF])), MP4.trun(track, sampleDependencyTable.length + 16 + // tfhd + 20 + // tfdt + 8 + // traf header + 16 + // mfhd + 8 + // moof header + 8), // mdat header + sampleDependencyTable); } - } - return result; -} - -/** - * Appends the elements of `values` to `array`. - * - * @private - * @param {Array} array The array to modify. - * @param {Array} values The values to append. - * @returns {Array} Returns `array`. - */ -function arrayPush(array, values) { - var index = -1, - length = values.length, - offset = array.length; - - while (++index < length) { - array[offset + index] = values[index]; - } - return array; -} -/** - * A specialized version of `_.some` for arrays without support for iteratee - * shorthands. - * - * @private - * @param {Array} [array] The array to iterate over. - * @param {Function} predicate The function invoked per iteration. - * @returns {boolean} Returns `true` if any element passes the predicate check, - * else `false`. - */ -function arraySome(array, predicate) { - var index = -1, - length = array == null ? 0 : array.length; + /** + * Generate a track box. + * @param track {object} a track definition + * @return {Uint8Array} the track box + */ - while (++index < length) { - if (predicate(array[index], index, array)) { - return true; + }, { + key: 'trak', + value: function trak(track) { + track.duration = track.duration || 0xffffffff; + return MP4.box(MP4.types.trak, MP4.tkhd(track), MP4.mdia(track)); + } + }, { + key: 'trex', + value: function trex(track) { + var id = track.id; + return MP4.box(MP4.types.trex, new Uint8Array([0x00, // version 0 + 0x00, 0x00, 0x00, // flags + id >> 24, id >> 16 & 0XFF, id >> 8 & 0XFF, id & 0xFF, // track_ID + 0x00, 0x00, 0x00, 0x01, // default_sample_description_index + 0x00, 0x00, 0x00, 0x00, // default_sample_duration + 0x00, 0x00, 0x00, 0x00, // default_sample_size + 0x00, 0x01, 0x00, 0x01 // default_sample_flags + ])); + } + }, { + key: 'trun', + value: function trun(track, offset) { + var samples = track.samples || [], + len = samples.length, + arraylen = 12 + 16 * len, + array = new Uint8Array(arraylen), + i, + sample, + duration, + size, + flags, + cts; + offset += 8 + arraylen; + array.set([0x00, // version 0 + 0x00, 0x0f, 0x01, // flags + len >>> 24 & 0xFF, len >>> 16 & 0xFF, len >>> 8 & 0xFF, len & 0xFF, // sample_count + offset >>> 24 & 0xFF, offset >>> 16 & 0xFF, offset >>> 8 & 0xFF, offset & 0xFF // data_offset + ], 0); + for (i = 0; i < len; i++) { + sample = samples[i]; + duration = sample.duration; + size = sample.size; + flags = sample.flags; + cts = sample.cts; + array.set([duration >>> 24 & 0xFF, duration >>> 16 & 0xFF, duration >>> 8 & 0xFF, duration & 0xFF, // sample_duration + size >>> 24 & 0xFF, size >>> 16 & 0xFF, size >>> 8 & 0xFF, size & 0xFF, // sample_size + flags.isLeading << 2 | flags.dependsOn, flags.isDependedOn << 6 | flags.hasRedundancy << 4 | flags.paddingValue << 1 | flags.isNonSync, flags.degradPrio & 0xF0 << 8, flags.degradPrio & 0x0F, // sample_flags + cts >>> 24 & 0xFF, cts >>> 16 & 0xFF, cts >>> 8 & 0xFF, cts & 0xFF // sample_composition_time_offset + ], 12 + 16 * i); + } + return MP4.box(MP4.types.trun, array); } - } - return false; -} - -/** - * The base implementation of `_.times` without support for iteratee shorthands - * or max array length checks. - * - * @private - * @param {number} n The number of times to invoke `iteratee`. - * @param {Function} iteratee The function invoked per iteration. - * @returns {Array} Returns the array of results. - */ -function baseTimes(n, iteratee) { - var index = -1, - result = Array(n); - - while (++index < n) { - result[index] = iteratee(index); - } - return result; -} - -/** - * The base implementation of `_.unary` without support for storing metadata. - * - * @private - * @param {Function} func The function to cap arguments for. - * @returns {Function} Returns the new capped function. - */ -function baseUnary(func) { - return function(value) { - return func(value); - }; -} + }, { + key: 'initSegment', + value: function initSegment(tracks) { + if (!MP4.types) { + MP4.init(); + } + var movie = MP4.moov(tracks), + result; + result = new Uint8Array(MP4.FTYP.byteLength + movie.byteLength); + result.set(MP4.FTYP); + result.set(movie, MP4.FTYP.byteLength); + return result; + } + }]); -/** - * Checks if a `cache` value for `key` exists. - * - * @private - * @param {Object} cache The cache to query. - * @param {string} key The key of the entry to check. - * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`. - */ -function cacheHas(cache, key) { - return cache.has(key); -} + return MP4; +}(); -/** - * Gets the value at `key` of `object`. - * - * @private - * @param {Object} [object] The object to query. - * @param {string} key The key of the property to get. - * @returns {*} Returns the property value. - */ -function getValue(object, key) { - return object == null ? undefined : object[key]; -} +exports.default = MP4; -/** - * Converts `map` to its key-value pairs. - * - * @private - * @param {Object} map The map to convert. - * @returns {Array} Returns the key-value pairs. - */ -function mapToArray(map) { - var index = -1, - result = Array(map.size); +},{}],45:[function(_dereq_,module,exports){ +'use strict'; - map.forEach(function(value, key) { - result[++index] = [key, value]; - }); - return result; -} +Object.defineProperty(exports, "__esModule", { + value: true +}); -/** - * Creates a unary function that invokes `func` with its argument transformed. - * - * @private - * @param {Function} func The function to wrap. - * @param {Function} transform The argument transform. - * @returns {Function} Returns the new function. - */ -function overArg(func, transform) { - return function(arg) { - return func(transform(arg)); - }; -} +var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); /** + * fMP4 remuxer + */ -/** - * Converts `set` to an array of its values. - * - * @private - * @param {Object} set The set to convert. - * @returns {Array} Returns the values. - */ -function setToArray(set) { - var index = -1, - result = Array(set.size); +var _aac = _dereq_(36); - set.forEach(function(value) { - result[++index] = value; - }); - return result; -} +var _aac2 = _interopRequireDefault(_aac); -/** Used for built-in method references. */ -var arrayProto = Array.prototype, - funcProto = Function.prototype, - objectProto = Object.prototype; +var _events = _dereq_(35); -/** Used to detect overreaching core-js shims. */ -var coreJsData = root['__core-js_shared__']; +var _events2 = _interopRequireDefault(_events); -/** Used to resolve the decompiled source of functions. */ -var funcToString = funcProto.toString; +var _logger = _dereq_(53); -/** Used to check objects for own properties. */ -var hasOwnProperty = objectProto.hasOwnProperty; +var _mp4Generator = _dereq_(44); -/** Used to detect methods masquerading as native. */ -var maskSrcKey = (function() { - var uid = /[^.]+$/.exec(coreJsData && coreJsData.keys && coreJsData.keys.IE_PROTO || ''); - return uid ? ('Symbol(src)_1.' + uid) : ''; -}()); +var _mp4Generator2 = _interopRequireDefault(_mp4Generator); -/** - * Used to resolve the - * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring) - * of values. - */ -var nativeObjectToString = objectProto.toString; - -/** Used to detect if a method is native. */ -var reIsNative = RegExp('^' + - funcToString.call(hasOwnProperty).replace(reRegExpChar, '\\$&') - .replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, '$1.*?') + '$' -); - -/** Built-in value references. */ -var Buffer = moduleExports ? root.Buffer : undefined, - Symbol = root.Symbol, - Uint8Array = root.Uint8Array, - propertyIsEnumerable = objectProto.propertyIsEnumerable, - splice = arrayProto.splice, - symToStringTag = Symbol ? Symbol.toStringTag : undefined; - -/* Built-in method references for those with the same name as other `lodash` methods. */ -var nativeGetSymbols = Object.getOwnPropertySymbols, - nativeIsBuffer = Buffer ? Buffer.isBuffer : undefined, - nativeKeys = overArg(Object.keys, Object); - -/* Built-in method references that are verified to be native. */ -var DataView = getNative(root, 'DataView'), - Map = getNative(root, 'Map'), - Promise = getNative(root, 'Promise'), - Set = getNative(root, 'Set'), - WeakMap = getNative(root, 'WeakMap'), - nativeCreate = getNative(Object, 'create'); - -/** Used to detect maps, sets, and weakmaps. */ -var dataViewCtorString = toSource(DataView), - mapCtorString = toSource(Map), - promiseCtorString = toSource(Promise), - setCtorString = toSource(Set), - weakMapCtorString = toSource(WeakMap); - -/** Used to convert symbols to primitives and strings. */ -var symbolProto = Symbol ? Symbol.prototype : undefined, - symbolValueOf = symbolProto ? symbolProto.valueOf : undefined; +var _errors = _dereq_(33); -/** - * Creates a hash object. - * - * @private - * @constructor - * @param {Array} [entries] The key-value pairs to cache. - */ -function Hash(entries) { - var index = -1, - length = entries == null ? 0 : entries.length; +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - this.clear(); - while (++index < length) { - var entry = entries[index]; - this.set(entry[0], entry[1]); - } -} +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } -/** - * Removes all key-value entries from the hash. - * - * @private - * @name clear - * @memberOf Hash - */ -function hashClear() { - this.__data__ = nativeCreate ? nativeCreate(null) : {}; - this.size = 0; -} +// 10 seconds +var MAX_SILENT_FRAME_DURATION = 10 * 1000; -/** - * Removes `key` and its value from the hash. - * - * @private - * @name delete - * @memberOf Hash - * @param {Object} hash The hash to modify. - * @param {string} key The key of the value to remove. - * @returns {boolean} Returns `true` if the entry was removed, else `false`. - */ -function hashDelete(key) { - var result = this.has(key) && delete this.__data__[key]; - this.size -= result ? 1 : 0; - return result; -} +var MP4Remuxer = function () { + function MP4Remuxer(observer, config, typeSupported, vendor) { + _classCallCheck(this, MP4Remuxer); -/** - * Gets the hash value for `key`. - * - * @private - * @name get - * @memberOf Hash - * @param {string} key The key of the value to get. - * @returns {*} Returns the entry value. - */ -function hashGet(key) { - var data = this.__data__; - if (nativeCreate) { - var result = data[key]; - return result === HASH_UNDEFINED ? undefined : result; + this.observer = observer; + this.config = config; + this.typeSupported = typeSupported; + var userAgent = navigator.userAgent; + this.isSafari = vendor && vendor.indexOf('Apple') > -1 && userAgent && !userAgent.match('CriOS'); + this.ISGenerated = false; } - return hasOwnProperty.call(data, key) ? data[key] : undefined; -} - -/** - * Checks if a hash value for `key` exists. - * - * @private - * @name has - * @memberOf Hash - * @param {string} key The key of the entry to check. - * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`. - */ -function hashHas(key) { - var data = this.__data__; - return nativeCreate ? (data[key] !== undefined) : hasOwnProperty.call(data, key); -} - -/** - * Sets the hash `key` to `value`. - * - * @private - * @name set - * @memberOf Hash - * @param {string} key The key of the value to set. - * @param {*} value The value to set. - * @returns {Object} Returns the hash instance. - */ -function hashSet(key, value) { - var data = this.__data__; - this.size += this.has(key) ? 0 : 1; - data[key] = (nativeCreate && value === undefined) ? HASH_UNDEFINED : value; - return this; -} -// Add methods to `Hash`. -Hash.prototype.clear = hashClear; -Hash.prototype['delete'] = hashDelete; -Hash.prototype.get = hashGet; -Hash.prototype.has = hashHas; -Hash.prototype.set = hashSet; - -/** - * Creates an list cache object. - * - * @private - * @constructor - * @param {Array} [entries] The key-value pairs to cache. - */ -function ListCache(entries) { - var index = -1, - length = entries == null ? 0 : entries.length; + _createClass(MP4Remuxer, [{ + key: 'destroy', + value: function destroy() {} + }, { + key: 'resetTimeStamp', + value: function resetTimeStamp(defaultTimeStamp) { + this._initPTS = this._initDTS = defaultTimeStamp; + } + }, { + key: 'resetInitSegment', + value: function resetInitSegment() { + this.ISGenerated = false; + } + }, { + key: 'remux', + value: function remux(audioTrack, videoTrack, id3Track, textTrack, timeOffset, contiguous, accurateTimeOffset) { + // generate Init Segment if needed + if (!this.ISGenerated) { + this.generateIS(audioTrack, videoTrack, timeOffset); + } - this.clear(); - while (++index < length) { - var entry = entries[index]; - this.set(entry[0], entry[1]); - } -} + if (this.ISGenerated) { + // Purposefully remuxing audio before video, so that remuxVideo can use nextAudioPts, which is + // calculated in remuxAudio. + //logger.log('nb AAC samples:' + audioTrack.samples.length); + if (audioTrack.samples.length) { + // if initSegment was generated without video samples, regenerate it again + if (!audioTrack.timescale) { + _logger.logger.warn('regenerate InitSegment as audio detected'); + this.generateIS(audioTrack, videoTrack, timeOffset); + } + var audioData = this.remuxAudio(audioTrack, timeOffset, contiguous, accurateTimeOffset); + //logger.log('nb AVC samples:' + videoTrack.samples.length); + if (videoTrack.samples.length) { + var audioTrackLength = void 0; + if (audioData) { + audioTrackLength = audioData.endPTS - audioData.startPTS; + } + // if initSegment was generated without video samples, regenerate it again + if (!videoTrack.timescale) { + _logger.logger.warn('regenerate InitSegment as video detected'); + this.generateIS(audioTrack, videoTrack, timeOffset); + } + this.remuxVideo(videoTrack, timeOffset, contiguous, audioTrackLength, accurateTimeOffset); + } + } else { + var videoData = void 0; + //logger.log('nb AVC samples:' + videoTrack.samples.length); + if (videoTrack.samples.length) { + videoData = this.remuxVideo(videoTrack, timeOffset, contiguous, accurateTimeOffset); + } + if (videoData && audioTrack.codec) { + this.remuxEmptyAudio(audioTrack, timeOffset, contiguous, videoData); + } + } + } + //logger.log('nb ID3 samples:' + audioTrack.samples.length); + if (id3Track.samples.length) { + this.remuxID3(id3Track, timeOffset); + } + //logger.log('nb ID3 samples:' + audioTrack.samples.length); + if (textTrack.samples.length) { + this.remuxText(textTrack, timeOffset); + } + //notify end of parsing + this.observer.trigger(_events2.default.FRAG_PARSED); + } + }, { + key: 'generateIS', + value: function generateIS(audioTrack, videoTrack, timeOffset) { + var observer = this.observer, + audioSamples = audioTrack.samples, + videoSamples = videoTrack.samples, + typeSupported = this.typeSupported, + container = 'audio/mp4', + tracks = {}, + data = { tracks: tracks }, + computePTSDTS = this._initPTS === undefined, + initPTS, + initDTS; -/** - * Removes all key-value entries from the list cache. - * - * @private - * @name clear - * @memberOf ListCache - */ -function listCacheClear() { - this.__data__ = []; - this.size = 0; -} + if (computePTSDTS) { + initPTS = initDTS = Infinity; + } + if (audioTrack.config && audioSamples.length) { + // let's use audio sampling rate as MP4 time scale. + // rationale is that there is a integer nb of audio frames per audio sample (1024 for AAC) + // using audio sampling rate here helps having an integer MP4 frame duration + // this avoids potential rounding issue and AV sync issue + audioTrack.timescale = audioTrack.samplerate; + _logger.logger.log('audio sampling rate : ' + audioTrack.samplerate); + if (!audioTrack.isAAC) { + if (typeSupported.mpeg) { + // Chrome and Safari + container = 'audio/mpeg'; + audioTrack.codec = ''; + } else if (typeSupported.mp3) { + // Firefox + audioTrack.codec = 'mp3'; + } + } + tracks.audio = { + container: container, + codec: audioTrack.codec, + initSegment: !audioTrack.isAAC && typeSupported.mpeg ? new Uint8Array() : _mp4Generator2.default.initSegment([audioTrack]), + metadata: { + channelCount: audioTrack.channelCount + } + }; + if (computePTSDTS) { + // remember first PTS of this demuxing context. for audio, PTS = DTS + initPTS = initDTS = audioSamples[0].pts - audioTrack.inputTimeScale * timeOffset; + } + } -/** - * Removes `key` and its value from the list cache. - * - * @private - * @name delete - * @memberOf ListCache - * @param {string} key The key of the value to remove. - * @returns {boolean} Returns `true` if the entry was removed, else `false`. - */ -function listCacheDelete(key) { - var data = this.__data__, - index = assocIndexOf(data, key); + if (videoTrack.sps && videoTrack.pps && videoSamples.length) { + // let's use input time scale as MP4 video timescale + // we use input time scale straight away to avoid rounding issues on frame duration / cts computation + var inputTimeScale = videoTrack.inputTimeScale; + videoTrack.timescale = inputTimeScale; + tracks.video = { + container: 'video/mp4', + codec: videoTrack.codec, + initSegment: _mp4Generator2.default.initSegment([videoTrack]), + metadata: { + width: videoTrack.width, + height: videoTrack.height + } + }; + if (computePTSDTS) { + initPTS = Math.min(initPTS, videoSamples[0].pts - inputTimeScale * timeOffset); + initDTS = Math.min(initDTS, videoSamples[0].dts - inputTimeScale * timeOffset); + this.observer.trigger(_events2.default.INIT_PTS_FOUND, { initPTS: initPTS }); + } + } - if (index < 0) { - return false; - } - var lastIndex = data.length - 1; - if (index == lastIndex) { - data.pop(); - } else { - splice.call(data, index, 1); - } - --this.size; - return true; -} + if (Object.keys(tracks).length) { + observer.trigger(_events2.default.FRAG_PARSING_INIT_SEGMENT, data); + this.ISGenerated = true; + if (computePTSDTS) { + this._initPTS = initPTS; + this._initDTS = initDTS; + } + } else { + observer.trigger(_events2.default.ERROR, { type: _errors.ErrorTypes.MEDIA_ERROR, details: _errors.ErrorDetails.FRAG_PARSING_ERROR, fatal: false, reason: 'no audio/video samples found' }); + } + } + }, { + key: 'remuxVideo', + value: function remuxVideo(track, timeOffset, contiguous, audioTrackLength, accurateTimeOffset) { + var offset = 8, + timeScale = track.timescale, + mp4SampleDuration, + mdat, + moof, + firstPTS, + firstDTS, + nextDTS, + lastPTS, + lastDTS, + inputSamples = track.samples, + outputSamples = [], + nbSamples = inputSamples.length, + ptsNormalize = this._PTSNormalize, + initDTS = this._initDTS; -/** - * Gets the list cache value for `key`. - * - * @private - * @name get - * @memberOf ListCache - * @param {string} key The key of the value to get. - * @returns {*} Returns the entry value. - */ -function listCacheGet(key) { - var data = this.__data__, - index = assocIndexOf(data, key); + // for (let i = 0; i < track.samples.length; i++) { + // let avcSample = track.samples[i]; + // let units = avcSample.units; + // let unitsString = ''; + // for (let j = 0; j < units.length ; j++) { + // unitsString += units[j].type + ','; + // if (units[j].data.length < 500) { + // unitsString += Hex.hexDump(units[j].data); + // } + // } + // logger.log(avcSample.pts + '/' + avcSample.dts + ',' + unitsString + avcSample.units.length); + // } - return index < 0 ? undefined : data[index][1]; -} + // if parsed fragment is contiguous with last one, let's use last DTS value as reference + var nextAvcDts = this.nextAvcDts; -/** - * Checks if a list cache value for `key` exists. - * - * @private - * @name has - * @memberOf ListCache - * @param {string} key The key of the entry to check. - * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`. - */ -function listCacheHas(key) { - return assocIndexOf(this.__data__, key) > -1; -} + var isSafari = this.isSafari; -/** - * Sets the list cache `key` to `value`. - * - * @private - * @name set - * @memberOf ListCache - * @param {string} key The key of the value to set. - * @param {*} value The value to set. - * @returns {Object} Returns the list cache instance. - */ -function listCacheSet(key, value) { - var data = this.__data__, - index = assocIndexOf(data, key); + // Safari does not like overlapping DTS on consecutive fragments. let's use nextAvcDts to overcome this if fragments are consecutive + if (isSafari) { + // also consider consecutive fragments as being contiguous (even if a level switch occurs), + // for sake of clarity: + // consecutive fragments are frags with + // - less than 100ms gaps between new time offset (if accurate) and next expected PTS OR + // - less than 200 ms PTS gaps (timeScale/5) + contiguous |= inputSamples.length && nextAvcDts && (accurateTimeOffset && Math.abs(timeOffset - nextAvcDts / timeScale) < 0.1 || Math.abs(inputSamples[0].pts - nextAvcDts - initDTS) < timeScale / 5); + } - if (index < 0) { - ++this.size; - data.push([key, value]); - } else { - data[index][1] = value; - } - return this; -} + if (!contiguous) { + // if not contiguous, let's use target timeOffset + nextAvcDts = timeOffset * timeScale; + } -// Add methods to `ListCache`. -ListCache.prototype.clear = listCacheClear; -ListCache.prototype['delete'] = listCacheDelete; -ListCache.prototype.get = listCacheGet; -ListCache.prototype.has = listCacheHas; -ListCache.prototype.set = listCacheSet; + // PTS is coded on 33bits, and can loop from -2^32 to 2^32 + // ptsNormalize will make PTS/DTS value monotonic, we use last known DTS value as reference value + inputSamples.forEach(function (sample) { + sample.pts = ptsNormalize(sample.pts - initDTS, nextAvcDts); + sample.dts = ptsNormalize(sample.dts - initDTS, nextAvcDts); + }); -/** - * Creates a map cache object to store key-value pairs. - * - * @private - * @constructor - * @param {Array} [entries] The key-value pairs to cache. - */ -function MapCache(entries) { - var index = -1, - length = entries == null ? 0 : entries.length; + // sort video samples by DTS then PTS then demux id order + inputSamples.sort(function (a, b) { + var deltadts = a.dts - b.dts; + var deltapts = a.pts - b.pts; + return deltadts ? deltadts : deltapts ? deltapts : a.id - b.id; + }); - this.clear(); - while (++index < length) { - var entry = entries[index]; - this.set(entry[0], entry[1]); - } -} + // handle broken streams with PTS < DTS, tolerance up 200ms (18000 in 90kHz timescale) + var PTSDTSshift = inputSamples.reduce(function (prev, curr) { + return Math.max(Math.min(prev, curr.pts - curr.dts), -18000); + }, 0); + if (PTSDTSshift < 0) { + _logger.logger.warn('PTS < DTS detected in video samples, shifting DTS by ' + Math.round(PTSDTSshift / 90) + ' ms to overcome this issue'); + for (var i = 0; i < inputSamples.length; i++) { + inputSamples[i].dts += PTSDTSshift; + } + } -/** - * Removes all key-value entries from the map. - * - * @private - * @name clear - * @memberOf MapCache - */ -function mapCacheClear() { - this.size = 0; - this.__data__ = { - 'hash': new Hash, - 'map': new (Map || ListCache), - 'string': new Hash - }; -} + // compute first DTS and last DTS, normalize them against reference value + var sample = inputSamples[0]; + firstDTS = Math.max(sample.dts, 0); + firstPTS = Math.max(sample.pts, 0); -/** - * Removes `key` and its value from the map. - * - * @private - * @name delete - * @memberOf MapCache - * @param {string} key The key of the value to remove. - * @returns {boolean} Returns `true` if the entry was removed, else `false`. - */ -function mapCacheDelete(key) { - var result = getMapData(this, key)['delete'](key); - this.size -= result ? 1 : 0; - return result; -} + // check timestamp continuity accross consecutive fragments (this is to remove inter-fragment gap/hole) + var delta = Math.round((firstDTS - nextAvcDts) / 90); + // if fragment are contiguous, detect hole/overlapping between fragments + if (contiguous) { + if (delta) { + if (delta > 1) { + _logger.logger.log('AVC:' + delta + ' ms hole between fragments detected,filling it'); + } else if (delta < -1) { + _logger.logger.log('AVC:' + -delta + ' ms overlapping between fragments detected'); + } + // remove hole/gap : set DTS to next expected DTS + firstDTS = nextAvcDts; + inputSamples[0].dts = firstDTS; + // offset PTS as well, ensure that PTS is smaller or equal than new DTS + firstPTS = Math.max(firstPTS - delta, nextAvcDts); + inputSamples[0].pts = firstPTS; + _logger.logger.log('Video/PTS/DTS adjusted: ' + Math.round(firstPTS / 90) + '/' + Math.round(firstDTS / 90) + ',delta:' + delta + ' ms'); + } + } + nextDTS = firstDTS; -/** - * Gets the map value for `key`. - * - * @private - * @name get - * @memberOf MapCache - * @param {string} key The key of the value to get. - * @returns {*} Returns the entry value. - */ -function mapCacheGet(key) { - return getMapData(this, key).get(key); -} + // compute lastPTS/lastDTS + sample = inputSamples[inputSamples.length - 1]; + lastDTS = Math.max(sample.dts, 0); + lastPTS = Math.max(sample.pts, 0, lastDTS); -/** - * Checks if a map value for `key` exists. - * - * @private - * @name has - * @memberOf MapCache - * @param {string} key The key of the entry to check. - * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`. - */ -function mapCacheHas(key) { - return getMapData(this, key).has(key); -} + // on Safari let's signal the same sample duration for all samples + // sample duration (as expected by trun MP4 boxes), should be the delta between sample DTS + // set this constant duration as being the avg delta between consecutive DTS. + if (isSafari) { + mp4SampleDuration = Math.round((lastDTS - firstDTS) / (inputSamples.length - 1)); + } -/** - * Sets the map `key` to `value`. - * - * @private - * @name set - * @memberOf MapCache - * @param {string} key The key of the value to set. - * @param {*} value The value to set. - * @returns {Object} Returns the map cache instance. - */ -function mapCacheSet(key, value) { - var data = getMapData(this, key), - size = data.size; + var nbNalu = 0, + naluLen = 0; + for (var _i = 0; _i < nbSamples; _i++) { + // compute total/avc sample length and nb of NAL units + var _sample = inputSamples[_i], + units = _sample.units, + nbUnits = units.length, + sampleLen = 0; + for (var j = 0; j < nbUnits; j++) { + sampleLen += units[j].data.length; + } + naluLen += sampleLen; + nbNalu += nbUnits; + _sample.length = sampleLen; - data.set(key, value); - this.size += data.size == size ? 0 : 1; - return this; -} + // normalize PTS/DTS + if (isSafari) { + // sample DTS is computed using a constant decoding offset (mp4SampleDuration) between samples + _sample.dts = firstDTS + _i * mp4SampleDuration; + } else { + // ensure sample monotonic DTS + _sample.dts = Math.max(_sample.dts, firstDTS); + } + // ensure that computed value is greater or equal than sample DTS + _sample.pts = Math.max(_sample.pts, _sample.dts); + } -// Add methods to `MapCache`. -MapCache.prototype.clear = mapCacheClear; -MapCache.prototype['delete'] = mapCacheDelete; -MapCache.prototype.get = mapCacheGet; -MapCache.prototype.has = mapCacheHas; -MapCache.prototype.set = mapCacheSet; + /* concatenate the video data and construct the mdat in place + (need 8 more bytes to fill length and mpdat type) */ + var mdatSize = naluLen + 4 * nbNalu + 8; + try { + mdat = new Uint8Array(mdatSize); + } catch (err) { + this.observer.trigger(_events2.default.ERROR, { type: _errors.ErrorTypes.MUX_ERROR, details: _errors.ErrorDetails.REMUX_ALLOC_ERROR, fatal: false, bytes: mdatSize, reason: 'fail allocating video mdat ' + mdatSize }); + return; + } + var view = new DataView(mdat.buffer); + view.setUint32(0, mdatSize); + mdat.set(_mp4Generator2.default.types.mdat, 4); -/** - * - * Creates an array cache object to store unique values. - * - * @private - * @constructor - * @param {Array} [values] The values to cache. - */ -function SetCache(values) { - var index = -1, - length = values == null ? 0 : values.length; + for (var _i2 = 0; _i2 < nbSamples; _i2++) { + var avcSample = inputSamples[_i2], + avcSampleUnits = avcSample.units, + mp4SampleLength = 0, + compositionTimeOffset = void 0; + // convert NALU bitstream to MP4 format (prepend NALU with size field) + for (var _j = 0, _nbUnits = avcSampleUnits.length; _j < _nbUnits; _j++) { + var unit = avcSampleUnits[_j], + unitData = unit.data, + unitDataLen = unit.data.byteLength; + view.setUint32(offset, unitDataLen); + offset += 4; + mdat.set(unitData, offset); + offset += unitDataLen; + mp4SampleLength += 4 + unitDataLen; + } - this.__data__ = new MapCache; - while (++index < length) { - this.add(values[index]); - } -} + if (!isSafari) { + // expected sample duration is the Decoding Timestamp diff of consecutive samples + if (_i2 < nbSamples - 1) { + mp4SampleDuration = inputSamples[_i2 + 1].dts - avcSample.dts; + } else { + var config = this.config, + lastFrameDuration = avcSample.dts - inputSamples[_i2 > 0 ? _i2 - 1 : _i2].dts; + if (config.stretchShortVideoTrack) { + // In some cases, a segment's audio track duration may exceed the video track duration. + // Since we've already remuxed audio, and we know how long the audio track is, we look to + // see if the delta to the next segment is longer than the minimum of maxBufferHole and + // maxSeekHole. If so, playback would potentially get stuck, so we artificially inflate + // the duration of the last frame to minimize any potential gap between segments. + var maxBufferHole = config.maxBufferHole, + maxSeekHole = config.maxSeekHole, + gapTolerance = Math.floor(Math.min(maxBufferHole, maxSeekHole) * timeScale), + deltaToFrameEnd = (audioTrackLength ? firstPTS + audioTrackLength * timeScale : this.nextAudioPts) - avcSample.pts; + if (deltaToFrameEnd > gapTolerance) { + // We subtract lastFrameDuration from deltaToFrameEnd to try to prevent any video + // frame overlap. maxBufferHole/maxSeekHole should be >> lastFrameDuration anyway. + mp4SampleDuration = deltaToFrameEnd - lastFrameDuration; + if (mp4SampleDuration < 0) { + mp4SampleDuration = lastFrameDuration; + } + _logger.logger.log('It is approximately ' + deltaToFrameEnd / 90 + ' ms to the next segment; using duration ' + mp4SampleDuration / 90 + ' ms for the last video frame.'); + } else { + mp4SampleDuration = lastFrameDuration; + } + } else { + mp4SampleDuration = lastFrameDuration; + } + } + compositionTimeOffset = Math.round(avcSample.pts - avcSample.dts); + } else { + compositionTimeOffset = Math.max(0, mp4SampleDuration * Math.round((avcSample.pts - avcSample.dts) / mp4SampleDuration)); + } + + //console.log('PTS/DTS/initDTS/normPTS/normDTS/relative PTS : ${avcSample.pts}/${avcSample.dts}/${initDTS}/${ptsnorm}/${dtsnorm}/${(avcSample.pts/4294967296).toFixed(3)}'); + outputSamples.push({ + size: mp4SampleLength, + // constant duration + duration: mp4SampleDuration, + cts: compositionTimeOffset, + flags: { + isLeading: 0, + isDependedOn: 0, + hasRedundancy: 0, + degradPrio: 0, + dependsOn: avcSample.key ? 2 : 1, + isNonSync: avcSample.key ? 0 : 1 + } + }); + } + // next AVC sample DTS should be equal to last sample DTS + last sample duration (in PES timescale) + this.nextAvcDts = lastDTS + mp4SampleDuration; + var dropped = track.dropped; + track.len = 0; + track.nbNalu = 0; + track.dropped = 0; + if (outputSamples.length && navigator.userAgent.toLowerCase().indexOf('chrome') > -1) { + var flags = outputSamples[0].flags; + // chrome workaround, mark first sample as being a Random Access Point to avoid sourcebuffer append issue + // https://code.google.com/p/chromium/issues/detail?id=229412 + flags.dependsOn = 2; + flags.isNonSync = 0; + } + track.samples = outputSamples; + moof = _mp4Generator2.default.moof(track.sequenceNumber++, firstDTS, track); + track.samples = []; -/** - * Adds `value` to the array cache. - * - * @private - * @name add - * @memberOf SetCache - * @alias push - * @param {*} value The value to cache. - * @returns {Object} Returns the cache instance. - */ -function setCacheAdd(value) { - this.__data__.set(value, HASH_UNDEFINED); - return this; -} + var data = { + data1: moof, + data2: mdat, + startPTS: firstPTS / timeScale, + endPTS: (lastPTS + mp4SampleDuration) / timeScale, + startDTS: firstDTS / timeScale, + endDTS: this.nextAvcDts / timeScale, + type: 'video', + nb: outputSamples.length, + dropped: dropped + }; + this.observer.trigger(_events2.default.FRAG_PARSING_DATA, data); + return data; + } + }, { + key: 'remuxAudio', + value: function remuxAudio(track, timeOffset, contiguous, accurateTimeOffset) { + var inputTimeScale = track.inputTimeScale, + mp4timeScale = track.timescale, + scaleFactor = inputTimeScale / mp4timeScale, + mp4SampleDuration = track.isAAC ? 1024 : 1152, + inputSampleDuration = mp4SampleDuration * scaleFactor, + ptsNormalize = this._PTSNormalize, + initDTS = this._initDTS, + rawMPEG = !track.isAAC && this.typeSupported.mpeg; -/** - * Checks if `value` is in the array cache. - * - * @private - * @name has - * @memberOf SetCache - * @param {*} value The value to search for. - * @returns {number} Returns `true` if `value` is found, else `false`. - */ -function setCacheHas(value) { - return this.__data__.has(value); -} + var offset, + mp4Sample, + fillFrame, + mdat, + moof, + firstPTS, + lastPTS, + inputSamples = track.samples, + outputSamples = [], + nextAudioPts = this.nextAudioPts; -// Add methods to `SetCache`. -SetCache.prototype.add = SetCache.prototype.push = setCacheAdd; -SetCache.prototype.has = setCacheHas; + // for audio samples, also consider consecutive fragments as being contiguous (even if a level switch occurs), + // for sake of clarity: + // consecutive fragments are frags with + // - less than 100ms gaps between new time offset (if accurate) and next expected PTS OR + // - less than 20 audio frames distance + // contiguous fragments are consecutive fragments from same quality level (same level, new SN = old SN + 1) + // this helps ensuring audio continuity + // and this also avoids audio glitches/cut when switching quality, or reporting wrong duration on first audio frame + contiguous |= inputSamples.length && nextAudioPts && (accurateTimeOffset && Math.abs(timeOffset - nextAudioPts / inputTimeScale) < 0.1 || Math.abs(inputSamples[0].pts - nextAudioPts - initDTS) < 20 * inputSampleDuration); -/** - * Creates a stack cache object to store key-value pairs. - * - * @private - * @constructor - * @param {Array} [entries] The key-value pairs to cache. - */ -function Stack(entries) { - var data = this.__data__ = new ListCache(entries); - this.size = data.size; -} + if (!contiguous) { + // if fragments are not contiguous, let's use timeOffset to compute next Audio PTS + nextAudioPts = timeOffset * inputTimeScale; + } -/** - * Removes all key-value entries from the stack. - * - * @private - * @name clear - * @memberOf Stack - */ -function stackClear() { - this.__data__ = new ListCache; - this.size = 0; -} + // compute normalized PTS + inputSamples.forEach(function (sample) { + sample.pts = sample.dts = ptsNormalize(sample.pts - initDTS, nextAudioPts); + }); -/** - * Removes `key` and its value from the stack. - * - * @private - * @name delete - * @memberOf Stack - * @param {string} key The key of the value to remove. - * @returns {boolean} Returns `true` if the entry was removed, else `false`. - */ -function stackDelete(key) { - var data = this.__data__, - result = data['delete'](key); + // sort based on normalized PTS (this is to avoid sorting issues in case timestamp + // reloop in the middle of our samples array) + inputSamples.sort(function (a, b) { + return a.pts - b.pts; + }); - this.size = data.size; - return result; -} + // If the audio track is missing samples, the frames seem to get "left-shifted" within the + // resulting mp4 segment, causing sync issues and leaving gaps at the end of the audio segment. + // In an effort to prevent this from happening, we inject frames here where there are gaps. + // When possible, we inject a silent frame; when that's not possible, we duplicate the last + // frame. -/** - * Gets the stack value for `key`. - * - * @private - * @name get - * @memberOf Stack - * @param {string} key The key of the value to get. - * @returns {*} Returns the entry value. - */ -function stackGet(key) { - return this.__data__.get(key); -} + // only inject/drop audio frames in case time offset is accurate + if (accurateTimeOffset && track.isAAC) { + for (var i = 0, nextPts = nextAudioPts; i < inputSamples.length;) { + // First, let's see how far off this frame is from where we expect it to be + var sample = inputSamples[i], + delta; + var pts = sample.pts; + delta = pts - nextPts; -/** - * Checks if a stack value for `key` exists. - * - * @private - * @name has - * @memberOf Stack - * @param {string} key The key of the entry to check. - * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`. - */ -function stackHas(key) { - return this.__data__.has(key); -} + var duration = Math.abs(1000 * delta / inputTimeScale); -/** - * Sets the stack `key` to `value`. - * - * @private - * @name set - * @memberOf Stack - * @param {string} key The key of the value to set. - * @param {*} value The value to set. - * @returns {Object} Returns the stack cache instance. - */ -function stackSet(key, value) { - var data = this.__data__; - if (data instanceof ListCache) { - var pairs = data.__data__; - if (!Map || (pairs.length < LARGE_ARRAY_SIZE - 1)) { - pairs.push([key, value]); - this.size = ++data.size; - return this; - } - data = this.__data__ = new MapCache(pairs); - } - data.set(key, value); - this.size = data.size; - return this; -} + // If we're overlapping by more than a duration, drop this sample + if (delta <= -inputSampleDuration) { + _logger.logger.warn('Dropping 1 audio frame @ ' + (nextPts / inputTimeScale).toFixed(3) + 's due to ' + duration + ' ms overlap.'); + inputSamples.splice(i, 1); + track.len -= sample.unit.length; + // Don't touch nextPtsNorm or i + } -// Add methods to `Stack`. -Stack.prototype.clear = stackClear; -Stack.prototype['delete'] = stackDelete; -Stack.prototype.get = stackGet; -Stack.prototype.has = stackHas; -Stack.prototype.set = stackSet; + // Insert missing frames if: + // 1: We're more than one frame away + // 2: Not more than MAX_SILENT_FRAME_DURATION away + // 3: currentTime (aka nextPtsNorm) is not 0 + else if (delta >= inputSampleDuration && duration < MAX_SILENT_FRAME_DURATION && nextPts) { + var missing = Math.round(delta / inputSampleDuration); + _logger.logger.warn('Injecting ' + missing + ' audio frame @ ' + (nextPts / inputTimeScale).toFixed(3) + 's due to ' + Math.round(1000 * delta / inputTimeScale) + ' ms gap.'); + for (var j = 0; j < missing; j++) { + var newStamp = Math.max(nextPts, 0); + fillFrame = _aac2.default.getSilentFrame(track.manifestCodec || track.codec, track.channelCount); + if (!fillFrame) { + _logger.logger.log('Unable to get silent frame for given audio codec; duplicating last frame instead.'); + fillFrame = sample.unit.subarray(); + } + inputSamples.splice(i, 0, { unit: fillFrame, pts: newStamp, dts: newStamp }); + track.len += fillFrame.length; + nextPts += inputSampleDuration; + i++; + } -/** - * Creates an array of the enumerable property names of the array-like `value`. - * - * @private - * @param {*} value The value to query. - * @param {boolean} inherited Specify returning inherited property names. - * @returns {Array} Returns the array of property names. - */ -function arrayLikeKeys(value, inherited) { - var isArr = isArray(value), - isArg = !isArr && isArguments(value), - isBuff = !isArr && !isArg && isBuffer(value), - isType = !isArr && !isArg && !isBuff && isTypedArray(value), - skipIndexes = isArr || isArg || isBuff || isType, - result = skipIndexes ? baseTimes(value.length, String) : [], - length = result.length; - - for (var key in value) { - if ((inherited || hasOwnProperty.call(value, key)) && - !(skipIndexes && ( - // Safari 9 has enumerable `arguments.length` in strict mode. - key == 'length' || - // Node.js 0.10 has enumerable non-index properties on buffers. - (isBuff && (key == 'offset' || key == 'parent')) || - // PhantomJS 2 has enumerable non-index properties on typed arrays. - (isType && (key == 'buffer' || key == 'byteLength' || key == 'byteOffset')) || - // Skip index properties. - isIndex(key, length) - ))) { - result.push(key); - } - } - return result; -} + // Adjust sample to next expected pts + sample.pts = sample.dts = nextPts; + nextPts += inputSampleDuration; + i++; + } else { + // Otherwise, just adjust pts + if (Math.abs(delta) > 0.1 * inputSampleDuration) { + //logger.log(`Invalid frame delta ${Math.round(delta + inputSampleDuration)} at PTS ${Math.round(pts / 90)} (should be ${Math.round(inputSampleDuration)}).`); + } + sample.pts = sample.dts = nextPts; + nextPts += inputSampleDuration; + i++; + } + } + } -/** - * Gets the index at which the `key` is found in `array` of key-value pairs. - * - * @private - * @param {Array} array The array to inspect. - * @param {*} key The key to search for. - * @returns {number} Returns the index of the matched value, else `-1`. - */ -function assocIndexOf(array, key) { - var length = array.length; - while (length--) { - if (eq(array[length][0], key)) { - return length; + for (var _j2 = 0, _nbSamples = inputSamples.length; _j2 < _nbSamples; _j2++) { + var audioSample = inputSamples[_j2]; + var unit = audioSample.unit; + var _pts = audioSample.pts; + //logger.log(`Audio/PTS:${Math.round(pts/90)}`); + // if not first sample + if (lastPTS !== undefined) { + mp4Sample.duration = Math.round((_pts - lastPTS) / scaleFactor); + } else { + var _delta = Math.round(1000 * (_pts - nextAudioPts) / inputTimeScale), + numMissingFrames = 0; + // if fragment are contiguous, detect hole/overlapping between fragments + // contiguous fragments are consecutive fragments from same quality level (same level, new SN = old SN + 1) + if (contiguous && track.isAAC) { + // log delta + if (_delta) { + if (_delta > 0 && _delta < MAX_SILENT_FRAME_DURATION) { + numMissingFrames = Math.round((_pts - nextAudioPts) / inputSampleDuration); + _logger.logger.log(_delta + ' ms hole between AAC samples detected,filling it'); + if (numMissingFrames > 0) { + fillFrame = _aac2.default.getSilentFrame(track.manifestCodec || track.codec, track.channelCount); + if (!fillFrame) { + fillFrame = unit.subarray(); + } + track.len += numMissingFrames * fillFrame.length; + } + // if we have frame overlap, overlapping for more than half a frame duraion + } else if (_delta < -12) { + // drop overlapping audio frames... browser will deal with it + _logger.logger.log('drop overlapping AAC sample, expected/parsed/delta:' + (nextAudioPts / inputTimeScale).toFixed(3) + 's/' + (_pts / inputTimeScale).toFixed(3) + 's/' + -_delta + 'ms'); + track.len -= unit.byteLength; + continue; + } + // set PTS/DTS to expected PTS/DTS + _pts = nextAudioPts; + } + } + // remember first PTS of our audioSamples, ensure value is positive + firstPTS = Math.max(0, _pts); + if (track.len > 0) { + /* concatenate the audio data and construct the mdat in place + (need 8 more bytes to fill length and mdat type) */ + var mdatSize = rawMPEG ? track.len : track.len + 8; + offset = rawMPEG ? 0 : 8; + try { + mdat = new Uint8Array(mdatSize); + } catch (err) { + this.observer.trigger(_events2.default.ERROR, { type: _errors.ErrorTypes.MUX_ERROR, details: _errors.ErrorDetails.REMUX_ALLOC_ERROR, fatal: false, bytes: mdatSize, reason: 'fail allocating audio mdat ' + mdatSize }); + return; + } + if (!rawMPEG) { + var view = new DataView(mdat.buffer); + view.setUint32(0, mdatSize); + mdat.set(_mp4Generator2.default.types.mdat, 4); + } + } else { + // no audio samples + return; + } + for (var _i3 = 0; _i3 < numMissingFrames; _i3++) { + fillFrame = _aac2.default.getSilentFrame(track.manifestCodec || track.codec, track.channelCount); + if (!fillFrame) { + _logger.logger.log('Unable to get silent frame for given audio codec; duplicating this frame instead.'); + fillFrame = unit.subarray(); + } + mdat.set(fillFrame, offset); + offset += fillFrame.byteLength; + mp4Sample = { + size: fillFrame.byteLength, + cts: 0, + duration: 1024, + flags: { + isLeading: 0, + isDependedOn: 0, + hasRedundancy: 0, + degradPrio: 0, + dependsOn: 1 + } + }; + outputSamples.push(mp4Sample); + } + } + mdat.set(unit, offset); + var unitLen = unit.byteLength; + offset += unitLen; + //console.log('PTS/DTS/initDTS/normPTS/normDTS/relative PTS : ${audioSample.pts}/${audioSample.dts}/${initDTS}/${ptsnorm}/${dtsnorm}/${(audioSample.pts/4294967296).toFixed(3)}'); + mp4Sample = { + size: unitLen, + cts: 0, + duration: 0, + flags: { + isLeading: 0, + isDependedOn: 0, + hasRedundancy: 0, + degradPrio: 0, + dependsOn: 1 + } + }; + outputSamples.push(mp4Sample); + lastPTS = _pts; + } + var lastSampleDuration = 0; + var nbSamples = outputSamples.length; + //set last sample duration as being identical to previous sample + if (nbSamples >= 2) { + lastSampleDuration = outputSamples[nbSamples - 2].duration; + mp4Sample.duration = lastSampleDuration; + } + if (nbSamples) { + // next audio sample PTS should be equal to last sample PTS + duration + this.nextAudioPts = nextAudioPts = lastPTS + scaleFactor * lastSampleDuration; + //logger.log('Audio/PTS/PTSend:' + audioSample.pts.toFixed(0) + '/' + this.nextAacDts.toFixed(0)); + track.len = 0; + track.samples = outputSamples; + if (rawMPEG) { + moof = new Uint8Array(); + } else { + moof = _mp4Generator2.default.moof(track.sequenceNumber++, firstPTS / scaleFactor, track); + } + track.samples = []; + var start = firstPTS / inputTimeScale; + var end = nextAudioPts / inputTimeScale; + var audioData = { + data1: moof, + data2: mdat, + startPTS: start, + endPTS: end, + startDTS: start, + endDTS: end, + type: 'audio', + nb: nbSamples + }; + this.observer.trigger(_events2.default.FRAG_PARSING_DATA, audioData); + return audioData; + } + return null; } - } - return -1; -} + }, { + key: 'remuxEmptyAudio', + value: function remuxEmptyAudio(track, timeOffset, contiguous, videoData) { + var inputTimeScale = track.inputTimeScale, + mp4timeScale = track.samplerate ? track.samplerate : inputTimeScale, + scaleFactor = inputTimeScale / mp4timeScale, + nextAudioPts = this.nextAudioPts, -/** - * The base implementation of `getAllKeys` and `getAllKeysIn` which uses - * `keysFunc` and `symbolsFunc` to get the enumerable property names and - * symbols of `object`. - * - * @private - * @param {Object} object The object to query. - * @param {Function} keysFunc The function to get the keys of `object`. - * @param {Function} symbolsFunc The function to get the symbols of `object`. - * @returns {Array} Returns the array of property names and symbols. - */ -function baseGetAllKeys(object, keysFunc, symbolsFunc) { - var result = keysFunc(object); - return isArray(object) ? result : arrayPush(result, symbolsFunc(object)); -} -/** - * The base implementation of `getTag` without fallbacks for buggy environments. - * - * @private - * @param {*} value The value to query. - * @returns {string} Returns the `toStringTag`. - */ -function baseGetTag(value) { - if (value == null) { - return value === undefined ? undefinedTag : nullTag; - } - return (symToStringTag && symToStringTag in Object(value)) - ? getRawTag(value) - : objectToString(value); -} + // sync with video's timestamp + startDTS = (nextAudioPts !== undefined ? nextAudioPts : videoData.startDTS * inputTimeScale) + this._initDTS, + endDTS = videoData.endDTS * inputTimeScale + this._initDTS, -/** - * The base implementation of `_.isArguments`. - * - * @private - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is an `arguments` object, - */ -function baseIsArguments(value) { - return isObjectLike(value) && baseGetTag(value) == argsTag; -} + // one sample's duration value + sampleDuration = 1024, + frameDuration = scaleFactor * sampleDuration, -/** - * The base implementation of `_.isEqual` which supports partial comparisons - * and tracks traversed objects. - * - * @private - * @param {*} value The value to compare. - * @param {*} other The other value to compare. - * @param {boolean} bitmask The bitmask flags. - * 1 - Unordered comparison - * 2 - Partial comparison - * @param {Function} [customizer] The function to customize comparisons. - * @param {Object} [stack] Tracks traversed `value` and `other` objects. - * @returns {boolean} Returns `true` if the values are equivalent, else `false`. - */ -function baseIsEqual(value, other, bitmask, customizer, stack) { - if (value === other) { - return true; - } - if (value == null || other == null || (!isObjectLike(value) && !isObjectLike(other))) { - return value !== value && other !== other; - } - return baseIsEqualDeep(value, other, bitmask, customizer, baseIsEqual, stack); -} -/** - * A specialized version of `baseIsEqual` for arrays and objects which performs - * deep comparisons and tracks traversed objects enabling objects with circular - * references to be compared. - * - * @private - * @param {Object} object The object to compare. - * @param {Object} other The other object to compare. - * @param {number} bitmask The bitmask flags. See `baseIsEqual` for more details. - * @param {Function} customizer The function to customize comparisons. - * @param {Function} equalFunc The function to determine equivalents of values. - * @param {Object} [stack] Tracks traversed `object` and `other` objects. - * @returns {boolean} Returns `true` if the objects are equivalent, else `false`. - */ -function baseIsEqualDeep(object, other, bitmask, customizer, equalFunc, stack) { - var objIsArr = isArray(object), - othIsArr = isArray(other), - objTag = objIsArr ? arrayTag : getTag(object), - othTag = othIsArr ? arrayTag : getTag(other); + // samples count of this segment's duration + nbSamples = Math.ceil((endDTS - startDTS) / frameDuration), - objTag = objTag == argsTag ? objectTag : objTag; - othTag = othTag == argsTag ? objectTag : othTag; - var objIsObj = objTag == objectTag, - othIsObj = othTag == objectTag, - isSameTag = objTag == othTag; + // silent frame + silentFrame = _aac2.default.getSilentFrame(track.manifestCodec || track.codec, track.channelCount); - if (isSameTag && isBuffer(object)) { - if (!isBuffer(other)) { - return false; - } - objIsArr = true; - objIsObj = false; - } - if (isSameTag && !objIsObj) { - stack || (stack = new Stack); - return (objIsArr || isTypedArray(object)) - ? equalArrays(object, other, bitmask, customizer, equalFunc, stack) - : equalByTag(object, other, objTag, bitmask, customizer, equalFunc, stack); - } - if (!(bitmask & COMPARE_PARTIAL_FLAG)) { - var objIsWrapped = objIsObj && hasOwnProperty.call(object, '__wrapped__'), - othIsWrapped = othIsObj && hasOwnProperty.call(other, '__wrapped__'); + _logger.logger.warn('remux empty Audio'); + // Can't remux if we can't generate a silent frame... + if (!silentFrame) { + _logger.logger.trace('Unable to remuxEmptyAudio since we were unable to get a silent frame for given audio codec!'); + return; + } - if (objIsWrapped || othIsWrapped) { - var objUnwrapped = objIsWrapped ? object.value() : object, - othUnwrapped = othIsWrapped ? other.value() : other; + var samples = []; + for (var i = 0; i < nbSamples; i++) { + var stamp = startDTS + i * frameDuration; + samples.push({ unit: silentFrame, pts: stamp, dts: stamp }); + track.len += silentFrame.length; + } + track.samples = samples; - stack || (stack = new Stack); - return equalFunc(objUnwrapped, othUnwrapped, bitmask, customizer, stack); + this.remuxAudio(track, timeOffset, contiguous); } - } - if (!isSameTag) { - return false; - } - stack || (stack = new Stack); - return equalObjects(object, other, bitmask, customizer, equalFunc, stack); -} - -/** - * The base implementation of `_.isNative` without bad shim checks. - * - * @private - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is a native function, - * else `false`. - */ -function baseIsNative(value) { - if (!isObject(value) || isMasked(value)) { - return false; - } - var pattern = isFunction(value) ? reIsNative : reIsHostCtor; - return pattern.test(toSource(value)); -} - -/** - * The base implementation of `_.isTypedArray` without Node.js optimizations. - * - * @private - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is a typed array, else `false`. - */ -function baseIsTypedArray(value) { - return isObjectLike(value) && - isLength(value.length) && !!typedArrayTags[baseGetTag(value)]; -} + }, { + key: 'remuxID3', + value: function remuxID3(track, timeOffset) { + var length = track.samples.length, + sample; + var inputTimeScale = track.inputTimeScale; + var initPTS = this._initPTS; + var initDTS = this._initDTS; + // consume samples + if (length) { + for (var index = 0; index < length; index++) { + sample = track.samples[index]; + // setting id3 pts, dts to relative time + // using this._initPTS and this._initDTS to calculate relative time + sample.pts = (sample.pts - initPTS) / inputTimeScale; + sample.dts = (sample.dts - initDTS) / inputTimeScale; + } + this.observer.trigger(_events2.default.FRAG_PARSING_METADATA, { + samples: track.samples + }); + } -/** - * The base implementation of `_.keys` which doesn't treat sparse arrays as dense. - * - * @private - * @param {Object} object The object to query. - * @returns {Array} Returns the array of property names. - */ -function baseKeys(object) { - if (!isPrototype(object)) { - return nativeKeys(object); - } - var result = []; - for (var key in Object(object)) { - if (hasOwnProperty.call(object, key) && key != 'constructor') { - result.push(key); + track.samples = []; + timeOffset = timeOffset; } - } - return result; -} - -/** - * A specialized version of `baseIsEqualDeep` for arrays with support for - * partial deep comparisons. - * - * @private - * @param {Array} array The array to compare. - * @param {Array} other The other array to compare. - * @param {number} bitmask The bitmask flags. See `baseIsEqual` for more details. - * @param {Function} customizer The function to customize comparisons. - * @param {Function} equalFunc The function to determine equivalents of values. - * @param {Object} stack Tracks traversed `array` and `other` objects. - * @returns {boolean} Returns `true` if the arrays are equivalent, else `false`. - */ -function equalArrays(array, other, bitmask, customizer, equalFunc, stack) { - var isPartial = bitmask & COMPARE_PARTIAL_FLAG, - arrLength = array.length, - othLength = other.length; - - if (arrLength != othLength && !(isPartial && othLength > arrLength)) { - return false; - } - // Assume cyclic values are equal. - var stacked = stack.get(array); - if (stacked && stack.get(other)) { - return stacked == other; - } - var index = -1, - result = true, - seen = (bitmask & COMPARE_UNORDERED_FLAG) ? new SetCache : undefined; - - stack.set(array, other); - stack.set(other, array); + }, { + key: 'remuxText', + value: function remuxText(track, timeOffset) { + track.samples.sort(function (a, b) { + return a.pts - b.pts; + }); - // Ignore non-index properties. - while (++index < arrLength) { - var arrValue = array[index], - othValue = other[index]; + var length = track.samples.length, + sample; + var inputTimeScale = track.inputTimeScale; + var initPTS = this._initPTS; + // consume samples + if (length) { + for (var index = 0; index < length; index++) { + sample = track.samples[index]; + // setting text pts, dts to relative time + // using this._initPTS and this._initDTS to calculate relative time + sample.pts = (sample.pts - initPTS) / inputTimeScale; + } + this.observer.trigger(_events2.default.FRAG_PARSING_USERDATA, { + samples: track.samples + }); + } - if (customizer) { - var compared = isPartial - ? customizer(othValue, arrValue, index, other, array, stack) - : customizer(arrValue, othValue, index, array, other, stack); + track.samples = []; + timeOffset = timeOffset; } - if (compared !== undefined) { - if (compared) { - continue; + }, { + key: '_PTSNormalize', + value: function _PTSNormalize(value, reference) { + var offset; + if (reference === undefined) { + return value; } - result = false; - break; - } - // Recursively compare arrays (susceptible to call stack limits). - if (seen) { - if (!arraySome(other, function(othValue, othIndex) { - if (!cacheHas(seen, othIndex) && - (arrValue === othValue || equalFunc(arrValue, othValue, bitmask, customizer, stack))) { - return seen.push(othIndex); - } - })) { - result = false; - break; + if (reference < value) { + // - 2^33 + offset = -8589934592; + } else { + // + 2^33 + offset = 8589934592; } - } else if (!( - arrValue === othValue || - equalFunc(arrValue, othValue, bitmask, customizer, stack) - )) { - result = false; - break; - } - } - stack['delete'](array); - stack['delete'](other); - return result; -} - -/** - * A specialized version of `baseIsEqualDeep` for comparing objects of - * the same `toStringTag`. - * - * **Note:** This function only supports comparing values with tags of - * `Boolean`, `Date`, `Error`, `Number`, `RegExp`, or `String`. - * - * @private - * @param {Object} object The object to compare. - * @param {Object} other The other object to compare. - * @param {string} tag The `toStringTag` of the objects to compare. - * @param {number} bitmask The bitmask flags. See `baseIsEqual` for more details. - * @param {Function} customizer The function to customize comparisons. - * @param {Function} equalFunc The function to determine equivalents of values. - * @param {Object} stack Tracks traversed `object` and `other` objects. - * @returns {boolean} Returns `true` if the objects are equivalent, else `false`. - */ -function equalByTag(object, other, tag, bitmask, customizer, equalFunc, stack) { - switch (tag) { - case dataViewTag: - if ((object.byteLength != other.byteLength) || - (object.byteOffset != other.byteOffset)) { - return false; + /* PTS is 33bit (from 0 to 2^33 -1) + if diff between value and reference is bigger than half of the amplitude (2^32) then it means that + PTS looping occured. fill the gap */ + while (Math.abs(value - reference) > 4294967296) { + value += offset; } - object = object.buffer; - other = other.buffer; + return value; + } + }]); - case arrayBufferTag: - if ((object.byteLength != other.byteLength) || - !equalFunc(new Uint8Array(object), new Uint8Array(other))) { - return false; - } - return true; + return MP4Remuxer; +}(); - case boolTag: - case dateTag: - case numberTag: - // Coerce booleans to `1` or `0` and dates to milliseconds. - // Invalid dates are coerced to `NaN`. - return eq(+object, +other); +exports.default = MP4Remuxer; - case errorTag: - return object.name == other.name && object.message == other.message; +},{"33":33,"35":35,"36":36,"44":44,"53":53}],46:[function(_dereq_,module,exports){ +'use strict'; - case regexpTag: - case stringTag: - // Coerce regexes to strings and treat strings, primitives and objects, - // as equal. See http://www.ecma-international.org/ecma-262/7.0/#sec-regexp.prototype.tostring - // for more details. - return object == (other + ''); +Object.defineProperty(exports, "__esModule", { + value: true +}); - case mapTag: - var convert = mapToArray; +var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); /** + * passthrough remuxer + */ - case setTag: - var isPartial = bitmask & COMPARE_PARTIAL_FLAG; - convert || (convert = setToArray); - if (object.size != other.size && !isPartial) { - return false; - } - // Assume cyclic values are equal. - var stacked = stack.get(object); - if (stacked) { - return stacked == other; - } - bitmask |= COMPARE_UNORDERED_FLAG; +var _events = _dereq_(35); - // Recursively compare objects (susceptible to call stack limits). - stack.set(object, other); - var result = equalArrays(convert(object), convert(other), bitmask, customizer, equalFunc, stack); - stack['delete'](object); - return result; +var _events2 = _interopRequireDefault(_events); - case symbolTag: - if (symbolValueOf) { - return symbolValueOf.call(object) == symbolValueOf.call(other); - } - } - return false; -} +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } -/** - * A specialized version of `baseIsEqualDeep` for objects with support for - * partial deep comparisons. - * - * @private - * @param {Object} object The object to compare. - * @param {Object} other The other object to compare. - * @param {number} bitmask The bitmask flags. See `baseIsEqual` for more details. - * @param {Function} customizer The function to customize comparisons. - * @param {Function} equalFunc The function to determine equivalents of values. - * @param {Object} stack Tracks traversed `object` and `other` objects. - * @returns {boolean} Returns `true` if the objects are equivalent, else `false`. - */ -function equalObjects(object, other, bitmask, customizer, equalFunc, stack) { - var isPartial = bitmask & COMPARE_PARTIAL_FLAG, - objProps = getAllKeys(object), - objLength = objProps.length, - othProps = getAllKeys(other), - othLength = othProps.length; - - if (objLength != othLength && !isPartial) { - return false; - } - var index = objLength; - while (index--) { - var key = objProps[index]; - if (!(isPartial ? key in other : hasOwnProperty.call(other, key))) { - return false; - } - } - // Assume cyclic values are equal. - var stacked = stack.get(object); - if (stacked && stack.get(other)) { - return stacked == other; - } - var result = true; - stack.set(object, other); - stack.set(other, object); +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - var skipCtor = isPartial; - while (++index < objLength) { - key = objProps[index]; - var objValue = object[key], - othValue = other[key]; +var PassThroughRemuxer = function () { + function PassThroughRemuxer(observer) { + _classCallCheck(this, PassThroughRemuxer); - if (customizer) { - var compared = isPartial - ? customizer(othValue, objValue, key, other, object, stack) - : customizer(objValue, othValue, key, object, other, stack); - } - // Recursively compare objects (susceptible to call stack limits). - if (!(compared === undefined - ? (objValue === othValue || equalFunc(objValue, othValue, bitmask, customizer, stack)) - : compared - )) { - result = false; - break; - } - skipCtor || (skipCtor = key == 'constructor'); + this.observer = observer; } - if (result && !skipCtor) { - var objCtor = object.constructor, - othCtor = other.constructor; - // Non `Object` object instances with different constructors are not equal. - if (objCtor != othCtor && - ('constructor' in object && 'constructor' in other) && - !(typeof objCtor == 'function' && objCtor instanceof objCtor && - typeof othCtor == 'function' && othCtor instanceof othCtor)) { - result = false; + _createClass(PassThroughRemuxer, [{ + key: 'destroy', + value: function destroy() {} + }, { + key: 'resetTimeStamp', + value: function resetTimeStamp() {} + }, { + key: 'resetInitSegment', + value: function resetInitSegment() {} + }, { + key: 'remux', + value: function remux(audioTrack, videoTrack, id3Track, textTrack, timeOffset, contiguous, accurateTimeOffset, rawData) { + var observer = this.observer; + var streamType = ''; + if (audioTrack) { + streamType += 'audio'; + } + if (videoTrack) { + streamType += 'video'; + } + observer.trigger(_events2.default.FRAG_PARSING_DATA, { + data1: rawData, + startPTS: timeOffset, + startDTS: timeOffset, + type: streamType, + nb: 1, + dropped: 0 + }); + //notify end of parsing + observer.trigger(_events2.default.FRAG_PARSED); } - } - stack['delete'](object); - stack['delete'](other); - return result; -} - -/** - * Creates an array of own enumerable property names and symbols of `object`. - * - * @private - * @param {Object} object The object to query. - * @returns {Array} Returns the array of property names and symbols. - */ -function getAllKeys(object) { - return baseGetAllKeys(object, keys, getSymbols); -} - -/** - * Gets the data for `map`. - * - * @private - * @param {Object} map The map to query. - * @param {string} key The reference key. - * @returns {*} Returns the map data. - */ -function getMapData(map, key) { - var data = map.__data__; - return isKeyable(key) - ? data[typeof key == 'string' ? 'string' : 'hash'] - : data.map; -} + }]); -/** - * Gets the native function at `key` of `object`. - * - * @private - * @param {Object} object The object to query. - * @param {string} key The key of the method to get. - * @returns {*} Returns the function if it's native, else `undefined`. - */ -function getNative(object, key) { - var value = getValue(object, key); - return baseIsNative(value) ? value : undefined; -} + return PassThroughRemuxer; +}(); -/** - * A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values. - * - * @private - * @param {*} value The value to query. - * @returns {string} Returns the raw `toStringTag`. - */ -function getRawTag(value) { - var isOwn = hasOwnProperty.call(value, symToStringTag), - tag = value[symToStringTag]; +exports.default = PassThroughRemuxer; - try { - value[symToStringTag] = undefined; - var unmasked = true; - } catch (e) {} - - var result = nativeObjectToString.call(value); - if (unmasked) { - if (isOwn) { - value[symToStringTag] = tag; - } else { - delete value[symToStringTag]; - } - } - return result; -} +},{"35":35}],47:[function(_dereq_,module,exports){ +'use strict'; -/** - * Creates an array of the own enumerable symbols of `object`. - * - * @private - * @param {Object} object The object to query. - * @returns {Array} Returns the array of symbols. - */ -var getSymbols = !nativeGetSymbols ? stubArray : function(object) { - if (object == null) { - return []; - } - object = Object(object); - return arrayFilter(nativeGetSymbols(object), function(symbol) { - return propertyIsEnumerable.call(object, symbol); - }); -}; +Object.defineProperty(exports, "__esModule", { + value: true +}); -/** - * Gets the `toStringTag` of `value`. - * - * @private - * @param {*} value The value to query. - * @returns {string} Returns the `toStringTag`. - */ -var getTag = baseGetTag; - -// Fallback for data views, maps, sets, and weak maps in IE 11 and promises in Node.js < 6. -if ((DataView && getTag(new DataView(new ArrayBuffer(1))) != dataViewTag) || - (Map && getTag(new Map) != mapTag) || - (Promise && getTag(Promise.resolve()) != promiseTag) || - (Set && getTag(new Set) != setTag) || - (WeakMap && getTag(new WeakMap) != weakMapTag)) { - getTag = function(value) { - var result = baseGetTag(value), - Ctor = result == objectTag ? value.constructor : undefined, - ctorString = Ctor ? toSource(Ctor) : ''; - - if (ctorString) { - switch (ctorString) { - case dataViewCtorString: return dataViewTag; - case mapCtorString: return mapTag; - case promiseCtorString: return promiseTag; - case setCtorString: return setTag; - case weakMapCtorString: return weakMapTag; - } - } - return result; - }; -} +var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); -/** - * Checks if `value` is a valid array-like index. - * - * @private - * @param {*} value The value to check. - * @param {number} [length=MAX_SAFE_INTEGER] The upper bounds of a valid index. - * @returns {boolean} Returns `true` if `value` is a valid index, else `false`. - */ -function isIndex(value, length) { - length = length == null ? MAX_SAFE_INTEGER : length; - return !!length && - (typeof value == 'number' || reIsUint.test(value)) && - (value > -1 && value % 1 == 0 && value < length); -} +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } -/** - * Checks if `value` is suitable for use as unique object key. - * - * @private - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is suitable, else `false`. - */ -function isKeyable(value) { - var type = typeof value; - return (type == 'string' || type == 'number' || type == 'symbol' || type == 'boolean') - ? (value !== '__proto__') - : (value === null); -} +var DECIMAL_RESOLUTION_REGEX = /^(\d+)x(\d+)$/; +var ATTR_LIST_REGEX = /\s*(.+?)\s*=((?:\".*?\")|.*?)(?:,|$)/g; -/** - * Checks if `func` has its source masked. - * - * @private - * @param {Function} func The function to check. - * @returns {boolean} Returns `true` if `func` is masked, else `false`. - */ -function isMasked(func) { - return !!maskSrcKey && (maskSrcKey in func); -} +// adapted from https://github.com/kanongil/node-m3u8parse/blob/master/attrlist.js -/** - * Checks if `value` is likely a prototype object. - * - * @private - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is a prototype, else `false`. - */ -function isPrototype(value) { - var Ctor = value && value.constructor, - proto = (typeof Ctor == 'function' && Ctor.prototype) || objectProto; +var AttrList = function () { + function AttrList(attrs) { + _classCallCheck(this, AttrList); - return value === proto; -} + if (typeof attrs === 'string') { + attrs = AttrList.parseAttrList(attrs); + } + for (var attr in attrs) { + if (attrs.hasOwnProperty(attr)) { + this[attr] = attrs[attr]; + } + } + } -/** - * Converts `value` to a string using `Object.prototype.toString`. - * - * @private - * @param {*} value The value to convert. - * @returns {string} Returns the converted string. - */ -function objectToString(value) { - return nativeObjectToString.call(value); -} + _createClass(AttrList, [{ + key: 'decimalInteger', + value: function decimalInteger(attrName) { + var intValue = parseInt(this[attrName], 10); + if (intValue > Number.MAX_SAFE_INTEGER) { + return Infinity; + } + return intValue; + } + }, { + key: 'hexadecimalInteger', + value: function hexadecimalInteger(attrName) { + if (this[attrName]) { + var stringValue = (this[attrName] || '0x').slice(2); + stringValue = (stringValue.length & 1 ? '0' : '') + stringValue; -/** - * Converts `func` to its source code. - * - * @private - * @param {Function} func The function to convert. - * @returns {string} Returns the source code. - */ -function toSource(func) { - if (func != null) { - try { - return funcToString.call(func); - } catch (e) {} - try { - return (func + ''); - } catch (e) {} - } - return ''; -} + var value = new Uint8Array(stringValue.length / 2); + for (var i = 0; i < stringValue.length / 2; i++) { + value[i] = parseInt(stringValue.slice(i * 2, i * 2 + 2), 16); + } + return value; + } else { + return null; + } + } + }, { + key: 'hexadecimalIntegerAsNumber', + value: function hexadecimalIntegerAsNumber(attrName) { + var intValue = parseInt(this[attrName], 16); + if (intValue > Number.MAX_SAFE_INTEGER) { + return Infinity; + } + return intValue; + } + }, { + key: 'decimalFloatingPoint', + value: function decimalFloatingPoint(attrName) { + return parseFloat(this[attrName]); + } + }, { + key: 'enumeratedString', + value: function enumeratedString(attrName) { + return this[attrName]; + } + }, { + key: 'decimalResolution', + value: function decimalResolution(attrName) { + var res = DECIMAL_RESOLUTION_REGEX.exec(this[attrName]); + if (res === null) { + return undefined; + } + return { + width: parseInt(res[1], 10), + height: parseInt(res[2], 10) + }; + } + }], [{ + key: 'parseAttrList', + value: function parseAttrList(input) { + var match, + attrs = {}; + ATTR_LIST_REGEX.lastIndex = 0; + while ((match = ATTR_LIST_REGEX.exec(input)) !== null) { + var value = match[2], + quote = '"'; -/** - * Performs a - * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero) - * comparison between two values to determine if they are equivalent. - * - * @static - * @memberOf _ - * @since 4.0.0 - * @category Lang - * @param {*} value The value to compare. - * @param {*} other The other value to compare. - * @returns {boolean} Returns `true` if the values are equivalent, else `false`. - * @example - * - * var object = { 'a': 1 }; - * var other = { 'a': 1 }; - * - * _.eq(object, object); - * // => true - * - * _.eq(object, other); - * // => false - * - * _.eq('a', 'a'); - * // => true - * - * _.eq('a', Object('a')); - * // => false - * - * _.eq(NaN, NaN); - * // => true - */ -function eq(value, other) { - return value === other || (value !== value && other !== other); -} + if (value.indexOf(quote) === 0 && value.lastIndexOf(quote) === value.length - 1) { + value = value.slice(1, -1); + } + attrs[match[1]] = value; + } + return attrs; + } + }]); -/** - * Checks if `value` is likely an `arguments` object. - * - * @static - * @memberOf _ - * @since 0.1.0 - * @category Lang - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is an `arguments` object, - * else `false`. - * @example - * - * _.isArguments(function() { return arguments; }()); - * // => true - * - * _.isArguments([1, 2, 3]); - * // => false - */ -var isArguments = baseIsArguments(function() { return arguments; }()) ? baseIsArguments : function(value) { - return isObjectLike(value) && hasOwnProperty.call(value, 'callee') && - !propertyIsEnumerable.call(value, 'callee'); -}; + return AttrList; +}(); -/** - * Checks if `value` is classified as an `Array` object. - * - * @static - * @memberOf _ - * @since 0.1.0 - * @category Lang - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is an array, else `false`. - * @example - * - * _.isArray([1, 2, 3]); - * // => true - * - * _.isArray(document.body.children); - * // => false - * - * _.isArray('abc'); - * // => false - * - * _.isArray(_.noop); - * // => false - */ -var isArray = Array.isArray; +exports.default = AttrList; -/** - * Checks if `value` is array-like. A value is considered array-like if it's - * not a function and has a `value.length` that's an integer greater than or - * equal to `0` and less than or equal to `Number.MAX_SAFE_INTEGER`. - * - * @static - * @memberOf _ - * @since 4.0.0 - * @category Lang - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is array-like, else `false`. - * @example - * - * _.isArrayLike([1, 2, 3]); - * // => true - * - * _.isArrayLike(document.body.children); - * // => true - * - * _.isArrayLike('abc'); - * // => true - * - * _.isArrayLike(_.noop); - * // => false - */ -function isArrayLike(value) { - return value != null && isLength(value.length) && !isFunction(value); -} +},{}],48:[function(_dereq_,module,exports){ +"use strict"; -/** - * Checks if `value` is a buffer. - * - * @static - * @memberOf _ - * @since 4.3.0 - * @category Lang - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is a buffer, else `false`. - * @example - * - * _.isBuffer(new Buffer(2)); - * // => true - * - * _.isBuffer(new Uint8Array(2)); - * // => false - */ -var isBuffer = nativeIsBuffer || stubFalse; +var BinarySearch = { + /** + * Searches for an item in an array which matches a certain condition. + * This requires the condition to only match one item in the array, + * and for the array to be ordered. + * + * @param {Array} list The array to search. + * @param {Function} comparisonFunction + * Called and provided a candidate item as the first argument. + * Should return: + * > -1 if the item should be located at a lower index than the provided item. + * > 1 if the item should be located at a higher index than the provided item. + * > 0 if the item is the item you're looking for. + * + * @return {*} The object if it is found or null otherwise. + */ + search: function search(list, comparisonFunction) { + var minIndex = 0; + var maxIndex = list.length - 1; + var currentIndex = null; + var currentElement = null; -/** - * Performs a deep comparison between two values to determine if they are - * equivalent. - * - * **Note:** This method supports comparing arrays, array buffers, booleans, - * date objects, error objects, maps, numbers, `Object` objects, regexes, - * sets, strings, symbols, and typed arrays. `Object` objects are compared - * by their own, not inherited, enumerable properties. Functions and DOM - * nodes are compared by strict equality, i.e. `===`. - * - * @static - * @memberOf _ - * @since 0.1.0 - * @category Lang - * @param {*} value The value to compare. - * @param {*} other The other value to compare. - * @returns {boolean} Returns `true` if the values are equivalent, else `false`. - * @example - * - * var object = { 'a': 1 }; - * var other = { 'a': 1 }; - * - * _.isEqual(object, other); - * // => true - * - * object === other; - * // => false - */ -function isEqual(value, other) { - return baseIsEqual(value, other); -} + while (minIndex <= maxIndex) { + currentIndex = (minIndex + maxIndex) / 2 | 0; + currentElement = list[currentIndex]; -/** - * Checks if `value` is classified as a `Function` object. - * - * @static - * @memberOf _ - * @since 0.1.0 - * @category Lang - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is a function, else `false`. - * @example - * - * _.isFunction(_); - * // => true - * - * _.isFunction(/abc/); - * // => false - */ -function isFunction(value) { - if (!isObject(value)) { - return false; - } - // The use of `Object#toString` avoids issues with the `typeof` operator - // in Safari 9 which returns 'object' for typed arrays and other constructors. - var tag = baseGetTag(value); - return tag == funcTag || tag == genTag || tag == asyncTag || tag == proxyTag; -} + var comparisonResult = comparisonFunction(currentElement); + if (comparisonResult > 0) { + minIndex = currentIndex + 1; + } else if (comparisonResult < 0) { + maxIndex = currentIndex - 1; + } else { + return currentElement; + } + } + + return null; + } +}; -/** - * Checks if `value` is a valid array-like length. - * - * **Note:** This method is loosely based on - * [`ToLength`](http://ecma-international.org/ecma-262/7.0/#sec-tolength). - * - * @static - * @memberOf _ - * @since 4.0.0 - * @category Lang - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is a valid length, else `false`. - * @example - * - * _.isLength(3); - * // => true - * - * _.isLength(Number.MIN_VALUE); - * // => false - * - * _.isLength(Infinity); - * // => false - * - * _.isLength('3'); - * // => false - */ -function isLength(value) { - return typeof value == 'number' && - value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER; -} +module.exports = BinarySearch; -/** - * Checks if `value` is the - * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types) - * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`) - * - * @static - * @memberOf _ - * @since 0.1.0 - * @category Lang - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is an object, else `false`. - * @example - * - * _.isObject({}); - * // => true - * - * _.isObject([1, 2, 3]); - * // => true - * - * _.isObject(_.noop); - * // => true - * - * _.isObject(null); - * // => false - */ -function isObject(value) { - var type = typeof value; - return value != null && (type == 'object' || type == 'function'); -} +},{}],49:[function(_dereq_,module,exports){ +'use strict'; -/** - * Checks if `value` is object-like. A value is object-like if it's not `null` - * and has a `typeof` result of "object". - * - * @static - * @memberOf _ - * @since 4.0.0 - * @category Lang - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is object-like, else `false`. - * @example - * - * _.isObjectLike({}); - * // => true - * - * _.isObjectLike([1, 2, 3]); - * // => true - * - * _.isObjectLike(_.noop); - * // => false - * - * _.isObjectLike(null); - * // => false - */ -function isObjectLike(value) { - return value != null && typeof value == 'object'; -} +Object.defineProperty(exports, "__esModule", { + value: true +}); -/** - * Checks if `value` is classified as a typed array. - * - * @static - * @memberOf _ - * @since 3.0.0 - * @category Lang - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is a typed array, else `false`. - * @example - * - * _.isTypedArray(new Uint8Array); - * // => true - * - * _.isTypedArray([]); - * // => false - */ -var isTypedArray = nodeIsTypedArray ? baseUnary(nodeIsTypedArray) : baseIsTypedArray; +var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); + +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } /** - * Creates an array of the own enumerable property names of `object`. - * - * **Note:** Non-object values are coerced to objects. See the - * [ES spec](http://ecma-international.org/ecma-262/7.0/#sec-object.keys) - * for more details. - * - * @static - * @since 0.1.0 - * @memberOf _ - * @category Object - * @param {Object} object The object to query. - * @returns {Array} Returns the array of property names. - * @example - * - * function Foo() { - * this.a = 1; - * this.b = 2; - * } * - * Foo.prototype.c = 3; - * - * _.keys(new Foo); - * // => ['a', 'b'] (iteration order is not guaranteed) + * This code was ported from the dash.js project at: + * https://github.com/Dash-Industry-Forum/dash.js/blob/development/externals/cea608-parser.js + * https://github.com/Dash-Industry-Forum/dash.js/commit/8269b26a761e0853bb21d78780ed945144ecdd4d#diff-71bc295a2d6b6b7093a1d3290d53a4b2 * - * _.keys('hi'); - * // => ['0', '1'] - */ -function keys(object) { - return isArrayLike(object) ? arrayLikeKeys(object) : baseKeys(object); -} - -/** - * This method returns a new empty array. + * The original copyright appears below: * - * @static - * @memberOf _ - * @since 4.13.0 - * @category Util - * @returns {Array} Returns the new empty array. - * @example + * The copyright in this software is being made available under the BSD License, + * included below. This software may be subject to other third party and contributor + * rights, including patent rights, and no such rights are granted under this license. * - * var arrays = _.times(2, _.stubArray); + * Copyright (c) 2015-2016, DASH Industry Forum. + * All rights reserved. * - * console.log(arrays); - * // => [[], []] + * Redistribution and use in source and binary forms, with or without modification, + * are permitted provided that the following conditions are met: + * 1. Redistributions of source code must retain the above copyright notice, this + * list of conditions and the following disclaimer. + * * Redistributions in binary form must reproduce the above copyright notice, + * this list of conditions and the following disclaimer in the documentation and/or + * other materials provided with the distribution. + * 2. Neither the name of Dash Industry Forum nor the names of its + * contributors may be used to endorse or promote products derived from this software + * without specific prior written permission. * - * console.log(arrays[0] === arrays[1]); - * // => false + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS AS IS AND ANY + * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED + * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. + * IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, + * INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT + * NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR + * PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, + * WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) + * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE + * POSSIBILITY OF SUCH DAMAGE. */ -function stubArray() { - return []; -} - /** - * This method returns `false`. - * - * @static - * @memberOf _ - * @since 4.13.0 - * @category Util - * @returns {boolean} Returns `false`. - * @example - * - * _.times(2, _.stubFalse); - * // => [false, false] + * Exceptions from regular ASCII. CodePoints are mapped to UTF-16 codes */ -function stubFalse() { - return false; -} - -module.exports = isEqual; -/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(12), __webpack_require__(23)(module))) - -/***/ }), -/* 105 */ -/***/ (function(module, exports) { +var specialCea608CharsCodes = { + 0x2a: 0xe1, // lowercase a, acute accent + 0x5c: 0xe9, // lowercase e, acute accent + 0x5e: 0xed, // lowercase i, acute accent + 0x5f: 0xf3, // lowercase o, acute accent + 0x60: 0xfa, // lowercase u, acute accent + 0x7b: 0xe7, // lowercase c with cedilla + 0x7c: 0xf7, // division symbol + 0x7d: 0xd1, // uppercase N tilde + 0x7e: 0xf1, // lowercase n tilde + 0x7f: 0x2588, // Full block + // THIS BLOCK INCLUDES THE 16 EXTENDED (TWO-BYTE) LINE 21 CHARACTERS + // THAT COME FROM HI BYTE=0x11 AND LOW BETWEEN 0x30 AND 0x3F + // THIS MEANS THAT \x50 MUST BE ADDED TO THE VALUES + 0x80: 0xae, // Registered symbol (R) + 0x81: 0xb0, // degree sign + 0x82: 0xbd, // 1/2 symbol + 0x83: 0xbf, // Inverted (open) question mark + 0x84: 0x2122, // Trademark symbol (TM) + 0x85: 0xa2, // Cents symbol + 0x86: 0xa3, // Pounds sterling + 0x87: 0x266a, // Music 8'th note + 0x88: 0xe0, // lowercase a, grave accent + 0x89: 0x20, // transparent space (regular) + 0x8a: 0xe8, // lowercase e, grave accent + 0x8b: 0xe2, // lowercase a, circumflex accent + 0x8c: 0xea, // lowercase e, circumflex accent + 0x8d: 0xee, // lowercase i, circumflex accent + 0x8e: 0xf4, // lowercase o, circumflex accent + 0x8f: 0xfb, // lowercase u, circumflex accent + // THIS BLOCK INCLUDES THE 32 EXTENDED (TWO-BYTE) LINE 21 CHARACTERS + // THAT COME FROM HI BYTE=0x12 AND LOW BETWEEN 0x20 AND 0x3F + 0x90: 0xc1, // capital letter A with acute + 0x91: 0xc9, // capital letter E with acute + 0x92: 0xd3, // capital letter O with acute + 0x93: 0xda, // capital letter U with acute + 0x94: 0xdc, // capital letter U with diaresis + 0x95: 0xfc, // lowercase letter U with diaeresis + 0x96: 0x2018, // opening single quote + 0x97: 0xa1, // inverted exclamation mark + 0x98: 0x2a, // asterisk + 0x99: 0x2019, // closing single quote + 0x9a: 0x2501, // box drawings heavy horizontal + 0x9b: 0xa9, // copyright sign + 0x9c: 0x2120, // Service mark + 0x9d: 0x2022, // (round) bullet + 0x9e: 0x201c, // Left double quotation mark + 0x9f: 0x201d, // Right double quotation mark + 0xa0: 0xc0, // uppercase A, grave accent + 0xa1: 0xc2, // uppercase A, circumflex + 0xa2: 0xc7, // uppercase C with cedilla + 0xa3: 0xc8, // uppercase E, grave accent + 0xa4: 0xca, // uppercase E, circumflex + 0xa5: 0xcb, // capital letter E with diaresis + 0xa6: 0xeb, // lowercase letter e with diaresis + 0xa7: 0xce, // uppercase I, circumflex + 0xa8: 0xcf, // uppercase I, with diaresis + 0xa9: 0xef, // lowercase i, with diaresis + 0xaa: 0xd4, // uppercase O, circumflex + 0xab: 0xd9, // uppercase U, grave accent + 0xac: 0xf9, // lowercase u, grave accent + 0xad: 0xdb, // uppercase U, circumflex + 0xae: 0xab, // left-pointing double angle quotation mark + 0xaf: 0xbb, // right-pointing double angle quotation mark + // THIS BLOCK INCLUDES THE 32 EXTENDED (TWO-BYTE) LINE 21 CHARACTERS + // THAT COME FROM HI BYTE=0x13 AND LOW BETWEEN 0x20 AND 0x3F + 0xb0: 0xc3, // Uppercase A, tilde + 0xb1: 0xe3, // Lowercase a, tilde + 0xb2: 0xcd, // Uppercase I, acute accent + 0xb3: 0xcc, // Uppercase I, grave accent + 0xb4: 0xec, // Lowercase i, grave accent + 0xb5: 0xd2, // Uppercase O, grave accent + 0xb6: 0xf2, // Lowercase o, grave accent + 0xb7: 0xd5, // Uppercase O, tilde + 0xb8: 0xf5, // Lowercase o, tilde + 0xb9: 0x7b, // Open curly brace + 0xba: 0x7d, // Closing curly brace + 0xbb: 0x5c, // Backslash + 0xbc: 0x5e, // Caret + 0xbd: 0x5f, // Underscore + 0xbe: 0x7c, // Pipe (vertical line) + 0xbf: 0x223c, // Tilde operator + 0xc0: 0xc4, // Uppercase A, umlaut + 0xc1: 0xe4, // Lowercase A, umlaut + 0xc2: 0xd6, // Uppercase O, umlaut + 0xc3: 0xf6, // Lowercase o, umlaut + 0xc4: 0xdf, // Esszett (sharp S) + 0xc5: 0xa5, // Yen symbol + 0xc6: 0xa4, // Generic currency sign + 0xc7: 0x2503, // Box drawings heavy vertical + 0xc8: 0xc5, // Uppercase A, ring + 0xc9: 0xe5, // Lowercase A, ring + 0xca: 0xd8, // Uppercase O, stroke + 0xcb: 0xf8, // Lowercase o, strok + 0xcc: 0x250f, // Box drawings heavy down and right + 0xcd: 0x2513, // Box drawings heavy down and left + 0xce: 0x2517, // Box drawings heavy up and right + 0xcf: 0x251b // Box drawings heavy up and left +}; /** - * lodash (Custom Build) - * Build: `lodash modularize exports="npm" -o ./` - * Copyright jQuery Foundation and other contributors - * Released under MIT license - * Based on Underscore.js 1.8.3 - * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors + * Utils */ +var getCharForByte = function getCharForByte(byte) { + var charCode = byte; + if (specialCea608CharsCodes.hasOwnProperty(byte)) { + charCode = specialCea608CharsCodes[byte]; + } + return String.fromCharCode(charCode); +}; -/** `Object#toString` result references. */ -var objectTag = '[object Object]'; +var NR_ROWS = 15, + NR_COLS = 100; +// Tables to look up row from PAC data +var rowsLowCh1 = { 0x11: 1, 0x12: 3, 0x15: 5, 0x16: 7, 0x17: 9, 0x10: 11, 0x13: 12, 0x14: 14 }; +var rowsHighCh1 = { 0x11: 2, 0x12: 4, 0x15: 6, 0x16: 8, 0x17: 10, 0x13: 13, 0x14: 15 }; +var rowsLowCh2 = { 0x19: 1, 0x1A: 3, 0x1D: 5, 0x1E: 7, 0x1F: 9, 0x18: 11, 0x1B: 12, 0x1C: 14 }; +var rowsHighCh2 = { 0x19: 2, 0x1A: 4, 0x1D: 6, 0x1E: 8, 0x1F: 10, 0x1B: 13, 0x1C: 15 }; -/** - * Checks if `value` is a host object in IE < 9. - * - * @private - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is a host object, else `false`. - */ -function isHostObject(value) { - // Many host objects are `Object` objects that can coerce to strings - // despite having improperly defined `toString` methods. - var result = false; - if (value != null && typeof value.toString != 'function') { - try { - result = !!(value + ''); - } catch (e) {} - } - return result; -} +var backgroundColors = ['white', 'green', 'blue', 'cyan', 'red', 'yellow', 'magenta', 'black', 'transparent']; /** - * Creates a unary function that invokes `func` with its argument transformed. - * - * @private - * @param {Function} func The function to wrap. - * @param {Function} transform The argument transform. - * @returns {Function} Returns the new function. + * Simple logger class to be able to write with time-stamps and filter on level. */ -function overArg(func, transform) { - return function(arg) { - return func(transform(arg)); - }; -} +var logger = { + verboseFilter: { 'DATA': 3, 'DEBUG': 3, 'INFO': 2, 'WARNING': 2, 'TEXT': 1, 'ERROR': 0 }, + time: null, + verboseLevel: 0, // Only write errors + setTime: function setTime(newTime) { + this.time = newTime; + }, + log: function log(severity, msg) { + var minLevel = this.verboseFilter[severity]; + if (this.verboseLevel >= minLevel) { + console.log(this.time + ' [' + severity + '] ' + msg); + } + } +}; + +var numArrayToHexArray = function numArrayToHexArray(numArray) { + var hexArray = []; + for (var j = 0; j < numArray.length; j++) { + hexArray.push(numArray[j].toString(16)); + } + return hexArray; +}; -/** Used for built-in method references. */ -var funcProto = Function.prototype, - objectProto = Object.prototype; +var PenState = function () { + function PenState(foreground, underline, italics, background, flash) { + _classCallCheck(this, PenState); -/** Used to resolve the decompiled source of functions. */ -var funcToString = funcProto.toString; + this.foreground = foreground || 'white'; + this.underline = underline || false; + this.italics = italics || false; + this.background = background || 'black'; + this.flash = flash || false; + } -/** Used to check objects for own properties. */ -var hasOwnProperty = objectProto.hasOwnProperty; + _createClass(PenState, [{ + key: 'reset', + value: function reset() { + this.foreground = 'white'; + this.underline = false; + this.italics = false; + this.background = 'black'; + this.flash = false; + } + }, { + key: 'setStyles', + value: function setStyles(styles) { + var attribs = ['foreground', 'underline', 'italics', 'background', 'flash']; + for (var i = 0; i < attribs.length; i++) { + var style = attribs[i]; + if (styles.hasOwnProperty(style)) { + this[style] = styles[style]; + } + } + } + }, { + key: 'isDefault', + value: function isDefault() { + return this.foreground === 'white' && !this.underline && !this.italics && this.background === 'black' && !this.flash; + } + }, { + key: 'equals', + value: function equals(other) { + return this.foreground === other.foreground && this.underline === other.underline && this.italics === other.italics && this.background === other.background && this.flash === other.flash; + } + }, { + key: 'copy', + value: function copy(newPenState) { + this.foreground = newPenState.foreground; + this.underline = newPenState.underline; + this.italics = newPenState.italics; + this.background = newPenState.background; + this.flash = newPenState.flash; + } + }, { + key: 'toString', + value: function toString() { + return 'color=' + this.foreground + ', underline=' + this.underline + ', italics=' + this.italics + ', background=' + this.background + ', flash=' + this.flash; + } + }]); -/** Used to infer the `Object` constructor. */ -var objectCtorString = funcToString.call(Object); + return PenState; +}(); /** - * Used to resolve the - * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring) - * of values. + * Unicode character with styling and background. + * @constructor */ -var objectToString = objectProto.toString; - -/** Built-in value references. */ -var getPrototype = overArg(Object.getPrototypeOf, Object); -/** - * Checks if `value` is object-like. A value is object-like if it's not `null` - * and has a `typeof` result of "object". - * - * @static - * @memberOf _ - * @since 4.0.0 - * @category Lang - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is object-like, else `false`. - * @example - * - * _.isObjectLike({}); - * // => true - * - * _.isObjectLike([1, 2, 3]); - * // => true - * - * _.isObjectLike(_.noop); - * // => false - * - * _.isObjectLike(null); - * // => false - */ -function isObjectLike(value) { - return !!value && typeof value == 'object'; -} -/** - * Checks if `value` is a plain object, that is, an object created by the - * `Object` constructor or one with a `[[Prototype]]` of `null`. - * - * @static - * @memberOf _ - * @since 0.8.0 - * @category Lang - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is a plain object, else `false`. - * @example - * - * function Foo() { - * this.a = 1; - * } - * - * _.isPlainObject(new Foo); - * // => false - * - * _.isPlainObject([1, 2, 3]); - * // => false - * - * _.isPlainObject({ 'x': 0, 'y': 0 }); - * // => true - * - * _.isPlainObject(Object.create(null)); - * // => true - */ -function isPlainObject(value) { - if (!isObjectLike(value) || - objectToString.call(value) != objectTag || isHostObject(value)) { - return false; - } - var proto = getPrototype(value); - if (proto === null) { - return true; - } - var Ctor = hasOwnProperty.call(proto, 'constructor') && proto.constructor; - return (typeof Ctor == 'function' && - Ctor instanceof Ctor && funcToString.call(Ctor) == objectCtorString); -} +var StyledUnicodeChar = function () { + function StyledUnicodeChar(uchar, foreground, underline, italics, background, flash) { + _classCallCheck(this, StyledUnicodeChar); -module.exports = isPlainObject; + this.uchar = uchar || ' '; // unicode character + this.penState = new PenState(foreground, underline, italics, background, flash); + } + _createClass(StyledUnicodeChar, [{ + key: 'reset', + value: function reset() { + this.uchar = ' '; + this.penState.reset(); + } + }, { + key: 'setChar', + value: function setChar(uchar, newPenState) { + this.uchar = uchar; + this.penState.copy(newPenState); + } + }, { + key: 'setPenState', + value: function setPenState(newPenState) { + this.penState.copy(newPenState); + } + }, { + key: 'equals', + value: function equals(other) { + return this.uchar === other.uchar && this.penState.equals(other.penState); + } + }, { + key: 'copy', + value: function copy(newChar) { + this.uchar = newChar.uchar; + this.penState.copy(newChar.penState); + } + }, { + key: 'isEmpty', + value: function isEmpty() { + return this.uchar === ' ' && this.penState.isDefault(); + } + }]); -/***/ }), -/* 106 */ -/***/ (function(module, exports) { + return StyledUnicodeChar; +}(); /** - * lodash (Custom Build) - * Build: `lodash modularize exports="npm" -o ./` - * Copyright jQuery Foundation and other contributors - * Released under MIT license - * Based on Underscore.js 1.8.3 - * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors + * CEA-608 row consisting of NR_COLS instances of StyledUnicodeChar. + * @constructor */ -/** Used as the `TypeError` message for "Functions" methods. */ -var FUNC_ERROR_TEXT = 'Expected a function'; -/** Used as references for various `Number` constants. */ -var INFINITY = 1 / 0, - MAX_INTEGER = 1.7976931348623157e+308, - NAN = 0 / 0; - -/** `Object#toString` result references. */ -var symbolTag = '[object Symbol]'; - -/** Used to match leading and trailing whitespace. */ -var reTrim = /^\s+|\s+$/g; - -/** Used to detect bad signed hexadecimal string values. */ -var reIsBadHex = /^[-+]0x[0-9a-f]+$/i; +var Row = function () { + function Row() { + _classCallCheck(this, Row); -/** Used to detect binary string values. */ -var reIsBinary = /^0b[01]+$/i; + this.chars = []; + for (var i = 0; i < NR_COLS; i++) { + this.chars.push(new StyledUnicodeChar()); + } + this.pos = 0; + this.currPenState = new PenState(); + } -/** Used to detect octal string values. */ -var reIsOctal = /^0o[0-7]+$/i; + _createClass(Row, [{ + key: 'equals', + value: function equals(other) { + var equal = true; + for (var i = 0; i < NR_COLS; i++) { + if (!this.chars[i].equals(other.chars[i])) { + equal = false; + break; + } + } + return equal; + } + }, { + key: 'copy', + value: function copy(other) { + for (var i = 0; i < NR_COLS; i++) { + this.chars[i].copy(other.chars[i]); + } + } + }, { + key: 'isEmpty', + value: function isEmpty() { + var empty = true; + for (var i = 0; i < NR_COLS; i++) { + if (!this.chars[i].isEmpty()) { + empty = false; + break; + } + } + return empty; + } -/** Built-in method references without a dependency on `root`. */ -var freeParseInt = parseInt; + /** + * Set the cursor to a valid column. + */ -/** Used for built-in method references. */ -var objectProto = Object.prototype; + }, { + key: 'setCursor', + value: function setCursor(absPos) { + if (this.pos !== absPos) { + this.pos = absPos; + } + if (this.pos < 0) { + logger.log('ERROR', 'Negative cursor position ' + this.pos); + this.pos = 0; + } else if (this.pos > NR_COLS) { + logger.log('ERROR', 'Too large cursor position ' + this.pos); + this.pos = NR_COLS; + } + } -/** - * Used to resolve the - * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring) - * of values. - */ -var objectToString = objectProto.toString; + /** + * Move the cursor relative to current position. + */ -/** - * Creates a function that invokes `func`, with the `this` binding and arguments - * of the created function, while it's called less than `n` times. Subsequent - * calls to the created function return the result of the last `func` invocation. - * - * @static - * @memberOf _ - * @since 3.0.0 - * @category Function - * @param {number} n The number of calls at which `func` is no longer invoked. - * @param {Function} func The function to restrict. - * @returns {Function} Returns the new restricted function. - * @example - * - * jQuery(element).on('click', _.before(5, addContactToList)); - * // => Allows adding up to 4 contacts to the list. - */ -function before(n, func) { - var result; - if (typeof func != 'function') { - throw new TypeError(FUNC_ERROR_TEXT); - } - n = toInteger(n); - return function() { - if (--n > 0) { - result = func.apply(this, arguments); - } - if (n <= 1) { - func = undefined; - } - return result; - }; -} + }, { + key: 'moveCursor', + value: function moveCursor(relPos) { + var newPos = this.pos + relPos; + if (relPos > 1) { + for (var i = this.pos + 1; i < newPos + 1; i++) { + this.chars[i].setPenState(this.currPenState); + } + } + this.setCursor(newPos); + } -/** - * Creates a function that is restricted to invoking `func` once. Repeat calls - * to the function return the value of the first invocation. The `func` is - * invoked with the `this` binding and arguments of the created function. - * - * @static - * @memberOf _ - * @since 0.1.0 - * @category Function - * @param {Function} func The function to restrict. - * @returns {Function} Returns the new restricted function. - * @example - * - * var initialize = _.once(createApplication); - * initialize(); - * initialize(); - * // => `createApplication` is invoked once - */ -function once(func) { - return before(2, func); -} + /** + * Backspace, move one step back and clear character. + */ -/** - * Checks if `value` is the - * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types) - * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`) - * - * @static - * @memberOf _ - * @since 0.1.0 - * @category Lang - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is an object, else `false`. - * @example - * - * _.isObject({}); - * // => true - * - * _.isObject([1, 2, 3]); - * // => true - * - * _.isObject(_.noop); - * // => true - * - * _.isObject(null); - * // => false - */ -function isObject(value) { - var type = typeof value; - return !!value && (type == 'object' || type == 'function'); -} + }, { + key: 'backSpace', + value: function backSpace() { + this.moveCursor(-1); + this.chars[this.pos].setChar(' ', this.currPenState); + } + }, { + key: 'insertChar', + value: function insertChar(byte) { + if (byte >= 0x90) { + //Extended char + this.backSpace(); + } + var char = getCharForByte(byte); + if (this.pos >= NR_COLS) { + logger.log('ERROR', 'Cannot insert ' + byte.toString(16) + ' (' + char + ') at position ' + this.pos + '. Skipping it!'); + return; + } + this.chars[this.pos].setChar(char, this.currPenState); + this.moveCursor(1); + } + }, { + key: 'clearFromPos', + value: function clearFromPos(startPos) { + var i; + for (i = startPos; i < NR_COLS; i++) { + this.chars[i].reset(); + } + } + }, { + key: 'clear', + value: function clear() { + this.clearFromPos(0); + this.pos = 0; + this.currPenState.reset(); + } + }, { + key: 'clearToEndOfRow', + value: function clearToEndOfRow() { + this.clearFromPos(this.pos); + } + }, { + key: 'getTextString', + value: function getTextString() { + var chars = []; + var empty = true; + for (var i = 0; i < NR_COLS; i++) { + var char = this.chars[i].uchar; + if (char !== ' ') { + empty = false; + } + chars.push(char); + } + if (empty) { + return ''; + } else { + return chars.join(''); + } + } + }, { + key: 'setPenStyles', + value: function setPenStyles(styles) { + this.currPenState.setStyles(styles); + var currChar = this.chars[this.pos]; + currChar.setPenState(this.currPenState); + } + }]); -/** - * Checks if `value` is object-like. A value is object-like if it's not `null` - * and has a `typeof` result of "object". - * - * @static - * @memberOf _ - * @since 4.0.0 - * @category Lang - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is object-like, else `false`. - * @example - * - * _.isObjectLike({}); - * // => true - * - * _.isObjectLike([1, 2, 3]); - * // => true - * - * _.isObjectLike(_.noop); - * // => false - * - * _.isObjectLike(null); - * // => false - */ -function isObjectLike(value) { - return !!value && typeof value == 'object'; -} + return Row; +}(); /** - * Checks if `value` is classified as a `Symbol` primitive or object. - * - * @static - * @memberOf _ - * @since 4.0.0 - * @category Lang - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is a symbol, else `false`. - * @example - * - * _.isSymbol(Symbol.iterator); - * // => true - * - * _.isSymbol('abc'); - * // => false - */ -function isSymbol(value) { - return typeof value == 'symbol' || - (isObjectLike(value) && objectToString.call(value) == symbolTag); -} + * Keep a CEA-608 screen of 32x15 styled characters + * @constructor +*/ -/** - * Converts `value` to a finite number. - * - * @static - * @memberOf _ - * @since 4.12.0 - * @category Lang - * @param {*} value The value to convert. - * @returns {number} Returns the converted number. - * @example - * - * _.toFinite(3.2); - * // => 3.2 - * - * _.toFinite(Number.MIN_VALUE); - * // => 5e-324 - * - * _.toFinite(Infinity); - * // => 1.7976931348623157e+308 - * - * _.toFinite('3.2'); - * // => 3.2 - */ -function toFinite(value) { - if (!value) { - return value === 0 ? value : 0; - } - value = toNumber(value); - if (value === INFINITY || value === -INFINITY) { - var sign = (value < 0 ? -1 : 1); - return sign * MAX_INTEGER; - } - return value === value ? value : 0; -} -/** - * Converts `value` to an integer. - * - * **Note:** This method is loosely based on - * [`ToInteger`](http://www.ecma-international.org/ecma-262/7.0/#sec-tointeger). - * - * @static - * @memberOf _ - * @since 4.0.0 - * @category Lang - * @param {*} value The value to convert. - * @returns {number} Returns the converted integer. - * @example - * - * _.toInteger(3.2); - * // => 3 - * - * _.toInteger(Number.MIN_VALUE); - * // => 0 - * - * _.toInteger(Infinity); - * // => 1.7976931348623157e+308 - * - * _.toInteger('3.2'); - * // => 3 - */ -function toInteger(value) { - var result = toFinite(value), - remainder = result % 1; +var CaptionScreen = function () { + function CaptionScreen() { + _classCallCheck(this, CaptionScreen); - return result === result ? (remainder ? result - remainder : result) : 0; -} + this.rows = []; + for (var i = 0; i < NR_ROWS; i++) { + this.rows.push(new Row()); // Note that we use zero-based numbering (0-14) + } + this.currRow = NR_ROWS - 1; + this.nrRollUpRows = null; + this.reset(); + } -/** - * Converts `value` to a number. - * - * @static - * @memberOf _ - * @since 4.0.0 - * @category Lang - * @param {*} value The value to process. - * @returns {number} Returns the number. - * @example - * - * _.toNumber(3.2); - * // => 3.2 - * - * _.toNumber(Number.MIN_VALUE); - * // => 5e-324 - * - * _.toNumber(Infinity); - * // => Infinity - * - * _.toNumber('3.2'); - * // => 3.2 - */ -function toNumber(value) { - if (typeof value == 'number') { - return value; - } - if (isSymbol(value)) { - return NAN; - } - if (isObject(value)) { - var other = typeof value.valueOf == 'function' ? value.valueOf() : value; - value = isObject(other) ? (other + '') : other; - } - if (typeof value != 'string') { - return value === 0 ? value : +value; - } - value = value.replace(reTrim, ''); - var isBinary = reIsBinary.test(value); - return (isBinary || reIsOctal.test(value)) - ? freeParseInt(value.slice(2), isBinary ? 2 : 8) - : (reIsBadHex.test(value) ? NAN : +value); -} + _createClass(CaptionScreen, [{ + key: 'reset', + value: function reset() { + for (var i = 0; i < NR_ROWS; i++) { + this.rows[i].clear(); + } + this.currRow = NR_ROWS - 1; + } + }, { + key: 'equals', + value: function equals(other) { + var equal = true; + for (var i = 0; i < NR_ROWS; i++) { + if (!this.rows[i].equals(other.rows[i])) { + equal = false; + break; + } + } + return equal; + } + }, { + key: 'copy', + value: function copy(other) { + for (var i = 0; i < NR_ROWS; i++) { + this.rows[i].copy(other.rows[i]); + } + } + }, { + key: 'isEmpty', + value: function isEmpty() { + var empty = true; + for (var i = 0; i < NR_ROWS; i++) { + if (!this.rows[i].isEmpty()) { + empty = false; + break; + } + } + return empty; + } + }, { + key: 'backSpace', + value: function backSpace() { + var row = this.rows[this.currRow]; + row.backSpace(); + } + }, { + key: 'clearToEndOfRow', + value: function clearToEndOfRow() { + var row = this.rows[this.currRow]; + row.clearToEndOfRow(); + } -module.exports = once; + /** + * Insert a character (without styling) in the current row. + */ + }, { + key: 'insertChar', + value: function insertChar(char) { + var row = this.rows[this.currRow]; + row.insertChar(char); + } + }, { + key: 'setPen', + value: function setPen(styles) { + var row = this.rows[this.currRow]; + row.setPenStyles(styles); + } + }, { + key: 'moveCursor', + value: function moveCursor(relPos) { + var row = this.rows[this.currRow]; + row.moveCursor(relPos); + } + }, { + key: 'setCursor', + value: function setCursor(absPos) { + logger.log('INFO', 'setCursor: ' + absPos); + var row = this.rows[this.currRow]; + row.setCursor(absPos); + } + }, { + key: 'setPAC', + value: function setPAC(pacData) { + logger.log('INFO', 'pacData = ' + JSON.stringify(pacData)); + var newRow = pacData.row - 1; + if (this.nrRollUpRows && newRow < this.nrRollUpRows - 1) { + newRow = this.nrRollUpRows - 1; + } -/***/ }), -/* 107 */ -/***/ (function(module, exports, __webpack_require__) { + //Make sure this only affects Roll-up Captions by checking this.nrRollUpRows + if (this.nrRollUpRows && this.currRow !== newRow) { + //clear all rows first + for (var i = 0; i < NR_ROWS; i++) { + this.rows[i].clear(); + } -/* WEBPACK VAR INJECTION */(function(global) {/** - * lodash (Custom Build) - * Build: `lodash modularize exports="npm" -o ./` - * Copyright jQuery Foundation and other contributors - * Released under MIT license - * Based on Underscore.js 1.8.3 - * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors - */ + //Copy this.nrRollUpRows rows from lastOutputScreen and place it in the newRow location + //topRowIndex - the start of rows to copy (inclusive index) + var topRowIndex = this.currRow + 1 - this.nrRollUpRows; + //We only copy if the last position was already shown. + //We use the cueStartTime value to check this. + var lastOutputScreen = this.lastOutputScreen; + if (lastOutputScreen) { + var prevLineTime = lastOutputScreen.rows[topRowIndex].cueStartTime; + if (prevLineTime && prevLineTime < logger.time) { + for (var _i = 0; _i < this.nrRollUpRows; _i++) { + this.rows[newRow - this.nrRollUpRows + _i + 1].copy(lastOutputScreen.rows[topRowIndex + _i]); + } + } + } + } -/** Used as the `TypeError` message for "Functions" methods. */ -var FUNC_ERROR_TEXT = 'Expected a function'; + this.currRow = newRow; + var row = this.rows[this.currRow]; + if (pacData.indent !== null) { + var indent = pacData.indent; + var prevPos = Math.max(indent - 1, 0); + row.setCursor(pacData.indent); + pacData.color = row.chars[prevPos].penState.foreground; + } + var styles = { foreground: pacData.color, underline: pacData.underline, italics: pacData.italics, background: 'black', flash: false }; + this.setPen(styles); + } -/** Used to stand-in for `undefined` hash values. */ -var HASH_UNDEFINED = '__lodash_hash_undefined__'; + /** + * Set background/extra foreground, but first do back_space, and then insert space (backwards compatibility). + */ -/** Used as references for various `Number` constants. */ -var INFINITY = 1 / 0; + }, { + key: 'setBkgData', + value: function setBkgData(bkgData) { -/** `Object#toString` result references. */ -var funcTag = '[object Function]', - genTag = '[object GeneratorFunction]', - symbolTag = '[object Symbol]'; + logger.log('INFO', 'bkgData = ' + JSON.stringify(bkgData)); + this.backSpace(); + this.setPen(bkgData); + this.insertChar(0x20); //Space + } + }, { + key: 'setRollUpRows', + value: function setRollUpRows(nrRows) { + this.nrRollUpRows = nrRows; + } + }, { + key: 'rollUp', + value: function rollUp() { + if (this.nrRollUpRows === null) { + logger.log('DEBUG', 'roll_up but nrRollUpRows not set yet'); + return; //Not properly setup + } + logger.log('TEXT', this.getDisplayText()); + var topRowIndex = this.currRow + 1 - this.nrRollUpRows; + var topRow = this.rows.splice(topRowIndex, 1)[0]; + topRow.clear(); + this.rows.splice(this.currRow, 0, topRow); + logger.log('INFO', 'Rolling up'); + //logger.log('TEXT', this.get_display_text()) + } -/** Used to match property names within property paths. */ -var reIsDeepProp = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, - reIsPlainProp = /^\w*$/, - reLeadingDot = /^\./, - rePropName = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g; + /** + * Get all non-empty rows with as unicode text. + */ -/** - * Used to match `RegExp` - * [syntax characters](http://ecma-international.org/ecma-262/7.0/#sec-patterns). - */ -var reRegExpChar = /[\\^$.*+?()[\]{}|]/g; + }, { + key: 'getDisplayText', + value: function getDisplayText(asOneRow) { + asOneRow = asOneRow || false; + var displayText = []; + var text = ''; + var rowNr = -1; + for (var i = 0; i < NR_ROWS; i++) { + var rowText = this.rows[i].getTextString(); + if (rowText) { + rowNr = i + 1; + if (asOneRow) { + displayText.push('Row ' + rowNr + ': \'' + rowText + '\''); + } else { + displayText.push(rowText.trim()); + } + } + } + if (displayText.length > 0) { + if (asOneRow) { + text = '[' + displayText.join(' | ') + ']'; + } else { + text = displayText.join('\n'); + } + } + return text; + } + }, { + key: 'getTextAndFormat', + value: function getTextAndFormat() { + return this.rows; + } + }]); -/** Used to match backslashes in property paths. */ -var reEscapeChar = /\\(\\)?/g; + return CaptionScreen; +}(); -/** Used to detect host constructors (Safari). */ -var reIsHostCtor = /^\[object .+?Constructor\]$/; +//var modes = ['MODE_ROLL-UP', 'MODE_POP-ON', 'MODE_PAINT-ON', 'MODE_TEXT']; -/** Detect free variable `global` from Node.js. */ -var freeGlobal = typeof global == 'object' && global && global.Object === Object && global; +var Cea608Channel = function () { + function Cea608Channel(channelNumber, outputFilter) { + _classCallCheck(this, Cea608Channel); -/** Detect free variable `self`. */ -var freeSelf = typeof self == 'object' && self && self.Object === Object && self; + this.chNr = channelNumber; + this.outputFilter = outputFilter; + this.mode = null; + this.verbose = 0; + this.displayedMemory = new CaptionScreen(); + this.nonDisplayedMemory = new CaptionScreen(); + this.lastOutputScreen = new CaptionScreen(); + this.currRollUpRow = this.displayedMemory.rows[NR_ROWS - 1]; + this.writeScreen = this.displayedMemory; + this.mode = null; + this.cueStartTime = null; // Keeps track of where a cue started. + } -/** Used as a reference to the global object. */ -var root = freeGlobal || freeSelf || Function('return this')(); + _createClass(Cea608Channel, [{ + key: 'reset', + value: function reset() { + this.mode = null; + this.displayedMemory.reset(); + this.nonDisplayedMemory.reset(); + this.lastOutputScreen.reset(); + this.currRollUpRow = this.displayedMemory.rows[NR_ROWS - 1]; + this.writeScreen = this.displayedMemory; + this.mode = null; + this.cueStartTime = null; + this.lastCueEndTime = null; + } + }, { + key: 'getHandler', + value: function getHandler() { + return this.outputFilter; + } + }, { + key: 'setHandler', + value: function setHandler(newHandler) { + this.outputFilter = newHandler; + } + }, { + key: 'setPAC', + value: function setPAC(pacData) { + this.writeScreen.setPAC(pacData); + } + }, { + key: 'setBkgData', + value: function setBkgData(bkgData) { + this.writeScreen.setBkgData(bkgData); + } + }, { + key: 'setMode', + value: function setMode(newMode) { + if (newMode === this.mode) { + return; + } + this.mode = newMode; + logger.log('INFO', 'MODE=' + newMode); + if (this.mode === 'MODE_POP-ON') { + this.writeScreen = this.nonDisplayedMemory; + } else { + this.writeScreen = this.displayedMemory; + this.writeScreen.reset(); + } + if (this.mode !== 'MODE_ROLL-UP') { + this.displayedMemory.nrRollUpRows = null; + this.nonDisplayedMemory.nrRollUpRows = null; + } + this.mode = newMode; + } + }, { + key: 'insertChars', + value: function insertChars(chars) { + for (var i = 0; i < chars.length; i++) { + this.writeScreen.insertChar(chars[i]); + } + var screen = this.writeScreen === this.displayedMemory ? 'DISP' : 'NON_DISP'; + logger.log('INFO', screen + ': ' + this.writeScreen.getDisplayText(true)); + if (this.mode === 'MODE_PAINT-ON' || this.mode === 'MODE_ROLL-UP') { + logger.log('TEXT', 'DISPLAYED: ' + this.displayedMemory.getDisplayText(true)); + this.outputDataUpdate(); + } + } + }, { + key: 'ccRCL', + value: function ccRCL() { + // Resume Caption Loading (switch mode to Pop On) + logger.log('INFO', 'RCL - Resume Caption Loading'); + this.setMode('MODE_POP-ON'); + } + }, { + key: 'ccBS', + value: function ccBS() { + // BackSpace + logger.log('INFO', 'BS - BackSpace'); + if (this.mode === 'MODE_TEXT') { + return; + } + this.writeScreen.backSpace(); + if (this.writeScreen === this.displayedMemory) { + this.outputDataUpdate(); + } + } + }, { + key: 'ccAOF', + value: function ccAOF() { + // Reserved (formerly Alarm Off) + return; + } + }, { + key: 'ccAON', + value: function ccAON() { + // Reserved (formerly Alarm On) + return; + } + }, { + key: 'ccDER', + value: function ccDER() { + // Delete to End of Row + logger.log('INFO', 'DER- Delete to End of Row'); + this.writeScreen.clearToEndOfRow(); + this.outputDataUpdate(); + } + }, { + key: 'ccRU', + value: function ccRU(nrRows) { + //Roll-Up Captions-2,3,or 4 Rows + logger.log('INFO', 'RU(' + nrRows + ') - Roll Up'); + this.writeScreen = this.displayedMemory; + this.setMode('MODE_ROLL-UP'); + this.writeScreen.setRollUpRows(nrRows); + } + }, { + key: 'ccFON', + value: function ccFON() { + //Flash On + logger.log('INFO', 'FON - Flash On'); + this.writeScreen.setPen({ flash: true }); + } + }, { + key: 'ccRDC', + value: function ccRDC() { + // Resume Direct Captioning (switch mode to PaintOn) + logger.log('INFO', 'RDC - Resume Direct Captioning'); + this.setMode('MODE_PAINT-ON'); + } + }, { + key: 'ccTR', + value: function ccTR() { + // Text Restart in text mode (not supported, however) + logger.log('INFO', 'TR'); + this.setMode('MODE_TEXT'); + } + }, { + key: 'ccRTD', + value: function ccRTD() { + // Resume Text Display in Text mode (not supported, however) + logger.log('INFO', 'RTD'); + this.setMode('MODE_TEXT'); + } + }, { + key: 'ccEDM', + value: function ccEDM() { + // Erase Displayed Memory + logger.log('INFO', 'EDM - Erase Displayed Memory'); + this.displayedMemory.reset(); + this.outputDataUpdate(); + } + }, { + key: 'ccCR', + value: function ccCR() { + // Carriage Return + logger.log('CR - Carriage Return'); + this.writeScreen.rollUp(); + this.outputDataUpdate(); + } + }, { + key: 'ccENM', + value: function ccENM() { + //Erase Non-Displayed Memory + logger.log('INFO', 'ENM - Erase Non-displayed Memory'); + this.nonDisplayedMemory.reset(); + } + }, { + key: 'ccEOC', + value: function ccEOC() { + //End of Caption (Flip Memories) + logger.log('INFO', 'EOC - End Of Caption'); + if (this.mode === 'MODE_POP-ON') { + var tmp = this.displayedMemory; + this.displayedMemory = this.nonDisplayedMemory; + this.nonDisplayedMemory = tmp; + this.writeScreen = this.nonDisplayedMemory; + logger.log('TEXT', 'DISP: ' + this.displayedMemory.getDisplayText()); + } + this.outputDataUpdate(); + } + }, { + key: 'ccTO', + value: function ccTO(nrCols) { + // Tab Offset 1,2, or 3 columns + logger.log('INFO', 'TO(' + nrCols + ') - Tab Offset'); + this.writeScreen.moveCursor(nrCols); + } + }, { + key: 'ccMIDROW', + value: function ccMIDROW(secondByte) { + // Parse MIDROW command + var styles = { flash: false }; + styles.underline = secondByte % 2 === 1; + styles.italics = secondByte >= 0x2e; + if (!styles.italics) { + var colorIndex = Math.floor(secondByte / 2) - 0x10; + var colors = ['white', 'green', 'blue', 'cyan', 'red', 'yellow', 'magenta']; + styles.foreground = colors[colorIndex]; + } else { + styles.foreground = 'white'; + } + logger.log('INFO', 'MIDROW: ' + JSON.stringify(styles)); + this.writeScreen.setPen(styles); + } + }, { + key: 'outputDataUpdate', + value: function outputDataUpdate() { + var t = logger.time; + if (t === null) { + return; + } + if (this.outputFilter) { + if (this.outputFilter.updateData) { + this.outputFilter.updateData(t, this.displayedMemory); + } + if (this.cueStartTime === null && !this.displayedMemory.isEmpty()) { + // Start of a new cue + this.cueStartTime = t; + } else { + if (!this.displayedMemory.equals(this.lastOutputScreen)) { + if (this.outputFilter.newCue) { + this.outputFilter.newCue(this.cueStartTime, t, this.lastOutputScreen); + } + this.cueStartTime = this.displayedMemory.isEmpty() ? null : t; + } + } + this.lastOutputScreen.copy(this.displayedMemory); + } + } + }, { + key: 'cueSplitAtTime', + value: function cueSplitAtTime(t) { + if (this.outputFilter) { + if (!this.displayedMemory.isEmpty()) { + if (this.outputFilter.newCue) { + this.outputFilter.newCue(this.cueStartTime, t, this.displayedMemory); + } + this.cueStartTime = t; + } + } + } + }]); -/** - * Gets the value at `key` of `object`. - * - * @private - * @param {Object} [object] The object to query. - * @param {string} key The key of the property to get. - * @returns {*} Returns the property value. - */ -function getValue(object, key) { - return object == null ? undefined : object[key]; -} + return Cea608Channel; +}(); -/** - * Checks if `value` is a host object in IE < 9. - * - * @private - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is a host object, else `false`. - */ -function isHostObject(value) { - // Many host objects are `Object` objects that can coerce to strings - // despite having improperly defined `toString` methods. - var result = false; - if (value != null && typeof value.toString != 'function') { - try { - result = !!(value + ''); - } catch (e) {} - } - return result; -} +var Cea608Parser = function () { + function Cea608Parser(field, out1, out2) { + _classCallCheck(this, Cea608Parser); -/** Used for built-in method references. */ -var arrayProto = Array.prototype, - funcProto = Function.prototype, - objectProto = Object.prototype; + this.field = field || 1; + this.outputs = [out1, out2]; + this.channels = [new Cea608Channel(1, out1), new Cea608Channel(2, out2)]; + this.currChNr = -1; // Will be 1 or 2 + this.lastCmdA = null; // First byte of last command + this.lastCmdB = null; // Second byte of last command + this.bufferedData = []; + this.startTime = null; + this.lastTime = null; + this.dataCounters = { 'padding': 0, 'char': 0, 'cmd': 0, 'other': 0 }; + } -/** Used to detect overreaching core-js shims. */ -var coreJsData = root['__core-js_shared__']; + _createClass(Cea608Parser, [{ + key: 'getHandler', + value: function getHandler(index) { + return this.channels[index].getHandler(); + } + }, { + key: 'setHandler', + value: function setHandler(index, newHandler) { + this.channels[index].setHandler(newHandler); + } -/** Used to detect methods masquerading as native. */ -var maskSrcKey = (function() { - var uid = /[^.]+$/.exec(coreJsData && coreJsData.keys && coreJsData.keys.IE_PROTO || ''); - return uid ? ('Symbol(src)_1.' + uid) : ''; -}()); + /** + * Add data for time t in forms of list of bytes (unsigned ints). The bytes are treated as pairs. + */ -/** Used to resolve the decompiled source of functions. */ -var funcToString = funcProto.toString; + }, { + key: 'addData', + value: function addData(t, byteList) { + var cmdFound, + a, + b, + charsFound = false; -/** Used to check objects for own properties. */ -var hasOwnProperty = objectProto.hasOwnProperty; + this.lastTime = t; + logger.setTime(t); -/** - * Used to resolve the - * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring) - * of values. - */ -var objectToString = objectProto.toString; + for (var i = 0; i < byteList.length; i += 2) { + a = byteList[i] & 0x7f; + b = byteList[i + 1] & 0x7f; + if (a === 0 && b === 0) { + this.dataCounters.padding += 2; + continue; + } else { + logger.log('DATA', '[' + numArrayToHexArray([byteList[i], byteList[i + 1]]) + '] -> (' + numArrayToHexArray([a, b]) + ')'); + } + cmdFound = this.parseCmd(a, b); + if (!cmdFound) { + cmdFound = this.parseMidrow(a, b); + } + if (!cmdFound) { + cmdFound = this.parsePAC(a, b); + } + if (!cmdFound) { + cmdFound = this.parseBackgroundAttributes(a, b); + } + if (!cmdFound) { + charsFound = this.parseChars(a, b); + if (charsFound) { + if (this.currChNr && this.currChNr >= 0) { + var channel = this.channels[this.currChNr - 1]; + channel.insertChars(charsFound); + } else { + logger.log('WARNING', 'No channel found yet. TEXT-MODE?'); + } + } + } + if (cmdFound) { + this.dataCounters.cmd += 2; + } else if (charsFound) { + this.dataCounters.char += 2; + } else { + this.dataCounters.other += 2; + logger.log('WARNING', 'Couldn\'t parse cleaned data ' + numArrayToHexArray([a, b]) + ' orig: ' + numArrayToHexArray([byteList[i], byteList[i + 1]])); + } + } + } -/** Used to detect if a method is native. */ -var reIsNative = RegExp('^' + - funcToString.call(hasOwnProperty).replace(reRegExpChar, '\\$&') - .replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, '$1.*?') + '$' -); + /** + * Parse Command. + * @returns {Boolean} Tells if a command was found + */ -/** Built-in value references. */ -var Symbol = root.Symbol, - splice = arrayProto.splice; + }, { + key: 'parseCmd', + value: function parseCmd(a, b) { + var chNr = null; -/* Built-in method references that are verified to be native. */ -var Map = getNative(root, 'Map'), - nativeCreate = getNative(Object, 'create'); + var cond1 = (a === 0x14 || a === 0x1C) && 0x20 <= b && b <= 0x2F; + var cond2 = (a === 0x17 || a === 0x1F) && 0x21 <= b && b <= 0x23; + if (!(cond1 || cond2)) { + return false; + } -/** Used to convert symbols to primitives and strings. */ -var symbolProto = Symbol ? Symbol.prototype : undefined, - symbolToString = symbolProto ? symbolProto.toString : undefined; + if (a === this.lastCmdA && b === this.lastCmdB) { + this.lastCmdA = null; + this.lastCmdB = null; // Repeated commands are dropped (once) + logger.log('DEBUG', 'Repeated command (' + numArrayToHexArray([a, b]) + ') is dropped'); + return true; + } -/** - * Creates a hash object. - * - * @private - * @constructor - * @param {Array} [entries] The key-value pairs to cache. - */ -function Hash(entries) { - var index = -1, - length = entries ? entries.length : 0; + if (a === 0x14 || a === 0x17) { + chNr = 1; + } else { + chNr = 2; // (a === 0x1C || a=== 0x1f) + } - this.clear(); - while (++index < length) { - var entry = entries[index]; - this.set(entry[0], entry[1]); - } -} + var channel = this.channels[chNr - 1]; -/** - * Removes all key-value entries from the hash. - * - * @private - * @name clear - * @memberOf Hash - */ -function hashClear() { - this.__data__ = nativeCreate ? nativeCreate(null) : {}; -} + if (a === 0x14 || a === 0x1C) { + if (b === 0x20) { + channel.ccRCL(); + } else if (b === 0x21) { + channel.ccBS(); + } else if (b === 0x22) { + channel.ccAOF(); + } else if (b === 0x23) { + channel.ccAON(); + } else if (b === 0x24) { + channel.ccDER(); + } else if (b === 0x25) { + channel.ccRU(2); + } else if (b === 0x26) { + channel.ccRU(3); + } else if (b === 0x27) { + channel.ccRU(4); + } else if (b === 0x28) { + channel.ccFON(); + } else if (b === 0x29) { + channel.ccRDC(); + } else if (b === 0x2A) { + channel.ccTR(); + } else if (b === 0x2B) { + channel.ccRTD(); + } else if (b === 0x2C) { + channel.ccEDM(); + } else if (b === 0x2D) { + channel.ccCR(); + } else if (b === 0x2E) { + channel.ccENM(); + } else if (b === 0x2F) { + channel.ccEOC(); + } + } else { + //a == 0x17 || a == 0x1F + channel.ccTO(b - 0x20); + } + this.lastCmdA = a; + this.lastCmdB = b; + this.currChNr = chNr; + return true; + } -/** - * Removes `key` and its value from the hash. - * - * @private - * @name delete - * @memberOf Hash - * @param {Object} hash The hash to modify. - * @param {string} key The key of the value to remove. - * @returns {boolean} Returns `true` if the entry was removed, else `false`. - */ -function hashDelete(key) { - return this.has(key) && delete this.__data__[key]; -} + /** + * Parse midrow styling command + * @returns {Boolean} + */ -/** - * Gets the hash value for `key`. - * - * @private - * @name get - * @memberOf Hash - * @param {string} key The key of the value to get. - * @returns {*} Returns the entry value. - */ -function hashGet(key) { - var data = this.__data__; - if (nativeCreate) { - var result = data[key]; - return result === HASH_UNDEFINED ? undefined : result; - } - return hasOwnProperty.call(data, key) ? data[key] : undefined; -} + }, { + key: 'parseMidrow', + value: function parseMidrow(a, b) { + var chNr = null; -/** - * Checks if a hash value for `key` exists. - * - * @private - * @name has - * @memberOf Hash - * @param {string} key The key of the entry to check. - * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`. - */ -function hashHas(key) { - var data = this.__data__; - return nativeCreate ? data[key] !== undefined : hasOwnProperty.call(data, key); -} + if ((a === 0x11 || a === 0x19) && 0x20 <= b && b <= 0x2f) { + if (a === 0x11) { + chNr = 1; + } else { + chNr = 2; + } + if (chNr !== this.currChNr) { + logger.log('ERROR', 'Mismatch channel in midrow parsing'); + return false; + } + var channel = this.channels[chNr - 1]; + channel.ccMIDROW(b); + logger.log('DEBUG', 'MIDROW (' + numArrayToHexArray([a, b]) + ')'); + return true; + } + return false; + } + /** + * Parse Preable Access Codes (Table 53). + * @returns {Boolean} Tells if PAC found + */ -/** - * Sets the hash `key` to `value`. - * - * @private - * @name set - * @memberOf Hash - * @param {string} key The key of the value to set. - * @param {*} value The value to set. - * @returns {Object} Returns the hash instance. - */ -function hashSet(key, value) { - var data = this.__data__; - data[key] = (nativeCreate && value === undefined) ? HASH_UNDEFINED : value; - return this; -} + }, { + key: 'parsePAC', + value: function parsePAC(a, b) { -// Add methods to `Hash`. -Hash.prototype.clear = hashClear; -Hash.prototype['delete'] = hashDelete; -Hash.prototype.get = hashGet; -Hash.prototype.has = hashHas; -Hash.prototype.set = hashSet; + var chNr = null; + var row = null; -/** - * Creates an list cache object. - * - * @private - * @constructor - * @param {Array} [entries] The key-value pairs to cache. - */ -function ListCache(entries) { - var index = -1, - length = entries ? entries.length : 0; + var case1 = (0x11 <= a && a <= 0x17 || 0x19 <= a && a <= 0x1F) && 0x40 <= b && b <= 0x7F; + var case2 = (a === 0x10 || a === 0x18) && 0x40 <= b && b <= 0x5F; + if (!(case1 || case2)) { + return false; + } - this.clear(); - while (++index < length) { - var entry = entries[index]; - this.set(entry[0], entry[1]); - } -} + if (a === this.lastCmdA && b === this.lastCmdB) { + this.lastCmdA = null; + this.lastCmdB = null; + return true; // Repeated commands are dropped (once) + } -/** - * Removes all key-value entries from the list cache. - * - * @private - * @name clear - * @memberOf ListCache - */ -function listCacheClear() { - this.__data__ = []; -} + chNr = a <= 0x17 ? 1 : 2; -/** - * Removes `key` and its value from the list cache. - * - * @private - * @name delete - * @memberOf ListCache - * @param {string} key The key of the value to remove. - * @returns {boolean} Returns `true` if the entry was removed, else `false`. - */ -function listCacheDelete(key) { - var data = this.__data__, - index = assocIndexOf(data, key); + if (0x40 <= b && b <= 0x5F) { + row = chNr === 1 ? rowsLowCh1[a] : rowsLowCh2[a]; + } else { + // 0x60 <= b <= 0x7F + row = chNr === 1 ? rowsHighCh1[a] : rowsHighCh2[a]; + } + var pacData = this.interpretPAC(row, b); + var channel = this.channels[chNr - 1]; + channel.setPAC(pacData); + this.lastCmdA = a; + this.lastCmdB = b; + this.currChNr = chNr; + return true; + } - if (index < 0) { - return false; - } - var lastIndex = data.length - 1; - if (index == lastIndex) { - data.pop(); - } else { - splice.call(data, index, 1); - } - return true; -} + /** + * Interpret the second byte of the pac, and return the information. + * @returns {Object} pacData with style parameters. + */ -/** - * Gets the list cache value for `key`. - * - * @private - * @name get - * @memberOf ListCache - * @param {string} key The key of the value to get. - * @returns {*} Returns the entry value. - */ -function listCacheGet(key) { - var data = this.__data__, - index = assocIndexOf(data, key); + }, { + key: 'interpretPAC', + value: function interpretPAC(row, byte) { + var pacIndex = byte; + var pacData = { color: null, italics: false, indent: null, underline: false, row: row }; - return index < 0 ? undefined : data[index][1]; -} + if (byte > 0x5F) { + pacIndex = byte - 0x60; + } else { + pacIndex = byte - 0x40; + } + pacData.underline = (pacIndex & 1) === 1; + if (pacIndex <= 0xd) { + pacData.color = ['white', 'green', 'blue', 'cyan', 'red', 'yellow', 'magenta', 'white'][Math.floor(pacIndex / 2)]; + } else if (pacIndex <= 0xf) { + pacData.italics = true; + pacData.color = 'white'; + } else { + pacData.indent = Math.floor((pacIndex - 0x10) / 2) * 4; + } + return pacData; // Note that row has zero offset. The spec uses 1. + } -/** - * Checks if a list cache value for `key` exists. - * - * @private - * @name has - * @memberOf ListCache - * @param {string} key The key of the entry to check. - * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`. - */ -function listCacheHas(key) { - return assocIndexOf(this.__data__, key) > -1; -} + /** + * Parse characters. + * @returns An array with 1 to 2 codes corresponding to chars, if found. null otherwise. + */ -/** - * Sets the list cache `key` to `value`. - * - * @private - * @name set - * @memberOf ListCache - * @param {string} key The key of the value to set. - * @param {*} value The value to set. - * @returns {Object} Returns the list cache instance. - */ -function listCacheSet(key, value) { - var data = this.__data__, - index = assocIndexOf(data, key); + }, { + key: 'parseChars', + value: function parseChars(a, b) { - if (index < 0) { - data.push([key, value]); - } else { - data[index][1] = value; - } - return this; -} + var channelNr = null, + charCodes = null, + charCode1 = null; -// Add methods to `ListCache`. -ListCache.prototype.clear = listCacheClear; -ListCache.prototype['delete'] = listCacheDelete; -ListCache.prototype.get = listCacheGet; -ListCache.prototype.has = listCacheHas; -ListCache.prototype.set = listCacheSet; + if (a >= 0x19) { + channelNr = 2; + charCode1 = a - 8; + } else { + channelNr = 1; + charCode1 = a; + } + if (0x11 <= charCode1 && charCode1 <= 0x13) { + // Special character + var oneCode = b; + if (charCode1 === 0x11) { + oneCode = b + 0x50; + } else if (charCode1 === 0x12) { + oneCode = b + 0x70; + } else { + oneCode = b + 0x90; + } + logger.log('INFO', 'Special char \'' + getCharForByte(oneCode) + '\' in channel ' + channelNr); + charCodes = [oneCode]; + } else if (0x20 <= a && a <= 0x7f) { + charCodes = b === 0 ? [a] : [a, b]; + } + if (charCodes) { + var hexCodes = numArrayToHexArray(charCodes); + logger.log('DEBUG', 'Char codes = ' + hexCodes.join(',')); + this.lastCmdA = null; + this.lastCmdB = null; + } + return charCodes; + } -/** - * Creates a map cache object to store key-value pairs. - * - * @private - * @constructor - * @param {Array} [entries] The key-value pairs to cache. - */ -function MapCache(entries) { - var index = -1, - length = entries ? entries.length : 0; + /** + * Parse extended background attributes as well as new foreground color black. + * @returns{Boolean} Tells if background attributes are found + */ - this.clear(); - while (++index < length) { - var entry = entries[index]; - this.set(entry[0], entry[1]); - } -} + }, { + key: 'parseBackgroundAttributes', + value: function parseBackgroundAttributes(a, b) { + var bkgData, index, chNr, channel; -/** - * Removes all key-value entries from the map. - * - * @private - * @name clear - * @memberOf MapCache - */ -function mapCacheClear() { - this.__data__ = { - 'hash': new Hash, - 'map': new (Map || ListCache), - 'string': new Hash - }; -} + var case1 = (a === 0x10 || a === 0x18) && 0x20 <= b && b <= 0x2f; + var case2 = (a === 0x17 || a === 0x1f) && 0x2d <= b && b <= 0x2f; + if (!(case1 || case2)) { + return false; + } + bkgData = {}; + if (a === 0x10 || a === 0x18) { + index = Math.floor((b - 0x20) / 2); + bkgData.background = backgroundColors[index]; + if (b % 2 === 1) { + bkgData.background = bkgData.background + '_semi'; + } + } else if (b === 0x2d) { + bkgData.background = 'transparent'; + } else { + bkgData.foreground = 'black'; + if (b === 0x2f) { + bkgData.underline = true; + } + } + chNr = a < 0x18 ? 1 : 2; + channel = this.channels[chNr - 1]; + channel.setBkgData(bkgData); + this.lastCmdA = null; + this.lastCmdB = null; + return true; + } -/** - * Removes `key` and its value from the map. - * - * @private - * @name delete - * @memberOf MapCache - * @param {string} key The key of the value to remove. - * @returns {boolean} Returns `true` if the entry was removed, else `false`. - */ -function mapCacheDelete(key) { - return getMapData(this, key)['delete'](key); -} + /** + * Reset state of parser and its channels. + */ -/** - * Gets the map value for `key`. - * - * @private - * @name get - * @memberOf MapCache - * @param {string} key The key of the value to get. - * @returns {*} Returns the entry value. - */ -function mapCacheGet(key) { - return getMapData(this, key).get(key); -} + }, { + key: 'reset', + value: function reset() { + for (var i = 0; i < this.channels.length; i++) { + if (this.channels[i]) { + this.channels[i].reset(); + } + } + this.lastCmdA = null; + this.lastCmdB = null; + } -/** - * Checks if a map value for `key` exists. - * - * @private - * @name has - * @memberOf MapCache - * @param {string} key The key of the entry to check. - * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`. - */ -function mapCacheHas(key) { - return getMapData(this, key).has(key); -} + /** + * Trigger the generation of a cue, and the start of a new one if displayScreens are not empty. + */ -/** - * Sets the map `key` to `value`. - * - * @private - * @name set - * @memberOf MapCache - * @param {string} key The key of the value to set. - * @param {*} value The value to set. - * @returns {Object} Returns the map cache instance. - */ -function mapCacheSet(key, value) { - getMapData(this, key).set(key, value); - return this; -} + }, { + key: 'cueSplitAtTime', + value: function cueSplitAtTime(t) { + for (var i = 0; i < this.channels.length; i++) { + if (this.channels[i]) { + this.channels[i].cueSplitAtTime(t); + } + } + } + }]); -// Add methods to `MapCache`. -MapCache.prototype.clear = mapCacheClear; -MapCache.prototype['delete'] = mapCacheDelete; -MapCache.prototype.get = mapCacheGet; -MapCache.prototype.has = mapCacheHas; -MapCache.prototype.set = mapCacheSet; + return Cea608Parser; +}(); -/** - * Gets the index at which the `key` is found in `array` of key-value pairs. - * - * @private - * @param {Array} array The array to inspect. - * @param {*} key The key to search for. - * @returns {number} Returns the index of the matched value, else `-1`. - */ -function assocIndexOf(array, key) { - var length = array.length; - while (length--) { - if (eq(array[length][0], key)) { - return length; - } - } - return -1; -} +exports.default = Cea608Parser; -/** - * The base implementation of `_.isNative` without bad shim checks. - * - * @private - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is a native function, - * else `false`. - */ -function baseIsNative(value) { - if (!isObject(value) || isMasked(value)) { - return false; - } - var pattern = (isFunction(value) || isHostObject(value)) ? reIsNative : reIsHostCtor; - return pattern.test(toSource(value)); -} +},{}],50:[function(_dereq_,module,exports){ +'use strict'; -/** - * The base implementation of `_.toString` which doesn't convert nullish - * values to empty strings. - * - * @private - * @param {*} value The value to process. - * @returns {string} Returns the string. - */ -function baseToString(value) { - // Exit early for strings to avoid a performance hit in some environments. - if (typeof value == 'string') { - return value; - } - if (isSymbol(value)) { - return symbolToString ? symbolToString.call(value) : ''; - } - var result = (value + ''); - return (result == '0' && (1 / value) == -INFINITY) ? '-0' : result; -} +var _vttparser = _dereq_(56); -/** - * Casts `value` to a path array if it's not one. - * - * @private - * @param {*} value The value to inspect. - * @returns {Array} Returns the cast property path array. - */ -function castPath(value) { - return isArray(value) ? value : stringToPath(value); -} +var Cues = { -/** - * Gets the data for `map`. - * - * @private - * @param {Object} map The map to query. - * @param {string} key The reference key. - * @returns {*} Returns the map data. - */ -function getMapData(map, key) { - var data = map.__data__; - return isKeyable(key) - ? data[typeof key == 'string' ? 'string' : 'hash'] - : data.map; -} + newCue: function newCue(track, startTime, endTime, captionScreen) { + var row; + var cue; + var indenting; + var indent; + var text; + var VTTCue = window.VTTCue || window.TextTrackCue; -/** - * Gets the native function at `key` of `object`. - * - * @private - * @param {Object} object The object to query. - * @param {string} key The key of the method to get. - * @returns {*} Returns the function if it's native, else `undefined`. - */ -function getNative(object, key) { - var value = getValue(object, key); - return baseIsNative(value) ? value : undefined; -} + for (var r = 0; r < captionScreen.rows.length; r++) { + row = captionScreen.rows[r]; + indenting = true; + indent = 0; + text = ''; -/** - * Checks if `value` is a property name and not a property path. - * - * @private - * @param {*} value The value to check. - * @param {Object} [object] The object to query keys on. - * @returns {boolean} Returns `true` if `value` is a property name, else `false`. - */ -function isKey(value, object) { - if (isArray(value)) { - return false; - } - var type = typeof value; - if (type == 'number' || type == 'symbol' || type == 'boolean' || - value == null || isSymbol(value)) { - return true; - } - return reIsPlainProp.test(value) || !reIsDeepProp.test(value) || - (object != null && value in Object(object)); -} + if (!row.isEmpty()) { + for (var c = 0; c < row.chars.length; c++) { + if (row.chars[c].uchar.match(/\s/) && indenting) { + indent++; + } else { + text += row.chars[c].uchar; + indenting = false; + } + } + //To be used for cleaning-up orphaned roll-up captions + row.cueStartTime = startTime; -/** - * Checks if `value` is suitable for use as unique object key. - * - * @private - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is suitable, else `false`. - */ -function isKeyable(value) { - var type = typeof value; - return (type == 'string' || type == 'number' || type == 'symbol' || type == 'boolean') - ? (value !== '__proto__') - : (value === null); -} + // Give a slight bump to the endTime if it's equal to startTime to avoid a SyntaxError in IE + if (startTime === endTime) { + endTime += 0.0001; + } -/** - * Checks if `func` has its source masked. - * - * @private - * @param {Function} func The function to check. - * @returns {boolean} Returns `true` if `func` is masked, else `false`. - */ -function isMasked(func) { - return !!maskSrcKey && (maskSrcKey in func); -} + cue = new VTTCue(startTime, endTime, (0, _vttparser.fixLineBreaks)(text.trim())); -/** - * Converts `string` to a property path array. - * - * @private - * @param {string} string The string to convert. - * @returns {Array} Returns the property path array. - */ -var stringToPath = memoize(function(string) { - string = toString(string); + if (indent >= 16) { + indent--; + } else { + indent++; + } - var result = []; - if (reLeadingDot.test(string)) { - result.push(''); + // VTTCue.line get's flakey when using controls, so let's now include line 13&14 + // also, drop line 1 since it's to close to the top + if (navigator.userAgent.match(/Firefox\//)) { + cue.line = r + 1; + } else { + cue.line = r > 7 ? r - 2 : r + 1; + } + cue.align = 'left'; + // Clamp the position between 0 and 100 - if out of these bounds, Firefox throws an exception and captions break + cue.position = Math.max(0, Math.min(100, 100 * (indent / 32) + (navigator.userAgent.match(/Firefox\//) ? 50 : 0))); + track.addCue(cue); + } + } } - string.replace(rePropName, function(match, number, quote, string) { - result.push(quote ? string.replace(reEscapeChar, '$1') : (number || match)); - }); - return result; -}); -/** - * Converts `value` to a string key if it's not a string or symbol. - * - * @private - * @param {*} value The value to inspect. - * @returns {string|symbol} Returns the key. - */ -function toKey(value) { - if (typeof value == 'string' || isSymbol(value)) { - return value; - } - var result = (value + ''); - return (result == '0' && (1 / value) == -INFINITY) ? '-0' : result; -} +}; -/** - * Converts `func` to its source code. - * - * @private - * @param {Function} func The function to process. - * @returns {string} Returns the source code. - */ -function toSource(func) { - if (func != null) { - try { - return funcToString.call(func); - } catch (e) {} - try { - return (func + ''); - } catch (e) {} - } - return ''; -} +module.exports = Cues; -/** - * Creates a function that memoizes the result of `func`. If `resolver` is - * provided, it determines the cache key for storing the result based on the - * arguments provided to the memoized function. By default, the first argument - * provided to the memoized function is used as the map cache key. The `func` - * is invoked with the `this` binding of the memoized function. - * - * **Note:** The cache is exposed as the `cache` property on the memoized - * function. Its creation may be customized by replacing the `_.memoize.Cache` - * constructor with one whose instances implement the - * [`Map`](http://ecma-international.org/ecma-262/7.0/#sec-properties-of-the-map-prototype-object) - * method interface of `delete`, `get`, `has`, and `set`. - * - * @static - * @memberOf _ - * @since 0.1.0 - * @category Function - * @param {Function} func The function to have its output memoized. - * @param {Function} [resolver] The function to resolve the cache key. - * @returns {Function} Returns the new memoized function. - * @example - * - * var object = { 'a': 1, 'b': 2 }; - * var other = { 'c': 3, 'd': 4 }; - * - * var values = _.memoize(_.values); - * values(object); - * // => [1, 2] - * - * values(other); - * // => [3, 4] - * - * object.a = 2; - * values(object); - * // => [1, 2] - * - * // Modify the result cache. - * values.cache.set(object, ['a', 'b']); - * values(object); - * // => ['a', 'b'] - * - * // Replace `_.memoize.Cache`. - * _.memoize.Cache = WeakMap; - */ -function memoize(func, resolver) { - if (typeof func != 'function' || (resolver && typeof resolver != 'function')) { - throw new TypeError(FUNC_ERROR_TEXT); - } - var memoized = function() { - var args = arguments, - key = resolver ? resolver.apply(this, args) : args[0], - cache = memoized.cache; +},{"56":56}],51:[function(_dereq_,module,exports){ +'use strict'; - if (cache.has(key)) { - return cache.get(key); - } - var result = func.apply(this, args); - memoized.cache = cache.set(key, result); - return result; - }; - memoized.cache = new (memoize.Cache || MapCache); - return memoized; -} +Object.defineProperty(exports, "__esModule", { + value: true +}); + +var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); /* + * EWMA Bandwidth Estimator + * - heavily inspired from shaka-player + * Tracks bandwidth samples and estimates available bandwidth. + * Based on the minimum of two exponentially-weighted moving averages with + * different half-lives. + */ -// Assign cache to `_.memoize`. -memoize.Cache = MapCache; +var _ewma = _dereq_(52); -/** - * Performs a - * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero) - * comparison between two values to determine if they are equivalent. - * - * @static - * @memberOf _ - * @since 4.0.0 - * @category Lang - * @param {*} value The value to compare. - * @param {*} other The other value to compare. - * @returns {boolean} Returns `true` if the values are equivalent, else `false`. - * @example - * - * var object = { 'a': 1 }; - * var other = { 'a': 1 }; - * - * _.eq(object, object); - * // => true - * - * _.eq(object, other); - * // => false - * - * _.eq('a', 'a'); - * // => true - * - * _.eq('a', Object('a')); - * // => false - * - * _.eq(NaN, NaN); - * // => true - */ -function eq(value, other) { - return value === other || (value !== value && other !== other); -} +var _ewma2 = _interopRequireDefault(_ewma); -/** - * Checks if `value` is classified as an `Array` object. - * - * @static - * @memberOf _ - * @since 0.1.0 - * @category Lang - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is an array, else `false`. - * @example - * - * _.isArray([1, 2, 3]); - * // => true - * - * _.isArray(document.body.children); - * // => false - * - * _.isArray('abc'); - * // => false - * - * _.isArray(_.noop); - * // => false - */ -var isArray = Array.isArray; +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } -/** - * Checks if `value` is classified as a `Function` object. - * - * @static - * @memberOf _ - * @since 0.1.0 - * @category Lang - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is a function, else `false`. - * @example - * - * _.isFunction(_); - * // => true - * - * _.isFunction(/abc/); - * // => false - */ -function isFunction(value) { - // The use of `Object#toString` avoids issues with the `typeof` operator - // in Safari 8-9 which returns 'object' for typed array and other constructors. - var tag = isObject(value) ? objectToString.call(value) : ''; - return tag == funcTag || tag == genTag; -} +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } -/** - * Checks if `value` is the - * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types) - * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`) - * - * @static - * @memberOf _ - * @since 0.1.0 - * @category Lang - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is an object, else `false`. - * @example - * - * _.isObject({}); - * // => true - * - * _.isObject([1, 2, 3]); - * // => true - * - * _.isObject(_.noop); - * // => true - * - * _.isObject(null); - * // => false - */ -function isObject(value) { - var type = typeof value; - return !!value && (type == 'object' || type == 'function'); -} +var EwmaBandWidthEstimator = function () { + function EwmaBandWidthEstimator(hls, slow, fast, defaultEstimate) { + _classCallCheck(this, EwmaBandWidthEstimator); -/** - * Checks if `value` is object-like. A value is object-like if it's not `null` - * and has a `typeof` result of "object". - * - * @static - * @memberOf _ - * @since 4.0.0 - * @category Lang - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is object-like, else `false`. - * @example - * - * _.isObjectLike({}); - * // => true - * - * _.isObjectLike([1, 2, 3]); - * // => true - * - * _.isObjectLike(_.noop); - * // => false - * - * _.isObjectLike(null); - * // => false - */ -function isObjectLike(value) { - return !!value && typeof value == 'object'; -} + this.hls = hls; + this.defaultEstimate_ = defaultEstimate; + this.minWeight_ = 0.001; + this.minDelayMs_ = 50; + this.slow_ = new _ewma2.default(slow); + this.fast_ = new _ewma2.default(fast); + } -/** - * Checks if `value` is classified as a `Symbol` primitive or object. - * - * @static - * @memberOf _ - * @since 4.0.0 - * @category Lang - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is a symbol, else `false`. - * @example - * - * _.isSymbol(Symbol.iterator); - * // => true - * - * _.isSymbol('abc'); - * // => false - */ -function isSymbol(value) { - return typeof value == 'symbol' || - (isObjectLike(value) && objectToString.call(value) == symbolTag); -} + _createClass(EwmaBandWidthEstimator, [{ + key: 'sample', + value: function sample(durationMs, numBytes) { + durationMs = Math.max(durationMs, this.minDelayMs_); + var bandwidth = 8000 * numBytes / durationMs, -/** - * Converts `value` to a string. An empty string is returned for `null` - * and `undefined` values. The sign of `-0` is preserved. - * - * @static - * @memberOf _ - * @since 4.0.0 - * @category Lang - * @param {*} value The value to process. - * @returns {string} Returns the string. - * @example - * - * _.toString(null); - * // => '' - * - * _.toString(-0); - * // => '-0' - * - * _.toString([1, 2, 3]); - * // => '1,2,3' - */ -function toString(value) { - return value == null ? '' : baseToString(value); -} + //console.log('instant bw:'+ Math.round(bandwidth)); + // we weight sample using loading duration.... + weight = durationMs / 1000; + this.fast_.sample(weight, bandwidth); + this.slow_.sample(weight, bandwidth); + } + }, { + key: 'canEstimate', + value: function canEstimate() { + var fast = this.fast_; + return fast && fast.getTotalWeight() >= this.minWeight_; + } + }, { + key: 'getEstimate', + value: function getEstimate() { + if (this.canEstimate()) { + //console.log('slow estimate:'+ Math.round(this.slow_.getEstimate())); + //console.log('fast estimate:'+ Math.round(this.fast_.getEstimate())); + // Take the minimum of these two estimates. This should have the effect of + // adapting down quickly, but up more slowly. + return Math.min(this.fast_.getEstimate(), this.slow_.getEstimate()); + } else { + return this.defaultEstimate_; + } + } + }, { + key: 'destroy', + value: function destroy() {} + }]); -/** - * This method is like `_.get` except that if the resolved value is a - * function it's invoked with the `this` binding of its parent object and - * its result is returned. - * - * @static - * @since 0.1.0 - * @memberOf _ - * @category Object - * @param {Object} object The object to query. - * @param {Array|string} path The path of the property to resolve. - * @param {*} [defaultValue] The value returned for `undefined` resolved values. - * @returns {*} Returns the resolved value. - * @example - * - * var object = { 'a': [{ 'b': { 'c1': 3, 'c2': _.constant(4) } }] }; - * - * _.result(object, 'a[0].b.c1'); - * // => 3 - * - * _.result(object, 'a[0].b.c2'); - * // => 4 - * - * _.result(object, 'a[0].b.c3', 'default'); - * // => 'default' - * - * _.result(object, 'a[0].b.c3', _.constant('default')); - * // => 'default' - */ -function result(object, path, defaultValue) { - path = isKey(path, object) ? [path] : castPath(path); + return EwmaBandWidthEstimator; +}(); - var index = -1, - length = path.length; +exports.default = EwmaBandWidthEstimator; - // Ensure the loop is entered when path is empty. - if (!length) { - object = undefined; - length = 1; - } - while (++index < length) { - var value = object == null ? undefined : object[toKey(path[index])]; - if (value === undefined) { - index = length; - value = defaultValue; - } - object = isFunction(value) ? value.call(object) : value; - } - return object; -} +},{"52":52}],52:[function(_dereq_,module,exports){ +"use strict"; -module.exports = result; +Object.defineProperty(exports, "__esModule", { + value: true +}); -/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(12))) +var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); -/***/ }), -/* 108 */ -/***/ (function(module, exports, __webpack_require__) { +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } -/* WEBPACK VAR INJECTION */(function(global, module) {/** - * lodash (Custom Build) - * Build: `lodash modularize exports="npm" -o ./` - * Copyright jQuery Foundation and other contributors - * Released under MIT license - * Based on Underscore.js 1.8.3 - * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors +/* + * compute an Exponential Weighted moving average + * - https://en.wikipedia.org/wiki/Moving_average#Exponential_moving_average + * - heavily inspired from shaka-player */ -/** Used as the size to enable large array optimizations. */ -var LARGE_ARRAY_SIZE = 200; - -/** Used as the `TypeError` message for "Functions" methods. */ -var FUNC_ERROR_TEXT = 'Expected a function'; - -/** Used to stand-in for `undefined` hash values. */ -var HASH_UNDEFINED = '__lodash_hash_undefined__'; - -/** Used to compose bitmasks for comparison styles. */ -var UNORDERED_COMPARE_FLAG = 1, - PARTIAL_COMPARE_FLAG = 2; - -/** Used as references for various `Number` constants. */ -var INFINITY = 1 / 0, - MAX_SAFE_INTEGER = 9007199254740991; - -/** `Object#toString` result references. */ -var argsTag = '[object Arguments]', - arrayTag = '[object Array]', - boolTag = '[object Boolean]', - dateTag = '[object Date]', - errorTag = '[object Error]', - funcTag = '[object Function]', - genTag = '[object GeneratorFunction]', - mapTag = '[object Map]', - numberTag = '[object Number]', - objectTag = '[object Object]', - promiseTag = '[object Promise]', - regexpTag = '[object RegExp]', - setTag = '[object Set]', - stringTag = '[object String]', - symbolTag = '[object Symbol]', - weakMapTag = '[object WeakMap]'; - -var arrayBufferTag = '[object ArrayBuffer]', - dataViewTag = '[object DataView]', - float32Tag = '[object Float32Array]', - float64Tag = '[object Float64Array]', - int8Tag = '[object Int8Array]', - int16Tag = '[object Int16Array]', - int32Tag = '[object Int32Array]', - uint8Tag = '[object Uint8Array]', - uint8ClampedTag = '[object Uint8ClampedArray]', - uint16Tag = '[object Uint16Array]', - uint32Tag = '[object Uint32Array]'; - -/** Used to match property names within property paths. */ -var reIsDeepProp = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, - reIsPlainProp = /^\w*$/, - reLeadingDot = /^\./, - rePropName = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g; - -/** - * Used to match `RegExp` - * [syntax characters](http://ecma-international.org/ecma-262/7.0/#sec-patterns). - */ -var reRegExpChar = /[\\^$.*+?()[\]{}|]/g; +var EWMA = function () { -/** Used to match backslashes in property paths. */ -var reEscapeChar = /\\(\\)?/g; + // About half of the estimated value will be from the last |halfLife| samples by weight. + function EWMA(halfLife) { + _classCallCheck(this, EWMA); -/** Used to detect host constructors (Safari). */ -var reIsHostCtor = /^\[object .+?Constructor\]$/; + // Larger values of alpha expire historical data more slowly. + this.alpha_ = halfLife ? Math.exp(Math.log(0.5) / halfLife) : 0; + this.estimate_ = 0; + this.totalWeight_ = 0; + } -/** Used to detect unsigned integer values. */ -var reIsUint = /^(?:0|[1-9]\d*)$/; + _createClass(EWMA, [{ + key: "sample", + value: function sample(weight, value) { + var adjAlpha = Math.pow(this.alpha_, weight); + this.estimate_ = value * (1 - adjAlpha) + adjAlpha * this.estimate_; + this.totalWeight_ += weight; + } + }, { + key: "getTotalWeight", + value: function getTotalWeight() { + return this.totalWeight_; + } + }, { + key: "getEstimate", + value: function getEstimate() { + if (this.alpha_) { + var zeroFactor = 1 - Math.pow(this.alpha_, this.totalWeight_); + return this.estimate_ / zeroFactor; + } else { + return this.estimate_; + } + } + }]); -/** Used to identify `toStringTag` values of typed arrays. */ -var typedArrayTags = {}; -typedArrayTags[float32Tag] = typedArrayTags[float64Tag] = -typedArrayTags[int8Tag] = typedArrayTags[int16Tag] = -typedArrayTags[int32Tag] = typedArrayTags[uint8Tag] = -typedArrayTags[uint8ClampedTag] = typedArrayTags[uint16Tag] = -typedArrayTags[uint32Tag] = true; -typedArrayTags[argsTag] = typedArrayTags[arrayTag] = -typedArrayTags[arrayBufferTag] = typedArrayTags[boolTag] = -typedArrayTags[dataViewTag] = typedArrayTags[dateTag] = -typedArrayTags[errorTag] = typedArrayTags[funcTag] = -typedArrayTags[mapTag] = typedArrayTags[numberTag] = -typedArrayTags[objectTag] = typedArrayTags[regexpTag] = -typedArrayTags[setTag] = typedArrayTags[stringTag] = -typedArrayTags[weakMapTag] = false; + return EWMA; +}(); -/** Detect free variable `global` from Node.js. */ -var freeGlobal = typeof global == 'object' && global && global.Object === Object && global; +exports.default = EWMA; -/** Detect free variable `self`. */ -var freeSelf = typeof self == 'object' && self && self.Object === Object && self; +},{}],53:[function(_dereq_,module,exports){ +'use strict'; -/** Used as a reference to the global object. */ -var root = freeGlobal || freeSelf || Function('return this')(); +Object.defineProperty(exports, "__esModule", { + value: true +}); -/** Detect free variable `exports`. */ -var freeExports = typeof exports == 'object' && exports && !exports.nodeType && exports; +var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; -/** Detect free variable `module`. */ -var freeModule = freeExports && typeof module == 'object' && module && !module.nodeType && module; +function noop() {} -/** Detect the popular CommonJS extension `module.exports`. */ -var moduleExports = freeModule && freeModule.exports === freeExports; +var fakeLogger = { + trace: noop, + debug: noop, + log: noop, + warn: noop, + info: noop, + error: noop +}; -/** Detect free variable `process` from Node.js. */ -var freeProcess = moduleExports && freeGlobal.process; +var exportedLogger = fakeLogger; -/** Used to access faster Node.js helpers. */ -var nodeUtil = (function() { - try { - return freeProcess && freeProcess.binding('util'); - } catch (e) {} -}()); +/*globals self: false */ -/* Node.js helper references. */ -var nodeIsTypedArray = nodeUtil && nodeUtil.isTypedArray; +//let lastCallTime; +// function formatMsgWithTimeInfo(type, msg) { +// const now = Date.now(); +// const diff = lastCallTime ? '+' + (now - lastCallTime) : '0'; +// lastCallTime = now; +// msg = (new Date(now)).toISOString() + ' | [' + type + '] > ' + msg + ' ( ' + diff + ' ms )'; +// return msg; +// } -/** - * A specialized version of `_.includes` for arrays without support for - * specifying an index to search from. - * - * @private - * @param {Array} [array] The array to inspect. - * @param {*} target The value to search for. - * @returns {boolean} Returns `true` if `target` is found, else `false`. - */ -function arrayIncludes(array, value) { - var length = array ? array.length : 0; - return !!length && baseIndexOf(array, value, 0) > -1; +function formatMsg(type, msg) { + msg = '[' + type + '] > ' + msg; + return msg; } -/** - * This function is like `arrayIncludes` except that it accepts a comparator. - * - * @private - * @param {Array} [array] The array to inspect. - * @param {*} target The value to search for. - * @param {Function} comparator The comparator invoked per element. - * @returns {boolean} Returns `true` if `target` is found, else `false`. - */ -function arrayIncludesWith(array, value, comparator) { - var index = -1, - length = array ? array.length : 0; +function consolePrintFn(type) { + var func = self.console[type]; + if (func) { + return function () { + for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) { + args[_key] = arguments[_key]; + } - while (++index < length) { - if (comparator(value, array[index])) { - return true; - } + if (args[0]) { + args[0] = formatMsg(type, args[0]); + } + func.apply(self.console, args); + }; } - return false; + return noop; } -/** - * A specialized version of `_.some` for arrays without support for iteratee - * shorthands. - * - * @private - * @param {Array} [array] The array to iterate over. - * @param {Function} predicate The function invoked per iteration. - * @returns {boolean} Returns `true` if any element passes the predicate check, - * else `false`. - */ -function arraySome(array, predicate) { - var index = -1, - length = array ? array.length : 0; +function exportLoggerFunctions(debugConfig) { + for (var _len2 = arguments.length, functions = Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) { + functions[_key2 - 1] = arguments[_key2]; + } - while (++index < length) { - if (predicate(array[index], index, array)) { - return true; + functions.forEach(function (type) { + exportedLogger[type] = debugConfig[type] ? debugConfig[type].bind(debugConfig) : consolePrintFn(type); + }); +} + +var enableLogs = exports.enableLogs = function enableLogs(debugConfig) { + if (debugConfig === true || (typeof debugConfig === 'undefined' ? 'undefined' : _typeof(debugConfig)) === 'object') { + exportLoggerFunctions(debugConfig, + // Remove out from list here to hard-disable a log-level + //'trace', + 'debug', 'log', 'info', 'warn', 'error'); + // Some browsers don't allow to use bind on console object anyway + // fallback to default if needed + try { + exportedLogger.log(); + } catch (e) { + exportedLogger = fakeLogger; } + } else { + exportedLogger = fakeLogger; } - return false; -} +}; + +var logger = exports.logger = exportedLogger; + +},{}],54:[function(_dereq_,module,exports){ +'use strict'; /** - * The base implementation of `_.findIndex` and `_.findLastIndex` without - * support for iteratee shorthands. - * - * @private - * @param {Array} array The array to inspect. - * @param {Function} predicate The function invoked per iteration. - * @param {number} fromIndex The index to search from. - * @param {boolean} [fromRight] Specify iterating from right to left. - * @returns {number} Returns the index of the matched value, else `-1`. + * TimeRanges to string helper */ -function baseFindIndex(array, predicate, fromIndex, fromRight) { - var length = array.length, - index = fromIndex + (fromRight ? 1 : -1); - while ((fromRight ? index-- : ++index < length)) { - if (predicate(array[index], index, array)) { - return index; +var TimeRanges = { + toString: function toString(r) { + var log = '', + len = r.length; + for (var i = 0; i < len; i++) { + log += '[' + r.start(i).toFixed(3) + ',' + r.end(i).toFixed(3) + ']'; } + return log; } - return -1; -} +}; + +module.exports = TimeRanges; + +},{}],55:[function(_dereq_,module,exports){ +'use strict'; + +Object.defineProperty(exports, "__esModule", { + value: true +}); /** - * The base implementation of `_.indexOf` without `fromIndex` bounds checks. + * Copyright 2013 vtt.js Contributors + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 * - * @private - * @param {Array} array The array to inspect. - * @param {*} value The value to search for. - * @param {number} fromIndex The index to search from. - * @returns {number} Returns the index of the matched value, else `-1`. + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. */ -function baseIndexOf(array, value, fromIndex) { - if (value !== value) { - return baseFindIndex(array, baseIsNaN, fromIndex); + +exports.default = function () { + if (typeof window !== 'undefined' && window.VTTCue) { + return window.VTTCue; + } + + var autoKeyword = 'auto'; + var directionSetting = { + '': true, + lr: true, + rl: true + }; + var alignSetting = { + start: true, + middle: true, + end: true, + left: true, + right: true + }; + + function findDirectionSetting(value) { + if (typeof value !== 'string') { + return false; + } + var dir = directionSetting[value.toLowerCase()]; + return dir ? value.toLowerCase() : false; } - var index = fromIndex - 1, - length = array.length; - while (++index < length) { - if (array[index] === value) { - return index; + function findAlignSetting(value) { + if (typeof value !== 'string') { + return false; } + var align = alignSetting[value.toLowerCase()]; + return align ? value.toLowerCase() : false; } - return -1; -} -/** - * The base implementation of `_.isNaN` without support for number objects. - * - * @private - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is `NaN`, else `false`. - */ -function baseIsNaN(value) { - return value !== value; -} + function extend(obj) { + var i = 1; + for (; i < arguments.length; i++) { + var cobj = arguments[i]; + for (var p in cobj) { + obj[p] = cobj[p]; + } + } -/** - * The base implementation of `_.property` without support for deep paths. - * - * @private - * @param {string} key The key of the property to get. - * @returns {Function} Returns the new accessor function. - */ -function baseProperty(key) { - return function(object) { - return object == null ? undefined : object[key]; - }; -} + return obj; + } -/** - * The base implementation of `_.times` without support for iteratee shorthands - * or max array length checks. - * - * @private - * @param {number} n The number of times to invoke `iteratee`. - * @param {Function} iteratee The function invoked per iteration. - * @returns {Array} Returns the array of results. - */ -function baseTimes(n, iteratee) { - var index = -1, - result = Array(n); + function VTTCue(startTime, endTime, text) { + var cue = this; + var isIE8 = function () { + if (typeof navigator === 'undefined') { + return; + } + return (/MSIE\s8\.0/.test(navigator.userAgent) + ); + }(); + var baseObj = {}; - while (++index < n) { - result[index] = iteratee(index); - } - return result; -} + if (isIE8) { + cue = document.createElement('custom'); + } else { + baseObj.enumerable = true; + } -/** - * The base implementation of `_.unary` without support for storing metadata. - * - * @private - * @param {Function} func The function to cap arguments for. - * @returns {Function} Returns the new capped function. - */ -function baseUnary(func) { - return function(value) { - return func(value); - }; -} + /** + * Shim implementation specific properties. These properties are not in + * the spec. + */ + + // Lets us know when the VTTCue's data has changed in such a way that we need + // to recompute its display state. This lets us compute its display state + // lazily. + cue.hasBeenReset = false; -/** - * Checks if a cache value for `key` exists. - * - * @private - * @param {Object} cache The cache to query. - * @param {string} key The key of the entry to check. - * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`. - */ -function cacheHas(cache, key) { - return cache.has(key); -} + /** + * VTTCue and TextTrackCue properties + * http://dev.w3.org/html5/webvtt/#vttcue-interface + */ -/** - * Gets the value at `key` of `object`. - * - * @private - * @param {Object} [object] The object to query. - * @param {string} key The key of the property to get. - * @returns {*} Returns the property value. - */ -function getValue(object, key) { - return object == null ? undefined : object[key]; -} + var _id = ''; + var _pauseOnExit = false; + var _startTime = startTime; + var _endTime = endTime; + var _text = text; + var _region = null; + var _vertical = ''; + var _snapToLines = true; + var _line = 'auto'; + var _lineAlign = 'start'; + var _position = 50; + var _positionAlign = 'middle'; + var _size = 50; + var _align = 'middle'; -/** - * Checks if `value` is a host object in IE < 9. - * - * @private - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is a host object, else `false`. - */ -function isHostObject(value) { - // Many host objects are `Object` objects that can coerce to strings - // despite having improperly defined `toString` methods. - var result = false; - if (value != null && typeof value.toString != 'function') { - try { - result = !!(value + ''); - } catch (e) {} - } - return result; -} + Object.defineProperty(cue, 'id', extend({}, baseObj, { + get: function get() { + return _id; + }, + set: function set(value) { + _id = '' + value; + } + })); -/** - * Converts `map` to its key-value pairs. - * - * @private - * @param {Object} map The map to convert. - * @returns {Array} Returns the key-value pairs. - */ -function mapToArray(map) { - var index = -1, - result = Array(map.size); + Object.defineProperty(cue, 'pauseOnExit', extend({}, baseObj, { + get: function get() { + return _pauseOnExit; + }, + set: function set(value) { + _pauseOnExit = !!value; + } + })); - map.forEach(function(value, key) { - result[++index] = [key, value]; - }); - return result; -} + Object.defineProperty(cue, 'startTime', extend({}, baseObj, { + get: function get() { + return _startTime; + }, + set: function set(value) { + if (typeof value !== 'number') { + throw new TypeError('Start time must be set to a number.'); + } + _startTime = value; + this.hasBeenReset = true; + } + })); -/** - * Creates a unary function that invokes `func` with its argument transformed. - * - * @private - * @param {Function} func The function to wrap. - * @param {Function} transform The argument transform. - * @returns {Function} Returns the new function. - */ -function overArg(func, transform) { - return function(arg) { - return func(transform(arg)); - }; -} + Object.defineProperty(cue, 'endTime', extend({}, baseObj, { + get: function get() { + return _endTime; + }, + set: function set(value) { + if (typeof value !== 'number') { + throw new TypeError('End time must be set to a number.'); + } + _endTime = value; + this.hasBeenReset = true; + } + })); -/** - * Converts `set` to an array of its values. - * - * @private - * @param {Object} set The set to convert. - * @returns {Array} Returns the values. - */ -function setToArray(set) { - var index = -1, - result = Array(set.size); + Object.defineProperty(cue, 'text', extend({}, baseObj, { + get: function get() { + return _text; + }, + set: function set(value) { + _text = '' + value; + this.hasBeenReset = true; + } + })); - set.forEach(function(value) { - result[++index] = value; - }); - return result; -} + Object.defineProperty(cue, 'region', extend({}, baseObj, { + get: function get() { + return _region; + }, + set: function set(value) { + _region = value; + this.hasBeenReset = true; + } + })); -/** Used for built-in method references. */ -var arrayProto = Array.prototype, - funcProto = Function.prototype, - objectProto = Object.prototype; + Object.defineProperty(cue, 'vertical', extend({}, baseObj, { + get: function get() { + return _vertical; + }, + set: function set(value) { + var setting = findDirectionSetting(value); + // Have to check for false because the setting an be an empty string. + if (setting === false) { + throw new SyntaxError('An invalid or illegal string was specified.'); + } + _vertical = setting; + this.hasBeenReset = true; + } + })); -/** Used to detect overreaching core-js shims. */ -var coreJsData = root['__core-js_shared__']; + Object.defineProperty(cue, 'snapToLines', extend({}, baseObj, { + get: function get() { + return _snapToLines; + }, + set: function set(value) { + _snapToLines = !!value; + this.hasBeenReset = true; + } + })); -/** Used to detect methods masquerading as native. */ -var maskSrcKey = (function() { - var uid = /[^.]+$/.exec(coreJsData && coreJsData.keys && coreJsData.keys.IE_PROTO || ''); - return uid ? ('Symbol(src)_1.' + uid) : ''; -}()); + Object.defineProperty(cue, 'line', extend({}, baseObj, { + get: function get() { + return _line; + }, + set: function set(value) { + if (typeof value !== 'number' && value !== autoKeyword) { + throw new SyntaxError('An invalid number or illegal string was specified.'); + } + _line = value; + this.hasBeenReset = true; + } + })); -/** Used to resolve the decompiled source of functions. */ -var funcToString = funcProto.toString; + Object.defineProperty(cue, 'lineAlign', extend({}, baseObj, { + get: function get() { + return _lineAlign; + }, + set: function set(value) { + var setting = findAlignSetting(value); + if (!setting) { + throw new SyntaxError('An invalid or illegal string was specified.'); + } + _lineAlign = setting; + this.hasBeenReset = true; + } + })); -/** Used to check objects for own properties. */ -var hasOwnProperty = objectProto.hasOwnProperty; + Object.defineProperty(cue, 'position', extend({}, baseObj, { + get: function get() { + return _position; + }, + set: function set(value) { + if (value < 0 || value > 100) { + throw new Error('Position must be between 0 and 100.'); + } + _position = value; + this.hasBeenReset = true; + } + })); -/** - * Used to resolve the - * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring) - * of values. - */ -var objectToString = objectProto.toString; - -/** Used to detect if a method is native. */ -var reIsNative = RegExp('^' + - funcToString.call(hasOwnProperty).replace(reRegExpChar, '\\$&') - .replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, '$1.*?') + '$' -); - -/** Built-in value references. */ -var Symbol = root.Symbol, - Uint8Array = root.Uint8Array, - propertyIsEnumerable = objectProto.propertyIsEnumerable, - splice = arrayProto.splice; - -/* Built-in method references for those with the same name as other `lodash` methods. */ -var nativeKeys = overArg(Object.keys, Object); - -/* Built-in method references that are verified to be native. */ -var DataView = getNative(root, 'DataView'), - Map = getNative(root, 'Map'), - Promise = getNative(root, 'Promise'), - Set = getNative(root, 'Set'), - WeakMap = getNative(root, 'WeakMap'), - nativeCreate = getNative(Object, 'create'); - -/** Used to detect maps, sets, and weakmaps. */ -var dataViewCtorString = toSource(DataView), - mapCtorString = toSource(Map), - promiseCtorString = toSource(Promise), - setCtorString = toSource(Set), - weakMapCtorString = toSource(WeakMap); - -/** Used to convert symbols to primitives and strings. */ -var symbolProto = Symbol ? Symbol.prototype : undefined, - symbolValueOf = symbolProto ? symbolProto.valueOf : undefined, - symbolToString = symbolProto ? symbolProto.toString : undefined; + Object.defineProperty(cue, 'positionAlign', extend({}, baseObj, { + get: function get() { + return _positionAlign; + }, + set: function set(value) { + var setting = findAlignSetting(value); + if (!setting) { + throw new SyntaxError('An invalid or illegal string was specified.'); + } + _positionAlign = setting; + this.hasBeenReset = true; + } + })); -/** - * Creates a hash object. - * - * @private - * @constructor - * @param {Array} [entries] The key-value pairs to cache. - */ -function Hash(entries) { - var index = -1, - length = entries ? entries.length : 0; + Object.defineProperty(cue, 'size', extend({}, baseObj, { + get: function get() { + return _size; + }, + set: function set(value) { + if (value < 0 || value > 100) { + throw new Error('Size must be between 0 and 100.'); + } + _size = value; + this.hasBeenReset = true; + } + })); - this.clear(); - while (++index < length) { - var entry = entries[index]; - this.set(entry[0], entry[1]); - } -} + Object.defineProperty(cue, 'align', extend({}, baseObj, { + get: function get() { + return _align; + }, + set: function set(value) { + var setting = findAlignSetting(value); + if (!setting) { + throw new SyntaxError('An invalid or illegal string was specified.'); + } + _align = setting; + this.hasBeenReset = true; + } + })); -/** - * Removes all key-value entries from the hash. - * - * @private - * @name clear - * @memberOf Hash - */ -function hashClear() { - this.__data__ = nativeCreate ? nativeCreate(null) : {}; -} + /** + * Other spec defined properties + */ -/** - * Removes `key` and its value from the hash. - * - * @private - * @name delete - * @memberOf Hash - * @param {Object} hash The hash to modify. - * @param {string} key The key of the value to remove. - * @returns {boolean} Returns `true` if the entry was removed, else `false`. - */ -function hashDelete(key) { - return this.has(key) && delete this.__data__[key]; -} + // http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#text-track-cue-display-state + cue.displayState = undefined; -/** - * Gets the hash value for `key`. - * - * @private - * @name get - * @memberOf Hash - * @param {string} key The key of the value to get. - * @returns {*} Returns the entry value. - */ -function hashGet(key) { - var data = this.__data__; - if (nativeCreate) { - var result = data[key]; - return result === HASH_UNDEFINED ? undefined : result; + if (isIE8) { + return cue; + } } - return hasOwnProperty.call(data, key) ? data[key] : undefined; -} - -/** - * Checks if a hash value for `key` exists. - * - * @private - * @name has - * @memberOf Hash - * @param {string} key The key of the entry to check. - * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`. - */ -function hashHas(key) { - var data = this.__data__; - return nativeCreate ? data[key] !== undefined : hasOwnProperty.call(data, key); -} -/** - * Sets the hash `key` to `value`. - * - * @private - * @name set - * @memberOf Hash - * @param {string} key The key of the value to set. - * @param {*} value The value to set. - * @returns {Object} Returns the hash instance. - */ -function hashSet(key, value) { - var data = this.__data__; - data[key] = (nativeCreate && value === undefined) ? HASH_UNDEFINED : value; - return this; -} + /** + * VTTCue methods + */ -// Add methods to `Hash`. -Hash.prototype.clear = hashClear; -Hash.prototype['delete'] = hashDelete; -Hash.prototype.get = hashGet; -Hash.prototype.has = hashHas; -Hash.prototype.set = hashSet; + VTTCue.prototype.getCueAsHTML = function () { + // Assume WebVTT.convertCueToDOMTree is on the global. + var WebVTT = window.WebVTT; + return WebVTT.convertCueToDOMTree(window, this.text); + }; -/** - * Creates an list cache object. - * - * @private - * @constructor - * @param {Array} [entries] The key-value pairs to cache. - */ -function ListCache(entries) { - var index = -1, - length = entries ? entries.length : 0; + return VTTCue; +}(); - this.clear(); - while (++index < length) { - var entry = entries[index]; - this.set(entry[0], entry[1]); - } -} +},{}],56:[function(_dereq_,module,exports){ +'use strict'; -/** - * Removes all key-value entries from the list cache. - * - * @private - * @name clear - * @memberOf ListCache - */ -function listCacheClear() { - this.__data__ = []; -} +Object.defineProperty(exports, "__esModule", { + value: true +}); +exports.fixLineBreaks = undefined; -/** - * Removes `key` and its value from the list cache. - * - * @private - * @name delete - * @memberOf ListCache - * @param {string} key The key of the value to remove. - * @returns {boolean} Returns `true` if the entry was removed, else `false`. - */ -function listCacheDelete(key) { - var data = this.__data__, - index = assocIndexOf(data, key); +var _vttcue = _dereq_(55); - if (index < 0) { - return false; - } - var lastIndex = data.length - 1; - if (index == lastIndex) { - data.pop(); - } else { - splice.call(data, index, 1); - } - return true; -} +var _vttcue2 = _interopRequireDefault(_vttcue); -/** - * Gets the list cache value for `key`. - * - * @private - * @name get - * @memberOf ListCache - * @param {string} key The key of the value to get. - * @returns {*} Returns the entry value. - */ -function listCacheGet(key) { - var data = this.__data__, - index = assocIndexOf(data, key); +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - return index < 0 ? undefined : data[index][1]; -} +var StringDecoder = function StringDecoder() { + return { + decode: function decode(data) { + if (!data) { + return ''; + } + if (typeof data !== 'string') { + throw new Error('Error - expected string data.'); + } + return decodeURIComponent(encodeURIComponent(data)); + } + }; +}; /* + * Source: https://github.com/mozilla/vtt.js/blob/master/dist/vtt.js#L1716 + */ -/** - * Checks if a list cache value for `key` exists. - * - * @private - * @name has - * @memberOf ListCache - * @param {string} key The key of the entry to check. - * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`. - */ -function listCacheHas(key) { - return assocIndexOf(this.__data__, key) > -1; +function VTTParser() { + this.window = window; + this.state = 'INITIAL'; + this.buffer = ''; + this.decoder = new StringDecoder(); + this.regionList = []; } -/** - * Sets the list cache `key` to `value`. - * - * @private - * @name set - * @memberOf ListCache - * @param {string} key The key of the value to set. - * @param {*} value The value to set. - * @returns {Object} Returns the list cache instance. - */ -function listCacheSet(key, value) { - var data = this.__data__, - index = assocIndexOf(data, key); +// Try to parse input as a time stamp. +function parseTimeStamp(input) { - if (index < 0) { - data.push([key, value]); - } else { - data[index][1] = value; + function computeSeconds(h, m, s, f) { + return (h | 0) * 3600 + (m | 0) * 60 + (s | 0) + (f | 0) / 1000; } - return this; -} - -// Add methods to `ListCache`. -ListCache.prototype.clear = listCacheClear; -ListCache.prototype['delete'] = listCacheDelete; -ListCache.prototype.get = listCacheGet; -ListCache.prototype.has = listCacheHas; -ListCache.prototype.set = listCacheSet; -/** - * Creates a map cache object to store key-value pairs. - * - * @private - * @constructor - * @param {Array} [entries] The key-value pairs to cache. - */ -function MapCache(entries) { - var index = -1, - length = entries ? entries.length : 0; + var m = input.match(/^(\d+):(\d{2})(:\d{2})?\.(\d{3})/); + if (!m) { + return null; + } - this.clear(); - while (++index < length) { - var entry = entries[index]; - this.set(entry[0], entry[1]); + if (m[3]) { + // Timestamp takes the form of [hours]:[minutes]:[seconds].[milliseconds] + return computeSeconds(m[1], m[2], m[3].replace(':', ''), m[4]); + } else if (m[1] > 59) { + // Timestamp takes the form of [hours]:[minutes].[milliseconds] + // First position is hours as it's over 59. + return computeSeconds(m[1], m[2], 0, m[4]); + } else { + // Timestamp takes the form of [minutes]:[seconds].[milliseconds] + return computeSeconds(0, m[1], m[2], m[4]); } } -/** - * Removes all key-value entries from the map. - * - * @private - * @name clear - * @memberOf MapCache - */ -function mapCacheClear() { - this.__data__ = { - 'hash': new Hash, - 'map': new (Map || ListCache), - 'string': new Hash - }; +// A settings object holds key/value pairs and will ignore anything but the first +// assignment to a specific key. +function Settings() { + this.values = Object.create(null); } -/** - * Removes `key` and its value from the map. - * - * @private - * @name delete - * @memberOf MapCache - * @param {string} key The key of the value to remove. - * @returns {boolean} Returns `true` if the entry was removed, else `false`. - */ -function mapCacheDelete(key) { - return getMapData(this, key)['delete'](key); -} +Settings.prototype = { + // Only accept the first assignment to any key. + set: function set(k, v) { + if (!this.get(k) && v !== '') { + this.values[k] = v; + } + }, + // Return the value for a key, or a default value. + // If 'defaultKey' is passed then 'dflt' is assumed to be an object with + // a number of possible default values as properties where 'defaultKey' is + // the key of the property that will be chosen; otherwise it's assumed to be + // a single value. + get: function get(k, dflt, defaultKey) { + if (defaultKey) { + return this.has(k) ? this.values[k] : dflt[defaultKey]; + } + return this.has(k) ? this.values[k] : dflt; + }, + // Check whether we have a value for a key. + has: function has(k) { + return k in this.values; + }, + // Accept a setting if its one of the given alternatives. + alt: function alt(k, v, a) { + for (var n = 0; n < a.length; ++n) { + if (v === a[n]) { + this.set(k, v); + break; + } + } + }, + // Accept a setting if its a valid (signed) integer. + integer: function integer(k, v) { + if (/^-?\d+$/.test(v)) { + // integer + this.set(k, parseInt(v, 10)); + } + }, + // Accept a setting if its a valid percentage. + percent: function percent(k, v) { + var m; + if (m = v.match(/^([\d]{1,3})(\.[\d]*)?%$/)) { + v = parseFloat(v); + if (v >= 0 && v <= 100) { + this.set(k, v); + return true; + } + } + return false; + } +}; -/** - * Gets the map value for `key`. - * - * @private - * @name get - * @memberOf MapCache - * @param {string} key The key of the value to get. - * @returns {*} Returns the entry value. - */ -function mapCacheGet(key) { - return getMapData(this, key).get(key); +// Helper function to parse input into groups separated by 'groupDelim', and +// interprete each group as a key/value pair separated by 'keyValueDelim'. +function parseOptions(input, callback, keyValueDelim, groupDelim) { + var groups = groupDelim ? input.split(groupDelim) : [input]; + for (var i in groups) { + if (typeof groups[i] !== 'string') { + continue; + } + var kv = groups[i].split(keyValueDelim); + if (kv.length !== 2) { + continue; + } + var k = kv[0]; + var v = kv[1]; + callback(k, v); + } } -/** - * Checks if a map value for `key` exists. - * - * @private - * @name has - * @memberOf MapCache - * @param {string} key The key of the entry to check. - * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`. - */ -function mapCacheHas(key) { - return getMapData(this, key).has(key); -} +var defaults = new _vttcue2.default(0, 0, 0); +// 'middle' was changed to 'center' in the spec: https://github.com/w3c/webvtt/pull/244 +// Chrome and Safari don't yet support this change, but FF does +var center = defaults.align === 'middle' ? 'middle' : 'center'; -/** - * Sets the map `key` to `value`. - * - * @private - * @name set - * @memberOf MapCache - * @param {string} key The key of the value to set. - * @param {*} value The value to set. - * @returns {Object} Returns the map cache instance. - */ -function mapCacheSet(key, value) { - getMapData(this, key).set(key, value); - return this; -} +function parseCue(input, cue, regionList) { + // Remember the original input if we need to throw an error. + var oInput = input; + // 4.1 WebVTT timestamp + function consumeTimeStamp() { + var ts = parseTimeStamp(input); + if (ts === null) { + throw new Error('Malformed timestamp: ' + oInput); + } + // Remove time stamp from input. + input = input.replace(/^[^\sa-zA-Z-]+/, ''); + return ts; + } -// Add methods to `MapCache`. -MapCache.prototype.clear = mapCacheClear; -MapCache.prototype['delete'] = mapCacheDelete; -MapCache.prototype.get = mapCacheGet; -MapCache.prototype.has = mapCacheHas; -MapCache.prototype.set = mapCacheSet; + // 4.4.2 WebVTT cue settings + function consumeCueSettings(input, cue) { + var settings = new Settings(); -/** - * - * Creates an array cache object to store unique values. - * - * @private - * @constructor - * @param {Array} [values] The values to cache. - */ -function SetCache(values) { - var index = -1, - length = values ? values.length : 0; + parseOptions(input, function (k, v) { + switch (k) { + case 'region': + // Find the last region we parsed with the same region id. + for (var i = regionList.length - 1; i >= 0; i--) { + if (regionList[i].id === v) { + settings.set(k, regionList[i].region); + break; + } + } + break; + case 'vertical': + settings.alt(k, v, ['rl', 'lr']); + break; + case 'line': + var vals = v.split(','), + vals0 = vals[0]; + settings.integer(k, vals0); + if (settings.percent(k, vals0)) { + settings.set('snapToLines', false); + } + settings.alt(k, vals0, ['auto']); + if (vals.length === 2) { + settings.alt('lineAlign', vals[1], ['start', center, 'end']); + } + break; + case 'position': + vals = v.split(','); + settings.percent(k, vals[0]); + if (vals.length === 2) { + settings.alt('positionAlign', vals[1], ['start', center, 'end', 'line-left', 'line-right', 'auto']); + } + break; + case 'size': + settings.percent(k, v); + break; + case 'align': + settings.alt(k, v, ['start', center, 'end', 'left', 'right']); + break; + } + }, /:/, /\s/); - this.__data__ = new MapCache; - while (++index < length) { - this.add(values[index]); + // Apply default values for any missing fields. + cue.region = settings.get('region', null); + cue.vertical = settings.get('vertical', ''); + var line = settings.get('line', 'auto'); + if (line === 'auto' && defaults.line === -1) { + // set numeric line number for Safari + line = -1; + } + cue.line = line; + cue.lineAlign = settings.get('lineAlign', 'start'); + cue.snapToLines = settings.get('snapToLines', true); + cue.size = settings.get('size', 100); + cue.align = settings.get('align', center); + var position = settings.get('position', 'auto'); + if (position === 'auto' && defaults.position === 50) { + // set numeric position for Safari + position = cue.align === 'start' || cue.align === 'left' ? 0 : cue.align === 'end' || cue.align === 'right' ? 100 : 50; + } + cue.position = position; } -} - -/** - * Adds `value` to the array cache. - * - * @private - * @name add - * @memberOf SetCache - * @alias push - * @param {*} value The value to cache. - * @returns {Object} Returns the cache instance. - */ -function setCacheAdd(value) { - this.__data__.set(value, HASH_UNDEFINED); - return this; -} - -/** - * Checks if `value` is in the array cache. - * - * @private - * @name has - * @memberOf SetCache - * @param {*} value The value to search for. - * @returns {number} Returns `true` if `value` is found, else `false`. - */ -function setCacheHas(value) { - return this.__data__.has(value); -} -// Add methods to `SetCache`. -SetCache.prototype.add = SetCache.prototype.push = setCacheAdd; -SetCache.prototype.has = setCacheHas; - -/** - * Creates a stack cache object to store key-value pairs. - * - * @private - * @constructor - * @param {Array} [entries] The key-value pairs to cache. - */ -function Stack(entries) { - this.__data__ = new ListCache(entries); -} + function skipWhitespace() { + input = input.replace(/^\s+/, ''); + } -/** - * Removes all key-value entries from the stack. - * - * @private - * @name clear - * @memberOf Stack - */ -function stackClear() { - this.__data__ = new ListCache; -} + // 4.1 WebVTT cue timings. + skipWhitespace(); + cue.startTime = consumeTimeStamp(); // (1) collect cue start time + skipWhitespace(); + if (input.substr(0, 3) !== '-->') { + // (3) next characters must match '-->' + throw new Error('Malformed time stamp (time stamps must be separated by \'-->\'): ' + oInput); + } + input = input.substr(3); + skipWhitespace(); + cue.endTime = consumeTimeStamp(); // (5) collect cue end time -/** - * Removes `key` and its value from the stack. - * - * @private - * @name delete - * @memberOf Stack - * @param {string} key The key of the value to remove. - * @returns {boolean} Returns `true` if the entry was removed, else `false`. - */ -function stackDelete(key) { - return this.__data__['delete'](key); + // 4.1 WebVTT cue settings list. + skipWhitespace(); + consumeCueSettings(input, cue); } -/** - * Gets the stack value for `key`. - * - * @private - * @name get - * @memberOf Stack - * @param {string} key The key of the value to get. - * @returns {*} Returns the entry value. - */ -function stackGet(key) { - return this.__data__.get(key); +function fixLineBreaks(input) { + return input.replace(//gi, '\n'); } -/** - * Checks if a stack value for `key` exists. - * - * @private - * @name has - * @memberOf Stack - * @param {string} key The key of the entry to check. - * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`. - */ -function stackHas(key) { - return this.__data__.has(key); -} +VTTParser.prototype = { + parse: function parse(data) { + var self = this; -/** - * Sets the stack `key` to `value`. - * - * @private - * @name set - * @memberOf Stack - * @param {string} key The key of the value to set. - * @param {*} value The value to set. - * @returns {Object} Returns the stack cache instance. - */ -function stackSet(key, value) { - var cache = this.__data__; - if (cache instanceof ListCache) { - var pairs = cache.__data__; - if (!Map || (pairs.length < LARGE_ARRAY_SIZE - 1)) { - pairs.push([key, value]); - return this; + // If there is no data then we won't decode it, but will just try to parse + // whatever is in buffer already. This may occur in circumstances, for + // example when flush() is called. + if (data) { + // Try to decode the data that we received. + self.buffer += self.decoder.decode(data, { stream: true }); } - cache = this.__data__ = new MapCache(pairs); - } - cache.set(key, value); - return this; -} - -// Add methods to `Stack`. -Stack.prototype.clear = stackClear; -Stack.prototype['delete'] = stackDelete; -Stack.prototype.get = stackGet; -Stack.prototype.has = stackHas; -Stack.prototype.set = stackSet; -/** - * Creates an array of the enumerable property names of the array-like `value`. - * - * @private - * @param {*} value The value to query. - * @param {boolean} inherited Specify returning inherited property names. - * @returns {Array} Returns the array of property names. - */ -function arrayLikeKeys(value, inherited) { - // Safari 8.1 makes `arguments.callee` enumerable in strict mode. - // Safari 9 makes `arguments.length` enumerable in strict mode. - var result = (isArray(value) || isArguments(value)) - ? baseTimes(value.length, String) - : []; + function collectNextLine() { + var buffer = self.buffer; + var pos = 0; - var length = result.length, - skipIndexes = !!length; + buffer = fixLineBreaks(buffer); - for (var key in value) { - if ((inherited || hasOwnProperty.call(value, key)) && - !(skipIndexes && (key == 'length' || isIndex(key, length)))) { - result.push(key); + while (pos < buffer.length && buffer[pos] !== '\r' && buffer[pos] !== '\n') { + ++pos; + } + var line = buffer.substr(0, pos); + // Advance the buffer early in case we fail below. + if (buffer[pos] === '\r') { + ++pos; + } + if (buffer[pos] === '\n') { + ++pos; + } + self.buffer = buffer.substr(pos); + return line; } - } - return result; -} -/** - * Gets the index at which the `key` is found in `array` of key-value pairs. - * - * @private - * @param {Array} array The array to inspect. - * @param {*} key The key to search for. - * @returns {number} Returns the index of the matched value, else `-1`. - */ -function assocIndexOf(array, key) { - var length = array.length; - while (length--) { - if (eq(array[length][0], key)) { - return length; + // 3.2 WebVTT metadata header syntax + function parseHeader(input) { + parseOptions(input, function (k, v) { + switch (k) { + case 'Region': + // 3.3 WebVTT region metadata header syntax + console.log('parse region', v); + //parseRegion(v); + break; + } + }, /:/); } - } - return -1; -} - -/** - * The base implementation of `_.get` without support for default values. - * - * @private - * @param {Object} object The object to query. - * @param {Array|string} path The path of the property to get. - * @returns {*} Returns the resolved value. - */ -function baseGet(object, path) { - path = isKey(path, object) ? [path] : castPath(path); - - var index = 0, - length = path.length; - - while (object != null && index < length) { - object = object[toKey(path[index++])]; - } - return (index && index == length) ? object : undefined; -} - -/** - * The base implementation of `getTag`. - * - * @private - * @param {*} value The value to query. - * @returns {string} Returns the `toStringTag`. - */ -function baseGetTag(value) { - return objectToString.call(value); -} - -/** - * The base implementation of `_.hasIn` without support for deep paths. - * - * @private - * @param {Object} [object] The object to query. - * @param {Array|string} key The key to check. - * @returns {boolean} Returns `true` if `key` exists, else `false`. - */ -function baseHasIn(object, key) { - return object != null && key in Object(object); -} -/** - * The base implementation of `_.isEqual` which supports partial comparisons - * and tracks traversed objects. - * - * @private - * @param {*} value The value to compare. - * @param {*} other The other value to compare. - * @param {Function} [customizer] The function to customize comparisons. - * @param {boolean} [bitmask] The bitmask of comparison flags. - * The bitmask may be composed of the following flags: - * 1 - Unordered comparison - * 2 - Partial comparison - * @param {Object} [stack] Tracks traversed `value` and `other` objects. - * @returns {boolean} Returns `true` if the values are equivalent, else `false`. - */ -function baseIsEqual(value, other, customizer, bitmask, stack) { - if (value === other) { - return true; - } - if (value == null || other == null || (!isObject(value) && !isObjectLike(other))) { - return value !== value && other !== other; - } - return baseIsEqualDeep(value, other, baseIsEqual, customizer, bitmask, stack); -} + // 5.1 WebVTT file parsing. + try { + var line; + if (self.state === 'INITIAL') { + // We can't start parsing until we have the first line. + if (!/\r\n|\n/.test(self.buffer)) { + return this; + } -/** - * A specialized version of `baseIsEqual` for arrays and objects which performs - * deep comparisons and tracks traversed objects enabling objects with circular - * references to be compared. - * - * @private - * @param {Object} object The object to compare. - * @param {Object} other The other object to compare. - * @param {Function} equalFunc The function to determine equivalents of values. - * @param {Function} [customizer] The function to customize comparisons. - * @param {number} [bitmask] The bitmask of comparison flags. See `baseIsEqual` - * for more details. - * @param {Object} [stack] Tracks traversed `object` and `other` objects. - * @returns {boolean} Returns `true` if the objects are equivalent, else `false`. - */ -function baseIsEqualDeep(object, other, equalFunc, customizer, bitmask, stack) { - var objIsArr = isArray(object), - othIsArr = isArray(other), - objTag = arrayTag, - othTag = arrayTag; + line = collectNextLine(); - if (!objIsArr) { - objTag = getTag(object); - objTag = objTag == argsTag ? objectTag : objTag; - } - if (!othIsArr) { - othTag = getTag(other); - othTag = othTag == argsTag ? objectTag : othTag; - } - var objIsObj = objTag == objectTag && !isHostObject(object), - othIsObj = othTag == objectTag && !isHostObject(other), - isSameTag = objTag == othTag; + var m = line.match(/^WEBVTT([ \t].*)?$/); + if (!m || !m[0]) { + throw new Error('Malformed WebVTT signature.'); + } - if (isSameTag && !objIsObj) { - stack || (stack = new Stack); - return (objIsArr || isTypedArray(object)) - ? equalArrays(object, other, equalFunc, customizer, bitmask, stack) - : equalByTag(object, other, objTag, equalFunc, customizer, bitmask, stack); - } - if (!(bitmask & PARTIAL_COMPARE_FLAG)) { - var objIsWrapped = objIsObj && hasOwnProperty.call(object, '__wrapped__'), - othIsWrapped = othIsObj && hasOwnProperty.call(other, '__wrapped__'); + self.state = 'HEADER'; + } - if (objIsWrapped || othIsWrapped) { - var objUnwrapped = objIsWrapped ? object.value() : object, - othUnwrapped = othIsWrapped ? other.value() : other; + var alreadyCollectedLine = false; + while (self.buffer) { + // We can't parse a line until we have the full line. + if (!/\r\n|\n/.test(self.buffer)) { + return this; + } - stack || (stack = new Stack); - return equalFunc(objUnwrapped, othUnwrapped, customizer, bitmask, stack); - } - } - if (!isSameTag) { - return false; - } - stack || (stack = new Stack); - return equalObjects(object, other, equalFunc, customizer, bitmask, stack); -} + if (!alreadyCollectedLine) { + line = collectNextLine(); + } else { + alreadyCollectedLine = false; + } -/** - * The base implementation of `_.isMatch` without support for iteratee shorthands. - * - * @private - * @param {Object} object The object to inspect. - * @param {Object} source The object of property values to match. - * @param {Array} matchData The property names, values, and compare flags to match. - * @param {Function} [customizer] The function to customize comparisons. - * @returns {boolean} Returns `true` if `object` is a match, else `false`. - */ -function baseIsMatch(object, source, matchData, customizer) { - var index = matchData.length, - length = index, - noCustomizer = !customizer; - - if (object == null) { - return !length; - } - object = Object(object); - while (index--) { - var data = matchData[index]; - if ((noCustomizer && data[2]) - ? data[1] !== object[data[0]] - : !(data[0] in object) - ) { - return false; - } - } - while (++index < length) { - data = matchData[index]; - var key = data[0], - objValue = object[key], - srcValue = data[1]; + switch (self.state) { + case 'HEADER': + // 13-18 - Allow a header (metadata) under the WEBVTT line. + if (/:/.test(line)) { + parseHeader(line); + } else if (!line) { + // An empty line terminates the header and starts the body (cues). + self.state = 'ID'; + } + continue; + case 'NOTE': + // Ignore NOTE blocks. + if (!line) { + self.state = 'ID'; + } + continue; + case 'ID': + // Check for the start of NOTE blocks. + if (/^NOTE($|[ \t])/.test(line)) { + self.state = 'NOTE'; + break; + } + // 19-29 - Allow any number of line terminators, then initialize new cue values. + if (!line) { + continue; + } + self.cue = new _vttcue2.default(0, 0, ''); + self.state = 'CUE'; + // 30-39 - Check if self line contains an optional identifier or timing data. + if (line.indexOf('-->') === -1) { + self.cue.id = line; + continue; + } + // Process line as start of a cue. + /*falls through*/ + case 'CUE': + // 40 - Collect cue timings and settings. + try { + parseCue(line, self.cue, self.regionList); + } catch (e) { + // In case of an error ignore rest of the cue. + self.cue = null; + self.state = 'BADCUE'; + continue; + } + self.state = 'CUETEXT'; + continue; + case 'CUETEXT': + var hasSubstring = line.indexOf('-->') !== -1; + // 34 - If we have an empty line then report the cue. + // 35 - If we have the special substring '-->' then report the cue, + // but do not collect the line as we need to process the current + // one as a new cue. + if (!line || hasSubstring && (alreadyCollectedLine = true)) { + // We are done parsing self cue. + if (self.oncue) { + self.oncue(self.cue); + } + self.cue = null; + self.state = 'ID'; + continue; + } + if (self.cue.text) { + self.cue.text += '\n'; + } + self.cue.text += line; + continue; + case 'BADCUE': + // BADCUE + // 54-62 - Collect and discard the remaining cue. + if (!line) { + self.state = 'ID'; + } + continue; + } + } + } catch (e) { - if (noCustomizer && data[2]) { - if (objValue === undefined && !(key in object)) { - return false; + // If we are currently parsing a cue, report what we have. + if (self.state === 'CUETEXT' && self.cue && self.oncue) { + self.oncue(self.cue); } - } else { - var stack = new Stack; - if (customizer) { - var result = customizer(objValue, srcValue, key, object, source, stack); - } - if (!(result === undefined - ? baseIsEqual(srcValue, objValue, customizer, UNORDERED_COMPARE_FLAG | PARTIAL_COMPARE_FLAG, stack) - : result - )) { - return false; + self.cue = null; + // Enter BADWEBVTT state if header was not parsed correctly otherwise + // another exception occurred so enter BADCUE state. + self.state = self.state === 'INITIAL' ? 'BADWEBVTT' : 'BADCUE'; + } + return this; + }, + flush: function flush() { + var self = this; + try { + // Finish decoding the stream. + self.buffer += self.decoder.decode(); + // Synthesize the end of the current cue or region. + if (self.cue || self.state === 'HEADER') { + self.buffer += '\n\n'; + self.parse(); } + // If we've flushed, parsed, and we're still on the INITIAL state then + // that means we don't have enough of the stream to parse the first + // line. + if (self.state === 'INITIAL') { + throw new Error('Malformed WebVTT signature.'); + } + } catch (e) { + throw e; } + if (self.onflush) { + self.onflush(); + } + return this; } - return true; -} +}; -/** - * The base implementation of `_.isNative` without bad shim checks. - * - * @private - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is a native function, - * else `false`. - */ -function baseIsNative(value) { - if (!isObject(value) || isMasked(value)) { - return false; - } - var pattern = (isFunction(value) || isHostObject(value)) ? reIsNative : reIsHostCtor; - return pattern.test(toSource(value)); -} +exports.fixLineBreaks = fixLineBreaks; +exports.default = VTTParser; -/** - * The base implementation of `_.isTypedArray` without Node.js optimizations. - * - * @private - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is a typed array, else `false`. - */ -function baseIsTypedArray(value) { - return isObjectLike(value) && - isLength(value.length) && !!typedArrayTags[objectToString.call(value)]; -} +},{"55":55}],57:[function(_dereq_,module,exports){ +'use strict'; -/** - * The base implementation of `_.iteratee`. - * - * @private - * @param {*} [value=_.identity] The value to convert to an iteratee. - * @returns {Function} Returns the iteratee. - */ -function baseIteratee(value) { - // Don't store the `typeof` result in a variable to avoid a JIT bug in Safari 9. - // See https://bugs.webkit.org/show_bug.cgi?id=156034 for more details. - if (typeof value == 'function') { - return value; - } - if (value == null) { - return identity; - } - if (typeof value == 'object') { - return isArray(value) - ? baseMatchesProperty(value[0], value[1]) - : baseMatches(value); - } - return property(value); -} +var _vttparser = _dereq_(56); -/** - * The base implementation of `_.keys` which doesn't treat sparse arrays as dense. - * - * @private - * @param {Object} object The object to query. - * @returns {Array} Returns the array of property names. - */ -function baseKeys(object) { - if (!isPrototype(object)) { - return nativeKeys(object); - } - var result = []; - for (var key in Object(object)) { - if (hasOwnProperty.call(object, key) && key != 'constructor') { - result.push(key); - } - } - return result; -} +var _vttparser2 = _interopRequireDefault(_vttparser); -/** - * The base implementation of `_.matches` which doesn't clone `source`. - * - * @private - * @param {Object} source The object of property values to match. - * @returns {Function} Returns the new spec function. - */ -function baseMatches(source) { - var matchData = getMatchData(source); - if (matchData.length == 1 && matchData[0][2]) { - return matchesStrictComparable(matchData[0][0], matchData[0][1]); - } - return function(object) { - return object === source || baseIsMatch(object, source, matchData); - }; -} +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } -/** - * The base implementation of `_.matchesProperty` which doesn't clone `srcValue`. - * - * @private - * @param {string} path The path of the property to get. - * @param {*} srcValue The value to match. - * @returns {Function} Returns the new spec function. - */ -function baseMatchesProperty(path, srcValue) { - if (isKey(path) && isStrictComparable(srcValue)) { - return matchesStrictComparable(toKey(path), srcValue); - } - return function(object) { - var objValue = get(object, path); - return (objValue === undefined && objValue === srcValue) - ? hasIn(object, path) - : baseIsEqual(srcValue, objValue, undefined, UNORDERED_COMPARE_FLAG | PARTIAL_COMPARE_FLAG); - }; -} +// String.prototype.startsWith is not supported in IE11 +var startsWith = function startsWith(inputString, searchString, position) { + return inputString.substr(position || 0, searchString.length) === searchString; +}; -/** - * A specialized version of `baseProperty` which supports deep paths. - * - * @private - * @param {Array|string} path The path of the property to get. - * @returns {Function} Returns the new accessor function. - */ -function basePropertyDeep(path) { - return function(object) { - return baseGet(object, path); - }; -} +var cueString2millis = function cueString2millis(timeString) { + var ts = parseInt(timeString.substr(-3)); + var secs = parseInt(timeString.substr(-6, 2)); + var mins = parseInt(timeString.substr(-9, 2)); + var hours = timeString.length > 9 ? parseInt(timeString.substr(0, timeString.indexOf(':'))) : 0; -/** - * The base implementation of `_.toString` which doesn't convert nullish - * values to empty strings. - * - * @private - * @param {*} value The value to process. - * @returns {string} Returns the string. - */ -function baseToString(value) { - // Exit early for strings to avoid a performance hit in some environments. - if (typeof value == 'string') { - return value; - } - if (isSymbol(value)) { - return symbolToString ? symbolToString.call(value) : ''; - } - var result = (value + ''); - return (result == '0' && (1 / value) == -INFINITY) ? '-0' : result; -} + if (isNaN(ts) || isNaN(secs) || isNaN(mins) || isNaN(hours)) { + return -1; + } -/** - * The base implementation of `_.uniqBy` without support for iteratee shorthands. - * - * @private - * @param {Array} array The array to inspect. - * @param {Function} [iteratee] The iteratee invoked per element. - * @param {Function} [comparator] The comparator invoked per element. - * @returns {Array} Returns the new duplicate free array. - */ -function baseUniq(array, iteratee, comparator) { - var index = -1, - includes = arrayIncludes, - length = array.length, - isCommon = true, - result = [], - seen = result; + ts += 1000 * secs; + ts += 60 * 1000 * mins; + ts += 60 * 60 * 1000 * hours; - if (comparator) { - isCommon = false; - includes = arrayIncludesWith; - } - else if (length >= LARGE_ARRAY_SIZE) { - var set = iteratee ? null : createSet(array); - if (set) { - return setToArray(set); - } - isCommon = false; - includes = cacheHas; - seen = new SetCache; - } - else { - seen = iteratee ? [] : result; - } - outer: - while (++index < length) { - var value = array[index], - computed = iteratee ? iteratee(value) : value; + return ts; +}; - value = (comparator || value !== 0) ? value : 0; - if (isCommon && computed === computed) { - var seenIndex = seen.length; - while (seenIndex--) { - if (seen[seenIndex] === computed) { - continue outer; - } - } - if (iteratee) { - seen.push(computed); - } - result.push(value); +// From https://github.com/darkskyapp/string-hash +var hash = function hash(text) { + var hash = 5381; + var i = text.length; + while (i) { + hash = hash * 33 ^ text.charCodeAt(--i); } - else if (!includes(seen, computed, comparator)) { - if (seen !== result) { - seen.push(computed); - } - result.push(value); + return (hash >>> 0).toString(); +}; + +var calculateOffset = function calculateOffset(vttCCs, cc, presentationTime) { + var currCC = vttCCs[cc]; + var prevCC = vttCCs[currCC.prevCC]; + + // This is the first discontinuity or cues have been processed since the last discontinuity + // Offset = current discontinuity time + if (!prevCC || !prevCC.new && currCC.new) { + vttCCs.ccOffset = vttCCs.presentationOffset = currCC.start; + currCC.new = false; + return; } - } - return result; -} -/** - * Casts `value` to a path array if it's not one. - * - * @private - * @param {*} value The value to inspect. - * @returns {Array} Returns the cast property path array. - */ -function castPath(value) { - return isArray(value) ? value : stringToPath(value); -} + // There have been discontinuities since cues were last parsed. + // Offset = time elapsed + while (prevCC && prevCC.new) { + vttCCs.ccOffset += currCC.start - prevCC.start; + currCC.new = false; + currCC = prevCC; + prevCC = vttCCs[currCC.prevCC]; + } -/** - * Creates a set object of `values`. - * - * @private - * @param {Array} values The values to add to the set. - * @returns {Object} Returns the new set. - */ -var createSet = !(Set && (1 / setToArray(new Set([,-0]))[1]) == INFINITY) ? noop : function(values) { - return new Set(values); + vttCCs.presentationOffset = presentationTime; }; -/** - * A specialized version of `baseIsEqualDeep` for arrays with support for - * partial deep comparisons. - * - * @private - * @param {Array} array The array to compare. - * @param {Array} other The other array to compare. - * @param {Function} equalFunc The function to determine equivalents of values. - * @param {Function} customizer The function to customize comparisons. - * @param {number} bitmask The bitmask of comparison flags. See `baseIsEqual` - * for more details. - * @param {Object} stack Tracks traversed `array` and `other` objects. - * @returns {boolean} Returns `true` if the arrays are equivalent, else `false`. - */ -function equalArrays(array, other, equalFunc, customizer, bitmask, stack) { - var isPartial = bitmask & PARTIAL_COMPARE_FLAG, - arrLength = array.length, - othLength = other.length; +var WebVTTParser = { + parse: function parse(vttByteArray, syncPTS, vttCCs, cc, callBack, errorCallBack) { + // Convert byteArray into string, replacing any somewhat exotic linefeeds with "\n", then split on that character. + var re = /\r\n|\n\r|\n|\r/g; + var vttLines = String.fromCharCode.apply(null, new Uint8Array(vttByteArray)).trim().replace(re, '\n').split('\n'); + var cueTime = '00:00.000'; + var mpegTs = 0; + var localTime = 0; + var presentationTime = 0; + var cues = []; + var parsingError = void 0; + var inHeader = true; + // let VTTCue = VTTCue || window.TextTrackCue; - if (arrLength != othLength && !(isPartial && othLength > arrLength)) { - return false; - } - // Assume cyclic values are equal. - var stacked = stack.get(array); - if (stacked && stack.get(other)) { - return stacked == other; - } - var index = -1, - result = true, - seen = (bitmask & UNORDERED_COMPARE_FLAG) ? new SetCache : undefined; + // Create parser object using VTTCue with TextTrackCue fallback on certain browsers. + var parser = new _vttparser2.default(); - stack.set(array, other); - stack.set(other, array); + parser.oncue = function (cue) { + // Adjust cue timing; clamp cues to start no earlier than - and drop cues that don't end after - 0 on timeline. + var currCC = vttCCs[cc]; + var cueOffset = vttCCs.ccOffset; - // Ignore non-index properties. - while (++index < arrLength) { - var arrValue = array[index], - othValue = other[index]; + // Update offsets for new discontinuities + if (currCC && currCC.new) { + if (localTime !== undefined) { + // When local time is provided, offset = discontinuity start time - local time + cueOffset = vttCCs.ccOffset = currCC.start; + } else { + calculateOffset(vttCCs, cc, presentationTime); + } + } - if (customizer) { - var compared = isPartial - ? customizer(othValue, arrValue, index, other, array, stack) - : customizer(arrValue, othValue, index, array, other, stack); - } - if (compared !== undefined) { - if (compared) { - continue; - } - result = false; - break; - } - // Recursively compare arrays (susceptible to call stack limits). - if (seen) { - if (!arraySome(other, function(othValue, othIndex) { - if (!seen.has(othIndex) && - (arrValue === othValue || equalFunc(arrValue, othValue, customizer, bitmask, stack))) { - return seen.add(othIndex); + if (presentationTime) { + // If we have MPEGTS, offset = presentation time + discontinuity offset + cueOffset = presentationTime + vttCCs.ccOffset - vttCCs.presentationOffset; } - })) { - result = false; - break; - } - } else if (!( - arrValue === othValue || - equalFunc(arrValue, othValue, customizer, bitmask, stack) - )) { - result = false; - break; - } - } - stack['delete'](array); - stack['delete'](other); - return result; -} -/** - * A specialized version of `baseIsEqualDeep` for comparing objects of - * the same `toStringTag`. - * - * **Note:** This function only supports comparing values with tags of - * `Boolean`, `Date`, `Error`, `Number`, `RegExp`, or `String`. - * - * @private - * @param {Object} object The object to compare. - * @param {Object} other The other object to compare. - * @param {string} tag The `toStringTag` of the objects to compare. - * @param {Function} equalFunc The function to determine equivalents of values. - * @param {Function} customizer The function to customize comparisons. - * @param {number} bitmask The bitmask of comparison flags. See `baseIsEqual` - * for more details. - * @param {Object} stack Tracks traversed `object` and `other` objects. - * @returns {boolean} Returns `true` if the objects are equivalent, else `false`. - */ -function equalByTag(object, other, tag, equalFunc, customizer, bitmask, stack) { - switch (tag) { - case dataViewTag: - if ((object.byteLength != other.byteLength) || - (object.byteOffset != other.byteOffset)) { - return false; - } - object = object.buffer; - other = other.buffer; + cue.startTime += cueOffset - localTime; + cue.endTime += cueOffset - localTime; - case arrayBufferTag: - if ((object.byteLength != other.byteLength) || - !equalFunc(new Uint8Array(object), new Uint8Array(other))) { - return false; - } - return true; + // Create a unique hash id for a cue based on start/end times and text. + // This helps timeline-controller to avoid showing repeated captions. + cue.id = hash(cue.startTime) + hash(cue.endTime) + hash(cue.text); + + // Fix encoding of special characters. TODO: Test with all sorts of weird characters. + cue.text = decodeURIComponent(escape(cue.text)); + if (cue.endTime > 0) { + cues.push(cue); + } + }; + + parser.onparsingerror = function (e) { + parsingError = e; + }; + + parser.onflush = function () { + if (parsingError && errorCallBack) { + errorCallBack(parsingError); + return; + } + callBack(cues); + }; - case boolTag: - case dateTag: - case numberTag: - // Coerce booleans to `1` or `0` and dates to milliseconds. - // Invalid dates are coerced to `NaN`. - return eq(+object, +other); + // Go through contents line by line. + vttLines.forEach(function (line) { + if (inHeader) { + // Look for X-TIMESTAMP-MAP in header. + if (startsWith(line, 'X-TIMESTAMP-MAP=')) { + // Once found, no more are allowed anyway, so stop searching. + inHeader = false; + // Extract LOCAL and MPEGTS. + line.substr(16).split(',').forEach(function (timestamp) { + if (startsWith(timestamp, 'LOCAL:')) { + cueTime = timestamp.substr(6); + } else if (startsWith(timestamp, 'MPEGTS:')) { + mpegTs = parseInt(timestamp.substr(7)); + } + }); + try { + // Calculate subtitle offset in milliseconds. + // If sync PTS is less than zero, we have a 33-bit wraparound, which is fixed by adding 2^33 = 8589934592. + syncPTS = syncPTS < 0 ? syncPTS + 8589934592 : syncPTS; + // Adjust MPEGTS by sync PTS. + mpegTs -= syncPTS; + // Convert cue time to seconds + localTime = cueString2millis(cueTime) / 1000; + // Convert MPEGTS to seconds from 90kHz. + presentationTime = mpegTs / 90000; - case errorTag: - return object.name == other.name && object.message == other.message; + if (localTime === -1) { + parsingError = new Error('Malformed X-TIMESTAMP-MAP: ' + line); + } + } catch (e) { + parsingError = new Error('Malformed X-TIMESTAMP-MAP: ' + line); + } + // Return without parsing X-TIMESTAMP-MAP line. + return; + } else if (line === '') { + inHeader = false; + } + } + // Parse line by default. + parser.parse(line + '\n'); + }); - case regexpTag: - case stringTag: - // Coerce regexes to strings and treat strings, primitives and objects, - // as equal. See http://www.ecma-international.org/ecma-262/7.0/#sec-regexp.prototype.tostring - // for more details. - return object == (other + ''); + parser.flush(); + } +}; - case mapTag: - var convert = mapToArray; +module.exports = WebVTTParser; - case setTag: - var isPartial = bitmask & PARTIAL_COMPARE_FLAG; - convert || (convert = setToArray); +},{"56":56}],58:[function(_dereq_,module,exports){ +'use strict'; - if (object.size != other.size && !isPartial) { - return false; - } - // Assume cyclic values are equal. - var stacked = stack.get(object); - if (stacked) { - return stacked == other; - } - bitmask |= UNORDERED_COMPARE_FLAG; +Object.defineProperty(exports, "__esModule", { + value: true +}); - // Recursively compare objects (susceptible to call stack limits). - stack.set(object, other); - var result = equalArrays(convert(object), convert(other), equalFunc, customizer, bitmask, stack); - stack['delete'](object); - return result; +var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); /** + * XHR based logger + */ - case symbolTag: - if (symbolValueOf) { - return symbolValueOf.call(object) == symbolValueOf.call(other); - } - } - return false; -} +var _logger = _dereq_(53); -/** - * A specialized version of `baseIsEqualDeep` for objects with support for - * partial deep comparisons. - * - * @private - * @param {Object} object The object to compare. - * @param {Object} other The other object to compare. - * @param {Function} equalFunc The function to determine equivalents of values. - * @param {Function} customizer The function to customize comparisons. - * @param {number} bitmask The bitmask of comparison flags. See `baseIsEqual` - * for more details. - * @param {Object} stack Tracks traversed `object` and `other` objects. - * @returns {boolean} Returns `true` if the objects are equivalent, else `false`. - */ -function equalObjects(object, other, equalFunc, customizer, bitmask, stack) { - var isPartial = bitmask & PARTIAL_COMPARE_FLAG, - objProps = keys(object), - objLength = objProps.length, - othProps = keys(other), - othLength = othProps.length; - - if (objLength != othLength && !isPartial) { - return false; - } - var index = objLength; - while (index--) { - var key = objProps[index]; - if (!(isPartial ? key in other : hasOwnProperty.call(other, key))) { - return false; - } - } - // Assume cyclic values are equal. - var stacked = stack.get(object); - if (stacked && stack.get(other)) { - return stacked == other; - } - var result = true; - stack.set(object, other); - stack.set(other, object); +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - var skipCtor = isPartial; - while (++index < objLength) { - key = objProps[index]; - var objValue = object[key], - othValue = other[key]; +var XhrLoader = function () { + function XhrLoader(config) { + _classCallCheck(this, XhrLoader); - if (customizer) { - var compared = isPartial - ? customizer(othValue, objValue, key, other, object, stack) - : customizer(objValue, othValue, key, object, other, stack); - } - // Recursively compare objects (susceptible to call stack limits). - if (!(compared === undefined - ? (objValue === othValue || equalFunc(objValue, othValue, customizer, bitmask, stack)) - : compared - )) { - result = false; - break; + if (config && config.xhrSetup) { + this.xhrSetup = config.xhrSetup; } - skipCtor || (skipCtor = key == 'constructor'); } - if (result && !skipCtor) { - var objCtor = object.constructor, - othCtor = other.constructor; - // Non `Object` object instances with different constructors are not equal. - if (objCtor != othCtor && - ('constructor' in object && 'constructor' in other) && - !(typeof objCtor == 'function' && objCtor instanceof objCtor && - typeof othCtor == 'function' && othCtor instanceof othCtor)) { - result = false; + _createClass(XhrLoader, [{ + key: 'destroy', + value: function destroy() { + this.abort(); + this.loader = null; } - } - stack['delete'](object); - stack['delete'](other); - return result; -} - -/** - * Gets the data for `map`. - * - * @private - * @param {Object} map The map to query. - * @param {string} key The reference key. - * @returns {*} Returns the map data. - */ -function getMapData(map, key) { - var data = map.__data__; - return isKeyable(key) - ? data[typeof key == 'string' ? 'string' : 'hash'] - : data.map; -} - -/** - * Gets the property names, values, and compare flags of `object`. - * - * @private - * @param {Object} object The object to query. - * @returns {Array} Returns the match data of `object`. - */ -function getMatchData(object) { - var result = keys(object), - length = result.length; - - while (length--) { - var key = result[length], - value = object[key]; - - result[length] = [key, value, isStrictComparable(value)]; - } - return result; -} - -/** - * Gets the native function at `key` of `object`. - * - * @private - * @param {Object} object The object to query. - * @param {string} key The key of the method to get. - * @returns {*} Returns the function if it's native, else `undefined`. - */ -function getNative(object, key) { - var value = getValue(object, key); - return baseIsNative(value) ? value : undefined; -} - -/** - * Gets the `toStringTag` of `value`. - * - * @private - * @param {*} value The value to query. - * @returns {string} Returns the `toStringTag`. - */ -var getTag = baseGetTag; - -// Fallback for data views, maps, sets, and weak maps in IE 11, -// for data views in Edge < 14, and promises in Node.js. -if ((DataView && getTag(new DataView(new ArrayBuffer(1))) != dataViewTag) || - (Map && getTag(new Map) != mapTag) || - (Promise && getTag(Promise.resolve()) != promiseTag) || - (Set && getTag(new Set) != setTag) || - (WeakMap && getTag(new WeakMap) != weakMapTag)) { - getTag = function(value) { - var result = objectToString.call(value), - Ctor = result == objectTag ? value.constructor : undefined, - ctorString = Ctor ? toSource(Ctor) : undefined; - - if (ctorString) { - switch (ctorString) { - case dataViewCtorString: return dataViewTag; - case mapCtorString: return mapTag; - case promiseCtorString: return promiseTag; - case setCtorString: return setTag; - case weakMapCtorString: return weakMapTag; + }, { + key: 'abort', + value: function abort() { + var loader = this.loader; + if (loader && loader.readyState !== 4) { + this.stats.aborted = true; + loader.abort(); } - } - return result; - }; -} -/** - * Checks if `path` exists on `object`. - * - * @private - * @param {Object} object The object to query. - * @param {Array|string} path The path to check. - * @param {Function} hasFunc The function to check properties. - * @returns {boolean} Returns `true` if `path` exists, else `false`. - */ -function hasPath(object, path, hasFunc) { - path = isKey(path, object) ? [path] : castPath(path); - - var result, - index = -1, - length = path.length; - - while (++index < length) { - var key = toKey(path[index]); - if (!(result = object != null && hasFunc(object, key))) { - break; + window.clearTimeout(this.requestTimeout); + this.requestTimeout = null; + window.clearTimeout(this.retryTimeout); + this.retryTimeout = null; } - object = object[key]; - } - if (result) { - return result; - } - var length = object ? object.length : 0; - return !!length && isLength(length) && isIndex(key, length) && - (isArray(object) || isArguments(object)); -} - -/** - * Checks if `value` is a valid array-like index. - * - * @private - * @param {*} value The value to check. - * @param {number} [length=MAX_SAFE_INTEGER] The upper bounds of a valid index. - * @returns {boolean} Returns `true` if `value` is a valid index, else `false`. - */ -function isIndex(value, length) { - length = length == null ? MAX_SAFE_INTEGER : length; - return !!length && - (typeof value == 'number' || reIsUint.test(value)) && - (value > -1 && value % 1 == 0 && value < length); -} - -/** - * Checks if `value` is a property name and not a property path. - * - * @private - * @param {*} value The value to check. - * @param {Object} [object] The object to query keys on. - * @returns {boolean} Returns `true` if `value` is a property name, else `false`. - */ -function isKey(value, object) { - if (isArray(value)) { - return false; - } - var type = typeof value; - if (type == 'number' || type == 'symbol' || type == 'boolean' || - value == null || isSymbol(value)) { - return true; - } - return reIsPlainProp.test(value) || !reIsDeepProp.test(value) || - (object != null && value in Object(object)); -} - -/** - * Checks if `value` is suitable for use as unique object key. - * - * @private - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is suitable, else `false`. - */ -function isKeyable(value) { - var type = typeof value; - return (type == 'string' || type == 'number' || type == 'symbol' || type == 'boolean') - ? (value !== '__proto__') - : (value === null); -} - -/** - * Checks if `func` has its source masked. - * - * @private - * @param {Function} func The function to check. - * @returns {boolean} Returns `true` if `func` is masked, else `false`. - */ -function isMasked(func) { - return !!maskSrcKey && (maskSrcKey in func); -} - -/** - * Checks if `value` is likely a prototype object. - * - * @private - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is a prototype, else `false`. - */ -function isPrototype(value) { - var Ctor = value && value.constructor, - proto = (typeof Ctor == 'function' && Ctor.prototype) || objectProto; - - return value === proto; -} - -/** - * Checks if `value` is suitable for strict equality comparisons, i.e. `===`. - * - * @private - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` if suitable for strict - * equality comparisons, else `false`. - */ -function isStrictComparable(value) { - return value === value && !isObject(value); -} - -/** - * A specialized version of `matchesProperty` for source values suitable - * for strict equality comparisons, i.e. `===`. - * - * @private - * @param {string} key The key of the property to get. - * @param {*} srcValue The value to match. - * @returns {Function} Returns the new spec function. - */ -function matchesStrictComparable(key, srcValue) { - return function(object) { - if (object == null) { - return false; + }, { + key: 'load', + value: function load(context, config, callbacks) { + this.context = context; + this.config = config; + this.callbacks = callbacks; + this.stats = { trequest: performance.now(), retry: 0 }; + this.retryDelay = config.retryDelay; + this.loadInternal(); } - return object[key] === srcValue && - (srcValue !== undefined || (key in Object(object))); - }; -} - -/** - * Converts `string` to a property path array. - * - * @private - * @param {string} string The string to convert. - * @returns {Array} Returns the property path array. - */ -var stringToPath = memoize(function(string) { - string = toString(string); + }, { + key: 'loadInternal', + value: function loadInternal() { + var xhr, + context = this.context; - var result = []; - if (reLeadingDot.test(string)) { - result.push(''); - } - string.replace(rePropName, function(match, number, quote, string) { - result.push(quote ? string.replace(reEscapeChar, '$1') : (number || match)); - }); - return result; -}); + if (typeof XDomainRequest !== 'undefined') { + xhr = this.loader = new XDomainRequest(); + } else { + xhr = this.loader = new XMLHttpRequest(); + } + var stats = this.stats; + stats.tfirst = 0; + stats.loaded = 0; + var xhrSetup = this.xhrSetup; -/** - * Converts `value` to a string key if it's not a string or symbol. - * - * @private - * @param {*} value The value to inspect. - * @returns {string|symbol} Returns the key. - */ -function toKey(value) { - if (typeof value == 'string' || isSymbol(value)) { - return value; - } - var result = (value + ''); - return (result == '0' && (1 / value) == -INFINITY) ? '-0' : result; -} + try { + if (xhrSetup) { + try { + xhrSetup(xhr, context.url); + } catch (e) { + // fix xhrSetup: (xhr, url) => {xhr.setRequestHeader("Content-Language", "test");} + // not working, as xhr.setRequestHeader expects xhr.readyState === OPEN + xhr.open('GET', context.url, true); + xhrSetup(xhr, context.url); + } + } + if (!xhr.readyState) { + xhr.open('GET', context.url, true); + } + } catch (e) { + // IE11 throws an exception on xhr.open if attempting to access an HTTP resource over HTTPS + this.callbacks.onError({ code: xhr.status, text: e.message }, context); + return; + } -/** - * Converts `func` to its source code. - * - * @private - * @param {Function} func The function to process. - * @returns {string} Returns the source code. - */ -function toSource(func) { - if (func != null) { - try { - return funcToString.call(func); - } catch (e) {} - try { - return (func + ''); - } catch (e) {} - } - return ''; -} + if (context.rangeEnd) { + xhr.setRequestHeader('Range', 'bytes=' + context.rangeStart + '-' + (context.rangeEnd - 1)); + } + xhr.onreadystatechange = this.readystatechange.bind(this); + xhr.onprogress = this.loadprogress.bind(this); + xhr.responseType = context.responseType; -/** - * This method is like `_.uniq` except that it accepts `iteratee` which is - * invoked for each element in `array` to generate the criterion by which - * uniqueness is computed. The iteratee is invoked with one argument: (value). - * - * @static - * @memberOf _ - * @since 4.0.0 - * @category Array - * @param {Array} array The array to inspect. - * @param {Function} [iteratee=_.identity] - * The iteratee invoked per element. - * @returns {Array} Returns the new duplicate free array. - * @example - * - * _.uniqBy([2.1, 1.2, 2.3], Math.floor); - * // => [2.1, 1.2] - * - * // The `_.property` iteratee shorthand. - * _.uniqBy([{ 'x': 1 }, { 'x': 2 }, { 'x': 1 }], 'x'); - * // => [{ 'x': 1 }, { 'x': 2 }] - */ -function uniqBy(array, iteratee) { - return (array && array.length) - ? baseUniq(array, baseIteratee(iteratee, 2)) - : []; -} + // setup timeout before we perform request + this.requestTimeout = window.setTimeout(this.loadtimeout.bind(this), this.config.timeout); + xhr.send(); + } + }, { + key: 'readystatechange', + value: function readystatechange(event) { + var xhr = event.currentTarget, + readyState = xhr.readyState, + stats = this.stats, + context = this.context, + config = this.config; -/** - * Creates a function that memoizes the result of `func`. If `resolver` is - * provided, it determines the cache key for storing the result based on the - * arguments provided to the memoized function. By default, the first argument - * provided to the memoized function is used as the map cache key. The `func` - * is invoked with the `this` binding of the memoized function. - * - * **Note:** The cache is exposed as the `cache` property on the memoized - * function. Its creation may be customized by replacing the `_.memoize.Cache` - * constructor with one whose instances implement the - * [`Map`](http://ecma-international.org/ecma-262/7.0/#sec-properties-of-the-map-prototype-object) - * method interface of `delete`, `get`, `has`, and `set`. - * - * @static - * @memberOf _ - * @since 0.1.0 - * @category Function - * @param {Function} func The function to have its output memoized. - * @param {Function} [resolver] The function to resolve the cache key. - * @returns {Function} Returns the new memoized function. - * @example - * - * var object = { 'a': 1, 'b': 2 }; - * var other = { 'c': 3, 'd': 4 }; - * - * var values = _.memoize(_.values); - * values(object); - * // => [1, 2] - * - * values(other); - * // => [3, 4] - * - * object.a = 2; - * values(object); - * // => [1, 2] - * - * // Modify the result cache. - * values.cache.set(object, ['a', 'b']); - * values(object); - * // => ['a', 'b'] - * - * // Replace `_.memoize.Cache`. - * _.memoize.Cache = WeakMap; - */ -function memoize(func, resolver) { - if (typeof func != 'function' || (resolver && typeof resolver != 'function')) { - throw new TypeError(FUNC_ERROR_TEXT); - } - var memoized = function() { - var args = arguments, - key = resolver ? resolver.apply(this, args) : args[0], - cache = memoized.cache; + // don't proceed if xhr has been aborted + if (stats.aborted) { + return; + } - if (cache.has(key)) { - return cache.get(key); + // >= HEADERS_RECEIVED + if (readyState >= 2) { + // clear xhr timeout and rearm it if readyState less than 4 + window.clearTimeout(this.requestTimeout); + if (stats.tfirst === 0) { + stats.tfirst = Math.max(performance.now(), stats.trequest); + } + if (readyState === 4) { + var status = xhr.status; + // http status between 200 to 299 are all successful + if (status >= 200 && status < 300) { + stats.tload = Math.max(stats.tfirst, performance.now()); + var data = void 0, + len = void 0; + if (context.responseType === 'arraybuffer') { + data = xhr.response; + len = data.byteLength; + } else { + data = xhr.responseText; + len = data.length; + } + stats.loaded = stats.total = len; + var response = { url: xhr.responseURL, data: data }; + this.callbacks.onSuccess(response, stats, context); + } else { + // if max nb of retries reached or if http status between 400 and 499 (such error cannot be recovered, retrying is useless), return error + if (stats.retry >= config.maxRetry || status >= 400 && status < 499) { + _logger.logger.error(status + ' while loading ' + context.url); + this.callbacks.onError({ code: status, text: xhr.statusText }, context); + } else { + // retry + _logger.logger.warn(status + ' while loading ' + context.url + ', retrying in ' + this.retryDelay + '...'); + // aborts and resets internal state + this.destroy(); + // schedule retry + this.retryTimeout = window.setTimeout(this.loadInternal.bind(this), this.retryDelay); + // set exponential backoff + this.retryDelay = Math.min(2 * this.retryDelay, config.maxRetryDelay); + stats.retry++; + } + } + } else { + // readyState >= 2 AND readyState !==4 (readyState = HEADERS_RECEIVED || LOADING) rearm timeout as xhr not finished yet + this.requestTimeout = window.setTimeout(this.loadtimeout.bind(this), config.timeout); + } + } } - var result = func.apply(this, args); - memoized.cache = cache.set(key, result); - return result; - }; - memoized.cache = new (memoize.Cache || MapCache); - return memoized; -} - -// Assign cache to `_.memoize`. -memoize.Cache = MapCache; + }, { + key: 'loadtimeout', + value: function loadtimeout() { + _logger.logger.warn('timeout while loading ' + this.context.url); + this.callbacks.onTimeout(this.stats, this.context); + } + }, { + key: 'loadprogress', + value: function loadprogress(event) { + var stats = this.stats; + stats.loaded = event.loaded; + if (event.lengthComputable) { + stats.total = event.total; + } + var onProgress = this.callbacks.onProgress; + if (onProgress) { + // last args is to provide on progress data + onProgress(stats, this.context, null); + } + } + }]); -/** - * Performs a - * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero) - * comparison between two values to determine if they are equivalent. - * - * @static - * @memberOf _ - * @since 4.0.0 - * @category Lang - * @param {*} value The value to compare. - * @param {*} other The other value to compare. - * @returns {boolean} Returns `true` if the values are equivalent, else `false`. - * @example - * - * var object = { 'a': 1 }; - * var other = { 'a': 1 }; - * - * _.eq(object, object); - * // => true - * - * _.eq(object, other); - * // => false - * - * _.eq('a', 'a'); - * // => true - * - * _.eq('a', Object('a')); - * // => false - * - * _.eq(NaN, NaN); - * // => true - */ -function eq(value, other) { - return value === other || (value !== value && other !== other); -} + return XhrLoader; +}(); -/** - * Checks if `value` is likely an `arguments` object. - * - * @static - * @memberOf _ - * @since 0.1.0 - * @category Lang - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is an `arguments` object, - * else `false`. - * @example - * - * _.isArguments(function() { return arguments; }()); - * // => true - * - * _.isArguments([1, 2, 3]); - * // => false - */ -function isArguments(value) { - // Safari 8.1 makes `arguments.callee` enumerable in strict mode. - return isArrayLikeObject(value) && hasOwnProperty.call(value, 'callee') && - (!propertyIsEnumerable.call(value, 'callee') || objectToString.call(value) == argsTag); -} +exports.default = XhrLoader; -/** - * Checks if `value` is classified as an `Array` object. - * - * @static - * @memberOf _ - * @since 0.1.0 - * @category Lang - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is an array, else `false`. - * @example - * - * _.isArray([1, 2, 3]); - * // => true - * - * _.isArray(document.body.children); - * // => false - * - * _.isArray('abc'); - * // => false - * - * _.isArray(_.noop); - * // => false - */ -var isArray = Array.isArray; +},{"53":53}]},{},[40])(40) +}); +//# sourceMappingURL=hls.js.map -/** - * Checks if `value` is array-like. A value is considered array-like if it's - * not a function and has a `value.length` that's an integer greater than or - * equal to `0` and less than or equal to `Number.MAX_SAFE_INTEGER`. - * - * @static - * @memberOf _ - * @since 4.0.0 - * @category Lang - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is array-like, else `false`. - * @example - * - * _.isArrayLike([1, 2, 3]); - * // => true - * - * _.isArrayLike(document.body.children); - * // => true - * - * _.isArrayLike('abc'); - * // => true - * - * _.isArrayLike(_.noop); - * // => false - */ -function isArrayLike(value) { - return value != null && isLength(value.length) && !isFunction(value); -} -/** - * This method is like `_.isArrayLike` except that it also checks if `value` - * is an object. - * - * @static - * @memberOf _ - * @since 4.0.0 - * @category Lang - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is an array-like object, - * else `false`. - * @example - * - * _.isArrayLikeObject([1, 2, 3]); - * // => true - * - * _.isArrayLikeObject(document.body.children); - * // => true - * - * _.isArrayLikeObject('abc'); - * // => false - * - * _.isArrayLikeObject(_.noop); - * // => false - */ -function isArrayLikeObject(value) { - return isObjectLike(value) && isArrayLike(value); -} +/***/ }), +/* 190 */ +/***/ (function(module, exports) { -/** - * Checks if `value` is classified as a `Function` object. - * - * @static - * @memberOf _ - * @since 0.1.0 - * @category Lang - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is a function, else `false`. - * @example - * - * _.isFunction(_); - * // => true - * - * _.isFunction(/abc/); - * // => false - */ -function isFunction(value) { - // The use of `Object#toString` avoids issues with the `typeof` operator - // in Safari 8-9 which returns 'object' for typed array and other constructors. - var tag = isObject(value) ? objectToString.call(value) : ''; - return tag == funcTag || tag == genTag; -} +module.exports = "\n\n <% var renderBar = function(name) { %>\n >\n >\n >\n >\n >\n \n >\n >\n \n \n <% }; %>\n <% var renderSegmentedBar = function(name, segments) {\n segments = segments || 10; %>\n >\n <% for (var i = 0; i < segments; i++) { %>\n >\n <% } %>\n \n <% }; %>\n <% var renderDrawer = function(name, renderContent) { %>\n >\n >\n >\n >\n \n <% renderContent(name); %>\n \n <% }; %>\n <% var renderIndicator = function(name) { %>\n >\n <% }; %>\n <% var renderButton = function(name) { %>\n aria-label=\"<%= name %>\">\n <% }; %>\n <% var templates = {\n bar: renderBar,\n segmentedBar: renderSegmentedBar,\n };\n var render = function(settingsList) {\n settingsList.forEach(function(setting) {\n if(setting === \"seekbar\") {\n renderBar(setting);\n } else if (setting === \"volume\") {\n renderDrawer(setting, settings.volumeBarTemplate ? templates[settings.volumeBarTemplate] : function(name) { return renderSegmentedBar(name); });\n } else if (setting === \"duration\" || setting === \"position\") {\n renderIndicator(setting);\n } else {\n renderButton(setting);\n }\n });\n }; %>\n <% if (settings.default && settings.default.length) { %>\n \n <% render(settings.default); %>\n \n <% } %>\n <% if (settings.left && settings.left.length) { %>\n \n <% render(settings.left); %>\n \n <% } %>\n <% if (settings.right && settings.right.length) { %>\n \n <% render(settings.right); %>\n \n <% } %>\n\n"; -/** - * Checks if `value` is a valid array-like length. - * - * **Note:** This method is loosely based on - * [`ToLength`](http://ecma-international.org/ecma-262/7.0/#sec-tolength). - * - * @static - * @memberOf _ - * @since 4.0.0 - * @category Lang - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is a valid length, else `false`. - * @example - * - * _.isLength(3); - * // => true - * - * _.isLength(Number.MIN_VALUE); - * // => false - * - * _.isLength(Infinity); - * // => false - * - * _.isLength('3'); - * // => false - */ -function isLength(value) { - return typeof value == 'number' && - value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER; -} +/***/ }), +/* 191 */ +/***/ (function(module, exports) { -/** - * Checks if `value` is the - * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types) - * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`) - * - * @static - * @memberOf _ - * @since 0.1.0 - * @category Lang - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is an object, else `false`. - * @example - * - * _.isObject({}); - * // => true - * - * _.isObject([1, 2, 3]); - * // => true - * - * _.isObject(_.noop); - * // => true - * - * _.isObject(null); - * // => false - */ -function isObject(value) { - var type = typeof value; - return !!value && (type == 'object' || type == 'function'); -} +module.exports = "\">\n\n\n\n\n\n\">\n\n&callback=<%= callbackName %>\">\n\"\n type=\"application/x-shockwave-flash\"\n disabled=\"disabled\"\n tabindex=\"-1\"\n enablecontextmenu=\"false\"\n allowScriptAccess=\"always\"\n quality=\"autohigh\"\n pluginspage=\"http://www.macromedia.com/go/getflashplayer\"\n wmode=\"<%= wmode %>\"\n swliveconnect=\"true\"\n allowfullscreen=\"false\"\n bgcolor=\"#000000\"\n FlashVars=\"playbackId=<%= playbackId %>&callback=<%= callbackName %>\"\n src=\"<%= swfPath %>\"\n width=\"100%\"\n height=\"100%\">\n\n"; -/** - * Checks if `value` is object-like. A value is object-like if it's not `null` - * and has a `typeof` result of "object". - * - * @static - * @memberOf _ - * @since 4.0.0 - * @category Lang - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is object-like, else `false`. - * @example - * - * _.isObjectLike({}); - * // => true - * - * _.isObjectLike([1, 2, 3]); - * // => true - * - * _.isObjectLike(_.noop); - * // => false - * - * _.isObjectLike(null); - * // => false - */ -function isObjectLike(value) { - return !!value && typeof value == 'object'; -} +/***/ }), +/* 192 */ +/***/ (function(module, exports) { -/** - * Checks if `value` is classified as a `Symbol` primitive or object. - * - * @static - * @memberOf _ - * @since 4.0.0 - * @category Lang - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is a symbol, else `false`. - * @example - * - * _.isSymbol(Symbol.iterator); - * // => true - * - * _.isSymbol('abc'); - * // => false - */ -function isSymbol(value) { - return typeof value == 'symbol' || - (isObjectLike(value) && objectToString.call(value) == symbolTag); -} +module.exports = "\n<%=message%>\n"; -/** - * Checks if `value` is classified as a typed array. - * - * @static - * @memberOf _ - * @since 3.0.0 - * @category Lang - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is a typed array, else `false`. - * @example - * - * _.isTypedArray(new Uint8Array); - * // => true - * - * _.isTypedArray([]); - * // => false - */ -var isTypedArray = nodeIsTypedArray ? baseUnary(nodeIsTypedArray) : baseIsTypedArray; +/***/ }), +/* 193 */ +/***/ (function(module, exports) { -/** - * Converts `value` to a string. An empty string is returned for `null` - * and `undefined` values. The sign of `-0` is preserved. - * - * @static - * @memberOf _ - * @since 4.0.0 - * @category Lang - * @param {*} value The value to process. - * @returns {string} Returns the string. - * @example - * - * _.toString(null); - * // => '' - * - * _.toString(-0); - * // => '-0' - * - * _.toString([1, 2, 3]); - * // => '1,2,3' - */ -function toString(value) { - return value == null ? '' : baseToString(value); -} +module.exports = "<%= live %>\n\"><%= backToLive %>\n"; -/** - * Gets the value at `path` of `object`. If the resolved value is - * `undefined`, the `defaultValue` is returned in its place. - * - * @static - * @memberOf _ - * @since 3.7.0 - * @category Object - * @param {Object} object The object to query. - * @param {Array|string} path The path of the property to get. - * @param {*} [defaultValue] The value returned for `undefined` resolved values. - * @returns {*} Returns the resolved value. - * @example - * - * var object = { 'a': [{ 'b': { 'c': 3 } }] }; - * - * _.get(object, 'a[0].b.c'); - * // => 3 - * - * _.get(object, ['a', '0', 'b', 'c']); - * // => 3 - * - * _.get(object, 'a.b.c', 'default'); - * // => 'default' - */ -function get(object, path, defaultValue) { - var result = object == null ? undefined : baseGet(object, path); - return result === undefined ? defaultValue : result; -} +/***/ }), +/* 194 */ +/***/ (function(module, exports) { -/** - * Checks if `path` is a direct or inherited property of `object`. - * - * @static - * @memberOf _ - * @since 4.0.0 - * @category Object - * @param {Object} object The object to query. - * @param {Array|string} path The path to check. - * @returns {boolean} Returns `true` if `path` exists, else `false`. - * @example - * - * var object = _.create({ 'a': _.create({ 'b': 2 }) }); - * - * _.hasIn(object, 'a'); - * // => true - * - * _.hasIn(object, 'a.b'); - * // => true - * - * _.hasIn(object, ['a', 'b']); - * // => true - * - * _.hasIn(object, 'b'); - * // => false - */ -function hasIn(object, path) { - return object != null && hasPath(object, path, baseHasIn); -} +module.exports = "\n"; -/** - * Creates an array of the own enumerable property names of `object`. - * - * **Note:** Non-object values are coerced to objects. See the - * [ES spec](http://ecma-international.org/ecma-262/7.0/#sec-object.keys) - * for more details. - * - * @static - * @since 0.1.0 - * @memberOf _ - * @category Object - * @param {Object} object The object to query. - * @returns {Array} Returns the array of property names. - * @example - * - * function Foo() { - * this.a = 1; - * this.b = 2; - * } - * - * Foo.prototype.c = 3; - * - * _.keys(new Foo); - * // => ['a', 'b'] (iteration order is not guaranteed) - * - * _.keys('hi'); - * // => ['0', '1'] - */ -function keys(object) { - return isArrayLike(object) ? arrayLikeKeys(object) : baseKeys(object); -} +/***/ }), +/* 195 */ +/***/ (function(module, exports) { -/** - * This method returns the first argument it receives. - * - * @static - * @since 0.1.0 - * @memberOf _ - * @category Util - * @param {*} value Any value. - * @returns {*} Returns `value`. - * @example - * - * var object = { 'a': 1 }; - * - * console.log(_.identity(object) === object); - * // => true - */ -function identity(value) { - return value; -} +module.exports = "\n\n"; -/** - * This method returns `undefined`. - * - * @static - * @memberOf _ - * @since 2.3.0 - * @category Util - * @example - * - * _.times(2, _.noop); - * // => [undefined, undefined] - */ -function noop() { - // No operation performed. -} +/***/ }), +/* 196 */ +/***/ (function(module, exports) { -/** - * Creates a function that returns the value at `path` of a given object. - * - * @static - * @memberOf _ - * @since 2.4.0 - * @category Util - * @param {Array|string} path The path of the property to get. - * @returns {Function} Returns the new accessor function. - * @example - * - * var objects = [ - * { 'a': { 'b': 2 } }, - * { 'a': { 'b': 1 } } - * ]; - * - * _.map(objects, _.property('a.b')); - * // => [2, 1] - * - * _.map(_.sortBy(objects, _.property(['a', 'b'])), 'a.b'); - * // => [1, 2] - */ -function property(path) { - return isKey(path) ? baseProperty(toKey(path)) : basePropertyDeep(path); -} +module.exports = "\n"; -module.exports = uniqBy; +/***/ }), +/* 197 */ +/***/ (function(module, exports) { -/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(12), __webpack_require__(23)(module))) +module.exports = ">\n<% if(typeof imageLink !== 'undefined') { %>\n\">\n<% } %>\n\">\n<% if(typeof imageLink !== 'undefined') { %>\n\n<% } %>\n\n"; /***/ }), -/* 109 */ +/* 198 */ /***/ (function(module, exports) { module.exports = "" /***/ }), -/* 110 */ +/* 199 */ /***/ (function(module, exports) { module.exports = "" /***/ }), -/* 111 */ +/* 200 */ /***/ (function(module, exports) { module.exports = "" /***/ }), -/* 112 */ +/* 201 */ /***/ (function(module, exports) { module.exports = "" /***/ }), -/* 113 */ +/* 202 */ /***/ (function(module, exports) { module.exports = "" /***/ }), -/* 114 */ +/* 203 */ /***/ (function(module, exports) { module.exports = "" /***/ }), -/* 115 */ +/* 204 */ +/***/ (function(module, exports) { + +module.exports = "" + +/***/ }), +/* 205 */ /***/ (function(module, exports, __webpack_require__) { module.exports = __webpack_require__.p + "38861cba61c66739c1452c3a71e39852.ttf"; /***/ }), -/* 116 */ +/* 206 */ /***/ (function(module, exports, __webpack_require__) { module.exports = __webpack_require__.p + "4b76590b32dab62bc95c1b7951efae78.swf"; /***/ }), -/* 117 */ +/* 207 */ /***/ (function(module, exports, __webpack_require__) { module.exports = __webpack_require__.p + "809981e5b09d5336c45d72d0869ada2a.swf"; diff --git a/dist/clappr.min.js b/dist/clappr.min.js index 1f7385359..390626ed1 100644 --- a/dist/clappr.min.js +++ b/dist/clappr.min.js @@ -1 +1 @@ -!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.Clappr=e():t.Clappr=e()}(this,function(){return function(t){function e(n){if(r[n])return r[n].exports;var i=r[n]={i:n,l:!1,exports:{}};return t[n].call(i.exports,i,i.exports,e),i.l=!0,i.exports}var r={};return e.m=t,e.c=r,e.i=function(t){return t},e.d=function(t,r,n){e.o(t,r)||Object.defineProperty(t,r,{configurable:!1,enumerable:!0,get:n})},e.n=function(t){var r=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(r,"a",r),r},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="<%=baseUrl%>/",e(e.s=47)}([function(t,e,r){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(e,"__esModule",{value:!0});var a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},o=r(19),s=n(o),l=r(1),u=r(106),c=n(u),f=Array.prototype.slice,d=/\s+/,h=function(t,e,r,n){if(!r)return!0;if("object"===(void 0===r?"undefined":a(r))){for(var i in r)t[e].apply(t,[i,r[i]].concat(n));return!1}if(d.test(r)){for(var o=r.split(d),s=0,l=o.length;s0&&(o+=a+":",i<1&&(o+="00:")),(i&&i>0||e)&&(o+=("0"+i).slice(-2)+":"),o+=("0"+n).slice(-2)+":",o+=("0"+r).slice(-2),o.trim()}function c(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"t",e=0,r=w.params[t]||w.hashParams[t]||"",n=r.match(/[0-9]+[hms]+/g)||[];return n.length>0?function(){var t={h:3600,m:60,s:1};n.forEach(function(r){if(r){var n=r[r.length-1],i=parseInt(r.slice(0,r.length-1),10);e+=i*t[n]}})}():r&&(e=parseInt(r,10)),e}function f(t){return k[t]||(k[t]=0),t+ ++k[t]}function d(t){return t-parseFloat(t)+1>=0}function h(){var t=document.getElementsByTagName("script");return t.length?t[t.length-1].src:""}function p(){return window.navigator&&window.navigator.language}function g(){return window.performance&&window.performance.now?performance.now():Date.now()}function y(t,e){var r=t.indexOf(e);r>=0&&t.splice(r,1)}Object.defineProperty(e,"__esModule",{value:!0}),e.DomRecycler=e.cancelAnimationFrame=e.requestAnimationFrame=e.QueryString=e.Config=e.Fullscreen=void 0;var v=function(){function t(t,e){for(var r=0;r0?L.shift():(0,E.default)("<"+t+">")},t.garbage=function(t){this.options.recycleVideo&&"VIDEO"===t[0].tagName.toUpperCase()&&(t.children().remove(),L.push(t))},t}();O.options={recycleVideo:!1},e.default={Config:A,Fullscreen:T,QueryString:w,DomRecycler:O,extend:l,formatTime:u,seekStringToSeconds:c,uniqueId:f,currentScriptUrl:h,isNumber:d,requestAnimationFrame:S,cancelAnimationFrame:R,getBrowserLanguage:p,now:g,removeArrayItem:y}},function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function i(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function a(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}Object.defineProperty(e,"__esModule",{value:!0});var o=function(){function t(t,e){for(var r=0;r0&&e-1 in t)}function s(t){return P.call(t,function(t){return null!=t})}function l(t){return t.length>0?w.fn.concat.apply([],t):t}function u(t){return t.replace(/::/g,"/").replace(/([A-Z]+)([A-Z][a-z])/g,"$1_$2").replace(/([a-z\d])([A-Z])/g,"$1_$2").replace(/_/g,"-").toLowerCase()}function c(t){return t in x?x[t]:x[t]=new RegExp("(^|\\s)"+t+"(\\s|$)")}function f(t,e){return"number"!=typeof e||N[u(t)]?e:e+"px"}function d(t){var e,r;return I[t]||(e=D.createElement(t),D.body.appendChild(e),r=getComputedStyle(e,"").getPropertyValue("display"),e.parentNode.removeChild(e),"none"==r&&(r="block"),I[t]=r),I[t]}function h(t){return"children"in t?C.call(t.children):w.map(t.childNodes,function(t){if(1==t.nodeType)return t})}function p(t,e){var r,n=t?t.length:0;for(r=0;r]*>/,F=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,B=/^(?:body|html)$/i,U=["val","css","html","text","data","width","height","offset"],j=["after","prepend","before","append"],G=D.createElement("table"),Y=D.createElement("tr"),V={tr:D.createElement("tbody"),tbody:G,thead:G,tfoot:G,td:Y,th:Y,"*":D.createElement("div")},K=/complete|loaded|interactive/,$=/^[\w-]*$/,z={},H=z.toString,W={},q=D.createElement("div"),X={tabindex:"tabIndex",readonly:"readOnly",for:"htmlFor",class:"className",maxlength:"maxLength",cellspacing:"cellSpacing",cellpadding:"cellPadding",rowspan:"rowSpan",colspan:"colSpan",usemap:"useMap",frameborder:"frameBorder",contenteditable:"contentEditable"},Z=Array.isArray||function(t){return t instanceof Array};return W.matches=function(t,e){if(!e||!t||1!==t.nodeType)return!1;var r=t.matches||t.webkitMatchesSelector||t.mozMatchesSelector||t.oMatchesSelector||t.matchesSelector;if(r)return r.call(t,e);var n,i=t.parentNode,a=!i;return a&&(i=q).appendChild(t),n=~W.qsa(i,e).indexOf(t),a&&q.removeChild(t),n},S=function(t){return t.replace(/-+(.)?/g,function(t,e){return e?e.toUpperCase():""})},R=function(t){return P.call(t,function(e,r){return t.indexOf(e)==r})},W.fragment=function(t,e,r){var n,i,o;return F.test(t)&&(n=w(D.createElement(RegExp.$1))),n||(t.replace&&(t=t.replace(/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,"<$1>$2>")),e===T&&(e=M.test(t)&&RegExp.$1),e in V||(e="*"),o=V[e],o.innerHTML=""+t,n=w.each(C.call(o.childNodes),function(){o.removeChild(this)})),a(r)&&(i=w(n),w.each(r,function(t,e){U.indexOf(t)>-1?i[t](e):i.attr(t,e)})),n},W.Z=function(t,e){return new p(t,e)},W.isZ=function(t){return t instanceof W.Z},W.init=function(t,r){var n;if(!t)return W.Z();if("string"==typeof t)if(t=t.trim(),"<"==t[0]&&M.test(t))n=W.fragment(t,RegExp.$1,r),t=null;else{if(r!==T)return w(r).find(t);n=W.qsa(D,t)}else{if(e(t))return w(D).ready(t);if(W.isZ(t))return t;if(Z(t))n=s(t);else if(i(t))n=[t],t=null;else if(M.test(t))n=W.fragment(t.trim(),RegExp.$1,r),t=null;else{if(r!==T)return w(r).find(t);n=W.qsa(D,t)}}return W.Z(n,t)},w=function(t,e){return W.init(t,e)},w.extend=function(t){var e,r=C.call(arguments,1);return"boolean"==typeof t&&(e=t,t=r.shift()),r.forEach(function(r){g(t,r,e)}),t},W.qsa=function(t,e){var r,n="#"==e[0],i=!n&&"."==e[0],a=n||i?e.slice(1):e,o=$.test(a);return t.getElementById&&o&&n?(r=t.getElementById(a))?[r]:[]:1!==t.nodeType&&9!==t.nodeType&&11!==t.nodeType?[]:C.call(o&&!n&&t.getElementsByClassName?i?t.getElementsByClassName(a):t.getElementsByTagName(e):t.querySelectorAll(e))},w.contains=D.documentElement.contains?function(t,e){return t!==e&&t.contains(e)}:function(t,e){for(;e&&(e=e.parentNode);)if(e===t)return!0;return!1},w.type=t,w.isFunction=e,w.isWindow=r,w.isArray=Z,w.isPlainObject=a,w.isEmptyObject=function(t){var e;for(e in t)return!1;return!0},w.isNumeric=function(t){var e=Number(t),r=typeof t;return null!=t&&"boolean"!=r&&("string"!=r||t.length)&&!isNaN(e)&&isFinite(e)||!1},w.inArray=function(t,e,r){return L.indexOf.call(e,t,r)},w.camelCase=S,w.trim=function(t){return null==t?"":String.prototype.trim.call(t)},w.uuid=0,w.support={},w.expr={},w.noop=function(){},w.map=function(t,e){var r,n,i,a=[];if(o(t))for(n=0;n=0?t:t+this.length]},toArray:function(){return this.get()},size:function(){return this.length},remove:function(){return this.each(function(){null!=this.parentNode&&this.parentNode.removeChild(this)})},each:function(t){return L.every.call(this,function(e,r){return!1!==t.call(e,r,e)}),this},filter:function(t){return e(t)?this.not(this.not(t)):w(P.call(this,function(e){return W.matches(e,t)}))},add:function(t,e){return w(R(this.concat(w(t,e))))},is:function(t){return this.length>0&&W.matches(this[0],t)},not:function(t){var r=[];if(e(t)&&t.call!==T)this.each(function(e){t.call(this,e)||r.push(this)});else{var n="string"==typeof t?this.filter(t):o(t)&&e(t.item)?C.call(t):w(t);this.forEach(function(t){n.indexOf(t)<0&&r.push(t)})}return w(r)},has:function(t){return this.filter(function(){return i(t)?w.contains(this,t):w(this).find(t).size()})},eq:function(t){return-1===t?this.slice(t):this.slice(t,+t+1)},first:function(){var t=this[0];return t&&!i(t)?t:w(t)},last:function(){var t=this[this.length-1];return t&&!i(t)?t:w(t)},find:function(t){var e=this;return t?"object"==typeof t?w(t).filter(function(){var t=this;return L.some.call(e,function(e){return w.contains(e,t)})}):1==this.length?w(W.qsa(this[0],t)):this.map(function(){return W.qsa(this,t)}):w()},closest:function(t,e){var r=[],i="object"==typeof t&&w(t);return this.each(function(a,o){for(;o&&!(i?i.indexOf(o)>=0:W.matches(o,t));)o=o!==e&&!n(o)&&o.parentNode;o&&r.indexOf(o)<0&&r.push(o)}),w(r)},parents:function(t){for(var e=[],r=this;r.length>0;)r=w.map(r,function(t){if((t=t.parentNode)&&!n(t)&&e.indexOf(t)<0)return e.push(t),t});return y(e,t)},parent:function(t){return y(R(this.pluck("parentNode")),t)},children:function(t){return y(this.map(function(){return h(this)}),t)},contents:function(){return this.map(function(){return this.contentDocument||C.call(this.childNodes)})},siblings:function(t){return y(this.map(function(t,e){return P.call(h(e.parentNode),function(t){return t!==e})}),t)},empty:function(){return this.each(function(){this.innerHTML=""})},pluck:function(t){return w.map(this,function(e){return e[t]})},show:function(){return this.each(function(){"none"==this.style.display&&(this.style.display=""),"none"==getComputedStyle(this,"").getPropertyValue("display")&&(this.style.display=d(this.nodeName))})},replaceWith:function(t){return this.before(t).remove()},wrap:function(t){var r=e(t);if(this[0]&&!r)var n=w(t).get(0),i=n.parentNode||this.length>1;return this.each(function(e){w(this).wrapAll(r?t.call(this,e):i?n.cloneNode(!0):n)})},wrapAll:function(t){if(this[0]){w(this[0]).before(t=w(t));for(var e;(e=t.children()).length;)t=e.first();w(t).append(this)}return this},wrapInner:function(t){var r=e(t);return this.each(function(e){var n=w(this),i=n.contents(),a=r?t.call(this,e):t;i.length?i.wrapAll(a):n.append(a)})},unwrap:function(){return this.parent().each(function(){w(this).replaceWith(w(this).children())}),this},clone:function(){return this.map(function(){return this.cloneNode(!0)})},hide:function(){return this.css("display","none")},toggle:function(t){return this.each(function(){var e=w(this);(t===T?"none"==e.css("display"):t)?e.show():e.hide()})},prev:function(t){return w(this.pluck("previousElementSibling")).filter(t||"*")},next:function(t){return w(this.pluck("nextElementSibling")).filter(t||"*")},html:function(t){return 0 in arguments?this.each(function(e){var r=this.innerHTML;w(this).empty().append(v(this,t,e,r))}):0 in this?this[0].innerHTML:null},text:function(t){return 0 in arguments?this.each(function(e){var r=v(this,t,e,this.textContent);this.textContent=null==r?"":""+r}):0 in this?this.pluck("textContent").join(""):null},attr:function(t,e){var r;return"string"!=typeof t||1 in arguments?this.each(function(r){if(1===this.nodeType)if(i(t))for(A in t)m(this,A,t[A]);else m(this,t,v(this,e,r,this.getAttribute(t)))}):0 in this&&1==this[0].nodeType&&null!=(r=this[0].getAttribute(t))?r:T},removeAttr:function(t){return this.each(function(){1===this.nodeType&&t.split(" ").forEach(function(t){m(this,t)},this)})},prop:function(t,e){return t=X[t]||t,1 in arguments?this.each(function(r){this[t]=v(this,e,r,this[t])}):this[0]&&this[0][t]},removeProp:function(t){return t=X[t]||t,this.each(function(){delete this[t]})},data:function(t,e){var r="data-"+t.replace(/([A-Z])/g,"-$1").toLowerCase(),n=1 in arguments?this.attr(r,e):this.attr(r);return null!==n?_(n):T},val:function(t){return 0 in arguments?(null==t&&(t=""),this.each(function(e){this.value=v(this,t,e,this.value)})):this[0]&&(this[0].multiple?w(this[0]).find("option").filter(function(){return this.selected}).pluck("value"):this[0].value)},offset:function(t){if(t)return this.each(function(e){var r=w(this),n=v(this,t,e,r.offset()),i=r.offsetParent().offset(),a={top:n.top-i.top,left:n.left-i.left};"static"==r.css("position")&&(a.position="relative"),r.css(a)});if(!this.length)return null;if(D.documentElement!==this[0]&&!w.contains(D.documentElement,this[0]))return{top:0,left:0};var e=this[0].getBoundingClientRect();return{left:e.left+window.pageXOffset,top:e.top+window.pageYOffset,width:Math.round(e.width),height:Math.round(e.height)}},css:function(e,r){if(arguments.length<2){var n=this[0];if("string"==typeof e){if(!n)return;return n.style[S(e)]||getComputedStyle(n,"").getPropertyValue(e)}if(Z(e)){if(!n)return;var i={},a=getComputedStyle(n,"");return w.each(e,function(t,e){i[e]=n.style[S(e)]||a.getPropertyValue(e)}),i}}var o="";if("string"==t(e))r||0===r?o=u(e)+":"+f(e,r):this.each(function(){this.style.removeProperty(u(e))});else for(A in e)e[A]||0===e[A]?o+=u(A)+":"+f(A,e[A])+";":this.each(function(){this.style.removeProperty(u(A))});return this.each(function(){this.style.cssText+=";"+o})},index:function(t){return t?this.indexOf(w(t)[0]):this.parent().children().indexOf(this[0])},hasClass:function(t){return!!t&&L.some.call(this,function(t){return this.test(b(t))},c(t))},addClass:function(t){return t?this.each(function(e){if("className"in this){k=[];var r=b(this);v(this,t,e,r).split(/\s+/g).forEach(function(t){w(this).hasClass(t)||k.push(t)},this),k.length&&b(this,r+(r?" ":"")+k.join(" "))}}):this},removeClass:function(t){return this.each(function(e){if("className"in this){if(t===T)return b(this,"");k=b(this),v(this,t,e,k).split(/\s+/g).forEach(function(t){k=k.replace(c(t)," ")}),b(this,k.trim())}})},toggleClass:function(t,e){return t?this.each(function(r){var n=w(this);v(this,t,r,b(this)).split(/\s+/g).forEach(function(t){(e===T?!n.hasClass(t):e)?n.addClass(t):n.removeClass(t)})}):this},scrollTop:function(t){if(this.length){var e="scrollTop"in this[0];return t===T?e?this[0].scrollTop:this[0].pageYOffset:this.each(e?function(){this.scrollTop=t}:function(){this.scrollTo(this.scrollX,t)})}},scrollLeft:function(t){if(this.length){var e="scrollLeft"in this[0];return t===T?e?this[0].scrollLeft:this[0].pageXOffset:this.each(e?function(){this.scrollLeft=t}:function(){this.scrollTo(t,this.scrollY)})}},position:function(){if(this.length){var t=this[0],e=this.offsetParent(),r=this.offset(),n=B.test(e[0].nodeName)?{top:0,left:0}:e.offset();return r.top-=parseFloat(w(t).css("margin-top"))||0,r.left-=parseFloat(w(t).css("margin-left"))||0,n.top+=parseFloat(w(e[0]).css("border-top-width"))||0,n.left+=parseFloat(w(e[0]).css("border-left-width"))||0,{top:r.top-n.top,left:r.left-n.left}}},offsetParent:function(){return this.map(function(){for(var t=this.offsetParent||D.body;t&&!B.test(t.nodeName)&&"static"==w(t).css("position");)t=t.offsetParent;return t})}},w.fn.detach=w.fn.remove,["width","height"].forEach(function(t){var e=t.replace(/./,function(t){return t[0].toUpperCase()});w.fn[t]=function(i){var a,o=this[0];return i===T?r(o)?o["inner"+e]:n(o)?o.documentElement["scroll"+e]:(a=this.offset())&&a[t]:this.each(function(e){o=w(this),o.css(t,v(this,i,e,o[t]()))})}}),j.forEach(function(e,r){var n=r%2;w.fn[e]=function(){var e,i,a=w.map(arguments,function(r){var n=[];return e=t(r),"array"==e?(r.forEach(function(t){return t.nodeType!==T?n.push(t):w.zepto.isZ(t)?n=n.concat(t.get()):void(n=n.concat(W.fragment(t)))}),n):"object"==e||null==r?r:W.fragment(r)}),o=this.length>1;return a.length<1?this:this.each(function(t,e){i=n?e:e.parentNode,e=0==r?e.nextSibling:1==r?e.firstChild:2==r?e:null;var s=w.contains(D.documentElement,i);a.forEach(function(t){if(o)t=t.cloneNode(!0);else if(!i)return w(t).remove();i.insertBefore(t,e),s&&E(t,function(t){if(!(null==t.nodeName||"SCRIPT"!==t.nodeName.toUpperCase()||t.type&&"text/javascript"!==t.type||t.src)){var e=t.ownerDocument?t.ownerDocument.defaultView:window;e.eval.call(e,t.innerHTML)}})})})},w.fn[n?e+"To":"insert"+(r?"Before":"After")]=function(t){return w(t)[e](this),this}}),W.Z.prototype=p.prototype=w.fn,W.uniq=R,W.deserializeValue=_,w.zepto=W,w}();window.Zepto=r,void 0===window.$&&(window.$=r),function(t){function e(e,r,n){var i=t.Event(r);return t(e).trigger(i,n),!i.isDefaultPrevented()}function r(t,r,n,i){if(t.global)return e(r||b,n,i)}function n(e){e.global&&0==t.active++&&r(e,null,"ajaxStart")}function i(e){e.global&&!--t.active&&r(e,null,"ajaxStop")}function a(t,e){var n=e.context;if(!1===e.beforeSend.call(n,t,e)||!1===r(e,n,"ajaxBeforeSend",[t,e]))return!1;r(e,n,"ajaxSend",[t,e])}function o(t,e,n,i){var a=n.context;n.success.call(a,t,"success",e),i&&i.resolveWith(a,[t,"success",e]),r(n,a,"ajaxSuccess",[e,n,t]),l("success",e,n)}function s(t,e,n,i,a){var o=i.context;i.error.call(o,n,e,t),a&&a.rejectWith(o,[n,e,t]),r(i,o,"ajaxError",[n,i,t||e]),l(e,n,i)}function l(t,e,n){var a=n.context;n.complete.call(a,e,t),r(n,a,"ajaxComplete",[e,n]),i(n)}function u(t,e,r){if(r.dataFilter==c)return t;var n=r.context;return r.dataFilter.call(n,t,e)}function c(){}function f(t){return t&&(t=t.split(";",2)[0]),t&&(t==A?"html":t==T?"json":_.test(t)?"script":E.test(t)&&"xml")||"text"}function d(t,e){return""==e?t:(t+"&"+e).replace(/[&?]{1,2}/,"?")}function h(e){e.processData&&e.data&&"string"!=t.type(e.data)&&(e.data=t.param(e.data,e.traditional)),!e.data||e.type&&"GET"!=e.type.toUpperCase()&&"jsonp"!=e.dataType||(e.url=d(e.url,e.data),e.data=void 0)}function p(e,r,n,i){return t.isFunction(r)&&(i=n,n=r,r=void 0),t.isFunction(n)||(i=n,n=void 0),{url:e,data:r,success:n,dataType:i}}function g(e,r,n,i){var a,o=t.isArray(r),s=t.isPlainObject(r);t.each(r,function(r,l){a=t.type(l),i&&(r=n?i:i+"["+(s||"object"==a||"array"==a?r:"")+"]"),!i&&o?e.add(l.name,l.value):"array"==a||!n&&"object"==a?g(e,l,n,r):e.add(r,l)})}var y,v,m=+new Date,b=window.document,_=/^(?:text|application)\/javascript/i,E=/^(?:text|application)\/xml/i,T="application/json",A="text/html",w=/^\s*$/,k=b.createElement("a");k.href=window.location.href,t.active=0,t.ajaxJSONP=function(e,r){if(!("type"in e))return t.ajax(e);var n,i,l=e.jsonpCallback,u=(t.isFunction(l)?l():l)||"Zepto"+m++,c=b.createElement("script"),f=window[u],d=function(e){t(c).triggerHandler("error",e||"abort")},h={abort:d};return r&&r.promise(h),t(c).on("load error",function(a,l){clearTimeout(i),t(c).off().remove(),"error"!=a.type&&n?o(n[0],h,e,r):s(null,l||"error",h,e,r),window[u]=f,n&&t.isFunction(f)&&f(n[0]),f=n=void 0}),!1===a(h,e)?(d("abort"),h):(window[u]=function(){n=arguments},c.src=e.url.replace(/\?(.+)=\?/,"?$1="+u),b.head.appendChild(c),e.timeout>0&&(i=setTimeout(function(){d("timeout")},e.timeout)),h)},t.ajaxSettings={type:"GET",beforeSend:c,success:c,error:c,complete:c,context:null,global:!0,xhr:function(){return new window.XMLHttpRequest},accepts:{script:"text/javascript, application/javascript, application/x-javascript",json:T,xml:"application/xml, text/xml",html:A,text:"text/plain"},crossDomain:!1,timeout:0,processData:!0,cache:!0,dataFilter:c},t.ajax=function(e){var r,i,l=t.extend({},e||{}),p=t.Deferred&&t.Deferred();for(y in t.ajaxSettings)void 0===l[y]&&(l[y]=t.ajaxSettings[y]);n(l),l.crossDomain||(r=b.createElement("a"),r.href=l.url,r.href=r.href,l.crossDomain=k.protocol+"//"+k.host!=r.protocol+"//"+r.host),l.url||(l.url=window.location.toString()),(i=l.url.indexOf("#"))>-1&&(l.url=l.url.slice(0,i)),h(l);var g=l.dataType,m=/\?.+=\?/.test(l.url);if(m&&(g="jsonp"),!1!==l.cache&&(e&&!0===e.cache||"script"!=g&&"jsonp"!=g)||(l.url=d(l.url,"_="+Date.now())),"jsonp"==g)return m||(l.url=d(l.url,l.jsonp?l.jsonp+"=?":!1===l.jsonp?"":"callback=?")),t.ajaxJSONP(l,p);var _,E=l.accepts[g],T={},A=function(t,e){T[t.toLowerCase()]=[t,e]},S=/^([\w-]+:)\/\//.test(l.url)?RegExp.$1:window.location.protocol,R=l.xhr(),L=R.setRequestHeader;if(p&&p.promise(R),l.crossDomain||A("X-Requested-With","XMLHttpRequest"),A("Accept",E||"*/*"),(E=l.mimeType||E)&&(E.indexOf(",")>-1&&(E=E.split(",",2)[0]),R.overrideMimeType&&R.overrideMimeType(E)),(l.contentType||!1!==l.contentType&&l.data&&"GET"!=l.type.toUpperCase())&&A("Content-Type",l.contentType||"application/x-www-form-urlencoded"),l.headers)for(v in l.headers)A(v,l.headers[v]);if(R.setRequestHeader=A,R.onreadystatechange=function(){if(4==R.readyState){R.onreadystatechange=c,clearTimeout(_);var e,r=!1;if(R.status>=200&&R.status<300||304==R.status||0==R.status&&"file:"==S){if(g=g||f(l.mimeType||R.getResponseHeader("content-type")),"arraybuffer"==R.responseType||"blob"==R.responseType)e=R.response;else{e=R.responseText;try{e=u(e,g,l),"script"==g?(0,eval)(e):"xml"==g?e=R.responseXML:"json"==g&&(e=w.test(e)?null:t.parseJSON(e))}catch(t){r=t}if(r)return s(r,"parsererror",R,l,p)}o(e,R,l,p)}else s(R.statusText||null,R.status?"error":"abort",R,l,p)}},!1===a(R,l))return R.abort(),s(null,"abort",R,l,p),R;var O=!("async"in l)||l.async;if(R.open(l.type,l.url,O,l.username,l.password),l.xhrFields)for(v in l.xhrFields)R[v]=l.xhrFields[v];for(v in T)L.apply(R,T[v]);return l.timeout>0&&(_=setTimeout(function(){R.onreadystatechange=c,R.abort(),s(null,"timeout",R,l,p)},l.timeout)),R.send(l.data?l.data:null),R},t.get=function(){return t.ajax(p.apply(null,arguments))},t.post=function(){var e=p.apply(null,arguments);return e.type="POST",t.ajax(e)},t.getJSON=function(){var e=p.apply(null,arguments);return e.dataType="json",t.ajax(e)},t.fn.load=function(e,r,n){if(!this.length)return this;var i,a=this,o=e.split(/\s/),s=p(e,r,n),l=s.success;return o.length>1&&(s.url=o[0],i=o[1]),s.success=function(e){a.html(i?t("").html(e.replace(/
<%=message%>
\n"; - -/***/ }), -/* 98 */ -/***/ (function(module, exports) { - -module.exports = "
\n"; -/** - * Checks if `value` is classified as a typed array. - * - * @static - * @memberOf _ - * @since 3.0.0 - * @category Lang - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is a typed array, else `false`. - * @example - * - * _.isTypedArray(new Uint8Array); - * // => true - * - * _.isTypedArray([]); - * // => false - */ -var isTypedArray = nodeIsTypedArray ? baseUnary(nodeIsTypedArray) : baseIsTypedArray; +/***/ }), +/* 193 */ +/***/ (function(module, exports) { -/** - * Converts `value` to a string. An empty string is returned for `null` - * and `undefined` values. The sign of `-0` is preserved. - * - * @static - * @memberOf _ - * @since 4.0.0 - * @category Lang - * @param {*} value The value to process. - * @returns {string} Returns the string. - * @example - * - * _.toString(null); - * // => '' - * - * _.toString(-0); - * // => '-0' - * - * _.toString([1, 2, 3]); - * // => '1,2,3' - */ -function toString(value) { - return value == null ? '' : baseToString(value); -} +module.exports = "