aboutsummaryrefslogtreecommitdiff
path: root/assets/clapprio/clappr.js
diff options
context:
space:
mode:
authorMaZderMind2018-01-24 23:51:18 +0100
committerMaZderMind2018-01-24 23:51:18 +0100
commit7f066f2e9c382fe8c12a2a607c4576e1ee38f87c (patch)
treef36dc1e17fcded998f35562976b47ec47b3d7609 /assets/clapprio/clappr.js
parentceaad129176e3ff5dd47b884c024569f474eec5b (diff)
parentf36367abd9b1537b3b01463347d01b186844fbef (diff)
Merge branch '34c3-cherries'
Diffstat (limited to '')
-rw-r--r--assets/clapprio/clappr.js28946
1 files changed, 14779 insertions, 14167 deletions
diff --git a/assets/clapprio/clappr.js b/assets/clapprio/clappr.js
index 1b7d42f..954893a 100644
--- a/assets/clapprio/clappr.js
+++ b/assets/clapprio/clappr.js
@@ -67,10 +67,10 @@ return /******/ (function(modules) { // webpackBootstrap
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
/******/
/******/ // __webpack_public_path__
-/******/ __webpack_require__.p = "<%=baseUrl%>/";
+/******/ __webpack_require__.p = "";
/******/
/******/ // Load entry module and return exports
-/******/ return __webpack_require__(__webpack_require__.s = 87);
+/******/ return __webpack_require__(__webpack_require__.s = 88);
/******/ })
/************************************************************************/
/******/ ([
@@ -120,7 +120,7 @@ exports.default = function (self, call) {
exports.__esModule = true;
-var _setPrototypeOf = __webpack_require__(119);
+var _setPrototypeOf = __webpack_require__(120);
var _setPrototypeOf2 = _interopRequireDefault(_setPrototypeOf);
@@ -223,16 +223,13 @@ var slice = Array.prototype.slice;
var eventSplitter = /\s+/;
var eventsApi = function eventsApi(obj, action, name, rest) {
- if (!name) {
- return true;
- }
+ if (!name) return true;
// Handle event maps.
if ((typeof name === 'undefined' ? 'undefined' : (0, _typeof3.default)(name)) === 'object') {
for (var key in name) {
obj[action].apply(obj, [key, name[key]].concat(rest));
- }
- return false;
+ }return false;
}
// Handle space separated event names.
@@ -240,8 +237,7 @@ var eventsApi = function eventsApi(obj, action, name, rest) {
var names = name.split(eventSplitter);
for (var i = 0, l = names.length; i < l; i++) {
obj[action].apply(obj, [names[i]].concat(rest));
- }
- return false;
+ }return false;
}
return true;
@@ -259,6 +255,7 @@ var triggerEvents = function triggerEvents(events, args, klass, name) {
function run() {
try {
switch (args.length) {
+ /* eslint-disable curly */
case 0:
while (++i < l) {
(ev = events[i]).callback.call(ev.ctx);
@@ -306,9 +303,7 @@ var Events = function () {
* @param {Object} context
*/
Events.prototype.on = function on(name, callback, context) {
- if (!eventsApi(this, 'on', name, [callback, context]) || !callback) {
- return this;
- }
+ if (!eventsApi(this, 'on', name, [callback, context]) || !callback) return this;
this._events || (this._events = {});
var events = this._events[name] || (this._events[name] = []);
events.push({ callback: callback, context: context, ctx: context || this });
@@ -327,17 +322,16 @@ var Events = function () {
Events.prototype.once = function once(name, callback, context) {
var _this = this;
- if (!eventsApi(this, 'once', name, [callback, context]) || !callback) {
- return this;
- }
+ var _once = void 0;
+ if (!eventsApi(this, 'once', name, [callback, context]) || !callback) return this;
var off = function off() {
- return _this.off(name, once);
+ return _this.off(name, _once);
};
- var once = function once() {
- off(name, once);
+ _once = function once() {
+ off(name, _once);
callback.apply(this, arguments);
};
- return this.on(name, once, context);
+ return this.on(name, _once, context);
};
/**
@@ -358,9 +352,7 @@ var Events = function () {
l = void 0,
j = void 0,
k = void 0;
- if (!this._events || !eventsApi(this, 'off', name, [callback, context])) {
- return this;
- }
+ if (!this._events || !eventsApi(this, 'off', name, [callback, context])) return this;
if (!name && !callback && !context) {
this._events = void 0;
return this;
@@ -375,14 +367,10 @@ var Events = function () {
if (callback || context) {
for (j = 0, k = events.length; j < k; j++) {
ev = events[j];
- if (callback && callback !== ev.callback && callback !== ev.callback._callback || context && context !== ev.context) {
- retain.push(ev);
- }
+ if (callback && callback !== ev.callback && callback !== ev.callback._callback || context && context !== ev.context) retain.push(ev);
}
}
- if (!retain.length) {
- delete this._events[name];
- }
+ if (!retain.length) delete this._events[name];
}
}
return this;
@@ -398,21 +386,13 @@ var Events = function () {
Events.prototype.trigger = function trigger(name) {
var klass = this.name || this.constructor.name;
_log2.default.debug.apply(_log2.default, [klass].concat(Array.prototype.slice.call(arguments)));
- if (!this._events) {
- return this;
- }
+ if (!this._events) return this;
var args = slice.call(arguments, 1);
- if (!eventsApi(this, 'trigger', name, args)) {
- return this;
- }
+ if (!eventsApi(this, 'trigger', name, args)) return this;
var events = this._events[name];
var allEvents = this._events.all;
- if (events) {
- triggerEvents(events, args, klass, name);
- }
- if (allEvents) {
- triggerEvents(allEvents, arguments, klass, name);
- }
+ if (events) triggerEvents(events, args, klass, name);
+ if (allEvents) triggerEvents(allEvents, arguments, klass, name);
return this;
};
@@ -427,22 +407,14 @@ var Events = function () {
Events.prototype.stopListening = function stopListening(obj, name, callback) {
var listeningTo = this._listeningTo;
- if (!listeningTo) {
- return this;
- }
+ if (!listeningTo) return this;
var remove = !name && !callback;
- if (!callback && (typeof name === 'undefined' ? 'undefined' : (0, _typeof3.default)(name)) === 'object') {
- callback = this;
- }
- if (obj) {
- (listeningTo = {})[obj._listenId] = obj;
- }
+ if (!callback && (typeof name === 'undefined' ? 'undefined' : (0, _typeof3.default)(name)) === 'object') callback = this;
+ if (obj) (listeningTo = {})[obj._listenId] = obj;
for (var id in listeningTo) {
obj = listeningTo[id];
obj.off(name, callback, this);
- if (remove || (0, _keys2.default)(obj._events).length === 0) {
- delete this._listeningTo[id];
- }
+ if (remove || (0, _keys2.default)(obj._events).length === 0) delete this._listeningTo[id];
}
return this;
};
@@ -453,11 +425,9 @@ var Events = function () {
if (property && !Events.Custom[property]) {
Events.Custom[property] = property.toLowerCase().split('_').map(function (value, index) {
- return index == 0 ? value : value = value[0].toUpperCase() + value.slice(1);
+ return index === 0 ? value : value = value[0].toUpperCase() + value.slice(1);
}).join('');
- } else {
- _log2.default.error('Events', 'Error when register event: ' + eventName);
- }
+ } else _log2.default.error('Events', 'Error when register event: ' + eventName);
};
Events.listAvailableCustomEvents = function listAvailableCustomEvents() {
@@ -504,9 +474,7 @@ var listenMethods = { listenTo: 'on', listenToOnce: 'once' };
var listeningTo = this._listeningTo || (this._listeningTo = {});
var id = obj._listenId || (obj._listenId = (0, _utils.uniqueId)('l'));
listeningTo[id] = obj;
- if (!callback && (typeof name === 'undefined' ? 'undefined' : (0, _typeof3.default)(name)) === 'object') {
- callback = this;
- }
+ if (!callback && (typeof name === 'undefined' ? 'undefined' : (0, _typeof3.default)(name)) === 'object') callback = this;
obj[listenMethods[method]](name, callback, this);
return this;
};
@@ -772,6 +740,12 @@ Events.PLAYBACK_PLAY = 'playback:play';
*/
Events.PLAYBACK_PAUSE = 'playback:pause';
/**
+ * Fired when the media for a playback is seeked.
+ *
+ * @event PLAYBACK_SEEKED
+ */
+Events.PLAYBACK_SEEKED = 'playback:seeked';
+/**
* Fired when the media for a playback is stopped.
*
* @event PLAYBACK_STOP
@@ -957,6 +931,13 @@ Events.CONTAINER_MOUSE_LEAVE = 'container:mouseleave';
* @param {Number} time the current time in seconds
*/
Events.CONTAINER_SEEK = 'container:seek';
+/**
+ * Fired when the container was finished the seek video
+ *
+ * @event CONTAINER_SEEKED
+ * @param {Number} time the current time in seconds
+ */
+Events.CONTAINER_SEEKED = 'container:seeked';
Events.CONTAINER_VOLUME = 'container:volume';
Events.CONTAINER_FULLSCREEN = 'container:fullscreen';
/**
@@ -1097,7 +1078,7 @@ var _defineProperty = __webpack_require__(70);
var _defineProperty2 = _interopRequireDefault(_defineProperty);
-var _getOwnPropertyDescriptor = __webpack_require__(125);
+var _getOwnPropertyDescriptor = __webpack_require__(126);
var _getOwnPropertyDescriptor2 = _interopRequireDefault(_getOwnPropertyDescriptor);
@@ -1111,7 +1092,7 @@ exports.getBrowserLanguage = getBrowserLanguage;
exports.now = now;
exports.removeArrayItem = removeArrayItem;
-__webpack_require__(128);
+__webpack_require__(129);
var _browser = __webpack_require__(13);
@@ -1149,9 +1130,8 @@ function extend(parent, properties) {
var _this = (0, _possibleConstructorReturn3.default)(this, _parent.call.apply(_parent, [this].concat(args)));
- if (properties.initialize) {
- properties.initialize.apply(_this, args);
- }
+ if (properties.initialize) properties.initialize.apply(_this, args);
+
return _this;
}
@@ -1163,9 +1143,8 @@ function extend(parent, properties) {
}
function formatTime(time, paddedHours) {
- if (!isFinite(time)) {
- return '--:--';
- }
+ if (!isFinite(time)) return '--:--';
+
time = time * 1000;
time = parseInt(time / 1000);
var seconds = time % 60;
@@ -1177,13 +1156,9 @@ function formatTime(time, paddedHours) {
var out = '';
if (days && days > 0) {
out += days + ':';
- if (hours < 1) {
- out += '00:';
- }
- }
- if (hours && hours > 0 || paddedHours) {
- out += ('0' + hours).slice(-2) + ':';
+ if (hours < 1) out += '00:';
}
+ if (hours && hours > 0 || paddedHours) out += ('0' + hours).slice(-2) + ':';
out += ('0' + minutes).slice(-2) + ':';
out += ('0' + seconds).slice(-2);
return out.trim();
@@ -1194,34 +1169,12 @@ var Fullscreen = exports.Fullscreen = {
return !!(document.webkitFullscreenElement || document.webkitIsFullScreen || document.mozFullScreen || document.msFullscreenElement);
},
requestFullscreen: function requestFullscreen(el) {
- if (el.requestFullscreen) {
- el.requestFullscreen();
- } else if (el.webkitRequestFullscreen) {
- el.webkitRequestFullscreen();
- } else if (el.mozRequestFullScreen) {
- el.mozRequestFullScreen();
- } else if (el.msRequestFullscreen) {
- el.msRequestFullscreen();
- } else if (el.querySelector && el.querySelector('video') && el.querySelector('video').webkitEnterFullScreen) {
- el.querySelector('video').webkitEnterFullScreen();
- } else if (el.webkitEnterFullScreen) {
- el.webkitEnterFullScreen();
- }
+ if (el.requestFullscreen) el.requestFullscreen();else if (el.webkitRequestFullscreen) el.webkitRequestFullscreen();else if (el.mozRequestFullScreen) el.mozRequestFullScreen();else if (el.msRequestFullscreen) el.msRequestFullscreen();else if (el.querySelector && el.querySelector('video') && el.querySelector('video').webkitEnterFullScreen) el.querySelector('video').webkitEnterFullScreen();else if (el.webkitEnterFullScreen) el.webkitEnterFullScreen();
},
cancelFullscreen: function cancelFullscreen() {
var el = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : document;
- if (el.exitFullscreen) {
- el.exitFullscreen();
- } else if (el.webkitCancelFullScreen) {
- el.webkitCancelFullScreen();
- } else if (el.webkitExitFullscreen) {
- el.webkitExitFullscreen();
- } else if (el.mozCancelFullScreen) {
- el.mozCancelFullScreen();
- } else if (el.msExitFullscreen) {
- el.msExitFullscreen();
- }
+ if (el.exitFullscreen) el.exitFullscreen();else if (el.webkitCancelFullScreen) el.webkitCancelFullScreen();else if (el.webkitExitFullscreen) el.webkitExitFullscreen();else if (el.mozCancelFullScreen) el.mozCancelFullScreen();else if (el.msExitFullscreen) el.msExitFullscreen();
},
fullscreenEnabled: function fullscreenEnabled() {
return !!(document.fullscreenEnabled || document.webkitFullscreenEnabled || document.mozFullScreenEnabled || document.msFullscreenEnabled);
@@ -1255,9 +1208,8 @@ var Config = exports.Config = function () {
};
Config.restore = function restore(key) {
- if (_browser2.default.hasLocalstorage && localStorage[this._createKeyspace(key)]) {
- return this._defaultConfig()[key].parse(localStorage[this._createKeyspace(key)]);
- }
+ if (_browser2.default.hasLocalstorage && localStorage[this._createKeyspace(key)]) return this._defaultConfig()[key].parse(localStorage[this._createKeyspace(key)]);
+
return this._defaultValueFor(key);
};
@@ -1340,6 +1292,7 @@ function seekStringToSeconds() {
} else if (seekString) {
seconds = parseInt(seekString, 10);
}
+
return seconds;
}
@@ -1371,18 +1324,15 @@ function getBrowserLanguage() {
}
function now() {
- if (window.performance && window.performance.now) {
- return performance.now();
- }
+ if (window.performance && window.performance.now) return performance.now();
+
return Date.now();
}
// remove the item from the array if it exists in the array
function removeArrayItem(arr, item) {
var i = arr.indexOf(item);
- if (i >= 0) {
- arr.splice(i, 1);
- }
+ if (i >= 0) arr.splice(i, 1);
}
// Simple Zepto element factory with video recycle feature.
@@ -1398,9 +1348,8 @@ var DomRecycler = exports.DomRecycler = function () {
};
DomRecycler.create = function create(name) {
- if (this.options.recycleVideo && name === 'video' && videoStack.length > 0) {
- return videoStack.shift();
- }
+ if (this.options.recycleVideo && name === 'video' && videoStack.length > 0) return videoStack.shift();
+
return (0, _clapprZepto2.default)('<' + name + '>');
};
@@ -3364,39 +3313,85 @@ module.exports = Zepto
/***/ }),
/* 7 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
+/***/ (function(module, exports) {
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
+/*
+ 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 = [];
-var _clapprZepto = __webpack_require__(6);
+ // 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("");
+ };
-var _clapprZepto2 = _interopRequireDefault(_clapprZepto);
+ // 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;
+};
-var _template = __webpack_require__(8);
+function cssWithMappingToString(item, useSourceMap) {
+ var content = item[1] || '';
+ var cssMapping = item[3];
+ if (!cssMapping) {
+ return content;
+ }
-var _template2 = _interopRequireDefault(_template);
+ if (useSourceMap && typeof btoa === 'function') {
+ var sourceMapping = toComment(cssMapping);
+ var sourceURLs = cssMapping.sources.map(function (source) {
+ return '/*# sourceURL=' + cssMapping.sourceRoot + source + ' */'
+ });
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+ return [content].concat(sourceURLs).concat([sourceMapping]).join('\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.
+ return [content].join('\n');
+}
-var Styler = {
- getStyleFor: function getStyleFor(style) {
- var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : { baseUrl: '' };
+// 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 (0, _clapprZepto2.default)('<style class="clappr-style"></style>').html((0, _template2.default)(style.toString())(options));
- }
-};
+ return '/*# ' + data + ' */';
+}
-exports.default = Styler;
-module.exports = exports['default'];
/***/ }),
/* 8 */
@@ -3453,9 +3448,7 @@ var htmlEntities = {
var entityRe = new RegExp('[&<>"\']', 'g');
var escapeExpr = function escapeExpr(string) {
- if (string === null) {
- return '';
- }
+ if (string === null) return '';
return ('' + string).replace(entityRe, function (match) {
return htmlEntities[match];
});
@@ -3480,24 +3473,19 @@ var tmpl = function tmpl(text, data) {
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+=\'';
- }
+ 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';
// If a variable is not specified, place data values in local scope.
- if (!settings.variable) {
- source = 'with(obj||{}){\n' + source + '}\n';
- }
+ if (!settings.variable) source = 'with(obj||{}){\n' + source + '}\n';
source = 'var __t,__p=\'\',__j=Array.prototype.join,' + 'print=function(){__p+=__j.call(arguments,\'\');};\n' + source + 'return __p;\n//# sourceURL=/microtemplates/source[' + counter++ + ']';
@@ -3510,9 +3498,7 @@ var tmpl = function tmpl(text, data) {
throw e;
}
- if (data) {
- return render(data, escapeExpr);
- }
+ if (data) return render(data, escapeExpr);
var template = function template(data) {
return render.call(this, data, escapeExpr);
};
@@ -3899,83 +3885,373 @@ module.exports = exports['default'];
/***/ }),
/* 10 */
-/***/ (function(module, exports) {
+/***/ (function(module, exports, __webpack_require__) {
/*
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;
+var stylesInDom = {};
+
+var memoize = function (fn) {
+ var memo;
+
+ return function () {
+ if (typeof memo === "undefined") memo = fn.apply(this, arguments);
+ return memo;
+ };
+};
+
+var isOldIE = memoize(function () {
+ // Test for IE <= 9 as proposed by Browserhacks
+ // @see http://browserhacks.com/#hack-e71d8692f65334173fee715c222cb805
+ // Tests for existence of standard globals is to allow style-loader
+ // to operate correctly into non-standard environments
+ // @see https://github.com/webpack-contrib/style-loader/issues/177
+ return window && document && document.all && !window.atob;
+});
+
+var getElement = (function (fn) {
+ var memo = {};
+
+ return function(selector) {
+ if (typeof memo[selector] === "undefined") {
+ var styleTarget = fn.call(this, selector);
+ // Special case to return head of iframe instead of iframe itself
+ if (styleTarget instanceof window.HTMLIFrameElement) {
+ try {
+ // This will throw an exception if access to iframe is blocked
+ // due to cross-origin restrictions
+ styleTarget = styleTarget.contentDocument.head;
+ } catch(e) {
+ styleTarget = null;
+ }
}
- }).join("");
+ memo[selector] = styleTarget;
+ }
+ return memo[selector]
};
+})(function (target) {
+ return document.querySelector(target)
+});
- // 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;
+var singleton = null;
+var singletonCounter = 0;
+var stylesInsertedAtTop = [];
+
+var fixUrls = __webpack_require__(140);
+
+module.exports = function(list, options) {
+ if (typeof DEBUG !== "undefined" && DEBUG) {
+ if (typeof document !== "object") throw new Error("The style-loader cannot be used in a non-browser environment");
+ }
+
+ options = options || {};
+
+ options.attrs = typeof options.attrs === "object" ? options.attrs : {};
+
+ // Force single-tag solution on IE6-9, which has a hard limit on the # of <style>
+ // tags it will allow on a page
+ if (!options.singleton) options.singleton = isOldIE();
+
+ // By default, add <style> tags to the <head> element
+ if (!options.insertInto) options.insertInto = "head";
+
+ // By default, add <style> tags to the bottom of the target
+ if (!options.insertAt) options.insertAt = "bottom";
+
+ var styles = listToStyles(list, options);
+
+ addStylesToDom(styles, options);
+
+ return function update (newList) {
+ var mayRemove = [];
+
+ for (var i = 0; i < styles.length; i++) {
+ var item = styles[i];
+ var domStyle = stylesInDom[item.id];
+
+ domStyle.refs--;
+ mayRemove.push(domStyle);
}
- 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);
+
+ if(newList) {
+ var newStyles = listToStyles(newList, options);
+ addStylesToDom(newStyles, options);
+ }
+
+ for (var i = 0; i < mayRemove.length; i++) {
+ var domStyle = mayRemove[i];
+
+ if(domStyle.refs === 0) {
+ for (var j = 0; j < domStyle.parts.length; j++) domStyle.parts[j]();
+
+ delete stylesInDom[domStyle.id];
}
}
};
- return list;
};
-function cssWithMappingToString(item, useSourceMap) {
- var content = item[1] || '';
- var cssMapping = item[3];
- if (!cssMapping) {
- return content;
+function addStylesToDom (styles, options) {
+ for (var i = 0; i < styles.length; i++) {
+ var item = styles[i];
+ var domStyle = stylesInDom[item.id];
+
+ if(domStyle) {
+ domStyle.refs++;
+
+ for(var j = 0; j < domStyle.parts.length; j++) {
+ domStyle.parts[j](item.parts[j]);
+ }
+
+ for(; j < item.parts.length; j++) {
+ domStyle.parts.push(addStyle(item.parts[j], options));
+ }
+ } else {
+ var parts = [];
+
+ for(var j = 0; j < item.parts.length; j++) {
+ parts.push(addStyle(item.parts[j], options));
+ }
+
+ stylesInDom[item.id] = {id: item.id, refs: 1, parts: parts};
+ }
}
+}
- if (useSourceMap && typeof btoa === 'function') {
- var sourceMapping = toComment(cssMapping);
- var sourceURLs = cssMapping.sources.map(function (source) {
- return '/*# sourceURL=' + cssMapping.sourceRoot + source + ' */'
- });
+function listToStyles (list, options) {
+ var styles = [];
+ var newStyles = {};
- return [content].concat(sourceURLs).concat([sourceMapping]).join('\n');
+ for (var i = 0; i < list.length; i++) {
+ var item = list[i];
+ var id = options.base ? item[0] + options.base : item[0];
+ var css = item[1];
+ var media = item[2];
+ var sourceMap = item[3];
+ var part = {css: css, media: media, sourceMap: sourceMap};
+
+ if(!newStyles[id]) styles.push(newStyles[id] = {id: id, parts: [part]});
+ else newStyles[id].parts.push(part);
}
- return [content].join('\n');
+ return styles;
}
-// 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;
+function insertStyleElement (options, style) {
+ var target = getElement(options.insertInto)
- return '/*# ' + data + ' */';
+ if (!target) {
+ throw new Error("Couldn't find a style target. This probably means that the value for the 'insertInto' parameter is invalid.");
+ }
+
+ var lastStyleElementInsertedAtTop = stylesInsertedAtTop[stylesInsertedAtTop.length - 1];
+
+ if (options.insertAt === "top") {
+ if (!lastStyleElementInsertedAtTop) {
+ target.insertBefore(style, target.firstChild);
+ } else if (lastStyleElementInsertedAtTop.nextSibling) {
+ target.insertBefore(style, lastStyleElementInsertedAtTop.nextSibling);
+ } else {
+ target.appendChild(style);
+ }
+ stylesInsertedAtTop.push(style);
+ } else if (options.insertAt === "bottom") {
+ target.appendChild(style);
+ } else if (typeof options.insertAt === "object" && options.insertAt.before) {
+ var nextSibling = getElement(options.insertInto + " " + options.insertAt.before);
+ target.insertBefore(style, nextSibling);
+ } else {
+ throw new Error("[Style Loader]\n\n Invalid value for parameter 'insertAt' ('options.insertAt') found.\n Must be 'top', 'bottom', or Object.\n (https://github.com/webpack-contrib/style-loader#insertat)\n");
+ }
+}
+
+function removeStyleElement (style) {
+ if (style.parentNode === null) return false;
+ style.parentNode.removeChild(style);
+
+ var idx = stylesInsertedAtTop.indexOf(style);
+ if(idx >= 0) {
+ stylesInsertedAtTop.splice(idx, 1);
+ }
+}
+
+function createStyleElement (options) {
+ var style = document.createElement("style");
+
+ options.attrs.type = "text/css";
+
+ addAttrs(style, options.attrs);
+ insertStyleElement(options, style);
+
+ return style;
+}
+
+function createLinkElement (options) {
+ var link = document.createElement("link");
+
+ options.attrs.type = "text/css";
+ options.attrs.rel = "stylesheet";
+
+ addAttrs(link, options.attrs);
+ insertStyleElement(options, link);
+
+ return link;
+}
+
+function addAttrs (el, attrs) {
+ Object.keys(attrs).forEach(function (key) {
+ el.setAttribute(key, attrs[key]);
+ });
+}
+
+function addStyle (obj, options) {
+ var style, update, remove, result;
+
+ // If a transform function was defined, run it on the css
+ if (options.transform && obj.css) {
+ result = options.transform(obj.css);
+
+ if (result) {
+ // If transform returns a value, use that instead of the original css.
+ // This allows running runtime transformations on the css.
+ obj.css = result;
+ } else {
+ // If the transform function returns a falsy value, don't add this css.
+ // This allows conditional loading of css
+ return function() {
+ // noop
+ };
+ }
+ }
+
+ if (options.singleton) {
+ var styleIndex = singletonCounter++;
+
+ style = singleton || (singleton = createStyleElement(options));
+
+ update = applyToSingletonTag.bind(null, style, styleIndex, false);
+ remove = applyToSingletonTag.bind(null, style, styleIndex, true);
+
+ } else if (
+ obj.sourceMap &&
+ typeof URL === "function" &&
+ typeof URL.createObjectURL === "function" &&
+ typeof URL.revokeObjectURL === "function" &&
+ typeof Blob === "function" &&
+ typeof btoa === "function"
+ ) {
+ style = createLinkElement(options);
+ update = updateLink.bind(null, style, options);
+ remove = function () {
+ removeStyleElement(style);
+
+ if(style.href) URL.revokeObjectURL(style.href);
+ };
+ } else {
+ style = createStyleElement(options);
+ update = applyToTag.bind(null, style);
+ remove = function () {
+ removeStyleElement(style);
+ };
+ }
+
+ update(obj);
+
+ return function updateStyle (newObj) {
+ if (newObj) {
+ if (
+ newObj.css === obj.css &&
+ newObj.media === obj.media &&
+ newObj.sourceMap === obj.sourceMap
+ ) {
+ return;
+ }
+
+ update(obj = newObj);
+ } else {
+ remove();
+ }
+ };
+}
+
+var replaceText = (function () {
+ var textStore = [];
+
+ return function (index, replacement) {
+ textStore[index] = replacement;
+
+ return textStore.filter(Boolean).join('\n');
+ };
+})();
+
+function applyToSingletonTag (style, index, remove, obj) {
+ var css = remove ? "" : obj.css;
+
+ if (style.styleSheet) {
+ style.styleSheet.cssText = replaceText(index, css);
+ } else {
+ var cssNode = document.createTextNode(css);
+ var childNodes = style.childNodes;
+
+ if (childNodes[index]) style.removeChild(childNodes[index]);
+
+ if (childNodes.length) {
+ style.insertBefore(cssNode, childNodes[index]);
+ } else {
+ style.appendChild(cssNode);
+ }
+ }
+}
+
+function applyToTag (style, obj) {
+ var css = obj.css;
+ var media = obj.media;
+
+ if(media) {
+ style.setAttribute("media", media)
+ }
+
+ if(style.styleSheet) {
+ style.styleSheet.cssText = css;
+ } else {
+ while(style.firstChild) {
+ style.removeChild(style.firstChild);
+ }
+
+ style.appendChild(document.createTextNode(css));
+ }
+}
+
+function updateLink (link, options, obj) {
+ var css = obj.css;
+ var sourceMap = obj.sourceMap;
+
+ /*
+ If convertToAbsoluteUrls isn't defined, but sourcemaps are enabled
+ and there is no publicPath defined then lets turn convertToAbsoluteUrls
+ on by default. Otherwise default to the convertToAbsoluteUrls option
+ directly
+ */
+ var autoFixUrls = options.convertToAbsoluteUrls === undefined && sourceMap;
+
+ if (options.convertToAbsoluteUrls || autoFixUrls) {
+ css = fixUrls(css);
+ }
+
+ if (sourceMap) {
+ // http://stackoverflow.com/a/26603875
+ css += "\n/*# sourceMappingURL=data:application/json;base64," + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + " */";
+ }
+
+ var blob = new Blob([css], { type: "text/css" });
+
+ var oldSrc = link.href;
+
+ link.href = URL.createObjectURL(blob);
+
+ if(oldSrc) URL.revokeObjectURL(oldSrc);
}
@@ -4037,8 +4313,7 @@ var hasFlash = function hasFlash() {
}
};
-var getBrowserInfo = function getBrowserInfo() {
- var ua = navigator.userAgent;
+var getBrowserInfo = exports.getBrowserInfo = function getBrowserInfo(ua) {
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])) {
@@ -4046,23 +4321,20 @@ var getBrowserInfo = function getBrowserInfo() {
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]) };
- }
+ 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]) };
- }
+ if (extra != null) return { name: 'Edge', version: parseInt(extra[1]) };
+ } else if (/android/i.test(ua) && (extra = ua.match(/version\/(\d+)/i))) {
+ parts.splice(1, 1, 'Android WebView');
+ parts.splice(2, 1, 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]) };
};
-var browserInfo = getBrowserInfo();
+var browserInfo = getBrowserInfo(navigator.userAgent);
Browser.isEdge = /edge/i.test(navigator.userAgent);
Browser.isChrome = /chrome|CriOS/i.test(navigator.userAgent) && !Browser.isEdge;
@@ -4086,14 +4358,13 @@ Browser.name = browserInfo.name;
Browser.version = browserInfo.version;
exports.default = Browser;
-module.exports = exports['default'];
/***/ }),
/* 14 */
/***/ (function(module, exports, __webpack_require__) {
// to indexed object, toObject with fallback for non-array-like ES3 strings
-var IObject = __webpack_require__(91)
+var IObject = __webpack_require__(92)
, defined = __webpack_require__(40);
module.exports = function(it){
return IObject(defined(it));
@@ -4511,14 +4782,10 @@ var UIObject = function (_BaseObject) {
UIObject.prototype.setElement = function setElement(element, delegate) {
- if (this.$el) {
- this.undelegateEvents();
- }
- this.$el = element instanceof _clapprZepto2.default ? element : (0, _clapprZepto2.default)(element);
+ if (this.$el) this.undelegateEvents();
+ this.$el = _clapprZepto2.default.zepto.isZ(element) ? element : (0, _clapprZepto2.default)(element);
this.el = this.$el[0];
- if (delegate !== false) {
- this.delegateEvents();
- }
+ if (delegate !== false) this.delegateEvents();
return this;
};
@@ -4531,28 +4798,18 @@ var UIObject = function (_BaseObject) {
UIObject.prototype.delegateEvents = function delegateEvents(events) {
- if (!(events || (events = this.events))) {
- return this;
- }
+ 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;
- }
+ if (method && method.constructor !== Function) method = this[events[key]];
+ if (!method) continue;
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));
- }
+ if (selector === '') this.$el.on(eventName, method.bind(this));else this.$el.on(eventName, selector, method.bind(this));
}
return this;
};
@@ -4579,12 +4836,8 @@ var UIObject = function (_BaseObject) {
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;
- }
+ 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 {
@@ -4824,7 +5077,7 @@ module.exports = exports['default'];
/* 31 */
/***/ (function(module, exports, __webpack_require__) {
-module.exports = { "default": __webpack_require__(89), __esModule: true };
+module.exports = { "default": __webpack_require__(90), __esModule: true };
/***/ }),
/* 32 */
@@ -4845,11 +5098,11 @@ module.exports = function(key){
exports.__esModule = true;
-var _iterator = __webpack_require__(95);
+var _iterator = __webpack_require__(96);
var _iterator2 = _interopRequireDefault(_iterator);
-var _symbol = __webpack_require__(106);
+var _symbol = __webpack_require__(107);
var _symbol2 = _interopRequireDefault(_symbol);
@@ -4912,7 +5165,7 @@ Object.defineProperty(exports, "__esModule", {
value: true
});
-var _html5_video = __webpack_require__(152);
+var _html5_video = __webpack_require__(158);
var _html5_video2 = _interopRequireDefault(_html5_video);
@@ -5258,7 +5511,7 @@ module.exports = (
/***/ (function(module, exports, __webpack_require__) {
// optional / simple context binding
-var aFunction = __webpack_require__(94);
+var aFunction = __webpack_require__(95);
module.exports = function(fn, that, length){
aFunction(fn);
if(that === undefined)return fn;
@@ -5307,7 +5560,7 @@ module.exports = true;
// 19.1.2.2 / 15.2.3.5 Object.create(O [, Properties])
var anObject = __webpack_require__(23)
- , dPs = __webpack_require__(99)
+ , dPs = __webpack_require__(100)
, enumBugKeys = __webpack_require__(45)
, IE_PROTO = __webpack_require__(43)('IE_PROTO')
, Empty = function(){ /* empty */ }
@@ -5322,7 +5575,7 @@ var createDict = function(){
, gt = '>'
, iframeDocument;
iframe.style.display = 'none';
- __webpack_require__(100).appendChild(iframe);
+ __webpack_require__(101).appendChild(iframe);
iframe.src = 'javascript:'; // eslint-disable-line no-script-url
// createDict = iframe.contentWindow.Object;
// html.removeChild(iframe);
@@ -5418,7 +5671,7 @@ Object.defineProperty(exports, "__esModule", {
value: true
});
-var _log = __webpack_require__(129);
+var _log = __webpack_require__(130);
var _log2 = _interopRequireDefault(_log);
@@ -5438,7 +5691,7 @@ Object.defineProperty(exports, "__esModule", {
value: true
});
-var _kibo = __webpack_require__(130);
+var _kibo = __webpack_require__(131);
var _kibo2 = _interopRequireDefault(_kibo);
@@ -5649,7 +5902,7 @@ module.exports = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\
Object.defineProperty(exports, "__esModule", {
value: true
});
-exports.default = __webpack_require__(164);
+exports.default = __webpack_require__(171);
module.exports = exports['default'];
/***/ }),
@@ -5658,7 +5911,7 @@ module.exports = exports['default'];
var has = __webpack_require__(18)
, toIObject = __webpack_require__(14)
- , arrayIndexOf = __webpack_require__(92)(false)
+ , arrayIndexOf = __webpack_require__(93)(false)
, IE_PROTO = __webpack_require__(43)('IE_PROTO');
module.exports = function(object, names){
@@ -5726,7 +5979,7 @@ module.exports = function(it){
"use strict";
-var $at = __webpack_require__(97)(true);
+var $at = __webpack_require__(98)(true);
// 21.1.3.27 String.prototype[@@iterator]()
__webpack_require__(66)(String, 'String', function(iterated){
@@ -5755,9 +6008,9 @@ var LIBRARY = __webpack_require__(48)
, hide = __webpack_require__(22)
, has = __webpack_require__(18)
, Iterators = __webpack_require__(29)
- , $iterCreate = __webpack_require__(98)
+ , $iterCreate = __webpack_require__(99)
, setToStringTag = __webpack_require__(50)
- , getPrototypeOf = __webpack_require__(101)
+ , getPrototypeOf = __webpack_require__(102)
, ITERATOR = __webpack_require__(12)('iterator')
, BUGGY = !([].keys && 'next' in [].keys()) // Safari has buggy iterators w/o `next`
, FF_ITERATOR = '@@iterator'
@@ -5847,13 +6100,13 @@ exports.f = Object.getOwnPropertyNames || function getOwnPropertyNames(O){
/* 70 */
/***/ (function(module, exports, __webpack_require__) {
-module.exports = { "default": __webpack_require__(117), __esModule: true };
+module.exports = { "default": __webpack_require__(118), __esModule: true };
/***/ }),
/* 71 */
/***/ (function(module, exports, __webpack_require__) {
-module.exports = { "default": __webpack_require__(123), __esModule: true };
+module.exports = { "default": __webpack_require__(124), __esModule: true };
/***/ }),
/* 72 */
@@ -5866,7 +6119,7 @@ Object.defineProperty(exports, "__esModule", {
value: true
});
-var _core = __webpack_require__(133);
+var _core = __webpack_require__(134);
var _core2 = _interopRequireDefault(_core);
@@ -5886,7 +6139,7 @@ Object.defineProperty(exports, "__esModule", {
value: true
});
-var _container = __webpack_require__(136);
+var _container = __webpack_require__(137);
var _container2 = _interopRequireDefault(_container);
@@ -5906,7 +6159,7 @@ Object.defineProperty(exports, "__esModule", {
value: true
});
-var _media_control = __webpack_require__(138);
+var _media_control = __webpack_require__(141);
var _media_control2 = _interopRequireDefault(_media_control);
@@ -5917,9 +6170,9 @@ module.exports = exports['default'];
/***/ }),
/* 75 */
-/***/ (function(module, exports, __webpack_require__) {
+/***/ (function(module, exports) {
-module.exports = __webpack_require__.p + "a8c874b93b3d848f39a71260c57e3863.cur";
+module.exports = "<%=baseUrl%>/a8c874b93b3d848f39a71260c57e3863.cur";
/***/ }),
/* 76 */
@@ -5938,7 +6191,43 @@ Object.defineProperty(exports, "__esModule", {
value: true
});
-var _loader = __webpack_require__(151);
+var _clapprZepto = __webpack_require__(6);
+
+var _clapprZepto2 = _interopRequireDefault(_clapprZepto);
+
+var _template = __webpack_require__(8);
+
+var _template2 = _interopRequireDefault(_template);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// Copyright 2014 Globo.com Player authors. All rights reserved.
+// Use of this source code is governed by a BSD-style
+// license that can be found in the LICENSE file.
+
+var Styler = {
+ getStyleFor: function getStyleFor(style) {
+ var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : { baseUrl: '' };
+
+ return (0, _clapprZepto2.default)('<style class="clappr-style"></style>').html((0, _template2.default)(style.toString())(options));
+ }
+};
+
+exports.default = Styler;
+module.exports = exports['default'];
+
+/***/ }),
+/* 78 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+ value: true
+});
+
+var _loader = __webpack_require__(157);
var _loader2 = _interopRequireDefault(_loader);
@@ -5948,13 +6237,13 @@ exports.default = _loader2.default;
module.exports = exports['default'];
/***/ }),
-/* 78 */
+/* 79 */
/***/ (function(module, exports, __webpack_require__) {
-module.exports = { "default": __webpack_require__(153), __esModule: true };
+module.exports = { "default": __webpack_require__(159), __esModule: true };
/***/ }),
-/* 79 */
+/* 80 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -5962,7 +6251,7 @@ module.exports = { "default": __webpack_require__(153), __esModule: true };
exports.__esModule = true;
-var _from = __webpack_require__(78);
+var _from = __webpack_require__(79);
var _from2 = _interopRequireDefault(_from);
@@ -5981,7 +6270,7 @@ exports.default = function (arr) {
};
/***/ }),
-/* 80 */
+/* 81 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -5991,7 +6280,7 @@ Object.defineProperty(exports, "__esModule", {
value: true
});
-var _flash = __webpack_require__(163);
+var _flash = __webpack_require__(170);
var _flash2 = _interopRequireDefault(_flash);
@@ -6001,7 +6290,7 @@ exports.default = _flash2.default;
module.exports = exports['default'];
/***/ }),
-/* 81 */
+/* 82 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -6011,7 +6300,7 @@ Object.defineProperty(exports, "__esModule", {
value: true
});
-var _html5_audio = __webpack_require__(168);
+var _html5_audio = __webpack_require__(176);
var _html5_audio2 = _interopRequireDefault(_html5_audio);
@@ -6021,7 +6310,7 @@ exports.default = _html5_audio2.default;
module.exports = exports['default'];
/***/ }),
-/* 82 */
+/* 83 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -6031,7 +6320,7 @@ Object.defineProperty(exports, "__esModule", {
value: true
});
-var _flashls = __webpack_require__(169);
+var _flashls = __webpack_require__(177);
var _flashls2 = _interopRequireDefault(_flashls);
@@ -6041,7 +6330,7 @@ exports.default = _flashls2.default;
module.exports = exports['default'];
/***/ }),
-/* 83 */
+/* 84 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -6051,7 +6340,7 @@ Object.defineProperty(exports, "__esModule", {
value: true
});
-var _hls = __webpack_require__(172);
+var _hls = __webpack_require__(180);
var _hls2 = _interopRequireDefault(_hls);
@@ -6061,7 +6350,7 @@ exports.default = _hls2.default;
module.exports = exports['default'];
/***/ }),
-/* 84 */
+/* 85 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -6071,7 +6360,7 @@ Object.defineProperty(exports, "__esModule", {
value: true
});
-var _html_img = __webpack_require__(174);
+var _html_img = __webpack_require__(182);
var _html_img2 = _interopRequireDefault(_html_img);
@@ -6081,7 +6370,7 @@ exports.default = _html_img2.default;
module.exports = exports['default'];
/***/ }),
-/* 85 */
+/* 86 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -6091,7 +6380,7 @@ Object.defineProperty(exports, "__esModule", {
value: true
});
-var _no_op = __webpack_require__(176);
+var _no_op = __webpack_require__(185);
var _no_op2 = _interopRequireDefault(_no_op);
@@ -6101,7 +6390,7 @@ exports.default = _no_op2.default;
module.exports = exports['default'];
/***/ }),
-/* 86 */
+/* 87 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -6111,7 +6400,7 @@ Object.defineProperty(exports, "__esModule", {
value: true
});
-var _poster = __webpack_require__(189);
+var _poster = __webpack_require__(201);
var _poster2 = _interopRequireDefault(_poster);
@@ -6121,7 +6410,7 @@ exports.default = _poster2.default;
module.exports = exports['default'];
/***/ }),
-/* 87 */
+/* 88 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -6131,7 +6420,7 @@ Object.defineProperty(exports, "__esModule", {
value: true
});
-var _player = __webpack_require__(88);
+var _player = __webpack_require__(89);
var _player2 = _interopRequireDefault(_player);
@@ -6183,7 +6472,7 @@ var _core = __webpack_require__(72);
var _core2 = _interopRequireDefault(_core);
-var _loader = __webpack_require__(77);
+var _loader = __webpack_require__(78);
var _loader2 = _interopRequireDefault(_loader);
@@ -6203,19 +6492,19 @@ var _base_flash_playback = __webpack_require__(59);
var _base_flash_playback2 = _interopRequireDefault(_base_flash_playback);
-var _flash = __webpack_require__(80);
+var _flash = __webpack_require__(81);
var _flash2 = _interopRequireDefault(_flash);
-var _flashls = __webpack_require__(82);
+var _flashls = __webpack_require__(83);
var _flashls2 = _interopRequireDefault(_flashls);
-var _hls = __webpack_require__(83);
+var _hls = __webpack_require__(84);
var _hls2 = _interopRequireDefault(_hls);
-var _html5_audio = __webpack_require__(81);
+var _html5_audio = __webpack_require__(82);
var _html5_audio2 = _interopRequireDefault(_html5_audio);
@@ -6223,15 +6512,15 @@ var _html5_video = __webpack_require__(35);
var _html5_video2 = _interopRequireDefault(_html5_video);
-var _html_img = __webpack_require__(84);
+var _html_img = __webpack_require__(85);
var _html_img2 = _interopRequireDefault(_html_img);
-var _no_op = __webpack_require__(85);
+var _no_op = __webpack_require__(86);
var _no_op2 = _interopRequireDefault(_no_op);
-var _poster = __webpack_require__(86);
+var _poster = __webpack_require__(87);
var _poster2 = _interopRequireDefault(_poster);
@@ -6239,7 +6528,7 @@ var _log = __webpack_require__(55);
var _log2 = _interopRequireDefault(_log);
-var _styler = __webpack_require__(7);
+var _styler = __webpack_require__(77);
var _styler2 = _interopRequireDefault(_styler);
@@ -6257,7 +6546,7 @@ var _clapprZepto2 = _interopRequireDefault(_clapprZepto);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var version = "0.2.71"; // Copyright 2014 Globo.com Player authors. All rights reserved.
+var version = "0.2.80"; // 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.
@@ -6298,7 +6587,7 @@ exports.default = {
module.exports = exports['default'];
/***/ }),
-/* 88 */
+/* 89 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -6342,11 +6631,11 @@ var _browser = __webpack_require__(13);
var _browser2 = _interopRequireDefault(_browser);
-var _core_factory = __webpack_require__(131);
+var _core_factory = __webpack_require__(132);
var _core_factory2 = _interopRequireDefault(_core_factory);
-var _loader = __webpack_require__(77);
+var _loader = __webpack_require__(78);
var _loader2 = _interopRequireDefault(_loader);
@@ -6399,9 +6688,8 @@ var Player = function (_BaseObject) {
this._loader = loader;
},
get: function get() {
- if (!this._loader) {
- this._loader = new _loader2.default(this.options.plugins || {}, this.options.playerId);
- }
+ if (!this._loader) this._loader = new _loader2.default(this.options.plugins || {}, this.options.playerId);
+
return this._loader;
}
@@ -6501,7 +6789,7 @@ var Player = function (_BaseObject) {
* 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]
+ * @param {Boolean} [options.mute]
* 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.
@@ -6570,11 +6858,8 @@ var Player = function (_BaseObject) {
_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);
- }
+ if (_this.options.parentId) _this.setParentId(_this.options.parentId);else if (_this.options.parent) _this.attachTo(_this.options.parent);
+
return _this;
}
@@ -6588,9 +6873,8 @@ var Player = function (_BaseObject) {
Player.prototype.setParentId = function setParentId(parentId) {
var el = document.querySelector(parentId);
- if (el) {
- this.attachTo(el);
- }
+ if (el) this.attachTo(el);
+
return this;
};
@@ -6610,11 +6894,8 @@ var Player = function (_BaseObject) {
};
Player.prototype._addEventListeners = function _addEventListeners() {
- if (!this.core.isReady) {
- this.listenToOnce(this.core, _events2.default.CORE_READY, this._onReady);
- } else {
- this._onReady();
- }
+ 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;
@@ -6736,9 +7017,8 @@ var Player = function (_BaseObject) {
Player.prototype.load = function load(sources, mimeType, autoPlay) {
- if (autoPlay !== undefined) {
- this.configure({ autoPlay: !!autoPlay });
- }
+ if (autoPlay !== undefined) this.configure({ autoPlay: !!autoPlay });
+
this.core.load(sources, mimeType);
return this;
};
@@ -6838,9 +7118,8 @@ var Player = function (_BaseObject) {
Player.prototype.setVolume = function setVolume(volume) {
- if (this.core && this.core.mediaControl) {
- this.core.mediaControl.setVolume(volume);
- }
+ if (this.core && this.core.mediaControl) this.core.mediaControl.setVolume(volume);
+
return this;
};
@@ -6989,14 +7268,14 @@ exports.default = Player;
module.exports = exports['default'];
/***/ }),
-/* 89 */
+/* 90 */
/***/ (function(module, exports, __webpack_require__) {
-__webpack_require__(90);
+__webpack_require__(91);
module.exports = __webpack_require__(11).Object.keys;
/***/ }),
-/* 90 */
+/* 91 */
/***/ (function(module, exports, __webpack_require__) {
// 19.1.2.14 Object.keys(O)
@@ -7010,7 +7289,7 @@ __webpack_require__(62)('keys', function(){
});
/***/ }),
-/* 91 */
+/* 92 */
/***/ (function(module, exports, __webpack_require__) {
// fallback for non-array-like ES3 and non-enumerable old V8 strings
@@ -7020,14 +7299,14 @@ module.exports = Object('z').propertyIsEnumerable(0) ? Object : function(it){
};
/***/ }),
-/* 92 */
+/* 93 */
/***/ (function(module, exports, __webpack_require__) {
// false -> Array#indexOf
// true -> Array#includes
var toIObject = __webpack_require__(14)
, toLength = __webpack_require__(61)
- , toIndex = __webpack_require__(93);
+ , toIndex = __webpack_require__(94);
module.exports = function(IS_INCLUDES){
return function($this, el, fromIndex){
var O = toIObject($this)
@@ -7046,7 +7325,7 @@ module.exports = function(IS_INCLUDES){
};
/***/ }),
-/* 93 */
+/* 94 */
/***/ (function(module, exports, __webpack_require__) {
var toInteger = __webpack_require__(42)
@@ -7058,7 +7337,7 @@ module.exports = function(index, length){
};
/***/ }),
-/* 94 */
+/* 95 */
/***/ (function(module, exports) {
module.exports = function(it){
@@ -7067,21 +7346,21 @@ module.exports = function(it){
};
/***/ }),
-/* 95 */
+/* 96 */
/***/ (function(module, exports, __webpack_require__) {
-module.exports = { "default": __webpack_require__(96), __esModule: true };
+module.exports = { "default": __webpack_require__(97), __esModule: true };
/***/ }),
-/* 96 */
+/* 97 */
/***/ (function(module, exports, __webpack_require__) {
__webpack_require__(65);
-__webpack_require__(102);
+__webpack_require__(103);
module.exports = __webpack_require__(51).f('iterator');
/***/ }),
-/* 97 */
+/* 98 */
/***/ (function(module, exports, __webpack_require__) {
var toInteger = __webpack_require__(42)
@@ -7103,7 +7382,7 @@ module.exports = function(TO_STRING){
};
/***/ }),
-/* 98 */
+/* 99 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -7122,7 +7401,7 @@ module.exports = function(Constructor, NAME, next){
};
/***/ }),
-/* 99 */
+/* 100 */
/***/ (function(module, exports, __webpack_require__) {
var dP = __webpack_require__(16)
@@ -7140,13 +7419,13 @@ module.exports = __webpack_require__(20) ? Object.defineProperties : function de
};
/***/ }),
-/* 100 */
+/* 101 */
/***/ (function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(15).document && document.documentElement;
/***/ }),
-/* 101 */
+/* 102 */
/***/ (function(module, exports, __webpack_require__) {
// 19.1.2.9 / 15.2.3.2 Object.getPrototypeOf(O)
@@ -7164,10 +7443,10 @@ module.exports = Object.getPrototypeOf || function(O){
};
/***/ }),
-/* 102 */
+/* 103 */
/***/ (function(module, exports, __webpack_require__) {
-__webpack_require__(103);
+__webpack_require__(104);
var global = __webpack_require__(15)
, hide = __webpack_require__(22)
, Iterators = __webpack_require__(29)
@@ -7182,13 +7461,13 @@ for(var collections = ['NodeList', 'DOMTokenList', 'MediaList', 'StyleSheetList'
}
/***/ }),
-/* 103 */
+/* 104 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-var addToUnscopables = __webpack_require__(104)
- , step = __webpack_require__(105)
+var addToUnscopables = __webpack_require__(105)
+ , step = __webpack_require__(106)
, Iterators = __webpack_require__(29)
, toIObject = __webpack_require__(14);
@@ -7222,13 +7501,13 @@ addToUnscopables('values');
addToUnscopables('entries');
/***/ }),
-/* 104 */
+/* 105 */
/***/ (function(module, exports) {
module.exports = function(){ /* empty */ };
/***/ }),
-/* 105 */
+/* 106 */
/***/ (function(module, exports) {
module.exports = function(done, value){
@@ -7236,23 +7515,23 @@ module.exports = function(done, value){
};
/***/ }),
-/* 106 */
+/* 107 */
/***/ (function(module, exports, __webpack_require__) {
-module.exports = { "default": __webpack_require__(107), __esModule: true };
+module.exports = { "default": __webpack_require__(108), __esModule: true };
/***/ }),
-/* 107 */
+/* 108 */
/***/ (function(module, exports, __webpack_require__) {
-__webpack_require__(108);
-__webpack_require__(114);
+__webpack_require__(109);
__webpack_require__(115);
__webpack_require__(116);
+__webpack_require__(117);
module.exports = __webpack_require__(11).Symbol;
/***/ }),
-/* 108 */
+/* 109 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -7263,7 +7542,7 @@ var global = __webpack_require__(15)
, DESCRIPTORS = __webpack_require__(20)
, $export = __webpack_require__(19)
, redefine = __webpack_require__(67)
- , META = __webpack_require__(109).KEY
+ , META = __webpack_require__(110).KEY
, $fails = __webpack_require__(27)
, shared = __webpack_require__(44)
, setToStringTag = __webpack_require__(50)
@@ -7271,15 +7550,15 @@ var global = __webpack_require__(15)
, wks = __webpack_require__(12)
, wksExt = __webpack_require__(51)
, wksDefine = __webpack_require__(52)
- , keyOf = __webpack_require__(110)
- , enumKeys = __webpack_require__(111)
- , isArray = __webpack_require__(112)
+ , keyOf = __webpack_require__(111)
+ , enumKeys = __webpack_require__(112)
+ , isArray = __webpack_require__(113)
, anObject = __webpack_require__(23)
, toIObject = __webpack_require__(14)
, toPrimitive = __webpack_require__(47)
, createDesc = __webpack_require__(28)
, _create = __webpack_require__(49)
- , gOPNExt = __webpack_require__(113)
+ , gOPNExt = __webpack_require__(114)
, $GOPD = __webpack_require__(54)
, $DP = __webpack_require__(16)
, $keys = __webpack_require__(25)
@@ -7493,7 +7772,7 @@ setToStringTag(Math, 'Math', true);
setToStringTag(global.JSON, 'JSON', true);
/***/ }),
-/* 109 */
+/* 110 */
/***/ (function(module, exports, __webpack_require__) {
var META = __webpack_require__(32)('meta')
@@ -7551,7 +7830,7 @@ var meta = module.exports = {
};
/***/ }),
-/* 110 */
+/* 111 */
/***/ (function(module, exports, __webpack_require__) {
var getKeys = __webpack_require__(25)
@@ -7566,7 +7845,7 @@ module.exports = function(object, el){
};
/***/ }),
-/* 111 */
+/* 112 */
/***/ (function(module, exports, __webpack_require__) {
// all enumerable object keys, includes symbols
@@ -7586,7 +7865,7 @@ module.exports = function(it){
};
/***/ }),
-/* 112 */
+/* 113 */
/***/ (function(module, exports, __webpack_require__) {
// 7.2.2 IsArray(argument)
@@ -7596,7 +7875,7 @@ module.exports = Array.isArray || function isArray(arg){
};
/***/ }),
-/* 113 */
+/* 114 */
/***/ (function(module, exports, __webpack_require__) {
// fallback for IE11 buggy Object.getOwnPropertyNames with iframe and window
@@ -7621,35 +7900,35 @@ module.exports.f = function getOwnPropertyNames(it){
/***/ }),
-/* 114 */
+/* 115 */
/***/ (function(module, exports) {
/***/ }),
-/* 115 */
+/* 116 */
/***/ (function(module, exports, __webpack_require__) {
__webpack_require__(52)('asyncIterator');
/***/ }),
-/* 116 */
+/* 117 */
/***/ (function(module, exports, __webpack_require__) {
__webpack_require__(52)('observable');
/***/ }),
-/* 117 */
+/* 118 */
/***/ (function(module, exports, __webpack_require__) {
-__webpack_require__(118);
+__webpack_require__(119);
var $Object = __webpack_require__(11).Object;
module.exports = function defineProperty(it, key, desc){
return $Object.defineProperty(it, key, desc);
};
/***/ }),
-/* 118 */
+/* 119 */
/***/ (function(module, exports, __webpack_require__) {
var $export = __webpack_require__(19);
@@ -7657,28 +7936,28 @@ var $export = __webpack_require__(19);
$export($export.S + $export.F * !__webpack_require__(20), 'Object', {defineProperty: __webpack_require__(16).f});
/***/ }),
-/* 119 */
+/* 120 */
/***/ (function(module, exports, __webpack_require__) {
-module.exports = { "default": __webpack_require__(120), __esModule: true };
+module.exports = { "default": __webpack_require__(121), __esModule: true };
/***/ }),
-/* 120 */
+/* 121 */
/***/ (function(module, exports, __webpack_require__) {
-__webpack_require__(121);
+__webpack_require__(122);
module.exports = __webpack_require__(11).Object.setPrototypeOf;
/***/ }),
-/* 121 */
+/* 122 */
/***/ (function(module, exports, __webpack_require__) {
// 19.1.3.19 Object.setPrototypeOf(O, proto)
var $export = __webpack_require__(19);
-$export($export.S, 'Object', {setPrototypeOf: __webpack_require__(122).set});
+$export($export.S, 'Object', {setPrototypeOf: __webpack_require__(123).set});
/***/ }),
-/* 122 */
+/* 123 */
/***/ (function(module, exports, __webpack_require__) {
// Works with __proto__ only. Old v8 can't work with null proto objects.
@@ -7708,17 +7987,17 @@ module.exports = {
};
/***/ }),
-/* 123 */
+/* 124 */
/***/ (function(module, exports, __webpack_require__) {
-__webpack_require__(124);
+__webpack_require__(125);
var $Object = __webpack_require__(11).Object;
module.exports = function create(P, D){
return $Object.create(P, D);
};
/***/ }),
-/* 124 */
+/* 125 */
/***/ (function(module, exports, __webpack_require__) {
var $export = __webpack_require__(19)
@@ -7726,23 +8005,23 @@ var $export = __webpack_require__(19)
$export($export.S, 'Object', {create: __webpack_require__(49)});
/***/ }),
-/* 125 */
+/* 126 */
/***/ (function(module, exports, __webpack_require__) {
-module.exports = { "default": __webpack_require__(126), __esModule: true };
+module.exports = { "default": __webpack_require__(127), __esModule: true };
/***/ }),
-/* 126 */
+/* 127 */
/***/ (function(module, exports, __webpack_require__) {
-__webpack_require__(127);
+__webpack_require__(128);
var $Object = __webpack_require__(11).Object;
module.exports = function getOwnPropertyDescriptor(it, key){
return $Object.getOwnPropertyDescriptor(it, key);
};
/***/ }),
-/* 127 */
+/* 128 */
/***/ (function(module, exports, __webpack_require__) {
// 19.1.2.6 Object.getOwnPropertyDescriptor(O, P)
@@ -7756,7 +8035,7 @@ __webpack_require__(62)('getOwnPropertyDescriptor', function(){
});
/***/ }),
-/* 128 */
+/* 129 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -7773,13 +8052,12 @@ __webpack_require__(62)('getOwnPropertyDescriptor', function(){
* See also : https://tc39.github.io/ecma262/#sec-array.prototype.find
*/
if (!Array.prototype.find) {
+ // eslint-disable-next-line
Object.defineProperty(Array.prototype, 'find', {
// Note: ES6 arrow function syntax is not used on purpose to avoid this to be undefined
value: function value(predicate) {
// 1. Let O be ? ToObject(this value).
- if (this == null) {
- throw new TypeError('"this" is null or not defined');
- }
+ if (this == null) throw new TypeError('"this" is null or not defined');
var o = Object(this);
@@ -7787,9 +8065,7 @@ if (!Array.prototype.find) {
var len = o.length >>> 0;
// 3. If IsCallable(predicate) is false, throw a TypeError exception.
- if (typeof predicate !== 'function') {
- throw new TypeError('predicate must be a function');
- }
+ if (typeof predicate !== 'function') throw new TypeError('predicate must be a function');
// 4. If thisArg was supplied, let T be thisArg; else let T be undefined.
var thisArg = arguments[1];
@@ -7804,9 +8080,8 @@ if (!Array.prototype.find) {
// c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)).
// d. If testResult is true, return kValue.
var kValue = o[k];
- if (predicate.call(thisArg, kValue, k, o)) {
- return kValue;
- }
+ if (predicate.call(thisArg, kValue, k, o)) return kValue;
+
// e. Increase k by 1.
k++;
}
@@ -7818,7 +8093,7 @@ if (!Array.prototype.find) {
}
/***/ }),
-/* 129 */
+/* 130 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -7895,9 +8170,7 @@ var Log = function () {
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);
- }
+ if (window.console && window.console.log) window.console.log('%c[Clappr.Log] set log level to ' + DESCRIPTIONS[this.level], WARN);
};
Log.prototype.level = function level(newLevel) {
@@ -7914,12 +8187,9 @@ var Log = function () {
}
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));
- }
+ if (klass) klassDescription = '[' + klass + ']';
+
+ if (window.console && window.console.log) window.console.log.apply(console, ['%c[' + DESCRIPTIONS[level] + ']' + klassDescription, color].concat(message));
};
return Log;
@@ -7961,7 +8231,7 @@ Log.error = function () {
module.exports = exports['default'];
/***/ }),
-/* 130 */
+/* 131 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -8267,7 +8537,7 @@ exports.default = Kibo;
module.exports = exports['default'];
/***/ }),
-/* 131 */
+/* 132 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -8277,7 +8547,7 @@ Object.defineProperty(exports, "__esModule", {
value: true
});
-var _core_factory = __webpack_require__(132);
+var _core_factory = __webpack_require__(133);
var _core_factory2 = _interopRequireDefault(_core_factory);
@@ -8287,7 +8557,7 @@ exports.default = _core_factory2.default;
module.exports = exports['default'];
/***/ }),
-/* 132 */
+/* 133 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -8407,7 +8677,7 @@ exports.default = CoreFactory;
module.exports = exports['default'];
/***/ }),
-/* 133 */
+/* 134 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -8439,10 +8709,6 @@ var _events = __webpack_require__(4);
var _events2 = _interopRequireDefault(_events);
-var _styler = __webpack_require__(7);
-
-var _styler2 = _interopRequireDefault(_styler);
-
var _ui_object = __webpack_require__(21);
var _ui_object2 = _interopRequireDefault(_ui_object);
@@ -8451,7 +8717,7 @@ var _browser = __webpack_require__(13);
var _browser2 = _interopRequireDefault(_browser);
-var _container_factory = __webpack_require__(134);
+var _container_factory = __webpack_require__(135);
var _container_factory2 = _interopRequireDefault(_container_factory);
@@ -8467,16 +8733,28 @@ var _player_info = __webpack_require__(34);
var _player_info2 = _interopRequireDefault(_player_info);
+var _styler = __webpack_require__(77);
+
+var _styler2 = _interopRequireDefault(_styler);
+
var _clapprZepto = __webpack_require__(6);
var _clapprZepto2 = _interopRequireDefault(_clapprZepto);
-var _style = __webpack_require__(149);
+__webpack_require__(153);
+
+var _fonts = __webpack_require__(155);
-var _style2 = _interopRequireDefault(_style);
+var _fonts2 = _interopRequireDefault(_fonts);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+// Copyright 2014 Globo.com Player authors. All rights reserved.
+// Use of this source code is governed by a BSD-style
+// license that can be found in the LICENSE file.
+
+var style = void 0;
+
/**
* The Core is responsible to manage Containers, the mediator, MediaControl
* and the player state.
@@ -8485,6 +8763,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
* @extends UIObject
* @module components
*/
+
var Core = function (_UIObject) {
(0, _inherits3.default)(Core, _UIObject);
(0, _createClass3.default)(Core, [{
@@ -8577,11 +8856,7 @@ var Core = function (_UIObject) {
};
Core.prototype.updateSize = function updateSize() {
- if (_utils.Fullscreen.isFullscreen()) {
- this.setFullscreen();
- } else {
- this.setPlayerSize();
- }
+ if (_utils.Fullscreen.isFullscreen()) this.setFullscreen();else this.setPlayerSize();
};
Core.prototype.setFullscreen = function setFullscreen() {
@@ -8619,7 +8894,7 @@ var Core = function (_UIObject) {
var _this3 = this;
var checkSizeCallback = function checkSizeCallback() {
- if (_this3.playerInfo.computedSize.width != _this3.el.clientWidth || _this3.playerInfo.computedSize.height != _this3.el.clientHeight) {
+ 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);
}
@@ -8744,7 +9019,7 @@ var Core = function (_UIObject) {
this.renderContainers();
this.setupMediaControl(this.getCurrentContainer());
this.render();
- this.$el.appendTo(this.options.parentElement);
+ this.appendToParent();
return this.containers;
};
@@ -8775,17 +9050,12 @@ var Core = function (_UIObject) {
};
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();
- }
+ if (options.mediacontrol && options.mediacontrol.external) return new options.mediacontrol.external(options).render();else return new _media_control2.default(options).render();
};
Core.prototype.getCurrentContainer = function getCurrentContainer() {
- if (!this.mediaControl || !this.mediaControl.container) {
- return this.containers[0];
- }
+ if (!this.mediaControl || !this.mediaControl.container) return this.containers[0];
+
return this.mediaControl.container;
};
@@ -8802,14 +9072,10 @@ var Core = function (_UIObject) {
Core.prototype.toggleFullscreen = function toggleFullscreen() {
if (!_utils.Fullscreen.isFullscreen()) {
_utils.Fullscreen.requestFullscreen(this.el);
- if (!_browser2.default.isiOS) {
- this.$el.addClass('fullscreen');
- }
+ if (!_browser2.default.isiOS) this.$el.addClass('fullscreen');
} else {
_utils.Fullscreen.cancelFullscreen();
- if (!_browser2.default.isiOS) {
- this.$el.removeClass('fullscreen nocursor');
- }
+ if (!_browser2.default.isiOS) this.$el.removeClass('fullscreen nocursor');
}
this.mediaControl.show();
};
@@ -8853,12 +9119,18 @@ var Core = function (_UIObject) {
}
};
+ Core.prototype.appendToParent = function appendToParent() {
+ var hasCoreParent = this.$el.parent() && this.$el.parent().length;
+ !hasCoreParent && this.$el.appendTo(this.options.parentElement);
+ };
+
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);
+ if (!style) style = _styler2.default.getStyleFor(_fonts2.default, { baseUrl: this.options.baseUrl });
+
+ (0, _clapprZepto2.default)('head').append(style);
+
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 };
@@ -8873,15 +9145,13 @@ var Core = function (_UIObject) {
};
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.
+}(_ui_object2.default);
exports.default = Core;
module.exports = exports['default'];
/***/ }),
-/* 134 */
+/* 135 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -8891,7 +9161,7 @@ Object.defineProperty(exports, "__esModule", {
value: true
});
-var _container_factory = __webpack_require__(135);
+var _container_factory = __webpack_require__(136);
var _container_factory2 = _interopRequireDefault(_container_factory);
@@ -8901,7 +9171,7 @@ exports.default = _container_factory2.default;
module.exports = exports['default'];
/***/ }),
-/* 135 */
+/* 136 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -9000,9 +9270,7 @@ var ContainerFactory = function (_BaseObject) {
mimeType = this.options.mimeType;
if ((typeof source === 'undefined' ? 'undefined' : (0, _typeof3.default)(source)) === 'object') {
resolvedSource = source.source.toString();
- if (source.mimeType) {
- mimeType = source.mimeType;
- }
+ if (source.mimeType) mimeType = source.mimeType;
} else {
resolvedSource = source.toString();
}
@@ -9041,7 +9309,7 @@ exports.default = ContainerFactory;
module.exports = exports['default'];
/***/ }),
-/* 136 */
+/* 137 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -9075,13 +9343,7 @@ var _ui_object = __webpack_require__(21);
var _ui_object2 = _interopRequireDefault(_ui_object);
-var _styler = __webpack_require__(7);
-
-var _styler2 = _interopRequireDefault(_styler);
-
-var _style = __webpack_require__(137);
-
-var _style2 = _interopRequireDefault(_style);
+__webpack_require__(138);
var _clapprZepto = __webpack_require__(6);
@@ -9097,6 +9359,14 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
* @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.
+
+/**
+ * Container is responsible for the video rendering and state
+ */
+
var Container = function (_UIObject) {
(0, _inherits3.default)(Container, _UIObject);
(0, _createClass3.default)(Container, [{
@@ -9283,6 +9553,7 @@ var Container = function (_UIObject) {
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_SEEKED, this.onSeeked);
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);
@@ -9389,9 +9660,8 @@ var Container = function (_UIObject) {
};
Container.prototype.error = function error(errorObj) {
- if (!this.isReady) {
- this.ready();
- }
+ if (!this.isReady) this.ready();
+
this.trigger(_events2.default.CONTAINER_ERROR, { error: errorObj, container: this }, this.name);
};
@@ -9461,21 +9731,15 @@ var Container = function (_UIObject) {
};
Container.prototype.clicked = function clicked() {
- if (!this.options.chromeless || this.options.allowUserInteraction) {
- this.trigger(_events2.default.CONTAINER_CLICK, this, this.name);
- }
+ if (!this.options.chromeless || this.options.allowUserInteraction) this.trigger(_events2.default.CONTAINER_CLICK, this, this.name);
};
Container.prototype.dblClicked = function dblClicked() {
- if (!this.options.chromeless || this.options.allowUserInteraction) {
- this.trigger(_events2.default.CONTAINER_DBLCLICK, this, this.name);
- }
+ if (!this.options.chromeless || this.options.allowUserInteraction) this.trigger(_events2.default.CONTAINER_DBLCLICK, this, this.name);
};
Container.prototype.onContextMenu = function onContextMenu(event) {
- if (!this.options.chromeless || this.options.allowUserInteraction) {
- this.trigger(_events2.default.CONTAINER_CONTEXTMENU, event, this.name);
- }
+ if (!this.options.chromeless || this.options.allowUserInteraction) this.trigger(_events2.default.CONTAINER_CONTEXTMENU, event, this.name);
};
Container.prototype.seek = function seek(time) {
@@ -9483,6 +9747,10 @@ var Container = function (_UIObject) {
this.playback.seek(time);
};
+ Container.prototype.onSeeked = function onSeeked() {
+ this.trigger(_events2.default.CONTAINER_SEEKED, this.name);
+ };
+
Container.prototype.seekPercentage = function seekPercentage(percentage) {
var duration = this.getDuration();
if (percentage >= 0 && percentage <= 100) {
@@ -9546,15 +9814,11 @@ var Container = function (_UIObject) {
};
Container.prototype.mouseEnter = function mouseEnter() {
- if (!this.options.chromeless || this.options.allowUserInteraction) {
- this.trigger(_events2.default.CONTAINER_MOUSE_ENTER);
- }
+ if (!this.options.chromeless || this.options.allowUserInteraction) this.trigger(_events2.default.CONTAINER_MOUSE_ENTER);
};
Container.prototype.mouseLeave = function mouseLeave() {
- if (!this.options.chromeless || this.options.allowUserInteraction) {
- this.trigger(_events2.default.CONTAINER_MOUSE_LEAVE);
- }
+ if (!this.options.chromeless || this.options.allowUserInteraction) this.trigger(_events2.default.CONTAINER_MOUSE_LEAVE);
};
Container.prototype.settingsUpdate = function settingsUpdate() {
@@ -9585,11 +9849,7 @@ var Container = function (_UIObject) {
};
Container.prototype.updateStyle = function updateStyle() {
- if (!this.options.chromeless || this.options.allowUserInteraction) {
- this.$el.removeClass('chromeless');
- } else {
- this.$el.addClass('chromeless');
- }
+ if (!this.options.chromeless || this.options.allowUserInteraction) this.$el.removeClass('chromeless');else this.$el.addClass('chromeless');
};
/**
@@ -9606,30 +9866,53 @@ var Container = function (_UIObject) {
};
Container.prototype.render = function render() {
- var s = _styler2.default.getStyleFor(_style2.default);
- this.$el.append(s);
this.$el.append(this.playback.render().el);
this.updateStyle();
return this;
};
return Container;
-}(_ui_object2.default); // Copyright 2014 Globo.com Player authors. All rights reserved.
-// Use of this source code is governed by a BSD-style
-// license that can be found in the LICENSE file.
-
-/**
- * Container is responsible for the video rendering and state
- */
+}(_ui_object2.default);
exports.default = Container;
module.exports = exports['default'];
/***/ }),
-/* 137 */
+/* 138 */
+/***/ (function(module, exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__(139);
+if(typeof content === 'string') content = [[module.i, content, '']];
+// Prepare cssTransformation
+var transform;
+
+var options = {"singleton":true,"hmr":true}
+options.transform = transform
+// add the styles to the DOM
+var update = __webpack_require__(10)(content, options);
+if(content.locals) module.exports = content.locals;
+// Hot Module Replacement
+if(false) {
+ // When the styles change, update the <style> tags
+ if(!content.locals) {
+ module.hot.accept("!!../../../../node_modules/css-loader/index.js!../../../../node_modules/postcss-loader/lib/index.js!../../../../node_modules/sass-loader/lib/loader.js?includePaths[]=/Users/bruno/workspace/player/clappr/src/base/scss!./style.scss", function() {
+ var newContent = require("!!../../../../node_modules/css-loader/index.js!../../../../node_modules/postcss-loader/lib/index.js!../../../../node_modules/sass-loader/lib/loader.js?includePaths[]=/Users/bruno/workspace/player/clappr/src/base/scss!./style.scss");
+ if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
+ update(newContent);
+ });
+ }
+ // When the module is disposed, remove the <style> tags
+ module.hot.dispose(function() { update(); });
+}
+
+/***/ }),
+/* 139 */
/***/ (function(module, exports, __webpack_require__) {
-exports = module.exports = __webpack_require__(10)(undefined);
+exports = module.exports = __webpack_require__(7)(undefined);
// imports
@@ -9640,7 +9923,102 @@ exports.push([module.i, ".container[data-container] {\n position: absolute;\n
/***/ }),
-/* 138 */
+/* 140 */
+/***/ (function(module, exports) {
+
+
+/**
+ * When source maps are enabled, `style-loader` uses a link element with a data-uri to
+ * embed the css on the page. This breaks all relative urls because now they are relative to a
+ * bundle instead of the current page.
+ *
+ * One solution is to only use full urls, but that may be impossible.
+ *
+ * Instead, this function "fixes" the relative urls to be absolute according to the current page location.
+ *
+ * A rudimentary test suite is located at `test/fixUrls.js` and can be run via the `npm test` command.
+ *
+ */
+
+module.exports = function (css) {
+ // get current location
+ var location = typeof window !== "undefined" && window.location;
+
+ if (!location) {
+ throw new Error("fixUrls requires window.location");
+ }
+
+ // blank or null?
+ if (!css || typeof css !== "string") {
+ return css;
+ }
+
+ var baseUrl = location.protocol + "//" + location.host;
+ var currentDir = baseUrl + location.pathname.replace(/\/[^\/]*$/, "/");
+
+ // convert each url(...)
+ /*
+ This regular expression is just a way to recursively match brackets within
+ a string.
+
+ /url\s*\( = Match on the word "url" with any whitespace after it and then a parens
+ ( = Start a capturing group
+ (?: = Start a non-capturing group
+ [^)(] = Match anything that isn't a parentheses
+ | = OR
+ \( = Match a start parentheses
+ (?: = Start another non-capturing groups
+ [^)(]+ = Match anything that isn't a parentheses
+ | = OR
+ \( = Match a start parentheses
+ [^)(]* = Match anything that isn't a parentheses
+ \) = Match a end parentheses
+ ) = End Group
+ *\) = Match anything and then a close parens
+ ) = Close non-capturing group
+ * = Match anything
+ ) = Close capturing group
+ \) = Match a close parens
+
+ /gi = Get all matches, not the first. Be case insensitive.
+ */
+ var fixedCss = css.replace(/url\s*\(((?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)\)/gi, function(fullMatch, origUrl) {
+ // strip quotes (if they exist)
+ var unquotedOrigUrl = origUrl
+ .trim()
+ .replace(/^"(.*)"$/, function(o, $1){ return $1; })
+ .replace(/^'(.*)'$/, function(o, $1){ return $1; });
+
+ // already a full url? no change
+ if (/^(#|data:|http:\/\/|https:\/\/|file:\/\/\/)/i.test(unquotedOrigUrl)) {
+ return fullMatch;
+ }
+
+ // convert the url to a full url
+ var newUrl;
+
+ if (unquotedOrigUrl.indexOf("//") === 0) {
+ //TODO: should we add protocol?
+ newUrl = unquotedOrigUrl;
+ } else if (unquotedOrigUrl.indexOf("/") === 0) {
+ // path should be relative to the base url
+ newUrl = baseUrl + unquotedOrigUrl; // already starts with '/'
+ } else {
+ // path should be relative to current directory
+ newUrl = currentDir + unquotedOrigUrl.replace(/^\.\//, ""); // Strip leading './'
+ }
+
+ // send back the fixed url(...)
+ return "url(" + JSON.stringify(newUrl) + ")";
+ });
+
+ // send back the fixed css
+ return fixedCss;
+};
+
+
+/***/ }),
+/* 141 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -9650,7 +10028,7 @@ Object.defineProperty(exports, "__esModule", {
value: true
});
-var _stringify = __webpack_require__(139);
+var _stringify = __webpack_require__(142);
var _stringify2 = _interopRequireDefault(_stringify);
@@ -9678,10 +10056,6 @@ var _events = __webpack_require__(4);
var _events2 = _interopRequireDefault(_events);
-var _styler = __webpack_require__(7);
-
-var _styler2 = _interopRequireDefault(_styler);
-
var _ui_object = __webpack_require__(21);
var _ui_object2 = _interopRequireDefault(_ui_object);
@@ -9706,13 +10080,11 @@ var _clapprZepto = __webpack_require__(6);
var _clapprZepto2 = _interopRequireDefault(_clapprZepto);
-var _mediaControl = __webpack_require__(141);
+__webpack_require__(144);
-var _mediaControl2 = _interopRequireDefault(_mediaControl);
-
-var _mediaControl3 = __webpack_require__(142);
+var _mediaControl = __webpack_require__(146);
-var _mediaControl4 = _interopRequireDefault(_mediaControl3);
+var _mediaControl2 = _interopRequireDefault(_mediaControl);
var _play = __webpack_require__(58);
@@ -9722,40 +10094,32 @@ var _pause = __webpack_require__(76);
var _pause2 = _interopRequireDefault(_pause);
-var _stop = __webpack_require__(143);
+var _stop = __webpack_require__(147);
var _stop2 = _interopRequireDefault(_stop);
-var _volume = __webpack_require__(144);
+var _volume = __webpack_require__(148);
var _volume2 = _interopRequireDefault(_volume);
-var _mute = __webpack_require__(145);
+var _mute = __webpack_require__(149);
var _mute2 = _interopRequireDefault(_mute);
-var _expand = __webpack_require__(146);
+var _expand = __webpack_require__(150);
var _expand2 = _interopRequireDefault(_expand);
-var _shrink = __webpack_require__(147);
+var _shrink = __webpack_require__(151);
var _shrink2 = _interopRequireDefault(_shrink);
-var _hd = __webpack_require__(148);
+var _hd = __webpack_require__(152);
var _hd2 = _interopRequireDefault(_hd);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-// Copyright 2014 Globo.com Player authors. All rights reserved.
-// Use of this source code is governed by a BSD-style
-// license that can be found in the LICENSE file.
-
-/**
- * The MediaControl is responsible for displaying the Player controls.
- */
-
var MediaControl = function (_UIObject) {
(0, _inherits3.default)(MediaControl, _UIObject);
(0, _createClass3.default)(MediaControl, [{
@@ -9803,12 +10167,7 @@ var MediaControl = function (_UIObject) {
}, {
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 });
+ return (0, _template2.default)(_mediaControl2.default);
}
}, {
key: 'volume',
@@ -9843,17 +10202,14 @@ var MediaControl = function (_UIObject) {
};
if (_this.container) {
- if (!_clapprZepto2.default.isEmptyObject(_this.container.settings)) {
- _this.settings = _clapprZepto2.default.extend({}, _this.container.settings);
- }
+ if (!_clapprZepto2.default.isEmptyObject(_this.container.settings)) _this.settings = _clapprZepto2.default.extend({}, _this.container.settings);
} else {
_this.settings = {};
}
_this.userDisabled = false;
- if (_this.container && _this.container.mediaControlDisabled || _this.options.chromeless) {
- _this.disable();
- }
+ if (_this.container && _this.container.mediaControlDisabled || _this.options.chromeless) _this.disable();
+
_this.stopDragHandler = function (event) {
return _this.stopDrag(event);
};
@@ -9966,9 +10322,7 @@ var MediaControl = function (_UIObject) {
this.$playPauseToggle.append(_play2.default);
this.$playStopToggle.append(_play2.default);
this.trigger(_events2.default.MEDIACONTROL_NOTPLAYING);
- if (_browser2.default.isMobile) {
- this.show();
- }
+ if (_browser2.default.isMobile) this.show();
}
this.applyButtonStyle(this.$playPauseToggle);
this.applyButtonStyle(this.$playStopToggle);
@@ -9991,40 +10345,26 @@ var MediaControl = function (_UIObject) {
};
MediaControl.prototype.mousemoveOnVolumeBar = function mousemoveOnVolumeBar(event) {
- if (this.draggingVolumeBar) {
- this.setVolume(this.getVolumeFromUIEvent(event));
- }
+ if (this.draggingVolumeBar) this.setVolume(this.getVolumeFromUIEvent(event));
};
MediaControl.prototype.playerResize = function playerResize(size) {
this.$fullscreenToggle.html('');
- if (_utils.Fullscreen.isFullscreen()) {
- this.$fullscreenToggle.append(_shrink2.default);
- } else {
- this.$fullscreenToggle.append(_expand2.default);
- }
+ 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');
- }
+ if (size.width <= 320 || this.options.hideVolumeBar) this.$el.addClass('w320');
};
MediaControl.prototype.togglePlayPause = function togglePlayPause() {
- if (this.container.isPlaying()) {
- this.container.pause();
- } else {
- this.container.play();
- }
+ if (this.container.isPlaying()) this.container.pause();else this.container.play();
+
return false;
};
MediaControl.prototype.togglePlayStop = function togglePlayStop() {
- if (this.container.isPlaying()) {
- this.container.stop();
- } else {
- this.container.play();
- }
+ if (this.container.isPlaying()) this.container.stop();else this.container.play();
};
MediaControl.prototype.startSeekDrag = function startSeekDrag(event) {
@@ -10034,23 +10374,18 @@ var MediaControl = function (_UIObject) {
this.$seekBarLoaded.addClass('media-control-notransition');
this.$seekBarPosition.addClass('media-control-notransition');
this.$seekBarScrubber.addClass('media-control-notransition');
- if (event) {
- event.preventDefault();
- }
+ if (event) event.preventDefault();
};
MediaControl.prototype.startVolumeDrag = function startVolumeDrag(event) {
this.draggingVolumeBar = true;
this.$el.addClass('dragging');
- if (event) {
- event.preventDefault();
- }
+ if (event) event.preventDefault();
};
MediaControl.prototype.stopDrag = function stopDrag(event) {
- if (this.draggingSeekBar) {
- this.seek(event);
- }
+ if (this.draggingSeekBar) this.seek(event);
+
this.$el.removeClass('dragging');
this.$seekBarLoaded.removeClass('media-control-notransition');
this.$seekBarPosition.removeClass('media-control-notransition');
@@ -10129,16 +10464,14 @@ var MediaControl = function (_UIObject) {
this.addEventListeners();
this.settingsUpdate();
this.container.trigger(_events2.default.CONTAINER_PLAYBACKDVRSTATECHANGED, this.container.isDvrInUse());
- if (this.container.mediaControlDisabled) {
- this.disable();
- }
+ if (this.container.mediaControlDisabled) this.disable();
+
this.trigger(_events2.default.MEDIACONTROL_CONTAINERCHANGED);
};
MediaControl.prototype.showVolumeBar = function showVolumeBar() {
- if (this.hideVolumeId) {
- clearTimeout(this.hideVolumeId);
- }
+ if (this.hideVolumeId) clearTimeout(this.hideVolumeId);
+
this.$volumeBarContainer.removeClass('volume-bar-hide');
};
@@ -10153,9 +10486,8 @@ var MediaControl = function (_UIObject) {
return _this3.hideVolumeBar();
}, timeout);
} else {
- if (this.hideVolumeId) {
- clearTimeout(this.hideVolumeId);
- }
+ if (this.hideVolumeId) clearTimeout(this.hideVolumeId);
+
this.hideVolumeId = setTimeout(function () {
return _this3.$volumeBarContainer.addClass('volume-bar-hide');
}, timeout);
@@ -10190,9 +10522,8 @@ var MediaControl = function (_UIObject) {
// default to 100%
this.currentSeekBarPercentage = 100;
- if (this.container.getPlaybackType() !== _playback2.default.LIVE || this.container.isDvrInUse()) {
- this.currentSeekBarPercentage = this.currentPositionValue / this.currentDurationValue * 100;
- }
+ if (this.container.getPlaybackType() !== _playback2.default.LIVE || this.container.isDvrInUse()) this.currentSeekBarPercentage = this.currentPositionValue / this.currentDurationValue * 100;
+
this.setSeekPercentage(this.currentSeekBarPercentage);
var newPosition = (0, _utils.formatTime)(this.currentPositionValue);
@@ -10240,9 +10571,8 @@ var MediaControl = function (_UIObject) {
MediaControl.prototype.show = function show(event) {
var _this4 = this;
- if (this.disabled) {
- return;
- }
+ 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);
@@ -10264,14 +10594,12 @@ var MediaControl = function (_UIObject) {
var delay = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
- if (!this.isVisible() || _browser2.default.isMobile && !this.container.isPlaying()) {
- return;
- }
+ 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 && this.options.hideMediaControl === false) return;
+
if (!this.disabled && (delay || this.userKeepVisible || this.keepVisible || this.draggingSeekBar || this.draggingVolumeBar)) {
this.hideId = setTimeout(function () {
return _this5.hide();
@@ -10439,9 +10767,7 @@ var MediaControl = function (_UIObject) {
};
MediaControl.prototype.applyButtonStyle = function applyButtonStyle(element) {
- if (this.buttonsColor && element) {
- (0, _clapprZepto2.default)(element).find('svg path').css('fill', this.buttonsColor);
- }
+ if (this.buttonsColor && element) (0, _clapprZepto2.default)(element).find('svg path').css('fill', this.buttonsColor);
};
MediaControl.prototype.destroy = function destroy() {
@@ -10456,7 +10782,6 @@ var MediaControl = function (_UIObject) {
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');
@@ -10465,37 +10790,28 @@ var MediaControl = function (_UIObject) {
this.hideId = setTimeout(function () {
return _this8.hide();
}, timeout);
- if (this.disabled) {
- this.hide();
- }
+ if (this.disabled) this.hide();
// Video volume cannot be changed with Safari on mobile devices
// Display mute/unmute icon only if Safari version >= 10
if (_browser2.default.isSafari && _browser2.default.isMobile) {
- if (_browser2.default.version < 10) {
- this.$volumeContainer.css('display', 'none');
- } else {
- this.$volumeBarContainer.css('display', 'none');
- }
+ if (_browser2.default.version < 10) this.$volumeContainer.css('display', 'none');else this.$volumeBarContainer.css('display', 'none');
}
this.$seekBarPosition.addClass('media-control-notransition');
this.$seekBarScrubber.addClass('media-control-notransition');
var previousSeekPercentage = 0;
- if (this.displayedSeekBarPercentage) {
- previousSeekPercentage = this.displayedSeekBarPercentage;
- }
+ if (this.displayedSeekBarPercentage) previousSeekPercentage = this.displayedSeekBarPercentage;
+
this.displayedSeekBarPercentage = null;
this.setSeekPercentage(previousSeekPercentage);
process.nextTick(function () {
- if (!_this8.settings.seekEnabled) {
- _this8.$seekBarContainer.addClass('seek-disabled');
- }
- if (!_browser2.default.isMobile && !_this8.options.disableKeyboardShortcuts) {
- _this8.bindKeyEvents();
- }
+ 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);
});
@@ -10510,7 +10826,13 @@ var MediaControl = function (_UIObject) {
};
return MediaControl;
-}(_ui_object2.default);
+}(_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.
+
+/**
+ * The MediaControl is responsible for displaying the Player controls.
+ */
exports.default = MediaControl;
@@ -10522,13 +10844,13 @@ module.exports = exports['default'];
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(57)))
/***/ }),
-/* 139 */
+/* 142 */
/***/ (function(module, exports, __webpack_require__) {
-module.exports = { "default": __webpack_require__(140), __esModule: true };
+module.exports = { "default": __webpack_require__(143), __esModule: true };
/***/ }),
-/* 140 */
+/* 143 */
/***/ (function(module, exports, __webpack_require__) {
var core = __webpack_require__(11)
@@ -10538,83 +10860,159 @@ module.exports = function stringify(it){ // eslint-disable-line no-unused-vars
};
/***/ }),
-/* 141 */
+/* 144 */
/***/ (function(module, exports, __webpack_require__) {
-exports = module.exports = __webpack_require__(10)(undefined);
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__(145);
+if(typeof content === 'string') content = [[module.i, content, '']];
+// Prepare cssTransformation
+var transform;
+
+var options = {"singleton":true,"hmr":true}
+options.transform = transform
+// add the styles to the DOM
+var update = __webpack_require__(10)(content, options);
+if(content.locals) module.exports = content.locals;
+// Hot Module Replacement
+if(false) {
+ // When the styles change, update the <style> tags
+ if(!content.locals) {
+ module.hot.accept("!!../../../../node_modules/css-loader/index.js!../../../../node_modules/postcss-loader/lib/index.js!../../../../node_modules/sass-loader/lib/loader.js?includePaths[]=/Users/bruno/workspace/player/clappr/src/base/scss!./media-control.scss", function() {
+ var newContent = require("!!../../../../node_modules/css-loader/index.js!../../../../node_modules/postcss-loader/lib/index.js!../../../../node_modules/sass-loader/lib/loader.js?includePaths[]=/Users/bruno/workspace/player/clappr/src/base/scss!./media-control.scss");
+ if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
+ update(newContent);
+ });
+ }
+ // When the module is disposed, remove the <style> tags
+ module.hot.dispose(function() { update(); });
+}
+
+/***/ }),
+/* 145 */
+/***/ (function(module, exports, __webpack_require__) {
+
+exports = module.exports = __webpack_require__(7)(undefined);
// imports
// module
-exports.push([module.i, ".media-control-notransition {\n -webkit-transition: none !important;\n -moz-transition: none !important;\n transition: none !important; }\n\n.media-control[data-media-control] {\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 9999;\n pointer-events: none; }\n .media-control[data-media-control].dragging {\n pointer-events: auto;\n cursor: -webkit-grabbing !important;\n cursor: grabbing !important;\n cursor: url(" + __webpack_require__(75) + "), move; }\n .media-control[data-media-control].dragging * {\n cursor: -webkit-grabbing !important;\n cursor: grabbing !important;\n cursor: url(" + __webpack_require__(75) + "), move; }\n .media-control[data-media-control] .media-control-background[data-background] {\n position: absolute;\n height: 40%;\n width: 100%;\n bottom: 0;\n background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.9));\n background: linear-gradient(transparent, rgba(0, 0, 0, 0.9));\n -webkit-transition: opacity 0.6s ease-out;\n -moz-transition: opacity 0.6s ease-out;\n transition: opacity 0.6s ease-out; }\n .media-control[data-media-control] .media-control-icon {\n line-height: 0;\n letter-spacing: 0;\n speak: none;\n color: #fff;\n opacity: 0.5;\n vertical-align: middle;\n text-align: left;\n -webkit-transition: all 0.1s ease;\n -moz-transition: all 0.1s ease;\n transition: all 0.1s ease; }\n .media-control[data-media-control] .media-control-icon:hover {\n color: white;\n opacity: 0.75;\n text-shadow: rgba(255, 255, 255, 0.8) 0 0 5px; }\n .media-control[data-media-control].media-control-hide .media-control-background[data-background] {\n opacity: 0; }\n .media-control[data-media-control].media-control-hide .media-control-layer[data-controls] {\n bottom: -50px; }\n .media-control[data-media-control].media-control-hide .media-control-layer[data-controls] .bar-container[data-seekbar] .bar-scrubber[data-seekbar] {\n opacity: 0; }\n .media-control[data-media-control] .media-control-layer[data-controls] {\n position: absolute;\n bottom: 7px;\n width: 100%;\n height: 32px;\n font-size: 0;\n vertical-align: middle;\n pointer-events: auto;\n -webkit-transition: bottom 0.4s ease-out;\n -moz-transition: bottom 0.4s ease-out;\n transition: bottom 0.4s ease-out; }\n .media-control[data-media-control] .media-control-layer[data-controls] .media-control-left-panel[data-media-control] {\n position: absolute;\n top: 0;\n left: 4px;\n height: 100%; }\n .media-control[data-media-control] .media-control-layer[data-controls] .media-control-center-panel[data-media-control] {\n height: 100%;\n text-align: center;\n line-height: 32px; }\n .media-control[data-media-control] .media-control-layer[data-controls] .media-control-right-panel[data-media-control] {\n position: absolute;\n top: 0;\n right: 4px;\n height: 100%; }\n .media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button {\n background-color: transparent;\n border: 0;\n margin: 0 6px;\n padding: 0;\n cursor: pointer;\n display: inline-block;\n width: 32px;\n height: 100%; }\n .media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button svg {\n width: 100%;\n height: 22px; }\n .media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button svg path {\n fill: white; }\n .media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button:focus {\n outline: none; }\n .media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button[data-play] {\n float: left;\n height: 100%; }\n .media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button[data-pause] {\n float: left;\n height: 100%; }\n .media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button[data-stop] {\n float: left;\n height: 100%; }\n .media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button[data-fullscreen] {\n float: right;\n background-color: transparent;\n border: 0;\n height: 100%; }\n .media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button[data-hd-indicator] {\n background-color: transparent;\n border: 0;\n cursor: default;\n display: none;\n float: right;\n height: 100%; }\n .media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button[data-hd-indicator].enabled {\n display: block;\n opacity: 1.0; }\n .media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button[data-hd-indicator].enabled:hover {\n opacity: 1.0;\n text-shadow: none; }\n .media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button[data-playpause] {\n float: left; }\n .media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button[data-playstop] {\n float: left; }\n .media-control[data-media-control] .media-control-layer[data-controls] .media-control-indicator[data-position], .media-control[data-media-control] .media-control-layer[data-controls] .media-control-indicator[data-duration] {\n display: inline-block;\n font-size: 10px;\n color: white;\n cursor: default;\n line-height: 32px;\n position: relative; }\n .media-control[data-media-control] .media-control-layer[data-controls] .media-control-indicator[data-position] {\n margin: 0 6px 0 7px; }\n .media-control[data-media-control] .media-control-layer[data-controls] .media-control-indicator[data-duration] {\n color: rgba(255, 255, 255, 0.5);\n margin-right: 6px; }\n .media-control[data-media-control] .media-control-layer[data-controls] .media-control-indicator[data-duration]:before {\n content: \"|\";\n margin-right: 7px; }\n .media-control[data-media-control] .media-control-layer[data-controls] .bar-container[data-seekbar] {\n position: absolute;\n top: -20px;\n left: 0;\n display: inline-block;\n vertical-align: middle;\n width: 100%;\n height: 25px;\n cursor: pointer; }\n .media-control[data-media-control] .media-control-layer[data-controls] .bar-container[data-seekbar] .bar-background[data-seekbar] {\n width: 100%;\n height: 1px;\n position: relative;\n top: 12px;\n background-color: #666666; }\n .media-control[data-media-control] .media-control-layer[data-controls] .bar-container[data-seekbar] .bar-background[data-seekbar] .bar-fill-1[data-seekbar] {\n position: absolute;\n top: 0;\n left: 0;\n width: 0;\n height: 100%;\n background-color: #c2c2c2;\n -webkit-transition: all 0.1s ease-out;\n -moz-transition: all 0.1s ease-out;\n transition: all 0.1s ease-out; }\n .media-control[data-media-control] .media-control-layer[data-controls] .bar-container[data-seekbar] .bar-background[data-seekbar] .bar-fill-2[data-seekbar] {\n position: absolute;\n top: 0;\n left: 0;\n width: 0;\n height: 100%;\n background-color: #005aff;\n -webkit-transition: all 0.1s ease-out;\n -moz-transition: all 0.1s ease-out;\n transition: all 0.1s ease-out; }\n .media-control[data-media-control] .media-control-layer[data-controls] .bar-container[data-seekbar] .bar-background[data-seekbar] .bar-hover[data-seekbar] {\n opacity: 0;\n position: absolute;\n top: -3px;\n width: 5px;\n height: 7px;\n background-color: rgba(255, 255, 255, 0.5);\n -webkit-transition: opacity 0.1s ease;\n -moz-transition: opacity 0.1s ease;\n transition: opacity 0.1s ease; }\n .media-control[data-media-control] .media-control-layer[data-controls] .bar-container[data-seekbar]:hover .bar-background[data-seekbar] .bar-hover[data-seekbar] {\n opacity: 1; }\n .media-control[data-media-control] .media-control-layer[data-controls] .bar-container[data-seekbar].seek-disabled {\n cursor: default; }\n .media-control[data-media-control] .media-control-layer[data-controls] .bar-container[data-seekbar].seek-disabled:hover .bar-background[data-seekbar] .bar-hover[data-seekbar] {\n opacity: 0; }\n .media-control[data-media-control] .media-control-layer[data-controls] .bar-container[data-seekbar] .bar-scrubber[data-seekbar] {\n position: absolute;\n -webkit-transform: translateX(-50%);\n -moz-transform: translateX(-50%);\n -ms-transform: translateX(-50%);\n -o-transform: translateX(-50%);\n transform: translateX(-50%);\n top: 2px;\n left: 0;\n width: 20px;\n height: 20px;\n opacity: 1;\n -webkit-transition: all 0.1s ease-out;\n -moz-transition: all 0.1s ease-out;\n transition: all 0.1s ease-out; }\n .media-control[data-media-control] .media-control-layer[data-controls] .bar-container[data-seekbar] .bar-scrubber[data-seekbar] .bar-scrubber-icon[data-seekbar] {\n position: absolute;\n left: 6px;\n top: 6px;\n width: 8px;\n height: 8px;\n border-radius: 10px;\n box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.2);\n background-color: white; }\n .media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] {\n float: right;\n display: inline-block;\n height: 32px;\n cursor: pointer;\n margin: 0 6px;\n box-sizing: border-box; }\n .media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .drawer-icon-container[data-volume] {\n float: left;\n bottom: 0; }\n .media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .drawer-icon-container[data-volume] .drawer-icon[data-volume] {\n background-color: transparent;\n border: 0;\n box-sizing: content-box;\n width: 32px;\n height: 32px;\n opacity: 0.5; }\n .media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .drawer-icon-container[data-volume] .drawer-icon[data-volume]:hover {\n opacity: 0.75; }\n .media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .drawer-icon-container[data-volume] .drawer-icon[data-volume] svg {\n height: 24px;\n position: relative;\n top: 3px; }\n .media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .drawer-icon-container[data-volume] .drawer-icon[data-volume] svg path {\n fill: white; }\n .media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .drawer-icon-container[data-volume] .drawer-icon[data-volume].muted svg {\n margin-left: 2px; }\n .media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .bar-container[data-volume] {\n float: left;\n position: relative;\n overflow: hidden;\n top: 6px;\n width: 42px;\n height: 18px;\n padding: 3px 0;\n -webkit-transition: width 0.2s ease-out;\n -moz-transition: width 0.2s ease-out;\n transition: width 0.2s ease-out; }\n .media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .bar-container[data-volume] .bar-background[data-volume] {\n height: 1px;\n position: relative;\n top: 7px;\n margin: 0 3px;\n background-color: #666666; }\n .media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .bar-container[data-volume] .bar-background[data-volume] .bar-fill-1[data-volume] {\n position: absolute;\n top: 0;\n left: 0;\n width: 0;\n height: 100%;\n background-color: #c2c2c2;\n -webkit-transition: all 0.1s ease-out;\n -moz-transition: all 0.1s ease-out;\n transition: all 0.1s ease-out; }\n .media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .bar-container[data-volume] .bar-background[data-volume] .bar-fill-2[data-volume] {\n position: absolute;\n top: 0;\n left: 0;\n width: 0;\n height: 100%;\n background-color: #005aff;\n -webkit-transition: all 0.1s ease-out;\n -moz-transition: all 0.1s ease-out;\n transition: all 0.1s ease-out; }\n .media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .bar-container[data-volume] .bar-background[data-volume] .bar-hover[data-volume] {\n opacity: 0;\n position: absolute;\n top: -3px;\n width: 5px;\n height: 7px;\n background-color: rgba(255, 255, 255, 0.5);\n -webkit-transition: opacity 0.1s ease;\n -moz-transition: opacity 0.1s ease;\n transition: opacity 0.1s ease; }\n .media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .bar-container[data-volume] .bar-scrubber[data-volume] {\n position: absolute;\n -webkit-transform: translateX(-50%);\n -moz-transform: translateX(-50%);\n -ms-transform: translateX(-50%);\n -o-transform: translateX(-50%);\n transform: translateX(-50%);\n top: 0px;\n left: 0;\n width: 20px;\n height: 20px;\n opacity: 1;\n -webkit-transition: all 0.1s ease-out;\n -moz-transition: all 0.1s ease-out;\n transition: all 0.1s ease-out; }\n .media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .bar-container[data-volume] .bar-scrubber[data-volume] .bar-scrubber-icon[data-volume] {\n position: absolute;\n left: 6px;\n top: 6px;\n width: 8px;\n height: 8px;\n border-radius: 10px;\n box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.2);\n background-color: white; }\n .media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .bar-container[data-volume] .segmented-bar-element[data-volume] {\n float: left;\n width: 4px;\n padding-left: 2px;\n height: 12px;\n opacity: 0.5;\n box-shadow: inset 2px 0 0 white;\n -webkit-transition: -webkit-transform 0.2s ease-out;\n -moz-transition: -moz-transform 0.2s ease-out;\n transition: transform 0.2s ease-out; }\n .media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .bar-container[data-volume] .segmented-bar-element[data-volume].fill {\n box-shadow: inset 2px 0 0 #fff;\n opacity: 1; }\n .media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .bar-container[data-volume] .segmented-bar-element[data-volume]:nth-of-type(1) {\n padding-left: 0; }\n .media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .bar-container[data-volume] .segmented-bar-element[data-volume]:hover {\n -webkit-transform: scaleY(1.5);\n -moz-transform: scaleY(1.5);\n -ms-transform: scaleY(1.5);\n -o-transform: scaleY(1.5);\n transform: scaleY(1.5); }\n .media-control[data-media-control].w320 .media-control-layer[data-controls] .drawer-container[data-volume] .bar-container[data-volume].volume-bar-hide {\n width: 0;\n height: 12px;\n top: 9px;\n padding: 0; }\n", ""]);
+exports.push([module.i, ".media-control-notransition {\n transition: none !important; }\n\n.media-control[data-media-control] {\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 9999;\n pointer-events: none; }\n .media-control[data-media-control].dragging {\n pointer-events: auto;\n cursor: -webkit-grabbing !important;\n cursor: grabbing !important;\n cursor: url(" + __webpack_require__(75) + "), move; }\n .media-control[data-media-control].dragging * {\n cursor: -webkit-grabbing !important;\n cursor: grabbing !important;\n cursor: url(" + __webpack_require__(75) + "), move; }\n .media-control[data-media-control] .media-control-background[data-background] {\n position: absolute;\n height: 40%;\n width: 100%;\n bottom: 0;\n background: linear-gradient(transparent, rgba(0, 0, 0, 0.9));\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 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 transition: bottom 0.4s ease-out; }\n .media-control[data-media-control] .media-control-layer[data-controls] .media-control-left-panel[data-media-control] {\n position: absolute;\n top: 0;\n left: 4px;\n height: 100%; }\n .media-control[data-media-control] .media-control-layer[data-controls] .media-control-center-panel[data-media-control] {\n height: 100%;\n text-align: center;\n line-height: 32px; }\n .media-control[data-media-control] .media-control-layer[data-controls] .media-control-right-panel[data-media-control] {\n position: absolute;\n top: 0;\n right: 4px;\n height: 100%; }\n .media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button {\n background-color: transparent;\n border: 0;\n margin: 0 6px;\n padding: 0;\n cursor: pointer;\n display: inline-block;\n width: 32px;\n height: 100%; }\n .media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button svg {\n width: 100%;\n height: 22px; }\n .media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button svg path {\n fill: white; }\n .media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button:focus {\n outline: none; }\n .media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button[data-play] {\n float: left;\n height: 100%; }\n .media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button[data-pause] {\n float: left;\n height: 100%; }\n .media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button[data-stop] {\n float: left;\n height: 100%; }\n .media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button[data-fullscreen] {\n float: right;\n background-color: transparent;\n border: 0;\n height: 100%; }\n .media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button[data-hd-indicator] {\n background-color: transparent;\n border: 0;\n cursor: default;\n display: none;\n float: right;\n height: 100%; }\n .media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button[data-hd-indicator].enabled {\n display: block;\n opacity: 1.0; }\n .media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button[data-hd-indicator].enabled:hover {\n opacity: 1.0;\n text-shadow: none; }\n .media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button[data-playpause] {\n float: left; }\n .media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button[data-playstop] {\n float: left; }\n .media-control[data-media-control] .media-control-layer[data-controls] .media-control-indicator[data-position], .media-control[data-media-control] .media-control-layer[data-controls] .media-control-indicator[data-duration] {\n display: inline-block;\n font-size: 10px;\n color: white;\n cursor: default;\n line-height: 32px;\n position: relative; }\n .media-control[data-media-control] .media-control-layer[data-controls] .media-control-indicator[data-position] {\n margin: 0 6px 0 7px; }\n .media-control[data-media-control] .media-control-layer[data-controls] .media-control-indicator[data-duration] {\n color: rgba(255, 255, 255, 0.5);\n margin-right: 6px; }\n .media-control[data-media-control] .media-control-layer[data-controls] .media-control-indicator[data-duration]:before {\n content: \"|\";\n margin-right: 7px; }\n .media-control[data-media-control] .media-control-layer[data-controls] .bar-container[data-seekbar] {\n position: absolute;\n top: -20px;\n left: 0;\n display: inline-block;\n vertical-align: middle;\n width: 100%;\n height: 25px;\n cursor: pointer; }\n .media-control[data-media-control] .media-control-layer[data-controls] .bar-container[data-seekbar] .bar-background[data-seekbar] {\n width: 100%;\n height: 1px;\n position: relative;\n top: 12px;\n background-color: #666666; }\n .media-control[data-media-control] .media-control-layer[data-controls] .bar-container[data-seekbar] .bar-background[data-seekbar] .bar-fill-1[data-seekbar] {\n position: absolute;\n top: 0;\n left: 0;\n width: 0;\n height: 100%;\n background-color: #c2c2c2;\n 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 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 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 transform: translateX(-50%);\n top: 2px;\n left: 0;\n width: 20px;\n height: 20px;\n opacity: 1;\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 transition: width .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 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 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 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 transform: translateX(-50%);\n top: 0px;\n left: 0;\n width: 20px;\n height: 20px;\n opacity: 1;\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 transition: -webkit-transform .2s ease-out;\n transition: transform .2s ease-out;\n transition: transform .2s ease-out, -webkit-transform .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 transform: scaleY(1.5); }\n .media-control[data-media-control].w320 .media-control-layer[data-controls] .drawer-container[data-volume] .bar-container[data-volume].volume-bar-hide {\n width: 0;\n height: 12px;\n top: 9px;\n padding: 0; }\n", ""]);
// exports
/***/ }),
-/* 142 */
+/* 146 */
/***/ (function(module, exports) {
module.exports = "<div class=\"media-control-background\" data-background></div>\n<div class=\"media-control-layer\" data-controls>\n <% var renderBar = function(name) { %>\n <div class=\"bar-container\" data-<%= name %>>\n <div class=\"bar-background\" data-<%= name %>>\n <div class=\"bar-fill-1\" data-<%= name %>></div>\n <div class=\"bar-fill-2\" data-<%= name %>></div>\n <div class=\"bar-hover\" data-<%= name %>></div>\n </div>\n <div class=\"bar-scrubber\" data-<%= name %>>\n <div class=\"bar-scrubber-icon\" data-<%= name %>></div>\n </div>\n </div>\n <% }; %>\n <% var renderSegmentedBar = function(name, segments) {\n segments = segments || 10; %>\n <div class=\"bar-container\" data-<%= name %>>\n <% for (var i = 0; i < segments; i++) { %>\n <div class=\"segmented-bar-element\" data-<%= name %>></div>\n <% } %>\n </div>\n <% }; %>\n <% var renderDrawer = function(name, renderContent) { %>\n <div class=\"drawer-container\" data-<%= name %>>\n <div class=\"drawer-icon-container\" data-<%= name %>>\n <div class=\"drawer-icon media-control-icon\" data-<%= name %>></div>\n <span class=\"drawer-text\" data-<%= name %>></span>\n </div>\n <% renderContent(name); %>\n </div>\n <% }; %>\n <% var renderIndicator = function(name) { %>\n <div class=\"media-control-indicator\" data-<%= name %>></div>\n <% }; %>\n <% var renderButton = function(name) { %>\n <button type=\"button\" class=\"media-control-button media-control-icon\" data-<%= name %> aria-label=\"<%= name %>\"></button>\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 <div class=\"media-control-center-panel\" data-media-control>\n <% render(settings.default); %>\n </div>\n <% } %>\n <% if (settings.left && settings.left.length) { %>\n <div class=\"media-control-left-panel\" data-media-control>\n <% render(settings.left); %>\n </div>\n <% } %>\n <% if (settings.right && settings.right.length) { %>\n <div class=\"media-control-right-panel\" data-media-control>\n <% render(settings.right); %>\n </div>\n <% } %>\n</div>\n";
/***/ }),
-/* 143 */
+/* 147 */
/***/ (function(module, exports) {
module.exports = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" fill=\"#010101\" d=\"M1.712 1.24h12.6v13.52h-12.6z\"></path></svg>"
/***/ }),
-/* 144 */
+/* 148 */
/***/ (function(module, exports) {
module.exports = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" fill=\"#010101\" d=\"M11.5 11h-.002v1.502L7.798 10H4.5V6h3.297l3.7-2.502V4.5h.003V11zM11 4.49L7.953 6.5H5v3h2.953L11 11.51V4.49z\"></path></svg>"
/***/ }),
-/* 145 */
+/* 149 */
/***/ (function(module, exports) {
module.exports = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" fill=\"#010101\" d=\"M9.75 11.51L6.7 9.5H3.75v-3H6.7L9.75 4.49v.664l.497.498V3.498L6.547 6H3.248v4h3.296l3.7 2.502v-2.154l-.497.5v.662zm3-5.165L12.404 6l-1.655 1.653L9.093 6l-.346.345L10.402 8 8.747 9.654l.346.347 1.655-1.653L12.403 10l.348-.346L11.097 8l1.655-1.655z\"></path></svg>"
/***/ }),
-/* 146 */
+/* 150 */
/***/ (function(module, exports) {
module.exports = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path fill=\"#010101\" d=\"M7.156 8L4 11.156V8.5H3V13h4.5v-1H4.844L8 8.844 7.156 8zM8.5 3v1h2.657L8 7.157 8.846 8 12 4.844V7.5h1V3H8.5z\"></path></svg>"
/***/ }),
-/* 147 */
+/* 151 */
/***/ (function(module, exports) {
module.exports = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path fill=\"#010101\" d=\"M13.5 3.344l-.844-.844L9.5 5.656V3h-1v4.5H13v-1h-2.656L13.5 3.344zM3 9.5h2.656L2.5 12.656l.844.844L6.5 10.344V13h1V8.5H3v1z\"></path></svg>"
/***/ }),
-/* 148 */
+/* 152 */
/***/ (function(module, exports) {
module.exports = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path fill=\"#010101\" d=\"M5.375 7.062H2.637V4.26H.502v7.488h2.135V8.9h2.738v2.848h2.133V4.26H5.375v2.802zm5.97-2.81h-2.84v7.496h2.798c2.65 0 4.195-1.607 4.195-3.77v-.022c0-2.162-1.523-3.704-4.154-3.704zm2.06 3.758c0 1.21-.81 1.896-2.03 1.896h-.83V6.093h.83c1.22 0 2.03.696 2.03 1.896v.02z\"></path></svg>"
/***/ }),
-/* 149 */
+/* 153 */
/***/ (function(module, exports, __webpack_require__) {
-exports = module.exports = __webpack_require__(10)(undefined);
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__(154);
+if(typeof content === 'string') content = [[module.i, content, '']];
+// Prepare cssTransformation
+var transform;
+
+var options = {"singleton":true,"hmr":true}
+options.transform = transform
+// add the styles to the DOM
+var update = __webpack_require__(10)(content, options);
+if(content.locals) module.exports = content.locals;
+// Hot Module Replacement
+if(false) {
+ // When the styles change, update the <style> tags
+ if(!content.locals) {
+ module.hot.accept("!!../../../../node_modules/css-loader/index.js!../../../../node_modules/postcss-loader/lib/index.js!../../../../node_modules/sass-loader/lib/loader.js?includePaths[]=/Users/bruno/workspace/player/clappr/src/base/scss!./style.scss", function() {
+ var newContent = require("!!../../../../node_modules/css-loader/index.js!../../../../node_modules/postcss-loader/lib/index.js!../../../../node_modules/sass-loader/lib/loader.js?includePaths[]=/Users/bruno/workspace/player/clappr/src/base/scss!./style.scss");
+ if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
+ update(newContent);
+ });
+ }
+ // When the module is disposed, remove the <style> tags
+ module.hot.dispose(function() { update(); });
+}
+
+/***/ }),
+/* 154 */
+/***/ (function(module, exports, __webpack_require__) {
+
+exports = module.exports = __webpack_require__(7)(undefined);
// imports
// module
-exports.push([module.i, "@font-face {\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 400;\n src: local(\"Roboto\"), local(\"Roboto-Regular\"), url(" + __webpack_require__(150) + ") format(\"truetype\"); }\n\n[data-player] {\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n -o-user-select: none;\n user-select: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n -webkit-transform: translate3d(0, 0, 0);\n -moz-transform: translate3d(0, 0, 0);\n -ms-transform: translate3d(0, 0, 0);\n -o-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n position: relative;\n margin: 0;\n padding: 0;\n border: 0;\n font-style: normal;\n font-weight: normal;\n text-align: center;\n overflow: hidden;\n font-size: 100%;\n font-family: \"Roboto\", \"Open Sans\", Arial, sans-serif;\n text-shadow: 0 0 0;\n box-sizing: border-box; }\n [data-player] div, [data-player] span, [data-player] applet, [data-player] object, [data-player] iframe,\n [data-player] h1, [data-player] h2, [data-player] h3, [data-player] h4, [data-player] h5, [data-player] h6, [data-player] p, [data-player] blockquote, [data-player] pre,\n [data-player] a, [data-player] abbr, [data-player] acronym, [data-player] address, [data-player] big, [data-player] cite, [data-player] code,\n [data-player] del, [data-player] dfn, [data-player] em, [data-player] img, [data-player] ins, [data-player] kbd, [data-player] q, [data-player] s, [data-player] samp,\n [data-player] small, [data-player] strike, [data-player] strong, [data-player] sub, [data-player] sup, [data-player] tt, [data-player] var,\n [data-player] b, [data-player] u, [data-player] i, [data-player] center,\n [data-player] dl, [data-player] dt, [data-player] dd, [data-player] ol, [data-player] ul, [data-player] li,\n [data-player] fieldset, [data-player] form, [data-player] label, [data-player] legend,\n [data-player] table, [data-player] caption, [data-player] tbody, [data-player] tfoot, [data-player] thead, [data-player] tr, [data-player] th, [data-player] td,\n [data-player] article, [data-player] aside, [data-player] canvas, [data-player] details, [data-player] embed,\n [data-player] figure, [data-player] figcaption, [data-player] footer, [data-player] header, [data-player] hgroup,\n [data-player] menu, [data-player] nav, [data-player] output, [data-player] ruby, [data-player] section, [data-player] summary,\n [data-player] time, [data-player] mark, [data-player] audio, [data-player] video {\n margin: 0;\n padding: 0;\n border: 0;\n font: inherit;\n font-size: 100%;\n vertical-align: baseline; }\n [data-player] table {\n border-collapse: collapse;\n border-spacing: 0; }\n [data-player] caption, [data-player] th, [data-player] td {\n text-align: left;\n font-weight: normal;\n vertical-align: middle; }\n [data-player] q, [data-player] blockquote {\n quotes: none; }\n [data-player] q:before, [data-player] q:after, [data-player] blockquote:before, [data-player] blockquote:after {\n content: \"\";\n content: none; }\n [data-player] a img {\n border: none; }\n [data-player]:focus {\n outline: 0; }\n [data-player] * {\n max-width: none;\n box-sizing: inherit;\n float: none; }\n [data-player] div {\n display: block; }\n [data-player].fullscreen {\n width: 100% !important;\n height: 100% !important;\n top: 0;\n left: 0; }\n [data-player].nocursor {\n cursor: none; }\n\n.clappr-style {\n display: none !important; }\n", ""]);
+exports.push([module.i, "[data-player] {\n -webkit-touch-callout: none;\n -webkit-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 transform: translate3d(0, 0, 0);\n position: relative;\n margin: 0;\n padding: 0;\n border: 0;\n font-style: normal;\n font-weight: normal;\n text-align: center;\n overflow: hidden;\n font-size: 100%;\n font-family: \"Roboto\", \"Open Sans\", Arial, sans-serif;\n text-shadow: 0 0 0;\n box-sizing: border-box; }\n [data-player] div, [data-player] span, [data-player] applet, [data-player] object, [data-player] iframe,\n [data-player] h1, [data-player] h2, [data-player] h3, [data-player] h4, [data-player] h5, [data-player] h6, [data-player] p, [data-player] blockquote, [data-player] pre,\n [data-player] a, [data-player] abbr, [data-player] acronym, [data-player] address, [data-player] big, [data-player] cite, [data-player] code,\n [data-player] del, [data-player] dfn, [data-player] em, [data-player] img, [data-player] ins, [data-player] kbd, [data-player] q, [data-player] s, [data-player] samp,\n [data-player] small, [data-player] strike, [data-player] strong, [data-player] sub, [data-player] sup, [data-player] tt, [data-player] var,\n [data-player] b, [data-player] u, [data-player] i, [data-player] center,\n [data-player] dl, [data-player] dt, [data-player] dd, [data-player] ol, [data-player] ul, [data-player] li,\n [data-player] fieldset, [data-player] form, [data-player] label, [data-player] legend,\n [data-player] table, [data-player] caption, [data-player] tbody, [data-player] tfoot, [data-player] thead, [data-player] tr, [data-player] th, [data-player] td,\n [data-player] article, [data-player] aside, [data-player] canvas, [data-player] details, [data-player] embed,\n [data-player] figure, [data-player] figcaption, [data-player] footer, [data-player] header, [data-player] hgroup,\n [data-player] menu, [data-player] nav, [data-player] output, [data-player] ruby, [data-player] section, [data-player] summary,\n [data-player] time, [data-player] mark, [data-player] audio, [data-player] video {\n margin: 0;\n padding: 0;\n border: 0;\n font: inherit;\n font-size: 100%;\n vertical-align: baseline; }\n [data-player] table {\n border-collapse: collapse;\n border-spacing: 0; }\n [data-player] caption, [data-player] th, [data-player] td {\n text-align: left;\n font-weight: normal;\n vertical-align: middle; }\n [data-player] q, [data-player] blockquote {\n quotes: none; }\n [data-player] q:before, [data-player] q:after, [data-player] blockquote:before, [data-player] blockquote:after {\n content: \"\";\n content: none; }\n [data-player] a img {\n border: none; }\n [data-player]:focus {\n outline: 0; }\n [data-player] * {\n max-width: none;\n box-sizing: inherit;\n float: none; }\n [data-player] div {\n display: block; }\n [data-player].fullscreen {\n width: 100% !important;\n height: 100% !important;\n top: 0;\n left: 0; }\n [data-player].nocursor {\n cursor: none; }\n\n.clappr-style {\n display: none !important; }\n", ""]);
// exports
/***/ }),
-/* 150 */
+/* 155 */
/***/ (function(module, exports, __webpack_require__) {
-module.exports = __webpack_require__.p + "38861cba61c66739c1452c3a71e39852.ttf";
+exports = module.exports = __webpack_require__(7)(undefined);
+// imports
+
+
+// module
+exports.push([module.i, "@font-face {\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 400;\n src: local(\"Roboto\"), local(\"Roboto-Regular\"), url(" + __webpack_require__(156) + ") format(\"truetype\");\n}\n", ""]);
+
+// exports
+
/***/ }),
-/* 151 */
+/* 156 */
+/***/ (function(module, exports) {
+
+module.exports = "<%=baseUrl%>/38861cba61c66739c1452c3a71e39852.ttf";
+
+/***/ }),
+/* 157 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -10652,79 +11050,79 @@ var _html5_video = __webpack_require__(35);
var _html5_video2 = _interopRequireDefault(_html5_video);
-var _flash = __webpack_require__(80);
+var _flash = __webpack_require__(81);
var _flash2 = _interopRequireDefault(_flash);
-var _html5_audio = __webpack_require__(81);
+var _html5_audio = __webpack_require__(82);
var _html5_audio2 = _interopRequireDefault(_html5_audio);
-var _flashls = __webpack_require__(82);
+var _flashls = __webpack_require__(83);
var _flashls2 = _interopRequireDefault(_flashls);
-var _hls = __webpack_require__(83);
+var _hls = __webpack_require__(84);
var _hls2 = _interopRequireDefault(_hls);
-var _html_img = __webpack_require__(84);
+var _html_img = __webpack_require__(85);
var _html_img2 = _interopRequireDefault(_html_img);
-var _no_op = __webpack_require__(85);
+var _no_op = __webpack_require__(86);
var _no_op2 = _interopRequireDefault(_no_op);
-var _spinner_three_bounce = __webpack_require__(179);
+var _spinner_three_bounce = __webpack_require__(189);
var _spinner_three_bounce2 = _interopRequireDefault(_spinner_three_bounce);
-var _stats = __webpack_require__(183);
+var _stats = __webpack_require__(194);
var _stats2 = _interopRequireDefault(_stats);
-var _watermark = __webpack_require__(185);
+var _watermark = __webpack_require__(196);
var _watermark2 = _interopRequireDefault(_watermark);
-var _poster = __webpack_require__(86);
+var _poster = __webpack_require__(87);
var _poster2 = _interopRequireDefault(_poster);
-var _google_analytics = __webpack_require__(192);
+var _google_analytics = __webpack_require__(205);
var _google_analytics2 = _interopRequireDefault(_google_analytics);
-var _click_to_pause = __webpack_require__(194);
+var _click_to_pause = __webpack_require__(207);
var _click_to_pause2 = _interopRequireDefault(_click_to_pause);
-var _dvr_controls = __webpack_require__(196);
+var _dvr_controls = __webpack_require__(209);
var _dvr_controls2 = _interopRequireDefault(_dvr_controls);
-var _closed_captions = __webpack_require__(200);
+var _closed_captions = __webpack_require__(214);
var _closed_captions2 = _interopRequireDefault(_closed_captions);
-var _favicon = __webpack_require__(205);
+var _favicon = __webpack_require__(220);
var _favicon2 = _interopRequireDefault(_favicon);
-var _seek_time = __webpack_require__(207);
+var _seek_time = __webpack_require__(222);
var _seek_time2 = _interopRequireDefault(_seek_time);
-var _sources = __webpack_require__(211);
+var _sources = __webpack_require__(227);
var _sources2 = _interopRequireDefault(_sources);
-var _end_video = __webpack_require__(212);
+var _end_video = __webpack_require__(228);
var _end_video2 = _interopRequireDefault(_end_video);
-var _strings = __webpack_require__(213);
+var _strings = __webpack_require__(229);
var _strings2 = _interopRequireDefault(_strings);
@@ -10763,9 +11161,8 @@ var Loader = function (_BaseObject) {
_this.containerPlugins = [_spinner_three_bounce2.default, _watermark2.default, _poster2.default, _stats2.default, _google_analytics2.default, _click_to_pause2.default];
_this.corePlugins = [_dvr_controls2.default, _closed_captions2.default, _favicon2.default, _seek_time2.default, _sources2.default, _end_video2.default, _strings2.default];
if (externalPlugins) {
- if (!Array.isArray(externalPlugins)) {
- _this.validateExternalPluginsType(externalPlugins);
- }
+ if (!Array.isArray(externalPlugins)) _this.validateExternalPluginsType(externalPlugins);
+
_this.addExternalPlugins(externalPlugins);
}
return _this;
@@ -10802,8 +11199,7 @@ var Loader = function (_BaseObject) {
var plugins = [];
for (var key in pluginsMap) {
plugins.unshift(pluginsMap[key]);
- }
- return plugins;
+ }return plugins;
};
/**
@@ -10816,15 +11212,11 @@ var Loader = function (_BaseObject) {
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));
- }
+ if (plugins.playback) this.playbackPlugins = this.removeDups(plugins.playback.concat(this.playbackPlugins));
+
+ if (plugins.container) this.containerPlugins = this.removeDups(plugins.container.concat(this.containerPlugins));
+
+ if (plugins.core) this.corePlugins = this.removeDups(plugins.core.concat(this.corePlugins));
_player_info2.default.getInstance(this.playerId).playbackPlugins = this.playbackPlugins;
};
@@ -10842,9 +11234,7 @@ var Loader = function (_BaseObject) {
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);
- }
+ if (el.type !== type) throw new ReferenceError(errorMessage);
});
});
};
@@ -10862,7 +11252,7 @@ exports.default = Loader;
module.exports = exports['default'];
/***/ }),
-/* 152 */
+/* 158 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -10872,7 +11262,7 @@ Object.defineProperty(exports, "__esModule", {
value: true
});
-var _from = __webpack_require__(78);
+var _from = __webpack_require__(79);
var _from2 = _interopRequireDefault(_from);
@@ -10892,7 +11282,7 @@ var _inherits2 = __webpack_require__(2);
var _inherits3 = _interopRequireDefault(_inherits2);
-var _toConsumableArray2 = __webpack_require__(79);
+var _toConsumableArray2 = __webpack_require__(80);
var _toConsumableArray3 = _interopRequireDefault(_toConsumableArray2);
@@ -10906,10 +11296,6 @@ var _playback = __webpack_require__(9);
var _playback2 = _interopRequireDefault(_playback);
-var _styler = __webpack_require__(7);
-
-var _styler2 = _interopRequireDefault(_styler);
-
var _browser = __webpack_require__(13);
var _browser2 = _interopRequireDefault(_browser);
@@ -10918,10 +11304,6 @@ var _events = __webpack_require__(4);
var _events2 = _interopRequireDefault(_events);
-var _style = __webpack_require__(161);
-
-var _style2 = _interopRequireDefault(_style);
-
var _clapprZepto = __webpack_require__(6);
var _clapprZepto2 = _interopRequireDefault(_clapprZepto);
@@ -10930,12 +11312,18 @@ var _template = __webpack_require__(8);
var _template2 = _interopRequireDefault(_template);
-var _tracks = __webpack_require__(162);
+var _tracks = __webpack_require__(167);
var _tracks2 = _interopRequireDefault(_tracks);
+__webpack_require__(168);
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+// Copyright 2014 Globo.com Player authors. All rights reserved.
+// Use of this source code is governed by a BSD-style
+// license that can be found in the LICENSE file.
+
var 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"';
@@ -10945,10 +11333,7 @@ var MIMETYPES = {
'webm': ['video/webm; codecs="vp8, vorbis"'],
'mkv': ['video/x-matroska; codecs="theora, vorbis"'],
'm3u8': ['application/x-mpegurl']
-}; // Copyright 2014 Globo.com Player authors. All rights reserved.
-// Use of this source code is governed by a BSD-style
-// license that can be found in the LICENSE file.
-
+};
MIMETYPES['ogv'] = MIMETYPES['ogg'];
MIMETYPES['3gp'] = MIMETYPES['3gpp'];
@@ -11005,8 +11390,8 @@ var HTML5Video = function (_Playback) {
'pause': '_onPause',
'playing': '_onPlaying',
'progress': '_onProgress',
- 'seeked': '_handleBufferingEvents',
'seeking': '_handleBufferingEvents',
+ 'seeked': '_onSeeked',
'stalled': '_handleBufferingEvents',
'timeupdate': '_onTimeUpdate',
'waiting': '_onWaiting'
@@ -11036,7 +11421,7 @@ var HTML5Video = function (_Playback) {
}, {
key: 'buffering',
get: function get() {
- return !!this._bufferingState;
+ return this._isBuffering;
}
}]);
@@ -11051,6 +11436,7 @@ var HTML5Video = function (_Playback) {
_this._destroyed = false;
_this._loadStarted = false;
+ _this._isBuffering = false;
_this._playheadMoving = false;
_this._playheadMovingTimer = null;
_this._stopped = false;
@@ -11065,14 +11451,12 @@ var HTML5Video = function (_Playback) {
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;
- }
+ 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, {
+ muted: _this.options.mute,
+ defaultMuted: _this.options.mute,
loop: _this.options.loop,
poster: posterUrl,
preload: preload || 'metadata',
@@ -11118,9 +11502,8 @@ var HTML5Video = function (_Playback) {
HTML5Video.prototype._setupSrc = function _setupSrc(srcUrl) {
- if (this.el.src === srcUrl) {
- return;
- }
+ if (this.el.src === srcUrl) return;
+
this._ccIsSetup = false;
this.el.src = srcUrl;
this._src = this.el.src;
@@ -11131,9 +11514,7 @@ var HTML5Video = function (_Playback) {
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();
- }
+ if (this.getPlaybackType() !== _playback2.default.LIVE && autoSeekFromUrl) this._checkInitialSeek();
};
HTML5Video.prototype._onDurationChange = function _onDurationChange() {
@@ -11146,11 +11527,8 @@ var HTML5Video = function (_Playback) {
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'];
- }
+ 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);
};
@@ -11183,9 +11561,7 @@ var HTML5Video = function (_Playback) {
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 () {});
- }
+ if (promise && promise.catch) promise.catch(function () {});
};
HTML5Video.prototype.pause = function pause() {
@@ -11213,12 +11589,24 @@ var HTML5Video = function (_Playback) {
this.el.volume = value / 100;
};
+ /**
+ * @deprecated
+ * @private
+ */
+
+
HTML5Video.prototype.mute = function mute() {
- this.el.volume = 0;
+ this.el.muted = true;
};
+ /**
+ * @deprecated
+ * @private
+ */
+
+
HTML5Video.prototype.unmute = function unmute() {
- this.el.volume = 1;
+ this.el.muted = false;
};
HTML5Video.prototype.isMuted = function isMuted() {
@@ -11230,18 +11618,16 @@ var HTML5Video = function (_Playback) {
};
HTML5Video.prototype._startPlayheadMovingChecks = function _startPlayheadMovingChecks() {
- if (this._playheadMovingTimer !== null) {
- return;
- }
+ if (this._playheadMovingTimer !== null) return;
+
this._playheadMovingTimeOnCheck = null;
this._determineIfPlayheadMoving();
this._playheadMovingTimer = setInterval(this._determineIfPlayheadMoving.bind(this), 500);
};
HTML5Video.prototype._stopPlayheadMovingChecks = function _stopPlayheadMovingChecks() {
- if (this._playheadMovingTimer === null) {
- return;
- }
+ if (this._playheadMovingTimer === null) return;
+
clearInterval(this._playheadMovingTimer);
this._playheadMovingTimer = null;
this._playheadMoving = false;
@@ -11304,6 +11690,11 @@ var HTML5Video = function (_Playback) {
this.trigger(_events2.default.PLAYBACK_PAUSE);
};
+ HTML5Video.prototype._onSeeked = function _onSeeked() {
+ this._handleBufferingEvents();
+ this.trigger(_events2.default.PLAYBACK_SEEKED);
+ };
+
HTML5Video.prototype._onEnded = function _onEnded() {
this._handleBufferingEvents();
this.trigger(_events2.default.PLAYBACK_ENDED, this.name);
@@ -11319,13 +11710,9 @@ var HTML5Video = function (_Playback) {
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);
- }
+ if (this._isBuffering !== buffering) {
+ this._isBuffering = buffering;
+ if (buffering) this.trigger(_events2.default.PLAYBACK_BUFFERING, this.name);else this.trigger(_events2.default.PLAYBACK_BUFFERFULL, this.name);
}
};
@@ -11353,9 +11740,7 @@ var HTML5Video = function (_Playback) {
HTML5Video.prototype._checkInitialSeek = function _checkInitialSeek() {
var seekTime = (0, _utils.seekStringToSeconds)();
- if (seekTime !== 0) {
- this.seek(seekTime);
- }
+ if (seekTime !== 0) this.seek(seekTime);
};
HTML5Video.prototype.getCurrentTime = function getCurrentTime() {
@@ -11367,25 +11752,17 @@ var HTML5Video = function (_Playback) {
};
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);
- }
+ 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);
};
HTML5Video.prototype._onProgress = function _onProgress() {
- if (!this.el.buffered.length) {
- return;
- }
+ 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), [{ 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;
- }
+ if (this.el.currentTime >= buffered[i].start && this.el.currentTime <= buffered[i].end) bufferedPos = i;
}
var progress = {
start: buffered[bufferedPos].start,
@@ -11397,17 +11774,15 @@ var HTML5Video = function (_Playback) {
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);
- }
+ if (mimeTypes.length === 0) mimeTypes = HTML5Video._mimeTypesForUrl(src, AUDIO_MIMETYPES, this.options.mimeType);
+
var mimeType = mimeTypes[0] || '';
return mimeType.split(';')[0];
};
HTML5Video.prototype._ready = function _ready() {
- if (this._isReadyState) {
- return;
- }
+ if (this._isReadyState) return;
+
this._isReadyState = true;
this.trigger(_events2.default.PLAYBACK_READY, this.name);
};
@@ -11441,8 +11816,6 @@ var HTML5Video = function (_Playback) {
};
HTML5Video.prototype.render = function render() {
- var style = _styler2.default.getStyleFor(_style2.default);
-
if (this.options.playback.disableContextMenu) {
this.$el.on('contextmenu', function () {
return false;
@@ -11455,7 +11828,6 @@ var HTML5Video = function (_Playback) {
}));
}
- this.$el.append(style);
this._ready();
return this;
};
@@ -11491,9 +11863,7 @@ var HTML5Video = function (_Playback) {
return this._ccTrackId;
},
set: function set(trackId) {
- if (!(0, _utils.isNumber)(trackId)) {
- return;
- }
+ if (!(0, _utils.isNumber)(trackId)) return;
var tracks = this.closedCaptionsTracks;
var showingTrack = void 0;
@@ -11503,12 +11873,9 @@ var HTML5Video = function (_Playback) {
showingTrack = tracks.find(function (track) {
return track.id === trackId;
});
- if (!showingTrack) {
- return; // Track id not found
- }
- if (showingTrack.track.mode === 'showing') {
- return; // Track already showing
- }
+ if (!showingTrack) return; // Track id not found
+
+ if (showingTrack.track.mode === 'showing') return; // Track already showing
}
// Since it is possible to display multiple tracks,
@@ -11559,15 +11926,15 @@ module.exports = exports['default'];
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(57)))
/***/ }),
-/* 153 */
+/* 159 */
/***/ (function(module, exports, __webpack_require__) {
__webpack_require__(65);
-__webpack_require__(154);
+__webpack_require__(160);
module.exports = __webpack_require__(11).Array.from;
/***/ }),
-/* 154 */
+/* 160 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -11575,13 +11942,13 @@ module.exports = __webpack_require__(11).Array.from;
var ctx = __webpack_require__(46)
, $export = __webpack_require__(19)
, toObject = __webpack_require__(39)
- , call = __webpack_require__(155)
- , isArrayIter = __webpack_require__(156)
+ , call = __webpack_require__(161)
+ , isArrayIter = __webpack_require__(162)
, toLength = __webpack_require__(61)
- , createProperty = __webpack_require__(157)
- , getIterFn = __webpack_require__(158);
+ , createProperty = __webpack_require__(163)
+ , getIterFn = __webpack_require__(164);
-$export($export.S + $export.F * !__webpack_require__(160)(function(iter){ Array.from(iter); }), 'Array', {
+$export($export.S + $export.F * !__webpack_require__(166)(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)
@@ -11611,7 +11978,7 @@ $export($export.S + $export.F * !__webpack_require__(160)(function(iter){ Array.
/***/ }),
-/* 155 */
+/* 161 */
/***/ (function(module, exports, __webpack_require__) {
// call something on iterator step with safe closing on error
@@ -11628,7 +11995,7 @@ module.exports = function(iterator, fn, value, entries){
};
/***/ }),
-/* 156 */
+/* 162 */
/***/ (function(module, exports, __webpack_require__) {
// check on default Array iterator
@@ -11641,7 +12008,7 @@ module.exports = function(it){
};
/***/ }),
-/* 157 */
+/* 163 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -11655,10 +12022,10 @@ module.exports = function(object, index, value){
};
/***/ }),
-/* 158 */
+/* 164 */
/***/ (function(module, exports, __webpack_require__) {
-var classof = __webpack_require__(159)
+var classof = __webpack_require__(165)
, ITERATOR = __webpack_require__(12)('iterator')
, Iterators = __webpack_require__(29);
module.exports = __webpack_require__(11).getIteratorMethod = function(it){
@@ -11668,7 +12035,7 @@ module.exports = __webpack_require__(11).getIteratorMethod = function(it){
};
/***/ }),
-/* 159 */
+/* 165 */
/***/ (function(module, exports, __webpack_require__) {
// getting tag from 19.1.3.6 Object.prototype.toString()
@@ -11696,7 +12063,7 @@ module.exports = function(it){
};
/***/ }),
-/* 160 */
+/* 166 */
/***/ (function(module, exports, __webpack_require__) {
var ITERATOR = __webpack_require__(12)('iterator')
@@ -11722,10 +12089,47 @@ module.exports = function(exec, skipClosing){
};
/***/ }),
-/* 161 */
+/* 167 */
+/***/ (function(module, exports) {
+
+module.exports = "<% for (var i = 0; i < tracks.length; i++) { %>\n <track data-html5-video-track=\"<%= i %>\" kind=\"<%= tracks[i].kind %>\" label=\"<%= tracks[i].label %>\" srclang=\"<%= tracks[i].lang %>\" src=\"<%= tracks[i].src %>\" />\n<% }; %>\n";
+
+/***/ }),
+/* 168 */
/***/ (function(module, exports, __webpack_require__) {
-exports = module.exports = __webpack_require__(10)(undefined);
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__(169);
+if(typeof content === 'string') content = [[module.i, content, '']];
+// Prepare cssTransformation
+var transform;
+
+var options = {"singleton":true,"hmr":true}
+options.transform = transform
+// add the styles to the DOM
+var update = __webpack_require__(10)(content, options);
+if(content.locals) module.exports = content.locals;
+// Hot Module Replacement
+if(false) {
+ // When the styles change, update the <style> tags
+ if(!content.locals) {
+ module.hot.accept("!!../../../../node_modules/css-loader/index.js!../../../../node_modules/postcss-loader/lib/index.js!../../../../node_modules/sass-loader/lib/loader.js?includePaths[]=/Users/bruno/workspace/player/clappr/src/base/scss!./style.scss", function() {
+ var newContent = require("!!../../../../node_modules/css-loader/index.js!../../../../node_modules/postcss-loader/lib/index.js!../../../../node_modules/sass-loader/lib/loader.js?includePaths[]=/Users/bruno/workspace/player/clappr/src/base/scss!./style.scss");
+ if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
+ update(newContent);
+ });
+ }
+ // When the module is disposed, remove the <style> tags
+ module.hot.dispose(function() { update(); });
+}
+
+/***/ }),
+/* 169 */
+/***/ (function(module, exports, __webpack_require__) {
+
+exports = module.exports = __webpack_require__(7)(undefined);
// imports
@@ -11736,13 +12140,7 @@ exports.push([module.i, "[data-html5-video] {\n position: absolute;\n height:
/***/ }),
-/* 162 */
-/***/ (function(module, exports) {
-
-module.exports = "<% for (var i = 0; i < tracks.length; i++) { %>\n <track data-html5-video-track=\"<%= i %>\" kind=\"<%= tracks[i].kind %>\" label=\"<%= tracks[i].label %>\" srclang=\"<%= tracks[i].lang %>\" src=\"<%= tracks[i].src %>\" />\n<% }; %>\n";
-
-/***/ }),
-/* 163 */
+/* 170 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -11798,7 +12196,7 @@ var _playback = __webpack_require__(9);
var _playback2 = _interopRequireDefault(_playback);
-var _Player = __webpack_require__(167);
+var _Player = __webpack_require__(175);
var _Player2 = _interopRequireDefault(_Player);
@@ -11881,20 +12279,12 @@ var Flash = function (_BaseFlashPlayback) {
this._autoPlay && this.play();
}
(0, _clapprZepto2.default)('<div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%" />').insertAfter(this.$el);
- if (this.getDuration() > 0) {
- this._metadataLoaded();
- } else {
- _mediator2.default.once(this.uniqueId + ':timeupdate', this._metadataLoaded, this);
- }
+ if (this.getDuration() > 0) this._metadataLoaded();else _mediator2.default.once(this.uniqueId + ':timeupdate', this._metadataLoaded, this);
} 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);
- }
+ 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);
}
};
@@ -11979,9 +12369,7 @@ var Flash = function (_BaseFlashPlayback) {
Flash.prototype._checkInitialSeek = function _checkInitialSeek() {
var seekTime = (0, _utils.seekStringToSeconds)(window.location.href);
- if (seekTime !== 0) {
- this.seekSeconds(seekTime);
- }
+ if (seekTime !== 0) this.seekSeconds(seekTime);
};
Flash.prototype.play = function play() {
@@ -11999,13 +12387,9 @@ var Flash = function (_BaseFlashPlayback) {
Flash.prototype.volume = function volume(value) {
var _this4 = this;
- if (this.isReady) {
- this.el.playerVolume(value);
- } else {
- this.listenToOnce(this, _events2.default.PLAYBACK_BUFFERFULL, function () {
- return _this4.volume(value);
- });
- }
+ if (this.isReady) this.el.playerVolume(value);else this.listenToOnce(this, _events2.default.PLAYBACK_BUFFERFULL, function () {
+ return _this4.volume(value);
+ });
};
Flash.prototype.pause = function pause() {
@@ -12047,9 +12431,7 @@ var Flash = function (_BaseFlashPlayback) {
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();
- }
+ if (this._currentState === 'PAUSED') this.el.playerPause();
} else {
this.listenToOnce(this, _events2.default.PLAYBACK_BUFFERFULL, function () {
return _this6.seek(time);
@@ -12086,7 +12468,7 @@ Flash.canPlay = function (resource) {
module.exports = exports['default'];
/***/ }),
-/* 164 */
+/* 171 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -12116,10 +12498,6 @@ var _playback = __webpack_require__(9);
var _playback2 = _interopRequireDefault(_playback);
-var _styler = __webpack_require__(7);
-
-var _styler2 = _interopRequireDefault(_styler);
-
var _template = __webpack_require__(8);
var _template2 = _interopRequireDefault(_template);
@@ -12128,22 +12506,18 @@ var _browser = __webpack_require__(13);
var _browser2 = _interopRequireDefault(_browser);
-var _flash = __webpack_require__(165);
+var _flash = __webpack_require__(172);
var _flash2 = _interopRequireDefault(_flash);
-var _flash3 = __webpack_require__(166);
-
-var _flash4 = _interopRequireDefault(_flash3);
+__webpack_require__(173);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-// Copyright 2015 Globo.com Player authors. All rights reserved.
+var IE_CLASSID = 'clsid:d27cdb6e-ae6d-11cf-96b8-444553540000'; // 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.
-var IE_CLASSID = 'clsid:d27cdb6e-ae6d-11cf-96b8-444553540000';
-
var BaseFlashPlayback = function (_Playback) {
(0, _inherits3.default)(BaseFlashPlayback, _Playback);
@@ -12158,6 +12532,7 @@ var BaseFlashPlayback = function (_Playback) {
};
BaseFlashPlayback.prototype.render = function render() {
+ this.$el.attr('data', this.swfPath);
this.$el.html(this.template({
cid: this.cid,
swfPath: this.swfPath,
@@ -12169,13 +12544,10 @@ var BaseFlashPlayback = function (_Playback) {
if (_browser2.default.isIE) {
this.$('embed').remove();
- if (_browser2.default.isLegacyIE) {
- this.$el.attr('classid', IE_CLASSID);
- }
+ if (_browser2.default.isLegacyIE) this.$el.attr('classid', IE_CLASSID);
}
this.el.id = this.cid;
- this.$el.append(_styler2.default.getStyleFor(_flash4.default));
return this;
};
@@ -12205,9 +12577,7 @@ var BaseFlashPlayback = function (_Playback) {
get: function get() {
var type = 'application/x-shockwave-flash';
- if (_browser2.default.isLegacyIE) {
- type = '';
- }
+ if (_browser2.default.isLegacyIE) type = '';
return {
class: 'clappr-flash-playback',
@@ -12226,16 +12596,47 @@ exports.default = BaseFlashPlayback;
module.exports = exports['default'];
/***/ }),
-/* 165 */
+/* 172 */
/***/ (function(module, exports) {
module.exports = "<param name=\"movie\" value=\"<%= swfPath %>\">\n<param name=\"quality\" value=\"autohigh\">\n<param name=\"swliveconnect\" value=\"true\">\n<param name=\"allowScriptAccess\" value=\"always\">\n<param name=\"bgcolor\" value=\"#000000\">\n<param name=\"allowFullScreen\" value=\"false\">\n<param name=\"wmode\" value=\"<%= wmode %>\">\n<param name=\"tabindex\" value=\"1\">\n<param name=\"FlashVars\" value=\"playbackId=<%= playbackId %>&callback=<%= callbackName %>\">\n<embed\n name=\"<%= cid %>\"\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 data=\"<%= swfPath %>\"\n src=\"<%= swfPath %>\"\n width=\"100%\"\n height=\"100%\">\n</embed>\n";
/***/ }),
-/* 166 */
+/* 173 */
/***/ (function(module, exports, __webpack_require__) {
-exports = module.exports = __webpack_require__(10)(undefined);
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__(174);
+if(typeof content === 'string') content = [[module.i, content, '']];
+// Prepare cssTransformation
+var transform;
+
+var options = {"singleton":true,"hmr":true}
+options.transform = transform
+// add the styles to the DOM
+var update = __webpack_require__(10)(content, options);
+if(content.locals) module.exports = content.locals;
+// Hot Module Replacement
+if(false) {
+ // When the styles change, update the <style> tags
+ if(!content.locals) {
+ module.hot.accept("!!../../../../node_modules/css-loader/index.js!../../../../node_modules/postcss-loader/lib/index.js!../../../../node_modules/sass-loader/lib/loader.js?includePaths[]=/Users/bruno/workspace/player/clappr/src/base/scss!./flash.scss", function() {
+ var newContent = require("!!../../../../node_modules/css-loader/index.js!../../../../node_modules/postcss-loader/lib/index.js!../../../../node_modules/sass-loader/lib/loader.js?includePaths[]=/Users/bruno/workspace/player/clappr/src/base/scss!./flash.scss");
+ if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
+ update(newContent);
+ });
+ }
+ // When the module is disposed, remove the <style> tags
+ module.hot.dispose(function() { update(); });
+}
+
+/***/ }),
+/* 174 */
+/***/ (function(module, exports, __webpack_require__) {
+
+exports = module.exports = __webpack_require__(7)(undefined);
// imports
@@ -12246,13 +12647,13 @@ exports.push([module.i, ".clappr-flash-playback[data-flash-playback] {\n displa
/***/ }),
-/* 167 */
-/***/ (function(module, exports, __webpack_require__) {
+/* 175 */
+/***/ (function(module, exports) {
-module.exports = __webpack_require__.p + "4b76590b32dab62bc95c1b7951efae78.swf";
+module.exports = "<%=baseUrl%>/4b76590b32dab62bc95c1b7951efae78.swf";
/***/ }),
-/* 168 */
+/* 176 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -12347,7 +12748,7 @@ HTML5Audio.canPlay = function (resourceUrl, mimeType) {
module.exports = exports['default'];
/***/ }),
-/* 169 */
+/* 177 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -12397,11 +12798,11 @@ var _browser = __webpack_require__(13);
var _browser2 = _interopRequireDefault(_browser);
-var _flashls_events = __webpack_require__(170);
+var _flashls_events = __webpack_require__(178);
var _flashls_events2 = _interopRequireDefault(_flashls_events);
-var _HLSPlayer = __webpack_require__(171);
+var _HLSPlayer = __webpack_require__(179);
var _HLSPlayer2 = _interopRequireDefault(_HLSPlayer);
@@ -12437,11 +12838,7 @@ var FlasHLS = function (_BaseFlashPlayback) {
}, {
key: 'currentLevel',
get: function get() {
- if (this._currentLevel === null || this._currentLevel === undefined) {
- return AUTO;
- } else {
- return this._currentLevel; //0 is a valid level ID
- }
+ if (this._currentLevel === null || this._currentLevel === undefined) return AUTO;else return this._currentLevel; //0 is a valid level ID
},
set: function set(id) {
this._currentLevel = id;
@@ -12593,19 +12990,14 @@ var FlasHLS = function (_BaseFlashPlayback) {
this._currentState = 'IDLE';
this._setFlashSettings();
this._updatePlaybackType();
- if (this._autoPlay || this._shouldPlayOnManifestLoaded) {
- this.play();
- }
+ 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);
- }
+ 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);
}
};
@@ -12848,9 +13240,7 @@ var FlasHLS = function (_BaseFlashPlayback) {
};
FlasHLS.prototype._updateTime = function _updateTime(timeMetrics) {
- if (this._currentState === 'IDLE') {
- return;
- }
+ if (this._currentState === 'IDLE') return;
var duration = this._normalizeDuration(timeMetrics.duration);
var position = Math.min(Math.max(timeMetrics.position, 0), duration);
@@ -12858,37 +13248,31 @@ var FlasHLS = function (_BaseFlashPlayback) {
var livePlayback = this._playbackType === _playback2.default.LIVE;
this._dvrEnabled = livePlayback && duration > this._hlsMinimumDvrSize;
- if (duration === 100 || livePlayback === undefined) {
- return;
- }
+ if (duration === 100 || livePlayback === undefined) return;
if (this._dvrEnabled !== previousDVRStatus) {
this._updateSettings();
this.trigger(_events2.default.PLAYBACK_SETTINGSUPDATE, this.name);
}
- if (livePlayback && (!this._dvrEnabled || !this._dvrInUse)) {
- position = duration;
- }
+ if (livePlayback && (!this._dvrEnabled || !this._dvrInUse)) position = duration;
this.trigger(_events2.default.PLAYBACK_TIMEUPDATE, { current: position, total: duration }, this.name);
};
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();
- }
+ if (this._currentState === 'PAUSED') this.el.playerResume();else if (!this._srcLoaded && this._currentState !== 'PLAYING') this._firstPlay();else this.el.playerPlay();
};
FlasHLS.prototype.getPlaybackType = function getPlaybackType() {
return this._playbackType ? this._playbackType : null;
};
+ FlasHLS.prototype.getCurrentTime = function getCurrentTime() {
+ return this.el.getPosition();
+ };
+
FlasHLS.prototype.getCurrentLevelIndex = function getCurrentLevelIndex() {
return this._currentLevel;
};
@@ -12940,34 +13324,23 @@ var FlasHLS = function (_BaseFlashPlayback) {
FlasHLS.prototype._updateCurrentState = function _updateCurrentState(state) {
this._currentState = state;
- if (state !== 'IDLE') {
- this._hasEnded = false;
- }
+ 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);
- }
+ if (state === 'PLAYING') this.trigger(_events2.default.PLAYBACK_PLAY, this.name);else if (state === 'PAUSED') this.trigger(_events2.default.PLAYBACK_PAUSE, this.name);
};
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();
- }
+ if (this._playbackType === _playback2.default.VOD) this._startReportingProgress();else this._stopReportingProgress();
}
this.trigger(_events2.default.PLAYBACK_PLAYBACKSTATE, { type: this._playbackType });
};
FlasHLS.prototype._startReportingProgress = function _startReportingProgress() {
- if (!this._reportingProgress) {
- this._reportingProgress = true;
- }
+ if (!this._reportingProgress) this._reportingProgress = true;
};
FlasHLS.prototype._stopReportingProgress = function _stopReportingProgress() {
@@ -12976,10 +13349,10 @@ var FlasHLS = function (_BaseFlashPlayback) {
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();
+ if (this._reportingProgress && this.getCurrentTime()) {
+ var buffered = this.getCurrentTime() + this.el.getbufferLength();
this.trigger(_events2.default.PLAYBACK_PROGRESS, {
- start: this.el.getPosition(),
+ start: this.getCurrentTime(),
current: buffered,
total: this.el.getDuration()
});
@@ -13007,21 +13380,15 @@ var FlasHLS = function (_BaseFlashPlayback) {
FlasHLS.prototype.volume = function volume(value) {
var _this5 = this;
- if (this.isReady) {
- this.el.playerVolume(value);
- } else {
- this.listenToOnce(this, _events2.default.PLAYBACK_BUFFERFULL, function () {
- return _this5.volume(value);
- });
- }
+ if (this.isReady) this.el.playerVolume(value);else this.listenToOnce(this, _events2.default.PLAYBACK_BUFFERFULL, function () {
+ return _this5.volume(value);
+ });
};
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);
- }
+ if (this._playbackType === _playback2.default.LIVE && this._dvrEnabled) this._updateDvr(true);
}
};
@@ -13033,9 +13400,8 @@ var FlasHLS = function (_BaseFlashPlayback) {
};
FlasHLS.prototype.isPlaying = function isPlaying() {
- if (this._currentState) {
- return !!this._currentState.match(/playing/i);
- }
+ if (this._currentState) return !!this._currentState.match(/playing/i);
+
return false;
};
@@ -13054,9 +13420,8 @@ var FlasHLS = function (_BaseFlashPlayback) {
FlasHLS.prototype.seekPercentage = function seekPercentage(percentage) {
var duration = this.el.getDuration();
var time = 0;
- if (percentage > 0) {
- time = duration * percentage / 100;
- }
+ if (percentage > 0) time = duration * percentage / 100;
+
this.seek(time);
};
@@ -13107,8 +13472,7 @@ var FlasHLS = function (_BaseFlashPlayback) {
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);
+ }this.trigger(_events2.default.PLAYBACK_LEVELS_AVAILABLE, this._levels);
};
FlasHLS.prototype.destroy = function destroy() {
@@ -13132,12 +13496,10 @@ var FlasHLS = function (_BaseFlashPlayback) {
FlasHLS.prototype._createCallbacks = function _createCallbacks() {
var _this6 = this;
- if (!window.Clappr) {
- window.Clappr = {};
- }
- if (!window.Clappr.flashlsCallbacks) {
- window.Clappr.flashlsCallbacks = {};
- }
+ 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);
@@ -13174,7 +13536,7 @@ FlasHLS.canPlay = function (resource, mimeType) {
module.exports = exports['default'];
/***/ }),
-/* 170 */
+/* 178 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -13272,13 +13634,13 @@ exports.default = HLSEvents;
module.exports = exports['default'];
/***/ }),
-/* 171 */
-/***/ (function(module, exports, __webpack_require__) {
+/* 179 */
+/***/ (function(module, exports) {
-module.exports = __webpack_require__.p + "809981e5b09d5336c45d72d0869ada2a.swf";
+module.exports = "<%=baseUrl%>/8fa12a459188502b9f0d39b8a67d9e6c.swf";
/***/ }),
-/* 172 */
+/* 180 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -13288,7 +13650,7 @@ Object.defineProperty(exports, "__esModule", {
value: true
});
-var _toConsumableArray2 = __webpack_require__(79);
+var _toConsumableArray2 = __webpack_require__(80);
var _toConsumableArray3 = _interopRequireDefault(_toConsumableArray2);
@@ -13312,7 +13674,7 @@ var _html5_video = __webpack_require__(35);
var _html5_video2 = _interopRequireDefault(_html5_video);
-var _hls = __webpack_require__(173);
+var _hls = __webpack_require__(181);
var _hls2 = _interopRequireDefault(_hls);
@@ -13353,11 +13715,7 @@ var HLS = function (_HTML5VideoPlayback) {
}, {
key: 'currentLevel',
get: function get() {
- if (this._currentLevel === null || this._currentLevel === undefined) {
- return AUTO;
- } else {
- return this._currentLevel; //0 is a valid level ID
- }
+ if (this._currentLevel === null || this._currentLevel === undefined) return AUTO;else return this._currentLevel; //0 is a valid level ID
},
set: function set(id) {
this._currentLevel = id;
@@ -13365,11 +13723,15 @@ var HLS = function (_HTML5VideoPlayback) {
this._hls.currentLevel = this._currentLevel;
}
}, {
+ key: 'isReady',
+ get: function get() {
+ return this._isReadyState;
+ }
+ }, {
key: '_startTime',
get: function get() {
- if (this._playbackType === _playback2.default.LIVE && this._playlistType !== 'EVENT') {
- return this._extrapolatedStartTime;
- }
+ if (this._playbackType === _playback2.default.LIVE && this._playlistType !== 'EVENT') return this._extrapolatedStartTime;
+
return this._playableRegionStartTime;
}
}, {
@@ -13384,9 +13746,8 @@ var HLS = function (_HTML5VideoPlayback) {
}, {
key: '_extrapolatedStartTime',
get: function get() {
- if (!this._localStartTimeCorrelation) {
- return this._playableRegionStartTime;
- }
+ if (!this._localStartTimeCorrelation) return this._playableRegionStartTime;
+
var corr = this._localStartTimeCorrelation;
var timePassed = this._now - corr.local;
var extrapolatedWindowStartTime = (corr.remote + timePassed) / 1000;
@@ -13401,9 +13762,8 @@ var HLS = function (_HTML5VideoPlayback) {
key: '_extrapolatedEndTime',
get: function get() {
var actualEndTime = this._playableRegionStartTime + this._playableRegionDuration;
- if (!this._localEndTimeCorrelation) {
- return actualEndTime;
- }
+ if (!this._localEndTimeCorrelation) return actualEndTime;
+
var corr = this._localEndTimeCorrelation;
var timePassed = this._now - corr.local;
var extrapolatedEndTime = (corr.remote + timePassed) / 1000;
@@ -13436,9 +13796,8 @@ var HLS = function (_HTML5VideoPlayback) {
}, {
key: '_extrapolatedWindowDuration',
get: function get() {
- if (this._segmentTargetDuration === null) {
- return 0;
- }
+ if (this._segmentTargetDuration === null) return 0;
+
return this._extrapolatedWindowNumSegments * this._segmentTargetDuration;
}
}], [{
@@ -13499,7 +13858,7 @@ var HLS = function (_HTML5VideoPlayback) {
return _this;
}
- HLS.prototype._setupHls = function _setupHls() {
+ HLS.prototype._setup = function _setup() {
var _this2 = this;
this._ccIsSetup = false;
@@ -13530,6 +13889,14 @@ var HLS = function (_HTML5VideoPlayback) {
return _this2._ccTracksUpdated = true;
});
this._hls.attachMedia(this.el);
+ this._ready();
+ };
+
+ HLS.prototype._ready = function _ready() {
+ if (!this._hls) return;
+
+ this._isReadyState = true;
+ this.trigger(_events2.default.PLAYBACK_READY, this.name);
};
HLS.prototype._recover = function _recover(evt, data) {
@@ -13593,9 +13960,8 @@ var HLS = function (_HTML5VideoPlayback) {
HLS.prototype.seekPercentage = function seekPercentage(percentage) {
var seekTo = this._duration;
- if (percentage > 0) {
- seekTo = this._duration * (percentage / 100);
- }
+ if (percentage > 0) seekTo = this._duration * (percentage / 100);
+
this.seek(seekTo);
};
@@ -13620,13 +13986,8 @@ var HLS = function (_HTML5VideoPlayback) {
};
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'];
- }
+ 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);
};
@@ -13678,26 +14039,23 @@ var HLS = function (_HTML5VideoPlayback) {
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;
- }
+ if (isSame) return;
+
this._lastTimeUpdate = update;
this.trigger(_events2.default.PLAYBACK_TIMEUPDATE, update, this.name);
};
HLS.prototype._onDurationChange = function _onDurationChange() {
var duration = this.getDuration();
- if (this._lastDuration === duration) {
- return;
- }
+ if (this._lastDuration === duration) return;
+
this._lastDuration = duration;
_HTML5VideoPlayback.prototype._onDurationChange.call(this);
};
HLS.prototype._onProgress = function _onProgress() {
- if (!this.el.buffered.length) {
- return;
- }
+ if (!this.el.buffered.length) return;
+
var buffered = [];
var bufferedPos = 0;
for (var i = 0; i < this.el.buffered.length; i++) {
@@ -13706,9 +14064,7 @@ var HLS = function (_HTML5VideoPlayback) {
start: Math.max(0, this.el.buffered.start(i) - this._playableRegionStartTime),
end: Math.max(0, this.el.buffered.end(i) - this._playableRegionStartTime)
}]);
- if (this.el.currentTime >= buffered[i].start && this.el.currentTime <= buffered[i].end) {
- bufferedPos = i;
- }
+ if (this.el.currentTime >= buffered[i].start && this.el.currentTime <= buffered[i].end) bufferedPos = i;
}
var progress = {
start: buffered[bufferedPos].start,
@@ -13719,20 +14075,16 @@ var HLS = function (_HTML5VideoPlayback) {
};
HLS.prototype.play = function play() {
- if (!this._hls) {
- this._setupHls();
- }
+ if (!this._hls) this._setup();
+
_HTML5VideoPlayback.prototype.play.call(this);
};
HLS.prototype.pause = function pause() {
- if (!this._hls) {
- return;
- }
+ if (!this._hls) return;
+
_HTML5VideoPlayback.prototype.pause.call(this);
- if (this.dvrEnabled) {
- this._updateDvr(true);
- }
+ if (this.dvrEnabled) this._updateDvr(true);
};
HLS.prototype.stop = function stop() {
@@ -13758,9 +14110,7 @@ var HLS = function (_HTML5VideoPlayback) {
this._onLevelUpdated(evt, data);
// Live stream subtitle tracks detection hack (may not immediately available)
- if (this._ccTracksUpdated && this._playbackType === _playback2.default.LIVE && this.hasClosedCaptionsTracks) {
- this._onSubtitleLoaded();
- }
+ if (this._ccTracksUpdated && this._playbackType === _playback2.default.LIVE && this.hasClosedCaptionsTracks) this._onSubtitleLoaded();
};
HLS.prototype._fillLevels = function _fillLevels() {
@@ -13780,9 +14130,7 @@ var HLS = function (_HTML5VideoPlayback) {
var previousPlayableRegionStartTime = this._playableRegionStartTime;
var previousPlayableRegionDuration = this._playableRegionDuration;
- if (fragments.length === 0) {
- return;
- }
+ if (fragments.length === 0) return;
if (this._playableRegionStartTime !== fragments[0].start) {
startTimeChanged = true;
@@ -13829,7 +14177,7 @@ var HLS = function (_HTML5VideoPlayback) {
// 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 hlsjsConfig = this.options.playback.hlsjsConfig || {};
var liveSyncDurationCount = hlsjsConfig.liveSyncDurationCount || _hls2.default.DefaultConfig.liveSyncDurationCount;
var hiddenAreaDuration = fragmentTargetDuration * liveSyncDurationCount;
if (hiddenAreaDuration <= newDuration) {
@@ -13909,9 +14257,8 @@ var HLS = function (_HTML5VideoPlayback) {
};
HLS.prototype._onLevelSwitch = function _onLevelSwitch(evt, data) {
- if (!this.levels.length) {
- this._fillLevels();
- }
+ 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];
@@ -13962,10 +14309,1157 @@ HLS.canPlay = function (resource, mimeType) {
module.exports = exports['default'];
/***/ }),
-/* 173 */
+/* 181 */
/***/ (function(module, exports, __webpack_require__) {
-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<r.length;o++)s(r[o]);return s})({1:[function(_dereq_,module,exports){
+(function webpackUniversalModuleDefinition(root, factory) {
+ if(true)
+ module.exports = factory();
+ else if(typeof define === 'function' && define.amd)
+ define([], factory);
+ else if(typeof exports === 'object')
+ exports["Hls"] = factory();
+ else
+ root["Hls"] = factory();
+})(this, function() {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ // The module cache
+/******/ var installedModules = {};
+/******/
+/******/ // The require function
+/******/ function __webpack_require__(moduleId) {
+/******/
+/******/ // Check if module is in cache
+/******/ if(installedModules[moduleId]) {
+/******/ return installedModules[moduleId].exports;
+/******/ }
+/******/ // Create a new module (and put it into the cache)
+/******/ var module = installedModules[moduleId] = {
+/******/ i: moduleId,
+/******/ l: false,
+/******/ exports: {}
+/******/ };
+/******/
+/******/ // Execute the module function
+/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ // Flag the module as loaded
+/******/ module.l = true;
+/******/
+/******/ // Return the exports of the module
+/******/ return module.exports;
+/******/ }
+/******/
+/******/
+/******/ // expose the modules object (__webpack_modules__)
+/******/ __webpack_require__.m = modules;
+/******/
+/******/ // expose the module cache
+/******/ __webpack_require__.c = installedModules;
+/******/
+/******/ // define getter function for harmony exports
+/******/ __webpack_require__.d = function(exports, name, getter) {
+/******/ if(!__webpack_require__.o(exports, name)) {
+/******/ Object.defineProperty(exports, name, {
+/******/ configurable: false,
+/******/ enumerable: true,
+/******/ get: getter
+/******/ });
+/******/ }
+/******/ };
+/******/
+/******/ // getDefaultExport function for compatibility with non-harmony modules
+/******/ __webpack_require__.n = function(module) {
+/******/ var getter = module && module.__esModule ?
+/******/ function getDefault() { return module['default']; } :
+/******/ function getModuleExports() { return module; };
+/******/ __webpack_require__.d(getter, 'a', getter);
+/******/ return getter;
+/******/ };
+/******/
+/******/ // Object.prototype.hasOwnProperty.call
+/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ // __webpack_public_path__
+/******/ __webpack_require__.p = "/dist/";
+/******/
+/******/ // Load entry module and return exports
+/******/ return __webpack_require__(__webpack_require__.s = 8);
+/******/ })
+/************************************************************************/
+/******/ ([
+/* 0 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return enableLogs; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return logger; });
+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; };
+
+function noop() {}
+
+var fakeLogger = {
+ trace: noop,
+ debug: noop,
+ log: noop,
+ warn: noop,
+ info: noop,
+ error: noop
+};
+
+var exportedLogger = fakeLogger;
+
+/*globals self: false */
+
+//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;
+// }
+
+function formatMsg(type, msg) {
+ msg = '[' + type + '] > ' + msg;
+ return msg;
+}
+
+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];
+ }
+
+ if (args[0]) {
+ args[0] = formatMsg(type, args[0]);
+ }
+ func.apply(self.console, args);
+ };
+ }
+ return noop;
+}
+
+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];
+ }
+
+ functions.forEach(function (type) {
+ exportedLogger[type] = debugConfig[type] ? debugConfig[type].bind(debugConfig) : consolePrintFn(type);
+ });
+}
+
+var 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;
+ }
+};
+
+var logger = exportedLogger;
+
+/***/ }),
+/* 1 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony default export */ __webpack_exports__["a"] = ({
+ // 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, payload : fragment payload, 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'
+});
+
+/***/ }),
+/* 2 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return ErrorTypes; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ErrorDetails; });
+var 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 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'
+};
+
+/***/ }),
+/* 3 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return utf8ArrayToStr; });
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+/**
+ * ID3 parser
+ */
+var ID3 = function () {
+ function ID3() {
+ _classCallCheck(this, ID3);
+ }
+
+ /**
+ * Returns true if an ID3 header can be found at offset in data
+ * @param {Uint8Array} data - The data to search in
+ * @param {number} offset - The offset at which to start searching
+ * @return {boolean} - True if an ID3 header is found
+ */
+ ID3.isHeader = function isHeader(data, offset) {
+ /*
+ * http://id3.org/id3v2.3.0
+ * [0] = 'I'
+ * [1] = 'D'
+ * [2] = '3'
+ * [3,4] = {Version}
+ * [5] = {Flags}
+ * [6-9] = {ID3 Size}
+ *
+ * An ID3v2 tag can be detected with the following pattern:
+ * $49 44 33 yy yy xx zz zz zz zz
+ * Where yy is less than $FF, xx is the 'flags' byte and zz is less than $80
+ */
+ if (offset + 10 <= data.length) {
+ //look for 'ID3' identifier
+ if (data[offset] === 0x49 && data[offset + 1] === 0x44 && data[offset + 2] === 0x33) {
+ //check version is within range
+ if (data[offset + 3] < 0xFF && data[offset + 4] < 0xFF) {
+ //check size is within range
+ if (data[offset + 6] < 0x80 && data[offset + 7] < 0x80 && data[offset + 8] < 0x80 && data[offset + 9] < 0x80) {
+ return true;
+ }
+ }
+ }
+ }
+
+ return false;
+ };
+
+ /**
+ * Returns true if an ID3 footer can be found at offset in data
+ * @param {Uint8Array} data - The data to search in
+ * @param {number} offset - The offset at which to start searching
+ * @return {boolean} - True if an ID3 footer is found
+ */
+
+
+ ID3.isFooter = function isFooter(data, offset) {
+ /*
+ * The footer is a copy of the header, but with a different identifier
+ */
+ if (offset + 10 <= data.length) {
+ //look for '3DI' identifier
+ if (data[offset] === 0x33 && data[offset + 1] === 0x44 && data[offset + 2] === 0x49) {
+ //check version is within range
+ if (data[offset + 3] < 0xFF && data[offset + 4] < 0xFF) {
+ //check size is within range
+ if (data[offset + 6] < 0x80 && data[offset + 7] < 0x80 && data[offset + 8] < 0x80 && data[offset + 9] < 0x80) {
+ return true;
+ }
+ }
+ }
+ }
+
+ return false;
+ };
+
+ /**
+ * Returns any adjacent ID3 tags found in data starting at offset, as one block of data
+ * @param {Uint8Array} data - The data to search in
+ * @param {number} offset - The offset at which to start searching
+ * @return {Uint8Array} - The block of data containing any ID3 tags found
+ */
+
+
+ ID3.getID3Data = function getID3Data(data, offset) {
+ var front = offset;
+ var length = 0;
+
+ while (ID3.isHeader(data, offset)) {
+ //ID3 header is 10 bytes
+ length += 10;
+
+ var size = ID3._readSize(data, offset + 6);
+ length += size;
+
+ if (ID3.isFooter(data, offset + 10)) {
+ //ID3 footer is 10 bytes
+ length += 10;
+ }
+
+ offset += length;
+ }
+
+ if (length > 0) {
+ return data.subarray(front, front + length);
+ }
+
+ return undefined;
+ };
+
+ ID3._readSize = function _readSize(data, offset) {
+ var size = 0;
+ size = (data[offset] & 0x7f) << 21;
+ size |= (data[offset + 1] & 0x7f) << 14;
+ size |= (data[offset + 2] & 0x7f) << 7;
+ size |= data[offset + 3] & 0x7f;
+ return size;
+ };
+
+ /**
+ * Searches for the Elementary Stream timestamp found in the ID3 data chunk
+ * @param {Uint8Array} data - Block of data containing one or more ID3 tags
+ * @return {number} - The timestamp
+ */
+
+
+ ID3.getTimeStamp = function getTimeStamp(data) {
+ var frames = ID3.getID3Frames(data);
+ for (var i = 0; i < frames.length; i++) {
+ var frame = frames[i];
+ if (ID3.isTimeStampFrame(frame)) {
+ return ID3._readTimeStamp(frame);
+ }
+ }
+
+ return undefined;
+ };
+
+ /**
+ * Returns true if the ID3 frame is an Elementary Stream timestamp frame
+ * @param {ID3 frame} frame
+ */
+
+
+ ID3.isTimeStampFrame = function isTimeStampFrame(frame) {
+ return frame && frame.key === 'PRIV' && frame.info === 'com.apple.streaming.transportStreamTimestamp';
+ };
+
+ ID3._getFrameData = function _getFrameData(data) {
+ /*
+ Frame ID $xx xx xx xx (four characters)
+ Size $xx xx xx xx
+ Flags $xx xx
+ */
+ var type = String.fromCharCode(data[0], data[1], data[2], data[3]);
+ var size = ID3._readSize(data, 4);
+
+ //skip frame id, size, and flags
+ var offset = 10;
+
+ return { type: type, size: size, data: data.subarray(offset, offset + size) };
+ };
+
+ /**
+ * Returns an array of ID3 frames found in all the ID3 tags in the id3Data
+ * @param {Uint8Array} id3Data - The ID3 data containing one or more ID3 tags
+ * @return {ID3 frame[]} - Array of ID3 frame objects
+ */
+
+
+ ID3.getID3Frames = function getID3Frames(id3Data) {
+ var offset = 0;
+ var frames = [];
+
+ while (ID3.isHeader(id3Data, offset)) {
+ var size = ID3._readSize(id3Data, offset + 6);
+ //skip past ID3 header
+ offset += 10;
+ var end = offset + size;
+ //loop through frames in the ID3 tag
+ while (offset + 8 < end) {
+ var frameData = ID3._getFrameData(id3Data.subarray(offset));
+ var frame = ID3._decodeFrame(frameData);
+ if (frame) {
+ frames.push(frame);
+ }
+ //skip frame header and frame data
+ offset += frameData.size + 10;
+ }
+
+ if (ID3.isFooter(id3Data, offset)) {
+ offset += 10;
+ }
+ }
+
+ return frames;
+ };
+
+ ID3._decodeFrame = function _decodeFrame(frame) {
+ if (frame.type === 'PRIV') {
+ return ID3._decodePrivFrame(frame);
+ } else if (frame.type[0] === 'T') {
+ return ID3._decodeTextFrame(frame);
+ } else if (frame.type[0] === 'W') {
+ return ID3._decodeURLFrame(frame);
+ }
+
+ return undefined;
+ };
+
+ ID3._readTimeStamp = function _readTimeStamp(timeStampFrame) {
+ if (timeStampFrame.data.byteLength === 8) {
+ var data = new Uint8Array(timeStampFrame.data);
+ // timestamp is 33 bit expressed as a big-endian eight-octet number,
+ // with the upper 31 bits set to zero.
+ var pts33Bit = data[3] & 0x1;
+ var timestamp = (data[4] << 23) + (data[5] << 15) + (data[6] << 7) + data[7];
+ timestamp /= 45;
+
+ if (pts33Bit) {
+ timestamp += 47721858.84; // 2^32 / 90
+ }
+
+ return Math.round(timestamp);
+ }
+
+ return undefined;
+ };
+
+ ID3._decodePrivFrame = function _decodePrivFrame(frame) {
+ /*
+ Format: <text string>\0<binary data>
+ */
+ if (frame.size < 2) {
+ return undefined;
+ }
+
+ var owner = ID3._utf8ArrayToStr(frame.data, true);
+ var privateData = new Uint8Array(frame.data.subarray(owner.length + 1));
+
+ return { key: frame.type, info: owner, data: privateData.buffer };
+ };
+
+ ID3._decodeTextFrame = function _decodeTextFrame(frame) {
+ if (frame.size < 2) {
+ return undefined;
+ }
+
+ if (frame.type === 'TXXX') {
+ /*
+ Format:
+ [0] = {Text Encoding}
+ [1-?] = {Description}\0{Value}
+ */
+ var index = 1;
+ var description = ID3._utf8ArrayToStr(frame.data.subarray(index));
+
+ index += description.length + 1;
+ var value = ID3._utf8ArrayToStr(frame.data.subarray(index));
+
+ return { key: frame.type, info: description, data: value };
+ } else {
+ /*
+ Format:
+ [0] = {Text Encoding}
+ [1-?] = {Value}
+ */
+ var text = ID3._utf8ArrayToStr(frame.data.subarray(1));
+ return { key: frame.type, data: text };
+ }
+ };
+
+ ID3._decodeURLFrame = function _decodeURLFrame(frame) {
+ if (frame.type === 'WXXX') {
+ /*
+ Format:
+ [0] = {Text Encoding}
+ [1-?] = {Description}\0{URL}
+ */
+ if (frame.size < 2) {
+ return undefined;
+ }
+
+ var index = 1;
+ var description = ID3._utf8ArrayToStr(frame.data.subarray(index));
+
+ index += description.length + 1;
+ var value = ID3._utf8ArrayToStr(frame.data.subarray(index));
+
+ return { key: frame.type, info: description, data: value };
+ } else {
+ /*
+ Format:
+ [0-?] = {URL}
+ */
+ var url = ID3._utf8ArrayToStr(frame.data);
+ return { key: frame.type, data: url };
+ }
+ };
+
+ // 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 <iz@onicos.co.jp>
+ * Version: 1.0
+ * LastModified: Dec 25 1999
+ * This library is free. You can redistribute it and/or modify it.
+ */
+
+
+ ID3._utf8ArrayToStr = function _utf8ArrayToStr(array) {
+ var exitOnNull = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+
+
+ var len = array.length;
+ var c = void 0;
+ var char2 = void 0;
+ var char3 = void 0;
+ var out = '';
+ var i = 0;
+ while (i < len) {
+ c = array[i++];
+ if (c === 0x00 && exitOnNull) {
+ return out;
+ } else if (c === 0x00 || c === 0x03) {
+ // If the character is 3 (END_OF_TEXT) or 0 (NULL) then skip it
+ continue;
+ }
+ switch (c >> 4) {
+ case 0: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;
+ default:
+ }
+ }
+ return out;
+ };
+
+ return ID3;
+}();
+
+var utf8ArrayToStr = ID3._utf8ArrayToStr;
+
+/* harmony default export */ __webpack_exports__["a"] = (ID3);
+
+
+
+/***/ }),
+/* 4 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+
+// CONCATENATED MODULE: ./src/crypt/aes-crypto.js
+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;
+ }
+
+ AESCrypto.prototype.decrypt = function decrypt(data, key) {
+ return this.subtle.decrypt({ name: 'AES-CBC', iv: this.aesIV }, key, data);
+ };
+
+ return AESCrypto;
+}();
+
+/* harmony default export */ var aes_crypto = (AESCrypto);
+// CONCATENATED MODULE: ./src/crypt/fast-aes-key.js
+function fast_aes_key__classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+var FastAESKey = function () {
+ function FastAESKey(subtle, key) {
+ fast_aes_key__classCallCheck(this, FastAESKey);
+
+ this.subtle = subtle;
+ this.key = key;
+ }
+
+ FastAESKey.prototype.expandKey = function expandKey() {
+ return this.subtle.importKey('raw', this.key, { name: 'AES-CBC' }, false, ['encrypt', 'decrypt']);
+ };
+
+ return FastAESKey;
+}();
+
+/* harmony default export */ var fast_aes_key = (FastAESKey);
+// CONCATENATED MODULE: ./src/crypt/aes-decryptor.js
+function aes_decryptor__classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+var AESDecryptor = function () {
+ function AESDecryptor() {
+ aes_decryptor__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);
+
+ // Changes during runtime
+ this.key = new Uint32Array(0);
+
+ this.initTable();
+ }
+
+ // Using view.getUint32() also swaps the byte order.
+
+
+ AESDecryptor.prototype.uint8ArrayToUint32Array_ = 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;
+ };
+
+ AESDecryptor.prototype.initTable = 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;
+ }
+ }
+
+ 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;
+
+ // 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 {
+ x = x2 ^ d[d[d[x8 ^ x2]]];
+ xi ^= d[d[xi]];
+ }
+ }
+ };
+
+ AESDecryptor.prototype.expandKey = 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 (sameKey) {
+ return;
+ }
+
+ this.key = key;
+ var keySize = this.keySize = key.length;
+
+ if (keySize !== 4 && keySize !== 6 && keySize !== 8) {
+ throw new Error('Invalid aes key size=' + keySize);
+ }
+
+ 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;
+ }
+ 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];
+ }
+
+ keySchedule[ksRow] = prev = (keySchedule[ksRow - keySize] ^ t) >>> 0;
+ }
+
+ for (invKsRow = 0; invKsRow < ksRows; invKsRow++) {
+ ksRow = ksRows - invKsRow;
+ if (invKsRow & 3) {
+ t = keySchedule[ksRow];
+ } else {
+ t = keySchedule[ksRow - 4];
+ }
+
+ 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]];
+ }
+
+ invKeySchedule[invKsRow] = invKeySchedule[invKsRow] >>> 0;
+ }
+ };
+
+ // Adding this as a method greatly improves performance.
+
+
+ AESDecryptor.prototype.networkToHostOrderSwap = function networkToHostOrderSwap(word) {
+ return word << 24 | (word & 0xff00) << 8 | (word & 0xff0000) >> 8 | word >>> 24;
+ };
+
+ AESDecryptor.prototype.decrypt = function decrypt(inputArrayBuffer, offset, aesIV) {
+ var nRounds = this.keySize + 6;
+ var invKeySchedule = this.invKeySchedule;
+ var invSBOX = this.invSBox;
+
+ var invSubMix = this.invSubMix;
+ var invSubMix0 = invSubMix[0];
+ var invSubMix1 = invSubMix[1];
+ var invSubMix2 = invSubMix[2];
+ var invSubMix3 = invSubMix[3];
+
+ var initVector = this.uint8ArrayToUint32Array_(aesIV);
+ var initVector0 = initVector[0];
+ var initVector1 = initVector[1];
+ var initVector2 = initVector[2];
+ var initVector3 = initVector[3];
+
+ var inputInt32 = new Int32Array(inputArrayBuffer);
+ var outputInt32 = new Int32Array(inputInt32.length);
+
+ 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;
+
+ var ksRow, i;
+ var swapWord = this.networkToHostOrderSwap;
+
+ 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;
+ };
+
+ AESDecryptor.prototype.destroy = function destroy() {
+ this.key = undefined;
+ this.keySize = undefined;
+ this.ksRows = undefined;
+
+ this.sBox = undefined;
+ this.invSBox = undefined;
+ this.subMix = undefined;
+ this.invSubMix = undefined;
+ this.keySchedule = undefined;
+ this.invKeySchedule = undefined;
+
+ this.rcon = undefined;
+ };
+
+ return AESDecryptor;
+}();
+
+/* harmony default export */ var aes_decryptor = (AESDecryptor);
+// EXTERNAL MODULE: ./src/errors.js
+var errors = __webpack_require__(2);
+
+// EXTERNAL MODULE: ./src/utils/logger.js
+var logger = __webpack_require__(0);
+
+// CONCATENATED MODULE: ./src/crypt/decrypter.js
+function decrypter__classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+
+
+
+
+
+
+
+/*globals self: false */
+
+var decrypter_Decrypter = function () {
+ function Decrypter(observer, config) {
+ decrypter__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;
+ }
+
+ Decrypter.prototype.isSync = function isSync() {
+ return this.disableWebCrypto && this.config.enableSoftwareAES;
+ };
+
+ Decrypter.prototype.decrypt = function decrypt(data, key, iv, callback) {
+ var _this = this;
+
+ if (this.disableWebCrypto && this.config.enableSoftwareAES) {
+ if (this.logEnabled) {
+ logger["b" /* logger */].log('JS AES decrypt');
+ this.logEnabled = false;
+ }
+ var decryptor = this.decryptor;
+ if (!decryptor) {
+ this.decryptor = decryptor = new aes_decryptor();
+ }
+ decryptor.expandKey(key);
+ callback(decryptor.decrypt(data, 0, iv));
+ } else {
+ if (this.logEnabled) {
+ logger["b" /* logger */].log('WebCrypto AES decrypt');
+ this.logEnabled = false;
+ }
+ var subtle = this.subtle;
+ if (this.key !== key) {
+ this.key = key;
+ this.fastAesKey = new fast_aes_key(subtle, key);
+ }
+
+ this.fastAesKey.expandKey().then(function (aesKey) {
+ // decrypt using web crypto
+ var crypto = new aes_crypto(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);
+ });
+ }
+ };
+
+ Decrypter.prototype.onWebCryptoError = function onWebCryptoError(err, data, key, iv, callback) {
+ if (this.config.enableSoftwareAES) {
+ logger["b" /* logger */].log('WebCrypto Error, disable WebCrypto API');
+ this.disableWebCrypto = true;
+ this.logEnabled = true;
+ this.decrypt(data, key, iv, callback);
+ } else {
+ logger["b" /* logger */].error('decrypting error : ' + err.message);
+ this.observer.trigger(Event.ERROR, { type: errors["b" /* ErrorTypes */].MEDIA_ERROR, details: errors["a" /* ErrorDetails */].FRAG_DECRYPT_ERROR, fatal: true, reason: err.message });
+ }
+ };
+
+ Decrypter.prototype.destroy = function destroy() {
+ var decryptor = this.decryptor;
+ if (decryptor) {
+ decryptor.destroy();
+ this.decryptor = undefined;
+ }
+ };
+
+ return Decrypter;
+}();
+
+/* harmony default export */ var decrypter = __webpack_exports__["a"] = (decrypter_Decrypter);
+
+/***/ }),
+/* 5 */
+/***/ (function(module, exports) {
+
// Copyright Joyent, Inc. and other Node contributors.
//
// Permission is hereby granted, free of charge, to any person obtaining a
@@ -14269,7 +15763,11 @@ function isUndefined(arg) {
return arg === void 0;
}
-},{}],2:[function(_dereq_,module,exports){
+
+/***/ }),
+/* 6 */
+/***/ (function(module, exports, __webpack_require__) {
+
// see https://tools.ietf.org/html/rfc1808
/* jshint ignore:start */
@@ -14423,7 +15921,7 @@ function isUndefined(arg) {
};
/* jshint ignore:start */
- if(typeof exports === 'object' && typeof module === 'object')
+ if(true)
module.exports = URLToolkit;
else if(typeof define === 'function' && define.amd)
define([], function() { return URLToolkit; });
@@ -14434,6731 +15932,5310 @@ function isUndefined(arg) {
})(this);
/* jshint ignore:end */
-},{}],3:[function(_dereq_,module,exports){
-var bundleFn = arguments[3];
-var sources = arguments[4];
-var cache = arguments[5];
-
-var stringify = JSON.stringify;
-
-module.exports = function (fn, options) {
- var wkey;
- var cacheKeys = Object.keys(cache);
-
- 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;
- }
- }
-
- 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 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
- ];
+/***/ }),
+/* 7 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
- var workerSources = {};
- resolveSources(skey);
+"use strict";
- function resolveSources(key) {
- workerSources[key] = true;
+// EXTERNAL MODULE: ./src/events.js
+var events = __webpack_require__(1);
- for (var depPath in sources[key][1]) {
- var depKey = sources[key][1][depPath];
- if (!workerSources[depKey]) {
- resolveSources(depKey);
- }
- }
- }
+// EXTERNAL MODULE: ./src/errors.js
+var errors = __webpack_require__(2);
- var src = '(' + bundleFn + ')({'
- + Object.keys(workerSources).map(function (key) {
- return stringify(key) + ':['
- + sources[key][0]
- + ',' + stringify(sources[key][1]) + ']'
- ;
- }).join(',')
- + '},{},[' + stringify(skey) + '])'
- ;
+// EXTERNAL MODULE: ./src/crypt/decrypter.js + 3 modules
+var crypt_decrypter = __webpack_require__(4);
- var URL = window.URL || window.webkitURL || window.mozURL || window.msURL;
+// EXTERNAL MODULE: ./src/utils/logger.js
+var logger = __webpack_require__(0);
- 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;
-};
-
-},{}],4:[function(_dereq_,module,exports){
+// CONCATENATED MODULE: ./src/demux/adts.js
/**
- * HLS config
+ * ADTS parser helper
*/
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-exports.hlsDefaultConfig = undefined;
-
-var _abrController = _dereq_(5);
-
-var _abrController2 = _interopRequireDefault(_abrController);
-var _bufferController = _dereq_(8);
-var _bufferController2 = _interopRequireDefault(_bufferController);
-var _capLevelController = _dereq_(9);
+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["b" /* ErrorTypes */].MEDIA_ERROR, details: errors["a" /* 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["b" /* 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;
+ }
+ // 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 || /vivaldi/i.test(userAgent)) || !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 };
+}
-var _capLevelController2 = _interopRequireDefault(_capLevelController);
+function isHeaderPattern(data, offset) {
+ return data[offset] === 0xff && (data[offset + 1] & 0xf6) === 0xf0;
+}
-var _fpsController = _dereq_(10);
+function getHeaderLength(data, offset) {
+ return !!(data[offset + 1] & 0x01) ? 7 : 9;
+}
-var _fpsController2 = _interopRequireDefault(_fpsController);
+function getFullFrameLength(data, offset) {
+ return (data[offset + 3] & 0x03) << 11 | data[offset + 4] << 3 | (data[offset + 5] & 0xE0) >>> 5;
+}
-var _xhrLoader = _dereq_(58);
+function isHeader(data, offset) {
+ // 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
+ if (offset + 1 < data.length && isHeaderPattern(data, offset)) {
+ return true;
+ }
+ return false;
+}
-var _xhrLoader2 = _interopRequireDefault(_xhrLoader);
+function adts_probe(data, offset) {
+ // same as isHeader but we also check that ADTS frame follows last ADTS frame
+ // or end of data is reached
+ if (offset + 1 < data.length && isHeaderPattern(data, offset)) {
+ // ADTS header Length
+ var headerLength = getHeaderLength(data, offset);
+ // ADTS frame Length
+ var frameLength = headerLength;
+ if (offset + 5 < data.length) {
+ frameLength = getFullFrameLength(data, offset);
+ }
+ var newOffset = offset + frameLength;
+ if (newOffset === data.length || newOffset + 1 < data.length && isHeaderPattern(data, newOffset)) {
+ return true;
+ }
+ }
+ return false;
+}
-var _audioTrackController = _dereq_(7);
+function initTrackConfig(track, observer, data, offset, audioCodec) {
+ if (!track.samplerate) {
+ var config = getAudioConfig(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["b" /* logger */].log('parsed codec:' + track.codec + ',rate:' + config.samplerate + ',nb channel:' + config.channelCount);
+ }
+}
-var _audioTrackController2 = _interopRequireDefault(_audioTrackController);
+function getFrameDuration(samplerate) {
+ return 1024 * 90000 / samplerate;
+}
-var _audioStreamController = _dereq_(6);
+function parseFrameHeader(data, offset, pts, frameIndex, frameDuration) {
+ var headerLength, frameLength, stamp;
+ var length = data.length;
-var _audioStreamController2 = _interopRequireDefault(_audioStreamController);
+ // The protection skip bit tells us if we have 2 bytes of CRC data at the end of the ADTS header
+ headerLength = getHeaderLength(data, offset);
+ // retrieve frame size
+ frameLength = getFullFrameLength(data, offset);
+ frameLength -= headerLength;
-var _cues = _dereq_(50);
+ 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)}`);
+ return { headerLength: headerLength, frameLength: frameLength, stamp: stamp };
+ }
-var _cues2 = _interopRequireDefault(_cues);
+ return undefined;
+}
-var _timelineController = _dereq_(16);
+function appendFrame(track, data, offset, pts, frameIndex) {
+ var frameDuration = getFrameDuration(track.samplerate);
+ var header = parseFrameHeader(data, offset, pts, frameIndex, frameDuration);
+ if (header) {
+ var stamp = header.stamp;
+ var headerLength = header.headerLength;
+ var frameLength = header.frameLength;
+
+ //logger.log(`AAC frame, offset/length/total/pts:${offset+headerLength}/${frameLength}/${data.byteLength}/${(stamp/90).toFixed(0)}`);
+ var aacSample = {
+ unit: data.subarray(offset + headerLength, offset + headerLength + frameLength),
+ pts: stamp,
+ dts: stamp
+ };
-var _timelineController2 = _interopRequireDefault(_timelineController);
+ track.samples.push(aacSample);
+ track.len += frameLength;
-var _subtitleTrackController = _dereq_(15);
+ return { sample: aacSample, length: frameLength + headerLength };
+ }
-var _subtitleTrackController2 = _interopRequireDefault(_subtitleTrackController);
+ return undefined;
+}
+// EXTERNAL MODULE: ./src/demux/id3.js
+var id3 = __webpack_require__(3);
-var _subtitleStreamController = _dereq_(14);
+// CONCATENATED MODULE: ./src/demux/aacdemuxer.js
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-var _subtitleStreamController2 = _interopRequireDefault(_subtitleStreamController);
+/**
+ * AAC demuxer
+ */
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-//#endif
-//#endif
-//#if subtitle
+var aacdemuxer_AACDemuxer = function () {
+ function AACDemuxer(observer, remuxer, config) {
+ _classCallCheck(this, AACDemuxer);
-//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
-};
+ this.observer = observer;
+ this.config = config;
+ this.remuxer = remuxer;
+ }
-},{"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';
+ AACDemuxer.prototype.resetInitSegment = function resetInitSegment(initSegment, audioCodec, videoCodec, duration) {
+ this._audioTrack = { container: 'audio/adts', type: 'audio', id: 0, sequenceNumber: 0, isAAC: true, samples: [], len: 0, manifestCodec: audioCodec, duration: duration, inputTimeScale: 90000 };
+ };
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
+ AACDemuxer.prototype.resetTimeStamp = function resetTimeStamp() {};
-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; }; }();
+ AACDemuxer.probe = function probe(data) {
+ if (!data) {
+ return false;
+ }
+ // Check for the ADTS sync word
+ // 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
+ var id3Data = id3["a" /* default */].getID3Data(data, 0) || [];
+ var offset = id3Data.length;
-var _events = _dereq_(35);
+ for (var length = data.length; offset < length; offset++) {
+ if (adts_probe(data, offset)) {
+ logger["b" /* logger */].log('ADTS sync word found !');
+ return true;
+ }
+ }
+ return false;
+ };
-var _events2 = _interopRequireDefault(_events);
+ // feed incoming data to the front of the parsing pipeline
-var _eventHandler = _dereq_(34);
-var _eventHandler2 = _interopRequireDefault(_eventHandler);
+ AACDemuxer.prototype.append = function append(data, timeOffset, contiguous, accurateTimeOffset) {
+ var track = this._audioTrack;
+ var id3Data = id3["a" /* default */].getID3Data(data, 0) || [];
+ var timestamp = id3["a" /* default */].getTimeStamp(id3Data);
+ var pts = timestamp ? 90 * timestamp : timeOffset * 90000;
+ var frameIndex = 0;
+ var stamp = pts;
+ var length = data.length;
+ var offset = id3Data.length;
-var _bufferHelper = _dereq_(37);
+ var id3Samples = [{ pts: stamp, dts: stamp, data: id3Data }];
-var _bufferHelper2 = _interopRequireDefault(_bufferHelper);
+ while (offset < length - 1) {
+ if (isHeader(data, offset) && offset + 5 < length) {
+ initTrackConfig(track, this.observer, data, offset, track.manifestCodec);
+ var frame = appendFrame(track, data, offset, pts, frameIndex);
+ if (frame) {
+ offset += frame.length;
+ stamp = frame.sample.pts;
+ frameIndex++;
+ } else {
+ logger["b" /* logger */].log('Unable to parse AAC frame');
+ break;
+ }
+ } else if (id3["a" /* default */].isHeader(data, offset)) {
+ id3Data = id3["a" /* default */].getID3Data(data, offset);
+ id3Samples.push({ pts: stamp, dts: stamp, data: id3Data });
+ offset += id3Data.length;
+ } else {
+ //nothing found, keep looking
+ offset++;
+ }
+ }
-var _errors = _dereq_(33);
+ this.remuxer.remux(track, { samples: [] }, { samples: id3Samples, inputTimeScale: 90000 }, { samples: [] }, timeOffset, contiguous, accurateTimeOffset);
+ };
-var _logger = _dereq_(53);
+ AACDemuxer.prototype.destroy = function destroy() {};
-var _ewmaBandwidthEstimator = _dereq_(51);
+ return AACDemuxer;
+}();
-var _ewmaBandwidthEstimator2 = _interopRequireDefault(_ewmaBandwidthEstimator);
+/* harmony default export */ var aacdemuxer = (aacdemuxer_AACDemuxer);
+// CONCATENATED MODULE: ./src/demux/mp4demuxer.js
+function mp4demuxer__classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * MP4 demuxer
+ */
-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 UINT32_MAX = Math.pow(2, 32) - 1;
-var AbrController = function (_EventHandler) {
- _inherits(AbrController, _EventHandler);
+var mp4demuxer_MP4Demuxer = function () {
+ function MP4Demuxer(observer, remuxer) {
+ mp4demuxer__classCallCheck(this, MP4Demuxer);
- function AbrController(hls) {
- _classCallCheck(this, AbrController);
+ this.observer = observer;
+ this.remuxer = remuxer;
+ }
- 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));
+ MP4Demuxer.prototype.resetTimeStamp = function resetTimeStamp(initPTS) {
+ this.initPTS = initPTS;
+ };
- _this.lastLoadedFragLevel = 0;
- _this._nextAutoLevel = -1;
- _this.hls = hls;
- _this.onCheck = _this._abandonRulesCheck.bind(_this);
- return _this;
- }
+ MP4Demuxer.prototype.resetInitSegment = function resetInitSegment(initSegment, audioCodec, videoCodec, duration) {
+ //jshint unused:false
+ if (initSegment && initSegment.byteLength) {
+ var initData = this.initData = MP4Demuxer.parseInitSegment(initSegment);
- _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;
-
- 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;
+ // default audio codec if nothing specified
+ // TODO : extract that from initsegment
+ if (audioCodec == null) {
+ audioCodec = 'mp4a.40.5';
}
- }
- }, {
- 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;
-
- // 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;
+ if (videoCodec == null) {
+ videoCodec = 'avc1.42e01e';
}
- 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 + ']<fragLoadedDelay[' + (frag.level - 1) + '];bufferStarvationDelay:' + fragLevelNextLoadedDelay.toFixed(1) + '<' + fragLoadedDelay.toFixed(1) + ':' + bufferStarvationDelay.toFixed(1));
- // force next load level in auto mode
- hls.nextLoadLevel = nextLoadLevel;
- // update bw estimate for this fragment before cancelling load (this will help reducing the bw)
- this._bwEstimator.sample(requestDelay, stats.loaded);
- //abort fragment loading
- loader.abort();
- // stop abandon rules timer
- this.clearTimer();
- hls.trigger(_events2.default.FRAG_LOAD_EMERGENCY_ABORTED, { frag: frag, stats: stats });
- }
- }
+ var tracks = {};
+ if (initData.audio && initData.video) {
+ tracks.audiovideo = { container: 'video/mp4', codec: audioCodec + ',' + videoCodec, initSegment: duration ? initSegment : null };
+ } else {
+ if (initData.audio) {
+ tracks.audio = { container: 'audio/mp4', codec: audioCodec, initSegment: duration ? initSegment : null };
}
+ if (initData.video) {
+ tracks.video = { container: 'video/mp4', codec: videoCodec, initSegment: duration ? initSegment : null };
+ }
+ }
+ this.observer.trigger(events["a" /* default */].FRAG_PARSING_INIT_SEGMENT, { tracks: tracks });
+ } else {
+ if (audioCodec) {
+ this.audioCodec = audioCodec;
+ }
+ if (videoCodec) {
+ this.videoCodec = videoCodec;
}
}
- }, {
- 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 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);
- }
- }
+ MP4Demuxer.probe = function probe(data) {
+ // ensure we find a moof box in the first 16 kB
+ return MP4Demuxer.findBox({ data: data, start: 0, end: Math.min(data.length, 16384) }, ['moof']).length > 0;
+ };
+
+ MP4Demuxer.bin2str = function bin2str(buffer) {
+ return String.fromCharCode.apply(null, buffer);
+ };
+
+ MP4Demuxer.readUint32 = function readUint32(buffer, offset) {
+ if (buffer.data) {
+ offset += buffer.start;
+ buffer = buffer.data;
}
- }, {
- 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 {
- this.bitrateTestDelay = 0;
- }
- }
+
+ var val = buffer[offset] << 24 | buffer[offset + 1] << 16 | buffer[offset + 2] << 8 | buffer[offset + 3];
+ return val < 0 ? 4294967296 + val : val;
+ };
+
+ MP4Demuxer.writeUint32 = function writeUint32(buffer, offset, value) {
+ if (buffer.data) {
+ offset += buffer.start;
+ buffer = buffer.data;
}
- }, {
- 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;
- }
+ buffer[offset] = value >> 24;
+ buffer[offset + 1] = value >> 16 & 0xff;
+ buffer[offset + 2] = value >> 8 & 0xff;
+ buffer[offset + 3] = value & 0xff;
+ };
+
+ // Find the data for a box specified by its path
+
+
+ MP4Demuxer.findBox = function findBox(data, path) {
+ var results = [],
+ i,
+ size,
+ type,
+ end,
+ subresults,
+ start,
+ endbox;
+
+ if (data.data) {
+ start = data.start;
+ end = data.end;
+ data = data.data;
+ } else {
+ start = 0;
+ end = data.byteLength;
}
- }, {
- key: 'clearTimer',
- value: function clearTimer() {
- if (this.timer) {
- clearInterval(this.timer);
- this.timer = null;
- }
+
+ if (!path.length) {
+ // short-circuit the search for empty paths
+ return null;
}
- // return next auto level
+ for (i = start; i < end;) {
+ size = MP4Demuxer.readUint32(data, i);
+ type = MP4Demuxer.bin2str(data.subarray(i + 4, i + 8));
+ endbox = size > 1 ? i + size : end;
- }, {
- 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;
+ 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: data, start: i + 8, end: endbox });
} else {
- adjustedbw = bwUpFactor * currentBw;
- }
- 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;
+ // recursively search for the next box along the path
+ subresults = MP4Demuxer.findBox({ data: data, start: i + 8, end: endbox }, path.slice(1));
+ if (subresults.length) {
+ results = results.concat(subresults);
+ }
}
}
- // not enough time budget even with quality level 0 ... rebuffering might happen
- return -1;
+ i = endbox;
}
- }, {
- 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,
- // 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,
+ // we've finished searching all of data
+ return results;
+ };
- // bufferStarvationDelay is the wall-clock time left until the playback buffer is exhausted.
- bufferStarvationDelay = (_bufferHelper2.default.bufferInfo(v, pos, config.maxBufferHole).end - pos) / playbackRate;
+ /**
+ * 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.
+ */
- // 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;
+
+ MP4Demuxer.parseInitSegment = 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.data[tkhd.start];
+ var index = version === 0 ? 12 : 20;
+ var trackId = MP4Demuxer.readUint32(tkhd, index);
+
+ var mdhd = MP4Demuxer.findBox(trak, ['mdia', 'mdhd'])[0];
+ if (mdhd) {
+ version = mdhd.data[mdhd.start];
+ 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.data.subarray(hdlr.start + 8, hdlr.start + 12));
+ var type = { 'soun': 'audio', 'vide': 'video' }[hdlrType];
+ if (type) {
+ // extract codec info. TODO : parse codec details to be able to build MIME type
+ var codecBox = MP4Demuxer.findBox(trak, ['mdia', 'minf', 'stbl', 'stsd']);
+ if (codecBox.length) {
+ codecBox = codecBox[0];
+ var codecType = MP4Demuxer.bin2str(codecBox.data.subarray(codecBox.start + 12, codecBox.start + 16));
+ logger["b" /* logger */].log('MP4Demuxer:' + type + ':' + codecType + ' found');
+ }
+ result[trackId] = { timescale: timescale, type: type };
+ result[type] = { timescale: timescale, id: trackId };
+ }
}
}
- bestLevel = this._findBestLevel(currentLevel, currentFragDuration, avgbw, minAutoLevel, maxAutoLevel, bufferStarvationDelay + maxStarvationDelay, bwFactor, bwUpFactor, levels);
- return Math.max(bestLevel, 0);
}
- }
- }]);
+ });
+ return result;
+ };
- return AbrController;
-}(_eventHandler2.default);
+ /**
+ * 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
+ */
-exports.default = AbrController;
-},{"33":33,"34":34,"35":35,"37":37,"51":51,"53":53}],6:[function(_dereq_,module,exports){
-'use strict';
+ MP4Demuxer.getStartDTS = function getStartDTS(initData, fragment) {
+ var trafs, baseTimes, result;
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
+ // we need info from two childrend of each track fragment box
+ trafs = MP4Demuxer.findBox(fragment, ['moof', 'traf']);
-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; }; }();
+ // 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;
-var _binarySearch = _dereq_(48);
+ // 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;
-var _binarySearch2 = _interopRequireDefault(_binarySearch);
+ // get the base media decode time from the tfdt
+ baseTime = MP4Demuxer.findBox(traf, ['tfdt']).map(function (tfdt) {
+ var version, result;
-var _bufferHelper = _dereq_(37);
+ version = tfdt.data[tfdt.start];
+ result = MP4Demuxer.readUint32(tfdt, 4);
+ if (version === 1) {
+ result *= Math.pow(2, 32);
-var _bufferHelper2 = _interopRequireDefault(_bufferHelper);
+ result += MP4Demuxer.readUint32(tfdt, 8);
+ }
+ return result;
+ })[0];
+ // convert base time to seconds
+ return baseTime / scale;
+ });
+ }));
-var _demuxer = _dereq_(25);
+ // return the minimum
+ result = Math.min.apply(null, baseTimes);
+ return isFinite(result) ? result : 0;
+ };
+
+ MP4Demuxer.offsetStartDTS = function offsetStartDTS(initData, fragment, timeOffset) {
+ MP4Demuxer.findBox(fragment, ['moof', 'traf']).map(function (traf) {
+ return MP4Demuxer.findBox(traf, ['tfhd']).map(function (tfhd) {
+ // get the track id from the tfhd
+ var id = MP4Demuxer.readUint32(tfhd, 4);
+ // assume a 90kHz clock if no timescale was specified
+ var timescale = initData[id].timescale || 90e3;
+
+ // get the base media decode time from the tfdt
+ MP4Demuxer.findBox(traf, ['tfdt']).map(function (tfdt) {
+ var version = tfdt.data[tfdt.start];
+ var baseMediaDecodeTime = MP4Demuxer.readUint32(tfdt, 4);
+ if (version === 0) {
+ MP4Demuxer.writeUint32(tfdt, 4, baseMediaDecodeTime - timeOffset * timescale);
+ } else {
+ baseMediaDecodeTime *= Math.pow(2, 32);
+ baseMediaDecodeTime += MP4Demuxer.readUint32(tfdt, 8);
+ baseMediaDecodeTime -= timeOffset * timescale;
+ baseMediaDecodeTime = Math.max(baseMediaDecodeTime, 0);
+ var upper = Math.floor(baseMediaDecodeTime / (UINT32_MAX + 1));
+ var lower = Math.floor(baseMediaDecodeTime % (UINT32_MAX + 1));
+ MP4Demuxer.writeUint32(tfdt, 4, upper);
+ MP4Demuxer.writeUint32(tfdt, 8, lower);
+ }
+ });
+ });
+ });
+ };
-var _demuxer2 = _interopRequireDefault(_demuxer);
+ // feed incoming data to the front of the parsing pipeline
-var _events = _dereq_(35);
-var _events2 = _interopRequireDefault(_events);
+ MP4Demuxer.prototype.append = function append(data, timeOffset, contiguous, accurateTimeOffset) {
+ var initData = this.initData;
+ if (!initData) {
+ this.resetInitSegment(data, this.audioCodec, this.videoCodec);
+ initData = this.initData;
+ }
+ var startDTS = void 0,
+ initPTS = this.initPTS;
+ if (initPTS === undefined) {
+ var _startDTS = MP4Demuxer.getStartDTS(initData, data);
+ this.initPTS = initPTS = _startDTS - timeOffset;
+ this.observer.trigger(events["a" /* default */].INIT_PTS_FOUND, { initPTS: initPTS });
+ }
+ MP4Demuxer.offsetStartDTS(initData, data, initPTS);
+ startDTS = MP4Demuxer.getStartDTS(initData, data);
+ this.remuxer.remux(initData.audio, initData.video, null, null, startDTS, contiguous, accurateTimeOffset, data);
+ };
-var _eventHandler = _dereq_(34);
+ MP4Demuxer.prototype.destroy = function destroy() {};
-var _eventHandler2 = _interopRequireDefault(_eventHandler);
+ return MP4Demuxer;
+}();
-var _levelHelper = _dereq_(38);
+/* harmony default export */ var mp4demuxer = (mp4demuxer_MP4Demuxer);
+// CONCATENATED MODULE: ./src/demux/mpegaudio.js
+/**
+ * MPEG parser helper
+ */
-var _levelHelper2 = _interopRequireDefault(_levelHelper);
+var MpegAudio = {
-var _timeRanges = _dereq_(54);
+ 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],
+
+ SamplingRateMap: [44100, 48000, 32000, 22050, 24000, 16000, 11025, 12000, 8000],
+
+ SamplesCoefficients: [
+ // MPEG 2.5
+ [0, // Reserved
+ 72, // Layer3
+ 144, // Layer2
+ 12 // Layer1
+ ],
+ // Reserved
+ [0, // Reserved
+ 0, // Layer3
+ 0, // Layer2
+ 0 // Layer1
+ ],
+ // MPEG 2
+ [0, // Reserved
+ 72, // Layer3
+ 144, // Layer2
+ 12 // Layer1
+ ],
+ // MPEG 1
+ [0, // Reserved
+ 144, // Layer3
+ 144, // Layer2
+ 12 // Layer1
+ ]],
+
+ BytesInSlot: [0, // Reserved
+ 1, // Layer3
+ 1, // Layer2
+ 4 // Layer1
+ ],
+
+ appendFrame: function appendFrame(track, data, offset, pts, frameIndex) {
+ // Using http://www.datavoyage.com/mpgscript/mpeghdr.htm as a reference
+ if (offset + 24 > data.length) {
+ return undefined;
+ }
+
+ var header = this.parseHeader(data, offset);
+ if (header && offset + header.frameLength <= data.length) {
+ var frameDuration = header.samplesPerFrame * 90000 / header.sampleRate;
+ var stamp = pts + frameIndex * frameDuration;
+ var sample = { unit: data.subarray(offset, offset + header.frameLength), pts: stamp, dts: stamp };
+
+ track.config = [];
+ track.channelCount = header.channelCount;
+ track.samplerate = header.sampleRate;
+ track.samples.push(sample);
+ track.len += header.frameLength;
+
+ return { sample: sample, length: header.frameLength };
+ }
-var _timeRanges2 = _interopRequireDefault(_timeRanges);
+ return undefined;
+ },
-var _errors = _dereq_(33);
+ parseHeader: function parseHeader(data, offset) {
+ var headerB = data[offset + 1] >> 3 & 3;
+ var headerC = data[offset + 1] >> 1 & 3;
+ var headerE = data[offset + 2] >> 4 & 15;
+ var headerF = data[offset + 2] >> 2 & 3;
+ var headerG = data[offset + 2] >> 1 & 1;
+ if (headerB !== 1 && headerE !== 0 && headerE !== 15 && headerF !== 3) {
+ var columnInBitrates = headerB === 3 ? 3 - headerC : headerC === 3 ? 3 : 4;
+ var bitRate = MpegAudio.BitratesMap[columnInBitrates * 14 + headerE - 1] * 1000;
+ var columnInSampleRates = headerB === 3 ? 0 : headerB === 2 ? 1 : 2;
+ var sampleRate = MpegAudio.SamplingRateMap[columnInSampleRates * 3 + headerF];
+ var channelCount = data[offset + 3] >> 6 === 3 ? 1 : 2; // If bits of channel mode are `11` then it is a single channel (Mono)
+ var sampleCoefficient = MpegAudio.SamplesCoefficients[headerB][headerC];
+ var bytesInSlot = MpegAudio.BytesInSlot[headerC];
+ var samplesPerFrame = sampleCoefficient * 8 * bytesInSlot;
+ var frameLength = parseInt(sampleCoefficient * bitRate / sampleRate + headerG, 10) * bytesInSlot;
+
+ return { sampleRate: sampleRate, channelCount: channelCount, frameLength: frameLength, samplesPerFrame: samplesPerFrame };
+ }
-var _logger = _dereq_(53);
+ return undefined;
+ },
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+ isHeaderPattern: function isHeaderPattern(data, offset) {
+ return data[offset] === 0xff && (data[offset + 1] & 0xe0) === 0xe0 && (data[offset + 1] & 0x06) !== 0x00;
+ },
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+ isHeader: function isHeader(data, offset) {
+ // 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
+ if (offset + 1 < data.length && this.isHeaderPattern(data, offset)) {
+ return true;
+ }
+ return 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; }
+ probe: function probe(data, offset) {
+ // same as isHeader but we also check that MPEG frame follows last MPEG frame
+ // or end of data is reached
+ if (offset + 1 < data.length && this.isHeaderPattern(data, offset)) {
+ // MPEG header Length
+ var headerLength = 4;
+ // MPEG frame Length
+ var header = this.parseHeader(data, offset);
+ var frameLength = headerLength;
+ if (header && header.frameLength) {
+ frameLength = header.frameLength;
+ }
+ var newOffset = offset + frameLength;
+ if (newOffset === data.length || newOffset + 1 < data.length && this.isHeaderPattern(data, newOffset)) {
+ return true;
+ }
+ }
+ return false;
+ }
+};
-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
- */
+/* harmony default export */ var mpegaudio = (MpegAudio);
+// CONCATENATED MODULE: ./src/demux/exp-golomb.js
+function exp_golomb__classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-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'
-};
+/**
+ * Parser for exponential Golomb codes, a variable-bitwidth number encoding scheme used by h264.
+*/
-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));
+var exp_golomb_ExpGolomb = function () {
+ function ExpGolomb(data) {
+ exp_golomb__classCallCheck(this, ExpGolomb);
- _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;
+ 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
}
- _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;
- }
+ // ():void
- //Signal that video PTS was found
- }, {
- 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;
- }
- }
- }
- }, {
- 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;
- }
+ ExpGolomb.prototype.loadWord = 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: '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;
-
- // 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;
- }
+ 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;
+ };
- // 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;
- }
- }
+ // (count:int):void
- // 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;
- }
- }
- }
- }
- 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;
- }
- }
- }
- 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;
- }
-
- // 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();
+ ExpGolomb.prototype.skipBits = 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: '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();
+ };
+
+ // (size:int):uint
+
+
+ ExpGolomb.prototype.readBits = function readBits(size) {
+ var bits = Math.min(this.bitsAvailable, size),
+ // :uint
+ valu = this.word >>> 32 - bits; // :uint
+ if (size > 32) {
+ logger["b" /* logger */].error('Cannot read more than 32 bits at a time');
}
- }, {
- key: 'onMediaEnded',
- value: function onMediaEnded() {
- // reset startPosition and lastCurrentTime to restart playback @ stream beginning
- this.startPosition = this.lastCurrentTime = 0;
+ this.bitsAvailable -= bits;
+ if (this.bitsAvailable > 0) {
+ this.word <<= bits;
+ } else if (this.bytesAvailable > 0) {
+ this.loadWord();
}
- }, {
- key: 'onAudioTracksUpdated',
- value: function onAudioTracksUpdated(data) {
- _logger.logger.log('audio tracks updated');
- this.tracks = data.audioTracks;
+ bits = size - bits;
+ if (bits > 0 && this.bitsAvailable) {
+ return valu << bits | this.readBits(bits);
+ } else {
+ return valu;
}
- }, {
- 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;
+ };
- 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);
- }
- }
+ // ():uint
- //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;
- }
+
+ ExpGolomb.prototype.skipLZ = 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;
}
- this.tick();
}
- }, {
- key: 'onAudioTrackLoaded',
- value: function onAudioTrackLoaded(data) {
- var newDetails = data.details,
- trackId = data.id,
- track = this.tracks[trackId],
- duration = newDetails.totalduration,
- sliding = 0;
+ // we exhausted word and still have not found a 1
+ this.loadWord();
+ return leadingZeroCount + this.skipLZ();
+ };
- _logger.logger.log('track ' + trackId + ' loaded [' + newDetails.startSN + ',' + newDetails.endSN + '],duration:' + duration);
+ // ():void
- 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;
-
- 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;
+ ExpGolomb.prototype.skipUEG = function skipUEG() {
+ this.skipBits(1 + this.skipLZ());
+ };
- 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;
+ // ():void
- 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;
- 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;
+ ExpGolomb.prototype.skipEG = function skipEG() {
+ this.skipBits(1 + this.skipLZ());
+ };
- 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;
- }
- }]);
+ // ():uint
- return AudioStreamController;
-}(_eventHandler2.default);
-exports.default = AudioStreamController;
+ ExpGolomb.prototype.readUEG = function readUEG() {
+ var clz = this.skipLZ(); // :uint
+ return this.readBits(clz + 1) - 1;
+ };
-},{"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';
+ // ():int
-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; }; }();
+ ExpGolomb.prototype.readEG = 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
+ }
+ };
-var _events = _dereq_(35);
+ // Some convenience functions
+ // :Boolean
-var _events2 = _interopRequireDefault(_events);
-var _eventHandler = _dereq_(34);
+ ExpGolomb.prototype.readBoolean = function readBoolean() {
+ return 1 === this.readBits(1);
+ };
-var _eventHandler2 = _interopRequireDefault(_eventHandler);
+ // ():int
-var _logger = _dereq_(53);
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+ ExpGolomb.prototype.readUByte = function readUByte() {
+ return this.readBits(8);
+ };
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+ // ():int
-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
- */
+ ExpGolomb.prototype.readUShort = function readUShort() {
+ return this.readBits(16);
+ };
+ // ():int
-var AudioTrackController = function (_EventHandler) {
- _inherits(AudioTrackController, _EventHandler);
- function AudioTrackController(hls) {
- _classCallCheck(this, AudioTrackController);
+ ExpGolomb.prototype.readUInt = function readUInt() {
+ return this.readBits(32);
+ };
- 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));
+ /**
+ * 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
+ */
- _this.ticks = 0;
- _this.ontick = _this.tick.bind(_this);
- return _this;
- }
- _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;
- }
+ ExpGolomb.prototype.skipScalingList = 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;
}
+ };
- /** get alternate audio tracks list from playlist **/
+ /**
+ * 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: '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 });
+
+ ExpGolomb.prototype.readSPS = 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);
+ }
+ }
}
}
}
- }, {
- 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 });
+ 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;
+ }
}
}
}
- }, {
- key: 'audioTracks',
- get: function get() {
- return this.tracks;
- }
-
- /** get index of the selected audio track (index in audio track lists) **/
+ 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: 'audioTrack',
- get: function get() {
- return this.trackId;
- }
+ ExpGolomb.prototype.readSliceType = function readSliceType() {
+ // skip NALu type
+ this.readUByte();
+ // discard first_mb_in_slice
+ this.readUEG();
+ // return slice_type
+ return this.readUEG();
+ };
- /** 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 ExpGolomb;
+}();
- return AudioTrackController;
-}(_eventHandler2.default);
+/* harmony default export */ var exp_golomb = (exp_golomb_ExpGolomb);
+// CONCATENATED MODULE: ./src/demux/sample-aes.js
+function sample_aes__classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-exports.default = AudioTrackController;
+/**
+ * SAMPLE-AES decrypter
+*/
-},{"34":34,"35":35,"53":53}],8:[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 sample_aes_SampleAesDecrypter = function () {
+ function SampleAesDecrypter(observer, config, decryptdata, discardEPB) {
+ sample_aes__classCallCheck(this, SampleAesDecrypter);
-var _events = _dereq_(35);
+ this.decryptdata = decryptdata;
+ this.discardEPB = discardEPB;
+ this.decrypter = new crypt_decrypter["a" /* default */](observer, config);
+ }
-var _events2 = _interopRequireDefault(_events);
+ SampleAesDecrypter.prototype.decryptBuffer = function decryptBuffer(encryptedData, callback) {
+ this.decrypter.decrypt(encryptedData, this.decryptdata.key.buffer, this.decryptdata.iv.buffer, callback);
+ };
-var _eventHandler = _dereq_(34);
+ // AAC - encrypt all full 16 bytes blocks starting from offset 16
-var _eventHandler2 = _interopRequireDefault(_eventHandler);
-var _logger = _dereq_(53);
+ SampleAesDecrypter.prototype.decryptAacSample = 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 _errors = _dereq_(33);
+ var localthis = this;
+ this.decryptBuffer(encryptedBuffer, function (decryptedData) {
+ decryptedData = new Uint8Array(decryptedData);
+ curUnit.set(decryptedData, 16);
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+ if (!sync) {
+ localthis.decryptAacSamples(samples, sampleIndex + 1, callback);
+ }
+ });
+ };
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+ SampleAesDecrypter.prototype.decryptAacSamples = function decryptAacSamples(samples, sampleIndex, callback) {
+ for (;; sampleIndex++) {
+ if (sampleIndex >= samples.length) {
+ callback();
+ return;
+ }
-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 (samples[sampleIndex].unit.length < 32) {
+ continue;
+ }
-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 sync = this.decrypter.isSync();
-var BufferController = function (_EventHandler) {
- _inherits(BufferController, _EventHandler);
+ this.decryptAacSample(samples, sampleIndex, callback, sync);
- function BufferController(hls) {
- _classCallCheck(this, BufferController);
+ if (!sync) {
+ return;
+ }
+ }
+ };
- // 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));
+ // AVC - encrypt one 16 bytes block out of ten, starting from offset 32
- _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;
- }
+ SampleAesDecrypter.prototype.getAvcEncryptedData = 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;
+ };
- _createClass(BufferController, [{
- key: 'destroy',
- value: function destroy() {
- _eventHandler2.default.prototype.destroy.call(this);
+ SampleAesDecrypter.prototype.getAvcDecryptedUnit = 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);
}
- }, {
- 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
-
- 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);
-
- // adjust timestamp offset if time delta is greater than 100ms
- if (delta > 0.1) {
- var updating = audioBuffer.updating;
+ return decodedData;
+ };
- try {
- audioBuffer.abort();
- } catch (err) {
- updating = true;
- _logger.logger.warn('can not abort audio buffer: ' + err);
- }
+ SampleAesDecrypter.prototype.decryptAvcSample = function decryptAvcSample(samples, sampleIndex, unitIndex, callback, curUnit, sync) {
+ var decodedData = this.discardEPB(curUnit.data);
+ var encryptedData = this.getAvcEncryptedData(decodedData);
+ var localthis = this;
- 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;
- }
- }
+ this.decryptBuffer(encryptedData.buffer, function (decryptedData) {
+ curUnit.data = localthis.getAvcDecryptedUnit(decodedData, decryptedData);
+
+ if (!sync) {
+ localthis.decryptAvcSamples(samples, sampleIndex, unitIndex + 1, callback);
}
- }
- }, {
- 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);
+ });
+ };
+
+ SampleAesDecrypter.prototype.decryptAvcSamples = function decryptAvcSamples(samples, sampleIndex, unitIndex, callback) {
+ for (;; sampleIndex++, unitIndex = 0) {
+ if (sampleIndex >= samples.length) {
+ callback();
+ return;
}
- }
- }, {
- 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');
- }
+
+ var curUnits = samples[sampleIndex].units;
+ for (;; unitIndex++) {
+ if (unitIndex >= curUnits.length) {
+ break;
}
- ms.removeEventListener('sourceopen', this.onmso);
- ms.removeEventListener('sourceended', this.onmse);
- ms.removeEventListener('sourceclose', this.onmsc);
- // 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 curUnit = curUnits[unitIndex];
+ if (curUnit.length <= 48 || curUnit.type !== 1 && curUnit.type !== 5) {
+ continue;
}
- 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();
+ var sync = this.decrypter.isSync();
+
+ this.decryptAvcSample(samples, sampleIndex, unitIndex, callback, curUnit, sync);
+
+ if (!sync) {
+ return;
+ }
}
}
- }, {
- 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;
- }
+ };
- if (this._needsFlush) {
- this.doFlush();
- }
+ return SampleAesDecrypter;
+}();
- 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 });
+/* harmony default export */ var sample_aes = (sample_aes_SampleAesDecrypter);
+// CONCATENATED MODULE: ./src/demux/tsdemuxer.js
+function tsdemuxer__classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
- // don't append in flushing mode
- if (!this._needsFlush) {
- this.doAppending();
- }
+/**
+ * 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.
+*/
- 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();
- }
- }
+
+
+
+
+
+// import Hex from '../utils/hex';
+
+
+
+// We are using fixed track IDs for driving the MP4 remuxer
+// instead of following the TS PIDs.
+// There is no reason not to do this and some browsers/SourceBuffer-demuxers
+// may not like if there are TrackID "switches"
+// See https://github.com/video-dev/hls.js/issues/1331
+// Here we are mapping our internal track types to constant MP4 track IDs
+// With MSE currently one can only have one track of each, and we are muxing
+// whatever video/audio rendition in them.
+var RemuxerTrackIdConfig = {
+ video: 0,
+ audio: 1,
+ id3: 2,
+ text: 3
+};
+
+var tsdemuxer_TSDemuxer = function () {
+ function TSDemuxer(observer, remuxer, config, typeSupported) {
+ tsdemuxer__classCallCheck(this, TSDemuxer);
+
+ this.observer = observer;
+ this.config = config;
+ this.typeSupported = typeSupported;
+ this.remuxer = remuxer;
+ this.sampleAes = null;
+ }
+
+ TSDemuxer.prototype.setDecryptData = function setDecryptData(decryptdata) {
+ if (decryptdata != null && decryptdata.key != null && decryptdata.method === 'SAMPLE-AES') {
+ this.sampleAes = new sample_aes(this.observer, this.config, decryptdata, this.discardEPB);
+ } else {
+ this.sampleAes = null;
}
- }, {
- key: 'createSourceBuffers',
- value: function createSourceBuffers(tracks) {
- var sourceBuffer = this.sourceBuffer,
- mediaSource = this.mediaSource;
+ };
- 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 });
- }
- }
+ TSDemuxer.probe = function probe(data) {
+ var syncOffset = TSDemuxer._syncOffset(data);
+ if (syncOffset < 0) {
+ return false;
+ } else {
+ if (syncOffset) {
+ logger["b" /* logger */].warn('MPEG2-TS detected but first sync word found @ offset ' + syncOffset + ', junk ahead ?');
}
- this.hls.trigger(_events2.default.BUFFER_CREATED, { tracks: tracks });
+ return true;
}
- }, {
- key: 'onBufferAppending',
- value: function onBufferAppending(data) {
- if (!this._needsFlush) {
- if (!this.segments) {
- this.segments = [data];
- } else {
- this.segments.push(data);
- }
- this.doAppending();
+ };
+
+ TSDemuxer._syncOffset = function _syncOffset(data) {
+ // scan 1000 first bytes
+ var scanwindow = Math.min(1000, data.length - 3 * 188);
+ var i = 0;
+ while (i < scanwindow) {
+ // a TS fragment should contain at least 3 TS packets, a PAT, a PMT, and one PID, each starting with 0x47
+ if (data[i] === 0x47 && data[i + 188] === 0x47 && data[i + 2 * 188] === 0x47) {
+ return i;
+ } else {
+ i++;
}
}
- }, {
- 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 });
- }
+ return -1;
+ };
- // on BUFFER_EOS mark matching sourcebuffer(s) as ended and trigger checkEos()
+ /**
+ * Creates a track model internal to demuxer used to drive remuxing input
+ *
+ * @param {string} type 'audio' | 'video' | 'id3' | 'text'
+ * @param {number} duration
+ * @return {object} TSDemuxer's internal track model
+ */
- }, {
- 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();
- }
- // if all source buffers are marked as ended, signal endOfStream() to MediaSource.
+ TSDemuxer.createTrack = function createTrack(type, duration) {
+ return {
+ container: type === 'video' || type === 'audio' ? 'video/mp2t' : undefined,
+ type: type,
+ id: RemuxerTrackIdConfig[type],
+ pid: -1,
+ inputTimeScale: 90000,
+ sequenceNumber: 0,
+ samples: [],
+ len: 0,
+ dropped: type === 'video' ? 0 : undefined,
+ isAAC: type === 'audio' ? true : undefined,
+ duration: type === 'audio' ? duration : undefined
+ };
+ };
- }, {
- 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();
- }
+ /**
+ * Initializes a new init segment on the demuxer/remuxer interface. Needed for discontinuities/track-switches (or at stream start)
+ * Resets all internal track instances of the demuxer.
+ *
+ * @override Implements generic demuxing/remuxing interface (see DemuxerInline)
+ * @param {object} initSegment
+ * @param {string} audioCodec
+ * @param {string} videoCodec
+ * @param {number} duration (in TS timescale = 90kHz)
+ */
- // https://github.com/video-dev/hls.js/issues/355
- }, {
- 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;
+ TSDemuxer.prototype.resetInitSegment = function resetInitSegment(initSegment, audioCodec, videoCodec, duration) {
+ this.pmtParsed = false;
+ this._pmtId = -1;
- // 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;
+ this._avcTrack = TSDemuxer.createTrack('video', duration);
+ this._audioTrack = TSDemuxer.createTrack('audio', duration);
+ this._id3Track = TSDemuxer.createTrack('id3', duration);
+ this._txtTrack = TSDemuxer.createTrack('text', duration);
+
+ // flush any partial content
+ this.aacOverFlow = null;
+ this.aacLastPTS = null;
+ this.avcSample = null;
+ this.audioCodec = audioCodec;
+ this.videoCodec = videoCodec;
+ this._duration = duration;
+ };
+
+ /**
+ *
+ * @override
+ */
+
+
+ TSDemuxer.prototype.resetTimeStamp = function resetTimeStamp() {};
+
+ // feed incoming data to the front of the parsing pipeline
+
+
+ TSDemuxer.prototype.append = 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.pid,
+ audioId = audioTrack.pid,
+ id3Id = id3Track.pid,
+ 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);
+
+ var syncOffset = TSDemuxer._syncOffset(data);
+
+ // don't parse last TS packet if incomplete
+ len -= (len + syncOffset) % 188;
+
+ // loop through TS packets
+ for (start = syncOffset; 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;
}
- } 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;
+ } else {
+ offset = start + 4;
}
- 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);
+ switch (pid) {
+ case avcId:
+ if (stt) {
+ if (avcData && (pes = parsePES(avcData))) {
+ parseAVCPES(pes, false);
}
- } 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();
+ avcData = { data: [], size: 0 };
}
- } 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);
+ 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);
+ }
}
- } 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;
+ audioData = { data: [], size: 0 };
}
- }
- }
- }
- }
-
- /*
- flush specified buffered range,
- return true once range has been flushed.
- as sourceBuffer.remove() is asynchronous, flushBuffer will be retriggered on sourceBuffer update end
- */
-
- }, {
- 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;
+ if (audioData) {
+ audioData.data.push(data.subarray(offset, start + 188));
+ audioData.size += start + 188 - offset;
}
- 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');
+ break;
+ case id3Id:
+ if (stt) {
+ if (id3Data && (pes = parsePES(id3Data))) {
+ parseID3PES(pes);
}
- } 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;
+ id3Data = { data: [], size: 0 };
}
- }
- } else {
- _logger.logger.warn('abort flushing too many retries');
+ 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
+ // NOTE this is only the PID of the track as found in TS,
+ // but we are not using this for MP4 track IDs.
+ avcId = parsedPIDs.avc;
+ if (avcId > 0) {
+ avcTrack.pid = avcId;
+ }
+ audioId = parsedPIDs.audio;
+ if (audioId > 0) {
+ audioTrack.pid = audioId;
+ audioTrack.isAAC = parsedPIDs.isAAC;
+ }
+ id3Id = parsedPIDs.id3;
+ if (id3Id > 0) {
+ id3Track.pid = id3Id;
+ }
+ if (unknownPIDs && !pmtParsed) {
+ logger["b" /* logger */].log('reparse from beginning');
+ unknownPIDs = false;
+ // we set it to -188, the += 188 in the for loop will reset start to 0
+ start = syncOffset - 188;
+ }
+ pmtParsed = this.pmtParsed = true;
+ break;
+ case 17:
+ case 0x1fff:
+ break;
+ default:
+ unknownPIDs = true;
+ break;
}
- _logger.logger.log('buffer flushed');
+ } else {
+ this.observer.trigger(events["a" /* default */].ERROR, { type: errors["b" /* ErrorTypes */].MEDIA_ERROR, details: errors["a" /* ErrorDetails */].FRAG_PARSING_ERROR, fatal: false, reason: 'TS packet did not start with 0x47' });
}
- // everything flushed !
- return true;
}
- }]);
-
- return BufferController;
-}(_eventHandler2.default);
-
-exports.default = BufferController;
-
-},{"33":33,"34":34,"35":35,"53":53}],9:[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; }; }();
+ // 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;
+ }
-var _events = _dereq_(35);
+ if (audioData && (pes = parsePES(audioData))) {
+ if (audioTrack.isAAC) {
+ parseAACPES(pes);
+ } else {
+ parseMPEGPES(pes);
+ }
+ audioTrack.pesData = null;
+ } else {
+ if (audioData && audioData.size) {
+ logger["b" /* 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;
+ }
-var _events2 = _interopRequireDefault(_events);
+ 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;
+ }
-var _eventHandler = _dereq_(34);
+ 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);
+ }
+ };
-var _eventHandler2 = _interopRequireDefault(_eventHandler);
+ TSDemuxer.prototype.decryptAndRemux = 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);
+ }
+ };
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+ TSDemuxer.prototype.decryptAndRemuxAvc = 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);
+ }
+ };
+
+ TSDemuxer.prototype.destroy = function destroy() {
+ this._initPTS = this._initDTS = undefined;
+ this._duration = 0;
+ };
+
+ TSDemuxer.prototype._parsePAT = 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);
+ };
+
+ TSDemuxer.prototype._parsePMT = 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["b" /* 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;
-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; }
+ // Packetized metadata (ID3)
+ case 0x15:
+ //logger.log('ID3 PID:' + pid);
+ if (result.id3 === -1) {
+ result.id3 = pid;
+ }
+ break;
-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
- */
+ case 0xdb:
+ // SAMPLE-AES AVC
+ if (!isSampleAes) {
+ logger["b" /* logger */].log('unkown stream type:' + data[offset]);
+ break;
+ }
+ /* falls through */
-var CapLevelController = function (_EventHandler) {
- _inherits(CapLevelController, _EventHandler);
+ // 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;
- function CapLevelController(hls) {
- _classCallCheck(this, CapLevelController);
+ // 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["b" /* logger */].log('MPEG audio found, not supported in this browser for now');
+ } else if (result.audio === -1) {
+ result.audio = pid;
+ result.isAAC = false;
+ }
+ break;
- 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));
- }
+ case 0x24:
+ logger["b" /* logger */].warn('HEVC stream type found, not supported for now');
+ break;
- _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);
+ default:
+ logger["b" /* 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;
}
- }, {
- key: 'onMediaAttaching',
- value: function onMediaAttaching(data) {
- this.media = data.media instanceof HTMLVideoElement ? data.media : null;
+ return result;
+ };
+
+ TSDemuxer.prototype._parsePES = 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: '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();
+
+ // 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;
}
- }
- }, {
- 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();
+ 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["b" /* 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;
+
+ 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;
}
- this.autoLevelCapping = hls.autoLevelCapping;
}
+ pesData.set(frag, i);
+ i += len;
}
- }
-
- /*
- * 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;
-
- 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;
- }
+ if (pesLen) {
+ // payload size : remove PES header + PES extension
+ pesLen -= pesHdrLen + 3;
}
- 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;
+ return { data: pesData, pts: pesPts, dts: pesDts, len: pesLen };
+ } else {
+ return null;
}
- }, {
- 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;
+ };
+
+ TSDemuxer.prototype.pushAccesUnit = 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++;
}
- 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;
+ if (avcSample.debug.length) {
+ logger["b" /* logger */].log(avcSample.pts + '/' + avcSample.dts + ':' + avcSample.debug);
}
- }]);
+ };
- return CapLevelController;
-}(_eventHandler2.default);
+ TSDemuxer.prototype._parseAVCPES = function _parseAVCPES(pes, last) {
+ var _this = this;
-exports.default = CapLevelController;
+ //logger.log('parse new PES');
+ var track = this._avcTrack,
+ units = this._parseAVCNALu(pes.data),
+ debug = false,
+ expGolombDecoder,
+ avcSample = this.avcSample,
+ push,
+ spsfound = false,
+ i,
+ pushAccesUnit = this.pushAccesUnit.bind(this),
+ createAVCSample = function createAVCSample(key, pts, dts, debug) {
+ return { key: key, pts: pts, dts: dts, units: [], debug: debug };
+ };
+ //free pes.data to save up some memory
+ pes.data = null;
-},{"34":34,"35":35}],10:[function(_dereq_,module,exports){
-'use strict';
+ // if new NAL units found and last sample still there, let's push ...
+ // this helps parsing streams with missing AUD (only do this if AUD never found)
+ if (avcSample && units.length && !track.audFound) {
+ pushAccesUnit(avcSample, track);
+ avcSample = this.avcSample = createAVCSample(false, pes.pts, pes.dts, '');
+ }
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
+ units.forEach(function (unit) {
+ switch (unit.type) {
+ //NDR
+ case 1:
+ push = true;
+ if (!avcSample) {
+ avcSample = _this.avcSample = createAVCSample(true, pes.pts, pes.dts, '');
+ }
+ if (debug) {
+ avcSample.debug += 'NDR ';
+ }
+ avcSample.frame = true;
+ var data = unit.data;
+ // only check slice type to detect KF in case SPS found in same packet (any keyframe is preceded by SPS ...)
+ if (spsfound && data.length > 4) {
+ // retrieve slice type by parsing beginning of NAL unit (follow H264 spec, slice_header definition) to detect keyframe embedded in NDR
+ var sliceType = new exp_golomb(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 = 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 exp_golomb(_this.discardEPB(unit.data));
-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; }; }();
+ // skip frameType
+ expGolombDecoder.readUByte();
-var _events = _dereq_(35);
+ var payloadType = 0;
+ var payloadSize = 0;
+ var endOfCaptions = false;
+ var b = 0;
-var _events2 = _interopRequireDefault(_events);
+ while (!endOfCaptions && expGolombDecoder.bytesAvailable > 1) {
+ payloadType = 0;
+ do {
+ b = expGolombDecoder.readUByte();
+ payloadType += b;
+ } while (b === 0xFF);
-var _eventHandler = _dereq_(34);
+ // Parse payload size.
+ payloadSize = 0;
+ do {
+ b = expGolombDecoder.readUByte();
+ payloadSize += b;
+ } while (b === 0xFF);
-var _eventHandler2 = _interopRequireDefault(_eventHandler);
+ // 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 _logger = _dereq_(53);
+ endOfCaptions = true;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+ var countryCode = expGolombDecoder.readUByte();
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+ if (countryCode === 181) {
+ var providerCode = expGolombDecoder.readUShort();
-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 (providerCode === 49) {
+ var userStructure = expGolombDecoder.readUInt();
-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
- */
+ if (userStructure === 0x47413934) {
+ var userDataType = expGolombDecoder.readUByte();
-var FPSController = function (_EventHandler) {
- _inherits(FPSController, _EventHandler);
+ // Raw CEA-608 bytes wrapped in CEA-708 packet
+ if (userDataType === 3) {
+ var firstByte = expGolombDecoder.readUByte();
+ var secondByte = expGolombDecoder.readUByte();
- function FPSController(hls) {
- _classCallCheck(this, FPSController);
+ var totalCCs = 31 & firstByte;
+ var byteArray = [firstByte, secondByte];
- return _possibleConstructorReturn(this, (FPSController.__proto__ || Object.getPrototypeOf(FPSController)).call(this, hls, _events2.default.MEDIA_ATTACHING));
- }
+ for (i = 0; i < totalCCs; i++) {
+ // 3 bytes per CC
+ byteArray.push(expGolombDecoder.readUByte());
+ byteArray.push(expGolombDecoder.readUByte());
+ byteArray.push(expGolombDecoder.readUByte());
+ }
- _createClass(FPSController, [{
- key: 'destroy',
- value: function destroy() {
- if (this.timer) {
- clearInterval(this.timer);
+ _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;
+ spsfound = true;
+ if (debug && avcSample) {
+ avcSample.debug += 'SPS ';
+ }
+ if (!track.sps) {
+ expGolombDecoder = new exp_golomb(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;
+ track.audFound = true;
+ if (avcSample) {
+ pushAccesUnit(avcSample, track);
+ }
+ avcSample = _this.avcSample = 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);
}
- this.isVideoPlaybackQualityAvailable = false;
+ });
+ // if last PES packet, push samples
+ if (last && avcSample) {
+ pushAccesUnit(avcSample, track);
+ this.avcSample = null;
}
- }, {
- 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;
+ };
+
+ TSDemuxer.prototype._insertSampleInOrder = 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;
+ }
}
- clearInterval(this.timer);
- this.timer = setInterval(this.checkFPSInterval.bind(this), config.fpsDroppedMonitoringPeriod);
}
+ } else {
+ arr.push(data);
}
- }, {
- 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();
+ };
+
+ TSDemuxer.prototype._getLastNalUnit = 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;
+ };
+
+ TSDemuxer.prototype._parseAVCNALu = 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;
+ }
}
}
- 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);
+ // 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 {
- this.checkFPS(video, video.webkitDecodedFrameCount, video.webkitDroppedFrameCount);
+ // not enough byte to read unit type. let's read it on next PES parsing
+ state = -1;
}
+ } else {
+ state = 0;
}
}
- }]);
-
- return FPSController;
-}(_eventHandler2.default);
-
-exports.default = FPSController;
-
-},{"34":34,"35":35,"53":53}],11:[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_(35);
-
-var _events2 = _interopRequireDefault(_events);
-
-var _eventHandler = _dereq_(34);
-
-var _eventHandler2 = _interopRequireDefault(_eventHandler);
-
-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
- */
+ 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;
+ };
-var ID3TrackController = function (_EventHandler) {
- _inherits(ID3TrackController, _EventHandler);
+ /**
+ * remove Emulation Prevention bytes from a RBSP
+ */
- 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));
+ TSDemuxer.prototype.discardEPB = function discardEPB(data) {
+ var length = data.byteLength,
+ EPBPositions = [],
+ i = 1,
+ newLength,
+ newData;
- _this.id3Track = undefined;
- _this.media = undefined;
- return _this;
- }
+ // 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++;
+ }
+ }
- _createClass(ID3TrackController, [{
- key: 'destroy',
- value: function destroy() {
- _eventHandler2.default.prototype.destroy.call(this);
+ // If no Emulation Prevention Bytes were found just return the original
+ // array
+ if (EPBPositions.length === 0) {
+ return data;
}
- // Add ID3 metatadata text track.
+ // Create a new array to hold the NAL unit data
+ newLength = length - EPBPositions.length;
+ newData = new Uint8Array(newLength);
+ var sourceIndex = 0;
- }, {
- key: 'onMediaAttached',
- value: function onMediaAttached(data) {
- this.media = data.media;
- if (!this.media) {
- return;
+ for (i = 0; i < newLength; sourceIndex++, i++) {
+ if (sourceIndex === EPBPositions[0]) {
+ // Skip this byte
+ sourceIndex++;
+ // Remove this position index
+ EPBPositions.shift();
}
-
- this.id3Track = this.media.addTextTrack('metadata', 'id3');
- this.id3Track.mode = 'hidden';
- }
- }, {
- key: 'onMediaDetaching',
- value: function onMediaDetaching() {
- this.media = undefined;
+ newData[i] = data[sourceIndex];
}
- }, {
- 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;
+ return newData;
+ };
- 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);
- }
+ TSDemuxer.prototype._parseAACPES = function _parseAACPES(pes) {
+ var track = this._audioTrack,
+ data = pes.data,
+ pts = pes.pts,
+ startOffset = 0,
+ aacOverFlow = this.aacOverFlow,
+ aacLastPTS = this.aacLastPTS,
+ frameDuration,
+ frameIndex,
+ offset,
+ stamp,
+ len;
+ 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 (isHeader(data, offset)) {
+ break;
}
}
- }, {
- key: 'parseID3Frame',
- value: function parseID3Frame(data) {
- if (data.length < 21) {
- return undefined;
+ // 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["b" /* logger */].warn('parsing error:' + reason);
+ this.observer.trigger(events["a" /* default */].ERROR, { type: errors["b" /* ErrorTypes */].MEDIA_ERROR, details: errors["a" /* ErrorDetails */].FRAG_PARSING_ERROR, fatal: fatal, reason: reason });
+ if (fatal) {
+ return;
+ }
+ }
- /* 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
+ initTrackConfig(track, this.observer, data, offset, this.audioCodec);
+ frameIndex = 0;
+ frameDuration = getFrameDuration(track.samplerate);
- var type = String.fromCharCode(data[10], data[11], data[12], data[13]);
- data = data.subarray(20);
- return { type: type, data: data };
+ // 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["b" /* logger */].log('AAC: align PTS for overlapping frames by ' + Math.round((newPTS - pts) / 90));
+ pts = newPTS;
}
}
- }, {
- 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);
+
+ //scan for aac samples
+ while (offset < len) {
+ if (isHeader(data, offset) && offset + 5 < len) {
+ var frame = appendFrame(track, data, offset, pts, frameIndex);
+ if (frame) {
+ //logger.log(`${Math.round(frame.sample.pts)} : AAC`);
+ offset += frame.length;
+ stamp = frame.sample.pts;
+ frameIndex++;
+ } else {
+ //logger.log('Unable to parse AAC frame');
+ break;
+ }
} else {
- return undefined;
+ //nothing found, keep looking
+ offset++;
}
}
- }, {
- key: 'decodeTxxxFrame',
- value: function decodeTxxxFrame(frame) {
- /*
- Format:
- [0] = {Text Encoding}
- [1-?] = {Description}\0{Value}
- */
- if (frame.size < 2) {
- return undefined;
- }
+ if (offset < len) {
+ aacOverFlow = data.subarray(offset, len);
+ //logger.log(`AAC: overflow detected:${len-offset}`);
+ } else {
+ aacOverFlow = null;
+ }
+ this.aacOverFlow = aacOverFlow;
+ this.aacLastPTS = stamp;
+ };
- if (frame.data[0] !== 3) {
- //only support UTF-8
- return undefined;
+ TSDemuxer.prototype._parseMPEGPES = function _parseMPEGPES(pes) {
+ var data = pes.data;
+ var length = data.length;
+ var frameIndex = 0;
+ var offset = 0;
+ var pts = pes.pts;
+
+ while (offset < length) {
+ if (mpegaudio.isHeader(data, offset)) {
+ var frame = mpegaudio.appendFrame(this._audioTrack, data, offset, pts, frameIndex);
+ if (frame) {
+ offset += frame.length;
+ frameIndex++;
+ } else {
+ //logger.log('Unable to parse Mpeg audio frame');
+ break;
+ }
+ } else {
+ //nothing found, keep looking
+ offset++;
}
+ }
+ };
- var index = 1;
- var description = this.utf8ArrayToStr(frame.data.subarray(index));
+ TSDemuxer.prototype._parseID3PES = function _parseID3PES(pes) {
+ this._id3Track.samples.push(pes);
+ };
- index += description.length + 1;
- var value = this.utf8ArrayToStr(frame.data.subarray(index));
+ return TSDemuxer;
+}();
- return { key: 'TXXX', description: description, data: value };
- }
- }, {
- key: 'decodeTextFrame',
- value: function decodeTextFrame(frame) {
- /*
- Format:
- [0] = {Text Encoding}
- [1-?] = {Value}
- */
+/* harmony default export */ var tsdemuxer = (tsdemuxer_TSDemuxer);
+// CONCATENATED MODULE: ./src/demux/mp3demuxer.js
+function mp3demuxer__classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
- if (frame.size < 2) {
- return undefined;
- }
+/**
+ * MP3 demuxer
+ */
- 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: <text string>\0<binary data>
- */
- if (frame.size < 2) {
- return undefined;
- }
- var owner = this.utf8ArrayToStr(frame.data);
- var privateData = frame.data.subarray(owner.length + 1);
+var mp3demuxer_MP3Demuxer = function () {
+ function MP3Demuxer(observer, remuxer, config) {
+ mp3demuxer__classCallCheck(this, MP3Demuxer);
- return { key: 'PRIV', info: owner, data: privateData.buffer };
- }
+ this.observer = observer;
+ this.config = config;
+ this.remuxer = remuxer;
+ }
- // 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 <iz@onicos.co.jp>
- * Version: 1.0
- * LastModified: Dec 25 1999
- * This library is free. You can redistribute it and/or modify it.
- */
+ MP3Demuxer.prototype.resetInitSegment = 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: '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;
+ MP3Demuxer.prototype.resetTimeStamp = function resetTimeStamp() {};
+
+ MP3Demuxer.probe = function probe(data) {
+ // check if data contains ID3 timestamp and MPEG sync word
+ var offset, length;
+ var id3Data = id3["a" /* default */].getID3Data(data, 0);
+ if (id3Data && id3["a" /* default */].getTimeStamp(id3Data) !== undefined) {
+ // 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 = id3Data.length, length = Math.min(data.length - 1, offset + 100); offset < length; offset++) {
+ if (mpegaudio.probe(data, offset)) {
+ logger["b" /* logger */].log('MPEG Audio sync word found !');
+ return true;
}
}
-
- return out;
}
- }]);
-
- return ID3TrackController;
-}(_eventHandler2.default);
+ return false;
+ };
-exports.default = ID3TrackController;
+ // feed incoming data to the front of the parsing pipeline
-},{"34":34,"35":35}],12:[function(_dereq_,module,exports){
-'use strict';
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
+ MP3Demuxer.prototype.append = function append(data, timeOffset, contiguous, accurateTimeOffset) {
+ var id3Data = id3["a" /* default */].getID3Data(data, 0);
+ var timestamp = id3["a" /* default */].getTimeStamp(id3Data);
+ var pts = timestamp ? 90 * timestamp : timeOffset * 90000;
+ var offset = id3Data.length;
+ var length = data.length;
+ var frameIndex = 0,
+ stamp = 0;
+ var track = this._audioTrack;
-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 id3Samples = [{ pts: pts, dts: pts, data: id3Data }];
-var _events = _dereq_(35);
-
-var _events2 = _interopRequireDefault(_events);
-
-var _eventHandler = _dereq_(34);
+ while (offset < length) {
+ if (mpegaudio.isHeader(data, offset)) {
+ var frame = mpegaudio.appendFrame(track, data, offset, pts, frameIndex);
+ if (frame) {
+ offset += frame.length;
+ stamp = frame.sample.pts;
+ frameIndex++;
+ } else {
+ //logger.log('Unable to parse Mpeg audio frame');
+ break;
+ }
+ } else if (id3["a" /* default */].isHeader(data, offset)) {
+ id3Data = id3["a" /* default */].getID3Data(data, offset);
+ id3Samples.push({ pts: stamp, dts: stamp, data: id3Data });
+ offset += id3Data.length;
+ } else {
+ //nothing found, keep looking
+ offset++;
+ }
+ }
-var _eventHandler2 = _interopRequireDefault(_eventHandler);
+ this.remuxer.remux(track, { samples: [] }, { samples: id3Samples, inputTimeScale: 90000 }, { samples: [] }, timeOffset, contiguous, accurateTimeOffset);
+ };
-var _logger = _dereq_(53);
+ MP3Demuxer.prototype.destroy = function destroy() {};
-var _errors = _dereq_(33);
+ return MP3Demuxer;
+}();
-var _bufferHelper = _dereq_(37);
+/* harmony default export */ var mp3demuxer = (mp3demuxer_MP3Demuxer);
+// CONCATENATED MODULE: ./src/helper/aac.js
+function aac__classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-var _bufferHelper2 = _interopRequireDefault(_bufferHelper);
+/**
+ * AAC helper
+ */
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var AAC = function () {
+ function AAC() {
+ aac__classCallCheck(this, AAC);
+ }
+
+ AAC.getSilentFrame = 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;
+ };
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+ return AAC;
+}();
-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; }
+/* harmony default export */ var aac = (AAC);
+// CONCATENATED MODULE: ./src/remux/mp4-generator.js
+function mp4_generator__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; } /*
- * Level Controller
- */
+/**
+ * Generate MP4 Box
+*/
-var LevelController = function (_EventHandler) {
- _inherits(LevelController, _EventHandler);
+//import Hex from '../utils/hex';
- function LevelController(hls) {
- _classCallCheck(this, LevelController);
+var mp4_generator_UINT32_MAX = Math.pow(2, 32) - 1;
- 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));
+var MP4 = function () {
+ function MP4() {
+ mp4_generator__classCallCheck(this, MP4);
+ }
+
+ MP4.init = 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: []
+ };
- _this.ontick = _this.tick.bind(_this);
- _this._manualLevel = -1;
- return _this;
- }
+ 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)];
+ }
+ }
+
+ 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
+ };
- _createClass(LevelController, [{
- key: 'destroy',
- value: function destroy() {
- if (this.timer) {
- clearTimeout(this.timer);
- this.timer = null;
- }
- this._manualLevel = -1;
+ 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));
+ };
+
+ MP4.box = 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;
}
- }, {
- 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);
- };
+ return result;
+ };
- // 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);
- }
- });
+ MP4.hdlr = function hdlr(type) {
+ return MP4.box(MP4.types.hdlr, MP4.HDLR_TYPES[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));
- });
+ MP4.mdat = function mdat(data) {
+ return MP4.box(MP4.types.mdat, data);
+ };
- 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;
- }
+ MP4.mdhd = function mdhd(timescale, duration) {
+ duration *= timescale;
+ var upperWordDuration = Math.floor(duration / (mp4_generator_UINT32_MAX + 1));
+ var lowerWordDuration = Math.floor(duration % (mp4_generator_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]));
+ };
- 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,
-
- // 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;
- }
- }
- }
- }
- }
+ MP4.mdia = function mdia(track) {
+ return MP4.box(MP4.types.mdia, MP4.mdhd(track.timescale, track.duration), MP4.hdlr(track.type), MP4.minf(track));
+ };
- // reset level load error counter on successful frag loaded
+ MP4.mfhd = 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]) // sequence_number
+ );
+ };
- }, {
- 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;
- }
+ MP4.minf = 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));
}
- }]);
+ };
- return LevelController;
-}(_eventHandler2.default);
+ MP4.moof = 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
+ */
-exports.default = LevelController;
-},{"33":33,"34":34,"35":35,"37":37,"53":53}],13:[function(_dereq_,module,exports){
-'use strict';
+ MP4.moov = function moov(tracks) {
+ var i = tracks.length,
+ boxes = [];
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
+ while (i--) {
+ boxes[i] = MP4.trak(tracks[i]);
+ }
-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; }; }();
+ return MP4.box.apply(null, [MP4.types.moov, MP4.mvhd(tracks[0].timescale, tracks[0].duration)].concat(boxes).concat(MP4.mvex(tracks)));
+ };
-var _binarySearch = _dereq_(48);
+ MP4.mvex = function mvex(tracks) {
+ var i = tracks.length,
+ boxes = [];
-var _binarySearch2 = _interopRequireDefault(_binarySearch);
+ while (i--) {
+ boxes[i] = MP4.trex(tracks[i]);
+ }
+ return MP4.box.apply(null, [MP4.types.mvex].concat(boxes));
+ };
-var _bufferHelper = _dereq_(37);
+ MP4.mvhd = function mvhd(timescale, duration) {
+ duration *= timescale;
+ var upperWordDuration = Math.floor(duration / (mp4_generator_UINT32_MAX + 1));
+ var lowerWordDuration = Math.floor(duration % (mp4_generator_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);
+ };
-var _bufferHelper2 = _interopRequireDefault(_bufferHelper);
+ MP4.sdtp = 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;
+ }
-var _demuxer = _dereq_(25);
+ return MP4.box(MP4.types.sdtp, bytes);
+ };
-var _demuxer2 = _interopRequireDefault(_demuxer);
+ MP4.stbl = 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));
+ };
-var _events = _dereq_(35);
+ MP4.avc1 = 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
+ }
+
+ // 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));
+ }
+
+ 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])));
+ };
+
+ MP4.esds = function esds(track) {
+ var configlen = track.config.length;
+ return new Uint8Array([0x00, // version 0
+ 0x00, 0x00, 0x00, // flags
+
+ 0x03, // descriptor_type
+ 0x17 + configlen, // length
+ 0x00, 0x01, //es_id
+ 0x00, // stream_priority
+
+ 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
+
+ 0x05 // descriptor_type
+ ].concat([configlen]).concat(track.config).concat([0x06, 0x01, 0x02])); // GASpecificConfig)); // length + audio config descriptor
+ };
+
+ MP4.mp4a = 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)));
+ };
+
+ MP4.mp3 = 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]));
+ };
+
+ MP4.stsd = 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));
+ }
+ };
+
+ MP4.tkhd = function tkhd(track) {
+ var id = track.id,
+ duration = track.duration * track.timescale,
+ width = track.width,
+ height = track.height,
+ upperWordDuration = Math.floor(duration / (mp4_generator_UINT32_MAX + 1)),
+ lowerWordDuration = Math.floor(duration % (mp4_generator_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
+ ]));
+ };
+
+ MP4.traf = function traf(track, baseMediaDecodeTime) {
+ var sampleDependencyTable = MP4.sdtp(track),
+ id = track.id,
+ upperWordBaseMediaDecodeTime = Math.floor(baseMediaDecodeTime / (mp4_generator_UINT32_MAX + 1)),
+ lowerWordBaseMediaDecodeTime = Math.floor(baseMediaDecodeTime % (mp4_generator_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]) // track_ID
+ ), 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);
+ };
-var _events2 = _interopRequireDefault(_events);
+ /**
+ * Generate a track box.
+ * @param track {object} a track definition
+ * @return {Uint8Array} the track box
+ */
-var _eventHandler = _dereq_(34);
-var _eventHandler2 = _interopRequireDefault(_eventHandler);
+ MP4.trak = function trak(track) {
+ track.duration = track.duration || 0xffffffff;
+ return MP4.box(MP4.types.trak, MP4.tkhd(track), MP4.mdia(track));
+ };
+
+ MP4.trex = 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
+ ]));
+ };
+
+ MP4.trun = 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);
+ };
+
+ MP4.initSegment = 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;
+ };
-var _levelHelper = _dereq_(38);
+ return MP4;
+}();
-var _levelHelper2 = _interopRequireDefault(_levelHelper);
+/* harmony default export */ var mp4_generator = (MP4);
+// CONCATENATED MODULE: ./src/remux/mp4-remuxer.js
+function mp4_remuxer__classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-var _timeRanges = _dereq_(54);
+/**
+* fMP4 remuxer
+*/
-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; } /*
- * Stream Controller
- */
+// 10 seconds
+var MAX_SILENT_FRAME_DURATION = 10 * 1000;
-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 mp4_remuxer_MP4Remuxer = function () {
+ function MP4Remuxer(observer, config, typeSupported, vendor) {
+ mp4_remuxer__classCallCheck(this, MP4Remuxer);
-var StreamController = function (_EventHandler) {
- _inherits(StreamController, _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;
+ }
- function StreamController(hls) {
- _classCallCheck(this, StreamController);
+ MP4Remuxer.prototype.destroy = function destroy() {};
- 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));
+ MP4Remuxer.prototype.resetTimeStamp = function resetTimeStamp(defaultTimeStamp) {
+ this._initPTS = this._initDTS = defaultTimeStamp;
+ };
- _this.config = hls.config;
- _this.audioCodecSwap = false;
- _this.ticks = 0;
- _this._state = State.STOPPED;
- _this.ontick = _this.tick.bind(_this);
- return _this;
- }
+ MP4Remuxer.prototype.resetInitSegment = function resetInitSegment() {
+ this.ISGenerated = false;
+ };
- _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;
+ MP4Remuxer.prototype.remux = 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) {
+ var nbAudioSamples = audioTrack.samples.length;
+ var nbVideoSamples = videoTrack.samples.length;
+ var audioTimeOffset = timeOffset;
+ var videoTimeOffset = timeOffset;
+ if (nbAudioSamples && nbVideoSamples) {
+ // timeOffset is expected to be the offset of the first timestamp of this fragment (first DTS)
+ // if first audio DTS is not aligned with first video DTS then we need to take that into account
+ // when providing timeOffset to remuxAudio / remuxVideo. if we don't do that, there might be a permanent / small
+ // drift between audio and video streams
+ var audiovideoDeltaDts = (audioTrack.samples[0].dts - videoTrack.samples[0].dts) / videoTrack.inputTimeScale;
+ audioTimeOffset += Math.max(0, audiovideoDeltaDts);
+ videoTimeOffset += Math.max(0, -audiovideoDeltaDts);
+ }
+ // 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 (nbAudioSamples) {
+ // if initSegment was generated without video samples, regenerate it again
+ if (!audioTrack.timescale) {
+ logger["b" /* logger */].warn('regenerate InitSegment as audio detected');
+ this.generateIS(audioTrack, videoTrack, timeOffset);
+ }
+ var audioData = this.remuxAudio(audioTrack, audioTimeOffset, contiguous, accurateTimeOffset);
+ //logger.log('nb AVC samples:' + videoTrack.samples.length);
+ if (nbVideoSamples) {
+ var audioTrackLength = void 0;
+ if (audioData) {
+ audioTrackLength = audioData.endPTS - audioData.startPTS;
}
- // 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;
+ // if initSegment was generated without video samples, regenerate it again
+ if (!videoTrack.timescale) {
+ logger["b" /* logger */].warn('regenerate InitSegment as video detected');
+ this.generateIS(audioTrack, videoTrack, timeOffset);
+ }
+ this.remuxVideo(videoTrack, videoTimeOffset, contiguous, audioTrackLength, accurateTimeOffset);
}
- 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();
+ var videoData = void 0;
+ //logger.log('nb AVC samples:' + videoTrack.samples.length);
+ if (nbVideoSamples) {
+ videoData = this.remuxVideo(videoTrack, videoTimeOffset, contiguous, accurateTimeOffset);
+ }
+ if (videoData && audioTrack.codec) {
+ this.remuxEmptyAudio(audioTrack, audioTimeOffset, 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(events["a" /* default */].FRAG_PARSED);
+ };
+
+ MP4Remuxer.prototype.generateIS = 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["b" /* 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() : mp4_generator.initSegment([audioTrack]),
+ metadata: {
+ channelCount: audioTrack.channelCount
}
- this.fragCurrent = null;
- }
- this.fragPrevious = null;
- if (this.demuxer) {
- this.demuxer.destroy();
- this.demuxer = null;
+ };
+ if (computePTSDTS) {
+ // remember first PTS of this demuxing context. for audio, PTS = DTS
+ initPTS = initDTS = audioSamples[0].pts - audioTrack.inputTimeScale * timeOffset;
}
- 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);
+
+ 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: mp4_generator.initSegment([videoTrack]),
+ metadata: {
+ width: videoTrack.width,
+ height: videoTrack.height
}
- 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;
+ };
+ if (computePTSDTS) {
+ initPTS = Math.min(initPTS, videoSamples[0].pts - inputTimeScale * timeOffset);
+ initDTS = Math.min(initDTS, videoSamples[0].dts - inputTimeScale * timeOffset);
+ this.observer.trigger(events["a" /* default */].INIT_PTS_FOUND, { initPTS: initPTS });
}
- // check buffer
- this._checkBuffer();
- // check/update current fragment
- this._checkFragmentChanged();
}
- // 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?
-
- }, {
- key: '_doTickIdle',
- value: function _doTickIdle() {
- var hls = this.hls,
- config = hls.config,
- media = this.media;
-
- // 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 (Object.keys(tracks).length) {
+ observer.trigger(events["a" /* default */].FRAG_PARSING_INIT_SEGMENT, data);
+ this.ISGenerated = true;
+ if (computePTSDTS) {
+ this._initPTS = initPTS;
+ this._initDTS = initDTS;
}
+ } else {
+ observer.trigger(events["a" /* default */].ERROR, { type: errors["b" /* ErrorTypes */].MEDIA_ERROR, details: errors["a" /* ErrorDetails */].FRAG_PARSING_ERROR, fatal: false, reason: 'no audio/video samples found' });
+ }
+ };
+
+ MP4Remuxer.prototype.remuxVideo = 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;
+
+ // 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);
+ // }
+
+ // if parsed fragment is contiguous with last one, let's use last DTS value as reference
+ var nextAvcDts = this.nextAvcDts;
+
+ var isSafari = this.isSafari;
+
+ // 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 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];
+ if (!contiguous) {
+ // if not contiguous, let's use target timeOffset
+ nextAvcDts = timeOffset * timeScale;
+ }
- if (!levelInfo) {
- return;
- }
+ // 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);
+ });
- var levelBitrate = levelInfo.bitrate,
- maxBufLen = void 0;
+ // 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;
+ });
- // 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);
+ // 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["b" /* 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;
+ }
+ }
+
+ // 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);
+
+ // 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["b" /* logger */].log('AVC:' + delta + ' ms hole between fragments detected,filling it');
+ } else if (delta < -1) {
+ logger["b" /* 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["b" /* logger */].log('Video/PTS/DTS adjusted: ' + Math.round(firstPTS / 90) + '/' + Math.round(firstDTS / 90) + ',delta:' + delta + ' ms');
+ }
+ }
+ nextDTS = firstDTS;
+
+ // compute lastPTS/lastDTS
+ sample = inputSamples[inputSamples.length - 1];
+ lastDTS = Math.max(sample.dts, 0);
+ lastPTS = Math.max(sample.pts, 0, lastDTS);
+
+ // 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));
+ }
+
+ 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 {
- maxBufLen = config.maxBufferLength;
- }
- maxBufLen = Math.min(maxBufLen, config.maxMaxBufferLength);
-
- // 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 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;
- }
-
- // 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 ...');
-
- // set next load level : this will trigger a playlist load if needed
- this.level = hls.nextLoadLevel = level;
-
- 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;
+ // ensure sample monotonic DTS
+ _sample.dts = Math.max(_sample.dts, firstDTS);
}
-
- // 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;
- }
- }
-
- // 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);
+ // ensure that computed value is greater or equal than sample DTS
+ _sample.pts = Math.max(_sample.pts, _sample.dts);
}
- }, {
- key: '_fetchPayloadOrEos',
- value: function _fetchPayloadOrEos(pos, bufferInfo, levelDetails) {
- var fragPrevious = this.fragPrevious,
- level = this.level,
- fragments = levelDetails.fragments,
- fragLen = fragments.length;
-
- // empty playlist
- if (fragLen === 0) {
- return;
- }
-
- // 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;
- 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;
- }
-
- 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);
- }
+ /* 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(events["a" /* default */].ERROR, { type: errors["b" /* ErrorTypes */].MUX_ERROR, details: errors["a" /* ErrorDetails */].REMUX_ALLOC_ERROR, fatal: false, bytes: mdatSize, reason: 'fail allocating video mdat ' + mdatSize });
return;
}
- }, {
- key: '_ensureFragmentAtLivePoint',
- value: function _ensureFragmentAtLivePoint(levelDetails, bufferEnd, start, end, fragPrevious, fragments, fragLen) {
- var config = this.hls.config,
- media = this.media;
-
- var frag = void 0;
-
- // 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;
-
- 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 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;
- }
-
- 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);
- }
+ var view = new DataView(mdat.buffer);
+ view.setUint32(0, mdatSize);
+ mdat.set(mp4_generator.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;
}
- 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;
- };
- if (bufferEnd < end) {
- if (bufferEnd > end - maxFragLookUpTolerance) {
- maxFragLookUpTolerance = 0;
- }
- // Prefer the next fragment if it's within tolerance
- if (fragNext && !fragmentWithinToleranceTest(fragNext)) {
- foundFrag = fragNext;
+ 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 {
- foundFrag = _binarySearch2.default.search(fragments, fragmentWithinToleranceTest);
- }
- } 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 (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);
+ 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["b" /* logger */].log('It is approximately ' + deltaToFrameEnd / 90 + ' ms to the next segment; using duration ' + mp4SampleDuration / 90 + ' ms for the last video frame.');
} 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;
- }
+ mp4SampleDuration = lastFrameDuration;
}
+ } else {
+ mp4SampleDuration = lastFrameDuration;
}
}
- }
- return frag;
- }
- }, {
- key: '_loadFragmentOrKey',
- value: function _loadFragmentOrKey(frag, level, levelDetails, pos, bufferEnd) {
- var hls = this.hls,
- config = hls.config;
-
- //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 });
+ compositionTimeOffset = Math.round(avcSample.pts - avcSample.dts);
} 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;
- }
- frag.loadIdx = this.fragLoadIdx;
- this.fragCurrent = frag;
- this.startFragRequested = true;
- if (!isNaN(frag.sn)) {
- this.nextLoadPosition = frag.start + frag.duration;
- }
- 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;
- }
- }
- }, {
- 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;
+ 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
}
- 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);
- }
- 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;
- }
- }
- }
- }
+ // 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 = mp4_generator.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(events["a" /* default */].FRAG_PARSING_DATA, data);
+ return data;
+ };
+
+ MP4Remuxer.prototype.remuxAudio = 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 offset,
+ mp4Sample,
+ fillFrame,
+ mdat,
+ moof,
+ firstPTS,
+ lastPTS,
+ inputSamples = track.samples,
+ outputSamples = [],
+ nextAudioPts = this.nextAudioPts;
+
+ // 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);
+
+ // compute normalized PTS
+ inputSamples.forEach(function (sample) {
+ sample.pts = sample.dts = ptsNormalize(sample.pts - initDTS, timeOffset * inputTimeScale);
+ });
- /*
- on immediate level switch :
- - pause playback if playing
- - cancel any pending load request
- - and trigger a buffer flush
- */
+ // filter out sample with negative PTS that are not playable anyway
+ // if we don't remove these negative samples, they will shift all audio samples forward.
+ // leading to audio overlap between current / next fragment
+ inputSamples = inputSamples.filter(function (sample) {
+ return sample.pts >= 0;
+ });
- }, {
- 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);
+ // in case all samples have negative PTS, and have been filtered out, return now
+ if (inputSamples.length === 0) {
+ return;
}
- /*
- 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: '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;
- }
- } 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);
- }
- }
- }
- }
- }, {
- 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);
- }
- }, {
- 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);
+ if (!contiguous) {
+ if (!accurateTimeOffset) {
+ // if frag are mot contiguous and if we cant trust time offset, let's use first sample PTS as next audio PTS
+ nextAudioPts = inputSamples[0].pts;
+ } else {
+ // if timeOffset is accurate, let's use it as predicted next audio PTS
+ nextAudioPts = timeOffset * inputTimeScale;
}
}
- }, {
- 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;
- }
- // 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;
- });
- }
- });
- }
- // 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;
- }
- this.media = this.mediaBuffer = null;
- this.loadedmetadata = false;
- this.stopLoad();
- }
- }, {
- 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();
+ // 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.
+
+ if (track.isAAC) {
+ var maxAudioFramesDrift = this.config.maxAudioFramesDrift;
+ 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;
+
+ //console.log(Math.round(pts) + '/' + Math.round(nextPts) + '/' + Math.round(delta));
+ var duration = Math.abs(1000 * delta / inputTimeScale);
+
+ // If we're overlapping by more than a duration, drop this sample
+ if (delta <= -maxAudioFramesDrift * inputSampleDuration) {
+ logger["b" /* logger */].warn('Dropping 1 audio frame @ ' + (nextPts / inputTimeScale).toFixed(3) + 's due to ' + Math.round(duration) + ' ms overlap.');
+ inputSamples.splice(i, 1);
+ track.len -= sample.unit.length;
+ // Don't touch nextPtsNorm or i
+ }
+
+ // Insert missing frames if:
+ // 1: We're more than maxAudioFramesDrift frame away
+ // 2: Not more than MAX_SILENT_FRAME_DURATION away
+ // 3: currentTime (aka nextPtsNorm) is not 0
+ else if (delta >= maxAudioFramesDrift * inputSampleDuration && duration < MAX_SILENT_FRAME_DURATION && nextPts) {
+ var missing = Math.round(delta / inputSampleDuration);
+ logger["b" /* 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 = aac.getSilentFrame(track.manifestCodec || track.codec, track.channelCount);
+ if (!fillFrame) {
+ logger["b" /* 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++;
}
- this.fragCurrent = null;
- this.fragPrevious = null;
- // switch to IDLE state to load new fragment
- this.state = State.IDLE;
+
+ // Adjust sample to next expected pts
+ sample.pts = sample.dts = nextPts;
+ nextPts += inputSampleDuration;
+ i++;
} 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;
- }
- 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() {
- 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: '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;
+ // 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++;
}
- }
- });
- 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');
- }
- } else {
- newDetails.PTSKnown = false;
- _logger.logger.log('live playlist - first load, unknown sliding');
- }
+ 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 {
- newDetails.PTSKnown = false;
- }
- // 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;
+ 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["b" /* logger */].log(_delta + ' ms hole between AAC samples detected,filling it');
+ if (numMissingFrames > 0) {
+ fillFrame = aac.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["b" /* 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;
}
- this.lastCurrentTime = this.startPosition;
}
- this.nextLoadPosition = this.startPosition;
- }
- // 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();
- }
- }, {
- 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 === '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';
- }
- }
+ // remember first PTS of our audioSamples
+ firstPTS = _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(events["a" /* default */].ERROR, { type: errors["b" /* ErrorTypes */].MUX_ERROR, details: errors["a" /* ErrorDetails */].REMUX_ALLOC_ERROR, fatal: false, bytes: mdatSize, reason: 'fail allocating audio mdat ' + mdatSize });
+ return;
}
- 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');
+ if (!rawMPEG) {
+ var view = new DataView(mdat.buffer);
+ view.setUint32(0, mdatSize);
+ mdat.set(mp4_generator.types.mdat, 4);
}
- // 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);
+ } else {
+ // no audio samples
+ return;
}
- }
- 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';
- }
+ for (var _i3 = 0; _i3 < numMissingFrames; _i3++) {
+ fillFrame = aac.getSilentFrame(track.manifestCodec || track.codec, track.channelCount);
+ if (!fillFrame) {
+ logger["b" /* logger */].log('Unable to get silent frame for given audio codec; duplicating this frame instead.');
+ fillFrame = unit.subarray();
}
- // 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';
+ 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
}
- }
- // 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' });
- }
+ };
+ 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
}
- //trigger handler right now
- this.tick();
+ };
+ 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 = mp4_generator.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(events["a" /* default */].FRAG_PARSING_DATA, audioData);
+ return audioData;
}
- }, {
- key: 'onFragParsingData',
- value: function onFragParsingData(data) {
- var _this2 = this;
+ return null;
+ };
- 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) {
- _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;
- }
- }
+ MP4Remuxer.prototype.remuxEmptyAudio = function remuxEmptyAudio(track, timeOffset, contiguous, videoData) {
+ var inputTimeScale = track.inputTimeScale,
+ mp4timeScale = track.samplerate ? track.samplerate : inputTimeScale,
+ scaleFactor = inputTimeScale / mp4timeScale,
+ nextAudioPts = this.nextAudioPts,
- 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: '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: '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;
- }
- }
- }, {
- 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();
- }
- }, {
- 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;
- }
- }
- }, {
- 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: '_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;
- }
- this.tick();
- }
- }
- }, {
- 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,
+ // sync with video's timestamp
+ startDTS = (nextAudioPts !== undefined ? nextAudioPts : videoData.startDTS * inputTimeScale) + this._initDTS,
+ endDTS = videoData.endDTS * inputTimeScale + this._initDTS,
- // 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;
- }
- }
- 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;
- }
- }
- }, {
- 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);
- });
+ // one sample's duration value
+ sampleDuration = 1024,
+ frameDuration = scaleFactor * sampleDuration,
- // 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;
+
+ // samples count of this segment's duration
+ nbSamples = Math.ceil((endDTS - startDTS) / frameDuration),
+
+
+ // silent frame
+ silentFrame = aac.getSilentFrame(track.manifestCodec || track.codec, track.channelCount);
+
+ logger["b" /* logger */].warn('remux empty Audio');
+ // Can't remux if we can't generate a silent frame...
+ if (!silentFrame) {
+ logger["b" /* logger */].trace('Unable to remuxEmptyAudio since we were unable to get a silent frame for given audio codec!');
+ return;
}
- }, {
- 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 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;
}
- }, {
- 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 });
+ track.samples = samples;
+
+ this.remuxAudio(track, timeOffset, contiguous);
+ };
+
+ MP4Remuxer.prototype.remuxID3 = 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;
}
- },
- get: function get() {
- return this._state;
+ this.observer.trigger(events["a" /* default */].FRAG_PARSING_METADATA, {
+ samples: track.samples
+ });
}
- }, {
- key: 'currentLevel',
- get: function get() {
- var media = this.media;
- if (media) {
- var frag = this.getBufferedFrag(media.currentTime);
- if (frag) {
- return frag.level;
- }
- }
- return -1;
+
+ track.samples = [];
+ timeOffset = timeOffset;
+ };
+
+ MP4Remuxer.prototype.remuxText = 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(events["a" /* default */].FRAG_PARSING_USERDATA, {
+ samples: track.samples
+ });
}
- }, {
- 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;
- }
+
+ track.samples = [];
+ timeOffset = timeOffset;
+ };
+
+ MP4Remuxer.prototype._PTSNormalize = function _PTSNormalize(value, reference) {
+ var offset;
+ if (reference === undefined) {
+ return value;
}
- }, {
- key: 'nextLevel',
- get: function get() {
- var frag = this.nextBufferedFrag;
- if (frag) {
- return frag.level;
- } else {
- return -1;
- }
+ if (reference < value) {
+ // - 2^33
+ offset = -8589934592;
+ } else {
+ // + 2^33
+ offset = 8589934592;
}
- }, {
- key: 'liveSyncPosition',
- get: function get() {
- return this._liveSyncPosition;
- },
- set: function set(value) {
- this._liveSyncPosition = value;
+ /* 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 StreamController;
-}(_eventHandler2.default);
+ return MP4Remuxer;
+}();
-exports.default = StreamController;
+/* harmony default export */ var mp4_remuxer = (mp4_remuxer_MP4Remuxer);
+// CONCATENATED MODULE: ./src/remux/passthrough-remuxer.js
+function passthrough_remuxer__classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-},{"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';
+/**
+ * passthrough remuxer
+*/
-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 passthrough_remuxer_PassThroughRemuxer = function () {
+ function PassThroughRemuxer(observer) {
+ passthrough_remuxer__classCallCheck(this, PassThroughRemuxer);
-var _events = _dereq_(35);
+ this.observer = observer;
+ }
-var _events2 = _interopRequireDefault(_events);
+ PassThroughRemuxer.prototype.destroy = function destroy() {};
-var _eventHandler = _dereq_(34);
+ PassThroughRemuxer.prototype.resetTimeStamp = function resetTimeStamp() {};
-var _eventHandler2 = _interopRequireDefault(_eventHandler);
+ PassThroughRemuxer.prototype.resetInitSegment = function resetInitSegment() {};
-var _logger = _dereq_(53);
+ PassThroughRemuxer.prototype.remux = 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(events["a" /* default */].FRAG_PARSING_DATA, {
+ data1: rawData,
+ startPTS: timeOffset,
+ startDTS: timeOffset,
+ type: streamType,
+ nb: 1,
+ dropped: 0
+ });
+ //notify end of parsing
+ observer.trigger(events["a" /* default */].FRAG_PARSED);
+ };
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+ return PassThroughRemuxer;
+}();
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+/* harmony default export */ var passthrough_remuxer = (passthrough_remuxer_PassThroughRemuxer);
+// CONCATENATED MODULE: ./src/demux/demuxer-inline.js
+function demuxer_inline__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; }
+/* inline demuxer.
+ * probe fragments and instantiate appropriate demuxer depending on content type (TSDemuxer, AACDemuxer, ...)
+ */
-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(SubtitleStreamController, [{
- 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() {
- 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: '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 });
- }
- }
+var demuxer_inline_DemuxerInline = function () {
+ function DemuxerInline(observer, typeSupported, config, vendor) {
+ demuxer_inline__classCallCheck(this, DemuxerInline);
- // When fragment has finished processing, add sn to list of completed if successful.
+ this.observer = observer;
+ this.typeSupported = typeSupported;
+ this.config = config;
+ this.vendor = vendor;
+ }
- }, {
- key: 'onSubtitleFragProcessed',
- value: function onSubtitleFragProcessed(data) {
- if (data.success) {
- this.vttFragSNsProcessed[data.frag.trackId].push(data.frag.sn);
- }
- this.currentlyProcessing = null;
- this.nextFrag();
+ DemuxerInline.prototype.destroy = function destroy() {
+ var demuxer = this.demuxer;
+ if (demuxer) {
+ demuxer.destroy();
}
+ };
- // If something goes wrong, procede to next frag, if we were processing one.
-
- }, {
- 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;
+ DemuxerInline.prototype.push = 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 crypt_decrypter["a" /* default */](this.observer, this.config);
}
- if (this.currentlyProcessing) {
- this.currentlyProcessing = null;
- this.nextFrag();
+ 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();
}
- }
-
- // 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] = [];
+ 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(events["a" /* 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: 'onSubtitleTrackSwitch',
- value: function onSubtitleTrackSwitch(data) {
- this.currentTrackId = data.id;
- this.clearVttFragQueues();
- }
-
- // Got a new set of subtitle fragments.
-
- }, {
- 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);
+ DemuxerInline.prototype.pushDecrypted = 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;
+ // probing order is TS/AAC/MP3/MP4
+ var muxConfig = [{ demux: tsdemuxer, remux: mp4_remuxer }, { demux: mp4demuxer, remux: passthrough_remuxer }, { demux: aacdemuxer, remux: mp4_remuxer }, { demux: mp3demuxer, remux: mp4_remuxer }];
+
+ // probe for content type
+ for (var i = 0, len = muxConfig.length; i < len; i++) {
+ 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;
}
- });
-
- this.nextFrag();
+ }
+ if (!demuxer) {
+ observer.trigger(events["a" /* default */].ERROR, { type: errors["b" /* ErrorTypes */].MEDIA_ERROR, details: errors["a" /* ErrorDetails */].FRAG_PARSING_ERROR, fatal: true, reason: 'no demux matching with content found' });
+ return;
+ }
+ this.demuxer = demuxer;
}
- }]);
-
- return SubtitleStreamController;
-}(_eventHandler2.default);
+ var remuxer = this.remuxer;
-exports.default = SubtitleStreamController;
+ if (discontinuity || trackSwitch) {
+ demuxer.resetInitSegment(initSegment, audioCodec, videoCodec, duration);
+ remuxer.resetInitSegment();
+ }
+ if (discontinuity) {
+ demuxer.resetTimeStamp(defaultInitPTS);
+ remuxer.resetTimeStamp(defaultInitPTS);
+ }
+ if (typeof demuxer.setDecryptData === 'function') {
+ demuxer.setDecryptData(decryptdata);
+ }
+ demuxer.append(data, timeOffset, contiguous, accurateTimeOffset);
+ };
-},{"34":34,"35":35,"53":53}],15:[function(_dereq_,module,exports){
-'use strict';
+ return DemuxerInline;
+}();
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
+/* harmony default export */ var demuxer_inline = __webpack_exports__["a"] = (demuxer_inline_DemuxerInline);
-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; }; }();
+/***/ }),
+/* 8 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
-var _events = _dereq_(35);
+"use strict";
+Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
+var cues_namespaceObject = {};
+__webpack_require__.d(cues_namespaceObject, "newCue", function() { return newCue; });
-var _events2 = _interopRequireDefault(_events);
+// EXTERNAL MODULE: ./node_modules/url-toolkit/src/url-toolkit.js
+var url_toolkit = __webpack_require__(6);
+var url_toolkit_default = /*#__PURE__*/__webpack_require__.n(url_toolkit);
-var _eventHandler = _dereq_(34);
+// EXTERNAL MODULE: ./src/events.js
+var events = __webpack_require__(1);
-var _eventHandler2 = _interopRequireDefault(_eventHandler);
+// EXTERNAL MODULE: ./src/errors.js
+var errors = __webpack_require__(2);
-var _logger = _dereq_(53);
+// EXTERNAL MODULE: ./src/utils/logger.js
+var logger = __webpack_require__(0);
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+// CONCATENATED MODULE: ./src/event-handler.js
+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; };
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; }
+/*
+*
+* All objects in the event handling chain should inherit from this class
+*
+*/
-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
- */
-function filterSubtitleTracks(textTrackList) {
- var tracks = [];
- for (var i = 0; i < textTrackList.length; i++) {
- if (textTrackList[i].kind === 'subtitles') {
- tracks.push(textTrackList[i]);
- }
- }
- return tracks;
-}
-var SubtitleTrackController = function (_EventHandler) {
- _inherits(SubtitleTrackController, _EventHandler);
- function SubtitleTrackController(hls) {
- _classCallCheck(this, SubtitleTrackController);
- 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));
+var event_handler_EventHandler = function () {
+ function EventHandler(hls) {
+ _classCallCheck(this, EventHandler);
- _this.tracks = [];
- _this.trackId = -1;
- _this.media = undefined;
- return _this;
- }
+ this.hls = hls;
+ this.onEvent = this.onEvent.bind(this);
- _createClass(SubtitleTrackController, [{
- key: 'destroy',
- value: function destroy() {
- _eventHandler2.default.prototype.destroy.call(this);
+ for (var _len = arguments.length, events = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+ events[_key - 1] = arguments[_key];
}
- // Listen for subtitle track change, then extract the current track ID.
+ this.handledEvents = events;
+ this.useGenericHandler = true;
- }, {
- key: 'onMediaAttached',
- value: function onMediaAttached(data) {
- var _this2 = this;
+ this.registerListeners();
+ }
- this.media = data.media;
- if (!this.media) {
- return;
- }
+ EventHandler.prototype.destroy = function destroy() {
+ this.unregisterListeners();
+ };
- this.media.textTracks.addEventListener('change', function () {
- // Media is undefined when switching streams via loadSource()
- if (!_this2.media) {
- return;
- }
+ EventHandler.prototype.isEventHandler = function isEventHandler() {
+ return _typeof(this.handledEvents) === 'object' && this.handledEvents.length && typeof this.onEvent === 'function';
+ };
- var trackId = -1;
- var tracks = filterSubtitleTracks(_this2.media.textTracks);
- for (var id = 0; id < tracks.length; id++) {
- if (tracks[id].mode === 'showing') {
- trackId = id;
- }
+ EventHandler.prototype.registerListeners = function registerListeners() {
+ if (this.isEventHandler()) {
+ this.handledEvents.forEach(function (event) {
+ if (event === 'hlsEventGeneric') {
+ throw new Error('Forbidden event name: ' + event);
}
- // Setting current subtitleTrack will invoke code.
- _this2.subtitleTrack = trackId;
- });
+ this.hls.on(event, this.onEvent);
+ }, this);
}
- }, {
- key: 'onMediaDetaching',
- value: function onMediaDetaching() {
- // TODO: Remove event listeners.
- this.media = undefined;
+ };
+
+ EventHandler.prototype.unregisterListeners = function unregisterListeners() {
+ if (this.isEventHandler()) {
+ this.handledEvents.forEach(function (event) {
+ this.hls.off(event, this.onEvent);
+ }, this);
}
+ };
- // Reset subtitle tracks on manifest loading
+ /**
+ * arguments: event (string), data (any)
+ */
- }, {
- key: 'onManifestLoading',
- value: function onManifestLoading() {
- this.tracks = [];
- this.trackId = -1;
- }
- // Fired whenever a new manifest is loaded.
+ EventHandler.prototype.onEvent = function onEvent(event, data) {
+ this.onEventGeneric(event, data);
+ };
- }, {
- 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;
- }
- });
+ EventHandler.prototype.onEventGeneric = 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["b" /* logger */].error('internal error happened while processing ' + event + ':' + err.message);
+ this.hls.trigger(events["a" /* default */].ERROR, { type: errors["b" /* ErrorTypes */].OTHER_ERROR, details: errors["a" /* ErrorDetails */].INTERNAL_EXCEPTION, fatal: false, event: event, err: err });
}
+ };
- // Trigger subtitle track playlist reload.
+ return EventHandler;
+}();
- }, {
- key: 'onTick',
- value: function onTick() {
- var trackId = this.trackId;
- var subtitleTrack = this.tracks[trackId];
- if (!subtitleTrack) {
- return;
- }
+/* harmony default export */ var event_handler = (event_handler_EventHandler);
+// CONCATENATED MODULE: ./src/utils/attr-list.js
+function attr_list__classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
- 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 });
+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) {
+ attr_list__classCallCheck(this, AttrList);
+
+ if (typeof attrs === 'string') {
+ attrs = AttrList.parseAttrList(attrs);
+ }
+ for (var attr in attrs) {
+ if (attrs.hasOwnProperty(attr)) {
+ this[attr] = attrs[attr];
}
}
- }, {
- 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;
- }
- }
+ AttrList.prototype.decimalInteger = function decimalInteger(attrName) {
+ var intValue = parseInt(this[attrName], 10);
+ if (intValue > Number.MAX_SAFE_INTEGER) {
+ return Infinity;
}
+ return intValue;
+ };
- /** get alternate subtitle tracks list from playlist **/
+ AttrList.prototype.hexadecimalInteger = function hexadecimalInteger(attrName) {
+ if (this[attrName]) {
+ var stringValue = (this[attrName] || '0x').slice(2);
+ stringValue = (stringValue.length & 1 ? '0' : '') + stringValue;
- }, {
- 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 });
- }
+ 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: 'subtitleTracks',
- get: function get() {
- return this.tracks;
+ };
+
+ AttrList.prototype.hexadecimalIntegerAsNumber = function hexadecimalIntegerAsNumber(attrName) {
+ var intValue = parseInt(this[attrName], 16);
+ if (intValue > Number.MAX_SAFE_INTEGER) {
+ return Infinity;
}
+ return intValue;
+ };
- /** get index of the selected subtitle track (index in subtitle track lists) **/
+ AttrList.prototype.decimalFloatingPoint = function decimalFloatingPoint(attrName) {
+ return parseFloat(this[attrName]);
+ };
- }, {
- key: 'subtitleTrack',
- get: function get() {
- return this.trackId;
+ AttrList.prototype.enumeratedString = function enumeratedString(attrName) {
+ return this[attrName];
+ };
+
+ AttrList.prototype.decimalResolution = 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)
+ };
+ };
- /** 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);
+ AttrList.parseAttrList = 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 SubtitleTrackController;
-}(_eventHandler2.default);
+ return AttrList;
+}();
+
+/* harmony default export */ var attr_list = (AttrList);
+// CONCATENATED MODULE: ./src/utils/codecs.js
+// from http://mp4ra.org/codecs.html
+var sampleEntryCodesISO = {
+ audio: {
+ 'a3ds': true,
+ 'ac-3': true,
+ 'ac-4': true,
+ 'alac': true,
+ 'alaw': true,
+ 'dra1': true,
+ 'dts+': true,
+ 'dts-': true,
+ 'dtsc': true,
+ 'dtse': true,
+ 'dtsh': true,
+ 'ec-3': true,
+ 'enca': true,
+ 'g719': true,
+ 'g726': true,
+ 'm4ae': true,
+ 'mha1': true,
+ 'mha2': true,
+ 'mhm1': true,
+ 'mhm2': true,
+ 'mlpa': true,
+ 'mp4a': true,
+ 'raw ': true,
+ 'Opus': true,
+ 'samr': true,
+ 'sawb': true,
+ 'sawp': true,
+ 'sevc': true,
+ 'sqcp': true,
+ 'ssmv': true,
+ 'twos': true,
+ 'ulaw': true
+ },
+ video: {
+ 'avc1': true,
+ 'avc2': true,
+ 'avc3': true,
+ 'avc4': true,
+ 'avcp': true,
+ 'drac': true,
+ 'dvav': true,
+ 'dvhe': true,
+ 'encv': true,
+ 'hev1': true,
+ 'hvc1': true,
+ 'mjp2': true,
+ 'mp4v': true,
+ 'mvc1': true,
+ 'mvc2': true,
+ 'mvc3': true,
+ 'mvc4': true,
+ 'resv': true,
+ 'rv60': true,
+ 's263': true,
+ 'svc1': true,
+ 'svc2': true,
+ 'vc-1': true,
+ 'vp08': true,
+ 'vp09': true
+ }
+};
-exports.default = SubtitleTrackController;
+function isCodecType(codec, type) {
+ var typeCodes = sampleEntryCodesISO[type];
+ return !!typeCodes && typeCodes[codec.slice(0, 4)] === true;
+}
-},{"34":34,"35":35,"53":53}],16:[function(_dereq_,module,exports){
-'use strict';
+function isCodecSupportedInMp4(codec, type) {
+ return MediaSource.isTypeSupported((type || 'video') + '/mp4;codecs="' + codec + '"');
+}
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
+// CONCATENATED MODULE: ./src/loader/playlist-loader.js
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);
+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; }
-var _eventHandler = _dereq_(34);
+function playlist_loader__classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-var _eventHandler2 = _interopRequireDefault(_eventHandler);
+/**
+ * Playlist Loader
+*/
-var _cea608Parser = _dereq_(49);
-var _cea608Parser2 = _interopRequireDefault(_cea608Parser);
-var _webvttParser = _dereq_(57);
-var _webvttParser2 = _interopRequireDefault(_webvttParser);
-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; } /*
- * Timeline Controller
- */
+// 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;
-function clearCurrentCues(track) {
- if (track && track.cues) {
- while (track.cues.length > 0) {
- track.removeCue(track.cues[0]);
- }
- }
-}
+var LEVEL_PLAYLIST_REGEX_FAST = new RegExp([/#EXTINF:\s*(\d*(?:\.\d+)?)(?:,(.*)\s+)?/.source, // duration (#EXTINF:<duration>,<title>), group 1 => duration, group 2 => title
+/|(?!#)(\S+)/.source, // segment URI, group 3 => the URI (note newline is not eaten)
+/|#EXT-X-BYTERANGE:*(.+)/.source, // next segment's byterange, group 4 => range spec (x@y)
+/|#EXT-X-PROGRAM-DATE-TIME:(.+)/.source, // next segment's program date/time group 5 => the datetime spec
+/|#.*/.source // All other non-segment oriented tags will match with all groups empty
+].join(''), 'g');
-function reuseVttTextTrack(inUseTrack, manifestTrack) {
- return inUseTrack && inUseTrack.label === manifestTrack.name && !(inUseTrack.textTrack1 || inUseTrack.textTrack2);
-}
+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?/;
-function intersection(x1, x2, y1, y2) {
- return Math.min(x2, y2) - Math.max(x1, y1);
-}
+var playlist_loader_LevelKey = function () {
+ function LevelKey() {
+ playlist_loader__classCallCheck(this, LevelKey);
-var TimelineController = function (_EventHandler) {
- _inherits(TimelineController, _EventHandler);
+ this.method = null;
+ this.key = null;
+ this.iv = null;
+ this._uri = null;
+ }
- function TimelineController(hls) {
- _classCallCheck(this, TimelineController);
+ _createClass(LevelKey, [{
+ key: 'uri',
+ get: function get() {
+ if (!this._uri && this.reluri) {
+ this._uri = url_toolkit_default.a.buildAbsoluteURL(this.baseuri, this.reluri, { alwaysNormalize: true });
+ }
+ return this._uri;
+ }
+ }]);
- 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));
+ return LevelKey;
+}();
- _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 = [];
+var playlist_loader_Fragment = function () {
+ function Fragment() {
+ playlist_loader__classCallCheck(this, Fragment);
- 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);
- };
+ this._url = null;
+ this._byteRange = null;
+ this._decryptdata = null;
+ this.tagList = [];
+ }
- 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);
+ /**
+ * Utility method for parseLevelPlaylist to create an initialization vector for a given segment
+ * @returns {Uint8Array}
+ */
+ Fragment.prototype.createInitializationVector = function createInitializationVector(segmentNumber) {
+ var uint8View = new Uint8Array(16);
- sendAddTrackEvent(self.textTrack1, self.media);
- }
- }
- self.addCues('textTrack1', startTime, endTime, screen);
- }
- };
+ for (var i = 12; i < 16; i++) {
+ uint8View[i] = segmentNumber >> 8 * (15 - i) & 0xff;
+ }
- 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);
+ return uint8View;
+ };
- sendAddTrackEvent(self.textTrack2, self.media);
- }
- }
- self.addCues('textTrack2', startTime, endTime, screen);
- }
- };
+ /**
+ * 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
+ */
- _this.cea608Parser = new _cea608Parser2.default(0, channel1, channel2);
- }
- return _this;
- }
- _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);
- }
+ Fragment.prototype.fragmentDecryptdataFromLevelkey = function fragmentDecryptdataFromLevelkey(levelkey, segmentNumber) {
+ var decryptdata = levelkey;
- // Triggered when an initial PTS is found; used for synchronisation of WebVTT.
+ if (levelkey && levelkey.method && levelkey.uri && !levelkey.iv) {
+ decryptdata = new playlist_loader_LevelKey();
+ decryptdata.method = levelkey.method;
+ decryptdata.baseuri = levelkey.baseuri;
+ decryptdata.reluri = levelkey.reluri;
+ decryptdata.iv = this.createInitializationVector(segmentNumber);
+ }
- }, {
- key: 'onInitPtsFound',
- value: function onInitPtsFound(data) {
- var _this2 = this;
+ return decryptdata;
+ };
- if (typeof this.initPTS === 'undefined') {
- this.initPTS = data.initPTS;
- }
+ Fragment.prototype.cloneObj = function cloneObj(obj) {
+ return JSON.parse(JSON.stringify(obj));
+ };
- // 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: '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;
- }
- }
+ _createClass(Fragment, [{
+ key: 'url',
+ get: function get() {
+ if (!this._url && this.relurl) {
+ this._url = url_toolkit_default.a.buildAbsoluteURL(this.baseurl, this.relurl, { alwaysNormalize: true });
}
- return null;
+ return this._url;
+ },
+ set: function set(value) {
+ this._url = value;
}
}, {
- key: 'createTextTrack',
- value: function createTextTrack(kind, label, lang) {
- var media = this.media;
- if (media) {
- return media.addTextTrack(kind, label, lang);
+ key: 'programDateTime',
+ get: function get() {
+ if (!this._programDateTime && this.rawProgramDateTime) {
+ this._programDateTime = new Date(Date.parse(this.rawProgramDateTime));
}
+ return this._programDateTime;
}
}, {
- 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: '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: '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: '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 : [];
-
- 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: '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();
- }
- }
- 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;
-
- // 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 {
- // In case there is no payload, finish unsuccessfully.
- this.hls.trigger(_events2.default.SUBTITLE_FRAG_PROCESSED, { success: false, frag: frag });
- }
- }
+ key: 'byteRangeStartOffset',
+ get: function get() {
+ return this.byteRange[0];
}
}, {
- 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: 'byteRangeEndOffset',
+ get: function get() {
+ return this.byteRange[1];
}
}, {
- 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;
- }
-
- if (ccValid) {
- if (ccType === 0) // || ccType === 1
- {
- actualCCBytes.push(ccbyte1);
- actualCCBytes.push(ccbyte2);
- }
- }
+ key: 'decryptdata',
+ get: function get() {
+ if (!this._decryptdata) {
+ this._decryptdata = this.fragmentDecryptdataFromLevelkey(this.levelkey, this.sn);
}
- return actualCCBytes;
+ return this._decryptdata;
}
}]);
- 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);
+ return Fragment;
+}();
- this.subtle = subtle;
- this.aesIV = iv;
+function findGroup(groups, mediaGroupId) {
+ if (!groups) {
+ return null;
}
- _createClass(AESCrypto, [{
- key: 'decrypt',
- value: function decrypt(data, key) {
- return this.subtle.decrypt({ name: 'AES-CBC', iv: this.aesIV }, key, data);
- }
- }]);
-
- return AESCrypto;
-}();
+ var matchingGroup = null;
-exports.default = AESCrypto;
+ for (var i = 0; i < groups.length; i++) {
+ var group = groups[i];
+ if (group.id === mediaGroupId) {
+ matchingGroup = group;
+ }
+ }
-},{}],18:[function(_dereq_,module,exports){
-'use strict';
+ return matchingGroup;
+}
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
+var playlist_loader_PlaylistLoader = function (_EventHandler) {
+ _inherits(PlaylistLoader, _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 PlaylistLoader(hls) {
+ playlist_loader__classCallCheck(this, PlaylistLoader);
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+ var _this = _possibleConstructorReturn(this, _EventHandler.call(this, hls, events["a" /* default */].MANIFEST_LOADING, events["a" /* default */].LEVEL_LOADING, events["a" /* default */].AUDIO_TRACK_LOADING, events["a" /* default */].SUBTITLE_TRACK_LOADING));
-var AESDecryptor = function () {
- function AESDecryptor() {
- _classCallCheck(this, AESDecryptor);
+ _this.loaders = {};
+ return _this;
+ }
- // 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);
+ PlaylistLoader.prototype.destroy = function destroy() {
+ for (var loaderName in this.loaders) {
+ var loader = this.loaders[loaderName];
+ if (loader) {
+ loader.destroy();
+ }
+ }
+ this.loaders = {};
+ event_handler.prototype.destroy.call(this);
+ };
- // Changes during runtime
- this.key = new Uint32Array(0);
+ PlaylistLoader.prototype.onManifestLoading = function onManifestLoading(data) {
+ this.load(data.url, { type: 'manifest' });
+ };
- this.initTable();
- }
+ PlaylistLoader.prototype.onLevelLoading = function onLevelLoading(data) {
+ this.load(data.url, { type: 'level', level: data.level, id: data.id });
+ };
- // Using view.getUint32() also swaps the byte order.
+ PlaylistLoader.prototype.onAudioTrackLoading = function onAudioTrackLoading(data) {
+ this.load(data.url, { type: 'audioTrack', id: data.id });
+ };
+ PlaylistLoader.prototype.onSubtitleTrackLoading = function onSubtitleTrackLoading(data) {
+ this.load(data.url, { type: 'subtitleTrack', id: data.id });
+ };
- _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);
+ PlaylistLoader.prototype.load = function load(url, context) {
+ var loader = this.loaders[context.type];
+ if (loader !== undefined) {
+ var loaderContext = loader.context;
+ if (loaderContext && loaderContext.url === url) {
+ logger["b" /* logger */].trace('playlist request ongoing');
+ return;
+ } else {
+ logger["b" /* logger */].warn('abort previous loader for type:' + context.type);
+ loader.abort();
}
- 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;
- }
- }
-
- 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;
-
- // 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 {
- x = x2 ^ d[d[d[x8 ^ x2]]];
- xi ^= d[d[xi]];
- }
- }
+ var config = this.hls.config,
+ maxRetry = void 0,
+ timeout = void 0,
+ retryDelay = void 0,
+ maxRetryDelay = void 0;
+ if (context.type === 'manifest') {
+ maxRetry = config.manifestLoadingMaxRetry;
+ timeout = config.manifestLoadingTimeOut;
+ retryDelay = config.manifestLoadingRetryDelay;
+ maxRetryDelay = config.manifestLoadingMaxRetryTimeout;
+ } else if (context.type === 'level') {
+ // Disable internal loader retry logic, since we are managing retries in Level Controller
+ maxRetry = 0;
+ timeout = config.levelLoadingTimeOut;
+ } else {
+ // TODO Introduce retry settings for audio-track and subtitle-track, it should not use level retry config
+ maxRetry = config.levelLoadingMaxRetry;
+ timeout = config.levelLoadingTimeOut;
+ retryDelay = config.levelLoadingRetryDelay;
+ maxRetryDelay = config.levelLoadingMaxRetryTimeout;
+ logger["b" /* logger */].log('loading playlist for ' + context.type + ' ' + (context.level || context.id));
}
- }, {
- 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++;
- }
+ loader = this.loaders[context.type] = context.loader = typeof config.pLoader !== 'undefined' ? new config.pLoader(config) : new config.loader(config);
+ context.url = url;
+ context.responseType = '';
- if (sameKey) {
- return;
- }
-
- this.key = key;
- var keySize = this.keySize = key.length;
-
- if (keySize !== 4 && keySize !== 6 && keySize !== 8) {
- throw new Error('Invalid aes key size=' + keySize);
- }
-
- var ksRows = this.ksRows = (keySize + 6 + 1) * 4;
- var ksRow = void 0;
- var invKsRow = void 0;
+ var loaderConfig = void 0,
+ loaderCallbacks = void 0;
+ loaderConfig = { timeout: timeout, maxRetry: maxRetry, 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);
+ };
- var keySchedule = this.keySchedule = new Uint32Array(ksRows);
- var invKeySchedule = this.invKeySchedule = new Uint32Array(ksRows);
- var sbox = this.sBox;
- var rcon = this.rcon;
+ PlaylistLoader.prototype.resolve = function resolve(url, baseUrl) {
+ return url_toolkit_default.a.buildAbsoluteURL(baseUrl, url, { alwaysNormalize: true });
+ };
- var invSubMix = this.invSubMix;
- var invSubMix0 = invSubMix[0];
- var invSubMix1 = invSubMix[1];
- var invSubMix2 = invSubMix[2];
- var invSubMix3 = invSubMix[3];
+ PlaylistLoader.prototype.parseMasterPlaylist = function parseMasterPlaylist(string, baseurl) {
+ var levels = [],
+ result = void 0;
+ MASTER_PLAYLIST_REGEX.lastIndex = 0;
- var prev = void 0;
- var t = void 0;
+ function setCodecs(codecs, level) {
+ ['video', 'audio'].forEach(function (type) {
+ var filtered = codecs.filter(function (codec) {
+ return isCodecType(codec, type);
+ });
+ if (filtered.length) {
+ var preferred = filtered.filter(function (codec) {
+ return codec.lastIndexOf('avc1', 0) === 0 || codec.lastIndexOf('mp4a', 0) === 0;
+ });
+ level[type + 'Codec'] = preferred.length > 0 ? preferred[0] : filtered[0];
- for (ksRow = 0; ksRow < ksRows; ksRow++) {
- if (ksRow < keySize) {
- prev = keySchedule[ksRow] = key[ksRow];
- continue;
+ // remove from list
+ codecs = codecs.filter(function (codec) {
+ return filtered.indexOf(codec) === -1;
+ });
}
- t = prev;
+ });
- if (ksRow % keySize === 0) {
- // Rot word
- t = t << 8 | t >>> 24;
+ level.unknownCodecs = codecs;
+ }
- // Sub word
- t = sbox[t >>> 24] << 24 | sbox[t >>> 16 & 0xff] << 16 | sbox[t >>> 8 & 0xff] << 8 | sbox[t & 0xff];
+ while ((result = MASTER_PLAYLIST_REGEX.exec(string)) != null) {
+ var level = {};
- // 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 attrs = level.attrs = new attr_list(result[1]);
+ level.url = this.resolve(result[2], baseurl);
- keySchedule[ksRow] = prev = (keySchedule[ksRow - keySize] ^ t) >>> 0;
+ 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;
- for (invKsRow = 0; invKsRow < ksRows; invKsRow++) {
- ksRow = ksRows - invKsRow;
- if (invKsRow & 3) {
- t = keySchedule[ksRow];
- } else {
- t = keySchedule[ksRow - 4];
- }
+ setCodecs([].concat((attrs.CODECS || '').split(/[ ,]+/)), level);
- 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]];
- }
-
- invKeySchedule[invKsRow] = invKeySchedule[invKsRow] >>> 0;
+ if (level.videoCodec && level.videoCodec.indexOf('avc1') !== -1) {
+ level.videoCodec = this.avc1toavcoti(level.videoCodec);
}
- }
-
- // Adding this as a method greatly improves performance.
- }, {
- key: 'networkToHostOrderSwap',
- value: function networkToHostOrderSwap(word) {
- return word << 24 | (word & 0xff00) << 8 | (word & 0xff0000) >> 8 | word >>> 24;
- }
- }, {
- key: 'decrypt',
- value: function decrypt(inputArrayBuffer, offset, aesIV) {
- var nRounds = this.keySize + 6;
- var invKeySchedule = this.invKeySchedule;
- var invSBOX = this.invSBox;
-
- var invSubMix = this.invSubMix;
- var invSubMix0 = invSubMix[0];
- var invSubMix1 = invSubMix[1];
- var invSubMix2 = invSubMix[2];
- var invSubMix3 = invSubMix[3];
-
- var initVector = this.uint8ArrayToUint32Array_(aesIV);
- var initVector0 = initVector[0];
- var initVector1 = initVector[1];
- var initVector2 = initVector[2];
- var initVector3 = initVector[3];
-
- var inputInt32 = new Int32Array(inputArrayBuffer);
- var outputInt32 = new Int32Array(inputInt32.length);
-
- 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;
-
- var ksRow, i;
- var swapWord = this.networkToHostOrderSwap;
-
- 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;
+ levels.push(level);
}
- }, {
- key: 'destroy',
- value: function destroy() {
- this.key = undefined;
- this.keySize = undefined;
- this.ksRows = undefined;
+ return levels;
+ };
- this.sBox = undefined;
- this.invSBox = undefined;
- this.subMix = undefined;
- this.invSubMix = undefined;
- this.keySchedule = undefined;
- this.invKeySchedule = undefined;
+ PlaylistLoader.prototype.parseMasterPlaylistMedia = function parseMasterPlaylistMedia(string, baseurl, type) {
+ var audioGroups = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
- this.rcon = undefined;
+ var result = void 0;
+ var medias = [];
+ var id = 0;
+ MASTER_PLAYLIST_MEDIA_REGEX.lastIndex = 0;
+ while ((result = MASTER_PLAYLIST_MEDIA_REGEX.exec(string)) !== null) {
+ var media = {};
+ var attrs = new attr_list(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;
+ }
+ if (audioGroups.length) {
+ var groupCodec = findGroup(audioGroups, media.groupId);
+ media.audioCodec = groupCodec ? groupCodec.codec : audioGroups[0].codec;
+ }
+ media.id = id++;
+ medias.push(media);
+ }
}
- }]);
-
- return AESDecryptor;
-}();
-
-exports.default = AESDecryptor;
-
-},{}],19:[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 _aesCrypto = _dereq_(17);
-
-var _aesCrypto2 = _interopRequireDefault(_aesCrypto);
-
-var _fastAesKey = _dereq_(20);
-
-var _fastAesKey2 = _interopRequireDefault(_fastAesKey);
-
-var _aesDecryptor = _dereq_(18);
-
-var _aesDecryptor2 = _interopRequireDefault(_aesDecryptor);
-
-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"); } }
+ return medias;
+ };
-/*globals self: false */
+ PlaylistLoader.prototype.avc1toavcoti = 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;
+ };
-var Decrypter = function () {
- function Decrypter(observer, config) {
- _classCallCheck(this, Decrypter);
+ PlaylistLoader.prototype.parseLevelPlaylist = 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 playlist_loader_LevelKey(),
+ cc = 0,
+ prevFrag = null,
+ frag = new playlist_loader_Fragment(),
+ result,
+ i;
- 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;
- }
+ LEVEL_PLAYLIST_REGEX_FAST.lastIndex = 0;
+
+ 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);
- _createClass(Decrypter, [{
- key: 'isSync',
- value: function isSync() {
- return this.disableWebCrypto && this.config.enableSoftwareAES;
- }
- }, {
- key: 'decrypt',
- value: function decrypt(data, key, iv, callback) {
- var _this = this;
+ level.fragments.push(frag);
+ prevFrag = frag;
+ totalduration += frag.duration;
- if (this.disableWebCrypto && this.config.enableSoftwareAES) {
- if (this.logEnabled) {
- _logger.logger.log('JS AES decrypt');
- this.logEnabled = false;
+ frag = new playlist_loader_Fragment();
}
- var decryptor = this.decryptor;
- if (!decryptor) {
- this.decryptor = decryptor = new _aesDecryptor2.default();
+ } 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]);
+ if (level.programDateTime === undefined) {
+ level.programDateTime = new Date(new Date(Date.parse(result[5])) - 1000 * totalduration);
}
- 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);
- });
+ result = result[0].match(LEVEL_PLAYLIST_REGEX_SLOW);
+ for (i = 1; i < result.length; i++) {
+ if (result[i] !== undefined) {
+ break;
+ }
+ }
+
+ // 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 attr_list(decryptparams);
+ var decryptmethod = keyAttrs.enumeratedString('METHOD'),
+ decrypturi = keyAttrs.URI,
+ decryptiv = keyAttrs.hexadecimalInteger('IV');
+ if (decryptmethod) {
+ levelkey = new playlist_loader_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 attr_list(startParams);
+ var startTimeOffset = startAttrs.decimalFloatingPoint('TIME-OFFSET');
+ //TIME-OFFSET can be 0
+ if (!isNaN(startTimeOffset)) {
+ level.startTimeOffset = startTimeOffset;
+ }
+ break;
+ case 'MAP':
+ var mapAttrs = new attr_list(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 playlist_loader_Fragment();
+ break;
+ default:
+ logger["b" /* logger */].warn('line parsed but not handled: ' + result);
+ break;
+ }
}
}
- }, {
- 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);
+ 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;
+ level.startCC = level.fragments[0] ? level.fragments[0].cc : 0;
+ level.endCC = cc;
+ return level;
+ };
+
+ PlaylistLoader.prototype.loadsuccess = function loadsuccess(response, stats, context) {
+ var networkDetails = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
+
+ 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(events["a" /* default */].MANIFEST_LOADED, { levels: [{ url: url, details: levelDetails }], audioTracks: [], url: url, stats: stats, networkDetails: networkDetails });
+ }
+ stats.tparsed = performance.now();
+ if (levelDetails.targetduration) {
+ if (isLevel) {
+ hls.trigger(events["a" /* default */].LEVEL_LOADED, { details: levelDetails, level: level || 0, id: id || 0, stats: stats, networkDetails: networkDetails });
+ } else {
+ if (type === 'audioTrack') {
+ hls.trigger(events["a" /* default */].AUDIO_TRACK_LOADED, { details: levelDetails, id: id, stats: stats, networkDetails: networkDetails });
+ } else if (type === 'subtitleTrack') {
+ hls.trigger(events["a" /* default */].SUBTITLE_TRACK_LOADED, { details: levelDetails, id: id, stats: stats, networkDetails: networkDetails });
+ }
+ }
+ } else {
+ hls.trigger(events["a" /* default */].ERROR, { type: errors["b" /* ErrorTypes */].NETWORK_ERROR, details: errors["a" /* ErrorDetails */].MANIFEST_PARSING_ERROR, fatal: true, url: url, reason: 'invalid targetduration', networkDetails: networkDetails });
+ }
} 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: 'destroy',
- value: function destroy() {
- var decryptor = this.decryptor;
- if (decryptor) {
- decryptor.destroy();
- this.decryptor = undefined;
+ var levels = this.parseMasterPlaylist(string, url);
+ // multi level playlist, parse level info
+ if (levels.length) {
+ var audioGroups = levels.map(function (l) {
+ return { id: l.attrs.AUDIO, codec: l.audioCodec };
+ });
+ var audioTracks = this.parseMasterPlaylistMedia(string, url, 'AUDIO', audioGroups);
+ 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["b" /* logger */].log('audio codec signaled in quality level, but no embedded audio track signaled, create one');
+ audioTracks.unshift({ type: 'main', name: 'main' });
+ }
+ }
+ hls.trigger(events["a" /* default */].MANIFEST_LOADED, { levels: levels, audioTracks: audioTracks, subtitles: subtitles, url: url, stats: stats, networkDetails: networkDetails });
+ } else {
+ hls.trigger(events["a" /* default */].ERROR, { type: errors["b" /* ErrorTypes */].NETWORK_ERROR, details: errors["a" /* ErrorDetails */].MANIFEST_PARSING_ERROR, fatal: true, url: url, reason: 'no level found in manifest', networkDetails: networkDetails });
+ }
}
+ } else {
+ hls.trigger(events["a" /* default */].ERROR, { type: errors["b" /* ErrorTypes */].NETWORK_ERROR, details: errors["a" /* ErrorDetails */].MANIFEST_PARSING_ERROR, fatal: true, url: url, reason: 'no EXTM3U delimiter', networkDetails: networkDetails });
}
- }]);
-
- return Decrypter;
-}();
-
-exports.default = Decrypter;
-
-},{"17":17,"18":18,"20":20,"33":33,"53":53}],20:[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"); } }
+ PlaylistLoader.prototype.loaderror = function loaderror(response, context) {
+ var networkDetails = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-var FastAESKey = function () {
- function FastAESKey(subtle, key) {
- _classCallCheck(this, FastAESKey);
+ var details,
+ fatal,
+ loader = context.loader;
+ switch (context.type) {
+ case 'manifest':
+ details = errors["a" /* ErrorDetails */].MANIFEST_LOAD_ERROR;
+ fatal = true;
+ break;
+ case 'level':
+ details = errors["a" /* ErrorDetails */].LEVEL_LOAD_ERROR;
+ fatal = false;
+ break;
+ case 'audioTrack':
+ details = errors["a" /* ErrorDetails */].AUDIO_TRACK_LOAD_ERROR;
+ fatal = false;
+ break;
+ }
+ if (loader) {
+ loader.abort();
+ this.loaders[context.type] = undefined;
+ }
+ this.hls.trigger(events["a" /* default */].ERROR, { type: errors["b" /* ErrorTypes */].NETWORK_ERROR, details: details, fatal: fatal, url: loader.url, loader: loader, response: response, context: context, networkDetails: networkDetails });
+ };
- this.subtle = subtle;
- this.key = key;
- }
+ PlaylistLoader.prototype.loadtimeout = function loadtimeout(stats, context) {
+ var networkDetails = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
- _createClass(FastAESKey, [{
- key: 'expandKey',
- value: function expandKey() {
- return this.subtle.importKey('raw', this.key, { name: 'AES-CBC' }, false, ['encrypt', 'decrypt']);
+ var details,
+ fatal,
+ loader = context.loader;
+ switch (context.type) {
+ case 'manifest':
+ details = errors["a" /* ErrorDetails */].MANIFEST_LOAD_TIMEOUT;
+ fatal = true;
+ break;
+ case 'level':
+ details = errors["a" /* ErrorDetails */].LEVEL_LOAD_TIMEOUT;
+ fatal = false;
+ break;
+ case 'audioTrack':
+ details = errors["a" /* ErrorDetails */].AUDIO_TRACK_LOAD_TIMEOUT;
+ fatal = false;
+ break;
}
- }]);
-
- return FastAESKey;
-}();
+ if (loader) {
+ loader.abort();
+ this.loaders[context.type] = undefined;
+ }
+ this.hls.trigger(events["a" /* default */].ERROR, { type: errors["b" /* ErrorTypes */].NETWORK_ERROR, details: details, fatal: fatal, url: loader.url, loader: loader, context: context, networkDetails: networkDetails });
+ };
-exports.default = FastAESKey;
+ return PlaylistLoader;
+}(event_handler);
-},{}],21:[function(_dereq_,module,exports){
-'use strict';
+/* harmony default export */ var playlist_loader = (playlist_loader_PlaylistLoader);
+// CONCATENATED MODULE: ./src/loader/fragment-loader.js
+function fragment_loader__classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
+function fragment_loader__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 _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
- */
+function fragment_loader__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 _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 }; }
+var fragment_loader_FragmentLoader = function (_EventHandler) {
+ fragment_loader__inherits(FragmentLoader, _EventHandler);
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+ function FragmentLoader(hls) {
+ fragment_loader__classCallCheck(this, FragmentLoader);
-var AACDemuxer = function () {
- function AACDemuxer(observer, remuxer, config) {
- _classCallCheck(this, AACDemuxer);
+ var _this = fragment_loader__possibleConstructorReturn(this, _EventHandler.call(this, hls, events["a" /* default */].FRAG_LOADING));
- this.observer = observer;
- this.config = config;
- this.remuxer = remuxer;
+ _this.loaders = {};
+ return _this;
}
- _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',
-
-
- // 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 {
- break;
- }
- }
- this.remuxer.remux(track, { 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 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;
- }
- }
+ FragmentLoader.prototype.destroy = function destroy() {
+ var loaders = this.loaders;
+ for (var loaderName in loaders) {
+ var loader = loaders[loaderName];
+ if (loader) {
+ loader.destroy();
}
- return false;
}
- }]);
-
- return AACDemuxer;
-}();
-
-exports.default = AACDemuxer;
-
-},{"22":22,"27":27,"53":53}],22:[function(_dereq_,module,exports){
-'use strict';
-
-var _logger = _dereq_(53);
+ this.loaders = {};
+ event_handler.prototype.destroy.call(this);
+ };
-var _errors = _dereq_(33);
+ FragmentLoader.prototype.onFragLoading = function onFragLoading(data) {
+ var frag = data.frag,
+ type = frag.type,
+ loader = this.loaders[type],
+ config = this.hls.config;
-/**
- * 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;
+ frag.loaded = 0;
+ if (loader) {
+ logger["b" /* logger */].warn('abort previous fragment loader for type:' + type);
+ loader.abort();
}
- 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;
- }
- // 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 };
- }
-};
+ loader = this.loaders[type] = frag.loader = typeof config.fLoader !== 'undefined' ? new config.fLoader(config) : new config.loader(config);
-module.exports = ADTS;
+ 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);
+ };
-},{"33":33,"53":53}],23:[function(_dereq_,module,exports){
-'use strict';
+ FragmentLoader.prototype.loadsuccess = function loadsuccess(response, stats, context) {
+ var networkDetails = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
+ var payload = response.data,
+ frag = context.frag;
+ // detach fragment loader on load success
+ frag.loader = undefined;
+ this.loaders[frag.type] = undefined;
+ this.hls.trigger(events["a" /* default */].FRAG_LOADED, { payload: payload, frag: frag, stats: stats, networkDetails: networkDetails });
+ };
-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, ...)
- */
+ FragmentLoader.prototype.loaderror = function loaderror(response, context) {
+ var networkDetails = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-var _events = _dereq_(35);
+ var loader = context.loader;
+ if (loader) {
+ loader.abort();
+ }
+ this.loaders[context.type] = undefined;
+ this.hls.trigger(events["a" /* default */].ERROR, { type: errors["b" /* ErrorTypes */].NETWORK_ERROR, details: errors["a" /* ErrorDetails */].FRAG_LOAD_ERROR, fatal: false, frag: context.frag, response: response, networkDetails: networkDetails });
+ };
-var _events2 = _interopRequireDefault(_events);
+ FragmentLoader.prototype.loadtimeout = function loadtimeout(stats, context) {
+ var networkDetails = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-var _errors = _dereq_(33);
+ var loader = context.loader;
+ if (loader) {
+ loader.abort();
+ }
+ this.loaders[context.type] = undefined;
+ this.hls.trigger(events["a" /* default */].ERROR, { type: errors["b" /* ErrorTypes */].NETWORK_ERROR, details: errors["a" /* ErrorDetails */].FRAG_LOAD_TIMEOUT, fatal: false, frag: context.frag, networkDetails: networkDetails });
+ };
-var _decrypter = _dereq_(19);
+ // data will be used for progressive parsing
-var _decrypter2 = _interopRequireDefault(_decrypter);
-var _aacdemuxer = _dereq_(21);
+ FragmentLoader.prototype.loadprogress = function loadprogress(stats, context, data) {
+ var networkDetails = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
+ // jshint ignore:line
+ var frag = context.frag;
+ frag.loaded = stats.loaded;
+ this.hls.trigger(events["a" /* default */].FRAG_LOAD_PROGRESS, { frag: frag, stats: stats, networkDetails: networkDetails });
+ };
-var _aacdemuxer2 = _interopRequireDefault(_aacdemuxer);
+ return FragmentLoader;
+}(event_handler);
-var _mp4demuxer = _dereq_(29);
+/* harmony default export */ var fragment_loader = (fragment_loader_FragmentLoader);
+// CONCATENATED MODULE: ./src/loader/key-loader.js
+function key_loader__classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-var _mp4demuxer2 = _interopRequireDefault(_mp4demuxer);
+function key_loader__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 _tsdemuxer = _dereq_(32);
+function key_loader__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 _tsdemuxer2 = _interopRequireDefault(_tsdemuxer);
+/*
+ * Decrypt key Loader
+*/
-var _mp3demuxer = _dereq_(28);
-var _mp3demuxer2 = _interopRequireDefault(_mp3demuxer);
-var _mp4Remuxer = _dereq_(45);
-var _mp4Remuxer2 = _interopRequireDefault(_mp4Remuxer);
-var _passthroughRemuxer = _dereq_(46);
-var _passthroughRemuxer2 = _interopRequireDefault(_passthroughRemuxer);
+var key_loader_KeyLoader = function (_EventHandler) {
+ key_loader__inherits(KeyLoader, _EventHandler);
-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 KeyLoader(hls) {
+ key_loader__classCallCheck(this, KeyLoader);
-var DemuxerInline = function () {
- function DemuxerInline(observer, typeSupported, config, vendor) {
- _classCallCheck(this, DemuxerInline);
+ var _this = key_loader__possibleConstructorReturn(this, _EventHandler.call(this, hls, events["a" /* default */].KEY_LOADING));
- this.observer = observer;
- this.typeSupported = typeSupported;
- this.config = config;
- this.vendor = vendor;
+ _this.loaders = {};
+ _this.decryptkey = null;
+ _this.decrypturl = null;
+ return _this;
}
- _createClass(DemuxerInline, [{
- key: 'destroy',
- value: function destroy() {
- var demuxer = this.demuxer;
- if (demuxer) {
- demuxer.destroy();
- }
- }
- }, {
- 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: '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;
- }
- 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);
+ KeyLoader.prototype.destroy = function destroy() {
+ for (var loaderName in this.loaders) {
+ var loader = this.loaders[loaderName];
+ if (loader) {
+ loader.destroy();
}
- demuxer.append(data, timeOffset, contiguous, accurateTimeOffset);
}
- }]);
-
- return DemuxerInline;
-}();
-
-exports.default = DemuxerInline;
-
-},{"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';
+ this.loaders = {};
+ event_handler.prototype.destroy.call(this);
+ };
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
+ KeyLoader.prototype.onKeyLoading = 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;
-var _demuxerInline = _dereq_(23);
+ if (loader) {
+ logger["b" /* 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 _demuxerInline2 = _interopRequireDefault(_demuxerInline);
+ 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(events["a" /* default */].KEY_LOADED, { frag: frag });
+ }
+ };
-var _events = _dereq_(35);
+ KeyLoader.prototype.loadsuccess = 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(events["a" /* default */].KEY_LOADED, { frag: frag });
+ };
-var _events2 = _interopRequireDefault(_events);
+ KeyLoader.prototype.loaderror = function loaderror(response, context) {
+ var frag = context.frag,
+ loader = frag.loader;
+ if (loader) {
+ loader.abort();
+ }
+ this.loaders[context.type] = undefined;
+ this.hls.trigger(events["a" /* default */].ERROR, { type: errors["b" /* ErrorTypes */].NETWORK_ERROR, details: errors["a" /* ErrorDetails */].KEY_LOAD_ERROR, fatal: false, frag: frag, response: response });
+ };
-var _logger = _dereq_(53);
+ KeyLoader.prototype.loadtimeout = function loadtimeout(stats, context) {
+ var frag = context.frag,
+ loader = frag.loader;
+ if (loader) {
+ loader.abort();
+ }
+ this.loaders[context.type] = undefined;
+ this.hls.trigger(events["a" /* default */].ERROR, { type: errors["b" /* ErrorTypes */].NETWORK_ERROR, details: errors["a" /* ErrorDetails */].KEY_LOAD_TIMEOUT, fatal: false, frag: frag });
+ };
-var _events3 = _dereq_(1);
+ return KeyLoader;
+}(event_handler);
-var _events4 = _interopRequireDefault(_events3);
+/* harmony default export */ var key_loader = (key_loader_KeyLoader);
+// CONCATENATED MODULE: ./src/utils/binary-search.js
+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;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+ while (minIndex <= maxIndex) {
+ currentIndex = (minIndex + maxIndex) / 2 | 0;
+ currentElement = list[currentIndex];
-/* 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 comparisonResult = comparisonFunction(currentElement);
+ if (comparisonResult > 0) {
+ minIndex = currentIndex + 1;
+ } else if (comparisonResult < 0) {
+ maxIndex = currentIndex - 1;
+ } else {
+ return currentElement;
+ }
+ }
-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];
+ return null;
}
+};
- observer.emit.apply(observer, [event, event].concat(data));
- };
+/* harmony default export */ var binary_search = (BinarySearch);
+// CONCATENATED MODULE: ./src/helper/buffer-helper.js
+/**
+ * Buffer Helper utils, providing methods dealing buffer length retrieval
+*/
- 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];
+var BufferHelper = {
+ isBuffered: function isBuffered(media, position) {
+ try {
+ 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;
+ }
+ }
+ }
+ } catch (error) {
+ // this is to catch
+ // InvalidStateError: Failed to read the 'buffered' property from 'SourceBuffer':
+ // This SourceBuffer has been removed from the parent media source
}
+ return false;
+ },
- 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');
+ bufferInfo: function bufferInfo(media, pos, maxHoleDuration) {
+ try {
+ 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) });
}
- // 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;
+ return this.bufferedInfo(buffered, pos, maxHoleDuration);
+ }
+ } catch (error) {
+ // this is to catch
+ // InvalidStateError: Failed to read the 'buffered' property from 'SourceBuffer':
+ // This SourceBuffer has been removed from the parent media source
}
- });
+ return { len: 0, start: pos, end: pos, nextStart: undefined };
+ },
- // 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);
+ bufferedInfo: function bufferedInfo(buffered, pos, maxHoleDuration) {
+ var buffered2 = [],
- // 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;
+ // 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]);
+ }
+ } else {
+ // first value
+ buffered2.push(buffered[i]);
+ }
}
- if (data.data2) {
- message.data2 = data.data2.buffer;
- transferable.push(data.data2.buffer);
- delete data.data2;
+ 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;
+ }
}
- self.postMessage(message, transferable);
- });
+ return { len: bufferLen, start: bufferStart, end: bufferEnd, nextStart: bufferStartNext };
+ }
};
-exports.default = DemuxerWorker;
+/* harmony default export */ var buffer_helper = (BufferHelper);
+// EXTERNAL MODULE: ./src/demux/demuxer-inline.js + 12 modules
+var demuxer_inline = __webpack_require__(7);
-},{"1":1,"23":23,"35":35,"53":53}],25:[function(_dereq_,module,exports){
-'use strict';
+// EXTERNAL MODULE: ./node_modules/events/events.js
+var events_events = __webpack_require__(5);
+var events_default = /*#__PURE__*/__webpack_require__.n(events_events);
-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; }; }();
+// EXTERNAL MODULE: ./node_modules/webworkify-webpack/index.js
+var webworkify_webpack = __webpack_require__(9);
+var webworkify_webpack_default = /*#__PURE__*/__webpack_require__.n(webworkify_webpack);
-var _events = _dereq_(35);
-
-var _events2 = _interopRequireDefault(_events);
+// CONCATENATED MODULE: ./src/helper/mediasource-helper.js
+/**
+ * MediaSource helper
+ */
-var _demuxerInline = _dereq_(23);
+function getMediaSource() {
+ if (typeof window !== 'undefined') {
+ return window.MediaSource || window.WebKitMediaSource;
+ }
+}
+// CONCATENATED MODULE: ./src/demux/demuxer.js
+function demuxer__classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-var _demuxerInline2 = _interopRequireDefault(_demuxerInline);
-var _demuxerWorker = _dereq_(24);
-var _demuxerWorker2 = _interopRequireDefault(_demuxerWorker);
-var _logger = _dereq_(53);
-var _errors = _dereq_(33);
-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_MediaSource = getMediaSource();
-var Demuxer = function () {
+var demuxer_Demuxer = function () {
function Demuxer(hls, id) {
- _classCallCheck(this, Demuxer);
+ demuxer__classCallCheck(this, Demuxer);
this.hls = hls;
this.id = id;
// observer setup
- var observer = this.observer = new _events4.default();
+ var observer = this.observer = new events_default.a();
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++) {
@@ -21184,7526 +21261,5122 @@ var Demuxer = function () {
}.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);
+ observer.on(events["a" /* default */].FRAG_DECRYPTED, forwardMessage);
+ observer.on(events["a" /* default */].FRAG_PARSING_INIT_SEGMENT, forwardMessage);
+ observer.on(events["a" /* default */].FRAG_PARSING_DATA, forwardMessage);
+ observer.on(events["a" /* default */].FRAG_PARSED, forwardMessage);
+ observer.on(events["a" /* default */].ERROR, forwardMessage);
+ observer.on(events["a" /* default */].FRAG_PARSING_METADATA, forwardMessage);
+ observer.on(events["a" /* default */].FRAG_PARSING_USERDATA, forwardMessage);
+ observer.on(events["a" /* default */].INIT_PTS_FOUND, forwardMessage);
var typeSupported = {
- mp4: MediaSource.isTypeSupported('video/mp4'),
- mpeg: MediaSource.isTypeSupported('audio/mpeg'),
- mp3: MediaSource.isTypeSupported('audio/mp4; codecs="mp3"')
+ mp4: demuxer_MediaSource.isTypeSupported('video/mp4'),
+ mpeg: demuxer_MediaSource.isTypeSupported('audio/mpeg'),
+ mp3: demuxer_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');
+ logger["b" /* logger */].log('demuxing in webworker');
var w = void 0;
try {
- var work = _dereq_(3);
- w = this.w = work(_demuxerWorker2.default);
+ w = this.w = webworkify_webpack_default()(/*require.resolve*/(10));
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 + ')' } });
+ hls.trigger(events["a" /* default */].ERROR, { type: errors["b" /* ErrorTypes */].OTHER_ERROR, details: errors["a" /* 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');
+ logger["b" /* 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.demuxer = new demuxer_inline["a" /* default */](observer, typeSupported, config, vendor);
this.w = undefined;
}
} else {
- this.demuxer = new _demuxerInline2.default(observer, typeSupported, config, vendor);
+ this.demuxer = new demuxer_inline["a" /* default */](observer, typeSupported, config, vendor);
}
}
- _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;
+ Demuxer.prototype.destroy = 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: '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);
- }
- }
+ var observer = this.observer;
+ if (observer) {
+ observer.removeAllListeners();
+ this.observer = null;
}
- }, {
- 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;
+ };
+
+ Demuxer.prototype.push = 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["b" /* logger */].log(this.id + ':discontinuity detected');
+ }
+ if (trackSwitch) {
+ logger["b" /* logger */].log(this.id + ':switch detected');
+ }
+ this.frag = frag;
+ if (w) {
+ // post fragment payload as transferable objects for ArrayBuffer (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 instanceof ArrayBuffer ? [data] : []);
+ } else {
+ var demuxer = this.demuxer;
+ if (demuxer) {
+ demuxer.push(data, decryptdata, initSegment, audioCodec, videoCodec, timeOffset, discontinuity, trackSwitch, contiguous, duration, accurateTimeOffset, defaultInitPTS);
}
}
- }]);
+ };
+
+ Demuxer.prototype.onWorkerMessage = 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 events["a" /* 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 Demuxer;
}();
-exports.default = Demuxer;
-
-},{"1":1,"23":23,"24":24,"3":3,"33":33,"35":35,"53":53}],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; }; }(); /**
- * Parser for exponential Golomb codes, a variable-bitwidth number encoding scheme used by h264.
- */
-
-var _logger = _dereq_(53);
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-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
-
+/* harmony default export */ var demux_demuxer = (demuxer_Demuxer);
+// CONCATENATED MODULE: ./src/helper/level-helper.js
+/**
+ * Level Helper class, providing methods dealing with playlist sliding and drift
+*/
- _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');
- }
- 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;
- }
- // (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;
+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["b" /* logger */].warn('negative duration computed for frag ' + fragFrom.sn + ',level ' + fragFrom.level + ', there should be some duration drift between playlist and fragment!');
}
- }
-
- // (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;
+ } else {
+ fragTo.duration = fragFrom.start - fragToPTS;
+ if (fragTo.duration < 0) {
+ logger["b" /* logger */].warn('negative duration computed for frag ' + fragTo.sn + ',level ' + fragTo.level + ', there should be some duration drift between playlist and fragment!');
}
}
-
- // ():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;
- }
- }
- // we exhausted word and still have not found a 1
- this.loadWord();
- return leadingZeroCount + this.skipLZ();
+ } 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);
}
+ }
+}
- // ():void
+function updateFragPTSDTS(details, frag, startPTS, endPTS, startDTS, endDTS) {
+ // update frag PTS/DTS
+ var maxStartPTS = startPTS;
+ 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);
+ }
+ maxStartPTS = Math.max(startPTS, frag.startPTS);
+ 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.maxStartPTS = maxStartPTS;
+ frag.endPTS = endPTS;
+ frag.startDTS = startDTS;
+ frag.endDTS = endDTS;
+ frag.duration = endPTS - startPTS;
+
+ 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;
+ // update frag reference in fragments array
+ // rationale is that fragments array might not contain this frag object.
+ // this will happpen if playlist has been refreshed between frag loading and call to updateFragPTSDTS()
+ // if we don't update frag, we won't be able to propagate PTS info on the playlist
+ // resulting in invalid sliding computation
+ fragments[fragIdx] = frag;
+ // adjust fragment PTS/duration from seqnum-1 to frag 0
+ for (i = fragIdx; i > 0; i--) {
+ updatePTS(fragments, i, i - 1);
+ }
- }, {
- key: 'skipUEG',
- value: function skipUEG() {
- this.skipBits(1 + this.skipLZ());
- }
+ // adjust fragment PTS/duration from seqnum to last frag
+ for (i = fragIdx; i < fragments.length - 1; i++) {
+ updatePTS(fragments, i, i + 1);
+ }
+ details.PTSKnown = true;
+ //logger.log(` frag start/end:${startPTS.toFixed(3)}/${endPTS.toFixed(3)}`);
- // ():void
+ return drift;
+}
- }, {
- key: 'skipEG',
- value: function skipEG() {
- this.skipBits(1 + this.skipLZ());
+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;
+ }
}
+ }
- // ():uint
-
- }, {
- key: 'readUEG',
- value: function readUEG() {
- var clz = this.skipLZ(); // :uint
- return this.readBits(clz + 1) - 1;
+ if (ccOffset) {
+ logger["b" /* logger */].log('discontinuity sliding from playlist, take drift into account');
+ for (i = 0; i < newfragments.length; i++) {
+ newfragments[i].cc += ccOffset;
}
+ }
- // ():int
-
- }, {
- 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
+ // if at least one fragment contains PTS info, recompute PTS information for all fragments
+ if (PTSFrag) {
+ 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;
+}
+// CONCATENATED MODULE: ./src/utils/timeRanges.js
+/**
+ * TimeRanges to string helper
+ */
- // Some convenience functions
- // :Boolean
-
- }, {
- key: 'readBoolean',
- value: function readBoolean() {
- return 1 === this.readBits(1);
+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;
+ }
+};
- // ():int
+/* harmony default export */ var timeRanges = (TimeRanges);
+// CONCATENATED MODULE: ./src/utils/discontinuities.js
- }, {
- key: 'readUByte',
- value: function readUByte() {
- return this.readBits(8);
- }
- // ():int
- }, {
- key: 'readUShort',
- value: function readUShort() {
- return this.readBits(16);
- }
- // ():int
+function findFirstFragWithCC(fragments, cc) {
+ var firstFrag = null;
- }, {
- key: 'readUInt',
- value: function readUInt() {
- return this.readBits(32);
+ for (var i = 0; i < fragments.length; i += 1) {
+ var currentFrag = fragments[i];
+ if (currentFrag && currentFrag.cc === cc) {
+ firstFrag = currentFrag;
+ break;
}
+ }
- /**
- * 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
- */
+ return firstFrag;
+}
- }, {
- 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;
- }
+function findFragWithCC(fragments, CC) {
+ return binary_search.search(fragments, function (candidate) {
+ if (candidate.cc < CC) {
+ return 1;
+ } else if (candidate.cc > CC) {
+ return -1;
+ } else {
+ return 0;
}
+ });
+}
- /**
- * 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);
-
- 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);
- }
- }
- }
- }
- }
- 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;
- }
- }
- }
- }
- 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();
+function shouldAlignOnDiscontinuities(lastFrag, lastLevel, details) {
+ var shouldAlign = false;
+ if (lastLevel && lastLevel.details && details) {
+ if (details.endCC > details.startCC || lastFrag && lastFrag.cc < details.startCC) {
+ shouldAlign = true;
}
- }]);
-
- return ExpGolomb;
-}();
-
-exports.default = ExpGolomb;
-
-},{"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; }; }(); /**
- * ID3 parser
- */
-
-
-var _logger = _dereq_(53);
+ }
+ return shouldAlign;
+}
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+// Find the first frag in the previous level which matches the CC of the first frag of the new level
+function findDiscontinuousReferenceFrag(prevDetails, curDetails) {
+ var prevFrags = prevDetails.fragments;
+ var curFrags = curDetails.fragments;
-//import Hex from '../utils/hex';
+ if (!curFrags.length || !prevFrags.length) {
+ logger["b" /* logger */].log('No fragments to align');
+ return;
+ }
-var ID3 = function () {
- function ID3(data) {
- _classCallCheck(this, ID3);
+ var prevStartFrag = findFirstFragWithCC(prevFrags, curFrags[0].cc);
- 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}`);
-
- // 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);
+ if (!prevStartFrag || prevStartFrag && !prevStartFrag.startPTS) {
+ logger["b" /* logger */].log('No frag in previous level to align on');
+ return;
}
- _createClass(ID3, [{
- key: 'readUTF',
- value: function readUTF(data, start, len) {
+ return prevStartFrag;
+}
- var result = '',
- offset = start,
- end = start + len;
- do {
- result += String.fromCharCode(data[offset++]);
- } while (offset < end);
- return result;
+function adjustPts(sliding, details) {
+ details.fragments.forEach(function (frag) {
+ if (frag) {
+ var start = frag.start + sliding;
+ frag.start = frag.startPTS = start;
+ frag.endPTS = start + frag.duration;
}
- }, {
- 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;
+ });
+ details.PTSKnown = true;
+}
- 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;
- }
- }
+// If a change in CC is detected, the PTS can no longer be relied upon
+// Attempt to align the level by using the last level - find the last frag matching the current CC and use it's PTS
+// as a reference
+function alignDiscontinuities(lastFrag, lastLevel, details) {
+ if (shouldAlignOnDiscontinuities(lastFrag, lastLevel, details)) {
+ var referenceFrag = findDiscontinuousReferenceFrag(lastLevel.details, details);
+ if (referenceFrag) {
+ logger["b" /* logger */].log('Adjusting PTS using last level due to CC increase within current level');
+ adjustPts(referenceFrag.start, details);
+ }
+ }
+ // try to align using programDateTime attribute (if available)
+ if (details.PTSKnown === false && lastLevel && lastLevel.details) {
+ // if last level sliding is 1000 and its first frag PROGRAM-DATE-TIME is 2017-08-20 1:10:00 AM
+ // and if new details first frag PROGRAM DATE-TIME is 2017-08-20 1:10:08 AM
+ // then we can deduce that playlist B sliding is 1000+8 = 1008s
+ var lastPDT = lastLevel.details.programDateTime;
+ var newPDT = details.programDateTime;
+ // date diff is in ms. frag.start is in seconds
+ var sliding = (newPDT - lastPDT) / 1000 + lastLevel.details.fragments[0].start;
+ if (!isNaN(sliding)) {
+ logger["b" /* logger */].log('adjusting PTS using programDateTime delta, sliding:' + sliding.toFixed(3));
+ adjustPts(sliding, details);
}
- }, {
- key: 'hasTimeStamp',
- get: function get() {
- return this._hasTimeStamp;
- }
- }, {
- key: 'timeStamp',
- get: function get() {
- return this._timeStamp;
- }
- }, {
- key: 'length',
- get: function get() {
- return this._length;
- }
- }, {
- key: 'payload',
- get: function get() {
- return this._payload;
- }
- }]);
-
- return ID3;
-}();
-
-exports.default = ID3;
-
-},{"53":53}],28:[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; }; }(); /**
- * MP3 demuxer
- */
-
-
-var _id = _dereq_(27);
-
-var _id2 = _interopRequireDefault(_id);
-
-var _mpegaudio = _dereq_(30);
-
-var _mpegaudio2 = _interopRequireDefault(_mpegaudio);
-
-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"); } }
+ }
+}
+// CONCATENATED MODULE: ./src/controller/stream-controller.js
+var stream_controller__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 MP3Demuxer = function () {
- function MP3Demuxer(observer, remuxer, config) {
- _classCallCheck(this, MP3Demuxer);
+function stream_controller__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;
- }
+function stream_controller__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(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',
+function stream_controller__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
+*/
- // 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;
- }
- }
- _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 false;
- }
- }]);
- return MP3Demuxer;
-}();
-exports.default = MP3Demuxer;
-},{"27":27,"30":30}],29:[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 _events = _dereq_(35);
-var _events2 = _interopRequireDefault(_events);
+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'
+};
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var stream_controller_StreamController = function (_EventHandler) {
+ stream_controller__inherits(StreamController, _EventHandler);
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+ function StreamController(hls) {
+ stream_controller__classCallCheck(this, StreamController);
-var MP4Demuxer = function () {
- function MP4Demuxer(observer, remuxer) {
- _classCallCheck(this, MP4Demuxer);
+ var _this = stream_controller__possibleConstructorReturn(this, _EventHandler.call(this, hls, events["a" /* default */].MEDIA_ATTACHED, events["a" /* default */].MEDIA_DETACHING, events["a" /* default */].MANIFEST_LOADING, events["a" /* default */].MANIFEST_PARSED, events["a" /* default */].LEVEL_LOADED, events["a" /* default */].KEY_LOADED, events["a" /* default */].FRAG_LOADED, events["a" /* default */].FRAG_LOAD_EMERGENCY_ABORTED, events["a" /* default */].FRAG_PARSING_INIT_SEGMENT, events["a" /* default */].FRAG_PARSING_DATA, events["a" /* default */].FRAG_PARSED, events["a" /* default */].ERROR, events["a" /* default */].AUDIO_TRACK_SWITCHING, events["a" /* default */].AUDIO_TRACK_SWITCHED, events["a" /* default */].BUFFER_CREATED, events["a" /* default */].BUFFER_APPENDED, events["a" /* default */].BUFFER_FLUSHED));
- this.observer = observer;
- this.remuxer = remuxer;
+ _this.config = hls.config;
+ _this.audioCodecSwap = false;
+ _this.ticks = 0;
+ _this._state = State.STOPPED;
+ _this.ontick = _this.tick.bind(_this);
+ 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 };
+ StreamController.prototype.destroy = function destroy() {
+ this.stopLoad();
+ if (this.timer) {
+ clearInterval(this.timer);
+ this.timer = null;
+ }
+ event_handler.prototype.destroy.call(this);
+ this.state = State.STOPPED;
+ };
+
+ StreamController.prototype.startLoad = function startLoad(startPosition) {
+ if (this.levels) {
+ var lastCurrentTime = this.lastCurrentTime,
+ hls = this.hls;
+ this.stopLoad();
+ if (!this.timer) {
+ this.timer = setInterval(this.ontick, 100);
}
- if (initData.video) {
- tracks.video = { container: 'video/mp4', codec: videoCodec, initSegment: initSegment };
+ 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["b" /* logger */].log('override startPosition with lastCurrentTime @' + lastCurrentTime.toFixed(3));
+ startPosition = lastCurrentTime;
}
- this.observer.trigger(_events2.default.FRAG_PARSING_INIT_SEGMENT, { tracks: tracks });
+ this.state = State.IDLE;
+ this.nextLoadPosition = this.startPosition = this.lastCurrentTime = startPosition;
+ this.tick();
+ } else {
+ this.forceStartLoad = true;
+ this.state = State.STOPPED;
}
- }, {
- 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: '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;
+ StreamController.prototype.stopLoad = function stopLoad() {
+ var frag = this.fragCurrent;
+ if (frag) {
+ if (frag.loader) {
+ frag.loader.abort();
}
- return false;
- }
- }, {
- key: 'bin2str',
- value: function bin2str(buffer) {
- return String.fromCharCode.apply(null, buffer);
+ this.fragCurrent = null;
}
- }, {
- 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;
+ this.fragPrevious = null;
+ if (this.demuxer) {
+ this.demuxer.destroy();
+ this.demuxer = null;
}
+ this.state = State.STOPPED;
+ this.forceStartLoad = false;
+ };
- // 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 {
- // 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;
+ StreamController.prototype.tick = function tick() {
+ this.ticks++;
+ if (this.ticks === 1) {
+ this.doTick();
+ if (this.ticks > 1) {
+ setTimeout(this.tick, 1);
}
-
- // we've finished searching all of data
- return results;
+ this.ticks = 0;
}
+ };
- /**
- * 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: '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 };
- }
- }
- }
+ StreamController.prototype.doTick = 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;
}
- });
- return result;
+ 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["b" /* 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();
+ };
- /**
- * 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;
+ // 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?
- // 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;
+ StreamController.prototype._doTickIdle = function _doTickIdle() {
+ var hls = this.hls,
+ config = hls.config,
+ media = this.media;
- // 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;
+ // if start level not parsed yet OR
+ // if video not attached AND start fragment already requested OR start frag prefetch disable
+ // exit loop, as we either need more info (level not parsed) or we need media to be attached to load new fragment
+ if (this.levelLastLoaded === undefined || !media && (this.startFragRequested || !config.startFragPrefetch)) {
+ return;
+ }
- // get the base media decode time from the tfdt
- baseTime = MP4Demuxer.findBox(traf, ['tfdt']).map(function (tfdt) {
- var version, result;
+ // 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];
- version = tfdt[0];
- result = MP4Demuxer.readUint32(tfdt, 4);
- if (version === 1) {
- result *= Math.pow(2, 32);
+ if (!levelInfo) {
+ return;
+ }
- result += MP4Demuxer.readUint32(tfdt, 8);
- }
- return result;
- })[0];
- baseTime = baseTime || Infinity;
+ var levelBitrate = levelInfo.bitrate,
+ maxBufLen = void 0;
- // convert base time to seconds
- return baseTime / scale;
- });
- }));
-
- // return the minimum
- result = Math.min.apply(null, baseTimes);
- return isFinite(result) ? result : 0;
+ // 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;
}
- }]);
-
- return MP4Demuxer;
-}();
+ maxBufLen = Math.min(maxBufLen, config.maxMaxBufferLength);
-exports.default = MP4Demuxer;
+ // determine next candidate fragment to be loaded, based on current position and end of buffer position
+ // ensure up to `config.maxMaxBufferLength` of buffer upfront
-},{"35":35}],30:[function(_dereq_,module,exports){
-'use strict';
+ var bufferInfo = buffer_helper.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 _logger = _dereq_(53);
+ // if buffer length is less than maxBufLen try to load a new fragment ...
+ logger["b" /* logger */].trace('buffer length of ' + bufferLen.toFixed(3) + ' is below max of ' + maxBufLen.toFixed(3) + '. checking for more payload ...');
-var MpegAudio = {
+ // set next load level : this will trigger a playlist load if needed
+ this.level = hls.nextLoadLevel = level;
- onFrame: function onFrame(track, data, bitRate, sampleRate, channelCount, frameIndex, pts) {
- var frameDuration = 1152 * 90000 / sampleRate;
- var stamp = pts + frameIndex * frameDuration;
+ 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 (levelDetails === undefined || levelDetails.live === true && this.levelLastLoaded !== level) {
+ this.state = State.WAITING_LEVEL;
+ return;
+ }
- track.config = [];
- track.channelCount = channelCount;
- track.samplerate = sampleRate;
- track.samples.push({ unit: data, pts: stamp, dts: stamp });
- track.len += data.length;
- },
+ // we just got done loading the final fragment and there is no other buffered range after ...
+ // rationale is that in case there are any buffered ranges after, it means that there are unbuffered portion in between
+ // so we should not switch to ENDED in that case, to be able to buffer them
+ // dont switch to ENDED if we need to backtrack last fragment
+ var fragPrevious = this.fragPrevious;
+ if (!levelDetails.live && fragPrevious && !fragPrevious.backtracked && fragPrevious.sn === levelDetails.endSN && !bufferInfo.nextStart) {
+ // 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(events["a" /* default */].BUFFER_EOS, data);
+ this.state = State.ENDED;
+ return;
+ }
+ }
- onNoise: function onNoise(data) {
- _logger.logger.warn('mpeg audio has noise: ' + data.length + ' bytes');
- },
+ // 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);
+ };
- 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];
+ StreamController.prototype._fetchPayloadOrEos = function _fetchPayloadOrEos(pos, bufferInfo, levelDetails) {
+ var fragPrevious = this.fragPrevious,
+ level = this.level,
+ fragments = levelDetails.fragments,
+ fragLen = fragments.length;
- 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;
- }
+ // empty playlist
+ if (fragLen === 0) {
+ return;
+ }
- this.onFrame(track, data.subarray(start, start + frameLength), bitRate, sampleRate, channelCount, frameIndex, pts);
+ // 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;
- return frameLength;
- }
+ 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["b" /* logger */].warn('Can not start playback of a level, reason: not enough fragments ' + fragLen + ' < ' + initialLiveManifestSize);
+ return;
}
- // 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++;
+ 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;
}
- 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;
+ } else {
+ // VoD playlist: if bufferEnd before start of playlist, load first fragment
+ if (bufferEnd < start) {
+ frag = fragments[0];
}
+ }
}
-}; /**
- * 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 }; }
+ if (!frag) {
+ frag = this._findFragment(start, fragPrevious, fragLen, fragments, bufferEnd, end, levelDetails);
+ }
+ if (frag) {
+ this._loadFragmentOrKey(frag, level, levelDetails, pos, bufferEnd);
+ }
+ return;
+ };
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+ StreamController.prototype._ensureFragmentAtLivePoint = function _ensureFragmentAtLivePoint(levelDetails, bufferEnd, start, end, fragPrevious, fragments, fragLen) {
+ var config = this.hls.config,
+ media = this.media;
-var SampleAesDecrypter = function () {
- function SampleAesDecrypter(observer, config, decryptdata, discardEPB) {
- _classCallCheck(this, SampleAesDecrypter);
+ var frag = void 0;
- this.decryptdata = decryptdata;
- this.discardEPB = discardEPB;
- this.decrypter = new _decrypter2.default(observer, config);
- }
+ // 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;
- _createClass(SampleAesDecrypter, [{
- key: 'decryptBuffer',
- value: function decryptBuffer(encryptedData, callback) {
- this.decrypter.decrypt(encryptedData, this.decryptdata.key.buffer, this.decryptdata.iv.buffer, callback);
+ if (bufferEnd < Math.max(start - config.maxFragLookUpTolerance, end - maxLatency)) {
+ var liveSyncPosition = this.liveSyncPosition = this.computeLivePosition(start, levelDetails);
+ logger["b" /* 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.nextLoadPosition = liveSyncPosition;
}
- // AAC - encrypt all full 16 bytes blocks starting from offset 16
-
- }, {
- 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 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;
+ }
- if (!sync) {
- localthis.decryptAacSamples(samples, sampleIndex + 1, callback);
+ 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) {
+ var fragNext = fragments[targetSN - levelDetails.startSN];
+ if (fragPrevious.cc === fragNext.cc) {
+ frag = fragNext;
+ logger["b" /* logger */].log('live playlist, switching playlist, load frag with next SN: ' + frag.sn);
+ }
}
- });
- }
- }, {
- key: 'decryptAacSamples',
- value: function decryptAacSamples(samples, sampleIndex, callback) {
- for (;; sampleIndex++) {
- if (sampleIndex >= samples.length) {
- callback();
- return;
+ // next frag SN not available (or not with same continuity counter)
+ // look for a frag sharing the same CC
+ if (!frag) {
+ frag = binary_search.search(fragments, function (frag) {
+ return fragPrevious.cc - frag.cc;
+ });
+ if (frag) {
+ logger["b" /* logger */].log('live playlist, switching playlist, load frag with same CC: ' + frag.sn);
+ }
}
-
- if (samples[sampleIndex].unit.length < 32) {
- continue;
+ }
+ 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["b" /* logger */].log('live playlist, switching playlist, unknown, load middle frag : ' + frag.sn);
+ }
+ }
+ return frag;
+ };
+
+ StreamController.prototype._findFragment = 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 + (candidate.deltaPTS ? candidate.deltaPTS : 0));
+ 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;
+ };
- var sync = this.decrypter.isSync();
+ 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 = binary_search.search(fragments, fragmentWithinToleranceTest);
+ }
+ } 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 (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["b" /* 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["b" /* 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["b" /* 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["b" /* 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 if (curSNIdx) {
+ // can't backtrack on very first fragment
+ frag = null;
+ }
+ }
+ }
+ }
+ }
+ return frag;
+ };
- this.decryptAacSample(samples, sampleIndex, callback, sync);
+ StreamController.prototype._loadFragmentOrKey = function _loadFragmentOrKey(frag, level, levelDetails, pos, bufferEnd) {
+ var hls = this.hls,
+ config = hls.config;
- if (!sync) {
+ //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["b" /* logger */].log('Loading key for ' + frag.sn + ' of [' + levelDetails.startSN + ' ,' + levelDetails.endSN + '],level ' + level);
+ this.state = State.KEY_LOADING;
+ hls.trigger(events["a" /* default */].KEY_LOADING, { frag: frag });
+ } else {
+ logger["b" /* 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(events["a" /* default */].ERROR, { type: errors["b" /* ErrorTypes */].MEDIA_ERROR, details: errors["a" /* ErrorDetails */].FRAG_LOOP_LOADING_ERROR, fatal: false, frag: frag });
return;
}
+ } else {
+ frag.loadCounter = 1;
}
- }
+ frag.loadIdx = this.fragLoadIdx;
+ frag.autoLevel = hls.autoLevelEnabled;
+ frag.bitrateTest = this.bitrateTest;
- // 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);
+ this.fragCurrent = frag;
+ this.startFragRequested = true;
+ // Don't update nextLoadPosition for fragments which are not buffered
+ if (!isNaN(frag.sn) && !frag.bitrateTest) {
+ this.nextLoadPosition = frag.start + frag.duration;
}
- return encryptedData;
- }
- }, {
- 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);
+ hls.trigger(events["a" /* 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 demux_demuxer(hls, 'main');
}
- return decodedData;
+ this.state = State.FRAG_LOADING;
+ return;
}
- }, {
- 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;
+ };
- this.decryptBuffer(encryptedData.buffer, function (decryptedData) {
- curUnit.data = localthis.getAvcDecryptedUnit(decodedData, decryptedData);
+ StreamController.prototype.getBufferedFrag = function getBufferedFrag(position) {
+ return binary_search.search(this._bufferedFrags, function (frag) {
+ if (position < frag.startPTS) {
+ return -1;
+ } else if (position > frag.endPTS) {
+ return 1;
+ }
+ return 0;
+ });
+ };
- if (!sync) {
- localthis.decryptAvcSamples(samples, sampleIndex, unitIndex + 1, callback);
- }
- });
+ StreamController.prototype.followingBufferedFrag = function followingBufferedFrag(frag) {
+ if (frag) {
+ // try to get range of next fragment (500ms after this range)
+ return this.getBufferedFrag(frag.endPTS + 0.5);
}
- }, {
- 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();
-
- this.decryptAvcSample(samples, sampleIndex, unitIndex, callback, curUnit, sync);
+ return null;
+ };
- if (!sync) {
- return;
+ StreamController.prototype._checkFragmentChanged = 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 (buffer_helper.isBuffered(video, currentTime)) {
+ fragPlayingCurrent = this.getBufferedFrag(currentTime);
+ } else if (buffer_helper.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(events["a" /* default */].FRAG_CHANGED, { frag: fragPlaying });
+ var fragPlayingLevel = fragPlaying.level;
+ if (!this.fragPlaying || this.fragPlaying.level !== fragPlayingLevel) {
+ this.hls.trigger(events["a" /* default */].LEVEL_SWITCHED, { level: fragPlayingLevel });
}
+ this.fragPlaying = fragPlaying;
}
}
}
- }]);
-
- 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);
+ /*
+ on immediate level switch :
+ - pause playback if playing
+ - cancel any pending load request
+ - and trigger a buffer flush
+ */
- 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);
+ StreamController.prototype.immediateLevelSwitch = function immediateLevelSwitch() {
+ logger["b" /* logger */].log('immediateLevelSwitch');
+ if (!this.immediateSwitch) {
+ this.immediateSwitch = true;
+ var media = this.media,
+ previouslyPaused = void 0;
+ if (media) {
+ previouslyPaused = media.paused;
+ media.pause();
} else {
- this.sampleAes = null;
+ // don't restart playback after instant level switch in case media not attached
+ previouslyPaused = true;
}
+ this.previouslyPaused = previouslyPaused;
}
- }, {
- 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;
+ var fragCurrent = this.fragCurrent;
+ if (fragCurrent && fragCurrent.loader) {
+ fragCurrent.loader.abort();
}
- }, {
- key: 'resetTimeStamp',
- value: function resetTimeStamp() {}
+ this.fragCurrent = null;
+ // increase fragment load Index to avoid frag loop loading error after buffer flush
+ if (this.fragLoadIdx !== undefined) {
+ this.fragLoadIdx += 2 * this.config.fragLoadingLoopThreshold;
+ }
+ // flush everything
+ this.flushMainBuffer(0, Number.POSITIVE_INFINITY);
+ };
- // feed incoming data to the front of the parsing pipeline
+ /*
+ 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: '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' });
- }
+
+ StreamController.prototype.immediateLevelSwitchEnd = function immediateLevelSwitchEnd() {
+ var media = this.media;
+ if (media && media.buffered.length) {
+ this.immediateSwitch = false;
+ if (buffer_helper.isBuffered(media, media.currentTime)) {
+ // only nudge if currentTime is buffered
+ media.currentTime -= 0.0001;
}
- // 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 (!this.previouslyPaused) {
+ media.play();
}
+ }
+ };
- if (audioData && (pes = parsePES(audioData))) {
- if (audioTrack.isAAC) {
- parseAACPES(pes);
+ StreamController.prototype.nextLevelSwitch = 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;
+ if (this.fragLoadIdx !== undefined) {
+ // 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 {
- parseMPEGPES(pes);
+ fetchdelay = 0;
}
- audioTrack.pesData = null;
} else {
- if (audioData && audioData.size) {
- _logger.logger.log('last AAC PES packet truncated,might overlap between fragments');
+ 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;
+ // start flush position is the start PTS of next buffered frag.
+ // we use frag.naxStartPTS which is max(audio startPTS, video startPTS).
+ // in case there is a small PTS Delta between audio and video, using maxStartPTS avoids flushing last samples from current fragment
+ this.flushMainBuffer(nextBufferedFrag.maxStartPTS, Number.POSITIVE_INFINITY);
}
- // either audioData null or PES truncated, keep it for next frag parsing
- audioTrack.pesData = audioData;
}
+ }
+ };
- 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;
- }
+ StreamController.prototype.flushMainBuffer = 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(events["a" /* default */].BUFFER_FLUSHING, flushScope);
+ };
- 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);
- }
+ StreamController.prototype.onMediaAttached = 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: '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);
- }
+ };
+
+ StreamController.prototype.onMediaDetaching = function onMediaDetaching() {
+ var media = this.media;
+ if (media && media.ended) {
+ logger["b" /* logger */].log('MSE detaching and video ended, reset startPosition');
+ this.startPosition = this.lastCurrentTime = 0;
}
- }, {
- 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);
+
+ // 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;
+ });
+ }
+ });
+ }
+ // 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;
+ }
+ this.media = this.mediaBuffer = null;
+ this.loadedmetadata = false;
+ this.stopLoad();
+ };
+
+ StreamController.prototype.onMediaSeeking = function onMediaSeeking() {
+ var media = this.media,
+ currentTime = media ? media.currentTime : undefined,
+ config = this.config;
+ if (!isNaN(currentTime)) {
+ logger["b" /* logger */].log('media seeking to ' + currentTime.toFixed(3));
+ }
+ var mediaBuffer = this.mediaBuffer ? this.mediaBuffer : media;
+ var bufferInfo = buffer_helper.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["b" /* 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["b" /* 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;
}
- }, {
- key: 'destroy',
- value: function destroy() {
- this._initPTS = this._initDTS = undefined;
- this._duration = 0;
+ if (media) {
+ this.lastCurrentTime = currentTime;
}
- }, {
- 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);
+ // 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;
}
- }, {
- 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;
-
- // Packetized metadata (ID3)
- case 0x15:
- //logger.log('ID3 PID:' + pid);
- if (result.id3 === -1) {
- result.id3 = pid;
- }
- break;
-
- case 0xdb:
- // SAMPLE-AES AVC
- if (!isSampleAes) {
- _logger.logger.log('unkown stream type:' + data[offset]);
- break;
- }
- /* falls through */
+ // 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();
+ };
- // 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;
+ StreamController.prototype.onMediaSeeked = function onMediaSeeked() {
+ var media = this.media,
+ currentTime = media ? media.currentTime : undefined;
+ if (!isNaN(currentTime)) {
+ logger["b" /* logger */].log('media seeked to ' + currentTime.toFixed(3));
+ }
+ // tick to speed up FRAGMENT_PLAYING triggering
+ this.tick();
+ };
- // 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;
+ StreamController.prototype.onMediaEnded = function onMediaEnded() {
+ logger["b" /* logger */].log('media ended');
+ // reset startPosition and lastCurrentTime to restart playback @ stream beginning
+ this.startPosition = this.lastCurrentTime = 0;
+ };
- case 0x24:
- _logger.logger.warn('HEVC stream type found, not supported for now');
- break;
+ StreamController.prototype.onManifestLoading = function onManifestLoading() {
+ // reset buffer on manifest loading
+ logger["b" /* logger */].log('trigger BUFFER_RESET');
+ this.hls.trigger(events["a" /* default */].BUFFER_RESET);
+ this._bufferedFrags = [];
+ this.stalled = false;
+ this.startPosition = this.lastCurrentTime = 0;
+ };
- default:
- _logger.logger.log('unkown stream type:' + data[offset]);
- break;
+ StreamController.prototype.onManifestParsed = 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;
}
- // 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: '_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;
+ });
+ this.audioCodecSwitch = aac && heaac;
+ if (this.audioCodecSwitch) {
+ logger["b" /* logger */].log('both AAC/HE-AAC audio found in levels; declaring level codec as HE-AAC');
+ }
+ this.levels = data.levels;
+ this.startFragRequested = false;
+ var config = this.config;
+ if (config.autoStartLoad || this.forceStartLoad) {
+ this.hls.startLoad(config.startPosition);
+ }
+ };
+
+ StreamController.prototype.onLevelLoaded = function onLevelLoaded(data) {
+ var newDetails = data.details;
+ var newLevelId = data.level;
+ var lastLevel = this.levels[this.levelLastLoaded];
+ var curLevel = this.levels[newLevelId];
+ var duration = newDetails.totalduration;
+ var sliding = 0;
+
+ logger["b" /* logger */].log('level ' + newLevelId + ' loaded [' + newDetails.startSN + ',' + newDetails.endSN + '],duration:' + duration);
+
+ if (newDetails.live) {
+ var curDetails = curLevel.details;
+ if (curDetails && newDetails.fragments.length > 0) {
+ // we already have details for that level, merge them
+ mergeDetails(curDetails, newDetails);
+ sliding = newDetails.fragments[0].start;
+ this.liveSyncPosition = this.computeLivePosition(sliding, curDetails);
+ if (newDetails.PTSKnown && !isNaN(sliding)) {
+ logger["b" /* logger */].log('live playlist sliding:' + sliding.toFixed(3));
+ } else {
+ logger["b" /* logger */].log('live playlist - outdated PTS, unknown sliding');
+ alignDiscontinuities(this.fragPrevious, lastLevel, newDetails);
+ }
+ } else {
+ logger["b" /* logger */].log('live playlist - first load, unknown sliding');
+ newDetails.PTSKnown = false;
+ alignDiscontinuities(this.fragPrevious, lastLevel, newDetails);
}
-
- // 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;
+ } else {
+ newDetails.PTSKnown = false;
+ }
+ // override level info
+ curLevel.details = newDetails;
+ this.levelLastLoaded = newLevelId;
+ this.hls.trigger(events["a" /* 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["b" /* logger */].log('negative start time offset ' + startTimeOffset + ', count from end of last fragment');
+ startTimeOffset = sliding + duration + startTimeOffset;
}
- 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;
- }
+ logger["b" /* 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["b" /* logger */].log('configure startPosition to ' + this.startPosition);
} else {
- pesDts = pesPts;
+ this.startPosition = 0;
}
}
- pesHdrLen = frag[8];
- // 9 bytes : 6 bytes for PES header + 3 bytes for PES extension
- payloadStartOffset = pesHdrLen + 9;
-
- 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;
+ this.lastCurrentTime = this.startPosition;
+ }
+ this.nextLoadPosition = this.startPosition;
+ }
+ // 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();
+ };
+
+ StreamController.prototype.onKeyLoaded = function onKeyLoaded() {
+ if (this.state === State.KEY_LOADING) {
+ this.state = State.IDLE;
+ this.tick();
+ }
+ };
+
+ StreamController.prototype.onFragLoaded = 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["b" /* 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(events["a" /* 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(events["a" /* 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["b" /* 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 {
- // trim partial frag if PES header smaller than frag
- frag = frag.subarray(payloadStartOffset);
- len -= payloadStartOffset;
- payloadStartOffset = 0;
+ audioCodec = 'mp4a.40.5';
}
}
- pesData.set(frag, i);
- i += len;
}
- if (pesLen) {
- // payload size : remove PES header + PES extension
- pesLen -= pesHdrLen + 3;
+ this.pendingBuffering = true;
+ this.appended = false;
+ logger["b" /* logger */].log('Parsing ' + sn + ' of [' + details.startSN + ' ,' + details.endSN + '],level ' + level + ', cc ' + fragCurrent.cc);
+ var demuxer = this.demuxer;
+ if (!demuxer) {
+ demuxer = this.demuxer = new demux_demuxer(this.hls, 'main');
}
- return { data: pesData, pts: pesPts, dts: pesDts, len: pesLen };
- } else {
- return null;
+ // 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);
}
}
- }, {
- 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++;
+ this.fragLoadError = 0;
+ };
+
+ StreamController.prototype.onFragParsingInitSegment = 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["b" /* 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["b" /* 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(events["a" /* default */].BUFFER_CODECS, tracks);
+ // loop through tracks that are going to be provided to bufferController
+ for (trackName in tracks) {
+ track = tracks[trackName];
+ logger["b" /* 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(events["a" /* default */].BUFFER_APPENDING, { type: trackName, data: initSegment, parent: 'main', content: 'initSegment' });
}
}
- if (avcSample.debug.length) {
- _logger.logger.log(avcSample.pts + '/' + avcSample.dts + ':' + avcSample.debug);
- }
+ //trigger handler right now
+ this.tick();
}
- }, {
- 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;
-
- 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));
-
- // skip frameType
- expGolombDecoder.readUByte();
-
- var payloadType = 0;
- var payloadSize = 0;
- var endOfCaptions = false;
- var b = 0;
-
- 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());
- }
+ StreamController.prototype.onFragParsingData = function onFragParsingData(data) {
+ var _this2 = this;
- _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 + ' ';
+ 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["b" /* 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) {
+ var levelDetails = level.details;
+ if (levelDetails && frag.sn === levelDetails.startSN) {
+ logger["b" /* logger */].warn('missing video frame(s) on first frag, appending with gap');
+ } else {
+ logger["b" /* 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;
}
- break;
+ } else {
+ logger["b" /* 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;
}
- if (avcSample && push) {
- var _units = avcSample.units;
- _units.push(unit);
+ }
+
+ var drift = updateFragPTSDTS(level.details, frag, data.startPTS, data.endPTS, data.startDTS, data.endDTS),
+ hls = this.hls;
+ hls.trigger(events["a" /* 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(events["a" /* default */].BUFFER_APPENDING, { type: data.type, data: buffer, parent: 'main', content: 'data' });
}
});
- // if last PES packet, push samples
- if (last && avcSample) {
- this.pushAccesUnit(avcSample, track);
- this.avcSample = null;
- }
+ //trigger handler right now
+ this.tick();
}
- }, {
- key: '_createAVCSample',
- value: function _createAVCSample(key, pts, dts, debug) {
- return { key: key, pts: pts, dts: dts, units: [], debug: debug };
+ };
+
+ StreamController.prototype.onFragParsed = 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: '_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;
- }
- }
+ };
+
+ StreamController.prototype.onAudioTrackSwitching = 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["b" /* 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["b" /* 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(events["a" /* default */].BUFFER_FLUSHING, { startOffset: 0, endOffset: Number.POSITIVE_INFINITY, type: 'audio' });
+ hls.trigger(events["a" /* default */].AUDIO_TRACK_SWITCHED, { id: trackId });
+ this.altAudio = false;
+ }
+ };
+
+ StreamController.prototype.onAudioTrackSwitched = 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["b" /* logger */].log('switching on alternate audio, use video.buffered to schedule main fragment loading');
+ this.mediaBuffer = videoBuffer;
+ }
+ }
+ this.altAudio = altAudio;
+ this.tick();
+ };
+
+ StreamController.prototype.onBufferCreated = 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 {
- arr.push(data);
+ alternate = true;
}
}
- }, {
- 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;
+ if (alternate && mediaTrack) {
+ logger["b" /* logger */].log('alternate track found, use ' + name + '.buffered to schedule main fragment loading');
+ this.mediaBuffer = mediaTrack.buffer;
+ } else {
+ this.mediaBuffer = this.media;
}
- }, {
- 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;
+ };
+
+ StreamController.prototype.onBufferAppended = 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();
}
+ }
+ };
- 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;
+ StreamController.prototype._checkAppendedParsed = 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["b" /* logger */].log('main buffered : ' + timeRanges.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 buffer_helper.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(events["a" /* default */].FRAG_BUFFERED, { stats: stats, frag: frag, id: 'main' });
+ this.state = State.IDLE;
+ }
+ this.tick();
+ }
+ };
+
+ StreamController.prototype.onError = 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;
+ }
+ // 0.5 : tolerance needed as some browsers stalls playback before reaching buffered end
+ var mediaBuffered = !!this.media && buffer_helper.isBuffered(this.media, this.media.currentTime) && buffer_helper.isBuffered(this.media, this.media.currentTime + 0.5);
+
+ switch (data.details) {
+ case errors["a" /* ErrorDetails */].FRAG_LOAD_ERROR:
+ case errors["a" /* ErrorDetails */].FRAG_LOAD_TIMEOUT:
+ case errors["a" /* ErrorDetails */].KEY_LOAD_ERROR:
+ case errors["a" /* ErrorDetails */].KEY_LOAD_TIMEOUT:
+ if (!data.fatal) {
+ // keep retrying until the limit will be reached
+ if (this.fragLoadError + 1 <= this.config.fragLoadingMaxRetry) {
+ // exponential backoff capped to config.fragLoadingMaxRetryTimeout
+ var delay = Math.min(Math.pow(2, this.fragLoadError) * this.config.fragLoadingRetryDelay, this.config.fragLoadingMaxRetryTimeout);
+ // reset load counter to avoid frag loop loading error
+ frag.loadCounter = 0;
+ logger["b" /* 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.fragLoadError++;
+ this.state = State.FRAG_LOADING_WAITING_RETRY;
+ } else {
+ logger["b" /* logger */].error('mediaController: ' + data.details + ' reaches max retry, redispatch as fatal ...');
+ // switch error to fatal
+ data.fatal = true;
+ this.state = State.ERROR;
+ }
}
- // 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);
+ break;
+ case errors["a" /* 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 {
- // 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;
- }
+ // 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;
}
}
- // 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;
+ }
+ break;
+ case errors["a" /* ErrorDetails */].LEVEL_LOAD_ERROR:
+ case errors["a" /* ErrorDetails */].LEVEL_LOAD_TIMEOUT:
+ if (this.state !== State.ERROR) {
+ if (data.fatal) {
+ // if fatal error, stop processing
+ this.state = State.ERROR;
+ logger["b" /* logger */].warn('streamController: ' + data.details + ',switch to ' + this.state + ' state ...');
} else {
- // not enough byte to read unit type. let's read it on next PES parsing
- state = -1;
+ // 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;
+ }
}
- } 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;
+ break;
+ case errors["a" /* 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["b" /* logger */].warn('buffer full error also media.currentTime is not buffered, flush everything');
+ this.fragCurrent = null;
+ // flush everything
+ this.flushMainBuffer(0, Number.POSITIVE_INFINITY);
+ }
}
- }
- track.naluState = state;
- return units;
+ break;
+ default:
+ break;
}
+ };
- /**
- * remove Emulation Prevention bytes from a RBSP
- */
+ StreamController.prototype._reduceMaxBufferLength = 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["b" /* logger */].warn('main:reduce max buffer length to ' + config.maxMaxBufferLength + 's');
+ if (this.fragLoadIdx !== undefined) {
+ // increase fragment load Index to avoid frag loop loading error after buffer flush
+ this.fragLoadIdx += 2 * config.fragLoadingLoopThreshold;
+ }
+ }
+ };
- }, {
- 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;
+ StreamController.prototype._checkBuffer = function _checkBuffer() {
+ var media = this.media,
+ config = this.config;
+ // 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 = buffer_helper.isBuffered(mediaBuffer, startPosition),
+ firstbufferedPosition = buffered.start(0),
+ startNotBufferedButClose = !startPositionBuffered && Math.abs(startPosition - firstbufferedPosition) < config.maxSeekHole;
+ // if currentTime not matching with expected startPosition or startPosition not buffered but close to first buffered
+ if (currentTime !== startPosition || startNotBufferedButClose) {
+ logger["b" /* logger */].log('target start position:' + startPosition);
+ // if startPosition not buffered, let's seek to buffered.start(0)
+ if (startNotBufferedButClose) {
+ startPosition = firstbufferedPosition;
+ logger["b" /* logger */].log('target start position not buffered, seek to buffered.start(0) ' + startPosition);
+ }
+ logger["b" /* logger */].log('adjust currentTime from ' + currentTime + ' to ' + startPosition);
+ media.currentTime = startPosition;
+ }
+ } else if (this.immediateSwitch) {
+ this.immediateLevelSwitchEnd();
+ } else {
+ var bufferInfo = buffer_helper.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;
+
+ if (playheadMoving) {
+ // played moving, but was previously stalled => now not stuck anymore
+ if (this.stallReported) {
+ logger["b" /* 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 {
- i++;
+ // 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["b" /* logger */].warn('playback stalling in low buffer @' + currentTime);
+ hls.trigger(events["a" /* default */].ERROR, { type: errors["b" /* ErrorTypes */].MEDIA_ERROR, details: errors["a" /* 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["b" /* 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(events["a" /* default */].ERROR, { type: errors["b" /* ErrorTypes */].MEDIA_ERROR, details: errors["a" /* 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["b" /* logger */].warn('playback stalling in high buffer @' + currentTime);
+ hls.trigger(events["a" /* default */].ERROR, { type: errors["b" /* ErrorTypes */].MEDIA_ERROR, details: errors["a" /* 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["b" /* 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(events["a" /* default */].ERROR, { type: errors["b" /* ErrorTypes */].MEDIA_ERROR, details: errors["a" /* ErrorDetails */].BUFFER_NUDGE_ON_STALL, fatal: false });
+ } else {
+ logger["b" /* logger */].error('still stuck in high buffer @' + currentTime + ' after ' + config.nudgeMaxRetry + ', raise fatal error');
+ hls.trigger(events["a" /* default */].ERROR, { type: errors["b" /* ErrorTypes */].MEDIA_ERROR, details: errors["a" /* ErrorDetails */].BUFFER_STALLED_ERROR, fatal: true });
+ }
+ }
+ }
+ }
}
}
+ }
+ };
- // If no Emulation Prevention Bytes were found just return the original
- // array
- if (EPBPositions.length === 0) {
- return data;
- }
+ StreamController.prototype.onFragLoadEmergencyAborted = 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();
+ };
- // Create a new array to hold the NAL unit data
- newLength = length - EPBPositions.length;
- newData = new Uint8Array(newLength);
- var sourceIndex = 0;
+ StreamController.prototype.onBufferFlushed = 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 buffer_helper.isBuffered(media, (frag.startPTS + frag.endPTS) / 2);
+ });
- 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];
+ if (this.fragLoadIdx !== undefined) {
+ // 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;
+ };
+
+ StreamController.prototype.swapAudioCodec = function swapAudioCodec() {
+ this.audioCodecSwap = !this.audioCodecSwap;
+ };
+
+ StreamController.prototype.computeLivePosition = 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);
+ };
+
+ stream_controller__createClass(StreamController, [{
+ key: 'state',
+ set: function set(nextState) {
+ if (this.state !== nextState) {
+ var previousState = this.state;
+ this._state = nextState;
+ logger["b" /* logger */].log('main stream:' + previousState + '->' + nextState);
+ this.hls.trigger(events["a" /* default */].STREAM_STATE_TRANSITION, { previousState: previousState, nextState: nextState });
}
- return newData;
+ },
+ get: function get() {
+ return this._state;
}
}, {
- 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;
- } 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;
+ key: 'currentLevel',
+ get: function get() {
+ var media = this.media;
+ if (media) {
+ var frag = this.getBufferedFrag(media.currentTime);
+ if (frag) {
+ return frag.level;
}
}
- if (offset < len) {
- aacOverFlow = data.subarray(offset, len);
- //logger.log(`AAC: overflow detected:${len-offset}`);
- } else {
- aacOverFlow = null;
- }
- this.aacOverFlow = aacOverFlow;
- this.aacLastPTS = stamp;
+ return -1;
}
}, {
- key: '_parseMPEGPES',
- value: function _parseMPEGPES(pes) {
- _mpegaudio2.default.parse(this._audioTrack, pes.data, 0, pes.pts);
+ 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: '_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;
+ key: 'nextLevel',
+ get: function get() {
+ var frag = this.nextBufferedFrag;
+ if (frag) {
+ return frag.level;
} else {
- return false;
+ return -1;
}
}
+ }, {
+ key: 'liveSyncPosition',
+ get: function get() {
+ return this._liveSyncPosition;
+ },
+ set: function set(value) {
+ this._liveSyncPosition = value;
+ }
}]);
- return TSDemuxer;
-}();
+ return StreamController;
+}(event_handler);
-exports.default = TSDemuxer;
+/* harmony default export */ var stream_controller = (stream_controller_StreamController);
+// CONCATENATED MODULE: ./src/controller/level-controller.js
+var level_controller__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; }; }();
-},{"22":22,"26":26,"30":30,"31":31,"33":33,"35":35,"53":53}],33:[function(_dereq_,module,exports){
-'use strict';
+function level_controller__classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-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'
-};
+function level_controller__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 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'
-};
+function level_controller__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; }
-},{}],34:[function(_dereq_,module,exports){
-'use strict';
+/*
+ * Level Controller
+*/
-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; }; }(); /*
- *
- * All objects in the event handling chain should inherit from this class
- *
- */
-var _logger = _dereq_(53);
-var _errors = _dereq_(33);
-var _events = _dereq_(35);
-var _events2 = _interopRequireDefault(_events);
+var level_controller_LevelController = function (_EventHandler) {
+ level_controller__inherits(LevelController, _EventHandler);
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+ function LevelController(hls) {
+ level_controller__classCallCheck(this, LevelController);
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+ var _this = level_controller__possibleConstructorReturn(this, _EventHandler.call(this, hls, events["a" /* default */].MANIFEST_LOADED, events["a" /* default */].LEVEL_LOADED, events["a" /* default */].FRAG_LOADED, events["a" /* default */].ERROR));
-var EventHandler = function () {
- function EventHandler(hls) {
- _classCallCheck(this, EventHandler);
+ _this.canload = false;
+ _this.currentLevelIndex = null;
+ _this.manualLevelIndex = -1;
+ _this.timer = null;
+ return _this;
+ }
- this.hls = hls;
- this.onEvent = this.onEvent.bind(this);
+ LevelController.prototype.destroy = function destroy() {
+ this.cleanTimer();
+ this.manualLevelIndex = -1;
+ };
- for (var _len = arguments.length, events = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
- events[_key - 1] = arguments[_key];
+ LevelController.prototype.cleanTimer = function cleanTimer() {
+ if (this.timer !== null) {
+ clearTimeout(this.timer);
+ this.timer = null;
}
+ };
- this.handledEvents = events;
- this.useGenericHandler = true;
+ LevelController.prototype.startLoad = function startLoad() {
+ var levels = this._levels;
- this.registerListeners();
- }
+ this.canload = true;
+ this.levelRetryCount = 0;
- _createClass(EventHandler, [{
- key: 'destroy',
- value: function destroy() {
- this.unregisterListeners();
- }
- }, {
- key: 'isEventHandler',
- value: function isEventHandler() {
- return _typeof(this.handledEvents) === 'object' && this.handledEvents.length && typeof this.onEvent === 'function';
- }
- }, {
- 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: 'unregisterListeners',
- value: function unregisterListeners() {
- if (this.isEventHandler()) {
- this.handledEvents.forEach(function (event) {
- this.hls.off(event, this.onEvent);
- }.bind(this));
- }
+ // 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;
+ }
+ });
}
-
- /**
- * arguments: event (string), data (any)
- */
-
- }, {
- key: 'onEvent',
- value: function onEvent(event, data) {
- this.onEventGeneric(event, data);
+ // speed up live playlist refresh if timer exists
+ if (this.timer !== null) {
+ this.loadLevel();
}
- }, {
- 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 });
- }
- }
- }]);
-
- return EventHandler;
-}();
-
-exports.default = EventHandler;
-
-},{"33":33,"35":35,"53":53}],35:[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 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'
-};
+ LevelController.prototype.stopLoad = function stopLoad() {
+ this.canload = false;
+ };
-},{}],36:[function(_dereq_,module,exports){
-'use strict';
+ LevelController.prototype.onManifestLoaded = function onManifestLoaded(data) {
+ var levels = [];
+ var bitrateStart = void 0;
+ var levelSet = {};
+ var levelFromSet = null;
+ var videoCodecFound = false;
+ var audioCodecFound = false;
+ var chromeOrFirefox = /chrome|firefox/.test(navigator.userAgent.toLowerCase());
+ var audioTracks = [];
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
+ // regroup redundant levels together
+ data.levels.forEach(function (level) {
+ level.loadError = 0;
+ level.fragmentError = 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; }; }();
+ videoCodecFound = videoCodecFound || !!level.videoCodec;
+ audioCodecFound = audioCodecFound || !!level.audioCodec || !!(level.attrs && level.attrs.AUDIO);
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+ // erase audio codec info if browser does not support mp4a.40.34.
+ // demuxer will autodetect codec and fallback to mpeg/audio
+ if (chromeOrFirefox === true && level.audioCodec && level.audioCodec.indexOf('mp4a.40.34') !== -1) {
+ level.audioCodec = undefined;
+ }
-/**
- * AAC helper
- */
+ levelFromSet = levelSet[level.bitrate];
-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;
+ if (levelFromSet === undefined) {
+ level.url = [level.url];
+ level.urlId = 0;
+ levelSet[level.bitrate] = level;
+ levels.push(level);
+ } else {
+ levelFromSet.url.push(level.url);
}
- return null;
- }
- }]);
+ });
- return AAC;
-}();
+ // remove audio-only level if we also have levels with audio+video codecs signalled
+ if (videoCodecFound === true && audioCodecFound === true) {
+ levels = levels.filter(function (_ref) {
+ var videoCodec = _ref.videoCodec;
+ return !!videoCodec;
+ });
+ }
-exports.default = AAC;
+ // only keep levels with supported audio/video codecs
+ levels = levels.filter(function (_ref2) {
+ var audioCodec = _ref2.audioCodec,
+ videoCodec = _ref2.videoCodec;
-},{}],37:[function(_dereq_,module,exports){
-"use strict";
+ return (!audioCodec || isCodecSupportedInMp4(audioCodec)) && (!videoCodec || isCodecSupportedInMp4(videoCodec));
+ });
-/**
- * Buffer Helper utils, providing methods dealing buffer length retrieval
-*/
+ if (data.audioTracks) {
+ audioTracks = data.audioTracks.filter(function (track) {
+ return !track.audioCodec || isCodecSupportedInMp4(track.audioCodec, 'audio');
+ });
+ }
-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;
+ if (levels.length > 0) {
+ // 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["b" /* logger */].log('manifest loaded,' + levels.length + ' level(s) found, first bitrate:' + bitrateStart);
+ break;
}
}
+ this.hls.trigger(events["a" /* default */].MANIFEST_PARSED, {
+ levels: levels,
+ audioTracks: audioTracks,
+ firstLevel: this._firstLevel,
+ stats: data.stats,
+ audio: audioCodecFound,
+ video: videoCodecFound,
+ altAudio: audioTracks.length > 0
+ });
+ } else {
+ this.hls.trigger(events["a" /* default */].ERROR, {
+ type: errors["b" /* ErrorTypes */].MEDIA_ERROR,
+ details: errors["a" /* ErrorDetails */].MANIFEST_INCOMPATIBLE_CODECS_ERROR,
+ fatal: true,
+ url: this.hls.url,
+ reason: 'no level with compatible codecs found in manifest'
+ });
}
- return false;
- },
+ };
- 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) });
+ LevelController.prototype.setLevelInternal = 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
+ this.cleanTimer();
+ if (this.currentLevelIndex !== newLevel) {
+ logger["b" /* logger */].log('switching to level ' + newLevel);
+ this.currentLevelIndex = newLevel;
+ var levelProperties = levels[newLevel];
+ levelProperties.level = newLevel;
+ // LEVEL_SWITCH to be deprecated in next major release
+ hls.trigger(events["a" /* default */].LEVEL_SWITCH, levelProperties);
+ hls.trigger(events["a" /* 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(events["a" /* default */].LEVEL_LOADING, { url: level.url[urlId], level: newLevel, id: urlId });
}
- return this.bufferedInfo(buffered, pos, maxHoleDuration);
} else {
- return { len: 0, start: pos, end: pos, nextStart: undefined };
+ // invalid level id given, trigger error
+ hls.trigger(events["a" /* default */].ERROR, {
+ type: errors["b" /* ErrorTypes */].OTHER_ERROR,
+ details: errors["a" /* ErrorDetails */].LEVEL_SWITCH_ERROR,
+ level: newLevel,
+ fatal: false,
+ reason: 'invalid level idx'
+ });
}
- },
-
- 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]);
- }
- } else {
- // first value
- buffered2.push(buffered[i]);
+ LevelController.prototype.onError = function onError(data) {
+ if (data.fatal === true) {
+ if (data.type === errors["b" /* ErrorTypes */].NETWORK_ERROR) {
+ this.cleanTimer();
}
+ return;
}
- 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;
+
+ var levelError = false,
+ fragmentError = false;
+ var levelIndex = void 0;
+
+ // try to recover not fatal errors
+ switch (data.details) {
+ case errors["a" /* ErrorDetails */].FRAG_LOAD_ERROR:
+ case errors["a" /* ErrorDetails */].FRAG_LOAD_TIMEOUT:
+ case errors["a" /* ErrorDetails */].FRAG_LOOP_LOADING_ERROR:
+ case errors["a" /* ErrorDetails */].KEY_LOAD_ERROR:
+ case errors["a" /* ErrorDetails */].KEY_LOAD_TIMEOUT:
+ levelIndex = data.frag.level;
+ fragmentError = true;
+ break;
+ case errors["a" /* ErrorDetails */].LEVEL_LOAD_ERROR:
+ case errors["a" /* ErrorDetails */].LEVEL_LOAD_TIMEOUT:
+ levelIndex = data.context.level;
+ levelError = true;
+ break;
+ case errors["a" /* ErrorDetails */].REMUX_ALLOC_ERROR:
+ levelIndex = data.level;
+ levelError = true;
break;
- }
}
- return { len: bufferLen, start: bufferStart, end: bufferEnd, nextStart: bufferStartNext };
- }
-};
-module.exports = BufferHelper;
-
-},{}],38:[function(_dereq_,module,exports){
-'use strict';
+ if (levelIndex !== undefined) {
+ this.recoverLevel(data, levelIndex, levelError, fragmentError);
+ }
+ };
-var _logger = _dereq_(53);
+ /**
+ * Switch to a redundant stream if any available.
+ * If redundant stream is not available, emergency switch down if ABR mode is enabled.
+ *
+ * @param {Object} errorEvent
+ * @param {Number} levelIndex current level index
+ * @param {Boolean} levelError
+ * @param {Boolean} fragmentError
+ */
+ // FIXME Find a better abstraction where fragment/level retry management is well decoupled
-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;
+ LevelController.prototype.recoverLevel = function recoverLevel(errorEvent, levelIndex, levelError, fragmentError) {
+ var _this2 = this;
- // 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;
- }
+ var config = this.hls.config;
+ var errorDetails = errorEvent.details;
+
+ var level = this._levels[levelIndex];
+ var redundantLevels = void 0,
+ delay = void 0,
+ nextLevel = void 0;
+
+ level.loadError++;
+ level.fragmentError = fragmentError;
+
+ if (levelError === true) {
+ if (this.levelRetryCount + 1 <= config.levelLoadingMaxRetry) {
+ // exponential backoff capped to max retry timeout
+ delay = Math.min(Math.pow(2, this.levelRetryCount) * config.levelLoadingRetryDelay, config.levelLoadingMaxRetryTimeout);
+ // Schedule level reload
+ this.timer = setTimeout(function () {
+ return _this2.loadLevel();
+ }, delay);
+ // boolean used to inform stream controller not to switch back to IDLE on non fatal error
+ errorEvent.levelRetry = true;
+ this.levelRetryCount++;
+ logger["b" /* logger */].warn('level controller, ' + errorDetails + ', retry in ' + delay + ' ms, current retry count is ' + this.levelRetryCount);
+ } else {
+ logger["b" /* logger */].error('level controller, cannot recover from ' + errorDetails + ' error');
+ this.currentLevelIndex = null;
+ // stopping live reloading timer if any
+ this.cleanTimer();
+ // switch error to fatal
+ errorEvent.fatal = true;
+ return;
}
}
- if (ccOffset) {
- _logger.logger.log('discontinuity sliding from playlist, take drift into account');
- for (i = 0; i < newfragments.length; i++) {
- newfragments[i].cc += ccOffset;
- }
- }
+ // Try any redundant streams if available for both errors: level and fragment
+ // If level.loadError reaches redundantLevels it means that we tried them all, no hope => let's switch down
+ if (levelError === true || fragmentError === true) {
+ redundantLevels = level.url.length;
- // 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 (redundantLevels > 1 && level.loadError < redundantLevels) {
+ logger["b" /* logger */].warn('level controller, ' + errorDetails + ' for level ' + levelIndex + ': switching to redundant stream id ' + level.urlId);
+ level.urlId = (level.urlId + 1) % redundantLevels;
+ level.details = undefined;
+ } else {
+ // Search for available level
+ if (this.manualLevelIndex === -1) {
+ // When lowest level has been reached, let's start hunt from the top
+ nextLevel = levelIndex === 0 ? this._levels.length - 1 : levelIndex - 1;
+ logger["b" /* logger */].warn('level controller, ' + errorDetails + ': switch to ' + nextLevel);
+ this.hls.nextAutoLevel = this.currentLevelIndex = nextLevel;
+ } else if (fragmentError === true) {
+ // Allow fragment retry as long as configuration allows.
+ // reset this._level so that another call to set level() will trigger again a frag load
+ logger["b" /* logger */].warn('level controller, ' + errorDetails + ': reload a fragment');
+ this.currentLevelIndex = null;
}
}
}
- // 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, 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);
- }
+ // reset errors on the successful load of a fragment
- var drift = startPTS - frag.start;
- frag.start = frag.startPTS = startPTS;
- frag.endPTS = endPTS;
- frag.startDTS = startDTS;
- frag.endDTS = endDTS;
- frag.duration = endPTS - startPTS;
- 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);
- }
+ LevelController.prototype.onFragLoaded = function onFragLoaded(_ref3) {
+ var frag = _ref3.frag;
- // adjust fragment PTS/duration from seqnum to last frag
- for (i = fragIdx; i < fragments.length - 1; i++) {
- LevelHelper.updatePTS(fragments, i, i + 1);
+ if (frag !== undefined && frag.type === 'main') {
+ var level = this._levels[frag.level];
+ if (level !== undefined) {
+ level.fragmentError = false;
+ level.loadError = 0;
+ this.levelRetryCount = 0;
+ }
}
- details.PTSKnown = true;
- //logger.log(` frag start/end:${startPTS.toFixed(3)}/${endPTS.toFixed(3)}`);
+ };
- return drift;
- },
+ LevelController.prototype.onLevelLoaded = function onLevelLoaded(data) {
+ var _this3 = this;
- 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!');
- }
+ var levelId = data.level;
+ // only process level loaded events matching with expected level
+ if (levelId === this.currentLevelIndex) {
+ var curLevel = this._levels[levelId];
+ // reset level load error counter on successful level loaded only if there is no issues with fragments
+ if (curLevel.fragmentError === false) {
+ curLevel.loadError = 0;
+ this.levelRetryCount = 0;
}
- } else {
- // we dont know startPTS[toIdx]
- if (toIdx > fromIdx) {
- fragTo.start = fragFrom.start + fragFrom.duration;
+ 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["b" /* 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["b" /* logger */].log('live playlist, reload in ' + reloadInterval + ' ms');
+ this.timer = setTimeout(function () {
+ return _this3.loadLevel();
+ }, reloadInterval);
} else {
- fragTo.start = Math.max(fragFrom.start - fragTo.duration, 0);
+ this.cleanTimer();
}
}
- }
-}; /**
- * Level Helper class, providing methods dealing with playlist sliding and drift
- */
-
-module.exports = LevelHelper;
-
-},{"53":53}],39:[function(_dereq_,module,exports){
-/**
- * HLS interface
- */
-'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 _events = _dereq_(35);
-
-var _events2 = _interopRequireDefault(_events);
-
-var _errors = _dereq_(33);
-
-var _playlistLoader = _dereq_(43);
-
-var _playlistLoader2 = _interopRequireDefault(_playlistLoader);
-
-var _fragmentLoader = _dereq_(41);
-
-var _fragmentLoader2 = _interopRequireDefault(_fragmentLoader);
-
-var _keyLoader = _dereq_(42);
-
-var _keyLoader2 = _interopRequireDefault(_keyLoader);
-
-var _streamController = _dereq_(13);
-
-var _streamController2 = _interopRequireDefault(_streamController);
-
-var _levelController = _dereq_(12);
-
-var _levelController2 = _interopRequireDefault(_levelController);
-
-var _id3TrackController = _dereq_(11);
-
-var _id3TrackController2 = _interopRequireDefault(_id3TrackController);
-
-var _logger = _dereq_(53);
-
-var _events3 = _dereq_(1);
-
-var _events4 = _interopRequireDefault(_events3);
-
-var _config = _dereq_(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"); } }
+ LevelController.prototype.loadLevel = function loadLevel() {
+ var level = void 0,
+ urlIndex = void 0;
-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"');
+ if (this.currentLevelIndex !== null && this.canload === true) {
+ level = this._levels[this.currentLevelIndex];
+ if (level !== undefined && level.url.length > 0) {
+ urlIndex = level.urlId;
+ this.hls.trigger(events["a" /* default */].LEVEL_LOADING, { url: level.url[urlIndex], level: this.currentLevelIndex, id: urlIndex });
+ }
+ }
+ };
- // 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;
+ level_controller__createClass(LevelController, [{
+ key: 'levels',
+ get: function get() {
+ return this._levels;
}
}, {
- key: 'version',
+ key: 'level',
get: function get() {
- // replaced with browserify-versionify transform
- return '0.7.9';
+ return this.currentLevelIndex;
+ },
+ set: function set(newLevel) {
+ var levels = this._levels;
+ if (levels) {
+ newLevel = Math.min(newLevel, levels.length - 1);
+ if (this.currentLevelIndex !== newLevel || levels[newLevel].details === undefined) {
+ this.setLevelInternal(newLevel);
+ }
+ }
}
}, {
- key: 'Events',
+ key: 'manualLevel',
get: function get() {
- return _events2.default;
+ return this.manualLevelIndex;
+ },
+ set: function set(newLevel) {
+ this.manualLevelIndex = newLevel;
+ if (this._startLevel === undefined) {
+ this._startLevel = newLevel;
+ }
+ if (newLevel !== -1) {
+ this.level = newLevel;
+ }
}
}, {
- key: 'ErrorTypes',
+ key: 'firstLevel',
get: function get() {
- return _errors.ErrorTypes;
+ return this._firstLevel;
+ },
+ set: function set(newLevel) {
+ this._firstLevel = newLevel;
}
}, {
- key: 'ErrorDetails',
+ key: 'startLevel',
get: function get() {
- return _errors.ErrorDetails;
+ // 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: 'DefaultConfig',
+ key: 'nextLoadLevel',
get: function get() {
- if (!Hls.defaultConfig) {
- return _config.hlsDefaultConfig;
+ if (this.manualLevelIndex !== -1) {
+ return this.manualLevelIndex;
+ } else {
+ return this.hls.nextAutoLevel;
}
- return Hls.defaultConfig;
},
- set: function set(defaultConfig) {
- Hls.defaultConfig = defaultConfig;
+ set: function set(nextLevel) {
+ this.level = nextLevel;
+ if (this.manualLevelIndex === -1) {
+ this.hls.nextAutoLevel = nextLevel;
+ }
}
}]);
- function Hls() {
- var _this = this;
-
- var config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+ return LevelController;
+}(event_handler);
- _classCallCheck(this, Hls);
+/* harmony default export */ var level_controller = (level_controller_LevelController);
+// EXTERNAL MODULE: ./src/demux/id3.js
+var id3 = __webpack_require__(3);
- var defaultConfig = Hls.DefaultConfig;
+// CONCATENATED MODULE: ./src/controller/id3-track-controller.js
+function id3_track_controller__classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
- 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');
- }
+function id3_track_controller__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 prop in defaultConfig) {
- if (prop in config) {
- continue;
- }
- config[prop] = defaultConfig[prop];
- }
+function id3_track_controller__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; }
- 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];
- }
+/*
+ * id3 metadata track controller
+*/
- 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);
- // 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);
- // network controllers
- var levelController = this.levelController = new _levelController2.default(this);
- var streamController = this.streamController = new _streamController2.default(this);
- var networkControllers = [levelController, streamController];
- // optional audio stream controller
- var Controller = config.audioStreamController;
- if (Controller) {
- networkControllers.push(new Controller(this));
- }
- this.networkControllers = networkControllers;
- var coreComponents = [playListLoader, fragmentLoader, keyLoader, abrController, bufferController, capLevelController, fpsController, id3TrackController];
+var id3_track_controller_ID3TrackController = function (_EventHandler) {
+ id3_track_controller__inherits(ID3TrackController, _EventHandler);
- // optional audio track and subtitle controller
- Controller = config.audioTrackController;
- if (Controller) {
- var audioTrackController = new Controller(this);
- this.audioTrackController = audioTrackController;
- coreComponents.push(audioTrackController);
- }
+ function ID3TrackController(hls) {
+ id3_track_controller__classCallCheck(this, ID3TrackController);
- Controller = config.subtitleTrackController;
- if (Controller) {
- var subtitleTrackController = new Controller(this);
- this.subtitleTrackController = subtitleTrackController;
- coreComponents.push(subtitleTrackController);
- }
+ var _this = id3_track_controller__possibleConstructorReturn(this, _EventHandler.call(this, hls, events["a" /* default */].MEDIA_ATTACHED, events["a" /* default */].MEDIA_DETACHING, events["a" /* default */].FRAG_PARSING_METADATA));
- // optional subtitle controller
- [config.subtitleStreamController, config.timelineController].forEach(function (Controller) {
- if (Controller) {
- coreComponents.push(new Controller(_this));
- }
- });
- this.coreComponents = coreComponents;
+ _this.id3Track = undefined;
+ _this.media = undefined;
+ return _this;
}
- _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;
-
- _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);
- }
-
- /** Return all quality levels **/
-
- }, {
- key: 'levels',
- get: function get() {
- return this.levelController.levels;
- }
+ ID3TrackController.prototype.destroy = function destroy() {
+ event_handler.prototype.destroy.call(this);
+ };
- /** Return current playback quality level **/
+ // Add ID3 metatadata text track.
- }, {
- key: 'currentLevel',
- get: function get() {
- return this.streamController.currentLevel;
- }
- /* 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();
+ ID3TrackController.prototype.onMediaAttached = function onMediaAttached(data) {
+ this.media = data.media;
+ if (!this.media) {
+ return;
}
+ };
- /** Return next playback quality level (quality level of next fragment) **/
+ ID3TrackController.prototype.onMediaDetaching = function onMediaDetaching() {
+ this.media = undefined;
+ };
- }, {
- key: 'nextLevel',
- get: function get() {
- return this.streamController.nextLevel;
- }
+ ID3TrackController.prototype.onFragParsingMetadata = function onFragParsingMetadata(data) {
+ var fragment = data.frag;
+ var samples = data.samples;
- /* 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();
+ // create track dynamically
+ if (!this.id3Track) {
+ this.id3Track = this.media.addTextTrack('metadata', 'id3');
+ this.id3Track.mode = 'hidden';
}
- /** Return the quality level of current/last loaded fragment **/
+ // 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;
- }, {
- key: 'loadLevel',
- get: function get() {
- return this.levelController.level;
- }
+ for (var i = 0; i < samples.length; i++) {
+ var frames = id3["a" /* default */].getID3Frames(samples[i].data);
+ if (frames) {
+ var startTime = samples[i].pts;
+ var endTime = i < samples.length - 1 ? samples[i + 1].pts : fragment.endPTS;
- /* 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 **/
+ // 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;
+ }
- }, {
- key: 'nextLoadLevel',
- get: function get() {
- return this.levelController.nextLoadLevel;
+ for (var j = 0; j < frames.length; j++) {
+ var frame = frames[j];
+ // Safari doesn't put the timestamp frame in the TextTrack
+ if (!id3["a" /* default */].isTimeStampFrame(frame)) {
+ var cue = new Cue(startTime, endTime, '');
+ cue.value = frame;
+ this.id3Track.addCue(cue);
+ }
+ }
+ }
}
+ };
- /** set quality level of next loaded fragment **/
- ,
- set: function set(level) {
- this.levelController.nextLoadLevel = level;
- }
+ return ID3TrackController;
+}(event_handler);
- /** Return first level (index of first level referenced in manifest)
- **/
+/* harmony default export */ var id3_track_controller = (id3_track_controller_ID3TrackController);
+// CONCATENATED MODULE: ./src/helper/is-supported.js
- }, {
- key: 'firstLevel',
- get: function get() {
- return Math.max(this.levelController.firstLevel, this.minAutoLevel);
- }
- /** set first level (index of first level referenced in manifest)
- **/
- ,
- set: function set(newLevel) {
- _logger.logger.log('set firstLevel:' + newLevel);
- this.levelController.firstLevel = newLevel;
- }
+function is_supported_isSupported() {
+ var mediaSource = getMediaSource();
+ var sourceBuffer = window.SourceBuffer || window.WebKitSourceBuffer;
+ var isTypeSupported = mediaSource && typeof mediaSource.isTypeSupported === 'function' && mediaSource.isTypeSupported('video/mp4; codecs="avc1.42E01E,mp4a.40.2"');
- /** 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)
- **/
+ // 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;
+}
+// CONCATENATED MODULE: ./src/utils/ewma.js
+function ewma__classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
- }, {
- key: 'startLevel',
- get: function get() {
- return this.levelController.startLevel;
- }
+/*
+ * compute an Exponential Weighted moving average
+ * - https://en.wikipedia.org/wiki/Moving_average#Exponential_moving_average
+ * - heavily inspired from shaka-player
+ */
- /** 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;
- }
+var EWMA = function () {
- /** Return the capping/max level value that could be used by automatic level selection algorithm **/
+ // About half of the estimated value will be from the last |halfLife| samples by weight.
+ function EWMA(halfLife) {
+ ewma__classCallCheck(this, EWMA);
- }, {
- key: 'autoLevelCapping',
- get: function get() {
- return this._autoLevelCapping;
- }
+ // 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;
+ }
- /** 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;
- }
+ EWMA.prototype.sample = function sample(weight, value) {
+ var adjAlpha = Math.pow(this.alpha_, weight);
+ this.estimate_ = value * (1 - adjAlpha) + adjAlpha * this.estimate_;
+ this.totalWeight_ += weight;
+ };
- /* check if we are in automatic level selection mode */
+ EWMA.prototype.getTotalWeight = function getTotalWeight() {
+ return this.totalWeight_;
+ };
- }, {
- key: 'autoLevelEnabled',
- get: function get() {
- return this.levelController.manualLevel === -1;
+ EWMA.prototype.getEstimate = function getEstimate() {
+ if (this.alpha_) {
+ var zeroFactor = 1 - Math.pow(this.alpha_, this.totalWeight_);
+ return this.estimate_ / zeroFactor;
+ } else {
+ return this.estimate_;
}
+ };
- /* return manual level */
+ return EWMA;
+}();
- }, {
- key: 'manualLevel',
- get: function get() {
- return this.levelController.manualLevel;
- }
+/* harmony default export */ var ewma = (EWMA);
+// CONCATENATED MODULE: ./src/utils/ewma-bandwidth-estimator.js
+function ewma_bandwidth_estimator__classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
- /* return min level selectable in auto mode according to config.minAutoBitrate */
+/*
+ * 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.
+ */
- }, {
- 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;
- }
- /* 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;
- }
- return maxAutoLevel;
- }
+var ewma_bandwidth_estimator_EwmaBandWidthEstimator = function () {
+ function EwmaBandWidthEstimator(hls, slow, fast, defaultEstimate) {
+ ewma_bandwidth_estimator__classCallCheck(this, EwmaBandWidthEstimator);
- // return next auto level
+ this.hls = hls;
+ this.defaultEstimate_ = defaultEstimate;
+ this.minWeight_ = 0.001;
+ this.minDelayMs_ = 50;
+ this.slow_ = new ewma(slow);
+ this.fast_ = new ewma(fast);
+ }
- }, {
- 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);
- }
+ EwmaBandWidthEstimator.prototype.sample = function sample(durationMs, numBytes) {
+ durationMs = Math.max(durationMs, this.minDelayMs_);
+ var bandwidth = 8000 * numBytes / durationMs,
- // 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);
- }
+ //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);
+ };
- /** get alternate audio tracks list from playlist **/
+ EwmaBandWidthEstimator.prototype.canEstimate = function canEstimate() {
+ var fast = this.fast_;
+ return fast && fast.getTotalWeight() >= this.minWeight_;
+ };
- }, {
- key: 'audioTracks',
- get: function get() {
- var audioTrackController = this.audioTrackController;
- return audioTrackController ? audioTrackController.audioTracks : [];
+ EwmaBandWidthEstimator.prototype.getEstimate = 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_;
}
+ };
- /** get index of the selected audio track (index in audio track lists) **/
-
- }, {
- key: 'audioTrack',
- get: function get() {
- var audioTrackController = this.audioTrackController;
- return audioTrackController ? audioTrackController.audioTrack : -1;
- }
+ EwmaBandWidthEstimator.prototype.destroy = function destroy() {};
- /** 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;
- }
- }
- }, {
- key: 'liveSyncPosition',
- get: function get() {
- return this.streamController.liveSyncPosition;
- }
+ return EwmaBandWidthEstimator;
+}();
- /** get alternate subtitle tracks list from playlist **/
+/* harmony default export */ var ewma_bandwidth_estimator = (ewma_bandwidth_estimator_EwmaBandWidthEstimator);
+// CONCATENATED MODULE: ./src/controller/abr-controller.js
+var abr_controller__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: 'subtitleTracks',
- get: function get() {
- var subtitleTrackController = this.subtitleTrackController;
- return subtitleTrackController ? subtitleTrackController.subtitleTracks : [];
- }
+function abr_controller__classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
- /** get index of the selected subtitle track (index in subtitle track lists) **/
+function abr_controller__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; }
- }, {
- key: 'subtitleTrack',
- get: function get() {
- var subtitleTrackController = this.subtitleTrackController;
- return subtitleTrackController ? subtitleTrackController.subtitleTrack : -1;
- }
+function abr_controller__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; }
- /** 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;
- }
- }
- }]);
+/*
+ * 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
+ */
- return Hls;
-}();
-exports.default = Hls;
-},{"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';
-// 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;
-},{"39":39}],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; }; }();
-var _events = _dereq_(35);
+var abr_controller_AbrController = function (_EventHandler) {
+ abr_controller__inherits(AbrController, _EventHandler);
-var _events2 = _interopRequireDefault(_events);
+ function AbrController(hls) {
+ abr_controller__classCallCheck(this, AbrController);
-var _eventHandler = _dereq_(34);
+ var _this = abr_controller__possibleConstructorReturn(this, _EventHandler.call(this, hls, events["a" /* default */].FRAG_LOADING, events["a" /* default */].FRAG_LOADED, events["a" /* default */].FRAG_BUFFERED, events["a" /* default */].ERROR));
-var _eventHandler2 = _interopRequireDefault(_eventHandler);
+ _this.lastLoadedFragLevel = 0;
+ _this._nextAutoLevel = -1;
+ _this.hls = hls;
+ _this.timer = null;
+ _this._bwEstimator = null;
+ _this.onCheck = _this._abandonRulesCheck.bind(_this);
+ return _this;
+ }
-var _errors = _dereq_(33);
+ AbrController.prototype.destroy = function destroy() {
+ this.clearTimer();
+ event_handler.prototype.destroy.call(this);
+ };
-var _logger = _dereq_(53);
+ AbrController.prototype.onFragLoading = 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;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+ if (isLive) {
+ ewmaFast = config.abrEwmaFastLive;
+ ewmaSlow = config.abrEwmaSlowLive;
+ } else {
+ ewmaFast = config.abrEwmaFastVoD;
+ ewmaSlow = config.abrEwmaSlowVoD;
+ }
+ this._bwEstimator = new ewma_bandwidth_estimator(hls, ewmaSlow, ewmaFast, config.abrEwmaDefaultEstimate);
+ }
+ this.fragCurrent = frag;
+ }
+ };
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+ AbrController.prototype._abandonRulesCheck = 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;
+
+ // if loader has been destroyed or loading has been aborted, stop timer and return
+ if (!loader || loader.stats && loader.stats.aborted) {
+ logger["b" /* logger */].warn('frag loader destroy or aborted, disarm abandonRules');
+ this.clearTimer();
+ // reset forced auto level value so that next level will be selected
+ this._nextAutoLevel = -1;
+ 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 && stats && (!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 = (buffer_helper.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["b" /* logger */].warn('loading too slow, abort fragment loading and switch to level ' + nextLoadLevel + ':fragLoadedDelay[' + nextLoadLevel + ']<fragLoadedDelay[' + (frag.level - 1) + '];bufferStarvationDelay:' + fragLevelNextLoadedDelay.toFixed(1) + '<' + fragLoadedDelay.toFixed(1) + ':' + bufferStarvationDelay.toFixed(1));
+ // force next load level in auto mode
+ hls.nextLoadLevel = nextLoadLevel;
+ // update bw estimate for this fragment before cancelling load (this will help reducing the bw)
+ this._bwEstimator.sample(requestDelay, stats.loaded);
+ //abort fragment loading
+ loader.abort();
+ // stop abandon rules timer
+ this.clearTimer();
+ hls.trigger(events["a" /* default */].FRAG_LOAD_EMERGENCY_ABORTED, { frag: frag, stats: stats });
+ }
+ }
+ }
+ }
+ };
-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; }
+ AbrController.prototype.onFragLoaded = 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 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);
+ }
+ }
+ };
+
+ AbrController.prototype.onFragBuffered = 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["b" /* 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 {
+ this.bitrateTestDelay = 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; } /*
- * Fragment Loader
- */
+ AbrController.prototype.onError = function onError(data) {
+ // stop timer in case of frag loading error
+ switch (data.details) {
+ case errors["a" /* ErrorDetails */].FRAG_LOAD_ERROR:
+ case errors["a" /* ErrorDetails */].FRAG_LOAD_TIMEOUT:
+ this.clearTimer();
+ break;
+ default:
+ break;
+ }
+ };
-var FragmentLoader = function (_EventHandler) {
- _inherits(FragmentLoader, _EventHandler);
+ AbrController.prototype.clearTimer = function clearTimer() {
+ clearInterval(this.timer);
+ this.timer = null;
+ };
- function FragmentLoader(hls) {
- _classCallCheck(this, FragmentLoader);
+ // return next auto level
- var _this = _possibleConstructorReturn(this, (FragmentLoader.__proto__ || Object.getPrototypeOf(FragmentLoader)).call(this, hls, _events2.default.FRAG_LOADING));
- _this.loaders = {};
- return _this;
- }
+ AbrController.prototype._findBestLevel = 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 {
+ adjustedbw = bwUpFactor * currentBw;
+ }
+ var bitrate = levels[i].realBitrate ? Math.max(levels[i].realBitrate, levels[i].bitrate) : levels[i].bitrate,
+ fetchDuration = bitrate * avgDuration / adjustedbw;
- _createClass(FragmentLoader, [{
- key: 'destroy',
- value: function destroy() {
- var loaders = this.loaders;
- for (var loaderName in loaders) {
- var loader = loaders[loaderName];
- if (loader) {
- loader.destroy();
- }
+ logger["b" /* 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;
}
- 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);
+ // not enough time budget even with quality level 0 ... rebuffering might happen
+ return -1;
+ };
- 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;
+ abr_controller__createClass(AbrController, [{
+ 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;
}
- 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();
+ // 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);
}
- 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 });
+ return nextABRAutoLevel;
+ },
+ set: function set(nextLevel) {
+ this._nextAutoLevel = nextLevel;
}
}, {
- 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 });
- }
+ 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,
- // data will be used for progressive parsing
+ // 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,
- }, {
- 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 });
+ // bufferStarvationDelay is the wall-clock time left until the playback buffer is exhausted.
+ bufferStarvationDelay = (buffer_helper.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["b" /* 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["b" /* 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);
+ }
}
}]);
- return FragmentLoader;
-}(_eventHandler2.default);
+ return AbrController;
+}(event_handler);
-exports.default = FragmentLoader;
+/* harmony default export */ var abr_controller = (abr_controller_AbrController);
+// CONCATENATED MODULE: ./src/controller/buffer-controller.js
+function buffer_controller__classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-},{"33":33,"34":34,"35":35,"53":53}],42:[function(_dereq_,module,exports){
-'use strict';
+function buffer_controller__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
-});
-
-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 buffer_controller__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 _events = _dereq_(35);
-
-var _events2 = _interopRequireDefault(_events);
+/*
+ * Buffer Controller
+*/
-var _eventHandler = _dereq_(34);
-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; }
+var buffer_controller_MediaSource = getMediaSource();
-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
- */
+var buffer_controller_BufferController = function (_EventHandler) {
+ buffer_controller__inherits(BufferController, _EventHandler);
-var KeyLoader = function (_EventHandler) {
- _inherits(KeyLoader, _EventHandler);
+ function BufferController(hls) {
+ buffer_controller__classCallCheck(this, BufferController);
- function KeyLoader(hls) {
- _classCallCheck(this, KeyLoader);
+ // the value that we have set mediasource.duration to
+ // (the actual duration may be tweaked slighly by the browser)
+ var _this = buffer_controller__possibleConstructorReturn(this, _EventHandler.call(this, hls, events["a" /* default */].MEDIA_ATTACHING, events["a" /* default */].MEDIA_DETACHING, events["a" /* default */].MANIFEST_PARSED, events["a" /* default */].BUFFER_RESET, events["a" /* default */].BUFFER_APPENDING, events["a" /* default */].BUFFER_CODECS, events["a" /* default */].BUFFER_EOS, events["a" /* default */].BUFFER_FLUSHING, events["a" /* default */].LEVEL_PTS_UPDATED, events["a" /* default */].LEVEL_UPDATED));
- var _this = _possibleConstructorReturn(this, (KeyLoader.__proto__ || Object.getPrototypeOf(KeyLoader)).call(this, hls, _events2.default.KEY_LOADING));
+ _this._msDuration = null;
+ // the value that we want to set mediaSource.duration to
+ _this._levelDuration = null;
+ // current stream state: true - for live broadcast, false - for VoD content
+ _this._live = null;
+ // cache the self generated object url to detect hijack of video tag
+ _this._objectUrl = null;
- _this.loaders = {};
- _this.decryptkey = null;
- _this.decrypturl = null;
+ // Source Buffer listeners
+ _this.onsbue = _this.onSBUpdateEnd.bind(_this);
+ _this.onsbe = _this.onSBUpdateError.bind(_this);
+ _this.pendingTracks = {};
+ _this.tracks = {};
return _this;
}
- _createClass(KeyLoader, [{
- 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: '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: '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 });
- }
- }]);
+ BufferController.prototype.destroy = function destroy() {
+ event_handler.prototype.destroy.call(this);
+ };
- return KeyLoader;
-}(_eventHandler2.default);
+ BufferController.prototype.onLevelPtsUpdated = function onLevelPtsUpdated(data) {
+ var type = data.type;
+ var audioTrack = this.tracks.audio;
-exports.default = KeyLoader;
+ // 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
-},{"33":33,"34":34,"35":35,"53":53}],43:[function(_dereq_,module,exports){
-'use strict';
+ 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);
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
+ // adjust timestamp offset if time delta is greater than 100ms
+ if (delta > 0.1) {
+ var updating = audioBuffer.updating;
-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
- */
+ try {
+ audioBuffer.abort();
+ } catch (err) {
+ updating = true;
+ logger["b" /* logger */].warn('can not abort audio buffer: ' + err);
+ }
-var _urlToolkit = _dereq_(2);
+ if (!updating) {
+ logger["b" /* logger */].warn('change mpeg audio timestamp offset from ' + audioBuffer.timestampOffset + ' to ' + data.start);
+ audioBuffer.timestampOffset = data.start;
+ } else {
+ this.audioTimestampOffset = data.start;
+ }
+ }
+ }
+ };
-var _urlToolkit2 = _interopRequireDefault(_urlToolkit);
+ BufferController.prototype.onManifestParsed = function onManifestParsed(data) {
+ var audioExpected = data.audio,
+ videoExpected = data.video || data.levels.length && data.audio,
+ 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["b" /* logger */].log(sourceBufferNb + ' sourceBuffer(s) expected');
+ }
+ this.sourceBufferNb = sourceBufferNb;
+ };
-var _events = _dereq_(35);
+ BufferController.prototype.onMediaAttaching = function onMediaAttaching(data) {
+ var media = this.media = data.media;
+ if (media) {
+ // setup the media source
+ var ms = this.mediaSource = new buffer_controller_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);
+ // cache the locally generated object url
+ this._objectUrl = media.src;
+ }
+ };
+
+ BufferController.prototype.onMediaDetaching = function onMediaDetaching() {
+ logger["b" /* 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["b" /* logger */].warn('onMediaDetaching:' + err.message + ' while calling endOfStream');
+ }
+ }
+ ms.removeEventListener('sourceopen', this.onmso);
+ ms.removeEventListener('sourceended', this.onmse);
+ ms.removeEventListener('sourceclose', this.onmsc);
-var _events2 = _interopRequireDefault(_events);
+ // Detach properly the MediaSource from the HTMLMediaElement as
+ // suggested in https://github.com/w3c/media-source/issues/53.
+ if (this.media) {
+ URL.revokeObjectURL(this._objectUrl);
-var _eventHandler = _dereq_(34);
+ // clean up video tag src only if it's our own url. some external libraries might
+ // hijack the video tag and change its 'src' without destroying the Hls instance first
+ if (this.media.src === this._objectUrl) {
+ this.media.removeAttribute('src');
+ this.media.load();
+ } else {
+ logger["b" /* logger */].warn('media.src was changed by a third party - skip cleanup');
+ }
+ }
-var _eventHandler2 = _interopRequireDefault(_eventHandler);
+ this.mediaSource = null;
+ this.media = null;
+ this._objectUrl = null;
+ this.pendingTracks = {};
+ this.tracks = {};
+ this.sourceBuffer = {};
+ this.flushRange = [];
+ this.segments = [];
+ this.appended = 0;
+ }
+ this.onmso = this.onmse = this.onmsc = null;
+ this.hls.trigger(events["a" /* default */].MEDIA_DETACHED);
+ };
-var _errors = _dereq_(33);
+ BufferController.prototype.onMediaSourceOpen = function onMediaSourceOpen() {
+ logger["b" /* logger */].log('media source opened');
+ this.hls.trigger(events["a" /* 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();
+ };
-var _attrList = _dereq_(47);
+ BufferController.prototype.checkPendingTracks = 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();
+ }
+ };
-var _attrList2 = _interopRequireDefault(_attrList);
+ BufferController.prototype.onMediaSourceClose = function onMediaSourceClose() {
+ logger["b" /* logger */].log('media source closed');
+ };
-var _logger = _dereq_(53);
+ BufferController.prototype.onMediaSourceEnded = function onMediaSourceEnded() {
+ logger["b" /* logger */].log('media source ended');
+ };
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+ BufferController.prototype.onSBUpdateEnd = function onSBUpdateEnd() {
+ // update timestampOffset
+ if (this.audioTimestampOffset) {
+ var audioBuffer = this.sourceBuffer.audio;
+ logger["b" /* logger */].warn('change mpeg audio timestamp offset from ' + audioBuffer.timestampOffset + ' to ' + this.audioTimestampOffset);
+ audioBuffer.timestampOffset = this.audioTimestampOffset;
+ delete this.audioTimestampOffset;
+ }
-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._needsFlush) {
+ this.doFlush();
+ }
-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; }
+ 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(events["a" /* default */].BUFFER_APPENDED, { parent: parent, pending: pending });
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+ // don't append in flushing mode
+ if (!this._needsFlush) {
+ this.doAppending();
+ }
-// 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?/;
+ this.updateMediaElementDuration();
+ };
-var LevelKey = function () {
- function LevelKey() {
- _classCallCheck(this, LevelKey);
+ BufferController.prototype.onSBUpdateError = function onSBUpdateError(event) {
+ logger["b" /* 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(events["a" /* default */].ERROR, { type: errors["b" /* ErrorTypes */].MEDIA_ERROR, details: errors["a" /* 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
+ };
- this.method = null;
- this.key = null;
- this.iv = null;
- this._uri = null;
- }
+ BufferController.prototype.onBufferReset = 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;
+ };
- _createClass(LevelKey, [{
- key: 'uri',
- get: function get() {
- if (!this._uri && this.reluri) {
- this._uri = _urlToolkit2.default.buildAbsoluteURL(this.baseuri, this.reluri, { alwaysNormalize: true });
+ BufferController.prototype.onBufferCodecs = 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();
}
- return this._uri;
}
- }]);
+ };
- return LevelKey;
-}();
+ BufferController.prototype.createSourceBuffers = function createSourceBuffers(tracks) {
+ var sourceBuffer = this.sourceBuffer,
+ mediaSource = this.mediaSource;
-var Fragment = function () {
- function Fragment() {
- _classCallCheck(this, Fragment);
+ 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["b" /* 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["b" /* logger */].error('error while trying to add sourceBuffer:' + err.message);
+ this.hls.trigger(events["a" /* default */].ERROR, { type: errors["b" /* ErrorTypes */].MEDIA_ERROR, details: errors["a" /* ErrorDetails */].BUFFER_ADD_CODEC_ERROR, fatal: false, err: err, mimeType: mimeType });
+ }
+ }
+ }
+ this.hls.trigger(events["a" /* default */].BUFFER_CREATED, { tracks: tracks });
+ };
- this._url = null;
- this._byteRange = null;
- this._decryptdata = null;
- this.tagList = [];
- }
+ BufferController.prototype.onBufferAppending = function onBufferAppending(data) {
+ if (!this._needsFlush) {
+ if (!this.segments) {
+ this.segments = [data];
+ } else {
+ this.segments.push(data);
+ }
+ this.doAppending();
+ }
+ };
- _createClass(Fragment, [{
- key: 'createInitializationVector',
+ BufferController.prototype.onBufferAppendFail = function onBufferAppendFail(data) {
+ logger["b" /* 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(events["a" /* default */].ERROR, { type: errors["b" /* ErrorTypes */].MEDIA_ERROR, details: errors["a" /* ErrorDetails */].BUFFER_APPENDING_ERROR, fatal: false });
+ };
+ // on BUFFER_EOS mark matching sourcebuffer(s) as ended and trigger checkEos()
- /**
- * 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;
+ BufferController.prototype.onBufferEos = 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["b" /* logger */].log(type + ' sourceBuffer now EOS');
+ }
}
-
- return uint8View;
}
+ this.checkEos();
+ };
- /**
- * 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
- */
-
- }, {
- key: 'fragmentDecryptdataFromLevelkey',
- value: function fragmentDecryptdataFromLevelkey(levelkey, segmentNumber) {
- var decryptdata = levelkey;
+ // if all source buffers are marked as ended, signal endOfStream() to MediaSource.
- 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);
- }
- 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 });
- }
- return this._url;
- },
- set: function set(value) {
- this._url = value;
+ BufferController.prototype.checkEos = function checkEos() {
+ var sb = this.sourceBuffer,
+ mediaSource = this.mediaSource;
+ if (!mediaSource || mediaSource.readyState !== 'open') {
+ this._needsEos = false;
+ return;
}
- }, {
- key: 'programDateTime',
- get: function get() {
- if (!this._programDateTime && this.rawProgramDateTime) {
- this._programDateTime = new Date(Date.parse(this.rawProgramDateTime));
+ for (var type in sb) {
+ var sbobj = sb[type];
+ if (!sbobj.ended) {
+ return;
}
- 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];
- }
+ if (sbobj.updating) {
+ this._needsEos = true;
+ return;
}
- return this._byteRange;
}
- }, {
- key: 'byteRangeStartOffset',
- get: function get() {
- return this.byteRange[0];
- }
- }, {
- key: 'byteRangeEndOffset',
- get: function get() {
- return this.byteRange[1];
+ logger["b" /* 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["b" /* logger */].warn('exception while calling mediaSource.endOfStream()');
}
- }, {
- key: 'decryptdata',
- get: function get() {
- if (!this._decryptdata) {
- this._decryptdata = this.fragmentDecryptdataFromLevelkey(this.levelkey, this.sn);
- }
- return this._decryptdata;
+ this._needsEos = false;
+ };
+
+ BufferController.prototype.onBufferFlushing = function onBufferFlushing(data) {
+ this.flushRange.push({ start: data.startOffset, end: data.endOffset, type: data.type });
+ // attempt flush immediately
+ this.flushBufferCounter = 0;
+ this.doFlush();
+ };
+
+ BufferController.prototype.onLevelUpdated = function onLevelUpdated(_ref) {
+ var details = _ref.details;
+
+ if (details.fragments.length > 0) {
+ this._levelDuration = details.totalduration + details.fragments[0].start;
+ this._live = details.live;
+ this.updateMediaElementDuration();
}
- }]);
+ };
- return Fragment;
-}();
+ /**
+ * Update Media Source duration to current level duration or override to Infinity if configuration parameter
+ * 'liveDurationInfinity` is set to `true`
+ * More details: https://github.com/video-dev/hls.js/issues/355
+ */
-var PlaylistLoader = function (_EventHandler) {
- _inherits(PlaylistLoader, _EventHandler);
- function PlaylistLoader(hls) {
- _classCallCheck(this, PlaylistLoader);
+ BufferController.prototype.updateMediaElementDuration = function updateMediaElementDuration() {
+ var config = this.hls.config;
- 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 duration = void 0;
- _this.loaders = {};
- return _this;
- }
+ if (this._levelDuration === null || !this.media || !this.mediaSource || !this.sourceBuffer || this.media.readyState === 0 || this.mediaSource.readyState !== 'open') {
+ return;
+ }
- _createClass(PlaylistLoader, [{
- key: 'destroy',
- value: function destroy() {
- for (var loaderName in this.loaders) {
- var loader = this.loaders[loaderName];
- if (loader) {
- loader.destroy();
- }
+ for (var type in this.sourceBuffer) {
+ if (this.sourceBuffer[type].updating === true) {
+ // can't set duration whilst a buffer is updating
+ return;
}
- 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);
+ duration = this.media.duration;
+ // initialise to the value that the media source is reporting
+ if (this._msDuration === null) {
+ this._msDuration = this.mediaSource.duration;
}
- }, {
- key: 'resolve',
- value: function resolve(url, baseUrl) {
- return _urlToolkit2.default.buildAbsoluteURL(baseUrl, url, { alwaysNormalize: true });
+
+ if (this._live === true && config.liveDurationInfinity === true) {
+ // Override duration to Infinity
+ logger["b" /* logger */].log('Media Source duration is set to Infinity');
+ this._msDuration = this.mediaSource.duration = Infinity;
+ } else if (this._levelDuration > this._msDuration && this._levelDuration > duration || duration === Infinity || isNaN(duration)) {
+ // levelDuration was the last value we set.
+ // not using mediaSource.duration as the browser may tweak this value
+ // only update Media Source duration if its value increase, this is to avoid
+ // flushing already buffered portion when switching between quality level
+ logger["b" /* logger */].log('Updating Media Source duration to ' + this._levelDuration.toFixed(3));
+ this._msDuration = this.mediaSource.duration = this._levelDuration;
}
- }, {
- 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 = {};
-
- 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;
- }
- }
- }
+ };
- levels.push(level);
+ BufferController.prototype.doFlush = 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;
}
- 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);
+ 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["b" /* logger */].error('error while accessing sourceBuffer.buffered');
}
- 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;
+ this.appended = appended;
+ this.hls.trigger(events["a" /* default */].BUFFER_FLUSHED);
}
- }, {
- 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;
-
- 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);
-
- 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;
+ BufferController.prototype.doAppending = function doAppending() {
+ var hls = this.hls,
+ sourceBuffer = this.sourceBuffer,
+ segments = this.segments;
+ if (Object.keys(sourceBuffer).length) {
+ if (this.media.error) {
+ this.segments = [];
+ logger["b" /* 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();
}
- } 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;
+ } catch (err) {
+ // in case any error occured while appending, put back segment in segments table
+ logger["b" /* logger */].error('error while trying to append buffer:' + err.message);
+ segments.unshift(segment);
+ var event = { type: errors["b" /* ErrorTypes */].MEDIA_ERROR, parent: segment.parent };
+ if (err.code !== 22) {
+ if (this.appendError) {
+ this.appendError++;
+ } else {
+ this.appendError = 1;
}
- }
-
- // 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;
+ event.details = errors["a" /* 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["b" /* logger */].log('fail ' + hls.config.appendErrorMaxRetry + ' times to append segment in sourceBuffer');
+ segments = [];
+ event.fatal = true;
+ hls.trigger(events["a" /* default */].ERROR, event);
+ return;
+ } else {
+ event.fatal = false;
+ hls.trigger(events["a" /* 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["a" /* ErrorDetails */].BUFFER_FULL_ERROR;
+ event.fatal = false;
+ hls.trigger(events["a" /* default */].ERROR, event);
+ return;
}
}
}
- 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 });
- }
- }
- } else {
- hls.trigger(_events2.default.ERROR, { type: _errors.ErrorTypes.NETWORK_ERROR, details: _errors.ErrorDetails.MANIFEST_PARSING_ERROR, fatal: true, url: url, reason: 'invalid targetduration' });
+ /*
+ flush specified buffered range,
+ return true once range has been flushed.
+ as sourceBuffer.remove() is asynchronous, flushBuffer will be retriggered on sourceBuffer update end
+ */
+
+
+ BufferController.prototype.flushBuffer = function flushBuffer(startOffset, endOffset, typeIn) {
+ var sb,
+ i,
+ bufStart,
+ bufEnd,
+ flushStart,
+ flushEnd,
+ sourceBuffer = this.sourceBuffer;
+ if (Object.keys(sourceBuffer).length) {
+ logger["b" /* 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;
}
- } 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;
+ 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["b" /* logger */].log('flush ' + type + ' [' + flushStart + ',' + flushEnd + '], of [' + bufStart + ',' + bufEnd + '], pos:' + this.media.currentTime);
+ sb.remove(flushStart, flushEnd);
+ return false;
}
- });
- // 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' });
}
+ } catch (e) {
+ logger["b" /* logger */].warn('exception while accessing sourcebuffer, it might have been removed from MediaSource');
}
- 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' });
+ //logger.log('abort ' + type + ' append in progress');
+ // this will abort any appending in progress
+ //sb.abort();
+ logger["b" /* logger */].warn('cannot flush, sb updating in progress');
+ return false;
}
}
} 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' });
+ logger["b" /* logger */].warn('abort flushing too many retries');
}
+ logger["b" /* logger */].log('buffer flushed');
}
- }, {
- 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 (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, 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;
- }
- 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 });
- }
- }]);
-
- return PlaylistLoader;
-}(_eventHandler2.default);
+ // everything flushed !
+ return true;
+ };
-exports.default = PlaylistLoader;
+ return BufferController;
+}(event_handler);
-},{"2":2,"33":33,"34":34,"35":35,"47":47,"53":53}],44:[function(_dereq_,module,exports){
-'use strict';
+/* harmony default export */ var buffer_controller = (buffer_controller_BufferController);
+// CONCATENATED MODULE: ./src/controller/cap-level-controller.js
+var cap_level_controller__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; }; }();
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
+function cap_level_controller__classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-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 cap_level_controller__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 cap_level_controller__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; }
-/**
- * Generate MP4 Box
+/*
+ * cap stream level to media size dimension controller
*/
-//import Hex from '../utils/hex';
-var UINT32_MAX = Math.pow(2, 32) - 1;
-var MP4 = function () {
- function MP4() {
- _classCallCheck(this, MP4);
- }
-
- _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: []
- };
- 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)];
- }
- }
-
- 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 cap_level_controller_CapLevelController = function (_EventHandler) {
+ cap_level_controller__inherits(CapLevelController, _EventHandler);
- 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;
- }
- 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]));
+ function CapLevelController(hls) {
+ cap_level_controller__classCallCheck(this, CapLevelController);
+
+ return cap_level_controller__possibleConstructorReturn(this, _EventHandler.call(this, hls, events["a" /* default */].FPS_DROP_LEVEL_CAPPING, events["a" /* default */].MEDIA_ATTACHING, events["a" /* default */].MANIFEST_PARSED));
+ }
+
+ CapLevelController.prototype.destroy = 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: 'mdia',
- value: function mdia(track) {
- return MP4.box(MP4.types.mdia, MP4.mdhd(track.timescale, track.duration), MP4.hdlr(track.type), MP4.minf(track));
+ };
+
+ CapLevelController.prototype.onFpsDropLevelCapping = function onFpsDropLevelCapping(data) {
+ // Don't add a restricted level more than once
+ if (CapLevelController.isLevelAllowed(data.droppedLevel, this.restrictedLevels)) {
+ this.restrictedLevels.push(data.droppedLevel);
}
- }, {
- 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]));
+ };
+
+ CapLevelController.prototype.onMediaAttaching = function onMediaAttaching(data) {
+ this.media = data.media instanceof HTMLVideoElement ? data.media : null;
+ };
+
+ CapLevelController.prototype.onManifestParsed = function onManifestParsed(data) {
+ var hls = this.hls;
+ this.restrictedLevels = [];
+ 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: '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));
+ };
+
+ CapLevelController.prototype.detectPlayerSize = 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;
}
}
- }, {
- 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 = [];
+ /*
+ * returns level should be the one with the dimensions equal or greater than the media (player) dimensions (so the video will be downscaled)
+ */
- while (i--) {
- boxes[i] = MP4.trak(tracks[i]);
- }
- 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 = [];
+ CapLevelController.prototype.getMaxLevel = function getMaxLevel(capLevelIndex) {
+ var _this2 = this;
- while (i--) {
- boxes[i] = MP4.trex(tracks[i]);
- }
- return MP4.box.apply(null, [MP4.types.mvex].concat(boxes));
+ if (!this.levels) {
+ return -1;
}
- }, {
- 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);
+
+ var validLevels = this.levels.filter(function (level, index) {
+ return CapLevelController.isLevelAllowed(index, _this2.restrictedLevels) && index <= capLevelIndex;
+ });
+
+ return CapLevelController.getMaxLevelByMediaSize(validLevels, this.mediaWidth, this.mediaHeight);
+ };
+
+ CapLevelController.isLevelAllowed = function isLevelAllowed(level) {
+ var restrictedLevels = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+
+ return restrictedLevels.indexOf(level) === -1;
+ };
+
+ CapLevelController.getMaxLevelByMediaSize = function getMaxLevelByMediaSize(levels, width, height) {
+ if (!levels || levels && !levels.length) {
+ return -1;
}
- }, {
- 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;
+
+ // Levels can have the same dimensions but differing bandwidths - since levels are ordered, we can look to the next
+ // to determine whether we've chosen the greatest bandwidth for the media's dimensions
+ var atGreatestBandiwdth = function atGreatestBandiwdth(curLevel, nextLevel) {
+ if (!nextLevel) {
+ return true;
}
+ return curLevel.width !== nextLevel.width || curLevel.height !== nextLevel.height;
+ };
- 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
- }
-
- // 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));
- }
-
- 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
-
- 0x03, // descriptor_type
- 0x17 + configlen, // length
- 0x00, 0x01, //es_id
- 0x00, // stream_priority
-
- 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
-
- 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)));
- }
- }, {
- 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: '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));
+ // If we run through the loop without breaking, the media's dimensions are greater than every level, so default to
+ // the max level
+ var maxLevelIndex = levels.length - 1;
+
+ for (var i = 0; i < levels.length; i += 1) {
+ var level = levels[i];
+ if ((level.width >= width || level.height >= height) && atGreatestBandiwdth(level, levels[i + 1])) {
+ maxLevelIndex = i;
+ break;
}
}
- }, {
- 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);
- }
- /**
- * Generate a track box.
- * @param track {object} a track definition
- * @return {Uint8Array} the track box
- */
+ return maxLevelIndex;
+ };
- }, {
- 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
- ]));
+ cap_level_controller__createClass(CapLevelController, [{
+ key: 'mediaWidth',
+ get: function get() {
+ var width = void 0;
+ var media = this.media;
+ if (media) {
+ width = media.width || media.clientWidth || media.offsetWidth;
+ width *= CapLevelController.contentScaleFactor;
+ }
+ return width;
}
}, {
- 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);
+ key: 'mediaHeight',
+ get: function get() {
+ var height = void 0;
+ var media = this.media;
+ if (media) {
+ height = media.height || media.clientHeight || media.offsetHeight;
+ height *= CapLevelController.contentScaleFactor;
+ }
+ return height;
}
- }, {
- 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;
+ }], [{
+ key: 'contentScaleFactor',
+ get: function get() {
+ var pixelRatio = 1;
+ try {
+ pixelRatio = window.devicePixelRatio;
+ } catch (e) {}
+ return pixelRatio;
}
}]);
- return MP4;
-}();
-
-exports.default = MP4;
-
-},{}],45:[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; }; }(); /**
- * fMP4 remuxer
- */
-
-var _aac = _dereq_(36);
+ return CapLevelController;
+}(event_handler);
-var _aac2 = _interopRequireDefault(_aac);
+/* harmony default export */ var cap_level_controller = (cap_level_controller_CapLevelController);
+// CONCATENATED MODULE: ./src/controller/fps-controller.js
+function fps_controller__classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-var _events = _dereq_(35);
+function fps_controller__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 fps_controller__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 _logger = _dereq_(53);
+/*
+ * FPS Controller
+*/
-var _mp4Generator = _dereq_(44);
-var _mp4Generator2 = _interopRequireDefault(_mp4Generator);
-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 fps_controller_FPSController = function (_EventHandler) {
+ fps_controller__inherits(FPSController, _EventHandler);
-// 10 seconds
-var MAX_SILENT_FRAME_DURATION = 10 * 1000;
-
-var MP4Remuxer = function () {
- function MP4Remuxer(observer, config, typeSupported, vendor) {
- _classCallCheck(this, MP4Remuxer);
+ function FPSController(hls) {
+ fps_controller__classCallCheck(this, FPSController);
- 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 fps_controller__possibleConstructorReturn(this, _EventHandler.call(this, hls, events["a" /* default */].MEDIA_ATTACHING));
}
- _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;
+ FPSController.prototype.destroy = function destroy() {
+ if (this.timer) {
+ clearInterval(this.timer);
}
- }, {
- 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) {
- // 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);
+ this.isVideoPlaybackQualityAvailable = false;
+ };
+
+ FPSController.prototype.onMediaAttaching = 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;
}
- //notify end of parsing
- this.observer.trigger(_events2.default.FRAG_PARSED);
+ clearInterval(this.timer);
+ this.timer = setInterval(this.checkFPSInterval.bind(this), config.fpsDroppedMonitoringPeriod);
}
- }, {
- 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;
- }
- }
-
- 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
+ FPSController.prototype.checkFPS = 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(events["a" /* 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["b" /* 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(events["a" /* default */].FPS_DROP_LEVEL_CAPPING, { level: currentLevel, droppedLevel: hls.currentLevel });
+ hls.autoLevelCapping = currentLevel;
+ hls.streamController.nextLevelSwitch();
+ }
}
- };
- 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 });
}
}
+ this.lastTime = currentTime;
+ this.lastDroppedFrames = droppedFrames;
+ this.lastDecodedFrames = decodedFrames;
+ }
+ };
- 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;
- }
+ FPSController.prototype.checkFPSInterval = function checkFPSInterval() {
+ var video = this.video;
+ if (video) {
+ if (this.isVideoPlaybackQualityAvailable) {
+ var videoPlaybackQuality = video.getVideoPlaybackQuality();
+ this.checkFPS(video, videoPlaybackQuality.totalVideoFrames, videoPlaybackQuality.droppedVideoFrames);
} 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' });
+ this.checkFPS(video, video.webkitDecodedFrameCount, video.webkitDroppedFrameCount);
}
}
- }, {
- 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;
-
- // 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);
- // }
-
- // if parsed fragment is contiguous with last one, let's use last DTS value as reference
- var nextAvcDts = this.nextAvcDts;
-
- var isSafari = this.isSafari;
-
- // 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 (!contiguous) {
- // if not contiguous, let's use target timeOffset
- nextAvcDts = timeOffset * timeScale;
- }
+ return FPSController;
+}(event_handler);
- // 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);
- });
+/* harmony default export */ var fps_controller = (fps_controller_FPSController);
+// CONCATENATED MODULE: ./src/utils/xhr-loader.js
+function xhr_loader__classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
- // 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;
- });
+/**
+ * XHR based logger
+*/
- // 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;
- }
- }
-
- // 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);
-
- // 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;
- // compute lastPTS/lastDTS
- sample = inputSamples[inputSamples.length - 1];
- lastDTS = Math.max(sample.dts, 0);
- lastPTS = Math.max(sample.pts, 0, lastDTS);
- // 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));
- }
-
- 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(_sample.dts, firstDTS);
- }
- // ensure that computed value is greater or equal than sample DTS
- _sample.pts = Math.max(_sample.pts, _sample.dts);
- }
+var xhr_loader_XhrLoader = function () {
+ function XhrLoader(config) {
+ xhr_loader__classCallCheck(this, XhrLoader);
- /* 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 = [];
+ if (config && config.xhrSetup) {
+ this.xhrSetup = config.xhrSetup;
+ }
+ }
- 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;
+ XhrLoader.prototype.destroy = function destroy() {
+ this.abort();
+ this.loader = null;
+ };
+
+ XhrLoader.prototype.abort = function abort() {
+ var loader = this.loader;
+ if (loader && loader.readyState !== 4) {
+ this.stats.aborted = true;
+ loader.abort();
}
- }, {
- 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 offset,
- mp4Sample,
- fillFrame,
- mdat,
- moof,
- firstPTS,
- lastPTS,
- inputSamples = track.samples,
- outputSamples = [],
- nextAudioPts = this.nextAudioPts;
-
- // 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);
-
- if (!contiguous) {
- // if fragments are not contiguous, let's use timeOffset to compute next Audio PTS
- nextAudioPts = timeOffset * inputTimeScale;
- }
- // compute normalized PTS
- inputSamples.forEach(function (sample) {
- sample.pts = sample.dts = ptsNormalize(sample.pts - initDTS, nextAudioPts);
- });
+ window.clearTimeout(this.requestTimeout);
+ this.requestTimeout = null;
+ window.clearTimeout(this.retryTimeout);
+ this.retryTimeout = null;
+ };
- // 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;
- });
+ XhrLoader.prototype.load = 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();
+ };
- // 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, 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;
-
- var duration = Math.abs(1000 * delta / inputTimeScale);
-
- // 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
- }
+ XhrLoader.prototype.loadInternal = function loadInternal() {
+ var xhr,
+ context = this.context;
+ xhr = this.loader = new XMLHttpRequest();
- // 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++;
- }
+ var stats = this.stats;
+ stats.tfirst = 0;
+ stats.loaded = 0;
+ var xhrSetup = this.xhrSetup;
- // 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++;
- }
+ 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);
}
}
-
- 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;
+ if (!xhr.readyState) {
+ xhr.open('GET', context.url, true);
}
- return null;
+ } 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, xhr);
+ return;
}
- }, {
- 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,
+ 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;
- // 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),
-
+ // setup timeout before we perform request
+ this.requestTimeout = window.setTimeout(this.loadtimeout.bind(this), this.config.timeout);
+ xhr.send();
+ };
- // silent frame
- silentFrame = _aac2.default.getSilentFrame(track.manifestCodec || track.codec, track.channelCount);
+ XhrLoader.prototype.readystatechange = function readystatechange(event) {
+ var xhr = event.currentTarget,
+ readyState = xhr.readyState,
+ stats = this.stats,
+ context = this.context,
+ config = this.config;
- _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;
- }
+ // don't proceed if xhr has been aborted
+ if (stats.aborted) {
+ 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;
+ // >= 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, xhr);
+ } 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["b" /* logger */].error(status + ' while loading ' + context.url);
+ this.callbacks.onError({ code: status, text: xhr.statusText }, context, xhr);
+ } else {
+ // retry
+ logger["b" /* 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);
}
- 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;
- });
+ XhrLoader.prototype.loadtimeout = function loadtimeout() {
+ logger["b" /* logger */].warn('timeout while loading ' + this.context.url);
+ this.callbacks.onTimeout(this.stats, this.context, null);
+ };
- 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
- });
- }
+ XhrLoader.prototype.loadprogress = function loadprogress(event) {
+ var xhr = event.currentTarget,
+ stats = this.stats;
- track.samples = [];
- timeOffset = timeOffset;
+ stats.loaded = event.loaded;
+ if (event.lengthComputable) {
+ stats.total = event.total;
}
- }, {
- 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;
+ var onProgress = this.callbacks.onProgress;
+ if (onProgress) {
+ // third arg is to provide on progress data
+ onProgress(stats, this.context, null, xhr);
}
- }]);
+ };
- return MP4Remuxer;
+ return XhrLoader;
}();
-exports.default = MP4Remuxer;
+/* harmony default export */ var xhr_loader = (xhr_loader_XhrLoader);
+// CONCATENATED MODULE: ./src/controller/audio-track-controller.js
+var audio_track_controller__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; }; }();
-},{"33":33,"35":35,"36":36,"44":44,"53":53}],46:[function(_dereq_,module,exports){
-'use strict';
+function audio_track_controller__classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
+function audio_track_controller__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 _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
- */
+function audio_track_controller__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
+*/
-var _events = _dereq_(35);
-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;
- }
+var audio_track_controller_AudioTrackController = function (_EventHandler) {
+ audio_track_controller__inherits(AudioTrackController, _EventHandler);
- _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);
- }
- }]);
+ function AudioTrackController(hls) {
+ audio_track_controller__classCallCheck(this, AudioTrackController);
- return PassThroughRemuxer;
-}();
+ var _this = audio_track_controller__possibleConstructorReturn(this, _EventHandler.call(this, hls, events["a" /* default */].MANIFEST_LOADING, events["a" /* default */].MANIFEST_PARSED, events["a" /* default */].AUDIO_TRACK_LOADED, events["a" /* default */].ERROR));
-exports.default = PassThroughRemuxer;
+ _this.ticks = 0;
+ _this.ontick = _this.tick.bind(_this);
+ return _this;
+ }
-},{"35":35}],47:[function(_dereq_,module,exports){
-'use strict';
+ AudioTrackController.prototype.destroy = function destroy() {
+ this.cleanTimer();
+ event_handler.prototype.destroy.call(this);
+ };
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
+ AudioTrackController.prototype.cleanTimer = function cleanTimer() {
+ if (this.timer) {
+ clearTimeout(this.timer);
+ this.timer = null;
+ }
+ };
-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; }; }();
+ AudioTrackController.prototype.tick = function tick() {
+ this.ticks++;
+ if (this.ticks === 1) {
+ this.doTick();
+ if (this.ticks > 1) {
+ setTimeout(this.tick, 1);
+ }
+ this.ticks = 0;
+ }
+ };
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+ AudioTrackController.prototype.doTick = function doTick() {
+ this.updateTrack(this.trackId);
+ };
-var DECIMAL_RESOLUTION_REGEX = /^(\d+)x(\d+)$/;
-var ATTR_LIST_REGEX = /\s*(.+?)\s*=((?:\".*?\")|.*?)(?:,|$)/g;
+ AudioTrackController.prototype.onError = function onError(data) {
+ if (data.fatal && data.type === errors["b" /* ErrorTypes */].NETWORK_ERROR) {
+ this.cleanTimer();
+ }
+ };
-// adapted from https://github.com/kanongil/node-m3u8parse/blob/master/attrlist.js
+ AudioTrackController.prototype.onManifestLoading = function onManifestLoading() {
+ // reset audio tracks on manifest loading
+ this.tracks = [];
+ this.trackId = -1;
+ };
-var AttrList = function () {
- function AttrList(attrs) {
- _classCallCheck(this, AttrList);
+ AudioTrackController.prototype.onManifestParsed = function onManifestParsed(data) {
+ var _this2 = this;
- if (typeof attrs === 'string') {
- attrs = AttrList.parseAttrList(attrs);
- }
- for (var attr in attrs) {
- if (attrs.hasOwnProperty(attr)) {
- this[attr] = attrs[attr];
+ var tracks = data.audioTracks || [];
+ var defaultFound = false;
+ this.tracks = tracks;
+ this.hls.trigger(events["a" /* 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 && !defaultFound) {
+ _this2.audioTrack = id;
+ defaultFound = true;
+ return;
}
+ id++;
+ });
+ if (defaultFound === false && tracks.length) {
+ logger["b" /* logger */].log('no default audio track defined, use first audio track as default');
+ this.audioTrack = 0;
}
- }
+ };
- _createClass(AttrList, [{
- key: 'decimalInteger',
- value: function decimalInteger(attrName) {
- var intValue = parseInt(this[attrName], 10);
- if (intValue > Number.MAX_SAFE_INTEGER) {
- return Infinity;
+ AudioTrackController.prototype.onAudioTrackLoaded = function onAudioTrackLoaded(data) {
+ if (data.id < this.tracks.length) {
+ logger["b" /* 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
+ this.cleanTimer();
}
- 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;
+ /** get alternate audio tracks list from playlist **/
+
+
+ AudioTrackController.prototype.setAudioTrackInternal = function setAudioTrackInternal(newId) {
+ // check if level idx is valid
+ if (newId >= 0 && newId < this.tracks.length) {
+ // stopping live reloading timer if any
+ this.cleanTimer();
+ this.trackId = newId;
+ logger["b" /* 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(events["a" /* default */].AUDIO_TRACK_SWITCH, eventObj);
+ hls.trigger(events["a" /* 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["b" /* logger */].log('(re)loading playlist for audioTrack ' + newId);
+ hls.trigger(events["a" /* default */].AUDIO_TRACK_LOADING, { url: url, id: newId });
}
}
- }, {
- key: 'hexadecimalIntegerAsNumber',
- value: function hexadecimalIntegerAsNumber(attrName) {
- var intValue = parseInt(this[attrName], 16);
- if (intValue > Number.MAX_SAFE_INTEGER) {
- return Infinity;
+ };
+
+ AudioTrackController.prototype.updateTrack = function updateTrack(newId) {
+ // check if level idx is valid
+ if (newId >= 0 && newId < this.tracks.length) {
+ // stopping live reloading timer if any
+ this.cleanTimer();
+ this.trackId = newId;
+ logger["b" /* 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["b" /* logger */].log('(re)loading playlist for audioTrack ' + newId);
+ this.hls.trigger(events["a" /* default */].AUDIO_TRACK_LOADING, { url: url, id: newId });
}
- return intValue;
}
- }, {
- key: 'decimalFloatingPoint',
- value: function decimalFloatingPoint(attrName) {
- return parseFloat(this[attrName]);
- }
- }, {
- key: 'enumeratedString',
- value: function enumeratedString(attrName) {
- return this[attrName];
+ };
+
+ audio_track_controller__createClass(AudioTrackController, [{
+ key: 'audioTracks',
+ get: function get() {
+ return this.tracks;
}
+
+ /** get index of the selected audio track (index in audio track lists) **/
+
}, {
- 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: 'audioTrack',
+ get: function get() {
+ return this.trackId;
}
- }], [{
- 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;
+ /** 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 attrs;
}
}]);
- return AttrList;
-}();
+ return AudioTrackController;
+}(event_handler);
-exports.default = AttrList;
+/* harmony default export */ var audio_track_controller = (audio_track_controller_AudioTrackController);
+// CONCATENATED MODULE: ./src/controller/audio-stream-controller.js
+var audio_stream_controller__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; }; }();
-},{}],48:[function(_dereq_,module,exports){
-"use strict";
+function audio_stream_controller__classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-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];
+function audio_stream_controller__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 comparisonResult = comparisonFunction(currentElement);
- if (comparisonResult > 0) {
- minIndex = currentIndex + 1;
- } else if (comparisonResult < 0) {
- maxIndex = currentIndex - 1;
- } else {
- return currentElement;
- }
- }
+function audio_stream_controller__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 null;
- }
-};
+/*
+ * Audio Stream Controller
+*/
-module.exports = BinarySearch;
-},{}],49:[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 audio_stream_controller_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 numArrayToHexArray = function numArrayToHexArray(numArray) {
- var hexArray = [];
- for (var j = 0; j < numArray.length; j++) {
- hexArray.push(numArray[j].toString(16));
- }
- return hexArray;
-};
+var audio_stream_controller_AudioStreamController = function (_EventHandler) {
+ audio_stream_controller__inherits(AudioStreamController, _EventHandler);
-var PenState = function () {
- function PenState(foreground, underline, italics, background, flash) {
- _classCallCheck(this, PenState);
+ function AudioStreamController(hls) {
+ audio_stream_controller__classCallCheck(this, AudioStreamController);
- this.foreground = foreground || 'white';
- this.underline = underline || false;
- this.italics = italics || false;
- this.background = background || 'black';
- this.flash = flash || false;
- }
+ var _this = audio_stream_controller__possibleConstructorReturn(this, _EventHandler.call(this, hls, events["a" /* default */].MEDIA_ATTACHED, events["a" /* default */].MEDIA_DETACHING, events["a" /* default */].AUDIO_TRACKS_UPDATED, events["a" /* default */].AUDIO_TRACK_SWITCHING, events["a" /* default */].AUDIO_TRACK_LOADED, events["a" /* default */].KEY_LOADED, events["a" /* default */].FRAG_LOADED, events["a" /* default */].FRAG_PARSING_INIT_SEGMENT, events["a" /* default */].FRAG_PARSING_DATA, events["a" /* default */].FRAG_PARSED, events["a" /* default */].ERROR, events["a" /* default */].BUFFER_RESET, events["a" /* default */].BUFFER_CREATED, events["a" /* default */].BUFFER_APPENDED, events["a" /* default */].BUFFER_FLUSHED, events["a" /* default */].INIT_PTS_FOUND));
- _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;
- }
- }]);
+ _this.config = hls.config;
+ _this.audioCodecSwap = false;
+ _this.ticks = 0;
+ _this._state = audio_stream_controller_State.STOPPED;
+ _this.ontick = _this.tick.bind(_this);
+ _this.initPTS = [];
+ _this.waitingFragment = null;
+ _this.videoTrackCC = null;
+ return _this;
+ }
- return PenState;
-}();
+ AudioStreamController.prototype.destroy = function destroy() {
+ this.stopLoad();
+ if (this.timer) {
+ clearInterval(this.timer);
+ this.timer = null;
+ }
+ event_handler.prototype.destroy.call(this);
+ this.state = audio_stream_controller_State.STOPPED;
+ };
-/**
- * Unicode character with styling and background.
- * @constructor
- */
+ //Signal that video PTS was found
-var StyledUnicodeChar = function () {
- function StyledUnicodeChar(uchar, foreground, underline, italics, background, flash) {
- _classCallCheck(this, StyledUnicodeChar);
+ AudioStreamController.prototype.onInitPtsFound = 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;
+ this.videoTrackCC = cc;
+ logger["b" /* logger */].log('InitPTS for cc:' + cc + ' found from video track:' + initPTS);
- this.uchar = uchar || ' '; // unicode character
- this.penState = new PenState(foreground, underline, italics, background, flash);
+ //If we are waiting we need to demux/remux the waiting frag
+ //With the new initPTS
+ if (this.state === audio_stream_controller_State.WAITING_INIT_PTS) {
+ this.tick();
+ }
}
+ };
- _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
- */
-
+ AudioStreamController.prototype.startLoad = 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["b" /* logger */].log('audio:override startPosition with lastCurrentTime @' + lastCurrentTime.toFixed(3));
+ this.state = audio_stream_controller_State.IDLE;
+ } else {
+ this.lastCurrentTime = this.startPosition ? this.startPosition : startPosition;
+ this.state = audio_stream_controller_State.STARTING;
+ }
+ this.nextLoadPosition = this.startPosition = this.lastCurrentTime;
+ this.tick();
+ } else {
+ this.startPosition = startPosition;
+ this.state = audio_stream_controller_State.STOPPED;
+ }
+ };
-var Row = function () {
- function Row() {
- _classCallCheck(this, Row);
+ AudioStreamController.prototype.stopLoad = 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 = audio_stream_controller_State.STOPPED;
+ };
- this.chars = [];
- for (var i = 0; i < NR_COLS; i++) {
- this.chars.push(new StyledUnicodeChar());
- }
- this.pos = 0;
- this.currPenState = new PenState();
+ AudioStreamController.prototype.tick = function tick() {
+ this.ticks++;
+ if (this.ticks === 1) {
+ this.doTick();
+ if (this.ticks > 1) {
+ setTimeout(this.tick, 1);
+ }
+ this.ticks = 0;
}
+ };
- _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;
+ AudioStreamController.prototype.doTick = function doTick() {
+ var pos,
+ track,
+ trackDetails,
+ hls = this.hls,
+ config = hls.config;
+ //logger.log('audioStream:' + this.state);
+ switch (this.state) {
+ case audio_stream_controller_State.ERROR:
+ //don't do anything in error state to avoid breaking further ...
+ case audio_stream_controller_State.PAUSED:
+ //don't do anything in paused state either ...
+ case audio_stream_controller_State.BUFFER_FLUSHING:
+ break;
+ case audio_stream_controller_State.STARTING:
+ this.state = audio_stream_controller_State.WAITING_TRACK;
+ this.loadedmetadata = false;
+ break;
+ case audio_stream_controller_State.IDLE:
+ var tracks = this.tracks;
+ // audio tracks not received => exit loop
+ if (!tracks) {
+ break;
}
- }, {
- key: 'copy',
- value: function copy(other) {
- for (var i = 0; i < NR_COLS; i++) {
- this.chars[i].copy(other.chars[i]);
- }
+ // 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;
}
- }, {
- 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;
+ // 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;
+ if (pos === undefined) {
+ break;
+ }
}
+ var media = this.mediaBuffer ? this.mediaBuffer : this.media,
+ videoBuffer = this.videoBuffer ? this.videoBuffer : this.media,
+ bufferInfo = buffer_helper.bufferInfo(media, pos, config.maxBufferHole),
+ mainBufferInfo = buffer_helper.bufferInfo(videoBuffer, pos, config.maxBufferHole),
+ bufferLen = bufferInfo.len,
+ bufferEnd = bufferInfo.end,
+ fragPrevious = this.fragPrevious,
+
+ // ensure we buffer at least config.maxBufferLength (default 30s)
+ // once we reach that threshold, don't buffer more than video (mainBufferInfo.len)
+ maxBufLen = Math.max(config.maxBufferLength, mainBufferInfo.len),
+ 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 = audio_stream_controller_State.WAITING_TRACK;
+ break;
+ }
- /**
- * 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;
+ // check if we need to finalize media stream
+ // we just got done loading the final fragment and there is no other buffered range after ...
+ // rationale is that in case there are any buffered ranges after, it means that there are unbuffered portion in between
+ // so we should not switch to ENDED in that case, to be able to buffer them
+ if (!audioSwitch && !trackDetails.live && fragPrevious && fragPrevious.sn === trackDetails.endSN && !bufferInfo.nextStart) {
+ // 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(events["a" /* default */].BUFFER_EOS, { type: 'audio' });
+ this.state = audio_stream_controller_State.ENDED;
+ break;
}
- }
-
- /**
- * 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);
+ // 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["b" /* 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["b" /* logger */].log('alt audio track ahead of main track, seek to start of alt audio track');
+ this.media.currentTime = start + 0.05;
+ } else {
+ return;
}
+ }
}
- 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!');
+ }
+ 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 (this.videoTrackCC !== null && frag.cc !== this.videoTrackCC) {
+ // Ensure we find a fragment which matches the continuity of the video track
+ frag = findFragWithCC(fragments, this.videoTrackCC);
+ }
+ 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["b" /* logger */].log('no alt audio available @currentTime:' + this.media.currentTime + ', seeking @' + (nextBuffered + 0.05));
+ this.media.currentTime = nextBuffered + 0.05;
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) {
+ 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;
+ };
- 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 (bufferEnd < end) {
+ if (bufferEnd > end - maxFragLookUpTolerance) {
+ maxFragLookUpTolerance = 0;
}
- }
- if (displayText.length > 0) {
- if (asOneRow) {
- text = '[' + displayText.join(' | ') + ']';
+ // Prefer the next fragment if it's within tolerance
+ if (fragNext && !fragmentWithinToleranceTest(fragNext)) {
+ foundFrag = fragNext;
} else {
- text = displayText.join('\n');
+ foundFrag = binary_search.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["b" /* logger */].log('SN just loaded, load next one: ' + frag.sn);
+ } else {
+ frag = null;
+ }
+ }
+ }
}
- 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];
+ 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["b" /* logger */].log('Loading key for ' + frag.sn + ' of [' + trackDetails.startSN + ' ,' + trackDetails.endSN + '],track ' + trackId);
+ this.state = audio_stream_controller_State.KEY_LOADING;
+ hls.trigger(events["a" /* default */].KEY_LOADING, { frag: frag });
} 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;
- }
+ logger["b" /* logger */].log('Loading ' + frag.sn + ', cc: ' + frag.cc + ' 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(events["a" /* default */].ERROR, { type: errors["b" /* ErrorTypes */].MEDIA_ERROR, details: errors["a" /* ErrorDetails */].FRAG_LOOP_LOADING_ERROR, fatal: false, frag: frag });
+ return;
}
- this.lastOutputScreen.copy(this.displayedMemory);
+ } 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(events["a" /* default */].FRAG_LOADING, { frag: frag });
+ this.state = audio_stream_controller_State.FRAG_LOADING;
}
+ }
}
- }, {
- 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;
- }
- }
+ break;
+ case audio_stream_controller_State.WAITING_TRACK:
+ track = this.tracks[this.trackId];
+ // check if playlist is already loaded
+ if (track && track.details) {
+ this.state = audio_stream_controller_State.IDLE;
}
- }]);
-
- return Cea608Channel;
-}();
-
-var Cea608Parser = function () {
- function Cea608Parser(field, out1, out2) {
- _classCallCheck(this, Cea608Parser);
-
- 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 };
- }
-
- _createClass(Cea608Parser, [{
- key: 'getHandler',
- value: function getHandler(index) {
- return this.channels[index].getHandler();
+ break;
+ case audio_stream_controller_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["b" /* logger */].log('audioStreamController: retryDate reached, switch back to IDLE state');
+ this.state = audio_stream_controller_State.IDLE;
}
- }, {
- key: 'setHandler',
- value: function setHandler(index, newHandler) {
- this.channels[index].setHandler(newHandler);
+ break;
+ case audio_stream_controller_State.WAITING_INIT_PTS:
+ var videoTrackCC = this.videoTrackCC;
+ if (this.initPTS[videoTrackCC] === undefined) {
+ break;
}
- /**
- * Add data for time t in forms of list of bytes (unsigned ints). The bytes are treated as pairs.
- */
-
- }, {
- key: 'addData',
- value: function addData(t, byteList) {
- var cmdFound,
- a,
- b,
- charsFound = false;
-
- this.lastTime = t;
- logger.setTime(t);
-
- 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]]));
- }
+ // Ensure we don't get stuck in the WAITING_INIT_PTS state if the waiting frag CC doesn't match any initPTS
+ var waitingFrag = this.waitingFragment;
+ if (waitingFrag) {
+ var waitingFragCC = waitingFrag.frag.cc;
+ if (videoTrackCC !== waitingFragCC) {
+ track = this.tracks[this.trackId];
+ if (track.details && track.details.live) {
+ logger["b" /* logger */].warn('Waiting fragment CC (' + waitingFragCC + ') does not match video track CC (' + videoTrackCC + ')');
+ this.waitingFragment = null;
+ this.state = audio_stream_controller_State.IDLE;
}
+ } else {
+ this.state = audio_stream_controller_State.FRAG_LOADING;
+ this.onFragLoaded(this.waitingFragment);
+ this.waitingFragment = null;
+ }
+ } else {
+ this.state = audio_stream_controller_State.IDLE;
}
- /**
- * Parse Command.
- * @returns {Boolean} Tells if a command was found
- */
-
- }, {
- key: 'parseCmd',
- value: function parseCmd(a, b) {
- var chNr = null;
-
- 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;
- }
-
- 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;
- }
-
- if (a === 0x14 || a === 0x17) {
- chNr = 1;
- } else {
- chNr = 2; // (a === 0x1C || a=== 0x1f)
- }
-
- var channel = this.channels[chNr - 1];
-
- 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;
- }
+ break;
+ case audio_stream_controller_State.STOPPED:
+ case audio_stream_controller_State.FRAG_LOADING:
+ case audio_stream_controller_State.PARSING:
+ case audio_stream_controller_State.PARSED:
+ case audio_stream_controller_State.ENDED:
+ break;
+ default:
+ break;
+ }
+ };
- /**
- * Parse midrow styling command
- * @returns {Boolean}
- */
+ AudioStreamController.prototype.onMediaAttached = 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: 'parseMidrow',
- value: function parseMidrow(a, b) {
- var chNr = null;
+ AudioStreamController.prototype.onMediaDetaching = function onMediaDetaching() {
+ var media = this.media;
+ if (media && media.ended) {
+ logger["b" /* logger */].log('MSE detaching and video ended, reset startPosition');
+ this.startPosition = this.lastCurrentTime = 0;
+ }
- 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;
+ // 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;
+ });
}
- /**
- * Parse Preable Access Codes (Table 53).
- * @returns {Boolean} Tells if PAC found
- */
-
- }, {
- key: 'parsePAC',
- value: function parsePAC(a, b) {
-
- var chNr = null;
- var row = null;
-
- 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;
- }
-
- if (a === this.lastCmdA && b === this.lastCmdB) {
- this.lastCmdA = null;
- this.lastCmdB = null;
- return true; // Repeated commands are dropped (once)
- }
+ });
+ }
+ // 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 = this.videoBuffer = null;
+ this.loadedmetadata = false;
+ this.stopLoad();
+ };
- chNr = a <= 0x17 ? 1 : 2;
+ AudioStreamController.prototype.onMediaSeeking = function onMediaSeeking() {
+ if (this.state === audio_stream_controller_State.ENDED) {
+ // switch to IDLE state to check for potential new fragment
+ this.state = audio_stream_controller_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();
+ };
- 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;
- }
+ AudioStreamController.prototype.onMediaEnded = function onMediaEnded() {
+ // reset startPosition and lastCurrentTime to restart playback @ stream beginning
+ this.startPosition = this.lastCurrentTime = 0;
+ };
- /**
- * Interpret the second byte of the pac, and return the information.
- * @returns {Object} pacData with style parameters.
- */
+ AudioStreamController.prototype.onAudioTracksUpdated = function onAudioTracksUpdated(data) {
+ logger["b" /* logger */].log('audio tracks updated');
+ this.tracks = data.audioTracks;
+ };
- }, {
- key: 'interpretPAC',
- value: function interpretPAC(row, byte) {
- var pacIndex = byte;
- var pacData = { color: null, italics: false, indent: null, underline: false, row: row };
+ AudioStreamController.prototype.onAudioTrackSwitching = 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;
- 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.
- }
+ this.fragCurrent = null;
+ this.state = audio_stream_controller_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);
+ }
+ }
- /**
- * Parse characters.
- * @returns An array with 1 to 2 codes corresponding to chars, if found. null otherwise.
- */
+ //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 = audio_stream_controller_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: 'parseChars',
- value: function parseChars(a, b) {
+ AudioStreamController.prototype.onAudioTrackLoaded = function onAudioTrackLoaded(data) {
+ var newDetails = data.details,
+ trackId = data.id,
+ track = this.tracks[trackId],
+ duration = newDetails.totalduration,
+ sliding = 0;
- var channelNr = null,
- charCodes = null,
- charCode1 = null;
+ logger["b" /* logger */].log('track ' + trackId + ' loaded [' + newDetails.startSN + ',' + newDetails.endSN + '],duration:' + duration);
- 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;
+ if (newDetails.live) {
+ var curDetails = track.details;
+ if (curDetails && newDetails.fragments.length > 0) {
+ // we already have details for that level, merge them
+ mergeDetails(curDetails, newDetails);
+ sliding = newDetails.fragments[0].start;
+ // TODO
+ //this.liveSyncPosition = this.computeLivePosition(sliding, curDetails);
+ if (newDetails.PTSKnown) {
+ logger["b" /* logger */].log('live audio playlist sliding:' + sliding.toFixed(3));
+ } else {
+ logger["b" /* logger */].log('live audio playlist - outdated PTS, unknown sliding');
}
-
- /**
- * Parse extended background attributes as well as new foreground color black.
- * @returns{Boolean} Tells if background attributes are found
- */
-
- }, {
- key: 'parseBackgroundAttributes',
- value: function parseBackgroundAttributes(a, b) {
- var bkgData, index, chNr, channel;
-
- 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;
+ } else {
+ newDetails.PTSKnown = false;
+ logger["b" /* 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["b" /* 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 === audio_stream_controller_State.WAITING_TRACK) {
+ this.state = audio_stream_controller_State.IDLE;
+ }
+ //trigger handler right now
+ this.tick();
+ };
- /**
- * Reset state of parser and its channels.
- */
+ AudioStreamController.prototype.onKeyLoaded = function onKeyLoaded() {
+ if (this.state === audio_stream_controller_State.KEY_LOADING) {
+ this.state = audio_stream_controller_State.IDLE;
+ this.tick();
+ }
+ };
- }, {
- 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;
+ AudioStreamController.prototype.onFragLoaded = function onFragLoaded(data) {
+ var fragCurrent = this.fragCurrent,
+ fragLoaded = data.frag;
+ if (this.state === audio_stream_controller_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 = audio_stream_controller_State.IDLE;
+
+ stats.tparsed = stats.tbuffered = performance.now();
+ details.initSegment.data = data.payload;
+ this.hls.trigger(events["a" /* default */].FRAG_BUFFERED, { stats: stats, frag: fragCurrent, id: 'audio' });
+ this.tick();
+ } else {
+ this.state = audio_stream_controller_State.PARSING;
+ // transmux the MPEG-TS data to ISO-BMFF segments
+ this.appended = false;
+ if (!this.demuxer) {
+ this.demuxer = new demux_demuxer(this.hls, 'audio');
}
-
- /**
- * Trigger the generation of a cue, and the start of a new one if displayScreens are not empty.
- */
-
- }, {
- key: 'cueSplitAtTime',
- value: function cueSplitAtTime(t) {
- for (var i = 0; i < this.channels.length; i++) {
- if (this.channels[i]) {
- this.channels[i].cueSplitAtTime(t);
- }
- }
+ //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["b" /* 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["b" /* 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 = audio_stream_controller_State.WAITING_INIT_PTS;
}
- }]);
-
- return Cea608Parser;
-}();
-
-exports.default = Cea608Parser;
-
-},{}],50:[function(_dereq_,module,exports){
-'use strict';
-
-var _vttparser = _dereq_(56);
-
-var Cues = {
-
- newCue: function newCue(track, startTime, endTime, captionScreen) {
- var row;
- var cue;
- var indenting;
- var indent;
- var text;
- var VTTCue = window.VTTCue || window.TextTrackCue;
-
- for (var r = 0; r < captionScreen.rows.length; r++) {
- row = captionScreen.rows[r];
- indenting = true;
- indent = 0;
- text = '';
+ }
+ }
+ this.fragLoadError = 0;
+ };
- if (!row.isEmpty()) {
- for (var c = 0; c < row.chars.length; c++) {
- if (row.chars[c].uchar.match(/\s/) && indenting) {
- indent++;
+ AudioStreamController.prototype.onFragParsingInitSegment = 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 === audio_stream_controller_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 = track.codec;
+ track.id = data.id;
+ this.hls.trigger(events["a" /* default */].BUFFER_CODECS, tracks);
+ logger["b" /* 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 {
- text += row.chars[c].uchar;
- indenting = false;
+ this.appended = true;
+ // arm pending Buffering flag before appending a segment
+ this.pendingBuffering = true;
+ this.hls.trigger(events["a" /* default */].BUFFER_APPENDING, appendObj);
}
}
- //To be used for cleaning-up orphaned roll-up captions
- row.cueStartTime = startTime;
+ //trigger handler right now
+ this.tick();
+ }
+ }
+ };
- // 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;
- }
+ AudioStreamController.prototype.onFragParsingData = function onFragParsingData(data) {
+ var _this2 = this;
- cue = new VTTCue(startTime, endTime, (0, _vttparser.fixLineBreaks)(text.trim()));
+ 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 === audio_stream_controller_State.PARSING) {
+ var trackId = this.trackId,
+ track = this.tracks[trackId],
+ hls = this.hls;
- if (indent >= 16) {
- indent--;
+ if (isNaN(data.endPTS)) {
+ data.endPTS = data.startPTS + fragCurrent.duration;
+ data.endDTS = data.startDTS + fragCurrent.duration;
+ }
+
+ logger["b" /* 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);
+ 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["b" /* logger */].log('switching audio track : currentTime:' + currentTime);
+ if (currentTime >= data.startPTS) {
+ logger["b" /* logger */].log('switching audio track : flushing all audio');
+ this.state = audio_stream_controller_State.BUFFER_FLUSHING;
+ hls.trigger(events["a" /* 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(events["a" /* default */].AUDIO_TRACK_SWITCHED, { id: trackId });
+ }
} else {
- indent++;
+ //Lets announce that the initial audio track switch flush occur
+ this.audioSwitch = false;
+ hls.trigger(events["a" /* default */].AUDIO_TRACK_SWITCHED, { id: trackId });
}
+ }
- // 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;
+ 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 === audio_stream_controller_State.PARSING) {
+ // arm pending Buffering flag before appending a segment
+ _this2.pendingBuffering = true;
+ _this2.hls.trigger(events["a" /* default */].BUFFER_APPENDING, appendObj);
+ }
+ });
+ this.pendingData = [];
+ this.appended = true;
}
- 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);
}
+ //trigger handler right now
+ this.tick();
}
- }
-
-};
-
-module.exports = Cues;
-
-},{"56":56}],51:[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; }; }(); /*
- * 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.
- */
-
-var _ewma = _dereq_(52);
-
-var _ewma2 = _interopRequireDefault(_ewma);
-
-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 EwmaBandWidthEstimator = function () {
- function EwmaBandWidthEstimator(hls, slow, fast, defaultEstimate) {
- _classCallCheck(this, EwmaBandWidthEstimator);
-
- 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);
- }
-
- _createClass(EwmaBandWidthEstimator, [{
- key: 'sample',
- value: function sample(durationMs, numBytes) {
- durationMs = Math.max(durationMs, this.minDelayMs_);
- var bandwidth = 8000 * numBytes / durationMs,
+ };
- //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_;
- }
+ AudioStreamController.prototype.onFragParsed = 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 === audio_stream_controller_State.PARSING) {
+ this.stats.tparsed = performance.now();
+ this.state = audio_stream_controller_State.PARSED;
+ this._checkAppendedParsed();
}
- }, {
- key: 'destroy',
- value: function destroy() {}
- }]);
-
- return EwmaBandWidthEstimator;
-}();
-
-exports.default = EwmaBandWidthEstimator;
-
-},{"52":52}],52:[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"); } }
-
-/*
- * compute an Exponential Weighted moving average
- * - https://en.wikipedia.org/wiki/Moving_average#Exponential_moving_average
- * - heavily inspired from shaka-player
- */
-
-var EWMA = function () {
-
- // About half of the estimated value will be from the last |halfLife| samples by weight.
- function EWMA(halfLife) {
- _classCallCheck(this, EWMA);
+ };
- // 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;
- }
+ AudioStreamController.prototype.onBufferReset = function onBufferReset() {
+ // reset reference to sourcebuffers
+ this.mediaBuffer = this.videoBuffer = null;
+ this.loadedmetadata = false;
+ };
- _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;
+ AudioStreamController.prototype.onBufferCreated = function onBufferCreated(data) {
+ var audioTrack = data.tracks.audio;
+ if (audioTrack) {
+ this.mediaBuffer = audioTrack.buffer;
+ this.loadedmetadata = true;
}
- }, {
- 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_;
- }
+ if (data.tracks.video) {
+ this.videoBuffer = data.tracks.video.buffer;
}
- }]);
-
- return EWMA;
-}();
-
-exports.default = EWMA;
-
-},{}],53:[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; };
-
-function noop() {}
-
-var fakeLogger = {
- trace: noop,
- debug: noop,
- log: noop,
- warn: noop,
- info: noop,
- error: noop
-};
-
-var exportedLogger = fakeLogger;
-
-/*globals self: false */
-
-//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;
-// }
-
-function formatMsg(type, msg) {
- msg = '[' + type + '] > ' + msg;
- return msg;
-}
+ };
-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];
+ AudioStreamController.prototype.onBufferAppended = function onBufferAppended(data) {
+ if (data.parent === 'audio') {
+ var state = this.state;
+ if (state === audio_stream_controller_State.PARSING || state === audio_stream_controller_State.PARSED) {
+ // check if all buffers have been appended
+ this.pendingBuffering = data.pending > 0;
+ this._checkAppendedParsed();
}
+ }
+ };
- if (args[0]) {
- args[0] = formatMsg(type, args[0]);
+ AudioStreamController.prototype._checkAppendedParsed = function _checkAppendedParsed() {
+ //trigger handler right now
+ if (this.state === audio_stream_controller_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(events["a" /* default */].FRAG_BUFFERED, { stats: stats, frag: frag, id: 'audio' });
+ var media = this.mediaBuffer ? this.mediaBuffer : this.media;
+ logger["b" /* logger */].log('audio buffered : ' + timeRanges.toString(media.buffered));
+ if (this.audioSwitch && this.appended) {
+ this.audioSwitch = false;
+ hls.trigger(events["a" /* default */].AUDIO_TRACK_SWITCHED, { id: this.trackId });
+ }
+ this.state = audio_stream_controller_State.IDLE;
}
- func.apply(self.console, args);
- };
- }
- return noop;
-}
-
-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];
- }
-
- 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;
+ this.tick();
}
- } else {
- exportedLogger = fakeLogger;
- }
-};
-
-var logger = exports.logger = exportedLogger;
+ };
-},{}],54:[function(_dereq_,module,exports){
-'use strict';
+ AudioStreamController.prototype.onError = 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["a" /* ErrorDetails */].FRAG_LOAD_ERROR:
+ case errors["a" /* 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["b" /* logger */].warn('audioStreamController: frag loading failed, retry in ' + delay + ' ms');
+ this.retryDate = performance.now() + delay;
+ // retry loading state
+ this.state = audio_stream_controller_State.FRAG_LOADING_WAITING_RETRY;
+ } else {
+ logger["b" /* logger */].error('audioStreamController: ' + data.details + ' reaches max retry, redispatch as fatal ...');
+ // switch error to fatal
+ data.fatal = true;
+ this.state = audio_stream_controller_State.ERROR;
+ }
+ }
+ break;
+ case errors["a" /* ErrorDetails */].FRAG_LOOP_LOADING_ERROR:
+ case errors["a" /* ErrorDetails */].AUDIO_TRACK_LOAD_ERROR:
+ case errors["a" /* ErrorDetails */].AUDIO_TRACK_LOAD_TIMEOUT:
+ case errors["a" /* ErrorDetails */].KEY_LOAD_ERROR:
+ case errors["a" /* 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 !== audio_stream_controller_State.ERROR) {
+ // if fatal error, stop processing, otherwise move to IDLE to retry loading
+ this.state = data.fatal ? audio_stream_controller_State.ERROR : audio_stream_controller_State.IDLE;
+ logger["b" /* logger */].warn('audioStreamController: ' + data.details + ' while loading frag,switch to ' + this.state + ' state ...');
+ }
+ break;
+ case errors["a" /* ErrorDetails */].BUFFER_FULL_ERROR:
+ // if in appending state
+ if (data.parent === 'audio' && (this.state === audio_stream_controller_State.PARSING || this.state === audio_stream_controller_State.PARSED)) {
+ var media = this.mediaBuffer,
+ currentTime = this.media.currentTime,
+ mediaBuffered = media && buffer_helper.isBuffered(media, currentTime) && buffer_helper.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["b" /* 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 = audio_stream_controller_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["b" /* logger */].warn('buffer full error also media.currentTime is not buffered, flush audio buffer');
+ this.fragCurrent = null;
+ // flush everything
+ this.state = audio_stream_controller_State.BUFFER_FLUSHING;
+ this.hls.trigger(events["a" /* default */].BUFFER_FLUSHING, { startOffset: 0, endOffset: Number.POSITIVE_INFINITY, type: 'audio' });
+ }
+ }
+ break;
+ default:
+ break;
+ }
+ };
-/**
- * TimeRanges to string helper
- */
+ AudioStreamController.prototype.onBufferFlushed = function onBufferFlushed() {
+ var _this3 = this;
-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) + ']';
+ var pendingData = this.pendingData;
+ if (pendingData && pendingData.length) {
+ logger["b" /* logger */].log('appending pending audio data on Buffer Flushed');
+ pendingData.forEach(function (appendObj) {
+ _this3.hls.trigger(events["a" /* default */].BUFFER_APPENDING, appendObj);
+ });
+ this.appended = true;
+ this.pendingData = [];
+ this.state = audio_stream_controller_State.PARSED;
+ } else {
+ // move to IDLE once flush complete. this should trigger new fragment loading
+ this.state = audio_stream_controller_State.IDLE;
+ // reset reference to frag
+ this.fragPrevious = null;
+ this.tick();
}
- return log;
- }
-};
-
-module.exports = TimeRanges;
+ };
-},{}],55:[function(_dereq_,module,exports){
-'use strict';
+ audio_stream_controller__createClass(AudioStreamController, [{
+ key: 'state',
+ set: function set(nextState) {
+ if (this.state !== nextState) {
+ var previousState = this.state;
+ this._state = nextState;
+ logger["b" /* logger */].log('audio stream:' + previousState + '->' + nextState);
+ }
+ },
+ get: function get() {
+ return this._state;
+ }
+ }]);
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
+ return AudioStreamController;
+}(event_handler);
+/* harmony default export */ var audio_stream_controller = (audio_stream_controller_AudioStreamController);
+// CONCATENATED MODULE: ./src/utils/vttcue.js
/**
* Copyright 2013 vtt.js Contributors
*
@@ -28720,7 +26393,7 @@ Object.defineProperty(exports, "__esModule", {
* limitations under the License.
*/
-exports.default = function () {
+/* harmony default export */ var vttcue = ((function () {
if (typeof window !== 'undefined' && window.VTTCue) {
return window.VTTCue;
}
@@ -29007,21 +26680,13 @@ exports.default = function () {
};
return VTTCue;
-}();
-
-},{}],56:[function(_dereq_,module,exports){
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-exports.fixLineBreaks = undefined;
+})());
+// CONCATENATED MODULE: ./src/utils/vttparser.js
+/*
+ * Source: https://github.com/mozilla/vtt.js/blob/master/dist/vtt.js#L1716
+ */
-var _vttcue = _dereq_(55);
-var _vttcue2 = _interopRequireDefault(_vttcue);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var StringDecoder = function StringDecoder() {
return {
@@ -29035,9 +26700,7 @@ var StringDecoder = function StringDecoder() {
return decodeURIComponent(encodeURIComponent(data));
}
};
-}; /*
- * Source: https://github.com/mozilla/vtt.js/blob/master/dist/vtt.js#L1716
- */
+};
function VTTParser() {
this.window = window;
@@ -29148,9 +26811,9 @@ function parseOptions(input, callback, keyValueDelim, groupDelim) {
}
}
-var defaults = new _vttcue2.default(0, 0, 0);
+var defaults = new vttcue(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
+// Safari doesn't yet support this change, but FF and Chrome do.
var center = defaults.align === 'middle' ? 'middle' : 'center';
function parseCue(input, cue, regionList) {
@@ -29315,8 +26978,9 @@ VTTParser.prototype = {
}
line = collectNextLine();
-
- var m = line.match(/^WEBVTT([ \t].*)?$/);
+ // strip of UTF-8 BOM if any
+ // https://en.wikipedia.org/wiki/Byte_order_mark#UTF-8
+ var m = line.match(/^()?WEBVTT([ \t].*)?$/);
if (!m || !m[0]) {
throw new Error('Malformed WebVTT signature.');
}
@@ -29363,7 +27027,7 @@ VTTParser.prototype = {
if (!line) {
continue;
}
- self.cue = new _vttcue2.default(0, 0, '');
+ self.cue = new vttcue(0, 0, '');
self.state = 'CUE';
// 30-39 - Check if self line contains an optional identifier or timing data.
if (line.indexOf('-->') === -1) {
@@ -29452,17 +27116,1335 @@ VTTParser.prototype = {
}
};
-exports.fixLineBreaks = fixLineBreaks;
-exports.default = VTTParser;
-},{"55":55}],57:[function(_dereq_,module,exports){
-'use strict';
-var _vttparser = _dereq_(56);
+/* harmony default export */ var vttparser = (VTTParser);
+// CONCATENATED MODULE: ./src/utils/cues.js
+
+
+function newCue(track, startTime, endTime, captionScreen) {
+ var row;
+ var cue;
+ var indenting;
+ var indent;
+ var text;
+ var VTTCue = window.VTTCue || window.TextTrackCue;
+
+ for (var r = 0; r < captionScreen.rows.length; r++) {
+ row = captionScreen.rows[r];
+ indenting = true;
+ indent = 0;
+ text = '';
+
+ 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;
+
+ // 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;
+ }
+
+ cue = new VTTCue(startTime, endTime, fixLineBreaks(text.trim()));
+
+ if (indent >= 16) {
+ indent--;
+ } else {
+ indent++;
+ }
+
+ // 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);
+ }
+ }
+}
+// CONCATENATED MODULE: ./src/utils/cea-608-parser.js
+function cea_608_parser__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 cea_608_parser_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) {
+ cea_608_parser__classCallCheck(this, PenState);
+
+ this.foreground = foreground || 'white';
+ this.underline = underline || false;
+ this.italics = italics || false;
+ this.background = background || 'black';
+ this.flash = flash || false;
+ }
+
+ PenState.prototype.reset = function reset() {
+ this.foreground = 'white';
+ this.underline = false;
+ this.italics = false;
+ this.background = 'black';
+ this.flash = false;
+ };
+
+ PenState.prototype.setStyles = 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];
+ }
+ }
+ };
+
+ PenState.prototype.isDefault = function isDefault() {
+ return this.foreground === 'white' && !this.underline && !this.italics && this.background === 'black' && !this.flash;
+ };
+
+ PenState.prototype.equals = function equals(other) {
+ return this.foreground === other.foreground && this.underline === other.underline && this.italics === other.italics && this.background === other.background && this.flash === other.flash;
+ };
+
+ PenState.prototype.copy = function copy(newPenState) {
+ this.foreground = newPenState.foreground;
+ this.underline = newPenState.underline;
+ this.italics = newPenState.italics;
+ this.background = newPenState.background;
+ this.flash = newPenState.flash;
+ };
+
+ PenState.prototype.toString = 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) {
+ cea_608_parser__classCallCheck(this, StyledUnicodeChar);
+
+ this.uchar = uchar || ' '; // unicode character
+ this.penState = new PenState(foreground, underline, italics, background, flash);
+ }
+
+ StyledUnicodeChar.prototype.reset = function reset() {
+ this.uchar = ' ';
+ this.penState.reset();
+ };
+
+ StyledUnicodeChar.prototype.setChar = function setChar(uchar, newPenState) {
+ this.uchar = uchar;
+ this.penState.copy(newPenState);
+ };
+
+ StyledUnicodeChar.prototype.setPenState = function setPenState(newPenState) {
+ this.penState.copy(newPenState);
+ };
+
+ StyledUnicodeChar.prototype.equals = function equals(other) {
+ return this.uchar === other.uchar && this.penState.equals(other.penState);
+ };
+
+ StyledUnicodeChar.prototype.copy = function copy(newChar) {
+ this.uchar = newChar.uchar;
+ this.penState.copy(newChar.penState);
+ };
+
+ StyledUnicodeChar.prototype.isEmpty = 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() {
+ cea_608_parser__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();
+ }
+
+ Row.prototype.equals = 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;
+ };
+
+ Row.prototype.copy = function copy(other) {
+ for (var i = 0; i < NR_COLS; i++) {
+ this.chars[i].copy(other.chars[i]);
+ }
+ };
+
+ Row.prototype.isEmpty = 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.
+ */
+
+
+ Row.prototype.setCursor = function setCursor(absPos) {
+ if (this.pos !== absPos) {
+ this.pos = absPos;
+ }
+ if (this.pos < 0) {
+ cea_608_parser_logger.log('ERROR', 'Negative cursor position ' + this.pos);
+ this.pos = 0;
+ } else if (this.pos > NR_COLS) {
+ cea_608_parser_logger.log('ERROR', 'Too large cursor position ' + this.pos);
+ this.pos = NR_COLS;
+ }
+ };
+
+ /**
+ * Move the cursor relative to current position.
+ */
+
+
+ Row.prototype.moveCursor = 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.
+ */
+
+
+ Row.prototype.backSpace = function backSpace() {
+ this.moveCursor(-1);
+ this.chars[this.pos].setChar(' ', this.currPenState);
+ };
+
+ Row.prototype.insertChar = function insertChar(byte) {
+ if (byte >= 0x90) {
+ //Extended char
+ this.backSpace();
+ }
+ var char = getCharForByte(byte);
+ if (this.pos >= NR_COLS) {
+ cea_608_parser_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);
+ };
+
+ Row.prototype.clearFromPos = function clearFromPos(startPos) {
+ var i;
+ for (i = startPos; i < NR_COLS; i++) {
+ this.chars[i].reset();
+ }
+ };
+
+ Row.prototype.clear = function clear() {
+ this.clearFromPos(0);
+ this.pos = 0;
+ this.currPenState.reset();
+ };
+
+ Row.prototype.clearToEndOfRow = function clearToEndOfRow() {
+ this.clearFromPos(this.pos);
+ };
+
+ Row.prototype.getTextString = 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('');
+ }
+ };
+
+ Row.prototype.setPenStyles = 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() {
+ cea_608_parser__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();
+ }
+
+ CaptionScreen.prototype.reset = function reset() {
+ for (var i = 0; i < NR_ROWS; i++) {
+ this.rows[i].clear();
+ }
+ this.currRow = NR_ROWS - 1;
+ };
+
+ CaptionScreen.prototype.equals = 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;
+ };
+
+ CaptionScreen.prototype.copy = function copy(other) {
+ for (var i = 0; i < NR_ROWS; i++) {
+ this.rows[i].copy(other.rows[i]);
+ }
+ };
+
+ CaptionScreen.prototype.isEmpty = function isEmpty() {
+ var empty = true;
+ for (var i = 0; i < NR_ROWS; i++) {
+ if (!this.rows[i].isEmpty()) {
+ empty = false;
+ break;
+ }
+ }
+ return empty;
+ };
+
+ CaptionScreen.prototype.backSpace = function backSpace() {
+ var row = this.rows[this.currRow];
+ row.backSpace();
+ };
+
+ CaptionScreen.prototype.clearToEndOfRow = function clearToEndOfRow() {
+ var row = this.rows[this.currRow];
+ row.clearToEndOfRow();
+ };
+
+ /**
+ * Insert a character (without styling) in the current row.
+ */
+
+
+ CaptionScreen.prototype.insertChar = function insertChar(char) {
+ var row = this.rows[this.currRow];
+ row.insertChar(char);
+ };
+
+ CaptionScreen.prototype.setPen = function setPen(styles) {
+ var row = this.rows[this.currRow];
+ row.setPenStyles(styles);
+ };
+
+ CaptionScreen.prototype.moveCursor = function moveCursor(relPos) {
+ var row = this.rows[this.currRow];
+ row.moveCursor(relPos);
+ };
+
+ CaptionScreen.prototype.setCursor = function setCursor(absPos) {
+ cea_608_parser_logger.log('INFO', 'setCursor: ' + absPos);
+ var row = this.rows[this.currRow];
+ row.setCursor(absPos);
+ };
+
+ CaptionScreen.prototype.setPAC = function setPAC(pacData) {
+ cea_608_parser_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 < cea_608_parser_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).
+ */
+
+
+ CaptionScreen.prototype.setBkgData = function setBkgData(bkgData) {
+
+ cea_608_parser_logger.log('INFO', 'bkgData = ' + JSON.stringify(bkgData));
+ this.backSpace();
+ this.setPen(bkgData);
+ this.insertChar(0x20); //Space
+ };
+
+ CaptionScreen.prototype.setRollUpRows = function setRollUpRows(nrRows) {
+ this.nrRollUpRows = nrRows;
+ };
+
+ CaptionScreen.prototype.rollUp = function rollUp() {
+ if (this.nrRollUpRows === null) {
+ cea_608_parser_logger.log('DEBUG', 'roll_up but nrRollUpRows not set yet');
+ return; //Not properly setup
+ }
+ cea_608_parser_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);
+ cea_608_parser_logger.log('INFO', 'Rolling up');
+ //logger.log('TEXT', this.get_display_text())
+ };
+
+ /**
+ * Get all non-empty rows with as unicode text.
+ */
+
+
+ CaptionScreen.prototype.getDisplayText = 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;
+ };
+
+ CaptionScreen.prototype.getTextAndFormat = 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) {
+ cea_608_parser__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.
+ }
+
+ Cea608Channel.prototype.reset = 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;
+ };
+
+ Cea608Channel.prototype.getHandler = function getHandler() {
+ return this.outputFilter;
+ };
+
+ Cea608Channel.prototype.setHandler = function setHandler(newHandler) {
+ this.outputFilter = newHandler;
+ };
+
+ Cea608Channel.prototype.setPAC = function setPAC(pacData) {
+ this.writeScreen.setPAC(pacData);
+ };
+
+ Cea608Channel.prototype.setBkgData = function setBkgData(bkgData) {
+ this.writeScreen.setBkgData(bkgData);
+ };
+
+ Cea608Channel.prototype.setMode = function setMode(newMode) {
+ if (newMode === this.mode) {
+ return;
+ }
+ this.mode = newMode;
+ cea_608_parser_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;
+ };
+
+ Cea608Channel.prototype.insertChars = 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';
+ cea_608_parser_logger.log('INFO', screen + ': ' + this.writeScreen.getDisplayText(true));
+ if (this.mode === 'MODE_PAINT-ON' || this.mode === 'MODE_ROLL-UP') {
+ cea_608_parser_logger.log('TEXT', 'DISPLAYED: ' + this.displayedMemory.getDisplayText(true));
+ this.outputDataUpdate();
+ }
+ };
+
+ Cea608Channel.prototype.ccRCL = function ccRCL() {
+ // Resume Caption Loading (switch mode to Pop On)
+ cea_608_parser_logger.log('INFO', 'RCL - Resume Caption Loading');
+ this.setMode('MODE_POP-ON');
+ };
+
+ Cea608Channel.prototype.ccBS = function ccBS() {
+ // BackSpace
+ cea_608_parser_logger.log('INFO', 'BS - BackSpace');
+ if (this.mode === 'MODE_TEXT') {
+ return;
+ }
+ this.writeScreen.backSpace();
+ if (this.writeScreen === this.displayedMemory) {
+ this.outputDataUpdate();
+ }
+ };
+
+ Cea608Channel.prototype.ccAOF = function ccAOF() {
+ // Reserved (formerly Alarm Off)
+ return;
+ };
+
+ Cea608Channel.prototype.ccAON = function ccAON() {
+ // Reserved (formerly Alarm On)
+ return;
+ };
+
+ Cea608Channel.prototype.ccDER = function ccDER() {
+ // Delete to End of Row
+ cea_608_parser_logger.log('INFO', 'DER- Delete to End of Row');
+ this.writeScreen.clearToEndOfRow();
+ this.outputDataUpdate();
+ };
+
+ Cea608Channel.prototype.ccRU = function ccRU(nrRows) {
+ //Roll-Up Captions-2,3,or 4 Rows
+ cea_608_parser_logger.log('INFO', 'RU(' + nrRows + ') - Roll Up');
+ this.writeScreen = this.displayedMemory;
+ this.setMode('MODE_ROLL-UP');
+ this.writeScreen.setRollUpRows(nrRows);
+ };
+
+ Cea608Channel.prototype.ccFON = function ccFON() {
+ //Flash On
+ cea_608_parser_logger.log('INFO', 'FON - Flash On');
+ this.writeScreen.setPen({ flash: true });
+ };
+
+ Cea608Channel.prototype.ccRDC = function ccRDC() {
+ // Resume Direct Captioning (switch mode to PaintOn)
+ cea_608_parser_logger.log('INFO', 'RDC - Resume Direct Captioning');
+ this.setMode('MODE_PAINT-ON');
+ };
+
+ Cea608Channel.prototype.ccTR = function ccTR() {
+ // Text Restart in text mode (not supported, however)
+ cea_608_parser_logger.log('INFO', 'TR');
+ this.setMode('MODE_TEXT');
+ };
+
+ Cea608Channel.prototype.ccRTD = function ccRTD() {
+ // Resume Text Display in Text mode (not supported, however)
+ cea_608_parser_logger.log('INFO', 'RTD');
+ this.setMode('MODE_TEXT');
+ };
+
+ Cea608Channel.prototype.ccEDM = function ccEDM() {
+ // Erase Displayed Memory
+ cea_608_parser_logger.log('INFO', 'EDM - Erase Displayed Memory');
+ this.displayedMemory.reset();
+ this.outputDataUpdate(true);
+ };
+
+ Cea608Channel.prototype.ccCR = function ccCR() {
+ // Carriage Return
+ cea_608_parser_logger.log('CR - Carriage Return');
+ this.writeScreen.rollUp();
+ this.outputDataUpdate(true);
+ };
+
+ Cea608Channel.prototype.ccENM = function ccENM() {
+ //Erase Non-Displayed Memory
+ cea_608_parser_logger.log('INFO', 'ENM - Erase Non-displayed Memory');
+ this.nonDisplayedMemory.reset();
+ };
+
+ Cea608Channel.prototype.ccEOC = function ccEOC() {
+ //End of Caption (Flip Memories)
+ cea_608_parser_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;
+ cea_608_parser_logger.log('TEXT', 'DISP: ' + this.displayedMemory.getDisplayText());
+ }
+ this.outputDataUpdate(true);
+ };
+
+ Cea608Channel.prototype.ccTO = function ccTO(nrCols) {
+ // Tab Offset 1,2, or 3 columns
+ cea_608_parser_logger.log('INFO', 'TO(' + nrCols + ') - Tab Offset');
+ this.writeScreen.moveCursor(nrCols);
+ };
+
+ Cea608Channel.prototype.ccMIDROW = 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';
+ }
+ cea_608_parser_logger.log('INFO', 'MIDROW: ' + JSON.stringify(styles));
+ this.writeScreen.setPen(styles);
+ };
+
+ Cea608Channel.prototype.outputDataUpdate = function outputDataUpdate() {
+ var dispatch = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+
+ var t = cea_608_parser_logger.time;
+ if (t === null) {
+ return;
+ }
+ if (this.outputFilter) {
+ 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);
+ if (dispatch === true && this.outputFilter.dispatchCue) {
+ this.outputFilter.dispatchCue();
+ }
+ }
+ this.cueStartTime = this.displayedMemory.isEmpty() ? null : t;
+ }
+ }
+ this.lastOutputScreen.copy(this.displayedMemory);
+ }
+ };
+
+ Cea608Channel.prototype.cueSplitAtTime = 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;
+ }
+ }
+ };
+
+ return Cea608Channel;
+}();
+
+var Cea608Parser = function () {
+ function Cea608Parser(field, out1, out2) {
+ cea_608_parser__classCallCheck(this, Cea608Parser);
+
+ 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 };
+ }
+
+ Cea608Parser.prototype.getHandler = function getHandler(index) {
+ return this.channels[index].getHandler();
+ };
+
+ Cea608Parser.prototype.setHandler = function setHandler(index, newHandler) {
+ this.channels[index].setHandler(newHandler);
+ };
+
+ /**
+ * Add data for time t in forms of list of bytes (unsigned ints). The bytes are treated as pairs.
+ */
+
+
+ Cea608Parser.prototype.addData = function addData(t, byteList) {
+ var cmdFound,
+ a,
+ b,
+ charsFound = false;
+
+ this.lastTime = t;
+ cea_608_parser_logger.setTime(t);
+
+ 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 {
+ cea_608_parser_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 {
+ cea_608_parser_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;
+ cea_608_parser_logger.log('WARNING', 'Couldn\'t parse cleaned data ' + numArrayToHexArray([a, b]) + ' orig: ' + numArrayToHexArray([byteList[i], byteList[i + 1]]));
+ }
+ }
+ };
+
+ /**
+ * Parse Command.
+ * @returns {Boolean} Tells if a command was found
+ */
+
+
+ Cea608Parser.prototype.parseCmd = function parseCmd(a, b) {
+ var chNr = null;
+
+ 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;
+ }
+
+ if (a === this.lastCmdA && b === this.lastCmdB) {
+ this.lastCmdA = null;
+ this.lastCmdB = null; // Repeated commands are dropped (once)
+ cea_608_parser_logger.log('DEBUG', 'Repeated command (' + numArrayToHexArray([a, b]) + ') is dropped');
+ return true;
+ }
+
+ if (a === 0x14 || a === 0x17) {
+ chNr = 1;
+ } else {
+ chNr = 2; // (a === 0x1C || a=== 0x1f)
+ }
+
+ var channel = this.channels[chNr - 1];
+
+ 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;
+ };
+
+ /**
+ * Parse midrow styling command
+ * @returns {Boolean}
+ */
+
+
+ Cea608Parser.prototype.parseMidrow = function parseMidrow(a, b) {
+ var chNr = null;
+
+ if ((a === 0x11 || a === 0x19) && 0x20 <= b && b <= 0x2f) {
+ if (a === 0x11) {
+ chNr = 1;
+ } else {
+ chNr = 2;
+ }
+ if (chNr !== this.currChNr) {
+ cea_608_parser_logger.log('ERROR', 'Mismatch channel in midrow parsing');
+ return false;
+ }
+ var channel = this.channels[chNr - 1];
+ channel.ccMIDROW(b);
+ cea_608_parser_logger.log('DEBUG', 'MIDROW (' + numArrayToHexArray([a, b]) + ')');
+ return true;
+ }
+ return false;
+ };
+ /**
+ * Parse Preable Access Codes (Table 53).
+ * @returns {Boolean} Tells if PAC found
+ */
+
+
+ Cea608Parser.prototype.parsePAC = function parsePAC(a, b) {
+
+ var chNr = null;
+ var row = null;
+
+ 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;
+ }
+
+ if (a === this.lastCmdA && b === this.lastCmdB) {
+ this.lastCmdA = null;
+ this.lastCmdB = null;
+ return true; // Repeated commands are dropped (once)
+ }
+
+ chNr = a <= 0x17 ? 1 : 2;
+
+ 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;
+ };
+
+ /**
+ * Interpret the second byte of the pac, and return the information.
+ * @returns {Object} pacData with style parameters.
+ */
+
+
+ Cea608Parser.prototype.interpretPAC = function interpretPAC(row, byte) {
+ var pacIndex = byte;
+ var pacData = { color: null, italics: false, indent: null, underline: false, row: row };
+
+ 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.
+ };
+
+ /**
+ * Parse characters.
+ * @returns An array with 1 to 2 codes corresponding to chars, if found. null otherwise.
+ */
+
+
+ Cea608Parser.prototype.parseChars = function parseChars(a, b) {
+
+ var channelNr = null,
+ charCodes = null,
+ charCode1 = null;
+
+ 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;
+ }
+ cea_608_parser_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);
+ cea_608_parser_logger.log('DEBUG', 'Char codes = ' + hexCodes.join(','));
+ this.lastCmdA = null;
+ this.lastCmdB = null;
+ }
+ return charCodes;
+ };
+
+ /**
+ * Parse extended background attributes as well as new foreground color black.
+ * @returns{Boolean} Tells if background attributes are found
+ */
+
+
+ Cea608Parser.prototype.parseBackgroundAttributes = function parseBackgroundAttributes(a, b) {
+ var bkgData, index, chNr, channel;
+
+ 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;
+ };
+
+ /**
+ * Reset state of parser and its channels.
+ */
+
+
+ Cea608Parser.prototype.reset = 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;
+ };
+
+ /**
+ * Trigger the generation of a cue, and the start of a new one if displayScreens are not empty.
+ */
+
+
+ Cea608Parser.prototype.cueSplitAtTime = function cueSplitAtTime(t) {
+ for (var i = 0; i < this.channels.length; i++) {
+ if (this.channels[i]) {
+ this.channels[i].cueSplitAtTime(t);
+ }
+ }
+ };
+
+ return Cea608Parser;
+}();
+
+/* harmony default export */ var cea_608_parser = (Cea608Parser);
+// CONCATENATED MODULE: ./src/utils/output-filter.js
+function output_filter__classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+var OutputFilter = function () {
+ function OutputFilter(timelineController, track) {
+ output_filter__classCallCheck(this, OutputFilter);
+
+ this.timelineController = timelineController;
+ this.track = track;
+ this.startTime = null;
+ this.endTime = null;
+ this.screen = null;
+ }
+
+ OutputFilter.prototype.dispatchCue = function dispatchCue() {
+ if (this.startTime === null) {
+ return;
+ }
+ this.timelineController.addCues('textTrack' + this.track, this.startTime, this.endTime, this.screen);
+ this.startTime = null;
+ };
+
+ OutputFilter.prototype.newCue = function newCue(startTime, endTime, screen) {
+ if (this.startTime === null || this.startTime > startTime) {
+ this.startTime = startTime;
+ }
+ this.endTime = endTime;
+ this.screen = screen;
+ this.timelineController.createCaptionsTrack(this.track);
+ };
+
+ return OutputFilter;
+}();
+
+/* harmony default export */ var output_filter = (OutputFilter);
+// CONCATENATED MODULE: ./src/utils/webvtt-parser.js
-var _vttparser2 = _interopRequireDefault(_vttparser);
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
// String.prototype.startsWith is not supported in IE11
var startsWith = function startsWith(inputString, searchString, position) {
@@ -29524,7 +28506,9 @@ 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');
+ // Uint8Array.prototype.reduce is not implemented in IE11
+ var vttLines = Object(id3["b" /* utf8ArrayToStr */])(new Uint8Array(vttByteArray)).trim().replace(re, '\n').split('\n');
+
var cueTime = '00:00.000';
var mpegTs = 0;
var localTime = 0;
@@ -29535,7 +28519,7 @@ var WebVTTParser = {
// let VTTCue = VTTCue || window.TextTrackCue;
// Create parser object using VTTCue with TextTrackCue fallback on certain browsers.
- var parser = new _vttparser2.default();
+ var parser = new vttparser();
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.
@@ -29562,10 +28546,10 @@ var WebVTTParser = {
// 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);
+ cue.id = hash(cue.startTime.toString()) + hash(cue.endTime.toString()) + hash(cue.text);
// Fix encoding of special characters. TODO: Test with all sorts of weird characters.
- cue.text = decodeURIComponent(escape(cue.text));
+ cue.text = decodeURIComponent(encodeURIComponent(cue.text));
if (cue.endTime > 0) {
cues.push(cue);
}
@@ -29629,204 +28613,1691 @@ var WebVTTParser = {
}
};
-module.exports = WebVTTParser;
+/* harmony default export */ var webvtt_parser = (WebVTTParser);
+// CONCATENATED MODULE: ./src/controller/timeline-controller.js
+function timeline_controller__classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-},{"56":56}],58:[function(_dereq_,module,exports){
-'use strict';
+function timeline_controller__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
-});
+function timeline_controller__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
+*/
-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 _logger = _dereq_(53);
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-var XhrLoader = function () {
- function XhrLoader(config) {
- _classCallCheck(this, XhrLoader);
- if (config && config.xhrSetup) {
- this.xhrSetup = config.xhrSetup;
+
+
+
+function clearCurrentCues(track) {
+ if (track && track.cues) {
+ while (track.cues.length > 0) {
+ track.removeCue(track.cues[0]);
}
}
+}
+
+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 timeline_controller_TimelineController = function (_EventHandler) {
+ timeline_controller__inherits(TimelineController, _EventHandler);
+
+ function TimelineController(hls) {
+ timeline_controller__classCallCheck(this, TimelineController);
+
+ var _this = timeline_controller__possibleConstructorReturn(this, _EventHandler.call(this, hls, events["a" /* default */].MEDIA_ATTACHING, events["a" /* default */].MEDIA_DETACHING, events["a" /* default */].FRAG_PARSING_USERDATA, events["a" /* default */].FRAG_DECRYPTED, events["a" /* default */].MANIFEST_LOADING, events["a" /* default */].MANIFEST_LOADED, events["a" /* default */].FRAG_LOADED, events["a" /* default */].LEVEL_SWITCHING, events["a" /* default */].INIT_PTS_FOUND));
- _createClass(XhrLoader, [{
- key: 'destroy',
- value: function destroy() {
- this.abort();
- this.loader = null;
+ _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 channel1 = new output_filter(_this, 1);
+ var channel2 = new output_filter(_this, 2);
+
+ _this.cea608Parser = new cea_608_parser(0, channel1, channel2);
}
- }, {
- key: 'abort',
- value: function abort() {
- var loader = this.loader;
- if (loader && loader.readyState !== 4) {
- this.stats.aborted = true;
- loader.abort();
+ return _this;
+ }
+
+ TimelineController.prototype.addCues = 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);
+ };
- window.clearTimeout(this.requestTimeout);
- this.requestTimeout = null;
- window.clearTimeout(this.retryTimeout);
- this.retryTimeout = null;
+ // Triggered when an initial PTS is found; used for synchronisation of WebVTT.
+
+
+ TimelineController.prototype.onInitPtsFound = function onInitPtsFound(data) {
+ var _this2 = this;
+
+ if (typeof this.initPTS === 'undefined') {
+ this.initPTS = data.initPTS;
}
- }, {
- 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();
+
+ // 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: 'loadInternal',
- value: function loadInternal() {
- var xhr,
- context = this.context;
+ };
+
+ TimelineController.prototype.getExistingTrack = 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;
+ };
+
+ TimelineController.prototype.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);
+ };
- if (typeof XDomainRequest !== 'undefined') {
- xhr = this.loader = new XDomainRequest();
+ TimelineController.prototype.createCaptionsTrack = function createCaptionsTrack(track) {
+ var trackVar = 'textTrack' + track;
+ if (!this[trackVar]) {
+ //Enable reuse of existing text track.
+ var existingTrack = this.getExistingTrack(track);
+ if (!existingTrack) {
+ var textTrack = this.createTextTrack('captions', this.config['captionsTextTrack' + track + 'Label'], this.config.captionsTextTrack1LanguageCode);
+ if (textTrack) {
+ textTrack[trackVar] = true;
+ this[trackVar] = textTrack;
+ }
} else {
- xhr = this.loader = new XMLHttpRequest();
+ this[trackVar] = existingTrack;
+ clearCurrentCues(this[trackVar]);
+
+ this.sendAddTrackEvent(this[trackVar], this.media);
}
- var stats = this.stats;
- stats.tfirst = 0;
- stats.loaded = 0;
- var xhrSetup = this.xhrSetup;
+ }
+ };
- 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);
+ TimelineController.prototype.createTextTrack = function createTextTrack(kind, label, lang) {
+ var media = this.media;
+ if (media) {
+ return media.addTextTrack(kind, label, lang);
+ }
+ };
+
+ TimelineController.prototype.destroy = function destroy() {
+ event_handler.prototype.destroy.call(this);
+ };
+
+ TimelineController.prototype.onMediaAttaching = function onMediaAttaching(data) {
+ this.media = data.media;
+ this._cleanTracks();
+ };
+
+ TimelineController.prototype.onMediaDetaching = function onMediaDetaching() {
+ clearCurrentCues(this.textTrack1);
+ clearCurrentCues(this.textTrack2);
+ };
+
+ TimelineController.prototype.onManifestLoading = function onManifestLoading() {
+ this.lastSn = -1; // Detect discontiguity in fragment parsing
+ this.prevCC = -1;
+ this.vttCCs = { ccOffset: 0, presentationOffset: 0 }; // Detect discontinuity in subtitle manifests
+ this._cleanTracks();
+ };
+
+ TimelineController.prototype._cleanTracks = function _cleanTracks() {
+ // 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]);
+ }
+ }
+ }
+ };
+
+ TimelineController.prototype.onManifestLoaded = 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 : [];
+
+ 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 (!xhr.readyState) {
- xhr.open('GET', context.url, true);
+ if (!textTrack) {
+ textTrack = _this3.createTextTrack('subtitles', track.name, track.lang);
}
- } 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);
+ textTrack.mode = track.default ? 'showing' : 'hidden';
+ _this3.textTracks.push(textTrack);
+ });
+ }
+ };
+
+ TimelineController.prototype.onLevelSwitching = function onLevelSwitching() {
+ this.enabled = this.hls.currentLevel.closedCaptions !== 'NONE';
+ };
+
+ TimelineController.prototype.onFragLoaded = 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();
+ }
+ }
+ 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 decryptData = frag.decryptdata;
+ // If the subtitles are not encrypted, parse VTTs now. Otherwise, we need to wait.
+ if (decryptData == null || decryptData.key == null || decryptData.method !== 'AES-128') {
+ this._parseVTTs(frag, payload);
+ }
+ } else {
+ // In case there is no payload, finish unsuccessfully.
+ this.hls.trigger(events["a" /* default */].SUBTITLE_FRAG_PROCESSED, { success: false, frag: frag });
+ }
+ }
+ };
+
+ TimelineController.prototype._parseVTTs = function _parseVTTs(frag, payload) {
+ 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.
+ webvtt_parser.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)) {
+ try {
+ currentTrack.addCue(cue);
+ } catch (err) {
+ var textTrackCue = new window.TextTrackCue(cue.startTime, cue.endTime, cue.text);
+ textTrackCue.id = cue.id;
+ currentTrack.addCue(textTrackCue);
+ }
+ }
+ });
+ hls.trigger(events["a" /* default */].SUBTITLE_FRAG_PROCESSED, { success: true, frag: frag });
+ }, function (e) {
+ // Something went wrong while parsing. Trigger event with success false.
+ logger["b" /* logger */].log('Failed to parse VTT cue: ' + e);
+ hls.trigger(events["a" /* default */].SUBTITLE_FRAG_PROCESSED, { success: false, frag: frag });
+ });
+ };
+
+ TimelineController.prototype.onFragDecrypted = function onFragDecrypted(data) {
+ var decryptedData = data.payload,
+ frag = data.frag;
+
+ if (frag.type === 'subtitle') {
+ if (typeof this.initPTS === 'undefined') {
+ this.unparsedVttFrags.push(data);
return;
}
- if (context.rangeEnd) {
- xhr.setRequestHeader('Range', 'bytes=' + context.rangeStart + '-' + (context.rangeEnd - 1));
+ this._parseVTTs(frag, decryptedData);
+ }
+ };
+
+ TimelineController.prototype.onFragParsingUserdata = 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);
+ }
+ }
+ };
+
+ TimelineController.prototype.extractCea608Data = 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;
+ }
+
+ if (ccValid) {
+ if (ccType === 0) // || ccType === 1
+ {
+ actualCCBytes.push(ccbyte1);
+ actualCCBytes.push(ccbyte2);
+ }
+ }
+ }
+ return actualCCBytes;
+ };
+
+ return TimelineController;
+}(event_handler);
+
+/* harmony default export */ var timeline_controller = (timeline_controller_TimelineController);
+// CONCATENATED MODULE: ./src/controller/subtitle-track-controller.js
+var subtitle_track_controller__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 subtitle_track_controller__classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function subtitle_track_controller__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 subtitle_track_controller__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 track controller
+*/
+
+
+
+
+
+function filterSubtitleTracks(textTrackList) {
+ var tracks = [];
+ for (var i = 0; i < textTrackList.length; i++) {
+ if (textTrackList[i].kind === 'subtitles') {
+ tracks.push(textTrackList[i]);
+ }
+ }
+ return tracks;
+}
+
+var subtitle_track_controller_SubtitleTrackController = function (_EventHandler) {
+ subtitle_track_controller__inherits(SubtitleTrackController, _EventHandler);
+
+ function SubtitleTrackController(hls) {
+ subtitle_track_controller__classCallCheck(this, SubtitleTrackController);
+
+ var _this = subtitle_track_controller__possibleConstructorReturn(this, _EventHandler.call(this, hls, events["a" /* default */].MEDIA_ATTACHED, events["a" /* default */].MEDIA_DETACHING, events["a" /* default */].MANIFEST_LOADING, events["a" /* default */].MANIFEST_LOADED, events["a" /* default */].SUBTITLE_TRACK_LOADED));
+
+ _this.tracks = [];
+ _this.trackId = -1;
+ _this.media = undefined;
+ _this.subtitleDisplay = false;
+ return _this;
+ }
+
+ SubtitleTrackController.prototype._onTextTracksChanged = function _onTextTracksChanged() {
+ // Media is undefined when switching streams via loadSource()
+ if (!this.media) {
+ return;
+ }
+
+ var trackId = -1;
+ var tracks = filterSubtitleTracks(this.media.textTracks);
+ for (var id = 0; id < tracks.length; id++) {
+ if (tracks[id].mode === 'showing') {
+ trackId = id;
+ }
+ }
+
+ // Setting current subtitleTrack will invoke code.
+ this.subtitleTrack = trackId;
+ };
+
+ SubtitleTrackController.prototype.destroy = function destroy() {
+ event_handler.prototype.destroy.call(this);
+ };
+
+ // Listen for subtitle track change, then extract the current track ID.
+
+
+ SubtitleTrackController.prototype.onMediaAttached = function onMediaAttached(data) {
+ var _this2 = this;
+
+ this.media = data.media;
+ if (!this.media) {
+ return;
+ }
+
+ if (this.queuedDefaultTrack !== undefined) {
+ this.subtitleTrack = this.queuedDefaultTrack;
+ delete this.queuedDefaultTrack;
+ }
+
+ this.trackChangeListener = this._onTextTracksChanged.bind(this);
+
+ this.useTextTrackPolling = !(this.media.textTracks && 'onchange' in this.media.textTracks);
+ if (this.useTextTrackPolling) {
+ this.subtitlePollingInterval = setInterval(function () {
+ _this2.trackChangeListener();
+ }, 500);
+ } else {
+ this.media.textTracks.addEventListener('change', this.trackChangeListener);
+ }
+ };
+
+ SubtitleTrackController.prototype.onMediaDetaching = function onMediaDetaching() {
+ if (!this.media) {
+ return;
+ }
+ if (this.useTextTrackPolling) {
+ clearInterval(this.subtitlePollingInterval);
+ } else {
+ this.media.textTracks.removeEventListener('change', this.trackChangeListener);
+ }
+
+ this.media = undefined;
+ };
+
+ // Reset subtitle tracks on manifest loading
+
+
+ SubtitleTrackController.prototype.onManifestLoading = function onManifestLoading() {
+ this.tracks = [];
+ this.trackId = -1;
+ };
+
+ // Fired whenever a new manifest is loaded.
+
+
+ SubtitleTrackController.prototype.onManifestLoaded = function onManifestLoaded(data) {
+ var _this3 = this;
+
+ var tracks = data.subtitles || [];
+ this.tracks = tracks;
+ this.trackId = -1;
+ this.hls.trigger(events["a" /* 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) {
+ // setting this.subtitleTrack will trigger internal logic
+ // if media has not been attached yet, it will fail
+ // we keep a reference to the default track id
+ // and we'll set subtitleTrack when onMediaAttached is triggered
+ if (_this3.media) {
+ _this3.subtitleTrack = track.id;
+ } else {
+ _this3.queuedDefaultTrack = track.id;
+ }
+ }
+ });
+ };
+
+ // Trigger subtitle track playlist reload.
+
+
+ SubtitleTrackController.prototype.onTick = function onTick() {
+ var trackId = this.trackId;
+ var subtitleTrack = this.tracks[trackId];
+ if (!subtitleTrack) {
+ 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["b" /* logger */].log('(re)loading playlist for subtitle track ' + trackId);
+ this.hls.trigger(events["a" /* default */].SUBTITLE_TRACK_LOADING, { url: subtitleTrack.url, id: trackId });
+ }
+ };
+
+ SubtitleTrackController.prototype.onSubtitleTrackLoaded = function onSubtitleTrackLoaded(data) {
+ var _this4 = this;
+
+ if (data.id < this.tracks.length) {
+ logger["b" /* 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;
}
- xhr.onreadystatechange = this.readystatechange.bind(this);
- xhr.onprogress = this.loadprogress.bind(this);
- xhr.responseType = context.responseType;
+ }
+ };
+
+ /** get alternate subtitle tracks list from playlist **/
+
+
+ SubtitleTrackController.prototype.setSubtitleTrackInternal = function setSubtitleTrackInternal(newId) {
+ // check if level idx is valid
+ if (newId < -1 || newId >= this.tracks.length) {
+ return;
+ }
+
+ // stopping live reloading timer if any
+ if (this.timer) {
+ clearInterval(this.timer);
+ this.timer = null;
+ }
+
+ var textTracks = filterSubtitleTracks(this.media.textTracks);
+
+ // hide currently enabled subtitle track
+ if (this.trackId !== -1 && this.subtitleDisplay) {
+ textTracks[this.trackId].mode = 'hidden';
+ }
+
+ this.trackId = newId;
+ logger["b" /* logger */].log('switching to subtitle track ' + newId);
+ this.hls.trigger(events["a" /* default */].SUBTITLE_TRACK_SWITCH, { id: newId });
+
+ if (newId === -1) {
+ return;
+ }
- // setup timeout before we perform request
- this.requestTimeout = window.setTimeout(this.loadtimeout.bind(this), this.config.timeout);
- xhr.send();
+ var subtitleTrack = this.tracks[newId];
+ if (this.subtitleDisplay) {
+ textTracks[newId].mode = 'showing';
}
+
+ // 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["b" /* logger */].log('(re)loading playlist for subtitle track ' + newId);
+ this.hls.trigger(events["a" /* default */].SUBTITLE_TRACK_LOADING, { url: subtitleTrack.url, id: newId });
+ }
+ };
+
+ subtitle_track_controller__createClass(SubtitleTrackController, [{
+ key: 'subtitleTracks',
+ get: function get() {
+ return this.tracks;
+ }
+
+ /** get index of the selected subtitle track (index in subtitle track lists) **/
+
}, {
- key: 'readystatechange',
- value: function readystatechange(event) {
- var xhr = event.currentTarget,
- readyState = xhr.readyState,
- stats = this.stats,
- context = this.context,
- config = this.config;
+ key: 'subtitleTrack',
+ get: function get() {
+ return this.trackId;
+ }
- // don't proceed if xhr has been aborted
- if (stats.aborted) {
- return;
+ /** 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);
}
+ }
+ }]);
- // >= 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);
+ return SubtitleTrackController;
+}(event_handler);
+
+/* harmony default export */ var subtitle_track_controller = (subtitle_track_controller_SubtitleTrackController);
+// EXTERNAL MODULE: ./src/crypt/decrypter.js + 3 modules
+var decrypter = __webpack_require__(4);
+
+// CONCATENATED MODULE: ./src/controller/subtitle-stream-controller.js
+function subtitle_stream_controller__classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function subtitle_stream_controller__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 subtitle_stream_controller__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 subtitle_stream_controller_State = {
+ STOPPED: 'STOPPED',
+ IDLE: 'IDLE',
+ KEY_LOADING: 'KEY_LOADING',
+ FRAG_LOADING: 'FRAG_LOADING'
+};
+
+var subtitle_stream_controller_SubtitleStreamController = function (_EventHandler) {
+ subtitle_stream_controller__inherits(SubtitleStreamController, _EventHandler);
+
+ function SubtitleStreamController(hls) {
+ subtitle_stream_controller__classCallCheck(this, SubtitleStreamController);
+
+ var _this = subtitle_stream_controller__possibleConstructorReturn(this, _EventHandler.call(this, hls, events["a" /* default */].MEDIA_ATTACHED, events["a" /* default */].ERROR, events["a" /* default */].KEY_LOADED, events["a" /* default */].FRAG_LOADED, events["a" /* default */].SUBTITLE_TRACKS_UPDATED, events["a" /* default */].SUBTITLE_TRACK_SWITCH, events["a" /* default */].SUBTITLE_TRACK_LOADED, events["a" /* default */].SUBTITLE_FRAG_PROCESSED));
+
+ _this.config = hls.config;
+ _this.vttFragSNsProcessed = {};
+ _this.vttFragQueues = undefined;
+ _this.currentlyProcessing = null;
+ _this.state = subtitle_stream_controller_State.STOPPED;
+ _this.currentTrackId = -1;
+ _this.ticks = 0;
+ _this.decrypter = new decrypter["a" /* default */](hls.observer, hls.config);
+ return _this;
+ }
+
+ SubtitleStreamController.prototype.destroy = function destroy() {
+ event_handler.prototype.destroy.call(this);
+ this.state = subtitle_stream_controller_State.STOPPED;
+ };
+
+ // Remove all queued items and create a new, empty queue for each track.
+
+
+ SubtitleStreamController.prototype.clearVttFragQueues = 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.
+
+
+ SubtitleStreamController.prototype.nextFrag = function nextFrag() {
+ if (this.currentlyProcessing === null && this.currentTrackId > -1 && this.vttFragQueues[this.currentTrackId].length) {
+ var frag = this.currentlyProcessing = this.vttFragQueues[this.currentTrackId].shift();
+ this.fragCurrent = frag;
+ this.hls.trigger(events["a" /* default */].FRAG_LOADING, { frag: frag });
+ this.state = subtitle_stream_controller_State.FRAG_LOADING;
+ }
+ };
+
+ // When fragment has finished processing, add sn to list of completed if successful.
+
+
+ SubtitleStreamController.prototype.onSubtitleFragProcessed = function onSubtitleFragProcessed(data) {
+ if (data.success) {
+ this.vttFragSNsProcessed[data.frag.trackId].push(data.frag.sn);
+ }
+ this.currentlyProcessing = null;
+ this.state = subtitle_stream_controller_State.IDLE;
+ this.nextFrag();
+ };
+
+ SubtitleStreamController.prototype.onMediaAttached = function onMediaAttached() {
+ this.state = subtitle_stream_controller_State.IDLE;
+ };
+
+ // If something goes wrong, procede to next frag, if we were processing one.
+
+
+ SubtitleStreamController.prototype.onError = 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();
+ }
+ };
+
+ SubtitleStreamController.prototype.tick = function tick() {
+ var _this3 = this;
+
+ this.ticks++;
+ if (this.ticks === 1) {
+ this.doTick();
+ if (this.ticks > 1) {
+ setTimeout(function () {
+ _this3.tick();
+ }, 1);
+ }
+ this.ticks = 0;
+ }
+ };
+
+ SubtitleStreamController.prototype.doTick = function doTick() {
+ var _this4 = this;
+
+ switch (this.state) {
+ case subtitle_stream_controller_State.IDLE:
+ var tracks = this.tracks;
+ var trackId = this.currentTrackId;
+
+ var processedFragSNs = this.vttFragSNsProcessed[trackId],
+ fragQueue = this.vttFragQueues[trackId],
+ 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;
+ });
+ };
+
+ // exit if tracks don't exist
+ if (!tracks) {
+ break;
+ }
+ var trackDetails;
+
+ if (trackId < tracks.length) {
+ trackDetails = tracks[trackId].details;
+ }
+
+ if (typeof trackDetails === 'undefined') {
+ break;
+ }
+
+ // Add all fragments that haven't been, aren't currently being and aren't waiting to be processed, to queue.
+ trackDetails.fragments.forEach(function (frag) {
+ if (!(alreadyProcessed(frag) || frag.sn === currentFragSN || alreadyInQueue(frag))) {
+ // Load key if subtitles are encrypted
+ if (frag.decryptdata && frag.decryptdata.uri != null && frag.decryptdata.key == null) {
+ logger["b" /* logger */].log('Loading key for ' + frag.sn);
+ _this4.state = subtitle_stream_controller_State.KEY_LOADING;
+ _this4.hls.trigger(events["a" /* default */].KEY_LOADING, { frag: frag });
} 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++;
+ // Frags don't know their subtitle track ID, so let's just add that...
+ frag.trackId = trackId;
+ fragQueue.push(frag);
+ _this4.nextFrag();
}
}
- } 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);
+ });
+ }
+ };
+
+ // Got all new subtitle tracks.
+
+
+ SubtitleStreamController.prototype.onSubtitleTracksUpdated = function onSubtitleTracksUpdated(data) {
+ var _this5 = this;
+
+ logger["b" /* logger */].log('subtitle tracks updated');
+ this.tracks = data.subtitleTracks;
+ this.clearVttFragQueues();
+ this.vttFragSNsProcessed = {};
+ this.tracks.forEach(function (track) {
+ _this5.vttFragSNsProcessed[track.id] = [];
+ });
+ };
+
+ SubtitleStreamController.prototype.onSubtitleTrackSwitch = function onSubtitleTrackSwitch(data) {
+ this.currentTrackId = data.id;
+ this.clearVttFragQueues();
+ };
+
+ // Got a new set of subtitle fragments.
+
+
+ SubtitleStreamController.prototype.onSubtitleTrackLoaded = function onSubtitleTrackLoaded() {
+ this.tick();
+ };
+
+ SubtitleStreamController.prototype.onKeyLoaded = function onKeyLoaded() {
+ if (this.state === subtitle_stream_controller_State.KEY_LOADING) {
+ this.state = subtitle_stream_controller_State.IDLE;
+ this.tick();
+ }
+ };
+
+ SubtitleStreamController.prototype.onFragLoaded = function onFragLoaded(data) {
+ var fragCurrent = this.fragCurrent,
+ decryptData = data.frag.decryptdata;
+ var fragLoaded = data.frag,
+ hls = this.hls;
+ if (this.state === subtitle_stream_controller_State.FRAG_LOADING && fragCurrent && data.frag.type === 'subtitle' && fragCurrent.sn === data.frag.sn) {
+ // check to see if the payload needs to be decrypted
+ if (data.payload.byteLength > 0 && decryptData != null && decryptData.key != null && decryptData.method === 'AES-128') {
+ var startTime;
+ try {
+ startTime = performance.now();
+ } catch (error) {
+ startTime = Date.now();
}
+ // decrypt the subtitles
+ this.decrypter.decrypt(data.payload, decryptData.key.buffer, decryptData.iv.buffer, function (decryptedData) {
+ var endTime;
+ try {
+ endTime = performance.now();
+ } catch (error) {
+ endTime = Date.now();
+ }
+ hls.trigger(events["a" /* default */].FRAG_DECRYPTED, { frag: fragLoaded, payload: decryptedData, stats: { tstart: startTime, tdecrypt: endTime } });
+ });
}
}
+ };
+
+ return SubtitleStreamController;
+}(event_handler);
+
+/* harmony default export */ var subtitle_stream_controller = (subtitle_stream_controller_SubtitleStreamController);
+// CONCATENATED MODULE: ./src/config.js
+/**
+ * HLS config
+ */
+
+
+
+
+
+
+//import FetchLoader from './utils/fetch-loader';
+
+
+
+
+
+
+
+
+
+var 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
+ liveDurationInfinity: false, // used by buffer-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: xhr_loader,
+ //loader: FetchLoader,
+ fLoader: undefined,
+ pLoader: undefined,
+ xhrSetup: undefined,
+ fetchSetup: undefined,
+ abrController: abr_controller,
+ bufferController: buffer_controller,
+ capLevelController: cap_level_controller,
+ fpsController: fps_controller,
+ stretchShortVideoTrack: false, // used by mp4-remuxer
+ maxAudioFramesDrift: 1, // 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 (true) {
+ hlsDefaultConfig.subtitleStreamController = subtitle_stream_controller;
+ hlsDefaultConfig.subtitleTrackController = subtitle_track_controller;
+ hlsDefaultConfig.timelineController = timeline_controller;
+ hlsDefaultConfig.cueHandler = cues_namespaceObject;
+ hlsDefaultConfig.enableCEA708Captions = true; // used by timeline-controller
+ hlsDefaultConfig.enableWebVTT = true; // used by timeline-controller
+ hlsDefaultConfig.captionsTextTrack1Label = 'English'; // used by timeline-controller
+ hlsDefaultConfig.captionsTextTrack1LanguageCode = 'en'; // used by timeline-controller
+ hlsDefaultConfig.captionsTextTrack2Label = 'Spanish'; // used by timeline-controller
+ hlsDefaultConfig.captionsTextTrack2LanguageCode = 'es'; // used by timeline-controller
+}
+
+if (true) {
+ hlsDefaultConfig.audioStreamController = audio_stream_controller;
+ hlsDefaultConfig.audioTrackController = audio_track_controller;
+}
+// CONCATENATED MODULE: ./src/hls.js
+var hls__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 hls__classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+/**
+ * HLS interface
+ */
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var hls_Hls = function () {
+ Hls.isSupported = function isSupported() {
+ return is_supported_isSupported();
+ };
+
+ hls__createClass(Hls, null, [{
+ key: 'version',
+ get: function get() {
+ return "0.8.9";
+ }
}, {
- key: 'loadtimeout',
- value: function loadtimeout() {
- _logger.logger.warn('timeout while loading ' + this.context.url);
- this.callbacks.onTimeout(this.stats, this.context);
+ key: 'Events',
+ get: function get() {
+ return events["a" /* default */];
}
}, {
- key: 'loadprogress',
- value: function loadprogress(event) {
- var stats = this.stats;
- stats.loaded = event.loaded;
- if (event.lengthComputable) {
- stats.total = event.total;
+ key: 'ErrorTypes',
+ get: function get() {
+ return errors["b" /* ErrorTypes */];
+ }
+ }, {
+ key: 'ErrorDetails',
+ get: function get() {
+ return errors["a" /* ErrorDetails */];
+ }
+ }, {
+ key: 'DefaultConfig',
+ get: function get() {
+ if (!Hls.defaultConfig) {
+ return hlsDefaultConfig;
+ }
+ return Hls.defaultConfig;
+ },
+ set: function set(defaultConfig) {
+ Hls.defaultConfig = defaultConfig;
+ }
+ }]);
+
+ function Hls() {
+ var _this = this;
+
+ var config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+ hls__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;
}
- var onProgress = this.callbacks.onProgress;
- if (onProgress) {
- // last args is to provide on progress data
- onProgress(stats, this.context, null);
+ 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"');
+ }
+
+ Object(logger["a" /* enableLogs */])(config.debug);
+ this.config = config;
+ this._autoLevelCapping = -1;
+ // observer setup
+ var observer = this.observer = new events_default.a();
+ 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);
+
+ // 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 playlist_loader(this);
+ var fragmentLoader = new fragment_loader(this);
+ var keyLoader = new key_loader(this);
+ var id3TrackController = new id3_track_controller(this);
+
+ // network controllers
+ var levelController = this.levelController = new level_controller(this);
+ var streamController = this.streamController = new stream_controller(this);
+ var networkControllers = [levelController, streamController];
+
+ // optional audio stream controller
+ var Controller = config.audioStreamController;
+ if (Controller) {
+ networkControllers.push(new Controller(this));
+ }
+ this.networkControllers = networkControllers;
+
+ var coreComponents = [playListLoader, fragmentLoader, keyLoader, abrController, bufferController, capLevelController, fpsController, id3TrackController];
+
+ // optional audio track and subtitle controller
+ Controller = config.audioTrackController;
+ if (Controller) {
+ var audioTrackController = new Controller(this);
+ this.audioTrackController = audioTrackController;
+ coreComponents.push(audioTrackController);
+ }
+
+ Controller = config.subtitleTrackController;
+ if (Controller) {
+ var subtitleTrackController = new Controller(this);
+ this.subtitleTrackController = subtitleTrackController;
+ coreComponents.push(subtitleTrackController);
+ }
+
+ // optional subtitle controller
+ [config.subtitleStreamController, config.timelineController].forEach(function (Controller) {
+ if (Controller) {
+ coreComponents.push(new Controller(_this));
+ }
+ });
+ this.coreComponents = coreComponents;
+ }
+
+ Hls.prototype.destroy = function destroy() {
+ logger["b" /* logger */].log('destroy');
+ this.trigger(events["a" /* default */].DESTROYING);
+ this.detachMedia();
+ this.coreComponents.concat(this.networkControllers).forEach(function (component) {
+ component.destroy();
+ });
+ this.url = null;
+ this.observer.removeAllListeners();
+ this._autoLevelCapping = -1;
+ };
+
+ Hls.prototype.attachMedia = function attachMedia(media) {
+ logger["b" /* logger */].log('attachMedia');
+ this.media = media;
+ this.trigger(events["a" /* default */].MEDIA_ATTACHING, { media: media });
+ };
+
+ Hls.prototype.detachMedia = function detachMedia() {
+ logger["b" /* logger */].log('detachMedia');
+ this.trigger(events["a" /* default */].MEDIA_DETACHING);
+ this.media = null;
+ };
+
+ Hls.prototype.loadSource = function loadSource(url) {
+ url = url_toolkit_default.a.buildAbsoluteURL(window.location.href, url, { alwaysNormalize: true });
+ logger["b" /* logger */].log('loadSource:' + url);
+ this.url = url;
+ // when attaching to a source URL, trigger a playlist load
+ this.trigger(events["a" /* default */].MANIFEST_LOADING, { url: url });
+ };
+
+ Hls.prototype.startLoad = function startLoad() {
+ var startPosition = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : -1;
+
+ logger["b" /* logger */].log('startLoad(' + startPosition + ')');
+ this.networkControllers.forEach(function (controller) {
+ controller.startLoad(startPosition);
+ });
+ };
+
+ Hls.prototype.stopLoad = function stopLoad() {
+ logger["b" /* logger */].log('stopLoad');
+ this.networkControllers.forEach(function (controller) {
+ controller.stopLoad();
+ });
+ };
+
+ Hls.prototype.swapAudioCodec = function swapAudioCodec() {
+ logger["b" /* logger */].log('swapAudioCodec');
+ this.streamController.swapAudioCodec();
+ };
+
+ Hls.prototype.recoverMediaError = function recoverMediaError() {
+ logger["b" /* logger */].log('recoverMediaError');
+ var media = this.media;
+ this.detachMedia();
+ this.attachMedia(media);
+ };
+
+ /** Return all quality levels **/
+
+
+ hls__createClass(Hls, [{
+ key: 'levels',
+ get: function get() {
+ return this.levelController.levels;
+ }
+
+ /** Return current playback quality level **/
+
+ }, {
+ key: 'currentLevel',
+ get: function get() {
+ return this.streamController.currentLevel;
+ }
+
+ /* set quality level immediately (-1 for automatic level selection) */
+ ,
+ set: function set(newLevel) {
+ logger["b" /* logger */].log('set currentLevel:' + newLevel);
+ this.loadLevel = newLevel;
+ this.streamController.immediateLevelSwitch();
+ }
+
+ /** Return next playback quality level (quality level of next fragment) **/
+
+ }, {
+ key: 'nextLevel',
+ get: function get() {
+ return this.streamController.nextLevel;
+ }
+
+ /* set quality level for next fragment (-1 for automatic level selection) */
+ ,
+ set: function set(newLevel) {
+ logger["b" /* logger */].log('set nextLevel:' + newLevel);
+ this.levelController.manualLevel = newLevel;
+ this.streamController.nextLevelSwitch();
+ }
+
+ /** Return the quality level of current/last loaded fragment **/
+
+ }, {
+ key: 'loadLevel',
+ get: function get() {
+ return this.levelController.level;
+ }
+
+ /* set quality level for current/next loaded fragment (-1 for automatic level selection) */
+ ,
+ set: function set(newLevel) {
+ logger["b" /* logger */].log('set loadLevel:' + newLevel);
+ this.levelController.manualLevel = newLevel;
+ }
+
+ /** Return the quality level of next loaded fragment **/
+
+ }, {
+ key: 'nextLoadLevel',
+ get: function get() {
+ return this.levelController.nextLoadLevel;
+ }
+
+ /** set quality level of next loaded fragment **/
+ ,
+ set: function set(level) {
+ this.levelController.nextLoadLevel = level;
+ }
+
+ /** Return first level (index of first level referenced in manifest)
+ **/
+
+ }, {
+ key: 'firstLevel',
+ get: function get() {
+ return Math.max(this.levelController.firstLevel, this.minAutoLevel);
+ }
+
+ /** set first level (index of first level referenced in manifest)
+ **/
+ ,
+ set: function set(newLevel) {
+ logger["b" /* logger */].log('set firstLevel:' + newLevel);
+ this.levelController.firstLevel = newLevel;
+ }
+
+ /** 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)
+ **/
+
+ }, {
+ key: 'startLevel',
+ get: function get() {
+ return this.levelController.startLevel;
+ }
+
+ /** 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["b" /* 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;
+ }
+
+ /** Return the capping/max level value that could be used by automatic level selection algorithm **/
+
+ }, {
+ key: 'autoLevelCapping',
+ get: function get() {
+ return this._autoLevelCapping;
+ }
+
+ /** set the capping/max level value that could be used by automatic level selection algorithm **/
+ ,
+ set: function set(newLevel) {
+ logger["b" /* logger */].log('set autoLevelCapping:' + newLevel);
+ this._autoLevelCapping = newLevel;
+ }
+
+ /* check if we are in automatic level selection mode */
+
+ }, {
+ key: 'autoLevelEnabled',
+ get: function get() {
+ return this.levelController.manualLevel === -1;
+ }
+
+ /* return manual level */
+
+ }, {
+ key: 'manualLevel',
+ get: function get() {
+ return this.levelController.manualLevel;
+ }
+
+ /* 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;
+ }
+ }
+ 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;
+ }
+ return maxAutoLevel;
+ }
+
+ // return next auto level
+
+ }, {
+ 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);
+ }
+
+ // 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);
+ }
+
+ /** get alternate audio tracks list from playlist **/
+
+ }, {
+ key: 'audioTracks',
+ get: function get() {
+ var audioTrackController = this.audioTrackController;
+ return audioTrackController ? audioTrackController.audioTracks : [];
+ }
+
+ /** get index of the selected audio track (index in audio track lists) **/
+
+ }, {
+ key: 'audioTrack',
+ get: function get() {
+ var audioTrackController = this.audioTrackController;
+ return audioTrackController ? audioTrackController.audioTrack : -1;
+ }
+
+ /** 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;
+ }
+ }
+ }, {
+ key: 'liveSyncPosition',
+ get: function get() {
+ return this.streamController.liveSyncPosition;
+ }
+
+ /** get alternate subtitle tracks list from playlist **/
+
+ }, {
+ key: 'subtitleTracks',
+ get: function get() {
+ var subtitleTrackController = this.subtitleTrackController;
+ return subtitleTrackController ? subtitleTrackController.subtitleTracks : [];
+ }
+
+ /** 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;
+ }
+
+ /** 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: 'subtitleDisplay',
+ get: function get() {
+ var subtitleTrackController = this.subtitleTrackController;
+ return subtitleTrackController ? subtitleTrackController.subtitleDisplay : false;
+ },
+ set: function set(value) {
+ var subtitleTrackController = this.subtitleTrackController;
+ if (subtitleTrackController) {
+ subtitleTrackController.subtitleDisplay = value;
}
}
}]);
- return XhrLoader;
+ return Hls;
}();
-exports.default = XhrLoader;
+/* harmony default export */ var src_hls = __webpack_exports__["default"] = (hls_Hls);
+
+/***/ }),
+/* 9 */
+/***/ (function(module, exports, __webpack_require__) {
+
+function webpackBootstrapFunc (modules) {
+/******/ // The module cache
+/******/ var installedModules = {};
+
+/******/ // The require function
+/******/ function __webpack_require__(moduleId) {
+
+/******/ // Check if module is in cache
+/******/ if(installedModules[moduleId])
+/******/ return installedModules[moduleId].exports;
+
+/******/ // Create a new module (and put it into the cache)
+/******/ var module = installedModules[moduleId] = {
+/******/ i: moduleId,
+/******/ l: false,
+/******/ exports: {}
+/******/ };
+
+/******/ // Execute the module function
+/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+
+/******/ // Flag the module as loaded
+/******/ module.l = true;
+
+/******/ // Return the exports of the module
+/******/ return module.exports;
+/******/ }
+
+/******/ // expose the modules object (__webpack_modules__)
+/******/ __webpack_require__.m = modules;
+
+/******/ // expose the module cache
+/******/ __webpack_require__.c = installedModules;
+
+/******/ // identity function for calling harmony imports with the correct context
+/******/ __webpack_require__.i = function(value) { return value; };
+
+/******/ // define getter function for harmony exports
+/******/ __webpack_require__.d = function(exports, name, getter) {
+/******/ if(!__webpack_require__.o(exports, name)) {
+/******/ Object.defineProperty(exports, name, {
+/******/ configurable: false,
+/******/ enumerable: true,
+/******/ get: getter
+/******/ });
+/******/ }
+/******/ };
+
+/******/ // getDefaultExport function for compatibility with non-harmony modules
+/******/ __webpack_require__.n = function(module) {
+/******/ var getter = module && module.__esModule ?
+/******/ function getDefault() { return module['default']; } :
+/******/ function getModuleExports() { return module; };
+/******/ __webpack_require__.d(getter, 'a', getter);
+/******/ return getter;
+/******/ };
+
+/******/ // Object.prototype.hasOwnProperty.call
+/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+
+/******/ // __webpack_public_path__
+/******/ __webpack_require__.p = "/";
+
+/******/ // on error function for async loading
+/******/ __webpack_require__.oe = function(err) { console.error(err); throw err; };
+
+ var f = __webpack_require__(__webpack_require__.s = ENTRY_MODULE)
+ return f.default || f // try to call default if defined to also support babel esmodule exports
+}
+
+// http://stackoverflow.com/a/2593661/130442
+function quoteRegExp (str) {
+ return (str + '').replace(/[.?*+^$[\]\\(){}|-]/g, '\\$&')
+}
+
+function getModuleDependencies (module) {
+ var retval = []
+ var fnString = module.toString()
+ var wrapperSignature = fnString.match(/^function\s?\(\w+,\s*\w+,\s*(\w+)\)/)
+ if (!wrapperSignature) return retval
+
+ var webpackRequireName = wrapperSignature[1]
+ var re = new RegExp('(\\\\n|\\W)' + quoteRegExp(webpackRequireName) + '\\((\/\\*.*?\\*\/)?\s?.*?([\\.|\\-|\\w|\/|@]+).*?\\)', 'g') // additional chars when output.pathinfo is true
+ var match
+ while ((match = re.exec(fnString))) {
+ retval.push(match[3])
+ }
+ return retval
+}
+
+function getRequiredModules (sources, moduleId) {
+ var modulesQueue = [moduleId]
+ var requiredModules = []
+ var seenModules = {}
+
+ while (modulesQueue.length) {
+ var moduleToCheck = modulesQueue.pop()
+ if (seenModules[moduleToCheck] || !sources[moduleToCheck]) continue
+ seenModules[moduleToCheck] = true
+ requiredModules.push(moduleToCheck)
+ var newModules = getModuleDependencies(sources[moduleToCheck])
+ modulesQueue = modulesQueue.concat(newModules)
+ }
+
+ return requiredModules
+}
+
+module.exports = function (moduleId, options) {
+ options = options || {}
+ var sources = __webpack_require__.m
+
+ var requiredModules = options.all ? Object.keys(sources) : getRequiredModules(sources, moduleId)
+ var src = '(' + webpackBootstrapFunc.toString().replace('ENTRY_MODULE', JSON.stringify(moduleId)) + ')({' + requiredModules.map(function (id) { return '' + JSON.stringify(id) + ': ' + sources[id].toString() }).join(',') + '})(self);'
+
+ var blob = new window.Blob([src], { type: 'text/javascript' })
+ if (options.bare) { return blob }
+
+ var URL = window.URL || window.webkitURL || window.mozURL || window.msURL
+
+ var workerUrl = URL.createObjectURL(blob)
+ var worker = new window.Worker(workerUrl)
+ worker.objectURL = workerUrl
+
+ return worker
+}
+
+
+/***/ }),
+/* 10 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__demux_demuxer_inline__ = __webpack_require__(7);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__events__ = __webpack_require__(1);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__utils_logger__ = __webpack_require__(0);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_events__ = __webpack_require__(5);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_events___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_events__);
+/* 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 __WEBPACK_IMPORTED_MODULE_3_events___default.a();
+ 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];
+ }
-},{"53":53}]},{},[40])(40)
+ 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));
+ };
+
+ 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 __WEBPACK_IMPORTED_MODULE_0__demux_demuxer_inline__["a" /* default */](observer, data.typeSupported, config, data.vendor);
+ try {
+ Object(__WEBPACK_IMPORTED_MODULE_2__utils_logger__["a" /* 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;
+ }
+ });
+
+ // forward events to main thread
+ observer.on(__WEBPACK_IMPORTED_MODULE_1__events__["a" /* default */].FRAG_DECRYPTED, forwardMessage);
+ observer.on(__WEBPACK_IMPORTED_MODULE_1__events__["a" /* default */].FRAG_PARSING_INIT_SEGMENT, forwardMessage);
+ observer.on(__WEBPACK_IMPORTED_MODULE_1__events__["a" /* default */].FRAG_PARSED, forwardMessage);
+ observer.on(__WEBPACK_IMPORTED_MODULE_1__events__["a" /* default */].ERROR, forwardMessage);
+ observer.on(__WEBPACK_IMPORTED_MODULE_1__events__["a" /* default */].FRAG_PARSING_METADATA, forwardMessage);
+ observer.on(__WEBPACK_IMPORTED_MODULE_1__events__["a" /* default */].FRAG_PARSING_USERDATA, forwardMessage);
+ observer.on(__WEBPACK_IMPORTED_MODULE_1__events__["a" /* default */].INIT_PTS_FOUND, forwardMessage);
+
+ // special case for FRAG_PARSING_DATA: pass data1/data2 as transferable object (no copy)
+ observer.on(__WEBPACK_IMPORTED_MODULE_1__events__["a" /* 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;
+ }
+ if (data.data2) {
+ message.data2 = data.data2.buffer;
+ transferable.push(data.data2.buffer);
+ delete data.data2;
+ }
+ self.postMessage(message, transferable);
+ });
+};
+
+/* harmony default export */ __webpack_exports__["default"] = (DemuxerWorker);
+
+/***/ })
+/******/ ])["default"];
});
//# sourceMappingURL=hls.js.map
-
/***/ }),
-/* 174 */
+/* 182 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -29856,23 +30327,13 @@ var _playback = __webpack_require__(9);
var _playback2 = _interopRequireDefault(_playback);
-var _styler = __webpack_require__(7);
-
-var _styler2 = _interopRequireDefault(_styler);
-
-var _style = __webpack_require__(175);
-
-var _style2 = _interopRequireDefault(_style);
-
var _events = __webpack_require__(4);
var _events2 = _interopRequireDefault(_events);
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+__webpack_require__(183);
-// 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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var HTMLImg = function (_Playback) {
(0, _inherits3.default)(HTMLImg, _Playback);
@@ -29919,8 +30380,6 @@ var HTMLImg = function (_Playback) {
}
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;
};
@@ -29935,7 +30394,9 @@ var HTMLImg = function (_Playback) {
};
return HTMLImg;
-}(_playback2.default);
+}(_playback2.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 = HTMLImg;
@@ -29947,10 +30408,41 @@ HTMLImg.canPlay = function (resource) {
module.exports = exports['default'];
/***/ }),
-/* 175 */
+/* 183 */
+/***/ (function(module, exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__(184);
+if(typeof content === 'string') content = [[module.i, content, '']];
+// Prepare cssTransformation
+var transform;
+
+var options = {"singleton":true,"hmr":true}
+options.transform = transform
+// add the styles to the DOM
+var update = __webpack_require__(10)(content, options);
+if(content.locals) module.exports = content.locals;
+// Hot Module Replacement
+if(false) {
+ // When the styles change, update the <style> tags
+ if(!content.locals) {
+ module.hot.accept("!!../../../../node_modules/css-loader/index.js!../../../../node_modules/postcss-loader/lib/index.js!../../../../node_modules/sass-loader/lib/loader.js?includePaths[]=/Users/bruno/workspace/player/clappr/src/base/scss!./style.scss", function() {
+ var newContent = require("!!../../../../node_modules/css-loader/index.js!../../../../node_modules/postcss-loader/lib/index.js!../../../../node_modules/sass-loader/lib/loader.js?includePaths[]=/Users/bruno/workspace/player/clappr/src/base/scss!./style.scss");
+ if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
+ update(newContent);
+ });
+ }
+ // When the module is disposed, remove the <style> tags
+ module.hot.dispose(function() { update(); });
+}
+
+/***/ }),
+/* 184 */
/***/ (function(module, exports, __webpack_require__) {
-exports = module.exports = __webpack_require__(10)(undefined);
+exports = module.exports = __webpack_require__(7)(undefined);
// imports
@@ -29961,7 +30453,7 @@ exports.push([module.i, "[data-html-img] {\n max-width: 100%;\n max-height: 10
/***/ }),
-/* 176 */
+/* 185 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -29997,22 +30489,16 @@ var _template = __webpack_require__(8);
var _template2 = _interopRequireDefault(_template);
-var _styler = __webpack_require__(7);
-
-var _styler2 = _interopRequireDefault(_styler);
-
var _events = __webpack_require__(4);
var _events2 = _interopRequireDefault(_events);
-var _style = __webpack_require__(177);
-
-var _style2 = _interopRequireDefault(_style);
-
-var _error = __webpack_require__(178);
+var _error = __webpack_require__(186);
var _error2 = _interopRequireDefault(_error);
+__webpack_require__(187);
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var NoOp = function (_Playback) {
@@ -30049,15 +30535,12 @@ var NoOp = function (_Playback) {
}
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();
- }
+ if (this.options.autoPlay || !showForNoOp) this.play();
+
return this;
};
@@ -30107,9 +30590,8 @@ var NoOp = function (_Playback) {
NoOp.prototype._loop = function _loop() {
var _this2 = this;
- if (this._stop) {
- return;
- }
+ if (this._stop) return;
+
this._noise();
this._animationHandle = (0, _utils.requestAnimationFrame)(function () {
return _this2._loop();
@@ -30142,27 +30624,58 @@ NoOp.canPlay = function (source) {
module.exports = exports['default'];
/***/ }),
-/* 177 */
+/* 186 */
+/***/ (function(module, exports) {
+
+module.exports = "<canvas data-no-op-canvas></canvas>\n<p data-no-op-msg><%=message%><p>\n";
+
+/***/ }),
+/* 187 */
+/***/ (function(module, exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__(188);
+if(typeof content === 'string') content = [[module.i, content, '']];
+// Prepare cssTransformation
+var transform;
+
+var options = {"singleton":true,"hmr":true}
+options.transform = transform
+// add the styles to the DOM
+var update = __webpack_require__(10)(content, options);
+if(content.locals) module.exports = content.locals;
+// Hot Module Replacement
+if(false) {
+ // When the styles change, update the <style> tags
+ if(!content.locals) {
+ module.hot.accept("!!../../../../node_modules/css-loader/index.js!../../../../node_modules/postcss-loader/lib/index.js!../../../../node_modules/sass-loader/lib/loader.js?includePaths[]=/Users/bruno/workspace/player/clappr/src/base/scss!./style.scss", function() {
+ var newContent = require("!!../../../../node_modules/css-loader/index.js!../../../../node_modules/postcss-loader/lib/index.js!../../../../node_modules/sass-loader/lib/loader.js?includePaths[]=/Users/bruno/workspace/player/clappr/src/base/scss!./style.scss");
+ if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
+ update(newContent);
+ });
+ }
+ // When the module is disposed, remove the <style> tags
+ module.hot.dispose(function() { update(); });
+}
+
+/***/ }),
+/* 188 */
/***/ (function(module, exports, __webpack_require__) {
-exports = module.exports = __webpack_require__(10)(undefined);
+exports = module.exports = __webpack_require__(7)(undefined);
// imports
// 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", ""]);
+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 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", ""]);
// exports
/***/ }),
-/* 178 */
-/***/ (function(module, exports) {
-
-module.exports = "<canvas data-no-op-canvas></canvas>\n<p data-no-op-msg><%=message%><p>\n";
-
-/***/ }),
-/* 179 */
+/* 189 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -30172,7 +30685,7 @@ Object.defineProperty(exports, "__esModule", {
value: true
});
-var _spinner_three_bounce = __webpack_require__(180);
+var _spinner_three_bounce = __webpack_require__(190);
var _spinner_three_bounce2 = _interopRequireDefault(_spinner_three_bounce);
@@ -30182,7 +30695,7 @@ exports.default = _spinner_three_bounce2.default;
module.exports = exports['default'];
/***/ }),
-/* 180 */
+/* 190 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -30216,28 +30729,18 @@ var _events = __webpack_require__(4);
var _events2 = _interopRequireDefault(_events);
-var _styler = __webpack_require__(7);
-
-var _styler2 = _interopRequireDefault(_styler);
-
var _template = __webpack_require__(8);
var _template2 = _interopRequireDefault(_template);
-var _spinner = __webpack_require__(181);
+var _spinner = __webpack_require__(191);
var _spinner2 = _interopRequireDefault(_spinner);
-var _spinner3 = __webpack_require__(182);
-
-var _spinner4 = _interopRequireDefault(_spinner3);
+__webpack_require__(192);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-// Copyright 2014 Globo.com Player authors. All rights reserved.
-// Use of this source code is governed by a BSD-style
-// license that can be found in the LICENSE file.
-
var SpinnerThreeBouncePlugin = function (_UIContainerPlugin) {
(0, _inherits3.default)(SpinnerThreeBouncePlugin, _UIContainerPlugin);
(0, _createClass3.default)(SpinnerThreeBouncePlugin, [{
@@ -30286,11 +30789,9 @@ var SpinnerThreeBouncePlugin = function (_UIContainerPlugin) {
SpinnerThreeBouncePlugin.prototype.show = function show() {
var _this2 = this;
- if (this.showTimeout === null) {
- this.showTimeout = setTimeout(function () {
- return _this2.$el.show();
- }, 300);
- }
+ if (this.showTimeout === null) this.showTimeout = setTimeout(function () {
+ return _this2.$el.show();
+ }, 300);
};
SpinnerThreeBouncePlugin.prototype.hide = function hide() {
@@ -30303,44 +30804,74 @@ var SpinnerThreeBouncePlugin = function (_UIContainerPlugin) {
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();
- }
+ if (this.container.buffering) this.onBuffering();
+
return this;
};
return SpinnerThreeBouncePlugin;
-}(_ui_container_plugin2.default);
+}(_ui_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 = SpinnerThreeBouncePlugin;
module.exports = exports['default'];
/***/ }),
-/* 181 */
+/* 191 */
/***/ (function(module, exports) {
module.exports = "<div data-bounce1></div><div data-bounce2></div><div data-bounce3></div>\n";
/***/ }),
-/* 182 */
+/* 192 */
/***/ (function(module, exports, __webpack_require__) {
-exports = module.exports = __webpack_require__(10)(undefined);
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__(193);
+if(typeof content === 'string') content = [[module.i, content, '']];
+// Prepare cssTransformation
+var transform;
+
+var options = {"singleton":true,"hmr":true}
+options.transform = transform
+// add the styles to the DOM
+var update = __webpack_require__(10)(content, options);
+if(content.locals) module.exports = content.locals;
+// Hot Module Replacement
+if(false) {
+ // When the styles change, update the <style> tags
+ if(!content.locals) {
+ module.hot.accept("!!../../../../node_modules/css-loader/index.js!../../../../node_modules/postcss-loader/lib/index.js!../../../../node_modules/sass-loader/lib/loader.js?includePaths[]=/Users/bruno/workspace/player/clappr/src/base/scss!./spinner.scss", function() {
+ var newContent = require("!!../../../../node_modules/css-loader/index.js!../../../../node_modules/postcss-loader/lib/index.js!../../../../node_modules/sass-loader/lib/loader.js?includePaths[]=/Users/bruno/workspace/player/clappr/src/base/scss!./spinner.scss");
+ if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
+ update(newContent);
+ });
+ }
+ // When the module is disposed, remove the <style> tags
+ module.hot.dispose(function() { update(); });
+}
+
+/***/ }),
+/* 193 */
+/***/ (function(module, exports, __webpack_require__) {
+
+exports = module.exports = __webpack_require__(7)(undefined);
// imports
// 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", ""]);
+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 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 animation: bouncedelay 1.4s infinite ease-in-out;\n /* Prevent first frame from flickering when animation starts */\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both; }\n .spinner-three-bounce[data-spinner] [data-bounce1] {\n -webkit-animation-delay: -0.32s;\n animation-delay: -0.32s; }\n .spinner-three-bounce[data-spinner] [data-bounce2] {\n -webkit-animation-delay: -0.16s;\n animation-delay: -0.16s; }\n\n@-webkit-keyframes bouncedelay {\n 0%, 80%, 100% {\n -webkit-transform: scale(0);\n transform: scale(0); }\n 40% {\n -webkit-transform: scale(1);\n transform: scale(1); } }\n\n@keyframes bouncedelay {\n 0%, 80%, 100% {\n -webkit-transform: scale(0);\n transform: scale(0); }\n 40% {\n -webkit-transform: scale(1);\n transform: scale(1); } }\n", ""]);
// exports
/***/ }),
-/* 183 */
+/* 194 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -30350,7 +30881,7 @@ Object.defineProperty(exports, "__esModule", {
value: true
});
-var _stats = __webpack_require__(184);
+var _stats = __webpack_require__(195);
var _stats2 = _interopRequireDefault(_stats);
@@ -30360,7 +30891,7 @@ exports.default = _stats2.default;
module.exports = exports['default'];
/***/ }),
-/* 184 */
+/* 195 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -30444,9 +30975,7 @@ var StatsPlugin = function (_ContainerPlugin) {
StatsPlugin.prototype.onPlay = function onPlay() {
this.state = 'PLAYING';
this.watchingTimeInit = Date.now();
- if (!this.intervalId) {
- this.intervalId = setInterval(this.report.bind(this), this.reportInterval);
- }
+ if (!this.intervalId) this.intervalId = setInterval(this.report.bind(this), this.reportInterval);
};
StatsPlugin.prototype.onStop = function onStop() {
@@ -30457,11 +30986,8 @@ var StatsPlugin = function (_ContainerPlugin) {
};
StatsPlugin.prototype.onBuffering = function onBuffering() {
- if (this.firstPlay) {
- this.startupTimeInit = Date.now();
- } else {
- this.rebufferingTimeInit = Date.now();
- }
+ if (this.firstPlay) this.startupTimeInit = Date.now();else this.rebufferingTimeInit = Date.now();
+
this.state = 'BUFFERING';
this.rebuffers++;
};
@@ -30474,6 +31000,7 @@ var StatsPlugin = function (_ContainerPlugin) {
} else if (this.rebufferingTimeInit) {
this.rebufferingTime += this.getRebufferingTime();
}
+
this.rebufferingTimeInit = undefined;
this.state = 'PLAYING';
};
@@ -30519,7 +31046,7 @@ exports.default = StatsPlugin;
module.exports = exports['default'];
/***/ }),
-/* 185 */
+/* 196 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -30529,7 +31056,7 @@ Object.defineProperty(exports, "__esModule", {
value: true
});
-var _watermark = __webpack_require__(186);
+var _watermark = __webpack_require__(197);
var _watermark2 = _interopRequireDefault(_watermark);
@@ -30539,7 +31066,7 @@ exports.default = _watermark2.default;
module.exports = exports['default'];
/***/ }),
-/* 186 */
+/* 197 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -30573,28 +31100,18 @@ var _events = __webpack_require__(4);
var _events2 = _interopRequireDefault(_events);
-var _styler = __webpack_require__(7);
-
-var _styler2 = _interopRequireDefault(_styler);
-
var _template = __webpack_require__(8);
var _template2 = _interopRequireDefault(_template);
-var _watermark = __webpack_require__(187);
+var _watermark = __webpack_require__(198);
var _watermark2 = _interopRequireDefault(_watermark);
-var _watermark3 = __webpack_require__(188);
-
-var _watermark4 = _interopRequireDefault(_watermark3);
+__webpack_require__(199);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-// Copyright 2014 Globo.com Player authors. All rights reserved.
-// Use of this source code is governed by a BSD-style
-// license that can be found in the LICENSE file.
-
var WaterMarkPlugin = function (_UIContainerPlugin) {
(0, _inherits3.default)(WaterMarkPlugin, _UIContainerPlugin);
(0, _createClass3.default)(WaterMarkPlugin, [{
@@ -30605,7 +31122,7 @@ var WaterMarkPlugin = function (_UIContainerPlugin) {
}, {
key: 'template',
get: function get() {
- return (0, _template2.default)(_watermark4.default);
+ return (0, _template2.default)(_watermark2.default);
}
}]);
@@ -30647,23 +31164,60 @@ var WaterMarkPlugin = function (_UIContainerPlugin) {
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;
};
return WaterMarkPlugin;
-}(_ui_container_plugin2.default);
+}(_ui_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 = WaterMarkPlugin;
module.exports = exports['default'];
/***/ }),
-/* 187 */
+/* 198 */
+/***/ (function(module, exports) {
+
+module.exports = "<div data-watermark data-watermark-<%=position %>>\n<% if(typeof imageLink !== 'undefined') { %>\n<a target=_blank href=\"<%= imageLink %>\">\n<% } %>\n<img src=\"<%= imageUrl %>\">\n<% if(typeof imageLink !== 'undefined') { %>\n</a>\n<% } %>\n</div>\n";
+
+/***/ }),
+/* 199 */
/***/ (function(module, exports, __webpack_require__) {
-exports = module.exports = __webpack_require__(10)(undefined);
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__(200);
+if(typeof content === 'string') content = [[module.i, content, '']];
+// Prepare cssTransformation
+var transform;
+
+var options = {"singleton":true,"hmr":true}
+options.transform = transform
+// add the styles to the DOM
+var update = __webpack_require__(10)(content, options);
+if(content.locals) module.exports = content.locals;
+// Hot Module Replacement
+if(false) {
+ // When the styles change, update the <style> tags
+ if(!content.locals) {
+ module.hot.accept("!!../../../../node_modules/css-loader/index.js!../../../../node_modules/postcss-loader/lib/index.js!../../../../node_modules/sass-loader/lib/loader.js?includePaths[]=/Users/bruno/workspace/player/clappr/src/base/scss!./watermark.scss", function() {
+ var newContent = require("!!../../../../node_modules/css-loader/index.js!../../../../node_modules/postcss-loader/lib/index.js!../../../../node_modules/sass-loader/lib/loader.js?includePaths[]=/Users/bruno/workspace/player/clappr/src/base/scss!./watermark.scss");
+ if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
+ update(newContent);
+ });
+ }
+ // When the module is disposed, remove the <style> tags
+ module.hot.dispose(function() { update(); });
+}
+
+/***/ }),
+/* 200 */
+/***/ (function(module, exports, __webpack_require__) {
+
+exports = module.exports = __webpack_require__(7)(undefined);
// imports
@@ -30674,13 +31228,7 @@ exports.push([module.i, "[data-watermark] {\n position: absolute;\n min-width:
/***/ }),
-/* 188 */
-/***/ (function(module, exports) {
-
-module.exports = "<div data-watermark data-watermark-<%=position %>>\n<% if(typeof imageLink !== 'undefined') { %>\n<a target=_blank href=\"<%= imageLink %>\">\n<% } %>\n<img src=\"<%= imageUrl %>\">\n<% if(typeof imageLink !== 'undefined') { %>\n</a>\n<% } %>\n</div>\n";
-
-/***/ }),
-/* 189 */
+/* 201 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -30714,10 +31262,6 @@ var _events = __webpack_require__(4);
var _events2 = _interopRequireDefault(_events);
-var _styler = __webpack_require__(7);
-
-var _styler2 = _interopRequireDefault(_styler);
-
var _template = __webpack_require__(8);
var _template2 = _interopRequireDefault(_template);
@@ -30726,23 +31270,17 @@ var _playback = __webpack_require__(9);
var _playback2 = _interopRequireDefault(_playback);
-var _poster = __webpack_require__(190);
+var _poster = __webpack_require__(202);
var _poster2 = _interopRequireDefault(_poster);
-var _poster3 = __webpack_require__(191);
-
-var _poster4 = _interopRequireDefault(_poster3);
-
var _play = __webpack_require__(58);
var _play2 = _interopRequireDefault(_play);
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+__webpack_require__(203);
-//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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var PosterPlugin = function (_UIContainerPlugin) {
(0, _inherits3.default)(PosterPlugin, _UIContainerPlugin);
@@ -30754,7 +31292,7 @@ var PosterPlugin = function (_UIContainerPlugin) {
}, {
key: 'template',
get: function get() {
- return (0, _template2.default)(_poster4.default);
+ return (0, _template2.default)(_poster2.default);
}
}, {
key: 'shouldRender',
@@ -30847,9 +31385,8 @@ var PosterPlugin = function (_UIContainerPlugin) {
};
PosterPlugin.prototype.update = function update() {
- if (!this.shouldRender) {
- return;
- }
+ if (!this.shouldRender) return;
+
var showPlayButton = !this.playRequested && !this.hasStartedPlaying && !this.container.buffering;
this.showPlayButton(showPlayButton);
if (!this.hasStartedPlaying) {
@@ -30857,21 +31394,16 @@ var PosterPlugin = function (_UIContainerPlugin) {
this.$el.show();
} else {
this.container.enableMediaControl();
- if (this.shouldHideOnPlay()) {
- this.$el.hide();
- }
+ if (this.shouldHideOnPlay()) this.$el.hide();
}
};
PosterPlugin.prototype.render = function render() {
- if (!this.shouldRender) {
- return;
- }
- var style = _styler2.default.getStyleFor(_poster2.default, { baseUrl: this.options.baseUrl });
+ if (!this.shouldRender) return;
+
this.$el.html(this.template());
- this.$el.append(style);
- var isRegularPoster = this.options.poster && this.options.poster.custom == undefined;
+ var isRegularPoster = this.options.poster && this.options.poster.custom === undefined;
if (isRegularPoster) {
var posterUrl = this.options.poster.url || this.options.poster;
@@ -30879,6 +31411,7 @@ var PosterPlugin = function (_UIContainerPlugin) {
} 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);
@@ -30887,9 +31420,7 @@ var PosterPlugin = function (_UIContainerPlugin) {
this.$playButton.attr('data-poster', '');
var buttonsColor = this.options.mediacontrol && this.options.mediacontrol.buttons;
- if (buttonsColor) {
- this.$el.find('svg path').css('fill', buttonsColor);
- }
+ if (buttonsColor) this.$el.find('svg path').css('fill', buttonsColor);
if (this.options.mediacontrol && this.options.mediacontrol.buttons) {
buttonsColor = this.options.mediacontrol.buttons;
@@ -30900,34 +31431,67 @@ var PosterPlugin = function (_UIContainerPlugin) {
};
return PosterPlugin;
-}(_ui_container_plugin2.default);
+}(_ui_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 = PosterPlugin;
module.exports = exports['default'];
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(57)))
/***/ }),
-/* 190 */
+/* 202 */
+/***/ (function(module, exports) {
+
+module.exports = "<div class=\"play-wrapper\" data-poster></div>\n";
+
+/***/ }),
+/* 203 */
/***/ (function(module, exports, __webpack_require__) {
-exports = module.exports = __webpack_require__(10)(undefined);
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__(204);
+if(typeof content === 'string') content = [[module.i, content, '']];
+// Prepare cssTransformation
+var transform;
+
+var options = {"singleton":true,"hmr":true}
+options.transform = transform
+// add the styles to the DOM
+var update = __webpack_require__(10)(content, options);
+if(content.locals) module.exports = content.locals;
+// Hot Module Replacement
+if(false) {
+ // When the styles change, update the <style> tags
+ if(!content.locals) {
+ module.hot.accept("!!../../../../node_modules/css-loader/index.js!../../../../node_modules/postcss-loader/lib/index.js!../../../../node_modules/sass-loader/lib/loader.js?includePaths[]=/Users/bruno/workspace/player/clappr/src/base/scss!./poster.scss", function() {
+ var newContent = require("!!../../../../node_modules/css-loader/index.js!../../../../node_modules/postcss-loader/lib/index.js!../../../../node_modules/sass-loader/lib/loader.js?includePaths[]=/Users/bruno/workspace/player/clappr/src/base/scss!./poster.scss");
+ if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
+ update(newContent);
+ });
+ }
+ // When the module is disposed, remove the <style> tags
+ module.hot.dispose(function() { update(); });
+}
+
+/***/ }),
+/* 204 */
+/***/ (function(module, exports, __webpack_require__) {
+
+exports = module.exports = __webpack_require__(7)(undefined);
// imports
// 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", ""]);
+exports.push([module.i, ".player-poster[data-poster] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: 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 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", ""]);
// exports
/***/ }),
-/* 191 */
-/***/ (function(module, exports) {
-
-module.exports = "<div class=\"play-wrapper\" data-poster></div>\n";
-
-/***/ }),
-/* 192 */
+/* 205 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -30937,7 +31501,7 @@ Object.defineProperty(exports, "__esModule", {
value: true
});
-var _google_analytics = __webpack_require__(193);
+var _google_analytics = __webpack_require__(206);
var _google_analytics2 = _interopRequireDefault(_google_analytics);
@@ -30947,7 +31511,7 @@ exports.default = _google_analytics2.default;
module.exports = exports['default'];
/***/ }),
-/* 193 */
+/* 206 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -31092,9 +31656,7 @@ var GoogleAnalytics = function (_ContainerPlugin) {
};
GoogleAnalytics.prototype.onPlaybackChanged = function onPlaybackChanged(playbackState) {
- if (playbackState.type !== null) {
- this.push(['Video', 'Playback Type - ' + playbackState.type, this.container.playback.src]);
- }
+ if (playbackState.type !== null) this.push(['Video', 'Playback Type - ' + playbackState.type, this.container.playback.src]);
};
GoogleAnalytics.prototype.onDVR = function onDVR(dvrInUse) {
@@ -31130,7 +31692,7 @@ exports.default = GoogleAnalytics;
module.exports = exports['default'];
/***/ }),
-/* 194 */
+/* 207 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -31140,7 +31702,7 @@ Object.defineProperty(exports, "__esModule", {
value: true
});
-var _click_to_pause = __webpack_require__(195);
+var _click_to_pause = __webpack_require__(208);
var _click_to_pause2 = _interopRequireDefault(_click_to_pause);
@@ -31150,7 +31712,7 @@ exports.default = _click_to_pause2.default;
module.exports = exports['default'];
/***/ }),
-/* 195 */
+/* 208 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -31211,19 +31773,17 @@ var ClickToPausePlugin = function (_ContainerPlugin) {
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();
- }
+ 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');
- }
+ var pointerEnabled = this.container.getPlaybackType() !== _playback2.default.LIVE || this.container.isDvrEnabled();
+ if (pointerEnabled === this.pointerEnabled) return;
+
+ var method = pointerEnabled ? 'addClass' : 'removeClass';
+ this.container.$el[method]('pointer-enabled');
+ this.pointerEnabled = pointerEnabled;
};
return ClickToPausePlugin;
@@ -31235,7 +31795,7 @@ exports.default = ClickToPausePlugin;
module.exports = exports['default'];
/***/ }),
-/* 196 */
+/* 209 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -31245,7 +31805,7 @@ Object.defineProperty(exports, "__esModule", {
value: true
});
-var _dvr_controls = __webpack_require__(197);
+var _dvr_controls = __webpack_require__(210);
var _dvr_controls2 = _interopRequireDefault(_dvr_controls);
@@ -31255,7 +31815,7 @@ exports.default = _dvr_controls2.default;
module.exports = exports['default'];
/***/ }),
-/* 197 */
+/* 210 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -31293,22 +31853,16 @@ var _playback = __webpack_require__(9);
var _playback2 = _interopRequireDefault(_playback);
-var _styler = __webpack_require__(7);
-
-var _styler2 = _interopRequireDefault(_styler);
-
var _events = __webpack_require__(4);
var _events2 = _interopRequireDefault(_events);
-var _dvr_controls = __webpack_require__(198);
-
-var _dvr_controls2 = _interopRequireDefault(_dvr_controls);
-
-var _index = __webpack_require__(199);
+var _index = __webpack_require__(211);
var _index2 = _interopRequireDefault(_index);
+__webpack_require__(212);
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var DVRControls = function (_UICorePlugin) {
@@ -31365,6 +31919,7 @@ var DVRControls = function (_UICorePlugin) {
};
DVRControls.prototype.dvrChanged = function dvrChanged(dvrEnabled) {
+ if (this.core.getPlaybackType() !== _playback2.default.LIVE) return;
this.settingsUpdate();
this.core.mediaControl.$el.addClass('live');
if (dvrEnabled) {
@@ -31378,18 +31933,16 @@ var DVRControls = function (_UICorePlugin) {
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());
- }
+ if (!container.isPlaying()) container.play();
+
+ if (mediaControl.$el.hasClass('dvr')) container.seek(container.getDuration());
};
DVRControls.prototype.settingsUpdate = function settingsUpdate() {
var _this2 = this;
this.stopListening();
+ this.core.mediaControl.$el.removeClass('live');
if (this.shouldRender()) {
this.render();
this.$el.click(function () {
@@ -31405,12 +31958,10 @@ var DVRControls = function (_UICorePlugin) {
};
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);
@@ -31425,27 +31976,58 @@ exports.default = DVRControls;
module.exports = exports['default'];
/***/ }),
-/* 198 */
+/* 211 */
+/***/ (function(module, exports) {
+
+module.exports = "<div class=\"live-info\"><%= live %></div>\n<button type=\"button\" class=\"live-button\" aria-label=\"<%= backToLive %>\"><%= backToLive %></button>\n";
+
+/***/ }),
+/* 212 */
+/***/ (function(module, exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__(213);
+if(typeof content === 'string') content = [[module.i, content, '']];
+// Prepare cssTransformation
+var transform;
+
+var options = {"singleton":true,"hmr":true}
+options.transform = transform
+// add the styles to the DOM
+var update = __webpack_require__(10)(content, options);
+if(content.locals) module.exports = content.locals;
+// Hot Module Replacement
+if(false) {
+ // When the styles change, update the <style> tags
+ if(!content.locals) {
+ module.hot.accept("!!../../../../node_modules/css-loader/index.js!../../../../node_modules/postcss-loader/lib/index.js!../../../../node_modules/sass-loader/lib/loader.js?includePaths[]=/Users/bruno/workspace/player/clappr/src/base/scss!./dvr_controls.scss", function() {
+ var newContent = require("!!../../../../node_modules/css-loader/index.js!../../../../node_modules/postcss-loader/lib/index.js!../../../../node_modules/sass-loader/lib/loader.js?includePaths[]=/Users/bruno/workspace/player/clappr/src/base/scss!./dvr_controls.scss");
+ if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
+ update(newContent);
+ });
+ }
+ // When the module is disposed, remove the <style> tags
+ module.hot.dispose(function() { update(); });
+}
+
+/***/ }),
+/* 213 */
/***/ (function(module, exports, __webpack_require__) {
-exports = module.exports = __webpack_require__(10)(undefined);
+exports = module.exports = __webpack_require__(7)(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", ""]);
+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 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", ""]);
// exports
/***/ }),
-/* 199 */
-/***/ (function(module, exports) {
-
-module.exports = "<div class=\"live-info\"><%= live %></div>\n<button type=\"button\" class=\"live-button\" aria-label=\"<%= backToLive %>\"><%= backToLive %></button>\n";
-
-/***/ }),
-/* 200 */
+/* 214 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -31455,7 +32037,7 @@ Object.defineProperty(exports, "__esModule", {
value: true
});
-var _closed_captions = __webpack_require__(201);
+var _closed_captions = __webpack_require__(215);
var _closed_captions2 = _interopRequireDefault(_closed_captions);
@@ -31465,7 +32047,7 @@ exports.default = _closed_captions2.default;
module.exports = exports['default'];
/***/ }),
-/* 201 */
+/* 215 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -31499,25 +32081,19 @@ var _template = __webpack_require__(8);
var _template2 = _interopRequireDefault(_template);
-var _styler = __webpack_require__(7);
-
-var _styler2 = _interopRequireDefault(_styler);
-
var _events = __webpack_require__(4);
var _events2 = _interopRequireDefault(_events);
-var _cc = __webpack_require__(202);
+var _cc = __webpack_require__(216);
var _cc2 = _interopRequireDefault(_cc);
-var _closed_captions = __webpack_require__(203);
+var _closed_captions = __webpack_require__(217);
var _closed_captions2 = _interopRequireDefault(_closed_captions);
-var _closed_captions3 = __webpack_require__(204);
-
-var _closed_captions4 = _interopRequireDefault(_closed_captions3);
+__webpack_require__(218);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -31531,7 +32107,7 @@ var ClosedCaptions = function (_UICorePlugin) {
}, {
key: 'template',
get: function get() {
- return (0, _template2.default)(_closed_captions4.default);
+ return (0, _template2.default)(_closed_captions2.default);
}
}, {
key: 'events',
@@ -31635,9 +32211,7 @@ var ClosedCaptions = function (_UICorePlugin) {
var tracks = this.container ? this.container.closedCaptionsTracks : [];
for (var i = 0; i < tracks.length; i++) {
tracks[i].label = this._labelCb(tracks[i]);
- }
-
- this.$el.html(this.template({
+ }this.$el.html(this.template({
ariaLabel: this._ariaLabel,
disabledLabel: this.core.i18n.t('disabled'),
title: this._title,
@@ -31650,18 +32224,10 @@ var ClosedCaptions = function (_UICorePlugin) {
};
ClosedCaptions.prototype.render = function render() {
- if (!this.style) {
- this.style = _styler2.default.getStyleFor(_closed_captions2.default, { baseUrl: this.core.options.baseUrl });
- }
-
this.renderCcButton();
var $fullscreen = this.core.mediaControl.$el.find('button[data-fullscreen]');
- if ($fullscreen[0]) {
- this.$el.insertAfter($fullscreen);
- } else {
- this.core.mediaControl.$el.find('.media-control-right-panel[data-media-control]').prepend(this.$el);
- }
+ if ($fullscreen[0]) this.$el.insertAfter($fullscreen);else this.core.mediaControl.$el.find('.media-control-right-panel[data-media-control]').prepend(this.$el);
return this;
};
@@ -31673,16 +32239,53 @@ exports.default = ClosedCaptions;
module.exports = exports['default'];
/***/ }),
-/* 202 */
+/* 216 */
/***/ (function(module, exports) {
module.exports = "<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 49 41.8\" style=\"enable-background:new 0 0 49 41.8;\" xml:space=\"preserve\"><path d=\"M47.1,0H3.2C1.6,0,0,1.2,0,2.8v31.5C0,35.9,1.6,37,3.2,37h11.9l3.2,1.9l4.7,2.7c0.9,0.5,2-0.1,2-1.1V37h22.1 c1.6,0,1.9-1.1,1.9-2.7V2.8C49,1.2,48.7,0,47.1,0z M7.2,18.6c0-4.8,3.5-9.3,9.9-9.3c4.8,0,7.1,2.7,7.1,2.7l-2.5,4 c0,0-1.7-1.7-4.2-1.7c-2.8,0-4.3,2.1-4.3,4.3c0,2.1,1.5,4.4,4.5,4.4c2.5,0,4.9-2.1,4.9-2.1l2.2,4.2c0,0-2.7,2.9-7.6,2.9 C10.8,27.9,7.2,23.5,7.2,18.6z M36.9,27.9c-6.4,0-9.9-4.4-9.9-9.3c0-4.8,3.5-9.3,9.9-9.3C41.7,9.3,44,12,44,12l-2.5,4 c0,0-1.7-1.7-4.2-1.7c-2.8,0-4.3,2.1-4.3,4.3c0,2.1,1.5,4.4,4.5,4.4c2.5,0,4.9-2.1,4.9-2.1l2.2,4.2C44.5,25,41.9,27.9,36.9,27.9z\"></path></svg>"
/***/ }),
-/* 203 */
+/* 217 */
+/***/ (function(module, exports) {
+
+module.exports = "<button type=\"button\" class=\"cc-button media-control-button media-control-icon\" data-cc-button aria-label=\"<%= ariaLabel %>\"></button>\n<ul>\n <% if (title) { %>\n <li data-title><%= title %></li>\n <% }; %>\n <li><a href=\"#\" data-cc-select=\"-1\"><%= disabledLabel %></a></li>\n <% for (var i = 0; i < tracks.length; i++) { %>\n <li><a href=\"#\" data-cc-select=\"<%= tracks[i].id %>\"><%= tracks[i].label %></a></li>\n <% }; %>\n</ul>\n";
+
+/***/ }),
+/* 218 */
/***/ (function(module, exports, __webpack_require__) {
-exports = module.exports = __webpack_require__(10)(undefined);
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__(219);
+if(typeof content === 'string') content = [[module.i, content, '']];
+// Prepare cssTransformation
+var transform;
+
+var options = {"singleton":true,"hmr":true}
+options.transform = transform
+// add the styles to the DOM
+var update = __webpack_require__(10)(content, options);
+if(content.locals) module.exports = content.locals;
+// Hot Module Replacement
+if(false) {
+ // When the styles change, update the <style> tags
+ if(!content.locals) {
+ module.hot.accept("!!../../../../node_modules/css-loader/index.js!../../../../node_modules/postcss-loader/lib/index.js!../../../../node_modules/sass-loader/lib/loader.js?includePaths[]=/Users/bruno/workspace/player/clappr/src/base/scss!./closed_captions.scss", function() {
+ var newContent = require("!!../../../../node_modules/css-loader/index.js!../../../../node_modules/postcss-loader/lib/index.js!../../../../node_modules/sass-loader/lib/loader.js?includePaths[]=/Users/bruno/workspace/player/clappr/src/base/scss!./closed_captions.scss");
+ if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
+ update(newContent);
+ });
+ }
+ // When the module is disposed, remove the <style> tags
+ module.hot.dispose(function() { update(); });
+}
+
+/***/ }),
+/* 219 */
+/***/ (function(module, exports, __webpack_require__) {
+
+exports = module.exports = __webpack_require__(7)(undefined);
// imports
@@ -31693,13 +32296,7 @@ exports.push([module.i, ".cc-controls[data-cc-controls] {\n float: right;\n po
/***/ }),
-/* 204 */
-/***/ (function(module, exports) {
-
-module.exports = "<button type=\"button\" class=\"cc-button media-control-button media-control-icon\" data-cc-button aria-label=\"<%= ariaLabel %>\"></button>\n<ul>\n <% if (title) { %>\n <li data-title><%= title %></li>\n <% }; %>\n <li><a href=\"#\" data-cc-select=\"-1\"><%= disabledLabel %></a></li>\n <% for (var i = 0; i < tracks.length; i++) { %>\n <li><a href=\"#\" data-cc-select=\"<%= tracks[i].id %>\"><%= tracks[i].label %></a></li>\n <% }; %>\n</ul>\n";
-
-/***/ }),
-/* 205 */
+/* 220 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -31709,7 +32306,7 @@ Object.defineProperty(exports, "__esModule", {
value: true
});
-var _favicon = __webpack_require__(206);
+var _favicon = __webpack_require__(221);
var _favicon2 = _interopRequireDefault(_favicon);
@@ -31719,7 +32316,7 @@ exports.default = _favicon2.default;
module.exports = exports['default'];
/***/ }),
-/* 206 */
+/* 221 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -31808,9 +32405,7 @@ var Favicon = function (_CorePlugin) {
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();
- }
+ if (this.core.mediaControl.container) this.containerChanged();
};
Favicon.prototype.containerChanged = function containerChanged() {
@@ -31849,16 +32444,14 @@ var Favicon = function (_CorePlugin) {
};
Favicon.prototype.setPlayIcon = function setPlayIcon() {
- if (!this.playIcon) {
- this.playIcon = this.createIcon(_play2.default);
- }
+ 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);
- }
+ if (!this.pauseIcon) this.pauseIcon = this.createIcon(_pause2.default);
+
this.changeIcon(this.pauseIcon);
};
@@ -31881,7 +32474,7 @@ exports.default = Favicon;
module.exports = exports['default'];
/***/ }),
-/* 207 */
+/* 222 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -31891,7 +32484,7 @@ Object.defineProperty(exports, "__esModule", {
value: true
});
-var _seek_time = __webpack_require__(208);
+var _seek_time = __webpack_require__(223);
var _seek_time2 = _interopRequireDefault(_seek_time);
@@ -31901,7 +32494,7 @@ exports.default = _seek_time2.default;
module.exports = exports['default'];
/***/ }),
-/* 208 */
+/* 223 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -31933,10 +32526,6 @@ var _ui_core_plugin = __webpack_require__(38);
var _ui_core_plugin2 = _interopRequireDefault(_ui_core_plugin);
-var _styler = __webpack_require__(7);
-
-var _styler2 = _interopRequireDefault(_styler);
-
var _template = __webpack_require__(8);
var _template2 = _interopRequireDefault(_template);
@@ -31949,20 +32538,14 @@ var _playback = __webpack_require__(9);
var _playback2 = _interopRequireDefault(_playback);
-var _seek_time = __webpack_require__(209);
+var _seek_time = __webpack_require__(224);
var _seek_time2 = _interopRequireDefault(_seek_time);
-var _seek_time3 = __webpack_require__(210);
-
-var _seek_time4 = _interopRequireDefault(_seek_time3);
+__webpack_require__(225);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-// Copyright 2014 Globo.com Player authors. All rights reserved.
-// Use of this source code is governed by a BSD-style
-// license that can be found in the LICENSE file.
-
var SeekTime = function (_UICorePlugin) {
(0, _inherits3.default)(SeekTime, _UICorePlugin);
(0, _createClass3.default)(SeekTime, [{
@@ -31973,7 +32556,7 @@ var SeekTime = function (_UICorePlugin) {
}, {
key: 'template',
get: function get() {
- return (0, _template2.default)(_seek_time4.default);
+ return (0, _template2.default)(_seek_time2.default);
}
}, {
key: 'attributes',
@@ -32020,11 +32603,7 @@ var SeekTime = function (_UICorePlugin) {
_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;
- }
+ if (_this.mediaControl.options.actualLiveServerTime) _this.actualLiveServerTimeDiff = new Date().getTime() - new Date(_this.mediaControl.options.actualLiveServerTime).getTime();else _this.actualLiveServerTimeDiff = 0;
}
return _this;
}
@@ -32075,12 +32654,11 @@ var SeekTime = function (_UICorePlugin) {
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;
- }
+ if (seekTime < 0) seekTime += 86400;
} else {
seekTime = this.hoverPosition * this.duration;
}
+
return { seekTime: seekTime, secondsSinceMidnight: secondsSinceMidnight };
};
@@ -32131,9 +32709,7 @@ var SeekTime = function (_UICorePlugin) {
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]');
@@ -32143,33 +32719,66 @@ var SeekTime = function (_UICorePlugin) {
};
return SeekTime;
-}(_ui_core_plugin2.default);
+}(_ui_core_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 = SeekTime;
module.exports = exports['default'];
/***/ }),
-/* 209 */
+/* 224 */
+/***/ (function(module, exports) {
+
+module.exports = "<span data-seek-time></span>\n<span data-duration></span>\n";
+
+/***/ }),
+/* 225 */
+/***/ (function(module, exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__(226);
+if(typeof content === 'string') content = [[module.i, content, '']];
+// Prepare cssTransformation
+var transform;
+
+var options = {"singleton":true,"hmr":true}
+options.transform = transform
+// add the styles to the DOM
+var update = __webpack_require__(10)(content, options);
+if(content.locals) module.exports = content.locals;
+// Hot Module Replacement
+if(false) {
+ // When the styles change, update the <style> tags
+ if(!content.locals) {
+ module.hot.accept("!!../../../../node_modules/css-loader/index.js!../../../../node_modules/postcss-loader/lib/index.js!../../../../node_modules/sass-loader/lib/loader.js?includePaths[]=/Users/bruno/workspace/player/clappr/src/base/scss!./seek_time.scss", function() {
+ var newContent = require("!!../../../../node_modules/css-loader/index.js!../../../../node_modules/postcss-loader/lib/index.js!../../../../node_modules/sass-loader/lib/loader.js?includePaths[]=/Users/bruno/workspace/player/clappr/src/base/scss!./seek_time.scss");
+ if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
+ update(newContent);
+ });
+ }
+ // When the module is disposed, remove the <style> tags
+ module.hot.dispose(function() { update(); });
+}
+
+/***/ }),
+/* 226 */
/***/ (function(module, exports, __webpack_require__) {
-exports = module.exports = __webpack_require__(10)(undefined);
+exports = module.exports = __webpack_require__(7)(undefined);
// imports
// 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", ""]);
+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 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", ""]);
// exports
/***/ }),
-/* 210 */
-/***/ (function(module, exports) {
-
-module.exports = "<span data-seek-time></span>\n<span data-duration></span>\n";
-
-/***/ }),
-/* 211 */
+/* 227 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -32223,9 +32832,7 @@ var SourcesPlugin = function (_CorePlugin) {
})[0] || this.core.containers[0];
if (firstValidSource) {
this.core.containers.forEach(function (container) {
- if (container !== firstValidSource) {
- container.destroy();
- }
+ if (container !== firstValidSource) container.destroy();
});
}
};
@@ -32243,7 +32850,7 @@ exports.default = SourcesPlugin;
module.exports = exports['default'];
/***/ }),
-/* 212 */
+/* 228 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -32305,9 +32912,7 @@ var EndVideo = function (_CorePlugin) {
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();
- }
+ if (exitOnEnd && _utils.Fullscreen.isFullscreen()) this.core.toggleFullscreen();
};
(0, _createClass3.default)(EndVideo, [{
@@ -32323,7 +32928,7 @@ exports.default = EndVideo;
module.exports = exports['default'];
/***/ }),
-/* 213 */
+/* 229 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -32444,6 +33049,12 @@ var Strings = function (_CorePlugin) {
'back_to_live': 'canlı yayına dön',
'disabled': 'Engelli',
'playback_not_supported': 'Tarayıcınız bu videoyu oynatma desteğine sahip değil. Lütfen farklı bir tarayıcı ile deneyin.'
+ },
+ 'et': {
+ 'live': 'Otseülekanne',
+ 'back_to_live': 'Tagasi otseülekande juurde',
+ 'disabled': 'Keelatud',
+ 'playback_not_supported': 'Teie brauser ei toeta selle video taasesitust. Proovige kasutada muud brauserit.'
}
};
var strings = this.core.options.strings || {};
@@ -32457,6 +33068,7 @@ var Strings = function (_CorePlugin) {
this._messages['es-419'] = this._messages['es'];
this._messages['fr-FR'] = this._messages['fr'];
this._messages['tr-TR'] = this._messages['tr'];
+ this._messages['et-EE'] = this._messages['et'];
};
return Strings;
generated by cgit v1.2.3 (git 2.25.1) at 2024-11-12 01:10:24 +0000