/**
* @license
- * Video.js 7.8.0 <http://videojs.com/>
+ * Video.js 7.17.0 <http://videojs.com/>
* Copyright Brightcove, Inc. <https://www.brightcove.com/>
* Available under Apache License Version 2.0
- * <https://github.com/videojs/video.js/blob/master/LICENSE>
+ * <https://github.com/videojs/video.js/blob/main/LICENSE>
*
* Includes vtt.js <https://github.com/mozilla/vtt.js>
* Available under Apache License Version 2.0
- * <https://github.com/mozilla/vtt.js/blob/master/LICENSE>
+ * <https://github.com/mozilla/vtt.js/blob/main/LICENSE>
*/
(function (global, factory) {
- typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('global/window'), require('global/document')) :
- typeof define === 'function' && define.amd ? define(['global/window', 'global/document'], factory) :
- (global = global || self, global.videojs = factory(global.window, global.document));
-}(this, (function (window$3, document) { 'use strict';
+ typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
+ typeof define === 'function' && define.amd ? define(factory) :
+ (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.videojs = factory());
+}(this, (function () { 'use strict';
- window$3 = window$3 && Object.prototype.hasOwnProperty.call(window$3, 'default') ? window$3['default'] : window$3;
- document = document && Object.prototype.hasOwnProperty.call(document, 'default') ? document['default'] : document;
+ var version$5 = "7.17.0";
- var version = "7.8.0";
+ /**
+ * An Object that contains lifecycle hooks as keys which point to an array
+ * of functions that are run when a lifecycle is triggered
+ *
+ * @private
+ */
+ var hooks_ = {};
+ /**
+ * Get a list of hooks for a specific lifecycle
+ *
+ * @param {string} type
+ * the lifecyle to get hooks from
+ *
+ * @param {Function|Function[]} [fn]
+ * Optionally add a hook (or hooks) to the lifecycle that your are getting.
+ *
+ * @return {Array}
+ * an array of hooks, or an empty array if there are none.
+ */
+
+ var hooks = function hooks(type, fn) {
+ hooks_[type] = hooks_[type] || [];
+
+ if (fn) {
+ hooks_[type] = hooks_[type].concat(fn);
+ }
+
+ return hooks_[type];
+ };
+ /**
+ * Add a function hook to a specific videojs lifecycle.
+ *
+ * @param {string} type
+ * the lifecycle to hook the function to.
+ *
+ * @param {Function|Function[]}
+ * The function or array of functions to attach.
+ */
+
+
+ var hook = function hook(type, fn) {
+ hooks(type, fn);
+ };
+ /**
+ * Remove a hook from a specific videojs lifecycle.
+ *
+ * @param {string} type
+ * the lifecycle that the function hooked to
+ *
+ * @param {Function} fn
+ * The hooked function to remove
+ *
+ * @return {boolean}
+ * The function that was removed or undef
+ */
+
+
+ var removeHook = function removeHook(type, fn) {
+ var index = hooks(type).indexOf(fn);
+
+ if (index <= -1) {
+ return false;
+ }
+
+ hooks_[type] = hooks_[type].slice();
+ hooks_[type].splice(index, 1);
+ return true;
+ };
+ /**
+ * Add a function hook that will only run once to a specific videojs lifecycle.
+ *
+ * @param {string} type
+ * the lifecycle to hook the function to.
+ *
+ * @param {Function|Function[]}
+ * The function or array of functions to attach.
+ */
+
+
+ var hookOnce = function hookOnce(type, fn) {
+ hooks(type, [].concat(fn).map(function (original) {
+ var wrapper = function wrapper() {
+ removeHook(type, wrapper);
+ return original.apply(void 0, arguments);
+ };
+
+ return wrapper;
+ }));
+ };
+
+ /**
+ * @file fullscreen-api.js
+ * @module fullscreen-api
+ * @private
+ */
+
+ /**
+ * Store the browser-specific methods for the fullscreen API.
+ *
+ * @type {Object}
+ * @see [Specification]{@link https://fullscreen.spec.whatwg.org}
+ * @see [Map Approach From Screenfull.js]{@link https://github.com/sindresorhus/screenfull.js}
+ */
+ var FullscreenApi = {
+ prefixed: true
+ }; // browser API methods
+
+ var apiMap = [['requestFullscreen', 'exitFullscreen', 'fullscreenElement', 'fullscreenEnabled', 'fullscreenchange', 'fullscreenerror', 'fullscreen'], // WebKit
+ ['webkitRequestFullscreen', 'webkitExitFullscreen', 'webkitFullscreenElement', 'webkitFullscreenEnabled', 'webkitfullscreenchange', 'webkitfullscreenerror', '-webkit-full-screen'], // Mozilla
+ ['mozRequestFullScreen', 'mozCancelFullScreen', 'mozFullScreenElement', 'mozFullScreenEnabled', 'mozfullscreenchange', 'mozfullscreenerror', '-moz-full-screen'], // Microsoft
+ ['msRequestFullscreen', 'msExitFullscreen', 'msFullscreenElement', 'msFullscreenEnabled', 'MSFullscreenChange', 'MSFullscreenError', '-ms-fullscreen']];
+ var specApi = apiMap[0];
+ var browserApi; // determine the supported set of functions
+
+ for (var i = 0; i < apiMap.length; i++) {
+ // check for exitFullscreen function
+ if (apiMap[i][1] in document) {
+ browserApi = apiMap[i];
+ break;
+ }
+ } // map the browser API names to the spec API names
+
+
+ if (browserApi) {
+ for (var _i = 0; _i < browserApi.length; _i++) {
+ FullscreenApi[specApi[_i]] = browserApi[_i];
+ }
+
+ FullscreenApi.prefixed = browserApi[0] !== specApi[0];
+ }
/**
* @file create-logger.js
* @module create-logger
*/
-
+ // This is the private tracking variable for the logging history.
var history = [];
/**
* Log messages to the console and history based on the type of message
// still be stored in history.
- if (!window$3.console) {
+ if (!window.console) {
return;
} // Was setting these once outside of this function, but containing them
// in the function makes it easier to test cases where console doesn't exist
// when the module is executed.
- var fn = window$3.console[type];
+ var fn = window.console[type];
if (!fn && type === 'debug') {
// Certain browsers don't have support for console.debug. For those, we
// should default to the closest comparable log.
- fn = window$3.console.info || window$3.console.log;
+ fn = window.console.info || window.console.log;
} // Bail out if there's no console or if this type is not allowed by the
// current logging level.
return;
}
- fn[Array.isArray(args) ? 'apply' : 'call'](window$3.console, args);
+ fn[Array.isArray(args) ? 'apply' : 'call'](window.console, args);
};
};
- function createLogger(name) {
+ function createLogger$1(name) {
// This is the private tracking variable for logging level.
var level = 'info'; // the curried logByType bound to the specific log and history
*/
log.createLogger = function (subname) {
- return createLogger(name + ': ' + subname);
+ return createLogger$1(name + ': ' + subname);
};
/**
* Enumeration of available logging levels, where the keys are the level names
* @file log.js
* @module log
*/
- var log = createLogger('VIDEOJS');
- var createLogger$1 = log.createLogger;
+ var log$1 = createLogger$1('VIDEOJS');
+ var createLogger = log$1.createLogger;
+
+ var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
function createCommonjsModule(fn, module) {
return module = { exports: {} }, fn(module, module.exports), module.exports;
* @return {Mixed}
* The new accumulated value.
*/
- var toString = Object.prototype.toString;
+ var toString$1 = Object.prototype.toString;
/**
* Get the keys of an Object
*
*/
var keys = function keys(object) {
- return isObject(object) ? Object.keys(object) : [];
+ return isObject$1(object) ? Object.keys(object) : [];
};
/**
* Array-like iteration for objects.
* @return {boolean}
*/
- function isObject(value) {
+ function isObject$1(value) {
return !!value && typeof value === 'object';
}
/**
*/
function isPlain(value) {
- return isObject(value) && toString.call(value) === '[object Object]' && value.constructor === Object;
+ return isObject$1(value) && toString$1.call(value) === '[object Object]' && value.constructor === Object;
}
/**
* @file computed-style.js
* @module computed-style
*/
+
/**
* A safe getComputedStyle.
*
*
* @see https://bugzilla.mozilla.org/show_bug.cgi?id=548397
*/
-
function computedStyle(el, prop) {
if (!el || !prop) {
return '';
}
- if (typeof window$3.getComputedStyle === 'function') {
- var computedStyleValue = window$3.getComputedStyle(el);
+ if (typeof window.getComputedStyle === 'function') {
+ var computedStyleValue;
+
+ try {
+ computedStyleValue = window.getComputedStyle(el);
+ } catch (e) {
+ return '';
+ }
+
return computedStyleValue ? computedStyleValue.getPropertyValue(prop) || computedStyleValue[prop] : '';
}
return '';
}
+ /**
+ * @file browser.js
+ * @module browser
+ */
+ var USER_AGENT = window.navigator && window.navigator.userAgent || '';
+ var webkitVersionMap = /AppleWebKit\/([\d.]+)/i.exec(USER_AGENT);
+ var appleWebkitVersion = webkitVersionMap ? parseFloat(webkitVersionMap.pop()) : null;
+ /**
+ * Whether or not this device is an iPod.
+ *
+ * @static
+ * @const
+ * @type {Boolean}
+ */
+
+ var IS_IPOD = /iPod/i.test(USER_AGENT);
+ /**
+ * The detected iOS version - or `null`.
+ *
+ * @static
+ * @const
+ * @type {string|null}
+ */
+
+ var IOS_VERSION = function () {
+ var match = USER_AGENT.match(/OS (\d+)_/i);
+
+ if (match && match[1]) {
+ return match[1];
+ }
+
+ return null;
+ }();
+ /**
+ * Whether or not this is an Android device.
+ *
+ * @static
+ * @const
+ * @type {Boolean}
+ */
+
+ var IS_ANDROID = /Android/i.test(USER_AGENT);
+ /**
+ * The detected Android version - or `null`.
+ *
+ * @static
+ * @const
+ * @type {number|string|null}
+ */
+
+ var ANDROID_VERSION = function () {
+ // This matches Android Major.Minor.Patch versions
+ // ANDROID_VERSION is Major.Minor as a Number, if Minor isn't available, then only Major is returned
+ var match = USER_AGENT.match(/Android (\d+)(?:\.(\d+))?(?:\.(\d+))*/i);
+
+ if (!match) {
+ return null;
+ }
+
+ var major = match[1] && parseFloat(match[1]);
+ var minor = match[2] && parseFloat(match[2]);
+
+ if (major && minor) {
+ return parseFloat(match[1] + '.' + match[2]);
+ } else if (major) {
+ return major;
+ }
+
+ return null;
+ }();
+ /**
+ * Whether or not this is a native Android browser.
+ *
+ * @static
+ * @const
+ * @type {Boolean}
+ */
+
+ var IS_NATIVE_ANDROID = IS_ANDROID && ANDROID_VERSION < 5 && appleWebkitVersion < 537;
+ /**
+ * Whether or not this is Mozilla Firefox.
+ *
+ * @static
+ * @const
+ * @type {Boolean}
+ */
+
+ var IS_FIREFOX = /Firefox/i.test(USER_AGENT);
+ /**
+ * Whether or not this is Microsoft Edge.
+ *
+ * @static
+ * @const
+ * @type {Boolean}
+ */
+
+ var IS_EDGE = /Edg/i.test(USER_AGENT);
+ /**
+ * Whether or not this is Google Chrome.
+ *
+ * This will also be `true` for Chrome on iOS, which will have different support
+ * as it is actually Safari under the hood.
+ *
+ * @static
+ * @const
+ * @type {Boolean}
+ */
+
+ var IS_CHROME = !IS_EDGE && (/Chrome/i.test(USER_AGENT) || /CriOS/i.test(USER_AGENT));
+ /**
+ * The detected Google Chrome version - or `null`.
+ *
+ * @static
+ * @const
+ * @type {number|null}
+ */
+
+ var CHROME_VERSION = function () {
+ var match = USER_AGENT.match(/(Chrome|CriOS)\/(\d+)/);
+
+ if (match && match[2]) {
+ return parseFloat(match[2]);
+ }
+
+ return null;
+ }();
+ /**
+ * The detected Internet Explorer version - or `null`.
+ *
+ * @static
+ * @const
+ * @type {number|null}
+ */
+
+ var IE_VERSION = function () {
+ var result = /MSIE\s(\d+)\.\d/.exec(USER_AGENT);
+ var version = result && parseFloat(result[1]);
+
+ if (!version && /Trident\/7.0/i.test(USER_AGENT) && /rv:11.0/.test(USER_AGENT)) {
+ // IE 11 has a different user agent string than other IE versions
+ version = 11.0;
+ }
+
+ return version;
+ }();
+ /**
+ * Whether or not this is desktop Safari.
+ *
+ * @static
+ * @const
+ * @type {Boolean}
+ */
+
+ var IS_SAFARI = /Safari/i.test(USER_AGENT) && !IS_CHROME && !IS_ANDROID && !IS_EDGE;
+ /**
+ * Whether or not this is a Windows machine.
+ *
+ * @static
+ * @const
+ * @type {Boolean}
+ */
+
+ var IS_WINDOWS = /Windows/i.test(USER_AGENT);
+ /**
+ * Whether or not this device is touch-enabled.
+ *
+ * @static
+ * @const
+ * @type {Boolean}
+ */
+
+ var TOUCH_ENABLED = Boolean(isReal() && ('ontouchstart' in window || window.navigator.maxTouchPoints || window.DocumentTouch && window.document instanceof window.DocumentTouch));
+ /**
+ * Whether or not this device is an iPad.
+ *
+ * @static
+ * @const
+ * @type {Boolean}
+ */
+
+ var IS_IPAD = /iPad/i.test(USER_AGENT) || IS_SAFARI && TOUCH_ENABLED && !/iPhone/i.test(USER_AGENT);
+ /**
+ * Whether or not this device is an iPhone.
+ *
+ * @static
+ * @const
+ * @type {Boolean}
+ */
+ // The Facebook app's UIWebView identifies as both an iPhone and iPad, so
+ // to identify iPhones, we need to exclude iPads.
+ // http://artsy.github.io/blog/2012/10/18/the-perils-of-ios-user-agent-sniffing/
+
+ var IS_IPHONE = /iPhone/i.test(USER_AGENT) && !IS_IPAD;
+ /**
+ * Whether or not this is an iOS device.
+ *
+ * @static
+ * @const
+ * @type {Boolean}
+ */
+
+ var IS_IOS = IS_IPHONE || IS_IPAD || IS_IPOD;
+ /**
+ * Whether or not this is any flavor of Safari - including iOS.
+ *
+ * @static
+ * @const
+ * @type {Boolean}
+ */
+
+ var IS_ANY_SAFARI = (IS_SAFARI || IS_IOS) && !IS_CHROME;
+
+ var browser = /*#__PURE__*/Object.freeze({
+ __proto__: null,
+ IS_IPOD: IS_IPOD,
+ IOS_VERSION: IOS_VERSION,
+ IS_ANDROID: IS_ANDROID,
+ ANDROID_VERSION: ANDROID_VERSION,
+ IS_NATIVE_ANDROID: IS_NATIVE_ANDROID,
+ IS_FIREFOX: IS_FIREFOX,
+ IS_EDGE: IS_EDGE,
+ IS_CHROME: IS_CHROME,
+ CHROME_VERSION: CHROME_VERSION,
+ IE_VERSION: IE_VERSION,
+ IS_SAFARI: IS_SAFARI,
+ IS_WINDOWS: IS_WINDOWS,
+ TOUCH_ENABLED: TOUCH_ENABLED,
+ IS_IPAD: IS_IPAD,
+ IS_IPHONE: IS_IPHONE,
+ IS_IOS: IS_IOS,
+ IS_ANY_SAFARI: IS_ANY_SAFARI
+ });
+
/**
* @file dom.js
* @module dom
function isReal() {
// Both document and window will never be undefined thanks to `global`.
- return document === window$3.document;
+ return document === window.document;
}
/**
* Determines, via duck typing, whether or not a value is a DOM element.
*/
function isEl(value) {
- return isObject(value) && value.nodeType === 1;
+ return isObject$1(value) && value.nodeType === 1;
}
/**
* Determines if the current DOM is embedded in an iframe.
// We need a try/catch here because Safari will throw errors when attempting
// to get either `parent` or `self`
try {
- return window$3.parent !== window$3.self;
+ return window.parent !== window.self;
} catch (x) {
return true;
}
// same object, but that doesn't work so well.
if (propName.indexOf('aria-') !== -1 || propName === 'role' || propName === 'type') {
- log.warn('Setting attributes in the second argument of createEl()\n' + 'has been deprecated. Use the third argument instead.\n' + ("createEl(type, properties, attributes). Attempting to set " + propName + " to " + val + "."));
+ log$1.warn('Setting attributes in the second argument of createEl()\n' + 'has been deprecated. Use the third argument instead.\n' + ("createEl(type, properties, attributes). Attempting to set " + propName + " to " + val + "."));
el.setAttribute(propName, val); // Handle textContent since it's not supported everywhere and we have a
// method for it.
} else if (propName === 'textContent') {
textContent(el, val);
- } else if (el[propName] !== val) {
+ } else if (el[propName] !== val || propName === 'tabIndex') {
el[propName] = val;
}
});
*/
function removeClass(element, classToRemove) {
+ // Protect in case the player gets disposed
+ if (!element) {
+ log$1.warn("removeClass was called with an element that doesn't exist");
+ return null;
+ }
+
if (element.classList) {
element.classList.remove(classToRemove);
} else {
*/
function findPosition(el) {
- var box;
-
- if (el.getBoundingClientRect && el.parentNode) {
- box = el.getBoundingClientRect();
- }
-
- if (!box) {
+ if (!el || el && !el.offsetParent) {
return {
left: 0,
- top: 0
+ top: 0,
+ width: 0,
+ height: 0
};
}
- var docEl = document.documentElement;
- var body = document.body;
- var clientLeft = docEl.clientLeft || body.clientLeft || 0;
- var scrollLeft = window$3.pageXOffset || body.scrollLeft;
- var left = box.left + scrollLeft - clientLeft;
- var clientTop = docEl.clientTop || body.clientTop || 0;
- var scrollTop = window$3.pageYOffset || body.scrollTop;
- var top = box.top + scrollTop - clientTop; // Android sometimes returns slightly off decimal values, so need to round
+ var width = el.offsetWidth;
+ var height = el.offsetHeight;
+ var left = 0;
+ var top = 0;
+
+ while (el.offsetParent && el !== document[FullscreenApi.fullscreenElement]) {
+ left += el.offsetLeft;
+ top += el.offsetTop;
+ el = el.offsetParent;
+ }
return {
- left: Math.round(left),
- top: Math.round(top)
+ left: left,
+ top: top,
+ width: width,
+ height: height
};
}
/**
*/
function getPointerPosition(el, event) {
+ var translated = {
+ x: 0,
+ y: 0
+ };
+
+ if (IS_IOS) {
+ var item = el;
+
+ while (item && item.nodeName.toLowerCase() !== 'html') {
+ var transform = computedStyle(item, 'transform');
+
+ if (/^matrix/.test(transform)) {
+ var values = transform.slice(7, -1).split(/,\s/).map(Number);
+ translated.x += values[4];
+ translated.y += values[5];
+ } else if (/^matrix3d/.test(transform)) {
+ var _values = transform.slice(9, -1).split(/,\s/).map(Number);
+
+ translated.x += _values[12];
+ translated.y += _values[13];
+ }
+
+ item = item.parentNode;
+ }
+ }
+
var position = {};
+ var boxTarget = findPosition(event.target);
var box = findPosition(el);
- var boxW = el.offsetWidth;
- var boxH = el.offsetHeight;
- var boxY = box.top;
- var boxX = box.left;
- var pageY = event.pageY;
- var pageX = event.pageX;
+ var boxW = box.width;
+ var boxH = box.height;
+ var offsetY = event.offsetY - (box.top - boxTarget.top);
+ var offsetX = event.offsetX - (box.left - boxTarget.left);
if (event.changedTouches) {
- pageX = event.changedTouches[0].pageX;
- pageY = event.changedTouches[0].pageY;
+ offsetX = event.changedTouches[0].pageX - box.left;
+ offsetY = event.changedTouches[0].pageY + box.top;
+
+ if (IS_IOS) {
+ offsetX -= translated.x;
+ offsetY -= translated.y;
+ }
}
- position.y = Math.max(0, Math.min(1, (boxY - pageY + boxH) / boxH));
- position.x = Math.max(0, Math.min(1, (pageX - boxX) / boxW));
+ position.y = 1 - Math.max(0, Math.min(1, offsetY / boxH));
+ position.x = Math.max(0, Math.min(1, offsetX / boxW));
return position;
}
/**
*/
function isTextNode(value) {
- return isObject(value) && value.nodeType === 3;
+ return isObject$1(value) && value.nodeType === 3;
}
/**
* Empties the contents of an element.
* @module setup
*/
var _windowLoaded = false;
- var videojs;
+ var videojs$1;
/**
* Set up any tags that have a data-setup `attribute` when the player is started.
*/
var autoSetup = function autoSetup() {
- // Protect against breakage in non-browser environments and check global autoSetup option.
- if (!isReal() || videojs.options.autoSetup === false) {
+ if (videojs$1.options.autoSetup === false) {
return;
}
if (options !== null) {
// Create new video.js instance.
- videojs(mediaEl);
+ videojs$1(mediaEl);
}
} // If getAttribute isn't defined, we need to wait for the DOM.
function autoSetupTimeout(wait, vjs) {
+ // Protect against breakage in non-browser environments
+ if (!isReal()) {
+ return;
+ }
+
if (vjs) {
- videojs = vjs;
+ videojs$1 = vjs;
}
- window$3.setTimeout(autoSetup, wait);
+ window.setTimeout(autoSetup, wait);
}
/**
* Used to set the internal tracking of window loaded state to true.
function setWindowLoaded() {
_windowLoaded = true;
- window$3.removeEventListener('load', setWindowLoaded);
+ window.removeEventListener('load', setWindowLoaded);
}
if (isReal()) {
*
* @listens load
*/
- window$3.addEventListener('load', setWindowLoaded);
+ window.addEventListener('load', setWindowLoaded);
}
}
* @file stylesheet.js
* @module stylesheet
*/
+
/**
* Create a DOM syle element given a className for it.
*
* @return {Element}
* The element that was created.
*/
-
var createStyleElement = function createStyleElement(className) {
var style = document.createElement('style');
style.className = className;
*/
var FakeWeakMap;
- if (!window$3.WeakMap) {
+ if (!window.WeakMap) {
FakeWeakMap = /*#__PURE__*/function () {
function FakeWeakMap() {
- this.vdata = 'vdata' + Math.floor(window$3.performance && window$3.performance.now() || Date.now());
+ this.vdata = 'vdata' + Math.floor(window.performance && window.performance.now() || Date.now());
this.data = {};
}
// return undefined explicitly as that's the contract for this method
- log('We have no data for this element', key);
+ log$1('We have no data for this element', key);
return undefined;
};
*/
- var DomData = window$3.WeakMap ? new WeakMap() : new FakeWeakMap();
+ var DomData = window.WeakMap ? new WeakMap() : new FakeWeakMap();
/**
* @file events.js. An Event System (John Resig - Secrets of a JS Ninja http://jsninja.com/)
// with the Javascript Ninja code. So we're just overriding all events now.
- if (!event || !event.isPropagationStopped) {
- var old = event || window$3.event;
+ if (!event || !event.isPropagationStopped || !event.isImmediatePropagationStopped) {
+ var old = event || window.event;
event = {}; // Clone the old object so that we can modify the values event = {};
// IE8 Doesn't like when you mess with native event properties
// Firefox returns false for event.hasOwnProperty('type') and other props
_supportsPassive = true;
}
});
- window$3.addEventListener('test', null, opts);
- window$3.removeEventListener('test', null, opts);
+ window.addEventListener('test', null, opts);
+ window.removeEventListener('test', null, opts);
} catch (e) {// disregard
}
}
try {
handlersCopy[m].call(elem, event, hash);
} catch (e) {
- log.error(e);
+ log$1.error(e);
}
}
}
*/
var throttle = function throttle(fn, wait) {
- var last = window$3.performance.now();
+ var last = window.performance.now();
var throttled = function throttled() {
- var now = window$3.performance.now();
+ var now = window.performance.now();
if (now - last >= wait) {
fn.apply(void 0, arguments);
var debounce = function debounce(func, wait, immediate, context) {
if (context === void 0) {
- context = window$3;
+ context = window;
}
var timeout;
* @class EventTarget
*/
- var EventTarget = function EventTarget() {};
+ var EventTarget$2 = function EventTarget() {};
/**
* A Custom DOM event.
*
*/
- EventTarget.prototype.allowedEvents_ = {};
+ EventTarget$2.prototype.allowedEvents_ = {};
/**
* Adds an `event listener` to an instance of an `EventTarget`. An `event listener` is a
* function that will get called when an event with a certain name gets triggered.
* The function to call with `EventTarget`s
*/
- EventTarget.prototype.on = function (type, fn) {
+ EventTarget$2.prototype.on = function (type, fn) {
// Remove the addEventListener alias before calling Events.on
// so we don't get into an infinite type loop
var ael = this.addEventListener;
*/
- EventTarget.prototype.addEventListener = EventTarget.prototype.on;
+ EventTarget$2.prototype.addEventListener = EventTarget$2.prototype.on;
/**
* Removes an `event listener` for a specific event from an instance of `EventTarget`.
* This makes it so that the `event listener` will no longer get called when the
* The function to remove.
*/
- EventTarget.prototype.off = function (type, fn) {
+ EventTarget$2.prototype.off = function (type, fn) {
off(this, type, fn);
};
/**
*/
- EventTarget.prototype.removeEventListener = EventTarget.prototype.off;
+ EventTarget$2.prototype.removeEventListener = EventTarget$2.prototype.off;
/**
* This function will add an `event listener` that gets triggered only once. After the
* first trigger it will get removed. This is like adding an `event listener`
* The function to be called once for each event name.
*/
- EventTarget.prototype.one = function (type, fn) {
+ EventTarget$2.prototype.one = function (type, fn) {
// Remove the addEventListener aliasing Events.on
// so we don't get into an infinite type loop
var ael = this.addEventListener;
this.addEventListener = ael;
};
- EventTarget.prototype.any = function (type, fn) {
+ EventTarget$2.prototype.any = function (type, fn) {
// Remove the addEventListener aliasing Events.on
// so we don't get into an infinite type loop
var ael = this.addEventListener;
*/
- EventTarget.prototype.trigger = function (event) {
+ EventTarget$2.prototype.trigger = function (event) {
var type = event.type || event; // deprecation
// In a future version we should default target to `this`
// similar to how we default the target to `elem` in
*/
- EventTarget.prototype.dispatchEvent = EventTarget.prototype.trigger;
+ EventTarget$2.prototype.dispatchEvent = EventTarget$2.prototype.trigger;
var EVENT_MAP;
- EventTarget.prototype.queueTrigger = function (event) {
+ EventTarget$2.prototype.queueTrigger = function (event) {
var _this = this;
// only set up EVENT_MAP if it'll be used
var oldTimeout = map.get(type);
map["delete"](type);
- window$3.clearTimeout(oldTimeout);
- var timeout = window$3.setTimeout(function () {
+ window.clearTimeout(oldTimeout);
+ var timeout = window.setTimeout(function () {
// if we cleared out all timeouts for the current target, delete its map
if (map.size === 0) {
map = null;
* @file mixins/evented.js
* @module evented
*/
+
+ var objName = function objName(obj) {
+ if (typeof obj.name === 'function') {
+ return obj.name();
+ }
+
+ if (typeof obj.name === 'string') {
+ return obj.name;
+ }
+
+ if (obj.name_) {
+ return obj.name_;
+ }
+
+ if (obj.constructor && obj.constructor.name) {
+ return obj.constructor.name;
+ }
+
+ return typeof obj;
+ };
/**
* Returns whether or not an object has had the evented mixin applied.
*
* Whether or not the object appears to be evented.
*/
+
var isEvented = function isEvented(object) {
- return object instanceof EventTarget || !!object.eventBusEl_ && ['on', 'one', 'off', 'trigger'].every(function (k) {
+ return object instanceof EventTarget$2 || !!object.eventBusEl_ && ['on', 'one', 'off', 'trigger'].every(function (k) {
return typeof object[k] === 'function';
});
};
*
* @param {Object} target
* The object to test.
+ *
+ * @param {Object} obj
+ * The evented object we are validating for
+ *
+ * @param {string} fnName
+ * The name of the evented mixin function that called this.
*/
- var validateTarget = function validateTarget(target) {
- if (!target.nodeName && !isEvented(target)) {
- throw new Error('Invalid target; must be a DOM node or evented object.');
+ var validateTarget = function validateTarget(target, obj, fnName) {
+ if (!target || !target.nodeName && !isEvented(target)) {
+ throw new Error("Invalid target for " + objName(obj) + "#" + fnName + "; must be a DOM node or evented object.");
}
};
/**
*
* @param {string|Array} type
* The type to test.
+ *
+ * @param {Object} obj
+ * The evented object we are validating for
+ *
+ * @param {string} fnName
+ * The name of the evented mixin function that called this.
*/
- var validateEventType = function validateEventType(type) {
+ var validateEventType = function validateEventType(type, obj, fnName) {
if (!isValidEventType(type)) {
- throw new Error('Invalid event type; must be a non-empty string or array.');
+ throw new Error("Invalid event type for " + objName(obj) + "#" + fnName + "; must be a non-empty string or array.");
}
};
/**
*
* @param {Function} listener
* The listener to test.
+ *
+ * @param {Object} obj
+ * The evented object we are validating for
+ *
+ * @param {string} fnName
+ * The name of the evented mixin function that called this.
*/
- var validateListener = function validateListener(listener) {
+ var validateListener = function validateListener(listener, obj, fnName) {
if (typeof listener !== 'function') {
- throw new Error('Invalid listener; must be a function.');
+ throw new Error("Invalid listener for " + objName(obj) + "#" + fnName + "; must be a function.");
}
};
/**
* @param {Array} args
* An array of arguments passed to `on()` or `one()`.
*
+ * @param {string} fnName
+ * The name of the evented mixin function that called this.
+ *
* @return {Object}
* An object containing useful values for `on()` or `one()` calls.
*/
- var normalizeListenArgs = function normalizeListenArgs(self, args) {
+ var normalizeListenArgs = function normalizeListenArgs(self, args, fnName) {
// If the number of arguments is less than 3, the target is always the
// evented object itself.
var isTargetingSelf = args.length < 3 || args[0] === self || args[0] === self.eventBusEl_;
listener = args[2];
}
- validateTarget(target);
- validateEventType(type);
- validateListener(listener);
+ validateTarget(target, self, fnName);
+ validateEventType(type, self, fnName);
+ validateListener(listener, self, fnName);
listener = bind(self, listener);
return {
isTargetingSelf: isTargetingSelf,
var listen = function listen(target, method, type, listener) {
- validateTarget(target);
+ validateTarget(target, target, method);
if (target.nodeName) {
Events[method](target, type, listener);
args[_key] = arguments[_key];
}
- var _normalizeListenArgs = normalizeListenArgs(this, args),
+ var _normalizeListenArgs = normalizeListenArgs(this, args, 'on'),
isTargetingSelf = _normalizeListenArgs.isTargetingSelf,
target = _normalizeListenArgs.target,
type = _normalizeListenArgs.type,
args[_key2] = arguments[_key2];
}
- var _normalizeListenArgs2 = normalizeListenArgs(this, args),
+ var _normalizeListenArgs2 = normalizeListenArgs(this, args, 'one'),
isTargetingSelf = _normalizeListenArgs2.isTargetingSelf,
target = _normalizeListenArgs2.target,
type = _normalizeListenArgs2.type,
args[_key4] = arguments[_key4];
}
- var _normalizeListenArgs3 = normalizeListenArgs(this, args),
+ var _normalizeListenArgs3 = normalizeListenArgs(this, args, 'any'),
isTargetingSelf = _normalizeListenArgs3.isTargetingSelf,
target = _normalizeListenArgs3.target,
type = _normalizeListenArgs3.type,
var target = targetOrType;
var type = typeOrListener; // Fail fast and in a meaningful way!
- validateTarget(target);
- validateEventType(type);
- validateListener(listener); // Ensure there's at least a guid, even if the function hasn't been used
+ validateTarget(target, this, 'off');
+ validateEventType(type, this, 'off');
+ validateListener(listener, this, 'off'); // Ensure there's at least a guid, even if the function hasn't been used
listener = bind(this, listener); // Remove the dispose listener on this evented object, which was given
// the same guid as the event listener in on().
* Whether or not the default behavior was prevented.
*/
trigger: function trigger$1(event, hash) {
+ validateTarget(this.eventBusEl_, this, 'trigger');
+ var type = event && typeof event !== 'string' ? event.type : event;
+
+ if (!isValidEventType(type)) {
+ var error = "Invalid event type for " + objName(this) + "#trigger; " + 'must be a non-empty string or object with a type key that has a non-empty value.';
+
+ if (event) {
+ (this.log || log$1).error(error);
+ } else {
+ throw new Error(error);
+ }
+ }
+
return trigger(this.eventBusEl_, event, hash);
}
};
target.on('dispose', function () {
target.off();
- window$3.setTimeout(function () {
+ [target, target.el_, target.eventBusEl_].forEach(function (val) {
+ if (val && DomData.has(val)) {
+ DomData["delete"](val);
+ }
+ });
+ window.setTimeout(function () {
target.eventBusEl_ = null;
}, 0);
});
* The string with an uppercased first letter
*/
- var toTitleCase = function toTitleCase(string) {
+ var toTitleCase$1 = function toTitleCase(string) {
if (typeof string !== 'string') {
return string;
}
*/
var titleCaseEquals = function titleCaseEquals(str1, str2) {
- return toTitleCase(str1) === toTitleCase(str2);
+ return toTitleCase$1(str1) === toTitleCase$1(str2);
};
/**
* A new object that is the merged result of all sources.
*/
- function mergeOptions() {
+ function mergeOptions$3() {
var result = {};
for (var _len = arguments.length, sources = new Array(_len), _key = 0; _key < _len; _key++) {
result[key] = {};
}
- result[key] = mergeOptions(result[key], value);
+ result[key] = mergeOptions$3(result[key], value);
});
});
return result;
}
+ var MapSham = /*#__PURE__*/function () {
+ function MapSham() {
+ this.map_ = {};
+ }
+
+ var _proto = MapSham.prototype;
+
+ _proto.has = function has(key) {
+ return key in this.map_;
+ };
+
+ _proto["delete"] = function _delete(key) {
+ var has = this.has(key);
+ delete this.map_[key];
+ return has;
+ };
+
+ _proto.set = function set(key, value) {
+ this.map_[key] = value;
+ return this;
+ };
+
+ _proto.forEach = function forEach(callback, thisArg) {
+ for (var key in this.map_) {
+ callback.call(thisArg, this.map_[key], key, this);
+ }
+ };
+
+ return MapSham;
+ }();
+
+ var Map$1 = window.Map ? window.Map : MapSham;
+
+ var SetSham = /*#__PURE__*/function () {
+ function SetSham() {
+ this.set_ = {};
+ }
+
+ var _proto = SetSham.prototype;
+
+ _proto.has = function has(key) {
+ return key in this.set_;
+ };
+
+ _proto["delete"] = function _delete(key) {
+ var has = this.has(key);
+ delete this.set_[key];
+ return has;
+ };
+
+ _proto.add = function add(key) {
+ this.set_[key] = 1;
+ return this;
+ };
+
+ _proto.forEach = function forEach(callback, thisArg) {
+ for (var key in this.set_) {
+ callback.call(thisArg, key, key, this);
+ }
+ };
+
+ return SetSham;
+ }();
+
+ var Set = window.Set ? window.Set : SetSham;
+
/**
* Player Component - Base class for all UI objects
*
* Components can also use methods from {@link EventTarget}
*/
- var Component = /*#__PURE__*/function () {
+ var Component$1 = /*#__PURE__*/function () {
/**
* A callback that is called when a component is ready. Does not have any
* paramters and any callback value will be ignored.
this.parentComponent_ = null; // Make a copy of prototype.options_ to protect against overriding defaults
- this.options_ = mergeOptions({}, this.options_); // Updated options with supplied options
+ this.options_ = mergeOptions$3({}, this.options_); // Updated options with supplied options
- options = this.options_ = mergeOptions(this.options_, options); // Get ID from options or options element if one is supplied
+ options = this.options_ = mergeOptions$3(this.options_, options); // Get ID from options or options element if one is supplied
this.id_ = options.id || options.el && options.el.id; // If there was no ID from the options, generate one
evented(this, {
eventBusKey: this.el_ ? 'el_' : null
});
+ this.handleLanguagechange = this.handleLanguagechange.bind(this);
+ this.on(this.player_, 'languagechange', this.handleLanguagechange);
}
stateful(this, this.constructor.defaultState);
this.children_ = [];
this.childIndex_ = {};
this.childNameIndex_ = {};
- var SetSham;
-
- if (!window$3.Set) {
- SetSham = /*#__PURE__*/function () {
- function SetSham() {
- this.set_ = {};
- }
-
- var _proto2 = SetSham.prototype;
-
- _proto2.has = function has(key) {
- return key in this.set_;
- };
-
- _proto2["delete"] = function _delete(key) {
- var has = this.has(key);
- delete this.set_[key];
- return has;
- };
-
- _proto2.add = function add(key) {
- this.set_[key] = 1;
- return this;
- };
-
- _proto2.forEach = function forEach(callback, thisArg) {
- for (var key in this.set_) {
- callback.call(thisArg, key, key, this);
- }
- };
-
- return SetSham;
- }();
- }
-
- this.setTimeoutIds_ = window$3.Set ? new Set() : new SetSham();
- this.setIntervalIds_ = window$3.Set ? new Set() : new SetSham();
- this.rafIds_ = window$3.Set ? new Set() : new SetSham();
+ this.setTimeoutIds_ = new Set();
+ this.setIntervalIds_ = new Set();
+ this.rafIds_ = new Set();
+ this.namedRafs_ = new Map$1();
this.clearingTimersOnDispose_ = false; // Add any child components in options
if (options.initChildren !== false) {
this.initChildren();
- }
-
- this.ready(ready); // Don't want to trigger ready here or it will before init is actually
+ } // Don't want to trigger ready here or it will go before init is actually
// finished for all children that run this constructor
+
+ this.ready(ready);
+
if (options.reportTouchActivity !== false) {
this.enableTouchActivity();
}
if (this.isDisposed_) {
return;
}
+
+ if (this.readyQueue_) {
+ this.readyQueue_.length = 0;
+ }
/**
* Triggered when a `Component` is disposed.
*
this.el_.parentNode.removeChild(this.el_);
}
- if (DomData.has(this.el_)) {
- DomData["delete"](this.el_);
- }
-
this.el_ = null;
} // remove reference to the player after disposing of the element
return this.options_;
}
- this.options_ = mergeOptions(this.options_, obj);
+ this.options_ = mergeOptions$3(this.options_, obj);
return this.options_;
}
/**
return localizedString;
}
+ /**
+ * Handles language change for the player in components. Should be overriden by sub-components.
+ *
+ * @abstract
+ */
+ ;
+
+ _proto.handleLanguagechange = function handleLanguagechange() {}
/**
* Return the `Component`s DOM element. This is where children get inserted.
* This will usually be the the same as the element returned in {@link Component#el}.
var componentName; // If child is a string, create component with options
if (typeof child === 'string') {
- componentName = toTitleCase(child);
+ componentName = toTitleCase$1(child);
var componentClassName = options.componentClass || componentName; // Set name through options
options.name = componentName; // Create a new object & element for this controls set
// name function of the component
- componentName = componentName || component.name && toTitleCase(component.name());
+ componentName = componentName || component.name && toTitleCase$1(component.name());
if (componentName) {
this.childNameIndex_[componentName] = component;
// If inserting before a component, insert before that component's element
var refNode = null;
- if (this.children_[index + 1] && this.children_[index + 1].el_) {
- refNode = this.children_[index + 1].el_;
+ if (this.children_[index + 1]) {
+ // Most children are components, but the video tech is an HTML element
+ if (this.children_[index + 1].el_) {
+ refNode = this.children_[index + 1].el_;
+ } else if (isEl(this.children_[index + 1])) {
+ refNode = this.children_[index + 1];
+ }
}
this.contentEl().insertBefore(component.el(), refNode);
component.parentComponent_ = null;
this.childIndex_[component.id()] = null;
- this.childNameIndex_[toTitleCase(component.name())] = null;
+ this.childNameIndex_[toTitleCase$1(component.name())] = null;
this.childNameIndex_[toLowerCase(component.name())] = null;
var compEl = component.el();
// we have to make sure that child.name isn't in the techOrder since
// techs are registerd as Components but can't aren't compatible
// See https://github.com/videojs/video.js/issues/2772
- var c = Component.getComponent(child.opts.componentClass || toTitleCase(child.name));
+ var c = Component.getComponent(child.opts.componentClass || toTitleCase$1(child.name));
return c && !Tech.isTech(c);
}).forEach(handleAdd);
}
// TODO: handle display:none and no dimension style using px
- return parseInt(this.el_['offset' + toTitleCase(widthOrHeight)], 10);
+ return parseInt(this.el_['offset' + toTitleCase$1(widthOrHeight)], 10);
}
/**
* Get the computed width or the height of the component's element.
// This code also runs wherever getComputedStyle doesn't exist.
if (computedWidthOrHeight === 0 || isNaN(computedWidthOrHeight)) {
- var rule = "offset" + toTitleCase(widthOrHeight);
+ var rule = "offset" + toTitleCase$1(widthOrHeight);
computedWidthOrHeight = this.el_[rule];
}
pageY: event.touches[0].pageY
}; // Record start time so we can detect a tap vs. "touch and hold"
- touchStart = window$3.performance.now(); // Reset couldBeTap tracking
+ touchStart = window.performance.now(); // Reset couldBeTap tracking
couldBeTap = true;
}
if (couldBeTap === true) {
// Measure how long the touch lasted
- var touchTime = window$3.performance.now() - touchStart; // Make sure the touch was less than the threshold to be considered a tap
+ var touchTime = window.performance.now() - touchStart; // Make sure the touch was less than the threshold to be considered a tap
if (touchTime < touchTimeThreshold) {
// Don't let browser turn this into a click
var timeoutId;
fn = bind(this, fn);
this.clearTimersOnDispose_();
- timeoutId = window$3.setTimeout(function () {
+ timeoutId = window.setTimeout(function () {
if (_this2.setTimeoutIds_.has(timeoutId)) {
_this2.setTimeoutIds_["delete"](timeoutId);
}
_proto.clearTimeout = function clearTimeout(timeoutId) {
if (this.setTimeoutIds_.has(timeoutId)) {
this.setTimeoutIds_["delete"](timeoutId);
- window$3.clearTimeout(timeoutId);
+ window.clearTimeout(timeoutId);
}
return timeoutId;
_proto.setInterval = function setInterval(fn, interval) {
fn = bind(this, fn);
this.clearTimersOnDispose_();
- var intervalId = window$3.setInterval(fn, interval);
+ var intervalId = window.setInterval(fn, interval);
this.setIntervalIds_.add(intervalId);
return intervalId;
}
_proto.clearInterval = function clearInterval(intervalId) {
if (this.setIntervalIds_.has(intervalId)) {
this.setIntervalIds_["delete"](intervalId);
- window$3.clearInterval(intervalId);
+ window.clearInterval(intervalId);
}
return intervalId;
var id;
fn = bind(this, fn);
- id = window$3.requestAnimationFrame(function () {
+ id = window.requestAnimationFrame(function () {
if (_this3.rafIds_.has(id)) {
_this3.rafIds_["delete"](id);
}
this.rafIds_.add(id);
return id;
}
+ /**
+ * Request an animation frame, but only one named animation
+ * frame will be queued. Another will never be added until
+ * the previous one finishes.
+ *
+ * @param {string} name
+ * The name to give this requestAnimationFrame
+ *
+ * @param {Component~GenericCallback} fn
+ * A function that will be bound to this component and executed just
+ * before the browser's next repaint.
+ */
+ ;
+
+ _proto.requestNamedAnimationFrame = function requestNamedAnimationFrame(name, fn) {
+ var _this4 = this;
+
+ if (this.namedRafs_.has(name)) {
+ return;
+ }
+
+ this.clearTimersOnDispose_();
+ fn = bind(this, fn);
+ var id = this.requestAnimationFrame(function () {
+ fn();
+
+ if (_this4.namedRafs_.has(name)) {
+ _this4.namedRafs_["delete"](name);
+ }
+ });
+ this.namedRafs_.set(name, id);
+ return name;
+ }
+ /**
+ * Cancels a current named animation frame if it exists.
+ *
+ * @param {string} name
+ * The name of the requestAnimationFrame to cancel.
+ */
+ ;
+
+ _proto.cancelNamedAnimationFrame = function cancelNamedAnimationFrame(name) {
+ if (!this.namedRafs_.has(name)) {
+ return;
+ }
+
+ this.cancelAnimationFrame(this.namedRafs_.get(name));
+ this.namedRafs_["delete"](name);
+ }
/**
* Cancels a queued callback passed to {@link Component#requestAnimationFrame}
* (rAF).
if (this.rafIds_.has(id)) {
this.rafIds_["delete"](id);
- window$3.cancelAnimationFrame(id);
+ window.cancelAnimationFrame(id);
}
return id;
;
_proto.clearTimersOnDispose_ = function clearTimersOnDispose_() {
- var _this4 = this;
+ var _this5 = this;
if (this.clearingTimersOnDispose_) {
return;
this.clearingTimersOnDispose_ = true;
this.one('dispose', function () {
- [['rafIds_', 'cancelAnimationFrame'], ['setTimeoutIds_', 'clearTimeout'], ['setIntervalIds_', 'clearInterval']].forEach(function (_ref) {
+ [['namedRafs_', 'cancelNamedAnimationFrame'], ['rafIds_', 'cancelAnimationFrame'], ['setTimeoutIds_', 'clearTimeout'], ['setIntervalIds_', 'clearInterval']].forEach(function (_ref) {
var idName = _ref[0],
cancelName = _ref[1];
- _this4[idName].forEach(_this4[cancelName], _this4);
+ // for a `Set` key will actually be the value again
+ // so forEach((val, val) =>` but for maps we want to use
+ // the key.
+ _this5[idName].forEach(function (val, key) {
+ return _this5[cancelName](key);
+ });
});
- _this4.clearingTimersOnDispose_ = false;
+ _this5.clearingTimersOnDispose_ = false;
});
}
/**
throw new Error("Illegal component, \"" + name + "\"; " + reason + ".");
}
- name = toTitleCase(name);
+ name = toTitleCase$1(name);
if (!Component.components_) {
Component.components_ = {};
*
* @return {Component}
* The `Component` that got registered under the given name.
- *
- * @deprecated In `videojs` 6 this will not return `Component`s that were not
- * registered using {@link Component.registerComponent}. Currently we
- * check the global `videojs` object for a `Component` name and
- * return that if it exists.
*/
;
*/
- Component.prototype.supportsRaf_ = typeof window$3.requestAnimationFrame === 'function' && typeof window$3.cancelAnimationFrame === 'function';
- Component.registerComponent('Component', Component);
+ Component$1.prototype.supportsRaf_ = typeof window.requestAnimationFrame === 'function' && typeof window.cancelAnimationFrame === 'function';
+ Component$1.registerComponent('Component', Component$1);
function _assertThisInitialized(self) {
if (self === void 0) {
var assertThisInitialized = _assertThisInitialized;
- var _typeof_1 = createCommonjsModule(function (module) {
- function _typeof(obj) {
- "@babel/helpers - typeof";
-
- if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
- module.exports = _typeof = function _typeof(obj) {
- return typeof obj;
- };
- } else {
- module.exports = _typeof = function _typeof(obj) {
- return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
- };
- }
-
- return _typeof(obj);
- }
-
- module.exports = _typeof;
- });
-
- var getPrototypeOf = createCommonjsModule(function (module) {
- function _getPrototypeOf(o) {
- module.exports = _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
- return o.__proto__ || Object.getPrototypeOf(o);
- };
- return _getPrototypeOf(o);
- }
-
- module.exports = _getPrototypeOf;
- });
-
function _inheritsLoose(subClass, superClass) {
subClass.prototype = Object.create(superClass.prototype);
subClass.prototype.constructor = subClass;
var inheritsLoose = _inheritsLoose;
- /**
- * @file browser.js
- * @module browser
- */
- var USER_AGENT = window$3.navigator && window$3.navigator.userAgent || '';
- var webkitVersionMap = /AppleWebKit\/([\d.]+)/i.exec(USER_AGENT);
- var appleWebkitVersion = webkitVersionMap ? parseFloat(webkitVersionMap.pop()) : null;
- /**
- * Whether or not this device is an iPod.
- *
- * @static
- * @const
- * @type {Boolean}
- */
-
- var IS_IPOD = /iPod/i.test(USER_AGENT);
- /**
- * The detected iOS version - or `null`.
- *
- * @static
- * @const
- * @type {string|null}
- */
-
- var IOS_VERSION = function () {
- var match = USER_AGENT.match(/OS (\d+)_/i);
-
- if (match && match[1]) {
- return match[1];
- }
-
- return null;
- }();
- /**
- * Whether or not this is an Android device.
- *
- * @static
- * @const
- * @type {Boolean}
- */
-
- var IS_ANDROID = /Android/i.test(USER_AGENT);
- /**
- * The detected Android version - or `null`.
- *
- * @static
- * @const
- * @type {number|string|null}
- */
-
- var ANDROID_VERSION = function () {
- // This matches Android Major.Minor.Patch versions
- // ANDROID_VERSION is Major.Minor as a Number, if Minor isn't available, then only Major is returned
- var match = USER_AGENT.match(/Android (\d+)(?:\.(\d+))?(?:\.(\d+))*/i);
-
- if (!match) {
- return null;
- }
-
- var major = match[1] && parseFloat(match[1]);
- var minor = match[2] && parseFloat(match[2]);
-
- if (major && minor) {
- return parseFloat(match[1] + '.' + match[2]);
- } else if (major) {
- return major;
- }
-
- return null;
- }();
- /**
- * Whether or not this is a native Android browser.
- *
- * @static
- * @const
- * @type {Boolean}
- */
-
- var IS_NATIVE_ANDROID = IS_ANDROID && ANDROID_VERSION < 5 && appleWebkitVersion < 537;
- /**
- * Whether or not this is Mozilla Firefox.
- *
- * @static
- * @const
- * @type {Boolean}
- */
-
- var IS_FIREFOX = /Firefox/i.test(USER_AGENT);
- /**
- * Whether or not this is Microsoft Edge.
- *
- * @static
- * @const
- * @type {Boolean}
- */
-
- var IS_EDGE = /Edg/i.test(USER_AGENT);
- /**
- * Whether or not this is Google Chrome.
- *
- * This will also be `true` for Chrome on iOS, which will have different support
- * as it is actually Safari under the hood.
- *
- * @static
- * @const
- * @type {Boolean}
- */
-
- var IS_CHROME = !IS_EDGE && (/Chrome/i.test(USER_AGENT) || /CriOS/i.test(USER_AGENT));
- /**
- * The detected Google Chrome version - or `null`.
- *
- * @static
- * @const
- * @type {number|null}
- */
-
- var CHROME_VERSION = function () {
- var match = USER_AGENT.match(/(Chrome|CriOS)\/(\d+)/);
-
- if (match && match[2]) {
- return parseFloat(match[2]);
- }
-
- return null;
- }();
- /**
- * The detected Internet Explorer version - or `null`.
- *
- * @static
- * @const
- * @type {number|null}
- */
-
- var IE_VERSION = function () {
- var result = /MSIE\s(\d+)\.\d/.exec(USER_AGENT);
- var version = result && parseFloat(result[1]);
-
- if (!version && /Trident\/7.0/i.test(USER_AGENT) && /rv:11.0/.test(USER_AGENT)) {
- // IE 11 has a different user agent string than other IE versions
- version = 11.0;
- }
-
- return version;
- }();
- /**
- * Whether or not this is desktop Safari.
- *
- * @static
- * @const
- * @type {Boolean}
- */
-
- var IS_SAFARI = /Safari/i.test(USER_AGENT) && !IS_CHROME && !IS_ANDROID && !IS_EDGE;
- /**
- * Whether or not this is a Windows machine.
- *
- * @static
- * @const
- * @type {Boolean}
- */
-
- var IS_WINDOWS = /Windows/i.test(USER_AGENT);
- /**
- * Whether or not this device is touch-enabled.
- *
- * @static
- * @const
- * @type {Boolean}
- */
-
- var TOUCH_ENABLED = isReal() && ('ontouchstart' in window$3 || window$3.navigator.maxTouchPoints || window$3.DocumentTouch && window$3.document instanceof window$3.DocumentTouch);
- /**
- * Whether or not this device is an iPad.
- *
- * @static
- * @const
- * @type {Boolean}
- */
-
- var IS_IPAD = /iPad/i.test(USER_AGENT) || IS_SAFARI && TOUCH_ENABLED && !/iPhone/i.test(USER_AGENT);
- /**
- * Whether or not this device is an iPhone.
- *
- * @static
- * @const
- * @type {Boolean}
- */
- // The Facebook app's UIWebView identifies as both an iPhone and iPad, so
- // to identify iPhones, we need to exclude iPads.
- // http://artsy.github.io/blog/2012/10/18/the-perils-of-ios-user-agent-sniffing/
-
- var IS_IPHONE = /iPhone/i.test(USER_AGENT) && !IS_IPAD;
- /**
- * Whether or not this is an iOS device.
- *
- * @static
- * @const
- * @type {Boolean}
- */
-
- var IS_IOS = IS_IPHONE || IS_IPAD || IS_IPOD;
- /**
- * Whether or not this is any flavor of Safari - including iOS.
- *
- * @static
- * @const
- * @type {Boolean}
- */
-
- var IS_ANY_SAFARI = (IS_SAFARI || IS_IOS) && !IS_CHROME;
-
- var browser = /*#__PURE__*/Object.freeze({
- __proto__: null,
- IS_IPOD: IS_IPOD,
- IOS_VERSION: IOS_VERSION,
- IS_ANDROID: IS_ANDROID,
- ANDROID_VERSION: ANDROID_VERSION,
- IS_NATIVE_ANDROID: IS_NATIVE_ANDROID,
- IS_FIREFOX: IS_FIREFOX,
- IS_EDGE: IS_EDGE,
- IS_CHROME: IS_CHROME,
- CHROME_VERSION: CHROME_VERSION,
- IE_VERSION: IE_VERSION,
- IS_SAFARI: IS_SAFARI,
- IS_WINDOWS: IS_WINDOWS,
- TOUCH_ENABLED: TOUCH_ENABLED,
- IS_IPAD: IS_IPAD,
- IS_IPHONE: IS_IPHONE,
- IS_IOS: IS_IOS,
- IS_ANY_SAFARI: IS_ANY_SAFARI
- });
-
/**
* @file time-ranges.js
* @module time-ranges
function createTimeRangesObj(ranges) {
+ var timeRangesObj;
+
if (ranges === undefined || ranges.length === 0) {
- return {
+ timeRangesObj = {
length: 0,
start: function start() {
throw new Error('This TimeRanges object is empty');
throw new Error('This TimeRanges object is empty');
}
};
+ } else {
+ timeRangesObj = {
+ length: ranges.length,
+ start: getRange.bind(null, 'start', 0, ranges),
+ end: getRange.bind(null, 'end', 1, ranges)
+ };
}
- return {
- length: ranges.length,
- start: getRange.bind(null, 'start', 0, ranges),
- end: getRange.bind(null, 'end', 1, ranges)
- };
+ if (window.Symbol && window.Symbol.iterator) {
+ timeRangesObj[window.Symbol.iterator] = function () {
+ return (ranges || []).values();
+ };
+ }
+
+ return timeRangesObj;
}
/**
* Create a `TimeRange` object which mimics an
return bufferedDuration / duration;
}
- /**
- * @file fullscreen-api.js
- * @module fullscreen-api
- * @private
- */
- /**
- * Store the browser-specific methods for the fullscreen API.
- *
- * @type {Object}
- * @see [Specification]{@link https://fullscreen.spec.whatwg.org}
- * @see [Map Approach From Screenfull.js]{@link https://github.com/sindresorhus/screenfull.js}
- */
-
- var FullscreenApi = {
- prefixed: true
- }; // browser API methods
-
- var apiMap = [['requestFullscreen', 'exitFullscreen', 'fullscreenElement', 'fullscreenEnabled', 'fullscreenchange', 'fullscreenerror', 'fullscreen'], // WebKit
- ['webkitRequestFullscreen', 'webkitExitFullscreen', 'webkitFullscreenElement', 'webkitFullscreenEnabled', 'webkitfullscreenchange', 'webkitfullscreenerror', '-webkit-full-screen'], // Mozilla
- ['mozRequestFullScreen', 'mozCancelFullScreen', 'mozFullScreenElement', 'mozFullScreenEnabled', 'mozfullscreenchange', 'mozfullscreenerror', '-moz-full-screen'], // Microsoft
- ['msRequestFullscreen', 'msExitFullscreen', 'msFullscreenElement', 'msFullscreenEnabled', 'MSFullscreenChange', 'MSFullscreenError', '-ms-fullscreen']];
- var specApi = apiMap[0];
- var browserApi; // determine the supported set of functions
-
- for (var i = 0; i < apiMap.length; i++) {
- // check for exitFullscreen function
- if (apiMap[i][1] in document) {
- browserApi = apiMap[i];
- break;
- }
- } // map the browser API names to the spec API names
-
-
- if (browserApi) {
- for (var _i = 0; _i < browserApi.length; _i++) {
- FullscreenApi[specApi[_i]] = browserApi[_i];
- }
-
- FullscreenApi.prefixed = browserApi[0] !== specApi[0];
- }
-
/**
* @file media-error.js
*/
} else if (typeof value === 'string') {
// default code is zero, so this is a custom error
this.message = value;
- } else if (isObject(value)) {
+ } else if (isObject$1(value)) {
// We assign the `code` property manually because native `MediaError` objects
// do not expose it as an own/enumerable property of the object.
if (typeof value.code === 'number') {
codes[alias] = aliases[alias];
}
});
- var keycode_1 = keycode.code;
- var keycode_2 = keycode.codes;
- var keycode_3 = keycode.aliases;
- var keycode_4 = keycode.names;
- var keycode_5 = keycode.title;
+ keycode.code;
+ keycode.codes;
+ keycode.aliases;
+ keycode.names;
+ keycode.title;
var MODAL_CLASS_NAME = 'vjs-modal-dialog';
/**
var _this;
_this = _Component.call(this, player, options) || this;
+
+ _this.handleKeyDown_ = function (e) {
+ return _this.handleKeyDown(e);
+ };
+
+ _this.close_ = function (e) {
+ return _this.close(e);
+ };
+
_this.opened_ = _this.hasBeenOpened_ = _this.hasBeenFilled_ = false;
_this.closeable(!_this.options_.uncloseable);
player.pause();
}
- this.on('keydown', this.handleKeyDown); // Hide controls and note if they were enabled.
+ this.on('keydown', this.handleKeyDown_); // Hide controls and note if they were enabled.
this.hadControls_ = player.controls();
player.controls(false);
player.play();
}
- this.off('keydown', this.handleKeyDown);
+ this.off('keydown', this.handleKeyDown_);
if (this.hadControls_) {
player.controls(true);
controlText: 'Close Modal Dialog'
});
this.contentEl_ = temp;
- this.on(close, 'close', this.close);
+ this.on(close, 'close', this.close_);
} // If this is being made uncloseable and has a close button, remove it.
if (!closeable && close) {
- this.off(close, 'close', this.close);
+ this.off(close, 'close', this.close_);
this.removeChild(close);
close.dispose();
}
_proto.focusableEls_ = function focusableEls_() {
var allChildren = this.el_.querySelectorAll('*');
return Array.prototype.filter.call(allChildren, function (child) {
- return (child instanceof window$3.HTMLAnchorElement || child instanceof window$3.HTMLAreaElement) && child.hasAttribute('href') || (child instanceof window$3.HTMLInputElement || child instanceof window$3.HTMLSelectElement || child instanceof window$3.HTMLTextAreaElement || child instanceof window$3.HTMLButtonElement) && !child.hasAttribute('disabled') || child instanceof window$3.HTMLIFrameElement || child instanceof window$3.HTMLObjectElement || child instanceof window$3.HTMLEmbedElement || child.hasAttribute('tabindex') && child.getAttribute('tabindex') !== -1 || child.hasAttribute('contenteditable');
+ return (child instanceof window.HTMLAnchorElement || child instanceof window.HTMLAreaElement) && child.hasAttribute('href') || (child instanceof window.HTMLInputElement || child instanceof window.HTMLSelectElement || child instanceof window.HTMLTextAreaElement || child instanceof window.HTMLButtonElement) && !child.hasAttribute('disabled') || child instanceof window.HTMLIFrameElement || child instanceof window.HTMLObjectElement || child instanceof window.HTMLEmbedElement || child.hasAttribute('tabindex') && child.getAttribute('tabindex') !== -1 || child.hasAttribute('contenteditable');
});
};
return ModalDialog;
- }(Component);
+ }(Component$1);
/**
* Default options for `ModalDialog` default options.
*
pauseOnOpen: true,
temporary: true
};
- Component.registerComponent('ModalDialog', ModalDialog);
+ Component$1.registerComponent('ModalDialog', ModalDialog);
/**
* Common functionaliy between {@link TextTrackList}, {@link AudioTrackList}, and
var _proto = TrackList.prototype;
_proto.addTrack = function addTrack(track) {
+ var _this2 = this;
+
var index = this.tracks_.length;
if (!('' + index in this)) {
target: this
});
}
+ /**
+ * Triggered when a track label is changed.
+ *
+ * @event TrackList#addtrack
+ * @type {EventTarget~Event}
+ * @property {Track} track
+ * A reference to track that was added.
+ */
+
+
+ track.labelchange_ = function () {
+ _this2.trigger({
+ track: track,
+ type: 'labelchange',
+ target: _this2
+ });
+ };
+
+ if (isEvented(track)) {
+ track.addEventListener('labelchange', track.labelchange_);
+ }
}
/**
* Remove a {@link Track} from the `TrackList`
};
return TrackList;
- }(EventTarget);
+ }(EventTarget$2);
/**
* Triggered when a different track is selected/enabled.
*
TrackList.prototype.allowedEvents_ = {
change: 'change',
addtrack: 'addtrack',
- removetrack: 'removetrack'
+ removetrack: 'removetrack',
+ labelchange: 'labelchange'
}; // emulate attribute EventHandler support to allow for feature detection
for (var event in TrackList.prototype.allowedEvents_) {
* @private
*/
- var disableOthers = function disableOthers(list, track) {
+ var disableOthers$1 = function disableOthers(list, track) {
for (var i = 0; i < list.length; i++) {
if (!Object.keys(list[i]).length || track.id === list[i].id) {
continue;
// sorted from last index to first index
for (var i = tracks.length - 1; i >= 0; i--) {
if (tracks[i].enabled) {
- disableOthers(tracks, tracks[i]);
+ disableOthers$1(tracks, tracks[i]);
break;
}
}
var _this2 = this;
if (track.enabled) {
- disableOthers(this, track);
+ disableOthers$1(this, track);
}
_TrackList.prototype.addTrack.call(this, track); // native tracks don't have this
}
_this2.changing_ = true;
- disableOthers(_this2, track);
+ disableOthers$1(_this2, track);
_this2.changing_ = false;
_this2.trigger('change');
* @private
*/
- var disableOthers$1 = function disableOthers(list, track) {
+ var disableOthers = function disableOthers(list, track) {
for (var i = 0; i < list.length; i++) {
if (!Object.keys(list[i]).length || track.id === list[i].id) {
continue;
// sorted from last index to first index
for (var i = tracks.length - 1; i >= 0; i--) {
if (tracks[i].selected) {
- disableOthers$1(tracks, tracks[i]);
+ disableOthers(tracks, tracks[i]);
break;
}
}
var _this2 = this;
if (track.selected) {
- disableOthers$1(this, track);
+ disableOthers(this, track);
}
_TrackList.prototype.addTrack.call(this, track); // native tracks don't have this
}
_this2.changing_ = true;
- disableOthers$1(_this2, track);
+ disableOthers(_this2, track);
_this2.changing_ = false;
_this2.trigger('change');
var trackProps = {
id: options.id || 'vjs_track_' + newGUID(),
kind: options.kind || '',
- label: options.label || '',
language: options.language || ''
};
+ var label = options.label || '';
/**
* @memberof Track
* @member {string} id
* @readonly
*/
- /**
- * @memberof Track
- * @member {string} label
- * The label of this track. Cannot be changed after creation.
- * @instance
- *
- * @readonly
- */
-
/**
* @memberof Track
* @member {string} language
for (var key in trackProps) {
_loop(key);
}
+ /**
+ * @memberof Track
+ * @member {string} label
+ * The label of this track. Cannot be changed after creation.
+ * @instance
+ *
+ * @fires Track#labelchange
+ */
+
+
+ Object.defineProperty(assertThisInitialized(_this), 'label', {
+ get: function get() {
+ return label;
+ },
+ set: function set(newLabel) {
+ if (newLabel !== label) {
+ label = newLabel;
+ /**
+ * An event that fires when label changes on this track.
+ *
+ * > Note: This is not part of the spec!
+ *
+ * @event Track#labelchange
+ * @type {EventTarget~Event}
+ */
+ this.trigger('labelchange');
+ }
+ }
+ });
return _this;
}
return Track;
- }(EventTarget);
+ }(EventTarget$2);
/**
* @file url.js
* @module url
*/
+
/**
* @typedef {Object} url:URLObject
*
* @return {url:URLObject}
* An object of url details
*/
-
var parseUrl = function parseUrl(url) {
+ // This entire method can be replace with URL once we are able to drop IE11
var props = ['protocol', 'hostname', 'port', 'pathname', 'search', 'hash', 'host']; // add the url to an anchor and let the browser parse the URL
var a = document.createElement('a');
- a.href = url; // IE8 (and 9?) Fix
- // ie8 doesn't parse the URL correctly until the anchor is actually
- // added to the body, and an innerHTML is needed to trigger the parsing
-
- var addToBody = a.host === '' && a.protocol !== 'file:';
- var div;
-
- if (addToBody) {
- div = document.createElement('div');
- div.innerHTML = "<a href=\"" + url + "\"></a>";
- a = div.firstChild; // prevent the div from affecting layout
-
- div.setAttribute('style', 'display:none; position:absolute;');
- document.body.appendChild(div);
- } // Copy the specific URL properties to a new object
- // This is also needed for IE8 because the anchor loses its
+ a.href = url; // Copy the specific URL properties to a new object
+ // This is also needed for IE because the anchor loses its
// properties when it's removed from the dom
-
var details = {};
for (var i = 0; i < props.length; i++) {
details[props[i]] = a[props[i]];
- } // IE9 adds the port to the host property unlike everyone else. If
+ } // IE adds the port to the host property unlike everyone else. If
// a port identifier is added for standard ports, strip it.
}
if (!details.protocol) {
- details.protocol = window$3.location.protocol;
+ details.protocol = window.location.protocol;
}
+ /* istanbul ignore if */
- if (addToBody) {
- document.body.removeChild(div);
+
+ if (!details.host) {
+ details.host = window.location.host;
}
return details;
// Check if absolute URL
if (!url.match(/^https?:\/\//)) {
// Convert to absolute URL. Flash hosted off-site needs an absolute URL.
- var div = document.createElement('div');
- div.innerHTML = "<a href=\"" + url + "\">x</a>";
- url = div.firstChild.href;
+ // add the url to an anchor and let the browser parse the URL
+ var a = document.createElement('a');
+ a.href = url;
+ url = a.href;
}
return url;
var isCrossOrigin = function isCrossOrigin(url, winLoc) {
if (winLoc === void 0) {
- winLoc = window$3.location;
+ winLoc = window.location;
}
var urlInfo = parseUrl(url); // IE8 protocol relative urls will return ':' for protocol
isCrossOrigin: isCrossOrigin
});
+ var win;
+
+ if (typeof window !== "undefined") {
+ win = window;
+ } else if (typeof commonjsGlobal !== "undefined") {
+ win = commonjsGlobal;
+ } else if (typeof self !== "undefined") {
+ win = self;
+ } else {
+ win = {};
+ }
+
+ var window_1 = win;
+
var isFunction_1 = isFunction;
- var toString$1 = Object.prototype.toString;
+ var toString = Object.prototype.toString;
function isFunction(fn) {
- var string = toString$1.call(fn);
+ if (!fn) {
+ return false;
+ }
+
+ var string = toString.call(fn);
return string === '[object Function]' || typeof fn === 'function' && string !== '[object RegExp]' || typeof window !== 'undefined' && ( // IE8 and below
fn === window.setTimeout || fn === window.alert || fn === window.confirm || fn === window.prompt);
}
+ var httpResponseHandler = function httpResponseHandler(callback, decodeResponseBody) {
+ if (decodeResponseBody === void 0) {
+ decodeResponseBody = false;
+ }
+
+ return function (err, response, responseBody) {
+ // if the XHR failed, return that error
+ if (err) {
+ callback(err);
+ return;
+ } // if the HTTP status code is 4xx or 5xx, the request also failed
+
+
+ if (response.statusCode >= 400 && response.statusCode <= 599) {
+ var cause = responseBody;
+
+ if (decodeResponseBody) {
+ if (window_1.TextDecoder) {
+ var charset = getCharset(response.headers && response.headers['content-type']);
+
+ try {
+ cause = new TextDecoder(charset).decode(responseBody);
+ } catch (e) {}
+ } else {
+ cause = String.fromCharCode.apply(null, new Uint8Array(responseBody));
+ }
+ }
+
+ callback({
+ cause: cause
+ });
+ return;
+ } // otherwise, request succeeded
+
+
+ callback(null, responseBody);
+ };
+ };
+
+ function getCharset(contentTypeHeader) {
+ if (contentTypeHeader === void 0) {
+ contentTypeHeader = '';
+ }
+
+ return contentTypeHeader.toLowerCase().split(';').reduce(function (charset, contentType) {
+ var _contentType$split = contentType.split('='),
+ type = _contentType$split[0],
+ value = _contentType$split[1];
+
+ if (type.trim() === 'charset') {
+ return value.trim();
+ }
+
+ return charset;
+ }, 'utf-8');
+ }
+
+ var httpHandler = httpResponseHandler;
+
+ createXHR.httpHandler = httpHandler;
/**
* @license
* slighly modified parse-headers 2.0.2 <https://github.com/kesla/parse-headers/>
* <https://github.com/kesla/parse-headers/blob/master/LICENCE>
*/
-
var parseHeaders = function parseHeaders(headers) {
var result = {};
return result;
};
- var xhr = createXHR; // Allow use of default import syntax in TypeScript
+ var lib = createXHR; // Allow use of default import syntax in TypeScript
var default_1 = createXHR;
- createXHR.XMLHttpRequest = window$3.XMLHttpRequest || noop;
- createXHR.XDomainRequest = "withCredentials" in new createXHR.XMLHttpRequest() ? createXHR.XMLHttpRequest : window$3.XDomainRequest;
+ createXHR.XMLHttpRequest = window_1.XMLHttpRequest || noop$1;
+ createXHR.XDomainRequest = "withCredentials" in new createXHR.XMLHttpRequest() ? createXHR.XMLHttpRequest : window_1.XDomainRequest;
forEachArray(["get", "put", "post", "patch", "head", "delete"], function (method) {
createXHR[method === "delete" ? "del" : method] = function (uri, options, callback) {
options = initParams(uri, options, callback);
return null;
}
- function noop() {}
- xhr["default"] = default_1;
+ function noop$1() {}
+ lib["default"] = default_1;
/**
* Takes a webvtt file contents and parses it into cues
*/
var parseCues = function parseCues(srcContent, track) {
- var parser = new window$3.WebVTT.Parser(window$3, window$3.vttjs, window$3.WebVTT.StringDecoder());
+ var parser = new window.WebVTT.Parser(window, window.vttjs, window.WebVTT.StringDecoder());
var errors = [];
parser.oncue = function (cue) {
parser.parse(srcContent);
if (errors.length > 0) {
- if (window$3.console && window$3.console.groupCollapsed) {
- window$3.console.groupCollapsed("Text Track parsing errors for " + track.src);
+ if (window.console && window.console.groupCollapsed) {
+ window.console.groupCollapsed("Text Track parsing errors for " + track.src);
}
errors.forEach(function (error) {
- return log.error(error);
+ return log$1.error(error);
});
- if (window$3.console && window$3.console.groupEnd) {
- window$3.console.groupEnd();
+ if (window.console && window.console.groupEnd) {
+ window.console.groupEnd();
}
}
opts.cors = crossOrigin;
}
- xhr(opts, bind(this, function (err, response, responseBody) {
+ var withCredentials = track.tech_.crossOrigin() === 'use-credentials';
+
+ if (withCredentials) {
+ opts.withCredentials = withCredentials;
+ }
+
+ lib(opts, bind(this, function (err, response, responseBody) {
if (err) {
- return log.error(err, response);
+ return log$1.error(err, response);
}
track.loaded_ = true; // Make sure that vttjs has loaded, otherwise, wait till it finished loading
// NOTE: this is only used for the alt/video.novtt.js build
- if (typeof window$3.WebVTT !== 'function') {
+ if (typeof window.WebVTT !== 'function') {
if (track.tech_) {
// to prevent use before define eslint error, we define loadHandler
// as a let here
track.tech_.any(['vttjsloaded', 'vttjserror'], function (event) {
if (event.type === 'vttjserror') {
- log.error("vttjs failed to load, stopping trying to process " + track.src);
+ log$1.error("vttjs failed to load, stopping trying to process " + track.src);
return;
}
throw new Error('A tech was not provided.');
}
- var settings = mergeOptions(options, {
+ var settings = mergeOptions$3(options, {
kind: TextTrackKind[options.kind] || 'subtitles',
language: options.language || options.srclang || ''
});
var activeCues = new TextTrackCueList(_this.activeCues_);
var changed = false;
var timeupdateHandler = bind(assertThisInitialized(_this), function () {
- // Accessing this.activeCues for the side-effects of updating itself
+ if (!this.tech_.isReady_ || this.tech_.isDisposed()) {
+ return;
+ } // Accessing this.activeCues for the side-effects of updating itself
// due to its nature as a getter function. Do not remove or cues will
// stop updating!
// Use the setter to prevent deletion from uglify (pure_getters rule)
+
+
this.activeCues = this.activeCues;
if (changed) {
}
});
+ var disposeHandler = function disposeHandler() {
+ _this.tech_.off('timeupdate', timeupdateHandler);
+ };
+
+ _this.tech_.one('dispose', disposeHandler);
+
if (mode !== 'disabled') {
- _this.tech_.ready(function () {
- _this.tech_.on('timeupdate', timeupdateHandler);
- }, true);
+ _this.tech_.on('timeupdate', timeupdateHandler);
}
Object.defineProperties(assertThisInitialized(_this), {
return mode;
},
set: function set(newMode) {
- var _this2 = this;
-
if (!TextTrackMode[newMode]) {
return;
}
+ if (mode === newMode) {
+ return;
+ }
+
mode = newMode;
if (!this.preload_ && mode !== 'disabled' && this.cues.length === 0) {
loadTrack(this.src, this);
}
+ this.tech_.off('timeupdate', timeupdateHandler);
+
if (mode !== 'disabled') {
- this.tech_.ready(function () {
- _this2.tech_.on('timeupdate', timeupdateHandler);
- }, true);
- } else {
- this.tech_.off('timeupdate', timeupdateHandler);
+ this.tech_.on('timeupdate', timeupdateHandler);
}
/**
* An event that fires when mode changes on this track. This allows
_this.loaded_ = true;
}
- if (_this.preload_ || default_ || settings.kind !== 'subtitles' && settings.kind !== 'captions') {
+ if (_this.preload_ || settings.kind !== 'subtitles' && settings.kind !== 'captions') {
loadTrack(_this.src, assertThisInitialized(_this));
}
} else {
_proto.addCue = function addCue(originalCue) {
var cue = originalCue;
- if (window$3.vttjs && !(originalCue instanceof window$3.vttjs.VTTCue)) {
- cue = new window$3.vttjs.VTTCue(originalCue.startTime, originalCue.endTime, originalCue.text);
+ if (window.vttjs && !(originalCue instanceof window.vttjs.VTTCue)) {
+ cue = new window.vttjs.VTTCue(originalCue.startTime, originalCue.endTime, originalCue.text);
for (var prop in originalCue) {
if (!(prop in cue)) {
options = {};
}
- var settings = mergeOptions(options, {
+ var settings = mergeOptions$3(options, {
kind: AudioTrackKind[options.kind] || ''
});
_this = _Track.call(this, settings) || this;
options = {};
}
- var settings = mergeOptions(options, {
+ var settings = mergeOptions$3(options, {
kind: VideoTrackKind[options.kind] || ''
});
_this = _Track.call(this, settings) || this;
*
* @param {string} [options.srclang='']
* A valid two character language code. An alternative, but deprioritized
- * vesion of `options.language`
+ * version of `options.language`
*
* @param {string} [options.src]
* A url to TextTrack cues.
}
return HTMLTrackElement;
- }(EventTarget);
+ }(EventTarget$2);
HTMLTrackElement.prototype.allowedEvents_ = {
load: 'load'
NORMAL.names = Object.keys(NORMAL);
ALL.names = [].concat(REMOTE.names).concat(NORMAL.names);
+ var minDoc = {};
+
+ var topLevel = typeof commonjsGlobal !== 'undefined' ? commonjsGlobal : typeof window !== 'undefined' ? window : {};
+ var doccy;
+
+ if (typeof document !== 'undefined') {
+ doccy = document;
+ } else {
+ doccy = topLevel['__GLOBAL_DOCUMENT_CACHE@4'];
+
+ if (!doccy) {
+ doccy = topLevel['__GLOBAL_DOCUMENT_CACHE@4'] = minDoc;
+ }
+ }
+
+ var document_1 = doccy;
+
/**
* Copyright 2013 vtt.js Contributors
*
},
// Accept a setting if its a valid percentage.
percent: function percent(k, v) {
- var m;
- if (m = v.match(/^([\d]{1,3})(\.[\d]*)?%$/)) {
+ if (v.match(/^([\d]{1,3})(\.[\d]*)?%$/)) {
v = parseFloat(v);
if (v >= 0 && v <= 100) {
skipWhitespace();
consumeCueSettings(input, cue);
- }
+ } // When evaluating this file as part of a Webpack bundle for server
+ // side rendering, `document` is an empty object.
+
- var TEXTAREA_ELEMENT = document.createElement("textarea");
+ var TEXTAREA_ELEMENT = document_1.createElement && document_1.createElement("textarea");
var TAG_NAME = {
c: "span",
i: "i",
styleBox.move(bestPosition.toCSSCompatValues(containerBox));
}
- function WebVTT$1() {} // Nothing
- // Helper to allow strings to be decoded instead of the default binary utf8 data.
+ function WebVTT$1() {// Nothing
+ } // Helper to allow strings to be decoded instead of the default binary utf8 data.
WebVTT$1.StringDecoder = function () {
VTTCue: vttcue,
VTTRegion: vttregion
};
- window$3.vttjs = vttjs;
- window$3.WebVTT = vttjs.WebVTT;
+ window_1.vttjs = vttjs;
+ window_1.WebVTT = vttjs.WebVTT;
var cueShim = vttjs.VTTCue;
var regionShim = vttjs.VTTRegion;
- var nativeVTTCue = window$3.VTTCue;
- var nativeVTTRegion = window$3.VTTRegion;
+ var nativeVTTCue = window_1.VTTCue;
+ var nativeVTTRegion = window_1.VTTRegion;
vttjs.shim = function () {
- window$3.VTTCue = cueShim;
- window$3.VTTRegion = regionShim;
+ window_1.VTTCue = cueShim;
+ window_1.VTTRegion = regionShim;
};
vttjs.restore = function () {
- window$3.VTTCue = nativeVTTCue;
- window$3.VTTRegion = nativeVTTRegion;
+ window_1.VTTCue = nativeVTTCue;
+ window_1.VTTRegion = nativeVTTRegion;
};
- if (!window$3.VTTCue) {
+ if (!window_1.VTTCue) {
vttjs.shim();
}
});
- var browserIndex_1 = browserIndex.WebVTT;
- var browserIndex_2 = browserIndex.VTTCue;
- var browserIndex_3 = browserIndex.VTTRegion;
+ browserIndex.WebVTT;
+ browserIndex.VTTCue;
+ browserIndex.VTTRegion;
/**
* An Object containing a structure like: `{src: 'url', type: 'mimetype'}` or string
}
/**
* This is the base class for media playback technology controllers, such as
- * {@link Flash} and {@link HTML5}
+ * {@link HTML5}
*
* @extends Component
*/
// we don't want the tech to report user activity automatically.
// This is done manually in addControlsListeners
options.reportTouchActivity = false;
- _this = _Component.call(this, null, options, ready) || this; // keep track of whether the current source has played at all to
+ _this = _Component.call(this, null, options, ready) || this;
+
+ _this.onDurationChange_ = function (e) {
+ return _this.onDurationChange(e);
+ };
+
+ _this.trackProgress_ = function (e) {
+ return _this.trackProgress(e);
+ };
+
+ _this.trackCurrentTime_ = function (e) {
+ return _this.trackCurrentTime(e);
+ };
+
+ _this.stopTrackingCurrentTime_ = function (e) {
+ return _this.stopTrackingCurrentTime(e);
+ };
+
+ _this.disposeSourceHandler_ = function (e) {
+ return _this.disposeSourceHandler(e);
+ }; // keep track of whether the current source has played at all to
// implement a very limited played()
+
_this.hasStarted_ = false;
_this.on('playing', function () {
if (options && options[props.getterName]) {
_this[props.privateName] = options[props.getterName];
}
- }); // Manually track progress in cases where the browser/flash player doesn't report it.
+ }); // Manually track progress in cases where the browser/tech doesn't report it.
if (!_this.featuresProgressEvents) {
_this.manualProgressOn();
- } // Manually track timeupdates in cases where the browser/flash player doesn't report it.
+ } // Manually track timeupdates in cases where the browser/tech doesn't report it.
if (!_this.featuresTimeupdateEvents) {
;
_proto.manualProgressOn = function manualProgressOn() {
- this.on('durationchange', this.onDurationChange);
+ this.on('durationchange', this.onDurationChange_);
this.manualProgress = true; // Trigger progress watching when a source begins loading
- this.one('ready', this.trackProgress);
+ this.one('ready', this.trackProgress_);
}
/**
* Turn off the polyfill for `progress` events that was created in
_proto.manualProgressOff = function manualProgressOff() {
this.manualProgress = false;
this.stopTrackingProgress();
- this.off('durationchange', this.onDurationChange);
+ this.off('durationchange', this.onDurationChange_);
}
/**
* This is used to trigger a `progress` event when the buffered percent changes. It
_proto.manualTimeUpdatesOn = function manualTimeUpdatesOn() {
this.manualTimeUpdates = true;
- this.on('play', this.trackCurrentTime);
- this.on('pause', this.stopTrackingCurrentTime);
+ this.on('play', this.trackCurrentTime_);
+ this.on('pause', this.stopTrackingCurrentTime_);
}
/**
* Turn off the polyfill for `timeupdate` events that was created in
_proto.manualTimeUpdatesOff = function manualTimeUpdatesOff() {
this.manualTimeUpdates = false;
this.stopTrackingCurrentTime();
- this.off('play', this.trackCurrentTime);
- this.off('pause', this.stopTrackingCurrentTime);
+ this.off('play', this.trackCurrentTime_);
+ this.off('pause', this.stopTrackingCurrentTime_);
}
/**
* Sets up an interval function to track current time and trigger `timeupdate` every
;
_proto.reset = function reset() {}
+ /**
+ * Get the value of `crossOrigin` from the tech.
+ *
+ * @abstract
+ *
+ * @see {Html5#crossOrigin}
+ */
+ ;
+
+ _proto.crossOrigin = function crossOrigin() {}
+ /**
+ * Set the value of `crossOrigin` on the tech.
+ *
+ * @abstract
+ *
+ * @param {string} crossOrigin the crossOrigin value
+ * @see {Html5#setCrossOrigin}
+ */
+ ;
+
+ _proto.setCrossOrigin = function setCrossOrigin() {}
/**
* Get or set an error on the Tech.
*
return createTimeRanges();
}
+ /**
+ * Start playback
+ *
+ * @abstract
+ *
+ * @see {Html5#play}
+ */
+ ;
+
+ _proto.play = function play() {}
+ /**
+ * Set whether we are scrubbing or not
+ *
+ * @abstract
+ *
+ * @see {Html5#setScrubbing}
+ */
+ ;
+
+ _proto.setScrubbing = function setScrubbing() {}
+ /**
+ * Get whether we are scrubbing or not
+ *
+ * @abstract
+ *
+ * @see {Html5#scrubbing}
+ */
+ ;
+
+ _proto.scrubbing = function scrubbing() {}
/**
* Causes a manual time update to occur if {@link Tech#manualTimeUpdatesOn} was
* previously called.
_proto.addWebVttScript_ = function addWebVttScript_() {
var _this5 = this;
- if (window$3.WebVTT) {
+ if (window.WebVTT) {
return;
} // Initially, Tech.el_ is a child of a dummy-div wait until the Component system
// signals that the Tech is ready at which point Tech.el_ is part of the DOM
}); // but have not loaded yet and we set it to true before the inject so that
// we don't overwrite the injected window.WebVTT if it loads right away
- window$3.WebVTT = true;
+ window.WebVTT = true;
this.el().parentNode.appendChild(script);
} else {
this.ready(this.addWebVttScript_);
;
_proto.createRemoteTextTrack = function createRemoteTextTrack(options) {
- var track = mergeOptions(options, {
+ var track = mergeOptions$3(options, {
tech: this
});
return new REMOTE.remoteTextEl.TrackClass(track);
if (manualCleanup !== true && manualCleanup !== false) {
// deprecation warning
- log.warn('Calling addRemoteTextTrack without explicitly setting the "manualCleanup" parameter to `true` is deprecated and default to `false` in future version of video.js');
+ log$1.warn('Calling addRemoteTextTrack without explicitly setting the "manualCleanup" parameter to `true` is deprecated and default to `false` in future version of video.js');
manualCleanup = true;
} // store HTMLTrackElement and TextTrack to remote list
;
_proto.requestPictureInPicture = function requestPictureInPicture() {
- var PromiseClass = this.options_.Promise || window$3.Promise;
+ var PromiseClass = this.options_.Promise || window.Promise;
if (PromiseClass) {
return PromiseClass.reject();
}
}
+ /**
+ * A method to check for the value of the 'disablePictureInPicture' <video> property.
+ * Defaults to true, as it should be considered disabled if the tech does not support pip
+ *
+ * @abstract
+ */
+ ;
+
+ _proto.disablePictureInPicture = function disablePictureInPicture() {
+ return true;
+ }
+ /**
+ * A method to set or unset the 'disablePictureInPicture' <video> property.
+ *
+ * @abstract
+ */
+ ;
+
+ _proto.setDisablePictureInPicture = function setDisablePictureInPicture() {}
/**
* A method to set a poster from a `Tech`.
*
throw new Error('Techs must have a static canPlaySource method on them');
}
- name = toTitleCase(name);
+ name = toTitleCase$1(name);
Tech.techs_[name] = tech;
Tech.techs_[toLowerCase(name)] = tech;
return Tech.techs_[name];
}
- name = toTitleCase(name);
+ name = toTitleCase$1(name);
- if (window$3 && window$3.videojs && window$3.videojs[name]) {
- log.warn("The " + name + " tech was added to the videojs object when it should be registered using videojs.registerTech(name, tech)");
- return window$3.videojs[name];
+ if (window && window.videojs && window.videojs[name]) {
+ log$1.warn("The " + name + " tech was added to the videojs object when it should be registered using videojs.registerTech(name, tech)");
+ return window.videojs[name];
}
};
return Tech;
- }(Component);
+ }(Component$1);
/**
* Get the {@link VideoTrackList}
*
if (_Tech.nativeSourceHandler) {
sh = _Tech.nativeSourceHandler;
} else {
- log.error('No source handler found for the current source.');
+ log$1.error('No source handler found for the current source.');
}
} // Dispose any existing source handler
this.disposeSourceHandler();
- this.off('dispose', this.disposeSourceHandler);
+ this.off('dispose', this.disposeSourceHandler_);
if (sh !== _Tech.nativeSourceHandler) {
this.currentSource_ = source;
}
this.sourceHandler_ = sh.handleSource(source, this, this.options_);
- this.one('dispose', this.disposeSourceHandler);
+ this.one('dispose', this.disposeSourceHandler_);
};
/**
* Clean up any existing SourceHandlers and listeners when the Tech is disposed.
// Tech that can be registered as a Component.
- Component.registerComponent('Tech', Tech);
+ Component$1.registerComponent('Tech', Tech);
Tech.registerTech('Tech', Tech);
/**
* A list of techs that should be added to techOrder on Players
arg = null;
}
- var callMethod = 'call' + toTitleCase(method);
+ var callMethod = 'call' + toTitleCase$1(method);
var middlewareValue = middleware.reduce(middlewareIterator(callMethod), arg);
var terminated = middlewareValue === TERMINATOR; // deprecated. The `null` return value should instead return TERMINATOR to
// prevent confusion if a techs method actually returns null.
played: 1,
paused: 1,
seekable: 1,
- volume: 1
+ volume: 1,
+ ended: 1
};
/**
* Enumeration of allowed setters where the keys are method names.
m4a: 'audio/mp4',
mp3: 'audio/mpeg',
aac: 'audio/aac',
+ caf: 'audio/x-caf',
+ flac: 'audio/flac',
oga: 'audio/ogg',
+ wav: 'audio/wav',
m3u8: 'application/x-mpegURL',
jpg: 'image/jpeg',
jpeg: 'image/jpeg',
if (Array.isArray(srcobj)) {
newsrc = newsrc.concat(srcobj);
- } else if (isObject(srcobj)) {
+ } else if (isObject$1(srcobj)) {
newsrc.push(srcobj);
}
});
src = [fixSource({
src: src
})];
- } else if (isObject(src) && typeof src.src === 'string' && src.src && src.src.trim()) {
+ } else if (isObject$1(src) && typeof src.src === 'string' && src.src && src.src.trim()) {
// src is already valid
src = [fixSource(src)];
} else {
var _this;
// MediaLoader has no element
- var options_ = mergeOptions({
+ var options_ = mergeOptions$3({
createEl: false
}, options);
_this = _Component.call(this, player, options_, ready) || this; // If there are no sources when the player is initialized,
if (!options.playerOptions.sources || options.playerOptions.sources.length === 0) {
for (var i = 0, j = options.playerOptions.techOrder; i < j.length; i++) {
- var techName = toTitleCase(j[i]);
+ var techName = toTitleCase$1(j[i]);
var tech = Tech.getTech(techName); // Support old behavior of techs being registered as components.
// Remove once that deprecated behavior is removed.
if (!techName) {
- tech = Component.getComponent(techName);
+ tech = Component$1.getComponent(techName);
} // Check if the browser supports this technology
}
}
} else {
- // Loop through playback technologies (HTML5, Flash) and check for support.
+ // Loop through playback technologies (e.g. HTML5) and check for support.
// Then load the best source.
// A few assumptions here:
// All playback technologies respect preload false.
}
return MediaLoader;
- }(Component);
+ }(Component$1);
- Component.registerComponent('MediaLoader', MediaLoader);
+ Component$1.registerComponent('MediaLoader', MediaLoader);
/**
* Component which is clickable or keyboard actionable, but is not a
_this = _Component.call(this, player, options) || this;
+ _this.handleMouseOver_ = function (e) {
+ return _this.handleMouseOver(e);
+ };
+
+ _this.handleMouseOut_ = function (e) {
+ return _this.handleMouseOut(e);
+ };
+
+ _this.handleClick_ = function (e) {
+ return _this.handleClick(e);
+ };
+
+ _this.handleKeyDown_ = function (e) {
+ return _this.handleKeyDown(e);
+ };
+
_this.emitTapEvents();
_this.enable();
var _proto = ClickableComponent.prototype;
- _proto.createEl = function createEl(tag, props, attributes) {
+ _proto.createEl = function createEl$1(tag, props, attributes) {
if (tag === void 0) {
tag = 'div';
}
}
props = assign({
- innerHTML: '<span aria-hidden="true" class="vjs-icon-placeholder"></span>',
className: this.buildCSSClass(),
tabIndex: 0
}, props);
if (tag === 'button') {
- log.error("Creating a ClickableComponent with an HTML element of " + tag + " is not supported; use a Button instead.");
+ log$1.error("Creating a ClickableComponent with an HTML element of " + tag + " is not supported; use a Button instead.");
} // Add ARIA attributes for clickable element which is not a native HTML button
role: 'button'
}, attributes);
this.tabIndex_ = props.tabIndex;
-
- var el = _Component.prototype.createEl.call(this, tag, props, attributes);
-
+ var el = createEl(tag, props, attributes);
+ el.appendChild(createEl('span', {
+ className: 'vjs-icon-placeholder'
+ }, {
+ 'aria-hidden': true
+ }));
this.createControlTextEl(el);
return el;
};
this.controlText_ = text;
textContent(this.controlTextEl_, localizedText);
- if (!this.nonIconControl) {
+ if (!this.nonIconControl && !this.player_.options_.noUITitleAttributes) {
// Set title attribute if only an icon is shown
el.setAttribute('title', localizedText);
}
this.el_.setAttribute('tabIndex', this.tabIndex_);
}
- this.on(['tap', 'click'], this.handleClick);
- this.on('keydown', this.handleKeyDown);
+ this.on(['tap', 'click'], this.handleClick_);
+ this.on('keydown', this.handleKeyDown_);
}
}
/**
this.el_.removeAttribute('tabIndex');
}
- this.off('mouseover', this.handleMouseOver);
- this.off('mouseout', this.handleMouseOut);
- this.off(['tap', 'click'], this.handleClick);
- this.off('keydown', this.handleKeyDown);
+ this.off('mouseover', this.handleMouseOver_);
+ this.off('mouseout', this.handleMouseOut_);
+ this.off(['tap', 'click'], this.handleClick_);
+ this.off('keydown', this.handleKeyDown_);
+ }
+ /**
+ * Handles language change in ClickableComponent for the player in components
+ *
+ *
+ */
+ ;
+
+ _proto.handleLanguagechange = function handleLanguagechange() {
+ this.controlText(this.controlText_);
}
/**
* Event handler that is called when a `ClickableComponent` receives a
};
return ClickableComponent;
- }(Component);
+ }(Component$1);
- Component.registerComponent('ClickableComponent', ClickableComponent);
+ Component$1.registerComponent('ClickableComponent', ClickableComponent);
/**
* A `ClickableComponent` that handles showing the poster image for the player.
_this.update();
- player.on('posterchange', bind(assertThisInitialized(_this), _this.update));
+ _this.update_ = function (e) {
+ return _this.update(e);
+ };
+
+ player.on('posterchange', _this.update_);
return _this;
}
/**
var _proto = PosterImage.prototype;
_proto.dispose = function dispose() {
- this.player().off('posterchange', this.update);
+ this.player().off('posterchange', this.update_);
_ClickableComponent.prototype.dispose.call(this);
}
return PosterImage;
}(ClickableComponent);
- Component.registerComponent('PosterImage', PosterImage);
+ Component$1.registerComponent('PosterImage', PosterImage);
var darkGray = '#222';
var lightGray = '#ccc';
var _this;
_this = _Component.call(this, player, options, ready) || this;
- var updateDisplayHandler = bind(assertThisInitialized(_this), _this.updateDisplay);
- player.on('loadstart', bind(assertThisInitialized(_this), _this.toggleDisplay));
+
+ var updateDisplayHandler = function updateDisplayHandler(e) {
+ return _this.updateDisplay(e);
+ };
+
+ player.on('loadstart', function (e) {
+ return _this.toggleDisplay(e);
+ });
player.on('texttrackchange', updateDisplayHandler);
- player.on('loadedmetadata', bind(assertThisInitialized(_this), _this.preselectTrack)); // This used to be called during player init, but was causing an error
+ player.on('loadedmetadata', function (e) {
+ return _this.preselectTrack(e);
+ }); // This used to be called during player init, but was causing an error
// if a track should show by default and the display hadn't loaded yet.
// Should probably be moved to an external track loader when we support
// tracks that don't need a display.
player.on('fullscreenchange', updateDisplayHandler);
player.on('playerresize', updateDisplayHandler);
- window$3.addEventListener('orientationchange', updateDisplayHandler);
+ window.addEventListener('orientationchange', updateDisplayHandler);
player.on('dispose', function () {
- return window$3.removeEventListener('orientationchange', updateDisplayHandler);
+ return window.removeEventListener('orientationchange', updateDisplayHandler);
});
var tracks = this.options_.playerOptions.tracks || [];
return _Component.prototype.createEl.call(this, 'div', {
className: 'vjs-text-track-display'
}, {
+ 'translate': 'yes',
'aria-live': 'off',
'aria-atomic': 'true'
});
;
_proto.clearDisplay = function clearDisplay() {
- if (typeof window$3.WebVTT === 'function') {
- window$3.WebVTT.processCues(window$3, [], this.el_);
+ if (typeof window.WebVTT === 'function') {
+ window.WebVTT.processCues(window, [], this.el_);
}
}
/**
}
if (overrides.fontPercent && overrides.fontPercent !== 1) {
- var fontSize = window$3.parseFloat(cueDiv.style.fontSize);
+ var fontSize = window.parseFloat(cueDiv.style.fontSize);
cueDiv.style.fontSize = fontSize * overrides.fontPercent + 'px';
cueDiv.style.height = 'auto';
cueDiv.style.top = 'auto';
- cueDiv.style.bottom = '2px';
}
if (overrides.fontFamily && overrides.fontFamily !== 'default') {
tracks = [tracks];
}
- if (typeof window$3.WebVTT !== 'function' || tracks.every(function (track) {
+ if (typeof window.WebVTT !== 'function' || tracks.every(function (track) {
return !track.activeCues;
})) {
return;
} // removes all cues before it processes new ones
- window$3.WebVTT.processCues(window$3, cues, this.el_); // add unique class to each language text track & add settings styling if necessary
+ window.WebVTT.processCues(window, cues, this.el_); // add unique class to each language text track & add settings styling if necessary
for (var _i2 = 0; _i2 < tracks.length; ++_i2) {
var _track2 = tracks[_i2];
var cueEl = _track2.activeCues[_j].displayState;
addClass(cueEl, 'vjs-text-track-cue');
addClass(cueEl, 'vjs-text-track-cue-' + (_track2.language ? _track2.language : _i2));
+
+ if (_track2.language) {
+ setAttribute(cueEl, 'lang', _track2.language);
+ }
}
if (this.player_.textTrackSettings) {
};
return TextTrackDisplay;
- }(Component);
+ }(Component$1);
- Component.registerComponent('TextTrackDisplay', TextTrackDisplay);
+ Component$1.registerComponent('TextTrackDisplay', TextTrackDisplay);
/**
* A loading spinner for use during waiting/loading events.
var playerType = this.localize(isAudio ? 'Audio Player' : 'Video Player');
var controlText = createEl('span', {
className: 'vjs-control-text',
- innerHTML: this.localize('{1} is loading.', [playerType])
+ textContent: this.localize('{1} is loading.', [playerType])
});
var el = _Component.prototype.createEl.call(this, 'div', {
};
return LoadingSpinner;
- }(Component);
+ }(Component$1);
- Component.registerComponent('LoadingSpinner', LoadingSpinner);
+ Component$1.registerComponent('LoadingSpinner', LoadingSpinner);
/**
* Base class for all buttons.
* @return {Element}
* The element that gets created.
*/
- _proto.createEl = function createEl(tag, props, attributes) {
+ _proto.createEl = function createEl$1(tag, props, attributes) {
if (props === void 0) {
props = {};
}
tag = 'button';
props = assign({
- innerHTML: '<span aria-hidden="true" class="vjs-icon-placeholder"></span>',
className: this.buildCSSClass()
}, props); // Add attributes for button element
// Necessary since the default button type is "submit"
type: 'button'
}, attributes);
- var el = Component.prototype.createEl.call(this, tag, props, attributes);
+
+ var el = createEl(tag, props, attributes);
+
+ el.appendChild(createEl('span', {
+ className: 'vjs-icon-placeholder'
+ }, {
+ 'aria-hidden': true
+ }));
this.createControlTextEl(el);
return el;
}
}
var className = this.constructor.name;
- log.warn("Adding an actionable (user controllable) child to a Button (" + className + ") is not supported; use a ClickableComponent instead."); // Avoid the error message generated by ClickableComponent's addChild method
+ log$1.warn("Adding an actionable (user controllable) child to a Button (" + className + ") is not supported; use a ClickableComponent instead."); // Avoid the error message generated by ClickableComponent's addChild method
- return Component.prototype.addChild.call(this, child, options);
+ return Component$1.prototype.addChild.call(this, child, options);
}
/**
* Enable the `Button` element so that it can be activated or clicked. Use this with
return Button;
}(ClickableComponent);
- Component.registerComponent('Button', Button);
+ Component$1.registerComponent('Button', Button);
/**
* The initial play button that shows before the video has played. The hiding of the
_this = _Button.call(this, player, options) || this;
_this.mouseused_ = false;
- _this.on('mousedown', _this.handleMouseDown);
+ _this.on('mousedown', function (e) {
+ return _this.handleMouseDown(e);
+ });
return _this;
}
BigPlayButton.prototype.controlText_ = 'Play Video';
- Component.registerComponent('BigPlayButton', BigPlayButton);
+ Component$1.registerComponent('BigPlayButton', BigPlayButton);
/**
* The `CloseButton` is a `{@link Button}` that fires a `close` event when
return CloseButton;
}(Button);
- Component.registerComponent('CloseButton', CloseButton);
+ Component$1.registerComponent('CloseButton', CloseButton);
/**
* Button to toggle between play and pause.
options.replay = options.replay === undefined || options.replay;
- _this.on(player, 'play', _this.handlePlay);
+ _this.on(player, 'play', function (e) {
+ return _this.handlePlay(e);
+ });
- _this.on(player, 'pause', _this.handlePause);
+ _this.on(player, 'pause', function (e) {
+ return _this.handlePause(e);
+ });
if (options.replay) {
- _this.on(player, 'ended', _this.handleEnded);
+ _this.on(player, 'ended', function (e) {
+ return _this.handleEnded(e);
+ });
}
return _this;
_proto.handleClick = function handleClick(event) {
if (this.player_.paused()) {
- this.player_.play();
+ silencePromise(this.player_.play());
} else {
this.player_.pause();
}
;
_proto.handleEnded = function handleEnded(event) {
+ var _this2 = this;
+
this.removeClass('vjs-playing');
this.addClass('vjs-ended'); // change the button text to "Replay"
this.controlText('Replay'); // on the next seek remove the replay button
- this.one(this.player_, 'seeked', this.handleSeeked);
+ this.one(this.player_, 'seeked', function (e) {
+ return _this2.handleSeeked(e);
+ });
};
return PlayToggle;
PlayToggle.prototype.controlText_ = 'Play';
- Component.registerComponent('PlayToggle', PlayToggle);
+ Component$1.registerComponent('PlayToggle', PlayToggle);
/**
* @file format-time.js
_this = _Component.call(this, player, options) || this;
- _this.on(player, ['timeupdate', 'ended'], _this.updateContent);
+ _this.on(player, ['timeupdate', 'ended'], function (e) {
+ return _this.updateContent(e);
+ });
_this.updateTextNode_();
var className = this.buildCSSClass();
var el = _Component.prototype.createEl.call(this, 'div', {
- className: className + " vjs-time-control vjs-control",
- innerHTML: "<span class=\"vjs-control-text\" role=\"presentation\">" + this.localize(this.labelText_) + "\xA0</span>"
+ className: className + " vjs-time-control vjs-control"
});
+ var span = createEl('span', {
+ className: 'vjs-control-text',
+ textContent: this.localize(this.labelText_) + "\xA0"
+ }, {
+ role: 'presentation'
+ });
+ el.appendChild(span);
this.contentEl_ = createEl('span', {
className: className + "-display"
}, {
}
this.formattedTime_ = time;
- this.requestAnimationFrame(function () {
+ this.requestNamedAnimationFrame('TimeDisplay#updateTextNode_', function () {
if (!_this2.contentEl_) {
return;
}
var oldNode = _this2.textNode_;
+
+ if (oldNode && _this2.contentEl_.firstChild !== oldNode) {
+ oldNode = null;
+ log$1.warn('TimeDisplay#updateTextnode_: Prevented replacement of text node element since it was no longer a child of this node. Appending a new node instead.');
+ }
+
_this2.textNode_ = document.createTextNode(_this2.formattedTime_);
if (!_this2.textNode_) {
_proto.updateContent = function updateContent(event) {};
return TimeDisplay;
- }(Component);
+ }(Component$1);
/**
* The text that is added to the `TimeDisplay` for screen reader users.
*
*/
TimeDisplay.prototype.controlText_ = 'Time';
- Component.registerComponent('TimeDisplay', TimeDisplay);
+ Component$1.registerComponent('TimeDisplay', TimeDisplay);
/**
* Displays the current time
*/
CurrentTimeDisplay.prototype.controlText_ = 'Current Time';
- Component.registerComponent('CurrentTimeDisplay', CurrentTimeDisplay);
+ Component$1.registerComponent('CurrentTimeDisplay', CurrentTimeDisplay);
/**
* Displays the duration
function DurationDisplay(player, options) {
var _this;
- _this = _TimeDisplay.call(this, player, options) || this; // we do not want to/need to throttle duration changes,
+ _this = _TimeDisplay.call(this, player, options) || this;
+
+ var updateContent = function updateContent(e) {
+ return _this.updateContent(e);
+ }; // we do not want to/need to throttle duration changes,
// as they should always display the changed duration as
// it has changed
- _this.on(player, 'durationchange', _this.updateContent); // Listen to loadstart because the player duration is reset when a new media element is loaded,
+
+ _this.on(player, 'durationchange', updateContent); // Listen to loadstart because the player duration is reset when a new media element is loaded,
// but the durationchange on the user agent will not fire.
// @see [Spec]{@link https://www.w3.org/TR/2011/WD-html5-20110113/video.html#media-element-load-algorithm}
- _this.on(player, 'loadstart', _this.updateContent); // Also listen for timeupdate (in the parent) and loadedmetadata because removing those
+ _this.on(player, 'loadstart', updateContent); // Also listen for timeupdate (in the parent) and loadedmetadata because removing those
// listeners could have broken dependent applications/libraries. These
// can likely be removed for 7.0.
- _this.on(player, 'loadedmetadata', _this.updateContent);
+ _this.on(player, 'loadedmetadata', updateContent);
return _this;
}
*/
DurationDisplay.prototype.controlText_ = 'Duration';
- Component.registerComponent('DurationDisplay', DurationDisplay);
+ Component$1.registerComponent('DurationDisplay', DurationDisplay);
/**
* The separator between the current time and duration.
* The element that was created.
*/
_proto.createEl = function createEl() {
- return _Component.prototype.createEl.call(this, 'div', {
- className: 'vjs-time-control vjs-time-divider',
- innerHTML: '<div><span>/</span></div>'
+ var el = _Component.prototype.createEl.call(this, 'div', {
+ className: 'vjs-time-control vjs-time-divider'
}, {
// this element and its contents can be hidden from assistive techs since
// it is made extraneous by the announcement of the control text
// for the current time and duration displays
'aria-hidden': true
});
+
+ var div = _Component.prototype.createEl.call(this, 'div');
+
+ var span = _Component.prototype.createEl.call(this, 'span', {
+ textContent: '/'
+ });
+
+ div.appendChild(span);
+ el.appendChild(div);
+ return el;
};
return TimeDivider;
- }(Component);
+ }(Component$1);
- Component.registerComponent('TimeDivider', TimeDivider);
+ Component$1.registerComponent('TimeDivider', TimeDivider);
/**
* Displays the time left in the video
_this = _TimeDisplay.call(this, player, options) || this;
- _this.on(player, 'durationchange', _this.updateContent);
+ _this.on(player, 'durationchange', function (e) {
+ return _this.updateContent(e);
+ });
return _this;
}
*/
RemainingTimeDisplay.prototype.controlText_ = 'Remaining Time';
- Component.registerComponent('RemainingTimeDisplay', RemainingTimeDisplay);
+ Component$1.registerComponent('RemainingTimeDisplay', RemainingTimeDisplay);
/**
* Displays the live indicator when duration is Infinity.
_this.updateShowing();
- _this.on(_this.player(), 'durationchange', _this.updateShowing);
+ _this.on(_this.player(), 'durationchange', function (e) {
+ return _this.updateShowing(e);
+ });
return _this;
}
});
this.contentEl_ = createEl('div', {
- className: 'vjs-live-display',
- innerHTML: "<span class=\"vjs-control-text\">" + this.localize('Stream Type') + "\xA0</span>" + this.localize('LIVE')
+ className: 'vjs-live-display'
}, {
'aria-live': 'off'
});
+ this.contentEl_.appendChild(createEl('span', {
+ className: 'vjs-control-text',
+ textContent: this.localize('Stream Type') + "\xA0"
+ }));
+ this.contentEl_.appendChild(document.createTextNode(this.localize('LIVE')));
el.appendChild(this.contentEl_);
return el;
};
};
return LiveDisplay;
- }(Component);
+ }(Component$1);
- Component.registerComponent('LiveDisplay', LiveDisplay);
+ Component$1.registerComponent('LiveDisplay', LiveDisplay);
/**
* Displays the live indicator when duration is Infinity.
_this.updateLiveEdgeStatus();
if (_this.player_.liveTracker) {
- _this.on(_this.player_.liveTracker, 'liveedgechange', _this.updateLiveEdgeStatus);
+ _this.updateLiveEdgeStatusHandler_ = function (e) {
+ return _this.updateLiveEdgeStatus(e);
+ };
+
+ _this.on(_this.player_.liveTracker, 'liveedgechange', _this.updateLiveEdgeStatusHandler_);
}
return _this;
this.textEl_ = createEl('span', {
className: 'vjs-seek-to-live-text',
- innerHTML: this.localize('LIVE')
+ textContent: this.localize('LIVE')
}, {
'aria-hidden': 'true'
});
_proto.dispose = function dispose() {
if (this.player_.liveTracker) {
- this.off(this.player_.liveTracker, 'liveedgechange', this.updateLiveEdgeStatus);
+ this.off(this.player_.liveTracker, 'liveedgechange', this.updateLiveEdgeStatusHandler_);
}
this.textEl_ = null;
}(Button);
SeekToLive.prototype.controlText_ = 'Seek to live, currently playing live';
- Component.registerComponent('SeekToLive', SeekToLive);
+ Component$1.registerComponent('SeekToLive', SeekToLive);
/**
* Keep a number between a min and a max value
function Slider(player, options) {
var _this;
- _this = _Component.call(this, player, options) || this; // Set property names to bar to match with the child Slider class is looking for
+ _this = _Component.call(this, player, options) || this;
+
+ _this.handleMouseDown_ = function (e) {
+ return _this.handleMouseDown(e);
+ };
+
+ _this.handleMouseUp_ = function (e) {
+ return _this.handleMouseUp(e);
+ };
+
+ _this.handleKeyDown_ = function (e) {
+ return _this.handleKeyDown(e);
+ };
+
+ _this.handleClick_ = function (e) {
+ return _this.handleClick(e);
+ };
+
+ _this.handleMouseMove_ = function (e) {
+ return _this.handleMouseMove(e);
+ };
+
+ _this.update_ = function (e) {
+ return _this.update(e);
+ }; // Set property names to bar to match with the child Slider class is looking for
+
_this.bar = _this.getChild(_this.options_.barName); // Set a horizontal or vertical class on the slider depending on the slider type
return;
}
- this.on('mousedown', this.handleMouseDown);
- this.on('touchstart', this.handleMouseDown);
- this.on('keydown', this.handleKeyDown);
- this.on('click', this.handleClick); // TODO: deprecated, controlsvisible does not seem to be fired
+ this.on('mousedown', this.handleMouseDown_);
+ this.on('touchstart', this.handleMouseDown_);
+ this.on('keydown', this.handleKeyDown_);
+ this.on('click', this.handleClick_); // TODO: deprecated, controlsvisible does not seem to be fired
this.on(this.player_, 'controlsvisible', this.update);
}
var doc = this.bar.el_.ownerDocument;
- this.off('mousedown', this.handleMouseDown);
- this.off('touchstart', this.handleMouseDown);
- this.off('keydown', this.handleKeyDown);
- this.off('click', this.handleClick);
- this.off(this.player_, 'controlsvisible', this.update);
- this.off(doc, 'mousemove', this.handleMouseMove);
- this.off(doc, 'mouseup', this.handleMouseUp);
- this.off(doc, 'touchmove', this.handleMouseMove);
- this.off(doc, 'touchend', this.handleMouseUp);
+ this.off('mousedown', this.handleMouseDown_);
+ this.off('touchstart', this.handleMouseDown_);
+ this.off('keydown', this.handleKeyDown_);
+ this.off('click', this.handleClick_);
+ this.off(this.player_, 'controlsvisible', this.update_);
+ this.off(doc, 'mousemove', this.handleMouseMove_);
+ this.off(doc, 'mouseup', this.handleMouseUp_);
+ this.off(doc, 'touchmove', this.handleMouseMove_);
+ this.off(doc, 'touchend', this.handleMouseUp_);
this.removeAttribute('tabindex');
this.addClass('disabled');
*/
this.trigger('slideractive');
- this.on(doc, 'mousemove', this.handleMouseMove);
- this.on(doc, 'mouseup', this.handleMouseUp);
- this.on(doc, 'touchmove', this.handleMouseMove);
- this.on(doc, 'touchend', this.handleMouseUp);
+ this.on(doc, 'mousemove', this.handleMouseMove_);
+ this.on(doc, 'mouseup', this.handleMouseUp_);
+ this.on(doc, 'touchmove', this.handleMouseMove_);
+ this.on(doc, 'touchend', this.handleMouseUp_);
this.handleMouseMove(event);
}
/**
*/
this.trigger('sliderinactive');
- this.off(doc, 'mousemove', this.handleMouseMove);
- this.off(doc, 'mouseup', this.handleMouseUp);
- this.off(doc, 'touchmove', this.handleMouseMove);
- this.off(doc, 'touchend', this.handleMouseUp);
+ this.off(doc, 'mousemove', this.handleMouseMove_);
+ this.off(doc, 'mouseup', this.handleMouseUp_);
+ this.off(doc, 'touchmove', this.handleMouseMove_);
+ this.off(doc, 'touchend', this.handleMouseUp_);
this.update();
}
/**
}
this.progress_ = progress;
- this.requestAnimationFrame(function () {
+ this.requestNamedAnimationFrame('Slider#update', function () {
// Set the new bar width or height
var sizeKey = _this2.vertical() ? 'height' : 'width'; // Convert to a percentage for css value
};
return Slider;
- }(Component);
+ }(Component$1);
- Component.registerComponent('Slider', Slider);
+ Component$1.registerComponent('Slider', Slider);
var percentify = function percentify(time, end) {
return clamp(time / end * 100, 0, 100).toFixed(2) + '%';
_this = _Component.call(this, player, options) || this;
_this.partEls_ = [];
- _this.on(player, 'progress', _this.update);
+ _this.on(player, 'progress', function (e) {
+ return _this.update(e);
+ });
return _this;
}
_proto.update = function update(event) {
var _this2 = this;
- this.requestAnimationFrame(function () {
+ this.requestNamedAnimationFrame('LoadProgressBar#update', function () {
var liveTracker = _this2.player_.liveTracker;
var buffered = _this2.player_.buffered();
};
return LoadProgressBar;
- }(Component);
+ }(Component$1);
- Component.registerComponent('LoadProgressBar', LoadProgressBar);
+ Component$1.registerComponent('LoadProgressBar', LoadProgressBar);
/**
* Time tooltips display a time above the progress bar.
;
_proto.update = function update(seekBarRect, seekBarPoint, content) {
- var tooltipRect = getBoundingClientRect(this.el_);
+ var tooltipRect = findPosition(this.el_);
var playerRect = getBoundingClientRect(this.player_.el());
var seekBarPointPx = seekBarRect.width * seekBarPoint; // do nothing if either rect isn't available
// for example, if the player isn't in the DOM for testing
pullTooltipBy = 0;
} else if (pullTooltipBy > tooltipRect.width) {
pullTooltipBy = tooltipRect.width;
- }
+ } // prevent small width fluctuations within 0.4px from
+ // changing the value below.
+ // This really helps for live to prevent the play
+ // progress time tooltip from jittering
+
+ pullTooltipBy = Math.round(pullTooltipBy);
this.el_.style.right = "-" + pullTooltipBy + "px";
this.write(content);
}
_proto.updateTime = function updateTime(seekBarRect, seekBarPoint, time, cb) {
var _this2 = this;
- // If there is an existing rAF ID, cancel it so we don't over-queue.
- if (this.rafId_) {
- this.cancelAnimationFrame(this.rafId_);
- }
-
- this.rafId_ = this.requestAnimationFrame(function () {
+ this.requestNamedAnimationFrame('TimeTooltip#updateTime', function () {
var content;
var duration = _this2.player_.duration();
};
return TimeTooltip;
- }(Component);
+ }(Component$1);
- Component.registerComponent('TimeTooltip', TimeTooltip);
+ Component$1.registerComponent('TimeTooltip', TimeTooltip);
/**
* Used by {@link SeekBar} to display media playback progress as part of the
};
return PlayProgressBar;
- }(Component);
+ }(Component$1);
/**
* Default options for {@link PlayProgressBar}.
*
PlayProgressBar.prototype.options_.children.push('timeTooltip');
}
- Component.registerComponent('PlayProgressBar', PlayProgressBar);
+ Component$1.registerComponent('PlayProgressBar', PlayProgressBar);
/**
* The {@link MouseTimeDisplay} component tracks mouse movement over the
};
return MouseTimeDisplay;
- }(Component);
+ }(Component$1);
/**
* Default options for `MouseTimeDisplay`
*
MouseTimeDisplay.prototype.options_ = {
children: ['timeTooltip']
};
- Component.registerComponent('MouseTimeDisplay', MouseTimeDisplay);
+ Component$1.registerComponent('MouseTimeDisplay', MouseTimeDisplay);
var STEP_SECONDS = 5; // The multiplier of STEP_SECONDS that PgUp/PgDown move the timeline.
var _proto = SeekBar.prototype;
_proto.setEventHandlers_ = function setEventHandlers_() {
+ var _this2 = this;
+
this.update_ = bind(this, this.update);
this.update = throttle(this.update_, UPDATE_REFRESH_INTERVAL);
this.on(this.player_, ['ended', 'durationchange', 'timeupdate'], this.update);
this.updateInterval = null;
- this.on(this.player_, ['playing'], this.enableInterval_);
- this.on(this.player_, ['ended', 'pause', 'waiting'], this.disableInterval_); // we don't need to update the play progress if the document is hidden,
+
+ this.enableIntervalHandler_ = function (e) {
+ return _this2.enableInterval_(e);
+ };
+
+ this.disableIntervalHandler_ = function (e) {
+ return _this2.disableInterval_(e);
+ };
+
+ this.on(this.player_, ['playing'], this.enableIntervalHandler_);
+ this.on(this.player_, ['ended', 'pause', 'waiting'], this.disableIntervalHandler_); // we don't need to update the play progress if the document is hidden,
// also, this causes the CPU to spike and eventually crash the page on IE11.
if ('hidden' in document && 'visibilityState' in document) {
};
_proto.toggleVisibility_ = function toggleVisibility_(e) {
- if (document.hidden) {
+ if (document.visibilityState === 'hidden') {
+ this.cancelNamedAnimationFrame('SeekBar#update');
+ this.cancelNamedAnimationFrame('Slider#update');
this.disableInterval_(e);
} else {
- this.enableInterval_(); // we just switched back to the page and someone may be looking, so, update ASAP
+ if (!this.player_.ended() && !this.player_.paused()) {
+ this.enableInterval_();
+ } // we just switched back to the page and someone may be looking, so, update ASAP
+
this.update();
}
};
_proto.disableInterval_ = function disableInterval_(e) {
- if (this.player_.liveTracker && this.player_.liveTracker.isLive() && e.type !== 'ended') {
+ if (this.player_.liveTracker && this.player_.liveTracker.isLive() && e && e.type !== 'ended') {
return;
}
;
_proto.update = function update(event) {
- var _this2 = this;
+ var _this3 = this;
+
+ // ignore updates while the tab is hidden
+ if (document.visibilityState === 'hidden') {
+ return;
+ }
var percent = _Slider.prototype.update.call(this);
- this.requestAnimationFrame(function () {
- var currentTime = _this2.player_.ended() ? _this2.player_.duration() : _this2.getCurrentTime_();
- var liveTracker = _this2.player_.liveTracker;
+ this.requestNamedAnimationFrame('SeekBar#update', function () {
+ var currentTime = _this3.player_.ended() ? _this3.player_.duration() : _this3.getCurrentTime_();
+ var liveTracker = _this3.player_.liveTracker;
- var duration = _this2.player_.duration();
+ var duration = _this3.player_.duration();
if (liveTracker && liveTracker.isLive()) {
- duration = _this2.player_.liveTracker.liveCurrentTime();
+ duration = _this3.player_.liveTracker.liveCurrentTime();
}
- if (_this2.percent_ !== percent) {
+ if (_this3.percent_ !== percent) {
// machine readable value of progress bar (percentage complete)
- _this2.el_.setAttribute('aria-valuenow', (percent * 100).toFixed(2));
+ _this3.el_.setAttribute('aria-valuenow', (percent * 100).toFixed(2));
- _this2.percent_ = percent;
+ _this3.percent_ = percent;
}
- if (_this2.currentTime_ !== currentTime || _this2.duration_ !== duration) {
+ if (_this3.currentTime_ !== currentTime || _this3.duration_ !== duration) {
// human readable value of progress bar (time complete)
- _this2.el_.setAttribute('aria-valuetext', _this2.localize('progress bar timing: currentTime={1} duration={2}', [formatTime(currentTime, duration), formatTime(duration, duration)], '{1} of {2}'));
+ _this3.el_.setAttribute('aria-valuetext', _this3.localize('progress bar timing: currentTime={1} duration={2}', [formatTime(currentTime, duration), formatTime(duration, duration)], '{1} of {2}'));
- _this2.currentTime_ = currentTime;
- _this2.duration_ = duration;
+ _this3.currentTime_ = currentTime;
+ _this3.duration_ = duration;
} // update the progress bar time tooltip with the current time
- if (_this2.bar) {
- _this2.bar.update(getBoundingClientRect(_this2.el()), _this2.getProgress());
+ if (_this3.bar) {
+ _this3.bar.update(getBoundingClientRect(_this3.el()), _this3.getProgress());
}
});
return percent;
}
+ /**
+ * Prevent liveThreshold from causing seeks to seem like they
+ * are not happening from a user perspective.
+ *
+ * @param {number} ct
+ * current time to seek to
+ */
+ ;
+
+ _proto.userSeek_ = function userSeek_(ct) {
+ if (this.player_.liveTracker && this.player_.liveTracker.isLive()) {
+ this.player_.liveTracker.nextSeekedFromUser();
+ }
+
+ this.player_.currentTime(ct);
+ }
/**
* Get the value of current time but allows for smooth scrubbing,
* when player can't keep up.
} // Set new time (tell player to seek to new time)
- this.player_.currentTime(newTime);
+ this.userSeek_(newTime);
};
_proto.enable = function enable() {
;
_proto.stepForward = function stepForward() {
- this.player_.currentTime(this.player_.currentTime() + STEP_SECONDS);
+ this.userSeek_(this.player_.currentTime() + STEP_SECONDS);
}
/**
* Move more quickly rewind for keyboard-only users
;
_proto.stepBack = function stepBack() {
- this.player_.currentTime(this.player_.currentTime() - STEP_SECONDS);
+ this.userSeek_(this.player_.currentTime() - STEP_SECONDS);
}
/**
* Toggles the playback state of the player
;
_proto.handleKeyDown = function handleKeyDown(event) {
+ var liveTracker = this.player_.liveTracker;
+
if (keycode.isEventKey(event, 'Space') || keycode.isEventKey(event, 'Enter')) {
event.preventDefault();
event.stopPropagation();
} else if (keycode.isEventKey(event, 'Home')) {
event.preventDefault();
event.stopPropagation();
- this.player_.currentTime(0);
+ this.userSeek_(0);
} else if (keycode.isEventKey(event, 'End')) {
event.preventDefault();
event.stopPropagation();
- this.player_.currentTime(this.player_.duration());
+
+ if (liveTracker && liveTracker.isLive()) {
+ this.userSeek_(liveTracker.liveCurrentTime());
+ } else {
+ this.userSeek_(this.player_.duration());
+ }
} else if (/^[0-9]$/.test(keycode(event))) {
event.preventDefault();
event.stopPropagation();
var gotoFraction = (keycode.codes[keycode(event)] - keycode.codes['0']) * 10.0 / 100.0;
- this.player_.currentTime(this.player_.duration() * gotoFraction);
+
+ if (liveTracker && liveTracker.isLive()) {
+ this.userSeek_(liveTracker.seekableStart() + liveTracker.liveWindow() * gotoFraction);
+ } else {
+ this.userSeek_(this.player_.duration() * gotoFraction);
+ }
} else if (keycode.isEventKey(event, 'PgDn')) {
event.preventDefault();
event.stopPropagation();
- this.player_.currentTime(this.player_.currentTime() - STEP_SECONDS * PAGE_KEY_MULTIPLIER);
+ this.userSeek_(this.player_.currentTime() - STEP_SECONDS * PAGE_KEY_MULTIPLIER);
} else if (keycode.isEventKey(event, 'PgUp')) {
event.preventDefault();
event.stopPropagation();
- this.player_.currentTime(this.player_.currentTime() + STEP_SECONDS * PAGE_KEY_MULTIPLIER);
+ this.userSeek_(this.player_.currentTime() + STEP_SECONDS * PAGE_KEY_MULTIPLIER);
} else {
// Pass keydown handling up for unsupported keys
_Slider.prototype.handleKeyDown.call(this, event);
}
};
+ _proto.dispose = function dispose() {
+ this.disableInterval_();
+ this.off(this.player_, ['ended', 'durationchange', 'timeupdate'], this.update);
+
+ if (this.player_.liveTracker) {
+ this.off(this.player_.liveTracker, 'liveedgechange', this.update);
+ }
+
+ this.off(this.player_, ['playing'], this.enableIntervalHandler_);
+ this.off(this.player_, ['ended', 'pause', 'waiting'], this.disableIntervalHandler_); // we don't need to update the play progress if the document is hidden,
+ // also, this causes the CPU to spike and eventually crash the page on IE11.
+
+ if ('hidden' in document && 'visibilityState' in document) {
+ this.off(document, 'visibilitychange', this.toggleVisibility_);
+ }
+
+ _Slider.prototype.dispose.call(this);
+ };
+
return SeekBar;
}(Slider);
/**
SeekBar.prototype.options_.children.splice(1, 0, 'mouseTimeDisplay');
}
- Component.registerComponent('SeekBar', SeekBar);
+ Component$1.registerComponent('SeekBar', SeekBar);
/**
* The Progress Control component contains the seek bar, load progress,
_this.handleMouseMove = throttle(bind(assertThisInitialized(_this), _this.handleMouseMove), UPDATE_REFRESH_INTERVAL);
_this.throttledHandleMouseSeek = throttle(bind(assertThisInitialized(_this), _this.handleMouseSeek), UPDATE_REFRESH_INTERVAL);
+ _this.handleMouseUpHandler_ = function (e) {
+ return _this.handleMouseUp(e);
+ };
+
+ _this.handleMouseDownHandler_ = function (e) {
+ return _this.handleMouseDown(e);
+ };
+
_this.enable();
return _this;
}
var seekBarEl = seekBar.el();
- var seekBarRect = getBoundingClientRect(seekBarEl);
+ var seekBarRect = findPosition(seekBarEl);
var seekBarPoint = getPointerPosition(seekBarEl, event).x; // The default skin has a gap on either side of the `SeekBar`. This means
// that it's possible to trigger this behavior outside the boundaries of
// the `SeekBar`. This ensures we stay within it at all times.
- seekBarPoint = clamp(0, 1, seekBarPoint);
+ seekBarPoint = clamp(seekBarPoint, 0, 1);
if (mouseTimeDisplay) {
mouseTimeDisplay.update(seekBarRect, seekBarPoint);
return;
}
- this.off(['mousedown', 'touchstart'], this.handleMouseDown);
+ this.off(['mousedown', 'touchstart'], this.handleMouseDownHandler_);
this.off(this.el_, 'mousemove', this.handleMouseMove);
- this.handleMouseUp();
+ this.removeListenersAddedOnMousedownAndTouchstart();
this.addClass('disabled');
- this.enabled_ = false;
+ this.enabled_ = false; // Restore normal playback state if controls are disabled while scrubbing
+
+ if (this.player_.scrubbing()) {
+ var seekBar = this.getChild('seekBar');
+ this.player_.scrubbing(false);
+
+ if (seekBar.videoWasPlaying) {
+ silencePromise(this.player_.play());
+ }
+ }
}
/**
* Enable all controls on the progress control and its children
return;
}
- this.on(['mousedown', 'touchstart'], this.handleMouseDown);
+ this.on(['mousedown', 'touchstart'], this.handleMouseDownHandler_);
this.on(this.el_, 'mousemove', this.handleMouseMove);
this.removeClass('disabled');
this.enabled_ = true;
}
+ /**
+ * Cleanup listeners after the user finishes interacting with the progress controls
+ */
+ ;
+
+ _proto.removeListenersAddedOnMousedownAndTouchstart = function removeListenersAddedOnMousedownAndTouchstart() {
+ var doc = this.el_.ownerDocument;
+ this.off(doc, 'mousemove', this.throttledHandleMouseSeek);
+ this.off(doc, 'touchmove', this.throttledHandleMouseSeek);
+ this.off(doc, 'mouseup', this.handleMouseUpHandler_);
+ this.off(doc, 'touchend', this.handleMouseUpHandler_);
+ }
/**
* Handle `mousedown` or `touchstart` events on the `ProgressControl`.
*
this.on(doc, 'mousemove', this.throttledHandleMouseSeek);
this.on(doc, 'touchmove', this.throttledHandleMouseSeek);
- this.on(doc, 'mouseup', this.handleMouseUp);
- this.on(doc, 'touchend', this.handleMouseUp);
+ this.on(doc, 'mouseup', this.handleMouseUpHandler_);
+ this.on(doc, 'touchend', this.handleMouseUpHandler_);
}
/**
* Handle `mouseup` or `touchend` events on the `ProgressControl`.
;
_proto.handleMouseUp = function handleMouseUp(event) {
- var doc = this.el_.ownerDocument;
var seekBar = this.getChild('seekBar');
if (seekBar) {
seekBar.handleMouseUp(event);
}
- this.off(doc, 'mousemove', this.throttledHandleMouseSeek);
- this.off(doc, 'touchmove', this.throttledHandleMouseSeek);
- this.off(doc, 'mouseup', this.handleMouseUp);
- this.off(doc, 'touchend', this.handleMouseUp);
+ this.removeListenersAddedOnMousedownAndTouchstart();
};
return ProgressControl;
- }(Component);
+ }(Component$1);
/**
* Default options for `ProgressControl`
*
ProgressControl.prototype.options_ = {
children: ['seekBar']
};
- Component.registerComponent('ProgressControl', ProgressControl);
+ Component$1.registerComponent('ProgressControl', ProgressControl);
/**
* Toggle Picture-in-Picture mode
_this = _Button.call(this, player, options) || this;
- _this.on(player, ['enterpictureinpicture', 'leavepictureinpicture'], _this.handlePictureInPictureChange); // TODO: Activate button on player loadedmetadata event.
- // TODO: Deactivate button on player emptied event.
- // TODO: Deactivate button if disablepictureinpicture attribute is present.
+ _this.on(player, ['enterpictureinpicture', 'leavepictureinpicture'], function (e) {
+ return _this.handlePictureInPictureChange(e);
+ });
+
+ _this.on(player, ['disablepictureinpicturechanged', 'loadedmetadata'], function (e) {
+ return _this.handlePictureInPictureEnabledChange(e);
+ }); // TODO: Deactivate button on player emptied event.
- if (!document.pictureInPictureEnabled) {
- _this.disable();
- }
+ _this.disable();
return _this;
}
_proto.buildCSSClass = function buildCSSClass() {
return "vjs-picture-in-picture-control " + _Button.prototype.buildCSSClass.call(this);
}
+ /**
+ * Enables or disables button based on document.pictureInPictureEnabled property value
+ * or on value returned by player.disablePictureInPicture() method.
+ */
+ ;
+
+ _proto.handlePictureInPictureEnabledChange = function handlePictureInPictureEnabledChange() {
+ if (document.pictureInPictureEnabled && this.player_.disablePictureInPicture() === false) {
+ this.enable();
+ } else {
+ this.disable();
+ }
+ }
/**
* Handles enterpictureinpicture and leavepictureinpicture on the player and change control text accordingly.
*
} else {
this.controlText('Picture-in-Picture');
}
+
+ this.handlePictureInPictureEnabledChange();
}
/**
* This gets called when an `PictureInPictureToggle` is "clicked". See
PictureInPictureToggle.prototype.controlText_ = 'Picture-in-Picture';
- Component.registerComponent('PictureInPictureToggle', PictureInPictureToggle);
+ Component$1.registerComponent('PictureInPictureToggle', PictureInPictureToggle);
/**
* Toggle fullscreen video
_this = _Button.call(this, player, options) || this;
- _this.on(player, 'fullscreenchange', _this.handleFullscreenChange);
+ _this.on(player, 'fullscreenchange', function (e) {
+ return _this.handleFullscreenChange(e);
+ });
if (document[player.fsApi_.fullscreenEnabled] === false) {
_this.disable();
FullscreenToggle.prototype.controlText_ = 'Fullscreen';
- Component.registerComponent('FullscreenToggle', FullscreenToggle);
+ Component$1.registerComponent('FullscreenToggle', FullscreenToggle);
/**
* Check if volume control is supported and if it isn't hide the
* The element that was created.
*/
_proto.createEl = function createEl() {
- return _Component.prototype.createEl.call(this, 'div', {
- className: 'vjs-volume-level',
- innerHTML: '<span class="vjs-control-text"></span>'
+ var el = _Component.prototype.createEl.call(this, 'div', {
+ className: 'vjs-volume-level'
});
+
+ el.appendChild(_Component.prototype.createEl.call(this, 'span', {
+ className: 'vjs-control-text'
+ }));
+ return el;
};
return VolumeLevel;
- }(Component);
+ }(Component$1);
+
+ Component$1.registerComponent('VolumeLevel', VolumeLevel);
+
+ /**
+ * Volume level tooltips display a volume above or side by side the volume bar.
+ *
+ * @extends Component
+ */
+
+ var VolumeLevelTooltip = /*#__PURE__*/function (_Component) {
+ inheritsLoose(VolumeLevelTooltip, _Component);
+
+ /**
+ * Creates an instance of this class.
+ *
+ * @param {Player} player
+ * The {@link Player} that this class should be attached to.
+ *
+ * @param {Object} [options]
+ * The key/value store of player options.
+ */
+ function VolumeLevelTooltip(player, options) {
+ var _this;
+
+ _this = _Component.call(this, player, options) || this;
+ _this.update = throttle(bind(assertThisInitialized(_this), _this.update), UPDATE_REFRESH_INTERVAL);
+ return _this;
+ }
+ /**
+ * Create the volume tooltip DOM element
+ *
+ * @return {Element}
+ * The element that was created.
+ */
+
+
+ var _proto = VolumeLevelTooltip.prototype;
+
+ _proto.createEl = function createEl() {
+ return _Component.prototype.createEl.call(this, 'div', {
+ className: 'vjs-volume-tooltip'
+ }, {
+ 'aria-hidden': 'true'
+ });
+ }
+ /**
+ * Updates the position of the tooltip relative to the `VolumeBar` and
+ * its content text.
+ *
+ * @param {Object} rangeBarRect
+ * The `ClientRect` for the {@link VolumeBar} element.
+ *
+ * @param {number} rangeBarPoint
+ * A number from 0 to 1, representing a horizontal/vertical reference point
+ * from the left edge of the {@link VolumeBar}
+ *
+ * @param {boolean} vertical
+ * Referees to the Volume control position
+ * in the control bar{@link VolumeControl}
+ *
+ */
+ ;
+
+ _proto.update = function update(rangeBarRect, rangeBarPoint, vertical, content) {
+ if (!vertical) {
+ var tooltipRect = getBoundingClientRect(this.el_);
+ var playerRect = getBoundingClientRect(this.player_.el());
+ var volumeBarPointPx = rangeBarRect.width * rangeBarPoint;
+
+ if (!playerRect || !tooltipRect) {
+ return;
+ }
+
+ var spaceLeftOfPoint = rangeBarRect.left - playerRect.left + volumeBarPointPx;
+ var spaceRightOfPoint = rangeBarRect.width - volumeBarPointPx + (playerRect.right - rangeBarRect.right);
+ var pullTooltipBy = tooltipRect.width / 2;
+
+ if (spaceLeftOfPoint < pullTooltipBy) {
+ pullTooltipBy += pullTooltipBy - spaceLeftOfPoint;
+ } else if (spaceRightOfPoint < pullTooltipBy) {
+ pullTooltipBy = spaceRightOfPoint;
+ }
+
+ if (pullTooltipBy < 0) {
+ pullTooltipBy = 0;
+ } else if (pullTooltipBy > tooltipRect.width) {
+ pullTooltipBy = tooltipRect.width;
+ }
+
+ this.el_.style.right = "-" + pullTooltipBy + "px";
+ }
+
+ this.write(content + "%");
+ }
+ /**
+ * Write the volume to the tooltip DOM element.
+ *
+ * @param {string} content
+ * The formatted volume for the tooltip.
+ */
+ ;
+
+ _proto.write = function write(content) {
+ textContent(this.el_, content);
+ }
+ /**
+ * Updates the position of the volume tooltip relative to the `VolumeBar`.
+ *
+ * @param {Object} rangeBarRect
+ * The `ClientRect` for the {@link VolumeBar} element.
+ *
+ * @param {number} rangeBarPoint
+ * A number from 0 to 1, representing a horizontal/vertical reference point
+ * from the left edge of the {@link VolumeBar}
+ *
+ * @param {boolean} vertical
+ * Referees to the Volume control position
+ * in the control bar{@link VolumeControl}
+ *
+ * @param {number} volume
+ * The volume level to update the tooltip to
+ *
+ * @param {Function} cb
+ * A function that will be called during the request animation frame
+ * for tooltips that need to do additional animations from the default
+ */
+ ;
+
+ _proto.updateVolume = function updateVolume(rangeBarRect, rangeBarPoint, vertical, volume, cb) {
+ var _this2 = this;
+
+ this.requestNamedAnimationFrame('VolumeLevelTooltip#updateVolume', function () {
+ _this2.update(rangeBarRect, rangeBarPoint, vertical, volume.toFixed(0));
+
+ if (cb) {
+ cb();
+ }
+ });
+ };
+
+ return VolumeLevelTooltip;
+ }(Component$1);
+
+ Component$1.registerComponent('VolumeLevelTooltip', VolumeLevelTooltip);
+
+ /**
+ * The {@link MouseVolumeLevelDisplay} component tracks mouse movement over the
+ * {@link VolumeControl}. It displays an indicator and a {@link VolumeLevelTooltip}
+ * indicating the volume level which is represented by a given point in the
+ * {@link VolumeBar}.
+ *
+ * @extends Component
+ */
+
+ var MouseVolumeLevelDisplay = /*#__PURE__*/function (_Component) {
+ inheritsLoose(MouseVolumeLevelDisplay, _Component);
+
+ /**
+ * Creates an instance of this class.
+ *
+ * @param {Player} player
+ * The {@link Player} that this class should be attached to.
+ *
+ * @param {Object} [options]
+ * The key/value store of player options.
+ */
+ function MouseVolumeLevelDisplay(player, options) {
+ var _this;
- Component.registerComponent('VolumeLevel', VolumeLevel);
+ _this = _Component.call(this, player, options) || this;
+ _this.update = throttle(bind(assertThisInitialized(_this), _this.update), UPDATE_REFRESH_INTERVAL);
+ return _this;
+ }
+ /**
+ * Create the DOM element for this class.
+ *
+ * @return {Element}
+ * The element that was created.
+ */
+
+
+ var _proto = MouseVolumeLevelDisplay.prototype;
+
+ _proto.createEl = function createEl() {
+ return _Component.prototype.createEl.call(this, 'div', {
+ className: 'vjs-mouse-display'
+ });
+ }
+ /**
+ * Enquires updates to its own DOM as well as the DOM of its
+ * {@link VolumeLevelTooltip} child.
+ *
+ * @param {Object} rangeBarRect
+ * The `ClientRect` for the {@link VolumeBar} element.
+ *
+ * @param {number} rangeBarPoint
+ * A number from 0 to 1, representing a horizontal/vertical reference point
+ * from the left edge of the {@link VolumeBar}
+ *
+ * @param {boolean} vertical
+ * Referees to the Volume control position
+ * in the control bar{@link VolumeControl}
+ *
+ */
+ ;
+
+ _proto.update = function update(rangeBarRect, rangeBarPoint, vertical) {
+ var _this2 = this;
+
+ var volume = 100 * rangeBarPoint;
+ this.getChild('volumeLevelTooltip').updateVolume(rangeBarRect, rangeBarPoint, vertical, volume, function () {
+ if (vertical) {
+ _this2.el_.style.bottom = rangeBarRect.height * rangeBarPoint + "px";
+ } else {
+ _this2.el_.style.left = rangeBarRect.width * rangeBarPoint + "px";
+ }
+ });
+ };
+
+ return MouseVolumeLevelDisplay;
+ }(Component$1);
+ /**
+ * Default options for `MouseVolumeLevelDisplay`
+ *
+ * @type {Object}
+ * @private
+ */
+
+
+ MouseVolumeLevelDisplay.prototype.options_ = {
+ children: ['volumeLevelTooltip']
+ };
+ Component$1.registerComponent('MouseVolumeLevelDisplay', MouseVolumeLevelDisplay);
/**
* The bar that contains the volume level and can be clicked on to adjust the level
_this = _Slider.call(this, player, options) || this;
- _this.on('slideractive', _this.updateLastVolume_);
+ _this.on('slideractive', function (e) {
+ return _this.updateLastVolume_(e);
+ });
- _this.on(player, 'volumechange', _this.updateARIAAttributes);
+ _this.on(player, 'volumechange', function (e) {
+ return _this.updateARIAAttributes(e);
+ });
player.ready(function () {
return _this.updateARIAAttributes();
;
_proto.handleMouseMove = function handleMouseMove(event) {
+ var mouseVolumeLevelDisplay = this.getChild('mouseVolumeLevelDisplay');
+
+ if (mouseVolumeLevelDisplay) {
+ var volumeBarEl = this.el();
+ var volumeBarRect = getBoundingClientRect(volumeBarEl);
+ var vertical = this.vertical();
+ var volumeBarPoint = getPointerPosition(volumeBarEl, event);
+ volumeBarPoint = vertical ? volumeBarPoint.y : volumeBarPoint.x; // The default skin has a gap on either side of the `VolumeBar`. This means
+ // that it's possible to trigger this behavior outside the boundaries of
+ // the `VolumeBar`. This ensures we stay within it at all times.
+
+ volumeBarPoint = clamp(volumeBarPoint, 0, 1);
+ mouseVolumeLevelDisplay.update(volumeBarRect, volumeBarPoint, vertical);
+ }
+
if (!isSingleLeftClick(event)) {
return;
}
VolumeBar.prototype.options_ = {
children: ['volumeLevel'],
barName: 'volumeLevel'
- };
+ }; // MouseVolumeLevelDisplay tooltip should not be added to a player on mobile devices
+
+ if (!IS_IOS && !IS_ANDROID) {
+ VolumeBar.prototype.options_.children.splice(0, 0, 'mouseVolumeLevelDisplay');
+ }
/**
* Call the update event for this Slider when this event happens on the player.
*
* @type {string}
*/
+
VolumeBar.prototype.playerEvent = 'volumechange';
- Component.registerComponent('VolumeBar', VolumeBar);
+ Component$1.registerComponent('VolumeBar', VolumeBar);
/**
* The component for controlling the volume level
checkVolumeSupport(assertThisInitialized(_this), player);
_this.throttledHandleMouseMove = throttle(bind(assertThisInitialized(_this), _this.handleMouseMove), UPDATE_REFRESH_INTERVAL);
- _this.on('mousedown', _this.handleMouseDown);
+ _this.handleMouseUpHandler_ = function (e) {
+ return _this.handleMouseUp(e);
+ };
+
+ _this.on('mousedown', function (e) {
+ return _this.handleMouseDown(e);
+ });
+
+ _this.on('touchstart', function (e) {
+ return _this.handleMouseDown(e);
+ });
- _this.on('touchstart', _this.handleMouseDown); // while the slider is active (the mouse has been pressed down and
+ _this.on('mousemove', function (e) {
+ return _this.handleMouseMove(e);
+ }); // while the slider is active (the mouse has been pressed down and
// is dragging) or in focus we do not want to hide the VolumeBar
var doc = this.el_.ownerDocument;
this.on(doc, 'mousemove', this.throttledHandleMouseMove);
this.on(doc, 'touchmove', this.throttledHandleMouseMove);
- this.on(doc, 'mouseup', this.handleMouseUp);
- this.on(doc, 'touchend', this.handleMouseUp);
+ this.on(doc, 'mouseup', this.handleMouseUpHandler_);
+ this.on(doc, 'touchend', this.handleMouseUpHandler_);
}
/**
* Handle `mouseup` or `touchend` events on the `VolumeControl`.
var doc = this.el_.ownerDocument;
this.off(doc, 'mousemove', this.throttledHandleMouseMove);
this.off(doc, 'touchmove', this.throttledHandleMouseMove);
- this.off(doc, 'mouseup', this.handleMouseUp);
- this.off(doc, 'touchend', this.handleMouseUp);
+ this.off(doc, 'mouseup', this.handleMouseUpHandler_);
+ this.off(doc, 'touchend', this.handleMouseUpHandler_);
}
/**
* Handle `mousedown` or `touchstart` events on the `VolumeControl`.
};
return VolumeControl;
- }(Component);
+ }(Component$1);
/**
* Default options for the `VolumeControl`
*
VolumeControl.prototype.options_ = {
children: ['volumeBar']
};
- Component.registerComponent('VolumeControl', VolumeControl);
+ Component$1.registerComponent('VolumeControl', VolumeControl);
/**
* Check if muting volume is supported and if it isn't hide the mute toggle
checkMuteSupport(assertThisInitialized(_this), player);
- _this.on(player, ['loadstart', 'volumechange'], _this.update);
+ _this.on(player, ['loadstart', 'volumechange'], function (e) {
+ return _this.update(e);
+ });
return _this;
}
MuteToggle.prototype.controlText_ = 'Mute';
- Component.registerComponent('MuteToggle', MuteToggle);
+ Component$1.registerComponent('MuteToggle', MuteToggle);
/**
* A Component to contain the MuteToggle and VolumeControl so that
options.volumeControl.vertical = !options.inline;
}
- _this = _Component.call(this, player, options) || this;
+ _this = _Component.call(this, player, options) || this; // this handler is used by mouse handler methods below
+
+ _this.handleKeyPressHandler_ = function (e) {
+ return _this.handleKeyPress(e);
+ };
- _this.on(player, ['loadstart'], _this.volumePanelState_);
+ _this.on(player, ['loadstart'], function (e) {
+ return _this.volumePanelState_(e);
+ });
- _this.on(_this.muteToggle, 'keyup', _this.handleKeyPress);
+ _this.on(_this.muteToggle, 'keyup', function (e) {
+ return _this.handleKeyPress(e);
+ });
- _this.on(_this.volumeControl, 'keyup', _this.handleVolumeControlKeyUp);
+ _this.on(_this.volumeControl, 'keyup', function (e) {
+ return _this.handleVolumeControlKeyUp(e);
+ });
- _this.on('keydown', _this.handleKeyPress);
+ _this.on('keydown', function (e) {
+ return _this.handleKeyPress(e);
+ });
- _this.on('mouseover', _this.handleMouseOver);
+ _this.on('mouseover', function (e) {
+ return _this.handleMouseOver(e);
+ });
- _this.on('mouseout', _this.handleMouseOut); // while the slider is active (the mouse has been pressed down and
+ _this.on('mouseout', function (e) {
+ return _this.handleMouseOut(e);
+ }); // while the slider is active (the mouse has been pressed down and
// is dragging) we do not want to hide the VolumeBar
_proto.handleMouseOver = function handleMouseOver(event) {
this.addClass('vjs-hover');
- on(document, 'keyup', bind(this, this.handleKeyPress));
+ on(document, 'keyup', this.handleKeyPressHandler_);
}
/**
* This gets called when a `VolumePanel` gains hover via a `mouseout` event.
_proto.handleMouseOut = function handleMouseOut(event) {
this.removeClass('vjs-hover');
- off(document, 'keyup', bind(this, this.handleKeyPress));
+ off(document, 'keyup', this.handleKeyPressHandler_);
}
/**
* Handles `keyup` event on the document or `keydown` event on the `VolumePanel`,
};
return VolumePanel;
- }(Component);
+ }(Component$1);
/**
* Default options for the `VolumeControl`
*
VolumePanel.prototype.options_ = {
children: ['muteToggle', 'volumeControl']
};
- Component.registerComponent('VolumePanel', VolumePanel);
+ Component$1.registerComponent('VolumePanel', VolumePanel);
/**
* The Menu component is used to build popup menus, including subtitle and
_this.focusedChild_ = -1;
- _this.on('keydown', _this.handleKeyDown); // All the menu item instances share the same blur handler provided by the menu container.
+ _this.on('keydown', function (e) {
+ return _this.handleKeyDown(e);
+ }); // All the menu item instances share the same blur handler provided by the menu container.
- _this.boundHandleBlur_ = bind(assertThisInitialized(_this), _this.handleBlur);
- _this.boundHandleTapClick_ = bind(assertThisInitialized(_this), _this.handleTapClick);
+ _this.boundHandleBlur_ = function (e) {
+ return _this.handleBlur(e);
+ };
+
+ _this.boundHandleTapClick_ = function (e) {
+ return _this.handleTapClick(e);
+ };
+
return _this;
}
/**
var _proto = Menu.prototype;
_proto.addEventListenerForItem = function addEventListenerForItem(component) {
- if (!(component instanceof Component)) {
+ if (!(component instanceof Component$1)) {
return;
}
;
_proto.removeEventListenerForItem = function removeEventListenerForItem(component) {
- if (!(component instanceof Component)) {
+ if (!(component instanceof Component$1)) {
return;
}
}
var children = this.children().slice();
- var haveTitle = children.length && children[0].className && /vjs-menu-title/.test(children[0].className);
+ var haveTitle = children.length && children[0].hasClass('vjs-menu-title');
if (haveTitle) {
children.shift();
};
return Menu;
- }(Component);
+ }(Component$1);
- Component.registerComponent('Menu', Menu);
+ Component$1.registerComponent('Menu', Menu);
/**
* A `MenuButton` class for any popup {@link Menu}.
_this.enabled_ = true;
- _this.on(_this.menuButton_, 'tap', _this.handleClick);
+ var handleClick = function handleClick(e) {
+ return _this.handleClick(e);
+ };
+
+ _this.handleMenuKeyUp_ = function (e) {
+ return _this.handleMenuKeyUp(e);
+ };
+
+ _this.on(_this.menuButton_, 'tap', handleClick);
- _this.on(_this.menuButton_, 'click', _this.handleClick);
+ _this.on(_this.menuButton_, 'click', handleClick);
- _this.on(_this.menuButton_, 'keydown', _this.handleKeyDown);
+ _this.on(_this.menuButton_, 'keydown', function (e) {
+ return _this.handleKeyDown(e);
+ });
_this.on(_this.menuButton_, 'mouseenter', function () {
_this.addClass('vjs-hover');
_this.menu.show();
- on(document, 'keyup', bind(assertThisInitialized(_this), _this.handleMenuKeyUp));
+ on(document, 'keyup', _this.handleMenuKeyUp_);
});
- _this.on('mouseleave', _this.handleMouseLeave);
+ _this.on('mouseleave', function (e) {
+ return _this.handleMouseLeave(e);
+ });
- _this.on('keydown', _this.handleSubmenuKeyDown);
+ _this.on('keydown', function (e) {
+ return _this.handleSubmenuKeyDown(e);
+ });
return _this;
}
if (this.options_.title) {
var titleEl = createEl('li', {
className: 'vjs-menu-title',
- innerHTML: toTitleCase(this.options_.title),
+ textContent: toTitleCase$1(this.options_.title),
tabIndex: -1
});
- this.hideThreshold_ += 1;
- var titleComponent = new Component(this.player_, {
+ var titleComponent = new Component$1(this.player_, {
el: titleEl
});
menu.addItem(titleComponent);
_proto.handleMouseLeave = function handleMouseLeave(event) {
this.removeClass('vjs-hover');
- off(document, 'keyup', bind(this, this.handleMenuKeyUp));
+ off(document, 'keyup', this.handleMenuKeyUp_);
}
/**
* Set the focus to the actual button, not to this element
};
return MenuButton;
- }(Component);
+ }(Component$1);
- Component.registerComponent('MenuButton', MenuButton);
+ Component$1.registerComponent('MenuButton', MenuButton);
/**
* The base class for buttons that toggle specific track types (e.g. subtitles).
var updateHandler = bind(assertThisInitialized(_this), _this.update);
tracks.addEventListener('removetrack', updateHandler);
tracks.addEventListener('addtrack', updateHandler);
+ tracks.addEventListener('labelchange', updateHandler);
_this.player_.on('ready', updateHandler);
_this.player_.on('dispose', function () {
tracks.removeEventListener('removetrack', updateHandler);
tracks.removeEventListener('addtrack', updateHandler);
+ tracks.removeEventListener('labelchange', updateHandler);
});
return _this;
return TrackButton;
}(MenuButton);
- Component.registerComponent('TrackButton', TrackButton);
+ Component$1.registerComponent('TrackButton', TrackButton);
/**
* @file menu-keys.js
var _proto = MenuItem.prototype;
- _proto.createEl = function createEl(type, props, attrs) {
+ _proto.createEl = function createEl$1(type, props, attrs) {
// The control is textual, not just an icon
this.nonIconControl = true;
- return _ClickableComponent.prototype.createEl.call(this, 'li', assign({
+
+ var el = _ClickableComponent.prototype.createEl.call(this, 'li', assign({
className: 'vjs-menu-item',
- innerHTML: "<span class=\"vjs-menu-item-text\">" + this.localize(this.options_.label) + "</span>",
tabIndex: -1
- }, props), attrs);
+ }, props), attrs); // swap icon with menu item text.
+
+
+ el.replaceChild(createEl('span', {
+ className: 'vjs-menu-item-text',
+ textContent: this.localize(this.options_.label)
+ }), el.querySelector('.vjs-icon-placeholder'));
+ return el;
}
/**
* Ignore keys which are used by the menu, but pass any other ones up. See
return MenuItem;
}(ClickableComponent);
- Component.registerComponent('MenuItem', MenuItem);
+ Component$1.registerComponent('MenuItem', MenuItem);
/**
* The specific menu item type for selecting a language within a text track kind
var event;
_this.on(['tap', 'click'], function () {
- if (typeof window$3.Event !== 'object') {
+ if (typeof window.Event !== 'object') {
// Android 2.3 throws an Illegal Constructor error for window.Event
try {
- event = new window$3.Event('change');
+ event = new window.Event('change');
} catch (err) {// continue regardless of error
}
}
return TextTrackMenuItem;
}(MenuItem);
- Component.registerComponent('TextTrackMenuItem', TextTrackMenuItem);
+ Component$1.registerComponent('TextTrackMenuItem', TextTrackMenuItem);
/**
* A special menu item for turning of a specific type of text track
return OffTextTrackMenuItem;
}(TextTrackMenuItem);
- Component.registerComponent('OffTextTrackMenuItem', OffTextTrackMenuItem);
+ Component$1.registerComponent('OffTextTrackMenuItem', OffTextTrackMenuItem);
/**
* The base class for buttons that toggle specific text track types (e.g. subtitles)
return TextTrackButton;
}(TrackButton);
- Component.registerComponent('TextTrackButton', TextTrackButton);
+ Component$1.registerComponent('TextTrackButton', TextTrackButton);
/**
* The chapter track menu item
return ChaptersTrackMenuItem;
}(MenuItem);
- Component.registerComponent('ChaptersTrackMenuItem', ChaptersTrackMenuItem);
+ Component$1.registerComponent('ChaptersTrackMenuItem', ChaptersTrackMenuItem);
/**
* The button component for toggling and selecting chapters
return this.track_.label;
}
- return this.localize(toTitleCase(this.kind_));
+ return this.localize(toTitleCase$1(this.kind_));
}
/**
* Create menu from chapter track
*/
ChaptersButton.prototype.controlText_ = 'Chapters';
- Component.registerComponent('ChaptersButton', ChaptersButton);
+ Component$1.registerComponent('ChaptersButton', ChaptersButton);
/**
* The button component for toggling and selecting descriptions
*/
DescriptionsButton.prototype.controlText_ = 'Descriptions';
- Component.registerComponent('DescriptionsButton', DescriptionsButton);
+ Component$1.registerComponent('DescriptionsButton', DescriptionsButton);
/**
* The button component for toggling and selecting subtitles
*/
SubtitlesButton.prototype.controlText_ = 'Subtitles';
- Component.registerComponent('SubtitlesButton', SubtitlesButton);
+ Component$1.registerComponent('SubtitlesButton', SubtitlesButton);
/**
* The menu item for caption track settings menu
return CaptionSettingsMenuItem;
}(TextTrackMenuItem);
- Component.registerComponent('CaptionSettingsMenuItem', CaptionSettingsMenuItem);
+ Component$1.registerComponent('CaptionSettingsMenuItem', CaptionSettingsMenuItem);
/**
* The button component for toggling and selecting captions
*/
CaptionsButton.prototype.controlText_ = 'Captions';
- Component.registerComponent('CaptionsButton', CaptionsButton);
+ Component$1.registerComponent('CaptionsButton', CaptionsButton);
/**
* SubsCapsMenuItem has an [cc] icon to distinguish captions from subtitles
var _proto = SubsCapsMenuItem.prototype;
- _proto.createEl = function createEl(type, props, attrs) {
- var innerHTML = "<span class=\"vjs-menu-item-text\">" + this.localize(this.options_.label);
+ _proto.createEl = function createEl$1(type, props, attrs) {
+ var el = _TextTrackMenuItem.prototype.createEl.call(this, type, props, attrs);
+
+ var parentSpan = el.querySelector('.vjs-menu-item-text');
if (this.options_.track.kind === 'captions') {
- innerHTML += "\n <span aria-hidden=\"true\" class=\"vjs-icon-placeholder\"></span>\n <span class=\"vjs-control-text\"> " + this.localize('Captions') + "</span>\n ";
+ parentSpan.appendChild(createEl('span', {
+ className: 'vjs-icon-placeholder'
+ }, {
+ 'aria-hidden': true
+ }));
+ parentSpan.appendChild(createEl('span', {
+ className: 'vjs-control-text',
+ // space added as the text will visually flow with the
+ // label
+ textContent: " " + this.localize('Captions')
+ }));
}
- innerHTML += '</span>';
-
- var el = _TextTrackMenuItem.prototype.createEl.call(this, type, assign({
- innerHTML: innerHTML
- }, props), attrs);
-
return el;
};
return SubsCapsMenuItem;
}(TextTrackMenuItem);
- Component.registerComponent('SubsCapsMenuItem', SubsCapsMenuItem);
+ Component$1.registerComponent('SubsCapsMenuItem', SubsCapsMenuItem);
/**
* The button component for toggling and selecting captions and/or subtitles
_this.label_ = 'captions';
}
- _this.menuButton_.controlText(toTitleCase(_this.label_));
+ _this.menuButton_.controlText(toTitleCase$1(_this.label_));
return _this;
}
*/
SubsCapsButton.prototype.controlText_ = 'Subtitles';
- Component.registerComponent('SubsCapsButton', SubsCapsButton);
+ Component$1.registerComponent('SubsCapsButton', SubsCapsButton);
/**
* An {@link AudioTrack} {@link MenuItem}
var _proto = AudioTrackMenuItem.prototype;
_proto.createEl = function createEl(type, props, attrs) {
- var innerHTML = "<span class=\"vjs-menu-item-text\">" + this.localize(this.options_.label);
+ var el = _MenuItem.prototype.createEl.call(this, type, props, attrs);
+
+ var parentSpan = el.querySelector('.vjs-menu-item-text');
if (this.options_.track.kind === 'main-desc') {
- innerHTML += "\n <span aria-hidden=\"true\" class=\"vjs-icon-placeholder\"></span>\n <span class=\"vjs-control-text\"> " + this.localize('Descriptions') + "</span>\n ";
+ parentSpan.appendChild(_MenuItem.prototype.createEl.call(this, 'span', {
+ className: 'vjs-icon-placeholder'
+ }, {
+ 'aria-hidden': true
+ }));
+ parentSpan.appendChild(_MenuItem.prototype.createEl.call(this, 'span', {
+ className: 'vjs-control-text',
+ textContent: this.localize('Descriptions')
+ }));
}
- innerHTML += '</span>';
-
- var el = _MenuItem.prototype.createEl.call(this, type, assign({
- innerHTML: innerHTML
- }, props), attrs);
-
return el;
}
/**
;
_proto.handleClick = function handleClick(event) {
- var tracks = this.player_.audioTracks();
+ _MenuItem.prototype.handleClick.call(this, event); // the audio track list will automatically toggle other tracks
+ // off for us.
- _MenuItem.prototype.handleClick.call(this, event);
- for (var i = 0; i < tracks.length; i++) {
- var track = tracks[i];
- track.enabled = track === this.track;
- }
+ this.track.enabled = true;
}
/**
* Handle any {@link AudioTrack} change.
return AudioTrackMenuItem;
}(MenuItem);
- Component.registerComponent('AudioTrackMenuItem', AudioTrackMenuItem);
+ Component$1.registerComponent('AudioTrackMenuItem', AudioTrackMenuItem);
/**
* The base class for buttons that toggle specific {@link AudioTrack} types.
AudioTrackButton.prototype.controlText_ = 'Audio Track';
- Component.registerComponent('AudioTrackButton', AudioTrackButton);
+ Component$1.registerComponent('AudioTrackButton', AudioTrackButton);
/**
* The specific menu item type for selecting a playback rate.
var rate = parseFloat(label, 10); // Modify options for parent MenuItem class's init.
options.label = label;
- options.selected = rate === 1;
+ options.selected = rate === player.playbackRate();
options.selectable = true;
options.multiSelectable = false;
_this = _MenuItem.call(this, player, options) || this;
_this.label = label;
_this.rate = rate;
- _this.on(player, 'ratechange', _this.update);
+ _this.on(player, 'ratechange', function (e) {
+ return _this.update(e);
+ });
return _this;
}
PlaybackRateMenuItem.prototype.contentElType = 'button';
- Component.registerComponent('PlaybackRateMenuItem', PlaybackRateMenuItem);
+ Component$1.registerComponent('PlaybackRateMenuItem', PlaybackRateMenuItem);
/**
* The component for controlling the playback rate.
_this = _MenuButton.call(this, player, options) || this;
+ _this.menuButton_.el_.setAttribute('aria-describedby', _this.labelElId_);
+
_this.updateVisibility();
_this.updateLabel();
- _this.on(player, 'loadstart', _this.updateVisibility);
+ _this.on(player, 'loadstart', function (e) {
+ return _this.updateVisibility(e);
+ });
+
+ _this.on(player, 'ratechange', function (e) {
+ return _this.updateLabel(e);
+ });
- _this.on(player, 'ratechange', _this.updateLabel);
+ _this.on(player, 'playbackrateschange', function (e) {
+ return _this.handlePlaybackRateschange(e);
+ });
return _this;
}
_proto.createEl = function createEl$1() {
var el = _MenuButton.prototype.createEl.call(this);
+ this.labelElId_ = 'vjs-playback-rate-value-label-' + this.id_;
this.labelEl_ = createEl('div', {
className: 'vjs-playback-rate-value',
- innerHTML: '1x'
+ id: this.labelElId_,
+ textContent: '1x'
});
el.appendChild(this.labelEl_);
return el;
return "vjs-playback-rate " + _MenuButton.prototype.buildWrapperCSSClass.call(this);
}
/**
- * Create the playback rate menu
+ * Create the list of menu items. Specific to each subclass.
*
- * @return {Menu}
- * Menu object populated with {@link PlaybackRateMenuItem}s
*/
;
- _proto.createMenu = function createMenu() {
- var menu = new Menu(this.player());
+ _proto.createItems = function createItems() {
var rates = this.playbackRates();
+ var items = [];
- if (rates) {
- for (var i = rates.length - 1; i >= 0; i--) {
- menu.addChild(new PlaybackRateMenuItem(this.player(), {
- rate: rates[i] + 'x'
- }));
- }
+ for (var i = rates.length - 1; i >= 0; i--) {
+ items.push(new PlaybackRateMenuItem(this.player(), {
+ rate: rates[i] + 'x'
+ }));
}
- return menu;
+ return items;
}
/**
* Updates ARIA accessibility attributes
this.player().playbackRate(newRate);
}
+ /**
+ * On playbackrateschange, update the menu to account for the new items.
+ *
+ * @listens Player#playbackrateschange
+ */
+ ;
+
+ _proto.handlePlaybackRateschange = function handlePlaybackRateschange(event) {
+ this.update();
+ }
/**
* Get possible playback rates
*
;
_proto.playbackRates = function playbackRates() {
- return this.options_.playbackRates || this.options_.playerOptions && this.options_.playerOptions.playbackRates;
+ var player = this.player();
+ return player.playbackRates && player.playbackRates() || [];
}
/**
* Get whether playback rates is supported by the tech
_proto.updateLabel = function updateLabel(event) {
if (this.playbackRateSupported()) {
- this.labelEl_.innerHTML = this.player().playbackRate() + 'x';
+ this.labelEl_.textContent = this.player().playbackRate() + 'x';
}
};
PlaybackRateMenuButton.prototype.controlText_ = 'Playback Rate';
- Component.registerComponent('PlaybackRateMenuButton', PlaybackRateMenuButton);
+ Component$1.registerComponent('PlaybackRateMenuButton', PlaybackRateMenuButton);
/**
* Just an empty spacer element that can be used as an append point for plugins, etc.
*/
;
- _proto.createEl = function createEl() {
- return _Component.prototype.createEl.call(this, 'div', {
- className: this.buildCSSClass()
- });
+ _proto.createEl = function createEl(tag, props, attributes) {
+ if (tag === void 0) {
+ tag = 'div';
+ }
+
+ if (props === void 0) {
+ props = {};
+ }
+
+ if (attributes === void 0) {
+ attributes = {};
+ }
+
+ if (!props.className) {
+ props.className = this.buildCSSClass();
+ }
+
+ return _Component.prototype.createEl.call(this, tag, props, attributes);
};
return Spacer;
- }(Component);
+ }(Component$1);
- Component.registerComponent('Spacer', Spacer);
+ Component$1.registerComponent('Spacer', Spacer);
/**
* Spacer specifically meant to be used as an insertion point for new plugins, etc.
;
_proto.createEl = function createEl() {
- var el = _Spacer.prototype.createEl.call(this, {
- className: this.buildCSSClass()
- }); // No-flex/table-cell mode requires there be some content
- // in the cell to fill the remaining space of the table.
-
-
- el.innerHTML = "\xA0";
- return el;
+ return _Spacer.prototype.createEl.call(this, 'div', {
+ className: this.buildCSSClass(),
+ // No-flex/table-cell mode requires there be some content
+ // in the cell to fill the remaining space of the table.
+ textContent: "\xA0"
+ });
};
return CustomControlSpacer;
}(Spacer);
- Component.registerComponent('CustomControlSpacer', CustomControlSpacer);
+ Component$1.registerComponent('CustomControlSpacer', CustomControlSpacer);
/**
* Container of main controls.
};
return ControlBar;
- }(Component);
+ }(Component$1);
/**
* Default options for `ControlBar`
*
ControlBar.prototype.options_.children.splice(ControlBar.prototype.options_.children.length - 1, 0, 'pictureInPictureToggle');
}
- Component.registerComponent('ControlBar', ControlBar);
+ Component$1.registerComponent('ControlBar', ControlBar);
/**
* A display that indicates an error has occurred. This means that the video
_this = _ModalDialog.call(this, player, options) || this;
- _this.on(player, 'error', _this.open);
+ _this.on(player, 'error', function (e) {
+ return _this.open(e);
+ });
return _this;
}
temporary: false,
uncloseable: true
});
- Component.registerComponent('ErrorDisplay', ErrorDisplay);
+ Component$1.registerComponent('ErrorDisplay', ErrorDisplay);
- var LOCAL_STORAGE_KEY = 'vjs-text-track-settings';
+ var LOCAL_STORAGE_KEY$1 = 'vjs-text-track-settings';
var COLOR_BLACK = ['#000', 'Black'];
var COLOR_BLUE = ['#00F', 'Blue'];
var COLOR_CYAN = ['#0FF', 'Cyan'];
options.temporary = false;
_this = _ModalDialog.call(this, player, options) || this;
- _this.updateDisplay = bind(assertThisInitialized(_this), _this.updateDisplay); // fill the modal and pretend we have opened it
+ _this.updateDisplay = _this.updateDisplay.bind(assertThisInitialized(_this)); // fill the modal and pretend we have opened it
_this.fill();
var values;
try {
- values = JSON.parse(window$3.localStorage.getItem(LOCAL_STORAGE_KEY));
+ values = JSON.parse(window.localStorage.getItem(LOCAL_STORAGE_KEY$1));
} catch (err) {
- log.warn(err);
+ log$1.warn(err);
}
if (values) {
try {
if (Object.keys(values).length) {
- window$3.localStorage.setItem(LOCAL_STORAGE_KEY, JSON.stringify(values));
+ window.localStorage.setItem(LOCAL_STORAGE_KEY$1, JSON.stringify(values));
} else {
- window$3.localStorage.removeItem(LOCAL_STORAGE_KEY);
+ window.localStorage.removeItem(LOCAL_STORAGE_KEY$1);
}
} catch (err) {
- log.warn(err);
+ log$1.warn(err);
}
}
/**
return TextTrackSettings;
}(ModalDialog);
- Component.registerComponent('TextTrackSettings', TextTrackSettings);
+ Component$1.registerComponent('TextTrackSettings', TextTrackSettings);
/**
* A Resize Manager. It is in charge of triggering `playerresize` on the player in the right conditions.
function ResizeManager(player, options) {
var _this;
- var RESIZE_OBSERVER_AVAILABLE = options.ResizeObserver || window$3.ResizeObserver; // if `null` was passed, we want to disable the ResizeObserver
+ var RESIZE_OBSERVER_AVAILABLE = options.ResizeObserver || window.ResizeObserver; // if `null` was passed, we want to disable the ResizeObserver
if (options.ResizeObserver === null) {
RESIZE_OBSERVER_AVAILABLE = false;
} // Only create an element when ResizeObserver isn't available
- var options_ = mergeOptions({
+ var options_ = mergeOptions$3({
createEl: !RESIZE_OBSERVER_AVAILABLE,
reportTouchActivity: false
}, options);
_this = _Component.call(this, player, options_) || this;
- _this.ResizeObserver = options.ResizeObserver || window$3.ResizeObserver;
+ _this.ResizeObserver = options.ResizeObserver || window.ResizeObserver;
_this.loadListener_ = null;
_this.resizeObserver_ = null;
_this.debouncedHandler_ = debounce(function () {
};
return ResizeManager;
- }(Component);
+ }(Component$1);
- Component.registerComponent('ResizeManager', ResizeManager);
+ Component$1.registerComponent('ResizeManager', ResizeManager);
var defaults = {
- trackingThreshold: 30,
+ trackingThreshold: 20,
liveTolerance: 15
};
/*
* @param {Object} [options]
* The key/value store of player options.
*
- * @param {number} [options.trackingThreshold=30]
+ * @param {number} [options.trackingThreshold=20]
* Number of seconds of live window (seekableEnd - seekableStart) that
* media needs to have before the liveui will be shown.
*
var _this;
// LiveTracker does not need an element
- var options_ = mergeOptions(defaults, options, {
+ var options_ = mergeOptions$3(defaults, options, {
createEl: false
});
_this = _Component.call(this, player, options_) || this;
+ _this.handleVisibilityChange_ = function (e) {
+ return _this.handleVisibilityChange(e);
+ };
+
+ _this.trackLiveHandler_ = function () {
+ return _this.trackLive_();
+ };
+
+ _this.handlePlay_ = function (e) {
+ return _this.handlePlay(e);
+ };
+
+ _this.handleFirstTimeupdate_ = function (e) {
+ return _this.handleFirstTimeupdate(e);
+ };
+
+ _this.handleSeeked_ = function (e) {
+ return _this.handleSeeked(e);
+ };
+
+ _this.seekToLiveEdge_ = function (e) {
+ return _this.seekToLiveEdge(e);
+ };
+
_this.reset_();
- _this.on(_this.player_, 'durationchange', _this.handleDurationchange); // we don't need to track live playback if the document is hidden,
+ _this.on(_this.player_, 'durationchange', function (e) {
+ return _this.handleDurationchange(e);
+ }); // we should try to toggle tracking on canplay as native playback engines, like Safari
+ // may not have the proper values for things like seekableEnd until then
+
+
+ _this.one(_this.player_, 'canplay', function () {
+ return _this.toggleTracking();
+ }); // we don't need to track live playback if the document is hidden,
// also, tracking when the document is hidden can
// cause the CPU to spike and eventually crash the page on IE11.
if (IE_VERSION && 'hidden' in document && 'visibilityState' in document) {
- _this.on(document, 'visibilitychange', _this.handleVisibilityChange);
+ _this.on(document, 'visibilitychange', _this.handleVisibilityChange_);
}
return _this;
return;
}
- var newTime = Number(window$3.performance.now().toFixed(4));
+ var newTime = Number(window.performance.now().toFixed(4));
var deltaTime = this.lastTime_ === -1 ? 0 : (newTime - this.lastTime_) / 1000;
this.lastTime_ = newTime;
this.pastSeekEnd_ = this.pastSeekEnd() + deltaTime;
var isBehind = this.player_.paused() || this.seekedBehindLive_ || Math.abs(liveCurrentTime - currentTime) > this.options_.liveTolerance; // we cannot be behind if
// 1. until we have not seen a timeupdate yet
- // 2. liveCurrentTime is Infinity, which happens on Android
+ // 2. liveCurrentTime is Infinity, which happens on Android and Native Safari
if (!this.timeupdateSeen_ || liveCurrentTime === Infinity) {
isBehind = false;
;
_proto.handleDurationchange = function handleDurationchange() {
+ this.toggleTracking();
+ }
+ /**
+ * start/stop tracking
+ */
+ ;
+
+ _proto.toggleTracking = function toggleTracking() {
if (this.player_.duration() === Infinity && this.liveWindow() >= this.options_.trackingThreshold) {
if (this.player_.options_.liveui) {
this.player_.addClass('vjs-liveui');
this.timeupdateSeen_ = this.player_.hasStarted();
}
- this.trackingInterval_ = this.setInterval(this.trackLive_, UPDATE_REFRESH_INTERVAL);
+ this.trackingInterval_ = this.setInterval(this.trackLiveHandler_, UPDATE_REFRESH_INTERVAL);
this.trackLive_();
- this.on(this.player_, ['play', 'pause'], this.trackLive_);
+ this.on(this.player_, ['play', 'pause'], this.trackLiveHandler_);
if (!this.timeupdateSeen_) {
- this.one(this.player_, 'play', this.handlePlay);
- this.one(this.player_, 'timeupdate', this.handleFirstTimeupdate);
+ this.one(this.player_, 'play', this.handlePlay_);
+ this.one(this.player_, 'timeupdate', this.handleFirstTimeupdate_);
} else {
- this.on(this.player_, 'seeked', this.handleSeeked);
+ this.on(this.player_, 'seeked', this.handleSeeked_);
}
}
/**
_proto.handleFirstTimeupdate = function handleFirstTimeupdate() {
this.timeupdateSeen_ = true;
- this.on(this.player_, 'seeked', this.handleSeeked);
+ this.on(this.player_, 'seeked', this.handleSeeked_);
}
/**
* Keep track of what time a seek starts, and listen for seeked
_proto.handleSeeked = function handleSeeked() {
var timeDiff = Math.abs(this.liveCurrentTime() - this.player_.currentTime());
- this.seekedBehindLive_ = this.skipNextSeeked_ ? false : timeDiff > 2;
- this.skipNextSeeked_ = false;
+ this.seekedBehindLive_ = this.nextSeekedFromUser_ && timeDiff > 2;
+ this.nextSeekedFromUser_ = false;
this.trackLive_();
}
/**
;
_proto.handlePlay = function handlePlay() {
- this.one(this.player_, 'timeupdate', this.seekToLiveEdge);
+ this.one(this.player_, 'timeupdate', this.seekToLiveEdge_);
}
/**
* Stop tracking, and set all internal variables to
this.behindLiveEdge_ = true;
this.timeupdateSeen_ = false;
this.seekedBehindLive_ = false;
- this.skipNextSeeked_ = false;
+ this.nextSeekedFromUser_ = false;
this.clearInterval(this.trackingInterval_);
this.trackingInterval_ = null;
- this.off(this.player_, ['play', 'pause'], this.trackLive_);
- this.off(this.player_, 'seeked', this.handleSeeked);
- this.off(this.player_, 'play', this.handlePlay);
- this.off(this.player_, 'timeupdate', this.handleFirstTimeupdate);
- this.off(this.player_, 'timeupdate', this.seekToLiveEdge);
+ this.off(this.player_, ['play', 'pause'], this.trackLiveHandler_);
+ this.off(this.player_, 'seeked', this.handleSeeked_);
+ this.off(this.player_, 'play', this.handlePlay_);
+ this.off(this.player_, 'timeupdate', this.handleFirstTimeupdate_);
+ this.off(this.player_, 'timeupdate', this.seekToLiveEdge_);
+ }
+ /**
+ * The next seeked event is from the user. Meaning that any seek
+ * > 2s behind live will be considered behind live for real and
+ * liveTolerance will be ignored.
+ */
+ ;
+
+ _proto.nextSeekedFromUser = function nextSeekedFromUser() {
+ this.nextSeekedFromUser_ = true;
}
/**
* stop tracking live playback
;
_proto.liveWindow = function liveWindow() {
- var liveCurrentTime = this.liveCurrentTime();
+ var liveCurrentTime = this.liveCurrentTime(); // if liveCurrenTime is Infinity then we don't have a liveWindow at all
if (liveCurrentTime === Infinity) {
- return Infinity;
+ return 0;
}
return liveCurrentTime - this.seekableStart();
if (this.atLiveEdge()) {
return;
- } // skipNextSeeked_
-
+ }
- this.skipNextSeeked_ = true;
+ this.nextSeekedFromUser_ = false;
this.player_.currentTime(this.liveCurrentTime());
}
/**
;
_proto.dispose = function dispose() {
- this.off(document, 'visibilitychange', this.handleVisibilityChange);
+ this.off(document, 'visibilitychange', this.handleVisibilityChange_);
this.stopTracking();
_Component.prototype.dispose.call(this);
};
return LiveTracker;
- }(Component);
+ }(Component$1);
- Component.registerComponent('LiveTracker', LiveTracker);
+ Component$1.registerComponent('LiveTracker', LiveTracker);
/**
* This function is used to fire a sourceset when there is something
this.innerText = ''; // now we add all of that html in one by appending the
// document fragment. This is how innerHTML does it.
- window$3.Element.prototype.appendChild.call(this, docFrag); // then return the result that innerHTML's setter would
+ window.Element.prototype.appendChild.call(this, docFrag); // then return the result that innerHTML's setter would
return this.innerHTML;
}
};
var getInnerHTMLDescriptor = function getInnerHTMLDescriptor(tech) {
- return getDescriptor([tech.el(), window$3.HTMLMediaElement.prototype, window$3.Element.prototype, innerHTMLDescriptorPolyfill], 'innerHTML');
+ return getDescriptor([tech.el(), window.HTMLMediaElement.prototype, window.Element.prototype, innerHTMLDescriptorPolyfill], 'innerHTML');
};
/**
* Patches browser internal functions so that we can tell synchronously
el[k] = appendWrapper(old[k]);
});
- Object.defineProperty(el, 'innerHTML', mergeOptions(innerDescriptor, {
+ Object.defineProperty(el, 'innerHTML', mergeOptions$3(innerDescriptor, {
set: appendWrapper(innerDescriptor.set)
}));
var srcDescriptorPolyfill = Object.defineProperty({}, 'src', {
get: function get() {
if (this.hasAttribute('src')) {
- return getAbsoluteURL(window$3.Element.prototype.getAttribute.call(this, 'src'));
+ return getAbsoluteURL(window.Element.prototype.getAttribute.call(this, 'src'));
}
return '';
},
set: function set(v) {
- window$3.Element.prototype.setAttribute.call(this, 'src', v);
+ window.Element.prototype.setAttribute.call(this, 'src', v);
return v;
}
});
var getSrcDescriptor = function getSrcDescriptor(tech) {
- return getDescriptor([tech.el(), window$3.HTMLMediaElement.prototype, srcDescriptorPolyfill], 'src');
+ return getDescriptor([tech.el(), window.HTMLMediaElement.prototype, srcDescriptorPolyfill], 'src');
};
/**
* setup `sourceset` handling on the `Html5` tech. This function
var srcDescriptor = getSrcDescriptor(tech);
var oldSetAttribute = el.setAttribute;
var oldLoad = el.load;
- Object.defineProperty(el, 'src', mergeOptions(srcDescriptor, {
+ Object.defineProperty(el, 'src', mergeOptions$3(srcDescriptor, {
set: function set(v) {
var retval = srcDescriptor.set.call(el, v); // we use the getter here to get the actual value set on src
_this.setupSourcesetHandling_();
}
+ _this.isScrubbing_ = false;
+
if (_this.el_.hasChildNodes()) {
var nodes = _this.el_.childNodes;
var nodesLength = nodes.length;
_this.proxyNativeTracks_();
if (_this.featuresNativeTextTracks && crossoriginTracks) {
- log.warn('Text Tracks are being loaded from another origin but the crossorigin attribute isn\'t used.\n' + 'This may prevent text tracks from loading.');
+ log$1.warn('Text Tracks are being loaded from another origin but the crossorigin attribute isn\'t used.\n' + 'This may prevent text tracks from loading.');
} // prevent iOS Safari from disabling metadata text tracks during native playback
el = document.createElement('video'); // determine if native controls should be used
var tagAttributes = this.options_.tag && getAttributes(this.options_.tag);
- var attributes = mergeOptions({}, tagAttributes);
+ var attributes = mergeOptions$3({}, tagAttributes);
if (!TOUCH_ENABLED || this.options_.nativeControlsForTouch !== true) {
delete attributes.controls;
if (typeof this.options_.preload !== 'undefined') {
setAttribute(el, 'preload', this.options_.preload);
+ }
+
+ if (this.options_.disablePictureInPicture !== undefined) {
+ el.disablePictureInPicture = this.options_.disablePictureInPicture;
} // Update specific tag settings, in case they were overridden
// `autoplay` has to be *last* so that `muted` and `playsinline` are present
// when iOS/Safari or other browsers attempt to autoplay.
}, this);
});
}
+ /**
+ * Set whether we are scrubbing or not.
+ * This is used to decide whether we should use `fastSeek` or not.
+ * `fastSeek` is used to provide trick play on Safari browsers.
+ *
+ * @param {boolean} isScrubbing
+ * - true for we are currently scrubbing
+ * - false for we are no longer scrubbing
+ */
+ ;
+
+ _proto.setScrubbing = function setScrubbing(isScrubbing) {
+ this.isScrubbing_ = isScrubbing;
+ }
+ /**
+ * Get whether we are scrubbing or not.
+ *
+ * @return {boolean} isScrubbing
+ * - true for we are currently scrubbing
+ * - false for we are no longer scrubbing
+ */
+ ;
+
+ _proto.scrubbing = function scrubbing() {
+ return this.isScrubbing_;
+ }
/**
* Set current time for the `HTML5` tech.
*
_proto.setCurrentTime = function setCurrentTime(seconds) {
try {
- this.el_.currentTime = seconds;
+ if (this.isScrubbing_ && this.el_.fastSeek && IS_ANY_SAFARI) {
+ this.el_.fastSeek(seconds);
+ } else {
+ this.el_.currentTime = seconds;
+ }
} catch (e) {
- log(e, 'Video is not ready. (Video.js)'); // this.warning(VideoJS.warnings.videoNotReady);
+ log$1(e, 'Video is not ready. (Video.js)'); // this.warning(VideoJS.warnings.videoNotReady);
}
}
/**
if ('webkitPresentationMode' in this.el_ && this.el_.webkitPresentationMode !== 'picture-in-picture') {
this.one('webkitendfullscreen', endFn);
this.trigger('fullscreenchange', {
- isFullscreen: true
+ isFullscreen: true,
+ // set a flag in case another tech triggers fullscreenchange
+ nativeIOSFullscreen: true
});
}
};
_proto.supportsFullScreen = function supportsFullScreen() {
if (typeof this.el_.webkitEnterFullScreen === 'function') {
- var userAgent = window$3.navigator && window$3.navigator.userAgent || ''; // Seems to be broken in Chromium/Chrome && Safari in Leopard
+ var userAgent = window.navigator && window.navigator.userAgent || ''; // Seems to be broken in Chromium/Chrome && Safari in Leopard
if (/Android/.test(userAgent) || !/Chrome|Mac OS X 10.5/.test(userAgent)) {
return true;
videoPlaybackQuality.totalVideoFrames = this.el().webkitDecodedFrameCount;
}
- if (window$3.performance && typeof window$3.performance.now === 'function') {
- videoPlaybackQuality.creationTime = window$3.performance.now();
- } else if (window$3.performance && window$3.performance.timing && typeof window$3.performance.timing.navigationStart === 'number') {
- videoPlaybackQuality.creationTime = window$3.Date.now() - window$3.performance.timing.navigationStart;
+ if (window.performance && typeof window.performance.now === 'function') {
+ videoPlaybackQuality.creationTime = window.performance.now();
+ } else if (window.performance && window.performance.timing && typeof window.performance.timing.navigationStart === 'number') {
+ videoPlaybackQuality.creationTime = window.Date.now() - window.performance.timing.navigationStart;
}
return videoPlaybackQuality;
'muted',
/**
* Set the value of `defaultMuted` on the media element. `defaultMuted` indicates that the current
- * audio level should be silent, but will only effect the muted level on intial playback..
+ * audio level should be silent, but will only effect the muted level on initial playback..
*
* @method Html5.prototype.setDefaultMuted
* @param {boolean} defaultMuted
* @see [Spec]{@link https://html.spec.whatwg.org/#attr-video-playsinline}
*/
'playsinline'].forEach(function (prop) {
- Html5.prototype['set' + toTitleCase(prop)] = function (v) {
+ Html5.prototype['set' + toTitleCase$1(prop)] = function (v) {
this.el_[prop] = v;
if (v) {
}); // Wrap native properties with a getter
// The list is as followed
// paused, currentTime, buffered, volume, poster, preload, error, seeking
- // seekable, ended, playbackRate, defaultPlaybackRate, played, networkState
- // readyState, videoWidth, videoHeight, crossOrigin
+ // seekable, ended, playbackRate, defaultPlaybackRate, disablePictureInPicture
+ // played, networkState, readyState, videoWidth, videoHeight, crossOrigin
[
/**
* @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-playbackrate}
*/
'defaultPlaybackRate',
+ /**
+ * Get the value of 'disablePictureInPicture' from the video element.
+ *
+ * @method Html5#disablePictureInPicture
+ * @return {boolean} value
+ * - The value of `disablePictureInPicture` from the video element.
+ * - True indicates that the video can't be played in Picture-In-Picture mode
+ * - False indicates that the video can be played in Picture-In-Picture mode
+ *
+ * @see [Spec]{@link https://w3c.github.io/picture-in-picture/#disable-pip}
+ */
+ 'disablePictureInPicture',
/**
* Get the value of `played` from the media element. `played` returns a `TimeRange`
* object representing points in the media timeline that have been played.
}); // Wrap native properties with a setter in this format:
// set + toTitleCase(name)
// The list is as follows:
- // setVolume, setSrc, setPoster, setPreload, setPlaybackRate, setDefaultPlaybackRate, setCrossOrigin
+ // setVolume, setSrc, setPoster, setPreload, setPlaybackRate, setDefaultPlaybackRate,
+ // setDisablePictureInPicture, setCrossOrigin
[
/**
* @see [Spec]{@link https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-defaultplaybackrate}
*/
'defaultPlaybackRate',
+ /**
+ * Prevents the browser from suggesting a Picture-in-Picture context menu
+ * or to request Picture-in-Picture automatically in some cases.
+ *
+ * @method Html5#setDisablePictureInPicture
+ * @param {boolean} value
+ * The true value will disable Picture-in-Picture mode.
+ *
+ * @see [Spec]{@link https://w3c.github.io/picture-in-picture/#disable-pip}
+ */
+ 'disablePictureInPicture',
/**
* Set the value of `crossOrigin` from the media element. `crossOrigin` indicates
* to the browser that should sent the cookies along with the requests for the
* @see [Spec]{@link https://html.spec.whatwg.org/#attr-media-crossorigin}
*/
'crossOrigin'].forEach(function (prop) {
- Html5.prototype['set' + toTitleCase(prop)] = function (v) {
+ Html5.prototype['set' + toTitleCase$1(prop)] = function (v) {
this.el_[prop] = v;
};
}); // wrap native functions with a function
*/
/**
- * Retrigger the `stalled` event that was triggered by the {@link Tech}.
+ * Retrigger the `loadedmetadata` event that was triggered by the {@link Tech}.
*
* @private
* @method Player#handleTechLoadedmetadata_
_this = _Component.call(this, null, options, ready) || this; // Create bound methods for document listeners.
- _this.boundDocumentFullscreenChange_ = bind(assertThisInitialized(_this), _this.documentFullscreenChange_);
- _this.boundFullWindowOnEscKey_ = bind(assertThisInitialized(_this), _this.fullWindowOnEscKey); // default isFullscreen_ to false
+ _this.boundDocumentFullscreenChange_ = function (e) {
+ return _this.documentFullscreenChange_(e);
+ };
+
+ _this.boundFullWindowOnEscKey_ = function (e) {
+ return _this.fullWindowOnEscKey(e);
+ };
+
+ _this.boundUpdateStyleEl_ = function (e) {
+ return _this.updateStyleEl_(e);
+ };
+
+ _this.boundApplyInitTime_ = function (e) {
+ return _this.applyInitTime_(e);
+ };
+
+ _this.boundUpdateCurrentBreakpoint_ = function (e) {
+ return _this.updateCurrentBreakpoint_(e);
+ };
+
+ _this.boundHandleTechClick_ = function (e) {
+ return _this.handleTechClick_(e);
+ };
+
+ _this.boundHandleTechDoubleClick_ = function (e) {
+ return _this.handleTechDoubleClick_(e);
+ };
+
+ _this.boundHandleTechTouchStart_ = function (e) {
+ return _this.handleTechTouchStart_(e);
+ };
+
+ _this.boundHandleTechTouchMove_ = function (e) {
+ return _this.handleTechTouchMove_(e);
+ };
+
+ _this.boundHandleTechTouchEnd_ = function (e) {
+ return _this.handleTechTouchEnd_(e);
+ };
+
+ _this.boundHandleTechTap_ = function (e) {
+ return _this.handleTechTap_(e);
+ }; // default isFullscreen_ to false
+
_this.isFullscreen_ = false; // create logger
- _this.log = createLogger$1(_this.id_); // Hold our own reference to fullscreen api so it can be mocked in tests
+ _this.log = createLogger(_this.id_); // Hold our own reference to fullscreen api so it can be mocked in tests
_this.fsApi_ = FullscreenApi; // Tracks when a tech changes the poster
_this.hasStarted_ = false; // Init state userActive_
- _this.userActive_ = false; // if the global option object was accidentally blown away by
+ _this.userActive_ = false; // Init debugEnabled_
+
+ _this.debugEnabled_ = false; // if the global option object was accidentally blown away by
// someone, bail early with an informative error
if (!_this.options_ || !_this.options_.techOrder || !_this.options_.techOrder.length) {
}
if (_this.fluid_) {
- _this.on('playerreset', _this.updateStyleEl_);
+ _this.on(['playerreset', 'resize'], _this.boundUpdateStyleEl_);
} // We also want to pass the original player options to each component and plugin
// as well so they don't need to reach back into the player for options later.
// We also need to do another copy of this.options_ so we don't end up with
// an infinite loop.
- var playerOptionsCopy = mergeOptions(_this.options_); // Load plugins
+ var playerOptionsCopy = mergeOptions$3(_this.options_); // Load plugins
if (options.plugins) {
Object.keys(options.plugins).forEach(function (name) {
_this[name](options.plugins[name]);
});
+ } // Enable debug mode to fire debugon event for all plugins.
+
+
+ if (options.debug) {
+ _this.debug(true);
}
_this.options_.playerOptions = playerOptionsCopy;
_this.middleware_ = [];
+ _this.playbackRates(options.playbackRates);
+
_this.initChildren(); // Set isAudio based on whether or not an audio tag was used
Player.players[_this.id_] = assertThisInitialized(_this); // Add a major version class to aid css in plugins
- var majorVersion = version.split('.')[0];
+ var majorVersion = version$5.split('.')[0];
_this.addClass("vjs-v" + majorVersion); // When the player is first initialized, trigger activity so components
// like the control bar show themselves if needed
_this.reportUserActivity();
- _this.one('play', _this.listenForUserActivity_);
+ _this.one('play', function (e) {
+ return _this.listenForUserActivity_(e);
+ });
+
+ _this.on('stageclick', function (e) {
+ return _this.handleStageClick_(e);
+ });
- _this.on('stageclick', _this.handleStageClick_);
+ _this.on('keydown', function (e) {
+ return _this.handleKeyDown(e);
+ });
- _this.on('keydown', _this.handleKeyDown);
+ _this.on('languagechange', function (e) {
+ return _this.handleLanguagechange(e);
+ });
_this.breakpoints(_this.options_.breakpoints);
// of the player in a way that's still overrideable by CSS, just like the
// video element
- if (window$3.VIDEOJS_NO_DYNAMIC_STYLE !== true) {
+ if (window.VIDEOJS_NO_DYNAMIC_STYLE !== true) {
this.styleEl_ = createStyleElement('vjs-styles-dimensions');
var defaultsStyleEl = $('.vjs-styles-defaults');
var head = $('head');
// if it's been set to something different to the doc
this.el_.setAttribute('lang', this.language_);
+ this.el_.setAttribute('translate', 'no');
this.el_ = el;
return el;
}
}
if (value !== 'anonymous' && value !== 'use-credentials') {
- log.warn("crossOrigin must be \"anonymous\" or \"use-credentials\", given \"" + value + "\"");
+ log$1.warn("crossOrigin must be \"anonymous\" or \"use-credentials\", given \"" + value + "\"");
return;
}
var parsedVal = parseFloat(value);
if (isNaN(parsedVal)) {
- log.error("Improper value \"" + value + "\" supplied for for " + _dimension);
+ log$1.error("Improper value \"" + value + "\" supplied for for " + _dimension);
return;
}
;
_proto.fluid = function fluid(bool) {
+ var _this3 = this;
+
if (bool === undefined) {
return !!this.fluid_;
}
this.fluid_ = !!bool;
if (isEvented(this)) {
- this.off('playerreset', this.updateStyleEl_);
+ this.off(['playerreset', 'resize'], this.boundUpdateStyleEl_);
}
if (bool) {
this.addClass('vjs-fluid');
this.fill(false);
- addEventedCallback(function () {
- this.on('playerreset', this.updateStyleEl_);
+ addEventedCallback(this, function () {
+ _this3.on(['playerreset', 'resize'], _this3.boundUpdateStyleEl_);
});
} else {
this.removeClass('vjs-fluid');
;
_proto.updateStyleEl_ = function updateStyleEl_() {
- if (window$3.VIDEOJS_NO_DYNAMIC_STYLE === true) {
+ if (window.VIDEOJS_NO_DYNAMIC_STYLE === true) {
var _width = typeof this.width_ === 'number' ? this.width_ : this.options_.width;
var _height = typeof this.height_ === 'number' ? this.height_ : this.options_.height;
;
_proto.loadTech_ = function loadTech_(techName, source) {
- var _this3 = this;
+ var _this4 = this;
// Pause and remove current playback technology
if (this.tech_) {
this.unloadTech_();
}
- var titleTechName = toTitleCase(techName);
+ var titleTechName = toTitleCase$1(techName);
var camelTechName = techName.charAt(0).toLowerCase() + techName.slice(1); // get rid of the HTML5 video tag as soon as we are using another tech
if (titleTechName !== 'Html5' && this.tag) {
this.techName_ = titleTechName; // Turn off API access because we're loading a new tech that might load asynchronously
- this.isReady_ = false; // if autoplay is a string we pass false to the tech
+ this.isReady_ = false;
+ var autoplay = this.autoplay(); // if autoplay is a string (or `true` with normalizeAutoplay: true) we pass false to the tech
// because the player is going to handle autoplay on `loadstart`
- var autoplay = typeof this.autoplay() === 'string' ? false : this.autoplay(); // Grab tech-specific options from player options and add source and parent element to use.
+ if (typeof this.autoplay() === 'string' || this.autoplay() === true && this.options_.normalizeAutoplay) {
+ autoplay = false;
+ } // Grab tech-specific options from player options and add source and parent element to use.
+
var techOptions = {
source: source,
'playsinline': this.options_.playsinline,
'preload': this.options_.preload,
'loop': this.options_.loop,
+ 'disablePictureInPicture': this.options_.disablePictureInPicture,
'muted': this.options_.muted,
'poster': this.poster(),
'language': this.language(),
};
ALL.names.forEach(function (name) {
var props = ALL[name];
- techOptions[props.getterName] = _this3[props.privateName];
+ techOptions[props.getterName] = _this4[props.privateName];
});
assign(techOptions, this.options_[titleTechName]);
assign(techOptions, this.options_[camelTechName]);
textTrackConverter.jsonToTextTracks(this.textTracksJson_ || [], this.tech_); // Listen to all HTML5-defined events and trigger them on the player
TECH_EVENTS_RETRIGGER.forEach(function (event) {
- _this3.on(_this3.tech_, event, _this3["handleTech" + toTitleCase(event) + "_"]);
+ _this4.on(_this4.tech_, event, function (e) {
+ return _this4["handleTech" + toTitleCase$1(event) + "_"](e);
+ });
});
Object.keys(TECH_EVENTS_QUEUE).forEach(function (event) {
- _this3.on(_this3.tech_, event, function (eventObj) {
- if (_this3.tech_.playbackRate() === 0 && _this3.tech_.seeking()) {
- _this3.queuedCallbacks_.push({
- callback: _this3["handleTech" + TECH_EVENTS_QUEUE[event] + "_"].bind(_this3),
+ _this4.on(_this4.tech_, event, function (eventObj) {
+ if (_this4.tech_.playbackRate() === 0 && _this4.tech_.seeking()) {
+ _this4.queuedCallbacks_.push({
+ callback: _this4["handleTech" + TECH_EVENTS_QUEUE[event] + "_"].bind(_this4),
event: eventObj
});
return;
}
- _this3["handleTech" + TECH_EVENTS_QUEUE[event] + "_"](eventObj);
+ _this4["handleTech" + TECH_EVENTS_QUEUE[event] + "_"](eventObj);
});
});
- this.on(this.tech_, 'loadstart', this.handleTechLoadStart_);
- this.on(this.tech_, 'sourceset', this.handleTechSourceset_);
- this.on(this.tech_, 'waiting', this.handleTechWaiting_);
- this.on(this.tech_, 'ended', this.handleTechEnded_);
- this.on(this.tech_, 'seeking', this.handleTechSeeking_);
- this.on(this.tech_, 'play', this.handleTechPlay_);
- this.on(this.tech_, 'firstplay', this.handleTechFirstPlay_);
- this.on(this.tech_, 'pause', this.handleTechPause_);
- this.on(this.tech_, 'durationchange', this.handleTechDurationChange_);
- this.on(this.tech_, 'fullscreenchange', this.handleTechFullscreenChange_);
- this.on(this.tech_, 'fullscreenerror', this.handleTechFullscreenError_);
- this.on(this.tech_, 'enterpictureinpicture', this.handleTechEnterPictureInPicture_);
- this.on(this.tech_, 'leavepictureinpicture', this.handleTechLeavePictureInPicture_);
- this.on(this.tech_, 'error', this.handleTechError_);
- this.on(this.tech_, 'loadedmetadata', this.updateStyleEl_);
- this.on(this.tech_, 'posterchange', this.handleTechPosterChange_);
- this.on(this.tech_, 'textdata', this.handleTechTextData_);
- this.on(this.tech_, 'ratechange', this.handleTechRateChange_);
+ this.on(this.tech_, 'loadstart', function (e) {
+ return _this4.handleTechLoadStart_(e);
+ });
+ this.on(this.tech_, 'sourceset', function (e) {
+ return _this4.handleTechSourceset_(e);
+ });
+ this.on(this.tech_, 'waiting', function (e) {
+ return _this4.handleTechWaiting_(e);
+ });
+ this.on(this.tech_, 'ended', function (e) {
+ return _this4.handleTechEnded_(e);
+ });
+ this.on(this.tech_, 'seeking', function (e) {
+ return _this4.handleTechSeeking_(e);
+ });
+ this.on(this.tech_, 'play', function (e) {
+ return _this4.handleTechPlay_(e);
+ });
+ this.on(this.tech_, 'firstplay', function (e) {
+ return _this4.handleTechFirstPlay_(e);
+ });
+ this.on(this.tech_, 'pause', function (e) {
+ return _this4.handleTechPause_(e);
+ });
+ this.on(this.tech_, 'durationchange', function (e) {
+ return _this4.handleTechDurationChange_(e);
+ });
+ this.on(this.tech_, 'fullscreenchange', function (e, data) {
+ return _this4.handleTechFullscreenChange_(e, data);
+ });
+ this.on(this.tech_, 'fullscreenerror', function (e, err) {
+ return _this4.handleTechFullscreenError_(e, err);
+ });
+ this.on(this.tech_, 'enterpictureinpicture', function (e) {
+ return _this4.handleTechEnterPictureInPicture_(e);
+ });
+ this.on(this.tech_, 'leavepictureinpicture', function (e) {
+ return _this4.handleTechLeavePictureInPicture_(e);
+ });
+ this.on(this.tech_, 'error', function (e) {
+ return _this4.handleTechError_(e);
+ });
+ this.on(this.tech_, 'posterchange', function (e) {
+ return _this4.handleTechPosterChange_(e);
+ });
+ this.on(this.tech_, 'textdata', function (e) {
+ return _this4.handleTechTextData_(e);
+ });
+ this.on(this.tech_, 'ratechange', function (e) {
+ return _this4.handleTechRateChange_(e);
+ });
+ this.on(this.tech_, 'loadedmetadata', this.boundUpdateStyleEl_);
this.usingNativeControls(this.techGet_('controls'));
if (this.controls() && !this.usingNativeControls()) {
;
_proto.unloadTech_ = function unloadTech_() {
- var _this4 = this;
+ var _this5 = this;
// Save the current text tracks so that we can reuse the same text tracks with the next tech
ALL.names.forEach(function (name) {
var props = ALL[name];
- _this4[props.privateName] = _this4[props.getterName]();
+ _this5[props.privateName] = _this5[props.getterName]();
});
this.textTracksJson_ = textTrackConverter.textTracksToJson(this.tech_);
this.isReady_ = false;
_proto.tech = function tech(safety) {
if (safety === undefined) {
- log.warn('Using the tech directly can be dangerous. I hope you know what you\'re doing.\n' + 'See https://github.com/videojs/video.js/issues/2617 for more info.\n');
+ log$1.warn('Using the tech directly can be dangerous. I hope you know what you\'re doing.\n' + 'See https://github.com/videojs/video.js/issues/2617 for more info.\n');
}
return this.tech_;
_proto.addTechControlsListeners_ = function addTechControlsListeners_() {
// Make sure to remove all the previous listeners in case we are called multiple times.
- this.removeTechControlsListeners_(); // Some browsers (Chrome & IE) don't trigger a click on a flash swf, but do
- // trigger mousedown/up.
- // http://stackoverflow.com/questions/1444562/javascript-onclick-event-over-flash-object
- // Any touch events are set to block the mousedown event from happening
-
- this.on(this.tech_, 'mouseup', this.handleTechClick_);
- this.on(this.tech_, 'dblclick', this.handleTechDoubleClick_); // If the controls were hidden we don't want that to change without a tap event
+ this.removeTechControlsListeners_();
+ this.on(this.tech_, 'click', this.boundHandleTechClick_);
+ this.on(this.tech_, 'dblclick', this.boundHandleTechDoubleClick_); // If the controls were hidden we don't want that to change without a tap event
// so we'll check if the controls were already showing before reporting user
// activity
- this.on(this.tech_, 'touchstart', this.handleTechTouchStart_);
- this.on(this.tech_, 'touchmove', this.handleTechTouchMove_);
- this.on(this.tech_, 'touchend', this.handleTechTouchEnd_); // The tap listener needs to come after the touchend listener because the tap
+ this.on(this.tech_, 'touchstart', this.boundHandleTechTouchStart_);
+ this.on(this.tech_, 'touchmove', this.boundHandleTechTouchMove_);
+ this.on(this.tech_, 'touchend', this.boundHandleTechTouchEnd_); // The tap listener needs to come after the touchend listener because the tap
// listener cancels out any reportedUserActivity when setting userActive(false)
- this.on(this.tech_, 'tap', this.handleTechTap_);
+ this.on(this.tech_, 'tap', this.boundHandleTechTap_);
}
/**
* Remove the listeners used for click and tap controls. This is needed for
_proto.removeTechControlsListeners_ = function removeTechControlsListeners_() {
// We don't want to just use `this.off()` because there might be other needed
// listeners added by techs that extend this.
- this.off(this.tech_, 'tap', this.handleTechTap_);
- this.off(this.tech_, 'touchstart', this.handleTechTouchStart_);
- this.off(this.tech_, 'touchmove', this.handleTechTouchMove_);
- this.off(this.tech_, 'touchend', this.handleTechTouchEnd_);
- this.off(this.tech_, 'mouseup', this.handleTechClick_);
- this.off(this.tech_, 'dblclick', this.handleTechDoubleClick_);
+ this.off(this.tech_, 'tap', this.boundHandleTechTap_);
+ this.off(this.tech_, 'touchstart', this.boundHandleTechTouchStart_);
+ this.off(this.tech_, 'touchmove', this.boundHandleTechTouchMove_);
+ this.off(this.tech_, 'touchend', this.boundHandleTechTouchEnd_);
+ this.off(this.tech_, 'click', this.boundHandleTechClick_);
+ this.off(this.tech_, 'dblclick', this.boundHandleTechDoubleClick_);
}
/**
* Player waits for the tech to be ready
// so we mimic that behavior
- this.manualAutoplay_(this.autoplay());
+ this.manualAutoplay_(this.autoplay() === true && this.options_.normalizeAutoplay ? 'play' : this.autoplay());
}
/**
* Handle autoplay string values, rather than the typical boolean
;
_proto.manualAutoplay_ = function manualAutoplay_(type) {
- var _this5 = this;
+ var _this6 = this;
if (!this.tech_ || typeof type !== 'string') {
return;
- }
+ } // Save original muted() value, set muted to true, and attempt to play().
+ // On promise rejection, restore muted from saved value
- var muted = function muted() {
- var previouslyMuted = _this5.muted();
- _this5.muted(true);
+ var resolveMuted = function resolveMuted() {
+ var previouslyMuted = _this6.muted();
+
+ _this6.muted(true);
var restoreMuted = function restoreMuted() {
- _this5.muted(previouslyMuted);
+ _this6.muted(previouslyMuted);
}; // restore muted on play terminatation
- _this5.playTerminatedQueue_.push(restoreMuted);
+ _this6.playTerminatedQueue_.push(restoreMuted);
- var mutedPromise = _this5.play();
+ var mutedPromise = _this6.play();
if (!isPromise(mutedPromise)) {
return;
}
- return mutedPromise["catch"](restoreMuted);
+ return mutedPromise["catch"](function (err) {
+ restoreMuted();
+ throw new Error("Rejection at manualAutoplay. Restoring muted value. " + (err ? err : ''));
+ });
};
var promise; // if muted defaults to true
// the only thing we can do is call play
- if (type === 'any' && this.muted() !== true) {
+ if (type === 'any' && !this.muted()) {
promise = this.play();
if (isPromise(promise)) {
- promise = promise["catch"](muted);
+ promise = promise["catch"](resolveMuted);
}
- } else if (type === 'muted' && this.muted() !== true) {
- promise = muted();
+ } else if (type === 'muted' && !this.muted()) {
+ promise = resolveMuted();
} else {
promise = this.play();
}
}
return promise.then(function () {
- _this5.trigger({
+ _this6.trigger({
type: 'autoplay-success',
autoplay: type
});
- })["catch"](function (e) {
- _this5.trigger({
+ })["catch"](function () {
+ _this6.trigger({
type: 'autoplay-failure',
autoplay: type
});
} // update `currentSource` cache always
- this.cache_.source = mergeOptions({}, srcObj, {
+ this.cache_.source = mergeOptions$3({}, srcObj, {
src: src,
type: type
});
;
_proto.handleTechSourceset_ = function handleTechSourceset_(event) {
- var _this6 = this;
+ var _this7 = this;
// only update the source cache when the source
// was not updated using the player api
if (!this.changingSrc_) {
var updateSourceCaches = function updateSourceCaches(src) {
- return _this6.updateSourceCaches_(src);
+ return _this7.updateSourceCaches_(src);
};
var playerSrc = this.currentSource().src;
if (!this.lastSource_ || this.lastSource_.tech !== eventSrc && this.lastSource_.player !== playerSrc) {
updateSourceCaches = function updateSourceCaches() {};
}
- } // update the source to the intial source right away
+ } // update the source to the initial source right away
// in some cases this will be empty string
return;
}
- var techSrc = _this6.techGet('currentSrc');
+ var techSrc = _this7.techGet('currentSrc');
- _this6.lastSource_.tech = techSrc;
+ _this7.lastSource_.tech = techSrc;
- _this6.updateSourceCaches_(techSrc);
+ _this7.updateSourceCaches_(techSrc);
});
}
}
;
_proto.handleTechWaiting_ = function handleTechWaiting_() {
- var _this7 = this;
+ var _this8 = this;
this.addClass('vjs-waiting');
/**
var timeWhenWaiting = this.currentTime();
var timeUpdateListener = function timeUpdateListener() {
- if (timeWhenWaiting !== _this7.currentTime()) {
- _this7.removeClass('vjs-waiting');
+ if (timeWhenWaiting !== _this8.currentTime()) {
+ _this8.removeClass('vjs-waiting');
- _this7.off('timeupdate', timeUpdateListener);
+ _this8.off('timeupdate', timeUpdateListener);
}
};
// If the first starttime attribute is specified
// then we will start at the given offset in seconds
if (this.options_.starttime) {
- log.warn('Passing the `starttime` option to the player will be deprecated in 6.0');
+ log$1.warn('Passing the `starttime` option to the player will be deprecated in 6.0');
this.currentTime(this.options_.starttime);
}
_proto.handleTechEnded_ = function handleTechEnded_() {
this.addClass('vjs-ended');
+ this.removeClass('vjs-waiting');
if (this.options_.loop) {
this.currentTime(0);
* @param {EventTarget~Event} event
* the event that caused this function to trigger
*
- * @listens Tech#mouseup
+ * @listens Tech#click
* @private
*/
;
_proto.handleTechClick_ = function handleTechClick_(event) {
- if (!isSingleLeftClick(event)) {
- return;
- } // When controls are disabled a click should not toggle playback because
+ // When controls are disabled a click should not toggle playback because
// the click is considered a control
-
-
if (!this.controls_) {
return;
}
- if (this.paused()) {
- silencePromise(this.play());
- } else {
- this.pause();
+ if (this.options_ === undefined || this.options_.userActions === undefined || this.options_.userActions.click === undefined || this.options_.userActions.click !== false) {
+ if (this.options_ !== undefined && this.options_.userActions !== undefined && typeof this.options_.userActions.click === 'function') {
+ this.options_.userActions.click.call(this, event);
+ } else if (this.paused()) {
+ silencePromise(this.play());
+ } else {
+ this.pause();
+ }
}
}
/**
_proto.handleTechTouchEnd_ = function handleTechTouchEnd_(event) {
// Stop the mouse events from also happening
- event.preventDefault();
+ if (event.cancelable) {
+ event.preventDefault();
+ }
}
/**
* native click events on the SWF aren't triggered on IE11, Win8.1RT
_proto.handleTechFullscreenChange_ = function handleTechFullscreenChange_(event, data) {
if (data) {
+ if (data.nativeIOSFullscreen) {
+ this.toggleClass('vjs-ios-native-fs');
+ }
+
this.isFullscreen(data.isFullscreen);
}
};
src: '',
source: {},
sources: [],
+ playbackRates: [],
volume: 1
};
}
this.tech_[method](arg);
}
} catch (e) {
- log(e);
+ log$1(e);
throw e;
}
}, true);
return mediate(this.middleware_, this.tech_, method);
} // Flash likes to die and reload when you hide or reposition it.
// In these cases the object methods go away and we get errors.
+ // TODO: Is this needed for techs other than Flash?
// When that happens we'll catch the errors and inform tech that it's not ready any more.
} catch (e) {
// When building additional tech libs, an expected method may not be defined yet
if (this.tech_[method] === undefined) {
- log("Video.js: " + method + " method not defined for " + this.techName_ + " playback technology.", e);
+ log$1("Video.js: " + method + " method not defined for " + this.techName_ + " playback technology.", e);
throw e;
} // When a method isn't available on the object it throws a TypeError
if (e.name === 'TypeError') {
- log("Video.js: " + method + " unavailable on " + this.techName_ + " playback technology element.", e);
+ log$1("Video.js: " + method + " unavailable on " + this.techName_ + " playback technology element.", e);
this.tech_.isReady_ = false;
throw e;
} // If error unknown, just log and throw
- log(e);
+ log$1(e);
throw e;
}
}
;
_proto.play = function play() {
- var _this8 = this;
+ var _this9 = this;
- var PromiseClass = this.options_.Promise || window$3.Promise;
+ var PromiseClass = this.options_.Promise || window.Promise;
if (PromiseClass) {
return new PromiseClass(function (resolve) {
- _this8.play_(resolve);
+ _this9.play_(resolve);
});
}
;
_proto.play_ = function play_(callback) {
- var _this9 = this;
+ var _this10 = this;
if (callback === void 0) {
callback = silencePromise;
if (!this.isReady_ || !isSrcReady) {
this.waitToPlay_ = function (e) {
- _this9.play_();
+ _this10.play_();
};
this.one(['ready', 'loadstart'], this.waitToPlay_); // if we are in Safari, there is a high chance that loadstart will trigger after the gesture timeperiod
}
this.scrubbing_ = !!isScrubbing;
+ this.techCall_('setScrubbing', this.scrubbing_);
if (isScrubbing) {
this.addClass('vjs-scrubbing');
if (!this.isReady_ || this.changingSrc_ || !this.tech_ || !this.tech_.isReady_) {
this.cache_.initTime = seconds;
- this.off('canplay', this.applyInitTime_);
- this.one('canplay', this.applyInitTime_);
+ this.off('canplay', this.boundApplyInitTime_);
+ this.one('canplay', this.boundApplyInitTime_);
return;
}
* in all but the rarest use cases an argument will NOT be passed to the method
*
* > **NOTE**: The video must have started loading before the duration can be
- * known, and in the case of Flash, may not be known until the video starts
+ * known, and depending on preload behaviour may not be known until the video starts
* playing.
*
* @fires Player#durationchange
if (seconds !== this.cache_.duration) {
// Cache the last set value for optimized scrubbing (esp. Flash)
+ // TODO: Required for techs other than Flash?
this.cache_.duration = seconds;
if (seconds === Infinity) {
}
/**
* Check if current tech can support native fullscreen
- * (e.g. with built in controls like iOS, so not our flash swf)
+ * (e.g. with built in controls like iOS)
*
* @return {boolean}
* if native fullscreen is supported
;
_proto.requestFullscreen = function requestFullscreen(fullscreenOptions) {
- var PromiseClass = this.options_.Promise || window$3.Promise;
+ var PromiseClass = this.options_.Promise || window.Promise;
if (PromiseClass) {
var self = this;
return new PromiseClass(function (resolve, reject) {
function offHandler() {
- self.off(self.fsApi_.fullscreenerror, errorHandler);
- self.off(self.fsApi_.fullscreenchange, changeHandler);
+ self.off('fullscreenerror', errorHandler);
+ self.off('fullscreenchange', changeHandler);
}
function changeHandler() {
if (promise) {
promise.then(offHandler, offHandler);
- return promise;
+ promise.then(resolve, reject);
}
});
}
};
_proto.requestFullscreenHelper_ = function requestFullscreenHelper_(fullscreenOptions) {
- var _this10 = this;
+ var _this11 = this;
var fsOptions; // Only pass fullscreen options to requestFullscreen in spec-compliant browsers.
// Use defaults or player configured option unless passed directly to this method.
if (promise) {
promise.then(function () {
- return _this10.isFullscreen(true);
+ return _this11.isFullscreen(true);
}, function () {
- return _this10.isFullscreen(false);
+ return _this11.isFullscreen(false);
});
}
return promise;
- } else if (this.tech_.supportsFullScreen()) {
+ } else if (this.tech_.supportsFullScreen() && !this.options_.preferFullWindow === true) {
// we can't take the video.js controls fullscreen but we can go fullscreen
// with native controls
this.techCall_('enterFullScreen');
;
_proto.exitFullscreen = function exitFullscreen() {
- var PromiseClass = this.options_.Promise || window$3.Promise;
+ var PromiseClass = this.options_.Promise || window.Promise;
if (PromiseClass) {
var self = this;
return new PromiseClass(function (resolve, reject) {
function offHandler() {
- self.off(self.fsApi_.fullscreenerror, errorHandler);
- self.off(self.fsApi_.fullscreenchange, changeHandler);
+ self.off('fullscreenerror', errorHandler);
+ self.off('fullscreenchange', changeHandler);
}
function changeHandler() {
var promise = self.exitFullscreenHelper_();
if (promise) {
- promise.then(offHandler, offHandler);
- return promise;
+ promise.then(offHandler, offHandler); // map the promise to our resolve/reject methods
+
+ promise.then(resolve, reject);
}
});
}
};
_proto.exitFullscreenHelper_ = function exitFullscreenHelper_() {
- var _this11 = this;
+ var _this12 = this;
if (this.fsApi_.requestFullscreen) {
var promise = document[this.fsApi_.exitFullscreen]();
if (promise) {
- promise.then(function () {
- return _this11.isFullscreen(false);
- });
+ // we're splitting the promise here, so, we want to catch the
+ // potential error so that this chain doesn't have unhandled errors
+ silencePromise(promise.then(function () {
+ return _this12.isFullscreen(false);
+ }));
}
return promise;
- } else if (this.tech_.supportsFullScreen()) {
+ } else if (this.tech_.supportsFullScreen() && !this.options_.preferFullWindow === true) {
this.techCall_('exitFullScreen');
} else {
this.exitFullWindow();
_proto.fullWindowOnEscKey = function fullWindowOnEscKey(event) {
if (keycode.isEventKey(event, 'Esc')) {
if (this.isFullscreen() === true) {
- this.exitFullscreen();
- } else {
- this.exitFullWindow();
+ if (!this.isFullWindow) {
+ this.exitFullscreen();
+ } else {
+ this.exitFullWindow();
+ }
}
}
}
this.trigger('exitFullWindow');
}
+ /**
+ * Disable Picture-in-Picture mode.
+ *
+ * @param {boolean} value
+ * - true will disable Picture-in-Picture mode
+ * - false will enable Picture-in-Picture mode
+ */
+ ;
+
+ _proto.disablePictureInPicture = function disablePictureInPicture(value) {
+ if (value === undefined) {
+ return this.techGet_('disablePictureInPicture');
+ }
+
+ this.techCall_('setDisablePictureInPicture', value);
+ this.options_.disablePictureInPicture = value;
+ this.trigger('disablepictureinpicturechanged');
+ }
/**
* Check if the player is in Picture-in-Picture mode or tell the player that it
* is or is not in Picture-in-Picture mode.
;
_proto.requestPictureInPicture = function requestPictureInPicture() {
- if ('pictureInPictureEnabled' in document) {
+ if ('pictureInPictureEnabled' in document && this.disablePictureInPicture() === false) {
/**
* This event fires when the player enters picture in picture mode
*
if (fullscreenKey.call(this, event)) {
event.preventDefault();
event.stopPropagation();
- var FSToggle = Component.getComponent('FullscreenToggle');
+ var FSToggle = Component$1.getComponent('FullscreenToggle');
if (document[this.fsApi_.fullscreenEnabled] !== false) {
FSToggle.prototype.handleClick.call(this, event);
} else if (muteKey.call(this, event)) {
event.preventDefault();
event.stopPropagation();
- var MuteToggle = Component.getComponent('MuteToggle');
+ var MuteToggle = Component$1.getComponent('MuteToggle');
MuteToggle.prototype.handleClick.call(this, event);
} else if (playPauseKey.call(this, event)) {
event.preventDefault();
event.stopPropagation();
- var PlayToggle = Component.getComponent('PlayToggle');
+ var PlayToggle = Component$1.getComponent('PlayToggle');
PlayToggle.prototype.handleClick.call(this, event);
}
}
// Remove once that deprecated behavior is removed.
if (!tech) {
- tech = Component.getComponent(techName);
+ tech = Component$1.getComponent(techName);
} // Check if the current tech is defined before continuing
if (!tech) {
- log.error("The \"" + techName + "\" tech is undefined. Skipped browser support check for that tech.");
+ log$1.error("The \"" + techName + "\" tech is undefined. Skipped browser support check for that tech.");
continue;
} // Check if the browser supports this technology
;
_proto.selectSource = function selectSource(sources) {
- var _this12 = this;
+ var _this13 = this;
// Get only the techs specified in `techOrder` that exist and are supported by the
// current platform
return tech.isSupported();
}
- log.error("The \"" + techName + "\" tech is undefined. Skipped browser support check for that tech.");
+ log$1.error("The \"" + techName + "\" tech is undefined. Skipped browser support check for that tech.");
return false;
}); // Iterate over each `innerArray` element once per `outerArray` element and execute
// `tester` with both. If `tester` returns a non-falsy value, exit early and return
var techName = _ref2[0],
tech = _ref2[1];
- if (tech.canPlaySource(source, _this12.options_[techName.toLowerCase()])) {
+ if (tech.canPlaySource(source, _this13.options_[techName.toLowerCase()])) {
return {
source: source,
tech: techName
return foundSourceAndTech || false;
}
/**
- * Get or set the video source.
+ * Executes source setting and getting logic
*
* @param {Tech~SourceObject|Tech~SourceObject[]|string} [source]
* A SourceObject, an array of SourceObjects, or a string referencing
* algorithms can take the `type` into account.
*
* If not provided, this method acts as a getter.
+ * @param {boolean} isRetry
+ * Indicates whether this is being called internally as a result of a retry
*
* @return {string|undefined}
* If the `source` argument is missing, returns the current source
*/
;
- _proto.src = function src(source) {
- var _this13 = this;
+ _proto.handleSrc_ = function handleSrc_(source, isRetry) {
+ var _this14 = this;
// getter usage
if (typeof source === 'undefined') {
return this.cache_.src || '';
+ } // Reset retry behavior for new source
+
+
+ if (this.resetRetryOnError_) {
+ this.resetRetryOnError_();
} // filter out invalid sources and turn our source into
// an array of source objects
});
}, 0);
return;
- } // intial sources
+ } // initial sources
+
+ this.changingSrc_ = true; // Only update the cached source list if we are not retrying a new source after error,
+ // since in that case we want to include the failed source(s) in the cache
+
+ if (!isRetry) {
+ this.cache_.sources = sources;
+ }
- this.changingSrc_ = true;
- this.cache_.sources = sources;
this.updateSourceCaches_(sources[0]); // middlewareSource is the source after it has been changed by middleware
setSource(this, sources[0], function (middlewareSource, mws) {
- _this13.middleware_ = mws; // since sourceSet is async we have to update the cache again after we select a source since
+ _this14.middleware_ = mws; // since sourceSet is async we have to update the cache again after we select a source since
// the source that is selected could be out of order from the cache update above this callback.
- _this13.cache_.sources = sources;
+ if (!isRetry) {
+ _this14.cache_.sources = sources;
+ }
- _this13.updateSourceCaches_(middlewareSource);
+ _this14.updateSourceCaches_(middlewareSource);
- var err = _this13.src_(middlewareSource);
+ var err = _this14.src_(middlewareSource);
if (err) {
if (sources.length > 1) {
- return _this13.src(sources.slice(1));
+ return _this14.handleSrc_(sources.slice(1));
}
- _this13.changingSrc_ = false; // We need to wrap this in a timeout to give folks a chance to add error event handlers
+ _this14.changingSrc_ = false; // We need to wrap this in a timeout to give folks a chance to add error event handlers
- _this13.setTimeout(function () {
+ _this14.setTimeout(function () {
this.error({
code: 4,
message: this.localize(this.options_.notSupportedMessage)
// this needs a better comment about why this is needed
- _this13.triggerReady();
+ _this14.triggerReady();
return;
}
- setTech(mws, _this13.tech_);
- });
+ setTech(mws, _this14.tech_);
+ }); // Try another available source if this one fails before playback.
+
+ if (this.options_.retryOnError && sources.length > 1) {
+ var retry = function retry() {
+ // Remove the error modal
+ _this14.error(null);
+
+ _this14.handleSrc_(sources.slice(1), true);
+ };
+
+ var stopListeningForErrors = function stopListeningForErrors() {
+ _this14.off('error', retry);
+ };
+
+ this.one('error', retry);
+ this.one('playing', stopListeningForErrors);
+
+ this.resetRetryOnError_ = function () {
+ _this14.off('error', retry);
+
+ _this14.off('playing', stopListeningForErrors);
+ };
+ }
+ }
+ /**
+ * Get or set the video source.
+ *
+ * @param {Tech~SourceObject|Tech~SourceObject[]|string} [source]
+ * A SourceObject, an array of SourceObjects, or a string referencing
+ * a URL to a media source. It is _highly recommended_ that an object
+ * or array of objects is used here, so that source selection
+ * algorithms can take the `type` into account.
+ *
+ * If not provided, this method acts as a getter.
+ *
+ * @return {string|undefined}
+ * If the `source` argument is missing, returns the current source
+ * URL. Otherwise, returns nothing/undefined.
+ */
+ ;
+
+ _proto.src = function src(source) {
+ return this.handleSrc_(source, false);
}
/**
* Set the source object on the tech, returns a boolean that indicates whether
;
_proto.src_ = function src_(source) {
- var _this14 = this;
+ var _this15 = this;
var sourceTech = this.selectSource([source]);
this.loadTech_(sourceTech.tech, sourceTech.source);
this.tech_.ready(function () {
- _this14.changingSrc_ = false;
+ _this15.changingSrc_ = false;
});
return false;
} // wait until the tech is ready to set the source
;
_proto.reset = function reset() {
- var _this15 = this;
+ var _this16 = this;
- var PromiseClass = this.options_.Promise || window$3.Promise;
+ var PromiseClass = this.options_.Promise || window.Promise;
if (this.paused() || !PromiseClass) {
this.doReset_();
} else {
var playPromise = this.play();
silencePromise(playPromise.then(function () {
- return _this15.doReset_();
+ return _this16.doReset_();
}));
}
};
return this.options_.autoplay || false;
}
- var techAutoplay; // if the value is a valid string set it to that
+ var techAutoplay; // if the value is a valid string set it to that, or normalize `true` to 'play', if need be
- if (typeof value === 'string' && /(any|play|muted)/.test(value)) {
+ if (typeof value === 'string' && /(any|play|muted)/.test(value) || value === true && this.options_.normalizeAutoplay) {
this.options_.autoplay = value;
- this.manualAutoplay_(value);
+ this.manualAutoplay_(typeof value === 'string' ? value : 'play');
techAutoplay = false; // any falsy value sets autoplay to false in the browser,
// lets do the same
} else if (!value) {
}
/**
* Toggle native controls on/off. Native controls are the controls built into
- * devices (e.g. default iPhone controls), Flash, or other techs
+ * devices (e.g. default iPhone controls) or other techs
* (e.g. Vimeo Controls)
* **This should only be set by the current tech, because only the tech knows
* if it can support native controls**
;
_proto.error = function error(err) {
+ var _this17 = this;
+
if (err === undefined) {
return this.error_ || null;
- } // Suppress the first error message for no compatible source until
- // user interaction
+ } // allow hooks to modify error object
+
+
+ hooks('beforeerror').forEach(function (hookFunction) {
+ var newErr = hookFunction(_this17, err);
+
+ if (!(isObject$1(newErr) && !Array.isArray(newErr) || typeof newErr === 'string' || typeof newErr === 'number' || newErr === null)) {
+ _this17.log.error('please return a value that MediaError expects in beforeerror hooks');
+
+ return;
+ }
+ err = newErr;
+ }); // Suppress the first error message for no compatible source until
+ // user interaction
if (this.options_.suppressNotSupportedError && err && err.code === 4) {
var triggerSuppressedError = function triggerSuppressedError() {
this.addClass('vjs-error'); // log the name of the error type and any message
// IE11 logs "[object object]" and required you to expand message to see error object
- log.error("(CODE:" + this.error_.code + " " + MediaError.errorTypes[this.error_.code] + ")", this.error_.message, this.error_);
+ log$1.error("(CODE:" + this.error_.code + " " + MediaError.errorTypes[this.error_.code] + ")", this.error_.message, this.error_);
/**
* @event Player#error
* @type {EventTarget~Event}
*/
- this.trigger('error');
+ this.trigger('error'); // notify hooks of the per player error
+
+ hooks('error').forEach(function (hookFunction) {
+ return hookFunction(_this17, _this17.error_);
+ });
return;
}
/**
if (controlBar && !IS_IOS && !IS_ANDROID) {
controlBar.on('mouseenter', function (event) {
- this.player().cache_.inactivityTimeout = this.player().options_.inactivityTimeout;
+ if (this.player().options_.inactivityTimeout !== 0) {
+ this.player().cache_.inactivityTimeout = this.player().options_.inactivityTimeout;
+ }
+
this.player().options_.inactivityTimeout = 0;
});
controlBar.on('mouseleave', function (event) {
return this.tech_ && this.tech_.videoHeight && this.tech_.videoHeight() || 0;
}
/**
- * The player's language code
- * NOTE: The language should be set in the player options if you want the
- * the controls to be built with a specific language. Changing the language
- * later will not update controls text.
+ * The player's language code.
+ *
+ * Changing the langauge will trigger
+ * [languagechange]{@link Player#event:languagechange}
+ * which Components can use to update control text.
+ * ClickableComponent will update its control text by default on
+ * [languagechange]{@link Player#event:languagechange}.
+ *
+ * @fires Player#languagechange
*
* @param {string} [code]
* the language code to set the player to
return this.language_;
}
- this.language_ = String(code).toLowerCase();
+ if (this.language_ !== String(code).toLowerCase()) {
+ this.language_ = String(code).toLowerCase(); // during first init, it's possible some things won't be evented
+
+ if (isEvented(this)) {
+ /**
+ * fires when the player language change
+ *
+ * @event Player#languagechange
+ * @type {EventTarget~Event}
+ */
+ this.trigger('languagechange');
+ }
+ }
}
/**
* Get the player's language dictionary
;
_proto.languages = function languages() {
- return mergeOptions(Player.prototype.options_.languages, this.languages_);
+ return mergeOptions$3(Player.prototype.options_.languages, this.languages_);
}
/**
* returns a JavaScript object reperesenting the current track
;
_proto.toJSON = function toJSON() {
- var options = mergeOptions(this.options_);
+ var options = mergeOptions$3(this.options_);
var tracks = options.tracks;
options.tracks = [];
for (var i = 0; i < tracks.length; i++) {
var track = tracks[i]; // deep merge tracks and null out player so no circular references
- track = mergeOptions(track);
+ track = mergeOptions$3(track);
track.player = undefined;
options.tracks[i] = track;
}
;
_proto.createModal = function createModal(content, options) {
- var _this16 = this;
+ var _this18 = this;
options = options || {};
options.content = content || '';
var modal = new ModalDialog(this, options);
this.addChild(modal);
modal.on('dispose', function () {
- _this16.removeChild(modal);
+ _this18.removeChild(modal);
});
modal.open();
return modal;
// player is now responsive.
if (value) {
- this.on('playerresize', this.updateCurrentBreakpoint_);
+ this.on('playerresize', this.boundUpdateCurrentBreakpoint_);
this.updateCurrentBreakpoint_(); // Stop listening for breakpoints if the player is no longer responsive.
} else {
- this.off('playerresize', this.updateCurrentBreakpoint_);
+ this.off('playerresize', this.boundUpdateCurrentBreakpoint_);
this.removeCurrentBreakpoint_();
}
;
_proto.loadMedia = function loadMedia(media, ready) {
- var _this17 = this;
+ var _this19 = this;
if (!media || typeof media !== 'object') {
return;
this.reset(); // Clone the media object so it cannot be mutated from outside.
- this.cache_.media = mergeOptions(media);
+ this.cache_.media = mergeOptions$3(media);
var _this$cache_$media = this.cache_.media,
artwork = _this$cache_$media.artwork,
poster = _this$cache_$media.poster,
if (Array.isArray(textTracks)) {
textTracks.forEach(function (tt) {
- return _this17.addRemoteTextTrack(tt, false);
+ return _this19.addRemoteTextTrack(tt, false);
});
}
return media;
}
- return mergeOptions(this.cache_.media);
+ return mergeOptions$3(this.cache_.media);
}
/**
* Gets tag settings
data = _safeParseTuple[1];
if (err) {
- log.error(err);
+ log$1.error(err);
}
assign(tagOptions, data);
return !('flexBasis' in elem.style || 'webkitFlexBasis' in elem.style || 'mozFlexBasis' in elem.style || 'msFlexBasis' in elem.style || // IE10-specific (2012 flex spec), available for completeness
'msFlexOrder' in elem.style);
+ }
+ /**
+ * Set debug mode to enable/disable logs at info level.
+ *
+ * @param {boolean} enabled
+ * @fires Player#debugon
+ * @fires Player#debugoff
+ */
+ ;
+
+ _proto.debug = function debug(enabled) {
+ if (enabled === undefined) {
+ return this.debugEnabled_;
+ }
+
+ if (enabled) {
+ this.trigger('debugon');
+ this.previousLogLevel_ = this.log.level;
+ this.log.level('debug');
+ this.debugEnabled_ = true;
+ } else {
+ this.trigger('debugoff');
+ this.log.level(this.previousLogLevel_);
+ this.previousLogLevel_ = undefined;
+ this.debugEnabled_ = false;
+ }
+ }
+ /**
+ * Set or get current playback rates.
+ * Takes an array and updates the playback rates menu with the new items.
+ * Pass in an empty array to hide the menu.
+ * Values other than arrays are ignored.
+ *
+ * @fires Player#playbackrateschange
+ * @param {number[]} newRates
+ * The new rates that the playback rates menu should update to.
+ * An empty array will hide the menu
+ * @return {number[]} When used as a getter will return the current playback rates
+ */
+ ;
+
+ _proto.playbackRates = function playbackRates(newRates) {
+ if (newRates === undefined) {
+ return this.cache_.playbackRates;
+ } // ignore any value that isn't an array
+
+
+ if (!Array.isArray(newRates)) {
+ return;
+ } // ignore any arrays that don't only contain numbers
+
+
+ if (!newRates.every(function (rate) {
+ return typeof rate === 'number';
+ })) {
+ return;
+ }
+
+ this.cache_.playbackRates = newRates;
+ /**
+ * fires when the playback rates in a player are changed
+ *
+ * @event Player#playbackrateschange
+ * @type {EventTarget~Event}
+ */
+
+ this.trigger('playbackrateschange');
};
return Player;
- }(Component);
+ }(Component$1);
/**
* Get the {@link VideoTrackList}
* @link https://html.spec.whatwg.org/multipage/embedded-content.html#videotracklist
*/
Player.players = {};
- var navigator = window$3.navigator;
+ var navigator = window.navigator;
/*
* Player instance options, surfaced using options
* options = Player.prototype.options_
// Default order of fallback technology
techOrder: Tech.defaultTechOrder_,
html5: {},
- flash: {},
// default inactivity timeout
inactivityTimeout: 2000,
// default playback rates
languages: {},
// Default message to show when a video cannot be played.
notSupportedMessage: 'No compatible source was found for this media.',
+ normalizeAutoplay: false,
fullscreen: {
options: {
navigationUI: 'hide'
};
});
TECH_EVENTS_RETRIGGER.forEach(function (event) {
- Player.prototype["handleTech" + toTitleCase(event) + "_"] = function () {
+ Player.prototype["handleTech" + toTitleCase$1(event) + "_"] = function () {
return this.trigger(event);
};
});
* Whether or not this player is using the requested plugin.
*/
- Component.registerComponent('Player', Player);
+ Component$1.registerComponent('Player', Player);
var setPrototypeOf = createCommonjsModule(function (module) {
function _setPrototypeOf(o, p) {
throw new Error('Plugin must be sub-classed; not directly instantiated.');
}
- this.player = player; // Make this object evented, but remove the added `trigger` method so we
+ this.player = player;
+
+ if (!this.log) {
+ this.log = this.player.log.createLogger(this.name);
+ } // Make this object evented, but remove the added `trigger` method so we
// use the prototype version instead.
+
evented(this);
delete this.trigger;
stateful(this, this.constructor.defaultState);
markPluginAsActive(player, this.name); // Auto-bind the dispose method so we can use it as a listener and unbind
// it later easily.
- this.dispose = bind(this, this.dispose); // If the player is disposed, dispose the plugin.
+ this.dispose = this.dispose.bind(this); // If the player is disposed, dispose the plugin.
player.on('dispose', this.dispose);
}
}
if (pluginExists(name)) {
- log.warn("A plugin named \"" + name + "\" already exists. You may want to avoid re-registering plugins!");
+ log$1.warn("A plugin named \"" + name + "\" already exists. You may want to avoid re-registering plugins!");
} else if (Player.prototype.hasOwnProperty(name)) {
throw new Error("Illegal plugin name, \"" + name + "\", cannot share a name with an existing player method!");
}
*/
- function videojs$1(id, options, ready) {
- var player = videojs$1.getPlayer(id);
+ function videojs(id, options, ready) {
+ var player = videojs.getPlayer(id);
if (player) {
if (options) {
- log.warn("Player \"" + id + "\" is already initialised. Options will not be applied.");
+ log$1.warn("Player \"" + id + "\" is already initialised. Options will not be applied.");
}
if (ready) {
if (!el.ownerDocument.defaultView || !el.ownerDocument.body.contains(el)) {
- log.warn('The element supplied is not included in the DOM');
+ log$1.warn('The element supplied is not included in the DOM');
}
options = options || {};
- videojs$1.hooks('beforesetup').forEach(function (hookFunction) {
- var opts = hookFunction(el, mergeOptions(options));
+ hooks('beforesetup').forEach(function (hookFunction) {
+ var opts = hookFunction(el, mergeOptions$3(options));
- if (!isObject(opts) || Array.isArray(opts)) {
- log.error('please return an object in beforesetup hooks');
+ if (!isObject$1(opts) || Array.isArray(opts)) {
+ log$1.error('please return an object in beforesetup hooks');
return;
}
- options = mergeOptions(options, opts);
+ options = mergeOptions$3(options, opts);
}); // We get the current "Player" component here in case an integration has
// replaced it with a custom player.
- var PlayerComponent = Component.getComponent('Player');
+ var PlayerComponent = Component$1.getComponent('Player');
player = new PlayerComponent(el, options, ready);
- videojs$1.hooks('setup').forEach(function (hookFunction) {
+ hooks('setup').forEach(function (hookFunction) {
return hookFunction(player);
});
return player;
}
- /**
- * An Object that contains lifecycle hooks as keys which point to an array
- * of functions that are run when a lifecycle is triggered
- *
- * @private
- */
+ videojs.hooks_ = hooks_;
+ videojs.hooks = hooks;
+ videojs.hook = hook;
+ videojs.hookOnce = hookOnce;
+ videojs.removeHook = removeHook; // Add default styles
- videojs$1.hooks_ = {};
- /**
- * Get a list of hooks for a specific lifecycle
- *
- * @param {string} type
- * the lifecyle to get hooks from
- *
- * @param {Function|Function[]} [fn]
- * Optionally add a hook (or hooks) to the lifecycle that your are getting.
- *
- * @return {Array}
- * an array of hooks, or an empty array if there are none.
- */
-
- videojs$1.hooks = function (type, fn) {
- videojs$1.hooks_[type] = videojs$1.hooks_[type] || [];
-
- if (fn) {
- videojs$1.hooks_[type] = videojs$1.hooks_[type].concat(fn);
- }
-
- return videojs$1.hooks_[type];
- };
- /**
- * Add a function hook to a specific videojs lifecycle.
- *
- * @param {string} type
- * the lifecycle to hook the function to.
- *
- * @param {Function|Function[]}
- * The function or array of functions to attach.
- */
-
-
- videojs$1.hook = function (type, fn) {
- videojs$1.hooks(type, fn);
- };
- /**
- * Add a function hook that will only run once to a specific videojs lifecycle.
- *
- * @param {string} type
- * the lifecycle to hook the function to.
- *
- * @param {Function|Function[]}
- * The function or array of functions to attach.
- */
-
-
- videojs$1.hookOnce = function (type, fn) {
- videojs$1.hooks(type, [].concat(fn).map(function (original) {
- var wrapper = function wrapper() {
- videojs$1.removeHook(type, wrapper);
- return original.apply(void 0, arguments);
- };
-
- return wrapper;
- }));
- };
- /**
- * Remove a hook from a specific videojs lifecycle.
- *
- * @param {string} type
- * the lifecycle that the function hooked to
- *
- * @param {Function} fn
- * The hooked function to remove
- *
- * @return {boolean}
- * The function that was removed or undef
- */
-
-
- videojs$1.removeHook = function (type, fn) {
- var index = videojs$1.hooks(type).indexOf(fn);
-
- if (index <= -1) {
- return false;
- }
-
- videojs$1.hooks_[type] = videojs$1.hooks_[type].slice();
- videojs$1.hooks_[type].splice(index, 1);
- return true;
- }; // Add default styles
-
-
- if (window$3.VIDEOJS_NO_DYNAMIC_STYLE !== true && isReal()) {
+ if (window.VIDEOJS_NO_DYNAMIC_STYLE !== true && isReal()) {
var style = $('.vjs-styles-defaults');
if (!style) {
// video in the DOM (weird behavior only with minified version)
- autoSetupTimeout(1, videojs$1);
+ autoSetupTimeout(1, videojs);
/**
* Current Video.js version. Follows [semantic versioning](https://semver.org/).
*
* @type {string}
*/
- videojs$1.VERSION = version;
+ videojs.VERSION = version$5;
/**
* The global options object. These are the settings that take effect
* if no overrides are specified when the player is created.
* @type {Object}
*/
- videojs$1.options = Player.prototype.options_;
+ videojs.options = Player.prototype.options_;
/**
* Get an object with the currently created players, keyed by player ID
*
* The created players
*/
- videojs$1.getPlayers = function () {
+ videojs.getPlayers = function () {
return Player.players;
};
/**
*/
- videojs$1.getPlayer = function (id) {
+ videojs.getPlayer = function (id) {
var players = Player.players;
var tag;
*/
- videojs$1.getAllPlayers = function () {
+ videojs.getAllPlayers = function () {
return (// Disposed players leave a key with a `null` value, so we need to make sure
// we filter those out.
Object.keys(Player.players).map(function (k) {
);
};
- videojs$1.players = Player.players;
- videojs$1.getComponent = Component.getComponent;
+ videojs.players = Player.players;
+ videojs.getComponent = Component$1.getComponent;
/**
* Register a component so it can referred to by name. Used when adding to other
* components, either through addChild `component.addChild('myComponent')` or through
* The newly registered component
*/
- videojs$1.registerComponent = function (name, comp) {
+ videojs.registerComponent = function (name, comp) {
if (Tech.isTech(comp)) {
- log.warn("The " + name + " tech was registered as a component. It should instead be registered using videojs.registerTech(name, tech)");
+ log$1.warn("The " + name + " tech was registered as a component. It should instead be registered using videojs.registerTech(name, tech)");
}
- Component.registerComponent.call(Component, name, comp);
+ Component$1.registerComponent.call(Component$1, name, comp);
};
- videojs$1.getTech = Tech.getTech;
- videojs$1.registerTech = Tech.registerTech;
- videojs$1.use = use;
+ videojs.getTech = Tech.getTech;
+ videojs.registerTech = Tech.registerTech;
+ videojs.use = use;
/**
* An object that can be returned by a middleware to signify
* that the middleware is being terminated.
* @property {object} middleware.TERMINATOR
*/
- Object.defineProperty(videojs$1, 'middleware', {
+ Object.defineProperty(videojs, 'middleware', {
value: {},
writeable: false,
enumerable: true
});
- Object.defineProperty(videojs$1.middleware, 'TERMINATOR', {
+ Object.defineProperty(videojs.middleware, 'TERMINATOR', {
value: TERMINATOR,
writeable: false,
enumerable: true
* @see {@link module:browser|browser}
*/
- videojs$1.browser = browser;
+ videojs.browser = browser;
/**
* Use {@link module:browser.TOUCH_ENABLED|browser.TOUCH_ENABLED} instead; only
* included for backward-compatibility with 4.x.
* @type {boolean}
*/
- videojs$1.TOUCH_ENABLED = TOUCH_ENABLED;
- videojs$1.extend = extend;
- videojs$1.mergeOptions = mergeOptions;
- videojs$1.bind = bind;
- videojs$1.registerPlugin = Plugin.registerPlugin;
- videojs$1.deregisterPlugin = Plugin.deregisterPlugin;
+ videojs.TOUCH_ENABLED = TOUCH_ENABLED;
+ videojs.extend = extend;
+ videojs.mergeOptions = mergeOptions$3;
+ videojs.bind = bind;
+ videojs.registerPlugin = Plugin.registerPlugin;
+ videojs.deregisterPlugin = Plugin.deregisterPlugin;
/**
* Deprecated method to register a plugin with Video.js
*
* The plugin sub-class or function
*/
- videojs$1.plugin = function (name, plugin) {
- log.warn('videojs.plugin() is deprecated; use videojs.registerPlugin() instead');
+ videojs.plugin = function (name, plugin) {
+ log$1.warn('videojs.plugin() is deprecated; use videojs.registerPlugin() instead');
return Plugin.registerPlugin(name, plugin);
};
- videojs$1.getPlugins = Plugin.getPlugins;
- videojs$1.getPlugin = Plugin.getPlugin;
- videojs$1.getPluginVersion = Plugin.getPluginVersion;
+ videojs.getPlugins = Plugin.getPlugins;
+ videojs.getPlugin = Plugin.getPlugin;
+ videojs.getPluginVersion = Plugin.getPluginVersion;
/**
* Adding languages so that they're available to all players.
* Example: `videojs.addLanguage('es', { 'Hello': 'Hola' });`
* The resulting language dictionary object
*/
- videojs$1.addLanguage = function (code, data) {
+ videojs.addLanguage = function (code, data) {
var _mergeOptions;
code = ('' + code).toLowerCase();
- videojs$1.options.languages = mergeOptions(videojs$1.options.languages, (_mergeOptions = {}, _mergeOptions[code] = data, _mergeOptions));
- return videojs$1.options.languages[code];
+ videojs.options.languages = mergeOptions$3(videojs.options.languages, (_mergeOptions = {}, _mergeOptions[code] = data, _mergeOptions));
+ return videojs.options.languages[code];
};
/**
* A reference to the {@link module:log|log utility module} as an object.
*/
- videojs$1.log = log;
- videojs$1.createLogger = createLogger$1;
- videojs$1.createTimeRange = videojs$1.createTimeRanges = createTimeRanges;
- videojs$1.formatTime = formatTime;
- videojs$1.setFormatTime = setFormatTime;
- videojs$1.resetFormatTime = resetFormatTime;
- videojs$1.parseUrl = parseUrl;
- videojs$1.isCrossOrigin = isCrossOrigin;
- videojs$1.EventTarget = EventTarget;
- videojs$1.on = on;
- videojs$1.one = one;
- videojs$1.off = off;
- videojs$1.trigger = trigger;
+ videojs.log = log$1;
+ videojs.createLogger = createLogger;
+ videojs.createTimeRange = videojs.createTimeRanges = createTimeRanges;
+ videojs.formatTime = formatTime;
+ videojs.setFormatTime = setFormatTime;
+ videojs.resetFormatTime = resetFormatTime;
+ videojs.parseUrl = parseUrl;
+ videojs.isCrossOrigin = isCrossOrigin;
+ videojs.EventTarget = EventTarget$2;
+ videojs.on = on;
+ videojs.one = one;
+ videojs.off = off;
+ videojs.trigger = trigger;
/**
* A cross-browser XMLHttpRequest wrapper.
*
* @see https://github.com/Raynos/xhr
*/
- videojs$1.xhr = xhr;
- videojs$1.TextTrack = TextTrack;
- videojs$1.AudioTrack = AudioTrack;
- videojs$1.VideoTrack = VideoTrack;
+ videojs.xhr = lib;
+ videojs.TextTrack = TextTrack;
+ videojs.AudioTrack = AudioTrack;
+ videojs.VideoTrack = VideoTrack;
['isEl', 'isTextNode', 'createEl', 'hasClass', 'addClass', 'removeClass', 'toggleClass', 'setAttributes', 'getAttributes', 'emptyEl', 'appendContent', 'insertContent'].forEach(function (k) {
- videojs$1[k] = function () {
- log.warn("videojs." + k + "() is deprecated; use videojs.dom." + k + "() instead");
+ videojs[k] = function () {
+ log$1.warn("videojs." + k + "() is deprecated; use videojs.dom." + k + "() instead");
return Dom[k].apply(null, arguments);
};
});
- videojs$1.computedStyle = computedStyle;
+ videojs.computedStyle = computedStyle;
/**
* A reference to the {@link module:dom|DOM utility module} as an object.
*
* @see {@link module:dom|dom}
*/
- videojs$1.dom = Dom;
+ videojs.dom = Dom;
/**
* A reference to the {@link module:url|URL utility module} as an object.
*
* @see {@link module:url|url}
*/
- videojs$1.url = Url;
- videojs$1.defineLazyProperty = defineLazyProperty;
+ videojs.url = Url;
+ videojs.defineLazyProperty = defineLazyProperty; // Adding less ambiguous text for fullscreen button.
+ // In a major update this could become the default text and key.
+
+ videojs.addLanguage('en', {
+ 'Non-Fullscreen': 'Exit Fullscreen'
+ });
var urlToolkit = createCommonjsModule(function (module, exports) {
// see https://tools.ietf.org/html/rfc1808
-
- /* jshint ignore:start */
(function (root) {
- /* jshint ignore:end */
- var URL_REGEX = /^((?:[a-zA-Z0-9+\-.]+:)?)(\/\/[^\/?#]*)?((?:[^\/\?#]*\/)*.*?)??(;.*?)?(\?.*?)?(#.*?)?$/;
- var FIRST_SEGMENT_REGEX = /^([^\/?#]*)(.*)$/;
+ var URL_REGEX = /^((?:[a-zA-Z0-9+\-.]+:)?)(\/\/[^\/?#]*)?((?:[^\/?#]*\/)*[^;?#]*)?(;[^?#]*)?(\?[^#]*)?(#[^]*)?$/;
+ var FIRST_SEGMENT_REGEX = /^([^\/?#]*)([^]*)$/;
var SLASH_DOT_REGEX = /(?:\/|^)\.(?=\/)/g;
- var SLASH_DOT_DOT_REGEX = /(?:\/|^)\.\.\/(?!\.\.\/).*?(?=\/)/g;
+ var SLASH_DOT_DOT_REGEX = /(?:\/|^)\.\.\/(?!\.\.\/)[^\/]*(?=\/)/g;
var URLToolkit = {
- // jshint ignore:line
// If opts.alwaysNormalize is true then the path will always be normalized even when it starts with / or //
// E.g
// With opts.alwaysNormalize = false (default, spec compliant)
// complete path segment not equal to "..", that
// "<segment>/.." is removed.
- while (path.length !== (path = path.replace(SLASH_DOT_DOT_REGEX, '')).length) {} // jshint ignore:line
-
+ while (path.length !== (path = path.replace(SLASH_DOT_DOT_REGEX, '')).length) {}
return path.split('').reverse().join('');
},
return parts.scheme + parts.netLoc + parts.path + parts.params + parts.query + parts.fragment;
}
};
- /* jshint ignore:start */
-
module.exports = URLToolkit;
})();
- /* jshint ignore:end */
-
});
- /*! @name m3u8-parser @version 4.4.0 @license Apache-2.0 */
+ var DEFAULT_LOCATION$1 = 'http://example.com';
- function _extends() {
- _extends = Object.assign || function (target) {
- for (var i = 1; i < arguments.length; i++) {
- var source = arguments[i];
+ var resolveUrl$2 = function resolveUrl(baseUrl, relativeUrl) {
+ // return early if we don't need to resolve
+ if (/^[a-z]+:/i.test(relativeUrl)) {
+ return relativeUrl;
+ } // if baseUrl is a data URI, ignore it and resolve everything relative to window.location
- for (var key in source) {
- if (Object.prototype.hasOwnProperty.call(source, key)) {
- target[key] = source[key];
- }
- }
- }
- return target;
- };
+ if (/^data:/.test(baseUrl)) {
+ baseUrl = window.location && window.location.href || '';
+ } // IE11 supports URL but not the URL constructor
+ // feature detect the behavior we want
- return _extends.apply(this, arguments);
- }
- function _inheritsLoose$1(subClass, superClass) {
- subClass.prototype = Object.create(superClass.prototype);
- subClass.prototype.constructor = subClass;
- subClass.__proto__ = superClass;
- }
+ var nativeURL = typeof window.URL === 'function';
+ var protocolLess = /^\/\//.test(baseUrl); // remove location if window.location isn't available (i.e. we're in node)
+ // and if baseUrl isn't an absolute url
- function _assertThisInitialized$1(self) {
- if (self === void 0) {
- throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+ var removeLocation = !window.location && !/\/\//i.test(baseUrl); // if the base URL is relative then combine with the current location
+
+ if (nativeURL) {
+ baseUrl = new window.URL(baseUrl, window.location || DEFAULT_LOCATION$1);
+ } else if (!/\/\//i.test(baseUrl)) {
+ baseUrl = urlToolkit.buildAbsoluteURL(window.location && window.location.href || '', baseUrl);
}
- return self;
- }
+ if (nativeURL) {
+ var newUrl = new URL(relativeUrl, baseUrl); // if we're a protocol-less url, remove the protocol
+ // and if we're location-less, remove the location
+ // otherwise, return the url unmodified
+
+ if (removeLocation) {
+ return newUrl.href.slice(DEFAULT_LOCATION$1.length);
+ } else if (protocolLess) {
+ return newUrl.href.slice(newUrl.protocol.length);
+ }
+
+ return newUrl.href;
+ }
+
+ return urlToolkit.buildAbsoluteURL(baseUrl, relativeUrl);
+ };
+
/**
* @file stream.js
*/
/**
- * A lightweight readable stream implementation that handles event dispatching.
+ * A lightweight readable stream implemention that handles event dispatching.
*
* @class Stream
*/
-
-
var Stream = /*#__PURE__*/function () {
function Stream() {
this.listeners = {};
return false;
}
- var index = this.listeners[type].indexOf(listener);
+ var index = this.listeners[type].indexOf(listener); // TODO: which is better?
+ // In Video.js we slice listener functions
+ // on trigger so that it does not mess up the order
+ // while we loop through.
+ //
+ // Here we slice on off so that the loop in trigger
+ // can continue using it's old reference to loop without
+ // messing up the order.
+
+ this.listeners[type] = this.listeners[type].slice(0);
this.listeners[type].splice(index, 1);
return index > -1;
}
_proto.trigger = function trigger(type) {
var callbacks = this.listeners[type];
- var i;
- var length;
- var args;
if (!callbacks) {
return;
if (arguments.length === 2) {
- length = callbacks.length;
+ var length = callbacks.length;
- for (i = 0; i < length; ++i) {
+ for (var i = 0; i < length; ++i) {
callbacks[i].call(this, arguments[1]);
}
} else {
- args = Array.prototype.slice.call(arguments, 1);
- length = callbacks.length;
+ var args = Array.prototype.slice.call(arguments, 1);
+ var _length = callbacks.length;
- for (i = 0; i < length; ++i) {
- callbacks[i].apply(this, args);
+ for (var _i = 0; _i < _length; ++_i) {
+ callbacks[_i].apply(this, args);
}
}
}
return Stream;
}();
+
+ var atob = function atob(s) {
+ return window.atob ? window.atob(s) : Buffer.from(s, 'base64').toString('binary');
+ };
+
+ function decodeB64ToUint8Array(b64Text) {
+ var decodedString = atob(b64Text);
+ var array = new Uint8Array(decodedString.length);
+
+ for (var i = 0; i < decodedString.length; i++) {
+ array[i] = decodedString.charCodeAt(i);
+ }
+
+ return array;
+ }
+
+ /*! @name m3u8-parser @version 4.7.0 @license Apache-2.0 */
/**
* A stream that buffers string input and generates a `data` event for each
* line.
* @extends Stream
*/
-
var LineStream = /*#__PURE__*/function (_Stream) {
- _inheritsLoose$1(LineStream, _Stream);
+ inheritsLoose(LineStream, _Stream);
function LineStream() {
var _this;
return LineStream;
}(Stream);
+
+ var TAB = String.fromCharCode(0x09);
+
+ var parseByterange = function parseByterange(byterangeString) {
+ // optionally match and capture 0+ digits before `@`
+ // optionally match and capture 0+ digits after `@`
+ var match = /([0-9.]*)?@?([0-9.]*)?/.exec(byterangeString || '');
+ var result = {};
+
+ if (match[1]) {
+ result.length = parseInt(match[1], 10);
+ }
+
+ if (match[2]) {
+ result.offset = parseInt(match[2], 10);
+ }
+
+ return result;
+ };
/**
* "forgiving" attribute list psuedo-grammar:
* attributes -> keyvalue (',' keyvalue)*
*/
- var parseAttributes = function parseAttributes(attributes) {
+ var parseAttributes$1 = function parseAttributes(attributes) {
// split the string using attributes as the separator
var attrs = attributes.split(attributeSeparator());
var result = {};
var ParseStream = /*#__PURE__*/function (_Stream) {
- _inheritsLoose$1(ParseStream, _Stream);
+ inheritsLoose(ParseStream, _Stream);
function ParseStream() {
var _this;
return;
}
- match = /^#ZEN-TOTAL-DURATION:?([0-9.]*)?/.exec(newLine);
-
- if (match) {
- event = {
- type: 'tag',
- tagType: 'totalduration'
- };
-
- if (match[1]) {
- event.duration = parseInt(match[1], 10);
- }
-
- _this2.trigger('data', event);
-
- return;
- }
-
match = /^#EXT-X-VERSION:?([0-9.]*)?/.exec(newLine);
if (match) {
return;
}
- match = /^#EXT-X-BYTERANGE:?([0-9.]*)?@?([0-9.]*)?/.exec(newLine);
+ match = /^#EXT-X-BYTERANGE:?(.*)?$/.exec(newLine);
if (match) {
- event = {
+ event = _extends_1(parseByterange(match[1]), {
type: 'tag',
tagType: 'byterange'
- };
-
- if (match[1]) {
- event.length = parseInt(match[1], 10);
- }
-
- if (match[2]) {
- event.offset = parseInt(match[2], 10);
- }
+ });
_this2.trigger('data', event);
};
if (match[1]) {
- var attributes = parseAttributes(match[1]);
+ var attributes = parseAttributes$1(match[1]);
if (attributes.URI) {
event.uri = attributes.URI;
}
if (attributes.BYTERANGE) {
- var _attributes$BYTERANGE = attributes.BYTERANGE.split('@'),
- length = _attributes$BYTERANGE[0],
- offset = _attributes$BYTERANGE[1];
-
- event.byterange = {};
-
- if (length) {
- event.byterange.length = parseInt(length, 10);
- }
-
- if (offset) {
- event.byterange.offset = parseInt(offset, 10);
- }
+ event.byterange = parseByterange(attributes.BYTERANGE);
}
}
};
if (match[1]) {
- event.attributes = parseAttributes(match[1]);
+ event.attributes = parseAttributes$1(match[1]);
if (event.attributes.RESOLUTION) {
var split = event.attributes.RESOLUTION.split('x');
};
if (match[1]) {
- event.attributes = parseAttributes(match[1]);
+ event.attributes = parseAttributes$1(match[1]);
}
_this2.trigger('data', event);
};
if (match[1]) {
- event.attributes = parseAttributes(match[1]); // parse the IV string into a Uint32Array
+ event.attributes = parseAttributes$1(match[1]); // parse the IV string into a Uint32Array
if (event.attributes.IV) {
if (event.attributes.IV.substring(0, 2).toLowerCase() === '0x') {
};
if (match[1]) {
- event.attributes = parseAttributes(match[1]);
+ event.attributes = parseAttributes$1(match[1]);
event.attributes['TIME-OFFSET'] = parseFloat(event.attributes['TIME-OFFSET']);
event.attributes.PRECISE = /YES/.test(event.attributes.PRECISE);
}
_this2.trigger('data', event);
+ return;
+ }
+
+ match = /^#EXT-X-SKIP:(.*)$/.exec(newLine);
+
+ if (match && match[1]) {
+ event = {
+ type: 'tag',
+ tagType: 'skip'
+ };
+ event.attributes = parseAttributes$1(match[1]);
+
+ if (event.attributes.hasOwnProperty('SKIPPED-SEGMENTS')) {
+ event.attributes['SKIPPED-SEGMENTS'] = parseInt(event.attributes['SKIPPED-SEGMENTS'], 10);
+ }
+
+ if (event.attributes.hasOwnProperty('RECENTLY-REMOVED-DATERANGES')) {
+ event.attributes['RECENTLY-REMOVED-DATERANGES'] = event.attributes['RECENTLY-REMOVED-DATERANGES'].split(TAB);
+ }
+
+ _this2.trigger('data', event);
+
+ return;
+ }
+
+ match = /^#EXT-X-PART:(.*)$/.exec(newLine);
+
+ if (match && match[1]) {
+ event = {
+ type: 'tag',
+ tagType: 'part'
+ };
+ event.attributes = parseAttributes$1(match[1]);
+ ['DURATION'].forEach(function (key) {
+ if (event.attributes.hasOwnProperty(key)) {
+ event.attributes[key] = parseFloat(event.attributes[key]);
+ }
+ });
+ ['INDEPENDENT', 'GAP'].forEach(function (key) {
+ if (event.attributes.hasOwnProperty(key)) {
+ event.attributes[key] = /YES/.test(event.attributes[key]);
+ }
+ });
+
+ if (event.attributes.hasOwnProperty('BYTERANGE')) {
+ event.attributes.byterange = parseByterange(event.attributes.BYTERANGE);
+ }
+
+ _this2.trigger('data', event);
+
+ return;
+ }
+
+ match = /^#EXT-X-SERVER-CONTROL:(.*)$/.exec(newLine);
+
+ if (match && match[1]) {
+ event = {
+ type: 'tag',
+ tagType: 'server-control'
+ };
+ event.attributes = parseAttributes$1(match[1]);
+ ['CAN-SKIP-UNTIL', 'PART-HOLD-BACK', 'HOLD-BACK'].forEach(function (key) {
+ if (event.attributes.hasOwnProperty(key)) {
+ event.attributes[key] = parseFloat(event.attributes[key]);
+ }
+ });
+ ['CAN-SKIP-DATERANGES', 'CAN-BLOCK-RELOAD'].forEach(function (key) {
+ if (event.attributes.hasOwnProperty(key)) {
+ event.attributes[key] = /YES/.test(event.attributes[key]);
+ }
+ });
+
+ _this2.trigger('data', event);
+
+ return;
+ }
+
+ match = /^#EXT-X-PART-INF:(.*)$/.exec(newLine);
+
+ if (match && match[1]) {
+ event = {
+ type: 'tag',
+ tagType: 'part-inf'
+ };
+ event.attributes = parseAttributes$1(match[1]);
+ ['PART-TARGET'].forEach(function (key) {
+ if (event.attributes.hasOwnProperty(key)) {
+ event.attributes[key] = parseFloat(event.attributes[key]);
+ }
+ });
+
+ _this2.trigger('data', event);
+
+ return;
+ }
+
+ match = /^#EXT-X-PRELOAD-HINT:(.*)$/.exec(newLine);
+
+ if (match && match[1]) {
+ event = {
+ type: 'tag',
+ tagType: 'preload-hint'
+ };
+ event.attributes = parseAttributes$1(match[1]);
+ ['BYTERANGE-START', 'BYTERANGE-LENGTH'].forEach(function (key) {
+ if (event.attributes.hasOwnProperty(key)) {
+ event.attributes[key] = parseInt(event.attributes[key], 10);
+ var subkey = key === 'BYTERANGE-LENGTH' ? 'length' : 'offset';
+ event.attributes.byterange = event.attributes.byterange || {};
+ event.attributes.byterange[subkey] = event.attributes[key]; // only keep the parsed byterange object.
+
+ delete event.attributes[key];
+ }
+ });
+
+ _this2.trigger('data', event);
+
+ return;
+ }
+
+ match = /^#EXT-X-RENDITION-REPORT:(.*)$/.exec(newLine);
+
+ if (match && match[1]) {
+ event = {
+ type: 'tag',
+ tagType: 'rendition-report'
+ };
+ event.attributes = parseAttributes$1(match[1]);
+ ['LAST-MSN', 'LAST-PART'].forEach(function (key) {
+ if (event.attributes.hasOwnProperty(key)) {
+ event.attributes[key] = parseInt(event.attributes[key], 10);
+ }
+ });
+
+ _this2.trigger('data', event);
+
return;
} // unknown tag type
return ParseStream;
}(Stream);
- function decodeB64ToUint8Array(b64Text) {
- var decodedString = window$3.atob(b64Text || '');
- var array = new Uint8Array(decodedString.length);
+ var camelCase = function camelCase(str) {
+ return str.toLowerCase().replace(/-(\w)/g, function (a) {
+ return a[1].toUpperCase();
+ });
+ };
- for (var i = 0; i < decodedString.length; i++) {
- array[i] = decodedString.charCodeAt(i);
+ var camelCaseKeys = function camelCaseKeys(attributes) {
+ var result = {};
+ Object.keys(attributes).forEach(function (key) {
+ result[camelCase(key)] = attributes[key];
+ });
+ return result;
+ }; // set SERVER-CONTROL hold back based upon targetDuration and partTargetDuration
+ // we need this helper because defaults are based upon targetDuration and
+ // partTargetDuration being set, but they may not be if SERVER-CONTROL appears before
+ // target durations are set.
+
+
+ var setHoldBack = function setHoldBack(manifest) {
+ var serverControl = manifest.serverControl,
+ targetDuration = manifest.targetDuration,
+ partTargetDuration = manifest.partTargetDuration;
+
+ if (!serverControl) {
+ return;
}
- return array;
- }
+ var tag = '#EXT-X-SERVER-CONTROL';
+ var hb = 'holdBack';
+ var phb = 'partHoldBack';
+ var minTargetDuration = targetDuration && targetDuration * 3;
+ var minPartDuration = partTargetDuration && partTargetDuration * 2;
+
+ if (targetDuration && !serverControl.hasOwnProperty(hb)) {
+ serverControl[hb] = minTargetDuration;
+ this.trigger('info', {
+ message: tag + " defaulting HOLD-BACK to targetDuration * 3 (" + minTargetDuration + ")."
+ });
+ }
+
+ if (minTargetDuration && serverControl[hb] < minTargetDuration) {
+ this.trigger('warn', {
+ message: tag + " clamping HOLD-BACK (" + serverControl[hb] + ") to targetDuration * 3 (" + minTargetDuration + ")"
+ });
+ serverControl[hb] = minTargetDuration;
+ } // default no part hold back to part target duration * 3
+
+
+ if (partTargetDuration && !serverControl.hasOwnProperty(phb)) {
+ serverControl[phb] = partTargetDuration * 3;
+ this.trigger('info', {
+ message: tag + " defaulting PART-HOLD-BACK to partTargetDuration * 3 (" + serverControl[phb] + ")."
+ });
+ } // if part hold back is too small default it to part target duration * 2
+
+
+ if (partTargetDuration && serverControl[phb] < minPartDuration) {
+ this.trigger('warn', {
+ message: tag + " clamping PART-HOLD-BACK (" + serverControl[phb] + ") to partTargetDuration * 2 (" + minPartDuration + ")."
+ });
+ serverControl[phb] = minPartDuration;
+ }
+ };
/**
* A parser for M3U8 files. The current interpretation of the input is
* exposed as a property `manifest` on parser objects. It's just two lines to
var Parser = /*#__PURE__*/function (_Stream) {
- _inheritsLoose$1(Parser, _Stream);
+ inheritsLoose(Parser, _Stream);
function Parser() {
var _this;
/* eslint-disable consistent-this */
- var self = _assertThisInitialized$1(_this);
+ var self = assertThisInitialized(_this);
/* eslint-enable consistent-this */
var _key;
+ var hasParts = false;
+
var noop = function noop() {};
var defaultMediaGroups = {
allowCache: true,
discontinuityStarts: [],
segments: []
- }; // update the manifest with the m3u8 entry from the parse stream
+ }; // keep track of the last seen segment's byte range end, as segments are not required
+ // to provide the offset, in which case it defaults to the next byte after the
+ // previous segment
+
+ var lastByterangeEnd = 0; // keep track of the last seen part's byte range end.
+
+ var lastPartByterangeEnd = 0;
+
+ _this.on('end', function () {
+ // only add preloadSegment if we don't yet have a uri for it.
+ // and we actually have parts/preloadHints
+ if (currentUri.uri || !currentUri.parts && !currentUri.preloadHints) {
+ return;
+ }
+
+ if (!currentUri.map && currentMap) {
+ currentUri.map = currentMap;
+ }
+
+ if (!currentUri.key && _key) {
+ currentUri.key = _key;
+ }
+
+ if (!currentUri.timeline && typeof currentTimeline === 'number') {
+ currentUri.timeline = currentTimeline;
+ }
+
+ _this.manifest.preloadSegment = currentUri;
+ }); // update the manifest with the m3u8 entry from the parse stream
+
_this.parseStream.on('data', function (entry) {
var mediaGroup;
tag: function tag() {
// switch based on the tag type
(({
+ version: function version() {
+ if (entry.version) {
+ this.manifest.version = entry.version;
+ }
+ },
'allow-cache': function allowCache() {
this.manifest.allowCache = entry.allowed;
byterange.length = entry.length;
if (!('offset' in entry)) {
- this.trigger('info', {
- message: 'defaulting offset to zero'
- });
- entry.offset = 0;
+ /*
+ * From the latest spec (as of this writing):
+ * https://tools.ietf.org/html/draft-pantos-http-live-streaming-23#section-4.3.2.2
+ *
+ * Same text since EXT-X-BYTERANGE's introduction in draft 7:
+ * https://tools.ietf.org/html/draft-pantos-http-live-streaming-07#section-3.3.1)
+ *
+ * "If o [offset] is not present, the sub-range begins at the next byte
+ * following the sub-range of the previous media segment."
+ */
+ entry.offset = lastByterangeEnd;
}
}
currentUri.byterange = byterange;
byterange.offset = entry.offset;
}
+
+ lastByterangeEnd = byterange.offset + byterange.length;
},
endlist: function endlist() {
this.manifest.endList = true;
message: 'ignoring key declaration without URI'
});
return;
+ }
+
+ if (entry.attributes.KEYFORMAT === 'com.apple.streamingkeydelivery') {
+ this.manifest.contentProtection = this.manifest.contentProtection || {}; // TODO: add full support for this.
+
+ this.manifest.contentProtection['com.apple.fps.1_0'] = {
+ attributes: entry.attributes
+ };
+ return;
} // check if the content is encrypted for Widevine
// Widevine/HLS spec: https://storage.googleapis.com/wvdocs/Widevine_DRM_HLS.pdf
// on the manifest to emulate Widevine tag structure in a DASH mpd
- this.manifest.contentProtection = {
- 'com.widevine.alpha': {
- attributes: {
- schemeIdUri: entry.attributes.KEYFORMAT,
- // remove '0x' from the key id string
- keyId: entry.attributes.KEYID.substring(2)
- },
- // decode the base64-encoded PSSH box
- pssh: decodeB64ToUint8Array(entry.attributes.URI.split(',')[1])
- }
+ this.manifest.contentProtection = this.manifest.contentProtection || {};
+ this.manifest.contentProtection['com.widevine.alpha'] = {
+ attributes: {
+ schemeIdUri: entry.attributes.KEYFORMAT,
+ // remove '0x' from the key id string
+ keyId: entry.attributes.KEYID.substring(2)
+ },
+ // decode the base64-encoded PSSH box
+ pssh: decodeB64ToUint8Array(entry.attributes.URI.split(',')[1])
};
return;
}
if (entry.byterange) {
currentMap.byterange = entry.byterange;
}
+
+ if (_key) {
+ currentMap.key = _key;
+ }
},
'stream-inf': function streamInf() {
this.manifest.playlists = uris;
currentUri.attributes = {};
}
- _extends(currentUri.attributes, entry.attributes);
+ _extends_1(currentUri.attributes, entry.attributes);
},
media: function media() {
this.manifest.mediaGroups = this.manifest.mediaGroups || defaultMediaGroups;
}
this.manifest.targetDuration = entry.duration;
- },
- totalduration: function totalduration() {
- if (!isFinite(entry.duration) || entry.duration < 0) {
- this.trigger('warn', {
- message: 'ignoring invalid total duration: ' + entry.duration
- });
- return;
- }
-
- this.manifest.totalDuration = entry.duration;
+ setHoldBack.call(this, this.manifest);
},
start: function start() {
if (!entry.attributes || isNaN(entry.attributes['TIME-OFFSET'])) {
},
'cue-in': function cueIn() {
currentUri.cueIn = entry.data;
+ },
+ 'skip': function skip() {
+ this.manifest.skip = camelCaseKeys(entry.attributes);
+ this.warnOnMissingAttributes_('#EXT-X-SKIP', entry.attributes, ['SKIPPED-SEGMENTS']);
+ },
+ 'part': function part() {
+ var _this2 = this;
+
+ hasParts = true; // parts are always specifed before a segment
+
+ var segmentIndex = this.manifest.segments.length;
+ var part = camelCaseKeys(entry.attributes);
+ currentUri.parts = currentUri.parts || [];
+ currentUri.parts.push(part);
+
+ if (part.byterange) {
+ if (!part.byterange.hasOwnProperty('offset')) {
+ part.byterange.offset = lastPartByterangeEnd;
+ }
+
+ lastPartByterangeEnd = part.byterange.offset + part.byterange.length;
+ }
+
+ var partIndex = currentUri.parts.length - 1;
+ this.warnOnMissingAttributes_("#EXT-X-PART #" + partIndex + " for segment #" + segmentIndex, entry.attributes, ['URI', 'DURATION']);
+
+ if (this.manifest.renditionReports) {
+ this.manifest.renditionReports.forEach(function (r, i) {
+ if (!r.hasOwnProperty('lastPart')) {
+ _this2.trigger('warn', {
+ message: "#EXT-X-RENDITION-REPORT #" + i + " lacks required attribute(s): LAST-PART"
+ });
+ }
+ });
+ }
+ },
+ 'server-control': function serverControl() {
+ var attrs = this.manifest.serverControl = camelCaseKeys(entry.attributes);
+
+ if (!attrs.hasOwnProperty('canBlockReload')) {
+ attrs.canBlockReload = false;
+ this.trigger('info', {
+ message: '#EXT-X-SERVER-CONTROL defaulting CAN-BLOCK-RELOAD to false'
+ });
+ }
+
+ setHoldBack.call(this, this.manifest);
+
+ if (attrs.canSkipDateranges && !attrs.hasOwnProperty('canSkipUntil')) {
+ this.trigger('warn', {
+ message: '#EXT-X-SERVER-CONTROL lacks required attribute CAN-SKIP-UNTIL which is required when CAN-SKIP-DATERANGES is set'
+ });
+ }
+ },
+ 'preload-hint': function preloadHint() {
+ // parts are always specifed before a segment
+ var segmentIndex = this.manifest.segments.length;
+ var hint = camelCaseKeys(entry.attributes);
+ var isPart = hint.type && hint.type === 'PART';
+ currentUri.preloadHints = currentUri.preloadHints || [];
+ currentUri.preloadHints.push(hint);
+
+ if (hint.byterange) {
+ if (!hint.byterange.hasOwnProperty('offset')) {
+ // use last part byterange end or zero if not a part.
+ hint.byterange.offset = isPart ? lastPartByterangeEnd : 0;
+
+ if (isPart) {
+ lastPartByterangeEnd = hint.byterange.offset + hint.byterange.length;
+ }
+ }
+ }
+
+ var index = currentUri.preloadHints.length - 1;
+ this.warnOnMissingAttributes_("#EXT-X-PRELOAD-HINT #" + index + " for segment #" + segmentIndex, entry.attributes, ['TYPE', 'URI']);
+
+ if (!hint.type) {
+ return;
+ } // search through all preload hints except for the current one for
+ // a duplicate type.
+
+
+ for (var i = 0; i < currentUri.preloadHints.length - 1; i++) {
+ var otherHint = currentUri.preloadHints[i];
+
+ if (!otherHint.type) {
+ continue;
+ }
+
+ if (otherHint.type === hint.type) {
+ this.trigger('warn', {
+ message: "#EXT-X-PRELOAD-HINT #" + index + " for segment #" + segmentIndex + " has the same TYPE " + hint.type + " as preload hint #" + i
+ });
+ }
+ }
+ },
+ 'rendition-report': function renditionReport() {
+ var report = camelCaseKeys(entry.attributes);
+ this.manifest.renditionReports = this.manifest.renditionReports || [];
+ this.manifest.renditionReports.push(report);
+ var index = this.manifest.renditionReports.length - 1;
+ var required = ['LAST-MSN', 'URI'];
+
+ if (hasParts) {
+ required.push('LAST-PART');
+ }
+
+ this.warnOnMissingAttributes_("#EXT-X-RENDITION-REPORT #" + index, entry.attributes, required);
+ },
+ 'part-inf': function partInf() {
+ this.manifest.partInf = camelCaseKeys(entry.attributes);
+ this.warnOnMissingAttributes_('#EXT-X-PART-INF', entry.attributes, ['PART-TARGET']);
+
+ if (this.manifest.partInf.partTarget) {
+ this.manifest.partTargetDuration = this.manifest.partInf.partTarget;
+ }
+
+ setHoldBack.call(this, this.manifest);
}
})[entry.tagType] || noop).call(self);
},
if (currentMap) {
currentUri.map = currentMap;
- } // prepare for the next URI
+ } // reset the last byterange end as it needs to be 0 between parts
+ lastPartByterangeEnd = 0; // prepare for the next URI
+
currentUri = {};
},
comment: function comment() {// comments are not important for playback
return _this;
}
+
+ var _proto = Parser.prototype;
+
+ _proto.warnOnMissingAttributes_ = function warnOnMissingAttributes_(identifier, attributes, required) {
+ var missing = [];
+ required.forEach(function (key) {
+ if (!attributes.hasOwnProperty(key)) {
+ missing.push(key);
+ }
+ });
+
+ if (missing.length) {
+ this.trigger('warn', {
+ message: identifier + " lacks required attribute(s): " + missing.join(', ')
+ });
+ }
+ }
/**
* Parse the input string and update the manifest object.
*
* @param {string} chunk a potentially incomplete portion of the manifest
*/
-
-
- var _proto = Parser.prototype;
+ ;
_proto.push = function push(chunk) {
this.lineStream.push(chunk);
_proto.end = function end() {
// flush any buffered input
this.lineStream.push('\n');
+ this.trigger('end');
}
/**
* Add an additional parser for non-standard tags
return Parser;
}(Stream);
- function _interopDefault(ex) {
- return ex && typeof ex === 'object' && 'default' in ex ? ex['default'] : ex;
- }
-
- var URLToolkit = _interopDefault(urlToolkit);
+ var regexs = {
+ // to determine mime types
+ mp4: /^(av0?1|avc0?[1234]|vp0?9|flac|opus|mp3|mp4a|mp4v|stpp.ttml.im1t)/,
+ webm: /^(vp0?[89]|av0?1|opus|vorbis)/,
+ ogg: /^(vp0?[89]|theora|flac|opus|vorbis)/,
+ // to determine if a codec is audio or video
+ video: /^(av0?1|avc0?[1234]|vp0?[89]|hvc1|hev1|theora|mp4v)/,
+ audio: /^(mp4a|flac|vorbis|opus|ac-[34]|ec-3|alac|mp3|speex|aac)/,
+ text: /^(stpp.ttml.im1t)/,
+ // mux.js support regex
+ muxerVideo: /^(avc0?1)/,
+ muxerAudio: /^(mp4a)/,
+ // match nothing as muxer does not support text right now.
+ // there cannot never be a character before the start of a string
+ // so this matches nothing.
+ muxerText: /a^/
+ };
+ var mediaTypes = ['video', 'audio', 'text'];
+ var upperMediaTypes = ['Video', 'Audio', 'Text'];
+ /**
+ * Replace the old apple-style `avc1.<dd>.<dd>` codec string with the standard
+ * `avc1.<hhhhhh>`
+ *
+ * @param {string} codec
+ * Codec string to translate
+ * @return {string}
+ * The translated codec string
+ */
- var window$1 = _interopDefault(window$3);
+ var translateLegacyCodec = function translateLegacyCodec(codec) {
+ if (!codec) {
+ return codec;
+ }
- var resolveUrl = function resolveUrl(baseUrl, relativeUrl) {
- // return early if we don't need to resolve
- if (/^[a-z]+:/i.test(relativeUrl)) {
- return relativeUrl;
- } // if the base URL is relative then combine with the current location
+ return codec.replace(/avc1\.(\d+)\.(\d+)/i, function (orig, profile, avcLevel) {
+ var profileHex = ('00' + Number(profile).toString(16)).slice(-2);
+ var avcLevelHex = ('00' + Number(avcLevel).toString(16)).slice(-2);
+ return 'avc1.' + profileHex + '00' + avcLevelHex;
+ });
+ };
+ /**
+ * @typedef {Object} ParsedCodecInfo
+ * @property {number} codecCount
+ * Number of codecs parsed
+ * @property {string} [videoCodec]
+ * Parsed video codec (if found)
+ * @property {string} [videoObjectTypeIndicator]
+ * Video object type indicator (if found)
+ * @property {string|null} audioProfile
+ * Audio profile
+ */
+ /**
+ * Parses a codec string to retrieve the number of codecs specified, the video codec and
+ * object type indicator, and the audio profile.
+ *
+ * @param {string} [codecString]
+ * The codec string to parse
+ * @return {ParsedCodecInfo}
+ * Parsed codec info
+ */
- if (!/\/\//i.test(baseUrl)) {
- baseUrl = URLToolkit.buildAbsoluteURL(window$1.location && window$1.location.href || '', baseUrl);
+ var parseCodecs = function parseCodecs(codecString) {
+ if (codecString === void 0) {
+ codecString = '';
}
- return URLToolkit.buildAbsoluteURL(baseUrl, relativeUrl);
- };
+ var codecs = codecString.split(',');
+ var result = [];
+ codecs.forEach(function (codec) {
+ codec = codec.trim();
+ var codecType;
+ mediaTypes.forEach(function (name) {
+ var match = regexs[name].exec(codec.toLowerCase());
- var resolveUrl_1 = resolveUrl;
+ if (!match || match.length <= 1) {
+ return;
+ }
- function _interopDefault$1(ex) {
- return ex && typeof ex === 'object' && 'default' in ex ? ex['default'] : ex;
- }
+ codecType = name; // maintain codec case
- var window$2 = _interopDefault$1(window$3);
+ var type = codec.substring(0, match[1].length);
+ var details = codec.replace(type, '');
+ result.push({
+ type: type,
+ details: details,
+ mediaType: name
+ });
+ });
- var atob = function atob(s) {
- return window$2.atob ? window$2.atob(s) : Buffer.from(s, 'base64').toString('binary');
+ if (!codecType) {
+ result.push({
+ type: codec,
+ details: '',
+ mediaType: 'unknown'
+ });
+ }
+ });
+ return result;
};
+ /**
+ * Returns a ParsedCodecInfo object for the default alternate audio playlist if there is
+ * a default alternate audio playlist for the provided audio group.
+ *
+ * @param {Object} master
+ * The master playlist
+ * @param {string} audioGroupId
+ * ID of the audio group for which to find the default codec info
+ * @return {ParsedCodecInfo}
+ * Parsed codec info
+ */
- function decodeB64ToUint8Array$1(b64Text) {
- var decodedString = atob(b64Text);
- var array = new Uint8Array(decodedString.length);
-
- for (var i = 0; i < decodedString.length; i++) {
- array[i] = decodedString.charCodeAt(i);
+ var codecsFromDefault = function codecsFromDefault(master, audioGroupId) {
+ if (!master.mediaGroups.AUDIO || !audioGroupId) {
+ return null;
}
- return array;
- }
+ var audioGroup = master.mediaGroups.AUDIO[audioGroupId];
- var decodeB64ToUint8Array_1 = decodeB64ToUint8Array$1;
+ if (!audioGroup) {
+ return null;
+ }
- //[4] NameStartChar ::= ":" | [A-Z] | "_" | [a-z] | [#xC0-#xD6] | [#xD8-#xF6] | [#xF8-#x2FF] | [#x370-#x37D] | [#x37F-#x1FFF] | [#x200C-#x200D] | [#x2070-#x218F] | [#x2C00-#x2FEF] | [#x3001-#xD7FF] | [#xF900-#xFDCF] | [#xFDF0-#xFFFD] | [#x10000-#xEFFFF]
- //[4a] NameChar ::= NameStartChar | "-" | "." | [0-9] | #xB7 | [#x0300-#x036F] | [#x203F-#x2040]
- //[5] Name ::= NameStartChar (NameChar)*
- var nameStartChar = /[A-Z_a-z\xC0-\xD6\xD8-\xF6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD]/; //\u10000-\uEFFFF
+ for (var name in audioGroup) {
+ var audioType = audioGroup[name];
- var nameChar = new RegExp("[\\-\\.0-9" + nameStartChar.source.slice(1, -1) + "\\u00B7\\u0300-\\u036F\\u203F-\\u2040]");
- var tagNamePattern = new RegExp('^' + nameStartChar.source + nameChar.source + '*(?:\:' + nameStartChar.source + nameChar.source + '*)?$'); //var tagNamePattern = /^[a-zA-Z_][\w\-\.]*(?:\:[a-zA-Z_][\w\-\.]*)?$/
- //var handlers = 'resolveEntity,getExternalSubset,characters,endDocument,endElement,endPrefixMapping,ignorableWhitespace,processingInstruction,setDocumentLocator,skippedEntity,startDocument,startElement,startPrefixMapping,notationDecl,unparsedEntityDecl,error,fatalError,warning,attributeDecl,elementDecl,externalEntityDecl,internalEntityDecl,comment,endCDATA,endDTD,endEntity,startCDATA,startDTD,startEntity'.split(',')
- //S_TAG, S_ATTR, S_EQ, S_ATTR_NOQUOT_VALUE
- //S_ATTR_SPACE, S_ATTR_END, S_TAG_SPACE, S_TAG_CLOSE
+ if (audioType["default"] && audioType.playlists) {
+ // codec should be the same for all playlists within the audio type
+ return parseCodecs(audioType.playlists[0].attributes.CODECS);
+ }
+ }
- var S_TAG = 0; //tag name offerring
+ return null;
+ };
+ var isAudioCodec = function isAudioCodec(codec) {
+ if (codec === void 0) {
+ codec = '';
+ }
- var S_ATTR = 1; //attr name offerring
+ return regexs.audio.test(codec.trim().toLowerCase());
+ };
+ var isTextCodec = function isTextCodec(codec) {
+ if (codec === void 0) {
+ codec = '';
+ }
- var S_ATTR_SPACE = 2; //attr name end and space offer
+ return regexs.text.test(codec.trim().toLowerCase());
+ };
+ var getMimeForCodec = function getMimeForCodec(codecString) {
+ if (!codecString || typeof codecString !== 'string') {
+ return;
+ }
- var S_EQ = 3; //=space?
+ var codecs = codecString.toLowerCase().split(',').map(function (c) {
+ return translateLegacyCodec(c.trim());
+ }); // default to video type
- var S_ATTR_NOQUOT_VALUE = 4; //attr value(no quot value only)
+ var type = 'video'; // only change to audio type if the only codec we have is
+ // audio
- var S_ATTR_END = 5; //attr value end and no space(quot end)
+ if (codecs.length === 1 && isAudioCodec(codecs[0])) {
+ type = 'audio';
+ } else if (codecs.length === 1 && isTextCodec(codecs[0])) {
+ // text uses application/<container> for now
+ type = 'application';
+ } // default the container to mp4
- var S_TAG_SPACE = 6; //(attr value end || tag end ) && (space offer)
- var S_TAG_CLOSE = 7; //closed el<el />
+ var container = 'mp4'; // every codec must be able to go into the container
+ // for that container to be the correct one
- function XMLReader() {}
+ if (codecs.every(function (c) {
+ return regexs.mp4.test(c);
+ })) {
+ container = 'mp4';
+ } else if (codecs.every(function (c) {
+ return regexs.webm.test(c);
+ })) {
+ container = 'webm';
+ } else if (codecs.every(function (c) {
+ return regexs.ogg.test(c);
+ })) {
+ container = 'ogg';
+ }
- XMLReader.prototype = {
- parse: function parse(source, defaultNSMap, entityMap) {
- var domBuilder = this.domBuilder;
- domBuilder.startDocument();
+ return type + "/" + container + ";codecs=\"" + codecString + "\"";
+ };
+ var browserSupportsCodec = function browserSupportsCodec(codecString) {
+ if (codecString === void 0) {
+ codecString = '';
+ }
- _copy(defaultNSMap, defaultNSMap = {});
+ return window.MediaSource && window.MediaSource.isTypeSupported && window.MediaSource.isTypeSupported(getMimeForCodec(codecString)) || false;
+ };
+ var muxerSupportsCodec = function muxerSupportsCodec(codecString) {
+ if (codecString === void 0) {
+ codecString = '';
+ }
- _parse(source, defaultNSMap, entityMap, domBuilder, this.errorHandler);
+ return codecString.toLowerCase().split(',').every(function (codec) {
+ codec = codec.trim(); // any match is supported.
- domBuilder.endDocument();
- }
- };
+ for (var i = 0; i < upperMediaTypes.length; i++) {
+ var type = upperMediaTypes[i];
- function _parse(source, defaultNSMapCopy, entityMap, domBuilder, errorHandler) {
- function fixedFromCharCode(code) {
- // String.prototype.fromCharCode does not supports
- // > 2 bytes unicode chars directly
- if (code > 0xffff) {
- code -= 0x10000;
- var surrogate1 = 0xd800 + (code >> 10),
- surrogate2 = 0xdc00 + (code & 0x3ff);
- return String.fromCharCode(surrogate1, surrogate2);
- } else {
- return String.fromCharCode(code);
+ if (regexs["muxer" + type].test(codec)) {
+ return true;
+ }
}
- }
- function entityReplacer(a) {
- var k = a.slice(1, -1);
+ return false;
+ });
+ };
+ var DEFAULT_AUDIO_CODEC = 'mp4a.40.2';
+ var DEFAULT_VIDEO_CODEC = 'avc1.4d400d';
- if (k in entityMap) {
- return entityMap[k];
- } else if (k.charAt(0) === '#') {
- return fixedFromCharCode(parseInt(k.substr(1).replace('x', '0x')));
- } else {
- errorHandler.error('entity not found:' + a);
- return a;
- }
- }
+ var MPEGURL_REGEX = /^(audio|video|application)\/(x-|vnd\.apple\.)?mpegurl/i;
+ var DASH_REGEX = /^application\/dash\+xml/i;
+ /**
+ * Returns a string that describes the type of source based on a video source object's
+ * media type.
+ *
+ * @see {@link https://dev.w3.org/html5/pf-summary/video.html#dom-source-type|Source Type}
+ *
+ * @param {string} type
+ * Video source object media type
+ * @return {('hls'|'dash'|'vhs-json'|null)}
+ * VHS source type string
+ */
- function appendText(end) {
- //has some bugs
- if (end > start) {
- var xt = source.substring(start, end).replace(/&#?\w+;/g, entityReplacer);
- locator && position(start);
- domBuilder.characters(xt, 0, end - start);
- start = end;
- }
+ var simpleTypeFromSourceType = function simpleTypeFromSourceType(type) {
+ if (MPEGURL_REGEX.test(type)) {
+ return 'hls';
}
- function position(p, m) {
- while (p >= lineEnd && (m = linePattern.exec(source))) {
- lineStart = m.index;
- lineEnd = lineStart + m[0].length;
- locator.lineNumber++; //console.log('line++:',locator,startPos,endPos)
- }
+ if (DASH_REGEX.test(type)) {
+ return 'dash';
+ } // Denotes the special case of a manifest object passed to http-streaming instead of a
+ // source URL.
+ //
+ // See https://en.wikipedia.org/wiki/Media_type for details on specifying media types.
+ //
+ // In this case, vnd stands for vendor, video.js for the organization, VHS for this
+ // project, and the +json suffix identifies the structure of the media type.
- locator.columnNumber = p - lineStart + 1;
+
+ if (type === 'application/vnd.videojs.vhs+json') {
+ return 'vhs-json';
}
- var lineStart = 0;
- var lineEnd = 0;
- var linePattern = /.*(?:\r\n?|\n)|.*$/g;
- var locator = domBuilder.locator;
- var parseStack = [{
- currentNSMap: defaultNSMapCopy
- }];
- var closeMap = {};
- var start = 0;
+ return null;
+ };
- while (true) {
- try {
- var tagStart = source.indexOf('<', start);
+ var DEFAULT_LOCATION = 'http://example.com';
- if (tagStart < 0) {
- if (!source.substr(start).match(/^\s*$/)) {
- var doc = domBuilder.doc;
- var text = doc.createTextNode(source.substr(start));
- doc.appendChild(text);
- domBuilder.currentElement = text;
- }
+ var resolveUrl$1 = function resolveUrl(baseUrl, relativeUrl) {
+ // return early if we don't need to resolve
+ if (/^[a-z]+:/i.test(relativeUrl)) {
+ return relativeUrl;
+ } // if baseUrl is a data URI, ignore it and resolve everything relative to window.location
- return;
- }
- if (tagStart > start) {
- appendText(tagStart);
- }
+ if (/^data:/.test(baseUrl)) {
+ baseUrl = window.location && window.location.href || '';
+ } // IE11 supports URL but not the URL constructor
+ // feature detect the behavior we want
- switch (source.charAt(tagStart + 1)) {
- case '/':
- var end = source.indexOf('>', tagStart + 3);
- var tagName = source.substring(tagStart + 2, end);
- var config = parseStack.pop();
- if (end < 0) {
- tagName = source.substring(tagStart + 2).replace(/[\s<].*/, ''); //console.error('#@@@@@@'+tagName)
+ var nativeURL = typeof window.URL === 'function';
+ var protocolLess = /^\/\//.test(baseUrl); // remove location if window.location isn't available (i.e. we're in node)
+ // and if baseUrl isn't an absolute url
- errorHandler.error("end tag name: " + tagName + ' is not complete:' + config.tagName);
- end = tagStart + 1 + tagName.length;
- } else if (tagName.match(/\s</)) {
- tagName = tagName.replace(/[\s<].*/, '');
- errorHandler.error("end tag name: " + tagName + ' maybe not complete');
- end = tagStart + 1 + tagName.length;
- } //console.error(parseStack.length,parseStack)
- //console.error(config);
+ var removeLocation = !window.location && !/\/\//i.test(baseUrl); // if the base URL is relative then combine with the current location
+ if (nativeURL) {
+ baseUrl = new window.URL(baseUrl, window.location || DEFAULT_LOCATION);
+ } else if (!/\/\//i.test(baseUrl)) {
+ baseUrl = urlToolkit.buildAbsoluteURL(window.location && window.location.href || '', baseUrl);
+ }
- var localNSMap = config.localNSMap;
- var endMatch = config.tagName == tagName;
- var endIgnoreCaseMach = endMatch || config.tagName && config.tagName.toLowerCase() == tagName.toLowerCase();
+ if (nativeURL) {
+ var newUrl = new URL(relativeUrl, baseUrl); // if we're a protocol-less url, remove the protocol
+ // and if we're location-less, remove the location
+ // otherwise, return the url unmodified
- if (endIgnoreCaseMach) {
- domBuilder.endElement(config.uri, config.localName, tagName);
+ if (removeLocation) {
+ return newUrl.href.slice(DEFAULT_LOCATION.length);
+ } else if (protocolLess) {
+ return newUrl.href.slice(newUrl.protocol.length);
+ }
- if (localNSMap) {
- for (var prefix in localNSMap) {
- domBuilder.endPrefixMapping(prefix);
- }
- }
+ return newUrl.href;
+ }
- if (!endMatch) {
- errorHandler.fatalError("end tag name: " + tagName + ' is not match the current start tagName:' + config.tagName);
- }
- } else {
- parseStack.push(config);
- }
+ return urlToolkit.buildAbsoluteURL(baseUrl, relativeUrl);
+ };
- end++;
- break;
- // end elment
+ /**
+ * "Shallow freezes" an object to render it immutable.
+ * Uses `Object.freeze` if available,
+ * otherwise the immutability is only in the type.
+ *
+ * Is used to create "enum like" objects.
+ *
+ * @template T
+ * @param {T} object the object to freeze
+ * @param {Pick<ObjectConstructor, 'freeze'> = Object} oc `Object` by default,
+ * allows to inject custom object constructor for tests
+ * @returns {Readonly<T>}
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/freeze
+ */
- case '?':
- // <?...?>
- locator && position(tagStart);
- end = parseInstruction(source, tagStart, domBuilder);
- break;
+ function freeze(object, oc) {
+ if (oc === undefined) {
+ oc = Object;
+ }
- case '!':
- // <!doctype,<![CDATA,<!--
- locator && position(tagStart);
- end = parseDCC(source, tagStart, domBuilder, errorHandler);
- break;
+ return oc && typeof oc.freeze === 'function' ? oc.freeze(object) : object;
+ }
+ /**
+ * All mime types that are allowed as input to `DOMParser.parseFromString`
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/DOMParser/parseFromString#Argument02 MDN
+ * @see https://html.spec.whatwg.org/multipage/dynamic-markup-insertion.html#domparsersupportedtype WHATWG HTML Spec
+ * @see DOMParser.prototype.parseFromString
+ */
- default:
- locator && position(tagStart);
- var el = new ElementAttributes();
- var currentNSMap = parseStack[parseStack.length - 1].currentNSMap; //elStartEnd
- var end = parseElementStartPart(source, tagStart, el, currentNSMap, entityReplacer, errorHandler);
- var len = el.length;
+ var MIME_TYPE = freeze({
+ /**
+ * `text/html`, the only mime type that triggers treating an XML document as HTML.
+ *
+ * @see DOMParser.SupportedType.isHTML
+ * @see https://www.iana.org/assignments/media-types/text/html IANA MimeType registration
+ * @see https://en.wikipedia.org/wiki/HTML Wikipedia
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/DOMParser/parseFromString MDN
+ * @see https://html.spec.whatwg.org/multipage/dynamic-markup-insertion.html#dom-domparser-parsefromstring WHATWG HTML Spec
+ */
+ HTML: 'text/html',
- if (!el.closed && fixSelfClosed(source, end, el.tagName, closeMap)) {
- el.closed = true;
+ /**
+ * Helper method to check a mime type if it indicates an HTML document
+ *
+ * @param {string} [value]
+ * @returns {boolean}
+ *
+ * @see https://www.iana.org/assignments/media-types/text/html IANA MimeType registration
+ * @see https://en.wikipedia.org/wiki/HTML Wikipedia
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/DOMParser/parseFromString MDN
+ * @see https://html.spec.whatwg.org/multipage/dynamic-markup-insertion.html#dom-domparser-parsefromstring */
+ isHTML: function isHTML(value) {
+ return value === MIME_TYPE.HTML;
+ },
- if (!entityMap.nbsp) {
- errorHandler.warning('unclosed xml attribute');
- }
- }
+ /**
+ * `application/xml`, the standard mime type for XML documents.
+ *
+ * @see https://www.iana.org/assignments/media-types/application/xml IANA MimeType registration
+ * @see https://tools.ietf.org/html/rfc7303#section-9.1 RFC 7303
+ * @see https://en.wikipedia.org/wiki/XML_and_MIME Wikipedia
+ */
+ XML_APPLICATION: 'application/xml',
- if (locator && len) {
- var locator2 = copyLocator(locator, {}); //try{//attribute position fixed
+ /**
+ * `text/html`, an alias for `application/xml`.
+ *
+ * @see https://tools.ietf.org/html/rfc7303#section-9.2 RFC 7303
+ * @see https://www.iana.org/assignments/media-types/text/xml IANA MimeType registration
+ * @see https://en.wikipedia.org/wiki/XML_and_MIME Wikipedia
+ */
+ XML_TEXT: 'text/xml',
- for (var i = 0; i < len; i++) {
- var a = el[i];
- position(a.offset);
- a.locator = copyLocator(locator, {});
- } //}catch(e){console.error('@@@@@'+e)}
+ /**
+ * `application/xhtml+xml`, indicates an XML document that has the default HTML namespace,
+ * but is parsed as an XML document.
+ *
+ * @see https://www.iana.org/assignments/media-types/application/xhtml+xml IANA MimeType registration
+ * @see https://dom.spec.whatwg.org/#dom-domimplementation-createdocument WHATWG DOM Spec
+ * @see https://en.wikipedia.org/wiki/XHTML Wikipedia
+ */
+ XML_XHTML_APPLICATION: 'application/xhtml+xml',
+ /**
+ * `image/svg+xml`,
+ *
+ * @see https://www.iana.org/assignments/media-types/image/svg+xml IANA MimeType registration
+ * @see https://www.w3.org/TR/SVG11/ W3C SVG 1.1
+ * @see https://en.wikipedia.org/wiki/Scalable_Vector_Graphics Wikipedia
+ */
+ XML_SVG_IMAGE: 'image/svg+xml'
+ });
+ /**
+ * Namespaces that are used in this code base.
+ *
+ * @see http://www.w3.org/TR/REC-xml-names
+ */
- domBuilder.locator = locator2;
+ var NAMESPACE$3 = freeze({
+ /**
+ * The XHTML namespace.
+ *
+ * @see http://www.w3.org/1999/xhtml
+ */
+ HTML: 'http://www.w3.org/1999/xhtml',
- if (appendElement(el, domBuilder, currentNSMap)) {
- parseStack.push(el);
- }
+ /**
+ * Checks if `uri` equals `NAMESPACE.HTML`.
+ *
+ * @param {string} [uri]
+ *
+ * @see NAMESPACE.HTML
+ */
+ isHTML: function isHTML(uri) {
+ return uri === NAMESPACE$3.HTML;
+ },
- domBuilder.locator = locator;
- } else {
- if (appendElement(el, domBuilder, currentNSMap)) {
- parseStack.push(el);
- }
- }
+ /**
+ * The SVG namespace.
+ *
+ * @see http://www.w3.org/2000/svg
+ */
+ SVG: 'http://www.w3.org/2000/svg',
- if (el.uri === 'http://www.w3.org/1999/xhtml' && !el.closed) {
- end = parseHtmlSpecialContent(source, end, el.tagName, entityReplacer, domBuilder);
- } else {
- end++;
- }
+ /**
+ * The `xml:` namespace.
+ *
+ * @see http://www.w3.org/XML/1998/namespace
+ */
+ XML: 'http://www.w3.org/XML/1998/namespace',
- }
- } catch (e) {
- errorHandler.error('element parse error: ' + e); //errorHandler.error('element parse error: '+e);
+ /**
+ * The `xmlns:` namespace
+ *
+ * @see https://www.w3.org/2000/xmlns/
+ */
+ XMLNS: 'http://www.w3.org/2000/xmlns/'
+ });
+ var freeze_1 = freeze;
+ var MIME_TYPE_1 = MIME_TYPE;
+ var NAMESPACE_1 = NAMESPACE$3;
+ var conventions = {
+ freeze: freeze_1,
+ MIME_TYPE: MIME_TYPE_1,
+ NAMESPACE: NAMESPACE_1
+ };
- end = -1; //throw e;
- }
+ var NAMESPACE$2 = conventions.NAMESPACE;
+ /**
+ * A prerequisite for `[].filter`, to drop elements that are empty
+ * @param {string} input
+ * @returns {boolean}
+ */
- if (end > start) {
- start = end;
- } else {
- //TODO: 这里有可能sax回退，有位置错误风险
- appendText(Math.max(tagStart, start) + 1);
- }
- }
+ function notEmptyString(input) {
+ return input !== '';
}
+ /**
+ * @see https://infra.spec.whatwg.org/#split-on-ascii-whitespace
+ * @see https://infra.spec.whatwg.org/#ascii-whitespace
+ *
+ * @param {string} input
+ * @returns {string[]} (can be empty)
+ */
- function copyLocator(f, t) {
- t.lineNumber = f.lineNumber;
- t.columnNumber = f.columnNumber;
- return t;
+
+ function splitOnASCIIWhitespace(input) {
+ // U+0009 TAB, U+000A LF, U+000C FF, U+000D CR, U+0020 SPACE
+ return input ? input.split(/[\t\n\f\r ]+/).filter(notEmptyString) : [];
}
- /**\r
- * @see #appendElement(source,elStartEnd,el,selfClosed,entityReplacer,domBuilder,parseStack);\r
- * @return end of the elementStartPart(end of elementEndPart for selfClosed el)\r
+ /**
+ * Adds element as a key to current if it is not already present.
+ *
+ * @param {Record<string, boolean | undefined>} current
+ * @param {string} element
+ * @returns {Record<string, boolean | undefined>}
*/
- function parseElementStartPart(source, start, el, currentNSMap, entityReplacer, errorHandler) {
- var attrName;
- var value;
- var p = ++start;
- var s = S_TAG; //status
+ function orderedSetReducer(current, element) {
+ if (!current.hasOwnProperty(element)) {
+ current[element] = true;
+ }
- while (true) {
- var c = source.charAt(p);
+ return current;
+ }
+ /**
+ * @see https://infra.spec.whatwg.org/#ordered-set
+ * @param {string} input
+ * @returns {string[]}
+ */
- switch (c) {
- case '=':
- if (s === S_ATTR) {
- //attrName
- attrName = source.slice(start, p);
- s = S_EQ;
- } else if (s === S_ATTR_SPACE) {
- s = S_EQ;
- } else {
- //fatalError: equal must after attrName or space after attrName
- throw new Error('attribute equal must after attrName');
- }
- break;
+ function toOrderedSet(input) {
+ if (!input) return [];
+ var list = splitOnASCIIWhitespace(input);
+ return Object.keys(list.reduce(orderedSetReducer, {}));
+ }
+ /**
+ * Uses `list.indexOf` to implement something like `Array.prototype.includes`,
+ * which we can not rely on being available.
+ *
+ * @param {any[]} list
+ * @returns {function(any): boolean}
+ */
- case '\'':
- case '"':
- if (s === S_EQ || s === S_ATTR //|| s == S_ATTR_SPACE
- ) {
- //equal
- if (s === S_ATTR) {
- errorHandler.warning('attribute value must after "="');
- attrName = source.slice(start, p);
- }
- start = p + 1;
- p = source.indexOf(c, start);
+ function arrayIncludes(list) {
+ return function (element) {
+ return list && list.indexOf(element) !== -1;
+ };
+ }
- if (p > 0) {
- value = source.slice(start, p).replace(/&#?\w+;/g, entityReplacer);
- el.add(attrName, value, start - 1);
- s = S_ATTR_END;
- } else {
- //fatalError: no end quot match
- throw new Error('attribute value no end \'' + c + '\' match');
- }
- } else if (s == S_ATTR_NOQUOT_VALUE) {
- value = source.slice(start, p).replace(/&#?\w+;/g, entityReplacer); //console.log(attrName,value,start,p)
+ function copy(src, dest) {
+ for (var p in src) {
+ dest[p] = src[p];
+ }
+ }
+ /**
+ ^\w+\.prototype\.([_\w]+)\s*=\s*((?:.*\{\s*?[\r\n][\s\S]*?^})|\S.*?(?=[;\r\n]));?
+ ^\w+\.prototype\.([_\w]+)\s*=\s*(\S.*?(?=[;\r\n]));?
+ */
- el.add(attrName, value, start); //console.dir(el)
- errorHandler.warning('attribute "' + attrName + '" missed start quot(' + c + ')!!');
- start = p + 1;
- s = S_ATTR_END;
- } else {
- //fatalError: no equal before
- throw new Error('attribute value must after "="');
- }
+ function _extends(Class, Super) {
+ var pt = Class.prototype;
- break;
+ if (!(pt instanceof Super)) {
+ var t = function t() {};
+ t.prototype = Super.prototype;
+ t = new t();
+ copy(pt, t);
+ Class.prototype = pt = t;
+ }
- case '/':
- switch (s) {
- case S_TAG:
- el.setTagName(source.slice(start, p));
+ if (pt.constructor != Class) {
+ if (typeof Class != 'function') {
+ console.error("unknown Class:" + Class);
+ }
- case S_ATTR_END:
- case S_TAG_SPACE:
- case S_TAG_CLOSE:
- s = S_TAG_CLOSE;
- el.closed = true;
+ pt.constructor = Class;
+ }
+ } // Node Types
- case S_ATTR_NOQUOT_VALUE:
- case S_ATTR:
- case S_ATTR_SPACE:
- break;
- //case S_EQ:
- default:
- throw new Error("attribute invalid close char('/')");
- }
+ var NodeType = {};
+ var ELEMENT_NODE = NodeType.ELEMENT_NODE = 1;
+ var ATTRIBUTE_NODE = NodeType.ATTRIBUTE_NODE = 2;
+ var TEXT_NODE = NodeType.TEXT_NODE = 3;
+ var CDATA_SECTION_NODE = NodeType.CDATA_SECTION_NODE = 4;
+ var ENTITY_REFERENCE_NODE = NodeType.ENTITY_REFERENCE_NODE = 5;
+ var ENTITY_NODE = NodeType.ENTITY_NODE = 6;
+ var PROCESSING_INSTRUCTION_NODE = NodeType.PROCESSING_INSTRUCTION_NODE = 7;
+ var COMMENT_NODE = NodeType.COMMENT_NODE = 8;
+ var DOCUMENT_NODE = NodeType.DOCUMENT_NODE = 9;
+ var DOCUMENT_TYPE_NODE = NodeType.DOCUMENT_TYPE_NODE = 10;
+ var DOCUMENT_FRAGMENT_NODE = NodeType.DOCUMENT_FRAGMENT_NODE = 11;
+ var NOTATION_NODE = NodeType.NOTATION_NODE = 12; // ExceptionCode
- break;
+ var ExceptionCode = {};
+ var ExceptionMessage = {};
+ ExceptionCode.INDEX_SIZE_ERR = (ExceptionMessage[1] = "Index size error", 1);
+ ExceptionCode.DOMSTRING_SIZE_ERR = (ExceptionMessage[2] = "DOMString size error", 2);
+ var HIERARCHY_REQUEST_ERR = ExceptionCode.HIERARCHY_REQUEST_ERR = (ExceptionMessage[3] = "Hierarchy request error", 3);
+ ExceptionCode.WRONG_DOCUMENT_ERR = (ExceptionMessage[4] = "Wrong document", 4);
+ ExceptionCode.INVALID_CHARACTER_ERR = (ExceptionMessage[5] = "Invalid character", 5);
+ ExceptionCode.NO_DATA_ALLOWED_ERR = (ExceptionMessage[6] = "No data allowed", 6);
+ ExceptionCode.NO_MODIFICATION_ALLOWED_ERR = (ExceptionMessage[7] = "No modification allowed", 7);
+ var NOT_FOUND_ERR = ExceptionCode.NOT_FOUND_ERR = (ExceptionMessage[8] = "Not found", 8);
+ ExceptionCode.NOT_SUPPORTED_ERR = (ExceptionMessage[9] = "Not supported", 9);
+ var INUSE_ATTRIBUTE_ERR = ExceptionCode.INUSE_ATTRIBUTE_ERR = (ExceptionMessage[10] = "Attribute in use", 10); //level2
- case '':
- //end document
- //throw new Error('unexpected end of input')
- errorHandler.error('unexpected end of input');
+ ExceptionCode.INVALID_STATE_ERR = (ExceptionMessage[11] = "Invalid state", 11);
+ ExceptionCode.SYNTAX_ERR = (ExceptionMessage[12] = "Syntax error", 12);
+ ExceptionCode.INVALID_MODIFICATION_ERR = (ExceptionMessage[13] = "Invalid modification", 13);
+ ExceptionCode.NAMESPACE_ERR = (ExceptionMessage[14] = "Invalid namespace", 14);
+ ExceptionCode.INVALID_ACCESS_ERR = (ExceptionMessage[15] = "Invalid access", 15);
+ /**
+ * DOM Level 2
+ * Object DOMException
+ * @see http://www.w3.org/TR/2000/REC-DOM-Level-2-Core-20001113/ecma-script-binding.html
+ * @see http://www.w3.org/TR/REC-DOM-Level-1/ecma-script-language-binding.html
+ */
- if (s == S_TAG) {
- el.setTagName(source.slice(start, p));
- }
+ function DOMException(code, message) {
+ if (message instanceof Error) {
+ var error = message;
+ } else {
+ error = this;
+ Error.call(this, ExceptionMessage[code]);
+ this.message = ExceptionMessage[code];
+ if (Error.captureStackTrace) Error.captureStackTrace(this, DOMException);
+ }
- return p;
+ error.code = code;
+ if (message) this.message = this.message + ": " + message;
+ return error;
+ }
+ DOMException.prototype = Error.prototype;
+ copy(ExceptionCode, DOMException);
+ /**
+ * @see http://www.w3.org/TR/2000/REC-DOM-Level-2-Core-20001113/core.html#ID-536297177
+ * The NodeList interface provides the abstraction of an ordered collection of nodes, without defining or constraining how this collection is implemented. NodeList objects in the DOM are live.
+ * The items in the NodeList are accessible via an integral index, starting from 0.
+ */
- case '>':
- switch (s) {
- case S_TAG:
- el.setTagName(source.slice(start, p));
+ function NodeList() {}
+ NodeList.prototype = {
+ /**
+ * The number of nodes in the list. The range of valid child node indices is 0 to length-1 inclusive.
+ * @standard level1
+ */
+ length: 0,
- case S_ATTR_END:
- case S_TAG_SPACE:
- case S_TAG_CLOSE:
- break;
- //normal
+ /**
+ * Returns the indexth item in the collection. If index is greater than or equal to the number of nodes in the list, this returns null.
+ * @standard level1
+ * @param index unsigned long
+ * Index into the collection.
+ * @return Node
+ * The node at the indexth position in the NodeList, or null if that is not a valid index.
+ */
+ item: function item(index) {
+ return this[index] || null;
+ },
+ toString: function toString(isHTML, nodeFilter) {
+ for (var buf = [], i = 0; i < this.length; i++) {
+ serializeToString(this[i], buf, isHTML, nodeFilter);
+ }
- case S_ATTR_NOQUOT_VALUE: //Compatible state
+ return buf.join('');
+ }
+ };
- case S_ATTR:
- value = source.slice(start, p);
+ function LiveNodeList(node, refresh) {
+ this._node = node;
+ this._refresh = refresh;
- if (value.slice(-1) === '/') {
- el.closed = true;
- value = value.slice(0, -1);
- }
+ _updateLiveList(this);
+ }
- case S_ATTR_SPACE:
- if (s === S_ATTR_SPACE) {
- value = attrName;
- }
+ function _updateLiveList(list) {
+ var inc = list._node._inc || list._node.ownerDocument._inc;
- if (s == S_ATTR_NOQUOT_VALUE) {
- errorHandler.warning('attribute "' + value + '" missed quot(")!!');
- el.add(attrName, value.replace(/&#?\w+;/g, entityReplacer), start);
- } else {
- if (currentNSMap[''] !== 'http://www.w3.org/1999/xhtml' || !value.match(/^(?:disabled|checked|selected)$/i)) {
- errorHandler.warning('attribute "' + value + '" missed value!! "' + value + '" instead!!');
- }
+ if (list._inc != inc) {
+ var ls = list._refresh(list._node); //console.log(ls.length)
- el.add(value, value, start);
- }
- break;
+ __set__(list, 'length', ls.length);
- case S_EQ:
- throw new Error('attribute value missed!!');
- } // console.log(tagName,tagNamePattern,tagNamePattern.test(tagName))
+ copy(ls, list);
+ list._inc = inc;
+ }
+ }
+ LiveNodeList.prototype.item = function (i) {
+ _updateLiveList(this);
- return p;
+ return this[i];
+ };
- /*xml space '\x20' | #x9 | #xD | #xA; */
+ _extends(LiveNodeList, NodeList);
+ /**
+ * Objects implementing the NamedNodeMap interface are used
+ * to represent collections of nodes that can be accessed by name.
+ * Note that NamedNodeMap does not inherit from NodeList;
+ * NamedNodeMaps are not maintained in any particular order.
+ * Objects contained in an object implementing NamedNodeMap may also be accessed by an ordinal index,
+ * but this is simply to allow convenient enumeration of the contents of a NamedNodeMap,
+ * and does not imply that the DOM specifies an order to these Nodes.
+ * NamedNodeMap objects in the DOM are live.
+ * used for attributes or DocumentType entities
+ */
- case "\x80":
- c = ' ';
- default:
- if (c <= ' ') {
- //space
- switch (s) {
- case S_TAG:
- el.setTagName(source.slice(start, p)); //tagName
+ function NamedNodeMap() {}
- s = S_TAG_SPACE;
- break;
+ function _findNodeIndex(list, node) {
+ var i = list.length;
- case S_ATTR:
- attrName = source.slice(start, p);
- s = S_ATTR_SPACE;
- break;
+ while (i--) {
+ if (list[i] === node) {
+ return i;
+ }
+ }
+ }
- case S_ATTR_NOQUOT_VALUE:
- var value = source.slice(start, p).replace(/&#?\w+;/g, entityReplacer);
- errorHandler.warning('attribute "' + value + '" missed quot(")!!');
- el.add(attrName, value, start);
+ function _addNamedNode(el, list, newAttr, oldAttr) {
+ if (oldAttr) {
+ list[_findNodeIndex(list, oldAttr)] = newAttr;
+ } else {
+ list[list.length++] = newAttr;
+ }
- case S_ATTR_END:
- s = S_TAG_SPACE;
- break;
- //case S_TAG_SPACE:
- //case S_EQ:
- //case S_ATTR_SPACE:
- // void();break;
- //case S_TAG_CLOSE:
- //ignore warning
- }
- } else {
- //not space
- //S_TAG, S_ATTR, S_EQ, S_ATTR_NOQUOT_VALUE
- //S_ATTR_SPACE, S_ATTR_END, S_TAG_SPACE, S_TAG_CLOSE
- switch (s) {
- //case S_TAG:void();break;
- //case S_ATTR:void();break;
- //case S_ATTR_NOQUOT_VALUE:void();break;
- case S_ATTR_SPACE:
- var tagName = el.tagName;
+ if (el) {
+ newAttr.ownerElement = el;
+ var doc = el.ownerDocument;
- if (currentNSMap[''] !== 'http://www.w3.org/1999/xhtml' || !attrName.match(/^(?:disabled|checked|selected)$/i)) {
- errorHandler.warning('attribute "' + attrName + '" missed value!! "' + attrName + '" instead2!!');
- }
+ if (doc) {
+ oldAttr && _onRemoveAttribute(doc, el, oldAttr);
- el.add(attrName, attrName, start);
- start = p;
- s = S_ATTR;
- break;
+ _onAddAttribute(doc, el, newAttr);
+ }
+ }
+ }
- case S_ATTR_END:
- errorHandler.warning('attribute space is required"' + attrName + '"!!');
+ function _removeNamedNode(el, list, attr) {
+ //console.log('remove attr:'+attr)
+ var i = _findNodeIndex(list, attr);
- case S_TAG_SPACE:
- s = S_ATTR;
- start = p;
- break;
+ if (i >= 0) {
+ var lastIndex = list.length - 1;
- case S_EQ:
- s = S_ATTR_NOQUOT_VALUE;
- start = p;
- break;
+ while (i < lastIndex) {
+ list[i] = list[++i];
+ }
- case S_TAG_CLOSE:
- throw new Error("elements closed character '/' and '>' must be connected to");
- }
- }
+ list.length = lastIndex;
- } //end outer switch
- //console.log('p++',p)
+ if (el) {
+ var doc = el.ownerDocument;
+ if (doc) {
+ _onRemoveAttribute(doc, el, attr);
- p++;
+ attr.ownerElement = null;
+ }
+ }
+ } else {
+ throw DOMException(NOT_FOUND_ERR, new Error(el.tagName + '@' + attr));
}
}
- /**\r
- * @return true if has new namespace define\r
- */
-
-
- function appendElement(el, domBuilder, currentNSMap) {
- var tagName = el.tagName;
- var localNSMap = null; //var currentNSMap = parseStack[parseStack.length-1].currentNSMap;
- var i = el.length;
+ NamedNodeMap.prototype = {
+ length: 0,
+ item: NodeList.prototype.item,
+ getNamedItem: function getNamedItem(key) {
+ // if(key.indexOf(':')>0 || key == 'xmlns'){
+ // return null;
+ // }
+ //console.log()
+ var i = this.length;
- while (i--) {
- var a = el[i];
- var qName = a.qName;
- var value = a.value;
- var nsp = qName.indexOf(':');
+ while (i--) {
+ var attr = this[i]; //console.log(attr.nodeName,key)
- if (nsp > 0) {
- var prefix = a.prefix = qName.slice(0, nsp);
- var localName = qName.slice(nsp + 1);
- var nsPrefix = prefix === 'xmlns' && localName;
- } else {
- localName = qName;
- prefix = null;
- nsPrefix = qName === 'xmlns' && '';
- } //can not set prefix,because prefix !== ''
+ if (attr.nodeName == key) {
+ return attr;
+ }
+ }
+ },
+ setNamedItem: function setNamedItem(attr) {
+ var el = attr.ownerElement;
+ if (el && el != this._ownerElement) {
+ throw new DOMException(INUSE_ATTRIBUTE_ERR);
+ }
- a.localName = localName; //prefix == null for no ns prefix attribute
+ var oldAttr = this.getNamedItem(attr.nodeName);
- if (nsPrefix !== false) {
- //hack!!
- if (localNSMap == null) {
- localNSMap = {}; //console.log(currentNSMap,0)
+ _addNamedNode(this._ownerElement, this, attr, oldAttr);
- _copy(currentNSMap, currentNSMap = {}); //console.log(currentNSMap,1)
+ return oldAttr;
+ },
- }
+ /* returns Node */
+ setNamedItemNS: function setNamedItemNS(attr) {
+ // raises: WRONG_DOCUMENT_ERR,NO_MODIFICATION_ALLOWED_ERR,INUSE_ATTRIBUTE_ERR
+ var el = attr.ownerElement,
+ oldAttr;
- currentNSMap[nsPrefix] = localNSMap[nsPrefix] = value;
- a.uri = 'http://www.w3.org/2000/xmlns/';
- domBuilder.startPrefixMapping(nsPrefix, value);
+ if (el && el != this._ownerElement) {
+ throw new DOMException(INUSE_ATTRIBUTE_ERR);
}
- }
-
- var i = el.length;
- while (i--) {
- a = el[i];
- var prefix = a.prefix;
+ oldAttr = this.getNamedItemNS(attr.namespaceURI, attr.localName);
- if (prefix) {
- //no prefix attribute has no namespace
- if (prefix === 'xml') {
- a.uri = 'http://www.w3.org/XML/1998/namespace';
- }
+ _addNamedNode(this._ownerElement, this, attr, oldAttr);
- if (prefix !== 'xmlns') {
- a.uri = currentNSMap[prefix || '']; //{console.log('###'+a.qName,domBuilder.locator.systemId+'',currentNSMap,a.uri)}
- }
- }
- }
+ return oldAttr;
+ },
- var nsp = tagName.indexOf(':');
+ /* returns Node */
+ removeNamedItem: function removeNamedItem(key) {
+ var attr = this.getNamedItem(key);
- if (nsp > 0) {
- prefix = el.prefix = tagName.slice(0, nsp);
- localName = el.localName = tagName.slice(nsp + 1);
- } else {
- prefix = null; //important!!
+ _removeNamedNode(this._ownerElement, this, attr);
- localName = el.localName = tagName;
- } //no prefix element has default namespace
+ return attr;
+ },
+ // raises: NOT_FOUND_ERR,NO_MODIFICATION_ALLOWED_ERR
+ //for level2
+ removeNamedItemNS: function removeNamedItemNS(namespaceURI, localName) {
+ var attr = this.getNamedItemNS(namespaceURI, localName);
+ _removeNamedNode(this._ownerElement, this, attr);
- var ns = el.uri = currentNSMap[prefix || ''];
- domBuilder.startElement(ns, localName, tagName, el); //endPrefixMapping and startPrefixMapping have not any help for dom builder
- //localNSMap = null
+ return attr;
+ },
+ getNamedItemNS: function getNamedItemNS(namespaceURI, localName) {
+ var i = this.length;
- if (el.closed) {
- domBuilder.endElement(ns, localName, tagName);
+ while (i--) {
+ var node = this[i];
- if (localNSMap) {
- for (prefix in localNSMap) {
- domBuilder.endPrefixMapping(prefix);
+ if (node.localName == localName && node.namespaceURI == namespaceURI) {
+ return node;
}
}
- } else {
- el.currentNSMap = currentNSMap;
- el.localNSMap = localNSMap; //parseStack.push(el);
- return true;
- }
- }
-
- function parseHtmlSpecialContent(source, elStartEnd, tagName, entityReplacer, domBuilder) {
- if (/^(?:script|textarea)$/i.test(tagName)) {
- var elEndStart = source.indexOf('</' + tagName + '>', elStartEnd);
- var text = source.substring(elStartEnd + 1, elEndStart);
-
- if (/[&<]/.test(text)) {
- if (/^script$/i.test(tagName)) {
- //if(!/\]\]>/.test(text)){
- //lexHandler.startCDATA();
- domBuilder.characters(text, 0, text.length); //lexHandler.endCDATA();
-
- return elEndStart; //}
- } //}else{//text area
-
-
- text = text.replace(/&#?\w+;/g, entityReplacer);
- domBuilder.characters(text, 0, text.length);
- return elEndStart; //}
- }
- }
-
- return elStartEnd + 1;
- }
-
- function fixSelfClosed(source, elStartEnd, tagName, closeMap) {
- //if(tagName in closeMap){
- var pos = closeMap[tagName];
-
- if (pos == null) {
- //console.log(tagName)
- pos = source.lastIndexOf('</' + tagName + '>');
-
- if (pos < elStartEnd) {
- //忘记闭合
- pos = source.lastIndexOf('</' + tagName);
- }
-
- closeMap[tagName] = pos;
- }
-
- return pos < elStartEnd; //}
- }
-
- function _copy(source, target) {
- for (var n in source) {
- target[n] = source[n];
- }
- }
-
- function parseDCC(source, start, domBuilder, errorHandler) {
- //sure start with '<!'
- var next = source.charAt(start + 2);
-
- switch (next) {
- case '-':
- if (source.charAt(start + 3) === '-') {
- var end = source.indexOf('-->', start + 4); //append comment source.substring(4,end)//<!--
-
- if (end > start) {
- domBuilder.comment(source, start + 4, end - start - 4);
- return end + 3;
- } else {
- errorHandler.error("Unclosed comment");
- return -1;
- }
- } else {
- //error
- return -1;
- }
-
- default:
- if (source.substr(start + 3, 6) == 'CDATA[') {
- var end = source.indexOf(']]>', start + 9);
- domBuilder.startCDATA();
- domBuilder.characters(source, start + 9, end - start - 9);
- domBuilder.endCDATA();
- return end + 3;
- } //<!DOCTYPE
- //startDTD(java.lang.String name, java.lang.String publicId, java.lang.String systemId)
-
-
- var matchs = split(source, start);
- var len = matchs.length;
-
- if (len > 1 && /!doctype/i.test(matchs[0][0])) {
- var name = matchs[1][0];
- var pubid = len > 3 && /^public$/i.test(matchs[2][0]) && matchs[3][0];
- var sysid = len > 4 && matchs[4][0];
- var lastMatch = matchs[len - 1];
- domBuilder.startDTD(name, pubid && pubid.replace(/^(['"])(.*?)\1$/, '$2'), sysid && sysid.replace(/^(['"])(.*?)\1$/, '$2'));
- domBuilder.endDTD();
- return lastMatch.index + lastMatch[0].length;
- }
-
- }
-
- return -1;
- }
-
- function parseInstruction(source, start, domBuilder) {
- var end = source.indexOf('?>', start);
-
- if (end) {
- var match = source.substring(start, end).match(/^<\?(\S*)\s*([\s\S]*?)\s*$/);
-
- if (match) {
- var len = match[0].length;
- domBuilder.processingInstruction(match[1], match[2]);
- return end + 2;
- } else {
- //error
- return -1;
- }
- }
-
- return -1;
- }
- /**\r
- * @param source\r
- */
-
-
- function ElementAttributes(source) {}
-
- ElementAttributes.prototype = {
- setTagName: function setTagName(tagName) {
- if (!tagNamePattern.test(tagName)) {
- throw new Error('invalid tagName:' + tagName);
- }
-
- this.tagName = tagName;
- },
- add: function add(qName, value, offset) {
- if (!tagNamePattern.test(qName)) {
- throw new Error('invalid attribute:' + qName);
- }
-
- this[this.length++] = {
- qName: qName,
- value: value,
- offset: offset
- };
- },
- length: 0,
- getLocalName: function getLocalName(i) {
- return this[i].localName;
- },
- getLocator: function getLocator(i) {
- return this[i].locator;
- },
- getQName: function getQName(i) {
- return this[i].qName;
- },
- getURI: function getURI(i) {
- return this[i].uri;
- },
- getValue: function getValue(i) {
- return this[i].value;
- } // ,getIndex:function(uri, localName)){
- // if(localName){
- //
- // }else{
- // var qName = uri
- // }
- // },
- // getValue:function(){return this.getValue(this.getIndex.apply(this,arguments))},
- // getType:function(uri,localName){}
- // getType:function(i){},
-
- };
-
- function _set_proto_(thiz, parent) {
- thiz.__proto__ = parent;
- return thiz;
- }
-
- if (!(_set_proto_({}, _set_proto_.prototype) instanceof _set_proto_)) {
- _set_proto_ = function _set_proto_(thiz, parent) {
- function p() {}
- p.prototype = parent;
- p = new p();
-
- for (parent in thiz) {
- p[parent] = thiz[parent];
- }
-
- return p;
- };
- }
-
- function split(source, start) {
- var match;
- var buf = [];
- var reg = /'[^']+'|"[^"]+"|[^\s<>\/=]+=?|(\/?\s*>|<)/g;
- reg.lastIndex = start;
- reg.exec(source); //skip <
-
- while (match = reg.exec(source)) {
- buf.push(match);
- if (match[1]) return buf;
+ return null;
}
- }
-
- var XMLReader_1 = XMLReader;
- var sax = {
- XMLReader: XMLReader_1
};
-
- /*
- * DOM Level 2
- * Object DOMException
- * @see http://www.w3.org/TR/REC-DOM-Level-1/ecma-script-language-binding.html
- * @see http://www.w3.org/TR/2000/REC-DOM-Level-2-Core-20001113/ecma-script-binding.html
- */
- function copy(src, dest) {
- for (var p in src) {
- dest[p] = src[p];
- }
- }
/**
- ^\w+\.prototype\.([_\w]+)\s*=\s*((?:.*\{\s*?[\r\n][\s\S]*?^})|\S.*?(?=[;\r\n]));?
- ^\w+\.prototype\.([_\w]+)\s*=\s*(\S.*?(?=[;\r\n]));?
+ * The DOMImplementation interface represents an object providing methods
+ * which are not dependent on any particular document.
+ * Such an object is returned by the `Document.implementation` property.
+ *
+ * __The individual methods describe the differences compared to the specs.__
+ *
+ * @constructor
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/DOMImplementation MDN
+ * @see https://www.w3.org/TR/REC-DOM-Level-1/level-one-core.html#ID-102161490 DOM Level 1 Core (Initial)
+ * @see https://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-102161490 DOM Level 2 Core
+ * @see https://www.w3.org/TR/DOM-Level-3-Core/core.html#ID-102161490 DOM Level 3 Core
+ * @see https://dom.spec.whatwg.org/#domimplementation DOM Living Standard
*/
+ function DOMImplementation$1() {}
- function _extends$1(Class, Super) {
- var pt = Class.prototype;
-
- if (Object.create) {
- var ppt = Object.create(Super.prototype);
- pt.__proto__ = ppt;
- }
-
- if (!(pt instanceof Super)) {
- var t = function t() {};
- t.prototype = Super.prototype;
- t = new t();
- copy(pt, t);
- Class.prototype = pt = t;
- }
-
- if (pt.constructor != Class) {
- if (typeof Class != 'function') {
- console.error("unknow Class:" + Class);
- }
-
- pt.constructor = Class;
- }
- }
-
- var htmlns = 'http://www.w3.org/1999/xhtml'; // Node Types
-
- var NodeType = {};
- var ELEMENT_NODE = NodeType.ELEMENT_NODE = 1;
- var ATTRIBUTE_NODE = NodeType.ATTRIBUTE_NODE = 2;
- var TEXT_NODE = NodeType.TEXT_NODE = 3;
- var CDATA_SECTION_NODE = NodeType.CDATA_SECTION_NODE = 4;
- var ENTITY_REFERENCE_NODE = NodeType.ENTITY_REFERENCE_NODE = 5;
- var ENTITY_NODE = NodeType.ENTITY_NODE = 6;
- var PROCESSING_INSTRUCTION_NODE = NodeType.PROCESSING_INSTRUCTION_NODE = 7;
- var COMMENT_NODE = NodeType.COMMENT_NODE = 8;
- var DOCUMENT_NODE = NodeType.DOCUMENT_NODE = 9;
- var DOCUMENT_TYPE_NODE = NodeType.DOCUMENT_TYPE_NODE = 10;
- var DOCUMENT_FRAGMENT_NODE = NodeType.DOCUMENT_FRAGMENT_NODE = 11;
- var NOTATION_NODE = NodeType.NOTATION_NODE = 12; // ExceptionCode
-
- var ExceptionCode = {};
- var ExceptionMessage = {};
- var INDEX_SIZE_ERR = ExceptionCode.INDEX_SIZE_ERR = (ExceptionMessage[1] = "Index size error", 1);
- var DOMSTRING_SIZE_ERR = ExceptionCode.DOMSTRING_SIZE_ERR = (ExceptionMessage[2] = "DOMString size error", 2);
- var HIERARCHY_REQUEST_ERR = ExceptionCode.HIERARCHY_REQUEST_ERR = (ExceptionMessage[3] = "Hierarchy request error", 3);
- var WRONG_DOCUMENT_ERR = ExceptionCode.WRONG_DOCUMENT_ERR = (ExceptionMessage[4] = "Wrong document", 4);
- var INVALID_CHARACTER_ERR = ExceptionCode.INVALID_CHARACTER_ERR = (ExceptionMessage[5] = "Invalid character", 5);
- var NO_DATA_ALLOWED_ERR = ExceptionCode.NO_DATA_ALLOWED_ERR = (ExceptionMessage[6] = "No data allowed", 6);
- var NO_MODIFICATION_ALLOWED_ERR = ExceptionCode.NO_MODIFICATION_ALLOWED_ERR = (ExceptionMessage[7] = "No modification allowed", 7);
- var NOT_FOUND_ERR = ExceptionCode.NOT_FOUND_ERR = (ExceptionMessage[8] = "Not found", 8);
- var NOT_SUPPORTED_ERR = ExceptionCode.NOT_SUPPORTED_ERR = (ExceptionMessage[9] = "Not supported", 9);
- var INUSE_ATTRIBUTE_ERR = ExceptionCode.INUSE_ATTRIBUTE_ERR = (ExceptionMessage[10] = "Attribute in use", 10); //level2
-
- var INVALID_STATE_ERR = ExceptionCode.INVALID_STATE_ERR = (ExceptionMessage[11] = "Invalid state", 11);
- var SYNTAX_ERR = ExceptionCode.SYNTAX_ERR = (ExceptionMessage[12] = "Syntax error", 12);
- var INVALID_MODIFICATION_ERR = ExceptionCode.INVALID_MODIFICATION_ERR = (ExceptionMessage[13] = "Invalid modification", 13);
- var NAMESPACE_ERR = ExceptionCode.NAMESPACE_ERR = (ExceptionMessage[14] = "Invalid namespace", 14);
- var INVALID_ACCESS_ERR = ExceptionCode.INVALID_ACCESS_ERR = (ExceptionMessage[15] = "Invalid access", 15);
-
- function DOMException(code, message) {
- if (message instanceof Error) {
- var error = message;
- } else {
- error = this;
- Error.call(this, ExceptionMessage[code]);
- this.message = ExceptionMessage[code];
- if (Error.captureStackTrace) Error.captureStackTrace(this, DOMException);
- }
-
- error.code = code;
- if (message) this.message = this.message + ": " + message;
- return error;
- }
- DOMException.prototype = Error.prototype;
- copy(ExceptionCode, DOMException);
- /**
- * @see http://www.w3.org/TR/2000/REC-DOM-Level-2-Core-20001113/core.html#ID-536297177
- * The NodeList interface provides the abstraction of an ordered collection of nodes, without defining or constraining how this collection is implemented. NodeList objects in the DOM are live.
- * The items in the NodeList are accessible via an integral index, starting from 0.
- */
-
- function NodeList() {}
- NodeList.prototype = {
+ DOMImplementation$1.prototype = {
/**
- * The number of nodes in the list. The range of valid child node indices is 0 to length-1 inclusive.
- * @standard level1
+ * The DOMImplementation.hasFeature() method returns a Boolean flag indicating if a given feature is supported.
+ * The different implementations fairly diverged in what kind of features were reported.
+ * The latest version of the spec settled to force this method to always return true, where the functionality was accurate and in use.
+ *
+ * @deprecated It is deprecated and modern browsers return true in all cases.
+ *
+ * @param {string} feature
+ * @param {string} [version]
+ * @returns {boolean} always true
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/DOMImplementation/hasFeature MDN
+ * @see https://www.w3.org/TR/REC-DOM-Level-1/level-one-core.html#ID-5CED94D7 DOM Level 1 Core
+ * @see https://dom.spec.whatwg.org/#dom-domimplementation-hasfeature DOM Living Standard
*/
- length: 0,
+ hasFeature: function hasFeature(feature, version) {
+ return true;
+ },
/**
- * Returns the indexth item in the collection. If index is greater than or equal to the number of nodes in the list, this returns null.
- * @standard level1
- * @param index unsigned long
- * Index into the collection.
- * @return Node
- * The node at the indexth position in the NodeList, or null if that is not a valid index.
+ * Creates an XML Document object of the specified type with its document element.
+ *
+ * __It behaves slightly different from the description in the living standard__:
+ * - There is no interface/class `XMLDocument`, it returns a `Document` instance.
+ * - `contentType`, `encoding`, `mode`, `origin`, `url` fields are currently not declared.
+ * - this implementation is not validating names or qualified names
+ * (when parsing XML strings, the SAX parser takes care of that)
+ *
+ * @param {string|null} namespaceURI
+ * @param {string} qualifiedName
+ * @param {DocumentType=null} doctype
+ * @returns {Document}
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/DOMImplementation/createDocument MDN
+ * @see https://www.w3.org/TR/DOM-Level-2-Core/core.html#Level-2-Core-DOM-createDocument DOM Level 2 Core (initial)
+ * @see https://dom.spec.whatwg.org/#dom-domimplementation-createdocument DOM Level 2 Core
+ *
+ * @see https://dom.spec.whatwg.org/#validate-and-extract DOM: Validate and extract
+ * @see https://www.w3.org/TR/xml/#NT-NameStartChar XML Spec: Names
+ * @see https://www.w3.org/TR/xml-names/#ns-qualnames XML Namespaces: Qualified names
*/
- item: function item(index) {
- return this[index] || null;
- },
- toString: function toString(isHTML, nodeFilter) {
- for (var buf = [], i = 0; i < this.length; i++) {
- serializeToString(this[i], buf, isHTML, nodeFilter);
- }
-
- return buf.join('');
- }
- };
-
- function LiveNodeList(node, refresh) {
- this._node = node;
- this._refresh = refresh;
-
- _updateLiveList(this);
- }
-
- function _updateLiveList(list) {
- var inc = list._node._inc || list._node.ownerDocument._inc;
-
- if (list._inc != inc) {
- var ls = list._refresh(list._node); //console.log(ls.length)
-
-
- __set__(list, 'length', ls.length);
-
- copy(ls, list);
- list._inc = inc;
- }
- }
-
- LiveNodeList.prototype.item = function (i) {
- _updateLiveList(this);
-
- return this[i];
- };
-
- _extends$1(LiveNodeList, NodeList);
- /**
- *
- * Objects implementing the NamedNodeMap interface are used to represent collections of nodes that can be accessed by name. Note that NamedNodeMap does not inherit from NodeList; NamedNodeMaps are not maintained in any particular order. Objects contained in an object implementing NamedNodeMap may also be accessed by an ordinal index, but this is simply to allow convenient enumeration of the contents of a NamedNodeMap, and does not imply that the DOM specifies an order to these Nodes.
- * NamedNodeMap objects in the DOM are live.
- * used for attributes or DocumentType entities
- */
-
-
- function NamedNodeMap() {}
-
- function _findNodeIndex(list, node) {
- var i = list.length;
-
- while (i--) {
- if (list[i] === node) {
- return i;
- }
- }
- }
-
- function _addNamedNode(el, list, newAttr, oldAttr) {
- if (oldAttr) {
- list[_findNodeIndex(list, oldAttr)] = newAttr;
- } else {
- list[list.length++] = newAttr;
- }
-
- if (el) {
- newAttr.ownerElement = el;
- var doc = el.ownerDocument;
-
- if (doc) {
- oldAttr && _onRemoveAttribute(doc, el, oldAttr);
-
- _onAddAttribute(doc, el, newAttr);
- }
- }
- }
-
- function _removeNamedNode(el, list, attr) {
- //console.log('remove attr:'+attr)
- var i = _findNodeIndex(list, attr);
-
- if (i >= 0) {
- var lastIndex = list.length - 1;
-
- while (i < lastIndex) {
- list[i] = list[++i];
- }
-
- list.length = lastIndex;
-
- if (el) {
- var doc = el.ownerDocument;
-
- if (doc) {
- _onRemoveAttribute(doc, el, attr);
-
- attr.ownerElement = null;
- }
- }
- } else {
- throw DOMException(NOT_FOUND_ERR, new Error(el.tagName + '@' + attr));
- }
- }
-
- NamedNodeMap.prototype = {
- length: 0,
- item: NodeList.prototype.item,
- getNamedItem: function getNamedItem(key) {
- // if(key.indexOf(':')>0 || key == 'xmlns'){
- // return null;
- // }
- //console.log()
- var i = this.length;
-
- while (i--) {
- var attr = this[i]; //console.log(attr.nodeName,key)
-
- if (attr.nodeName == key) {
- return attr;
- }
- }
- },
- setNamedItem: function setNamedItem(attr) {
- var el = attr.ownerElement;
-
- if (el && el != this._ownerElement) {
- throw new DOMException(INUSE_ATTRIBUTE_ERR);
- }
-
- var oldAttr = this.getNamedItem(attr.nodeName);
-
- _addNamedNode(this._ownerElement, this, attr, oldAttr);
-
- return oldAttr;
- },
-
- /* returns Node */
- setNamedItemNS: function setNamedItemNS(attr) {
- // raises: WRONG_DOCUMENT_ERR,NO_MODIFICATION_ALLOWED_ERR,INUSE_ATTRIBUTE_ERR
- var el = attr.ownerElement,
- oldAttr;
-
- if (el && el != this._ownerElement) {
- throw new DOMException(INUSE_ATTRIBUTE_ERR);
- }
-
- oldAttr = this.getNamedItemNS(attr.namespaceURI, attr.localName);
-
- _addNamedNode(this._ownerElement, this, attr, oldAttr);
-
- return oldAttr;
- },
-
- /* returns Node */
- removeNamedItem: function removeNamedItem(key) {
- var attr = this.getNamedItem(key);
-
- _removeNamedNode(this._ownerElement, this, attr);
-
- return attr;
- },
- // raises: NOT_FOUND_ERR,NO_MODIFICATION_ALLOWED_ERR
- //for level2
- removeNamedItemNS: function removeNamedItemNS(namespaceURI, localName) {
- var attr = this.getNamedItemNS(namespaceURI, localName);
-
- _removeNamedNode(this._ownerElement, this, attr);
-
- return attr;
- },
- getNamedItemNS: function getNamedItemNS(namespaceURI, localName) {
- var i = this.length;
-
- while (i--) {
- var node = this[i];
-
- if (node.localName == localName && node.namespaceURI == namespaceURI) {
- return node;
- }
- }
-
- return null;
- }
- };
- /**
- * @see http://www.w3.org/TR/REC-DOM-Level-1/level-one-core.html#ID-102161490
- */
-
- function DOMImplementation(
- /* Object */
- features) {
- this._features = {};
-
- if (features) {
- for (var feature in features) {
- this._features = features[feature];
- }
- }
- }
- DOMImplementation.prototype = {
- hasFeature: function hasFeature(
- /* string */
- feature,
- /* string */
- version) {
- var versions = this._features[feature.toLowerCase()];
-
- if (versions && (!version || version in versions)) {
- return true;
- } else {
- return false;
- }
- },
- // Introduced in DOM Level 2:
createDocument: function createDocument(namespaceURI, qualifiedName, doctype) {
- // raises:INVALID_CHARACTER_ERR,NAMESPACE_ERR,WRONG_DOCUMENT_ERR
var doc = new Document();
doc.implementation = this;
doc.childNodes = new NodeList();
- doc.doctype = doctype;
+ doc.doctype = doctype || null;
if (doctype) {
doc.appendChild(doctype);
return doc;
},
- // Introduced in DOM Level 2:
+
+ /**
+ * Returns a doctype, with the given `qualifiedName`, `publicId`, and `systemId`.
+ *
+ * __This behavior is slightly different from the in the specs__:
+ * - this implementation is not validating names or qualified names
+ * (when parsing XML strings, the SAX parser takes care of that)
+ *
+ * @param {string} qualifiedName
+ * @param {string} [publicId]
+ * @param {string} [systemId]
+ * @returns {DocumentType} which can either be used with `DOMImplementation.createDocument` upon document creation
+ * or can be put into the document via methods like `Node.insertBefore()` or `Node.replaceChild()`
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/DOMImplementation/createDocumentType MDN
+ * @see https://www.w3.org/TR/DOM-Level-2-Core/core.html#Level-2-Core-DOM-createDocType DOM Level 2 Core
+ * @see https://dom.spec.whatwg.org/#dom-domimplementation-createdocumenttype DOM Living Standard
+ *
+ * @see https://dom.spec.whatwg.org/#validate-and-extract DOM: Validate and extract
+ * @see https://www.w3.org/TR/xml/#NT-NameStartChar XML Spec: Names
+ * @see https://www.w3.org/TR/xml-names/#ns-qualnames XML Namespaces: Qualified names
+ */
createDocumentType: function createDocumentType(qualifiedName, publicId, systemId) {
- // raises:INVALID_CHARACTER_ERR,NAMESPACE_ERR
var node = new DocumentType();
node.name = qualifiedName;
node.nodeName = qualifiedName;
- node.publicId = publicId;
- node.systemId = systemId; // Introduced in DOM Level 2:
- //readonly attribute DOMString internalSubset;
- //TODO:..
- // readonly attribute NamedNodeMap entities;
- // readonly attribute NamedNodeMap notations;
-
+ node.publicId = publicId || '';
+ node.systemId = systemId || '';
return node;
}
};
hasAttributes: function hasAttributes() {
return this.attributes.length > 0;
},
+
+ /**
+ * Look up the prefix associated to the given namespace URI, starting from this node.
+ * **The default namespace declarations are ignored by this method.**
+ * See Namespace Prefix Lookup for details on the algorithm used by this method.
+ *
+ * _Note: The implementation seems to be incomplete when compared to the algorithm described in the specs._
+ *
+ * @param {string | null} namespaceURI
+ * @returns {string | null}
+ * @see https://www.w3.org/TR/DOM-Level-3-Core/core.html#Node3-lookupNamespacePrefix
+ * @see https://www.w3.org/TR/DOM-Level-3-Core/namespaces-algorithms.html#lookupNamespacePrefixAlgo
+ * @see https://dom.spec.whatwg.org/#dom-node-lookupprefix
+ * @see https://github.com/xmldom/xmldom/issues/322
+ */
lookupPrefix: function lookupPrefix(namespaceURI) {
var el = this;
doc && doc._inc++;
var ns = newAttr.namespaceURI;
- if (ns == 'http://www.w3.org/2000/xmlns/') {
+ if (ns === NAMESPACE$2.XMLNS) {
//update namespace
el._nsMap[newAttr.prefix ? newAttr.localName : ''] = newAttr.value;
}
doc && doc._inc++;
var ns = newAttr.namespaceURI;
- if (ns == 'http://www.w3.org/2000/xmlns/') {
+ if (ns === NAMESPACE$2.XMLNS) {
//update namespace
delete el._nsMap[newAttr.prefix ? newAttr.localName : ''];
}
//implementation : null,
nodeName: '#document',
nodeType: DOCUMENT_NODE,
+
+ /**
+ * The DocumentType node of the document.
+ *
+ * @readonly
+ * @type DocumentType
+ */
doctype: null,
documentElement: null,
_inc: 1,
insertBefore: function insertBefore(newChild, refChild) {
- //raises
+ //raises
if (newChild.nodeType == DOCUMENT_FRAGMENT_NODE) {
var child = newChild.firstChild;
return rtv;
},
- //document factory method:
- createElement: function createElement(tagName) {
- var node = new Element();
- node.ownerDocument = this;
- node.nodeName = tagName;
- node.tagName = tagName;
+
+ /**
+ * The `getElementsByClassName` method of `Document` interface returns an array-like object
+ * of all child elements which have **all** of the given class name(s).
+ *
+ * Returns an empty list if `classeNames` is an empty string or only contains HTML white space characters.
+ *
+ *
+ * Warning: This is a live LiveNodeList.
+ * Changes in the DOM will reflect in the array as the changes occur.
+ * If an element selected by this array no longer qualifies for the selector,
+ * it will automatically be removed. Be aware of this for iteration purposes.
+ *
+ * @param {string} classNames is a string representing the class name(s) to match; multiple class names are separated by (ASCII-)whitespace
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementsByClassName
+ * @see https://dom.spec.whatwg.org/#concept-getelementsbyclassname
+ */
+ getElementsByClassName: function getElementsByClassName(classNames) {
+ var classNamesSet = toOrderedSet(classNames);
+ return new LiveNodeList(this, function (base) {
+ var ls = [];
+
+ if (classNamesSet.length > 0) {
+ _visitNode(base.documentElement, function (node) {
+ if (node !== base && node.nodeType === ELEMENT_NODE) {
+ var nodeClassNames = node.getAttribute('class'); // can be null if the attribute does not exist
+
+ if (nodeClassNames) {
+ // before splitting and iterating just compare them for the most common case
+ var matches = classNames === nodeClassNames;
+
+ if (!matches) {
+ var nodeClassNamesSet = toOrderedSet(nodeClassNames);
+ matches = classNamesSet.every(arrayIncludes(nodeClassNamesSet));
+ }
+
+ if (matches) {
+ ls.push(node);
+ }
+ }
+ }
+ });
+ }
+
+ return ls;
+ });
+ },
+ //document factory method:
+ createElement: function createElement(tagName) {
+ var node = new Element();
+ node.ownerDocument = this;
+ node.nodeName = tagName;
+ node.tagName = tagName;
+ node.localName = tagName;
node.childNodes = new NodeList();
var attrs = node.attributes = new NamedNodeMap();
attrs._ownerElement = node;
}
};
- _extends$1(Document, Node);
+ _extends(Document, Node);
function Element() {
this._nsMap = {};
Document.prototype.getElementsByTagName = Element.prototype.getElementsByTagName;
Document.prototype.getElementsByTagNameNS = Element.prototype.getElementsByTagNameNS;
- _extends$1(Element, Node);
+ _extends(Element, Node);
function Attr() {}
Attr.prototype.nodeType = ATTRIBUTE_NODE;
- _extends$1(Attr, Node);
+ _extends(Attr, Node);
function CharacterData() {}
CharacterData.prototype = {
}
};
- _extends$1(CharacterData, Node);
+ _extends(CharacterData, Node);
function Text() {}
Text.prototype = {
}
};
- _extends$1(Text, CharacterData);
+ _extends(Text, CharacterData);
function Comment() {}
Comment.prototype = {
nodeType: COMMENT_NODE
};
- _extends$1(Comment, CharacterData);
+ _extends(Comment, CharacterData);
function CDATASection() {}
CDATASection.prototype = {
nodeType: CDATA_SECTION_NODE
};
- _extends$1(CDATASection, CharacterData);
+ _extends(CDATASection, CharacterData);
function DocumentType() {}
DocumentType.prototype.nodeType = DOCUMENT_TYPE_NODE;
- _extends$1(DocumentType, Node);
+ _extends(DocumentType, Node);
function Notation() {}
Notation.prototype.nodeType = NOTATION_NODE;
- _extends$1(Notation, Node);
+ _extends(Notation, Node);
function Entity() {}
Entity.prototype.nodeType = ENTITY_NODE;
- _extends$1(Entity, Node);
+ _extends(Entity, Node);
function EntityReference() {}
EntityReference.prototype.nodeType = ENTITY_REFERENCE_NODE;
- _extends$1(EntityReference, Node);
+ _extends(EntityReference, Node);
function DocumentFragment() {}
DocumentFragment.prototype.nodeName = "#document-fragment";
DocumentFragment.prototype.nodeType = DOCUMENT_FRAGMENT_NODE;
- _extends$1(DocumentFragment, Node);
+ _extends(DocumentFragment, Node);
function ProcessingInstruction() {}
ProcessingInstruction.prototype.nodeType = PROCESSING_INSTRUCTION_NODE;
- _extends$1(ProcessingInstruction, Node);
+ _extends(ProcessingInstruction, Node);
- function XMLSerializer() {}
+ function XMLSerializer$1() {}
- XMLSerializer.prototype.serializeToString = function (node, isHtml, nodeFilter) {
+ XMLSerializer$1.prototype.serializeToString = function (node, isHtml, nodeFilter) {
return nodeSerializeToString.call(node, isHtml, nodeFilter);
};
function nodeSerializeToString(isHtml, nodeFilter) {
var buf = [];
- var refNode = this.nodeType == 9 ? this.documentElement : this;
+ var refNode = this.nodeType == 9 && this.documentElement || this;
var prefix = refNode.prefix;
var uri = refNode.namespaceURI;
function needNamespaceDefine(node, isHTML, visibleNamespaces) {
var prefix = node.prefix || '';
- var uri = node.namespaceURI;
-
- if (!prefix && !uri) {
+ var uri = node.namespaceURI; // According to [Namespaces in XML 1.0](https://www.w3.org/TR/REC-xml-names/#ns-using) ,
+ // and more specifically https://www.w3.org/TR/REC-xml-names/#nsc-NoPrefixUndecl :
+ // > In a namespace declaration for a prefix [...], the attribute value MUST NOT be empty.
+ // in a similar manner [Namespaces in XML 1.1](https://www.w3.org/TR/xml-names11/#ns-using)
+ // and more specifically https://www.w3.org/TR/xml-names11/#nsc-NSDeclared :
+ // > [...] Furthermore, the attribute value [...] must not be an empty string.
+ // so serializing empty namespace value like xmlns:ds="" would produce an invalid XML document.
+
+ if (!uri) {
return false;
}
- if (prefix === "xml" && uri === "http://www.w3.org/XML/1998/namespace" || uri == 'http://www.w3.org/2000/xmlns/') {
+ if (prefix === "xml" && uri === NAMESPACE$2.XML || uri === NAMESPACE$2.XMLNS) {
return false;
}
- var i = visibleNamespaces.length; //console.log('@@@@',node.tagName,prefix,uri,visibleNamespaces)
+ var i = visibleNamespaces.length;
while (i--) {
var ns = visibleNamespaces[i]; // get namespace prefix
- //console.log(node.nodeType,node.tagName,ns.prefix,prefix)
- if (ns.prefix == prefix) {
- return ns.namespace != uri;
+ if (ns.prefix === prefix) {
+ return ns.namespace !== uri;
}
- } //console.log(isHTML,uri,prefix=='')
- //if(isHTML && prefix ==null && uri == 'http://www.w3.org/1999/xhtml'){
- // return false;
- //}
- //node.flag = '11111'
- //console.error(3,true,node.flag,node.prefix,node.namespaceURI)
-
+ }
return true;
}
+ /**
+ * Well-formed constraint: No < in Attribute Values
+ * The replacement text of any entity referred to directly or indirectly in an attribute value must not contain a <.
+ * @see https://www.w3.org/TR/xml/#CleanAttrVals
+ * @see https://www.w3.org/TR/xml/#NT-AttValue
+ */
+
+
+ function addSerializedAttribute(buf, qualifiedName, value) {
+ buf.push(' ', qualifiedName, '="', value.replace(/[<&"]/g, _xmlEncoder), '"');
+ }
function serializeToString(node, buf, isHTML, nodeFilter, visibleNamespaces) {
+ if (!visibleNamespaces) {
+ visibleNamespaces = [];
+ }
+
if (nodeFilter) {
node = nodeFilter(node);
switch (node.nodeType) {
case ELEMENT_NODE:
- if (!visibleNamespaces) visibleNamespaces = [];
- var startVisibleNamespaces = visibleNamespaces.length;
var attrs = node.attributes;
var len = attrs.length;
var child = node.firstChild;
var nodeName = node.tagName;
- isHTML = htmlns === node.namespaceURI || isHTML;
- buf.push('<', nodeName);
+ isHTML = NAMESPACE$2.isHTML(node.namespaceURI) || isHTML;
+ var prefixedNodeName = nodeName;
+
+ if (!isHTML && !node.prefix && node.namespaceURI) {
+ var defaultNS; // lookup current default ns from `xmlns` attribute
+
+ for (var ai = 0; ai < attrs.length; ai++) {
+ if (attrs.item(ai).name === 'xmlns') {
+ defaultNS = attrs.item(ai).value;
+ break;
+ }
+ }
+
+ if (!defaultNS) {
+ // lookup current default ns in visibleNamespaces
+ for (var nsi = visibleNamespaces.length - 1; nsi >= 0; nsi--) {
+ var namespace = visibleNamespaces[nsi];
+
+ if (namespace.prefix === '' && namespace.namespace === node.namespaceURI) {
+ defaultNS = namespace.namespace;
+ break;
+ }
+ }
+ }
+
+ if (defaultNS !== node.namespaceURI) {
+ for (var nsi = visibleNamespaces.length - 1; nsi >= 0; nsi--) {
+ var namespace = visibleNamespaces[nsi];
+
+ if (namespace.namespace === node.namespaceURI) {
+ if (namespace.prefix) {
+ prefixedNodeName = namespace.prefix + ':' + nodeName;
+ }
+
+ break;
+ }
+ }
+ }
+ }
+
+ buf.push('<', prefixedNodeName);
for (var i = 0; i < len; i++) {
// add namespaces for attributes
if (needNamespaceDefine(attr, isHTML, visibleNamespaces)) {
var prefix = attr.prefix || '';
var uri = attr.namespaceURI;
- var ns = prefix ? ' xmlns:' + prefix : " xmlns";
- buf.push(ns, '="', uri, '"');
+ addSerializedAttribute(buf, prefix ? 'xmlns:' + prefix : "xmlns", uri);
visibleNamespaces.push({
prefix: prefix,
namespace: uri
} // add namespace for current node
- if (needNamespaceDefine(node, isHTML, visibleNamespaces)) {
+ if (nodeName === prefixedNodeName && needNamespaceDefine(node, isHTML, visibleNamespaces)) {
var prefix = node.prefix || '';
var uri = node.namespaceURI;
- var ns = prefix ? ' xmlns:' + prefix : " xmlns";
- buf.push(ns, '="', uri, '"');
+ addSerializedAttribute(buf, prefix ? 'xmlns:' + prefix : "xmlns", uri);
visibleNamespaces.push({
prefix: prefix,
namespace: uri
if (child.data) {
buf.push(child.data);
} else {
- serializeToString(child, buf, isHTML, nodeFilter, visibleNamespaces);
+ serializeToString(child, buf, isHTML, nodeFilter, visibleNamespaces.slice());
}
child = child.nextSibling;
}
} else {
while (child) {
- serializeToString(child, buf, isHTML, nodeFilter, visibleNamespaces);
+ serializeToString(child, buf, isHTML, nodeFilter, visibleNamespaces.slice());
child = child.nextSibling;
}
}
- buf.push('</', nodeName, '>');
+ buf.push('</', prefixedNodeName, '>');
} else {
buf.push('/>');
} // remove added visible namespaces
var child = node.firstChild;
while (child) {
- serializeToString(child, buf, isHTML, nodeFilter, visibleNamespaces);
+ serializeToString(child, buf, isHTML, nodeFilter, visibleNamespaces.slice());
child = child.nextSibling;
}
return;
case ATTRIBUTE_NODE:
- return buf.push(' ', node.name, '="', node.value.replace(/[<&"]/g, _xmlEncoder), '"');
+ return addSerializedAttribute(buf, node.name, node.value);
case TEXT_NODE:
- return buf.push(node.data.replace(/[<&]/g, _xmlEncoder));
+ /**
+ * The ampersand character (&) and the left angle bracket (<) must not appear in their literal form,
+ * except when used as markup delimiters, or within a comment, a processing instruction, or a CDATA section.
+ * If they are needed elsewhere, they must be escaped using either numeric character references or the strings
+ * `&` and `<` respectively.
+ * The right angle bracket (>) may be represented using the string " > ", and must, for compatibility,
+ * be escaped using either `>` or a character reference when it appears in the string `]]>` in content,
+ * when that string is not marking the end of a CDATA section.
+ *
+ * In the content of elements, character data is any string of characters
+ * which does not contain the start-delimiter of any markup
+ * and does not include the CDATA-section-close delimiter, `]]>`.
+ *
+ * @see https://www.w3.org/TR/xml/#NT-CharData
+ */
+ return buf.push(node.data.replace(/[<&]/g, _xmlEncoder).replace(/]]>/g, ']]>'));
case CDATA_SECTION_NODE:
return buf.push('<![CDATA[', node.data, ']]>');
buf.push('<!DOCTYPE ', node.name);
if (pubid) {
- buf.push(' PUBLIC "', pubid);
+ buf.push(' PUBLIC ', pubid);
if (sysid && sysid != '.') {
- buf.push('" "', sysid);
+ buf.push(' ', sysid);
}
- buf.push('">');
+ buf.push('>');
} else if (sysid && sysid != '.') {
- buf.push(' SYSTEM "', sysid, '">');
+ buf.push(' SYSTEM ', sysid, '>');
} else {
var sub = node.internalSubset;
break;
default:
- //TODO:
this.data = data;
this.value = data;
this.nodeValue = data;
object['$$' + key] = value;
};
}
- } catch (e) {} //ie8
- //if(typeof require == 'function'){
+ } catch (e) {//ie8
+ } //if(typeof require == 'function'){
- var DOMImplementation_1 = DOMImplementation;
- var XMLSerializer_1 = XMLSerializer; //}
+ var DocumentType_1 = DocumentType;
+ var DOMException_1 = DOMException;
+ var DOMImplementation_1$1 = DOMImplementation$1;
+ var Element_1 = Element;
+ var Node_1 = Node;
+ var NodeList_1 = NodeList;
+ var XMLSerializer_1 = XMLSerializer$1; //}
var dom = {
- DOMImplementation: DOMImplementation_1,
+ DocumentType: DocumentType_1,
+ DOMException: DOMException_1,
+ DOMImplementation: DOMImplementation_1$1,
+ Element: Element_1,
+ Node: Node_1,
+ NodeList: NodeList_1,
XMLSerializer: XMLSerializer_1
};
- var domParser = createCommonjsModule(function (module, exports) {
- function DOMParser(options) {
- this.options = options || {
- locator: {}
- };
- }
+ var entities = createCommonjsModule(function (module, exports) {
+ var freeze = conventions.freeze;
+ /**
+ * The entities that are predefined in every XML document.
+ *
+ * @see https://www.w3.org/TR/2006/REC-xml11-20060816/#sec-predefined-ent W3C XML 1.1
+ * @see https://www.w3.org/TR/2008/REC-xml-20081126/#sec-predefined-ent W3C XML 1.0
+ * @see https://en.wikipedia.org/wiki/List_of_XML_and_HTML_character_entity_references#Predefined_entities_in_XML Wikipedia
+ */
- DOMParser.prototype.parseFromString = function (source, mimeType) {
- var options = this.options;
- var sax = new XMLReader();
- var domBuilder = options.domBuilder || new DOMHandler(); //contentHandler and LexicalHandler
+ exports.XML_ENTITIES = freeze({
+ amp: '&',
+ apos: "'",
+ gt: '>',
+ lt: '<',
+ quot: '"'
+ });
+ /**
+ * A map of currently 241 entities that are detected in an HTML document.
+ * They contain all entries from `XML_ENTITIES`.
+ *
+ * @see XML_ENTITIES
+ * @see DOMParser.parseFromString
+ * @see DOMImplementation.prototype.createHTMLDocument
+ * @see https://html.spec.whatwg.org/#named-character-references WHATWG HTML(5) Spec
+ * @see https://www.w3.org/TR/xml-entity-names/ W3C XML Entity Names
+ * @see https://www.w3.org/TR/html4/sgml/entities.html W3C HTML4/SGML
+ * @see https://en.wikipedia.org/wiki/List_of_XML_and_HTML_character_entity_references#Character_entity_references_in_HTML Wikipedia (HTML)
+ * @see https://en.wikipedia.org/wiki/List_of_XML_and_HTML_character_entity_references#Entities_representing_special_characters_in_XHTML Wikpedia (XHTML)
+ */
+
+ exports.HTML_ENTITIES = freeze({
+ lt: '<',
+ gt: '>',
+ amp: '&',
+ quot: '"',
+ apos: "'",
+ Agrave: "À",
+ Aacute: "Á",
+ Acirc: "Â",
+ Atilde: "Ã",
+ Auml: "Ä",
+ Aring: "Å",
+ AElig: "Æ",
+ Ccedil: "Ç",
+ Egrave: "È",
+ Eacute: "É",
+ Ecirc: "Ê",
+ Euml: "Ë",
+ Igrave: "Ì",
+ Iacute: "Í",
+ Icirc: "Î",
+ Iuml: "Ï",
+ ETH: "Ð",
+ Ntilde: "Ñ",
+ Ograve: "Ò",
+ Oacute: "Ó",
+ Ocirc: "Ô",
+ Otilde: "Õ",
+ Ouml: "Ö",
+ Oslash: "Ø",
+ Ugrave: "Ù",
+ Uacute: "Ú",
+ Ucirc: "Û",
+ Uuml: "Ü",
+ Yacute: "Ý",
+ THORN: "Þ",
+ szlig: "ß",
+ agrave: "à",
+ aacute: "á",
+ acirc: "â",
+ atilde: "ã",
+ auml: "ä",
+ aring: "å",
+ aelig: "æ",
+ ccedil: "ç",
+ egrave: "è",
+ eacute: "é",
+ ecirc: "ê",
+ euml: "ë",
+ igrave: "ì",
+ iacute: "í",
+ icirc: "î",
+ iuml: "ï",
+ eth: "ð",
+ ntilde: "ñ",
+ ograve: "ò",
+ oacute: "ó",
+ ocirc: "ô",
+ otilde: "õ",
+ ouml: "ö",
+ oslash: "ø",
+ ugrave: "ù",
+ uacute: "ú",
+ ucirc: "û",
+ uuml: "ü",
+ yacute: "ý",
+ thorn: "þ",
+ yuml: "ÿ",
+ nbsp: "\xA0",
+ iexcl: "¡",
+ cent: "¢",
+ pound: "£",
+ curren: "¤",
+ yen: "¥",
+ brvbar: "¦",
+ sect: "§",
+ uml: "¨",
+ copy: "©",
+ ordf: "ª",
+ laquo: "«",
+ not: "¬",
+ shy: "",
+ reg: "®",
+ macr: "¯",
+ deg: "°",
+ plusmn: "±",
+ sup2: "²",
+ sup3: "³",
+ acute: "´",
+ micro: "µ",
+ para: "¶",
+ middot: "·",
+ cedil: "¸",
+ sup1: "¹",
+ ordm: "º",
+ raquo: "»",
+ frac14: "¼",
+ frac12: "½",
+ frac34: "¾",
+ iquest: "¿",
+ times: "×",
+ divide: "÷",
+ forall: "∀",
+ part: "∂",
+ exist: "∃",
+ empty: "∅",
+ nabla: "∇",
+ isin: "∈",
+ notin: "∉",
+ ni: "∋",
+ prod: "∏",
+ sum: "∑",
+ minus: "−",
+ lowast: "∗",
+ radic: "√",
+ prop: "∝",
+ infin: "∞",
+ ang: "∠",
+ and: "∧",
+ or: "∨",
+ cap: "∩",
+ cup: "∪",
+ 'int': "∫",
+ there4: "∴",
+ sim: "∼",
+ cong: "≅",
+ asymp: "≈",
+ ne: "≠",
+ equiv: "≡",
+ le: "≤",
+ ge: "≥",
+ sub: "⊂",
+ sup: "⊃",
+ nsub: "⊄",
+ sube: "⊆",
+ supe: "⊇",
+ oplus: "⊕",
+ otimes: "⊗",
+ perp: "⊥",
+ sdot: "⋅",
+ Alpha: "Α",
+ Beta: "Β",
+ Gamma: "Γ",
+ Delta: "Δ",
+ Epsilon: "Ε",
+ Zeta: "Ζ",
+ Eta: "Η",
+ Theta: "Θ",
+ Iota: "Ι",
+ Kappa: "Κ",
+ Lambda: "Λ",
+ Mu: "Μ",
+ Nu: "Ν",
+ Xi: "Ξ",
+ Omicron: "Ο",
+ Pi: "Π",
+ Rho: "Ρ",
+ Sigma: "Σ",
+ Tau: "Τ",
+ Upsilon: "Υ",
+ Phi: "Φ",
+ Chi: "Χ",
+ Psi: "Ψ",
+ Omega: "Ω",
+ alpha: "α",
+ beta: "β",
+ gamma: "γ",
+ delta: "δ",
+ epsilon: "ε",
+ zeta: "ζ",
+ eta: "η",
+ theta: "θ",
+ iota: "ι",
+ kappa: "κ",
+ lambda: "λ",
+ mu: "μ",
+ nu: "ν",
+ xi: "ξ",
+ omicron: "ο",
+ pi: "π",
+ rho: "ρ",
+ sigmaf: "ς",
+ sigma: "σ",
+ tau: "τ",
+ upsilon: "υ",
+ phi: "φ",
+ chi: "χ",
+ psi: "ψ",
+ omega: "ω",
+ thetasym: "ϑ",
+ upsih: "ϒ",
+ piv: "ϖ",
+ OElig: "Œ",
+ oelig: "œ",
+ Scaron: "Š",
+ scaron: "š",
+ Yuml: "Ÿ",
+ fnof: "ƒ",
+ circ: "ˆ",
+ tilde: "˜",
+ ensp: " ",
+ emsp: " ",
+ thinsp: " ",
+ zwnj: "",
+ zwj: "",
+ lrm: "",
+ rlm: "",
+ ndash: "–",
+ mdash: "—",
+ lsquo: "‘",
+ rsquo: "’",
+ sbquo: "‚",
+ ldquo: "“",
+ rdquo: "”",
+ bdquo: "„",
+ dagger: "†",
+ Dagger: "‡",
+ bull: "•",
+ hellip: "…",
+ permil: "‰",
+ prime: "′",
+ Prime: "″",
+ lsaquo: "‹",
+ rsaquo: "›",
+ oline: "‾",
+ euro: "€",
+ trade: "™",
+ larr: "←",
+ uarr: "↑",
+ rarr: "→",
+ darr: "↓",
+ harr: "↔",
+ crarr: "↵",
+ lceil: "⌈",
+ rceil: "⌉",
+ lfloor: "⌊",
+ rfloor: "⌋",
+ loz: "◊",
+ spades: "♠",
+ clubs: "♣",
+ hearts: "♥",
+ diams: "♦"
+ });
+ /**
+ * @deprecated use `HTML_ENTITIES` instead
+ * @see HTML_ENTITIES
+ */
- var errorHandler = options.errorHandler;
- var locator = options.locator;
- var defaultNSMap = options.xmlns || {};
- var entityMap = {
- 'lt': '<',
- 'gt': '>',
- 'amp': '&',
- 'quot': '"',
- 'apos': "'"
- };
+ exports.entityMap = exports.HTML_ENTITIES;
+ });
+ entities.XML_ENTITIES;
+ entities.HTML_ENTITIES;
+ entities.entityMap;
- if (locator) {
- domBuilder.setDocumentLocator(locator);
- }
+ var NAMESPACE$1 = conventions.NAMESPACE; //[4] NameStartChar ::= ":" | [A-Z] | "_" | [a-z] | [#xC0-#xD6] | [#xD8-#xF6] | [#xF8-#x2FF] | [#x370-#x37D] | [#x37F-#x1FFF] | [#x200C-#x200D] | [#x2070-#x218F] | [#x2C00-#x2FEF] | [#x3001-#xD7FF] | [#xF900-#xFDCF] | [#xFDF0-#xFFFD] | [#x10000-#xEFFFF]
+ //[4a] NameChar ::= NameStartChar | "-" | "." | [0-9] | #xB7 | [#x0300-#x036F] | [#x203F-#x2040]
+ //[5] Name ::= NameStartChar (NameChar)*
- sax.errorHandler = buildErrorHandler(errorHandler, domBuilder, locator);
- sax.domBuilder = options.domBuilder || domBuilder;
+ var nameStartChar = /[A-Z_a-z\xC0-\xD6\xD8-\xF6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD]/; //\u10000-\uEFFFF
- if (/\/x?html?$/.test(mimeType)) {
- entityMap.nbsp = '\xa0';
- entityMap.copy = '\xa9';
- defaultNSMap[''] = 'http://www.w3.org/1999/xhtml';
- }
+ var nameChar = new RegExp("[\\-\\.0-9" + nameStartChar.source.slice(1, -1) + "\\u00B7\\u0300-\\u036F\\u203F-\\u2040]");
+ var tagNamePattern = new RegExp('^' + nameStartChar.source + nameChar.source + '*(?:\:' + nameStartChar.source + nameChar.source + '*)?$'); //var tagNamePattern = /^[a-zA-Z_][\w\-\.]*(?:\:[a-zA-Z_][\w\-\.]*)?$/
+ //var handlers = 'resolveEntity,getExternalSubset,characters,endDocument,endElement,endPrefixMapping,ignorableWhitespace,processingInstruction,setDocumentLocator,skippedEntity,startDocument,startElement,startPrefixMapping,notationDecl,unparsedEntityDecl,error,fatalError,warning,attributeDecl,elementDecl,externalEntityDecl,internalEntityDecl,comment,endCDATA,endDTD,endEntity,startCDATA,startDTD,startEntity'.split(',')
+ //S_TAG, S_ATTR, S_EQ, S_ATTR_NOQUOT_VALUE
+ //S_ATTR_SPACE, S_ATTR_END, S_TAG_SPACE, S_TAG_CLOSE
- defaultNSMap.xml = defaultNSMap.xml || 'http://www.w3.org/XML/1998/namespace';
+ var S_TAG = 0; //tag name offerring
- if (source) {
- sax.parse(source, defaultNSMap, entityMap);
- } else {
- sax.errorHandler.error("invalid doc source");
- }
+ var S_ATTR = 1; //attr name offerring
- return domBuilder.doc;
- };
+ var S_ATTR_SPACE = 2; //attr name end and space offer
- function buildErrorHandler(errorImpl, domBuilder, locator) {
- if (!errorImpl) {
- if (domBuilder instanceof DOMHandler) {
- return domBuilder;
- }
+ var S_EQ = 3; //=space?
- errorImpl = domBuilder;
- }
+ var S_ATTR_NOQUOT_VALUE = 4; //attr value(no quot value only)
- var errorHandler = {};
- var isCallback = errorImpl instanceof Function;
- locator = locator || {};
+ var S_ATTR_END = 5; //attr value end and no space(quot end)
- function build(key) {
- var fn = errorImpl[key];
+ var S_TAG_SPACE = 6; //(attr value end || tag end ) && (space offer)
- if (!fn && isCallback) {
- fn = errorImpl.length == 2 ? function (msg) {
- errorImpl(key, msg);
- } : errorImpl;
- }
+ var S_TAG_CLOSE = 7; //closed el<el />
- errorHandler[key] = fn && function (msg) {
- fn('[xmldom ' + key + ']\t' + msg + _locator(locator));
- } || function () {};
- }
+ /**
+ * Creates an error that will not be caught by XMLReader aka the SAX parser.
+ *
+ * @param {string} message
+ * @param {any?} locator Optional, can provide details about the location in the source
+ * @constructor
+ */
- build('warning');
- build('error');
- build('fatalError');
- return errorHandler;
- } //console.log('#\n\n\n\n\n\n\n####')
+ function ParseError$1(message, locator) {
+ this.message = message;
+ this.locator = locator;
+ if (Error.captureStackTrace) Error.captureStackTrace(this, ParseError$1);
+ }
- /**\r
- * +ContentHandler+ErrorHandler\r
- * +LexicalHandler+EntityResolver2\r
- * -DeclHandler-DTDHandler \r
- * \r
- * DefaultHandler:EntityResolver, DTDHandler, ContentHandler, ErrorHandler\r
- * DefaultHandler2:DefaultHandler,LexicalHandler, DeclHandler, EntityResolver2\r
- * @link http://www.saxproject.org/apidoc/org/xml/sax/helpers/DefaultHandler.html\r
- */
+ ParseError$1.prototype = new Error();
+ ParseError$1.prototype.name = ParseError$1.name;
+ function XMLReader$1() {}
- function DOMHandler() {
- this.cdata = false;
+ XMLReader$1.prototype = {
+ parse: function parse(source, defaultNSMap, entityMap) {
+ var domBuilder = this.domBuilder;
+ domBuilder.startDocument();
+
+ _copy(defaultNSMap, defaultNSMap = {});
+
+ _parse(source, defaultNSMap, entityMap, domBuilder, this.errorHandler);
+
+ domBuilder.endDocument();
+ }
+ };
+
+ function _parse(source, defaultNSMapCopy, entityMap, domBuilder, errorHandler) {
+ function fixedFromCharCode(code) {
+ // String.prototype.fromCharCode does not supports
+ // > 2 bytes unicode chars directly
+ if (code > 0xffff) {
+ code -= 0x10000;
+ var surrogate1 = 0xd800 + (code >> 10),
+ surrogate2 = 0xdc00 + (code & 0x3ff);
+ return String.fromCharCode(surrogate1, surrogate2);
+ } else {
+ return String.fromCharCode(code);
+ }
}
- function position(locator, node) {
- node.lineNumber = locator.lineNumber;
- node.columnNumber = locator.columnNumber;
+ function entityReplacer(a) {
+ var k = a.slice(1, -1);
+
+ if (k in entityMap) {
+ return entityMap[k];
+ } else if (k.charAt(0) === '#') {
+ return fixedFromCharCode(parseInt(k.substr(1).replace('x', '0x')));
+ } else {
+ errorHandler.error('entity not found:' + a);
+ return a;
+ }
}
- /**\r
- * @see org.xml.sax.ContentHandler#startDocument\r
- * @link http://www.saxproject.org/apidoc/org/xml/sax/ContentHandler.html\r
- */
+ function appendText(end) {
+ //has some bugs
+ if (end > start) {
+ var xt = source.substring(start, end).replace(/&#?\w+;/g, entityReplacer);
+ locator && position(start);
+ domBuilder.characters(xt, 0, end - start);
+ start = end;
+ }
+ }
- DOMHandler.prototype = {
- startDocument: function startDocument() {
- this.doc = new DOMImplementation().createDocument(null, null, null);
+ function position(p, m) {
+ while (p >= lineEnd && (m = linePattern.exec(source))) {
+ lineStart = m.index;
+ lineEnd = lineStart + m[0].length;
+ locator.lineNumber++; //console.log('line++:',locator,startPos,endPos)
+ }
- if (this.locator) {
- this.doc.documentURI = this.locator.systemId;
- }
- },
- startElement: function startElement(namespaceURI, localName, qName, attrs) {
- var doc = this.doc;
- var el = doc.createElementNS(namespaceURI, qName || localName);
- var len = attrs.length;
- appendElement(this, el);
- this.currentElement = el;
- this.locator && position(this.locator, el);
+ locator.columnNumber = p - lineStart + 1;
+ }
- for (var i = 0; i < len; i++) {
- var namespaceURI = attrs.getURI(i);
- var value = attrs.getValue(i);
- var qName = attrs.getQName(i);
- var attr = doc.createAttributeNS(namespaceURI, qName);
- this.locator && position(attrs.getLocator(i), attr);
- attr.value = attr.nodeValue = value;
- el.setAttributeNode(attr);
- }
- },
- endElement: function endElement(namespaceURI, localName, qName) {
- var current = this.currentElement;
- var tagName = current.tagName;
- this.currentElement = current.parentNode;
- },
- startPrefixMapping: function startPrefixMapping(prefix, uri) {},
- endPrefixMapping: function endPrefixMapping(prefix) {},
- processingInstruction: function processingInstruction(target, data) {
- var ins = this.doc.createProcessingInstruction(target, data);
- this.locator && position(this.locator, ins);
- appendElement(this, ins);
- },
- ignorableWhitespace: function ignorableWhitespace(ch, start, length) {},
- characters: function characters(chars, start, length) {
- chars = _toString.apply(this, arguments); //console.log(chars)
+ var lineStart = 0;
+ var lineEnd = 0;
+ var linePattern = /.*(?:\r\n?|\n)|.*$/g;
+ var locator = domBuilder.locator;
+ var parseStack = [{
+ currentNSMap: defaultNSMapCopy
+ }];
+ var closeMap = {};
+ var start = 0;
- if (chars) {
- if (this.cdata) {
- var charNode = this.doc.createCDATASection(chars);
- } else {
- var charNode = this.doc.createTextNode(chars);
- }
+ while (true) {
+ try {
+ var tagStart = source.indexOf('<', start);
- if (this.currentElement) {
- this.currentElement.appendChild(charNode);
- } else if (/^\s*$/.test(chars)) {
- this.doc.appendChild(charNode); //process xml
+ if (tagStart < 0) {
+ if (!source.substr(start).match(/^\s*$/)) {
+ var doc = domBuilder.doc;
+ var text = doc.createTextNode(source.substr(start));
+ doc.appendChild(text);
+ domBuilder.currentElement = text;
}
- this.locator && position(this.locator, charNode);
- }
- },
- skippedEntity: function skippedEntity(name) {},
- endDocument: function endDocument() {
- this.doc.normalize();
- },
- setDocumentLocator: function setDocumentLocator(locator) {
- if (this.locator = locator) {
- // && !('lineNumber' in locator)){
- locator.lineNumber = 0;
+ return;
}
- },
- //LexicalHandler
- comment: function comment(chars, start, length) {
- chars = _toString.apply(this, arguments);
- var comm = this.doc.createComment(chars);
- this.locator && position(this.locator, comm);
- appendElement(this, comm);
- },
- startCDATA: function startCDATA() {
- //used in characters() methods
- this.cdata = true;
- },
- endCDATA: function endCDATA() {
- this.cdata = false;
- },
- startDTD: function startDTD(name, publicId, systemId) {
- var impl = this.doc.implementation;
- if (impl && impl.createDocumentType) {
- var dt = impl.createDocumentType(name, publicId, systemId);
- this.locator && position(this.locator, dt);
- appendElement(this, dt);
+ if (tagStart > start) {
+ appendText(tagStart);
}
- },
-
- /**\r
- * @see org.xml.sax.ErrorHandler\r
- * @link http://www.saxproject.org/apidoc/org/xml/sax/ErrorHandler.html\r
- */
- warning: function warning(error) {
- console.warn('[xmldom warning]\t' + error, _locator(this.locator));
- },
- error: function error(_error) {
- console.error('[xmldom error]\t' + _error, _locator(this.locator));
- },
- fatalError: function fatalError(error) {
- console.error('[xmldom fatalError]\t' + error, _locator(this.locator));
- throw error;
- }
- };
-
- function _locator(l) {
- if (l) {
- return '\n@' + (l.systemId || '') + '#[line:' + l.lineNumber + ',col:' + l.columnNumber + ']';
- }
- }
-
- function _toString(chars, start, length) {
- if (typeof chars == 'string') {
- return chars.substr(start, length);
- } else {
- //java sax connect width xmldom on rhino(what about: "? && !(chars instanceof String)")
- if (chars.length >= start + length || start) {
- return new java.lang.String(chars, start, length) + '';
- }
-
- return chars;
- }
- }
- /*\r
- * @link http://www.saxproject.org/apidoc/org/xml/sax/ext/LexicalHandler.html\r
- * used method of org.xml.sax.ext.LexicalHandler:\r
- * #comment(chars, start, length)\r
- * #startCDATA()\r
- * #endCDATA()\r
- * #startDTD(name, publicId, systemId)\r
- *\r
- *\r
- * IGNORED method of org.xml.sax.ext.LexicalHandler:\r
- * #endDTD()\r
- * #startEntity(name)\r
- * #endEntity(name)\r
- *\r
- *\r
- * @link http://www.saxproject.org/apidoc/org/xml/sax/ext/DeclHandler.html\r
- * IGNORED method of org.xml.sax.ext.DeclHandler\r
- * #attributeDecl(eName, aName, type, mode, value)\r
- * #elementDecl(name, model)\r
- * #externalEntityDecl(name, publicId, systemId)\r
- * #internalEntityDecl(name, value)\r
- * @link http://www.saxproject.org/apidoc/org/xml/sax/ext/EntityResolver2.html\r
- * IGNORED method of org.xml.sax.EntityResolver2\r
- * #resolveEntity(String name,String publicId,String baseURI,String systemId)\r
- * #resolveEntity(publicId, systemId)\r
- * #getExternalSubset(name, baseURI)\r
- * @link http://www.saxproject.org/apidoc/org/xml/sax/DTDHandler.html\r
- * IGNORED method of org.xml.sax.DTDHandler\r
- * #notationDecl(name, publicId, systemId) {};\r
- * #unparsedEntityDecl(name, publicId, systemId, notationName) {};\r
- */
-
-
- "endDTD,startEntity,endEntity,attributeDecl,elementDecl,externalEntityDecl,internalEntityDecl,resolveEntity,getExternalSubset,notationDecl,unparsedEntityDecl".replace(/\w+/g, function (key) {
- DOMHandler.prototype[key] = function () {
- return null;
- };
- });
- /* Private static helpers treated below as private instance methods, so don't need to add these to the public API; we might use a Relator to also get rid of non-standard public properties */
-
- function appendElement(hander, node) {
- if (!hander.currentElement) {
- hander.doc.appendChild(node);
- } else {
- hander.currentElement.appendChild(node);
- }
- } //appendChild and setAttributeNS are preformance key
- //if(typeof require == 'function'){
+ switch (source.charAt(tagStart + 1)) {
+ case '/':
+ var end = source.indexOf('>', tagStart + 3);
+ var tagName = source.substring(tagStart + 2, end).replace(/[ \t\n\r]+$/g, '');
+ var config = parseStack.pop();
- var XMLReader = sax.XMLReader;
- var DOMImplementation = exports.DOMImplementation = dom.DOMImplementation;
- exports.XMLSerializer = dom.XMLSerializer;
- exports.DOMParser = DOMParser; //}
- });
- var domParser_1 = domParser.DOMImplementation;
- var domParser_2 = domParser.XMLSerializer;
- var domParser_3 = domParser.DOMParser;
+ if (end < 0) {
+ tagName = source.substring(tagStart + 2).replace(/[\s<].*/, '');
+ errorHandler.error("end tag name: " + tagName + ' is not complete:' + config.tagName);
+ end = tagStart + 1 + tagName.length;
+ } else if (tagName.match(/\s</)) {
+ tagName = tagName.replace(/[\s<].*/, '');
+ errorHandler.error("end tag name: " + tagName + ' maybe not complete');
+ end = tagStart + 1 + tagName.length;
+ }
- /*! @name mpd-parser @version 0.10.0 @license Apache-2.0 */
+ var localNSMap = config.localNSMap;
+ var endMatch = config.tagName == tagName;
+ var endIgnoreCaseMach = endMatch || config.tagName && config.tagName.toLowerCase() == tagName.toLowerCase();
- var isObject$1 = function isObject(obj) {
- return !!obj && typeof obj === 'object';
- };
+ if (endIgnoreCaseMach) {
+ domBuilder.endElement(config.uri, config.localName, tagName);
- var merge = function merge() {
- for (var _len = arguments.length, objects = new Array(_len), _key = 0; _key < _len; _key++) {
- objects[_key] = arguments[_key];
- }
+ if (localNSMap) {
+ for (var prefix in localNSMap) {
+ domBuilder.endPrefixMapping(prefix);
+ }
+ }
- return objects.reduce(function (result, source) {
- Object.keys(source).forEach(function (key) {
- if (Array.isArray(result[key]) && Array.isArray(source[key])) {
- result[key] = result[key].concat(source[key]);
- } else if (isObject$1(result[key]) && isObject$1(source[key])) {
- result[key] = merge(result[key], source[key]);
- } else {
- result[key] = source[key];
- }
- });
- return result;
- }, {});
- };
+ if (!endMatch) {
+ errorHandler.fatalError("end tag name: " + tagName + ' is not match the current start tagName:' + config.tagName); // No known test case
+ }
+ } else {
+ parseStack.push(config);
+ }
- var values = function values(o) {
- return Object.keys(o).map(function (k) {
- return o[k];
- });
- };
+ end++;
+ break;
+ // end elment
- var range = function range(start, end) {
- var result = [];
+ case '?':
+ // <?...?>
+ locator && position(tagStart);
+ end = parseInstruction(source, tagStart, domBuilder);
+ break;
- for (var i = start; i < end; i++) {
- result.push(i);
- }
+ case '!':
+ // <!doctype,<![CDATA,<!--
+ locator && position(tagStart);
+ end = parseDCC(source, tagStart, domBuilder, errorHandler);
+ break;
- return result;
- };
+ default:
+ locator && position(tagStart);
+ var el = new ElementAttributes();
+ var currentNSMap = parseStack[parseStack.length - 1].currentNSMap; //elStartEnd
- var flatten = function flatten(lists) {
- return lists.reduce(function (x, y) {
- return x.concat(y);
- }, []);
- };
+ var end = parseElementStartPart(source, tagStart, el, currentNSMap, entityReplacer, errorHandler);
+ var len = el.length;
- var from = function from(list) {
- if (!list.length) {
- return [];
- }
+ if (!el.closed && fixSelfClosed(source, end, el.tagName, closeMap)) {
+ el.closed = true;
- var result = [];
+ if (!entityMap.nbsp) {
+ errorHandler.warning('unclosed xml attribute');
+ }
+ }
- for (var i = 0; i < list.length; i++) {
- result.push(list[i]);
- }
+ if (locator && len) {
+ var locator2 = copyLocator(locator, {}); //try{//attribute position fixed
- return result;
- };
+ for (var i = 0; i < len; i++) {
+ var a = el[i];
+ position(a.offset);
+ a.locator = copyLocator(locator, {});
+ }
- var findIndexes = function findIndexes(l, key) {
- return l.reduce(function (a, e, i) {
- if (e[key]) {
- a.push(i);
- }
+ domBuilder.locator = locator2;
- return a;
- }, []);
- };
+ if (appendElement$1(el, domBuilder, currentNSMap)) {
+ parseStack.push(el);
+ }
- var errors = {
- INVALID_NUMBER_OF_PERIOD: 'INVALID_NUMBER_OF_PERIOD',
- DASH_EMPTY_MANIFEST: 'DASH_EMPTY_MANIFEST',
- DASH_INVALID_XML: 'DASH_INVALID_XML',
- NO_BASE_URL: 'NO_BASE_URL',
- MISSING_SEGMENT_INFORMATION: 'MISSING_SEGMENT_INFORMATION',
- SEGMENT_TIME_UNSPECIFIED: 'SEGMENT_TIME_UNSPECIFIED',
- UNSUPPORTED_UTC_TIMING_SCHEME: 'UNSUPPORTED_UTC_TIMING_SCHEME'
- };
- /**
- * @typedef {Object} SingleUri
- * @property {string} uri - relative location of segment
- * @property {string} resolvedUri - resolved location of segment
- * @property {Object} byterange - Object containing information on how to make byte range
- * requests following byte-range-spec per RFC2616.
- * @property {String} byterange.length - length of range request
- * @property {String} byterange.offset - byte offset of range request
- *
- * @see https://www.w3.org/Protocols/rfc2616/rfc2616-sec14.html#sec14.35.1
- */
+ domBuilder.locator = locator;
+ } else {
+ if (appendElement$1(el, domBuilder, currentNSMap)) {
+ parseStack.push(el);
+ }
+ }
- /**
- * Converts a URLType node (5.3.9.2.3 Table 13) to a segment object
- * that conforms to how m3u8-parser is structured
- *
- * @see https://github.com/videojs/m3u8-parser
- *
- * @param {string} baseUrl - baseUrl provided by <BaseUrl> nodes
- * @param {string} source - source url for segment
- * @param {string} range - optional range used for range calls,
- * follows RFC 2616, Clause 14.35.1
- * @return {SingleUri} full segment information transformed into a format similar
- * to m3u8-parser
- */
+ if (NAMESPACE$1.isHTML(el.uri) && !el.closed) {
+ end = parseHtmlSpecialContent(source, end, el.tagName, entityReplacer, domBuilder);
+ } else {
+ end++;
+ }
- var urlTypeToSegment = function urlTypeToSegment(_ref) {
- var _ref$baseUrl = _ref.baseUrl,
- baseUrl = _ref$baseUrl === void 0 ? '' : _ref$baseUrl,
- _ref$source = _ref.source,
- source = _ref$source === void 0 ? '' : _ref$source,
- _ref$range = _ref.range,
- range = _ref$range === void 0 ? '' : _ref$range,
- _ref$indexRange = _ref.indexRange,
- indexRange = _ref$indexRange === void 0 ? '' : _ref$indexRange;
- var segment = {
- uri: source,
- resolvedUri: resolveUrl_1(baseUrl || '', source)
- };
+ }
+ } catch (e) {
+ if (e instanceof ParseError$1) {
+ throw e;
+ }
- if (range || indexRange) {
- var rangeStr = range ? range : indexRange;
- var ranges = rangeStr.split('-');
- var startRange = parseInt(ranges[0], 10);
- var endRange = parseInt(ranges[1], 10); // byterange should be inclusive according to
- // RFC 2616, Clause 14.35.1
+ errorHandler.error('element parse error: ' + e);
+ end = -1;
+ }
- segment.byterange = {
- length: endRange - startRange + 1,
- offset: startRange
- };
+ if (end > start) {
+ start = end;
+ } else {
+ //TODO: 这里有可能sax回退，有位置错误风险
+ appendText(Math.max(tagStart, start) + 1);
+ }
}
+ }
- return segment;
- };
-
- var byteRangeToString = function byteRangeToString(byterange) {
- // `endRange` is one less than `offset + length` because the HTTP range
- // header uses inclusive ranges
- var endRange = byterange.offset + byterange.length - 1;
- return byterange.offset + "-" + endRange;
- };
+ function copyLocator(f, t) {
+ t.lineNumber = f.lineNumber;
+ t.columnNumber = f.columnNumber;
+ return t;
+ }
/**
- * Functions for calculating the range of available segments in static and dynamic
- * manifests.
+ * @see #appendElement(source,elStartEnd,el,selfClosed,entityReplacer,domBuilder,parseStack);
+ * @return end of the elementStartPart(end of elementEndPart for selfClosed el)
*/
- var segmentRange = {
+ function parseElementStartPart(source, start, el, currentNSMap, entityReplacer, errorHandler) {
/**
- * Returns the entire range of available segments for a static MPD
- *
- * @param {Object} attributes
- * Inheritied MPD attributes
- * @return {{ start: number, end: number }}
- * The start and end numbers for available segments
+ * @param {string} qname
+ * @param {string} value
+ * @param {number} startIndex
*/
- "static": function _static(attributes) {
- var duration = attributes.duration,
- _attributes$timescale = attributes.timescale,
- timescale = _attributes$timescale === void 0 ? 1 : _attributes$timescale,
- sourceDuration = attributes.sourceDuration;
- return {
- start: 0,
- end: Math.ceil(sourceDuration / (duration / timescale))
- };
- },
+ function addAttribute(qname, value, startIndex) {
+ if (el.attributeNames.hasOwnProperty(qname)) {
+ errorHandler.fatalError('Attribute ' + qname + ' redefined');
+ }
- /**
- * Returns the current live window range of available segments for a dynamic MPD
- *
- * @param {Object} attributes
- * Inheritied MPD attributes
- * @return {{ start: number, end: number }}
- * The start and end numbers for available segments
- */
- dynamic: function dynamic(attributes) {
- var NOW = attributes.NOW,
- clientOffset = attributes.clientOffset,
- availabilityStartTime = attributes.availabilityStartTime,
- _attributes$timescale2 = attributes.timescale,
- timescale = _attributes$timescale2 === void 0 ? 1 : _attributes$timescale2,
- duration = attributes.duration,
- _attributes$start = attributes.start,
- start = _attributes$start === void 0 ? 0 : _attributes$start,
- _attributes$minimumUp = attributes.minimumUpdatePeriod,
- minimumUpdatePeriod = _attributes$minimumUp === void 0 ? 0 : _attributes$minimumUp,
- _attributes$timeShift = attributes.timeShiftBufferDepth,
- timeShiftBufferDepth = _attributes$timeShift === void 0 ? Infinity : _attributes$timeShift;
- var now = (NOW + clientOffset) / 1000;
- var periodStartWC = availabilityStartTime + start;
- var periodEndWC = now + minimumUpdatePeriod;
- var periodDuration = periodEndWC - periodStartWC;
- var segmentCount = Math.ceil(periodDuration * timescale / duration);
- var availableStart = Math.floor((now - periodStartWC - timeShiftBufferDepth) * timescale / duration);
- var availableEnd = Math.floor((now - periodStartWC) * timescale / duration);
- return {
- start: Math.max(0, availableStart),
- end: Math.min(segmentCount, availableEnd)
- };
+ el.addValue(qname, value, startIndex);
}
- };
- /**
- * Maps a range of numbers to objects with information needed to build the corresponding
- * segment list
- *
- * @name toSegmentsCallback
- * @function
- * @param {number} number
- * Number of the segment
- * @param {number} index
- * Index of the number in the range list
- * @return {{ number: Number, duration: Number, timeline: Number, time: Number }}
- * Object with segment timing and duration info
- */
- /**
- * Returns a callback for Array.prototype.map for mapping a range of numbers to
- * information needed to build the segment list.
- *
- * @param {Object} attributes
- * Inherited MPD attributes
- * @return {toSegmentsCallback}
- * Callback map function
- */
+ var attrName;
+ var value;
+ var p = ++start;
+ var s = S_TAG; //status
- var toSegments = function toSegments(attributes) {
- return function (number, index) {
- var duration = attributes.duration,
- _attributes$timescale3 = attributes.timescale,
- timescale = _attributes$timescale3 === void 0 ? 1 : _attributes$timescale3,
- periodIndex = attributes.periodIndex,
- _attributes$startNumb = attributes.startNumber,
- startNumber = _attributes$startNumb === void 0 ? 1 : _attributes$startNumb;
- return {
- number: startNumber + number,
- duration: duration / timescale,
- timeline: periodIndex,
- time: index * duration
- };
- };
- };
- /**
- * Returns a list of objects containing segment timing and duration info used for
- * building the list of segments. This uses the @duration attribute specified
- * in the MPD manifest to derive the range of segments.
- *
- * @param {Object} attributes
- * Inherited MPD attributes
- * @return {{number: number, duration: number, time: number, timeline: number}[]}
- * List of Objects with segment timing and duration info
- */
+ while (true) {
+ var c = source.charAt(p);
+ switch (c) {
+ case '=':
+ if (s === S_ATTR) {
+ //attrName
+ attrName = source.slice(start, p);
+ s = S_EQ;
+ } else if (s === S_ATTR_SPACE) {
+ s = S_EQ;
+ } else {
+ //fatalError: equal must after attrName or space after attrName
+ throw new Error('attribute equal must after attrName'); // No known test case
+ }
- var parseByDuration = function parseByDuration(attributes) {
- var _attributes$type = attributes.type,
- type = _attributes$type === void 0 ? 'static' : _attributes$type,
- duration = attributes.duration,
- _attributes$timescale4 = attributes.timescale,
- timescale = _attributes$timescale4 === void 0 ? 1 : _attributes$timescale4,
- sourceDuration = attributes.sourceDuration;
+ break;
- var _segmentRange$type = segmentRange[type](attributes),
- start = _segmentRange$type.start,
- end = _segmentRange$type.end;
+ case '\'':
+ case '"':
+ if (s === S_EQ || s === S_ATTR //|| s == S_ATTR_SPACE
+ ) {
+ //equal
+ if (s === S_ATTR) {
+ errorHandler.warning('attribute value must after "="');
+ attrName = source.slice(start, p);
+ }
- var segments = range(start, end).map(toSegments(attributes));
+ start = p + 1;
+ p = source.indexOf(c, start);
- if (type === 'static') {
- var index = segments.length - 1; // final segment may be less than full segment duration
+ if (p > 0) {
+ value = source.slice(start, p).replace(/&#?\w+;/g, entityReplacer);
+ addAttribute(attrName, value, start - 1);
+ s = S_ATTR_END;
+ } else {
+ //fatalError: no end quot match
+ throw new Error('attribute value no end \'' + c + '\' match');
+ }
+ } else if (s == S_ATTR_NOQUOT_VALUE) {
+ value = source.slice(start, p).replace(/&#?\w+;/g, entityReplacer); //console.log(attrName,value,start,p)
- segments[index].duration = sourceDuration - duration / timescale * index;
- }
+ addAttribute(attrName, value, start); //console.dir(el)
- return segments;
- };
- /**
- * Translates SegmentBase into a set of segments.
- * (DASH SPEC Section 5.3.9.3.2) contains a set of <SegmentURL> nodes. Each
- * node should be translated into segment.
- *
- * @param {Object} attributes
- * Object containing all inherited attributes from parent elements with attribute
- * names as keys
- * @return {Object.<Array>} list of segments
- */
+ errorHandler.warning('attribute "' + attrName + '" missed start quot(' + c + ')!!');
+ start = p + 1;
+ s = S_ATTR_END;
+ } else {
+ //fatalError: no equal before
+ throw new Error('attribute value must after "="'); // No known test case
+ }
+ break;
- var segmentsFromBase = function segmentsFromBase(attributes) {
- var baseUrl = attributes.baseUrl,
- _attributes$initializ = attributes.initialization,
- initialization = _attributes$initializ === void 0 ? {} : _attributes$initializ,
- sourceDuration = attributes.sourceDuration,
- _attributes$timescale = attributes.timescale,
- timescale = _attributes$timescale === void 0 ? 1 : _attributes$timescale,
- _attributes$indexRang = attributes.indexRange,
- indexRange = _attributes$indexRang === void 0 ? '' : _attributes$indexRang,
- duration = attributes.duration; // base url is required for SegmentBase to work, per spec (Section 5.3.9.2.1)
+ case '/':
+ switch (s) {
+ case S_TAG:
+ el.setTagName(source.slice(start, p));
- if (!baseUrl) {
- throw new Error(errors.NO_BASE_URL);
- }
+ case S_ATTR_END:
+ case S_TAG_SPACE:
+ case S_TAG_CLOSE:
+ s = S_TAG_CLOSE;
+ el.closed = true;
- var initSegment = urlTypeToSegment({
- baseUrl: baseUrl,
- source: initialization.sourceURL,
- range: initialization.range
- });
- var segment = urlTypeToSegment({
- baseUrl: baseUrl,
- source: baseUrl,
- indexRange: indexRange
- });
- segment.map = initSegment; // If there is a duration, use it, otherwise use the given duration of the source
- // (since SegmentBase is only for one total segment)
+ case S_ATTR_NOQUOT_VALUE:
+ case S_ATTR:
+ case S_ATTR_SPACE:
+ break;
+ //case S_EQ:
- if (duration) {
- var segmentTimeInfo = parseByDuration(attributes);
+ default:
+ throw new Error("attribute invalid close char('/')");
+ // No known test case
+ }
- if (segmentTimeInfo.length) {
- segment.duration = segmentTimeInfo[0].duration;
- segment.timeline = segmentTimeInfo[0].timeline;
- }
- } else if (sourceDuration) {
- segment.duration = sourceDuration / timescale;
- segment.timeline = 0;
- } // This is used for mediaSequence
+ break;
+ case '':
+ //end document
+ errorHandler.error('unexpected end of input');
- segment.number = 0;
- return [segment];
- };
- /**
- * Given a playlist, a sidx box, and a baseUrl, update the segment list of the playlist
- * according to the sidx information given.
- *
- * playlist.sidx has metadadata about the sidx where-as the sidx param
- * is the parsed sidx box itself.
- *
- * @param {Object} playlist the playlist to update the sidx information for
- * @param {Object} sidx the parsed sidx box
- * @return {Object} the playlist object with the updated sidx information
- */
+ if (s == S_TAG) {
+ el.setTagName(source.slice(start, p));
+ }
+ return p;
- var addSegmentsToPlaylist = function addSegmentsToPlaylist(playlist, sidx, baseUrl) {
- // Retain init segment information
- var initSegment = playlist.sidx.map ? playlist.sidx.map : null; // Retain source duration from initial master manifest parsing
+ case '>':
+ switch (s) {
+ case S_TAG:
+ el.setTagName(source.slice(start, p));
- var sourceDuration = playlist.sidx.duration; // Retain source timeline
+ case S_ATTR_END:
+ case S_TAG_SPACE:
+ case S_TAG_CLOSE:
+ break;
+ //normal
- var timeline = playlist.timeline || 0;
- var sidxByteRange = playlist.sidx.byterange;
- var sidxEnd = sidxByteRange.offset + sidxByteRange.length; // Retain timescale of the parsed sidx
+ case S_ATTR_NOQUOT_VALUE: //Compatible state
- var timescale = sidx.timescale; // referenceType 1 refers to other sidx boxes
+ case S_ATTR:
+ value = source.slice(start, p);
- var mediaReferences = sidx.references.filter(function (r) {
- return r.referenceType !== 1;
- });
- var segments = []; // firstOffset is the offset from the end of the sidx box
+ if (value.slice(-1) === '/') {
+ el.closed = true;
+ value = value.slice(0, -1);
+ }
- var startIndex = sidxEnd + sidx.firstOffset;
+ case S_ATTR_SPACE:
+ if (s === S_ATTR_SPACE) {
+ value = attrName;
+ }
- for (var i = 0; i < mediaReferences.length; i++) {
- var reference = sidx.references[i]; // size of the referenced (sub)segment
+ if (s == S_ATTR_NOQUOT_VALUE) {
+ errorHandler.warning('attribute "' + value + '" missed quot(")!');
+ addAttribute(attrName, value.replace(/&#?\w+;/g, entityReplacer), start);
+ } else {
+ if (!NAMESPACE$1.isHTML(currentNSMap['']) || !value.match(/^(?:disabled|checked|selected)$/i)) {
+ errorHandler.warning('attribute "' + value + '" missed value!! "' + value + '" instead!!');
+ }
- var size = reference.referencedSize; // duration of the referenced (sub)segment, in the timescale
- // this will be converted to seconds when generating segments
+ addAttribute(value, value, start);
+ }
- var duration = reference.subsegmentDuration; // should be an inclusive range
+ break;
- var endIndex = startIndex + size - 1;
- var indexRange = startIndex + "-" + endIndex;
- var attributes = {
- baseUrl: baseUrl,
- timescale: timescale,
- timeline: timeline,
- // this is used in parseByDuration
- periodIndex: timeline,
- duration: duration,
- sourceDuration: sourceDuration,
- indexRange: indexRange
- };
- var segment = segmentsFromBase(attributes)[0];
+ case S_EQ:
+ throw new Error('attribute value missed!!');
+ } // console.log(tagName,tagNamePattern,tagNamePattern.test(tagName))
- if (initSegment) {
- segment.map = initSegment;
- }
- segments.push(segment);
- startIndex += size;
- }
+ return p;
- playlist.segments = segments;
- return playlist;
- };
+ /*xml space '\x20' | #x9 | #xD | #xA; */
- var mergeDiscontiguousPlaylists = function mergeDiscontiguousPlaylists(playlists) {
- var mergedPlaylists = values(playlists.reduce(function (acc, playlist) {
- // assuming playlist IDs are the same across periods
- // TODO: handle multiperiod where representation sets are not the same
- // across periods
- var name = playlist.attributes.id + (playlist.attributes.lang || ''); // Periods after first
+ case "\x80":
+ c = ' ';
- if (acc[name]) {
- var _acc$name$segments; // first segment of subsequent periods signal a discontinuity
+ default:
+ if (c <= ' ') {
+ //space
+ switch (s) {
+ case S_TAG:
+ el.setTagName(source.slice(start, p)); //tagName
+ s = S_TAG_SPACE;
+ break;
- if (playlist.segments[0]) {
- playlist.segments[0].discontinuity = true;
- }
+ case S_ATTR:
+ attrName = source.slice(start, p);
+ s = S_ATTR_SPACE;
+ break;
- (_acc$name$segments = acc[name].segments).push.apply(_acc$name$segments, playlist.segments); // bubble up contentProtection, this assumes all DRM content
- // has the same contentProtection
+ case S_ATTR_NOQUOT_VALUE:
+ var value = source.slice(start, p).replace(/&#?\w+;/g, entityReplacer);
+ errorHandler.warning('attribute "' + value + '" missed quot(")!!');
+ addAttribute(attrName, value, start);
+
+ case S_ATTR_END:
+ s = S_TAG_SPACE;
+ break;
+ //case S_TAG_SPACE:
+ //case S_EQ:
+ //case S_ATTR_SPACE:
+ // void();break;
+ //case S_TAG_CLOSE:
+ //ignore warning
+ }
+ } else {
+ //not space
+ //S_TAG, S_ATTR, S_EQ, S_ATTR_NOQUOT_VALUE
+ //S_ATTR_SPACE, S_ATTR_END, S_TAG_SPACE, S_TAG_CLOSE
+ switch (s) {
+ //case S_TAG:void();break;
+ //case S_ATTR:void();break;
+ //case S_ATTR_NOQUOT_VALUE:void();break;
+ case S_ATTR_SPACE:
+ el.tagName;
+ if (!NAMESPACE$1.isHTML(currentNSMap['']) || !attrName.match(/^(?:disabled|checked|selected)$/i)) {
+ errorHandler.warning('attribute "' + attrName + '" missed value!! "' + attrName + '" instead2!!');
+ }
- if (playlist.attributes.contentProtection) {
- acc[name].attributes.contentProtection = playlist.attributes.contentProtection;
- }
- } else {
- // first Period
- acc[name] = playlist;
- }
+ addAttribute(attrName, attrName, start);
+ start = p;
+ s = S_ATTR;
+ break;
- return acc;
- }, {}));
- return mergedPlaylists.map(function (playlist) {
- playlist.discontinuityStarts = findIndexes(playlist.segments, 'discontinuity');
- return playlist;
- });
- };
+ case S_ATTR_END:
+ errorHandler.warning('attribute space is required"' + attrName + '"!!');
- var addSegmentInfoFromSidx = function addSegmentInfoFromSidx(playlists, sidxMapping) {
- if (sidxMapping === void 0) {
- sidxMapping = {};
- }
+ case S_TAG_SPACE:
+ s = S_ATTR;
+ start = p;
+ break;
- if (!Object.keys(sidxMapping).length) {
- return playlists;
- }
+ case S_EQ:
+ s = S_ATTR_NOQUOT_VALUE;
+ start = p;
+ break;
- for (var i in playlists) {
- var playlist = playlists[i];
+ case S_TAG_CLOSE:
+ throw new Error("elements closed character '/' and '>' must be connected to");
+ }
+ }
- if (!playlist.sidx) {
- continue;
- }
+ } //end outer switch
+ //console.log('p++',p)
- var sidxKey = playlist.sidx.uri + '-' + byteRangeToString(playlist.sidx.byterange);
- var sidxMatch = sidxMapping[sidxKey] && sidxMapping[sidxKey].sidx;
- if (playlist.sidx && sidxMatch) {
- addSegmentsToPlaylist(playlist, sidxMatch, playlist.sidx.resolvedUri);
- }
+ p++;
}
+ }
+ /**
+ * @return true if has new namespace define
+ */
- return playlists;
- };
- var formatAudioPlaylist = function formatAudioPlaylist(_ref) {
- var _attributes;
+ function appendElement$1(el, domBuilder, currentNSMap) {
+ var tagName = el.tagName;
+ var localNSMap = null; //var currentNSMap = parseStack[parseStack.length-1].currentNSMap;
- var attributes = _ref.attributes,
- segments = _ref.segments,
- sidx = _ref.sidx;
- var playlist = {
- attributes: (_attributes = {
- NAME: attributes.id,
- BANDWIDTH: attributes.bandwidth,
- CODECS: attributes.codecs
- }, _attributes['PROGRAM-ID'] = 1, _attributes),
- uri: '',
- endList: (attributes.type || 'static') === 'static',
- timeline: attributes.periodIndex,
- resolvedUri: '',
- targetDuration: attributes.duration,
- segments: segments,
- mediaSequence: segments.length ? segments[0].number : 1
- };
+ var i = el.length;
- if (attributes.contentProtection) {
- playlist.contentProtection = attributes.contentProtection;
- }
+ while (i--) {
+ var a = el[i];
+ var qName = a.qName;
+ var value = a.value;
+ var nsp = qName.indexOf(':');
- if (sidx) {
- playlist.sidx = sidx;
- }
+ if (nsp > 0) {
+ var prefix = a.prefix = qName.slice(0, nsp);
+ var localName = qName.slice(nsp + 1);
+ var nsPrefix = prefix === 'xmlns' && localName;
+ } else {
+ localName = qName;
+ prefix = null;
+ nsPrefix = qName === 'xmlns' && '';
+ } //can not set prefix,because prefix !== ''
- return playlist;
- };
- var formatVttPlaylist = function formatVttPlaylist(_ref2) {
- var _attributes2;
+ a.localName = localName; //prefix == null for no ns prefix attribute
- var attributes = _ref2.attributes,
- segments = _ref2.segments;
+ if (nsPrefix !== false) {
+ //hack!!
+ if (localNSMap == null) {
+ localNSMap = {}; //console.log(currentNSMap,0)
- if (typeof segments === 'undefined') {
- // vtt tracks may use single file in BaseURL
- segments = [{
- uri: attributes.baseUrl,
- timeline: attributes.periodIndex,
- resolvedUri: attributes.baseUrl || '',
- duration: attributes.sourceDuration,
- number: 0
- }]; // targetDuration should be the same duration as the only segment
+ _copy(currentNSMap, currentNSMap = {}); //console.log(currentNSMap,1)
- attributes.duration = attributes.sourceDuration;
+ }
+
+ currentNSMap[nsPrefix] = localNSMap[nsPrefix] = value;
+ a.uri = NAMESPACE$1.XMLNS;
+ domBuilder.startPrefixMapping(nsPrefix, value);
+ }
}
- return {
- attributes: (_attributes2 = {
- NAME: attributes.id,
- BANDWIDTH: attributes.bandwidth
- }, _attributes2['PROGRAM-ID'] = 1, _attributes2),
- uri: '',
- endList: (attributes.type || 'static') === 'static',
- timeline: attributes.periodIndex,
- resolvedUri: attributes.baseUrl || '',
- targetDuration: attributes.duration,
- segments: segments,
- mediaSequence: segments.length ? segments[0].number : 1
- };
- };
+ var i = el.length;
- var organizeAudioPlaylists = function organizeAudioPlaylists(playlists, sidxMapping) {
- if (sidxMapping === void 0) {
- sidxMapping = {};
+ while (i--) {
+ a = el[i];
+ var prefix = a.prefix;
+
+ if (prefix) {
+ //no prefix attribute has no namespace
+ if (prefix === 'xml') {
+ a.uri = NAMESPACE$1.XML;
+ }
+
+ if (prefix !== 'xmlns') {
+ a.uri = currentNSMap[prefix || '']; //{console.log('###'+a.qName,domBuilder.locator.systemId+'',currentNSMap,a.uri)}
+ }
+ }
}
- var mainPlaylist;
- var formattedPlaylists = playlists.reduce(function (a, playlist) {
- var role = playlist.attributes.role && playlist.attributes.role.value || '';
- var language = playlist.attributes.lang || '';
- var label = 'main';
+ var nsp = tagName.indexOf(':');
- if (language) {
- var roleLabel = role ? " (" + role + ")" : '';
- label = "" + playlist.attributes.lang + roleLabel;
- } // skip if we already have the highest quality audio for a language
+ if (nsp > 0) {
+ prefix = el.prefix = tagName.slice(0, nsp);
+ localName = el.localName = tagName.slice(nsp + 1);
+ } else {
+ prefix = null; //important!!
+ localName = el.localName = tagName;
+ } //no prefix element has default namespace
- if (a[label] && a[label].playlists[0].attributes.BANDWIDTH > playlist.attributes.bandwidth) {
- return a;
- }
- a[label] = {
- language: language,
- autoselect: true,
- "default": role === 'main',
- playlists: addSegmentInfoFromSidx([formatAudioPlaylist(playlist)], sidxMapping),
- uri: ''
- };
+ var ns = el.uri = currentNSMap[prefix || ''];
+ domBuilder.startElement(ns, localName, tagName, el); //endPrefixMapping and startPrefixMapping have not any help for dom builder
+ //localNSMap = null
- if (typeof mainPlaylist === 'undefined' && role === 'main') {
- mainPlaylist = playlist;
- mainPlaylist["default"] = true;
- }
+ if (el.closed) {
+ domBuilder.endElement(ns, localName, tagName);
- return a;
- }, {}); // if no playlists have role "main", mark the first as main
+ if (localNSMap) {
+ for (prefix in localNSMap) {
+ domBuilder.endPrefixMapping(prefix);
+ }
+ }
+ } else {
+ el.currentNSMap = currentNSMap;
+ el.localNSMap = localNSMap; //parseStack.push(el);
- if (!mainPlaylist) {
- var firstLabel = Object.keys(formattedPlaylists)[0];
- formattedPlaylists[firstLabel]["default"] = true;
+ return true;
}
+ }
- return formattedPlaylists;
- };
+ function parseHtmlSpecialContent(source, elStartEnd, tagName, entityReplacer, domBuilder) {
+ if (/^(?:script|textarea)$/i.test(tagName)) {
+ var elEndStart = source.indexOf('</' + tagName + '>', elStartEnd);
+ var text = source.substring(elStartEnd + 1, elEndStart);
- var organizeVttPlaylists = function organizeVttPlaylists(playlists, sidxMapping) {
- if (sidxMapping === void 0) {
- sidxMapping = {};
+ if (/[&<]/.test(text)) {
+ if (/^script$/i.test(tagName)) {
+ //if(!/\]\]>/.test(text)){
+ //lexHandler.startCDATA();
+ domBuilder.characters(text, 0, text.length); //lexHandler.endCDATA();
+
+ return elEndStart; //}
+ } //}else{//text area
+
+
+ text = text.replace(/&#?\w+;/g, entityReplacer);
+ domBuilder.characters(text, 0, text.length);
+ return elEndStart; //}
+ }
}
- return playlists.reduce(function (a, playlist) {
- var label = playlist.attributes.lang || 'text'; // skip if we already have subtitles
+ return elStartEnd + 1;
+ }
- if (a[label]) {
- return a;
+ function fixSelfClosed(source, elStartEnd, tagName, closeMap) {
+ //if(tagName in closeMap){
+ var pos = closeMap[tagName];
+
+ if (pos == null) {
+ //console.log(tagName)
+ pos = source.lastIndexOf('</' + tagName + '>');
+
+ if (pos < elStartEnd) {
+ //忘记闭合
+ pos = source.lastIndexOf('</' + tagName);
}
- a[label] = {
- language: label,
- "default": false,
- autoselect: false,
- playlists: addSegmentInfoFromSidx([formatVttPlaylist(playlist)], sidxMapping),
- uri: ''
- };
- return a;
- }, {});
- };
+ closeMap[tagName] = pos;
+ }
- var formatVideoPlaylist = function formatVideoPlaylist(_ref3) {
- var _attributes3;
+ return pos < elStartEnd; //}
+ }
- var attributes = _ref3.attributes,
- segments = _ref3.segments,
- sidx = _ref3.sidx;
- var playlist = {
- attributes: (_attributes3 = {
- NAME: attributes.id,
- AUDIO: 'audio',
- SUBTITLES: 'subs',
- RESOLUTION: {
- width: attributes.width,
- height: attributes.height
- },
- CODECS: attributes.codecs,
- BANDWIDTH: attributes.bandwidth
- }, _attributes3['PROGRAM-ID'] = 1, _attributes3),
- uri: '',
- endList: (attributes.type || 'static') === 'static',
- timeline: attributes.periodIndex,
- resolvedUri: '',
- targetDuration: attributes.duration,
- segments: segments,
- mediaSequence: segments.length ? segments[0].number : 1
- };
+ function _copy(source, target) {
+ for (var n in source) {
+ target[n] = source[n];
+ }
+ }
+
+ function parseDCC(source, start, domBuilder, errorHandler) {
+ //sure start with '<!'
+ var next = source.charAt(start + 2);
+
+ switch (next) {
+ case '-':
+ if (source.charAt(start + 3) === '-') {
+ var end = source.indexOf('-->', start + 4); //append comment source.substring(4,end)//<!--
+
+ if (end > start) {
+ domBuilder.comment(source, start + 4, end - start - 4);
+ return end + 3;
+ } else {
+ errorHandler.error("Unclosed comment");
+ return -1;
+ }
+ } else {
+ //error
+ return -1;
+ }
+
+ default:
+ if (source.substr(start + 3, 6) == 'CDATA[') {
+ var end = source.indexOf(']]>', start + 9);
+ domBuilder.startCDATA();
+ domBuilder.characters(source, start + 9, end - start - 9);
+ domBuilder.endCDATA();
+ return end + 3;
+ } //<!DOCTYPE
+ //startDTD(java.lang.String name, java.lang.String publicId, java.lang.String systemId)
+
+
+ var matchs = split(source, start);
+ var len = matchs.length;
+
+ if (len > 1 && /!doctype/i.test(matchs[0][0])) {
+ var name = matchs[1][0];
+ var pubid = false;
+ var sysid = false;
+
+ if (len > 3) {
+ if (/^public$/i.test(matchs[2][0])) {
+ pubid = matchs[3][0];
+ sysid = len > 4 && matchs[4][0];
+ } else if (/^system$/i.test(matchs[2][0])) {
+ sysid = matchs[3][0];
+ }
+ }
+
+ var lastMatch = matchs[len - 1];
+ domBuilder.startDTD(name, pubid, sysid);
+ domBuilder.endDTD();
+ return lastMatch.index + lastMatch[0].length;
+ }
- if (attributes.contentProtection) {
- playlist.contentProtection = attributes.contentProtection;
}
- if (sidx) {
- playlist.sidx = sidx;
+ return -1;
+ }
+
+ function parseInstruction(source, start, domBuilder) {
+ var end = source.indexOf('?>', start);
+
+ if (end) {
+ var match = source.substring(start, end).match(/^<\?(\S*)\s*([\s\S]*?)\s*$/);
+
+ if (match) {
+ match[0].length;
+ domBuilder.processingInstruction(match[1], match[2]);
+ return end + 2;
+ } else {
+ //error
+ return -1;
+ }
}
- return playlist;
+ return -1;
+ }
+
+ function ElementAttributes() {
+ this.attributeNames = {};
+ }
+
+ ElementAttributes.prototype = {
+ setTagName: function setTagName(tagName) {
+ if (!tagNamePattern.test(tagName)) {
+ throw new Error('invalid tagName:' + tagName);
+ }
+
+ this.tagName = tagName;
+ },
+ addValue: function addValue(qName, value, offset) {
+ if (!tagNamePattern.test(qName)) {
+ throw new Error('invalid attribute:' + qName);
+ }
+
+ this.attributeNames[qName] = this.length;
+ this[this.length++] = {
+ qName: qName,
+ value: value,
+ offset: offset
+ };
+ },
+ length: 0,
+ getLocalName: function getLocalName(i) {
+ return this[i].localName;
+ },
+ getLocator: function getLocator(i) {
+ return this[i].locator;
+ },
+ getQName: function getQName(i) {
+ return this[i].qName;
+ },
+ getURI: function getURI(i) {
+ return this[i].uri;
+ },
+ getValue: function getValue(i) {
+ return this[i].value;
+ } // ,getIndex:function(uri, localName)){
+ // if(localName){
+ //
+ // }else{
+ // var qName = uri
+ // }
+ // },
+ // getValue:function(){return this.getValue(this.getIndex.apply(this,arguments))},
+ // getType:function(uri,localName){}
+ // getType:function(i){},
+
};
- var toM3u8 = function toM3u8(dashPlaylists, sidxMapping) {
- var _mediaGroups;
+ function split(source, start) {
+ var match;
+ var buf = [];
+ var reg = /'[^']+'|"[^"]+"|[^\s<>\/=]+=?|(\/?\s*>|<)/g;
+ reg.lastIndex = start;
+ reg.exec(source); //skip <
- if (sidxMapping === void 0) {
- sidxMapping = {};
+ while (match = reg.exec(source)) {
+ buf.push(match);
+ if (match[1]) return buf;
}
+ }
- if (!dashPlaylists.length) {
- return {};
- } // grab all master attributes
-
+ var XMLReader_1 = XMLReader$1;
+ var ParseError_1 = ParseError$1;
+ var sax = {
+ XMLReader: XMLReader_1,
+ ParseError: ParseError_1
+ };
- var _dashPlaylists$0$attr = dashPlaylists[0].attributes,
- duration = _dashPlaylists$0$attr.sourceDuration,
- _dashPlaylists$0$attr2 = _dashPlaylists$0$attr.type,
- type = _dashPlaylists$0$attr2 === void 0 ? 'static' : _dashPlaylists$0$attr2,
- suggestedPresentationDelay = _dashPlaylists$0$attr.suggestedPresentationDelay,
- _dashPlaylists$0$attr3 = _dashPlaylists$0$attr.minimumUpdatePeriod,
- minimumUpdatePeriod = _dashPlaylists$0$attr3 === void 0 ? 0 : _dashPlaylists$0$attr3;
+ var DOMImplementation = dom.DOMImplementation;
+ var NAMESPACE = conventions.NAMESPACE;
+ var ParseError = sax.ParseError;
+ var XMLReader = sax.XMLReader;
- var videoOnly = function videoOnly(_ref4) {
- var attributes = _ref4.attributes;
- return attributes.mimeType === 'video/mp4' || attributes.contentType === 'video';
+ function DOMParser$1(options) {
+ this.options = options || {
+ locator: {}
};
+ }
- var audioOnly = function audioOnly(_ref5) {
- var attributes = _ref5.attributes;
- return attributes.mimeType === 'audio/mp4' || attributes.contentType === 'audio';
- };
+ DOMParser$1.prototype.parseFromString = function (source, mimeType) {
+ var options = this.options;
+ var sax = new XMLReader();
+ var domBuilder = options.domBuilder || new DOMHandler(); //contentHandler and LexicalHandler
- var vttOnly = function vttOnly(_ref6) {
- var attributes = _ref6.attributes;
- return attributes.mimeType === 'text/vtt' || attributes.contentType === 'text';
- };
+ var errorHandler = options.errorHandler;
+ var locator = options.locator;
+ var defaultNSMap = options.xmlns || {};
+ var isHTML = /\/x?html?$/.test(mimeType); //mimeType.toLowerCase().indexOf('html') > -1;
- var videoPlaylists = mergeDiscontiguousPlaylists(dashPlaylists.filter(videoOnly)).map(formatVideoPlaylist);
- var audioPlaylists = mergeDiscontiguousPlaylists(dashPlaylists.filter(audioOnly));
- var vttPlaylists = dashPlaylists.filter(vttOnly);
- var master = {
- allowCache: true,
- discontinuityStarts: [],
- segments: [],
- endList: true,
- mediaGroups: (_mediaGroups = {
- AUDIO: {},
- VIDEO: {}
- }, _mediaGroups['CLOSED-CAPTIONS'] = {}, _mediaGroups.SUBTITLES = {}, _mediaGroups),
- uri: '',
- duration: duration,
- playlists: addSegmentInfoFromSidx(videoPlaylists, sidxMapping),
- minimumUpdatePeriod: minimumUpdatePeriod * 1000
- };
+ var entityMap = isHTML ? entities.HTML_ENTITIES : entities.XML_ENTITIES;
- if (type === 'dynamic') {
- master.suggestedPresentationDelay = suggestedPresentationDelay;
+ if (locator) {
+ domBuilder.setDocumentLocator(locator);
}
- if (audioPlaylists.length) {
- master.mediaGroups.AUDIO.audio = organizeAudioPlaylists(audioPlaylists, sidxMapping);
+ sax.errorHandler = buildErrorHandler(errorHandler, domBuilder, locator);
+ sax.domBuilder = options.domBuilder || domBuilder;
+
+ if (isHTML) {
+ defaultNSMap[''] = NAMESPACE.HTML;
}
- if (vttPlaylists.length) {
- master.mediaGroups.SUBTITLES.subs = organizeVttPlaylists(vttPlaylists, sidxMapping);
+ defaultNSMap.xml = defaultNSMap.xml || NAMESPACE.XML;
+
+ if (source && typeof source === 'string') {
+ sax.parse(source, defaultNSMap, entityMap);
+ } else {
+ sax.errorHandler.error("invalid doc source");
}
- return master;
+ return domBuilder.doc;
};
+
+ function buildErrorHandler(errorImpl, domBuilder, locator) {
+ if (!errorImpl) {
+ if (domBuilder instanceof DOMHandler) {
+ return domBuilder;
+ }
+
+ errorImpl = domBuilder;
+ }
+
+ var errorHandler = {};
+ var isCallback = errorImpl instanceof Function;
+ locator = locator || {};
+
+ function build(key) {
+ var fn = errorImpl[key];
+
+ if (!fn && isCallback) {
+ fn = errorImpl.length == 2 ? function (msg) {
+ errorImpl(key, msg);
+ } : errorImpl;
+ }
+
+ errorHandler[key] = fn && function (msg) {
+ fn('[xmldom ' + key + ']\t' + msg + _locator(locator));
+ } || function () {};
+ }
+
+ build('warning');
+ build('error');
+ build('fatalError');
+ return errorHandler;
+ } //console.log('#\n\n\n\n\n\n\n####')
+
/**
- * Calculates the R (repetition) value for a live stream (for the final segment
- * in a manifest where the r value is negative 1)
- *
- * @param {Object} attributes
- * Object containing all inherited attributes from parent elements with attribute
- * names as keys
- * @param {number} time
- * current time (typically the total time up until the final segment)
- * @param {number} duration
- * duration property for the given <S />
+ * +ContentHandler+ErrorHandler
+ * +LexicalHandler+EntityResolver2
+ * -DeclHandler-DTDHandler
*
- * @return {number}
- * R value to reach the end of the given period
+ * DefaultHandler:EntityResolver, DTDHandler, ContentHandler, ErrorHandler
+ * DefaultHandler2:DefaultHandler,LexicalHandler, DeclHandler, EntityResolver2
+ * @link http://www.saxproject.org/apidoc/org/xml/sax/helpers/DefaultHandler.html
*/
- var getLiveRValue = function getLiveRValue(attributes, time, duration) {
- var NOW = attributes.NOW,
- clientOffset = attributes.clientOffset,
- availabilityStartTime = attributes.availabilityStartTime,
- _attributes$timescale = attributes.timescale,
- timescale = _attributes$timescale === void 0 ? 1 : _attributes$timescale,
- _attributes$start = attributes.start,
- start = _attributes$start === void 0 ? 0 : _attributes$start,
- _attributes$minimumUp = attributes.minimumUpdatePeriod,
- minimumUpdatePeriod = _attributes$minimumUp === void 0 ? 0 : _attributes$minimumUp;
- var now = (NOW + clientOffset) / 1000;
- var periodStartWC = availabilityStartTime + start;
- var periodEndWC = now + minimumUpdatePeriod;
- var periodDuration = periodEndWC - periodStartWC;
- return Math.ceil((periodDuration * timescale - time) / duration);
- };
+ function DOMHandler() {
+ this.cdata = false;
+ }
+
+ function position(locator, node) {
+ node.lineNumber = locator.lineNumber;
+ node.columnNumber = locator.columnNumber;
+ }
/**
- * Uses information provided by SegmentTemplate.SegmentTimeline to determine segment
- * timing and duration
- *
- * @param {Object} attributes
- * Object containing all inherited attributes from parent elements with attribute
- * names as keys
- * @param {Object[]} segmentTimeline
- * List of objects representing the attributes of each S element contained within
- *
- * @return {{number: number, duration: number, time: number, timeline: number}[]}
- * List of Objects with segment timing and duration info
+ * @see org.xml.sax.ContentHandler#startDocument
+ * @link http://www.saxproject.org/apidoc/org/xml/sax/ContentHandler.html
*/
- var parseByTimeline = function parseByTimeline(attributes, segmentTimeline) {
- var _attributes$type = attributes.type,
- type = _attributes$type === void 0 ? 'static' : _attributes$type,
- _attributes$minimumUp2 = attributes.minimumUpdatePeriod,
- minimumUpdatePeriod = _attributes$minimumUp2 === void 0 ? 0 : _attributes$minimumUp2,
- _attributes$media = attributes.media,
- media = _attributes$media === void 0 ? '' : _attributes$media,
- sourceDuration = attributes.sourceDuration,
- _attributes$timescale2 = attributes.timescale,
- timescale = _attributes$timescale2 === void 0 ? 1 : _attributes$timescale2,
- _attributes$startNumb = attributes.startNumber,
- startNumber = _attributes$startNumb === void 0 ? 1 : _attributes$startNumb,
- timeline = attributes.periodIndex;
- var segments = [];
- var time = -1;
+ DOMHandler.prototype = {
+ startDocument: function startDocument() {
+ this.doc = new DOMImplementation().createDocument(null, null, null);
- for (var sIndex = 0; sIndex < segmentTimeline.length; sIndex++) {
- var S = segmentTimeline[sIndex];
- var duration = S.d;
- var repeat = S.r || 0;
- var segmentTime = S.t || 0;
+ if (this.locator) {
+ this.doc.documentURI = this.locator.systemId;
+ }
+ },
+ startElement: function startElement(namespaceURI, localName, qName, attrs) {
+ var doc = this.doc;
+ var el = doc.createElementNS(namespaceURI, qName || localName);
+ var len = attrs.length;
+ appendElement(this, el);
+ this.currentElement = el;
+ this.locator && position(this.locator, el);
+
+ for (var i = 0; i < len; i++) {
+ var namespaceURI = attrs.getURI(i);
+ var value = attrs.getValue(i);
+ var qName = attrs.getQName(i);
+ var attr = doc.createAttributeNS(namespaceURI, qName);
+ this.locator && position(attrs.getLocator(i), attr);
+ attr.value = attr.nodeValue = value;
+ el.setAttributeNode(attr);
+ }
+ },
+ endElement: function endElement(namespaceURI, localName, qName) {
+ var current = this.currentElement;
+ current.tagName;
+ this.currentElement = current.parentNode;
+ },
+ startPrefixMapping: function startPrefixMapping(prefix, uri) {},
+ endPrefixMapping: function endPrefixMapping(prefix) {},
+ processingInstruction: function processingInstruction(target, data) {
+ var ins = this.doc.createProcessingInstruction(target, data);
+ this.locator && position(this.locator, ins);
+ appendElement(this, ins);
+ },
+ ignorableWhitespace: function ignorableWhitespace(ch, start, length) {},
+ characters: function characters(chars, start, length) {
+ chars = _toString.apply(this, arguments); //console.log(chars)
- if (time < 0) {
- // first segment
- time = segmentTime;
+ if (chars) {
+ if (this.cdata) {
+ var charNode = this.doc.createCDATASection(chars);
+ } else {
+ var charNode = this.doc.createTextNode(chars);
+ }
+
+ if (this.currentElement) {
+ this.currentElement.appendChild(charNode);
+ } else if (/^\s*$/.test(chars)) {
+ this.doc.appendChild(charNode); //process xml
+ }
+
+ this.locator && position(this.locator, charNode);
+ }
+ },
+ skippedEntity: function skippedEntity(name) {},
+ endDocument: function endDocument() {
+ this.doc.normalize();
+ },
+ setDocumentLocator: function setDocumentLocator(locator) {
+ if (this.locator = locator) {
+ // && !('lineNumber' in locator)){
+ locator.lineNumber = 0;
}
+ },
+ //LexicalHandler
+ comment: function comment(chars, start, length) {
+ chars = _toString.apply(this, arguments);
+ var comm = this.doc.createComment(chars);
+ this.locator && position(this.locator, comm);
+ appendElement(this, comm);
+ },
+ startCDATA: function startCDATA() {
+ //used in characters() methods
+ this.cdata = true;
+ },
+ endCDATA: function endCDATA() {
+ this.cdata = false;
+ },
+ startDTD: function startDTD(name, publicId, systemId) {
+ var impl = this.doc.implementation;
- if (segmentTime && segmentTime > time) {
- // discontinuity
- // TODO: How to handle this type of discontinuity
- // timeline++ here would treat it like HLS discontuity and content would
- // get appended without gap
- // E.G.
- // <S t="0" d="1" />
- // <S d="1" />
- // <S d="1" />
- // <S t="5" d="1" />
- // would have $Time$ values of [0, 1, 2, 5]
- // should this be appened at time positions [0, 1, 2, 3],(#EXT-X-DISCONTINUITY)
- // or [0, 1, 2, gap, gap, 5]? (#EXT-X-GAP)
- // does the value of sourceDuration consider this when calculating arbitrary
- // negative @r repeat value?
- // E.G. Same elements as above with this added at the end
- // <S d="1" r="-1" />
- // with a sourceDuration of 10
- // Would the 2 gaps be included in the time duration calculations resulting in
- // 8 segments with $Time$ values of [0, 1, 2, 5, 6, 7, 8, 9] or 10 segments
- // with $Time$ values of [0, 1, 2, 5, 6, 7, 8, 9, 10, 11] ?
- time = segmentTime;
+ if (impl && impl.createDocumentType) {
+ var dt = impl.createDocumentType(name, publicId, systemId);
+ this.locator && position(this.locator, dt);
+ appendElement(this, dt);
+ this.doc.doctype = dt;
}
+ },
- var count = void 0;
+ /**
+ * @see org.xml.sax.ErrorHandler
+ * @link http://www.saxproject.org/apidoc/org/xml/sax/ErrorHandler.html
+ */
+ warning: function warning(error) {
+ console.warn('[xmldom warning]\t' + error, _locator(this.locator));
+ },
+ error: function error(_error) {
+ console.error('[xmldom error]\t' + _error, _locator(this.locator));
+ },
+ fatalError: function fatalError(error) {
+ throw new ParseError(error, this.locator);
+ }
+ };
- if (repeat < 0) {
- var nextS = sIndex + 1;
+ function _locator(l) {
+ if (l) {
+ return '\n@' + (l.systemId || '') + '#[line:' + l.lineNumber + ',col:' + l.columnNumber + ']';
+ }
+ }
- if (nextS === segmentTimeline.length) {
- // last segment
- if (type === 'dynamic' && minimumUpdatePeriod > 0 && media.indexOf('$Number$') > 0) {
- count = getLiveRValue(attributes, time, duration);
- } else {
- // TODO: This may be incorrect depending on conclusion of TODO above
- count = (sourceDuration * timescale - time) / duration;
- }
- } else {
- count = (segmentTimeline[nextS].t - time) / duration;
- }
- } else {
- count = repeat + 1;
+ function _toString(chars, start, length) {
+ if (typeof chars == 'string') {
+ return chars.substr(start, length);
+ } else {
+ //java sax connect width xmldom on rhino(what about: "? && !(chars instanceof String)")
+ if (chars.length >= start + length || start) {
+ return new java.lang.String(chars, start, length) + '';
}
- var end = startNumber + segments.length + count;
- var number = startNumber + segments.length;
+ return chars;
+ }
+ }
+ /*
+ * @link http://www.saxproject.org/apidoc/org/xml/sax/ext/LexicalHandler.html
+ * used method of org.xml.sax.ext.LexicalHandler:
+ * #comment(chars, start, length)
+ * #startCDATA()
+ * #endCDATA()
+ * #startDTD(name, publicId, systemId)
+ *
+ *
+ * IGNORED method of org.xml.sax.ext.LexicalHandler:
+ * #endDTD()
+ * #startEntity(name)
+ * #endEntity(name)
+ *
+ *
+ * @link http://www.saxproject.org/apidoc/org/xml/sax/ext/DeclHandler.html
+ * IGNORED method of org.xml.sax.ext.DeclHandler
+ * #attributeDecl(eName, aName, type, mode, value)
+ * #elementDecl(name, model)
+ * #externalEntityDecl(name, publicId, systemId)
+ * #internalEntityDecl(name, value)
+ * @link http://www.saxproject.org/apidoc/org/xml/sax/ext/EntityResolver2.html
+ * IGNORED method of org.xml.sax.EntityResolver2
+ * #resolveEntity(String name,String publicId,String baseURI,String systemId)
+ * #resolveEntity(publicId, systemId)
+ * #getExternalSubset(name, baseURI)
+ * @link http://www.saxproject.org/apidoc/org/xml/sax/DTDHandler.html
+ * IGNORED method of org.xml.sax.DTDHandler
+ * #notationDecl(name, publicId, systemId) {};
+ * #unparsedEntityDecl(name, publicId, systemId, notationName) {};
+ */
+
+
+ "endDTD,startEntity,endEntity,attributeDecl,elementDecl,externalEntityDecl,internalEntityDecl,resolveEntity,getExternalSubset,notationDecl,unparsedEntityDecl".replace(/\w+/g, function (key) {
+ DOMHandler.prototype[key] = function () {
+ return null;
+ };
+ });
+ /* Private static helpers treated below as private instance methods, so don't need to add these to the public API; we might use a Relator to also get rid of non-standard public properties */
- while (number < end) {
- segments.push({
- number: number,
- duration: duration / timescale,
- time: time,
- timeline: timeline
- });
- time += duration;
- number++;
- }
+ function appendElement(hander, node) {
+ if (!hander.currentElement) {
+ hander.doc.appendChild(node);
+ } else {
+ hander.currentElement.appendChild(node);
}
+ } //appendChild and setAttributeNS are preformance key
- return segments;
- };
- var identifierPattern = /\$([A-z]*)(?:(%0)([0-9]+)d)?\$/g;
+ var __DOMHandler = DOMHandler;
+ var DOMParser_1 = DOMParser$1;
/**
- * Replaces template identifiers with corresponding values. To be used as the callback
- * for String.prototype.replace
- *
- * @name replaceCallback
- * @function
- * @param {string} match
- * Entire match of identifier
- * @param {string} identifier
- * Name of matched identifier
- * @param {string} format
- * Format tag string. Its presence indicates that padding is expected
- * @param {string} width
- * Desired length of the replaced value. Values less than this width shall be left
- * zero padded
- * @return {string}
- * Replacement for the matched identifier
+ * @deprecated Import/require from main entry point instead
*/
+ var DOMImplementation_1 = dom.DOMImplementation;
/**
- * Returns a function to be used as a callback for String.prototype.replace to replace
- * template identifiers
- *
- * @param {Obect} values
- * Object containing values that shall be used to replace known identifiers
- * @param {number} values.RepresentationID
- * Value of the Representation@id attribute
- * @param {number} values.Number
- * Number of the corresponding segment
- * @param {number} values.Bandwidth
- * Value of the Representation@bandwidth attribute.
- * @param {number} values.Time
- * Timestamp value of the corresponding segment
- * @return {replaceCallback}
- * Callback to be used with String.prototype.replace to replace identifiers
+ * @deprecated Import/require from main entry point instead
*/
- var identifierReplacement = function identifierReplacement(values) {
- return function (match, identifier, format, width) {
- if (match === '$$') {
- // escape sequence
- return '$';
- }
+ var XMLSerializer = dom.XMLSerializer;
+ var domParser = {
+ __DOMHandler: __DOMHandler,
+ DOMParser: DOMParser_1,
+ DOMImplementation: DOMImplementation_1,
+ XMLSerializer: XMLSerializer
+ };
- if (typeof values[identifier] === 'undefined') {
- return match;
- }
+ var DOMParser = domParser.DOMParser;
- var value = '' + values[identifier];
+ /*! @name mpd-parser @version 0.19.2 @license Apache-2.0 */
- if (identifier === 'RepresentationID') {
- // Format tag shall not be present with RepresentationID
- return value;
- }
+ var isObject = function isObject(obj) {
+ return !!obj && typeof obj === 'object';
+ };
- if (!format) {
- width = 1;
- } else {
- width = parseInt(width, 10);
- }
+ var merge = function merge() {
+ for (var _len = arguments.length, objects = new Array(_len), _key = 0; _key < _len; _key++) {
+ objects[_key] = arguments[_key];
+ }
- if (value.length >= width) {
- return value;
+ return objects.reduce(function (result, source) {
+ if (typeof source !== 'object') {
+ return result;
}
- return "" + new Array(width - value.length + 1).join('0') + value;
- };
+ Object.keys(source).forEach(function (key) {
+ if (Array.isArray(result[key]) && Array.isArray(source[key])) {
+ result[key] = result[key].concat(source[key]);
+ } else if (isObject(result[key]) && isObject(source[key])) {
+ result[key] = merge(result[key], source[key]);
+ } else {
+ result[key] = source[key];
+ }
+ });
+ return result;
+ }, {});
+ };
+
+ var values = function values(o) {
+ return Object.keys(o).map(function (k) {
+ return o[k];
+ });
};
- /**
- * Constructs a segment url from a template string
- *
- * @param {string} url
- * Template string to construct url from
- * @param {Obect} values
- * Object containing values that shall be used to replace known identifiers
- * @param {number} values.RepresentationID
- * Value of the Representation@id attribute
- * @param {number} values.Number
- * Number of the corresponding segment
- * @param {number} values.Bandwidth
- * Value of the Representation@bandwidth attribute.
- * @param {number} values.Time
- * Timestamp value of the corresponding segment
- * @return {string}
- * Segment url with identifiers replaced
- */
+ var range = function range(start, end) {
+ var result = [];
- var constructTemplateUrl = function constructTemplateUrl(url, values) {
- return url.replace(identifierPattern, identifierReplacement(values));
+ for (var i = start; i < end; i++) {
+ result.push(i);
+ }
+
+ return result;
};
- /**
- * Generates a list of objects containing timing and duration information about each
- * segment needed to generate segment uris and the complete segment object
- *
- * @param {Object} attributes
- * Object containing all inherited attributes from parent elements with attribute
- * names as keys
- * @param {Object[]|undefined} segmentTimeline
- * List of objects representing the attributes of each S element contained within
- * the SegmentTimeline element
- * @return {{number: number, duration: number, time: number, timeline: number}[]}
- * List of Objects with segment timing and duration info
- */
+ var flatten = function flatten(lists) {
+ return lists.reduce(function (x, y) {
+ return x.concat(y);
+ }, []);
+ };
- var parseTemplateInfo = function parseTemplateInfo(attributes, segmentTimeline) {
- if (!attributes.duration && !segmentTimeline) {
- // if neither @duration or SegmentTimeline are present, then there shall be exactly
- // one media segment
- return [{
- number: attributes.startNumber || 1,
- duration: attributes.sourceDuration,
- time: 0,
- timeline: attributes.periodIndex
- }];
+ var from = function from(list) {
+ if (!list.length) {
+ return [];
}
- if (attributes.duration) {
- return parseByDuration(attributes);
+ var result = [];
+
+ for (var i = 0; i < list.length; i++) {
+ result.push(list[i]);
}
- return parseByTimeline(attributes, segmentTimeline);
+ return result;
};
- /**
- * Generates a list of segments using information provided by the SegmentTemplate element
- *
- * @param {Object} attributes
- * Object containing all inherited attributes from parent elements with attribute
- * names as keys
- * @param {Object[]|undefined} segmentTimeline
- * List of objects representing the attributes of each S element contained within
- * the SegmentTimeline element
- * @return {Object[]}
- * List of segment objects
- */
+ var findIndexes = function findIndexes(l, key) {
+ return l.reduce(function (a, e, i) {
+ if (e[key]) {
+ a.push(i);
+ }
- var segmentsFromTemplate = function segmentsFromTemplate(attributes, segmentTimeline) {
- var templateValues = {
- RepresentationID: attributes.id,
- Bandwidth: attributes.bandwidth || 0
+ return a;
+ }, []);
+ };
+
+ var errors = {
+ INVALID_NUMBER_OF_PERIOD: 'INVALID_NUMBER_OF_PERIOD',
+ DASH_EMPTY_MANIFEST: 'DASH_EMPTY_MANIFEST',
+ DASH_INVALID_XML: 'DASH_INVALID_XML',
+ NO_BASE_URL: 'NO_BASE_URL',
+ MISSING_SEGMENT_INFORMATION: 'MISSING_SEGMENT_INFORMATION',
+ SEGMENT_TIME_UNSPECIFIED: 'SEGMENT_TIME_UNSPECIFIED',
+ UNSUPPORTED_UTC_TIMING_SCHEME: 'UNSUPPORTED_UTC_TIMING_SCHEME'
+ };
+ /**
+ * @typedef {Object} SingleUri
+ * @property {string} uri - relative location of segment
+ * @property {string} resolvedUri - resolved location of segment
+ * @property {Object} byterange - Object containing information on how to make byte range
+ * requests following byte-range-spec per RFC2616.
+ * @property {String} byterange.length - length of range request
+ * @property {String} byterange.offset - byte offset of range request
+ *
+ * @see https://www.w3.org/Protocols/rfc2616/rfc2616-sec14.html#sec14.35.1
+ */
+
+ /**
+ * Converts a URLType node (5.3.9.2.3 Table 13) to a segment object
+ * that conforms to how m3u8-parser is structured
+ *
+ * @see https://github.com/videojs/m3u8-parser
+ *
+ * @param {string} baseUrl - baseUrl provided by <BaseUrl> nodes
+ * @param {string} source - source url for segment
+ * @param {string} range - optional range used for range calls,
+ * follows RFC 2616, Clause 14.35.1
+ * @return {SingleUri} full segment information transformed into a format similar
+ * to m3u8-parser
+ */
+
+ var urlTypeToSegment = function urlTypeToSegment(_ref) {
+ var _ref$baseUrl = _ref.baseUrl,
+ baseUrl = _ref$baseUrl === void 0 ? '' : _ref$baseUrl,
+ _ref$source = _ref.source,
+ source = _ref$source === void 0 ? '' : _ref$source,
+ _ref$range = _ref.range,
+ range = _ref$range === void 0 ? '' : _ref$range,
+ _ref$indexRange = _ref.indexRange,
+ indexRange = _ref$indexRange === void 0 ? '' : _ref$indexRange;
+ var segment = {
+ uri: source,
+ resolvedUri: resolveUrl$1(baseUrl || '', source)
};
- var _attributes$initializ = attributes.initialization,
- initialization = _attributes$initializ === void 0 ? {
- sourceURL: '',
- range: ''
- } : _attributes$initializ;
- var mapSegment = urlTypeToSegment({
- baseUrl: attributes.baseUrl,
- source: constructTemplateUrl(initialization.sourceURL, templateValues),
- range: initialization.range
- });
- var segments = parseTemplateInfo(attributes, segmentTimeline);
- return segments.map(function (segment) {
- templateValues.Number = segment.number;
- templateValues.Time = segment.time;
- var uri = constructTemplateUrl(attributes.media || '', templateValues);
+
+ if (range || indexRange) {
+ var rangeStr = range ? range : indexRange;
+ var ranges = rangeStr.split('-');
+ var startRange = parseInt(ranges[0], 10);
+ var endRange = parseInt(ranges[1], 10); // byterange should be inclusive according to
+ // RFC 2616, Clause 14.35.1
+
+ segment.byterange = {
+ length: endRange - startRange + 1,
+ offset: startRange
+ };
+ }
+
+ return segment;
+ };
+
+ var byteRangeToString = function byteRangeToString(byterange) {
+ // `endRange` is one less than `offset + length` because the HTTP range
+ // header uses inclusive ranges
+ var endRange = byterange.offset + byterange.length - 1;
+ return byterange.offset + "-" + endRange;
+ };
+ /**
+ * parse the end number attribue that can be a string
+ * number, or undefined.
+ *
+ * @param {string|number|undefined} endNumber
+ * The end number attribute.
+ *
+ * @return {number|null}
+ * The result of parsing the end number.
+ */
+
+
+ var parseEndNumber = function parseEndNumber(endNumber) {
+ if (endNumber && typeof endNumber !== 'number') {
+ endNumber = parseInt(endNumber, 10);
+ }
+
+ if (isNaN(endNumber)) {
+ return null;
+ }
+
+ return endNumber;
+ };
+ /**
+ * Functions for calculating the range of available segments in static and dynamic
+ * manifests.
+ */
+
+
+ var segmentRange = {
+ /**
+ * Returns the entire range of available segments for a static MPD
+ *
+ * @param {Object} attributes
+ * Inheritied MPD attributes
+ * @return {{ start: number, end: number }}
+ * The start and end numbers for available segments
+ */
+ "static": function _static(attributes) {
+ var duration = attributes.duration,
+ _attributes$timescale = attributes.timescale,
+ timescale = _attributes$timescale === void 0 ? 1 : _attributes$timescale,
+ sourceDuration = attributes.sourceDuration,
+ periodDuration = attributes.periodDuration;
+ var endNumber = parseEndNumber(attributes.endNumber);
+ var segmentDuration = duration / timescale;
+
+ if (typeof endNumber === 'number') {
+ return {
+ start: 0,
+ end: endNumber
+ };
+ }
+
+ if (typeof periodDuration === 'number') {
+ return {
+ start: 0,
+ end: periodDuration / segmentDuration
+ };
+ }
+
return {
- uri: uri,
- timeline: segment.timeline,
- duration: segment.duration,
- resolvedUri: resolveUrl_1(attributes.baseUrl || '', uri),
- map: mapSegment,
- number: segment.number
+ start: 0,
+ end: sourceDuration / segmentDuration
};
- });
+ },
+
+ /**
+ * Returns the current live window range of available segments for a dynamic MPD
+ *
+ * @param {Object} attributes
+ * Inheritied MPD attributes
+ * @return {{ start: number, end: number }}
+ * The start and end numbers for available segments
+ */
+ dynamic: function dynamic(attributes) {
+ var NOW = attributes.NOW,
+ clientOffset = attributes.clientOffset,
+ availabilityStartTime = attributes.availabilityStartTime,
+ _attributes$timescale2 = attributes.timescale,
+ timescale = _attributes$timescale2 === void 0 ? 1 : _attributes$timescale2,
+ duration = attributes.duration,
+ _attributes$start = attributes.start,
+ start = _attributes$start === void 0 ? 0 : _attributes$start,
+ _attributes$minimumUp = attributes.minimumUpdatePeriod,
+ minimumUpdatePeriod = _attributes$minimumUp === void 0 ? 0 : _attributes$minimumUp,
+ _attributes$timeShift = attributes.timeShiftBufferDepth,
+ timeShiftBufferDepth = _attributes$timeShift === void 0 ? Infinity : _attributes$timeShift;
+ var endNumber = parseEndNumber(attributes.endNumber);
+ var now = (NOW + clientOffset) / 1000;
+ var periodStartWC = availabilityStartTime + start;
+ var periodEndWC = now + minimumUpdatePeriod;
+ var periodDuration = periodEndWC - periodStartWC;
+ var segmentCount = Math.ceil(periodDuration * timescale / duration);
+ var availableStart = Math.floor((now - periodStartWC - timeShiftBufferDepth) * timescale / duration);
+ var availableEnd = Math.floor((now - periodStartWC) * timescale / duration);
+ return {
+ start: Math.max(0, availableStart),
+ end: typeof endNumber === 'number' ? endNumber : Math.min(segmentCount, availableEnd)
+ };
+ }
};
/**
- * Converts a <SegmentUrl> (of type URLType from the DASH spec 5.3.9.2 Table 14)
- * to an object that matches the output of a segment in videojs/mpd-parser
+ * Maps a range of numbers to objects with information needed to build the corresponding
+ * segment list
+ *
+ * @name toSegmentsCallback
+ * @function
+ * @param {number} number
+ * Number of the segment
+ * @param {number} index
+ * Index of the number in the range list
+ * @return {{ number: Number, duration: Number, timeline: Number, time: Number }}
+ * Object with segment timing and duration info
+ */
+
+ /**
+ * Returns a callback for Array.prototype.map for mapping a range of numbers to
+ * information needed to build the segment list.
+ *
+ * @param {Object} attributes
+ * Inherited MPD attributes
+ * @return {toSegmentsCallback}
+ * Callback map function
+ */
+
+ var toSegments = function toSegments(attributes) {
+ return function (number, index) {
+ var duration = attributes.duration,
+ _attributes$timescale3 = attributes.timescale,
+ timescale = _attributes$timescale3 === void 0 ? 1 : _attributes$timescale3,
+ periodIndex = attributes.periodIndex,
+ _attributes$startNumb = attributes.startNumber,
+ startNumber = _attributes$startNumb === void 0 ? 1 : _attributes$startNumb;
+ return {
+ number: startNumber + number,
+ duration: duration / timescale,
+ timeline: periodIndex,
+ time: index * duration
+ };
+ };
+ };
+ /**
+ * Returns a list of objects containing segment timing and duration info used for
+ * building the list of segments. This uses the @duration attribute specified
+ * in the MPD manifest to derive the range of segments.
+ *
+ * @param {Object} attributes
+ * Inherited MPD attributes
+ * @return {{number: number, duration: number, time: number, timeline: number}[]}
+ * List of Objects with segment timing and duration info
+ */
+
+
+ var parseByDuration = function parseByDuration(attributes) {
+ var type = attributes.type,
+ duration = attributes.duration,
+ _attributes$timescale4 = attributes.timescale,
+ timescale = _attributes$timescale4 === void 0 ? 1 : _attributes$timescale4,
+ periodDuration = attributes.periodDuration,
+ sourceDuration = attributes.sourceDuration;
+
+ var _segmentRange$type = segmentRange[type](attributes),
+ start = _segmentRange$type.start,
+ end = _segmentRange$type.end;
+
+ var segments = range(start, end).map(toSegments(attributes));
+
+ if (type === 'static') {
+ var index = segments.length - 1; // section is either a period or the full source
+
+ var sectionDuration = typeof periodDuration === 'number' ? periodDuration : sourceDuration; // final segment may be less than full segment duration
+
+ segments[index].duration = sectionDuration - duration / timescale * index;
+ }
+
+ return segments;
+ };
+ /**
+ * Translates SegmentBase into a set of segments.
+ * (DASH SPEC Section 5.3.9.3.2) contains a set of <SegmentURL> nodes. Each
+ * node should be translated into segment.
*
* @param {Object} attributes
* Object containing all inherited attributes from parent elements with attribute
* names as keys
- * @param {Object} segmentUrl
- * <SegmentURL> node to translate into a segment object
- * @return {Object} translated segment object
+ * @return {Object.<Array>} list of segments
+ */
+
+
+ var segmentsFromBase = function segmentsFromBase(attributes) {
+ var baseUrl = attributes.baseUrl,
+ _attributes$initializ = attributes.initialization,
+ initialization = _attributes$initializ === void 0 ? {} : _attributes$initializ,
+ sourceDuration = attributes.sourceDuration,
+ _attributes$indexRang = attributes.indexRange,
+ indexRange = _attributes$indexRang === void 0 ? '' : _attributes$indexRang,
+ duration = attributes.duration; // base url is required for SegmentBase to work, per spec (Section 5.3.9.2.1)
+
+ if (!baseUrl) {
+ throw new Error(errors.NO_BASE_URL);
+ }
+
+ var initSegment = urlTypeToSegment({
+ baseUrl: baseUrl,
+ source: initialization.sourceURL,
+ range: initialization.range
+ });
+ var segment = urlTypeToSegment({
+ baseUrl: baseUrl,
+ source: baseUrl,
+ indexRange: indexRange
+ });
+ segment.map = initSegment; // If there is a duration, use it, otherwise use the given duration of the source
+ // (since SegmentBase is only for one total segment)
+
+ if (duration) {
+ var segmentTimeInfo = parseByDuration(attributes);
+
+ if (segmentTimeInfo.length) {
+ segment.duration = segmentTimeInfo[0].duration;
+ segment.timeline = segmentTimeInfo[0].timeline;
+ }
+ } else if (sourceDuration) {
+ segment.duration = sourceDuration;
+ segment.timeline = 0;
+ } // This is used for mediaSequence
+
+
+ segment.number = 0;
+ return [segment];
+ };
+ /**
+ * Given a playlist, a sidx box, and a baseUrl, update the segment list of the playlist
+ * according to the sidx information given.
+ *
+ * playlist.sidx has metadadata about the sidx where-as the sidx param
+ * is the parsed sidx box itself.
+ *
+ * @param {Object} playlist the playlist to update the sidx information for
+ * @param {Object} sidx the parsed sidx box
+ * @return {Object} the playlist object with the updated sidx information
*/
- var SegmentURLToSegmentObject = function SegmentURLToSegmentObject(attributes, segmentUrl) {
- var baseUrl = attributes.baseUrl,
- _attributes$initializ = attributes.initialization,
- initialization = _attributes$initializ === void 0 ? {} : _attributes$initializ;
- var initSegment = urlTypeToSegment({
- baseUrl: baseUrl,
- source: initialization.sourceURL,
- range: initialization.range
- });
- var segment = urlTypeToSegment({
- baseUrl: baseUrl,
- source: segmentUrl.media,
- range: segmentUrl.mediaRange
- });
- segment.map = initSegment;
- return segment;
+ var addSidxSegmentsToPlaylist = function addSidxSegmentsToPlaylist(playlist, sidx, baseUrl) {
+ // Retain init segment information
+ var initSegment = playlist.sidx.map ? playlist.sidx.map : null; // Retain source duration from initial main manifest parsing
+
+ var sourceDuration = playlist.sidx.duration; // Retain source timeline
+
+ var timeline = playlist.timeline || 0;
+ var sidxByteRange = playlist.sidx.byterange;
+ var sidxEnd = sidxByteRange.offset + sidxByteRange.length; // Retain timescale of the parsed sidx
+
+ var timescale = sidx.timescale; // referenceType 1 refers to other sidx boxes
+
+ var mediaReferences = sidx.references.filter(function (r) {
+ return r.referenceType !== 1;
+ });
+ var segments = [];
+ var type = playlist.endList ? 'static' : 'dynamic'; // firstOffset is the offset from the end of the sidx box
+
+ var startIndex = sidxEnd + sidx.firstOffset;
+
+ for (var i = 0; i < mediaReferences.length; i++) {
+ var reference = sidx.references[i]; // size of the referenced (sub)segment
+
+ var size = reference.referencedSize; // duration of the referenced (sub)segment, in the timescale
+ // this will be converted to seconds when generating segments
+
+ var duration = reference.subsegmentDuration; // should be an inclusive range
+
+ var endIndex = startIndex + size - 1;
+ var indexRange = startIndex + "-" + endIndex;
+ var attributes = {
+ baseUrl: baseUrl,
+ timescale: timescale,
+ timeline: timeline,
+ // this is used in parseByDuration
+ periodIndex: timeline,
+ duration: duration,
+ sourceDuration: sourceDuration,
+ indexRange: indexRange,
+ type: type
+ };
+ var segment = segmentsFromBase(attributes)[0];
+
+ if (initSegment) {
+ segment.map = initSegment;
+ }
+
+ segments.push(segment);
+ startIndex += size;
+ }
+
+ playlist.segments = segments;
+ return playlist;
+ };
+
+ var generateSidxKey = function generateSidxKey(sidx) {
+ return sidx && sidx.uri + '-' + byteRangeToString(sidx.byterange);
+ };
+
+ var mergeDiscontiguousPlaylists = function mergeDiscontiguousPlaylists(playlists) {
+ var mergedPlaylists = values(playlists.reduce(function (acc, playlist) {
+ // assuming playlist IDs are the same across periods
+ // TODO: handle multiperiod where representation sets are not the same
+ // across periods
+ var name = playlist.attributes.id + (playlist.attributes.lang || ''); // Periods after first
+
+ if (acc[name]) {
+ var _acc$name$segments; // first segment of subsequent periods signal a discontinuity
+
+
+ if (playlist.segments[0]) {
+ playlist.segments[0].discontinuity = true;
+ }
+
+ (_acc$name$segments = acc[name].segments).push.apply(_acc$name$segments, playlist.segments); // bubble up contentProtection, this assumes all DRM content
+ // has the same contentProtection
+
+
+ if (playlist.attributes.contentProtection) {
+ acc[name].attributes.contentProtection = playlist.attributes.contentProtection;
+ }
+ } else {
+ // first Period
+ acc[name] = playlist;
+ }
+
+ return acc;
+ }, {}));
+ return mergedPlaylists.map(function (playlist) {
+ playlist.discontinuityStarts = findIndexes(playlist.segments, 'discontinuity');
+ return playlist;
+ });
+ };
+
+ var addSidxSegmentsToPlaylist$1 = function addSidxSegmentsToPlaylist$1(playlist, sidxMapping) {
+ var sidxKey = generateSidxKey(playlist.sidx);
+ var sidxMatch = sidxKey && sidxMapping[sidxKey] && sidxMapping[sidxKey].sidx;
+
+ if (sidxMatch) {
+ addSidxSegmentsToPlaylist(playlist, sidxMatch, playlist.sidx.resolvedUri);
+ }
+
+ return playlist;
+ };
+
+ var addSidxSegmentsToPlaylists = function addSidxSegmentsToPlaylists(playlists, sidxMapping) {
+ if (sidxMapping === void 0) {
+ sidxMapping = {};
+ }
+
+ if (!Object.keys(sidxMapping).length) {
+ return playlists;
+ }
+
+ for (var i in playlists) {
+ playlists[i] = addSidxSegmentsToPlaylist$1(playlists[i], sidxMapping);
+ }
+
+ return playlists;
+ };
+
+ var formatAudioPlaylist = function formatAudioPlaylist(_ref, isAudioOnly) {
+ var _attributes;
+
+ var attributes = _ref.attributes,
+ segments = _ref.segments,
+ sidx = _ref.sidx;
+ var playlist = {
+ attributes: (_attributes = {
+ NAME: attributes.id,
+ BANDWIDTH: attributes.bandwidth,
+ CODECS: attributes.codecs
+ }, _attributes['PROGRAM-ID'] = 1, _attributes),
+ uri: '',
+ endList: attributes.type === 'static',
+ timeline: attributes.periodIndex,
+ resolvedUri: '',
+ targetDuration: attributes.duration,
+ segments: segments,
+ mediaSequence: segments.length ? segments[0].number : 1
+ };
+
+ if (attributes.contentProtection) {
+ playlist.contentProtection = attributes.contentProtection;
+ }
+
+ if (sidx) {
+ playlist.sidx = sidx;
+ }
+
+ if (isAudioOnly) {
+ playlist.attributes.AUDIO = 'audio';
+ playlist.attributes.SUBTITLES = 'subs';
+ }
+
+ return playlist;
+ };
+
+ var formatVttPlaylist = function formatVttPlaylist(_ref2) {
+ var _m3u8Attributes;
+
+ var attributes = _ref2.attributes,
+ segments = _ref2.segments;
+
+ if (typeof segments === 'undefined') {
+ // vtt tracks may use single file in BaseURL
+ segments = [{
+ uri: attributes.baseUrl,
+ timeline: attributes.periodIndex,
+ resolvedUri: attributes.baseUrl || '',
+ duration: attributes.sourceDuration,
+ number: 0
+ }]; // targetDuration should be the same duration as the only segment
+
+ attributes.duration = attributes.sourceDuration;
+ }
+
+ var m3u8Attributes = (_m3u8Attributes = {
+ NAME: attributes.id,
+ BANDWIDTH: attributes.bandwidth
+ }, _m3u8Attributes['PROGRAM-ID'] = 1, _m3u8Attributes);
+
+ if (attributes.codecs) {
+ m3u8Attributes.CODECS = attributes.codecs;
+ }
+
+ return {
+ attributes: m3u8Attributes,
+ uri: '',
+ endList: attributes.type === 'static',
+ timeline: attributes.periodIndex,
+ resolvedUri: attributes.baseUrl || '',
+ targetDuration: attributes.duration,
+ segments: segments,
+ mediaSequence: segments.length ? segments[0].number : 1
+ };
+ };
+
+ var organizeAudioPlaylists = function organizeAudioPlaylists(playlists, sidxMapping, isAudioOnly) {
+ if (sidxMapping === void 0) {
+ sidxMapping = {};
+ }
+
+ if (isAudioOnly === void 0) {
+ isAudioOnly = false;
+ }
+
+ var mainPlaylist;
+ var formattedPlaylists = playlists.reduce(function (a, playlist) {
+ var role = playlist.attributes.role && playlist.attributes.role.value || '';
+ var language = playlist.attributes.lang || '';
+ var label = playlist.attributes.label || 'main';
+
+ if (language && !playlist.attributes.label) {
+ var roleLabel = role ? " (" + role + ")" : '';
+ label = "" + playlist.attributes.lang + roleLabel;
+ }
+
+ if (!a[label]) {
+ a[label] = {
+ language: language,
+ autoselect: true,
+ "default": role === 'main',
+ playlists: [],
+ uri: ''
+ };
+ }
+
+ var formatted = addSidxSegmentsToPlaylist$1(formatAudioPlaylist(playlist, isAudioOnly), sidxMapping);
+ a[label].playlists.push(formatted);
+
+ if (typeof mainPlaylist === 'undefined' && role === 'main') {
+ mainPlaylist = playlist;
+ mainPlaylist["default"] = true;
+ }
+
+ return a;
+ }, {}); // if no playlists have role "main", mark the first as main
+
+ if (!mainPlaylist) {
+ var firstLabel = Object.keys(formattedPlaylists)[0];
+ formattedPlaylists[firstLabel]["default"] = true;
+ }
+
+ return formattedPlaylists;
+ };
+
+ var organizeVttPlaylists = function organizeVttPlaylists(playlists, sidxMapping) {
+ if (sidxMapping === void 0) {
+ sidxMapping = {};
+ }
+
+ return playlists.reduce(function (a, playlist) {
+ var label = playlist.attributes.lang || 'text';
+
+ if (!a[label]) {
+ a[label] = {
+ language: label,
+ "default": false,
+ autoselect: false,
+ playlists: [],
+ uri: ''
+ };
+ }
+
+ a[label].playlists.push(addSidxSegmentsToPlaylist$1(formatVttPlaylist(playlist), sidxMapping));
+ return a;
+ }, {});
+ };
+
+ var organizeCaptionServices = function organizeCaptionServices(captionServices) {
+ return captionServices.reduce(function (svcObj, svc) {
+ if (!svc) {
+ return svcObj;
+ }
+
+ svc.forEach(function (service) {
+ var channel = service.channel,
+ language = service.language;
+ svcObj[language] = {
+ autoselect: false,
+ "default": false,
+ instreamId: channel,
+ language: language
+ };
+
+ if (service.hasOwnProperty('aspectRatio')) {
+ svcObj[language].aspectRatio = service.aspectRatio;
+ }
+
+ if (service.hasOwnProperty('easyReader')) {
+ svcObj[language].easyReader = service.easyReader;
+ }
+
+ if (service.hasOwnProperty('3D')) {
+ svcObj[language]['3D'] = service['3D'];
+ }
+ });
+ return svcObj;
+ }, {});
+ };
+
+ var formatVideoPlaylist = function formatVideoPlaylist(_ref3) {
+ var _attributes2;
+
+ var attributes = _ref3.attributes,
+ segments = _ref3.segments,
+ sidx = _ref3.sidx;
+ var playlist = {
+ attributes: (_attributes2 = {
+ NAME: attributes.id,
+ AUDIO: 'audio',
+ SUBTITLES: 'subs',
+ RESOLUTION: {
+ width: attributes.width,
+ height: attributes.height
+ },
+ CODECS: attributes.codecs,
+ BANDWIDTH: attributes.bandwidth
+ }, _attributes2['PROGRAM-ID'] = 1, _attributes2),
+ uri: '',
+ endList: attributes.type === 'static',
+ timeline: attributes.periodIndex,
+ resolvedUri: '',
+ targetDuration: attributes.duration,
+ segments: segments,
+ mediaSequence: segments.length ? segments[0].number : 1
+ };
+
+ if (attributes.contentProtection) {
+ playlist.contentProtection = attributes.contentProtection;
+ }
+
+ if (sidx) {
+ playlist.sidx = sidx;
+ }
+
+ return playlist;
+ };
+
+ var videoOnly = function videoOnly(_ref4) {
+ var attributes = _ref4.attributes;
+ return attributes.mimeType === 'video/mp4' || attributes.mimeType === 'video/webm' || attributes.contentType === 'video';
+ };
+
+ var audioOnly = function audioOnly(_ref5) {
+ var attributes = _ref5.attributes;
+ return attributes.mimeType === 'audio/mp4' || attributes.mimeType === 'audio/webm' || attributes.contentType === 'audio';
+ };
+
+ var vttOnly = function vttOnly(_ref6) {
+ var attributes = _ref6.attributes;
+ return attributes.mimeType === 'text/vtt' || attributes.contentType === 'text';
+ };
+
+ var toM3u8 = function toM3u8(dashPlaylists, locations, sidxMapping) {
+ var _mediaGroups;
+
+ if (sidxMapping === void 0) {
+ sidxMapping = {};
+ }
+
+ if (!dashPlaylists.length) {
+ return {};
+ } // grab all main manifest attributes
+
+
+ var _dashPlaylists$0$attr = dashPlaylists[0].attributes,
+ duration = _dashPlaylists$0$attr.sourceDuration,
+ type = _dashPlaylists$0$attr.type,
+ suggestedPresentationDelay = _dashPlaylists$0$attr.suggestedPresentationDelay,
+ minimumUpdatePeriod = _dashPlaylists$0$attr.minimumUpdatePeriod;
+ var videoPlaylists = mergeDiscontiguousPlaylists(dashPlaylists.filter(videoOnly)).map(formatVideoPlaylist);
+ var audioPlaylists = mergeDiscontiguousPlaylists(dashPlaylists.filter(audioOnly));
+ var vttPlaylists = dashPlaylists.filter(vttOnly);
+ var captions = dashPlaylists.map(function (playlist) {
+ return playlist.attributes.captionServices;
+ }).filter(Boolean);
+ var manifest = {
+ allowCache: true,
+ discontinuityStarts: [],
+ segments: [],
+ endList: true,
+ mediaGroups: (_mediaGroups = {
+ AUDIO: {},
+ VIDEO: {}
+ }, _mediaGroups['CLOSED-CAPTIONS'] = {}, _mediaGroups.SUBTITLES = {}, _mediaGroups),
+ uri: '',
+ duration: duration,
+ playlists: addSidxSegmentsToPlaylists(videoPlaylists, sidxMapping)
+ };
+
+ if (minimumUpdatePeriod >= 0) {
+ manifest.minimumUpdatePeriod = minimumUpdatePeriod * 1000;
+ }
+
+ if (locations) {
+ manifest.locations = locations;
+ }
+
+ if (type === 'dynamic') {
+ manifest.suggestedPresentationDelay = suggestedPresentationDelay;
+ }
+
+ var isAudioOnly = manifest.playlists.length === 0;
+
+ if (audioPlaylists.length) {
+ manifest.mediaGroups.AUDIO.audio = organizeAudioPlaylists(audioPlaylists, sidxMapping, isAudioOnly);
+ }
+
+ if (vttPlaylists.length) {
+ manifest.mediaGroups.SUBTITLES.subs = organizeVttPlaylists(vttPlaylists, sidxMapping);
+ }
+
+ if (captions.length) {
+ manifest.mediaGroups['CLOSED-CAPTIONS'].cc = organizeCaptionServices(captions);
+ }
+
+ return manifest;
+ };
+ /**
+ * Calculates the R (repetition) value for a live stream (for the final segment
+ * in a manifest where the r value is negative 1)
+ *
+ * @param {Object} attributes
+ * Object containing all inherited attributes from parent elements with attribute
+ * names as keys
+ * @param {number} time
+ * current time (typically the total time up until the final segment)
+ * @param {number} duration
+ * duration property for the given <S />
+ *
+ * @return {number}
+ * R value to reach the end of the given period
+ */
+
+
+ var getLiveRValue = function getLiveRValue(attributes, time, duration) {
+ var NOW = attributes.NOW,
+ clientOffset = attributes.clientOffset,
+ availabilityStartTime = attributes.availabilityStartTime,
+ _attributes$timescale = attributes.timescale,
+ timescale = _attributes$timescale === void 0 ? 1 : _attributes$timescale,
+ _attributes$start = attributes.start,
+ start = _attributes$start === void 0 ? 0 : _attributes$start,
+ _attributes$minimumUp = attributes.minimumUpdatePeriod,
+ minimumUpdatePeriod = _attributes$minimumUp === void 0 ? 0 : _attributes$minimumUp;
+ var now = (NOW + clientOffset) / 1000;
+ var periodStartWC = availabilityStartTime + start;
+ var periodEndWC = now + minimumUpdatePeriod;
+ var periodDuration = periodEndWC - periodStartWC;
+ return Math.ceil((periodDuration * timescale - time) / duration);
+ };
+ /**
+ * Uses information provided by SegmentTemplate.SegmentTimeline to determine segment
+ * timing and duration
+ *
+ * @param {Object} attributes
+ * Object containing all inherited attributes from parent elements with attribute
+ * names as keys
+ * @param {Object[]} segmentTimeline
+ * List of objects representing the attributes of each S element contained within
+ *
+ * @return {{number: number, duration: number, time: number, timeline: number}[]}
+ * List of Objects with segment timing and duration info
+ */
+
+
+ var parseByTimeline = function parseByTimeline(attributes, segmentTimeline) {
+ var type = attributes.type,
+ _attributes$minimumUp2 = attributes.minimumUpdatePeriod,
+ minimumUpdatePeriod = _attributes$minimumUp2 === void 0 ? 0 : _attributes$minimumUp2,
+ _attributes$media = attributes.media,
+ media = _attributes$media === void 0 ? '' : _attributes$media,
+ sourceDuration = attributes.sourceDuration,
+ _attributes$timescale2 = attributes.timescale,
+ timescale = _attributes$timescale2 === void 0 ? 1 : _attributes$timescale2,
+ _attributes$startNumb = attributes.startNumber,
+ startNumber = _attributes$startNumb === void 0 ? 1 : _attributes$startNumb,
+ timeline = attributes.periodIndex;
+ var segments = [];
+ var time = -1;
+
+ for (var sIndex = 0; sIndex < segmentTimeline.length; sIndex++) {
+ var S = segmentTimeline[sIndex];
+ var duration = S.d;
+ var repeat = S.r || 0;
+ var segmentTime = S.t || 0;
+
+ if (time < 0) {
+ // first segment
+ time = segmentTime;
+ }
+
+ if (segmentTime && segmentTime > time) {
+ // discontinuity
+ // TODO: How to handle this type of discontinuity
+ // timeline++ here would treat it like HLS discontuity and content would
+ // get appended without gap
+ // E.G.
+ // <S t="0" d="1" />
+ // <S d="1" />
+ // <S d="1" />
+ // <S t="5" d="1" />
+ // would have $Time$ values of [0, 1, 2, 5]
+ // should this be appened at time positions [0, 1, 2, 3],(#EXT-X-DISCONTINUITY)
+ // or [0, 1, 2, gap, gap, 5]? (#EXT-X-GAP)
+ // does the value of sourceDuration consider this when calculating arbitrary
+ // negative @r repeat value?
+ // E.G. Same elements as above with this added at the end
+ // <S d="1" r="-1" />
+ // with a sourceDuration of 10
+ // Would the 2 gaps be included in the time duration calculations resulting in
+ // 8 segments with $Time$ values of [0, 1, 2, 5, 6, 7, 8, 9] or 10 segments
+ // with $Time$ values of [0, 1, 2, 5, 6, 7, 8, 9, 10, 11] ?
+ time = segmentTime;
+ }
+
+ var count = void 0;
+
+ if (repeat < 0) {
+ var nextS = sIndex + 1;
+
+ if (nextS === segmentTimeline.length) {
+ // last segment
+ if (type === 'dynamic' && minimumUpdatePeriod > 0 && media.indexOf('$Number$') > 0) {
+ count = getLiveRValue(attributes, time, duration);
+ } else {
+ // TODO: This may be incorrect depending on conclusion of TODO above
+ count = (sourceDuration * timescale - time) / duration;
+ }
+ } else {
+ count = (segmentTimeline[nextS].t - time) / duration;
+ }
+ } else {
+ count = repeat + 1;
+ }
+
+ var end = startNumber + segments.length + count;
+ var number = startNumber + segments.length;
+
+ while (number < end) {
+ segments.push({
+ number: number,
+ duration: duration / timescale,
+ time: time,
+ timeline: timeline
+ });
+ time += duration;
+ number++;
+ }
+ }
+
+ return segments;
+ };
+
+ var identifierPattern = /\$([A-z]*)(?:(%0)([0-9]+)d)?\$/g;
+ /**
+ * Replaces template identifiers with corresponding values. To be used as the callback
+ * for String.prototype.replace
+ *
+ * @name replaceCallback
+ * @function
+ * @param {string} match
+ * Entire match of identifier
+ * @param {string} identifier
+ * Name of matched identifier
+ * @param {string} format
+ * Format tag string. Its presence indicates that padding is expected
+ * @param {string} width
+ * Desired length of the replaced value. Values less than this width shall be left
+ * zero padded
+ * @return {string}
+ * Replacement for the matched identifier
+ */
+
+ /**
+ * Returns a function to be used as a callback for String.prototype.replace to replace
+ * template identifiers
+ *
+ * @param {Obect} values
+ * Object containing values that shall be used to replace known identifiers
+ * @param {number} values.RepresentationID
+ * Value of the Representation@id attribute
+ * @param {number} values.Number
+ * Number of the corresponding segment
+ * @param {number} values.Bandwidth
+ * Value of the Representation@bandwidth attribute.
+ * @param {number} values.Time
+ * Timestamp value of the corresponding segment
+ * @return {replaceCallback}
+ * Callback to be used with String.prototype.replace to replace identifiers
+ */
+
+ var identifierReplacement = function identifierReplacement(values) {
+ return function (match, identifier, format, width) {
+ if (match === '$$') {
+ // escape sequence
+ return '$';
+ }
+
+ if (typeof values[identifier] === 'undefined') {
+ return match;
+ }
+
+ var value = '' + values[identifier];
+
+ if (identifier === 'RepresentationID') {
+ // Format tag shall not be present with RepresentationID
+ return value;
+ }
+
+ if (!format) {
+ width = 1;
+ } else {
+ width = parseInt(width, 10);
+ }
+
+ if (value.length >= width) {
+ return value;
+ }
+
+ return "" + new Array(width - value.length + 1).join('0') + value;
+ };
+ };
+ /**
+ * Constructs a segment url from a template string
+ *
+ * @param {string} url
+ * Template string to construct url from
+ * @param {Obect} values
+ * Object containing values that shall be used to replace known identifiers
+ * @param {number} values.RepresentationID
+ * Value of the Representation@id attribute
+ * @param {number} values.Number
+ * Number of the corresponding segment
+ * @param {number} values.Bandwidth
+ * Value of the Representation@bandwidth attribute.
+ * @param {number} values.Time
+ * Timestamp value of the corresponding segment
+ * @return {string}
+ * Segment url with identifiers replaced
+ */
+
+
+ var constructTemplateUrl = function constructTemplateUrl(url, values) {
+ return url.replace(identifierPattern, identifierReplacement(values));
+ };
+ /**
+ * Generates a list of objects containing timing and duration information about each
+ * segment needed to generate segment uris and the complete segment object
+ *
+ * @param {Object} attributes
+ * Object containing all inherited attributes from parent elements with attribute
+ * names as keys
+ * @param {Object[]|undefined} segmentTimeline
+ * List of objects representing the attributes of each S element contained within
+ * the SegmentTimeline element
+ * @return {{number: number, duration: number, time: number, timeline: number}[]}
+ * List of Objects with segment timing and duration info
+ */
+
+
+ var parseTemplateInfo = function parseTemplateInfo(attributes, segmentTimeline) {
+ if (!attributes.duration && !segmentTimeline) {
+ // if neither @duration or SegmentTimeline are present, then there shall be exactly
+ // one media segment
+ return [{
+ number: attributes.startNumber || 1,
+ duration: attributes.sourceDuration,
+ time: 0,
+ timeline: attributes.periodIndex
+ }];
+ }
+
+ if (attributes.duration) {
+ return parseByDuration(attributes);
+ }
+
+ return parseByTimeline(attributes, segmentTimeline);
+ };
+ /**
+ * Generates a list of segments using information provided by the SegmentTemplate element
+ *
+ * @param {Object} attributes
+ * Object containing all inherited attributes from parent elements with attribute
+ * names as keys
+ * @param {Object[]|undefined} segmentTimeline
+ * List of objects representing the attributes of each S element contained within
+ * the SegmentTimeline element
+ * @return {Object[]}
+ * List of segment objects
+ */
+
+
+ var segmentsFromTemplate = function segmentsFromTemplate(attributes, segmentTimeline) {
+ var templateValues = {
+ RepresentationID: attributes.id,
+ Bandwidth: attributes.bandwidth || 0
+ };
+ var _attributes$initializ = attributes.initialization,
+ initialization = _attributes$initializ === void 0 ? {
+ sourceURL: '',
+ range: ''
+ } : _attributes$initializ;
+ var mapSegment = urlTypeToSegment({
+ baseUrl: attributes.baseUrl,
+ source: constructTemplateUrl(initialization.sourceURL, templateValues),
+ range: initialization.range
+ });
+ var segments = parseTemplateInfo(attributes, segmentTimeline);
+ return segments.map(function (segment) {
+ templateValues.Number = segment.number;
+ templateValues.Time = segment.time;
+ var uri = constructTemplateUrl(attributes.media || '', templateValues); // See DASH spec section 5.3.9.2.2
+ // - if timescale isn't present on any level, default to 1.
+
+ var timescale = attributes.timescale || 1; // - if presentationTimeOffset isn't present on any level, default to 0
+
+ var presentationTimeOffset = attributes.presentationTimeOffset || 0;
+ var presentationTime = // Even if the @t attribute is not specified for the segment, segment.time is
+ // calculated in mpd-parser prior to this, so it's assumed to be available.
+ attributes.periodStart + (segment.time - presentationTimeOffset) / timescale;
+ var map = {
+ uri: uri,
+ timeline: segment.timeline,
+ duration: segment.duration,
+ resolvedUri: resolveUrl$1(attributes.baseUrl || '', uri),
+ map: mapSegment,
+ number: segment.number,
+ presentationTime: presentationTime
+ };
+ return map;
+ });
+ };
+ /**
+ * Converts a <SegmentUrl> (of type URLType from the DASH spec 5.3.9.2 Table 14)
+ * to an object that matches the output of a segment in videojs/mpd-parser
+ *
+ * @param {Object} attributes
+ * Object containing all inherited attributes from parent elements with attribute
+ * names as keys
+ * @param {Object} segmentUrl
+ * <SegmentURL> node to translate into a segment object
+ * @return {Object} translated segment object
+ */
+
+
+ var SegmentURLToSegmentObject = function SegmentURLToSegmentObject(attributes, segmentUrl) {
+ var baseUrl = attributes.baseUrl,
+ _attributes$initializ = attributes.initialization,
+ initialization = _attributes$initializ === void 0 ? {} : _attributes$initializ;
+ var initSegment = urlTypeToSegment({
+ baseUrl: baseUrl,
+ source: initialization.sourceURL,
+ range: initialization.range
+ });
+ var segment = urlTypeToSegment({
+ baseUrl: baseUrl,
+ source: segmentUrl.media,
+ range: segmentUrl.mediaRange
+ });
+ segment.map = initSegment;
+ return segment;
+ };
+ /**
+ * Generates a list of segments using information provided by the SegmentList element
+ * SegmentList (DASH SPEC Section 5.3.9.3.2) contains a set of <SegmentURL> nodes. Each
+ * node should be translated into segment.
+ *
+ * @param {Object} attributes
+ * Object containing all inherited attributes from parent elements with attribute
+ * names as keys
+ * @param {Object[]|undefined} segmentTimeline
+ * List of objects representing the attributes of each S element contained within
+ * the SegmentTimeline element
+ * @return {Object.<Array>} list of segments
+ */
+
+
+ var segmentsFromList = function segmentsFromList(attributes, segmentTimeline) {
+ var duration = attributes.duration,
+ _attributes$segmentUr = attributes.segmentUrls,
+ segmentUrls = _attributes$segmentUr === void 0 ? [] : _attributes$segmentUr,
+ periodStart = attributes.periodStart; // Per spec (5.3.9.2.1) no way to determine segment duration OR
+ // if both SegmentTimeline and @duration are defined, it is outside of spec.
+
+ if (!duration && !segmentTimeline || duration && segmentTimeline) {
+ throw new Error(errors.SEGMENT_TIME_UNSPECIFIED);
+ }
+
+ var segmentUrlMap = segmentUrls.map(function (segmentUrlObject) {
+ return SegmentURLToSegmentObject(attributes, segmentUrlObject);
+ });
+ var segmentTimeInfo;
+
+ if (duration) {
+ segmentTimeInfo = parseByDuration(attributes);
+ }
+
+ if (segmentTimeline) {
+ segmentTimeInfo = parseByTimeline(attributes, segmentTimeline);
+ }
+
+ var segments = segmentTimeInfo.map(function (segmentTime, index) {
+ if (segmentUrlMap[index]) {
+ var segment = segmentUrlMap[index]; // See DASH spec section 5.3.9.2.2
+ // - if timescale isn't present on any level, default to 1.
+
+ var timescale = attributes.timescale || 1; // - if presentationTimeOffset isn't present on any level, default to 0
+
+ var presentationTimeOffset = attributes.presentationTimeOffset || 0;
+ segment.timeline = segmentTime.timeline;
+ segment.duration = segmentTime.duration;
+ segment.number = segmentTime.number;
+ segment.presentationTime = periodStart + (segmentTime.time - presentationTimeOffset) / timescale;
+ return segment;
+ } // Since we're mapping we should get rid of any blank segments (in case
+ // the given SegmentTimeline is handling for more elements than we have
+ // SegmentURLs for).
+
+ }).filter(function (segment) {
+ return segment;
+ });
+ return segments;
+ };
+
+ var generateSegments = function generateSegments(_ref) {
+ var attributes = _ref.attributes,
+ segmentInfo = _ref.segmentInfo;
+ var segmentAttributes;
+ var segmentsFn;
+
+ if (segmentInfo.template) {
+ segmentsFn = segmentsFromTemplate;
+ segmentAttributes = merge(attributes, segmentInfo.template);
+ } else if (segmentInfo.base) {
+ segmentsFn = segmentsFromBase;
+ segmentAttributes = merge(attributes, segmentInfo.base);
+ } else if (segmentInfo.list) {
+ segmentsFn = segmentsFromList;
+ segmentAttributes = merge(attributes, segmentInfo.list);
+ }
+
+ var segmentsInfo = {
+ attributes: attributes
+ };
+
+ if (!segmentsFn) {
+ return segmentsInfo;
+ }
+
+ var segments = segmentsFn(segmentAttributes, segmentInfo.segmentTimeline); // The @duration attribute will be used to determin the playlist's targetDuration which
+ // must be in seconds. Since we've generated the segment list, we no longer need
+ // @duration to be in @timescale units, so we can convert it here.
+
+ if (segmentAttributes.duration) {
+ var _segmentAttributes = segmentAttributes,
+ duration = _segmentAttributes.duration,
+ _segmentAttributes$ti = _segmentAttributes.timescale,
+ timescale = _segmentAttributes$ti === void 0 ? 1 : _segmentAttributes$ti;
+ segmentAttributes.duration = duration / timescale;
+ } else if (segments.length) {
+ // if there is no @duration attribute, use the largest segment duration as
+ // as target duration
+ segmentAttributes.duration = segments.reduce(function (max, segment) {
+ return Math.max(max, Math.ceil(segment.duration));
+ }, 0);
+ } else {
+ segmentAttributes.duration = 0;
+ }
+
+ segmentsInfo.attributes = segmentAttributes;
+ segmentsInfo.segments = segments; // This is a sidx box without actual segment information
+
+ if (segmentInfo.base && segmentAttributes.indexRange) {
+ segmentsInfo.sidx = segments[0];
+ segmentsInfo.segments = [];
+ }
+
+ return segmentsInfo;
+ };
+
+ var toPlaylists = function toPlaylists(representations) {
+ return representations.map(generateSegments);
+ };
+
+ var findChildren = function findChildren(element, name) {
+ return from(element.childNodes).filter(function (_ref) {
+ var tagName = _ref.tagName;
+ return tagName === name;
+ });
+ };
+
+ var getContent = function getContent(element) {
+ return element.textContent.trim();
+ };
+
+ var parseDuration = function parseDuration(str) {
+ var SECONDS_IN_YEAR = 365 * 24 * 60 * 60;
+ var SECONDS_IN_MONTH = 30 * 24 * 60 * 60;
+ var SECONDS_IN_DAY = 24 * 60 * 60;
+ var SECONDS_IN_HOUR = 60 * 60;
+ var SECONDS_IN_MIN = 60; // P10Y10M10DT10H10M10.1S
+
+ var durationRegex = /P(?:(\d*)Y)?(?:(\d*)M)?(?:(\d*)D)?(?:T(?:(\d*)H)?(?:(\d*)M)?(?:([\d.]*)S)?)?/;
+ var match = durationRegex.exec(str);
+
+ if (!match) {
+ return 0;
+ }
+
+ var _match$slice = match.slice(1),
+ year = _match$slice[0],
+ month = _match$slice[1],
+ day = _match$slice[2],
+ hour = _match$slice[3],
+ minute = _match$slice[4],
+ second = _match$slice[5];
+
+ return parseFloat(year || 0) * SECONDS_IN_YEAR + parseFloat(month || 0) * SECONDS_IN_MONTH + parseFloat(day || 0) * SECONDS_IN_DAY + parseFloat(hour || 0) * SECONDS_IN_HOUR + parseFloat(minute || 0) * SECONDS_IN_MIN + parseFloat(second || 0);
+ };
+
+ var parseDate = function parseDate(str) {
+ // Date format without timezone according to ISO 8601
+ // YYY-MM-DDThh:mm:ss.ssssss
+ var dateRegex = /^\d+-\d+-\d+T\d+:\d+:\d+(\.\d+)?$/; // If the date string does not specifiy a timezone, we must specifiy UTC. This is
+ // expressed by ending with 'Z'
+
+ if (dateRegex.test(str)) {
+ str += 'Z';
+ }
+
+ return Date.parse(str);
+ };
+
+ var parsers = {
+ /**
+ * Specifies the duration of the entire Media Presentation. Format is a duration string
+ * as specified in ISO 8601
+ *
+ * @param {string} value
+ * value of attribute as a string
+ * @return {number}
+ * The duration in seconds
+ */
+ mediaPresentationDuration: function mediaPresentationDuration(value) {
+ return parseDuration(value);
+ },
+
+ /**
+ * Specifies the Segment availability start time for all Segments referred to in this
+ * MPD. For a dynamic manifest, it specifies the anchor for the earliest availability
+ * time. Format is a date string as specified in ISO 8601
+ *
+ * @param {string} value
+ * value of attribute as a string
+ * @return {number}
+ * The date as seconds from unix epoch
+ */
+ availabilityStartTime: function availabilityStartTime(value) {
+ return parseDate(value) / 1000;
+ },
+
+ /**
+ * Specifies the smallest period between potential changes to the MPD. Format is a
+ * duration string as specified in ISO 8601
+ *
+ * @param {string} value
+ * value of attribute as a string
+ * @return {number}
+ * The duration in seconds
+ */
+ minimumUpdatePeriod: function minimumUpdatePeriod(value) {
+ return parseDuration(value);
+ },
+
+ /**
+ * Specifies the suggested presentation delay. Format is a
+ * duration string as specified in ISO 8601
+ *
+ * @param {string} value
+ * value of attribute as a string
+ * @return {number}
+ * The duration in seconds
+ */
+ suggestedPresentationDelay: function suggestedPresentationDelay(value) {
+ return parseDuration(value);
+ },
+
+ /**
+ * specifices the type of mpd. Can be either "static" or "dynamic"
+ *
+ * @param {string} value
+ * value of attribute as a string
+ *
+ * @return {string}
+ * The type as a string
+ */
+ type: function type(value) {
+ return value;
+ },
+
+ /**
+ * Specifies the duration of the smallest time shifting buffer for any Representation
+ * in the MPD. Format is a duration string as specified in ISO 8601
+ *
+ * @param {string} value
+ * value of attribute as a string
+ * @return {number}
+ * The duration in seconds
+ */
+ timeShiftBufferDepth: function timeShiftBufferDepth(value) {
+ return parseDuration(value);
+ },
+
+ /**
+ * Specifies the PeriodStart time of the Period relative to the availabilityStarttime.
+ * Format is a duration string as specified in ISO 8601
+ *
+ * @param {string} value
+ * value of attribute as a string
+ * @return {number}
+ * The duration in seconds
+ */
+ start: function start(value) {
+ return parseDuration(value);
+ },
+
+ /**
+ * Specifies the width of the visual presentation
+ *
+ * @param {string} value
+ * value of attribute as a string
+ * @return {number}
+ * The parsed width
+ */
+ width: function width(value) {
+ return parseInt(value, 10);
+ },
+
+ /**
+ * Specifies the height of the visual presentation
+ *
+ * @param {string} value
+ * value of attribute as a string
+ * @return {number}
+ * The parsed height
+ */
+ height: function height(value) {
+ return parseInt(value, 10);
+ },
+
+ /**
+ * Specifies the bitrate of the representation
+ *
+ * @param {string} value
+ * value of attribute as a string
+ * @return {number}
+ * The parsed bandwidth
+ */
+ bandwidth: function bandwidth(value) {
+ return parseInt(value, 10);
+ },
+
+ /**
+ * Specifies the number of the first Media Segment in this Representation in the Period
+ *
+ * @param {string} value
+ * value of attribute as a string
+ * @return {number}
+ * The parsed number
+ */
+ startNumber: function startNumber(value) {
+ return parseInt(value, 10);
+ },
+
+ /**
+ * Specifies the timescale in units per seconds
+ *
+ * @param {string} value
+ * value of attribute as a string
+ * @return {number}
+ * The parsed timescale
+ */
+ timescale: function timescale(value) {
+ return parseInt(value, 10);
+ },
+
+ /**
+ * Specifies the presentationTimeOffset.
+ *
+ * @param {string} value
+ * value of the attribute as a string
+ *
+ * @return {number}
+ * The parsed presentationTimeOffset
+ */
+ presentationTimeOffset: function presentationTimeOffset(value) {
+ return parseInt(value, 10);
+ },
+
+ /**
+ * Specifies the constant approximate Segment duration
+ * NOTE: The <Period> element also contains an @duration attribute. This duration
+ * specifies the duration of the Period. This attribute is currently not
+ * supported by the rest of the parser, however we still check for it to prevent
+ * errors.
+ *
+ * @param {string} value
+ * value of attribute as a string
+ * @return {number}
+ * The parsed duration
+ */
+ duration: function duration(value) {
+ var parsedValue = parseInt(value, 10);
+
+ if (isNaN(parsedValue)) {
+ return parseDuration(value);
+ }
+
+ return parsedValue;
+ },
+
+ /**
+ * Specifies the Segment duration, in units of the value of the @timescale.
+ *
+ * @param {string} value
+ * value of attribute as a string
+ * @return {number}
+ * The parsed duration
+ */
+ d: function d(value) {
+ return parseInt(value, 10);
+ },
+
+ /**
+ * Specifies the MPD start time, in @timescale units, the first Segment in the series
+ * starts relative to the beginning of the Period
+ *
+ * @param {string} value
+ * value of attribute as a string
+ * @return {number}
+ * The parsed time
+ */
+ t: function t(value) {
+ return parseInt(value, 10);
+ },
+
+ /**
+ * Specifies the repeat count of the number of following contiguous Segments with the
+ * same duration expressed by the value of @d
+ *
+ * @param {string} value
+ * value of attribute as a string
+ * @return {number}
+ * The parsed number
+ */
+ r: function r(value) {
+ return parseInt(value, 10);
+ },
+
+ /**
+ * Default parser for all other attributes. Acts as a no-op and just returns the value
+ * as a string
+ *
+ * @param {string} value
+ * value of attribute as a string
+ * @return {string}
+ * Unparsed value
+ */
+ DEFAULT: function DEFAULT(value) {
+ return value;
+ }
+ };
+ /**
+ * Gets all the attributes and values of the provided node, parses attributes with known
+ * types, and returns an object with attribute names mapped to values.
+ *
+ * @param {Node} el
+ * The node to parse attributes from
+ * @return {Object}
+ * Object with all attributes of el parsed
+ */
+
+ var parseAttributes = function parseAttributes(el) {
+ if (!(el && el.attributes)) {
+ return {};
+ }
+
+ return from(el.attributes).reduce(function (a, e) {
+ var parseFn = parsers[e.name] || parsers.DEFAULT;
+ a[e.name] = parseFn(e.value);
+ return a;
+ }, {});
+ };
+
+ var keySystemsMap = {
+ 'urn:uuid:1077efec-c0b2-4d02-ace3-3c1e52e2fb4b': 'org.w3.clearkey',
+ 'urn:uuid:edef8ba9-79d6-4ace-a3c8-27dcd51d21ed': 'com.widevine.alpha',
+ 'urn:uuid:9a04f079-9840-4286-ab92-e65be0885f95': 'com.microsoft.playready',
+ 'urn:uuid:f239e769-efa3-4850-9c16-a903c6932efb': 'com.adobe.primetime'
+ };
+ /**
+ * Builds a list of urls that is the product of the reference urls and BaseURL values
+ *
+ * @param {string[]} referenceUrls
+ * List of reference urls to resolve to
+ * @param {Node[]} baseUrlElements
+ * List of BaseURL nodes from the mpd
+ * @return {string[]}
+ * List of resolved urls
+ */
+
+ var buildBaseUrls = function buildBaseUrls(referenceUrls, baseUrlElements) {
+ if (!baseUrlElements.length) {
+ return referenceUrls;
+ }
+
+ return flatten(referenceUrls.map(function (reference) {
+ return baseUrlElements.map(function (baseUrlElement) {
+ return resolveUrl$1(reference, getContent(baseUrlElement));
+ });
+ }));
+ };
+ /**
+ * Contains all Segment information for its containing AdaptationSet
+ *
+ * @typedef {Object} SegmentInformation
+ * @property {Object|undefined} template
+ * Contains the attributes for the SegmentTemplate node
+ * @property {Object[]|undefined} segmentTimeline
+ * Contains a list of atrributes for each S node within the SegmentTimeline node
+ * @property {Object|undefined} list
+ * Contains the attributes for the SegmentList node
+ * @property {Object|undefined} base
+ * Contains the attributes for the SegmentBase node
+ */
+
+ /**
+ * Returns all available Segment information contained within the AdaptationSet node
+ *
+ * @param {Node} adaptationSet
+ * The AdaptationSet node to get Segment information from
+ * @return {SegmentInformation}
+ * The Segment information contained within the provided AdaptationSet
+ */
+
+
+ var getSegmentInformation = function getSegmentInformation(adaptationSet) {
+ var segmentTemplate = findChildren(adaptationSet, 'SegmentTemplate')[0];
+ var segmentList = findChildren(adaptationSet, 'SegmentList')[0];
+ var segmentUrls = segmentList && findChildren(segmentList, 'SegmentURL').map(function (s) {
+ return merge({
+ tag: 'SegmentURL'
+ }, parseAttributes(s));
+ });
+ var segmentBase = findChildren(adaptationSet, 'SegmentBase')[0];
+ var segmentTimelineParentNode = segmentList || segmentTemplate;
+ var segmentTimeline = segmentTimelineParentNode && findChildren(segmentTimelineParentNode, 'SegmentTimeline')[0];
+ var segmentInitializationParentNode = segmentList || segmentBase || segmentTemplate;
+ var segmentInitialization = segmentInitializationParentNode && findChildren(segmentInitializationParentNode, 'Initialization')[0]; // SegmentTemplate is handled slightly differently, since it can have both
+ // @initialization and an <Initialization> node. @initialization can be templated,
+ // while the node can have a url and range specified. If the <SegmentTemplate> has
+ // both @initialization and an <Initialization> subelement we opt to override with
+ // the node, as this interaction is not defined in the spec.
+
+ var template = segmentTemplate && parseAttributes(segmentTemplate);
+
+ if (template && segmentInitialization) {
+ template.initialization = segmentInitialization && parseAttributes(segmentInitialization);
+ } else if (template && template.initialization) {
+ // If it is @initialization we convert it to an object since this is the format that
+ // later functions will rely on for the initialization segment. This is only valid
+ // for <SegmentTemplate>
+ template.initialization = {
+ sourceURL: template.initialization
+ };
+ }
+
+ var segmentInfo = {
+ template: template,
+ segmentTimeline: segmentTimeline && findChildren(segmentTimeline, 'S').map(function (s) {
+ return parseAttributes(s);
+ }),
+ list: segmentList && merge(parseAttributes(segmentList), {
+ segmentUrls: segmentUrls,
+ initialization: parseAttributes(segmentInitialization)
+ }),
+ base: segmentBase && merge(parseAttributes(segmentBase), {
+ initialization: parseAttributes(segmentInitialization)
+ })
+ };
+ Object.keys(segmentInfo).forEach(function (key) {
+ if (!segmentInfo[key]) {
+ delete segmentInfo[key];
+ }
+ });
+ return segmentInfo;
+ };
+ /**
+ * Contains Segment information and attributes needed to construct a Playlist object
+ * from a Representation
+ *
+ * @typedef {Object} RepresentationInformation
+ * @property {SegmentInformation} segmentInfo
+ * Segment information for this Representation
+ * @property {Object} attributes
+ * Inherited attributes for this Representation
+ */
+
+ /**
+ * Maps a Representation node to an object containing Segment information and attributes
+ *
+ * @name inheritBaseUrlsCallback
+ * @function
+ * @param {Node} representation
+ * Representation node from the mpd
+ * @return {RepresentationInformation}
+ * Representation information needed to construct a Playlist object
+ */
+
+ /**
+ * Returns a callback for Array.prototype.map for mapping Representation nodes to
+ * Segment information and attributes using inherited BaseURL nodes.
+ *
+ * @param {Object} adaptationSetAttributes
+ * Contains attributes inherited by the AdaptationSet
+ * @param {string[]} adaptationSetBaseUrls
+ * Contains list of resolved base urls inherited by the AdaptationSet
+ * @param {SegmentInformation} adaptationSetSegmentInfo
+ * Contains Segment information for the AdaptationSet
+ * @return {inheritBaseUrlsCallback}
+ * Callback map function
+ */
+
+
+ var inheritBaseUrls = function inheritBaseUrls(adaptationSetAttributes, adaptationSetBaseUrls, adaptationSetSegmentInfo) {
+ return function (representation) {
+ var repBaseUrlElements = findChildren(representation, 'BaseURL');
+ var repBaseUrls = buildBaseUrls(adaptationSetBaseUrls, repBaseUrlElements);
+ var attributes = merge(adaptationSetAttributes, parseAttributes(representation));
+ var representationSegmentInfo = getSegmentInformation(representation);
+ return repBaseUrls.map(function (baseUrl) {
+ return {
+ segmentInfo: merge(adaptationSetSegmentInfo, representationSegmentInfo),
+ attributes: merge(attributes, {
+ baseUrl: baseUrl
+ })
+ };
+ });
+ };
+ };
+ /**
+ * Tranforms a series of content protection nodes to
+ * an object containing pssh data by key system
+ *
+ * @param {Node[]} contentProtectionNodes
+ * Content protection nodes
+ * @return {Object}
+ * Object containing pssh data by key system
+ */
+
+
+ var generateKeySystemInformation = function generateKeySystemInformation(contentProtectionNodes) {
+ return contentProtectionNodes.reduce(function (acc, node) {
+ var attributes = parseAttributes(node);
+ var keySystem = keySystemsMap[attributes.schemeIdUri];
+
+ if (keySystem) {
+ acc[keySystem] = {
+ attributes: attributes
+ };
+ var psshNode = findChildren(node, 'cenc:pssh')[0];
+
+ if (psshNode) {
+ var pssh = getContent(psshNode);
+ var psshBuffer = pssh && decodeB64ToUint8Array(pssh);
+ acc[keySystem].pssh = psshBuffer;
+ }
+ }
+
+ return acc;
+ }, {});
+ }; // defined in ANSI_SCTE 214-1 2016
+
+
+ var parseCaptionServiceMetadata = function parseCaptionServiceMetadata(service) {
+ // 608 captions
+ if (service.schemeIdUri === 'urn:scte:dash:cc:cea-608:2015') {
+ var values = typeof service.value !== 'string' ? [] : service.value.split(';');
+ return values.map(function (value) {
+ var channel;
+ var language; // default language to value
+
+ language = value;
+
+ if (/^CC\d=/.test(value)) {
+ var _value$split = value.split('=');
+
+ channel = _value$split[0];
+ language = _value$split[1];
+ } else if (/^CC\d$/.test(value)) {
+ channel = value;
+ }
+
+ return {
+ channel: channel,
+ language: language
+ };
+ });
+ } else if (service.schemeIdUri === 'urn:scte:dash:cc:cea-708:2015') {
+ var _values = typeof service.value !== 'string' ? [] : service.value.split(';');
+
+ return _values.map(function (value) {
+ var flags = {
+ // service or channel number 1-63
+ 'channel': undefined,
+ // language is a 3ALPHA per ISO 639.2/B
+ // field is required
+ 'language': undefined,
+ // BIT 1/0 or ?
+ // default value is 1, meaning 16:9 aspect ratio, 0 is 4:3, ? is unknown
+ 'aspectRatio': 1,
+ // BIT 1/0
+ // easy reader flag indicated the text is tailed to the needs of beginning readers
+ // default 0, or off
+ 'easyReader': 0,
+ // BIT 1/0
+ // If 3d metadata is present (CEA-708.1) then 1
+ // default 0
+ '3D': 0
+ };
+
+ if (/=/.test(value)) {
+ var _value$split2 = value.split('='),
+ channel = _value$split2[0],
+ _value$split2$ = _value$split2[1],
+ opts = _value$split2$ === void 0 ? '' : _value$split2$;
+
+ flags.channel = channel;
+ flags.language = value;
+ opts.split(',').forEach(function (opt) {
+ var _opt$split = opt.split(':'),
+ name = _opt$split[0],
+ val = _opt$split[1];
+
+ if (name === 'lang') {
+ flags.language = val; // er for easyReadery
+ } else if (name === 'er') {
+ flags.easyReader = Number(val); // war for wide aspect ratio
+ } else if (name === 'war') {
+ flags.aspectRatio = Number(val);
+ } else if (name === '3D') {
+ flags['3D'] = Number(val);
+ }
+ });
+ } else {
+ flags.language = value;
+ }
+
+ if (flags.channel) {
+ flags.channel = 'SERVICE' + flags.channel;
+ }
+
+ return flags;
+ });
+ }
+ };
+ /**
+ * Maps an AdaptationSet node to a list of Representation information objects
+ *
+ * @name toRepresentationsCallback
+ * @function
+ * @param {Node} adaptationSet
+ * AdaptationSet node from the mpd
+ * @return {RepresentationInformation[]}
+ * List of objects containing Representaion information
+ */
+
+ /**
+ * Returns a callback for Array.prototype.map for mapping AdaptationSet nodes to a list of
+ * Representation information objects
+ *
+ * @param {Object} periodAttributes
+ * Contains attributes inherited by the Period
+ * @param {string[]} periodBaseUrls
+ * Contains list of resolved base urls inherited by the Period
+ * @param {string[]} periodSegmentInfo
+ * Contains Segment Information at the period level
+ * @return {toRepresentationsCallback}
+ * Callback map function
+ */
+
+
+ var toRepresentations = function toRepresentations(periodAttributes, periodBaseUrls, periodSegmentInfo) {
+ return function (adaptationSet) {
+ var adaptationSetAttributes = parseAttributes(adaptationSet);
+ var adaptationSetBaseUrls = buildBaseUrls(periodBaseUrls, findChildren(adaptationSet, 'BaseURL'));
+ var role = findChildren(adaptationSet, 'Role')[0];
+ var roleAttributes = {
+ role: parseAttributes(role)
+ };
+ var attrs = merge(periodAttributes, adaptationSetAttributes, roleAttributes);
+ var accessibility = findChildren(adaptationSet, 'Accessibility')[0];
+ var captionServices = parseCaptionServiceMetadata(parseAttributes(accessibility));
+
+ if (captionServices) {
+ attrs = merge(attrs, {
+ captionServices: captionServices
+ });
+ }
+
+ var label = findChildren(adaptationSet, 'Label')[0];
+
+ if (label && label.childNodes.length) {
+ var labelVal = label.childNodes[0].nodeValue.trim();
+ attrs = merge(attrs, {
+ label: labelVal
+ });
+ }
+
+ var contentProtection = generateKeySystemInformation(findChildren(adaptationSet, 'ContentProtection'));
+
+ if (Object.keys(contentProtection).length) {
+ attrs = merge(attrs, {
+ contentProtection: contentProtection
+ });
+ }
+
+ var segmentInfo = getSegmentInformation(adaptationSet);
+ var representations = findChildren(adaptationSet, 'Representation');
+ var adaptationSetSegmentInfo = merge(periodSegmentInfo, segmentInfo);
+ return flatten(representations.map(inheritBaseUrls(attrs, adaptationSetBaseUrls, adaptationSetSegmentInfo)));
+ };
+ };
+ /**
+ * Contains all period information for mapping nodes onto adaptation sets.
+ *
+ * @typedef {Object} PeriodInformation
+ * @property {Node} period.node
+ * Period node from the mpd
+ * @property {Object} period.attributes
+ * Parsed period attributes from node plus any added
+ */
+
+ /**
+ * Maps a PeriodInformation object to a list of Representation information objects for all
+ * AdaptationSet nodes contained within the Period.
+ *
+ * @name toAdaptationSetsCallback
+ * @function
+ * @param {PeriodInformation} period
+ * Period object containing necessary period information
+ * @param {number} periodIndex
+ * Index of the Period within the mpd
+ * @return {RepresentationInformation[]}
+ * List of objects containing Representaion information
+ */
+
+ /**
+ * Returns a callback for Array.prototype.map for mapping Period nodes to a list of
+ * Representation information objects
+ *
+ * @param {Object} mpdAttributes
+ * Contains attributes inherited by the mpd
+ * @param {string[]} mpdBaseUrls
+ * Contains list of resolved base urls inherited by the mpd
+ * @return {toAdaptationSetsCallback}
+ * Callback map function
+ */
+
+
+ var toAdaptationSets = function toAdaptationSets(mpdAttributes, mpdBaseUrls) {
+ return function (period, index) {
+ var periodBaseUrls = buildBaseUrls(mpdBaseUrls, findChildren(period.node, 'BaseURL'));
+ var parsedPeriodId = parseInt(period.attributes.id, 10); // fallback to mapping index if Period@id is not a number
+
+ var periodIndex = window.isNaN(parsedPeriodId) ? index : parsedPeriodId;
+ var periodAttributes = merge(mpdAttributes, {
+ periodIndex: periodIndex,
+ periodStart: period.attributes.start
+ });
+
+ if (typeof period.attributes.duration === 'number') {
+ periodAttributes.periodDuration = period.attributes.duration;
+ }
+
+ var adaptationSets = findChildren(period.node, 'AdaptationSet');
+ var periodSegmentInfo = getSegmentInformation(period.node);
+ return flatten(adaptationSets.map(toRepresentations(periodAttributes, periodBaseUrls, periodSegmentInfo)));
+ };
+ };
+ /**
+ * Gets Period@start property for a given period.
+ *
+ * @param {Object} options
+ * Options object
+ * @param {Object} options.attributes
+ * Period attributes
+ * @param {Object} [options.priorPeriodAttributes]
+ * Prior period attributes (if prior period is available)
+ * @param {string} options.mpdType
+ * The MPD@type these periods came from
+ * @return {number|null}
+ * The period start, or null if it's an early available period or error
+ */
+
+
+ var getPeriodStart = function getPeriodStart(_ref) {
+ var attributes = _ref.attributes,
+ priorPeriodAttributes = _ref.priorPeriodAttributes,
+ mpdType = _ref.mpdType; // Summary of period start time calculation from DASH spec section 5.3.2.1
+ //
+ // A period's start is the first period's start + time elapsed after playing all
+ // prior periods to this one. Periods continue one after the other in time (without
+ // gaps) until the end of the presentation.
+ //
+ // The value of Period@start should be:
+ // 1. if Period@start is present: value of Period@start
+ // 2. if previous period exists and it has @duration: previous Period@start +
+ // previous Period@duration
+ // 3. if this is first period and MPD@type is 'static': 0
+ // 4. in all other cases, consider the period an "early available period" (note: not
+ // currently supported)
+ // (1)
+
+ if (typeof attributes.start === 'number') {
+ return attributes.start;
+ } // (2)
+
+
+ if (priorPeriodAttributes && typeof priorPeriodAttributes.start === 'number' && typeof priorPeriodAttributes.duration === 'number') {
+ return priorPeriodAttributes.start + priorPeriodAttributes.duration;
+ } // (3)
+
+
+ if (!priorPeriodAttributes && mpdType === 'static') {
+ return 0;
+ } // (4)
+ // There is currently no logic for calculating the Period@start value if there is
+ // no Period@start or prior Period@start and Period@duration available. This is not made
+ // explicit by the DASH interop guidelines or the DASH spec, however, since there's
+ // nothing about any other resolution strategies, it's implied. Thus, this case should
+ // be considered an early available period, or error, and null should suffice for both
+ // of those cases.
+
+
+ return null;
+ };
+ /**
+ * Traverses the mpd xml tree to generate a list of Representation information objects
+ * that have inherited attributes from parent nodes
+ *
+ * @param {Node} mpd
+ * The root node of the mpd
+ * @param {Object} options
+ * Available options for inheritAttributes
+ * @param {string} options.manifestUri
+ * The uri source of the mpd
+ * @param {number} options.NOW
+ * Current time per DASH IOP. Default is current time in ms since epoch
+ * @param {number} options.clientOffset
+ * Client time difference from NOW (in milliseconds)
+ * @return {RepresentationInformation[]}
+ * List of objects containing Representation information
+ */
+
+
+ var inheritAttributes = function inheritAttributes(mpd, options) {
+ if (options === void 0) {
+ options = {};
+ }
+
+ var _options = options,
+ _options$manifestUri = _options.manifestUri,
+ manifestUri = _options$manifestUri === void 0 ? '' : _options$manifestUri,
+ _options$NOW = _options.NOW,
+ NOW = _options$NOW === void 0 ? Date.now() : _options$NOW,
+ _options$clientOffset = _options.clientOffset,
+ clientOffset = _options$clientOffset === void 0 ? 0 : _options$clientOffset;
+ var periodNodes = findChildren(mpd, 'Period');
+
+ if (!periodNodes.length) {
+ throw new Error(errors.INVALID_NUMBER_OF_PERIOD);
+ }
+
+ var locations = findChildren(mpd, 'Location');
+ var mpdAttributes = parseAttributes(mpd);
+ var mpdBaseUrls = buildBaseUrls([manifestUri], findChildren(mpd, 'BaseURL')); // See DASH spec section 5.3.1.2, Semantics of MPD element. Default type to 'static'.
+
+ mpdAttributes.type = mpdAttributes.type || 'static';
+ mpdAttributes.sourceDuration = mpdAttributes.mediaPresentationDuration || 0;
+ mpdAttributes.NOW = NOW;
+ mpdAttributes.clientOffset = clientOffset;
+
+ if (locations.length) {
+ mpdAttributes.locations = locations.map(getContent);
+ }
+
+ var periods = []; // Since toAdaptationSets acts on individual periods right now, the simplest approach to
+ // adding properties that require looking at prior periods is to parse attributes and add
+ // missing ones before toAdaptationSets is called. If more such properties are added, it
+ // may be better to refactor toAdaptationSets.
+
+ periodNodes.forEach(function (node, index) {
+ var attributes = parseAttributes(node); // Use the last modified prior period, as it may contain added information necessary
+ // for this period.
+
+ var priorPeriod = periods[index - 1];
+ attributes.start = getPeriodStart({
+ attributes: attributes,
+ priorPeriodAttributes: priorPeriod ? priorPeriod.attributes : null,
+ mpdType: mpdAttributes.type
+ });
+ periods.push({
+ node: node,
+ attributes: attributes
+ });
+ });
+ return {
+ locations: mpdAttributes.locations,
+ representationInfo: flatten(periods.map(toAdaptationSets(mpdAttributes, mpdBaseUrls)))
+ };
+ };
+
+ var stringToMpdXml = function stringToMpdXml(manifestString) {
+ if (manifestString === '') {
+ throw new Error(errors.DASH_EMPTY_MANIFEST);
+ }
+
+ var parser = new DOMParser();
+ var xml;
+ var mpd;
+
+ try {
+ xml = parser.parseFromString(manifestString, 'application/xml');
+ mpd = xml && xml.documentElement.tagName === 'MPD' ? xml.documentElement : null;
+ } catch (e) {// ie 11 throwsw on invalid xml
+ }
+
+ if (!mpd || mpd && mpd.getElementsByTagName('parsererror').length > 0) {
+ throw new Error(errors.DASH_INVALID_XML);
+ }
+
+ return mpd;
+ };
+ /**
+ * Parses the manifest for a UTCTiming node, returning the nodes attributes if found
+ *
+ * @param {string} mpd
+ * XML string of the MPD manifest
+ * @return {Object|null}
+ * Attributes of UTCTiming node specified in the manifest. Null if none found
+ */
+
+
+ var parseUTCTimingScheme = function parseUTCTimingScheme(mpd) {
+ var UTCTimingNode = findChildren(mpd, 'UTCTiming')[0];
+
+ if (!UTCTimingNode) {
+ return null;
+ }
+
+ var attributes = parseAttributes(UTCTimingNode);
+
+ switch (attributes.schemeIdUri) {
+ case 'urn:mpeg:dash:utc:http-head:2014':
+ case 'urn:mpeg:dash:utc:http-head:2012':
+ attributes.method = 'HEAD';
+ break;
+
+ case 'urn:mpeg:dash:utc:http-xsdate:2014':
+ case 'urn:mpeg:dash:utc:http-iso:2014':
+ case 'urn:mpeg:dash:utc:http-xsdate:2012':
+ case 'urn:mpeg:dash:utc:http-iso:2012':
+ attributes.method = 'GET';
+ break;
+
+ case 'urn:mpeg:dash:utc:direct:2014':
+ case 'urn:mpeg:dash:utc:direct:2012':
+ attributes.method = 'DIRECT';
+ attributes.value = Date.parse(attributes.value);
+ break;
+
+ case 'urn:mpeg:dash:utc:http-ntp:2014':
+ case 'urn:mpeg:dash:utc:ntp:2014':
+ case 'urn:mpeg:dash:utc:sntp:2014':
+ default:
+ throw new Error(errors.UNSUPPORTED_UTC_TIMING_SCHEME);
+ }
+
+ return attributes;
+ };
+
+ var parse = function parse(manifestString, options) {
+ if (options === void 0) {
+ options = {};
+ }
+
+ var parsedManifestInfo = inheritAttributes(stringToMpdXml(manifestString), options);
+ var playlists = toPlaylists(parsedManifestInfo.representationInfo);
+ return toM3u8(playlists, parsedManifestInfo.locations, options.sidxMapping);
+ };
+ /**
+ * Parses the manifest for a UTCTiming node, returning the nodes attributes if found
+ *
+ * @param {string} manifestString
+ * XML string of the MPD manifest
+ * @return {Object|null}
+ * Attributes of UTCTiming node specified in the manifest. Null if none found
+ */
+
+
+ var parseUTCTiming = function parseUTCTiming(manifestString) {
+ return parseUTCTimingScheme(stringToMpdXml(manifestString));
+ };
+
+ var MAX_UINT32 = Math.pow(2, 32);
+
+ var parseSidx = function parseSidx(data) {
+ var view = new DataView(data.buffer, data.byteOffset, data.byteLength),
+ result = {
+ version: data[0],
+ flags: new Uint8Array(data.subarray(1, 4)),
+ references: [],
+ referenceId: view.getUint32(4),
+ timescale: view.getUint32(8)
+ },
+ i = 12;
+
+ if (result.version === 0) {
+ result.earliestPresentationTime = view.getUint32(i);
+ result.firstOffset = view.getUint32(i + 4);
+ i += 8;
+ } else {
+ // read 64 bits
+ result.earliestPresentationTime = view.getUint32(i) * MAX_UINT32 + view.getUint32(i + 4);
+ result.firstOffset = view.getUint32(i + 8) * MAX_UINT32 + view.getUint32(i + 12);
+ i += 16;
+ }
+
+ i += 2; // reserved
+
+ var referenceCount = view.getUint16(i);
+ i += 2; // start of references
+
+ for (; referenceCount > 0; i += 12, referenceCount--) {
+ result.references.push({
+ referenceType: (data[i] & 0x80) >>> 7,
+ referencedSize: view.getUint32(i) & 0x7FFFFFFF,
+ subsegmentDuration: view.getUint32(i + 4),
+ startsWithSap: !!(data[i + 8] & 0x80),
+ sapType: (data[i + 8] & 0x70) >>> 4,
+ sapDeltaTime: view.getUint32(i + 8) & 0x0FFFFFFF
+ });
+ }
+
+ return result;
+ };
+
+ var parseSidx_1 = parseSidx;
+
+ // const log2 = Math.log2 ? Math.log2 : (x) => (Math.log(x) / Math.log(2));
+ // we used to do this with log2 but BigInt does not support builtin math
+ // Math.ceil(log2(x));
+
+
+ var countBits = function countBits(x) {
+ return x.toString(2).length;
+ }; // count the number of whole bytes it would take to represent a number
+
+ var countBytes = function countBytes(x) {
+ return Math.ceil(countBits(x) / 8);
+ };
+ var isTypedArray = function isTypedArray(obj) {
+ return ArrayBuffer.isView(obj);
+ };
+ var toUint8 = function toUint8(bytes) {
+ if (bytes instanceof Uint8Array) {
+ return bytes;
+ }
+
+ if (!Array.isArray(bytes) && !isTypedArray(bytes) && !(bytes instanceof ArrayBuffer)) {
+ // any non-number or NaN leads to empty uint8array
+ // eslint-disable-next-line
+ if (typeof bytes !== 'number' || typeof bytes === 'number' && bytes !== bytes) {
+ bytes = 0;
+ } else {
+ bytes = [bytes];
+ }
+ }
+
+ return new Uint8Array(bytes && bytes.buffer || bytes, bytes && bytes.byteOffset || 0, bytes && bytes.byteLength || 0);
+ };
+ var BigInt = window.BigInt || Number;
+ var BYTE_TABLE = [BigInt('0x1'), BigInt('0x100'), BigInt('0x10000'), BigInt('0x1000000'), BigInt('0x100000000'), BigInt('0x10000000000'), BigInt('0x1000000000000'), BigInt('0x100000000000000'), BigInt('0x10000000000000000')];
+ var bytesToNumber = function bytesToNumber(bytes, _temp) {
+ var _ref = _temp === void 0 ? {} : _temp,
+ _ref$signed = _ref.signed,
+ signed = _ref$signed === void 0 ? false : _ref$signed,
+ _ref$le = _ref.le,
+ le = _ref$le === void 0 ? false : _ref$le;
+
+ bytes = toUint8(bytes);
+ var fn = le ? 'reduce' : 'reduceRight';
+ var obj = bytes[fn] ? bytes[fn] : Array.prototype[fn];
+ var number = obj.call(bytes, function (total, _byte, i) {
+ var exponent = le ? i : Math.abs(i + 1 - bytes.length);
+ return total + BigInt(_byte) * BYTE_TABLE[exponent];
+ }, BigInt(0));
+
+ if (signed) {
+ var max = BYTE_TABLE[bytes.length] / BigInt(2) - BigInt(1);
+ number = BigInt(number);
+
+ if (number > max) {
+ number -= max;
+ number -= max;
+ number -= BigInt(2);
+ }
+ }
+
+ return Number(number);
+ };
+ var numberToBytes = function numberToBytes(number, _temp2) {
+ var _ref2 = _temp2 === void 0 ? {} : _temp2,
+ _ref2$le = _ref2.le,
+ le = _ref2$le === void 0 ? false : _ref2$le; // eslint-disable-next-line
+
+
+ if (typeof number !== 'bigint' && typeof number !== 'number' || typeof number === 'number' && number !== number) {
+ number = 0;
+ }
+
+ number = BigInt(number);
+ var byteCount = countBytes(number);
+ var bytes = new Uint8Array(new ArrayBuffer(byteCount));
+
+ for (var i = 0; i < byteCount; i++) {
+ var byteIndex = le ? i : Math.abs(i + 1 - bytes.length);
+ bytes[byteIndex] = Number(number / BYTE_TABLE[i] & BigInt(0xFF));
+
+ if (number < 0) {
+ bytes[byteIndex] = Math.abs(~bytes[byteIndex]);
+ bytes[byteIndex] -= i === 0 ? 1 : 2;
+ }
+ }
+
+ return bytes;
+ };
+ var stringToBytes = function stringToBytes(string, stringIsBytes) {
+ if (typeof string !== 'string' && string && typeof string.toString === 'function') {
+ string = string.toString();
+ }
+
+ if (typeof string !== 'string') {
+ return new Uint8Array();
+ } // If the string already is bytes, we don't have to do this
+ // otherwise we do this so that we split multi length characters
+ // into individual bytes
+
+
+ if (!stringIsBytes) {
+ string = unescape(encodeURIComponent(string));
+ }
+
+ var view = new Uint8Array(string.length);
+
+ for (var i = 0; i < string.length; i++) {
+ view[i] = string.charCodeAt(i);
+ }
+
+ return view;
+ };
+ var concatTypedArrays = function concatTypedArrays() {
+ for (var _len = arguments.length, buffers = new Array(_len), _key = 0; _key < _len; _key++) {
+ buffers[_key] = arguments[_key];
+ }
+
+ buffers = buffers.filter(function (b) {
+ return b && (b.byteLength || b.length) && typeof b !== 'string';
+ });
+
+ if (buffers.length <= 1) {
+ // for 0 length we will return empty uint8
+ // for 1 length we return the first uint8
+ return toUint8(buffers[0]);
+ }
+
+ var totalLen = buffers.reduce(function (total, buf, i) {
+ return total + (buf.byteLength || buf.length);
+ }, 0);
+ var tempBuffer = new Uint8Array(totalLen);
+ var offset = 0;
+ buffers.forEach(function (buf) {
+ buf = toUint8(buf);
+ tempBuffer.set(buf, offset);
+ offset += buf.byteLength;
+ });
+ return tempBuffer;
+ };
+ /**
+ * Check if the bytes "b" are contained within bytes "a".
+ *
+ * @param {Uint8Array|Array} a
+ * Bytes to check in
+ *
+ * @param {Uint8Array|Array} b
+ * Bytes to check for
+ *
+ * @param {Object} options
+ * options
+ *
+ * @param {Array|Uint8Array} [offset=0]
+ * offset to use when looking at bytes in a
+ *
+ * @param {Array|Uint8Array} [mask=[]]
+ * mask to use on bytes before comparison.
+ *
+ * @return {boolean}
+ * If all bytes in b are inside of a, taking into account
+ * bit masks.
+ */
+
+ var bytesMatch = function bytesMatch(a, b, _temp3) {
+ var _ref3 = _temp3 === void 0 ? {} : _temp3,
+ _ref3$offset = _ref3.offset,
+ offset = _ref3$offset === void 0 ? 0 : _ref3$offset,
+ _ref3$mask = _ref3.mask,
+ mask = _ref3$mask === void 0 ? [] : _ref3$mask;
+
+ a = toUint8(a);
+ b = toUint8(b); // ie 11 does not support uint8 every
+
+ var fn = b.every ? b.every : Array.prototype.every;
+ return b.length && a.length - offset >= b.length && // ie 11 doesn't support every on uin8
+ fn.call(b, function (bByte, i) {
+ var aByte = mask[i] ? mask[i] & a[offset + i] : a[offset + i];
+ return bByte === aByte;
+ });
+ };
+
+ var ID3 = toUint8([0x49, 0x44, 0x33]);
+ var getId3Size = function getId3Size(bytes, offset) {
+ if (offset === void 0) {
+ offset = 0;
+ }
+
+ bytes = toUint8(bytes);
+ var flags = bytes[offset + 5];
+ var returnSize = bytes[offset + 6] << 21 | bytes[offset + 7] << 14 | bytes[offset + 8] << 7 | bytes[offset + 9];
+ var footerPresent = (flags & 16) >> 4;
+
+ if (footerPresent) {
+ return returnSize + 20;
+ }
+
+ return returnSize + 10;
+ };
+ var getId3Offset = function getId3Offset(bytes, offset) {
+ if (offset === void 0) {
+ offset = 0;
+ }
+
+ bytes = toUint8(bytes);
+
+ if (bytes.length - offset < 10 || !bytesMatch(bytes, ID3, {
+ offset: offset
+ })) {
+ return offset;
+ }
+
+ offset += getId3Size(bytes, offset); // recursive check for id3 tags as some files
+ // have multiple ID3 tag sections even though
+ // they should not.
+
+ return getId3Offset(bytes, offset);
+ };
+
+ var normalizePath$1 = function normalizePath(path) {
+ if (typeof path === 'string') {
+ return stringToBytes(path);
+ }
+
+ if (typeof path === 'number') {
+ return path;
+ }
+
+ return path;
+ };
+
+ var normalizePaths$1 = function normalizePaths(paths) {
+ if (!Array.isArray(paths)) {
+ return [normalizePath$1(paths)];
+ }
+
+ return paths.map(function (p) {
+ return normalizePath$1(p);
+ });
+ };
+ /**
+ * find any number of boxes by name given a path to it in an iso bmff
+ * such as mp4.
+ *
+ * @param {TypedArray} bytes
+ * bytes for the iso bmff to search for boxes in
+ *
+ * @param {Uint8Array[]|string[]|string|Uint8Array} name
+ * An array of paths or a single path representing the name
+ * of boxes to search through in bytes. Paths may be
+ * uint8 (character codes) or strings.
+ *
+ * @param {boolean} [complete=false]
+ * Should we search only for complete boxes on the final path.
+ * This is very useful when you do not want to get back partial boxes
+ * in the case of streaming files.
+ *
+ * @return {Uint8Array[]}
+ * An array of the end paths that we found.
+ */
+
+ var findBox = function findBox(bytes, paths, complete) {
+ if (complete === void 0) {
+ complete = false;
+ }
+
+ paths = normalizePaths$1(paths);
+ bytes = toUint8(bytes);
+ var results = [];
+
+ if (!paths.length) {
+ // short-circuit the search for empty paths
+ return results;
+ }
+
+ var i = 0;
+
+ while (i < bytes.length) {
+ var size = (bytes[i] << 24 | bytes[i + 1] << 16 | bytes[i + 2] << 8 | bytes[i + 3]) >>> 0;
+ var type = bytes.subarray(i + 4, i + 8); // invalid box format.
+
+ if (size === 0) {
+ break;
+ }
+
+ var end = i + size;
+
+ if (end > bytes.length) {
+ // this box is bigger than the number of bytes we have
+ // and complete is set, we cannot find any more boxes.
+ if (complete) {
+ break;
+ }
+
+ end = bytes.length;
+ }
+
+ var data = bytes.subarray(i + 8, end);
+
+ if (bytesMatch(type, paths[0])) {
+ if (paths.length === 1) {
+ // this is the end of the path and we've found the box we were
+ // looking for
+ results.push(data);
+ } else {
+ // recursively search for the next box along the path
+ results.push.apply(results, findBox(data, paths.slice(1), complete));
+ }
+ }
+
+ i = end;
+ } // we've finished searching all of bytes
+
+
+ return results;
+ };
+
+ // https://matroska-org.github.io/libebml/specs.html
+ // https://www.matroska.org/technical/elements.html
+ // https://www.webmproject.org/docs/container/
+
+ var EBML_TAGS = {
+ EBML: toUint8([0x1A, 0x45, 0xDF, 0xA3]),
+ DocType: toUint8([0x42, 0x82]),
+ Segment: toUint8([0x18, 0x53, 0x80, 0x67]),
+ SegmentInfo: toUint8([0x15, 0x49, 0xA9, 0x66]),
+ Tracks: toUint8([0x16, 0x54, 0xAE, 0x6B]),
+ Track: toUint8([0xAE]),
+ TrackNumber: toUint8([0xd7]),
+ DefaultDuration: toUint8([0x23, 0xe3, 0x83]),
+ TrackEntry: toUint8([0xAE]),
+ TrackType: toUint8([0x83]),
+ FlagDefault: toUint8([0x88]),
+ CodecID: toUint8([0x86]),
+ CodecPrivate: toUint8([0x63, 0xA2]),
+ VideoTrack: toUint8([0xe0]),
+ AudioTrack: toUint8([0xe1]),
+ // Not used yet, but will be used for live webm/mkv
+ // see https://www.matroska.org/technical/basics.html#block-structure
+ // see https://www.matroska.org/technical/basics.html#simpleblock-structure
+ Cluster: toUint8([0x1F, 0x43, 0xB6, 0x75]),
+ Timestamp: toUint8([0xE7]),
+ TimestampScale: toUint8([0x2A, 0xD7, 0xB1]),
+ BlockGroup: toUint8([0xA0]),
+ BlockDuration: toUint8([0x9B]),
+ Block: toUint8([0xA1]),
+ SimpleBlock: toUint8([0xA3])
+ };
+ /**
+ * This is a simple table to determine the length
+ * of things in ebml. The length is one based (starts at 1,
+ * rather than zero) and for every zero bit before a one bit
+ * we add one to length. We also need this table because in some
+ * case we have to xor all the length bits from another value.
+ */
+
+ var LENGTH_TABLE = [128, 64, 32, 16, 8, 4, 2, 1];
+
+ var getLength = function getLength(_byte) {
+ var len = 1;
+
+ for (var i = 0; i < LENGTH_TABLE.length; i++) {
+ if (_byte & LENGTH_TABLE[i]) {
+ break;
+ }
+
+ len++;
+ }
+
+ return len;
+ }; // length in ebml is stored in the first 4 to 8 bits
+ // of the first byte. 4 for the id length and 8 for the
+ // data size length. Length is measured by converting the number to binary
+ // then 1 + the number of zeros before a 1 is encountered starting
+ // from the left.
+
+
+ var getvint = function getvint(bytes, offset, removeLength, signed) {
+ if (removeLength === void 0) {
+ removeLength = true;
+ }
+
+ if (signed === void 0) {
+ signed = false;
+ }
+
+ var length = getLength(bytes[offset]);
+ var valueBytes = bytes.subarray(offset, offset + length); // NOTE that we do **not** subarray here because we need to copy these bytes
+ // as they will be modified below to remove the dataSizeLen bits and we do not
+ // want to modify the original data. normally we could just call slice on
+ // uint8array but ie 11 does not support that...
+
+ if (removeLength) {
+ valueBytes = Array.prototype.slice.call(bytes, offset, offset + length);
+ valueBytes[0] ^= LENGTH_TABLE[length - 1];
+ }
+
+ return {
+ length: length,
+ value: bytesToNumber(valueBytes, {
+ signed: signed
+ }),
+ bytes: valueBytes
+ };
+ };
+
+ var normalizePath = function normalizePath(path) {
+ if (typeof path === 'string') {
+ return path.match(/.{1,2}/g).map(function (p) {
+ return normalizePath(p);
+ });
+ }
+
+ if (typeof path === 'number') {
+ return numberToBytes(path);
+ }
+
+ return path;
+ };
+
+ var normalizePaths = function normalizePaths(paths) {
+ if (!Array.isArray(paths)) {
+ return [normalizePath(paths)];
+ }
+
+ return paths.map(function (p) {
+ return normalizePath(p);
+ });
+ };
+
+ var getInfinityDataSize = function getInfinityDataSize(id, bytes, offset) {
+ if (offset >= bytes.length) {
+ return bytes.length;
+ }
+
+ var innerid = getvint(bytes, offset, false);
+
+ if (bytesMatch(id.bytes, innerid.bytes)) {
+ return offset;
+ }
+
+ var dataHeader = getvint(bytes, offset + innerid.length);
+ return getInfinityDataSize(id, bytes, offset + dataHeader.length + dataHeader.value + innerid.length);
+ };
+ /**
+ * Notes on the EBLM format.
+ *
+ * EBLM uses "vints" tags. Every vint tag contains
+ * two parts
+ *
+ * 1. The length from the first byte. You get this by
+ * converting the byte to binary and counting the zeros
+ * before a 1. Then you add 1 to that. Examples
+ * 00011111 = length 4 because there are 3 zeros before a 1.
+ * 00100000 = length 3 because there are 2 zeros before a 1.
+ * 00000011 = length 7 because there are 6 zeros before a 1.
+ *
+ * 2. The bits used for length are removed from the first byte
+ * Then all the bytes are merged into a value. NOTE: this
+ * is not the case for id ebml tags as there id includes
+ * length bits.
+ *
+ */
+
+
+ var findEbml = function findEbml(bytes, paths) {
+ paths = normalizePaths(paths);
+ bytes = toUint8(bytes);
+ var results = [];
+
+ if (!paths.length) {
+ return results;
+ }
+
+ var i = 0;
+
+ while (i < bytes.length) {
+ var id = getvint(bytes, i, false);
+ var dataHeader = getvint(bytes, i + id.length);
+ var dataStart = i + id.length + dataHeader.length; // dataSize is unknown or this is a live stream
+
+ if (dataHeader.value === 0x7f) {
+ dataHeader.value = getInfinityDataSize(id, bytes, dataStart);
+
+ if (dataHeader.value !== bytes.length) {
+ dataHeader.value -= dataStart;
+ }
+ }
+
+ var dataEnd = dataStart + dataHeader.value > bytes.length ? bytes.length : dataStart + dataHeader.value;
+ var data = bytes.subarray(dataStart, dataEnd);
+
+ if (bytesMatch(paths[0], id.bytes)) {
+ if (paths.length === 1) {
+ // this is the end of the paths and we've found the tag we were
+ // looking for
+ results.push(data);
+ } else {
+ // recursively search for the next tag inside of the data
+ // of this one
+ results = results.concat(findEbml(data, paths.slice(1)));
+ }
+ }
+
+ var totalLength = id.length + dataHeader.length + data.length; // move past this tag entirely, we are not looking for it
+
+ i += totalLength;
+ }
+
+ return results;
+ }; // see https://www.matroska.org/technical/basics.html#block-structure
+
+ var NAL_TYPE_ONE = toUint8([0x00, 0x00, 0x00, 0x01]);
+ var NAL_TYPE_TWO = toUint8([0x00, 0x00, 0x01]);
+ var EMULATION_PREVENTION = toUint8([0x00, 0x00, 0x03]);
+ /**
+ * Expunge any "Emulation Prevention" bytes from a "Raw Byte
+ * Sequence Payload"
+ *
+ * @param data {Uint8Array} the bytes of a RBSP from a NAL
+ * unit
+ * @return {Uint8Array} the RBSP without any Emulation
+ * Prevention Bytes
+ */
+
+ var discardEmulationPreventionBytes = function discardEmulationPreventionBytes(bytes) {
+ var positions = [];
+ var i = 1; // Find all `Emulation Prevention Bytes`
+
+ while (i < bytes.length - 2) {
+ if (bytesMatch(bytes.subarray(i, i + 3), EMULATION_PREVENTION)) {
+ positions.push(i + 2);
+ i++;
+ }
+
+ i++;
+ } // If no Emulation Prevention Bytes were found just return the original
+ // array
+
+
+ if (positions.length === 0) {
+ return bytes;
+ } // Create a new array to hold the NAL unit data
+
+
+ var newLength = bytes.length - positions.length;
+ var newData = new Uint8Array(newLength);
+ var sourceIndex = 0;
+
+ for (i = 0; i < newLength; sourceIndex++, i++) {
+ if (sourceIndex === positions[0]) {
+ // Skip this byte
+ sourceIndex++; // Remove this position index
+
+ positions.shift();
+ }
+
+ newData[i] = bytes[sourceIndex];
+ }
+
+ return newData;
+ };
+ var findNal = function findNal(bytes, dataType, types, nalLimit) {
+ if (nalLimit === void 0) {
+ nalLimit = Infinity;
+ }
+
+ bytes = toUint8(bytes);
+ types = [].concat(types);
+ var i = 0;
+ var nalStart;
+ var nalsFound = 0; // keep searching until:
+ // we reach the end of bytes
+ // we reach the maximum number of nals they want to seach
+ // NOTE: that we disregard nalLimit when we have found the start
+ // of the nal we want so that we can find the end of the nal we want.
+
+ while (i < bytes.length && (nalsFound < nalLimit || nalStart)) {
+ var nalOffset = void 0;
+
+ if (bytesMatch(bytes.subarray(i), NAL_TYPE_ONE)) {
+ nalOffset = 4;
+ } else if (bytesMatch(bytes.subarray(i), NAL_TYPE_TWO)) {
+ nalOffset = 3;
+ } // we are unsynced,
+ // find the next nal unit
+
+
+ if (!nalOffset) {
+ i++;
+ continue;
+ }
+
+ nalsFound++;
+
+ if (nalStart) {
+ return discardEmulationPreventionBytes(bytes.subarray(nalStart, i));
+ }
+
+ var nalType = void 0;
+
+ if (dataType === 'h264') {
+ nalType = bytes[i + nalOffset] & 0x1f;
+ } else if (dataType === 'h265') {
+ nalType = bytes[i + nalOffset] >> 1 & 0x3f;
+ }
+
+ if (types.indexOf(nalType) !== -1) {
+ nalStart = i + nalOffset;
+ } // nal header is 1 length for h264, and 2 for h265
+
+
+ i += nalOffset + (dataType === 'h264' ? 1 : 2);
+ }
+
+ return bytes.subarray(0, 0);
+ };
+ var findH264Nal = function findH264Nal(bytes, type, nalLimit) {
+ return findNal(bytes, 'h264', type, nalLimit);
+ };
+ var findH265Nal = function findH265Nal(bytes, type, nalLimit) {
+ return findNal(bytes, 'h265', type, nalLimit);
+ };
+
+ var CONSTANTS = {
+ // "webm" string literal in hex
+ 'webm': toUint8([0x77, 0x65, 0x62, 0x6d]),
+ // "matroska" string literal in hex
+ 'matroska': toUint8([0x6d, 0x61, 0x74, 0x72, 0x6f, 0x73, 0x6b, 0x61]),
+ // "fLaC" string literal in hex
+ 'flac': toUint8([0x66, 0x4c, 0x61, 0x43]),
+ // "OggS" string literal in hex
+ 'ogg': toUint8([0x4f, 0x67, 0x67, 0x53]),
+ // ac-3 sync byte, also works for ec-3 as that is simply a codec
+ // of ac-3
+ 'ac3': toUint8([0x0b, 0x77]),
+ // "RIFF" string literal in hex used for wav and avi
+ 'riff': toUint8([0x52, 0x49, 0x46, 0x46]),
+ // "AVI" string literal in hex
+ 'avi': toUint8([0x41, 0x56, 0x49]),
+ // "WAVE" string literal in hex
+ 'wav': toUint8([0x57, 0x41, 0x56, 0x45]),
+ // "ftyp3g" string literal in hex
+ '3gp': toUint8([0x66, 0x74, 0x79, 0x70, 0x33, 0x67]),
+ // "ftyp" string literal in hex
+ 'mp4': toUint8([0x66, 0x74, 0x79, 0x70]),
+ // "styp" string literal in hex
+ 'fmp4': toUint8([0x73, 0x74, 0x79, 0x70]),
+ // "ftypqt" string literal in hex
+ 'mov': toUint8([0x66, 0x74, 0x79, 0x70, 0x71, 0x74]),
+ // moov string literal in hex
+ 'moov': toUint8([0x6D, 0x6F, 0x6F, 0x76]),
+ // moof string literal in hex
+ 'moof': toUint8([0x6D, 0x6F, 0x6F, 0x66])
+ };
+ var _isLikely = {
+ aac: function aac(bytes) {
+ var offset = getId3Offset(bytes);
+ return bytesMatch(bytes, [0xFF, 0x10], {
+ offset: offset,
+ mask: [0xFF, 0x16]
+ });
+ },
+ mp3: function mp3(bytes) {
+ var offset = getId3Offset(bytes);
+ return bytesMatch(bytes, [0xFF, 0x02], {
+ offset: offset,
+ mask: [0xFF, 0x06]
+ });
+ },
+ webm: function webm(bytes) {
+ var docType = findEbml(bytes, [EBML_TAGS.EBML, EBML_TAGS.DocType])[0]; // check if DocType EBML tag is webm
+
+ return bytesMatch(docType, CONSTANTS.webm);
+ },
+ mkv: function mkv(bytes) {
+ var docType = findEbml(bytes, [EBML_TAGS.EBML, EBML_TAGS.DocType])[0]; // check if DocType EBML tag is matroska
+
+ return bytesMatch(docType, CONSTANTS.matroska);
+ },
+ mp4: function mp4(bytes) {
+ // if this file is another base media file format, it is not mp4
+ if (_isLikely['3gp'](bytes) || _isLikely.mov(bytes)) {
+ return false;
+ } // if this file starts with a ftyp or styp box its mp4
+
+
+ if (bytesMatch(bytes, CONSTANTS.mp4, {
+ offset: 4
+ }) || bytesMatch(bytes, CONSTANTS.fmp4, {
+ offset: 4
+ })) {
+ return true;
+ } // if this file starts with a moof/moov box its mp4
+
+
+ if (bytesMatch(bytes, CONSTANTS.moof, {
+ offset: 4
+ }) || bytesMatch(bytes, CONSTANTS.moov, {
+ offset: 4
+ })) {
+ return true;
+ }
+ },
+ mov: function mov(bytes) {
+ return bytesMatch(bytes, CONSTANTS.mov, {
+ offset: 4
+ });
+ },
+ '3gp': function gp(bytes) {
+ return bytesMatch(bytes, CONSTANTS['3gp'], {
+ offset: 4
+ });
+ },
+ ac3: function ac3(bytes) {
+ var offset = getId3Offset(bytes);
+ return bytesMatch(bytes, CONSTANTS.ac3, {
+ offset: offset
+ });
+ },
+ ts: function ts(bytes) {
+ if (bytes.length < 189 && bytes.length >= 1) {
+ return bytes[0] === 0x47;
+ }
+
+ var i = 0; // check the first 376 bytes for two matching sync bytes
+
+ while (i + 188 < bytes.length && i < 188) {
+ if (bytes[i] === 0x47 && bytes[i + 188] === 0x47) {
+ return true;
+ }
+
+ i += 1;
+ }
+
+ return false;
+ },
+ flac: function flac(bytes) {
+ var offset = getId3Offset(bytes);
+ return bytesMatch(bytes, CONSTANTS.flac, {
+ offset: offset
+ });
+ },
+ ogg: function ogg(bytes) {
+ return bytesMatch(bytes, CONSTANTS.ogg);
+ },
+ avi: function avi(bytes) {
+ return bytesMatch(bytes, CONSTANTS.riff) && bytesMatch(bytes, CONSTANTS.avi, {
+ offset: 8
+ });
+ },
+ wav: function wav(bytes) {
+ return bytesMatch(bytes, CONSTANTS.riff) && bytesMatch(bytes, CONSTANTS.wav, {
+ offset: 8
+ });
+ },
+ 'h264': function h264(bytes) {
+ // find seq_parameter_set_rbsp
+ return findH264Nal(bytes, 7, 3).length;
+ },
+ 'h265': function h265(bytes) {
+ // find video_parameter_set_rbsp or seq_parameter_set_rbsp
+ return findH265Nal(bytes, [32, 33], 3).length;
+ }
+ }; // get all the isLikely functions
+ // but make sure 'ts' is above h264 and h265
+ // but below everything else as it is the least specific
+
+ var isLikelyTypes = Object.keys(_isLikely) // remove ts, h264, h265
+ .filter(function (t) {
+ return t !== 'ts' && t !== 'h264' && t !== 'h265';
+ }) // add it back to the bottom
+ .concat(['ts', 'h264', 'h265']); // make sure we are dealing with uint8 data.
+
+ isLikelyTypes.forEach(function (type) {
+ var isLikelyFn = _isLikely[type];
+
+ _isLikely[type] = function (bytes) {
+ return isLikelyFn(toUint8(bytes));
+ };
+ }); // export after wrapping
+
+ var isLikely = _isLikely; // A useful list of file signatures can be found here
+ // https://en.wikipedia.org/wiki/List_of_file_signatures
+
+ var detectContainerForBytes = function detectContainerForBytes(bytes) {
+ bytes = toUint8(bytes);
+
+ for (var i = 0; i < isLikelyTypes.length; i++) {
+ var type = isLikelyTypes[i];
+
+ if (isLikely[type](bytes)) {
+ return type;
+ }
+ }
+
+ return '';
+ }; // fmp4 is not a container
+
+ var isLikelyFmp4MediaSegment = function isLikelyFmp4MediaSegment(bytes) {
+ return findBox(bytes, ['moof']).length > 0;
+ };
+
+ /**
+ * mux.js
+ *
+ * Copyright (c) Brightcove
+ * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
+ */
+ var ONE_SECOND_IN_TS = 90000,
+ // 90kHz clock
+ secondsToVideoTs,
+ secondsToAudioTs,
+ videoTsToSeconds,
+ audioTsToSeconds,
+ audioTsToVideoTs,
+ videoTsToAudioTs,
+ metadataTsToSeconds;
+
+ secondsToVideoTs = function secondsToVideoTs(seconds) {
+ return seconds * ONE_SECOND_IN_TS;
+ };
+
+ secondsToAudioTs = function secondsToAudioTs(seconds, sampleRate) {
+ return seconds * sampleRate;
+ };
+
+ videoTsToSeconds = function videoTsToSeconds(timestamp) {
+ return timestamp / ONE_SECOND_IN_TS;
+ };
+
+ audioTsToSeconds = function audioTsToSeconds(timestamp, sampleRate) {
+ return timestamp / sampleRate;
+ };
+
+ audioTsToVideoTs = function audioTsToVideoTs(timestamp, sampleRate) {
+ return secondsToVideoTs(audioTsToSeconds(timestamp, sampleRate));
+ };
+
+ videoTsToAudioTs = function videoTsToAudioTs(timestamp, sampleRate) {
+ return secondsToAudioTs(videoTsToSeconds(timestamp), sampleRate);
+ };
+ /**
+ * Adjust ID3 tag or caption timing information by the timeline pts values
+ * (if keepOriginalTimestamps is false) and convert to seconds
+ */
+
+
+ metadataTsToSeconds = function metadataTsToSeconds(timestamp, timelineStartPts, keepOriginalTimestamps) {
+ return videoTsToSeconds(keepOriginalTimestamps ? timestamp : timestamp - timelineStartPts);
+ };
+
+ var clock = {
+ ONE_SECOND_IN_TS: ONE_SECOND_IN_TS,
+ secondsToVideoTs: secondsToVideoTs,
+ secondsToAudioTs: secondsToAudioTs,
+ videoTsToSeconds: videoTsToSeconds,
+ audioTsToSeconds: audioTsToSeconds,
+ audioTsToVideoTs: audioTsToVideoTs,
+ videoTsToAudioTs: videoTsToAudioTs,
+ metadataTsToSeconds: metadataTsToSeconds
+ };
+ var clock_1 = clock.ONE_SECOND_IN_TS;
+
+ /*! @name @videojs/http-streaming @version 2.12.0 @license Apache-2.0 */
+ /**
+ * @file resolve-url.js - Handling how URLs are resolved and manipulated
+ */
+
+ var resolveUrl = resolveUrl$2;
+ /**
+ * Checks whether xhr request was redirected and returns correct url depending
+ * on `handleManifestRedirects` option
+ *
+ * @api private
+ *
+ * @param {string} url - an url being requested
+ * @param {XMLHttpRequest} req - xhr request result
+ *
+ * @return {string}
+ */
+
+ var resolveManifestRedirect = function resolveManifestRedirect(handleManifestRedirect, url, req) {
+ // To understand how the responseURL below is set and generated:
+ // - https://fetch.spec.whatwg.org/#concept-response-url
+ // - https://fetch.spec.whatwg.org/#atomic-http-redirect-handling
+ if (handleManifestRedirect && req && req.responseURL && url !== req.responseURL) {
+ return req.responseURL;
+ }
+
+ return url;
+ };
+
+ var logger = function logger(source) {
+ if (videojs.log.debug) {
+ return videojs.log.debug.bind(videojs, 'VHS:', source + " >");
+ }
+
+ return function () {};
+ };
+ /**
+ * ranges
+ *
+ * Utilities for working with TimeRanges.
+ *
+ */
+
+
+ var TIME_FUDGE_FACTOR = 1 / 30; // Comparisons between time values such as current time and the end of the buffered range
+ // can be misleading because of precision differences or when the current media has poorly
+ // aligned audio and video, which can cause values to be slightly off from what you would
+ // expect. This value is what we consider to be safe to use in such comparisons to account
+ // for these scenarios.
+
+ var SAFE_TIME_DELTA = TIME_FUDGE_FACTOR * 3;
+
+ var filterRanges = function filterRanges(timeRanges, predicate) {
+ var results = [];
+ var i;
+
+ if (timeRanges && timeRanges.length) {
+ // Search for ranges that match the predicate
+ for (i = 0; i < timeRanges.length; i++) {
+ if (predicate(timeRanges.start(i), timeRanges.end(i))) {
+ results.push([timeRanges.start(i), timeRanges.end(i)]);
+ }
+ }
+ }
+
+ return videojs.createTimeRanges(results);
+ };
+ /**
+ * Attempts to find the buffered TimeRange that contains the specified
+ * time.
+ *
+ * @param {TimeRanges} buffered - the TimeRanges object to query
+ * @param {number} time - the time to filter on.
+ * @return {TimeRanges} a new TimeRanges object
+ */
+
+
+ var findRange = function findRange(buffered, time) {
+ return filterRanges(buffered, function (start, end) {
+ return start - SAFE_TIME_DELTA <= time && end + SAFE_TIME_DELTA >= time;
+ });
+ };
+ /**
+ * Returns the TimeRanges that begin later than the specified time.
+ *
+ * @param {TimeRanges} timeRanges - the TimeRanges object to query
+ * @param {number} time - the time to filter on.
+ * @return {TimeRanges} a new TimeRanges object.
+ */
+
+
+ var findNextRange = function findNextRange(timeRanges, time) {
+ return filterRanges(timeRanges, function (start) {
+ return start - TIME_FUDGE_FACTOR >= time;
+ });
+ };
+ /**
+ * Returns gaps within a list of TimeRanges
+ *
+ * @param {TimeRanges} buffered - the TimeRanges object
+ * @return {TimeRanges} a TimeRanges object of gaps
+ */
+
+
+ var findGaps = function findGaps(buffered) {
+ if (buffered.length < 2) {
+ return videojs.createTimeRanges();
+ }
+
+ var ranges = [];
+
+ for (var i = 1; i < buffered.length; i++) {
+ var start = buffered.end(i - 1);
+ var end = buffered.start(i);
+ ranges.push([start, end]);
+ }
+
+ return videojs.createTimeRanges(ranges);
+ };
+ /**
+ * Calculate the intersection of two TimeRanges
+ *
+ * @param {TimeRanges} bufferA
+ * @param {TimeRanges} bufferB
+ * @return {TimeRanges} The interesection of `bufferA` with `bufferB`
+ */
+
+
+ var bufferIntersection = function bufferIntersection(bufferA, bufferB) {
+ var start = null;
+ var end = null;
+ var arity = 0;
+ var extents = [];
+ var ranges = [];
+
+ if (!bufferA || !bufferA.length || !bufferB || !bufferB.length) {
+ return videojs.createTimeRange();
+ } // Handle the case where we have both buffers and create an
+ // intersection of the two
+
+
+ var count = bufferA.length; // A) Gather up all start and end times
+
+ while (count--) {
+ extents.push({
+ time: bufferA.start(count),
+ type: 'start'
+ });
+ extents.push({
+ time: bufferA.end(count),
+ type: 'end'
+ });
+ }
+
+ count = bufferB.length;
+
+ while (count--) {
+ extents.push({
+ time: bufferB.start(count),
+ type: 'start'
+ });
+ extents.push({
+ time: bufferB.end(count),
+ type: 'end'
+ });
+ } // B) Sort them by time
+
+
+ extents.sort(function (a, b) {
+ return a.time - b.time;
+ }); // C) Go along one by one incrementing arity for start and decrementing
+ // arity for ends
+
+ for (count = 0; count < extents.length; count++) {
+ if (extents[count].type === 'start') {
+ arity++; // D) If arity is ever incremented to 2 we are entering an
+ // overlapping range
+
+ if (arity === 2) {
+ start = extents[count].time;
+ }
+ } else if (extents[count].type === 'end') {
+ arity--; // E) If arity is ever decremented to 1 we leaving an
+ // overlapping range
+
+ if (arity === 1) {
+ end = extents[count].time;
+ }
+ } // F) Record overlapping ranges
+
+
+ if (start !== null && end !== null) {
+ ranges.push([start, end]);
+ start = null;
+ end = null;
+ }
+ }
+
+ return videojs.createTimeRanges(ranges);
+ };
+ /**
+ * Gets a human readable string for a TimeRange
+ *
+ * @param {TimeRange} range
+ * @return {string} a human readable string
+ */
+
+
+ var printableRange = function printableRange(range) {
+ var strArr = [];
+
+ if (!range || !range.length) {
+ return '';
+ }
+
+ for (var i = 0; i < range.length; i++) {
+ strArr.push(range.start(i) + ' => ' + range.end(i));
+ }
+
+ return strArr.join(', ');
+ };
+ /**
+ * Calculates the amount of time left in seconds until the player hits the end of the
+ * buffer and causes a rebuffer
+ *
+ * @param {TimeRange} buffered
+ * The state of the buffer
+ * @param {Numnber} currentTime
+ * The current time of the player
+ * @param {number} playbackRate
+ * The current playback rate of the player. Defaults to 1.
+ * @return {number}
+ * Time until the player has to start rebuffering in seconds.
+ * @function timeUntilRebuffer
+ */
+
+
+ var timeUntilRebuffer = function timeUntilRebuffer(buffered, currentTime, playbackRate) {
+ if (playbackRate === void 0) {
+ playbackRate = 1;
+ }
+
+ var bufferedEnd = buffered.length ? buffered.end(buffered.length - 1) : 0;
+ return (bufferedEnd - currentTime) / playbackRate;
+ };
+ /**
+ * Converts a TimeRanges object into an array representation
+ *
+ * @param {TimeRanges} timeRanges
+ * @return {Array}
+ */
+
+
+ var timeRangesToArray = function timeRangesToArray(timeRanges) {
+ var timeRangesList = [];
+
+ for (var i = 0; i < timeRanges.length; i++) {
+ timeRangesList.push({
+ start: timeRanges.start(i),
+ end: timeRanges.end(i)
+ });
+ }
+
+ return timeRangesList;
+ };
+ /**
+ * Determines if two time range objects are different.
+ *
+ * @param {TimeRange} a
+ * the first time range object to check
+ *
+ * @param {TimeRange} b
+ * the second time range object to check
+ *
+ * @return {Boolean}
+ * Whether the time range objects differ
+ */
+
+
+ var isRangeDifferent = function isRangeDifferent(a, b) {
+ // same object
+ if (a === b) {
+ return false;
+ } // one or the other is undefined
+
+
+ if (!a && b || !b && a) {
+ return true;
+ } // length is different
+
+
+ if (a.length !== b.length) {
+ return true;
+ } // see if any start/end pair is different
+
+
+ for (var i = 0; i < a.length; i++) {
+ if (a.start(i) !== b.start(i) || a.end(i) !== b.end(i)) {
+ return true;
+ }
+ } // if the length and every pair is the same
+ // this is the same time range
+
+
+ return false;
+ };
+
+ var lastBufferedEnd = function lastBufferedEnd(a) {
+ if (!a || !a.length || !a.end) {
+ return;
+ }
+
+ return a.end(a.length - 1);
+ };
+ /**
+ * A utility function to add up the amount of time in a timeRange
+ * after a specified startTime.
+ * ie:[[0, 10], [20, 40], [50, 60]] with a startTime 0
+ * would return 40 as there are 40s seconds after 0 in the timeRange
+ *
+ * @param {TimeRange} range
+ * The range to check against
+ * @param {number} startTime
+ * The time in the time range that you should start counting from
+ *
+ * @return {number}
+ * The number of seconds in the buffer passed the specified time.
+ */
+
+
+ var timeAheadOf = function timeAheadOf(range, startTime) {
+ var time = 0;
+
+ if (!range || !range.length) {
+ return time;
+ }
+
+ for (var i = 0; i < range.length; i++) {
+ var start = range.start(i);
+ var end = range.end(i); // startTime is after this range entirely
+
+ if (startTime > end) {
+ continue;
+ } // startTime is within this range
+
+
+ if (startTime > start && startTime <= end) {
+ time += end - startTime;
+ continue;
+ } // startTime is before this range.
+
+
+ time += end - start;
+ }
+
+ return time;
+ };
+ /**
+ * @file playlist.js
+ *
+ * Playlist related utilities.
+ */
+
+
+ var createTimeRange = videojs.createTimeRange;
+ /**
+ * Get the duration of a segment, with special cases for
+ * llhls segments that do not have a duration yet.
+ *
+ * @param {Object} playlist
+ * the playlist that the segment belongs to.
+ * @param {Object} segment
+ * the segment to get a duration for.
+ *
+ * @return {number}
+ * the segment duration
+ */
+
+ var segmentDurationWithParts = function segmentDurationWithParts(playlist, segment) {
+ // if this isn't a preload segment
+ // then we will have a segment duration that is accurate.
+ if (!segment.preload) {
+ return segment.duration;
+ } // otherwise we have to add up parts and preload hints
+ // to get an up to date duration.
+
+
+ var result = 0;
+ (segment.parts || []).forEach(function (p) {
+ result += p.duration;
+ }); // for preload hints we have to use partTargetDuration
+ // as they won't even have a duration yet.
+
+ (segment.preloadHints || []).forEach(function (p) {
+ if (p.type === 'PART') {
+ result += playlist.partTargetDuration;
+ }
+ });
+ return result;
+ };
+ /**
+ * A function to get a combined list of parts and segments with durations
+ * and indexes.
+ *
+ * @param {Playlist} playlist the playlist to get the list for.
+ *
+ * @return {Array} The part/segment list.
+ */
+
+
+ var getPartsAndSegments = function getPartsAndSegments(playlist) {
+ return (playlist.segments || []).reduce(function (acc, segment, si) {
+ if (segment.parts) {
+ segment.parts.forEach(function (part, pi) {
+ acc.push({
+ duration: part.duration,
+ segmentIndex: si,
+ partIndex: pi,
+ part: part,
+ segment: segment
+ });
+ });
+ } else {
+ acc.push({
+ duration: segment.duration,
+ segmentIndex: si,
+ partIndex: null,
+ segment: segment,
+ part: null
+ });
+ }
+
+ return acc;
+ }, []);
+ };
+
+ var getLastParts = function getLastParts(media) {
+ var lastSegment = media.segments && media.segments.length && media.segments[media.segments.length - 1];
+ return lastSegment && lastSegment.parts || [];
+ };
+
+ var getKnownPartCount = function getKnownPartCount(_ref) {
+ var preloadSegment = _ref.preloadSegment;
+
+ if (!preloadSegment) {
+ return;
+ }
+
+ var parts = preloadSegment.parts,
+ preloadHints = preloadSegment.preloadHints;
+ var partCount = (preloadHints || []).reduce(function (count, hint) {
+ return count + (hint.type === 'PART' ? 1 : 0);
+ }, 0);
+ partCount += parts && parts.length ? parts.length : 0;
+ return partCount;
+ };
+ /**
+ * Get the number of seconds to delay from the end of a
+ * live playlist.
+ *
+ * @param {Playlist} master the master playlist
+ * @param {Playlist} media the media playlist
+ * @return {number} the hold back in seconds.
+ */
+
+
+ var liveEdgeDelay = function liveEdgeDelay(master, media) {
+ if (media.endList) {
+ return 0;
+ } // dash suggestedPresentationDelay trumps everything
+
+
+ if (master && master.suggestedPresentationDelay) {
+ return master.suggestedPresentationDelay;
+ }
+
+ var hasParts = getLastParts(media).length > 0; // look for "part" delays from ll-hls first
+
+ if (hasParts && media.serverControl && media.serverControl.partHoldBack) {
+ return media.serverControl.partHoldBack;
+ } else if (hasParts && media.partTargetDuration) {
+ return media.partTargetDuration * 3; // finally look for full segment delays
+ } else if (media.serverControl && media.serverControl.holdBack) {
+ return media.serverControl.holdBack;
+ } else if (media.targetDuration) {
+ return media.targetDuration * 3;
+ }
+
+ return 0;
+ };
+ /**
+ * walk backward until we find a duration we can use
+ * or return a failure
+ *
+ * @param {Playlist} playlist the playlist to walk through
+ * @param {Number} endSequence the mediaSequence to stop walking on
+ */
+
+
+ var backwardDuration = function backwardDuration(playlist, endSequence) {
+ var result = 0;
+ var i = endSequence - playlist.mediaSequence; // if a start time is available for segment immediately following
+ // the interval, use it
+
+ var segment = playlist.segments[i]; // Walk backward until we find the latest segment with timeline
+ // information that is earlier than endSequence
+
+ if (segment) {
+ if (typeof segment.start !== 'undefined') {
+ return {
+ result: segment.start,
+ precise: true
+ };
+ }
+
+ if (typeof segment.end !== 'undefined') {
+ return {
+ result: segment.end - segment.duration,
+ precise: true
+ };
+ }
+ }
+
+ while (i--) {
+ segment = playlist.segments[i];
+
+ if (typeof segment.end !== 'undefined') {
+ return {
+ result: result + segment.end,
+ precise: true
+ };
+ }
+
+ result += segmentDurationWithParts(playlist, segment);
+
+ if (typeof segment.start !== 'undefined') {
+ return {
+ result: result + segment.start,
+ precise: true
+ };
+ }
+ }
+
+ return {
+ result: result,
+ precise: false
+ };
+ };
+ /**
+ * walk forward until we find a duration we can use
+ * or return a failure
+ *
+ * @param {Playlist} playlist the playlist to walk through
+ * @param {number} endSequence the mediaSequence to stop walking on
+ */
+
+
+ var forwardDuration = function forwardDuration(playlist, endSequence) {
+ var result = 0;
+ var segment;
+ var i = endSequence - playlist.mediaSequence; // Walk forward until we find the earliest segment with timeline
+ // information
+
+ for (; i < playlist.segments.length; i++) {
+ segment = playlist.segments[i];
+
+ if (typeof segment.start !== 'undefined') {
+ return {
+ result: segment.start - result,
+ precise: true
+ };
+ }
+
+ result += segmentDurationWithParts(playlist, segment);
+
+ if (typeof segment.end !== 'undefined') {
+ return {
+ result: segment.end - result,
+ precise: true
+ };
+ }
+ } // indicate we didn't find a useful duration estimate
+
+
+ return {
+ result: -1,
+ precise: false
+ };
+ };
+ /**
+ * Calculate the media duration from the segments associated with a
+ * playlist. The duration of a subinterval of the available segments
+ * may be calculated by specifying an end index.
+ *
+ * @param {Object} playlist a media playlist object
+ * @param {number=} endSequence an exclusive upper boundary
+ * for the playlist. Defaults to playlist length.
+ * @param {number} expired the amount of time that has dropped
+ * off the front of the playlist in a live scenario
+ * @return {number} the duration between the first available segment
+ * and end index.
+ */
+
+
+ var intervalDuration = function intervalDuration(playlist, endSequence, expired) {
+ if (typeof endSequence === 'undefined') {
+ endSequence = playlist.mediaSequence + playlist.segments.length;
+ }
+
+ if (endSequence < playlist.mediaSequence) {
+ return 0;
+ } // do a backward walk to estimate the duration
+
+
+ var backward = backwardDuration(playlist, endSequence);
+
+ if (backward.precise) {
+ // if we were able to base our duration estimate on timing
+ // information provided directly from the Media Source, return
+ // it
+ return backward.result;
+ } // walk forward to see if a precise duration estimate can be made
+ // that way
+
+
+ var forward = forwardDuration(playlist, endSequence);
+
+ if (forward.precise) {
+ // we found a segment that has been buffered and so it's
+ // position is known precisely
+ return forward.result;
+ } // return the less-precise, playlist-based duration estimate
+
+
+ return backward.result + expired;
+ };
+ /**
+ * Calculates the duration of a playlist. If a start and end index
+ * are specified, the duration will be for the subset of the media
+ * timeline between those two indices. The total duration for live
+ * playlists is always Infinity.
+ *
+ * @param {Object} playlist a media playlist object
+ * @param {number=} endSequence an exclusive upper
+ * boundary for the playlist. Defaults to the playlist media
+ * sequence number plus its length.
+ * @param {number=} expired the amount of time that has
+ * dropped off the front of the playlist in a live scenario
+ * @return {number} the duration between the start index and end
+ * index.
+ */
+
+
+ var duration = function duration(playlist, endSequence, expired) {
+ if (!playlist) {
+ return 0;
+ }
+
+ if (typeof expired !== 'number') {
+ expired = 0;
+ } // if a slice of the total duration is not requested, use
+ // playlist-level duration indicators when they're present
+
+
+ if (typeof endSequence === 'undefined') {
+ // if present, use the duration specified in the playlist
+ if (playlist.totalDuration) {
+ return playlist.totalDuration;
+ } // duration should be Infinity for live playlists
+
+
+ if (!playlist.endList) {
+ return window.Infinity;
+ }
+ } // calculate the total duration based on the segment durations
+
+
+ return intervalDuration(playlist, endSequence, expired);
+ };
+ /**
+ * Calculate the time between two indexes in the current playlist
+ * neight the start- nor the end-index need to be within the current
+ * playlist in which case, the targetDuration of the playlist is used
+ * to approximate the durations of the segments
+ *
+ * @param {Array} options.durationList list to iterate over for durations.
+ * @param {number} options.defaultDuration duration to use for elements before or after the durationList
+ * @param {number} options.startIndex partsAndSegments index to start
+ * @param {number} options.endIndex partsAndSegments index to end.
+ * @return {number} the number of seconds between startIndex and endIndex
+ */
+
+
+ var sumDurations = function sumDurations(_ref2) {
+ var defaultDuration = _ref2.defaultDuration,
+ durationList = _ref2.durationList,
+ startIndex = _ref2.startIndex,
+ endIndex = _ref2.endIndex;
+ var durations = 0;
+
+ if (startIndex > endIndex) {
+ var _ref3 = [endIndex, startIndex];
+ startIndex = _ref3[0];
+ endIndex = _ref3[1];
+ }
+
+ if (startIndex < 0) {
+ for (var i = startIndex; i < Math.min(0, endIndex); i++) {
+ durations += defaultDuration;
+ }
+
+ startIndex = 0;
+ }
+
+ for (var _i = startIndex; _i < endIndex; _i++) {
+ durations += durationList[_i].duration;
+ }
+
+ return durations;
+ };
+ /**
+ * Calculates the playlist end time
+ *
+ * @param {Object} playlist a media playlist object
+ * @param {number=} expired the amount of time that has
+ * dropped off the front of the playlist in a live scenario
+ * @param {boolean|false} useSafeLiveEnd a boolean value indicating whether or not the
+ * playlist end calculation should consider the safe live end
+ * (truncate the playlist end by three segments). This is normally
+ * used for calculating the end of the playlist's seekable range.
+ * This takes into account the value of liveEdgePadding.
+ * Setting liveEdgePadding to 0 is equivalent to setting this to false.
+ * @param {number} liveEdgePadding a number indicating how far from the end of the playlist we should be in seconds.
+ * If this is provided, it is used in the safe live end calculation.
+ * Setting useSafeLiveEnd=false or liveEdgePadding=0 are equivalent.
+ * Corresponds to suggestedPresentationDelay in DASH manifests.
+ * @return {number} the end time of playlist
+ * @function playlistEnd
+ */
+
+
+ var playlistEnd = function playlistEnd(playlist, expired, useSafeLiveEnd, liveEdgePadding) {
+ if (!playlist || !playlist.segments) {
+ return null;
+ }
+
+ if (playlist.endList) {
+ return duration(playlist);
+ }
+
+ if (expired === null) {
+ return null;
+ }
+
+ expired = expired || 0;
+ var lastSegmentEndTime = intervalDuration(playlist, playlist.mediaSequence + playlist.segments.length, expired);
+
+ if (useSafeLiveEnd) {
+ liveEdgePadding = typeof liveEdgePadding === 'number' ? liveEdgePadding : liveEdgeDelay(null, playlist);
+ lastSegmentEndTime -= liveEdgePadding;
+ } // don't return a time less than zero
+
+
+ return Math.max(0, lastSegmentEndTime);
+ };
+ /**
+ * Calculates the interval of time that is currently seekable in a
+ * playlist. The returned time ranges are relative to the earliest
+ * moment in the specified playlist that is still available. A full
+ * seekable implementation for live streams would need to offset
+ * these values by the duration of content that has expired from the
+ * stream.
+ *
+ * @param {Object} playlist a media playlist object
+ * dropped off the front of the playlist in a live scenario
+ * @param {number=} expired the amount of time that has
+ * dropped off the front of the playlist in a live scenario
+ * @param {number} liveEdgePadding how far from the end of the playlist we should be in seconds.
+ * Corresponds to suggestedPresentationDelay in DASH manifests.
+ * @return {TimeRanges} the periods of time that are valid targets
+ * for seeking
+ */
+
+
+ var seekable = function seekable(playlist, expired, liveEdgePadding) {
+ var useSafeLiveEnd = true;
+ var seekableStart = expired || 0;
+ var seekableEnd = playlistEnd(playlist, expired, useSafeLiveEnd, liveEdgePadding);
+
+ if (seekableEnd === null) {
+ return createTimeRange();
+ }
+
+ return createTimeRange(seekableStart, seekableEnd);
+ };
+ /**
+ * Determine the index and estimated starting time of the segment that
+ * contains a specified playback position in a media playlist.
+ *
+ * @param {Object} options.playlist the media playlist to query
+ * @param {number} options.currentTime The number of seconds since the earliest
+ * possible position to determine the containing segment for
+ * @param {number} options.startTime the time when the segment/part starts
+ * @param {number} options.startingSegmentIndex the segment index to start looking at.
+ * @param {number?} [options.startingPartIndex] the part index to look at within the segment.
+ *
+ * @return {Object} an object with partIndex, segmentIndex, and startTime.
+ */
+
+
+ var getMediaInfoForTime = function getMediaInfoForTime(_ref4) {
+ var playlist = _ref4.playlist,
+ currentTime = _ref4.currentTime,
+ startingSegmentIndex = _ref4.startingSegmentIndex,
+ startingPartIndex = _ref4.startingPartIndex,
+ startTime = _ref4.startTime,
+ experimentalExactManifestTimings = _ref4.experimentalExactManifestTimings;
+ var time = currentTime - startTime;
+ var partsAndSegments = getPartsAndSegments(playlist);
+ var startIndex = 0;
+
+ for (var i = 0; i < partsAndSegments.length; i++) {
+ var partAndSegment = partsAndSegments[i];
+
+ if (startingSegmentIndex !== partAndSegment.segmentIndex) {
+ continue;
+ } // skip this if part index does not match.
+
+
+ if (typeof startingPartIndex === 'number' && typeof partAndSegment.partIndex === 'number' && startingPartIndex !== partAndSegment.partIndex) {
+ continue;
+ }
+
+ startIndex = i;
+ break;
+ }
+
+ if (time < 0) {
+ // Walk backward from startIndex in the playlist, adding durations
+ // until we find a segment that contains `time` and return it
+ if (startIndex > 0) {
+ for (var _i2 = startIndex - 1; _i2 >= 0; _i2--) {
+ var _partAndSegment = partsAndSegments[_i2];
+ time += _partAndSegment.duration;
+
+ if (experimentalExactManifestTimings) {
+ if (time < 0) {
+ continue;
+ }
+ } else if (time + TIME_FUDGE_FACTOR <= 0) {
+ continue;
+ }
+
+ return {
+ partIndex: _partAndSegment.partIndex,
+ segmentIndex: _partAndSegment.segmentIndex,
+ startTime: startTime - sumDurations({
+ defaultDuration: playlist.targetDuration,
+ durationList: partsAndSegments,
+ startIndex: startIndex,
+ endIndex: _i2
+ })
+ };
+ }
+ } // We were unable to find a good segment within the playlist
+ // so select the first segment
+
+
+ return {
+ partIndex: partsAndSegments[0] && partsAndSegments[0].partIndex || null,
+ segmentIndex: partsAndSegments[0] && partsAndSegments[0].segmentIndex || 0,
+ startTime: currentTime
+ };
+ } // When startIndex is negative, we first walk forward to first segment
+ // adding target durations. If we "run out of time" before getting to
+ // the first segment, return the first segment
+
+
+ if (startIndex < 0) {
+ for (var _i3 = startIndex; _i3 < 0; _i3++) {
+ time -= playlist.targetDuration;
+
+ if (time < 0) {
+ return {
+ partIndex: partsAndSegments[0] && partsAndSegments[0].partIndex || null,
+ segmentIndex: partsAndSegments[0] && partsAndSegments[0].segmentIndex || 0,
+ startTime: currentTime
+ };
+ }
+ }
+
+ startIndex = 0;
+ } // Walk forward from startIndex in the playlist, subtracting durations
+ // until we find a segment that contains `time` and return it
+
+
+ for (var _i4 = startIndex; _i4 < partsAndSegments.length; _i4++) {
+ var _partAndSegment2 = partsAndSegments[_i4];
+ time -= _partAndSegment2.duration;
+
+ if (experimentalExactManifestTimings) {
+ if (time > 0) {
+ continue;
+ }
+ } else if (time - TIME_FUDGE_FACTOR >= 0) {
+ continue;
+ }
+
+ return {
+ partIndex: _partAndSegment2.partIndex,
+ segmentIndex: _partAndSegment2.segmentIndex,
+ startTime: startTime + sumDurations({
+ defaultDuration: playlist.targetDuration,
+ durationList: partsAndSegments,
+ startIndex: startIndex,
+ endIndex: _i4
+ })
+ };
+ } // We are out of possible candidates so load the last one...
+
+
+ return {
+ segmentIndex: partsAndSegments[partsAndSegments.length - 1].segmentIndex,
+ partIndex: partsAndSegments[partsAndSegments.length - 1].partIndex,
+ startTime: currentTime
+ };
+ };
+ /**
+ * Check whether the playlist is blacklisted or not.
+ *
+ * @param {Object} playlist the media playlist object
+ * @return {boolean} whether the playlist is blacklisted or not
+ * @function isBlacklisted
+ */
+
+
+ var isBlacklisted = function isBlacklisted(playlist) {
+ return playlist.excludeUntil && playlist.excludeUntil > Date.now();
+ };
+ /**
+ * Check whether the playlist is compatible with current playback configuration or has
+ * been blacklisted permanently for being incompatible.
+ *
+ * @param {Object} playlist the media playlist object
+ * @return {boolean} whether the playlist is incompatible or not
+ * @function isIncompatible
+ */
+
+
+ var isIncompatible = function isIncompatible(playlist) {
+ return playlist.excludeUntil && playlist.excludeUntil === Infinity;
+ };
+ /**
+ * Check whether the playlist is enabled or not.
+ *
+ * @param {Object} playlist the media playlist object
+ * @return {boolean} whether the playlist is enabled or not
+ * @function isEnabled
+ */
+
+
+ var isEnabled = function isEnabled(playlist) {
+ var blacklisted = isBlacklisted(playlist);
+ return !playlist.disabled && !blacklisted;
+ };
+ /**
+ * Check whether the playlist has been manually disabled through the representations api.
+ *
+ * @param {Object} playlist the media playlist object
+ * @return {boolean} whether the playlist is disabled manually or not
+ * @function isDisabled
+ */
+
+
+ var isDisabled = function isDisabled(playlist) {
+ return playlist.disabled;
+ };
+ /**
+ * Returns whether the current playlist is an AES encrypted HLS stream
+ *
+ * @return {boolean} true if it's an AES encrypted HLS stream
+ */
+
+
+ var isAes = function isAes(media) {
+ for (var i = 0; i < media.segments.length; i++) {
+ if (media.segments[i].key) {
+ return true;
+ }
+ }
+
+ return false;
+ };
+ /**
+ * Checks if the playlist has a value for the specified attribute
+ *
+ * @param {string} attr
+ * Attribute to check for
+ * @param {Object} playlist
+ * The media playlist object
+ * @return {boolean}
+ * Whether the playlist contains a value for the attribute or not
+ * @function hasAttribute
+ */
+
+
+ var hasAttribute = function hasAttribute(attr, playlist) {
+ return playlist.attributes && playlist.attributes[attr];
+ };
+ /**
+ * Estimates the time required to complete a segment download from the specified playlist
+ *
+ * @param {number} segmentDuration
+ * Duration of requested segment
+ * @param {number} bandwidth
+ * Current measured bandwidth of the player
+ * @param {Object} playlist
+ * The media playlist object
+ * @param {number=} bytesReceived
+ * Number of bytes already received for the request. Defaults to 0
+ * @return {number|NaN}
+ * The estimated time to request the segment. NaN if bandwidth information for
+ * the given playlist is unavailable
+ * @function estimateSegmentRequestTime
+ */
+
+
+ var estimateSegmentRequestTime = function estimateSegmentRequestTime(segmentDuration, bandwidth, playlist, bytesReceived) {
+ if (bytesReceived === void 0) {
+ bytesReceived = 0;
+ }
+
+ if (!hasAttribute('BANDWIDTH', playlist)) {
+ return NaN;
+ }
+
+ var size = segmentDuration * playlist.attributes.BANDWIDTH;
+ return (size - bytesReceived * 8) / bandwidth;
+ };
+ /*
+ * Returns whether the current playlist is the lowest rendition
+ *
+ * @return {Boolean} true if on lowest rendition
+ */
+
+
+ var isLowestEnabledRendition = function isLowestEnabledRendition(master, media) {
+ if (master.playlists.length === 1) {
+ return true;
+ }
+
+ var currentBandwidth = media.attributes.BANDWIDTH || Number.MAX_VALUE;
+ return master.playlists.filter(function (playlist) {
+ if (!isEnabled(playlist)) {
+ return false;
+ }
+
+ return (playlist.attributes.BANDWIDTH || 0) < currentBandwidth;
+ }).length === 0;
+ };
+
+ var playlistMatch = function playlistMatch(a, b) {
+ // both playlits are null
+ // or only one playlist is non-null
+ // no match
+ if (!a && !b || !a && b || a && !b) {
+ return false;
+ } // playlist objects are the same, match
+
+
+ if (a === b) {
+ return true;
+ } // first try to use id as it should be the most
+ // accurate
+
+
+ if (a.id && b.id && a.id === b.id) {
+ return true;
+ } // next try to use reslovedUri as it should be the
+ // second most accurate.
+
+
+ if (a.resolvedUri && b.resolvedUri && a.resolvedUri === b.resolvedUri) {
+ return true;
+ } // finally try to use uri as it should be accurate
+ // but might miss a few cases for relative uris
+
+
+ if (a.uri && b.uri && a.uri === b.uri) {
+ return true;
+ }
+
+ return false;
+ };
+
+ var someAudioVariant = function someAudioVariant(master, callback) {
+ var AUDIO = master && master.mediaGroups && master.mediaGroups.AUDIO || {};
+ var found = false;
+
+ for (var groupName in AUDIO) {
+ for (var label in AUDIO[groupName]) {
+ found = callback(AUDIO[groupName][label]);
+
+ if (found) {
+ break;
+ }
+ }
+
+ if (found) {
+ break;
+ }
+ }
+
+ return !!found;
+ };
+
+ var isAudioOnly = function isAudioOnly(master) {
+ // we are audio only if we have no main playlists but do
+ // have media group playlists.
+ if (!master || !master.playlists || !master.playlists.length) {
+ // without audio variants or playlists this
+ // is not an audio only master.
+ var found = someAudioVariant(master, function (variant) {
+ return variant.playlists && variant.playlists.length || variant.uri;
+ });
+ return found;
+ } // if every playlist has only an audio codec it is audio only
+
+
+ var _loop = function _loop(i) {
+ var playlist = master.playlists[i];
+ var CODECS = playlist.attributes && playlist.attributes.CODECS; // all codecs are audio, this is an audio playlist.
+
+ if (CODECS && CODECS.split(',').every(function (c) {
+ return isAudioCodec(c);
+ })) {
+ return "continue";
+ } // playlist is in an audio group it is audio only
+
+
+ var found = someAudioVariant(master, function (variant) {
+ return playlistMatch(playlist, variant);
+ });
+
+ if (found) {
+ return "continue";
+ } // if we make it here this playlist isn't audio and we
+ // are not audio only
+
+
+ return {
+ v: false
+ };
+ };
+
+ for (var i = 0; i < master.playlists.length; i++) {
+ var _ret = _loop(i);
+
+ if (_ret === "continue") continue;
+ if (typeof _ret === "object") return _ret.v;
+ } // if we make it past every playlist without returning, then
+ // this is an audio only playlist.
+
+
+ return true;
+ }; // exports
+
+
+ var Playlist = {
+ liveEdgeDelay: liveEdgeDelay,
+ duration: duration,
+ seekable: seekable,
+ getMediaInfoForTime: getMediaInfoForTime,
+ isEnabled: isEnabled,
+ isDisabled: isDisabled,
+ isBlacklisted: isBlacklisted,
+ isIncompatible: isIncompatible,
+ playlistEnd: playlistEnd,
+ isAes: isAes,
+ hasAttribute: hasAttribute,
+ estimateSegmentRequestTime: estimateSegmentRequestTime,
+ isLowestEnabledRendition: isLowestEnabledRendition,
+ isAudioOnly: isAudioOnly,
+ playlistMatch: playlistMatch,
+ segmentDurationWithParts: segmentDurationWithParts
+ };
+ var log = videojs.log;
+
+ var createPlaylistID = function createPlaylistID(index, uri) {
+ return index + "-" + uri;
};
/**
- * Generates a list of segments using information provided by the SegmentList element
- * SegmentList (DASH SPEC Section 5.3.9.3.2) contains a set of <SegmentURL> nodes. Each
- * node should be translated into segment.
+ * Parses a given m3u8 playlist
*
- * @param {Object} attributes
- * Object containing all inherited attributes from parent elements with attribute
- * names as keys
- * @param {Object[]|undefined} segmentTimeline
- * List of objects representing the attributes of each S element contained within
- * the SegmentTimeline element
- * @return {Object.<Array>} list of segments
+ * @param {Function} [onwarn]
+ * a function to call when the parser triggers a warning event.
+ * @param {Function} [oninfo]
+ * a function to call when the parser triggers an info event.
+ * @param {string} manifestString
+ * The downloaded manifest string
+ * @param {Object[]} [customTagParsers]
+ * An array of custom tag parsers for the m3u8-parser instance
+ * @param {Object[]} [customTagMappers]
+ * An array of custom tag mappers for the m3u8-parser instance
+ * @param {boolean} [experimentalLLHLS=false]
+ * Whether to keep ll-hls features in the manifest after parsing.
+ * @return {Object}
+ * The manifest object
*/
- var segmentsFromList = function segmentsFromList(attributes, segmentTimeline) {
- var duration = attributes.duration,
- _attributes$segmentUr = attributes.segmentUrls,
- segmentUrls = _attributes$segmentUr === void 0 ? [] : _attributes$segmentUr; // Per spec (5.3.9.2.1) no way to determine segment duration OR
- // if both SegmentTimeline and @duration are defined, it is outside of spec.
+ var parseManifest = function parseManifest(_ref) {
+ var onwarn = _ref.onwarn,
+ oninfo = _ref.oninfo,
+ manifestString = _ref.manifestString,
+ _ref$customTagParsers = _ref.customTagParsers,
+ customTagParsers = _ref$customTagParsers === void 0 ? [] : _ref$customTagParsers,
+ _ref$customTagMappers = _ref.customTagMappers,
+ customTagMappers = _ref$customTagMappers === void 0 ? [] : _ref$customTagMappers,
+ experimentalLLHLS = _ref.experimentalLLHLS;
+ var parser = new Parser();
- if (!duration && !segmentTimeline || duration && segmentTimeline) {
- throw new Error(errors.SEGMENT_TIME_UNSPECIFIED);
+ if (onwarn) {
+ parser.on('warn', onwarn);
}
- var segmentUrlMap = segmentUrls.map(function (segmentUrlObject) {
- return SegmentURLToSegmentObject(attributes, segmentUrlObject);
+ if (oninfo) {
+ parser.on('info', oninfo);
+ }
+
+ customTagParsers.forEach(function (customParser) {
+ return parser.addParser(customParser);
});
- var segmentTimeInfo;
+ customTagMappers.forEach(function (mapper) {
+ return parser.addTagMapper(mapper);
+ });
+ parser.push(manifestString);
+ parser.end();
+ var manifest = parser.manifest; // remove llhls features from the parsed manifest
+ // if we don't want llhls support.
- if (duration) {
- segmentTimeInfo = parseByDuration(attributes);
- }
+ if (!experimentalLLHLS) {
+ ['preloadSegment', 'skip', 'serverControl', 'renditionReports', 'partInf', 'partTargetDuration'].forEach(function (k) {
+ if (manifest.hasOwnProperty(k)) {
+ delete manifest[k];
+ }
+ });
- if (segmentTimeline) {
- segmentTimeInfo = parseByTimeline(attributes, segmentTimeline);
+ if (manifest.segments) {
+ manifest.segments.forEach(function (segment) {
+ ['parts', 'preloadHints'].forEach(function (k) {
+ if (segment.hasOwnProperty(k)) {
+ delete segment[k];
+ }
+ });
+ });
+ }
}
- var segments = segmentTimeInfo.map(function (segmentTime, index) {
- if (segmentUrlMap[index]) {
- var segment = segmentUrlMap[index];
- segment.timeline = segmentTime.timeline;
- segment.duration = segmentTime.duration;
- segment.number = segmentTime.number;
- return segment;
- } // Since we're mapping we should get rid of any blank segments (in case
- // the given SegmentTimeline is handling for more elements than we have
- // SegmentURLs for).
+ if (!manifest.targetDuration) {
+ var targetDuration = 10;
- }).filter(function (segment) {
- return segment;
- });
- return segments;
- };
+ if (manifest.segments && manifest.segments.length) {
+ targetDuration = manifest.segments.reduce(function (acc, s) {
+ return Math.max(acc, s.duration);
+ }, 0);
+ }
- var generateSegments = function generateSegments(_ref) {
- var attributes = _ref.attributes,
- segmentInfo = _ref.segmentInfo;
- var segmentAttributes;
- var segmentsFn;
+ if (onwarn) {
+ onwarn("manifest has no targetDuration defaulting to " + targetDuration);
+ }
- if (segmentInfo.template) {
- segmentsFn = segmentsFromTemplate;
- segmentAttributes = merge(attributes, segmentInfo.template);
- } else if (segmentInfo.base) {
- segmentsFn = segmentsFromBase;
- segmentAttributes = merge(attributes, segmentInfo.base);
- } else if (segmentInfo.list) {
- segmentsFn = segmentsFromList;
- segmentAttributes = merge(attributes, segmentInfo.list);
+ manifest.targetDuration = targetDuration;
}
- var segmentsInfo = {
- attributes: attributes
- };
+ var parts = getLastParts(manifest);
- if (!segmentsFn) {
- return segmentsInfo;
- }
+ if (parts.length && !manifest.partTargetDuration) {
+ var partTargetDuration = parts.reduce(function (acc, p) {
+ return Math.max(acc, p.duration);
+ }, 0);
- var segments = segmentsFn(segmentAttributes, segmentInfo.timeline); // The @duration attribute will be used to determin the playlist's targetDuration which
- // must be in seconds. Since we've generated the segment list, we no longer need
- // @duration to be in @timescale units, so we can convert it here.
+ if (onwarn) {
+ onwarn("manifest has no partTargetDuration defaulting to " + partTargetDuration);
+ log.error('LL-HLS manifest has parts but lacks required #EXT-X-PART-INF:PART-TARGET value. See https://datatracker.ietf.org/doc/html/draft-pantos-hls-rfc8216bis-09#section-4.4.3.7. Playback is not guaranteed.');
+ }
- if (segmentAttributes.duration) {
- var _segmentAttributes = segmentAttributes,
- duration = _segmentAttributes.duration,
- _segmentAttributes$ti = _segmentAttributes.timescale,
- timescale = _segmentAttributes$ti === void 0 ? 1 : _segmentAttributes$ti;
- segmentAttributes.duration = duration / timescale;
- } else if (segments.length) {
- // if there is no @duration attribute, use the largest segment duration as
- // as target duration
- segmentAttributes.duration = segments.reduce(function (max, segment) {
- return Math.max(max, Math.ceil(segment.duration));
- }, 0);
- } else {
- segmentAttributes.duration = 0;
+ manifest.partTargetDuration = partTargetDuration;
}
- segmentsInfo.attributes = segmentAttributes;
- segmentsInfo.segments = segments; // This is a sidx box without actual segment information
+ return manifest;
+ };
+ /**
+ * Loops through all supported media groups in master and calls the provided
+ * callback for each group
+ *
+ * @param {Object} master
+ * The parsed master manifest object
+ * @param {Function} callback
+ * Callback to call for each media group
+ */
- if (segmentInfo.base && segmentAttributes.indexRange) {
- segmentsInfo.sidx = segments[0];
- segmentsInfo.segments = [];
+
+ var forEachMediaGroup = function forEachMediaGroup(master, callback) {
+ if (!master.mediaGroups) {
+ return;
}
- return segmentsInfo;
+ ['AUDIO', 'SUBTITLES'].forEach(function (mediaType) {
+ if (!master.mediaGroups[mediaType]) {
+ return;
+ }
+
+ for (var groupKey in master.mediaGroups[mediaType]) {
+ for (var labelKey in master.mediaGroups[mediaType][groupKey]) {
+ var mediaProperties = master.mediaGroups[mediaType][groupKey][labelKey];
+ callback(mediaProperties, mediaType, groupKey, labelKey);
+ }
+ }
+ });
};
+ /**
+ * Adds properties and attributes to the playlist to keep consistent functionality for
+ * playlists throughout VHS.
+ *
+ * @param {Object} config
+ * Arguments object
+ * @param {Object} config.playlist
+ * The media playlist
+ * @param {string} [config.uri]
+ * The uri to the media playlist (if media playlist is not from within a master
+ * playlist)
+ * @param {string} id
+ * ID to use for the playlist
+ */
+
+
+ var setupMediaPlaylist = function setupMediaPlaylist(_ref2) {
+ var playlist = _ref2.playlist,
+ uri = _ref2.uri,
+ id = _ref2.id;
+ playlist.id = id;
+ playlist.playlistErrors_ = 0;
+
+ if (uri) {
+ // For media playlists, m3u8-parser does not have access to a URI, as HLS media
+ // playlists do not contain their own source URI, but one is needed for consistency in
+ // VHS.
+ playlist.uri = uri;
+ } // For HLS master playlists, even though certain attributes MUST be defined, the
+ // stream may still be played without them.
+ // For HLS media playlists, m3u8-parser does not attach an attributes object to the
+ // manifest.
+ //
+ // To avoid undefined reference errors through the project, and make the code easier
+ // to write/read, add an empty attributes object for these cases.
- var toPlaylists = function toPlaylists(representations) {
- return representations.map(generateSegments);
+
+ playlist.attributes = playlist.attributes || {};
};
+ /**
+ * Adds ID, resolvedUri, and attributes properties to each playlist of the master, where
+ * necessary. In addition, creates playlist IDs for each playlist and adds playlist ID to
+ * playlist references to the playlists array.
+ *
+ * @param {Object} master
+ * The master playlist
+ */
- var findChildren = function findChildren(element, name) {
- return from(element.childNodes).filter(function (_ref) {
- var tagName = _ref.tagName;
- return tagName === name;
+
+ var setupMediaPlaylists = function setupMediaPlaylists(master) {
+ var i = master.playlists.length;
+
+ while (i--) {
+ var playlist = master.playlists[i];
+ setupMediaPlaylist({
+ playlist: playlist,
+ id: createPlaylistID(i, playlist.uri)
+ });
+ playlist.resolvedUri = resolveUrl(master.uri, playlist.uri);
+ master.playlists[playlist.id] = playlist; // URI reference added for backwards compatibility
+
+ master.playlists[playlist.uri] = playlist; // Although the spec states an #EXT-X-STREAM-INF tag MUST have a BANDWIDTH attribute,
+ // the stream can be played without it. Although an attributes property may have been
+ // added to the playlist to prevent undefined references, issue a warning to fix the
+ // manifest.
+
+ if (!playlist.attributes.BANDWIDTH) {
+ log.warn('Invalid playlist STREAM-INF detected. Missing BANDWIDTH attribute.');
+ }
+ }
+ };
+ /**
+ * Adds resolvedUri properties to each media group.
+ *
+ * @param {Object} master
+ * The master playlist
+ */
+
+
+ var resolveMediaGroupUris = function resolveMediaGroupUris(master) {
+ forEachMediaGroup(master, function (properties) {
+ if (properties.uri) {
+ properties.resolvedUri = resolveUrl(master.uri, properties.uri);
+ }
});
};
+ /**
+ * Creates a master playlist wrapper to insert a sole media playlist into.
+ *
+ * @param {Object} media
+ * Media playlist
+ * @param {string} uri
+ * The media URI
+ *
+ * @return {Object}
+ * Master playlist
+ */
- var getContent = function getContent(element) {
- return element.textContent.trim();
+
+ var masterForMedia = function masterForMedia(media, uri) {
+ var id = createPlaylistID(0, uri);
+ var master = {
+ mediaGroups: {
+ 'AUDIO': {},
+ 'VIDEO': {},
+ 'CLOSED-CAPTIONS': {},
+ 'SUBTITLES': {}
+ },
+ uri: window.location.href,
+ resolvedUri: window.location.href,
+ playlists: [{
+ uri: uri,
+ id: id,
+ resolvedUri: uri,
+ // m3u8-parser does not attach an attributes property to media playlists so make
+ // sure that the property is attached to avoid undefined reference errors
+ attributes: {}
+ }]
+ }; // set up ID reference
+
+ master.playlists[id] = master.playlists[0]; // URI reference added for backwards compatibility
+
+ master.playlists[uri] = master.playlists[0];
+ return master;
};
+ /**
+ * Does an in-place update of the master manifest to add updated playlist URI references
+ * as well as other properties needed by VHS that aren't included by the parser.
+ *
+ * @param {Object} master
+ * Master manifest object
+ * @param {string} uri
+ * The source URI
+ */
- var parseDuration = function parseDuration(str) {
- var SECONDS_IN_YEAR = 365 * 24 * 60 * 60;
- var SECONDS_IN_MONTH = 30 * 24 * 60 * 60;
- var SECONDS_IN_DAY = 24 * 60 * 60;
- var SECONDS_IN_HOUR = 60 * 60;
- var SECONDS_IN_MIN = 60; // P10Y10M10DT10H10M10.1S
- var durationRegex = /P(?:(\d*)Y)?(?:(\d*)M)?(?:(\d*)D)?(?:T(?:(\d*)H)?(?:(\d*)M)?(?:([\d.]*)S)?)?/;
- var match = durationRegex.exec(str);
+ var addPropertiesToMaster = function addPropertiesToMaster(master, uri) {
+ master.uri = uri;
- if (!match) {
- return 0;
+ for (var i = 0; i < master.playlists.length; i++) {
+ if (!master.playlists[i].uri) {
+ // Set up phony URIs for the playlists since playlists are referenced by their URIs
+ // throughout VHS, but some formats (e.g., DASH) don't have external URIs
+ // TODO: consider adding dummy URIs in mpd-parser
+ var phonyUri = "placeholder-uri-" + i;
+ master.playlists[i].uri = phonyUri;
+ }
}
- var _match$slice = match.slice(1),
- year = _match$slice[0],
- month = _match$slice[1],
- day = _match$slice[2],
- hour = _match$slice[3],
- minute = _match$slice[4],
- second = _match$slice[5];
+ var audioOnlyMaster = isAudioOnly(master);
+ forEachMediaGroup(master, function (properties, mediaType, groupKey, labelKey) {
+ var groupId = "placeholder-uri-" + mediaType + "-" + groupKey + "-" + labelKey; // add a playlist array under properties
- return parseFloat(year || 0) * SECONDS_IN_YEAR + parseFloat(month || 0) * SECONDS_IN_MONTH + parseFloat(day || 0) * SECONDS_IN_DAY + parseFloat(hour || 0) * SECONDS_IN_HOUR + parseFloat(minute || 0) * SECONDS_IN_MIN + parseFloat(second || 0);
+ if (!properties.playlists || !properties.playlists.length) {
+ // If the manifest is audio only and this media group does not have a uri, check
+ // if the media group is located in the main list of playlists. If it is, don't add
+ // placeholder properties as it shouldn't be considered an alternate audio track.
+ if (audioOnlyMaster && mediaType === 'AUDIO' && !properties.uri) {
+ for (var _i = 0; _i < master.playlists.length; _i++) {
+ var p = master.playlists[_i];
+
+ if (p.attributes && p.attributes.AUDIO && p.attributes.AUDIO === groupKey) {
+ return;
+ }
+ }
+ }
+
+ properties.playlists = [_extends_1({}, properties)];
+ }
+
+ properties.playlists.forEach(function (p, i) {
+ var id = createPlaylistID(i, groupId);
+
+ if (p.uri) {
+ p.resolvedUri = p.resolvedUri || resolveUrl(master.uri, p.uri);
+ } else {
+ // DEPRECATED, this has been added to prevent a breaking change.
+ // previously we only ever had a single media group playlist, so
+ // we mark the first playlist uri without prepending the index as we used to
+ // ideally we would do all of the playlists the same way.
+ p.uri = i === 0 ? groupId : id; // don't resolve a placeholder uri to an absolute url, just use
+ // the placeholder again
+
+ p.resolvedUri = p.uri;
+ }
+
+ p.id = p.id || id; // add an empty attributes object, all playlists are
+ // expected to have this.
+
+ p.attributes = p.attributes || {}; // setup ID and URI references (URI for backwards compatibility)
+
+ master.playlists[p.id] = p;
+ master.playlists[p.uri] = p;
+ });
+ });
+ setupMediaPlaylists(master);
+ resolveMediaGroupUris(master);
};
- var parseDate = function parseDate(str) {
- // Date format without timezone according to ISO 8601
- // YYY-MM-DDThh:mm:ss.ssssss
- var dateRegex = /^\d+-\d+-\d+T\d+:\d+:\d+(\.\d+)?$/; // If the date string does not specifiy a timezone, we must specifiy UTC. This is
- // expressed by ending with 'Z'
+ var mergeOptions$2 = videojs.mergeOptions,
+ EventTarget$1 = videojs.EventTarget;
- if (dateRegex.test(str)) {
- str += 'Z';
+ var addLLHLSQueryDirectives = function addLLHLSQueryDirectives(uri, media) {
+ if (media.endList || !media.serverControl) {
+ return uri;
}
- return Date.parse(str);
+ var parameters = {};
+
+ if (media.serverControl.canBlockReload) {
+ var preloadSegment = media.preloadSegment; // next msn is a zero based value, length is not.
+
+ var nextMSN = media.mediaSequence + media.segments.length; // If preload segment has parts then it is likely
+ // that we are going to request a part of that preload segment.
+ // the logic below is used to determine that.
+
+ if (preloadSegment) {
+ var parts = preloadSegment.parts || []; // _HLS_part is a zero based index
+
+ var nextPart = getKnownPartCount(media) - 1; // if nextPart is > -1 and not equal to just the
+ // length of parts, then we know we had part preload hints
+ // and we need to add the _HLS_part= query
+
+ if (nextPart > -1 && nextPart !== parts.length - 1) {
+ // add existing parts to our preload hints
+ // eslint-disable-next-line
+ parameters._HLS_part = nextPart;
+ } // this if statement makes sure that we request the msn
+ // of the preload segment if:
+ // 1. the preload segment had parts (and was not yet a full segment)
+ // but was added to our segments array
+ // 2. the preload segment had preload hints for parts that are not in
+ // the manifest yet.
+ // in all other cases we want the segment after the preload segment
+ // which will be given by using media.segments.length because it is 1 based
+ // rather than 0 based.
+
+
+ if (nextPart > -1 || parts.length) {
+ nextMSN--;
+ }
+ } // add _HLS_msn= in front of any _HLS_part query
+ // eslint-disable-next-line
+
+
+ parameters._HLS_msn = nextMSN;
+ }
+
+ if (media.serverControl && media.serverControl.canSkipUntil) {
+ // add _HLS_skip= infront of all other queries.
+ // eslint-disable-next-line
+ parameters._HLS_skip = media.serverControl.canSkipDateranges ? 'v2' : 'YES';
+ }
+
+ if (Object.keys(parameters).length) {
+ var parsedUri = new window.URL(uri);
+ ['_HLS_skip', '_HLS_msn', '_HLS_part'].forEach(function (name) {
+ if (!parameters.hasOwnProperty(name)) {
+ return;
+ }
+
+ parsedUri.searchParams.set(name, parameters[name]);
+ });
+ uri = parsedUri.toString();
+ }
+
+ return uri;
};
+ /**
+ * Returns a new segment object with properties and
+ * the parts array merged.
+ *
+ * @param {Object} a the old segment
+ * @param {Object} b the new segment
+ *
+ * @return {Object} the merged segment
+ */
- var parsers = {
- /**
- * Specifies the duration of the entire Media Presentation. Format is a duration string
- * as specified in ISO 8601
- *
- * @param {string} value
- * value of attribute as a string
- * @return {number}
- * The duration in seconds
- */
- mediaPresentationDuration: function mediaPresentationDuration(value) {
- return parseDuration(value);
- },
- /**
- * Specifies the Segment availability start time for all Segments referred to in this
- * MPD. For a dynamic manifest, it specifies the anchor for the earliest availability
- * time. Format is a date string as specified in ISO 8601
- *
- * @param {string} value
- * value of attribute as a string
- * @return {number}
- * The date as seconds from unix epoch
- */
- availabilityStartTime: function availabilityStartTime(value) {
- return parseDate(value) / 1000;
- },
+ var updateSegment = function updateSegment(a, b) {
+ if (!a) {
+ return b;
+ }
- /**
- * Specifies the smallest period between potential changes to the MPD. Format is a
- * duration string as specified in ISO 8601
- *
- * @param {string} value
- * value of attribute as a string
- * @return {number}
- * The duration in seconds
- */
- minimumUpdatePeriod: function minimumUpdatePeriod(value) {
- return parseDuration(value);
- },
+ var result = mergeOptions$2(a, b); // if only the old segment has preload hints
+ // and the new one does not, remove preload hints.
- /**
- * Specifies the suggested presentation delay. Format is a
- * duration string as specified in ISO 8601
- *
- * @param {string} value
- * value of attribute as a string
- * @return {number}
- * The duration in seconds
- */
- suggestedPresentationDelay: function suggestedPresentationDelay(value) {
- return parseDuration(value);
- },
+ if (a.preloadHints && !b.preloadHints) {
+ delete result.preloadHints;
+ } // if only the old segment has parts
+ // then the parts are no longer valid
- /**
- * specifices the type of mpd. Can be either "static" or "dynamic"
- *
- * @param {string} value
- * value of attribute as a string
- *
- * @return {string}
- * The type as a string
- */
- type: function type(value) {
- return value;
- },
- /**
- * Specifies the duration of the smallest time shifting buffer for any Representation
- * in the MPD. Format is a duration string as specified in ISO 8601
- *
- * @param {string} value
- * value of attribute as a string
- * @return {number}
- * The duration in seconds
- */
- timeShiftBufferDepth: function timeShiftBufferDepth(value) {
- return parseDuration(value);
- },
+ if (a.parts && !b.parts) {
+ delete result.parts; // if both segments have parts
+ // copy part propeties from the old segment
+ // to the new one.
+ } else if (a.parts && b.parts) {
+ for (var i = 0; i < b.parts.length; i++) {
+ if (a.parts && a.parts[i]) {
+ result.parts[i] = mergeOptions$2(a.parts[i], b.parts[i]);
+ }
+ }
+ } // set skipped to false for segments that have
+ // have had information merged from the old segment.
- /**
- * Specifies the PeriodStart time of the Period relative to the availabilityStarttime.
- * Format is a duration string as specified in ISO 8601
- *
- * @param {string} value
- * value of attribute as a string
- * @return {number}
- * The duration in seconds
- */
- start: function start(value) {
- return parseDuration(value);
- },
- /**
- * Specifies the width of the visual presentation
- *
- * @param {string} value
- * value of attribute as a string
- * @return {number}
- * The parsed width
- */
- width: function width(value) {
- return parseInt(value, 10);
- },
+ if (!a.skipped && b.skipped) {
+ result.skipped = false;
+ } // set preload to false for segments that have
+ // had information added in the new segment.
- /**
- * Specifies the height of the visual presentation
- *
- * @param {string} value
- * value of attribute as a string
- * @return {number}
- * The parsed height
- */
- height: function height(value) {
- return parseInt(value, 10);
- },
- /**
- * Specifies the bitrate of the representation
- *
- * @param {string} value
- * value of attribute as a string
- * @return {number}
- * The parsed bandwidth
- */
- bandwidth: function bandwidth(value) {
- return parseInt(value, 10);
- },
+ if (a.preload && !b.preload) {
+ result.preload = false;
+ }
- /**
- * Specifies the number of the first Media Segment in this Representation in the Period
- *
- * @param {string} value
- * value of attribute as a string
- * @return {number}
- * The parsed number
- */
- startNumber: function startNumber(value) {
- return parseInt(value, 10);
- },
+ return result;
+ };
+ /**
+ * Returns a new array of segments that is the result of merging
+ * properties from an older list of segments onto an updated
+ * list. No properties on the updated playlist will be ovewritten.
+ *
+ * @param {Array} original the outdated list of segments
+ * @param {Array} update the updated list of segments
+ * @param {number=} offset the index of the first update
+ * segment in the original segment list. For non-live playlists,
+ * this should always be zero and does not need to be
+ * specified. For live playlists, it should be the difference
+ * between the media sequence numbers in the original and updated
+ * playlists.
+ * @return {Array} a list of merged segment objects
+ */
- /**
- * Specifies the timescale in units per seconds
- *
- * @param {string} value
- * value of attribute as a string
- * @return {number}
- * The aprsed timescale
- */
- timescale: function timescale(value) {
- return parseInt(value, 10);
- },
- /**
- * Specifies the constant approximate Segment duration
- * NOTE: The <Period> element also contains an @duration attribute. This duration
- * specifies the duration of the Period. This attribute is currently not
- * supported by the rest of the parser, however we still check for it to prevent
- * errors.
- *
- * @param {string} value
- * value of attribute as a string
- * @return {number}
- * The parsed duration
- */
- duration: function duration(value) {
- var parsedValue = parseInt(value, 10);
+ var updateSegments = function updateSegments(original, update, offset) {
+ var oldSegments = original.slice();
+ var newSegments = update.slice();
+ offset = offset || 0;
+ var result = [];
+ var currentMap;
- if (isNaN(parsedValue)) {
- return parseDuration(value);
+ for (var newIndex = 0; newIndex < newSegments.length; newIndex++) {
+ var oldSegment = oldSegments[newIndex + offset];
+ var newSegment = newSegments[newIndex];
+
+ if (oldSegment) {
+ currentMap = oldSegment.map || currentMap;
+ result.push(updateSegment(oldSegment, newSegment));
+ } else {
+ // carry over map to new segment if it is missing
+ if (currentMap && !newSegment.map) {
+ newSegment.map = currentMap;
+ }
+
+ result.push(newSegment);
}
+ }
- return parsedValue;
- },
+ return result;
+ };
- /**
- * Specifies the Segment duration, in units of the value of the @timescale.
- *
- * @param {string} value
- * value of attribute as a string
- * @return {number}
- * The parsed duration
- */
- d: function d(value) {
- return parseInt(value, 10);
- },
+ var resolveSegmentUris = function resolveSegmentUris(segment, baseUri) {
+ // preloadSegment will not have a uri at all
+ // as the segment isn't actually in the manifest yet, only parts
+ if (!segment.resolvedUri && segment.uri) {
+ segment.resolvedUri = resolveUrl(baseUri, segment.uri);
+ }
- /**
- * Specifies the MPD start time, in @timescale units, the first Segment in the series
- * starts relative to the beginning of the Period
- *
- * @param {string} value
- * value of attribute as a string
- * @return {number}
- * The parsed time
- */
- t: function t(value) {
- return parseInt(value, 10);
- },
+ if (segment.key && !segment.key.resolvedUri) {
+ segment.key.resolvedUri = resolveUrl(baseUri, segment.key.uri);
+ }
+
+ if (segment.map && !segment.map.resolvedUri) {
+ segment.map.resolvedUri = resolveUrl(baseUri, segment.map.uri);
+ }
+
+ if (segment.map && segment.map.key && !segment.map.key.resolvedUri) {
+ segment.map.key.resolvedUri = resolveUrl(baseUri, segment.map.key.uri);
+ }
+
+ if (segment.parts && segment.parts.length) {
+ segment.parts.forEach(function (p) {
+ if (p.resolvedUri) {
+ return;
+ }
+
+ p.resolvedUri = resolveUrl(baseUri, p.uri);
+ });
+ }
- /**
- * Specifies the repeat count of the number of following contiguous Segments with the
- * same duration expressed by the value of @d
- *
- * @param {string} value
- * value of attribute as a string
- * @return {number}
- * The parsed number
- */
- r: function r(value) {
- return parseInt(value, 10);
- },
+ if (segment.preloadHints && segment.preloadHints.length) {
+ segment.preloadHints.forEach(function (p) {
+ if (p.resolvedUri) {
+ return;
+ }
- /**
- * Default parser for all other attributes. Acts as a no-op and just returns the value
- * as a string
- *
- * @param {string} value
- * value of attribute as a string
- * @return {string}
- * Unparsed value
- */
- DEFAULT: function DEFAULT(value) {
- return value;
+ p.resolvedUri = resolveUrl(baseUri, p.uri);
+ });
}
};
- /**
- * Gets all the attributes and values of the provided node, parses attributes with known
- * types, and returns an object with attribute names mapped to values.
- *
- * @param {Node} el
- * The node to parse attributes from
- * @return {Object}
- * Object with all attributes of el parsed
- */
- var parseAttributes$1 = function parseAttributes(el) {
- if (!(el && el.attributes)) {
- return {};
+ var getAllSegments = function getAllSegments(media) {
+ var segments = media.segments || [];
+ var preloadSegment = media.preloadSegment; // a preloadSegment with only preloadHints is not currently
+ // a usable segment, only include a preloadSegment that has
+ // parts.
+
+ if (preloadSegment && preloadSegment.parts && preloadSegment.parts.length) {
+ // if preloadHints has a MAP that means that the
+ // init segment is going to change. We cannot use any of the parts
+ // from this preload segment.
+ if (preloadSegment.preloadHints) {
+ for (var i = 0; i < preloadSegment.preloadHints.length; i++) {
+ if (preloadSegment.preloadHints[i].type === 'MAP') {
+ return segments;
+ }
+ }
+ } // set the duration for our preload segment to target duration.
+
+
+ preloadSegment.duration = media.targetDuration;
+ preloadSegment.preload = true;
+ segments.push(preloadSegment);
}
- return from(el.attributes).reduce(function (a, e) {
- var parseFn = parsers[e.name] || parsers.DEFAULT;
- a[e.name] = parseFn(e.value);
- return a;
- }, {});
- };
+ return segments;
+ }; // consider the playlist unchanged if the playlist object is the same or
+ // the number of segments is equal, the media sequence number is unchanged,
+ // and this playlist hasn't become the end of the playlist
- var keySystemsMap = {
- 'urn:uuid:1077efec-c0b2-4d02-ace3-3c1e52e2fb4b': 'org.w3.clearkey',
- 'urn:uuid:edef8ba9-79d6-4ace-a3c8-27dcd51d21ed': 'com.widevine.alpha',
- 'urn:uuid:9a04f079-9840-4286-ab92-e65be0885f95': 'com.microsoft.playready',
- 'urn:uuid:f239e769-efa3-4850-9c16-a903c6932efb': 'com.adobe.primetime'
+
+ var isPlaylistUnchanged = function isPlaylistUnchanged(a, b) {
+ return a === b || a.segments && b.segments && a.segments.length === b.segments.length && a.endList === b.endList && a.mediaSequence === b.mediaSequence && a.preloadSegment === b.preloadSegment;
};
/**
- * Builds a list of urls that is the product of the reference urls and BaseURL values
- *
- * @param {string[]} referenceUrls
- * List of reference urls to resolve to
- * @param {Node[]} baseUrlElements
- * List of BaseURL nodes from the mpd
- * @return {string[]}
- * List of resolved urls
- */
+ * Returns a new master playlist that is the result of merging an
+ * updated media playlist into the original version. If the
+ * updated media playlist does not match any of the playlist
+ * entries in the original master playlist, null is returned.
+ *
+ * @param {Object} master a parsed master M3U8 object
+ * @param {Object} media a parsed media M3U8 object
+ * @return {Object} a new object that represents the original
+ * master playlist with the updated media playlist merged in, or
+ * null if the merge produced no change.
+ */
- var buildBaseUrls = function buildBaseUrls(referenceUrls, baseUrlElements) {
- if (!baseUrlElements.length) {
- return referenceUrls;
+
+ var updateMaster$1 = function updateMaster(master, newMedia, unchangedCheck) {
+ if (unchangedCheck === void 0) {
+ unchangedCheck = isPlaylistUnchanged;
}
- return flatten(referenceUrls.map(function (reference) {
- return baseUrlElements.map(function (baseUrlElement) {
- return resolveUrl_1(reference, getContent(baseUrlElement));
- });
- }));
- };
- /**
- * Contains all Segment information for its containing AdaptationSet
- *
- * @typedef {Object} SegmentInformation
- * @property {Object|undefined} template
- * Contains the attributes for the SegmentTemplate node
- * @property {Object[]|undefined} timeline
- * Contains a list of atrributes for each S node within the SegmentTimeline node
- * @property {Object|undefined} list
- * Contains the attributes for the SegmentList node
- * @property {Object|undefined} base
- * Contains the attributes for the SegmentBase node
- */
+ var result = mergeOptions$2(master, {});
+ var oldMedia = result.playlists[newMedia.id];
- /**
- * Returns all available Segment information contained within the AdaptationSet node
- *
- * @param {Node} adaptationSet
- * The AdaptationSet node to get Segment information from
- * @return {SegmentInformation}
- * The Segment information contained within the provided AdaptationSet
- */
+ if (!oldMedia) {
+ return null;
+ }
+ if (unchangedCheck(oldMedia, newMedia)) {
+ return null;
+ }
- var getSegmentInformation = function getSegmentInformation(adaptationSet) {
- var segmentTemplate = findChildren(adaptationSet, 'SegmentTemplate')[0];
- var segmentList = findChildren(adaptationSet, 'SegmentList')[0];
- var segmentUrls = segmentList && findChildren(segmentList, 'SegmentURL').map(function (s) {
- return merge({
- tag: 'SegmentURL'
- }, parseAttributes$1(s));
- });
- var segmentBase = findChildren(adaptationSet, 'SegmentBase')[0];
- var segmentTimelineParentNode = segmentList || segmentTemplate;
- var segmentTimeline = segmentTimelineParentNode && findChildren(segmentTimelineParentNode, 'SegmentTimeline')[0];
- var segmentInitializationParentNode = segmentList || segmentBase || segmentTemplate;
- var segmentInitialization = segmentInitializationParentNode && findChildren(segmentInitializationParentNode, 'Initialization')[0]; // SegmentTemplate is handled slightly differently, since it can have both
- // @initialization and an <Initialization> node. @initialization can be templated,
- // while the node can have a url and range specified. If the <SegmentTemplate> has
- // both @initialization and an <Initialization> subelement we opt to override with
- // the node, as this interaction is not defined in the spec.
+ newMedia.segments = getAllSegments(newMedia);
+ var mergedPlaylist = mergeOptions$2(oldMedia, newMedia); // always use the new media's preload segment
- var template = segmentTemplate && parseAttributes$1(segmentTemplate);
+ if (mergedPlaylist.preloadSegment && !newMedia.preloadSegment) {
+ delete mergedPlaylist.preloadSegment;
+ } // if the update could overlap existing segment information, merge the two segment lists
- if (template && segmentInitialization) {
- template.initialization = segmentInitialization && parseAttributes$1(segmentInitialization);
- } else if (template && template.initialization) {
- // If it is @initialization we convert it to an object since this is the format that
- // later functions will rely on for the initialization segment. This is only valid
- // for <SegmentTemplate>
- template.initialization = {
- sourceURL: template.initialization
- };
+
+ if (oldMedia.segments) {
+ if (newMedia.skip) {
+ newMedia.segments = newMedia.segments || []; // add back in objects for skipped segments, so that we merge
+ // old properties into the new segments
+
+ for (var i = 0; i < newMedia.skip.skippedSegments; i++) {
+ newMedia.segments.unshift({
+ skipped: true
+ });
+ }
+ }
+
+ mergedPlaylist.segments = updateSegments(oldMedia.segments, newMedia.segments, newMedia.mediaSequence - oldMedia.mediaSequence);
+ } // resolve any segment URIs to prevent us from having to do it later
+
+
+ mergedPlaylist.segments.forEach(function (segment) {
+ resolveSegmentUris(segment, mergedPlaylist.resolvedUri);
+ }); // TODO Right now in the playlists array there are two references to each playlist, one
+ // that is referenced by index, and one by URI. The index reference may no longer be
+ // necessary.
+
+ for (var _i = 0; _i < result.playlists.length; _i++) {
+ if (result.playlists[_i].id === newMedia.id) {
+ result.playlists[_i] = mergedPlaylist;
+ }
}
- var segmentInfo = {
- template: template,
- timeline: segmentTimeline && findChildren(segmentTimeline, 'S').map(function (s) {
- return parseAttributes$1(s);
- }),
- list: segmentList && merge(parseAttributes$1(segmentList), {
- segmentUrls: segmentUrls,
- initialization: parseAttributes$1(segmentInitialization)
- }),
- base: segmentBase && merge(parseAttributes$1(segmentBase), {
- initialization: parseAttributes$1(segmentInitialization)
- })
- };
- Object.keys(segmentInfo).forEach(function (key) {
- if (!segmentInfo[key]) {
- delete segmentInfo[key];
+ result.playlists[newMedia.id] = mergedPlaylist; // URI reference added for backwards compatibility
+
+ result.playlists[newMedia.uri] = mergedPlaylist; // update media group playlist references.
+
+ forEachMediaGroup(master, function (properties, mediaType, groupKey, labelKey) {
+ if (!properties.playlists) {
+ return;
+ }
+
+ for (var _i2 = 0; _i2 < properties.playlists.length; _i2++) {
+ if (newMedia.id === properties.playlists[_i2].id) {
+ properties.playlists[_i2] = newMedia;
+ }
}
});
- return segmentInfo;
+ return result;
};
/**
- * Contains Segment information and attributes needed to construct a Playlist object
- * from a Representation
+ * Calculates the time to wait before refreshing a live playlist
*
- * @typedef {Object} RepresentationInformation
- * @property {SegmentInformation} segmentInfo
- * Segment information for this Representation
- * @property {Object} attributes
- * Inherited attributes for this Representation
+ * @param {Object} media
+ * The current media
+ * @param {boolean} update
+ * True if there were any updates from the last refresh, false otherwise
+ * @return {number}
+ * The time in ms to wait before refreshing the live playlist
*/
- /**
- * Maps a Representation node to an object containing Segment information and attributes
- *
- * @name inheritBaseUrlsCallback
- * @function
- * @param {Node} representation
- * Representation node from the mpd
- * @return {RepresentationInformation}
- * Representation information needed to construct a Playlist object
- */
- /**
- * Returns a callback for Array.prototype.map for mapping Representation nodes to
- * Segment information and attributes using inherited BaseURL nodes.
- *
- * @param {Object} adaptationSetAttributes
- * Contains attributes inherited by the AdaptationSet
- * @param {string[]} adaptationSetBaseUrls
- * Contains list of resolved base urls inherited by the AdaptationSet
- * @param {SegmentInformation} adaptationSetSegmentInfo
- * Contains Segment information for the AdaptationSet
- * @return {inheritBaseUrlsCallback}
- * Callback map function
- */
+ var refreshDelay = function refreshDelay(media, update) {
+ var segments = media.segments || [];
+ var lastSegment = segments[segments.length - 1];
+ var lastPart = lastSegment && lastSegment.parts && lastSegment.parts[lastSegment.parts.length - 1];
+ var lastDuration = lastPart && lastPart.duration || lastSegment && lastSegment.duration;
+ if (update && lastDuration) {
+ return lastDuration * 1000;
+ } // if the playlist is unchanged since the last reload or last segment duration
+ // cannot be determined, try again after half the target duration
- var inheritBaseUrls = function inheritBaseUrls(adaptationSetAttributes, adaptationSetBaseUrls, adaptationSetSegmentInfo) {
- return function (representation) {
- var repBaseUrlElements = findChildren(representation, 'BaseURL');
- var repBaseUrls = buildBaseUrls(adaptationSetBaseUrls, repBaseUrlElements);
- var attributes = merge(adaptationSetAttributes, parseAttributes$1(representation));
- var representationSegmentInfo = getSegmentInformation(representation);
- return repBaseUrls.map(function (baseUrl) {
- return {
- segmentInfo: merge(adaptationSetSegmentInfo, representationSegmentInfo),
- attributes: merge(attributes, {
- baseUrl: baseUrl
- })
- };
- });
- };
+
+ return (media.partTargetDuration || media.targetDuration || 10) * 500;
};
/**
- * Tranforms a series of content protection nodes to
- * an object containing pssh data by key system
+ * Load a playlist from a remote location
*
- * @param {Node[]} contentProtectionNodes
- * Content protection nodes
- * @return {Object}
- * Object containing pssh data by key system
+ * @class PlaylistLoader
+ * @extends Stream
+ * @param {string|Object} src url or object of manifest
+ * @param {boolean} withCredentials the withCredentials xhr option
+ * @class
*/
- var generateKeySystemInformation = function generateKeySystemInformation(contentProtectionNodes) {
- return contentProtectionNodes.reduce(function (acc, node) {
- var attributes = parseAttributes$1(node);
- var keySystem = keySystemsMap[attributes.schemeIdUri];
+ var PlaylistLoader = /*#__PURE__*/function (_EventTarget) {
+ inheritsLoose(PlaylistLoader, _EventTarget);
- if (keySystem) {
- acc[keySystem] = {
- attributes: attributes
- };
- var psshNode = findChildren(node, 'cenc:pssh')[0];
+ function PlaylistLoader(src, vhs, options) {
+ var _this;
- if (psshNode) {
- var pssh = getContent(psshNode);
- var psshBuffer = pssh && decodeB64ToUint8Array_1(pssh);
- acc[keySystem].pssh = psshBuffer;
- }
+ if (options === void 0) {
+ options = {};
}
- return acc;
- }, {});
- };
- /**
- * Maps an AdaptationSet node to a list of Representation information objects
- *
- * @name toRepresentationsCallback
- * @function
- * @param {Node} adaptationSet
- * AdaptationSet node from the mpd
- * @return {RepresentationInformation[]}
- * List of objects containing Representaion information
- */
+ _this = _EventTarget.call(this) || this;
- /**
- * Returns a callback for Array.prototype.map for mapping AdaptationSet nodes to a list of
- * Representation information objects
- *
- * @param {Object} periodAttributes
- * Contains attributes inherited by the Period
- * @param {string[]} periodBaseUrls
- * Contains list of resolved base urls inherited by the Period
- * @param {string[]} periodSegmentInfo
- * Contains Segment Information at the period level
- * @return {toRepresentationsCallback}
- * Callback map function
- */
+ if (!src) {
+ throw new Error('A non-empty playlist URL or object is required');
+ }
+
+ _this.logger_ = logger('PlaylistLoader');
+ var _options = options,
+ _options$withCredenti = _options.withCredentials,
+ withCredentials = _options$withCredenti === void 0 ? false : _options$withCredenti,
+ _options$handleManife = _options.handleManifestRedirects,
+ handleManifestRedirects = _options$handleManife === void 0 ? false : _options$handleManife;
+ _this.src = src;
+ _this.vhs_ = vhs;
+ _this.withCredentials = withCredentials;
+ _this.handleManifestRedirects = handleManifestRedirects;
+ var vhsOptions = vhs.options_;
+ _this.customTagParsers = vhsOptions && vhsOptions.customTagParsers || [];
+ _this.customTagMappers = vhsOptions && vhsOptions.customTagMappers || [];
+ _this.experimentalLLHLS = vhsOptions && vhsOptions.experimentalLLHLS || false; // force experimentalLLHLS for IE 11
+ if (videojs.browser.IE_VERSION) {
+ _this.experimentalLLHLS = false;
+ } // initialize the loader state
- var toRepresentations = function toRepresentations(periodAttributes, periodBaseUrls, periodSegmentInfo) {
- return function (adaptationSet) {
- var adaptationSetAttributes = parseAttributes$1(adaptationSet);
- var adaptationSetBaseUrls = buildBaseUrls(periodBaseUrls, findChildren(adaptationSet, 'BaseURL'));
- var role = findChildren(adaptationSet, 'Role')[0];
- var roleAttributes = {
- role: parseAttributes$1(role)
- };
- var attrs = merge(periodAttributes, adaptationSetAttributes, roleAttributes);
- var contentProtection = generateKeySystemInformation(findChildren(adaptationSet, 'ContentProtection'));
- if (Object.keys(contentProtection).length) {
- attrs = merge(attrs, {
- contentProtection: contentProtection
- });
+ _this.state = 'HAVE_NOTHING'; // live playlist staleness timeout
+
+ _this.handleMediaupdatetimeout_ = _this.handleMediaupdatetimeout_.bind(assertThisInitialized(_this));
+
+ _this.on('mediaupdatetimeout', _this.handleMediaupdatetimeout_);
+
+ return _this;
+ }
+
+ var _proto = PlaylistLoader.prototype;
+
+ _proto.handleMediaupdatetimeout_ = function handleMediaupdatetimeout_() {
+ var _this2 = this;
+
+ if (this.state !== 'HAVE_METADATA') {
+ // only refresh the media playlist if no other activity is going on
+ return;
}
- var segmentInfo = getSegmentInformation(adaptationSet);
- var representations = findChildren(adaptationSet, 'Representation');
- var adaptationSetSegmentInfo = merge(periodSegmentInfo, segmentInfo);
- return flatten(representations.map(inheritBaseUrls(attrs, adaptationSetBaseUrls, adaptationSetSegmentInfo)));
- };
- };
- /**
- * Maps an Period node to a list of Representation inforamtion objects for all
- * AdaptationSet nodes contained within the Period
- *
- * @name toAdaptationSetsCallback
- * @function
- * @param {Node} period
- * Period node from the mpd
- * @param {number} periodIndex
- * Index of the Period within the mpd
- * @return {RepresentationInformation[]}
- * List of objects containing Representaion information
- */
+ var media = this.media();
+ var uri = resolveUrl(this.master.uri, media.uri);
- /**
- * Returns a callback for Array.prototype.map for mapping Period nodes to a list of
- * Representation information objects
- *
- * @param {Object} mpdAttributes
- * Contains attributes inherited by the mpd
- * @param {string[]} mpdBaseUrls
- * Contains list of resolved base urls inherited by the mpd
- * @return {toAdaptationSetsCallback}
- * Callback map function
- */
+ if (this.experimentalLLHLS) {
+ uri = addLLHLSQueryDirectives(uri, media);
+ }
+ this.state = 'HAVE_CURRENT_METADATA';
+ this.request = this.vhs_.xhr({
+ uri: uri,
+ withCredentials: this.withCredentials
+ }, function (error, req) {
+ // disposed
+ if (!_this2.request) {
+ return;
+ }
- var toAdaptationSets = function toAdaptationSets(mpdAttributes, mpdBaseUrls) {
- return function (period, index) {
- var periodBaseUrls = buildBaseUrls(mpdBaseUrls, findChildren(period, 'BaseURL'));
- var periodAtt = parseAttributes$1(period);
- var parsedPeriodId = parseInt(periodAtt.id, 10); // fallback to mapping index if Period@id is not a number
+ if (error) {
+ return _this2.playlistRequestError(_this2.request, _this2.media(), 'HAVE_METADATA');
+ }
- var periodIndex = window$3.isNaN(parsedPeriodId) ? index : parsedPeriodId;
- var periodAttributes = merge(mpdAttributes, {
- periodIndex: periodIndex
+ _this2.haveMetadata({
+ playlistString: _this2.request.responseText,
+ url: _this2.media().uri,
+ id: _this2.media().id
+ });
});
- var adaptationSets = findChildren(period, 'AdaptationSet');
- var periodSegmentInfo = getSegmentInformation(period);
- return flatten(adaptationSets.map(toRepresentations(periodAttributes, periodBaseUrls, periodSegmentInfo)));
};
- };
- /**
- * Traverses the mpd xml tree to generate a list of Representation information objects
- * that have inherited attributes from parent nodes
- *
- * @param {Node} mpd
- * The root node of the mpd
- * @param {Object} options
- * Available options for inheritAttributes
- * @param {string} options.manifestUri
- * The uri source of the mpd
- * @param {number} options.NOW
- * Current time per DASH IOP. Default is current time in ms since epoch
- * @param {number} options.clientOffset
- * Client time difference from NOW (in milliseconds)
- * @return {RepresentationInformation[]}
- * List of objects containing Representation information
- */
+ _proto.playlistRequestError = function playlistRequestError(xhr, playlist, startingState) {
+ var uri = playlist.uri,
+ id = playlist.id; // any in-flight request is now finished
- var inheritAttributes = function inheritAttributes(mpd, options) {
- if (options === void 0) {
- options = {};
+ this.request = null;
+
+ if (startingState) {
+ this.state = startingState;
+ }
+
+ this.error = {
+ playlist: this.master.playlists[id],
+ status: xhr.status,
+ message: "HLS playlist request error at URL: " + uri + ".",
+ responseText: xhr.responseText,
+ code: xhr.status >= 500 ? 4 : 2
+ };
+ this.trigger('error');
+ };
+
+ _proto.parseManifest_ = function parseManifest_(_ref) {
+ var _this3 = this;
+
+ var url = _ref.url,
+ manifestString = _ref.manifestString;
+ return parseManifest({
+ onwarn: function onwarn(_ref2) {
+ var message = _ref2.message;
+ return _this3.logger_("m3u8-parser warn for " + url + ": " + message);
+ },
+ oninfo: function oninfo(_ref3) {
+ var message = _ref3.message;
+ return _this3.logger_("m3u8-parser info for " + url + ": " + message);
+ },
+ manifestString: manifestString,
+ customTagParsers: this.customTagParsers,
+ customTagMappers: this.customTagMappers,
+ experimentalLLHLS: this.experimentalLLHLS
+ });
}
+ /**
+ * Update the playlist loader's state in response to a new or updated playlist.
+ *
+ * @param {string} [playlistString]
+ * Playlist string (if playlistObject is not provided)
+ * @param {Object} [playlistObject]
+ * Playlist object (if playlistString is not provided)
+ * @param {string} url
+ * URL of playlist
+ * @param {string} id
+ * ID to use for playlist
+ */
+ ;
- var _options = options,
- _options$manifestUri = _options.manifestUri,
- manifestUri = _options$manifestUri === void 0 ? '' : _options$manifestUri,
- _options$NOW = _options.NOW,
- NOW = _options$NOW === void 0 ? Date.now() : _options$NOW,
- _options$clientOffset = _options.clientOffset,
- clientOffset = _options$clientOffset === void 0 ? 0 : _options$clientOffset;
- var periods = findChildren(mpd, 'Period');
+ _proto.haveMetadata = function haveMetadata(_ref4) {
+ var playlistString = _ref4.playlistString,
+ playlistObject = _ref4.playlistObject,
+ url = _ref4.url,
+ id = _ref4.id; // any in-flight request is now finished
+
+ this.request = null;
+ this.state = 'HAVE_METADATA';
+ var playlist = playlistObject || this.parseManifest_({
+ url: url,
+ manifestString: playlistString
+ });
+ playlist.lastRequest = Date.now();
+ setupMediaPlaylist({
+ playlist: playlist,
+ uri: url,
+ id: id
+ }); // merge this playlist into the master
- if (!periods.length) {
- throw new Error(errors.INVALID_NUMBER_OF_PERIOD);
+ var update = updateMaster$1(this.master, playlist);
+ this.targetDuration = playlist.partTargetDuration || playlist.targetDuration;
+ this.pendingMedia_ = null;
+
+ if (update) {
+ this.master = update;
+ this.media_ = this.master.playlists[id];
+ } else {
+ this.trigger('playlistunchanged');
+ }
+
+ this.updateMediaUpdateTimeout_(refreshDelay(this.media(), !!update));
+ this.trigger('loadedplaylist');
}
+ /**
+ * Abort any outstanding work and clean up.
+ */
+ ;
- var mpdAttributes = parseAttributes$1(mpd);
- var mpdBaseUrls = buildBaseUrls([manifestUri], findChildren(mpd, 'BaseURL'));
- mpdAttributes.sourceDuration = mpdAttributes.mediaPresentationDuration || 0;
- mpdAttributes.NOW = NOW;
- mpdAttributes.clientOffset = clientOffset;
- return flatten(periods.map(toAdaptationSets(mpdAttributes, mpdBaseUrls)));
- };
+ _proto.dispose = function dispose() {
+ this.trigger('dispose');
+ this.stopRequest();
+ window.clearTimeout(this.mediaUpdateTimeout);
+ window.clearTimeout(this.finalRenditionTimeout);
+ this.off();
+ };
- var stringToMpdXml = function stringToMpdXml(manifestString) {
- if (manifestString === '') {
- throw new Error(errors.DASH_EMPTY_MANIFEST);
+ _proto.stopRequest = function stopRequest() {
+ if (this.request) {
+ var oldRequest = this.request;
+ this.request = null;
+ oldRequest.onreadystatechange = null;
+ oldRequest.abort();
+ }
}
+ /**
+ * When called without any arguments, returns the currently
+ * active media playlist. When called with a single argument,
+ * triggers the playlist loader to asynchronously switch to the
+ * specified media playlist. Calling this method while the
+ * loader is in the HAVE_NOTHING causes an error to be emitted
+ * but otherwise has no effect.
+ *
+ * @param {Object=} playlist the parsed media playlist
+ * object to switch to
+ * @param {boolean=} shouldDelay whether we should delay the request by half target duration
+ *
+ * @return {Playlist} the current loaded media
+ */
+ ;
- var parser = new domParser_3();
- var xml = parser.parseFromString(manifestString, 'application/xml');
- var mpd = xml && xml.documentElement.tagName === 'MPD' ? xml.documentElement : null;
+ _proto.media = function media(playlist, shouldDelay) {
+ var _this4 = this; // getter
- if (!mpd || mpd && mpd.getElementsByTagName('parsererror').length > 0) {
- throw new Error(errors.DASH_INVALID_XML);
+
+ if (!playlist) {
+ return this.media_;
+ } // setter
+
+
+ if (this.state === 'HAVE_NOTHING') {
+ throw new Error('Cannot switch media playlist from ' + this.state);
+ } // find the playlist object if the target playlist has been
+ // specified by URI
+
+
+ if (typeof playlist === 'string') {
+ if (!this.master.playlists[playlist]) {
+ throw new Error('Unknown playlist URI: ' + playlist);
+ }
+
+ playlist = this.master.playlists[playlist];
+ }
+
+ window.clearTimeout(this.finalRenditionTimeout);
+
+ if (shouldDelay) {
+ var delay = (playlist.partTargetDuration || playlist.targetDuration) / 2 * 1000 || 5 * 1000;
+ this.finalRenditionTimeout = window.setTimeout(this.media.bind(this, playlist, false), delay);
+ return;
+ }
+
+ var startingState = this.state;
+ var mediaChange = !this.media_ || playlist.id !== this.media_.id;
+ var masterPlaylistRef = this.master.playlists[playlist.id]; // switch to fully loaded playlists immediately
+
+ if (masterPlaylistRef && masterPlaylistRef.endList || // handle the case of a playlist object (e.g., if using vhs-json with a resolved
+ // media playlist or, for the case of demuxed audio, a resolved audio media group)
+ playlist.endList && playlist.segments.length) {
+ // abort outstanding playlist requests
+ if (this.request) {
+ this.request.onreadystatechange = null;
+ this.request.abort();
+ this.request = null;
+ }
+
+ this.state = 'HAVE_METADATA';
+ this.media_ = playlist; // trigger media change if the active media has been updated
+
+ if (mediaChange) {
+ this.trigger('mediachanging');
+
+ if (startingState === 'HAVE_MASTER') {
+ // The initial playlist was a master manifest, and the first media selected was
+ // also provided (in the form of a resolved playlist object) as part of the
+ // source object (rather than just a URL). Therefore, since the media playlist
+ // doesn't need to be requested, loadedmetadata won't trigger as part of the
+ // normal flow, and needs an explicit trigger here.
+ this.trigger('loadedmetadata');
+ } else {
+ this.trigger('mediachange');
+ }
+ }
+
+ return;
+ } // We update/set the timeout here so that live playlists
+ // that are not a media change will "start" the loader as expected.
+ // We expect that this function will start the media update timeout
+ // cycle again. This also prevents a playlist switch failure from
+ // causing us to stall during live.
+
+
+ this.updateMediaUpdateTimeout_(refreshDelay(playlist, true)); // switching to the active playlist is a no-op
+
+ if (!mediaChange) {
+ return;
+ }
+
+ this.state = 'SWITCHING_MEDIA'; // there is already an outstanding playlist request
+
+ if (this.request) {
+ if (playlist.resolvedUri === this.request.url) {
+ // requesting to switch to the same playlist multiple times
+ // has no effect after the first
+ return;
+ }
+
+ this.request.onreadystatechange = null;
+ this.request.abort();
+ this.request = null;
+ } // request the new playlist
+
+
+ if (this.media_) {
+ this.trigger('mediachanging');
+ }
+
+ this.pendingMedia_ = playlist;
+ this.request = this.vhs_.xhr({
+ uri: playlist.resolvedUri,
+ withCredentials: this.withCredentials
+ }, function (error, req) {
+ // disposed
+ if (!_this4.request) {
+ return;
+ }
+
+ playlist.lastRequest = Date.now();
+ playlist.resolvedUri = resolveManifestRedirect(_this4.handleManifestRedirects, playlist.resolvedUri, req);
+
+ if (error) {
+ return _this4.playlistRequestError(_this4.request, playlist, startingState);
+ }
+
+ _this4.haveMetadata({
+ playlistString: req.responseText,
+ url: playlist.uri,
+ id: playlist.id
+ }); // fire loadedmetadata the first time a media playlist is loaded
+
+
+ if (startingState === 'HAVE_MASTER') {
+ _this4.trigger('loadedmetadata');
+ } else {
+ _this4.trigger('mediachange');
+ }
+ });
}
+ /**
+ * pause loading of the playlist
+ */
+ ;
- return mpd;
- };
- /**
- * Parses the manifest for a UTCTiming node, returning the nodes attributes if found
- *
- * @param {string} mpd
- * XML string of the MPD manifest
- * @return {Object|null}
- * Attributes of UTCTiming node specified in the manifest. Null if none found
- */
+ _proto.pause = function pause() {
+ if (this.mediaUpdateTimeout) {
+ window.clearTimeout(this.mediaUpdateTimeout);
+ this.mediaUpdateTimeout = null;
+ }
+
+ this.stopRequest();
+
+ if (this.state === 'HAVE_NOTHING') {
+ // If we pause the loader before any data has been retrieved, its as if we never
+ // started, so reset to an unstarted state.
+ this.started = false;
+ } // Need to restore state now that no activity is happening
+
+
+ if (this.state === 'SWITCHING_MEDIA') {
+ // if the loader was in the process of switching media, it should either return to
+ // HAVE_MASTER or HAVE_METADATA depending on if the loader has loaded a media
+ // playlist yet. This is determined by the existence of loader.media_
+ if (this.media_) {
+ this.state = 'HAVE_METADATA';
+ } else {
+ this.state = 'HAVE_MASTER';
+ }
+ } else if (this.state === 'HAVE_CURRENT_METADATA') {
+ this.state = 'HAVE_METADATA';
+ }
+ }
+ /**
+ * start loading of the playlist
+ */
+ ;
+
+ _proto.load = function load(shouldDelay) {
+ var _this5 = this;
+
+ if (this.mediaUpdateTimeout) {
+ window.clearTimeout(this.mediaUpdateTimeout);
+ this.mediaUpdateTimeout = null;
+ }
+
+ var media = this.media();
+
+ if (shouldDelay) {
+ var delay = media ? (media.partTargetDuration || media.targetDuration) / 2 * 1000 : 5 * 1000;
+ this.mediaUpdateTimeout = window.setTimeout(function () {
+ _this5.mediaUpdateTimeout = null;
+
+ _this5.load();
+ }, delay);
+ return;
+ }
+
+ if (!this.started) {
+ this.start();
+ return;
+ }
+
+ if (media && !media.endList) {
+ this.trigger('mediaupdatetimeout');
+ } else {
+ this.trigger('loadedplaylist');
+ }
+ };
+ _proto.updateMediaUpdateTimeout_ = function updateMediaUpdateTimeout_(delay) {
+ var _this6 = this;
- var parseUTCTimingScheme = function parseUTCTimingScheme(mpd) {
- var UTCTimingNode = findChildren(mpd, 'UTCTiming')[0];
+ if (this.mediaUpdateTimeout) {
+ window.clearTimeout(this.mediaUpdateTimeout);
+ this.mediaUpdateTimeout = null;
+ } // we only have use mediaupdatetimeout for live playlists.
- if (!UTCTimingNode) {
- return null;
+
+ if (!this.media() || this.media().endList) {
+ return;
+ }
+
+ this.mediaUpdateTimeout = window.setTimeout(function () {
+ _this6.mediaUpdateTimeout = null;
+
+ _this6.trigger('mediaupdatetimeout');
+
+ _this6.updateMediaUpdateTimeout_(delay);
+ }, delay);
}
+ /**
+ * start loading of the playlist
+ */
+ ;
- var attributes = parseAttributes$1(UTCTimingNode);
+ _proto.start = function start() {
+ var _this7 = this;
- switch (attributes.schemeIdUri) {
- case 'urn:mpeg:dash:utc:http-head:2014':
- case 'urn:mpeg:dash:utc:http-head:2012':
- attributes.method = 'HEAD';
- break;
+ this.started = true;
- case 'urn:mpeg:dash:utc:http-xsdate:2014':
- case 'urn:mpeg:dash:utc:http-iso:2014':
- case 'urn:mpeg:dash:utc:http-xsdate:2012':
- case 'urn:mpeg:dash:utc:http-iso:2012':
- attributes.method = 'GET';
- break;
+ if (typeof this.src === 'object') {
+ // in the case of an entirely constructed manifest object (meaning there's no actual
+ // manifest on a server), default the uri to the page's href
+ if (!this.src.uri) {
+ this.src.uri = window.location.href;
+ } // resolvedUri is added on internally after the initial request. Since there's no
+ // request for pre-resolved manifests, add on resolvedUri here.
- case 'urn:mpeg:dash:utc:direct:2014':
- case 'urn:mpeg:dash:utc:direct:2012':
- attributes.method = 'DIRECT';
- attributes.value = Date.parse(attributes.value);
- break;
- case 'urn:mpeg:dash:utc:http-ntp:2014':
- case 'urn:mpeg:dash:utc:ntp:2014':
- case 'urn:mpeg:dash:utc:sntp:2014':
- default:
- throw new Error(errors.UNSUPPORTED_UTC_TIMING_SCHEME);
- }
+ this.src.resolvedUri = this.src.uri; // Since a manifest object was passed in as the source (instead of a URL), the first
+ // request can be skipped (since the top level of the manifest, at a minimum, is
+ // already available as a parsed manifest object). However, if the manifest object
+ // represents a master playlist, some media playlists may need to be resolved before
+ // the starting segment list is available. Therefore, go directly to setup of the
+ // initial playlist, and let the normal flow continue from there.
+ //
+ // Note that the call to setup is asynchronous, as other sections of VHS may assume
+ // that the first request is asynchronous.
- return attributes;
- };
+ setTimeout(function () {
+ _this7.setupInitialPlaylist(_this7.src);
+ }, 0);
+ return;
+ } // request the specified URL
- var parse = function parse(manifestString, options) {
- if (options === void 0) {
- options = {};
- }
- return toM3u8(toPlaylists(inheritAttributes(stringToMpdXml(manifestString), options)), options.sidxMapping);
- };
- /**
- * Parses the manifest for a UTCTiming node, returning the nodes attributes if found
- *
- * @param {string} manifestString
- * XML string of the MPD manifest
- * @return {Object|null}
- * Attributes of UTCTiming node specified in the manifest. Null if none found
- */
+ this.request = this.vhs_.xhr({
+ uri: this.src,
+ withCredentials: this.withCredentials
+ }, function (error, req) {
+ // disposed
+ if (!_this7.request) {
+ return;
+ } // clear the loader's request reference
- var parseUTCTiming = function parseUTCTiming(manifestString) {
- return parseUTCTimingScheme(stringToMpdXml(manifestString));
- };
+ _this7.request = null;
- /**
- * mux.js
- *
- * Copyright (c) Brightcove
- * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
- */
- var toUnsigned = function toUnsigned(value) {
- return value >>> 0;
- };
+ if (error) {
+ _this7.error = {
+ status: req.status,
+ message: "HLS playlist request error at URL: " + _this7.src + ".",
+ responseText: req.responseText,
+ // MEDIA_ERR_NETWORK
+ code: 2
+ };
- var toHexString = function toHexString(value) {
- return ('00' + value.toString(16)).slice(-2);
- };
+ if (_this7.state === 'HAVE_NOTHING') {
+ _this7.started = false;
+ }
- var bin = {
- toUnsigned: toUnsigned,
- toHexString: toHexString
- };
+ return _this7.trigger('error');
+ }
- var inspectMp4,
- _textifyMp,
- toUnsigned$1 = bin.toUnsigned,
- parseMp4Date = function parseMp4Date(seconds) {
- return new Date(seconds * 1000 - 2082844800000);
- },
- parseSampleFlags = function parseSampleFlags(flags) {
- return {
- isLeading: (flags[0] & 0x0c) >>> 2,
- dependsOn: flags[0] & 0x03,
- isDependedOn: (flags[1] & 0xc0) >>> 6,
- hasRedundancy: (flags[1] & 0x30) >>> 4,
- paddingValue: (flags[1] & 0x0e) >>> 1,
- isNonSyncSample: flags[1] & 0x01,
- degradationPriority: flags[2] << 8 | flags[3]
+ _this7.src = resolveManifestRedirect(_this7.handleManifestRedirects, _this7.src, req);
+
+ var manifest = _this7.parseManifest_({
+ manifestString: req.responseText,
+ url: _this7.src
+ });
+
+ _this7.setupInitialPlaylist(manifest);
+ });
};
- },
- /**
- * Returns the string representation of an ASCII encoded four byte buffer.
- * @param buffer {Uint8Array} a four-byte buffer to translate
- * @return {string} the corresponding string
- */
- parseType = function parseType(buffer) {
- var result = '';
- result += String.fromCharCode(buffer[0]);
- result += String.fromCharCode(buffer[1]);
- result += String.fromCharCode(buffer[2]);
- result += String.fromCharCode(buffer[3]);
- return result;
- },
- // Find the data for a box specified by its path
- findBox = function findBox(data, path) {
- var results = [],
- i,
- size,
- type,
- end,
- subresults;
-
- if (!path.length) {
- // short-circuit the search for empty paths
- return null;
+ _proto.srcUri = function srcUri() {
+ return typeof this.src === 'string' ? this.src : this.src.uri;
}
+ /**
+ * Given a manifest object that's either a master or media playlist, trigger the proper
+ * events and set the state of the playlist loader.
+ *
+ * If the manifest object represents a master playlist, `loadedplaylist` will be
+ * triggered to allow listeners to select a playlist. If none is selected, the loader
+ * will default to the first one in the playlists array.
+ *
+ * If the manifest object represents a media playlist, `loadedplaylist` will be
+ * triggered followed by `loadedmetadata`, as the only available playlist is loaded.
+ *
+ * In the case of a media playlist, a master playlist object wrapper with one playlist
+ * will be created so that all logic can handle playlists in the same fashion (as an
+ * assumed manifest object schema).
+ *
+ * @param {Object} manifest
+ * The parsed manifest object
+ */
+ ;
- for (i = 0; i < data.byteLength;) {
- size = toUnsigned$1(data[i] << 24 | data[i + 1] << 16 | data[i + 2] << 8 | data[i + 3]);
- type = parseType(data.subarray(i + 4, i + 8));
- end = size > 1 ? i + size : data.byteLength;
+ _proto.setupInitialPlaylist = function setupInitialPlaylist(manifest) {
+ this.state = 'HAVE_MASTER';
- 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 = findBox(data.subarray(i + 8, end), path.slice(1));
+ if (manifest.playlists) {
+ this.master = manifest;
+ addPropertiesToMaster(this.master, this.srcUri()); // If the initial master playlist has playlists wtih segments already resolved,
+ // then resolve URIs in advance, as they are usually done after a playlist request,
+ // which may not happen if the playlist is resolved.
- if (subresults.length) {
- results = results.concat(subresults);
- }
- }
- }
+ manifest.playlists.forEach(function (playlist) {
+ playlist.segments = getAllSegments(playlist);
+ playlist.segments.forEach(function (segment) {
+ resolveSegmentUris(segment, playlist.resolvedUri);
+ });
+ });
+ this.trigger('loadedplaylist');
- i = end;
- } // we've finished searching all of data
+ if (!this.request) {
+ // no media playlist was specifically selected so start
+ // from the first listed one
+ this.media(this.master.playlists[0]);
+ }
+ return;
+ } // In order to support media playlists passed in as vhs-json, the case where the uri
+ // is not provided as part of the manifest should be considered, and an appropriate
+ // default used.
- return results;
- },
- nalParse = function nalParse(avcStream) {
- var avcView = new DataView(avcStream.buffer, avcStream.byteOffset, avcStream.byteLength),
- result = [],
- i,
- length;
-
- for (i = 0; i + 4 < avcStream.length; i += length) {
- length = avcView.getUint32(i);
- i += 4; // bail if this doesn't appear to be an H264 stream
-
- if (length <= 0) {
- result.push('<span style=\'color:red;\'>MALFORMED DATA</span>');
- continue;
- }
- switch (avcStream[i] & 0x1F) {
- case 0x01:
- result.push('slice_layer_without_partitioning_rbsp');
- break;
+ var uri = this.srcUri() || window.location.href;
+ this.master = masterForMedia(manifest, uri);
+ this.haveMetadata({
+ playlistObject: manifest,
+ url: uri,
+ id: this.master.playlists[0].id
+ });
+ this.trigger('loadedmetadata');
+ };
- case 0x05:
- result.push('slice_layer_without_partitioning_rbsp_idr');
- break;
+ return PlaylistLoader;
+ }(EventTarget$1);
+ /**
+ * @file xhr.js
+ */
- case 0x06:
- result.push('sei_rbsp');
- break;
- case 0x07:
- result.push('seq_parameter_set_rbsp');
- break;
+ var videojsXHR = videojs.xhr,
+ mergeOptions$1 = videojs.mergeOptions;
- case 0x08:
- result.push('pic_parameter_set_rbsp');
- break;
+ var callbackWrapper = function callbackWrapper(request, error, response, callback) {
+ var reqResponse = request.responseType === 'arraybuffer' ? request.response : request.responseText;
- case 0x09:
- result.push('access_unit_delimiter_rbsp');
- break;
+ if (!error && reqResponse) {
+ request.responseTime = Date.now();
+ request.roundTripTime = request.responseTime - request.requestTime;
+ request.bytesReceived = reqResponse.byteLength || reqResponse.length;
- default:
- result.push('UNKNOWN NAL - ' + avcStream[i] & 0x1F);
- break;
+ if (!request.bandwidth) {
+ request.bandwidth = Math.floor(request.bytesReceived / request.roundTripTime * 8 * 1000);
}
}
- return result;
- },
- // registry of handlers for individual mp4 box types
- parse$1 = {
- // codingname, not a first-class box type. stsd entries share the
- // same format as real boxes so the parsing infrastructure can be
- // shared
- avc1: function avc1(data) {
- var view = new DataView(data.buffer, data.byteOffset, data.byteLength);
- return {
- dataReferenceIndex: view.getUint16(6),
- width: view.getUint16(24),
- height: view.getUint16(26),
- horizresolution: view.getUint16(28) + view.getUint16(30) / 16,
- vertresolution: view.getUint16(32) + view.getUint16(34) / 16,
- frameCount: view.getUint16(40),
- depth: view.getUint16(74),
- config: inspectMp4(data.subarray(78, data.byteLength))
- };
- },
- avcC: function avcC(data) {
- var view = new DataView(data.buffer, data.byteOffset, data.byteLength),
- result = {
- configurationVersion: data[0],
- avcProfileIndication: data[1],
- profileCompatibility: data[2],
- avcLevelIndication: data[3],
- lengthSizeMinusOne: data[4] & 0x03,
- sps: [],
- pps: []
- },
- numOfSequenceParameterSets = data[5] & 0x1f,
- numOfPictureParameterSets,
- nalSize,
- offset,
- i; // iterate past any SPSs
+ if (response.headers) {
+ request.responseHeaders = response.headers;
+ } // videojs.xhr now uses a specific code on the error
+ // object to signal that a request has timed out instead
+ // of setting a boolean on the request object
- offset = 6;
- for (i = 0; i < numOfSequenceParameterSets; i++) {
- nalSize = view.getUint16(offset);
- offset += 2;
- result.sps.push(new Uint8Array(data.subarray(offset, offset + nalSize)));
- offset += nalSize;
- } // iterate past any PPSs
+ if (error && error.code === 'ETIMEDOUT') {
+ request.timedout = true;
+ } // videojs.xhr no longer considers status codes outside of 200 and 0
+ // (for file uris) to be errors, but the old XHR did, so emulate that
+ // behavior. Status 206 may be used in response to byterange requests.
- numOfPictureParameterSets = data[offset];
- offset++;
+ if (!error && !request.aborted && response.statusCode !== 200 && response.statusCode !== 206 && response.statusCode !== 0) {
+ error = new Error('XHR Failed with a response of: ' + (request && (reqResponse || request.responseText)));
+ }
- for (i = 0; i < numOfPictureParameterSets; i++) {
- nalSize = view.getUint16(offset);
- offset += 2;
- result.pps.push(new Uint8Array(data.subarray(offset, offset + nalSize)));
- offset += nalSize;
- }
+ callback(error, request);
+ };
- return result;
- },
- btrt: function btrt(data) {
- var view = new DataView(data.buffer, data.byteOffset, data.byteLength);
- return {
- bufferSizeDB: view.getUint32(0),
- maxBitrate: view.getUint32(4),
- avgBitrate: view.getUint32(8)
- };
- },
- esds: function esds(data) {
- return {
- version: data[0],
- flags: new Uint8Array(data.subarray(1, 4)),
- esId: data[6] << 8 | data[7],
- streamPriority: data[8] & 0x1f,
- decoderConfig: {
- objectProfileIndication: data[11],
- streamType: data[12] >>> 2 & 0x3f,
- bufferSize: data[13] << 16 | data[14] << 8 | data[15],
- maxBitrate: data[16] << 24 | data[17] << 16 | data[18] << 8 | data[19],
- avgBitrate: data[20] << 24 | data[21] << 16 | data[22] << 8 | data[23],
- decoderConfigDescriptor: {
- tag: data[24],
- length: data[25],
- audioObjectType: data[26] >>> 3 & 0x1f,
- samplingFrequencyIndex: (data[26] & 0x07) << 1 | data[27] >>> 7 & 0x01,
- channelConfiguration: data[27] >>> 3 & 0x0f
- }
- }
- };
- },
- ftyp: function ftyp(data) {
- var view = new DataView(data.buffer, data.byteOffset, data.byteLength),
- result = {
- majorBrand: parseType(data.subarray(0, 4)),
- minorVersion: view.getUint32(4),
- compatibleBrands: []
- },
- i = 8;
+ var xhrFactory = function xhrFactory() {
+ var xhr = function XhrFunction(options, callback) {
+ // Add a default timeout
+ options = mergeOptions$1({
+ timeout: 45e3
+ }, options); // Allow an optional user-specified function to modify the option
+ // object before we construct the xhr request
- while (i < data.byteLength) {
- result.compatibleBrands.push(parseType(data.subarray(i, i + 4)));
- i += 4;
- }
+ var beforeRequest = XhrFunction.beforeRequest || videojs.Vhs.xhr.beforeRequest;
- return result;
- },
- dinf: function dinf(data) {
- return {
- boxes: inspectMp4(data)
- };
- },
- dref: function dref(data) {
- return {
- version: data[0],
- flags: new Uint8Array(data.subarray(1, 4)),
- dataReferences: inspectMp4(data.subarray(8))
- };
- },
- hdlr: function hdlr(data) {
- var view = new DataView(data.buffer, data.byteOffset, data.byteLength),
- result = {
- version: view.getUint8(0),
- flags: new Uint8Array(data.subarray(1, 4)),
- handlerType: parseType(data.subarray(8, 12)),
- name: ''
- },
- i = 8; // parse out the name field
+ if (beforeRequest && typeof beforeRequest === 'function') {
+ var newOptions = beforeRequest(options);
- for (i = 24; i < data.byteLength; i++) {
- if (data[i] === 0x00) {
- // the name field is null-terminated
- i++;
- break;
+ if (newOptions) {
+ options = newOptions;
}
+ } // Use the standard videojs.xhr() method unless `videojs.Vhs.xhr` has been overriden
+ // TODO: switch back to videojs.Vhs.xhr.name === 'XhrFunction' when we drop IE11
- result.name += String.fromCharCode(data[i]);
- } // decode UTF-8 to javascript's internal representation
- // see http://ecmanaut.blogspot.com/2006/07/encoding-decoding-utf8-in-javascript.html
+ var xhrMethod = videojs.Vhs.xhr.original === true ? videojsXHR : videojs.Vhs.xhr;
+ var request = xhrMethod(options, function (error, response) {
+ return callbackWrapper(request, error, response, callback);
+ });
+ var originalAbort = request.abort;
- result.name = decodeURIComponent(escape(result.name));
- return result;
- },
- mdat: function mdat(data) {
- return {
- byteLength: data.byteLength,
- nals: nalParse(data)
- };
- },
- mdhd: function mdhd(data) {
- var view = new DataView(data.buffer, data.byteOffset, data.byteLength),
- i = 4,
- language,
- result = {
- version: view.getUint8(0),
- flags: new Uint8Array(data.subarray(1, 4)),
- language: ''
+ request.abort = function () {
+ request.aborted = true;
+ return originalAbort.apply(request, arguments);
};
- if (result.version === 1) {
- i += 4;
- result.creationTime = parseMp4Date(view.getUint32(i)); // truncating top 4 bytes
+ request.uri = options.uri;
+ request.requestTime = Date.now();
+ return request;
+ };
- i += 8;
- result.modificationTime = parseMp4Date(view.getUint32(i)); // truncating top 4 bytes
+ xhr.original = true;
+ return xhr;
+ };
+ /**
+ * Turns segment byterange into a string suitable for use in
+ * HTTP Range requests
+ *
+ * @param {Object} byterange - an object with two values defining the start and end
+ * of a byte-range
+ */
- i += 4;
- result.timescale = view.getUint32(i);
- i += 8;
- result.duration = view.getUint32(i); // truncating top 4 bytes
- } else {
- result.creationTime = parseMp4Date(view.getUint32(i));
- i += 4;
- result.modificationTime = parseMp4Date(view.getUint32(i));
- i += 4;
- result.timescale = view.getUint32(i);
- i += 4;
- result.duration = view.getUint32(i);
- }
- i += 4; // language is stored as an ISO-639-2/T code in an array of three 5-bit fields
- // each field is the packed difference between its ASCII value and 0x60
+ var byterangeStr = function byterangeStr(byterange) {
+ // `byterangeEnd` is one less than `offset + length` because the HTTP range
+ // header uses inclusive ranges
+ var byterangeEnd = byterange.offset + byterange.length - 1;
+ var byterangeStart = byterange.offset;
+ return 'bytes=' + byterangeStart + '-' + byterangeEnd;
+ };
+ /**
+ * Defines headers for use in the xhr request for a particular segment.
+ *
+ * @param {Object} segment - a simplified copy of the segmentInfo object
+ * from SegmentLoader
+ */
- language = view.getUint16(i);
- result.language += String.fromCharCode((language >> 10) + 0x60);
- result.language += String.fromCharCode(((language & 0x03e0) >> 5) + 0x60);
- result.language += String.fromCharCode((language & 0x1f) + 0x60);
- return result;
- },
- mdia: function mdia(data) {
- return {
- boxes: inspectMp4(data)
- };
- },
- mfhd: function mfhd(data) {
- return {
- version: data[0],
- flags: new Uint8Array(data.subarray(1, 4)),
- sequenceNumber: data[4] << 24 | data[5] << 16 | data[6] << 8 | data[7]
- };
- },
- minf: function minf(data) {
- return {
- boxes: inspectMp4(data)
- };
- },
- // codingname, not a first-class box type. stsd entries share the
- // same format as real boxes so the parsing infrastructure can be
- // shared
- mp4a: function mp4a(data) {
- var view = new DataView(data.buffer, data.byteOffset, data.byteLength),
- result = {
- // 6 bytes reserved
- dataReferenceIndex: view.getUint16(6),
- // 4 + 4 bytes reserved
- channelcount: view.getUint16(16),
- samplesize: view.getUint16(18),
- // 2 bytes pre_defined
- // 2 bytes reserved
- samplerate: view.getUint16(24) + view.getUint16(26) / 65536
- }; // if there are more bytes to process, assume this is an ISO/IEC
- // 14496-14 MP4AudioSampleEntry and parse the ESDBox
- if (data.byteLength > 28) {
- result.streamDescriptor = inspectMp4(data.subarray(28))[0];
- }
+ var segmentXhrHeaders = function segmentXhrHeaders(segment) {
+ var headers = {};
- return result;
- },
- moof: function moof(data) {
- return {
- boxes: inspectMp4(data)
- };
- },
- moov: function moov(data) {
- return {
- boxes: inspectMp4(data)
- };
- },
- mvex: function mvex(data) {
- return {
- boxes: inspectMp4(data)
- };
- },
- mvhd: function mvhd(data) {
- var view = new DataView(data.buffer, data.byteOffset, data.byteLength),
- i = 4,
- result = {
- version: view.getUint8(0),
- flags: new Uint8Array(data.subarray(1, 4))
- };
+ if (segment.byterange) {
+ headers.Range = byterangeStr(segment.byterange);
+ }
- if (result.version === 1) {
- i += 4;
- result.creationTime = parseMp4Date(view.getUint32(i)); // truncating top 4 bytes
+ return headers;
+ };
+ /**
+ * @file bin-utils.js
+ */
- i += 8;
- result.modificationTime = parseMp4Date(view.getUint32(i)); // truncating top 4 bytes
+ /**
+ * convert a TimeRange to text
+ *
+ * @param {TimeRange} range the timerange to use for conversion
+ * @param {number} i the iterator on the range to convert
+ * @return {string} the range in string format
+ */
- i += 4;
- result.timescale = view.getUint32(i);
- i += 8;
- result.duration = view.getUint32(i); // truncating top 4 bytes
- } else {
- result.creationTime = parseMp4Date(view.getUint32(i));
- i += 4;
- result.modificationTime = parseMp4Date(view.getUint32(i));
- i += 4;
- result.timescale = view.getUint32(i);
- i += 4;
- result.duration = view.getUint32(i);
- }
- i += 4; // convert fixed-point, base 16 back to a number
+ var textRange = function textRange(range, i) {
+ return range.start(i) + '-' + range.end(i);
+ };
+ /**
+ * format a number as hex string
+ *
+ * @param {number} e The number
+ * @param {number} i the iterator
+ * @return {string} the hex formatted number as a string
+ */
- result.rate = view.getUint16(i) + view.getUint16(i + 2) / 16;
- i += 4;
- result.volume = view.getUint8(i) + view.getUint8(i + 1) / 8;
- i += 2;
- i += 2;
- i += 2 * 4;
- result.matrix = new Uint32Array(data.subarray(i, i + 9 * 4));
- i += 9 * 4;
- i += 6 * 4;
- result.nextTrackId = view.getUint32(i);
- return result;
- },
- pdin: function pdin(data) {
- var view = new DataView(data.buffer, data.byteOffset, data.byteLength);
- return {
- version: view.getUint8(0),
- flags: new Uint8Array(data.subarray(1, 4)),
- rate: view.getUint32(4),
- initialDelay: view.getUint32(8)
- };
- },
- sdtp: function sdtp(data) {
- var result = {
- version: data[0],
- flags: new Uint8Array(data.subarray(1, 4)),
- samples: []
- },
- i;
- for (i = 4; i < data.byteLength; i++) {
- result.samples.push({
- dependsOn: (data[i] & 0x30) >> 4,
- isDependedOn: (data[i] & 0x0c) >> 2,
- hasRedundancy: data[i] & 0x03
- });
- }
+ var formatHexString = function formatHexString(e, i) {
+ var value = e.toString(16);
+ return '00'.substring(0, 2 - value.length) + value + (i % 2 ? ' ' : '');
+ };
- return result;
- },
- sidx: function sidx(data) {
- var view = new DataView(data.buffer, data.byteOffset, data.byteLength),
- result = {
- version: data[0],
- flags: new Uint8Array(data.subarray(1, 4)),
- references: [],
- referenceId: view.getUint32(4),
- timescale: view.getUint32(8),
- earliestPresentationTime: view.getUint32(12),
- firstOffset: view.getUint32(16)
- },
- referenceCount = view.getUint16(22),
- i;
+ var formatAsciiString = function formatAsciiString(e) {
+ if (e >= 0x20 && e < 0x7e) {
+ return String.fromCharCode(e);
+ }
- for (i = 24; referenceCount; i += 12, referenceCount--) {
- result.references.push({
- referenceType: (data[i] & 0x80) >>> 7,
- referencedSize: view.getUint32(i) & 0x7FFFFFFF,
- subsegmentDuration: view.getUint32(i + 4),
- startsWithSap: !!(data[i + 8] & 0x80),
- sapType: (data[i + 8] & 0x70) >>> 4,
- sapDeltaTime: view.getUint32(i + 8) & 0x0FFFFFFF
- });
- }
+ return '.';
+ };
+ /**
+ * Creates an object for sending to a web worker modifying properties that are TypedArrays
+ * into a new object with seperated properties for the buffer, byteOffset, and byteLength.
+ *
+ * @param {Object} message
+ * Object of properties and values to send to the web worker
+ * @return {Object}
+ * Modified message with TypedArray values expanded
+ * @function createTransferableMessage
+ */
- return result;
- },
- smhd: function smhd(data) {
- return {
- version: data[0],
- flags: new Uint8Array(data.subarray(1, 4)),
- balance: data[4] + data[5] / 256
- };
- },
- stbl: function stbl(data) {
- return {
- boxes: inspectMp4(data)
- };
- },
- stco: function stco(data) {
- var view = new DataView(data.buffer, data.byteOffset, data.byteLength),
- result = {
- version: data[0],
- flags: new Uint8Array(data.subarray(1, 4)),
- chunkOffsets: []
- },
- entryCount = view.getUint32(4),
- i;
- for (i = 8; entryCount; i += 4, entryCount--) {
- result.chunkOffsets.push(view.getUint32(i));
+ var createTransferableMessage = function createTransferableMessage(message) {
+ var transferable = {};
+ Object.keys(message).forEach(function (key) {
+ var value = message[key];
+
+ if (ArrayBuffer.isView(value)) {
+ transferable[key] = {
+ bytes: value.buffer,
+ byteOffset: value.byteOffset,
+ byteLength: value.byteLength
+ };
+ } else {
+ transferable[key] = value;
}
+ });
+ return transferable;
+ };
+ /**
+ * Returns a unique string identifier for a media initialization
+ * segment.
+ *
+ * @param {Object} initSegment
+ * the init segment object.
+ *
+ * @return {string} the generated init segment id
+ */
- return result;
- },
- stsc: function stsc(data) {
- var view = new DataView(data.buffer, data.byteOffset, data.byteLength),
- entryCount = view.getUint32(4),
- result = {
- version: data[0],
- flags: new Uint8Array(data.subarray(1, 4)),
- sampleToChunks: []
- },
- i;
- for (i = 8; entryCount; i += 12, entryCount--) {
- result.sampleToChunks.push({
- firstChunk: view.getUint32(i),
- samplesPerChunk: view.getUint32(i + 4),
- sampleDescriptionIndex: view.getUint32(i + 8)
- });
- }
+ var initSegmentId = function initSegmentId(initSegment) {
+ var byterange = initSegment.byterange || {
+ length: Infinity,
+ offset: 0
+ };
+ return [byterange.length, byterange.offset, initSegment.resolvedUri].join(',');
+ };
+ /**
+ * Returns a unique string identifier for a media segment key.
+ *
+ * @param {Object} key the encryption key
+ * @return {string} the unique id for the media segment key.
+ */
- return result;
- },
- stsd: function stsd(data) {
- return {
- version: data[0],
- flags: new Uint8Array(data.subarray(1, 4)),
- sampleDescriptions: inspectMp4(data.subarray(8))
- };
- },
- stsz: function stsz(data) {
- var view = new DataView(data.buffer, data.byteOffset, data.byteLength),
- result = {
- version: data[0],
- flags: new Uint8Array(data.subarray(1, 4)),
- sampleSize: view.getUint32(4),
- entries: []
- },
- i;
- for (i = 12; i < data.byteLength; i += 4) {
- result.entries.push(view.getUint32(i));
- }
+ var segmentKeyId = function segmentKeyId(key) {
+ return key.resolvedUri;
+ };
+ /**
+ * utils to help dump binary data to the console
+ *
+ * @param {Array|TypedArray} data
+ * data to dump to a string
+ *
+ * @return {string} the data as a hex string.
+ */
- return result;
- },
- stts: function stts(data) {
- var view = new DataView(data.buffer, data.byteOffset, data.byteLength),
- result = {
- version: data[0],
- flags: new Uint8Array(data.subarray(1, 4)),
- timeToSamples: []
- },
- entryCount = view.getUint32(4),
- i;
- for (i = 8; entryCount; i += 8, entryCount--) {
- result.timeToSamples.push({
- sampleCount: view.getUint32(i),
- sampleDelta: view.getUint32(i + 4)
- });
- }
+ var hexDump = function hexDump(data) {
+ var bytes = Array.prototype.slice.call(data);
+ var step = 16;
+ var result = '';
+ var hex;
+ var ascii;
- return result;
- },
- styp: function styp(data) {
- return parse$1.ftyp(data);
- },
- tfdt: function tfdt(data) {
- var result = {
- version: data[0],
- flags: new Uint8Array(data.subarray(1, 4)),
- baseMediaDecodeTime: toUnsigned$1(data[4] << 24 | data[5] << 16 | data[6] << 8 | data[7])
- };
+ for (var j = 0; j < bytes.length / step; j++) {
+ hex = bytes.slice(j * step, j * step + step).map(formatHexString).join('');
+ ascii = bytes.slice(j * step, j * step + step).map(formatAsciiString).join('');
+ result += hex + ' ' + ascii + '\n';
+ }
- if (result.version === 1) {
- result.baseMediaDecodeTime *= Math.pow(2, 32);
- result.baseMediaDecodeTime += toUnsigned$1(data[8] << 24 | data[9] << 16 | data[10] << 8 | data[11]);
- }
+ return result;
+ };
- return result;
- },
- tfhd: function tfhd(data) {
- var view = new DataView(data.buffer, data.byteOffset, data.byteLength),
- result = {
- version: data[0],
- flags: new Uint8Array(data.subarray(1, 4)),
- trackId: view.getUint32(4)
- },
- baseDataOffsetPresent = result.flags[2] & 0x01,
- sampleDescriptionIndexPresent = result.flags[2] & 0x02,
- defaultSampleDurationPresent = result.flags[2] & 0x08,
- defaultSampleSizePresent = result.flags[2] & 0x10,
- defaultSampleFlagsPresent = result.flags[2] & 0x20,
- durationIsEmpty = result.flags[0] & 0x010000,
- defaultBaseIsMoof = result.flags[0] & 0x020000,
- i;
- i = 8;
+ var tagDump = function tagDump(_ref) {
+ var bytes = _ref.bytes;
+ return hexDump(bytes);
+ };
- if (baseDataOffsetPresent) {
- i += 4; // truncate top 4 bytes
- // FIXME: should we read the full 64 bits?
+ var textRanges = function textRanges(ranges) {
+ var result = '';
+ var i;
+
+ for (i = 0; i < ranges.length; i++) {
+ result += textRange(ranges, i) + ' ';
+ }
+
+ return result;
+ };
+
+ var utils = /*#__PURE__*/Object.freeze({
+ __proto__: null,
+ createTransferableMessage: createTransferableMessage,
+ initSegmentId: initSegmentId,
+ segmentKeyId: segmentKeyId,
+ hexDump: hexDump,
+ tagDump: tagDump,
+ textRanges: textRanges
+ }); // TODO handle fmp4 case where the timing info is accurate and doesn't involve transmux
+ // 25% was arbitrarily chosen, and may need to be refined over time.
+
+ var SEGMENT_END_FUDGE_PERCENT = 0.25;
+ /**
+ * Converts a player time (any time that can be gotten/set from player.currentTime(),
+ * e.g., any time within player.seekable().start(0) to player.seekable().end(0)) to a
+ * program time (any time referencing the real world (e.g., EXT-X-PROGRAM-DATE-TIME)).
+ *
+ * The containing segment is required as the EXT-X-PROGRAM-DATE-TIME serves as an "anchor
+ * point" (a point where we have a mapping from program time to player time, with player
+ * time being the post transmux start of the segment).
+ *
+ * For more details, see [this doc](../../docs/program-time-from-player-time.md).
+ *
+ * @param {number} playerTime the player time
+ * @param {Object} segment the segment which contains the player time
+ * @return {Date} program time
+ */
+
+ var playerTimeToProgramTime = function playerTimeToProgramTime(playerTime, segment) {
+ if (!segment.dateTimeObject) {
+ // Can't convert without an "anchor point" for the program time (i.e., a time that can
+ // be used to map the start of a segment with a real world time).
+ return null;
+ }
- result.baseDataOffset = view.getUint32(12);
- i += 4;
- }
+ var transmuxerPrependedSeconds = segment.videoTimingInfo.transmuxerPrependedSeconds;
+ var transmuxedStart = segment.videoTimingInfo.transmuxedPresentationStart; // get the start of the content from before old content is prepended
- if (sampleDescriptionIndexPresent) {
- result.sampleDescriptionIndex = view.getUint32(i);
- i += 4;
- }
+ var startOfSegment = transmuxedStart + transmuxerPrependedSeconds;
+ var offsetFromSegmentStart = playerTime - startOfSegment;
+ return new Date(segment.dateTimeObject.getTime() + offsetFromSegmentStart * 1000);
+ };
- if (defaultSampleDurationPresent) {
- result.defaultSampleDuration = view.getUint32(i);
- i += 4;
- }
+ var originalSegmentVideoDuration = function originalSegmentVideoDuration(videoTimingInfo) {
+ return videoTimingInfo.transmuxedPresentationEnd - videoTimingInfo.transmuxedPresentationStart - videoTimingInfo.transmuxerPrependedSeconds;
+ };
+ /**
+ * Finds a segment that contains the time requested given as an ISO-8601 string. The
+ * returned segment might be an estimate or an accurate match.
+ *
+ * @param {string} programTime The ISO-8601 programTime to find a match for
+ * @param {Object} playlist A playlist object to search within
+ */
- if (defaultSampleSizePresent) {
- result.defaultSampleSize = view.getUint32(i);
- i += 4;
- }
- if (defaultSampleFlagsPresent) {
- result.defaultSampleFlags = view.getUint32(i);
- }
+ var findSegmentForProgramTime = function findSegmentForProgramTime(programTime, playlist) {
+ // Assumptions:
+ // - verifyProgramDateTimeTags has already been run
+ // - live streams have been started
+ var dateTimeObject;
- if (durationIsEmpty) {
- result.durationIsEmpty = true;
- }
+ try {
+ dateTimeObject = new Date(programTime);
+ } catch (e) {
+ return null;
+ }
- if (!baseDataOffsetPresent && defaultBaseIsMoof) {
- result.baseDataOffsetIsMoof = true;
- }
+ if (!playlist || !playlist.segments || playlist.segments.length === 0) {
+ return null;
+ }
- return result;
- },
- tkhd: function tkhd(data) {
- var view = new DataView(data.buffer, data.byteOffset, data.byteLength),
- i = 4,
- result = {
- version: view.getUint8(0),
- flags: new Uint8Array(data.subarray(1, 4))
- };
+ var segment = playlist.segments[0];
- if (result.version === 1) {
- i += 4;
- result.creationTime = parseMp4Date(view.getUint32(i)); // truncating top 4 bytes
+ if (dateTimeObject < segment.dateTimeObject) {
+ // Requested time is before stream start.
+ return null;
+ }
- i += 8;
- result.modificationTime = parseMp4Date(view.getUint32(i)); // truncating top 4 bytes
+ for (var i = 0; i < playlist.segments.length - 1; i++) {
+ segment = playlist.segments[i];
+ var nextSegmentStart = playlist.segments[i + 1].dateTimeObject;
- i += 4;
- result.trackId = view.getUint32(i);
- i += 4;
- i += 8;
- result.duration = view.getUint32(i); // truncating top 4 bytes
- } else {
- result.creationTime = parseMp4Date(view.getUint32(i));
- i += 4;
- result.modificationTime = parseMp4Date(view.getUint32(i));
- i += 4;
- result.trackId = view.getUint32(i);
- i += 4;
- i += 4;
- result.duration = view.getUint32(i);
- }
-
- i += 4;
- i += 2 * 4;
- result.layer = view.getUint16(i);
- i += 2;
- result.alternateGroup = view.getUint16(i);
- i += 2; // convert fixed-point, base 16 back to a number
-
- result.volume = view.getUint8(i) + view.getUint8(i + 1) / 8;
- i += 2;
- i += 2;
- result.matrix = new Uint32Array(data.subarray(i, i + 9 * 4));
- i += 9 * 4;
- result.width = view.getUint16(i) + view.getUint16(i + 2) / 16;
- i += 4;
- result.height = view.getUint16(i) + view.getUint16(i + 2) / 16;
- return result;
- },
- traf: function traf(data) {
- return {
- boxes: inspectMp4(data)
- };
- },
- trak: function trak(data) {
- return {
- boxes: inspectMp4(data)
- };
- },
- trex: function trex(data) {
- var view = new DataView(data.buffer, data.byteOffset, data.byteLength);
- return {
- version: data[0],
- flags: new Uint8Array(data.subarray(1, 4)),
- trackId: view.getUint32(4),
- defaultSampleDescriptionIndex: view.getUint32(8),
- defaultSampleDuration: view.getUint32(12),
- defaultSampleSize: view.getUint32(16),
- sampleDependsOn: data[20] & 0x03,
- sampleIsDependedOn: (data[21] & 0xc0) >> 6,
- sampleHasRedundancy: (data[21] & 0x30) >> 4,
- samplePaddingValue: (data[21] & 0x0e) >> 1,
- sampleIsDifferenceSample: !!(data[21] & 0x01),
- sampleDegradationPriority: view.getUint16(22)
- };
- },
- trun: function trun(data) {
- var result = {
- version: data[0],
- flags: new Uint8Array(data.subarray(1, 4)),
- samples: []
- },
- view = new DataView(data.buffer, data.byteOffset, data.byteLength),
- // Flag interpretation
- dataOffsetPresent = result.flags[2] & 0x01,
- // compare with 2nd byte of 0x1
- firstSampleFlagsPresent = result.flags[2] & 0x04,
- // compare with 2nd byte of 0x4
- sampleDurationPresent = result.flags[1] & 0x01,
- // compare with 2nd byte of 0x100
- sampleSizePresent = result.flags[1] & 0x02,
- // compare with 2nd byte of 0x200
- sampleFlagsPresent = result.flags[1] & 0x04,
- // compare with 2nd byte of 0x400
- sampleCompositionTimeOffsetPresent = result.flags[1] & 0x08,
- // compare with 2nd byte of 0x800
- sampleCount = view.getUint32(4),
- offset = 8,
- sample;
+ if (dateTimeObject < nextSegmentStart) {
+ break;
+ }
+ }
- if (dataOffsetPresent) {
- // 32 bit signed integer
- result.dataOffset = view.getInt32(offset);
- offset += 4;
- } // Overrides the flags for the first sample only. The order of
- // optional values will be: duration, size, compositionTimeOffset
+ var lastSegment = playlist.segments[playlist.segments.length - 1];
+ var lastSegmentStart = lastSegment.dateTimeObject;
+ var lastSegmentDuration = lastSegment.videoTimingInfo ? originalSegmentVideoDuration(lastSegment.videoTimingInfo) : lastSegment.duration + lastSegment.duration * SEGMENT_END_FUDGE_PERCENT;
+ var lastSegmentEnd = new Date(lastSegmentStart.getTime() + lastSegmentDuration * 1000);
+ if (dateTimeObject > lastSegmentEnd) {
+ // Beyond the end of the stream, or our best guess of the end of the stream.
+ return null;
+ }
- if (firstSampleFlagsPresent && sampleCount) {
- sample = {
- flags: parseSampleFlags(data.subarray(offset, offset + 4))
- };
- offset += 4;
+ if (dateTimeObject > lastSegmentStart) {
+ segment = lastSegment;
+ }
- if (sampleDurationPresent) {
- sample.duration = view.getUint32(offset);
- offset += 4;
- }
+ return {
+ segment: segment,
+ estimatedStart: segment.videoTimingInfo ? segment.videoTimingInfo.transmuxedPresentationStart : Playlist.duration(playlist, playlist.mediaSequence + playlist.segments.indexOf(segment)),
+ // Although, given that all segments have accurate date time objects, the segment
+ // selected should be accurate, unless the video has been transmuxed at some point
+ // (determined by the presence of the videoTimingInfo object), the segment's "player
+ // time" (the start time in the player) can't be considered accurate.
+ type: segment.videoTimingInfo ? 'accurate' : 'estimate'
+ };
+ };
+ /**
+ * Finds a segment that contains the given player time(in seconds).
+ *
+ * @param {number} time The player time to find a match for
+ * @param {Object} playlist A playlist object to search within
+ */
- if (sampleSizePresent) {
- sample.size = view.getUint32(offset);
- offset += 4;
- }
- if (sampleCompositionTimeOffsetPresent) {
- // Note: this should be a signed int if version is 1
- sample.compositionTimeOffset = view.getUint32(offset);
- offset += 4;
- }
+ var findSegmentForPlayerTime = function findSegmentForPlayerTime(time, playlist) {
+ // Assumptions:
+ // - there will always be a segment.duration
+ // - we can start from zero
+ // - segments are in time order
+ if (!playlist || !playlist.segments || playlist.segments.length === 0) {
+ return null;
+ }
- result.samples.push(sample);
- sampleCount--;
- }
+ var segmentEnd = 0;
+ var segment;
- while (sampleCount--) {
- sample = {};
+ for (var i = 0; i < playlist.segments.length; i++) {
+ segment = playlist.segments[i]; // videoTimingInfo is set after the segment is downloaded and transmuxed, and
+ // should contain the most accurate values we have for the segment's player times.
+ //
+ // Use the accurate transmuxedPresentationEnd value if it is available, otherwise fall
+ // back to an estimate based on the manifest derived (inaccurate) segment.duration, to
+ // calculate an end value.
- if (sampleDurationPresent) {
- sample.duration = view.getUint32(offset);
- offset += 4;
- }
+ segmentEnd = segment.videoTimingInfo ? segment.videoTimingInfo.transmuxedPresentationEnd : segmentEnd + segment.duration;
- if (sampleSizePresent) {
- sample.size = view.getUint32(offset);
- offset += 4;
- }
+ if (time <= segmentEnd) {
+ break;
+ }
+ }
- if (sampleFlagsPresent) {
- sample.flags = parseSampleFlags(data.subarray(offset, offset + 4));
- offset += 4;
- }
+ var lastSegment = playlist.segments[playlist.segments.length - 1];
- if (sampleCompositionTimeOffsetPresent) {
- // Note: this should be a signed int if version is 1
- sample.compositionTimeOffset = view.getUint32(offset);
- offset += 4;
- }
+ if (lastSegment.videoTimingInfo && lastSegment.videoTimingInfo.transmuxedPresentationEnd < time) {
+ // The time requested is beyond the stream end.
+ return null;
+ }
- result.samples.push(sample);
+ if (time > segmentEnd) {
+ // The time is within or beyond the last segment.
+ //
+ // Check to see if the time is beyond a reasonable guess of the end of the stream.
+ if (time > segmentEnd + lastSegment.duration * SEGMENT_END_FUDGE_PERCENT) {
+ // Technically, because the duration value is only an estimate, the time may still
+ // exist in the last segment, however, there isn't enough information to make even
+ // a reasonable estimate.
+ return null;
}
- return result;
- },
- 'url ': function url(data) {
- return {
- version: data[0],
- flags: new Uint8Array(data.subarray(1, 4))
- };
- },
- vmhd: function vmhd(data) {
- var view = new DataView(data.buffer, data.byteOffset, data.byteLength);
- return {
- version: data[0],
- flags: new Uint8Array(data.subarray(1, 4)),
- graphicsmode: view.getUint16(4),
- opcolor: new Uint16Array([view.getUint16(6), view.getUint16(8), view.getUint16(10)])
- };
+ segment = lastSegment;
}
+
+ return {
+ segment: segment,
+ estimatedStart: segment.videoTimingInfo ? segment.videoTimingInfo.transmuxedPresentationStart : segmentEnd - segment.duration,
+ // Because videoTimingInfo is only set after transmux, it is the only way to get
+ // accurate timing values.
+ type: segment.videoTimingInfo ? 'accurate' : 'estimate'
+ };
};
/**
- * Return a javascript array of box objects parsed from an ISO base
- * media file.
- * @param data {Uint8Array} the binary data of the media to be inspected
- * @return {array} a javascript array of potentially nested box objects
+ * Gives the offset of the comparisonTimestamp from the programTime timestamp in seconds.
+ * If the offset returned is positive, the programTime occurs after the
+ * comparisonTimestamp.
+ * If the offset is negative, the programTime occurs before the comparisonTimestamp.
+ *
+ * @param {string} comparisonTimeStamp An ISO-8601 timestamp to compare against
+ * @param {string} programTime The programTime as an ISO-8601 string
+ * @return {number} offset
*/
- inspectMp4 = function inspectMp4(data) {
- var i = 0,
- result = [],
- view,
- size,
- type,
- end,
- box; // Convert data from Uint8Array to ArrayBuffer, to follow Dataview API
-
- var ab = new ArrayBuffer(data.length);
- var v = new Uint8Array(ab);
+ var getOffsetFromTimestamp = function getOffsetFromTimestamp(comparisonTimeStamp, programTime) {
+ var segmentDateTime;
+ var programDateTime;
- for (var z = 0; z < data.length; ++z) {
- v[z] = data[z];
+ try {
+ segmentDateTime = new Date(comparisonTimeStamp);
+ programDateTime = new Date(programTime);
+ } catch (e) {// TODO handle error
}
- view = new DataView(ab);
+ var segmentTimeEpoch = segmentDateTime.getTime();
+ var programTimeEpoch = programDateTime.getTime();
+ return (programTimeEpoch - segmentTimeEpoch) / 1000;
+ };
+ /**
+ * Checks that all segments in this playlist have programDateTime tags.
+ *
+ * @param {Object} playlist A playlist object
+ */
- while (i < data.byteLength) {
- // parse box data
- size = view.getUint32(i);
- type = parseType(data.subarray(i + 4, i + 8));
- end = size > 1 ? i + size : data.byteLength; // parse type-specific data
- box = (parse$1[type] || function (data) {
- return {
- data: data
- };
- })(data.subarray(i + 8, end));
+ var verifyProgramDateTimeTags = function verifyProgramDateTimeTags(playlist) {
+ if (!playlist.segments || playlist.segments.length === 0) {
+ return false;
+ }
- box.size = size;
- box.type = type; // store this box and move to the next
+ for (var i = 0; i < playlist.segments.length; i++) {
+ var segment = playlist.segments[i];
- result.push(box);
- i = end;
+ if (!segment.dateTimeObject) {
+ return false;
+ }
}
- return result;
+ return true;
};
/**
- * Returns a textual representation of the javascript represtentation
- * of an MP4 file. You can use it as an alternative to
- * JSON.stringify() to compare inspected MP4s.
- * @param inspectedMp4 {array} the parsed array of boxes in an MP4
- * file
- * @param depth {number} (optional) the number of ancestor boxes of
- * the elements of inspectedMp4. Assumed to be zero if unspecified.
- * @return {string} a text representation of the parsed MP4
+ * Returns the programTime of the media given a playlist and a playerTime.
+ * The playlist must have programDateTime tags for a programDateTime tag to be returned.
+ * If the segments containing the time requested have not been buffered yet, an estimate
+ * may be returned to the callback.
+ *
+ * @param {Object} args
+ * @param {Object} args.playlist A playlist object to search within
+ * @param {number} time A playerTime in seconds
+ * @param {Function} callback(err, programTime)
+ * @return {string} err.message A detailed error message
+ * @return {Object} programTime
+ * @return {number} programTime.mediaSeconds The streamTime in seconds
+ * @return {string} programTime.programDateTime The programTime as an ISO-8601 String
*/
- _textifyMp = function textifyMp4(inspectedMp4, depth) {
- var indent;
- depth = depth || 0;
- indent = new Array(depth * 2 + 1).join(' '); // iterate over all the boxes
-
- return inspectedMp4.map(function (box, index) {
- // list the box type first at the current indentation level
- return indent + box.type + '\n' + // the type is already included and handle child boxes separately
- Object.keys(box).filter(function (key) {
- return key !== 'type' && key !== 'boxes'; // output all the box properties
- }).map(function (key) {
- var prefix = indent + ' ' + key + ': ',
- value = box[key]; // print out raw bytes as hexademical
+ var getProgramTime = function getProgramTime(_ref) {
+ var playlist = _ref.playlist,
+ _ref$time = _ref.time,
+ time = _ref$time === void 0 ? undefined : _ref$time,
+ callback = _ref.callback;
- if (value instanceof Uint8Array || value instanceof Uint32Array) {
- var bytes = Array.prototype.slice.call(new Uint8Array(value.buffer, value.byteOffset, value.byteLength)).map(function (_byte) {
- return ' ' + ('00' + _byte.toString(16)).slice(-2);
- }).join('').match(/.{1,24}/g);
+ if (!callback) {
+ throw new Error('getProgramTime: callback must be provided');
+ }
- if (!bytes) {
- return prefix + '<>';
- }
+ if (!playlist || time === undefined) {
+ return callback({
+ message: 'getProgramTime: playlist and time must be provided'
+ });
+ }
- if (bytes.length === 1) {
- return prefix + '<' + bytes.join('').slice(1) + '>';
- }
+ var matchedSegment = findSegmentForPlayerTime(time, playlist);
- return prefix + '<\n' + bytes.map(function (line) {
- return indent + ' ' + line;
- }).join('\n') + '\n' + indent + ' >';
- } // stringify generic objects
+ if (!matchedSegment) {
+ return callback({
+ message: 'valid programTime was not found'
+ });
+ }
+ if (matchedSegment.type === 'estimate') {
+ return callback({
+ message: 'Accurate programTime could not be determined.' + ' Please seek to e.seekTime and try again',
+ seekTime: matchedSegment.estimatedStart
+ });
+ }
- return prefix + JSON.stringify(value, null, 2).split('\n').map(function (line, index) {
- if (index === 0) {
- return line;
- }
+ var programTimeObject = {
+ mediaSeconds: time
+ };
+ var programTime = playerTimeToProgramTime(time, matchedSegment.segment);
- return indent + ' ' + line;
- }).join('\n');
- }).join('\n') + ( // recursively textify the child boxes
- box.boxes ? '\n' + _textifyMp(box.boxes, depth + 1) : '');
- }).join('\n');
- };
+ if (programTime) {
+ programTimeObject.programDateTime = programTime.toISOString();
+ }
- var mp4Inspector = {
- inspect: inspectMp4,
- textify: _textifyMp,
- parseType: parseType,
- findBox: findBox,
- parseTraf: parse$1.traf,
- parseTfdt: parse$1.tfdt,
- parseHdlr: parse$1.hdlr,
- parseTfhd: parse$1.tfhd,
- parseTrun: parse$1.trun,
- parseSidx: parse$1.sidx
+ return callback(null, programTimeObject);
};
-
- var toUnsigned$2 = bin.toUnsigned;
- var toHexString$1 = bin.toHexString;
- var timescale, startTime, compositionStartTime, getVideoTrackIds, getTracks;
/**
- * Parses an MP4 initialization segment and extracts the 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.
+ * Seeks in the player to a time that matches the given programTime ISO-8601 string.
*
- * 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
- * ```
- * @param init {Uint8Array} the bytes of the init segment
- * @return {object} a hash of track ids to timescale values or null if
- * the init segment is malformed.
+ * @param {Object} args
+ * @param {string} args.programTime A programTime to seek to as an ISO-8601 String
+ * @param {Object} args.playlist A playlist to look within
+ * @param {number} args.retryCount The number of times to try for an accurate seek. Default is 2.
+ * @param {Function} args.seekTo A method to perform a seek
+ * @param {boolean} args.pauseAfterSeek Whether to end in a paused state after seeking. Default is true.
+ * @param {Object} args.tech The tech to seek on
+ * @param {Function} args.callback(err, newTime) A callback to return the new time to
+ * @return {string} err.message A detailed error message
+ * @return {number} newTime The exact time that was seeked to in seconds
*/
- timescale = function timescale(init) {
- var result = {},
- traks = mp4Inspector.findBox(init, ['moov', 'trak']); // mdhd timescale
- return traks.reduce(function (result, trak) {
- var tkhd, version, index, id, mdhd;
- tkhd = mp4Inspector.findBox(trak, ['tkhd'])[0];
+ var seekToProgramTime = function seekToProgramTime(_ref2) {
+ var programTime = _ref2.programTime,
+ playlist = _ref2.playlist,
+ _ref2$retryCount = _ref2.retryCount,
+ retryCount = _ref2$retryCount === void 0 ? 2 : _ref2$retryCount,
+ seekTo = _ref2.seekTo,
+ _ref2$pauseAfterSeek = _ref2.pauseAfterSeek,
+ pauseAfterSeek = _ref2$pauseAfterSeek === void 0 ? true : _ref2$pauseAfterSeek,
+ tech = _ref2.tech,
+ callback = _ref2.callback;
- if (!tkhd) {
- return null;
- }
+ if (!callback) {
+ throw new Error('seekToProgramTime: callback must be provided');
+ }
- version = tkhd[0];
- index = version === 0 ? 12 : 20;
- id = toUnsigned$2(tkhd[index] << 24 | tkhd[index + 1] << 16 | tkhd[index + 2] << 8 | tkhd[index + 3]);
- mdhd = mp4Inspector.findBox(trak, ['mdia', 'mdhd'])[0];
+ if (typeof programTime === 'undefined' || !playlist || !seekTo) {
+ return callback({
+ message: 'seekToProgramTime: programTime, seekTo and playlist must be provided'
+ });
+ }
- if (!mdhd) {
- return null;
- }
+ if (!playlist.endList && !tech.hasStarted_) {
+ return callback({
+ message: 'player must be playing a live stream to start buffering'
+ });
+ }
- version = mdhd[0];
- index = version === 0 ? 12 : 20;
- result[id] = toUnsigned$2(mdhd[index] << 24 | mdhd[index + 1] << 16 | mdhd[index + 2] << 8 | mdhd[index + 3]);
- return result;
- }, result);
- };
- /**
- * Determine the base media decode start time, in seconds, for an MP4
- * fragment. If multiple fragments are specified, the earliest time is
- * returned.
- *
- * The base media decode time can be parsed from track fragment
- * metadata:
- * ```
- * moof > traf > tfdt.baseMediaDecodeTime
- * ```
- * It requires the timescale value from the mdhd to interpret.
- *
- * @param timescale {object} a hash of track ids to timescale values.
- * @return {number} the earliest base media decode start time for the
- * fragment, in seconds
- */
+ if (!verifyProgramDateTimeTags(playlist)) {
+ return callback({
+ message: 'programDateTime tags must be provided in the manifest ' + playlist.resolvedUri
+ });
+ }
+
+ var matchedSegment = findSegmentForProgramTime(programTime, playlist); // no match
+
+ if (!matchedSegment) {
+ return callback({
+ message: programTime + " was not found in the stream"
+ });
+ }
+
+ var segment = matchedSegment.segment;
+ var mediaOffset = getOffsetFromTimestamp(segment.dateTimeObject, programTime);
+
+ if (matchedSegment.type === 'estimate') {
+ // we've run out of retries
+ if (retryCount === 0) {
+ return callback({
+ message: programTime + " is not buffered yet. Try again"
+ });
+ }
+ seekTo(matchedSegment.estimatedStart + mediaOffset);
+ tech.one('seeked', function () {
+ seekToProgramTime({
+ programTime: programTime,
+ playlist: playlist,
+ retryCount: retryCount - 1,
+ seekTo: seekTo,
+ pauseAfterSeek: pauseAfterSeek,
+ tech: tech,
+ callback: callback
+ });
+ });
+ return;
+ } // Since the segment.start value is determined from the buffered end or ending time
+ // of the prior segment, the seekToTime doesn't need to account for any transmuxer
+ // modifications.
- startTime = function startTime(timescale, fragment) {
- var trafs, baseTimes, result; // we need info from two childrend of each track fragment box
- trafs = mp4Inspector.findBox(fragment, ['moof', 'traf']); // determine the start times for each track
+ var seekToTime = segment.start + mediaOffset;
- baseTimes = [].concat.apply([], trafs.map(function (traf) {
- return mp4Inspector.findBox(traf, ['tfhd']).map(function (tfhd) {
- var id, scale, baseTime; // get the track id from the tfhd
+ var seekedCallback = function seekedCallback() {
+ return callback(null, tech.currentTime());
+ }; // listen for seeked event
- id = toUnsigned$2(tfhd[4] << 24 | tfhd[5] << 16 | tfhd[6] << 8 | tfhd[7]); // assume a 90kHz clock if no timescale was specified
- scale = timescale[id] || 90e3; // get the base media decode time from the tfdt
+ tech.one('seeked', seekedCallback); // pause before seeking as video.js will restore this state
- baseTime = mp4Inspector.findBox(traf, ['tfdt']).map(function (tfdt) {
- var version, result;
- version = tfdt[0];
- result = toUnsigned$2(tfdt[4] << 24 | tfdt[5] << 16 | tfdt[6] << 8 | tfdt[7]);
+ if (pauseAfterSeek) {
+ tech.pause();
+ }
- if (version === 1) {
- result *= Math.pow(2, 32);
- result += toUnsigned$2(tfdt[8] << 24 | tfdt[9] << 16 | tfdt[10] << 8 | tfdt[11]);
- }
+ seekTo(seekToTime);
+ }; // which will only happen if the request is complete.
- return result;
- })[0];
- baseTime = baseTime || Infinity; // convert base time to seconds
- return baseTime / scale;
- });
- })); // return the minimum
+ var callbackOnCompleted = function callbackOnCompleted(request, cb) {
+ if (request.readyState === 4) {
+ return cb();
+ }
- result = Math.min.apply(null, baseTimes);
- return isFinite(result) ? result : 0;
+ return;
};
- /**
- * Determine the composition start, in seconds, for an MP4
- * fragment.
- *
- * The composition start time of a fragment can be calculated using the base
- * media decode time, composition time offset, and timescale, as follows:
- *
- * compositionStartTime = (baseMediaDecodeTime + compositionTimeOffset) / timescale
- *
- * All of the aforementioned information is contained within a media fragment's
- * `traf` box, except for timescale info, which comes from the initialization
- * segment, so a track id (also contained within a `traf`) is also necessary to
- * associate it with a timescale
- *
- *
- * @param timescales {object} - a hash of track ids to timescale values.
- * @param fragment {Unit8Array} - the bytes of a media segment
- * @return {number} the composition start time for the fragment, in seconds
- **/
+ var containerRequest = function containerRequest(uri, xhr, cb) {
+ var bytes = [];
+ var id3Offset;
+ var finished = false;
- compositionStartTime = function compositionStartTime(timescales, fragment) {
- var trafBoxes = mp4Inspector.findBox(fragment, ['moof', 'traf']);
- var baseMediaDecodeTime = 0;
- var compositionTimeOffset = 0;
- var trackId;
-
- if (trafBoxes && trafBoxes.length) {
- // The spec states that track run samples contained within a `traf` box are contiguous, but
- // it does not explicitly state whether the `traf` boxes themselves are contiguous.
- // We will assume that they are, so we only need the first to calculate start time.
- var parsedTraf = mp4Inspector.parseTraf(trafBoxes[0]);
+ var endRequestAndCallback = function endRequestAndCallback(err, req, type, _bytes) {
+ req.abort();
+ finished = true;
+ return cb(err, req, type, _bytes);
+ };
- for (var i = 0; i < parsedTraf.boxes.length; i++) {
- if (parsedTraf.boxes[i].type === 'tfhd') {
- trackId = parsedTraf.boxes[i].trackId;
- } else if (parsedTraf.boxes[i].type === 'tfdt') {
- baseMediaDecodeTime = parsedTraf.boxes[i].baseMediaDecodeTime;
- } else if (parsedTraf.boxes[i].type === 'trun' && parsedTraf.boxes[i].samples.length) {
- compositionTimeOffset = parsedTraf.boxes[i].samples[0].compositionTimeOffset || 0;
- }
+ var progressListener = function progressListener(error, request) {
+ if (finished) {
+ return;
}
- } // Get timescale for this specific track. Assume a 90kHz clock if no timescale was
- // specified.
+ if (error) {
+ return endRequestAndCallback(error, request, '', bytes);
+ } // grap the new part of content that was just downloaded
- var timescale = timescales[trackId] || 90e3; // return the composition start time, in seconds
- return (baseMediaDecodeTime + compositionTimeOffset) / timescale;
- };
- /**
- * Find the trackIds of the video tracks in this source.
- * Found by parsing the Handler Reference and Track Header Boxes:
- * moov > trak > mdia > hdlr
- * moov > trak > tkhd
- *
- * @param {Uint8Array} init - The bytes of the init segment for this source
- * @return {Number[]} A list of trackIds
- *
- * @see ISO-BMFF-12/2015, Section 8.4.3
- **/
-
-
- getVideoTrackIds = function getVideoTrackIds(init) {
- var traks = mp4Inspector.findBox(init, ['moov', 'trak']);
- var videoTrackIds = [];
- traks.forEach(function (trak) {
- var hdlrs = mp4Inspector.findBox(trak, ['mdia', 'hdlr']);
- var tkhds = mp4Inspector.findBox(trak, ['tkhd']);
- hdlrs.forEach(function (hdlr, index) {
- var handlerType = mp4Inspector.parseType(hdlr.subarray(8, 12));
- var tkhd = tkhds[index];
- var view;
- var version;
- var trackId;
-
- if (handlerType === 'vide') {
- view = new DataView(tkhd.buffer, tkhd.byteOffset, tkhd.byteLength);
- version = view.getUint8(0);
- trackId = version === 0 ? view.getUint32(12) : view.getUint32(20);
- videoTrackIds.push(trackId);
- }
- });
- });
- return videoTrackIds;
- };
- /**
- * Get all the video, audio, and hint tracks from a non fragmented
- * mp4 segment
- */
+ var newPart = request.responseText.substring(bytes && bytes.byteLength || 0, request.responseText.length); // add that onto bytes
+
+ bytes = concatTypedArrays(bytes, stringToBytes(newPart, true));
+ id3Offset = id3Offset || getId3Offset(bytes); // we need at least 10 bytes to determine a type
+ // or we need at least two bytes after an id3Offset
+
+ if (bytes.length < 10 || id3Offset && bytes.length < id3Offset + 2) {
+ return callbackOnCompleted(request, function () {
+ return endRequestAndCallback(error, request, '', bytes);
+ });
+ }
+ var type = detectContainerForBytes(bytes); // if this looks like a ts segment but we don't have enough data
+ // to see the second sync byte, wait until we have enough data
+ // before declaring it ts
+
+ if (type === 'ts' && bytes.length < 188) {
+ return callbackOnCompleted(request, function () {
+ return endRequestAndCallback(error, request, '', bytes);
+ });
+ } // this may be an unsynced ts segment
+ // wait for 376 bytes before detecting no container
- getTracks = function getTracks(init) {
- var traks = mp4Inspector.findBox(init, ['moov', 'trak']);
- var tracks = [];
- traks.forEach(function (trak) {
- var track = {};
- var tkhd = mp4Inspector.findBox(trak, ['tkhd'])[0];
- var view, version; // id
- if (tkhd) {
- view = new DataView(tkhd.buffer, tkhd.byteOffset, tkhd.byteLength);
- version = view.getUint8(0);
- track.id = version === 0 ? view.getUint32(12) : view.getUint32(20);
+ if (!type && bytes.length < 376) {
+ return callbackOnCompleted(request, function () {
+ return endRequestAndCallback(error, request, '', bytes);
+ });
}
- var hdlr = mp4Inspector.findBox(trak, ['mdia', 'hdlr'])[0]; // type
+ return endRequestAndCallback(null, request, type, bytes);
+ };
+
+ var options = {
+ uri: uri,
+ beforeSend: function beforeSend(request) {
+ // this forces the browser to pass the bytes to us unprocessed
+ request.overrideMimeType('text/plain; charset=x-user-defined');
+ request.addEventListener('progress', function (_ref) {
+ _ref.total;
+ _ref.loaded;
+ return callbackWrapper(request, null, {
+ statusCode: request.status
+ }, progressListener);
+ });
+ }
+ };
+ var request = xhr(options, function (error, response) {
+ return callbackWrapper(request, error, response, progressListener);
+ });
+ return request;
+ };
- if (hdlr) {
- var type = mp4Inspector.parseType(hdlr.subarray(8, 12));
+ var EventTarget = videojs.EventTarget,
+ mergeOptions = videojs.mergeOptions;
- if (type === 'vide') {
- track.type = 'video';
- } else if (type === 'soun') {
- track.type = 'audio';
- } else {
- track.type = type;
- }
- } // codec
+ var dashPlaylistUnchanged = function dashPlaylistUnchanged(a, b) {
+ if (!isPlaylistUnchanged(a, b)) {
+ return false;
+ } // for dash the above check will often return true in scenarios where
+ // the playlist actually has changed because mediaSequence isn't a
+ // dash thing, and we often set it to 1. So if the playlists have the same amount
+ // of segments we return true.
+ // So for dash we need to make sure that the underlying segments are different.
+ // if sidx changed then the playlists are different.
- var stsd = mp4Inspector.findBox(trak, ['mdia', 'minf', 'stbl', 'stsd'])[0];
+ if (a.sidx && b.sidx && (a.sidx.offset !== b.sidx.offset || a.sidx.length !== b.sidx.length)) {
+ return false;
+ } else if (!a.sidx && b.sidx || a.sidx && !b.sidx) {
+ return false;
+ } // one or the other does not have segments
+ // there was a change.
- if (stsd) {
- var sampleDescriptions = stsd.subarray(8); // gives the codec type string
- track.codec = mp4Inspector.parseType(sampleDescriptions.subarray(4, 8));
- var codecBox = mp4Inspector.findBox(sampleDescriptions, [track.codec])[0];
- var codecConfig, codecConfigType;
+ if (a.segments && !b.segments || !a.segments && b.segments) {
+ return false;
+ } // neither has segments nothing changed
- if (codecBox) {
- // https://tools.ietf.org/html/rfc6381#section-3.3
- if (/^[a-z]vc[1-9]$/i.test(track.codec)) {
- // we don't need anything but the "config" parameter of the
- // avc1 codecBox
- codecConfig = codecBox.subarray(78);
- codecConfigType = mp4Inspector.parseType(codecConfig.subarray(4, 8));
- if (codecConfigType === 'avcC' && codecConfig.length > 11) {
- track.codec += '.'; // left padded with zeroes for single digit hex
- // profile idc
+ if (!a.segments && !b.segments) {
+ return true;
+ } // check segments themselves
- track.codec += toHexString$1(codecConfig[9]); // the byte containing the constraint_set flags
- track.codec += toHexString$1(codecConfig[10]); // level idc
+ for (var i = 0; i < a.segments.length; i++) {
+ var aSegment = a.segments[i];
+ var bSegment = b.segments[i]; // if uris are different between segments there was a change
- track.codec += toHexString$1(codecConfig[11]);
- } else {
- // TODO: show a warning that we couldn't parse the codec
- // and are using the default
- track.codec = 'avc1.4d400d';
- }
- } else if (/^mp4[a,v]$/i.test(track.codec)) {
- // we do not need anything but the streamDescriptor of the mp4a codecBox
- codecConfig = codecBox.subarray(28);
- codecConfigType = mp4Inspector.parseType(codecConfig.subarray(4, 8));
+ if (aSegment.uri !== bSegment.uri) {
+ return false;
+ } // neither segment has a byterange, there will be no byterange change.
- if (codecConfigType === 'esds' && codecConfig.length > 20 && codecConfig[19] !== 0) {
- track.codec += '.' + toHexString$1(codecConfig[19]); // this value is only a single digit
- track.codec += '.' + toHexString$1(codecConfig[20] >>> 2 & 0x3f).replace(/^0/, '');
- } else {
- // TODO: show a warning that we couldn't parse the codec
- // and are using the default
- track.codec = 'mp4a.40.2';
- }
- }
- }
+ if (!aSegment.byterange && !bSegment.byterange) {
+ continue;
}
- var mdhd = mp4Inspector.findBox(trak, ['mdia', 'mdhd'])[0];
+ var aByterange = aSegment.byterange;
+ var bByterange = bSegment.byterange; // if byterange only exists on one of the segments, there was a change.
- if (mdhd && tkhd) {
- var index = version === 0 ? 12 : 20;
- track.timescale = toUnsigned$2(mdhd[index] << 24 | mdhd[index + 1] << 16 | mdhd[index + 2] << 8 | mdhd[index + 3]);
+ if (aByterange && !bByterange || !aByterange && bByterange) {
+ return false;
+ } // if both segments have byterange with different offsets, there was a change.
+
+
+ if (aByterange.offset !== bByterange.offset || aByterange.length !== bByterange.length) {
+ return false;
}
+ } // if everything was the same with segments, this is the same playlist.
- tracks.push(track);
- });
- return tracks;
- };
- var probe = {
- // export mp4 inspector's findBox and parseType for backwards compatibility
- findBox: mp4Inspector.findBox,
- parseType: mp4Inspector.parseType,
- timescale: timescale,
- startTime: startTime,
- compositionStartTime: compositionStartTime,
- videoTrackIds: getVideoTrackIds,
- tracks: getTracks
+ return true;
};
+ /**
+ * Parses the master XML string and updates playlist URI references.
+ *
+ * @param {Object} config
+ * Object of arguments
+ * @param {string} config.masterXml
+ * The mpd XML
+ * @param {string} config.srcUrl
+ * The mpd URL
+ * @param {Date} config.clientOffset
+ * A time difference between server and client
+ * @param {Object} config.sidxMapping
+ * SIDX mappings for moof/mdat URIs and byte ranges
+ * @return {Object}
+ * The parsed mpd manifest object
+ */
+
+ var parseMasterXml = function parseMasterXml(_ref) {
+ var masterXml = _ref.masterXml,
+ srcUrl = _ref.srcUrl,
+ clientOffset = _ref.clientOffset,
+ sidxMapping = _ref.sidxMapping;
+ var master = parse(masterXml, {
+ manifestUri: srcUrl,
+ clientOffset: clientOffset,
+ sidxMapping: sidxMapping
+ });
+ addPropertiesToMaster(master, srcUrl);
+ return master;
+ };
/**
- * mux.js
- *
- * Copyright (c) Brightcove
- * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
+ * Returns a new master manifest that is the result of merging an updated master manifest
+ * into the original version.
*
- * Reads in-band caption information from a video elementary
- * stream. Captions must follow the CEA-708 standard for injection
- * into an MPEG-2 transport streams.
- * @see https://en.wikipedia.org/wiki/CEA-708
- * @see https://www.gpo.gov/fdsys/pkg/CFR-2007-title47-vol1/pdf/CFR-2007-title47-vol1-sec15-119.pdf
+ * @param {Object} oldMaster
+ * The old parsed mpd object
+ * @param {Object} newMaster
+ * The updated parsed mpd object
+ * @return {Object}
+ * A new object representing the original master manifest with the updated media
+ * playlists merged in
*/
- // payload type field to indicate how they are to be
- // interpreted. CEAS-708 caption content is always transmitted with
- // payload type 0x04.
- var USER_DATA_REGISTERED_ITU_T_T35 = 4,
- RBSP_TRAILING_BITS = 128;
- /**
- * Parse a supplemental enhancement information (SEI) NAL unit.
- * Stops parsing once a message of type ITU T T35 has been found.
- *
- * @param bytes {Uint8Array} the bytes of a SEI NAL unit
- * @return {object} the parsed SEI payload
- * @see Rec. ITU-T H.264, 7.3.2.3.1
- */
- var parseSei = function parseSei(bytes) {
- var i = 0,
- result = {
- payloadType: -1,
- payloadSize: 0
- },
- payloadType = 0,
- payloadSize = 0; // go through the sei_rbsp parsing each each individual sei_message
+ var updateMaster = function updateMaster(oldMaster, newMaster, sidxMapping) {
+ var noChanges = true;
+ var update = mergeOptions(oldMaster, {
+ // These are top level properties that can be updated
+ duration: newMaster.duration,
+ minimumUpdatePeriod: newMaster.minimumUpdatePeriod
+ }); // First update the playlists in playlist list
- while (i < bytes.byteLength) {
- // stop once we have hit the end of the sei_rbsp
- if (bytes[i] === RBSP_TRAILING_BITS) {
- break;
- } // Parse payload type
+ for (var i = 0; i < newMaster.playlists.length; i++) {
+ var playlist = newMaster.playlists[i];
+ if (playlist.sidx) {
+ var sidxKey = generateSidxKey(playlist.sidx); // add sidx segments to the playlist if we have all the sidx info already
- while (bytes[i] === 0xFF) {
- payloadType += 255;
- i++;
+ if (sidxMapping && sidxMapping[sidxKey] && sidxMapping[sidxKey].sidx) {
+ addSidxSegmentsToPlaylist(playlist, sidxMapping[sidxKey].sidx, playlist.sidx.resolvedUri);
+ }
+ }
+
+ var playlistUpdate = updateMaster$1(update, playlist, dashPlaylistUnchanged);
+
+ if (playlistUpdate) {
+ update = playlistUpdate;
+ noChanges = false;
}
+ } // Then update media group playlists
- payloadType += bytes[i++]; // Parse payload size
- while (bytes[i] === 0xFF) {
- payloadSize += 255;
- i++;
- }
+ forEachMediaGroup(newMaster, function (properties, type, group, label) {
+ if (properties.playlists && properties.playlists.length) {
+ var id = properties.playlists[0].id;
+
+ var _playlistUpdate = updateMaster$1(update, properties.playlists[0], dashPlaylistUnchanged);
- payloadSize += bytes[i++]; // this sei_message is a 608/708 caption so save it and break
- // there can only ever be one caption message in a frame's sei
+ if (_playlistUpdate) {
+ update = _playlistUpdate; // update the playlist reference within media groups
- if (!result.payload && payloadType === USER_DATA_REGISTERED_ITU_T_T35) {
- result.payloadType = payloadType;
- result.payloadSize = payloadSize;
- result.payload = bytes.subarray(i, i + payloadSize);
- break;
- } // skip the payload and parse the next message
+ update.mediaGroups[type][group][label].playlists[0] = update.playlists[id];
+ noChanges = false;
+ }
+ }
+ });
+ if (newMaster.minimumUpdatePeriod !== oldMaster.minimumUpdatePeriod) {
+ noChanges = false;
+ }
- i += payloadSize;
- payloadType = 0;
- payloadSize = 0;
+ if (noChanges) {
+ return null;
}
- return result;
- }; // see ANSI/SCTE 128-1 (2013), section 8.1
+ return update;
+ }; // SIDX should be equivalent if the URI and byteranges of the SIDX match.
+ // If the SIDXs have maps, the two maps should match,
+ // both `a` and `b` missing SIDXs is considered matching.
+ // If `a` or `b` but not both have a map, they aren't matching.
- var parseUserData = function parseUserData(sei) {
- // itu_t_t35_contry_code must be 181 (United States) for
- // captions
- if (sei.payload[0] !== 181) {
- return null;
- } // itu_t_t35_provider_code should be 49 (ATSC) for captions
+ var equivalentSidx = function equivalentSidx(a, b) {
+ var neitherMap = Boolean(!a.map && !b.map);
+ var equivalentMap = neitherMap || Boolean(a.map && b.map && a.map.byterange.offset === b.map.byterange.offset && a.map.byterange.length === b.map.byterange.length);
+ return equivalentMap && a.uri === b.uri && a.byterange.offset === b.byterange.offset && a.byterange.length === b.byterange.length;
+ }; // exported for testing
- if ((sei.payload[1] << 8 | sei.payload[2]) !== 49) {
- return null;
- } // the user_identifier should be "GA94" to indicate ATSC1 data
+ var compareSidxEntry = function compareSidxEntry(playlists, oldSidxMapping) {
+ var newSidxMapping = {};
+ for (var id in playlists) {
+ var playlist = playlists[id];
+ var currentSidxInfo = playlist.sidx;
- if (String.fromCharCode(sei.payload[3], sei.payload[4], sei.payload[5], sei.payload[6]) !== 'GA94') {
- return null;
- } // finally, user_data_type_code should be 0x03 for caption data
+ if (currentSidxInfo) {
+ var key = generateSidxKey(currentSidxInfo);
+ if (!oldSidxMapping[key]) {
+ break;
+ }
- if (sei.payload[7] !== 0x03) {
- return null;
- } // return the user_data_type_structure and strip the trailing
- // marker bits
+ var savedSidxInfo = oldSidxMapping[key].sidxInfo;
+ if (equivalentSidx(savedSidxInfo, currentSidxInfo)) {
+ newSidxMapping[key] = oldSidxMapping[key];
+ }
+ }
+ }
- return sei.payload.subarray(8, sei.payload.length - 1);
- }; // see CEA-708-D, section 4.4
+ return newSidxMapping;
+ };
+ /**
+ * A function that filters out changed items as they need to be requested separately.
+ *
+ * The method is exported for testing
+ *
+ * @param {Object} master the parsed mpd XML returned via mpd-parser
+ * @param {Object} oldSidxMapping the SIDX to compare against
+ */
- var parseCaptionPackets = function parseCaptionPackets(pts, userData) {
- var results = [],
- i,
- count,
- offset,
- data; // if this is just filler, return immediately
+ var filterChangedSidxMappings = function filterChangedSidxMappings(master, oldSidxMapping) {
+ var videoSidx = compareSidxEntry(master.playlists, oldSidxMapping);
+ var mediaGroupSidx = videoSidx;
+ forEachMediaGroup(master, function (properties, mediaType, groupKey, labelKey) {
+ if (properties.playlists && properties.playlists.length) {
+ var playlists = properties.playlists;
+ mediaGroupSidx = mergeOptions(mediaGroupSidx, compareSidxEntry(playlists, oldSidxMapping));
+ }
+ });
+ return mediaGroupSidx;
+ };
+
+ var DashPlaylistLoader = /*#__PURE__*/function (_EventTarget) {
+ inheritsLoose(DashPlaylistLoader, _EventTarget); // DashPlaylistLoader must accept either a src url or a playlist because subsequent
+ // playlist loader setups from media groups will expect to be able to pass a playlist
+ // (since there aren't external URLs to media playlists with DASH)
- if (!(userData[0] & 0x40)) {
- return results;
- } // parse out the cc_data_1 and cc_data_2 fields
+ function DashPlaylistLoader(srcUrlOrPlaylist, vhs, options, masterPlaylistLoader) {
+ var _this;
- count = userData[0] & 0x1f;
+ if (options === void 0) {
+ options = {};
+ }
- for (i = 0; i < count; i++) {
- offset = i * 3;
- data = {
- type: userData[offset + 2] & 0x03,
- pts: pts
- }; // capture cc data when cc_valid is 1
+ _this = _EventTarget.call(this) || this;
+ _this.masterPlaylistLoader_ = masterPlaylistLoader || assertThisInitialized(_this);
- if (userData[offset + 2] & 0x04) {
- data.ccData = userData[offset + 3] << 8 | userData[offset + 4];
- results.push(data);
+ if (!masterPlaylistLoader) {
+ _this.isMaster_ = true;
}
- }
- return results;
- };
+ var _options = options,
+ _options$withCredenti = _options.withCredentials,
+ withCredentials = _options$withCredenti === void 0 ? false : _options$withCredenti,
+ _options$handleManife = _options.handleManifestRedirects,
+ handleManifestRedirects = _options$handleManife === void 0 ? false : _options$handleManife;
+ _this.vhs_ = vhs;
+ _this.withCredentials = withCredentials;
+ _this.handleManifestRedirects = handleManifestRedirects;
- var discardEmulationPreventionBytes = function discardEmulationPreventionBytes(data) {
- var length = data.byteLength,
- emulationPreventionBytesPositions = [],
- i = 1,
- newLength,
- newData; // Find all `Emulation Prevention Bytes`
+ if (!srcUrlOrPlaylist) {
+ throw new Error('A non-empty playlist URL or object is required');
+ } // event naming?
- while (i < length - 2) {
- if (data[i] === 0 && data[i + 1] === 0 && data[i + 2] === 0x03) {
- emulationPreventionBytesPositions.push(i + 2);
- i += 2;
- } else {
- i++;
- }
- } // If no Emulation Prevention Bytes were found just return the original
- // array
+ _this.on('minimumUpdatePeriod', function () {
+ _this.refreshXml_();
+ }); // live playlist staleness timeout
- if (emulationPreventionBytesPositions.length === 0) {
- return data;
- } // Create a new array to hold the NAL unit data
+ _this.on('mediaupdatetimeout', function () {
+ _this.refreshMedia_(_this.media().id);
+ });
- newLength = length - emulationPreventionBytesPositions.length;
- newData = new Uint8Array(newLength);
- var sourceIndex = 0;
+ _this.state = 'HAVE_NOTHING';
+ _this.loadedPlaylists_ = {};
+ _this.logger_ = logger('DashPlaylistLoader'); // initialize the loader state
+ // The masterPlaylistLoader will be created with a string
- for (i = 0; i < newLength; sourceIndex++, i++) {
- if (sourceIndex === emulationPreventionBytesPositions[0]) {
- // Skip this byte
- sourceIndex++; // Remove this position index
+ if (_this.isMaster_) {
+ _this.masterPlaylistLoader_.srcUrl = srcUrlOrPlaylist; // TODO: reset sidxMapping between period changes
+ // once multi-period is refactored
- emulationPreventionBytesPositions.shift();
+ _this.masterPlaylistLoader_.sidxMapping_ = {};
+ } else {
+ _this.childPlaylist_ = srcUrlOrPlaylist;
}
- newData[i] = data[sourceIndex];
+ return _this;
}
- return newData;
- }; // exports
+ var _proto = DashPlaylistLoader.prototype;
+ _proto.requestErrored_ = function requestErrored_(err, request, startingState) {
+ // disposed
+ if (!this.request) {
+ return true;
+ } // pending request is cleared
- var captionPacketParser = {
- parseSei: parseSei,
- parseUserData: parseUserData,
- parseCaptionPackets: parseCaptionPackets,
- discardEmulationPreventionBytes: discardEmulationPreventionBytes,
- USER_DATA_REGISTERED_ITU_T_T35: USER_DATA_REGISTERED_ITU_T_T35
- };
- /**
- * mux.js
- *
- * Copyright (c) Brightcove
- * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
- *
- * A lightweight readable stream implemention that handles event dispatching.
- * Objects that inherit from streams should call init in their constructors.
- */
+ this.request = null;
- var Stream$1 = function Stream() {
- this.init = function () {
- var listeners = {};
- /**
- * Add a listener for a specified event type.
- * @param type {string} the event name
- * @param listener {function} the callback to be invoked when an event of
- * the specified type occurs
- */
+ if (err) {
+ // use the provided error object or create one
+ // based on the request/response
+ this.error = typeof err === 'object' && !(err instanceof Error) ? err : {
+ status: request.status,
+ message: 'DASH request error at URL: ' + request.uri,
+ response: request.response,
+ // MEDIA_ERR_NETWORK
+ code: 2
+ };
- this.on = function (type, listener) {
- if (!listeners[type]) {
- listeners[type] = [];
+ if (startingState) {
+ this.state = startingState;
}
- listeners[type] = listeners[type].concat(listener);
- };
- /**
- * Remove a listener for a specified event type.
- * @param type {string} the event name
- * @param listener {function} a function previously registered for this
- * type of event through `on`
- */
-
+ this.trigger('error');
+ return true;
+ }
+ }
+ /**
+ * Verify that the container of the sidx segment can be parsed
+ * and if it can, get and parse that segment.
+ */
+ ;
- this.off = function (type, listener) {
- var index;
+ _proto.addSidxSegments_ = function addSidxSegments_(playlist, startingState, cb) {
+ var _this2 = this;
- if (!listeners[type]) {
- return false;
- }
+ var sidxKey = playlist.sidx && generateSidxKey(playlist.sidx); // playlist lacks sidx or sidx segments were added to this playlist already.
- index = listeners[type].indexOf(listener);
- listeners[type] = listeners[type].slice();
- listeners[type].splice(index, 1);
- return index > -1;
- };
- /**
- * Trigger an event of the specified type on this stream. Any additional
- * arguments to this function are passed as parameters to event listeners.
- * @param type {string} the event name
- */
+ if (!playlist.sidx || !sidxKey || this.masterPlaylistLoader_.sidxMapping_[sidxKey]) {
+ // keep this function async
+ this.mediaRequest_ = window.setTimeout(function () {
+ return cb(false);
+ }, 0);
+ return;
+ } // resolve the segment URL relative to the playlist
- this.trigger = function (type) {
- var callbacks, i, length, args;
- callbacks = listeners[type];
+ var uri = resolveManifestRedirect(this.handleManifestRedirects, playlist.sidx.resolvedUri);
- if (!callbacks) {
+ var fin = function fin(err, request) {
+ if (_this2.requestErrored_(err, request, startingState)) {
return;
- } // Slicing the arguments on every invocation of this method
- // can add a significant amount of overhead. Avoid the
- // intermediate object creation for the common case of a
- // single callback argument
-
-
- if (arguments.length === 2) {
- length = callbacks.length;
-
- for (i = 0; i < length; ++i) {
- callbacks[i].call(this, arguments[1]);
- }
- } else {
- args = [];
- i = arguments.length;
+ }
- for (i = 1; i < arguments.length; ++i) {
- args.push(arguments[i]);
- }
+ var sidxMapping = _this2.masterPlaylistLoader_.sidxMapping_;
+ var sidx;
- length = callbacks.length;
+ try {
+ sidx = parseSidx_1(toUint8(request.response).subarray(8));
+ } catch (e) {
+ // sidx parsing failed.
+ _this2.requestErrored_(e, request, startingState);
- for (i = 0; i < length; ++i) {
- callbacks[i].apply(this, args);
- }
+ return;
}
- };
- /**
- * Destroys the stream and cleans up.
- */
-
- this.dispose = function () {
- listeners = {};
+ sidxMapping[sidxKey] = {
+ sidxInfo: playlist.sidx,
+ sidx: sidx
+ };
+ addSidxSegmentsToPlaylist(playlist, sidx, playlist.sidx.resolvedUri);
+ return cb(true);
};
- };
- };
- /**
- * Forwards all `data` events on this stream to the destination stream. The
- * destination stream should provide a method `push` to receive the data
- * events as they arrive.
- * @param destination {stream} the stream that will receive all `data` events
- * @param autoFlush {boolean} if false, we will not call `flush` on the destination
- * when the current stream emits a 'done' event
- * @see http://nodejs.org/api/stream.html#stream_readable_pipe_destination_options
- */
-
- Stream$1.prototype.pipe = function (destination) {
- this.on('data', function (data) {
- destination.push(data);
- });
- this.on('done', function (flushSource) {
- destination.flush(flushSource);
- });
- this.on('partialdone', function (flushSource) {
- destination.partialFlush(flushSource);
- });
- this.on('endedtimeline', function (flushSource) {
- destination.endTimeline(flushSource);
- });
- this.on('reset', function (flushSource) {
- destination.reset(flushSource);
- });
- return destination;
- }; // Default stream functions that are expected to be overridden to perform
- // actual work. These are provided by the prototype as a sort of no-op
- // implementation so that we don't have to check for their existence in the
- // `pipe` function above.
+ this.request = containerRequest(uri, this.vhs_.xhr, function (err, request, container, bytes) {
+ if (err) {
+ return fin(err, request);
+ }
+
+ if (!container || container !== 'mp4') {
+ return fin({
+ status: request.status,
+ message: "Unsupported " + (container || 'unknown') + " container type for sidx segment at URL: " + uri,
+ // response is just bytes in this case
+ // but we really don't want to return that.
+ response: '',
+ playlist: playlist,
+ internal: true,
+ blacklistDuration: Infinity,
+ // MEDIA_ERR_NETWORK
+ code: 2
+ }, request);
+ } // if we already downloaded the sidx bytes in the container request, use them
+
+
+ var _playlist$sidx$bytera = playlist.sidx.byterange,
+ offset = _playlist$sidx$bytera.offset,
+ length = _playlist$sidx$bytera.length;
+
+ if (bytes.length >= length + offset) {
+ return fin(err, {
+ response: bytes.subarray(offset, offset + length),
+ status: request.status,
+ uri: request.uri
+ });
+ } // otherwise request sidx bytes
- Stream$1.prototype.push = function (data) {
- this.trigger('data', data);
- };
+ _this2.request = _this2.vhs_.xhr({
+ uri: uri,
+ responseType: 'arraybuffer',
+ headers: segmentXhrHeaders({
+ byterange: playlist.sidx.byterange
+ })
+ }, fin);
+ });
+ };
- Stream$1.prototype.flush = function (flushSource) {
- this.trigger('done', flushSource);
- };
+ _proto.dispose = function dispose() {
+ this.trigger('dispose');
+ this.stopRequest();
+ this.loadedPlaylists_ = {};
+ window.clearTimeout(this.minimumUpdatePeriodTimeout_);
+ window.clearTimeout(this.mediaRequest_);
+ window.clearTimeout(this.mediaUpdateTimeout);
+ this.mediaUpdateTimeout = null;
+ this.mediaRequest_ = null;
+ this.minimumUpdatePeriodTimeout_ = null;
- Stream$1.prototype.partialFlush = function (flushSource) {
- this.trigger('partialdone', flushSource);
- };
+ if (this.masterPlaylistLoader_.createMupOnMedia_) {
+ this.off('loadedmetadata', this.masterPlaylistLoader_.createMupOnMedia_);
+ this.masterPlaylistLoader_.createMupOnMedia_ = null;
+ }
- Stream$1.prototype.endTimeline = function (flushSource) {
- this.trigger('endedtimeline', flushSource);
- };
+ this.off();
+ };
- Stream$1.prototype.reset = function (flushSource) {
- this.trigger('reset', flushSource);
- };
+ _proto.hasPendingRequest = function hasPendingRequest() {
+ return this.request || this.mediaRequest_;
+ };
- var stream = Stream$1;
+ _proto.stopRequest = function stopRequest() {
+ if (this.request) {
+ var oldRequest = this.request;
+ this.request = null;
+ oldRequest.onreadystatechange = null;
+ oldRequest.abort();
+ }
+ };
- // Link To Transport
- // -----------------
+ _proto.media = function media(playlist) {
+ var _this3 = this; // getter
- var CaptionStream = function CaptionStream() {
- CaptionStream.prototype.init.call(this);
- this.captionPackets_ = [];
- this.ccStreams_ = [new Cea608Stream(0, 0), // eslint-disable-line no-use-before-define
- new Cea608Stream(0, 1), // eslint-disable-line no-use-before-define
- new Cea608Stream(1, 0), // eslint-disable-line no-use-before-define
- new Cea608Stream(1, 1) // eslint-disable-line no-use-before-define
- ];
- this.reset(); // forward data and done events from CCs to this CaptionStream
+ if (!playlist) {
+ return this.media_;
+ } // setter
- this.ccStreams_.forEach(function (cc) {
- cc.on('data', this.trigger.bind(this, 'data'));
- cc.on('partialdone', this.trigger.bind(this, 'partialdone'));
- cc.on('done', this.trigger.bind(this, 'done'));
- }, this);
- };
- CaptionStream.prototype = new stream();
+ if (this.state === 'HAVE_NOTHING') {
+ throw new Error('Cannot switch media playlist from ' + this.state);
+ }
- CaptionStream.prototype.push = function (event) {
- var sei, userData, newCaptionPackets; // only examine SEI NALs
+ var startingState = this.state; // find the playlist object if the target playlist has been specified by URI
- if (event.nalUnitType !== 'sei_rbsp') {
- return;
- } // parse the sei
+ if (typeof playlist === 'string') {
+ if (!this.masterPlaylistLoader_.master.playlists[playlist]) {
+ throw new Error('Unknown playlist URI: ' + playlist);
+ }
+ playlist = this.masterPlaylistLoader_.master.playlists[playlist];
+ }
- sei = captionPacketParser.parseSei(event.escapedRBSP); // ignore everything but user_data_registered_itu_t_t35
+ var mediaChange = !this.media_ || playlist.id !== this.media_.id; // switch to previously loaded playlists immediately
- if (sei.payloadType !== captionPacketParser.USER_DATA_REGISTERED_ITU_T_T35) {
- return;
- } // parse out the user data payload
+ if (mediaChange && this.loadedPlaylists_[playlist.id] && this.loadedPlaylists_[playlist.id].endList) {
+ this.state = 'HAVE_METADATA';
+ this.media_ = playlist; // trigger media change if the active media has been updated
+ if (mediaChange) {
+ this.trigger('mediachanging');
+ this.trigger('mediachange');
+ }
- userData = captionPacketParser.parseUserData(sei); // ignore unrecognized userData
+ return;
+ } // switching to the active playlist is a no-op
- if (!userData) {
- return;
- } // Sometimes, the same segment # will be downloaded twice. To stop the
- // caption data from being processed twice, we track the latest dts we've
- // received and ignore everything with a dts before that. However, since
- // data for a specific dts can be split across packets on either side of
- // a segment boundary, we need to make sure we *don't* ignore the packets
- // from the *next* segment that have dts === this.latestDts_. By constantly
- // tracking the number of packets received with dts === this.latestDts_, we
- // know how many should be ignored once we start receiving duplicates.
-
-
- if (event.dts < this.latestDts_) {
- // We've started getting older data, so set the flag.
- this.ignoreNextEqualDts_ = true;
- return;
- } else if (event.dts === this.latestDts_ && this.ignoreNextEqualDts_) {
- this.numSameDts_--;
- if (!this.numSameDts_) {
- // We've received the last duplicate packet, time to start processing again
- this.ignoreNextEqualDts_ = false;
- }
+ if (!mediaChange) {
+ return;
+ } // switching from an already loaded playlist
- return;
- } // parse out CC data packets and save them for later
+ if (this.media_) {
+ this.trigger('mediachanging');
+ }
- newCaptionPackets = captionPacketParser.parseCaptionPackets(event.pts, userData);
- this.captionPackets_ = this.captionPackets_.concat(newCaptionPackets);
+ this.addSidxSegments_(playlist, startingState, function (sidxChanged) {
+ // everything is ready just continue to haveMetadata
+ _this3.haveMetadata({
+ startingState: startingState,
+ playlist: playlist
+ });
+ });
+ };
- if (this.latestDts_ !== event.dts) {
- this.numSameDts_ = 0;
- }
+ _proto.haveMetadata = function haveMetadata(_ref2) {
+ var startingState = _ref2.startingState,
+ playlist = _ref2.playlist;
+ this.state = 'HAVE_METADATA';
+ this.loadedPlaylists_[playlist.id] = playlist;
+ this.mediaRequest_ = null; // This will trigger loadedplaylist
- this.numSameDts_++;
- this.latestDts_ = event.dts;
- };
+ this.refreshMedia_(playlist.id); // fire loadedmetadata the first time a media playlist is loaded
+ // to resolve setup of media groups
- CaptionStream.prototype.flushCCStreams = function (flushType) {
- this.ccStreams_.forEach(function (cc) {
- return flushType === 'flush' ? cc.flush() : cc.partialFlush();
- }, this);
- };
+ if (startingState === 'HAVE_MASTER') {
+ this.trigger('loadedmetadata');
+ } else {
+ // trigger media change if the active media has been updated
+ this.trigger('mediachange');
+ }
+ };
- CaptionStream.prototype.flushStream = function (flushType) {
- // make sure we actually parsed captions before proceeding
- if (!this.captionPackets_.length) {
- this.flushCCStreams(flushType);
- return;
- } // In Chrome, the Array#sort function is not stable so add a
- // presortIndex that we can use to ensure we get a stable-sort
+ _proto.pause = function pause() {
+ if (this.masterPlaylistLoader_.createMupOnMedia_) {
+ this.off('loadedmetadata', this.masterPlaylistLoader_.createMupOnMedia_);
+ this.masterPlaylistLoader_.createMupOnMedia_ = null;
+ }
+ this.stopRequest();
+ window.clearTimeout(this.mediaUpdateTimeout);
+ this.mediaUpdateTimeout = null;
- this.captionPackets_.forEach(function (elem, idx) {
- elem.presortIndex = idx;
- }); // sort caption byte-pairs based on their PTS values
+ if (this.isMaster_) {
+ window.clearTimeout(this.masterPlaylistLoader_.minimumUpdatePeriodTimeout_);
+ this.masterPlaylistLoader_.minimumUpdatePeriodTimeout_ = null;
+ }
- this.captionPackets_.sort(function (a, b) {
- if (a.pts === b.pts) {
- return a.presortIndex - b.presortIndex;
+ if (this.state === 'HAVE_NOTHING') {
+ // If we pause the loader before any data has been retrieved, its as if we never
+ // started, so reset to an unstarted state.
+ this.started = false;
}
+ };
- return a.pts - b.pts;
- });
- this.captionPackets_.forEach(function (packet) {
- if (packet.type < 2) {
- // Dispatch packet to the right Cea608Stream
- this.dispatchCea608Packet(packet);
- } // this is where an 'else' would go for a dispatching packets
- // to a theoretical Cea708Stream that handles SERVICEn data
+ _proto.load = function load(isFinalRendition) {
+ var _this4 = this;
- }, this);
- this.captionPackets_.length = 0;
- this.flushCCStreams(flushType);
- };
+ window.clearTimeout(this.mediaUpdateTimeout);
+ this.mediaUpdateTimeout = null;
+ var media = this.media();
- CaptionStream.prototype.flush = function () {
- return this.flushStream('flush');
- }; // Only called if handling partial data
+ if (isFinalRendition) {
+ var delay = media ? media.targetDuration / 2 * 1000 : 5 * 1000;
+ this.mediaUpdateTimeout = window.setTimeout(function () {
+ return _this4.load();
+ }, delay);
+ return;
+ } // because the playlists are internal to the manifest, load should either load the
+ // main manifest, or do nothing but trigger an event
- CaptionStream.prototype.partialFlush = function () {
- return this.flushStream('partialFlush');
- };
+ if (!this.started) {
+ this.start();
+ return;
+ }
- CaptionStream.prototype.reset = function () {
- this.latestDts_ = null;
- this.ignoreNextEqualDts_ = false;
- this.numSameDts_ = 0;
- this.activeCea608Channel_ = [null, null];
- this.ccStreams_.forEach(function (ccStream) {
- ccStream.reset();
- });
- }; // From the CEA-608 spec:
+ if (media && !media.endList) {
+ // Check to see if this is the master loader and the MUP was cleared (this happens
+ // when the loader was paused). `media` should be set at this point since one is always
+ // set during `start()`.
+ if (this.isMaster_ && !this.minimumUpdatePeriodTimeout_) {
+ // Trigger minimumUpdatePeriod to refresh the master manifest
+ this.trigger('minimumUpdatePeriod'); // Since there was no prior minimumUpdatePeriodTimeout it should be recreated
- /*
- * When XDS sub-packets are interleaved with other services, the end of each sub-packet shall be followed
- * by a control pair to change to a different service. When any of the control codes from 0x10 to 0x1F is
- * used to begin a control code pair, it indicates the return to captioning or Text data. The control code pair
- * and subsequent data should then be processed according to the FCC rules. It may be necessary for the
- * line 21 data encoder to automatically insert a control code pair (i.e. RCL, RU2, RU3, RU4, RDC, or RTD)
- * to switch to captioning or Text.
- */
- // With that in mind, we ignore any data between an XDS control code and a
- // subsequent closed-captioning control code.
-
-
- CaptionStream.prototype.dispatchCea608Packet = function (packet) {
- // NOTE: packet.type is the CEA608 field
- if (this.setsTextOrXDSActive(packet)) {
- this.activeCea608Channel_[packet.type] = null;
- } else if (this.setsChannel1Active(packet)) {
- this.activeCea608Channel_[packet.type] = 0;
- } else if (this.setsChannel2Active(packet)) {
- this.activeCea608Channel_[packet.type] = 1;
- }
-
- if (this.activeCea608Channel_[packet.type] === null) {
- // If we haven't received anything to set the active channel, or the
- // packets are Text/XDS data, discard the data; we don't want jumbled
- // captions
- return;
- }
+ this.updateMinimumUpdatePeriodTimeout_();
+ }
- this.ccStreams_[(packet.type << 1) + this.activeCea608Channel_[packet.type]].push(packet);
- };
-
- CaptionStream.prototype.setsChannel1Active = function (packet) {
- return (packet.ccData & 0x7800) === 0x1000;
- };
-
- CaptionStream.prototype.setsChannel2Active = function (packet) {
- return (packet.ccData & 0x7800) === 0x1800;
- };
-
- CaptionStream.prototype.setsTextOrXDSActive = function (packet) {
- return (packet.ccData & 0x7100) === 0x0100 || (packet.ccData & 0x78fe) === 0x102a || (packet.ccData & 0x78fe) === 0x182a;
- }; // ----------------------
- // Session to Application
- // ----------------------
- // This hash maps non-ASCII, special, and extended character codes to their
- // proper Unicode equivalent. The first keys that are only a single byte
- // are the non-standard ASCII characters, which simply map the CEA608 byte
- // to the standard ASCII/Unicode. The two-byte keys that follow are the CEA608
- // character codes, but have their MSB bitmasked with 0x03 so that a lookup
- // can be performed regardless of the field and data channel on which the
- // character code was received.
-
-
- var CHARACTER_TRANSLATION = {
- 0x2a: 0xe1,
- // á
- 0x5c: 0xe9,
- // é
- 0x5e: 0xed,
- // í
- 0x5f: 0xf3,
- // ó
- 0x60: 0xfa,
- // ú
- 0x7b: 0xe7,
- // ç
- 0x7c: 0xf7,
- // ÷
- 0x7d: 0xd1,
- // Ñ
- 0x7e: 0xf1,
- // ñ
- 0x7f: 0x2588,
- // █
- 0x0130: 0xae,
- // ®
- 0x0131: 0xb0,
- // °
- 0x0132: 0xbd,
- // ½
- 0x0133: 0xbf,
- // ¿
- 0x0134: 0x2122,
- // ™
- 0x0135: 0xa2,
- // ¢
- 0x0136: 0xa3,
- // £
- 0x0137: 0x266a,
- // ♪
- 0x0138: 0xe0,
- // à
- 0x0139: 0xa0,
- //
- 0x013a: 0xe8,
- // è
- 0x013b: 0xe2,
- // â
- 0x013c: 0xea,
- // ê
- 0x013d: 0xee,
- // î
- 0x013e: 0xf4,
- // ô
- 0x013f: 0xfb,
- // û
- 0x0220: 0xc1,
- // Á
- 0x0221: 0xc9,
- // É
- 0x0222: 0xd3,
- // Ó
- 0x0223: 0xda,
- // Ú
- 0x0224: 0xdc,
- // Ü
- 0x0225: 0xfc,
- // ü
- 0x0226: 0x2018,
- // ‘
- 0x0227: 0xa1,
- // ¡
- 0x0228: 0x2a,
- // *
- 0x0229: 0x27,
- // '
- 0x022a: 0x2014,
- // —
- 0x022b: 0xa9,
- // ©
- 0x022c: 0x2120,
- // ℠
- 0x022d: 0x2022,
- // •
- 0x022e: 0x201c,
- // “
- 0x022f: 0x201d,
- // ”
- 0x0230: 0xc0,
- // À
- 0x0231: 0xc2,
- // Â
- 0x0232: 0xc7,
- // Ç
- 0x0233: 0xc8,
- // È
- 0x0234: 0xca,
- // Ê
- 0x0235: 0xcb,
- // Ë
- 0x0236: 0xeb,
- // ë
- 0x0237: 0xce,
- // Î
- 0x0238: 0xcf,
- // Ï
- 0x0239: 0xef,
- // ï
- 0x023a: 0xd4,
- // Ô
- 0x023b: 0xd9,
- // Ù
- 0x023c: 0xf9,
- // ù
- 0x023d: 0xdb,
- // Û
- 0x023e: 0xab,
- // «
- 0x023f: 0xbb,
- // »
- 0x0320: 0xc3,
- // Ã
- 0x0321: 0xe3,
- // ã
- 0x0322: 0xcd,
- // Í
- 0x0323: 0xcc,
- // Ì
- 0x0324: 0xec,
- // ì
- 0x0325: 0xd2,
- // Ò
- 0x0326: 0xf2,
- // ò
- 0x0327: 0xd5,
- // Õ
- 0x0328: 0xf5,
- // õ
- 0x0329: 0x7b,
- // {
- 0x032a: 0x7d,
- // }
- 0x032b: 0x5c,
- // \
- 0x032c: 0x5e,
- // ^
- 0x032d: 0x5f,
- // _
- 0x032e: 0x7c,
- // |
- 0x032f: 0x7e,
- // ~
- 0x0330: 0xc4,
- // Ä
- 0x0331: 0xe4,
- // ä
- 0x0332: 0xd6,
- // Ö
- 0x0333: 0xf6,
- // ö
- 0x0334: 0xdf,
- // ß
- 0x0335: 0xa5,
- // ¥
- 0x0336: 0xa4,
- // ¤
- 0x0337: 0x2502,
- // │
- 0x0338: 0xc5,
- // Å
- 0x0339: 0xe5,
- // å
- 0x033a: 0xd8,
- // Ø
- 0x033b: 0xf8,
- // ø
- 0x033c: 0x250c,
- // ┌
- 0x033d: 0x2510,
- // ┐
- 0x033e: 0x2514,
- // └
- 0x033f: 0x2518 // ┘
-
- };
-
- var getCharFromCode = function getCharFromCode(code) {
- if (code === null) {
- return '';
- }
+ this.trigger('mediaupdatetimeout');
+ } else {
+ this.trigger('loadedplaylist');
+ }
+ };
- code = CHARACTER_TRANSLATION[code] || code;
- return String.fromCharCode(code);
- }; // the index of the last row in a CEA-608 display buffer
+ _proto.start = function start() {
+ var _this5 = this;
+ this.started = true; // We don't need to request the master manifest again
+ // Call this asynchronously to match the xhr request behavior below
- var BOTTOM_ROW = 14; // This array is used for mapping PACs -> row #, since there's no way of
- // getting it through bit logic.
+ if (!this.isMaster_) {
+ this.mediaRequest_ = window.setTimeout(function () {
+ return _this5.haveMaster_();
+ }, 0);
+ return;
+ }
- var ROWS = [0x1100, 0x1120, 0x1200, 0x1220, 0x1500, 0x1520, 0x1600, 0x1620, 0x1700, 0x1720, 0x1000, 0x1300, 0x1320, 0x1400, 0x1420]; // CEA-608 captions are rendered onto a 34x15 matrix of character
- // cells. The "bottom" row is the last element in the outer array.
+ this.requestMaster_(function (req, masterChanged) {
+ _this5.haveMaster_();
- var createDisplayBuffer = function createDisplayBuffer() {
- var result = [],
- i = BOTTOM_ROW + 1;
+ if (!_this5.hasPendingRequest() && !_this5.media_) {
+ _this5.media(_this5.masterPlaylistLoader_.master.playlists[0]);
+ }
+ });
+ };
- while (i--) {
- result.push('');
- }
+ _proto.requestMaster_ = function requestMaster_(cb) {
+ var _this6 = this;
- return result;
- };
+ this.request = this.vhs_.xhr({
+ uri: this.masterPlaylistLoader_.srcUrl,
+ withCredentials: this.withCredentials
+ }, function (error, req) {
+ if (_this6.requestErrored_(error, req)) {
+ if (_this6.state === 'HAVE_NOTHING') {
+ _this6.started = false;
+ }
- var Cea608Stream = function Cea608Stream(field, dataChannel) {
- Cea608Stream.prototype.init.call(this);
- this.field_ = field || 0;
- this.dataChannel_ = dataChannel || 0;
- this.name_ = 'CC' + ((this.field_ << 1 | this.dataChannel_) + 1);
- this.setConstants();
- this.reset();
-
- this.push = function (packet) {
- var data, swap, char0, char1, text; // remove the parity bits
-
- data = packet.ccData & 0x7f7f; // ignore duplicate control codes; the spec demands they're sent twice
-
- if (data === this.lastControlCode_) {
- this.lastControlCode_ = null;
- return;
- } // Store control codes
-
-
- if ((data & 0xf000) === 0x1000) {
- this.lastControlCode_ = data;
- } else if (data !== this.PADDING_) {
- this.lastControlCode_ = null;
- }
-
- char0 = data >>> 8;
- char1 = data & 0xff;
-
- if (data === this.PADDING_) {
- return;
- } else if (data === this.RESUME_CAPTION_LOADING_) {
- this.mode_ = 'popOn';
- } else if (data === this.END_OF_CAPTION_) {
- // If an EOC is received while in paint-on mode, the displayed caption
- // text should be swapped to non-displayed memory as if it was a pop-on
- // caption. Because of that, we should explicitly switch back to pop-on
- // mode
- this.mode_ = 'popOn';
- this.clearFormatting(packet.pts); // if a caption was being displayed, it's gone now
-
- this.flushDisplayed(packet.pts); // flip memory
-
- swap = this.displayed_;
- this.displayed_ = this.nonDisplayed_;
- this.nonDisplayed_ = swap; // start measuring the time to display the caption
-
- this.startPts_ = packet.pts;
- } else if (data === this.ROLL_UP_2_ROWS_) {
- this.rollUpRows_ = 2;
- this.setRollUp(packet.pts);
- } else if (data === this.ROLL_UP_3_ROWS_) {
- this.rollUpRows_ = 3;
- this.setRollUp(packet.pts);
- } else if (data === this.ROLL_UP_4_ROWS_) {
- this.rollUpRows_ = 4;
- this.setRollUp(packet.pts);
- } else if (data === this.CARRIAGE_RETURN_) {
- this.clearFormatting(packet.pts);
- this.flushDisplayed(packet.pts);
- this.shiftRowsUp_();
- this.startPts_ = packet.pts;
- } else if (data === this.BACKSPACE_) {
- if (this.mode_ === 'popOn') {
- this.nonDisplayed_[this.row_] = this.nonDisplayed_[this.row_].slice(0, -1);
- } else {
- this.displayed_[this.row_] = this.displayed_[this.row_].slice(0, -1);
- }
- } else if (data === this.ERASE_DISPLAYED_MEMORY_) {
- this.flushDisplayed(packet.pts);
- this.displayed_ = createDisplayBuffer();
- } else if (data === this.ERASE_NON_DISPLAYED_MEMORY_) {
- this.nonDisplayed_ = createDisplayBuffer();
- } else if (data === this.RESUME_DIRECT_CAPTIONING_) {
- if (this.mode_ !== 'paintOn') {
- // NOTE: This should be removed when proper caption positioning is
- // implemented
- this.flushDisplayed(packet.pts);
- this.displayed_ = createDisplayBuffer();
+ return;
}
- this.mode_ = 'paintOn';
- this.startPts_ = packet.pts; // Append special characters to caption text
- } else if (this.isSpecialCharacter(char0, char1)) {
- // Bitmask char0 so that we can apply character transformations
- // regardless of field and data channel.
- // Then byte-shift to the left and OR with char1 so we can pass the
- // entire character code to `getCharFromCode`.
- char0 = (char0 & 0x03) << 8;
- text = getCharFromCode(char0 | char1);
- this[this.mode_](packet.pts, text);
- this.column_++; // Append extended characters to caption text
- } else if (this.isExtCharacter(char0, char1)) {
- // Extended characters always follow their "non-extended" equivalents.
- // IE if a "è" is desired, you'll always receive "eè"; non-compliant
- // decoders are supposed to drop the "è", while compliant decoders
- // backspace the "e" and insert "è".
- // Delete the previous character
- if (this.mode_ === 'popOn') {
- this.nonDisplayed_[this.row_] = this.nonDisplayed_[this.row_].slice(0, -1);
+ var masterChanged = req.responseText !== _this6.masterPlaylistLoader_.masterXml_;
+ _this6.masterPlaylistLoader_.masterXml_ = req.responseText;
+
+ if (req.responseHeaders && req.responseHeaders.date) {
+ _this6.masterLoaded_ = Date.parse(req.responseHeaders.date);
} else {
- this.displayed_[this.row_] = this.displayed_[this.row_].slice(0, -1);
- } // Bitmask char0 so that we can apply character transformations
- // regardless of field and data channel.
- // Then byte-shift to the left and OR with char1 so we can pass the
- // entire character code to `getCharFromCode`.
+ _this6.masterLoaded_ = Date.now();
+ }
+ _this6.masterPlaylistLoader_.srcUrl = resolveManifestRedirect(_this6.handleManifestRedirects, _this6.masterPlaylistLoader_.srcUrl, req);
- char0 = (char0 & 0x03) << 8;
- text = getCharFromCode(char0 | char1);
- this[this.mode_](packet.pts, text);
- this.column_++; // Process mid-row codes
- } else if (this.isMidRowCode(char0, char1)) {
- // Attributes are not additive, so clear all formatting
- this.clearFormatting(packet.pts); // According to the standard, mid-row codes
- // should be replaced with spaces, so add one now
+ if (masterChanged) {
+ _this6.handleMaster_();
- this[this.mode_](packet.pts, ' ');
- this.column_++;
+ _this6.syncClientServerClock_(function () {
+ return cb(req, masterChanged);
+ });
- if ((char1 & 0xe) === 0xe) {
- this.addFormatting(packet.pts, ['i']);
+ return;
}
- if ((char1 & 0x1) === 0x1) {
- this.addFormatting(packet.pts, ['u']);
- } // Detect offset control codes and adjust cursor
-
- } else if (this.isOffsetControlCode(char0, char1)) {
- // Cursor position is set by indent PAC (see below) in 4-column
- // increments, with an additional offset code of 1-3 to reach any
- // of the 32 columns specified by CEA-608. So all we need to do
- // here is increment the column cursor by the given offset.
- this.column_ += char1 & 0x03; // Detect PACs (Preamble Address Codes)
- } else if (this.isPAC(char0, char1)) {
- // There's no logic for PAC -> row mapping, so we have to just
- // find the row code in an array and use its index :(
- var row = ROWS.indexOf(data & 0x1f20); // Configure the caption window if we're in roll-up mode
+ return cb(req, masterChanged);
+ });
+ }
+ /**
+ * Parses the master xml for UTCTiming node to sync the client clock to the server
+ * clock. If the UTCTiming node requires a HEAD or GET request, that request is made.
+ *
+ * @param {Function} done
+ * Function to call when clock sync has completed
+ */
+ ;
- if (this.mode_ === 'rollUp') {
- // This implies that the base row is incorrectly set.
- // As per the recommendation in CEA-608(Base Row Implementation), defer to the number
- // of roll-up rows set.
- if (row - this.rollUpRows_ + 1 < 0) {
- row = this.rollUpRows_ - 1;
- }
+ _proto.syncClientServerClock_ = function syncClientServerClock_(done) {
+ var _this7 = this;
- this.setRollUp(packet.pts, row);
- }
+ var utcTiming = parseUTCTiming(this.masterPlaylistLoader_.masterXml_); // No UTCTiming element found in the mpd. Use Date header from mpd request as the
+ // server clock
- if (row !== this.row_) {
- // formatting is only persistent for current row
- this.clearFormatting(packet.pts);
- this.row_ = row;
- } // All PACs can apply underline, so detect and apply
- // (All odd-numbered second bytes set underline)
+ if (utcTiming === null) {
+ this.masterPlaylistLoader_.clientOffset_ = this.masterLoaded_ - Date.now();
+ return done();
+ }
+ if (utcTiming.method === 'DIRECT') {
+ this.masterPlaylistLoader_.clientOffset_ = utcTiming.value - Date.now();
+ return done();
+ }
- if (char1 & 0x1 && this.formatting_.indexOf('u') === -1) {
- this.addFormatting(packet.pts, ['u']);
+ this.request = this.vhs_.xhr({
+ uri: resolveUrl(this.masterPlaylistLoader_.srcUrl, utcTiming.value),
+ method: utcTiming.method,
+ withCredentials: this.withCredentials
+ }, function (error, req) {
+ // disposed
+ if (!_this7.request) {
+ return;
}
- if ((data & 0x10) === 0x10) {
- // We've got an indent level code. Each successive even number
- // increments the column cursor by 4, so we can get the desired
- // column position by bit-shifting to the right (to get n/2)
- // and multiplying by 4.
- this.column_ = ((data & 0xe) >> 1) * 4;
+ if (error) {
+ // sync request failed, fall back to using date header from mpd
+ // TODO: log warning
+ _this7.masterPlaylistLoader_.clientOffset_ = _this7.masterLoaded_ - Date.now();
+ return done();
}
- if (this.isColorPAC(char1)) {
- // it's a color code, though we only support white, which
- // can be either normal or italicized. white italics can be
- // either 0x4e or 0x6e depending on the row, so we just
- // bitwise-and with 0xe to see if italics should be turned on
- if ((char1 & 0xe) === 0xe) {
- this.addFormatting(packet.pts, ['i']);
- }
- } // We have a normal character in char0, and possibly one in char1
+ var serverTime;
- } else if (this.isNormalChar(char0)) {
- if (char1 === 0x00) {
- char1 = null;
+ if (utcTiming.method === 'HEAD') {
+ if (!req.responseHeaders || !req.responseHeaders.date) {
+ // expected date header not preset, fall back to using date header from mpd
+ // TODO: log warning
+ serverTime = _this7.masterLoaded_;
+ } else {
+ serverTime = Date.parse(req.responseHeaders.date);
+ }
+ } else {
+ serverTime = Date.parse(req.responseText);
}
- text = getCharFromCode(char0);
- text += getCharFromCode(char1);
- this[this.mode_](packet.pts, text);
- this.column_ += text.length;
- } // finish data processing
-
+ _this7.masterPlaylistLoader_.clientOffset_ = serverTime - Date.now();
+ done();
+ });
};
- };
- Cea608Stream.prototype = new stream(); // Trigger a cue point that captures the current state of the
- // display buffer
+ _proto.haveMaster_ = function haveMaster_() {
+ this.state = 'HAVE_MASTER';
- Cea608Stream.prototype.flushDisplayed = function (pts) {
- var content = this.displayed_ // remove spaces from the start and end of the string
- .map(function (row) {
- try {
- return row.trim();
- } catch (e) {
- // Ordinarily, this shouldn't happen. However, caption
- // parsing errors should not throw exceptions and
- // break playback.
- // eslint-disable-next-line no-console
- console.error('Skipping malformed caption.');
- return '';
+ if (this.isMaster_) {
+ // We have the master playlist at this point, so
+ // trigger this to allow MasterPlaylistController
+ // to make an initial playlist selection
+ this.trigger('loadedplaylist');
+ } else if (!this.media_) {
+ // no media playlist was specifically selected so select
+ // the one the child playlist loader was created with
+ this.media(this.childPlaylist_);
}
- }) // combine all text rows to display in one cue
- .join('\n') // and remove blank rows from the start and end, but not the middle
- .replace(/^\n+|\n+$/g, '');
+ };
- if (content.length) {
- this.trigger('data', {
- startPts: this.startPts_,
- endPts: pts,
- text: content,
- stream: this.name_
+ _proto.handleMaster_ = function handleMaster_() {
+ // clear media request
+ this.mediaRequest_ = null;
+ var newMaster = parseMasterXml({
+ masterXml: this.masterPlaylistLoader_.masterXml_,
+ srcUrl: this.masterPlaylistLoader_.srcUrl,
+ clientOffset: this.masterPlaylistLoader_.clientOffset_,
+ sidxMapping: this.masterPlaylistLoader_.sidxMapping_
});
- }
- };
- /**
- * Zero out the data, used for startup and on seek
- */
+ var oldMaster = this.masterPlaylistLoader_.master; // if we have an old master to compare the new master against
+ if (oldMaster) {
+ newMaster = updateMaster(oldMaster, newMaster, this.masterPlaylistLoader_.sidxMapping_);
+ } // only update master if we have a new master
- Cea608Stream.prototype.reset = function () {
- this.mode_ = 'popOn'; // When in roll-up mode, the index of the last row that will
- // actually display captions. If a caption is shifted to a row
- // with a lower index than this, it is cleared from the display
- // buffer
- this.topRow_ = 0;
- this.startPts_ = 0;
- this.displayed_ = createDisplayBuffer();
- this.nonDisplayed_ = createDisplayBuffer();
- this.lastControlCode_ = null; // Track row and column for proper line-breaking and spacing
-
- this.column_ = 0;
- this.row_ = BOTTOM_ROW;
- this.rollUpRows_ = 2; // This variable holds currently-applied formatting
-
- this.formatting_ = [];
- };
- /**
- * Sets up control code and related constants for this instance
- */
-
-
- Cea608Stream.prototype.setConstants = function () {
- // The following attributes have these uses:
- // ext_ : char0 for mid-row codes, and the base for extended
- // chars (ext_+0, ext_+1, and ext_+2 are char0s for
- // extended codes)
- // control_: char0 for control codes, except byte-shifted to the
- // left so that we can do this.control_ | CONTROL_CODE
- // offset_: char0 for tab offset codes
- //
- // It's also worth noting that control codes, and _only_ control codes,
- // differ between field 1 and field2. Field 2 control codes are always
- // their field 1 value plus 1. That's why there's the "| field" on the
- // control value.
- if (this.dataChannel_ === 0) {
- this.BASE_ = 0x10;
- this.EXT_ = 0x11;
- this.CONTROL_ = (0x14 | this.field_) << 8;
- this.OFFSET_ = 0x17;
- } else if (this.dataChannel_ === 1) {
- this.BASE_ = 0x18;
- this.EXT_ = 0x19;
- this.CONTROL_ = (0x1c | this.field_) << 8;
- this.OFFSET_ = 0x1f;
- } // Constants for the LSByte command codes recognized by Cea608Stream. This
- // list is not exhaustive. For a more comprehensive listing and semantics see
- // http://www.gpo.gov/fdsys/pkg/CFR-2010-title47-vol1/pdf/CFR-2010-title47-vol1-sec15-119.pdf
- // Padding
+ this.masterPlaylistLoader_.master = newMaster ? newMaster : oldMaster;
+ var location = this.masterPlaylistLoader_.master.locations && this.masterPlaylistLoader_.master.locations[0];
+ if (location && location !== this.masterPlaylistLoader_.srcUrl) {
+ this.masterPlaylistLoader_.srcUrl = location;
+ }
- this.PADDING_ = 0x0000; // Pop-on Mode
+ if (!oldMaster || newMaster && newMaster.minimumUpdatePeriod !== oldMaster.minimumUpdatePeriod) {
+ this.updateMinimumUpdatePeriodTimeout_();
+ }
- this.RESUME_CAPTION_LOADING_ = this.CONTROL_ | 0x20;
- this.END_OF_CAPTION_ = this.CONTROL_ | 0x2f; // Roll-up Mode
+ return Boolean(newMaster);
+ };
- this.ROLL_UP_2_ROWS_ = this.CONTROL_ | 0x25;
- this.ROLL_UP_3_ROWS_ = this.CONTROL_ | 0x26;
- this.ROLL_UP_4_ROWS_ = this.CONTROL_ | 0x27;
- this.CARRIAGE_RETURN_ = this.CONTROL_ | 0x2d; // paint-on mode
+ _proto.updateMinimumUpdatePeriodTimeout_ = function updateMinimumUpdatePeriodTimeout_() {
+ var mpl = this.masterPlaylistLoader_; // cancel any pending creation of mup on media
+ // a new one will be added if needed.
- this.RESUME_DIRECT_CAPTIONING_ = this.CONTROL_ | 0x29; // Erasure
+ if (mpl.createMupOnMedia_) {
+ mpl.off('loadedmetadata', mpl.createMupOnMedia_);
+ mpl.createMupOnMedia_ = null;
+ } // clear any pending timeouts
- this.BACKSPACE_ = this.CONTROL_ | 0x21;
- this.ERASE_DISPLAYED_MEMORY_ = this.CONTROL_ | 0x2c;
- this.ERASE_NON_DISPLAYED_MEMORY_ = this.CONTROL_ | 0x2e;
- };
- /**
- * Detects if the 2-byte packet data is a special character
- *
- * Special characters have a second byte in the range 0x30 to 0x3f,
- * with the first byte being 0x11 (for data channel 1) or 0x19 (for
- * data channel 2).
- *
- * @param {Integer} char0 The first byte
- * @param {Integer} char1 The second byte
- * @return {Boolean} Whether the 2 bytes are an special character
- */
+ if (mpl.minimumUpdatePeriodTimeout_) {
+ window.clearTimeout(mpl.minimumUpdatePeriodTimeout_);
+ mpl.minimumUpdatePeriodTimeout_ = null;
+ }
- Cea608Stream.prototype.isSpecialCharacter = function (char0, char1) {
- return char0 === this.EXT_ && char1 >= 0x30 && char1 <= 0x3f;
- };
- /**
- * Detects if the 2-byte packet data is an extended character
- *
- * Extended characters have a second byte in the range 0x20 to 0x3f,
- * with the first byte being 0x12 or 0x13 (for data channel 1) or
- * 0x1a or 0x1b (for data channel 2).
- *
- * @param {Integer} char0 The first byte
- * @param {Integer} char1 The second byte
- * @return {Boolean} Whether the 2 bytes are an extended character
- */
+ var mup = mpl.master && mpl.master.minimumUpdatePeriod; // If the minimumUpdatePeriod has a value of 0, that indicates that the current
+ // MPD has no future validity, so a new one will need to be acquired when new
+ // media segments are to be made available. Thus, we use the target duration
+ // in this case
+ if (mup === 0) {
+ if (mpl.media()) {
+ mup = mpl.media().targetDuration * 1000;
+ } else {
+ mpl.createMupOnMedia_ = mpl.updateMinimumUpdatePeriodTimeout_;
+ mpl.one('loadedmetadata', mpl.createMupOnMedia_);
+ }
+ } // if minimumUpdatePeriod is invalid or <= zero, which
+ // can happen when a live video becomes VOD. skip timeout
+ // creation.
- Cea608Stream.prototype.isExtCharacter = function (char0, char1) {
- return (char0 === this.EXT_ + 1 || char0 === this.EXT_ + 2) && char1 >= 0x20 && char1 <= 0x3f;
- };
- /**
- * Detects if the 2-byte packet is a mid-row code
- *
- * Mid-row codes have a second byte in the range 0x20 to 0x2f, with
- * the first byte being 0x11 (for data channel 1) or 0x19 (for data
- * channel 2).
- *
- * @param {Integer} char0 The first byte
- * @param {Integer} char1 The second byte
- * @return {Boolean} Whether the 2 bytes are a mid-row code
- */
+ if (typeof mup !== 'number' || mup <= 0) {
+ if (mup < 0) {
+ this.logger_("found invalid minimumUpdatePeriod of " + mup + ", not setting a timeout");
+ }
- Cea608Stream.prototype.isMidRowCode = function (char0, char1) {
- return char0 === this.EXT_ && char1 >= 0x20 && char1 <= 0x2f;
- };
- /**
- * Detects if the 2-byte packet is an offset control code
- *
- * Offset control codes have a second byte in the range 0x21 to 0x23,
- * with the first byte being 0x17 (for data channel 1) or 0x1f (for
- * data channel 2).
- *
- * @param {Integer} char0 The first byte
- * @param {Integer} char1 The second byte
- * @return {Boolean} Whether the 2 bytes are an offset control code
- */
+ return;
+ }
+ this.createMUPTimeout_(mup);
+ };
- Cea608Stream.prototype.isOffsetControlCode = function (char0, char1) {
- return char0 === this.OFFSET_ && char1 >= 0x21 && char1 <= 0x23;
- };
- /**
- * Detects if the 2-byte packet is a Preamble Address Code
- *
- * PACs have a first byte in the range 0x10 to 0x17 (for data channel 1)
- * or 0x18 to 0x1f (for data channel 2), with the second byte in the
- * range 0x40 to 0x7f.
- *
- * @param {Integer} char0 The first byte
- * @param {Integer} char1 The second byte
- * @return {Boolean} Whether the 2 bytes are a PAC
- */
+ _proto.createMUPTimeout_ = function createMUPTimeout_(mup) {
+ var mpl = this.masterPlaylistLoader_;
+ mpl.minimumUpdatePeriodTimeout_ = window.setTimeout(function () {
+ mpl.minimumUpdatePeriodTimeout_ = null;
+ mpl.trigger('minimumUpdatePeriod');
+ mpl.createMUPTimeout_(mup);
+ }, mup);
+ }
+ /**
+ * Sends request to refresh the master xml and updates the parsed master manifest
+ */
+ ;
+ _proto.refreshXml_ = function refreshXml_() {
+ var _this8 = this;
- Cea608Stream.prototype.isPAC = function (char0, char1) {
- return char0 >= this.BASE_ && char0 < this.BASE_ + 8 && char1 >= 0x40 && char1 <= 0x7f;
- };
- /**
- * Detects if a packet's second byte is in the range of a PAC color code
- *
- * PAC color codes have the second byte be in the range 0x40 to 0x4f, or
- * 0x60 to 0x6f.
- *
- * @param {Integer} char1 The second byte
- * @return {Boolean} Whether the byte is a color PAC
- */
+ this.requestMaster_(function (req, masterChanged) {
+ if (!masterChanged) {
+ return;
+ }
+ if (_this8.media_) {
+ _this8.media_ = _this8.masterPlaylistLoader_.master.playlists[_this8.media_.id];
+ } // This will filter out updated sidx info from the mapping
- Cea608Stream.prototype.isColorPAC = function (char1) {
- return char1 >= 0x40 && char1 <= 0x4f || char1 >= 0x60 && char1 <= 0x7f;
- };
- /**
- * Detects if a single byte is in the range of a normal character
- *
- * Normal text bytes are in the range 0x20 to 0x7f.
- *
- * @param {Integer} char The byte
- * @return {Boolean} Whether the byte is a normal character
- */
+ _this8.masterPlaylistLoader_.sidxMapping_ = filterChangedSidxMappings(_this8.masterPlaylistLoader_.master, _this8.masterPlaylistLoader_.sidxMapping_);
- Cea608Stream.prototype.isNormalChar = function (_char) {
- return _char >= 0x20 && _char <= 0x7f;
- };
- /**
- * Configures roll-up
- *
- * @param {Integer} pts Current PTS
- * @param {Integer} newBaseRow Used by PACs to slide the current window to
- * a new position
- */
+ _this8.addSidxSegments_(_this8.media(), _this8.state, function (sidxChanged) {
+ // TODO: do we need to reload the current playlist?
+ _this8.refreshMedia_(_this8.media().id);
+ });
+ });
+ }
+ /**
+ * Refreshes the media playlist by re-parsing the master xml and updating playlist
+ * references. If this is an alternate loader, the updated parsed manifest is retrieved
+ * from the master loader.
+ */
+ ;
+ _proto.refreshMedia_ = function refreshMedia_(mediaID) {
+ var _this9 = this;
- Cea608Stream.prototype.setRollUp = function (pts, newBaseRow) {
- // Reset the base row to the bottom row when switching modes
- if (this.mode_ !== 'rollUp') {
- this.row_ = BOTTOM_ROW;
- this.mode_ = 'rollUp'; // Spec says to wipe memories when switching to roll-up
+ if (!mediaID) {
+ throw new Error('refreshMedia_ must take a media id');
+ } // for master we have to reparse the master xml
+ // to re-create segments based on current timing values
+ // which may change media. We only skip updating master
+ // if this is the first time this.media_ is being set.
+ // as master was just parsed in that case.
- this.flushDisplayed(pts);
- this.nonDisplayed_ = createDisplayBuffer();
- this.displayed_ = createDisplayBuffer();
- }
- if (newBaseRow !== undefined && newBaseRow !== this.row_) {
- // move currently displayed captions (up or down) to the new base row
- for (var i = 0; i < this.rollUpRows_; i++) {
- this.displayed_[newBaseRow - i] = this.displayed_[this.row_ - i];
- this.displayed_[this.row_ - i] = '';
+ if (this.media_ && this.isMaster_) {
+ this.handleMaster_();
}
- }
- if (newBaseRow === undefined) {
- newBaseRow = this.row_;
- }
-
- this.topRow_ = newBaseRow - this.rollUpRows_ + 1;
- }; // Adds the opening HTML tag for the passed character to the caption text,
- // and keeps track of it for later closing
+ var playlists = this.masterPlaylistLoader_.master.playlists;
+ var mediaChanged = !this.media_ || this.media_ !== playlists[mediaID];
+ if (mediaChanged) {
+ this.media_ = playlists[mediaID];
+ } else {
+ this.trigger('playlistunchanged');
+ }
- Cea608Stream.prototype.addFormatting = function (pts, format) {
- this.formatting_ = this.formatting_.concat(format);
- var text = format.reduce(function (text, format) {
- return text + '<' + format + '>';
- }, '');
- this[this.mode_](pts, text);
- }; // Adds HTML closing tags for current formatting to caption text and
- // clears remembered formatting
-
+ if (!this.mediaUpdateTimeout) {
+ var createMediaUpdateTimeout = function createMediaUpdateTimeout() {
+ if (_this9.media().endList) {
+ return;
+ }
- Cea608Stream.prototype.clearFormatting = function (pts) {
- if (!this.formatting_.length) {
- return;
- }
+ _this9.mediaUpdateTimeout = window.setTimeout(function () {
+ _this9.trigger('mediaupdatetimeout');
- var text = this.formatting_.reverse().reduce(function (text, format) {
- return text + '</' + format + '>';
- }, '');
- this.formatting_ = [];
- this[this.mode_](pts, text);
- }; // Mode Implementations
+ createMediaUpdateTimeout();
+ }, refreshDelay(_this9.media(), Boolean(mediaChanged)));
+ };
+ createMediaUpdateTimeout();
+ }
- Cea608Stream.prototype.popOn = function (pts, text) {
- var baseRow = this.nonDisplayed_[this.row_]; // buffer characters
+ this.trigger('loadedplaylist');
+ };
- baseRow += text;
- this.nonDisplayed_[this.row_] = baseRow;
- };
+ return DashPlaylistLoader;
+ }(EventTarget);
- Cea608Stream.prototype.rollUp = function (pts, text) {
- var baseRow = this.displayed_[this.row_];
- baseRow += text;
- this.displayed_[this.row_] = baseRow;
+ var Config = {
+ GOAL_BUFFER_LENGTH: 30,
+ MAX_GOAL_BUFFER_LENGTH: 60,
+ BACK_BUFFER_LENGTH: 30,
+ GOAL_BUFFER_LENGTH_RATE: 1,
+ // 0.5 MB/s
+ INITIAL_BANDWIDTH: 4194304,
+ // A fudge factor to apply to advertised playlist bitrates to account for
+ // temporary flucations in client bandwidth
+ BANDWIDTH_VARIANCE: 1.2,
+ // How much of the buffer must be filled before we consider upswitching
+ BUFFER_LOW_WATER_LINE: 0,
+ MAX_BUFFER_LOW_WATER_LINE: 30,
+ // TODO: Remove this when experimentalBufferBasedABR is removed
+ EXPERIMENTAL_MAX_BUFFER_LOW_WATER_LINE: 16,
+ BUFFER_LOW_WATER_LINE_RATE: 1,
+ // If the buffer is greater than the high water line, we won't switch down
+ BUFFER_HIGH_WATER_LINE: 30
};
- Cea608Stream.prototype.shiftRowsUp_ = function () {
- var i; // clear out inactive rows
+ var stringToArrayBuffer = function stringToArrayBuffer(string) {
+ var view = new Uint8Array(new ArrayBuffer(string.length));
- for (i = 0; i < this.topRow_; i++) {
- this.displayed_[i] = '';
+ for (var i = 0; i < string.length; i++) {
+ view[i] = string.charCodeAt(i);
}
- for (i = this.row_ + 1; i < BOTTOM_ROW + 1; i++) {
- this.displayed_[i] = '';
- } // shift displayed rows up
-
-
- for (i = this.topRow_; i < this.row_; i++) {
- this.displayed_[i] = this.displayed_[i + 1];
- } // clear out the bottom row
-
-
- this.displayed_[this.row_] = '';
+ return view.buffer;
};
-
- Cea608Stream.prototype.paintOn = function (pts, text) {
- var baseRow = this.displayed_[this.row_];
- baseRow += text;
- this.displayed_[this.row_] = baseRow;
- }; // exports
+ /* global Blob, BlobBuilder, Worker */
+ // unify worker interface
- var captionStream = {
- CaptionStream: CaptionStream,
- Cea608Stream: Cea608Stream
+ var browserWorkerPolyFill = function browserWorkerPolyFill(workerObj) {
+ // node only supports on/off
+ workerObj.on = workerObj.addEventListener;
+ workerObj.off = workerObj.removeEventListener;
+ return workerObj;
};
- var discardEmulationPreventionBytes$1 = captionPacketParser.discardEmulationPreventionBytes;
- var CaptionStream$1 = captionStream.CaptionStream;
- /**
- * Maps an offset in the mdat to a sample based on the the size of the samples.
- * Assumes that `parseSamples` has been called first.
- *
- * @param {Number} offset - The offset into the mdat
- * @param {Object[]} samples - An array of samples, parsed using `parseSamples`
- * @return {?Object} The matching sample, or null if no match was found.
- *
- * @see ISO-BMFF-12/2015, Section 8.8.8
- **/
-
- var mapToSample = function mapToSample(offset, samples) {
- var approximateOffset = offset;
-
- for (var i = 0; i < samples.length; i++) {
- var sample = samples[i];
-
- if (approximateOffset < sample.size) {
- return sample;
- }
-
- approximateOffset -= sample.size;
+ var createObjectURL = function createObjectURL(str) {
+ try {
+ return URL.createObjectURL(new Blob([str], {
+ type: 'application/javascript'
+ }));
+ } catch (e) {
+ var blob = new BlobBuilder();
+ blob.append(str);
+ return URL.createObjectURL(blob.getBlob());
}
-
- return null;
};
- /**
- * Finds SEI nal units contained in a Media Data Box.
- * Assumes that `parseSamples` has been called first.
- *
- * @param {Uint8Array} avcStream - The bytes of the mdat
- * @param {Object[]} samples - The samples parsed out by `parseSamples`
- * @param {Number} trackId - The trackId of this video track
- * @return {Object[]} seiNals - the parsed SEI NALUs found.
- * The contents of the seiNal should match what is expected by
- * CaptionStream.push (nalUnitType, size, data, escapedRBSP, pts, dts)
- *
- * @see ISO-BMFF-12/2015, Section 8.1.1
- * @see Rec. ITU-T H.264, 7.3.2.3.1
- **/
-
-
- var findSeiNals = function findSeiNals(avcStream, samples, trackId) {
- var avcView = new DataView(avcStream.buffer, avcStream.byteOffset, avcStream.byteLength),
- result = [],
- seiNal,
- i,
- length,
- lastMatchedSample;
-
- for (i = 0; i + 4 < avcStream.length; i += length) {
- length = avcView.getUint32(i);
- i += 4; // Bail if this doesn't appear to be an H264 stream
-
- if (length <= 0) {
- continue;
- }
-
- switch (avcStream[i] & 0x1F) {
- case 0x06:
- var data = avcStream.subarray(i + 1, i + 1 + length);
- var matchingSample = mapToSample(i, samples);
- seiNal = {
- nalUnitType: 'sei_rbsp',
- size: length,
- data: data,
- escapedRBSP: discardEmulationPreventionBytes$1(data),
- trackId: trackId
- };
-
- if (matchingSample) {
- seiNal.pts = matchingSample.pts;
- seiNal.dts = matchingSample.dts;
- lastMatchedSample = matchingSample;
- } else {
- // If a matching sample cannot be found, use the last
- // sample's values as they should be as close as possible
- seiNal.pts = lastMatchedSample.pts;
- seiNal.dts = lastMatchedSample.dts;
- }
- result.push(seiNal);
- break;
- }
- }
+ var factory = function factory(code) {
+ return function () {
+ var objectUrl = createObjectURL(code);
+ var worker = browserWorkerPolyFill(new Worker(objectUrl));
+ worker.objURL = objectUrl;
+ var terminate = worker.terminate;
+ worker.on = worker.addEventListener;
+ worker.off = worker.removeEventListener;
+
+ worker.terminate = function () {
+ URL.revokeObjectURL(objectUrl);
+ return terminate.call(this);
+ };
- return result;
+ return worker;
+ };
};
- /**
- * Parses sample information out of Track Run Boxes and calculates
- * the absolute presentation and decode timestamps of each sample.
- *
- * @param {Array<Uint8Array>} truns - The Trun Run boxes to be parsed
- * @param {Number} baseMediaDecodeTime - base media decode time from tfdt
- @see ISO-BMFF-12/2015, Section 8.8.12
- * @param {Object} tfhd - The parsed Track Fragment Header
- * @see inspect.parseTfhd
- * @return {Object[]} the parsed samples
- *
- * @see ISO-BMFF-12/2015, Section 8.8.8
- **/
-
- var parseSamples = function parseSamples(truns, baseMediaDecodeTime, tfhd) {
- var currentDts = baseMediaDecodeTime;
- var defaultSampleDuration = tfhd.defaultSampleDuration || 0;
- var defaultSampleSize = tfhd.defaultSampleSize || 0;
- var trackId = tfhd.trackId;
- var allSamples = [];
- truns.forEach(function (trun) {
- // Note: We currently do not parse the sample table as well
- // as the trun. It's possible some sources will require this.
- // moov > trak > mdia > minf > stbl
- var trackRun = mp4Inspector.parseTrun(trun);
- var samples = trackRun.samples;
- samples.forEach(function (sample) {
- if (sample.duration === undefined) {
- sample.duration = defaultSampleDuration;
- }
+ var transform = function transform(code) {
+ return "var browserWorkerPolyFill = " + browserWorkerPolyFill.toString() + ";\n" + 'browserWorkerPolyFill(self);\n' + code;
+ };
- if (sample.size === undefined) {
- sample.size = defaultSampleSize;
- }
+ var getWorkerString = function getWorkerString(fn) {
+ return fn.toString().replace(/^function.+?{/, '').slice(0, -1);
+ };
+ /* rollup-plugin-worker-factory start for worker!/Users/gkatsevman/p/http-streaming-release/src/transmuxer-worker.js */
- sample.trackId = trackId;
- sample.dts = currentDts;
- if (sample.compositionTimeOffset === undefined) {
- sample.compositionTimeOffset = 0;
- }
+ var workerCode$1 = transform(getWorkerString(function () {
+ /**
+ * mux.js
+ *
+ * Copyright (c) Brightcove
+ * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
+ *
+ * A lightweight readable stream implemention that handles event dispatching.
+ * Objects that inherit from streams should call init in their constructors.
+ */
+ var Stream = function Stream() {
+ this.init = function () {
+ var listeners = {};
+ /**
+ * Add a listener for a specified event type.
+ * @param type {string} the event name
+ * @param listener {function} the callback to be invoked when an event of
+ * the specified type occurs
+ */
- sample.pts = currentDts + sample.compositionTimeOffset;
- currentDts += sample.duration;
- });
- allSamples = allSamples.concat(samples);
- });
- return allSamples;
- };
- /**
- * Parses out caption nals from an FMP4 segment's video tracks.
- *
- * @param {Uint8Array} segment - The bytes of a single segment
- * @param {Number} videoTrackId - The trackId of a video track in the segment
- * @return {Object.<Number, Object[]>} A mapping of video trackId to
- * a list of seiNals found in that track
- **/
+ this.on = function (type, listener) {
+ if (!listeners[type]) {
+ listeners[type] = [];
+ }
+ listeners[type] = listeners[type].concat(listener);
+ };
+ /**
+ * Remove a listener for a specified event type.
+ * @param type {string} the event name
+ * @param listener {function} a function previously registered for this
+ * type of event through `on`
+ */
- var parseCaptionNals = function parseCaptionNals(segment, videoTrackId) {
- // To get the samples
- var trafs = probe.findBox(segment, ['moof', 'traf']); // To get SEI NAL units
- var mdats = probe.findBox(segment, ['mdat']);
- var captionNals = {};
- var mdatTrafPairs = []; // Pair up each traf with a mdat as moofs and mdats are in pairs
+ this.off = function (type, listener) {
+ var index;
- mdats.forEach(function (mdat, index) {
- var matchingTraf = trafs[index];
- mdatTrafPairs.push({
- mdat: mdat,
- traf: matchingTraf
- });
- });
- mdatTrafPairs.forEach(function (pair) {
- var mdat = pair.mdat;
- var traf = pair.traf;
- var tfhd = probe.findBox(traf, ['tfhd']); // Exactly 1 tfhd per traf
+ if (!listeners[type]) {
+ return false;
+ }
- var headerInfo = mp4Inspector.parseTfhd(tfhd[0]);
- var trackId = headerInfo.trackId;
- var tfdt = probe.findBox(traf, ['tfdt']); // Either 0 or 1 tfdt per traf
+ index = listeners[type].indexOf(listener);
+ listeners[type] = listeners[type].slice();
+ listeners[type].splice(index, 1);
+ return index > -1;
+ };
+ /**
+ * Trigger an event of the specified type on this stream. Any additional
+ * arguments to this function are passed as parameters to event listeners.
+ * @param type {string} the event name
+ */
- var baseMediaDecodeTime = tfdt.length > 0 ? mp4Inspector.parseTfdt(tfdt[0]).baseMediaDecodeTime : 0;
- var truns = probe.findBox(traf, ['trun']);
- var samples;
- var seiNals; // Only parse video data for the chosen video track
- if (videoTrackId === trackId && truns.length > 0) {
- samples = parseSamples(truns, baseMediaDecodeTime, headerInfo);
- seiNals = findSeiNals(mdat, samples, trackId);
+ this.trigger = function (type) {
+ var callbacks, i, length, args;
+ callbacks = listeners[type];
- if (!captionNals[trackId]) {
- captionNals[trackId] = [];
- }
+ if (!callbacks) {
+ return;
+ } // Slicing the arguments on every invocation of this method
+ // can add a significant amount of overhead. Avoid the
+ // intermediate object creation for the common case of a
+ // single callback argument
- captionNals[trackId] = captionNals[trackId].concat(seiNals);
- }
- });
- return captionNals;
- };
- /**
- * Parses out inband captions from an MP4 container and returns
- * caption objects that can be used by WebVTT and the TextTrack API.
- * @see https://developer.mozilla.org/en-US/docs/Web/API/VTTCue
- * @see https://developer.mozilla.org/en-US/docs/Web/API/TextTrack
- * Assumes that `probe.getVideoTrackIds` and `probe.timescale` have been called first
- *
- * @param {Uint8Array} segment - The fmp4 segment containing embedded captions
- * @param {Number} trackId - The id of the video track to parse
- * @param {Number} timescale - The timescale for the video track from the init segment
- *
- * @return {?Object[]} parsedCaptions - A list of captions or null if no video tracks
- * @return {Number} parsedCaptions[].startTime - The time to show the caption in seconds
- * @return {Number} parsedCaptions[].endTime - The time to stop showing the caption in seconds
- * @return {String} parsedCaptions[].text - The visible content of the caption
- **/
+ if (arguments.length === 2) {
+ length = callbacks.length;
- var parseEmbeddedCaptions = function parseEmbeddedCaptions(segment, trackId, timescale) {
- var seiNals; // the ISO-BMFF spec says that trackId can't be zero, but there's some broken content out there
+ for (i = 0; i < length; ++i) {
+ callbacks[i].call(this, arguments[1]);
+ }
+ } else {
+ args = [];
+ i = arguments.length;
- if (trackId === null) {
- return null;
- }
+ for (i = 1; i < arguments.length; ++i) {
+ args.push(arguments[i]);
+ }
- seiNals = parseCaptionNals(segment, trackId);
- return {
- seiNals: seiNals[trackId],
- timescale: timescale
- };
- };
- /**
- * Converts SEI NALUs into captions that can be used by video.js
- **/
+ length = callbacks.length;
+ for (i = 0; i < length; ++i) {
+ callbacks[i].apply(this, args);
+ }
+ }
+ };
+ /**
+ * Destroys the stream and cleans up.
+ */
- var CaptionParser = function CaptionParser() {
- var isInitialized = false;
- var captionStream; // Stores segments seen before trackId and timescale are set
- var segmentCache; // Stores video track ID of the track being parsed
+ this.dispose = function () {
+ listeners = {};
+ };
+ };
+ };
+ /**
+ * Forwards all `data` events on this stream to the destination stream. The
+ * destination stream should provide a method `push` to receive the data
+ * events as they arrive.
+ * @param destination {stream} the stream that will receive all `data` events
+ * @param autoFlush {boolean} if false, we will not call `flush` on the destination
+ * when the current stream emits a 'done' event
+ * @see http://nodejs.org/api/stream.html#stream_readable_pipe_destination_options
+ */
- var trackId; // Stores the timescale of the track being parsed
- var timescale; // Stores captions parsed so far
+ Stream.prototype.pipe = function (destination) {
+ this.on('data', function (data) {
+ destination.push(data);
+ });
+ this.on('done', function (flushSource) {
+ destination.flush(flushSource);
+ });
+ this.on('partialdone', function (flushSource) {
+ destination.partialFlush(flushSource);
+ });
+ this.on('endedtimeline', function (flushSource) {
+ destination.endTimeline(flushSource);
+ });
+ this.on('reset', function (flushSource) {
+ destination.reset(flushSource);
+ });
+ return destination;
+ }; // Default stream functions that are expected to be overridden to perform
+ // actual work. These are provided by the prototype as a sort of no-op
+ // implementation so that we don't have to check for their existence in the
+ // `pipe` function above.
- var parsedCaptions; // Stores whether we are receiving partial data or not
- var parsingPartial;
- /**
- * A method to indicate whether a CaptionParser has been initalized
- * @returns {Boolean}
- **/
+ Stream.prototype.push = function (data) {
+ this.trigger('data', data);
+ };
- this.isInitialized = function () {
- return isInitialized;
+ Stream.prototype.flush = function (flushSource) {
+ this.trigger('done', flushSource);
};
- /**
- * Initializes the underlying CaptionStream, SEI NAL parsing
- * and management, and caption collection
- **/
+ Stream.prototype.partialFlush = function (flushSource) {
+ this.trigger('partialdone', flushSource);
+ };
- this.init = function (options) {
- captionStream = new CaptionStream$1();
- isInitialized = true;
- parsingPartial = options ? options.isPartial : false; // Collect dispatched captions
+ Stream.prototype.endTimeline = function (flushSource) {
+ this.trigger('endedtimeline', flushSource);
+ };
- captionStream.on('data', function (event) {
- // Convert to seconds in the source's timescale
- event.startTime = event.startPts / timescale;
- event.endTime = event.endPts / timescale;
- parsedCaptions.captions.push(event);
- parsedCaptions.captionStreams[event.stream] = true;
- });
+ Stream.prototype.reset = function (flushSource) {
+ this.trigger('reset', flushSource);
};
+
+ var stream = Stream;
/**
- * Determines if a new video track will be selected
- * or if the timescale changed
- * @return {Boolean}
- **/
+ * mux.js
+ *
+ * Copyright (c) Brightcove
+ * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
+ *
+ * Functions that generate fragmented MP4s suitable for use with Media
+ * Source Extensions.
+ */
+ var UINT32_MAX = Math.pow(2, 32) - 1;
+ var box, dinf, esds, ftyp, mdat, mfhd, minf, moof, moov, mvex, mvhd, trak, tkhd, mdia, mdhd, hdlr, sdtp, stbl, stsd, traf, trex, trun$1, types, MAJOR_BRAND, MINOR_VERSION, AVC1_BRAND, VIDEO_HDLR, AUDIO_HDLR, HDLR_TYPES, VMHD, SMHD, DREF, STCO, STSC, STSZ, STTS; // pre-calculate constants
- this.isNewInit = function (videoTrackIds, timescales) {
- if (videoTrackIds && videoTrackIds.length === 0 || timescales && typeof timescales === 'object' && Object.keys(timescales).length === 0) {
- return false;
+ (function () {
+ var i;
+ types = {
+ avc1: [],
+ // codingname
+ avcC: [],
+ btrt: [],
+ dinf: [],
+ dref: [],
+ esds: [],
+ ftyp: [],
+ hdlr: [],
+ mdat: [],
+ mdhd: [],
+ mdia: [],
+ mfhd: [],
+ minf: [],
+ moof: [],
+ moov: [],
+ mp4a: [],
+ // codingname
+ mvex: [],
+ mvhd: [],
+ pasp: [],
+ sdtp: [],
+ smhd: [],
+ stbl: [],
+ stco: [],
+ stsc: [],
+ stsd: [],
+ stsz: [],
+ stts: [],
+ styp: [],
+ tfdt: [],
+ tfhd: [],
+ traf: [],
+ trak: [],
+ trun: [],
+ trex: [],
+ tkhd: [],
+ vmhd: []
+ }; // In environments where Uint8Array is undefined (e.g., IE8), skip set up so that we
+ // don't throw an error
+
+ if (typeof Uint8Array === 'undefined') {
+ return;
}
- return trackId !== videoTrackIds[0] || timescale !== timescales[trackId];
- };
- /**
- * Parses out SEI captions and interacts with underlying
- * CaptionStream to return dispatched captions
- *
- * @param {Uint8Array} segment - The fmp4 segment containing embedded captions
- * @param {Number[]} videoTrackIds - A list of video tracks found in the init segment
- * @param {Object.<Number, Number>} timescales - The timescales found in the init segment
- * @see parseEmbeddedCaptions
- * @see m2ts/caption-stream.js
- **/
-
+ for (i in types) {
+ if (types.hasOwnProperty(i)) {
+ types[i] = [i.charCodeAt(0), i.charCodeAt(1), i.charCodeAt(2), i.charCodeAt(3)];
+ }
+ }
+
+ MAJOR_BRAND = new Uint8Array(['i'.charCodeAt(0), 's'.charCodeAt(0), 'o'.charCodeAt(0), 'm'.charCodeAt(0)]);
+ AVC1_BRAND = new Uint8Array(['a'.charCodeAt(0), 'v'.charCodeAt(0), 'c'.charCodeAt(0), '1'.charCodeAt(0)]);
+ MINOR_VERSION = new Uint8Array([0, 0, 0, 1]);
+ VIDEO_HDLR = 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'
+ ]);
+ AUDIO_HDLR = 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'
+ ]);
+ HDLR_TYPES = {
+ video: VIDEO_HDLR,
+ audio: AUDIO_HDLR
+ };
+ 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
+ ]);
+ SMHD = new Uint8Array([0x00, // version
+ 0x00, 0x00, 0x00, // flags
+ 0x00, 0x00, // balance, 0 means centered
+ 0x00, 0x00 // reserved
+ ]);
+ STCO = new Uint8Array([0x00, // version
+ 0x00, 0x00, 0x00, // flags
+ 0x00, 0x00, 0x00, 0x00 // entry_count
+ ]);
+ STSC = STCO;
+ STSZ = new Uint8Array([0x00, // version
+ 0x00, 0x00, 0x00, // flags
+ 0x00, 0x00, 0x00, 0x00, // sample_size
+ 0x00, 0x00, 0x00, 0x00 // sample_count
+ ]);
+ STTS = STCO;
+ VMHD = new Uint8Array([0x00, // version
+ 0x00, 0x00, 0x01, // flags
+ 0x00, 0x00, // graphicsmode
+ 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 // opcolor
+ ]);
+ })();
- this.parse = function (segment, videoTrackIds, timescales) {
- var parsedData;
+ box = function box(type) {
+ var payload = [],
+ size = 0,
+ i,
+ result,
+ view;
- if (!this.isInitialized()) {
- return null; // This is not likely to be a video segment
- } else if (!videoTrackIds || !timescales) {
- return null;
- } else if (this.isNewInit(videoTrackIds, timescales)) {
- // Use the first video track only as there is no
- // mechanism to switch to other video tracks
- trackId = videoTrackIds[0];
- timescale = timescales[trackId]; // If an init segment has not been seen yet, hold onto segment
- // data until we have one.
- // the ISO-BMFF spec says that trackId can't be zero, but there's some broken content out there
- } else if (trackId === null || !timescale) {
- segmentCache.push(segment);
- return null;
- } // Now that a timescale and trackId is set, parse cached segments
+ for (i = 1; i < arguments.length; i++) {
+ payload.push(arguments[i]);
+ }
+ i = payload.length; // calculate the total size we need to allocate
- while (segmentCache.length > 0) {
- var cachedSegment = segmentCache.shift();
- this.parse(cachedSegment, videoTrackIds, timescales);
+ while (i--) {
+ size += payload[i].byteLength;
}
- parsedData = parseEmbeddedCaptions(segment, trackId, timescale);
+ result = new Uint8Array(size + 8);
+ view = new DataView(result.buffer, result.byteOffset, result.byteLength);
+ view.setUint32(0, result.byteLength);
+ result.set(type, 4); // copy the payload into the result
- if (parsedData === null || !parsedData.seiNals) {
- return null;
+ for (i = 0, size = 8; i < payload.length; i++) {
+ result.set(payload[i], size);
+ size += payload[i].byteLength;
}
- this.pushNals(parsedData.seiNals); // Force the parsed captions to be dispatched
+ return result;
+ };
- this.flushStream();
- return parsedCaptions;
+ dinf = function dinf() {
+ return box(types.dinf, box(types.dref, DREF));
};
- /**
- * Pushes SEI NALUs onto CaptionStream
- * @param {Object[]} nals - A list of SEI nals parsed using `parseCaptionNals`
- * Assumes that `parseCaptionNals` has been called first
- * @see m2ts/caption-stream.js
- **/
+ esds = function esds(track) {
+ return box(types.esds, new Uint8Array([0x00, // version
+ 0x00, 0x00, 0x00, // flags
+ // ES_Descriptor
+ 0x03, // tag, ES_DescrTag
+ 0x19, // length
+ 0x00, 0x00, // ES_ID
+ 0x00, // streamDependenceFlag, URL_flag, reserved, streamPriority
+ // DecoderConfigDescriptor
+ 0x04, // tag, DecoderConfigDescrTag
+ 0x11, // length
+ 0x40, // object type
+ 0x15, // streamType
+ 0x00, 0x06, 0x00, // bufferSizeDB
+ 0x00, 0x00, 0xda, 0xc0, // maxBitrate
+ 0x00, 0x00, 0xda, 0xc0, // avgBitrate
+ // DecoderSpecificInfo
+ 0x05, // tag, DecoderSpecificInfoTag
+ 0x02, // length
+ // ISO/IEC 14496-3, AudioSpecificConfig
+ // for samplingFrequencyIndex see ISO/IEC 13818-7:2006, 8.1.3.2.2, Table 35
+ track.audioobjecttype << 3 | track.samplingfrequencyindex >>> 1, track.samplingfrequencyindex << 7 | track.channelcount << 3, 0x06, 0x01, 0x02 // GASpecificConfig
+ ]));
+ };
- this.pushNals = function (nals) {
- if (!this.isInitialized() || !nals || nals.length === 0) {
- return null;
- }
+ ftyp = function ftyp() {
+ return box(types.ftyp, MAJOR_BRAND, MINOR_VERSION, MAJOR_BRAND, AVC1_BRAND);
+ };
- nals.forEach(function (nal) {
- captionStream.push(nal);
- });
+ hdlr = function hdlr(type) {
+ return box(types.hdlr, HDLR_TYPES[type]);
};
- /**
- * Flushes underlying CaptionStream to dispatch processed, displayable captions
- * @see m2ts/caption-stream.js
- **/
+ mdat = function mdat(data) {
+ return box(types.mdat, data);
+ };
- this.flushStream = function () {
- if (!this.isInitialized()) {
- return null;
- }
+ mdhd = function mdhd(track) {
+ var result = new Uint8Array([0x00, // version 0
+ 0x00, 0x00, 0x00, // flags
+ 0x00, 0x00, 0x00, 0x02, // creation_time
+ 0x00, 0x00, 0x00, 0x03, // modification_time
+ 0x00, 0x01, 0x5f, 0x90, // timescale, 90,000 "ticks" per second
+ track.duration >>> 24 & 0xFF, track.duration >>> 16 & 0xFF, track.duration >>> 8 & 0xFF, track.duration & 0xFF, // duration
+ 0x55, 0xc4, // 'und' language (undetermined)
+ 0x00, 0x00]); // Use the sample rate from the track metadata, when it is
+ // defined. The sample rate can be parsed out of an ADTS header, for
+ // instance.
+
+ if (track.samplerate) {
+ result[12] = track.samplerate >>> 24 & 0xFF;
+ result[13] = track.samplerate >>> 16 & 0xFF;
+ result[14] = track.samplerate >>> 8 & 0xFF;
+ result[15] = track.samplerate & 0xFF;
+ }
+
+ return box(types.mdhd, result);
+ };
- if (!parsingPartial) {
- captionStream.flush();
- } else {
- captionStream.partialFlush();
- }
+ mdia = function mdia(track) {
+ return box(types.mdia, mdhd(track), hdlr(track.type), minf(track));
};
- /**
- * Reset caption buckets for new data
- **/
+ mfhd = function mfhd(sequenceNumber) {
+ return box(types.mfhd, new Uint8Array([0x00, 0x00, 0x00, 0x00, // flags
+ (sequenceNumber & 0xFF000000) >> 24, (sequenceNumber & 0xFF0000) >> 16, (sequenceNumber & 0xFF00) >> 8, sequenceNumber & 0xFF // sequence_number
+ ]));
+ };
- this.clearParsedCaptions = function () {
- parsedCaptions.captions = [];
- parsedCaptions.captionStreams = {};
+ minf = function minf(track) {
+ return box(types.minf, track.type === 'video' ? box(types.vmhd, VMHD) : box(types.smhd, SMHD), dinf(), stbl(track));
};
- /**
- * Resets underlying CaptionStream
- * @see m2ts/caption-stream.js
- **/
+ moof = function moof(sequenceNumber, tracks) {
+ var trackFragments = [],
+ i = tracks.length; // build traf boxes for each track fragment
- this.resetCaptionStream = function () {
- if (!this.isInitialized()) {
- return null;
+ while (i--) {
+ trackFragments[i] = traf(tracks[i]);
}
- captionStream.reset();
- };
- /**
- * Convenience method to clear all captions flushed from the
- * CaptionStream and still being parsed
- * @see m2ts/caption-stream.js
- **/
-
-
- this.clearAllCaptions = function () {
- this.clearParsedCaptions();
- this.resetCaptionStream();
+ return box.apply(null, [types.moof, mfhd(sequenceNumber)].concat(trackFragments));
};
/**
- * Reset caption parser
- **/
+ * Returns a movie box.
+ * @param tracks {array} the tracks associated with this movie
+ * @see ISO/IEC 14496-12:2012(E), section 8.2.1
+ */
- this.reset = function () {
- segmentCache = [];
- trackId = null;
- timescale = null;
+ moov = function moov(tracks) {
+ var i = tracks.length,
+ boxes = [];
- if (!parsedCaptions) {
- parsedCaptions = {
- captions: [],
- // CC1, CC2, CC3, CC4
- captionStreams: {}
- };
- } else {
- this.clearParsedCaptions();
+ while (i--) {
+ boxes[i] = trak(tracks[i]);
}
- this.resetCaptionStream();
+ return box.apply(null, [types.moov, mvhd(0xffffffff)].concat(boxes).concat(mvex(tracks)));
};
- this.reset();
- };
+ mvex = function mvex(tracks) {
+ var i = tracks.length,
+ boxes = [];
- var captionParser = CaptionParser;
+ while (i--) {
+ boxes[i] = trex(tracks[i]);
+ }
- /**
- * mux.js
- *
- * Copyright (c) Brightcove
- * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
- */
+ return box.apply(null, [types.mvex].concat(boxes));
+ };
- var streamTypes = {
- H264_STREAM_TYPE: 0x1B,
- ADTS_STREAM_TYPE: 0x0F,
- METADATA_STREAM_TYPE: 0x15
- };
+ mvhd = function mvhd(duration) {
+ var bytes = new Uint8Array([0x00, // version 0
+ 0x00, 0x00, 0x00, // flags
+ 0x00, 0x00, 0x00, 0x01, // creation_time
+ 0x00, 0x00, 0x00, 0x02, // modification_time
+ 0x00, 0x01, 0x5f, 0x90, // timescale, 90,000 "ticks" per second
+ (duration & 0xFF000000) >> 24, (duration & 0xFF0000) >> 16, (duration & 0xFF00) >> 8, duration & 0xFF, // duration
+ 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 box(types.mvhd, bytes);
+ };
- var MAX_TS = 8589934592;
- var RO_THRESH = 4294967296;
- var TYPE_SHARED = 'shared';
+ 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
- var handleRollover = function handleRollover(value, reference) {
- var direction = 1;
+ for (i = 0; i < samples.length; i++) {
+ flags = samples[i].flags;
+ bytes[i + 4] = flags.dependsOn << 4 | flags.isDependedOn << 2 | flags.hasRedundancy;
+ }
- if (value > reference) {
- // If the current timestamp value is greater than our reference timestamp and we detect a
- // timestamp rollover, this means the roll over is happening in the opposite direction.
- // Example scenario: Enter a long stream/video just after a rollover occurred. The reference
- // point will be set to a small number, e.g. 1. The user then seeks backwards over the
- // rollover point. In loading this segment, the timestamp values will be very large,
- // e.g. 2^33 - 1. Since this comes before the data we loaded previously, we want to adjust
- // the time stamp to be `value - 2^33`.
- direction = -1;
- } // Note: A seek forwards or back that is greater than the RO_THRESH (2^32, ~13 hours) will
- // cause an incorrect adjustment.
+ return box(types.sdtp, bytes);
+ };
+ stbl = function stbl(track) {
+ return box(types.stbl, stsd(track), box(types.stts, STTS), box(types.stsc, STSC), box(types.stsz, STSZ), box(types.stco, STCO));
+ };
- while (Math.abs(reference - value) > RO_THRESH) {
- value += direction * MAX_TS;
- }
+ (function () {
+ var videoSample, audioSample;
- return value;
- };
+ stsd = function stsd(track) {
+ return box(types.stsd, new Uint8Array([0x00, // version 0
+ 0x00, 0x00, 0x00, // flags
+ 0x00, 0x00, 0x00, 0x01]), track.type === 'video' ? videoSample(track) : audioSample(track));
+ };
- var TimestampRolloverStream = function TimestampRolloverStream(type) {
- var lastDTS, referenceDTS;
- TimestampRolloverStream.prototype.init.call(this); // The "shared" type is used in cases where a stream will contain muxed
- // video and audio. We could use `undefined` here, but having a string
- // makes debugging a little clearer.
+ videoSample = function videoSample(track) {
+ var sps = track.sps || [],
+ pps = track.pps || [],
+ sequenceParameterSets = [],
+ pictureParameterSets = [],
+ i,
+ avc1Box; // assemble the SPSs
- this.type_ = type || TYPE_SHARED;
+ for (i = 0; i < sps.length; i++) {
+ sequenceParameterSets.push((sps[i].byteLength & 0xFF00) >>> 8);
+ sequenceParameterSets.push(sps[i].byteLength & 0xFF); // sequenceParameterSetLength
- this.push = function (data) {
- // Any "shared" rollover streams will accept _all_ data. Otherwise,
- // streams will only accept data that matches their type.
- if (this.type_ !== TYPE_SHARED && data.type !== this.type_) {
- return;
- }
+ sequenceParameterSets = sequenceParameterSets.concat(Array.prototype.slice.call(sps[i])); // SPS
+ } // assemble the PPSs
- if (referenceDTS === undefined) {
- referenceDTS = data.dts;
- }
- data.dts = handleRollover(data.dts, referenceDTS);
- data.pts = handleRollover(data.pts, referenceDTS);
- lastDTS = data.dts;
- this.trigger('data', data);
- };
+ for (i = 0; i < pps.length; i++) {
+ pictureParameterSets.push((pps[i].byteLength & 0xFF00) >>> 8);
+ pictureParameterSets.push(pps[i].byteLength & 0xFF);
+ pictureParameterSets = pictureParameterSets.concat(Array.prototype.slice.call(pps[i]));
+ }
- this.flush = function () {
- referenceDTS = lastDTS;
- this.trigger('done');
- };
+ avc1Box = [types.avc1, new Uint8Array([0x00, 0x00, 0x00, 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
+ (track.width & 0xff00) >> 8, track.width & 0xff, // width
+ (track.height & 0xff00) >> 8, track.height & 0xff, // height
+ 0x00, 0x48, 0x00, 0x00, // horizresolution
+ 0x00, 0x48, 0x00, 0x00, // vertresolution
+ 0x00, 0x00, 0x00, 0x00, // reserved
+ 0x00, 0x01, // frame_count
+ 0x13, 0x76, 0x69, 0x64, 0x65, 0x6f, 0x6a, 0x73, 0x2d, 0x63, 0x6f, 0x6e, 0x74, 0x72, 0x69, 0x62, 0x2d, 0x68, 0x6c, 0x73, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, // compressorname
+ 0x00, 0x18, // depth = 24
+ 0x11, 0x11 // pre_defined = -1
+ ]), box(types.avcC, new Uint8Array([0x01, // configurationVersion
+ track.profileIdc, // AVCProfileIndication
+ track.profileCompatibility, // profile_compatibility
+ track.levelIdc, // AVCLevelIndication
+ 0xff // lengthSizeMinusOne, hard-coded to 4 bytes
+ ].concat([sps.length], // numOfSequenceParameterSets
+ sequenceParameterSets, // "SPS"
+ [pps.length], // numOfPictureParameterSets
+ pictureParameterSets // "PPS"
+ ))), box(types.btrt, new Uint8Array([0x00, 0x1c, 0x9c, 0x80, // bufferSizeDB
+ 0x00, 0x2d, 0xc6, 0xc0, // maxBitrate
+ 0x00, 0x2d, 0xc6, 0xc0 // avgBitrate
+ ]))];
+
+ if (track.sarRatio) {
+ var hSpacing = track.sarRatio[0],
+ vSpacing = track.sarRatio[1];
+ avc1Box.push(box(types.pasp, new Uint8Array([(hSpacing & 0xFF000000) >> 24, (hSpacing & 0xFF0000) >> 16, (hSpacing & 0xFF00) >> 8, hSpacing & 0xFF, (vSpacing & 0xFF000000) >> 24, (vSpacing & 0xFF0000) >> 16, (vSpacing & 0xFF00) >> 8, vSpacing & 0xFF])));
+ }
+
+ return box.apply(null, avc1Box);
+ };
- this.endTimeline = function () {
- this.flush();
- this.trigger('endedtimeline');
- };
+ audioSample = function audioSample(track) {
+ return box(types.mp4a, new Uint8Array([// SampleEntry, ISO/IEC 14496-12
+ 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, // reserved
+ 0x00, 0x01, // data_reference_index
+ // AudioSampleEntry, ISO/IEC 14496-12
+ 0x00, 0x00, 0x00, 0x00, // reserved
+ 0x00, 0x00, 0x00, 0x00, // reserved
+ (track.channelcount & 0xff00) >> 8, track.channelcount & 0xff, // channelcount
+ (track.samplesize & 0xff00) >> 8, track.samplesize & 0xff, // samplesize
+ 0x00, 0x00, // pre_defined
+ 0x00, 0x00, // reserved
+ (track.samplerate & 0xff00) >> 8, track.samplerate & 0xff, 0x00, 0x00 // samplerate, 16.16
+ // MP4AudioSampleEntry, ISO/IEC 14496-14
+ ]), esds(track));
+ };
+ })();
- this.discontinuity = function () {
- referenceDTS = void 0;
- lastDTS = void 0;
+ tkhd = function tkhd(track) {
+ var result = new Uint8Array([0x00, // version 0
+ 0x00, 0x00, 0x07, // flags
+ 0x00, 0x00, 0x00, 0x00, // creation_time
+ 0x00, 0x00, 0x00, 0x00, // modification_time
+ (track.id & 0xFF000000) >> 24, (track.id & 0xFF0000) >> 16, (track.id & 0xFF00) >> 8, track.id & 0xFF, // track_ID
+ 0x00, 0x00, 0x00, 0x00, // reserved
+ (track.duration & 0xFF000000) >> 24, (track.duration & 0xFF0000) >> 16, (track.duration & 0xFF00) >> 8, track.duration & 0xFF, // duration
+ 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, // reserved
+ 0x00, 0x00, // layer
+ 0x00, 0x00, // alternate_group
+ 0x01, 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
+ (track.width & 0xFF00) >> 8, track.width & 0xFF, 0x00, 0x00, // width
+ (track.height & 0xFF00) >> 8, track.height & 0xFF, 0x00, 0x00 // height
+ ]);
+ return box(types.tkhd, result);
};
-
- this.reset = function () {
- this.discontinuity();
- this.trigger('reset');
+ /**
+ * Generate a track fragment (traf) box. A traf box collects metadata
+ * about tracks in a movie fragment (moof) box.
+ */
+
+
+ traf = function traf(track) {
+ var trackFragmentHeader, trackFragmentDecodeTime, trackFragmentRun, sampleDependencyTable, dataOffset, upperWordBaseMediaDecodeTime, lowerWordBaseMediaDecodeTime;
+ trackFragmentHeader = box(types.tfhd, new Uint8Array([0x00, // version 0
+ 0x00, 0x00, 0x3a, // flags
+ (track.id & 0xFF000000) >> 24, (track.id & 0xFF0000) >> 16, (track.id & 0xFF00) >> 8, track.id & 0xFF, // track_ID
+ 0x00, 0x00, 0x00, 0x01, // sample_description_index
+ 0x00, 0x00, 0x00, 0x00, // default_sample_duration
+ 0x00, 0x00, 0x00, 0x00, // default_sample_size
+ 0x00, 0x00, 0x00, 0x00 // default_sample_flags
+ ]));
+ upperWordBaseMediaDecodeTime = Math.floor(track.baseMediaDecodeTime / (UINT32_MAX + 1));
+ lowerWordBaseMediaDecodeTime = Math.floor(track.baseMediaDecodeTime % (UINT32_MAX + 1));
+ trackFragmentDecodeTime = box(types.tfdt, new Uint8Array([0x01, // version 1
+ 0x00, 0x00, 0x00, // flags
+ // baseMediaDecodeTime
+ upperWordBaseMediaDecodeTime >>> 24 & 0xFF, upperWordBaseMediaDecodeTime >>> 16 & 0xFF, upperWordBaseMediaDecodeTime >>> 8 & 0xFF, upperWordBaseMediaDecodeTime & 0xFF, lowerWordBaseMediaDecodeTime >>> 24 & 0xFF, lowerWordBaseMediaDecodeTime >>> 16 & 0xFF, lowerWordBaseMediaDecodeTime >>> 8 & 0xFF, lowerWordBaseMediaDecodeTime & 0xFF])); // the data offset specifies the number of bytes from the start of
+ // the containing moof to the first payload byte of the associated
+ // mdat
+
+ dataOffset = 32 + // tfhd
+ 20 + // tfdt
+ 8 + // traf header
+ 16 + // mfhd
+ 8 + // moof header
+ 8; // mdat header
+ // audio tracks require less metadata
+
+ if (track.type === 'audio') {
+ trackFragmentRun = trun$1(track, dataOffset);
+ return box(types.traf, trackFragmentHeader, trackFragmentDecodeTime, trackFragmentRun);
+ } // video tracks should contain an independent and disposable samples
+ // box (sdtp)
+ // generate one and adjust offsets to match
+
+
+ sampleDependencyTable = sdtp(track);
+ trackFragmentRun = trun$1(track, sampleDependencyTable.length + dataOffset);
+ return box(types.traf, trackFragmentHeader, trackFragmentDecodeTime, trackFragmentRun, sampleDependencyTable);
};
- };
-
- TimestampRolloverStream.prototype = new stream();
- var timestampRolloverStream = {
- TimestampRolloverStream: TimestampRolloverStream,
- handleRollover: handleRollover
- };
-
- var parsePid = function parsePid(packet) {
- var pid = packet[1] & 0x1f;
- pid <<= 8;
- pid |= packet[2];
- return pid;
- };
-
- var parsePayloadUnitStartIndicator = function parsePayloadUnitStartIndicator(packet) {
- return !!(packet[1] & 0x40);
- };
+ /**
+ * Generate a track box.
+ * @param track {object} a track definition
+ * @return {Uint8Array} the track box
+ */
- var parseAdaptionField = function parseAdaptionField(packet) {
- var offset = 0; // if an adaption field is present, its length is specified by the
- // fifth byte of the TS packet header. The adaptation field is
- // used to add stuffing to PES packets that don't fill a complete
- // TS packet, and to specify some forms of timing and control data
- // that we do not currently use.
- if ((packet[3] & 0x30) >>> 4 > 0x01) {
- offset += packet[4] + 1;
- }
+ trak = function trak(track) {
+ track.duration = track.duration || 0xffffffff;
+ return box(types.trak, tkhd(track), mdia(track));
+ };
- return offset;
- };
+ trex = function trex(track) {
+ var result = new Uint8Array([0x00, // version 0
+ 0x00, 0x00, 0x00, // flags
+ (track.id & 0xFF000000) >> 24, (track.id & 0xFF0000) >> 16, (track.id & 0xFF00) >> 8, track.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
+ ]); // the last two bytes of default_sample_flags is the sample
+ // degradation priority, a hint about the importance of this sample
+ // relative to others. Lower the degradation priority for all sample
+ // types other than video.
- var parseType$1 = function parseType(packet, pmtPid) {
- var pid = parsePid(packet);
+ if (track.type !== 'video') {
+ result[result.length - 1] = 0x00;
+ }
- if (pid === 0) {
- return 'pat';
- } else if (pid === pmtPid) {
- return 'pmt';
- } else if (pmtPid) {
- return 'pes';
- }
+ return box(types.trex, result);
+ };
- return null;
- };
+ (function () {
+ var audioTrun, videoTrun, trunHeader; // This method assumes all samples are uniform. That is, if a
+ // duration is present for the first sample, it will be present for
+ // all subsequent samples.
+ // see ISO/IEC 14496-12:2012, Section 8.8.8.1
+
+ trunHeader = function trunHeader(samples, offset) {
+ var durationPresent = 0,
+ sizePresent = 0,
+ flagsPresent = 0,
+ compositionTimeOffset = 0; // trun flag constants
+
+ if (samples.length) {
+ if (samples[0].duration !== undefined) {
+ durationPresent = 0x1;
+ }
- var parsePat = function parsePat(packet) {
- var pusi = parsePayloadUnitStartIndicator(packet);
- var offset = 4 + parseAdaptionField(packet);
+ if (samples[0].size !== undefined) {
+ sizePresent = 0x2;
+ }
- if (pusi) {
- offset += packet[offset] + 1;
- }
+ if (samples[0].flags !== undefined) {
+ flagsPresent = 0x4;
+ }
- return (packet[offset + 10] & 0x1f) << 8 | packet[offset + 11];
- };
+ if (samples[0].compositionTimeOffset !== undefined) {
+ compositionTimeOffset = 0x8;
+ }
+ }
- var parsePmt = function parsePmt(packet) {
- var programMapTable = {};
- var pusi = parsePayloadUnitStartIndicator(packet);
- var payloadOffset = 4 + parseAdaptionField(packet);
+ return [0x00, // version 0
+ 0x00, durationPresent | sizePresent | flagsPresent | compositionTimeOffset, 0x01, // flags
+ (samples.length & 0xFF000000) >>> 24, (samples.length & 0xFF0000) >>> 16, (samples.length & 0xFF00) >>> 8, samples.length & 0xFF, // sample_count
+ (offset & 0xFF000000) >>> 24, (offset & 0xFF0000) >>> 16, (offset & 0xFF00) >>> 8, offset & 0xFF // data_offset
+ ];
+ };
- if (pusi) {
- payloadOffset += packet[payloadOffset] + 1;
- } // PMTs can be sent ahead of the time when they should actually
- // take effect. We don't believe this should ever be the case
- // for HLS but we'll ignore "forward" PMT declarations if we see
- // them. Future PMT declarations have the current_next_indicator
- // set to zero.
+ videoTrun = function videoTrun(track, offset) {
+ var bytesOffest, bytes, header, samples, sample, i;
+ samples = track.samples || [];
+ offset += 8 + 12 + 16 * samples.length;
+ header = trunHeader(samples, offset);
+ bytes = new Uint8Array(header.length + samples.length * 16);
+ bytes.set(header);
+ bytesOffest = header.length;
+ for (i = 0; i < samples.length; i++) {
+ sample = samples[i];
+ bytes[bytesOffest++] = (sample.duration & 0xFF000000) >>> 24;
+ bytes[bytesOffest++] = (sample.duration & 0xFF0000) >>> 16;
+ bytes[bytesOffest++] = (sample.duration & 0xFF00) >>> 8;
+ bytes[bytesOffest++] = sample.duration & 0xFF; // sample_duration
- if (!(packet[payloadOffset + 5] & 0x01)) {
- return;
- }
+ bytes[bytesOffest++] = (sample.size & 0xFF000000) >>> 24;
+ bytes[bytesOffest++] = (sample.size & 0xFF0000) >>> 16;
+ bytes[bytesOffest++] = (sample.size & 0xFF00) >>> 8;
+ bytes[bytesOffest++] = sample.size & 0xFF; // sample_size
- var sectionLength, tableEnd, programInfoLength; // the mapping table ends at the end of the current section
+ bytes[bytesOffest++] = sample.flags.isLeading << 2 | sample.flags.dependsOn;
+ bytes[bytesOffest++] = sample.flags.isDependedOn << 6 | sample.flags.hasRedundancy << 4 | sample.flags.paddingValue << 1 | sample.flags.isNonSyncSample;
+ bytes[bytesOffest++] = sample.flags.degradationPriority & 0xF0 << 8;
+ bytes[bytesOffest++] = sample.flags.degradationPriority & 0x0F; // sample_flags
- sectionLength = (packet[payloadOffset + 1] & 0x0f) << 8 | packet[payloadOffset + 2];
- tableEnd = 3 + sectionLength - 4; // to determine where the table is, we have to figure out how
- // long the program info descriptors are
+ bytes[bytesOffest++] = (sample.compositionTimeOffset & 0xFF000000) >>> 24;
+ bytes[bytesOffest++] = (sample.compositionTimeOffset & 0xFF0000) >>> 16;
+ bytes[bytesOffest++] = (sample.compositionTimeOffset & 0xFF00) >>> 8;
+ bytes[bytesOffest++] = sample.compositionTimeOffset & 0xFF; // sample_composition_time_offset
+ }
- programInfoLength = (packet[payloadOffset + 10] & 0x0f) << 8 | packet[payloadOffset + 11]; // advance the offset to the first entry in the mapping table
+ return box(types.trun, bytes);
+ };
- var offset = 12 + programInfoLength;
+ audioTrun = function audioTrun(track, offset) {
+ var bytes, bytesOffest, header, samples, sample, i;
+ samples = track.samples || [];
+ offset += 8 + 12 + 8 * samples.length;
+ header = trunHeader(samples, offset);
+ bytes = new Uint8Array(header.length + samples.length * 8);
+ bytes.set(header);
+ bytesOffest = header.length;
- while (offset < tableEnd) {
- var i = payloadOffset + offset; // add an entry that maps the elementary_pid to the stream_type
+ for (i = 0; i < samples.length; i++) {
+ sample = samples[i];
+ bytes[bytesOffest++] = (sample.duration & 0xFF000000) >>> 24;
+ bytes[bytesOffest++] = (sample.duration & 0xFF0000) >>> 16;
+ bytes[bytesOffest++] = (sample.duration & 0xFF00) >>> 8;
+ bytes[bytesOffest++] = sample.duration & 0xFF; // sample_duration
- programMapTable[(packet[i + 1] & 0x1F) << 8 | packet[i + 2]] = packet[i]; // move to the next table entry
- // skip past the elementary stream descriptors, if present
+ bytes[bytesOffest++] = (sample.size & 0xFF000000) >>> 24;
+ bytes[bytesOffest++] = (sample.size & 0xFF0000) >>> 16;
+ bytes[bytesOffest++] = (sample.size & 0xFF00) >>> 8;
+ bytes[bytesOffest++] = sample.size & 0xFF; // sample_size
+ }
- offset += ((packet[i + 3] & 0x0F) << 8 | packet[i + 4]) + 5;
- }
+ return box(types.trun, bytes);
+ };
- return programMapTable;
- };
+ trun$1 = function trun(track, offset) {
+ if (track.type === 'audio') {
+ return audioTrun(track, offset);
+ }
- var parsePesType = function parsePesType(packet, programMapTable) {
- var pid = parsePid(packet);
- var type = programMapTable[pid];
+ return videoTrun(track, offset);
+ };
+ })();
- switch (type) {
- case streamTypes.H264_STREAM_TYPE:
- return 'video';
+ var mp4Generator = {
+ ftyp: ftyp,
+ mdat: mdat,
+ moof: moof,
+ moov: moov,
+ initSegment: function initSegment(tracks) {
+ var fileType = ftyp(),
+ movie = moov(tracks),
+ result;
+ result = new Uint8Array(fileType.byteLength + movie.byteLength);
+ result.set(fileType);
+ result.set(movie, fileType.byteLength);
+ return result;
+ }
+ };
+ /**
+ * mux.js
+ *
+ * Copyright (c) Brightcove
+ * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
+ */
+ // Convert an array of nal units into an array of frames with each frame being
+ // composed of the nal units that make up that frame
+ // Also keep track of cummulative data about the frame from the nal units such
+ // as the frame duration, starting pts, etc.
- case streamTypes.ADTS_STREAM_TYPE:
- return 'audio';
+ var groupNalsIntoFrames = function groupNalsIntoFrames(nalUnits) {
+ var i,
+ currentNal,
+ currentFrame = [],
+ frames = []; // TODO added for LHLS, make sure this is OK
- case streamTypes.METADATA_STREAM_TYPE:
- return 'timed-metadata';
+ frames.byteLength = 0;
+ frames.nalCount = 0;
+ frames.duration = 0;
+ currentFrame.byteLength = 0;
- default:
- return null;
- }
- };
+ for (i = 0; i < nalUnits.length; i++) {
+ currentNal = nalUnits[i]; // Split on 'aud'-type nal units
- var parsePesTime = function parsePesTime(packet) {
- var pusi = parsePayloadUnitStartIndicator(packet);
+ if (currentNal.nalUnitType === 'access_unit_delimiter_rbsp') {
+ // Since the very first nal unit is expected to be an AUD
+ // only push to the frames array when currentFrame is not empty
+ if (currentFrame.length) {
+ currentFrame.duration = currentNal.dts - currentFrame.dts; // TODO added for LHLS, make sure this is OK
- if (!pusi) {
- return null;
- }
+ frames.byteLength += currentFrame.byteLength;
+ frames.nalCount += currentFrame.length;
+ frames.duration += currentFrame.duration;
+ frames.push(currentFrame);
+ }
- var offset = 4 + parseAdaptionField(packet);
+ currentFrame = [currentNal];
+ currentFrame.byteLength = currentNal.data.byteLength;
+ currentFrame.pts = currentNal.pts;
+ currentFrame.dts = currentNal.dts;
+ } else {
+ // Specifically flag key frames for ease of use later
+ if (currentNal.nalUnitType === 'slice_layer_without_partitioning_rbsp_idr') {
+ currentFrame.keyFrame = true;
+ }
- if (offset >= packet.byteLength) {
- // From the H 222.0 MPEG-TS spec
- // "For transport stream packets carrying PES packets, stuffing is needed when there
- // is insufficient PES packet data to completely fill the transport stream packet
- // payload bytes. Stuffing is accomplished by defining an adaptation field longer than
- // the sum of the lengths of the data elements in it, so that the payload bytes
- // remaining after the adaptation field exactly accommodates the available PES packet
- // data."
- //
- // If the offset is >= the length of the packet, then the packet contains no data
- // and instead is just adaption field stuffing bytes
- return null;
- }
+ currentFrame.duration = currentNal.dts - currentFrame.dts;
+ currentFrame.byteLength += currentNal.data.byteLength;
+ currentFrame.push(currentNal);
+ }
+ } // For the last frame, use the duration of the previous frame if we
+ // have nothing better to go on
+
+
+ if (frames.length && (!currentFrame.duration || currentFrame.duration <= 0)) {
+ currentFrame.duration = frames[frames.length - 1].duration;
+ } // Push the final frame
+ // TODO added for LHLS, make sure this is OK
+
+
+ frames.byteLength += currentFrame.byteLength;
+ frames.nalCount += currentFrame.length;
+ frames.duration += currentFrame.duration;
+ frames.push(currentFrame);
+ return frames;
+ }; // Convert an array of frames into an array of Gop with each Gop being composed
+ // of the frames that make up that Gop
+ // Also keep track of cummulative data about the Gop from the frames such as the
+ // Gop duration, starting pts, etc.
+
+
+ var groupFramesIntoGops = function groupFramesIntoGops(frames) {
+ var i,
+ currentFrame,
+ currentGop = [],
+ gops = []; // We must pre-set some of the values on the Gop since we
+ // keep running totals of these values
+
+ currentGop.byteLength = 0;
+ currentGop.nalCount = 0;
+ currentGop.duration = 0;
+ currentGop.pts = frames[0].pts;
+ currentGop.dts = frames[0].dts; // store some metadata about all the Gops
+
+ gops.byteLength = 0;
+ gops.nalCount = 0;
+ gops.duration = 0;
+ gops.pts = frames[0].pts;
+ gops.dts = frames[0].dts;
+
+ for (i = 0; i < frames.length; i++) {
+ currentFrame = frames[i];
+
+ if (currentFrame.keyFrame) {
+ // Since the very first frame is expected to be an keyframe
+ // only push to the gops array when currentGop is not empty
+ if (currentGop.length) {
+ gops.push(currentGop);
+ gops.byteLength += currentGop.byteLength;
+ gops.nalCount += currentGop.nalCount;
+ gops.duration += currentGop.duration;
+ }
- var pes = null;
- var ptsDtsFlags; // PES packets may be annotated with a PTS value, or a PTS value
- // and a DTS value. Determine what combination of values is
- // available to work with.
+ currentGop = [currentFrame];
+ currentGop.nalCount = currentFrame.length;
+ currentGop.byteLength = currentFrame.byteLength;
+ currentGop.pts = currentFrame.pts;
+ currentGop.dts = currentFrame.dts;
+ currentGop.duration = currentFrame.duration;
+ } else {
+ currentGop.duration += currentFrame.duration;
+ currentGop.nalCount += currentFrame.length;
+ currentGop.byteLength += currentFrame.byteLength;
+ currentGop.push(currentFrame);
+ }
+ }
- ptsDtsFlags = packet[offset + 7]; // PTS and DTS are normally stored as a 33-bit number. Javascript
- // performs all bitwise operations on 32-bit integers but javascript
- // supports a much greater range (52-bits) of integer using standard
- // mathematical operations.
- // We construct a 31-bit value using bitwise operators over the 31
- // most significant bits and then multiply by 4 (equal to a left-shift
- // of 2) before we add the final 2 least significant bits of the
- // timestamp (equal to an OR.)
+ if (gops.length && currentGop.duration <= 0) {
+ currentGop.duration = gops[gops.length - 1].duration;
+ }
- if (ptsDtsFlags & 0xC0) {
- pes = {}; // the PTS and DTS are not written out directly. For information
- // on how they are encoded, see
- // http://dvd.sourceforge.net/dvdinfo/pes-hdr.html
+ gops.byteLength += currentGop.byteLength;
+ gops.nalCount += currentGop.nalCount;
+ gops.duration += currentGop.duration; // push the final Gop
- pes.pts = (packet[offset + 9] & 0x0E) << 27 | (packet[offset + 10] & 0xFF) << 20 | (packet[offset + 11] & 0xFE) << 12 | (packet[offset + 12] & 0xFF) << 5 | (packet[offset + 13] & 0xFE) >>> 3;
- pes.pts *= 4; // Left shift by 2
+ gops.push(currentGop);
+ return gops;
+ };
+ /*
+ * Search for the first keyframe in the GOPs and throw away all frames
+ * until that keyframe. Then extend the duration of the pulled keyframe
+ * and pull the PTS and DTS of the keyframe so that it covers the time
+ * range of the frames that were disposed.
+ *
+ * @param {Array} gops video GOPs
+ * @returns {Array} modified video GOPs
+ */
- pes.pts += (packet[offset + 13] & 0x06) >>> 1; // OR by the two LSBs
- pes.dts = pes.pts;
+ var extendFirstKeyFrame = function extendFirstKeyFrame(gops) {
+ var currentGop;
- if (ptsDtsFlags & 0x40) {
- pes.dts = (packet[offset + 14] & 0x0E) << 27 | (packet[offset + 15] & 0xFF) << 20 | (packet[offset + 16] & 0xFE) << 12 | (packet[offset + 17] & 0xFF) << 5 | (packet[offset + 18] & 0xFE) >>> 3;
- pes.dts *= 4; // Left shift by 2
+ if (!gops[0][0].keyFrame && gops.length > 1) {
+ // Remove the first GOP
+ currentGop = gops.shift();
+ gops.byteLength -= currentGop.byteLength;
+ gops.nalCount -= currentGop.nalCount; // Extend the first frame of what is now the
+ // first gop to cover the time period of the
+ // frames we just removed
- pes.dts += (packet[offset + 18] & 0x06) >>> 1; // OR by the two LSBs
+ gops[0][0].dts = currentGop.dts;
+ gops[0][0].pts = currentGop.pts;
+ gops[0][0].duration += currentGop.duration;
}
- }
-
- return pes;
- };
-
- var parseNalUnitType = function parseNalUnitType(type) {
- switch (type) {
- case 0x05:
- return 'slice_layer_without_partitioning_rbsp_idr';
- case 0x06:
- return 'sei_rbsp';
+ return gops;
+ };
+ /**
+ * Default sample object
+ * see ISO/IEC 14496-12:2012, section 8.6.4.3
+ */
- case 0x07:
- return 'seq_parameter_set_rbsp';
- case 0x08:
- return 'pic_parameter_set_rbsp';
+ var createDefaultSample = function createDefaultSample() {
+ return {
+ size: 0,
+ flags: {
+ isLeading: 0,
+ dependsOn: 1,
+ isDependedOn: 0,
+ hasRedundancy: 0,
+ degradationPriority: 0,
+ isNonSyncSample: 1
+ }
+ };
+ };
+ /*
+ * Collates information from a video frame into an object for eventual
+ * entry into an MP4 sample table.
+ *
+ * @param {Object} frame the video frame
+ * @param {Number} dataOffset the byte offset to position the sample
+ * @return {Object} object containing sample table info for a frame
+ */
- case 0x09:
- return 'access_unit_delimiter_rbsp';
- default:
- return null;
- }
- };
+ var sampleForFrame = function sampleForFrame(frame, dataOffset) {
+ var sample = createDefaultSample();
+ sample.dataOffset = dataOffset;
+ sample.compositionTimeOffset = frame.pts - frame.dts;
+ sample.duration = frame.duration;
+ sample.size = 4 * frame.length; // Space for nal unit size
- var videoPacketContainsKeyFrame = function videoPacketContainsKeyFrame(packet) {
- var offset = 4 + parseAdaptionField(packet);
- var frameBuffer = packet.subarray(offset);
- var frameI = 0;
- var frameSyncPoint = 0;
- var foundKeyFrame = false;
- var nalType; // advance the sync point to a NAL start, if necessary
+ sample.size += frame.byteLength;
- for (; frameSyncPoint < frameBuffer.byteLength - 3; frameSyncPoint++) {
- if (frameBuffer[frameSyncPoint + 2] === 1) {
- // the sync point is properly aligned
- frameI = frameSyncPoint + 5;
- break;
+ if (frame.keyFrame) {
+ sample.flags.dependsOn = 2;
+ sample.flags.isNonSyncSample = 0;
}
- }
- while (frameI < frameBuffer.byteLength) {
- // look at the current byte to determine if we've hit the end of
- // a NAL unit boundary
- switch (frameBuffer[frameI]) {
- case 0:
- // skip past non-sync sequences
- if (frameBuffer[frameI - 1] !== 0) {
- frameI += 2;
- break;
- } else if (frameBuffer[frameI - 2] !== 0) {
- frameI++;
- break;
- }
+ return sample;
+ }; // generate the track's sample table from an array of gops
- if (frameSyncPoint + 3 !== frameI - 2) {
- nalType = parseNalUnitType(frameBuffer[frameSyncPoint + 3] & 0x1f);
- if (nalType === 'slice_layer_without_partitioning_rbsp_idr') {
- foundKeyFrame = true;
- }
- } // drop trailing zeroes
+ var generateSampleTable$1 = function generateSampleTable(gops, baseDataOffset) {
+ var h,
+ i,
+ sample,
+ currentGop,
+ currentFrame,
+ dataOffset = baseDataOffset || 0,
+ samples = [];
+ for (h = 0; h < gops.length; h++) {
+ currentGop = gops[h];
- do {
- frameI++;
- } while (frameBuffer[frameI] !== 1 && frameI < frameBuffer.length);
+ for (i = 0; i < currentGop.length; i++) {
+ currentFrame = currentGop[i];
+ sample = sampleForFrame(currentFrame, dataOffset);
+ dataOffset += sample.size;
+ samples.push(sample);
+ }
+ }
- frameSyncPoint = frameI - 2;
- frameI += 3;
- break;
+ return samples;
+ }; // generate the track's raw mdat data from an array of gops
- case 1:
- // skip past non-sync sequences
- if (frameBuffer[frameI - 1] !== 0 || frameBuffer[frameI - 2] !== 0) {
- frameI += 3;
- break;
- }
- nalType = parseNalUnitType(frameBuffer[frameSyncPoint + 3] & 0x1f);
+ var concatenateNalData = function concatenateNalData(gops) {
+ var h,
+ i,
+ j,
+ currentGop,
+ currentFrame,
+ currentNal,
+ dataOffset = 0,
+ nalsByteLength = gops.byteLength,
+ numberOfNals = gops.nalCount,
+ totalByteLength = nalsByteLength + 4 * numberOfNals,
+ data = new Uint8Array(totalByteLength),
+ view = new DataView(data.buffer); // For each Gop..
- if (nalType === 'slice_layer_without_partitioning_rbsp_idr') {
- foundKeyFrame = true;
- }
+ for (h = 0; h < gops.length; h++) {
+ currentGop = gops[h]; // For each Frame..
- frameSyncPoint = frameI - 2;
- frameI += 3;
- break;
+ for (i = 0; i < currentGop.length; i++) {
+ currentFrame = currentGop[i]; // For each NAL..
- default:
- // the current byte isn't a one or zero, so it cannot be part
- // of a sync sequence
- frameI += 3;
- break;
+ for (j = 0; j < currentFrame.length; j++) {
+ currentNal = currentFrame[j];
+ view.setUint32(dataOffset, currentNal.data.byteLength);
+ dataOffset += 4;
+ data.set(currentNal.data, dataOffset);
+ dataOffset += currentNal.data.byteLength;
+ }
+ }
}
- }
- frameBuffer = frameBuffer.subarray(frameSyncPoint);
- frameI -= frameSyncPoint;
- frameSyncPoint = 0; // parse the final nal
+ return data;
+ }; // generate the track's sample table from a frame
- if (frameBuffer && frameBuffer.byteLength > 3) {
- nalType = parseNalUnitType(frameBuffer[frameSyncPoint + 3] & 0x1f);
- if (nalType === 'slice_layer_without_partitioning_rbsp_idr') {
- foundKeyFrame = true;
- }
- }
+ var generateSampleTableForFrame = function generateSampleTableForFrame(frame, baseDataOffset) {
+ var sample,
+ dataOffset = baseDataOffset || 0,
+ samples = [];
+ sample = sampleForFrame(frame, dataOffset);
+ samples.push(sample);
+ return samples;
+ }; // generate the track's raw mdat data from a frame
- return foundKeyFrame;
- };
- var probe$1 = {
- parseType: parseType$1,
- parsePat: parsePat,
- parsePmt: parsePmt,
- parsePayloadUnitStartIndicator: parsePayloadUnitStartIndicator,
- parsePesType: parsePesType,
- parsePesTime: parsePesTime,
- videoPacketContainsKeyFrame: videoPacketContainsKeyFrame
- };
+ var concatenateNalDataForFrame = function concatenateNalDataForFrame(frame) {
+ var i,
+ currentNal,
+ dataOffset = 0,
+ nalsByteLength = frame.byteLength,
+ numberOfNals = frame.length,
+ totalByteLength = nalsByteLength + 4 * numberOfNals,
+ data = new Uint8Array(totalByteLength),
+ view = new DataView(data.buffer); // For each NAL..
- /**
- * mux.js
- *
- * Copyright (c) Brightcove
- * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
- *
- * Utilities to detect basic properties and metadata about Aac data.
- */
+ for (i = 0; i < frame.length; i++) {
+ currentNal = frame[i];
+ view.setUint32(dataOffset, currentNal.data.byteLength);
+ dataOffset += 4;
+ data.set(currentNal.data, dataOffset);
+ dataOffset += currentNal.data.byteLength;
+ }
- var ADTS_SAMPLING_FREQUENCIES = [96000, 88200, 64000, 48000, 44100, 32000, 24000, 22050, 16000, 12000, 11025, 8000, 7350];
+ return data;
+ };
- var isLikelyAacData = function isLikelyAacData(data) {
- if (data[0] === 'I'.charCodeAt(0) && data[1] === 'D'.charCodeAt(0) && data[2] === '3'.charCodeAt(0)) {
- return true;
- }
+ var frameUtils = {
+ groupNalsIntoFrames: groupNalsIntoFrames,
+ groupFramesIntoGops: groupFramesIntoGops,
+ extendFirstKeyFrame: extendFirstKeyFrame,
+ generateSampleTable: generateSampleTable$1,
+ concatenateNalData: concatenateNalData,
+ generateSampleTableForFrame: generateSampleTableForFrame,
+ concatenateNalDataForFrame: concatenateNalDataForFrame
+ };
+ /**
+ * mux.js
+ *
+ * Copyright (c) Brightcove
+ * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
+ */
- return false;
- };
+ var highPrefix = [33, 16, 5, 32, 164, 27];
+ var lowPrefix = [33, 65, 108, 84, 1, 2, 4, 8, 168, 2, 4, 8, 17, 191, 252];
- var parseSyncSafeInteger = function parseSyncSafeInteger(data) {
- return data[0] << 21 | data[1] << 14 | data[2] << 7 | data[3];
- }; // return a percent-encoded representation of the specified byte range
- // @see http://en.wikipedia.org/wiki/Percent-encoding
+ var zeroFill = function zeroFill(count) {
+ var a = [];
+ while (count--) {
+ a.push(0);
+ }
- var percentEncode = function percentEncode(bytes, start, end) {
- var i,
- result = '';
+ return a;
+ };
- for (i = start; i < end; i++) {
- result += '%' + ('00' + bytes[i].toString(16)).slice(-2);
- }
+ var makeTable = function makeTable(metaTable) {
+ return Object.keys(metaTable).reduce(function (obj, key) {
+ obj[key] = new Uint8Array(metaTable[key].reduce(function (arr, part) {
+ return arr.concat(part);
+ }, []));
+ return obj;
+ }, {});
+ };
- return result;
- }; // return the string representation of the specified byte range,
- // interpreted as ISO-8859-1.
+ var silence;
+
+ var silence_1 = function silence_1() {
+ if (!silence) {
+ // Frames-of-silence to use for filling in missing AAC frames
+ var coneOfSilence = {
+ 96000: [highPrefix, [227, 64], zeroFill(154), [56]],
+ 88200: [highPrefix, [231], zeroFill(170), [56]],
+ 64000: [highPrefix, [248, 192], zeroFill(240), [56]],
+ 48000: [highPrefix, [255, 192], zeroFill(268), [55, 148, 128], zeroFill(54), [112]],
+ 44100: [highPrefix, [255, 192], zeroFill(268), [55, 163, 128], zeroFill(84), [112]],
+ 32000: [highPrefix, [255, 192], zeroFill(268), [55, 234], zeroFill(226), [112]],
+ 24000: [highPrefix, [255, 192], zeroFill(268), [55, 255, 128], zeroFill(268), [111, 112], zeroFill(126), [224]],
+ 16000: [highPrefix, [255, 192], zeroFill(268), [55, 255, 128], zeroFill(268), [111, 255], zeroFill(269), [223, 108], zeroFill(195), [1, 192]],
+ 12000: [lowPrefix, zeroFill(268), [3, 127, 248], zeroFill(268), [6, 255, 240], zeroFill(268), [13, 255, 224], zeroFill(268), [27, 253, 128], zeroFill(259), [56]],
+ 11025: [lowPrefix, zeroFill(268), [3, 127, 248], zeroFill(268), [6, 255, 240], zeroFill(268), [13, 255, 224], zeroFill(268), [27, 255, 192], zeroFill(268), [55, 175, 128], zeroFill(108), [112]],
+ 8000: [lowPrefix, zeroFill(268), [3, 121, 16], zeroFill(47), [7]]
+ };
+ silence = makeTable(coneOfSilence);
+ }
+ return silence;
+ };
+ /**
+ * mux.js
+ *
+ * Copyright (c) Brightcove
+ * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
+ */
- var parseIso88591 = function parseIso88591(bytes, start, end) {
- return unescape(percentEncode(bytes, start, end)); // jshint ignore:line
- };
- var parseId3TagSize = function parseId3TagSize(header, byteIndex) {
- var returnSize = header[byteIndex + 6] << 21 | header[byteIndex + 7] << 14 | header[byteIndex + 8] << 7 | header[byteIndex + 9],
- flags = header[byteIndex + 5],
- footerPresent = (flags & 16) >> 4;
+ var ONE_SECOND_IN_TS$4 = 90000,
+ // 90kHz clock
+ secondsToVideoTs,
+ secondsToAudioTs,
+ videoTsToSeconds,
+ audioTsToSeconds,
+ audioTsToVideoTs,
+ videoTsToAudioTs,
+ metadataTsToSeconds;
- if (footerPresent) {
- return returnSize + 20;
- }
+ secondsToVideoTs = function secondsToVideoTs(seconds) {
+ return seconds * ONE_SECOND_IN_TS$4;
+ };
- return returnSize + 10;
- };
+ secondsToAudioTs = function secondsToAudioTs(seconds, sampleRate) {
+ return seconds * sampleRate;
+ };
- var parseAdtsSize = function parseAdtsSize(header, byteIndex) {
- var lowThree = (header[byteIndex + 5] & 0xE0) >> 5,
- middle = header[byteIndex + 4] << 3,
- highTwo = header[byteIndex + 3] & 0x3 << 11;
- return highTwo | middle | lowThree;
- };
+ videoTsToSeconds = function videoTsToSeconds(timestamp) {
+ return timestamp / ONE_SECOND_IN_TS$4;
+ };
- var parseType$2 = function parseType(header, byteIndex) {
- if (header[byteIndex] === 'I'.charCodeAt(0) && header[byteIndex + 1] === 'D'.charCodeAt(0) && header[byteIndex + 2] === '3'.charCodeAt(0)) {
- return 'timed-metadata';
- } else if (header[byteIndex] & 0xff === 0xff && (header[byteIndex + 1] & 0xf0) === 0xf0) {
- return 'audio';
- }
+ audioTsToSeconds = function audioTsToSeconds(timestamp, sampleRate) {
+ return timestamp / sampleRate;
+ };
- return null;
- };
+ audioTsToVideoTs = function audioTsToVideoTs(timestamp, sampleRate) {
+ return secondsToVideoTs(audioTsToSeconds(timestamp, sampleRate));
+ };
- var parseSampleRate = function parseSampleRate(packet) {
- var i = 0;
+ videoTsToAudioTs = function videoTsToAudioTs(timestamp, sampleRate) {
+ return secondsToAudioTs(videoTsToSeconds(timestamp), sampleRate);
+ };
+ /**
+ * Adjust ID3 tag or caption timing information by the timeline pts values
+ * (if keepOriginalTimestamps is false) and convert to seconds
+ */
- while (i + 5 < packet.length) {
- if (packet[i] !== 0xFF || (packet[i + 1] & 0xF6) !== 0xF0) {
- // If a valid header was not found, jump one forward and attempt to
- // find a valid ADTS header starting at the next byte
- i++;
- continue;
- }
- return ADTS_SAMPLING_FREQUENCIES[(packet[i + 2] & 0x3c) >>> 2];
- }
+ metadataTsToSeconds = function metadataTsToSeconds(timestamp, timelineStartPts, keepOriginalTimestamps) {
+ return videoTsToSeconds(keepOriginalTimestamps ? timestamp : timestamp - timelineStartPts);
+ };
- return null;
- };
+ var clock = {
+ ONE_SECOND_IN_TS: ONE_SECOND_IN_TS$4,
+ secondsToVideoTs: secondsToVideoTs,
+ secondsToAudioTs: secondsToAudioTs,
+ videoTsToSeconds: videoTsToSeconds,
+ audioTsToSeconds: audioTsToSeconds,
+ audioTsToVideoTs: audioTsToVideoTs,
+ videoTsToAudioTs: videoTsToAudioTs,
+ metadataTsToSeconds: metadataTsToSeconds
+ };
+ /**
+ * mux.js
+ *
+ * Copyright (c) Brightcove
+ * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
+ */
- var parseAacTimestamp = function parseAacTimestamp(packet) {
- var frameStart, frameSize, frame, frameHeader; // find the start of the first frame and the end of the tag
+ /**
+ * Sum the `byteLength` properties of the data in each AAC frame
+ */
- frameStart = 10;
+ var sumFrameByteLengths = function sumFrameByteLengths(array) {
+ var i,
+ currentObj,
+ sum = 0; // sum the byteLength's all each nal unit in the frame
- if (packet[5] & 0x40) {
- // advance the frame start past the extended header
- frameStart += 4; // header size field
+ for (i = 0; i < array.length; i++) {
+ currentObj = array[i];
+ sum += currentObj.data.byteLength;
+ }
- frameStart += parseSyncSafeInteger(packet.subarray(10, 14));
- } // parse one or more ID3 frames
- // http://id3.org/id3v2.3.0#ID3v2_frame_overview
+ return sum;
+ }; // Possibly pad (prefix) the audio track with silence if appending this track
+ // would lead to the introduction of a gap in the audio buffer
- do {
- // determine the number of bytes in this frame
- frameSize = parseSyncSafeInteger(packet.subarray(frameStart + 4, frameStart + 8));
+ var prefixWithSilence = function prefixWithSilence(track, frames, audioAppendStartTs, videoBaseMediaDecodeTime) {
+ var baseMediaDecodeTimeTs,
+ frameDuration = 0,
+ audioGapDuration = 0,
+ audioFillFrameCount = 0,
+ audioFillDuration = 0,
+ silentFrame,
+ i,
+ firstFrame;
- if (frameSize < 1) {
- return null;
+ if (!frames.length) {
+ return;
}
- frameHeader = String.fromCharCode(packet[frameStart], packet[frameStart + 1], packet[frameStart + 2], packet[frameStart + 3]);
+ baseMediaDecodeTimeTs = clock.audioTsToVideoTs(track.baseMediaDecodeTime, track.samplerate); // determine frame clock duration based on sample rate, round up to avoid overfills
- if (frameHeader === 'PRIV') {
- frame = packet.subarray(frameStart + 10, frameStart + frameSize + 10);
+ frameDuration = Math.ceil(clock.ONE_SECOND_IN_TS / (track.samplerate / 1024));
- for (var i = 0; i < frame.byteLength; i++) {
- if (frame[i] === 0) {
- var owner = parseIso88591(frame, 0, i);
+ if (audioAppendStartTs && videoBaseMediaDecodeTime) {
+ // insert the shortest possible amount (audio gap or audio to video gap)
+ audioGapDuration = baseMediaDecodeTimeTs - Math.max(audioAppendStartTs, videoBaseMediaDecodeTime); // number of full frames in the audio gap
- if (owner === 'com.apple.streaming.transportStreamTimestamp') {
- var d = frame.subarray(i + 1);
- var size = (d[3] & 0x01) << 30 | d[4] << 22 | d[5] << 14 | d[6] << 6 | d[7] >>> 2;
- size *= 4;
- size += d[7] & 0x03;
- return size;
- }
+ audioFillFrameCount = Math.floor(audioGapDuration / frameDuration);
+ audioFillDuration = audioFillFrameCount * frameDuration;
+ } // don't attempt to fill gaps smaller than a single frame or larger
+ // than a half second
- break;
- }
- }
- }
- frameStart += 10; // advance past the frame header
+ if (audioFillFrameCount < 1 || audioFillDuration > clock.ONE_SECOND_IN_TS / 2) {
+ return;
+ }
- frameStart += frameSize; // advance past the frame body
- } while (frameStart < packet.byteLength);
+ silentFrame = silence_1()[track.samplerate];
- return null;
- };
+ if (!silentFrame) {
+ // we don't have a silent frame pregenerated for the sample rate, so use a frame
+ // from the content instead
+ silentFrame = frames[0].data;
+ }
- var utils = {
- isLikelyAacData: isLikelyAacData,
- parseId3TagSize: parseId3TagSize,
- parseAdtsSize: parseAdtsSize,
- parseType: parseType$2,
- parseSampleRate: parseSampleRate,
- parseAacTimestamp: parseAacTimestamp
- };
+ for (i = 0; i < audioFillFrameCount; i++) {
+ firstFrame = frames[0];
+ frames.splice(0, 0, {
+ data: silentFrame,
+ dts: firstFrame.dts - frameDuration,
+ pts: firstFrame.pts - frameDuration
+ });
+ }
- /**
- * mux.js
- *
- * Copyright (c) Brightcove
- * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
- */
- var ONE_SECOND_IN_TS = 90000,
- // 90kHz clock
- secondsToVideoTs,
- secondsToAudioTs,
- videoTsToSeconds,
- audioTsToSeconds,
- audioTsToVideoTs,
- videoTsToAudioTs,
- metadataTsToSeconds;
+ track.baseMediaDecodeTime -= Math.floor(clock.videoTsToAudioTs(audioFillDuration, track.samplerate));
+ return audioFillDuration;
+ }; // If the audio segment extends before the earliest allowed dts
+ // value, remove AAC frames until starts at or after the earliest
+ // allowed DTS so that we don't end up with a negative baseMedia-
+ // DecodeTime for the audio track
- secondsToVideoTs = function secondsToVideoTs(seconds) {
- return seconds * ONE_SECOND_IN_TS;
- };
- secondsToAudioTs = function secondsToAudioTs(seconds, sampleRate) {
- return seconds * sampleRate;
- };
+ var trimAdtsFramesByEarliestDts = function trimAdtsFramesByEarliestDts(adtsFrames, track, earliestAllowedDts) {
+ if (track.minSegmentDts >= earliestAllowedDts) {
+ return adtsFrames;
+ } // We will need to recalculate the earliest segment Dts
- videoTsToSeconds = function videoTsToSeconds(timestamp) {
- return timestamp / ONE_SECOND_IN_TS;
- };
- audioTsToSeconds = function audioTsToSeconds(timestamp, sampleRate) {
- return timestamp / sampleRate;
- };
+ track.minSegmentDts = Infinity;
+ return adtsFrames.filter(function (currentFrame) {
+ // If this is an allowed frame, keep it and record it's Dts
+ if (currentFrame.dts >= earliestAllowedDts) {
+ track.minSegmentDts = Math.min(track.minSegmentDts, currentFrame.dts);
+ track.minSegmentPts = track.minSegmentDts;
+ return true;
+ } // Otherwise, discard it
- audioTsToVideoTs = function audioTsToVideoTs(timestamp, sampleRate) {
- return secondsToVideoTs(audioTsToSeconds(timestamp, sampleRate));
- };
- videoTsToAudioTs = function videoTsToAudioTs(timestamp, sampleRate) {
- return secondsToAudioTs(videoTsToSeconds(timestamp), sampleRate);
- };
- /**
- * Adjust ID3 tag or caption timing information by the timeline pts values
- * (if keepOriginalTimestamps is false) and convert to seconds
- */
+ return false;
+ });
+ }; // generate the track's raw mdat data from an array of frames
- metadataTsToSeconds = function metadataTsToSeconds(timestamp, timelineStartPts, keepOriginalTimestamps) {
- return videoTsToSeconds(keepOriginalTimestamps ? timestamp : timestamp - timelineStartPts);
- };
+ var generateSampleTable = function generateSampleTable(frames) {
+ var i,
+ currentFrame,
+ samples = [];
- var clock = {
- ONE_SECOND_IN_TS: ONE_SECOND_IN_TS,
- secondsToVideoTs: secondsToVideoTs,
- secondsToAudioTs: secondsToAudioTs,
- videoTsToSeconds: videoTsToSeconds,
- audioTsToSeconds: audioTsToSeconds,
- audioTsToVideoTs: audioTsToVideoTs,
- videoTsToAudioTs: videoTsToAudioTs,
- metadataTsToSeconds: metadataTsToSeconds
- };
+ for (i = 0; i < frames.length; i++) {
+ currentFrame = frames[i];
+ samples.push({
+ size: currentFrame.data.byteLength,
+ duration: 1024 // For AAC audio, all samples contain 1024 samples
- var handleRollover$1 = timestampRolloverStream.handleRollover;
- var probe$2 = {};
- probe$2.ts = probe$1;
- probe$2.aac = utils;
- var ONE_SECOND_IN_TS$1 = clock.ONE_SECOND_IN_TS;
- var MP2T_PACKET_LENGTH = 188,
- // bytes
- SYNC_BYTE = 0x47;
- /**
- * walks through segment data looking for pat and pmt packets to parse out
- * program map table information
- */
+ });
+ }
- var parsePsi_ = function parsePsi_(bytes, pmt) {
- var startIndex = 0,
- endIndex = MP2T_PACKET_LENGTH,
- packet,
- type;
+ return samples;
+ }; // generate the track's sample table from an array of frames
- while (endIndex < bytes.byteLength) {
- // Look for a pair of start and end sync bytes in the data..
- if (bytes[startIndex] === SYNC_BYTE && bytes[endIndex] === SYNC_BYTE) {
- // We found a packet
- packet = bytes.subarray(startIndex, endIndex);
- type = probe$2.ts.parseType(packet, pmt.pid);
- switch (type) {
- case 'pat':
- if (!pmt.pid) {
- pmt.pid = probe$2.ts.parsePat(packet);
- }
+ var concatenateFrameData = function concatenateFrameData(frames) {
+ var i,
+ currentFrame,
+ dataOffset = 0,
+ data = new Uint8Array(sumFrameByteLengths(frames));
- break;
+ for (i = 0; i < frames.length; i++) {
+ currentFrame = frames[i];
+ data.set(currentFrame.data, dataOffset);
+ dataOffset += currentFrame.data.byteLength;
+ }
- case 'pmt':
- if (!pmt.table) {
- pmt.table = probe$2.ts.parsePmt(packet);
- }
+ return data;
+ };
- break;
- } // Found the pat and pmt, we can stop walking the segment
+ var audioFrameUtils = {
+ prefixWithSilence: prefixWithSilence,
+ trimAdtsFramesByEarliestDts: trimAdtsFramesByEarliestDts,
+ generateSampleTable: generateSampleTable,
+ concatenateFrameData: concatenateFrameData
+ };
+ /**
+ * mux.js
+ *
+ * Copyright (c) Brightcove
+ * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
+ */
+ var ONE_SECOND_IN_TS$3 = clock.ONE_SECOND_IN_TS;
+ /**
+ * Store information about the start and end of the track and the
+ * duration for each frame/sample we process in order to calculate
+ * the baseMediaDecodeTime
+ */
- if (pmt.pid && pmt.table) {
- return;
+ var collectDtsInfo = function collectDtsInfo(track, data) {
+ if (typeof data.pts === 'number') {
+ if (track.timelineStartInfo.pts === undefined) {
+ track.timelineStartInfo.pts = data.pts;
}
- startIndex += MP2T_PACKET_LENGTH;
- endIndex += MP2T_PACKET_LENGTH;
- continue;
- } // If we get here, we have somehow become de-synchronized and we need to step
- // forward one byte at a time until we find a pair of sync bytes that denote
- // a packet
+ if (track.minSegmentPts === undefined) {
+ track.minSegmentPts = data.pts;
+ } else {
+ track.minSegmentPts = Math.min(track.minSegmentPts, data.pts);
+ }
+ if (track.maxSegmentPts === undefined) {
+ track.maxSegmentPts = data.pts;
+ } else {
+ track.maxSegmentPts = Math.max(track.maxSegmentPts, data.pts);
+ }
+ }
- startIndex++;
- endIndex++;
- }
- };
- /**
- * walks through the segment data from the start and end to get timing information
- * for the first and last audio pes packets
- */
+ if (typeof data.dts === 'number') {
+ if (track.timelineStartInfo.dts === undefined) {
+ track.timelineStartInfo.dts = data.dts;
+ }
+ if (track.minSegmentDts === undefined) {
+ track.minSegmentDts = data.dts;
+ } else {
+ track.minSegmentDts = Math.min(track.minSegmentDts, data.dts);
+ }
- var parseAudioPes_ = function parseAudioPes_(bytes, pmt, result) {
- var startIndex = 0,
- endIndex = MP2T_PACKET_LENGTH,
- packet,
- type,
- pesType,
- pusi,
- parsed;
- var endLoop = false; // Start walking from start of segment to get first audio packet
+ if (track.maxSegmentDts === undefined) {
+ track.maxSegmentDts = data.dts;
+ } else {
+ track.maxSegmentDts = Math.max(track.maxSegmentDts, data.dts);
+ }
+ }
+ };
+ /**
+ * Clear values used to calculate the baseMediaDecodeTime between
+ * tracks
+ */
- while (endIndex <= bytes.byteLength) {
- // Look for a pair of start and end sync bytes in the data..
- if (bytes[startIndex] === SYNC_BYTE && (bytes[endIndex] === SYNC_BYTE || endIndex === bytes.byteLength)) {
- // We found a packet
- packet = bytes.subarray(startIndex, endIndex);
- type = probe$2.ts.parseType(packet, pmt.pid);
- switch (type) {
- case 'pes':
- pesType = probe$2.ts.parsePesType(packet, pmt.table);
- pusi = probe$2.ts.parsePayloadUnitStartIndicator(packet);
+ var clearDtsInfo = function clearDtsInfo(track) {
+ delete track.minSegmentDts;
+ delete track.maxSegmentDts;
+ delete track.minSegmentPts;
+ delete track.maxSegmentPts;
+ };
+ /**
+ * Calculate the track's baseMediaDecodeTime based on the earliest
+ * DTS the transmuxer has ever seen and the minimum DTS for the
+ * current track
+ * @param track {object} track metadata configuration
+ * @param keepOriginalTimestamps {boolean} If true, keep the timestamps
+ * in the source; false to adjust the first segment to start at 0.
+ */
- if (pesType === 'audio' && pusi) {
- parsed = probe$2.ts.parsePesTime(packet);
- if (parsed) {
- parsed.type = 'audio';
- result.audio.push(parsed);
- endLoop = true;
- }
- }
+ var calculateTrackBaseMediaDecodeTime = function calculateTrackBaseMediaDecodeTime(track, keepOriginalTimestamps) {
+ var baseMediaDecodeTime,
+ scale,
+ minSegmentDts = track.minSegmentDts; // Optionally adjust the time so the first segment starts at zero.
- break;
- }
+ if (!keepOriginalTimestamps) {
+ minSegmentDts -= track.timelineStartInfo.dts;
+ } // track.timelineStartInfo.baseMediaDecodeTime is the location, in time, where
+ // we want the start of the first segment to be placed
- if (endLoop) {
- break;
- }
- startIndex += MP2T_PACKET_LENGTH;
- endIndex += MP2T_PACKET_LENGTH;
- continue;
- } // If we get here, we have somehow become de-synchronized and we need to step
- // forward one byte at a time until we find a pair of sync bytes that denote
- // a packet
+ baseMediaDecodeTime = track.timelineStartInfo.baseMediaDecodeTime; // Add to that the distance this segment is from the very first
+ baseMediaDecodeTime += minSegmentDts; // baseMediaDecodeTime must not become negative
- startIndex++;
- endIndex++;
- } // Start walking from end of segment to get last audio packet
+ baseMediaDecodeTime = Math.max(0, baseMediaDecodeTime);
+ if (track.type === 'audio') {
+ // Audio has a different clock equal to the sampling_rate so we need to
+ // scale the PTS values into the clock rate of the track
+ scale = track.samplerate / ONE_SECOND_IN_TS$3;
+ baseMediaDecodeTime *= scale;
+ baseMediaDecodeTime = Math.floor(baseMediaDecodeTime);
+ }
- endIndex = bytes.byteLength;
- startIndex = endIndex - MP2T_PACKET_LENGTH;
- endLoop = false;
+ return baseMediaDecodeTime;
+ };
- while (startIndex >= 0) {
- // Look for a pair of start and end sync bytes in the data..
- if (bytes[startIndex] === SYNC_BYTE && (bytes[endIndex] === SYNC_BYTE || endIndex === bytes.byteLength)) {
- // We found a packet
- packet = bytes.subarray(startIndex, endIndex);
- type = probe$2.ts.parseType(packet, pmt.pid);
+ var trackDecodeInfo = {
+ clearDtsInfo: clearDtsInfo,
+ calculateTrackBaseMediaDecodeTime: calculateTrackBaseMediaDecodeTime,
+ collectDtsInfo: collectDtsInfo
+ };
+ /**
+ * mux.js
+ *
+ * Copyright (c) Brightcove
+ * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
+ *
+ * Reads in-band caption information from a video elementary
+ * stream. Captions must follow the CEA-708 standard for injection
+ * into an MPEG-2 transport streams.
+ * @see https://en.wikipedia.org/wiki/CEA-708
+ * @see https://www.gpo.gov/fdsys/pkg/CFR-2007-title47-vol1/pdf/CFR-2007-title47-vol1-sec15-119.pdf
+ */
+ // payload type field to indicate how they are to be
+ // interpreted. CEAS-708 caption content is always transmitted with
+ // payload type 0x04.
- switch (type) {
- case 'pes':
- pesType = probe$2.ts.parsePesType(packet, pmt.table);
- pusi = probe$2.ts.parsePayloadUnitStartIndicator(packet);
+ var USER_DATA_REGISTERED_ITU_T_T35 = 4,
+ RBSP_TRAILING_BITS = 128;
+ /**
+ * Parse a supplemental enhancement information (SEI) NAL unit.
+ * Stops parsing once a message of type ITU T T35 has been found.
+ *
+ * @param bytes {Uint8Array} the bytes of a SEI NAL unit
+ * @return {object} the parsed SEI payload
+ * @see Rec. ITU-T H.264, 7.3.2.3.1
+ */
- if (pesType === 'audio' && pusi) {
- parsed = probe$2.ts.parsePesTime(packet);
+ var parseSei = function parseSei(bytes) {
+ var i = 0,
+ result = {
+ payloadType: -1,
+ payloadSize: 0
+ },
+ payloadType = 0,
+ payloadSize = 0; // go through the sei_rbsp parsing each each individual sei_message
- if (parsed) {
- parsed.type = 'audio';
- result.audio.push(parsed);
- endLoop = true;
- }
- }
+ while (i < bytes.byteLength) {
+ // stop once we have hit the end of the sei_rbsp
+ if (bytes[i] === RBSP_TRAILING_BITS) {
+ break;
+ } // Parse payload type
- break;
- }
- if (endLoop) {
- break;
+ while (bytes[i] === 0xFF) {
+ payloadType += 255;
+ i++;
}
- startIndex -= MP2T_PACKET_LENGTH;
- endIndex -= MP2T_PACKET_LENGTH;
- continue;
- } // If we get here, we have somehow become de-synchronized and we need to step
- // forward one byte at a time until we find a pair of sync bytes that denote
- // a packet
-
+ payloadType += bytes[i++]; // Parse payload size
- startIndex--;
- endIndex--;
- }
- };
- /**
- * walks through the segment data from the start and end to get timing information
- * for the first and last video pes packets as well as timing information for the first
- * key frame.
- */
+ while (bytes[i] === 0xFF) {
+ payloadSize += 255;
+ i++;
+ }
+ payloadSize += bytes[i++]; // this sei_message is a 608/708 caption so save it and break
+ // there can only ever be one caption message in a frame's sei
- var parseVideoPes_ = function parseVideoPes_(bytes, pmt, result) {
- var startIndex = 0,
- endIndex = MP2T_PACKET_LENGTH,
- packet,
- type,
- pesType,
- pusi,
- parsed,
- frame,
- i,
- pes;
- var endLoop = false;
- var currentFrame = {
- data: [],
- size: 0
- }; // Start walking from start of segment to get first video packet
+ if (!result.payload && payloadType === USER_DATA_REGISTERED_ITU_T_T35) {
+ var userIdentifier = String.fromCharCode(bytes[i + 3], bytes[i + 4], bytes[i + 5], bytes[i + 6]);
- while (endIndex < bytes.byteLength) {
- // Look for a pair of start and end sync bytes in the data..
- if (bytes[startIndex] === SYNC_BYTE && bytes[endIndex] === SYNC_BYTE) {
- // We found a packet
- packet = bytes.subarray(startIndex, endIndex);
- type = probe$2.ts.parseType(packet, pmt.pid);
+ if (userIdentifier === 'GA94') {
+ result.payloadType = payloadType;
+ result.payloadSize = payloadSize;
+ result.payload = bytes.subarray(i, i + payloadSize);
+ break;
+ } else {
+ result.payload = void 0;
+ }
+ } // skip the payload and parse the next message
- switch (type) {
- case 'pes':
- pesType = probe$2.ts.parsePesType(packet, pmt.table);
- pusi = probe$2.ts.parsePayloadUnitStartIndicator(packet);
- if (pesType === 'video') {
- if (pusi && !endLoop) {
- parsed = probe$2.ts.parsePesTime(packet);
+ i += payloadSize;
+ payloadType = 0;
+ payloadSize = 0;
+ }
- if (parsed) {
- parsed.type = 'video';
- result.video.push(parsed);
- endLoop = true;
- }
- }
+ return result;
+ }; // see ANSI/SCTE 128-1 (2013), section 8.1
- if (!result.firstKeyFrame) {
- if (pusi) {
- if (currentFrame.size !== 0) {
- frame = new Uint8Array(currentFrame.size);
- i = 0;
- while (currentFrame.data.length) {
- pes = currentFrame.data.shift();
- frame.set(pes, i);
- i += pes.byteLength;
- }
+ var parseUserData = function parseUserData(sei) {
+ // itu_t_t35_contry_code must be 181 (United States) for
+ // captions
+ if (sei.payload[0] !== 181) {
+ return null;
+ } // itu_t_t35_provider_code should be 49 (ATSC) for captions
- if (probe$2.ts.videoPacketContainsKeyFrame(frame)) {
- var firstKeyFrame = probe$2.ts.parsePesTime(frame); // PTS/DTS may not be available. Simply *not* setting
- // the keyframe seems to work fine with HLS playback
- // and definitely preferable to a crash with TypeError...
-
- if (firstKeyFrame) {
- result.firstKeyFrame = firstKeyFrame;
- result.firstKeyFrame.type = 'video';
- } else {
- // eslint-disable-next-line
- console.warn('Failed to extract PTS/DTS from PES at first keyframe. ' + 'This could be an unusual TS segment, or else mux.js did not ' + 'parse your TS segment correctly. If you know your TS ' + 'segments do contain PTS/DTS on keyframes please file a bug ' + 'report! You can try ffprobe to double check for yourself.');
- }
- }
- currentFrame.size = 0;
- }
- }
+ if ((sei.payload[1] << 8 | sei.payload[2]) !== 49) {
+ return null;
+ } // the user_identifier should be "GA94" to indicate ATSC1 data
- currentFrame.data.push(packet);
- currentFrame.size += packet.byteLength;
- }
- }
- break;
- }
+ if (String.fromCharCode(sei.payload[3], sei.payload[4], sei.payload[5], sei.payload[6]) !== 'GA94') {
+ return null;
+ } // finally, user_data_type_code should be 0x03 for caption data
- if (endLoop && result.firstKeyFrame) {
- break;
- }
- startIndex += MP2T_PACKET_LENGTH;
- endIndex += MP2T_PACKET_LENGTH;
- continue;
- } // If we get here, we have somehow become de-synchronized and we need to step
- // forward one byte at a time until we find a pair of sync bytes that denote
- // a packet
+ if (sei.payload[7] !== 0x03) {
+ return null;
+ } // return the user_data_type_structure and strip the trailing
+ // marker bits
- startIndex++;
- endIndex++;
- } // Start walking from end of segment to get last video packet
+ return sei.payload.subarray(8, sei.payload.length - 1);
+ }; // see CEA-708-D, section 4.4
- endIndex = bytes.byteLength;
- startIndex = endIndex - MP2T_PACKET_LENGTH;
- endLoop = false;
+ var parseCaptionPackets = function parseCaptionPackets(pts, userData) {
+ var results = [],
+ i,
+ count,
+ offset,
+ data; // if this is just filler, return immediately
- while (startIndex >= 0) {
- // Look for a pair of start and end sync bytes in the data..
- if (bytes[startIndex] === SYNC_BYTE && bytes[endIndex] === SYNC_BYTE) {
- // We found a packet
- packet = bytes.subarray(startIndex, endIndex);
- type = probe$2.ts.parseType(packet, pmt.pid);
+ if (!(userData[0] & 0x40)) {
+ return results;
+ } // parse out the cc_data_1 and cc_data_2 fields
- switch (type) {
- case 'pes':
- pesType = probe$2.ts.parsePesType(packet, pmt.table);
- pusi = probe$2.ts.parsePayloadUnitStartIndicator(packet);
- if (pesType === 'video' && pusi) {
- parsed = probe$2.ts.parsePesTime(packet);
+ count = userData[0] & 0x1f;
- if (parsed) {
- parsed.type = 'video';
- result.video.push(parsed);
- endLoop = true;
- }
- }
+ for (i = 0; i < count; i++) {
+ offset = i * 3;
+ data = {
+ type: userData[offset + 2] & 0x03,
+ pts: pts
+ }; // capture cc data when cc_valid is 1
- break;
+ if (userData[offset + 2] & 0x04) {
+ data.ccData = userData[offset + 3] << 8 | userData[offset + 4];
+ results.push(data);
}
+ }
- if (endLoop) {
- break;
+ return results;
+ };
+
+ var discardEmulationPreventionBytes$1 = function discardEmulationPreventionBytes(data) {
+ var length = data.byteLength,
+ emulationPreventionBytesPositions = [],
+ 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) {
+ emulationPreventionBytesPositions.push(i + 2);
+ i += 2;
+ } else {
+ i++;
}
+ } // If no Emulation Prevention Bytes were found just return the original
+ // array
- startIndex -= MP2T_PACKET_LENGTH;
- endIndex -= MP2T_PACKET_LENGTH;
- continue;
- } // If we get here, we have somehow become de-synchronized and we need to step
- // forward one byte at a time until we find a pair of sync bytes that denote
- // a packet
+ if (emulationPreventionBytesPositions.length === 0) {
+ return data;
+ } // Create a new array to hold the NAL unit data
- startIndex--;
- endIndex--;
- }
- };
- /**
- * Adjusts the timestamp information for the segment to account for
- * rollover and convert to seconds based on pes packet timescale (90khz clock)
- */
+ newLength = length - emulationPreventionBytesPositions.length;
+ newData = new Uint8Array(newLength);
+ var sourceIndex = 0;
+
+ for (i = 0; i < newLength; sourceIndex++, i++) {
+ if (sourceIndex === emulationPreventionBytesPositions[0]) {
+ // Skip this byte
+ sourceIndex++; // Remove this position index
- var adjustTimestamp_ = function adjustTimestamp_(segmentInfo, baseTimestamp) {
- if (segmentInfo.audio && segmentInfo.audio.length) {
- var audioBaseTimestamp = baseTimestamp;
+ emulationPreventionBytesPositions.shift();
+ }
- if (typeof audioBaseTimestamp === 'undefined') {
- audioBaseTimestamp = segmentInfo.audio[0].dts;
+ newData[i] = data[sourceIndex];
}
- segmentInfo.audio.forEach(function (info) {
- info.dts = handleRollover$1(info.dts, audioBaseTimestamp);
- info.pts = handleRollover$1(info.pts, audioBaseTimestamp); // time in seconds
+ return newData;
+ }; // exports
- info.dtsTime = info.dts / ONE_SECOND_IN_TS$1;
- info.ptsTime = info.pts / ONE_SECOND_IN_TS$1;
- });
- }
- if (segmentInfo.video && segmentInfo.video.length) {
- var videoBaseTimestamp = baseTimestamp;
+ var captionPacketParser = {
+ parseSei: parseSei,
+ parseUserData: parseUserData,
+ parseCaptionPackets: parseCaptionPackets,
+ discardEmulationPreventionBytes: discardEmulationPreventionBytes$1,
+ USER_DATA_REGISTERED_ITU_T_T35: USER_DATA_REGISTERED_ITU_T_T35
+ }; // Link To Transport
+ // -----------------
- if (typeof videoBaseTimestamp === 'undefined') {
- videoBaseTimestamp = segmentInfo.video[0].dts;
- }
+ var CaptionStream$1 = function CaptionStream(options) {
+ options = options || {};
+ CaptionStream.prototype.init.call(this); // parse708captions flag, default to true
- segmentInfo.video.forEach(function (info) {
- info.dts = handleRollover$1(info.dts, videoBaseTimestamp);
- info.pts = handleRollover$1(info.pts, videoBaseTimestamp); // time in seconds
+ this.parse708captions_ = typeof options.parse708captions === 'boolean' ? options.parse708captions : true;
+ this.captionPackets_ = [];
+ this.ccStreams_ = [new Cea608Stream(0, 0), // eslint-disable-line no-use-before-define
+ new Cea608Stream(0, 1), // eslint-disable-line no-use-before-define
+ new Cea608Stream(1, 0), // eslint-disable-line no-use-before-define
+ new Cea608Stream(1, 1) // eslint-disable-line no-use-before-define
+ ];
- info.dtsTime = info.dts / ONE_SECOND_IN_TS$1;
- info.ptsTime = info.pts / ONE_SECOND_IN_TS$1;
- });
+ if (this.parse708captions_) {
+ this.cc708Stream_ = new Cea708Stream({
+ captionServices: options.captionServices
+ }); // eslint-disable-line no-use-before-define
+ }
+
+ this.reset(); // forward data and done events from CCs to this CaptionStream
- if (segmentInfo.firstKeyFrame) {
- var frame = segmentInfo.firstKeyFrame;
- frame.dts = handleRollover$1(frame.dts, videoBaseTimestamp);
- frame.pts = handleRollover$1(frame.pts, videoBaseTimestamp); // time in seconds
+ this.ccStreams_.forEach(function (cc) {
+ cc.on('data', this.trigger.bind(this, 'data'));
+ cc.on('partialdone', this.trigger.bind(this, 'partialdone'));
+ cc.on('done', this.trigger.bind(this, 'done'));
+ }, this);
- frame.dtsTime = frame.dts / ONE_SECOND_IN_TS$1;
- frame.ptsTime = frame.dts / ONE_SECOND_IN_TS$1;
+ if (this.parse708captions_) {
+ this.cc708Stream_.on('data', this.trigger.bind(this, 'data'));
+ this.cc708Stream_.on('partialdone', this.trigger.bind(this, 'partialdone'));
+ this.cc708Stream_.on('done', this.trigger.bind(this, 'done'));
}
- }
- };
- /**
- * inspects the aac data stream for start and end time information
- */
+ };
+ CaptionStream$1.prototype = new stream();
- var inspectAac_ = function inspectAac_(bytes) {
- var endLoop = false,
- audioCount = 0,
- sampleRate = null,
- timestamp = null,
- frameSize = 0,
- byteIndex = 0,
- packet;
+ CaptionStream$1.prototype.push = function (event) {
+ var sei, userData, newCaptionPackets; // only examine SEI NALs
- while (bytes.length - byteIndex >= 3) {
- var type = probe$2.aac.parseType(bytes, byteIndex);
+ if (event.nalUnitType !== 'sei_rbsp') {
+ return;
+ } // parse the sei
- switch (type) {
- case 'timed-metadata':
- // Exit early because we don't have enough to parse
- // the ID3 tag header
- if (bytes.length - byteIndex < 10) {
- endLoop = true;
- break;
- }
- frameSize = probe$2.aac.parseId3TagSize(bytes, byteIndex); // Exit early if we don't have enough in the buffer
- // to emit a full packet
+ sei = captionPacketParser.parseSei(event.escapedRBSP); // no payload data, skip
- if (frameSize > bytes.length) {
- endLoop = true;
- break;
- }
+ if (!sei.payload) {
+ return;
+ } // ignore everything but user_data_registered_itu_t_t35
- if (timestamp === null) {
- packet = bytes.subarray(byteIndex, byteIndex + frameSize);
- timestamp = probe$2.aac.parseAacTimestamp(packet);
- }
- byteIndex += frameSize;
- break;
+ if (sei.payloadType !== captionPacketParser.USER_DATA_REGISTERED_ITU_T_T35) {
+ return;
+ } // parse out the user data payload
- case 'audio':
- // Exit early because we don't have enough to parse
- // the ADTS frame header
- if (bytes.length - byteIndex < 7) {
- endLoop = true;
- break;
- }
- frameSize = probe$2.aac.parseAdtsSize(bytes, byteIndex); // Exit early if we don't have enough in the buffer
- // to emit a full packet
+ userData = captionPacketParser.parseUserData(sei); // ignore unrecognized userData
- if (frameSize > bytes.length) {
- endLoop = true;
- break;
- }
+ if (!userData) {
+ return;
+ } // Sometimes, the same segment # will be downloaded twice. To stop the
+ // caption data from being processed twice, we track the latest dts we've
+ // received and ignore everything with a dts before that. However, since
+ // data for a specific dts can be split across packets on either side of
+ // a segment boundary, we need to make sure we *don't* ignore the packets
+ // from the *next* segment that have dts === this.latestDts_. By constantly
+ // tracking the number of packets received with dts === this.latestDts_, we
+ // know how many should be ignored once we start receiving duplicates.
+
+
+ if (event.dts < this.latestDts_) {
+ // We've started getting older data, so set the flag.
+ this.ignoreNextEqualDts_ = true;
+ return;
+ } else if (event.dts === this.latestDts_ && this.ignoreNextEqualDts_) {
+ this.numSameDts_--;
- if (sampleRate === null) {
- packet = bytes.subarray(byteIndex, byteIndex + frameSize);
- sampleRate = probe$2.aac.parseSampleRate(packet);
- }
+ if (!this.numSameDts_) {
+ // We've received the last duplicate packet, time to start processing again
+ this.ignoreNextEqualDts_ = false;
+ }
- audioCount++;
- byteIndex += frameSize;
- break;
+ return;
+ } // parse out CC data packets and save them for later
- default:
- byteIndex++;
- break;
- }
- if (endLoop) {
- return null;
- }
- }
+ newCaptionPackets = captionPacketParser.parseCaptionPackets(event.pts, userData);
+ this.captionPackets_ = this.captionPackets_.concat(newCaptionPackets);
- if (sampleRate === null || timestamp === null) {
- return null;
- }
+ if (this.latestDts_ !== event.dts) {
+ this.numSameDts_ = 0;
+ }
- var audioTimescale = ONE_SECOND_IN_TS$1 / sampleRate;
- var result = {
- audio: [{
- type: 'audio',
- dts: timestamp,
- pts: timestamp
- }, {
- type: 'audio',
- dts: timestamp + audioCount * 1024 * audioTimescale,
- pts: timestamp + audioCount * 1024 * audioTimescale
- }]
+ this.numSameDts_++;
+ this.latestDts_ = event.dts;
};
- return result;
- };
- /**
- * inspects the transport stream segment data for start and end time information
- * of the audio and video tracks (when present) as well as the first key frame's
- * start time.
- */
-
- var inspectTs_ = function inspectTs_(bytes) {
- var pmt = {
- pid: null,
- table: null
+ CaptionStream$1.prototype.flushCCStreams = function (flushType) {
+ this.ccStreams_.forEach(function (cc) {
+ return flushType === 'flush' ? cc.flush() : cc.partialFlush();
+ }, this);
};
- var result = {};
- parsePsi_(bytes, pmt);
- for (var pid in pmt.table) {
- if (pmt.table.hasOwnProperty(pid)) {
- var type = pmt.table[pid];
+ CaptionStream$1.prototype.flushStream = function (flushType) {
+ // make sure we actually parsed captions before proceeding
+ if (!this.captionPackets_.length) {
+ this.flushCCStreams(flushType);
+ return;
+ } // In Chrome, the Array#sort function is not stable so add a
+ // presortIndex that we can use to ensure we get a stable-sort
- switch (type) {
- case streamTypes.H264_STREAM_TYPE:
- result.video = [];
- parseVideoPes_(bytes, pmt, result);
- if (result.video.length === 0) {
- delete result.video;
- }
+ this.captionPackets_.forEach(function (elem, idx) {
+ elem.presortIndex = idx;
+ }); // sort caption byte-pairs based on their PTS values
- break;
+ this.captionPackets_.sort(function (a, b) {
+ if (a.pts === b.pts) {
+ return a.presortIndex - b.presortIndex;
+ }
- case streamTypes.ADTS_STREAM_TYPE:
- result.audio = [];
- parseAudioPes_(bytes, pmt, result);
+ return a.pts - b.pts;
+ });
+ this.captionPackets_.forEach(function (packet) {
+ if (packet.type < 2) {
+ // Dispatch packet to the right Cea608Stream
+ this.dispatchCea608Packet(packet);
+ } else {
+ // Dispatch packet to the Cea708Stream
+ this.dispatchCea708Packet(packet);
+ }
+ }, this);
+ this.captionPackets_.length = 0;
+ this.flushCCStreams(flushType);
+ };
- if (result.audio.length === 0) {
- delete result.audio;
- }
+ CaptionStream$1.prototype.flush = function () {
+ return this.flushStream('flush');
+ }; // Only called if handling partial data
- break;
- }
- }
- }
- return result;
- };
- /**
- * Inspects segment byte data and returns an object with start and end timing information
- *
- * @param {Uint8Array} bytes The segment byte data
- * @param {Number} baseTimestamp Relative reference timestamp used when adjusting frame
- * timestamps for rollover. This value must be in 90khz clock.
- * @return {Object} Object containing start and end frame timing info of segment.
- */
+ CaptionStream$1.prototype.partialFlush = function () {
+ return this.flushStream('partialFlush');
+ };
+ CaptionStream$1.prototype.reset = function () {
+ this.latestDts_ = null;
+ this.ignoreNextEqualDts_ = false;
+ this.numSameDts_ = 0;
+ this.activeCea608Channel_ = [null, null];
+ this.ccStreams_.forEach(function (ccStream) {
+ ccStream.reset();
+ });
+ }; // From the CEA-608 spec:
- var inspect = function inspect(bytes, baseTimestamp) {
- var isAacData = probe$2.aac.isLikelyAacData(bytes);
- var result;
+ /*
+ * When XDS sub-packets are interleaved with other services, the end of each sub-packet shall be followed
+ * by a control pair to change to a different service. When any of the control codes from 0x10 to 0x1F is
+ * used to begin a control code pair, it indicates the return to captioning or Text data. The control code pair
+ * and subsequent data should then be processed according to the FCC rules. It may be necessary for the
+ * line 21 data encoder to automatically insert a control code pair (i.e. RCL, RU2, RU3, RU4, RDC, or RTD)
+ * to switch to captioning or Text.
+ */
+ // With that in mind, we ignore any data between an XDS control code and a
+ // subsequent closed-captioning control code.
- if (isAacData) {
- result = inspectAac_(bytes);
- } else {
- result = inspectTs_(bytes);
- }
- if (!result || !result.audio && !result.video) {
- return null;
- }
+ CaptionStream$1.prototype.dispatchCea608Packet = function (packet) {
+ // NOTE: packet.type is the CEA608 field
+ if (this.setsTextOrXDSActive(packet)) {
+ this.activeCea608Channel_[packet.type] = null;
+ } else if (this.setsChannel1Active(packet)) {
+ this.activeCea608Channel_[packet.type] = 0;
+ } else if (this.setsChannel2Active(packet)) {
+ this.activeCea608Channel_[packet.type] = 1;
+ }
- adjustTimestamp_(result, baseTimestamp);
- return result;
- };
+ if (this.activeCea608Channel_[packet.type] === null) {
+ // If we haven't received anything to set the active channel, or the
+ // packets are Text/XDS data, discard the data; we don't want jumbled
+ // captions
+ return;
+ }
- var tsInspector = {
- inspect: inspect,
- parseAudioPes_: parseAudioPes_
- };
+ this.ccStreams_[(packet.type << 1) + this.activeCea608Channel_[packet.type]].push(packet);
+ };
- /*
- * pkcs7.pad
- * https://github.com/brightcove/pkcs7
- *
- * Copyright (c) 2014 Brightcove
- * Licensed under the apache2 license.
- */
- /**
- * Returns the subarray of a Uint8Array without PKCS#7 padding.
- * @param padded {Uint8Array} unencrypted bytes that have been padded
- * @return {Uint8Array} the unpadded bytes
- * @see http://tools.ietf.org/html/rfc5652
- */
+ CaptionStream$1.prototype.setsChannel1Active = function (packet) {
+ return (packet.ccData & 0x7800) === 0x1000;
+ };
- function unpad(padded) {
- return padded.subarray(0, padded.byteLength - padded[padded.byteLength - 1]);
- }
+ CaptionStream$1.prototype.setsChannel2Active = function (packet) {
+ return (packet.ccData & 0x7800) === 0x1800;
+ };
- var classCallCheck = function classCallCheck(instance, Constructor) {
- if (!(instance instanceof Constructor)) {
- throw new TypeError("Cannot call a class as a function");
- }
- };
+ CaptionStream$1.prototype.setsTextOrXDSActive = function (packet) {
+ return (packet.ccData & 0x7100) === 0x0100 || (packet.ccData & 0x78fe) === 0x102a || (packet.ccData & 0x78fe) === 0x182a;
+ };
- 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);
- }
- }
+ CaptionStream$1.prototype.dispatchCea708Packet = function (packet) {
+ if (this.parse708captions_) {
+ this.cc708Stream_.push(packet);
+ }
+ }; // ----------------------
+ // Session to Application
+ // ----------------------
+ // This hash maps special and extended character codes to their
+ // proper Unicode equivalent. The first one-byte key is just a
+ // non-standard character code. The two-byte keys that follow are
+ // the extended CEA708 character codes, along with the preceding
+ // 0x10 extended character byte to distinguish these codes from
+ // non-extended character codes. Every CEA708 character code that
+ // is not in this object maps directly to a standard unicode
+ // character code.
+ // The transparent space and non-breaking transparent space are
+ // technically not fully supported since there is no code to
+ // make them transparent, so they have normal non-transparent
+ // stand-ins.
+ // The special closed caption (CC) character isn't a standard
+ // unicode character, so a fairly similar unicode character was
+ // chosen in it's place.
+
+
+ var CHARACTER_TRANSLATION_708 = {
+ 0x7f: 0x266a,
+ // ♪
+ 0x1020: 0x20,
+ // Transparent Space
+ 0x1021: 0xa0,
+ // Nob-breaking Transparent Space
+ 0x1025: 0x2026,
+ // …
+ 0x102a: 0x0160,
+ // Š
+ 0x102c: 0x0152,
+ // Œ
+ 0x1030: 0x2588,
+ // █
+ 0x1031: 0x2018,
+ // ‘
+ 0x1032: 0x2019,
+ // ’
+ 0x1033: 0x201c,
+ // “
+ 0x1034: 0x201d,
+ // ”
+ 0x1035: 0x2022,
+ // •
+ 0x1039: 0x2122,
+ // ™
+ 0x103a: 0x0161,
+ // š
+ 0x103c: 0x0153,
+ // œ
+ 0x103d: 0x2120,
+ // ℠
+ 0x103f: 0x0178,
+ // Ÿ
+ 0x1076: 0x215b,
+ // ⅛
+ 0x1077: 0x215c,
+ // ⅜
+ 0x1078: 0x215d,
+ // ⅝
+ 0x1079: 0x215e,
+ // ⅞
+ 0x107a: 0x23d0,
+ // ⏐
+ 0x107b: 0x23a4,
+ // ⎤
+ 0x107c: 0x23a3,
+ // ⎣
+ 0x107d: 0x23af,
+ // ⎯
+ 0x107e: 0x23a6,
+ // ⎦
+ 0x107f: 0x23a1,
+ // ⎡
+ 0x10a0: 0x3138 // ㄸ (CC char)
- return function (Constructor, protoProps, staticProps) {
- if (protoProps) defineProperties(Constructor.prototype, protoProps);
- if (staticProps) defineProperties(Constructor, staticProps);
- return Constructor;
};
- }();
- var inherits$1 = function inherits(subClass, superClass) {
- if (typeof superClass !== "function" && superClass !== null) {
- throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
- }
+ var get708CharFromCode = function get708CharFromCode(code) {
+ var newCode = CHARACTER_TRANSLATION_708[code] || code;
- subClass.prototype = Object.create(superClass && superClass.prototype, {
- constructor: {
- value: subClass,
- enumerable: false,
- writable: true,
- configurable: true
+ if (code & 0x1000 && code === newCode) {
+ // Invalid extended code
+ return '';
}
- });
- if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
- };
- var possibleConstructorReturn = function possibleConstructorReturn(self, call) {
- if (!self) {
- throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
- }
+ return String.fromCharCode(newCode);
+ };
- return call && (typeof call === "object" || typeof call === "function") ? call : self;
- };
- /**
- * @file aes.js
- *
- * This file contains an adaptation of the AES decryption algorithm
- * from the Standford Javascript Cryptography Library. That work is
- * covered by the following copyright and permissions notice:
- *
- * Copyright 2009-2010 Emily Stark, Mike Hamburg, Dan Boneh.
- * 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.
- *
- * 2. 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.
- *
- * THIS SOFTWARE IS PROVIDED BY THE AUTHORS ``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 <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.
- *
- * The views and conclusions contained in the software and documentation
- * are those of the authors and should not be interpreted as representing
- * official policies, either expressed or implied, of the authors.
- */
+ var within708TextBlock = function within708TextBlock(b) {
+ return 0x20 <= b && b <= 0x7f || 0xa0 <= b && b <= 0xff;
+ };
- /**
- * Expand the S-box tables.
- *
- * @private
- */
+ var Cea708Window = function Cea708Window(windowNum) {
+ this.windowNum = windowNum;
+ this.reset();
+ };
+ Cea708Window.prototype.reset = function () {
+ this.clearText();
+ this.pendingNewLine = false;
+ this.winAttr = {};
+ this.penAttr = {};
+ this.penLoc = {};
+ this.penColor = {}; // These default values are arbitrary,
+ // defineWindow will usually override them
+
+ this.visible = 0;
+ this.rowLock = 0;
+ this.columnLock = 0;
+ this.priority = 0;
+ this.relativePositioning = 0;
+ this.anchorVertical = 0;
+ this.anchorHorizontal = 0;
+ this.anchorPoint = 0;
+ this.rowCount = 1;
+ this.virtualRowCount = this.rowCount + 1;
+ this.columnCount = 41;
+ this.windowStyle = 0;
+ this.penStyle = 0;
+ };
- var precompute = function precompute() {
- var tables = [[[], [], [], [], []], [[], [], [], [], []]];
- var encTable = tables[0];
- var decTable = tables[1];
- var sbox = encTable[4];
- var sboxInv = decTable[4];
- var i = void 0;
- var x = void 0;
- var xInv = void 0;
- var d = [];
- var th = [];
- var x2 = void 0;
- var x4 = void 0;
- var x8 = void 0;
- var s = void 0;
- var tEnc = void 0;
- var tDec = void 0; // Compute double and third tables
+ Cea708Window.prototype.getText = function () {
+ return this.rows.join('\n');
+ };
- for (i = 0; i < 256; i++) {
- th[(d[i] = i << 1 ^ (i >> 7) * 283) ^ i] = i;
- }
+ Cea708Window.prototype.clearText = function () {
+ this.rows = [''];
+ this.rowIdx = 0;
+ };
- for (x = xInv = 0; !sbox[x]; x ^= x2 || 1, xInv = th[xInv] || 1) {
- // Compute sbox
- s = xInv ^ xInv << 1 ^ xInv << 2 ^ xInv << 3 ^ xInv << 4;
- s = s >> 8 ^ s & 255 ^ 99;
- sbox[x] = s;
- sboxInv[s] = x; // Compute MixColumns
+ Cea708Window.prototype.newLine = function (pts) {
+ if (this.rows.length >= this.virtualRowCount && typeof this.beforeRowOverflow === 'function') {
+ this.beforeRowOverflow(pts);
+ }
+
+ if (this.rows.length > 0) {
+ this.rows.push('');
+ this.rowIdx++;
+ } // Show all virtual rows since there's no visible scrolling
- x8 = d[x4 = d[x2 = d[x]]];
- tDec = x8 * 0x1010101 ^ x4 * 0x10001 ^ x2 * 0x101 ^ x * 0x1010100;
- tEnc = d[s] * 0x101 ^ s * 0x1010100;
- for (i = 0; i < 4; i++) {
- encTable[i][x] = tEnc = tEnc << 24 ^ tEnc >>> 8;
- decTable[i][s] = tDec = tDec << 24 ^ tDec >>> 8;
+ while (this.rows.length > this.virtualRowCount) {
+ this.rows.shift();
+ this.rowIdx--;
}
- } // Compactify. Considerable speedup on Firefox.
+ };
+ Cea708Window.prototype.isEmpty = function () {
+ if (this.rows.length === 0) {
+ return true;
+ } else if (this.rows.length === 1) {
+ return this.rows[0] === '';
+ }
- for (i = 0; i < 5; i++) {
- encTable[i] = encTable[i].slice(0);
- decTable[i] = decTable[i].slice(0);
- }
+ return false;
+ };
- return tables;
- };
+ Cea708Window.prototype.addText = function (text) {
+ this.rows[this.rowIdx] += text;
+ };
- var aesTables = null;
- /**
- * Schedule out an AES key for both encryption and decryption. This
- * is a low-level class. Use a cipher mode to do bulk encryption.
- *
- * @class AES
- * @param key {Array} The key as an array of 4, 6 or 8 words.
- */
+ Cea708Window.prototype.backspace = function () {
+ if (!this.isEmpty()) {
+ var row = this.rows[this.rowIdx];
+ this.rows[this.rowIdx] = row.substr(0, row.length - 1);
+ }
+ };
- var AES = function () {
- function AES(key) {
- classCallCheck(this, AES);
- /**
- * The expanded S-box and inverse S-box tables. These will be computed
- * on the client so that we don't have to send them down the wire.
- *
- * There are two tables, _tables[0] is for encryption and
- * _tables[1] is for decryption.
- *
- * The first 4 sub-tables are the expanded S-box with MixColumns. The
- * last (_tables[01][4]) is the S-box itself.
- *
- * @private
- */
- // if we have yet to precompute the S-box tables
- // do so now
+ var Cea708Service = function Cea708Service(serviceNum, encoding, stream) {
+ this.serviceNum = serviceNum;
+ this.text = '';
+ this.currentWindow = new Cea708Window(-1);
+ this.windows = [];
+ this.stream = stream; // Try to setup a TextDecoder if an `encoding` value was provided
+
+ if (typeof encoding === 'string') {
+ this.createTextDecoder(encoding);
+ }
+ };
+ /**
+ * Initialize service windows
+ * Must be run before service use
+ *
+ * @param {Integer} pts PTS value
+ * @param {Function} beforeRowOverflow Function to execute before row overflow of a window
+ */
- if (!aesTables) {
- aesTables = precompute();
- } // then make a copy of that object for use
+ Cea708Service.prototype.init = function (pts, beforeRowOverflow) {
+ this.startPts = pts;
- this._tables = [[aesTables[0][0].slice(), aesTables[0][1].slice(), aesTables[0][2].slice(), aesTables[0][3].slice(), aesTables[0][4].slice()], [aesTables[1][0].slice(), aesTables[1][1].slice(), aesTables[1][2].slice(), aesTables[1][3].slice(), aesTables[1][4].slice()]];
- var i = void 0;
- var j = void 0;
- var tmp = void 0;
- var encKey = void 0;
- var decKey = void 0;
- var sbox = this._tables[0][4];
- var decTable = this._tables[1];
- var keyLen = key.length;
- var rcon = 1;
+ for (var win = 0; win < 8; win++) {
+ this.windows[win] = new Cea708Window(win);
- if (keyLen !== 4 && keyLen !== 6 && keyLen !== 8) {
- throw new Error('Invalid aes key size');
+ if (typeof beforeRowOverflow === 'function') {
+ this.windows[win].beforeRowOverflow = beforeRowOverflow;
+ }
}
+ };
+ /**
+ * Set current window of service to be affected by commands
+ *
+ * @param {Integer} windowNum Window number
+ */
- encKey = key.slice(0);
- decKey = [];
- this._key = [encKey, decKey]; // schedule encryption keys
- for (i = keyLen; i < 4 * keyLen + 28; i++) {
- tmp = encKey[i - 1]; // apply sbox
+ Cea708Service.prototype.setCurrentWindow = function (windowNum) {
+ this.currentWindow = this.windows[windowNum];
+ };
+ /**
+ * Try to create a TextDecoder if it is natively supported
+ */
- if (i % keyLen === 0 || keyLen === 8 && i % keyLen === 4) {
- tmp = sbox[tmp >>> 24] << 24 ^ sbox[tmp >> 16 & 255] << 16 ^ sbox[tmp >> 8 & 255] << 8 ^ sbox[tmp & 255]; // shift rows and add rcon
- if (i % keyLen === 0) {
- tmp = tmp << 8 ^ tmp >>> 24 ^ rcon << 24;
- rcon = rcon << 1 ^ (rcon >> 7) * 283;
- }
+ Cea708Service.prototype.createTextDecoder = function (encoding) {
+ if (typeof TextDecoder === 'undefined') {
+ this.stream.trigger('log', {
+ level: 'warn',
+ message: 'The `encoding` option is unsupported without TextDecoder support'
+ });
+ } else {
+ try {
+ this.textDecoder_ = new TextDecoder(encoding);
+ } catch (error) {
+ this.stream.trigger('log', {
+ level: 'warn',
+ message: 'TextDecoder could not be created with ' + encoding + ' encoding. ' + error
+ });
}
+ }
+ };
- encKey[i] = encKey[i - keyLen] ^ tmp;
- } // schedule decryption keys
-
+ var Cea708Stream = function Cea708Stream(options) {
+ options = options || {};
+ Cea708Stream.prototype.init.call(this);
+ var self = this;
+ var captionServices = options.captionServices || {};
+ var captionServiceEncodings = {};
+ var serviceProps; // Get service encodings from captionServices option block
- for (j = 0; i; j++, i--) {
- tmp = encKey[j & 3 ? i : i - 4];
+ Object.keys(captionServices).forEach(function (serviceName) {
+ serviceProps = captionServices[serviceName];
- if (i <= 4 || j < 4) {
- decKey[j] = tmp;
+ if (/^SERVICE/.test(serviceName)) {
+ captionServiceEncodings[serviceName] = serviceProps.encoding;
+ }
+ });
+ this.serviceEncodings = captionServiceEncodings;
+ this.current708Packet = null;
+ this.services = {};
+
+ this.push = function (packet) {
+ if (packet.type === 3) {
+ // 708 packet start
+ self.new708Packet();
+ self.add708Bytes(packet);
} else {
- decKey[j] = decTable[0][sbox[tmp >>> 24]] ^ decTable[1][sbox[tmp >> 16 & 255]] ^ decTable[2][sbox[tmp >> 8 & 255]] ^ decTable[3][sbox[tmp & 255]];
+ if (self.current708Packet === null) {
+ // This should only happen at the start of a file if there's no packet start.
+ self.new708Packet();
+ }
+
+ self.add708Bytes(packet);
}
+ };
+ };
+
+ Cea708Stream.prototype = new stream();
+ /**
+ * Push current 708 packet, create new 708 packet.
+ */
+
+ Cea708Stream.prototype.new708Packet = function () {
+ if (this.current708Packet !== null) {
+ this.push708Packet();
}
- }
+
+ this.current708Packet = {
+ data: [],
+ ptsVals: []
+ };
+ };
/**
- * Decrypt 16 bytes, specified as four 32-bit words.
- *
- * @param {Number} encrypted0 the first word to decrypt
- * @param {Number} encrypted1 the second word to decrypt
- * @param {Number} encrypted2 the third word to decrypt
- * @param {Number} encrypted3 the fourth word to decrypt
- * @param {Int32Array} out the array to write the decrypted words
- * into
- * @param {Number} offset the offset into the output array to start
- * writing results
- * @return {Array} The plaintext.
+ * Add pts and both bytes from packet into current 708 packet.
*/
- AES.prototype.decrypt = function decrypt(encrypted0, encrypted1, encrypted2, encrypted3, out, offset) {
- var key = this._key[1]; // state variables a,b,c,d are loaded with pre-whitened data
+ Cea708Stream.prototype.add708Bytes = function (packet) {
+ var data = packet.ccData;
+ var byte0 = data >>> 8;
+ var byte1 = data & 0xff; // I would just keep a list of packets instead of bytes, but it isn't clear in the spec
+ // that service blocks will always line up with byte pairs.
+
+ this.current708Packet.ptsVals.push(packet.pts);
+ this.current708Packet.data.push(byte0);
+ this.current708Packet.data.push(byte1);
+ };
+ /**
+ * Parse completed 708 packet into service blocks and push each service block.
+ */
- var a = encrypted0 ^ key[0];
- var b = encrypted3 ^ key[1];
- var c = encrypted2 ^ key[2];
- var d = encrypted1 ^ key[3];
- var a2 = void 0;
- var b2 = void 0;
- var c2 = void 0; // key.length === 2 ?
- var nInnerRounds = key.length / 4 - 2;
- var i = void 0;
- var kIndex = 4;
- var table = this._tables[1]; // load up the tables
+ Cea708Stream.prototype.push708Packet = function () {
+ var packet708 = this.current708Packet;
+ var packetData = packet708.data;
+ var serviceNum = null;
+ var blockSize = null;
+ var i = 0;
+ var b = packetData[i++];
+ packet708.seq = b >> 6;
+ packet708.sizeCode = b & 0x3f; // 0b00111111;
- var table0 = table[0];
- var table1 = table[1];
- var table2 = table[2];
- var table3 = table[3];
- var sbox = table[4]; // Inner rounds. Cribbed from OpenSSL.
+ for (; i < packetData.length; i++) {
+ b = packetData[i++];
+ serviceNum = b >> 5;
+ blockSize = b & 0x1f; // 0b00011111
- for (i = 0; i < nInnerRounds; i++) {
- a2 = table0[a >>> 24] ^ table1[b >> 16 & 255] ^ table2[c >> 8 & 255] ^ table3[d & 255] ^ key[kIndex];
- b2 = table0[b >>> 24] ^ table1[c >> 16 & 255] ^ table2[d >> 8 & 255] ^ table3[a & 255] ^ key[kIndex + 1];
- c2 = table0[c >>> 24] ^ table1[d >> 16 & 255] ^ table2[a >> 8 & 255] ^ table3[b & 255] ^ key[kIndex + 2];
- d = table0[d >>> 24] ^ table1[a >> 16 & 255] ^ table2[b >> 8 & 255] ^ table3[c & 255] ^ key[kIndex + 3];
- kIndex += 4;
- a = a2;
- b = b2;
- c = c2;
- } // Last round.
+ if (serviceNum === 7 && blockSize > 0) {
+ // Extended service num
+ b = packetData[i++];
+ serviceNum = b;
+ }
+ this.pushServiceBlock(serviceNum, i, blockSize);
- for (i = 0; i < 4; i++) {
- out[(3 & -i) + offset] = sbox[a >>> 24] << 24 ^ sbox[b >> 16 & 255] << 16 ^ sbox[c >> 8 & 255] << 8 ^ sbox[d & 255] ^ key[kIndex++];
- a2 = a;
- a = b;
- b = c;
- c = d;
- d = a2;
+ if (blockSize > 0) {
+ i += blockSize - 1;
+ }
+ }
+ };
+ /**
+ * Parse service block, execute commands, read text.
+ *
+ * Note: While many of these commands serve important purposes,
+ * many others just parse out the parameters or attributes, but
+ * nothing is done with them because this is not a full and complete
+ * implementation of the entire 708 spec.
+ *
+ * @param {Integer} serviceNum Service number
+ * @param {Integer} start Start index of the 708 packet data
+ * @param {Integer} size Block size
+ */
+
+
+ Cea708Stream.prototype.pushServiceBlock = function (serviceNum, start, size) {
+ var b;
+ var i = start;
+ var packetData = this.current708Packet.data;
+ var service = this.services[serviceNum];
+
+ if (!service) {
+ service = this.initService(serviceNum, i);
+ }
+
+ for (; i < start + size && i < packetData.length; i++) {
+ b = packetData[i];
+
+ if (within708TextBlock(b)) {
+ i = this.handleText(i, service);
+ } else if (b === 0x18) {
+ i = this.multiByteCharacter(i, service);
+ } else if (b === 0x10) {
+ i = this.extendedCommands(i, service);
+ } else if (0x80 <= b && b <= 0x87) {
+ i = this.setCurrentWindow(i, service);
+ } else if (0x98 <= b && b <= 0x9f) {
+ i = this.defineWindow(i, service);
+ } else if (b === 0x88) {
+ i = this.clearWindows(i, service);
+ } else if (b === 0x8c) {
+ i = this.deleteWindows(i, service);
+ } else if (b === 0x89) {
+ i = this.displayWindows(i, service);
+ } else if (b === 0x8a) {
+ i = this.hideWindows(i, service);
+ } else if (b === 0x8b) {
+ i = this.toggleWindows(i, service);
+ } else if (b === 0x97) {
+ i = this.setWindowAttributes(i, service);
+ } else if (b === 0x90) {
+ i = this.setPenAttributes(i, service);
+ } else if (b === 0x91) {
+ i = this.setPenColor(i, service);
+ } else if (b === 0x92) {
+ i = this.setPenLocation(i, service);
+ } else if (b === 0x8f) {
+ service = this.reset(i, service);
+ } else if (b === 0x08) {
+ // BS: Backspace
+ service.currentWindow.backspace();
+ } else if (b === 0x0c) {
+ // FF: Form feed
+ service.currentWindow.clearText();
+ } else if (b === 0x0d) {
+ // CR: Carriage return
+ service.currentWindow.pendingNewLine = true;
+ } else if (b === 0x0e) {
+ // HCR: Horizontal carriage return
+ service.currentWindow.clearText();
+ } else if (b === 0x8d) {
+ // DLY: Delay, nothing to do
+ i++;
+ } else ;
}
};
+ /**
+ * Execute an extended command
+ *
+ * @param {Integer} i Current index in the 708 packet
+ * @param {Service} service The service object to be affected
+ * @return {Integer} New index after parsing
+ */
- return AES;
- }();
- /**
- * @file stream.js
- */
- /**
- * A lightweight readable stream implemention that handles event dispatching.
- *
- * @class Stream
- */
+ Cea708Stream.prototype.extendedCommands = function (i, service) {
+ var packetData = this.current708Packet.data;
+ var b = packetData[++i];
+ if (within708TextBlock(b)) {
+ i = this.handleText(i, service, {
+ isExtended: true
+ });
+ }
- var Stream$2 = function () {
- function Stream() {
- classCallCheck(this, Stream);
- this.listeners = {};
- }
+ return i;
+ };
/**
- * Add a listener for a specified event type.
+ * Get PTS value of a given byte index
*
- * @param {String} type the event name
- * @param {Function} listener the callback to be invoked when an event of
- * the specified type occurs
+ * @param {Integer} byteIndex Index of the byte
+ * @return {Integer} PTS
*/
- Stream.prototype.on = function on(type, listener) {
- if (!this.listeners[type]) {
- this.listeners[type] = [];
- }
-
- this.listeners[type].push(listener);
+ Cea708Stream.prototype.getPts = function (byteIndex) {
+ // There's 1 pts value per 2 bytes
+ return this.current708Packet.ptsVals[Math.floor(byteIndex / 2)];
};
/**
- * Remove a listener for a specified event type.
+ * Initializes a service
*
- * @param {String} type the event name
- * @param {Function} listener a function previously registered for this
- * type of event through `on`
- * @return {Boolean} if we could turn it off or not
+ * @param {Integer} serviceNum Service number
+ * @return {Service} Initialized service object
*/
- Stream.prototype.off = function off(type, listener) {
- if (!this.listeners[type]) {
- return false;
+ Cea708Stream.prototype.initService = function (serviceNum, i) {
+ var serviceName = 'SERVICE' + serviceNum;
+ var self = this;
+ var serviceName;
+ var encoding;
+
+ if (serviceName in this.serviceEncodings) {
+ encoding = this.serviceEncodings[serviceName];
}
- var index = this.listeners[type].indexOf(listener);
- this.listeners[type].splice(index, 1);
- return index > -1;
+ this.services[serviceNum] = new Cea708Service(serviceNum, encoding, self);
+ this.services[serviceNum].init(this.getPts(i), function (pts) {
+ self.flushDisplayed(pts, self.services[serviceNum]);
+ });
+ return this.services[serviceNum];
};
/**
- * Trigger an event of the specified type on this stream. Any additional
- * arguments to this function are passed as parameters to event listeners.
+ * Execute text writing to current window
*
- * @param {String} type the event name
+ * @param {Integer} i Current index in the 708 packet
+ * @param {Service} service The service object to be affected
+ * @return {Integer} New index after parsing
*/
- Stream.prototype.trigger = function trigger(type) {
- var callbacks = this.listeners[type];
-
- if (!callbacks) {
- return;
- } // Slicing the arguments on every invocation of this method
- // can add a significant amount of overhead. Avoid the
- // intermediate object creation for the common case of a
- // single callback argument
+ Cea708Stream.prototype.handleText = function (i, service, options) {
+ var isExtended = options && options.isExtended;
+ var isMultiByte = options && options.isMultiByte;
+ var packetData = this.current708Packet.data;
+ var extended = isExtended ? 0x1000 : 0x0000;
+ var currentByte = packetData[i];
+ var nextByte = packetData[i + 1];
+ var win = service.currentWindow;
+ var _char;
- if (arguments.length === 2) {
- var length = callbacks.length;
+ var charCodeArray; // Use the TextDecoder if one was created for this service
- for (var i = 0; i < length; ++i) {
- callbacks[i].call(this, arguments[1]);
+ if (service.textDecoder_ && !isExtended) {
+ if (isMultiByte) {
+ charCodeArray = [currentByte, nextByte];
+ i++;
+ } else {
+ charCodeArray = [currentByte];
}
+
+ _char = service.textDecoder_.decode(new Uint8Array(charCodeArray));
} else {
- var args = Array.prototype.slice.call(arguments, 1);
- var _length = callbacks.length;
+ _char = get708CharFromCode(extended | currentByte);
+ }
- for (var _i = 0; _i < _length; ++_i) {
- callbacks[_i].apply(this, args);
- }
+ if (win.pendingNewLine && !win.isEmpty()) {
+ win.newLine(this.getPts(i));
}
+
+ win.pendingNewLine = false;
+ win.addText(_char);
+ return i;
};
/**
- * Destroys the stream and cleans up.
+ * Handle decoding of multibyte character
+ *
+ * @param {Integer} i Current index in the 708 packet
+ * @param {Service} service The service object to be affected
+ * @return {Integer} New index after parsing
*/
- Stream.prototype.dispose = function dispose() {
- this.listeners = {};
+ Cea708Stream.prototype.multiByteCharacter = function (i, service) {
+ var packetData = this.current708Packet.data;
+ var firstByte = packetData[i + 1];
+ var secondByte = packetData[i + 2];
+
+ if (within708TextBlock(firstByte) && within708TextBlock(secondByte)) {
+ i = this.handleText(++i, service, {
+ isMultiByte: true
+ });
+ }
+
+ return i;
};
/**
- * Forwards all `data` events on this stream to the destination stream. The
- * destination stream should provide a method `push` to receive the data
- * events as they arrive.
+ * Parse and execute the CW# command.
*
- * @param {Stream} destination the stream that will receive all `data` events
- * @see http://nodejs.org/api/stream.html#stream_readable_pipe_destination_options
+ * Set the current window.
+ *
+ * @param {Integer} i Current index in the 708 packet
+ * @param {Service} service The service object to be affected
+ * @return {Integer} New index after parsing
*/
- Stream.prototype.pipe = function pipe(destination) {
- this.on('data', function (data) {
- destination.push(data);
- });
+ Cea708Stream.prototype.setCurrentWindow = function (i, service) {
+ var packetData = this.current708Packet.data;
+ var b = packetData[i];
+ var windowNum = b & 0x07;
+ service.setCurrentWindow(windowNum);
+ return i;
};
+ /**
+ * Parse and execute the DF# command.
+ *
+ * Define a window and set it as the current window.
+ *
+ * @param {Integer} i Current index in the 708 packet
+ * @param {Service} service The service object to be affected
+ * @return {Integer} New index after parsing
+ */
- return Stream;
- }();
- /**
- * @file async-stream.js
- */
- /**
- * A wrapper around the Stream class to use setTiemout
- * and run stream "jobs" Asynchronously
- *
- * @class AsyncStream
- * @extends Stream
- */
+ Cea708Stream.prototype.defineWindow = function (i, service) {
+ var packetData = this.current708Packet.data;
+ var b = packetData[i];
+ var windowNum = b & 0x07;
+ service.setCurrentWindow(windowNum);
+ var win = service.currentWindow;
+ b = packetData[++i];
+ win.visible = (b & 0x20) >> 5; // v
+ win.rowLock = (b & 0x10) >> 4; // rl
- var AsyncStream = function (_Stream) {
- inherits$1(AsyncStream, _Stream);
+ win.columnLock = (b & 0x08) >> 3; // cl
- function AsyncStream() {
- classCallCheck(this, AsyncStream);
+ win.priority = b & 0x07; // p
- var _this = possibleConstructorReturn(this, _Stream.call(this, Stream$2));
+ b = packetData[++i];
+ win.relativePositioning = (b & 0x80) >> 7; // rp
- _this.jobs = [];
- _this.delay = 1;
- _this.timeout_ = null;
- return _this;
- }
+ win.anchorVertical = b & 0x7f; // av
+
+ b = packetData[++i];
+ win.anchorHorizontal = b; // ah
+
+ b = packetData[++i];
+ win.anchorPoint = (b & 0xf0) >> 4; // ap
+
+ win.rowCount = b & 0x0f; // rc
+
+ b = packetData[++i];
+ win.columnCount = b & 0x3f; // cc
+
+ b = packetData[++i];
+ win.windowStyle = (b & 0x38) >> 3; // ws
+
+ win.penStyle = b & 0x07; // ps
+ // The spec says there are (rowCount+1) "virtual rows"
+
+ win.virtualRowCount = win.rowCount + 1;
+ return i;
+ };
/**
- * process an async job
+ * Parse and execute the SWA command.
*
- * @private
+ * Set attributes of the current window.
+ *
+ * @param {Integer} i Current index in the 708 packet
+ * @param {Service} service The service object to be affected
+ * @return {Integer} New index after parsing
*/
- AsyncStream.prototype.processJob_ = function processJob_() {
- this.jobs.shift()();
+ Cea708Stream.prototype.setWindowAttributes = function (i, service) {
+ var packetData = this.current708Packet.data;
+ var b = packetData[i];
+ var winAttr = service.currentWindow.winAttr;
+ b = packetData[++i];
+ winAttr.fillOpacity = (b & 0xc0) >> 6; // fo
- if (this.jobs.length) {
- this.timeout_ = setTimeout(this.processJob_.bind(this), this.delay);
- } else {
- this.timeout_ = null;
- }
+ winAttr.fillRed = (b & 0x30) >> 4; // fr
+
+ winAttr.fillGreen = (b & 0x0c) >> 2; // fg
+
+ winAttr.fillBlue = b & 0x03; // fb
+
+ b = packetData[++i];
+ winAttr.borderType = (b & 0xc0) >> 6; // bt
+
+ winAttr.borderRed = (b & 0x30) >> 4; // br
+
+ winAttr.borderGreen = (b & 0x0c) >> 2; // bg
+
+ winAttr.borderBlue = b & 0x03; // bb
+
+ b = packetData[++i];
+ winAttr.borderType += (b & 0x80) >> 5; // bt
+
+ winAttr.wordWrap = (b & 0x40) >> 6; // ww
+
+ winAttr.printDirection = (b & 0x30) >> 4; // pd
+
+ winAttr.scrollDirection = (b & 0x0c) >> 2; // sd
+
+ winAttr.justify = b & 0x03; // j
+
+ b = packetData[++i];
+ winAttr.effectSpeed = (b & 0xf0) >> 4; // es
+
+ winAttr.effectDirection = (b & 0x0c) >> 2; // ed
+
+ winAttr.displayEffect = b & 0x03; // de
+
+ return i;
};
/**
- * push a job into the stream
+ * Gather text from all displayed windows and push a caption to output.
*
- * @param {Function} job the job to push into the stream
+ * @param {Integer} i Current index in the 708 packet
+ * @param {Service} service The service object to be affected
*/
- AsyncStream.prototype.push = function push(job) {
- this.jobs.push(job);
+ Cea708Stream.prototype.flushDisplayed = function (pts, service) {
+ var displayedText = []; // TODO: Positioning not supported, displaying multiple windows will not necessarily
+ // display text in the correct order, but sample files so far have not shown any issue.
- if (!this.timeout_) {
- this.timeout_ = setTimeout(this.processJob_.bind(this), this.delay);
+ for (var winId = 0; winId < 8; winId++) {
+ if (service.windows[winId].visible && !service.windows[winId].isEmpty()) {
+ displayedText.push(service.windows[winId].getText());
+ }
}
+
+ service.endPts = pts;
+ service.text = displayedText.join('\n\n');
+ this.pushCaption(service);
+ service.startPts = pts;
};
+ /**
+ * Push a caption to output if the caption contains text.
+ *
+ * @param {Service} service The service object to be affected
+ */
- return AsyncStream;
- }(Stream$2);
- /**
- * @file decrypter.js
- *
- * An asynchronous implementation of AES-128 CBC decryption with
- * PKCS#7 padding.
- */
- /**
- * Convert network-order (big-endian) bytes into their little-endian
- * representation.
- */
+ Cea708Stream.prototype.pushCaption = function (service) {
+ if (service.text !== '') {
+ this.trigger('data', {
+ startPts: service.startPts,
+ endPts: service.endPts,
+ text: service.text,
+ stream: 'cc708_' + service.serviceNum
+ });
+ service.text = '';
+ service.startPts = service.endPts;
+ }
+ };
+ /**
+ * Parse and execute the DSW command.
+ *
+ * Set visible property of windows based on the parsed bitmask.
+ *
+ * @param {Integer} i Current index in the 708 packet
+ * @param {Service} service The service object to be affected
+ * @return {Integer} New index after parsing
+ */
- var ntoh = function ntoh(word) {
- return word << 24 | (word & 0xff00) << 8 | (word & 0xff0000) >> 8 | word >>> 24;
- };
- /**
- * Decrypt bytes using AES-128 with CBC and PKCS#7 padding.
- *
- * @param {Uint8Array} encrypted the encrypted bytes
- * @param {Uint32Array} key the bytes of the decryption key
- * @param {Uint32Array} initVector the initialization vector (IV) to
- * use for the first round of CBC.
- * @return {Uint8Array} the decrypted bytes
- *
- * @see http://en.wikipedia.org/wiki/Advanced_Encryption_Standard
- * @see http://en.wikipedia.org/wiki/Block_cipher_mode_of_operation#Cipher_Block_Chaining_.28CBC.29
- * @see https://tools.ietf.org/html/rfc2315
- */
+ Cea708Stream.prototype.displayWindows = function (i, service) {
+ var packetData = this.current708Packet.data;
+ var b = packetData[++i];
+ var pts = this.getPts(i);
+ this.flushDisplayed(pts, service);
+ for (var winId = 0; winId < 8; winId++) {
+ if (b & 0x01 << winId) {
+ service.windows[winId].visible = 1;
+ }
+ }
- var decrypt = function decrypt(encrypted, key, initVector) {
- // word-level access to the encrypted bytes
- var encrypted32 = new Int32Array(encrypted.buffer, encrypted.byteOffset, encrypted.byteLength >> 2);
- var decipher = new AES(Array.prototype.slice.call(key)); // byte and word-level access for the decrypted output
+ return i;
+ };
+ /**
+ * Parse and execute the HDW command.
+ *
+ * Set visible property of windows based on the parsed bitmask.
+ *
+ * @param {Integer} i Current index in the 708 packet
+ * @param {Service} service The service object to be affected
+ * @return {Integer} New index after parsing
+ */
- var decrypted = new Uint8Array(encrypted.byteLength);
- var decrypted32 = new Int32Array(decrypted.buffer); // temporary variables for working with the IV, encrypted, and
- // decrypted data
- var init0 = void 0;
- var init1 = void 0;
- var init2 = void 0;
- var init3 = void 0;
- var encrypted0 = void 0;
- var encrypted1 = void 0;
- var encrypted2 = void 0;
- var encrypted3 = void 0; // iteration variable
+ Cea708Stream.prototype.hideWindows = function (i, service) {
+ var packetData = this.current708Packet.data;
+ var b = packetData[++i];
+ var pts = this.getPts(i);
+ this.flushDisplayed(pts, service);
- var wordIx = void 0; // pull out the words of the IV to ensure we don't modify the
- // passed-in reference and easier access
+ for (var winId = 0; winId < 8; winId++) {
+ if (b & 0x01 << winId) {
+ service.windows[winId].visible = 0;
+ }
+ }
- init0 = initVector[0];
- init1 = initVector[1];
- init2 = initVector[2];
- init3 = initVector[3]; // decrypt four word sequences, applying cipher-block chaining (CBC)
- // to each decrypted block
+ return i;
+ };
+ /**
+ * Parse and execute the TGW command.
+ *
+ * Set visible property of windows based on the parsed bitmask.
+ *
+ * @param {Integer} i Current index in the 708 packet
+ * @param {Service} service The service object to be affected
+ * @return {Integer} New index after parsing
+ */
- for (wordIx = 0; wordIx < encrypted32.length; wordIx += 4) {
- // convert big-endian (network order) words into little-endian
- // (javascript order)
- encrypted0 = ntoh(encrypted32[wordIx]);
- encrypted1 = ntoh(encrypted32[wordIx + 1]);
- encrypted2 = ntoh(encrypted32[wordIx + 2]);
- encrypted3 = ntoh(encrypted32[wordIx + 3]); // decrypt the block
- decipher.decrypt(encrypted0, encrypted1, encrypted2, encrypted3, decrypted32, wordIx); // XOR with the IV, and restore network byte-order to obtain the
- // plaintext
+ Cea708Stream.prototype.toggleWindows = function (i, service) {
+ var packetData = this.current708Packet.data;
+ var b = packetData[++i];
+ var pts = this.getPts(i);
+ this.flushDisplayed(pts, service);
- decrypted32[wordIx] = ntoh(decrypted32[wordIx] ^ init0);
- decrypted32[wordIx + 1] = ntoh(decrypted32[wordIx + 1] ^ init1);
- decrypted32[wordIx + 2] = ntoh(decrypted32[wordIx + 2] ^ init2);
- decrypted32[wordIx + 3] = ntoh(decrypted32[wordIx + 3] ^ init3); // setup the IV for the next round
+ for (var winId = 0; winId < 8; winId++) {
+ if (b & 0x01 << winId) {
+ service.windows[winId].visible ^= 1;
+ }
+ }
- init0 = encrypted0;
- init1 = encrypted1;
- init2 = encrypted2;
- init3 = encrypted3;
- }
+ return i;
+ };
+ /**
+ * Parse and execute the CLW command.
+ *
+ * Clear text of windows based on the parsed bitmask.
+ *
+ * @param {Integer} i Current index in the 708 packet
+ * @param {Service} service The service object to be affected
+ * @return {Integer} New index after parsing
+ */
- return decrypted;
- };
- /**
- * The `Decrypter` class that manages decryption of AES
- * data through `AsyncStream` objects and the `decrypt`
- * function
- *
- * @param {Uint8Array} encrypted the encrypted bytes
- * @param {Uint32Array} key the bytes of the decryption key
- * @param {Uint32Array} initVector the initialization vector (IV) to
- * @param {Function} done the function to run when done
- * @class Decrypter
- */
+ Cea708Stream.prototype.clearWindows = function (i, service) {
+ var packetData = this.current708Packet.data;
+ var b = packetData[++i];
+ var pts = this.getPts(i);
+ this.flushDisplayed(pts, service);
- var Decrypter = function () {
- function Decrypter(encrypted, key, initVector, done) {
- classCallCheck(this, Decrypter);
- var step = Decrypter.STEP;
- var encrypted32 = new Int32Array(encrypted.buffer);
- var decrypted = new Uint8Array(encrypted.byteLength);
- var i = 0;
- this.asyncStream_ = new AsyncStream(); // split up the encryption job and do the individual chunks asynchronously
+ for (var winId = 0; winId < 8; winId++) {
+ if (b & 0x01 << winId) {
+ service.windows[winId].clearText();
+ }
+ }
+
+ return i;
+ };
+ /**
+ * Parse and execute the DLW command.
+ *
+ * Re-initialize windows based on the parsed bitmask.
+ *
+ * @param {Integer} i Current index in the 708 packet
+ * @param {Service} service The service object to be affected
+ * @return {Integer} New index after parsing
+ */
- this.asyncStream_.push(this.decryptChunk_(encrypted32.subarray(i, i + step), key, initVector, decrypted));
- for (i = step; i < encrypted32.length; i += step) {
- initVector = new Uint32Array([ntoh(encrypted32[i - 4]), ntoh(encrypted32[i - 3]), ntoh(encrypted32[i - 2]), ntoh(encrypted32[i - 1])]);
- this.asyncStream_.push(this.decryptChunk_(encrypted32.subarray(i, i + step), key, initVector, decrypted));
- } // invoke the done() callback when everything is finished
+ Cea708Stream.prototype.deleteWindows = function (i, service) {
+ var packetData = this.current708Packet.data;
+ var b = packetData[++i];
+ var pts = this.getPts(i);
+ this.flushDisplayed(pts, service);
+ for (var winId = 0; winId < 8; winId++) {
+ if (b & 0x01 << winId) {
+ service.windows[winId].reset();
+ }
+ }
- this.asyncStream_.push(function () {
- // remove pkcs#7 padding from the decrypted bytes
- done(null, unpad(decrypted));
- });
- }
+ return i;
+ };
/**
- * a getter for step the maximum number of bytes to process at one time
+ * Parse and execute the SPA command.
*
- * @return {Number} the value of step 32000
+ * Set pen attributes of the current window.
+ *
+ * @param {Integer} i Current index in the 708 packet
+ * @param {Service} service The service object to be affected
+ * @return {Integer} New index after parsing
*/
- /**
- * @private
- */
+ Cea708Stream.prototype.setPenAttributes = function (i, service) {
+ var packetData = this.current708Packet.data;
+ var b = packetData[i];
+ var penAttr = service.currentWindow.penAttr;
+ b = packetData[++i];
+ penAttr.textTag = (b & 0xf0) >> 4; // tt
- Decrypter.prototype.decryptChunk_ = function decryptChunk_(encrypted, key, initVector, decrypted) {
- return function () {
- var bytes = decrypt(encrypted, key, initVector);
- decrypted.set(bytes, encrypted.byteOffset);
- };
+ penAttr.offset = (b & 0x0c) >> 2; // o
+
+ penAttr.penSize = b & 0x03; // s
+
+ b = packetData[++i];
+ penAttr.italics = (b & 0x80) >> 7; // i
+
+ penAttr.underline = (b & 0x40) >> 6; // u
+
+ penAttr.edgeType = (b & 0x38) >> 3; // et
+
+ penAttr.fontStyle = b & 0x07; // fs
+
+ return i;
};
+ /**
+ * Parse and execute the SPC command.
+ *
+ * Set pen color of the current window.
+ *
+ * @param {Integer} i Current index in the 708 packet
+ * @param {Service} service The service object to be affected
+ * @return {Integer} New index after parsing
+ */
- createClass(Decrypter, null, [{
- key: 'STEP',
- get: function get$$1() {
- // 4 * 8000;
- return 32000;
- }
- }]);
- return Decrypter;
- }();
- /**
- * @videojs/http-streaming
- * @version 1.13.2
- * @copyright 2020 Brightcove, Inc
- * @license Apache-2.0
- */
- /**
- * @file resolve-url.js - Handling how URLs are resolved and manipulated
- */
+ Cea708Stream.prototype.setPenColor = function (i, service) {
+ var packetData = this.current708Packet.data;
+ var b = packetData[i];
+ var penColor = service.currentWindow.penColor;
+ b = packetData[++i];
+ penColor.fgOpacity = (b & 0xc0) >> 6; // fo
- var resolveUrl$1 = function resolveUrl(baseURL, relativeURL) {
- // return early if we don't need to resolve
- if (/^[a-z]+:/i.test(relativeURL)) {
- return relativeURL;
- } // if the base URL is relative then combine with the current location
+ penColor.fgRed = (b & 0x30) >> 4; // fr
+ penColor.fgGreen = (b & 0x0c) >> 2; // fg
- if (!/\/\//i.test(baseURL)) {
- baseURL = urlToolkit.buildAbsoluteURL(window$3.location.href, baseURL);
- }
+ penColor.fgBlue = b & 0x03; // fb
- return urlToolkit.buildAbsoluteURL(baseURL, relativeURL);
- };
- /**
- * Checks whether xhr request was redirected and returns correct url depending
- * on `handleManifestRedirects` option
- *
- * @api private
- *
- * @param {String} url - an url being requested
- * @param {XMLHttpRequest} req - xhr request result
- *
- * @return {String}
- */
+ b = packetData[++i];
+ penColor.bgOpacity = (b & 0xc0) >> 6; // bo
+ penColor.bgRed = (b & 0x30) >> 4; // br
- var resolveManifestRedirect = function resolveManifestRedirect(handleManifestRedirect, url, req) {
- // To understand how the responseURL below is set and generated:
- // - https://fetch.spec.whatwg.org/#concept-response-url
- // - https://fetch.spec.whatwg.org/#atomic-http-redirect-handling
- if (handleManifestRedirect && req.responseURL && url !== req.responseURL) {
- return req.responseURL;
- }
+ penColor.bgGreen = (b & 0x0c) >> 2; // bg
- return url;
- };
+ penColor.bgBlue = b & 0x03; // bb
- var classCallCheck$1 = function classCallCheck(instance, Constructor) {
- if (!(instance instanceof Constructor)) {
- throw new TypeError("Cannot call a class as a function");
- }
- };
+ b = packetData[++i];
+ penColor.edgeRed = (b & 0x30) >> 4; // er
- var createClass$1 = 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);
- }
- }
+ penColor.edgeGreen = (b & 0x0c) >> 2; // eg
- return function (Constructor, protoProps, staticProps) {
- if (protoProps) defineProperties(Constructor.prototype, protoProps);
- if (staticProps) defineProperties(Constructor, staticProps);
- return Constructor;
+ penColor.edgeBlue = b & 0x03; // eb
+
+ return i;
};
- }();
+ /**
+ * Parse and execute the SPL command.
+ *
+ * Set pen location of the current window.
+ *
+ * @param {Integer} i Current index in the 708 packet
+ * @param {Service} service The service object to be affected
+ * @return {Integer} New index after parsing
+ */
- var get$1 = function get(object, property, receiver) {
- if (object === null) object = Function.prototype;
- var desc = Object.getOwnPropertyDescriptor(object, property);
- if (desc === undefined) {
- var parent = Object.getPrototypeOf(object);
+ Cea708Stream.prototype.setPenLocation = function (i, service) {
+ var packetData = this.current708Packet.data;
+ var b = packetData[i];
+ var penLoc = service.currentWindow.penLoc; // Positioning isn't really supported at the moment, so this essentially just inserts a linebreak
- if (parent === null) {
- return undefined;
- } else {
- return get(parent, property, receiver);
- }
- } else if ("value" in desc) {
- return desc.value;
- } else {
- var getter = desc.get;
+ service.currentWindow.pendingNewLine = true;
+ b = packetData[++i];
+ penLoc.row = b & 0x0f; // r
- if (getter === undefined) {
- return undefined;
- }
+ b = packetData[++i];
+ penLoc.column = b & 0x3f; // c
- return getter.call(receiver);
- }
- };
+ return i;
+ };
+ /**
+ * Execute the RST command.
+ *
+ * Reset service to a clean slate. Re-initialize.
+ *
+ * @param {Integer} i Current index in the 708 packet
+ * @param {Service} service The service object to be affected
+ * @return {Service} Re-initialized service
+ */
+
+
+ Cea708Stream.prototype.reset = function (i, service) {
+ var pts = this.getPts(i);
+ this.flushDisplayed(pts, service);
+ return this.initService(service.serviceNum, i);
+ }; // This hash maps non-ASCII, special, and extended character codes to their
+ // proper Unicode equivalent. The first keys that are only a single byte
+ // are the non-standard ASCII characters, which simply map the CEA608 byte
+ // to the standard ASCII/Unicode. The two-byte keys that follow are the CEA608
+ // character codes, but have their MSB bitmasked with 0x03 so that a lookup
+ // can be performed regardless of the field and data channel on which the
+ // character code was received.
+
+
+ var CHARACTER_TRANSLATION = {
+ 0x2a: 0xe1,
+ // á
+ 0x5c: 0xe9,
+ // é
+ 0x5e: 0xed,
+ // í
+ 0x5f: 0xf3,
+ // ó
+ 0x60: 0xfa,
+ // ú
+ 0x7b: 0xe7,
+ // ç
+ 0x7c: 0xf7,
+ // ÷
+ 0x7d: 0xd1,
+ // Ñ
+ 0x7e: 0xf1,
+ // ñ
+ 0x7f: 0x2588,
+ // █
+ 0x0130: 0xae,
+ // ®
+ 0x0131: 0xb0,
+ // °
+ 0x0132: 0xbd,
+ // ½
+ 0x0133: 0xbf,
+ // ¿
+ 0x0134: 0x2122,
+ // ™
+ 0x0135: 0xa2,
+ // ¢
+ 0x0136: 0xa3,
+ // £
+ 0x0137: 0x266a,
+ // ♪
+ 0x0138: 0xe0,
+ // à
+ 0x0139: 0xa0,
+ //
+ 0x013a: 0xe8,
+ // è
+ 0x013b: 0xe2,
+ // â
+ 0x013c: 0xea,
+ // ê
+ 0x013d: 0xee,
+ // î
+ 0x013e: 0xf4,
+ // ô
+ 0x013f: 0xfb,
+ // û
+ 0x0220: 0xc1,
+ // Á
+ 0x0221: 0xc9,
+ // É
+ 0x0222: 0xd3,
+ // Ó
+ 0x0223: 0xda,
+ // Ú
+ 0x0224: 0xdc,
+ // Ü
+ 0x0225: 0xfc,
+ // ü
+ 0x0226: 0x2018,
+ // ‘
+ 0x0227: 0xa1,
+ // ¡
+ 0x0228: 0x2a,
+ // *
+ 0x0229: 0x27,
+ // '
+ 0x022a: 0x2014,
+ // —
+ 0x022b: 0xa9,
+ // ©
+ 0x022c: 0x2120,
+ // ℠
+ 0x022d: 0x2022,
+ // •
+ 0x022e: 0x201c,
+ // “
+ 0x022f: 0x201d,
+ // ”
+ 0x0230: 0xc0,
+ // À
+ 0x0231: 0xc2,
+ // Â
+ 0x0232: 0xc7,
+ // Ç
+ 0x0233: 0xc8,
+ // È
+ 0x0234: 0xca,
+ // Ê
+ 0x0235: 0xcb,
+ // Ë
+ 0x0236: 0xeb,
+ // ë
+ 0x0237: 0xce,
+ // Î
+ 0x0238: 0xcf,
+ // Ï
+ 0x0239: 0xef,
+ // ï
+ 0x023a: 0xd4,
+ // Ô
+ 0x023b: 0xd9,
+ // Ù
+ 0x023c: 0xf9,
+ // ù
+ 0x023d: 0xdb,
+ // Û
+ 0x023e: 0xab,
+ // «
+ 0x023f: 0xbb,
+ // »
+ 0x0320: 0xc3,
+ // Ã
+ 0x0321: 0xe3,
+ // ã
+ 0x0322: 0xcd,
+ // Í
+ 0x0323: 0xcc,
+ // Ì
+ 0x0324: 0xec,
+ // ì
+ 0x0325: 0xd2,
+ // Ò
+ 0x0326: 0xf2,
+ // ò
+ 0x0327: 0xd5,
+ // Õ
+ 0x0328: 0xf5,
+ // õ
+ 0x0329: 0x7b,
+ // {
+ 0x032a: 0x7d,
+ // }
+ 0x032b: 0x5c,
+ // \
+ 0x032c: 0x5e,
+ // ^
+ 0x032d: 0x5f,
+ // _
+ 0x032e: 0x7c,
+ // |
+ 0x032f: 0x7e,
+ // ~
+ 0x0330: 0xc4,
+ // Ä
+ 0x0331: 0xe4,
+ // ä
+ 0x0332: 0xd6,
+ // Ö
+ 0x0333: 0xf6,
+ // ö
+ 0x0334: 0xdf,
+ // ß
+ 0x0335: 0xa5,
+ // ¥
+ 0x0336: 0xa4,
+ // ¤
+ 0x0337: 0x2502,
+ // │
+ 0x0338: 0xc5,
+ // Å
+ 0x0339: 0xe5,
+ // å
+ 0x033a: 0xd8,
+ // Ø
+ 0x033b: 0xf8,
+ // ø
+ 0x033c: 0x250c,
+ // ┌
+ 0x033d: 0x2510,
+ // ┐
+ 0x033e: 0x2514,
+ // └
+ 0x033f: 0x2518 // ┘
- var inherits$2 = function inherits(subClass, superClass) {
- if (typeof superClass !== "function" && superClass !== null) {
- throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
- }
+ };
- subClass.prototype = Object.create(superClass && superClass.prototype, {
- constructor: {
- value: subClass,
- enumerable: false,
- writable: true,
- configurable: true
+ var getCharFromCode = function getCharFromCode(code) {
+ if (code === null) {
+ return '';
}
- });
- if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
- };
-
- var possibleConstructorReturn$1 = function possibleConstructorReturn(self, call) {
- if (!self) {
- throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
- }
- return call && (typeof call === "object" || typeof call === "function") ? call : self;
- };
+ code = CHARACTER_TRANSLATION[code] || code;
+ return String.fromCharCode(code);
+ }; // the index of the last row in a CEA-608 display buffer
- var slicedToArray = function () {
- function sliceIterator(arr, i) {
- var _arr = [];
- var _n = true;
- var _d = false;
- var _e = undefined;
- try {
- for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
- _arr.push(_s.value);
+ var BOTTOM_ROW = 14; // This array is used for mapping PACs -> row #, since there's no way of
+ // getting it through bit logic.
- if (i && _arr.length === i) break;
- }
- } catch (err) {
- _d = true;
- _e = err;
- } finally {
- try {
- if (!_n && _i["return"]) _i["return"]();
- } finally {
- if (_d) throw _e;
- }
- }
+ var ROWS = [0x1100, 0x1120, 0x1200, 0x1220, 0x1500, 0x1520, 0x1600, 0x1620, 0x1700, 0x1720, 0x1000, 0x1300, 0x1320, 0x1400, 0x1420]; // CEA-608 captions are rendered onto a 34x15 matrix of character
+ // cells. The "bottom" row is the last element in the outer array.
- return _arr;
- }
+ var createDisplayBuffer = function createDisplayBuffer() {
+ var result = [],
+ i = BOTTOM_ROW + 1;
- return function (arr, i) {
- if (Array.isArray(arr)) {
- return arr;
- } else if (Symbol.iterator in Object(arr)) {
- return sliceIterator(arr, i);
- } else {
- throw new TypeError("Invalid attempt to destructure non-iterable instance");
+ while (i--) {
+ result.push('');
}
+
+ return result;
};
- }();
- /**
- * @file playlist-loader.js
- *
- * A state machine that manages the loading, caching, and updating of
- * M3U8 playlists.
- *
- */
+ var Cea608Stream = function Cea608Stream(field, dataChannel) {
+ Cea608Stream.prototype.init.call(this);
+ this.field_ = field || 0;
+ this.dataChannel_ = dataChannel || 0;
+ this.name_ = 'CC' + ((this.field_ << 1 | this.dataChannel_) + 1);
+ this.setConstants();
+ this.reset();
+
+ this.push = function (packet) {
+ var data, swap, char0, char1, text; // remove the parity bits
+
+ data = packet.ccData & 0x7f7f; // ignore duplicate control codes; the spec demands they're sent twice
- var mergeOptions$1 = videojs$1.mergeOptions,
- EventTarget$1 = videojs$1.EventTarget,
- log$1 = videojs$1.log;
- /**
- * Loops through all supported media groups in master and calls the provided
- * callback for each group
- *
- * @param {Object} master
- * The parsed master manifest object
- * @param {Function} callback
- * Callback to call for each media group
- */
+ if (data === this.lastControlCode_) {
+ this.lastControlCode_ = null;
+ return;
+ } // Store control codes
- var forEachMediaGroup = function forEachMediaGroup(master, callback) {
- ['AUDIO', 'SUBTITLES'].forEach(function (mediaType) {
- for (var groupKey in master.mediaGroups[mediaType]) {
- for (var labelKey in master.mediaGroups[mediaType][groupKey]) {
- var mediaProperties = master.mediaGroups[mediaType][groupKey][labelKey];
- callback(mediaProperties, mediaType, groupKey, labelKey);
+
+ if ((data & 0xf000) === 0x1000) {
+ this.lastControlCode_ = data;
+ } else if (data !== this.PADDING_) {
+ this.lastControlCode_ = null;
}
- }
- });
- };
- /**
- * Returns a new array of segments that is the result of merging
- * properties from an older list of segments onto an updated
- * list. No properties on the updated playlist will be overridden.
- *
- * @param {Array} original the outdated list of segments
- * @param {Array} update the updated list of segments
- * @param {Number=} offset the index of the first update
- * segment in the original segment list. For non-live playlists,
- * this should always be zero and does not need to be
- * specified. For live playlists, it should be the difference
- * between the media sequence numbers in the original and updated
- * playlists.
- * @return a list of merged segment objects
- */
+ char0 = data >>> 8;
+ char1 = data & 0xff;
- var updateSegments = function updateSegments(original, update, offset) {
- var result = update.slice();
- offset = offset || 0;
- var length = Math.min(original.length, update.length + offset);
+ if (data === this.PADDING_) {
+ return;
+ } else if (data === this.RESUME_CAPTION_LOADING_) {
+ this.mode_ = 'popOn';
+ } else if (data === this.END_OF_CAPTION_) {
+ // If an EOC is received while in paint-on mode, the displayed caption
+ // text should be swapped to non-displayed memory as if it was a pop-on
+ // caption. Because of that, we should explicitly switch back to pop-on
+ // mode
+ this.mode_ = 'popOn';
+ this.clearFormatting(packet.pts); // if a caption was being displayed, it's gone now
+
+ this.flushDisplayed(packet.pts); // flip memory
+
+ swap = this.displayed_;
+ this.displayed_ = this.nonDisplayed_;
+ this.nonDisplayed_ = swap; // start measuring the time to display the caption
+
+ this.startPts_ = packet.pts;
+ } else if (data === this.ROLL_UP_2_ROWS_) {
+ this.rollUpRows_ = 2;
+ this.setRollUp(packet.pts);
+ } else if (data === this.ROLL_UP_3_ROWS_) {
+ this.rollUpRows_ = 3;
+ this.setRollUp(packet.pts);
+ } else if (data === this.ROLL_UP_4_ROWS_) {
+ this.rollUpRows_ = 4;
+ this.setRollUp(packet.pts);
+ } else if (data === this.CARRIAGE_RETURN_) {
+ this.clearFormatting(packet.pts);
+ this.flushDisplayed(packet.pts);
+ this.shiftRowsUp_();
+ this.startPts_ = packet.pts;
+ } else if (data === this.BACKSPACE_) {
+ if (this.mode_ === 'popOn') {
+ this.nonDisplayed_[this.row_] = this.nonDisplayed_[this.row_].slice(0, -1);
+ } else {
+ this.displayed_[this.row_] = this.displayed_[this.row_].slice(0, -1);
+ }
+ } else if (data === this.ERASE_DISPLAYED_MEMORY_) {
+ this.flushDisplayed(packet.pts);
+ this.displayed_ = createDisplayBuffer();
+ } else if (data === this.ERASE_NON_DISPLAYED_MEMORY_) {
+ this.nonDisplayed_ = createDisplayBuffer();
+ } else if (data === this.RESUME_DIRECT_CAPTIONING_) {
+ if (this.mode_ !== 'paintOn') {
+ // NOTE: This should be removed when proper caption positioning is
+ // implemented
+ this.flushDisplayed(packet.pts);
+ this.displayed_ = createDisplayBuffer();
+ }
- for (var i = offset; i < length; i++) {
- result[i - offset] = mergeOptions$1(original[i], result[i - offset]);
- }
+ this.mode_ = 'paintOn';
+ this.startPts_ = packet.pts; // Append special characters to caption text
+ } else if (this.isSpecialCharacter(char0, char1)) {
+ // Bitmask char0 so that we can apply character transformations
+ // regardless of field and data channel.
+ // Then byte-shift to the left and OR with char1 so we can pass the
+ // entire character code to `getCharFromCode`.
+ char0 = (char0 & 0x03) << 8;
+ text = getCharFromCode(char0 | char1);
+ this[this.mode_](packet.pts, text);
+ this.column_++; // Append extended characters to caption text
+ } else if (this.isExtCharacter(char0, char1)) {
+ // Extended characters always follow their "non-extended" equivalents.
+ // IE if a "è" is desired, you'll always receive "eè"; non-compliant
+ // decoders are supposed to drop the "è", while compliant decoders
+ // backspace the "e" and insert "è".
+ // Delete the previous character
+ if (this.mode_ === 'popOn') {
+ this.nonDisplayed_[this.row_] = this.nonDisplayed_[this.row_].slice(0, -1);
+ } else {
+ this.displayed_[this.row_] = this.displayed_[this.row_].slice(0, -1);
+ } // Bitmask char0 so that we can apply character transformations
+ // regardless of field and data channel.
+ // Then byte-shift to the left and OR with char1 so we can pass the
+ // entire character code to `getCharFromCode`.
- return result;
- };
- var resolveSegmentUris = function resolveSegmentUris(segment, baseUri) {
- if (!segment.resolvedUri) {
- segment.resolvedUri = resolveUrl$1(baseUri, segment.uri);
- }
+ char0 = (char0 & 0x03) << 8;
+ text = getCharFromCode(char0 | char1);
+ this[this.mode_](packet.pts, text);
+ this.column_++; // Process mid-row codes
+ } else if (this.isMidRowCode(char0, char1)) {
+ // Attributes are not additive, so clear all formatting
+ this.clearFormatting(packet.pts); // According to the standard, mid-row codes
+ // should be replaced with spaces, so add one now
- if (segment.key && !segment.key.resolvedUri) {
- segment.key.resolvedUri = resolveUrl$1(baseUri, segment.key.uri);
- }
+ this[this.mode_](packet.pts, ' ');
+ this.column_++;
- if (segment.map && !segment.map.resolvedUri) {
- segment.map.resolvedUri = resolveUrl$1(baseUri, segment.map.uri);
- }
- };
- /**
- * Returns a new master playlist that is the result of merging an
- * updated media playlist into the original version. If the
- * updated media playlist does not match any of the playlist
- * entries in the original master playlist, null is returned.
- *
- * @param {Object} master a parsed master M3U8 object
- * @param {Object} media a parsed media M3U8 object
- * @return {Object} a new object that represents the original
- * master playlist with the updated media playlist merged in, or
- * null if the merge produced no change.
- */
+ if ((char1 & 0xe) === 0xe) {
+ this.addFormatting(packet.pts, ['i']);
+ }
+ if ((char1 & 0x1) === 0x1) {
+ this.addFormatting(packet.pts, ['u']);
+ } // Detect offset control codes and adjust cursor
+
+ } else if (this.isOffsetControlCode(char0, char1)) {
+ // Cursor position is set by indent PAC (see below) in 4-column
+ // increments, with an additional offset code of 1-3 to reach any
+ // of the 32 columns specified by CEA-608. So all we need to do
+ // here is increment the column cursor by the given offset.
+ this.column_ += char1 & 0x03; // Detect PACs (Preamble Address Codes)
+ } else if (this.isPAC(char0, char1)) {
+ // There's no logic for PAC -> row mapping, so we have to just
+ // find the row code in an array and use its index :(
+ var row = ROWS.indexOf(data & 0x1f20); // Configure the caption window if we're in roll-up mode
+
+ if (this.mode_ === 'rollUp') {
+ // This implies that the base row is incorrectly set.
+ // As per the recommendation in CEA-608(Base Row Implementation), defer to the number
+ // of roll-up rows set.
+ if (row - this.rollUpRows_ + 1 < 0) {
+ row = this.rollUpRows_ - 1;
+ }
- var updateMaster = function updateMaster(master, media) {
- var result = mergeOptions$1(master, {});
- var playlist = result.playlists[media.id];
+ this.setRollUp(packet.pts, row);
+ }
- if (!playlist) {
- return null;
- } // consider the playlist unchanged if the number of segments is equal, the media
- // sequence number is unchanged, and this playlist hasn't become the end of the playlist
+ if (row !== this.row_) {
+ // formatting is only persistent for current row
+ this.clearFormatting(packet.pts);
+ this.row_ = row;
+ } // All PACs can apply underline, so detect and apply
+ // (All odd-numbered second bytes set underline)
- if (playlist.segments && media.segments && playlist.segments.length === media.segments.length && playlist.endList === media.endList && playlist.mediaSequence === media.mediaSequence) {
- return null;
- }
+ if (char1 & 0x1 && this.formatting_.indexOf('u') === -1) {
+ this.addFormatting(packet.pts, ['u']);
+ }
- var mergedPlaylist = mergeOptions$1(playlist, media); // if the update could overlap existing segment information, merge the two segment lists
+ if ((data & 0x10) === 0x10) {
+ // We've got an indent level code. Each successive even number
+ // increments the column cursor by 4, so we can get the desired
+ // column position by bit-shifting to the right (to get n/2)
+ // and multiplying by 4.
+ this.column_ = ((data & 0xe) >> 1) * 4;
+ }
- if (playlist.segments) {
- mergedPlaylist.segments = updateSegments(playlist.segments, media.segments, media.mediaSequence - playlist.mediaSequence);
- } // resolve any segment URIs to prevent us from having to do it later
+ if (this.isColorPAC(char1)) {
+ // it's a color code, though we only support white, which
+ // can be either normal or italicized. white italics can be
+ // either 0x4e or 0x6e depending on the row, so we just
+ // bitwise-and with 0xe to see if italics should be turned on
+ if ((char1 & 0xe) === 0xe) {
+ this.addFormatting(packet.pts, ['i']);
+ }
+ } // We have a normal character in char0, and possibly one in char1
+ } else if (this.isNormalChar(char0)) {
+ if (char1 === 0x00) {
+ char1 = null;
+ }
- mergedPlaylist.segments.forEach(function (segment) {
- resolveSegmentUris(segment, mergedPlaylist.resolvedUri);
- }); // TODO Right now in the playlists array there are two references to each playlist, one
- // that is referenced by index, and one by URI. The index reference may no longer be
- // necessary.
+ text = getCharFromCode(char0);
+ text += getCharFromCode(char1);
+ this[this.mode_](packet.pts, text);
+ this.column_ += text.length;
+ } // finish data processing
- for (var i = 0; i < result.playlists.length; i++) {
- if (result.playlists[i].id === media.id) {
- result.playlists[i] = mergedPlaylist;
- }
- }
+ };
+ };
- result.playlists[media.id] = mergedPlaylist; // URI reference added for backwards compatibility
+ Cea608Stream.prototype = new stream(); // Trigger a cue point that captures the current state of the
+ // display buffer
- result.playlists[media.uri] = mergedPlaylist;
- return result;
- };
+ Cea608Stream.prototype.flushDisplayed = function (pts) {
+ var content = this.displayed_ // remove spaces from the start and end of the string
+ .map(function (row, index) {
+ try {
+ return row.trim();
+ } catch (e) {
+ // Ordinarily, this shouldn't happen. However, caption
+ // parsing errors should not throw exceptions and
+ // break playback.
+ this.trigger('log', {
+ level: 'warn',
+ message: 'Skipping a malformed 608 caption at index ' + index + '.'
+ });
+ return '';
+ }
+ }, this) // combine all text rows to display in one cue
+ .join('\n') // and remove blank rows from the start and end, but not the middle
+ .replace(/^\n+|\n+$/g, '');
- var createPlaylistID = function createPlaylistID(index, uri) {
- return index + '-' + uri;
- };
+ if (content.length) {
+ this.trigger('data', {
+ startPts: this.startPts_,
+ endPts: pts,
+ text: content,
+ stream: this.name_
+ });
+ }
+ };
+ /**
+ * Zero out the data, used for startup and on seek
+ */
- var setupMediaPlaylists = function setupMediaPlaylists(master) {
- // setup by-URI lookups and resolve media playlist URIs
- var i = master.playlists.length;
- while (i--) {
- var playlist = master.playlists[i];
- playlist.resolvedUri = resolveUrl$1(master.uri, playlist.uri);
- playlist.id = createPlaylistID(i, playlist.uri);
- master.playlists[playlist.id] = playlist; // URI reference added for backwards compatibility
+ Cea608Stream.prototype.reset = function () {
+ this.mode_ = 'popOn'; // When in roll-up mode, the index of the last row that will
+ // actually display captions. If a caption is shifted to a row
+ // with a lower index than this, it is cleared from the display
+ // buffer
- master.playlists[playlist.uri] = playlist;
+ this.topRow_ = 0;
+ this.startPts_ = 0;
+ this.displayed_ = createDisplayBuffer();
+ this.nonDisplayed_ = createDisplayBuffer();
+ this.lastControlCode_ = null; // Track row and column for proper line-breaking and spacing
- if (!playlist.attributes) {
- // Although the spec states an #EXT-X-STREAM-INF tag MUST have a
- // BANDWIDTH attribute, we can play the stream without it. This means a poorly
- // formatted master playlist may not have an attribute list. An attributes
- // property is added here to prevent undefined references when we encounter
- // this scenario.
- playlist.attributes = {};
- log$1.warn('Invalid playlist STREAM-INF detected. Missing BANDWIDTH attribute.');
- }
- }
- };
+ this.column_ = 0;
+ this.row_ = BOTTOM_ROW;
+ this.rollUpRows_ = 2; // This variable holds currently-applied formatting
- var resolveMediaGroupUris = function resolveMediaGroupUris(master) {
- forEachMediaGroup(master, function (properties) {
- if (properties.uri) {
- properties.resolvedUri = resolveUrl$1(master.uri, properties.uri);
- }
- });
- };
- /**
- * Calculates the time to wait before refreshing a live playlist
- *
- * @param {Object} media
- * The current media
- * @param {Boolean} update
- * True if there were any updates from the last refresh, false otherwise
- * @return {Number}
- * The time in ms to wait before refreshing the live playlist
- */
+ this.formatting_ = [];
+ };
+ /**
+ * Sets up control code and related constants for this instance
+ */
- var refreshDelay = function refreshDelay(media, update) {
- var lastSegment = media.segments[media.segments.length - 1];
- var delay = void 0;
+ Cea608Stream.prototype.setConstants = function () {
+ // The following attributes have these uses:
+ // ext_ : char0 for mid-row codes, and the base for extended
+ // chars (ext_+0, ext_+1, and ext_+2 are char0s for
+ // extended codes)
+ // control_: char0 for control codes, except byte-shifted to the
+ // left so that we can do this.control_ | CONTROL_CODE
+ // offset_: char0 for tab offset codes
+ //
+ // It's also worth noting that control codes, and _only_ control codes,
+ // differ between field 1 and field2. Field 2 control codes are always
+ // their field 1 value plus 1. That's why there's the "| field" on the
+ // control value.
+ if (this.dataChannel_ === 0) {
+ this.BASE_ = 0x10;
+ this.EXT_ = 0x11;
+ this.CONTROL_ = (0x14 | this.field_) << 8;
+ this.OFFSET_ = 0x17;
+ } else if (this.dataChannel_ === 1) {
+ this.BASE_ = 0x18;
+ this.EXT_ = 0x19;
+ this.CONTROL_ = (0x1c | this.field_) << 8;
+ this.OFFSET_ = 0x1f;
+ } // Constants for the LSByte command codes recognized by Cea608Stream. This
+ // list is not exhaustive. For a more comprehensive listing and semantics see
+ // http://www.gpo.gov/fdsys/pkg/CFR-2010-title47-vol1/pdf/CFR-2010-title47-vol1-sec15-119.pdf
+ // Padding
+
+
+ this.PADDING_ = 0x0000; // Pop-on Mode
+
+ this.RESUME_CAPTION_LOADING_ = this.CONTROL_ | 0x20;
+ this.END_OF_CAPTION_ = this.CONTROL_ | 0x2f; // Roll-up Mode
+
+ this.ROLL_UP_2_ROWS_ = this.CONTROL_ | 0x25;
+ this.ROLL_UP_3_ROWS_ = this.CONTROL_ | 0x26;
+ this.ROLL_UP_4_ROWS_ = this.CONTROL_ | 0x27;
+ this.CARRIAGE_RETURN_ = this.CONTROL_ | 0x2d; // paint-on mode
+
+ this.RESUME_DIRECT_CAPTIONING_ = this.CONTROL_ | 0x29; // Erasure
+
+ this.BACKSPACE_ = this.CONTROL_ | 0x21;
+ this.ERASE_DISPLAYED_MEMORY_ = this.CONTROL_ | 0x2c;
+ this.ERASE_NON_DISPLAYED_MEMORY_ = this.CONTROL_ | 0x2e;
+ };
+ /**
+ * Detects if the 2-byte packet data is a special character
+ *
+ * Special characters have a second byte in the range 0x30 to 0x3f,
+ * with the first byte being 0x11 (for data channel 1) or 0x19 (for
+ * data channel 2).
+ *
+ * @param {Integer} char0 The first byte
+ * @param {Integer} char1 The second byte
+ * @return {Boolean} Whether the 2 bytes are an special character
+ */
- if (update && lastSegment && lastSegment.duration) {
- delay = lastSegment.duration * 1000;
- } else {
- // if the playlist is unchanged since the last reload or last segment duration
- // cannot be determined, try again after half the target duration
- delay = (media.targetDuration || 10) * 500;
- }
- return delay;
- };
- /**
- * Load a playlist from a remote location
- *
- * @class PlaylistLoader
- * @extends Stream
- * @param {String} srcUrl the url to start with
- * @param {Boolean} withCredentials the withCredentials xhr option
- * @constructor
- */
+ Cea608Stream.prototype.isSpecialCharacter = function (char0, char1) {
+ return char0 === this.EXT_ && char1 >= 0x30 && char1 <= 0x3f;
+ };
+ /**
+ * Detects if the 2-byte packet data is an extended character
+ *
+ * Extended characters have a second byte in the range 0x20 to 0x3f,
+ * with the first byte being 0x12 or 0x13 (for data channel 1) or
+ * 0x1a or 0x1b (for data channel 2).
+ *
+ * @param {Integer} char0 The first byte
+ * @param {Integer} char1 The second byte
+ * @return {Boolean} Whether the 2 bytes are an extended character
+ */
- var PlaylistLoader = function (_EventTarget) {
- inherits$2(PlaylistLoader, _EventTarget);
+ Cea608Stream.prototype.isExtCharacter = function (char0, char1) {
+ return (char0 === this.EXT_ + 1 || char0 === this.EXT_ + 2) && char1 >= 0x20 && char1 <= 0x3f;
+ };
+ /**
+ * Detects if the 2-byte packet is a mid-row code
+ *
+ * Mid-row codes have a second byte in the range 0x20 to 0x2f, with
+ * the first byte being 0x11 (for data channel 1) or 0x19 (for data
+ * channel 2).
+ *
+ * @param {Integer} char0 The first byte
+ * @param {Integer} char1 The second byte
+ * @return {Boolean} Whether the 2 bytes are a mid-row code
+ */
- function PlaylistLoader(srcUrl, hls) {
- var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
- classCallCheck$1(this, PlaylistLoader);
- var _this = possibleConstructorReturn$1(this, (PlaylistLoader.__proto__ || Object.getPrototypeOf(PlaylistLoader)).call(this));
+ Cea608Stream.prototype.isMidRowCode = function (char0, char1) {
+ return char0 === this.EXT_ && char1 >= 0x20 && char1 <= 0x2f;
+ };
+ /**
+ * Detects if the 2-byte packet is an offset control code
+ *
+ * Offset control codes have a second byte in the range 0x21 to 0x23,
+ * with the first byte being 0x17 (for data channel 1) or 0x1f (for
+ * data channel 2).
+ *
+ * @param {Integer} char0 The first byte
+ * @param {Integer} char1 The second byte
+ * @return {Boolean} Whether the 2 bytes are an offset control code
+ */
- var _options$withCredenti = options.withCredentials,
- withCredentials = _options$withCredenti === undefined ? false : _options$withCredenti,
- _options$handleManife = options.handleManifestRedirects,
- handleManifestRedirects = _options$handleManife === undefined ? false : _options$handleManife;
- _this.srcUrl = srcUrl;
- _this.hls_ = hls;
- _this.withCredentials = withCredentials;
- _this.handleManifestRedirects = handleManifestRedirects;
- var hlsOptions = hls.options_;
- _this.customTagParsers = hlsOptions && hlsOptions.customTagParsers || [];
- _this.customTagMappers = hlsOptions && hlsOptions.customTagMappers || [];
- if (!_this.srcUrl) {
- throw new Error('A non-empty playlist URL is required');
- } // initialize the loader state
+ Cea608Stream.prototype.isOffsetControlCode = function (char0, char1) {
+ return char0 === this.OFFSET_ && char1 >= 0x21 && char1 <= 0x23;
+ };
+ /**
+ * Detects if the 2-byte packet is a Preamble Address Code
+ *
+ * PACs have a first byte in the range 0x10 to 0x17 (for data channel 1)
+ * or 0x18 to 0x1f (for data channel 2), with the second byte in the
+ * range 0x40 to 0x7f.
+ *
+ * @param {Integer} char0 The first byte
+ * @param {Integer} char1 The second byte
+ * @return {Boolean} Whether the 2 bytes are a PAC
+ */
- _this.state = 'HAVE_NOTHING'; // live playlist staleness timeout
+ Cea608Stream.prototype.isPAC = function (char0, char1) {
+ return char0 >= this.BASE_ && char0 < this.BASE_ + 8 && char1 >= 0x40 && char1 <= 0x7f;
+ };
+ /**
+ * Detects if a packet's second byte is in the range of a PAC color code
+ *
+ * PAC color codes have the second byte be in the range 0x40 to 0x4f, or
+ * 0x60 to 0x6f.
+ *
+ * @param {Integer} char1 The second byte
+ * @return {Boolean} Whether the byte is a color PAC
+ */
- _this.on('mediaupdatetimeout', function () {
- if (_this.state !== 'HAVE_METADATA') {
- // only refresh the media playlist if no other activity is going on
- return;
- }
- _this.state = 'HAVE_CURRENT_METADATA';
- _this.request = _this.hls_.xhr({
- uri: resolveUrl$1(_this.master.uri, _this.media().uri),
- withCredentials: _this.withCredentials
- }, function (error, req) {
- // disposed
- if (!_this.request) {
- return;
- }
+ Cea608Stream.prototype.isColorPAC = function (char1) {
+ return char1 >= 0x40 && char1 <= 0x4f || char1 >= 0x60 && char1 <= 0x7f;
+ };
+ /**
+ * Detects if a single byte is in the range of a normal character
+ *
+ * Normal text bytes are in the range 0x20 to 0x7f.
+ *
+ * @param {Integer} char The byte
+ * @return {Boolean} Whether the byte is a normal character
+ */
- if (error) {
- return _this.playlistRequestError(_this.request, _this.media(), 'HAVE_METADATA');
- }
- _this.haveMetadata(_this.request, _this.media().uri, _this.media().id);
- });
- });
+ Cea608Stream.prototype.isNormalChar = function (_char2) {
+ return _char2 >= 0x20 && _char2 <= 0x7f;
+ };
+ /**
+ * Configures roll-up
+ *
+ * @param {Integer} pts Current PTS
+ * @param {Integer} newBaseRow Used by PACs to slide the current window to
+ * a new position
+ */
- return _this;
- }
- createClass$1(PlaylistLoader, [{
- key: 'playlistRequestError',
- value: function playlistRequestError(xhr, playlist, startingState) {
- var uri = playlist.uri,
- id = playlist.id; // any in-flight request is now finished
+ Cea608Stream.prototype.setRollUp = function (pts, newBaseRow) {
+ // Reset the base row to the bottom row when switching modes
+ if (this.mode_ !== 'rollUp') {
+ this.row_ = BOTTOM_ROW;
+ this.mode_ = 'rollUp'; // Spec says to wipe memories when switching to roll-up
- this.request = null;
+ this.flushDisplayed(pts);
+ this.nonDisplayed_ = createDisplayBuffer();
+ this.displayed_ = createDisplayBuffer();
+ }
- if (startingState) {
- this.state = startingState;
+ if (newBaseRow !== undefined && newBaseRow !== this.row_) {
+ // move currently displayed captions (up or down) to the new base row
+ for (var i = 0; i < this.rollUpRows_; i++) {
+ this.displayed_[newBaseRow - i] = this.displayed_[this.row_ - i];
+ this.displayed_[this.row_ - i] = '';
}
+ }
- this.error = {
- playlist: this.master.playlists[id],
- status: xhr.status,
- message: 'HLS playlist request error at URL: ' + uri + '.',
- responseText: xhr.responseText,
- code: xhr.status >= 500 ? 4 : 2
- };
- this.trigger('error');
- } // update the playlist loader's state in response to a new or
- // updated playlist.
+ if (newBaseRow === undefined) {
+ newBaseRow = this.row_;
+ }
- }, {
- key: 'haveMetadata',
- value: function haveMetadata(xhr, url, id) {
- var _this2 = this; // any in-flight request is now finished
+ this.topRow_ = newBaseRow - this.rollUpRows_ + 1;
+ }; // Adds the opening HTML tag for the passed character to the caption text,
+ // and keeps track of it for later closing
- this.request = null;
- this.state = 'HAVE_METADATA';
- var parser = new Parser(); // adding custom tag parsers
+ Cea608Stream.prototype.addFormatting = function (pts, format) {
+ this.formatting_ = this.formatting_.concat(format);
+ var text = format.reduce(function (text, format) {
+ return text + '<' + format + '>';
+ }, '');
+ this[this.mode_](pts, text);
+ }; // Adds HTML closing tags for current formatting to caption text and
+ // clears remembered formatting
- this.customTagParsers.forEach(function (customParser) {
- return parser.addParser(customParser);
- }); // adding custom tag mappers
- this.customTagMappers.forEach(function (mapper) {
- return parser.addTagMapper(mapper);
- });
- parser.push(xhr.responseText);
- parser.end();
- parser.manifest.uri = url;
- parser.manifest.id = id; // m3u8-parser does not attach an attributes property to media playlists so make
- // sure that the property is attached to avoid undefined reference errors
+ Cea608Stream.prototype.clearFormatting = function (pts) {
+ if (!this.formatting_.length) {
+ return;
+ }
- parser.manifest.attributes = parser.manifest.attributes || {}; // merge this playlist into the master
+ var text = this.formatting_.reverse().reduce(function (text, format) {
+ return text + '</' + format + '>';
+ }, '');
+ this.formatting_ = [];
+ this[this.mode_](pts, text);
+ }; // Mode Implementations
- var update = updateMaster(this.master, parser.manifest);
- this.targetDuration = parser.manifest.targetDuration;
- if (update) {
- this.master = update;
- this.media_ = this.master.playlists[id];
- } else {
- this.trigger('playlistunchanged');
- } // refresh live playlists after a target duration passes
+ Cea608Stream.prototype.popOn = function (pts, text) {
+ var baseRow = this.nonDisplayed_[this.row_]; // buffer characters
+ baseRow += text;
+ this.nonDisplayed_[this.row_] = baseRow;
+ };
- if (!this.media().endList) {
- window$3.clearTimeout(this.mediaUpdateTimeout);
- this.mediaUpdateTimeout = window$3.setTimeout(function () {
- _this2.trigger('mediaupdatetimeout');
- }, refreshDelay(this.media(), !!update));
- }
+ Cea608Stream.prototype.rollUp = function (pts, text) {
+ var baseRow = this.displayed_[this.row_];
+ baseRow += text;
+ this.displayed_[this.row_] = baseRow;
+ };
- this.trigger('loadedplaylist');
- }
- /**
- * Abort any outstanding work and clean up.
- */
+ Cea608Stream.prototype.shiftRowsUp_ = function () {
+ var i; // clear out inactive rows
- }, {
- key: 'dispose',
- value: function dispose() {
- this.trigger('dispose');
- this.stopRequest();
- window$3.clearTimeout(this.mediaUpdateTimeout);
- window$3.clearTimeout(this.finalRenditionTimeout);
- this.off();
- }
- }, {
- key: 'stopRequest',
- value: function stopRequest() {
- if (this.request) {
- var oldRequest = this.request;
- this.request = null;
- oldRequest.onreadystatechange = null;
- oldRequest.abort();
- }
+ for (i = 0; i < this.topRow_; i++) {
+ this.displayed_[i] = '';
}
- /**
- * When called without any arguments, returns the currently
- * active media playlist. When called with a single argument,
- * triggers the playlist loader to asynchronously switch to the
- * specified media playlist. Calling this method while the
- * loader is in the HAVE_NOTHING causes an error to be emitted
- * but otherwise has no effect.
- *
- * @param {Object=} playlist the parsed media playlist
- * object to switch to
- * @param {Boolean=} is this the last available playlist
- *
- * @return {Playlist} the current loaded media
- */
- }, {
- key: 'media',
- value: function media(playlist, isFinalRendition) {
- var _this3 = this; // getter
+ for (i = this.row_ + 1; i < BOTTOM_ROW + 1; i++) {
+ this.displayed_[i] = '';
+ } // shift displayed rows up
- if (!playlist) {
- return this.media_;
- } // setter
+ for (i = this.topRow_; i < this.row_; i++) {
+ this.displayed_[i] = this.displayed_[i + 1];
+ } // clear out the bottom row
- if (this.state === 'HAVE_NOTHING') {
- throw new Error('Cannot switch media playlist from ' + this.state);
- } // find the playlist object if the target playlist has been
- // specified by URI
+ this.displayed_[this.row_] = '';
+ };
+ Cea608Stream.prototype.paintOn = function (pts, text) {
+ var baseRow = this.displayed_[this.row_];
+ baseRow += text;
+ this.displayed_[this.row_] = baseRow;
+ }; // exports
- if (typeof playlist === 'string') {
- if (!this.master.playlists[playlist]) {
- throw new Error('Unknown playlist URI: ' + playlist);
- }
- playlist = this.master.playlists[playlist];
- }
+ var captionStream = {
+ CaptionStream: CaptionStream$1,
+ Cea608Stream: Cea608Stream,
+ Cea708Stream: Cea708Stream
+ };
+ /**
+ * mux.js
+ *
+ * Copyright (c) Brightcove
+ * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
+ */
- window$3.clearTimeout(this.finalRenditionTimeout);
+ var streamTypes = {
+ H264_STREAM_TYPE: 0x1B,
+ ADTS_STREAM_TYPE: 0x0F,
+ METADATA_STREAM_TYPE: 0x15
+ };
+ var MAX_TS = 8589934592;
+ var RO_THRESH = 4294967296;
+ var TYPE_SHARED = 'shared';
- if (isFinalRendition) {
- var delay = playlist.targetDuration / 2 * 1000 || 5 * 1000;
- this.finalRenditionTimeout = window$3.setTimeout(this.media.bind(this, playlist, false), delay);
- return;
- }
+ var handleRollover$1 = function handleRollover(value, reference) {
+ var direction = 1;
- var startingState = this.state;
- var mediaChange = !this.media_ || playlist.id !== this.media_.id; // switch to fully loaded playlists immediately
+ if (value > reference) {
+ // If the current timestamp value is greater than our reference timestamp and we detect a
+ // timestamp rollover, this means the roll over is happening in the opposite direction.
+ // Example scenario: Enter a long stream/video just after a rollover occurred. The reference
+ // point will be set to a small number, e.g. 1. The user then seeks backwards over the
+ // rollover point. In loading this segment, the timestamp values will be very large,
+ // e.g. 2^33 - 1. Since this comes before the data we loaded previously, we want to adjust
+ // the time stamp to be `value - 2^33`.
+ direction = -1;
+ } // Note: A seek forwards or back that is greater than the RO_THRESH (2^32, ~13 hours) will
+ // cause an incorrect adjustment.
- if (this.master.playlists[playlist.id].endList) {
- // abort outstanding playlist requests
- if (this.request) {
- this.request.onreadystatechange = null;
- this.request.abort();
- this.request = null;
- }
- this.state = 'HAVE_METADATA';
- this.media_ = playlist; // trigger media change if the active media has been updated
+ while (Math.abs(reference - value) > RO_THRESH) {
+ value += direction * MAX_TS;
+ }
- if (mediaChange) {
- this.trigger('mediachanging');
- this.trigger('mediachange');
- }
+ return value;
+ };
- return;
- } // switching to the active playlist is a no-op
+ var TimestampRolloverStream$1 = function TimestampRolloverStream(type) {
+ var lastDTS, referenceDTS;
+ TimestampRolloverStream.prototype.init.call(this); // The "shared" type is used in cases where a stream will contain muxed
+ // video and audio. We could use `undefined` here, but having a string
+ // makes debugging a little clearer.
+ this.type_ = type || TYPE_SHARED;
- if (!mediaChange) {
+ this.push = function (data) {
+ // Any "shared" rollover streams will accept _all_ data. Otherwise,
+ // streams will only accept data that matches their type.
+ if (this.type_ !== TYPE_SHARED && data.type !== this.type_) {
return;
}
- this.state = 'SWITCHING_MEDIA'; // there is already an outstanding playlist request
+ if (referenceDTS === undefined) {
+ referenceDTS = data.dts;
+ }
- if (this.request) {
- if (playlist.resolvedUri === this.request.url) {
- // requesting to switch to the same playlist multiple times
- // has no effect after the first
- return;
- }
+ data.dts = handleRollover$1(data.dts, referenceDTS);
+ data.pts = handleRollover$1(data.pts, referenceDTS);
+ lastDTS = data.dts;
+ this.trigger('data', data);
+ };
- this.request.onreadystatechange = null;
- this.request.abort();
- this.request = null;
- } // request the new playlist
+ this.flush = function () {
+ referenceDTS = lastDTS;
+ this.trigger('done');
+ };
+ this.endTimeline = function () {
+ this.flush();
+ this.trigger('endedtimeline');
+ };
- if (this.media_) {
- this.trigger('mediachanging');
- }
+ this.discontinuity = function () {
+ referenceDTS = void 0;
+ lastDTS = void 0;
+ };
- this.request = this.hls_.xhr({
- uri: playlist.resolvedUri,
- withCredentials: this.withCredentials
- }, function (error, req) {
- // disposed
- if (!_this3.request) {
- return;
- }
+ this.reset = function () {
+ this.discontinuity();
+ this.trigger('reset');
+ };
+ };
+
+ TimestampRolloverStream$1.prototype = new stream();
+ var timestampRolloverStream = {
+ TimestampRolloverStream: TimestampRolloverStream$1,
+ handleRollover: handleRollover$1
+ };
- playlist.resolvedUri = resolveManifestRedirect(_this3.handleManifestRedirects, playlist.resolvedUri, req);
+ var percentEncode$1 = function percentEncode(bytes, start, end) {
+ var i,
+ result = '';
- if (error) {
- return _this3.playlistRequestError(_this3.request, playlist, startingState);
- }
+ for (i = start; i < end; i++) {
+ result += '%' + ('00' + bytes[i].toString(16)).slice(-2);
+ }
- _this3.haveMetadata(req, playlist.uri, playlist.id); // fire loadedmetadata the first time a media playlist is loaded
+ return result;
+ },
+ // return the string representation of the specified byte range,
+ // interpreted as UTf-8.
+ parseUtf8 = function parseUtf8(bytes, start, end) {
+ return decodeURIComponent(percentEncode$1(bytes, start, end));
+ },
+ // return the string representation of the specified byte range,
+ // interpreted as ISO-8859-1.
+ parseIso88591$1 = function parseIso88591(bytes, start, end) {
+ return unescape(percentEncode$1(bytes, start, end)); // jshint ignore:line
+ },
+ parseSyncSafeInteger$1 = function parseSyncSafeInteger(data) {
+ return data[0] << 21 | data[1] << 14 | data[2] << 7 | data[3];
+ },
+ tagParsers = {
+ TXXX: function TXXX(tag) {
+ var i;
+ if (tag.data[0] !== 3) {
+ // ignore frames with unrecognized character encodings
+ return;
+ }
- if (startingState === 'HAVE_MASTER') {
- _this3.trigger('loadedmetadata');
- } else {
- _this3.trigger('mediachange');
- }
- });
- }
- /**
- * pause loading of the playlist
- */
+ for (i = 1; i < tag.data.length; i++) {
+ if (tag.data[i] === 0) {
+ // parse the text fields
+ tag.description = parseUtf8(tag.data, 1, i); // do not include the null terminator in the tag value
- }, {
- key: 'pause',
- value: function pause() {
- this.stopRequest();
- window$3.clearTimeout(this.mediaUpdateTimeout);
-
- if (this.state === 'HAVE_NOTHING') {
- // If we pause the loader before any data has been retrieved, its as if we never
- // started, so reset to an unstarted state.
- this.started = false;
- } // Need to restore state now that no activity is happening
-
-
- if (this.state === 'SWITCHING_MEDIA') {
- // if the loader was in the process of switching media, it should either return to
- // HAVE_MASTER or HAVE_METADATA depending on if the loader has loaded a media
- // playlist yet. This is determined by the existence of loader.media_
- if (this.media_) {
- this.state = 'HAVE_METADATA';
- } else {
- this.state = 'HAVE_MASTER';
+ tag.value = parseUtf8(tag.data, i + 1, tag.data.length).replace(/\0*$/, '');
+ break;
}
- } else if (this.state === 'HAVE_CURRENT_METADATA') {
- this.state = 'HAVE_METADATA';
}
- }
- /**
- * start loading of the playlist
- */
- }, {
- key: 'load',
- value: function load(isFinalRendition) {
- var _this4 = this;
-
- window$3.clearTimeout(this.mediaUpdateTimeout);
- var media = this.media();
-
- if (isFinalRendition) {
- var delay = media ? media.targetDuration / 2 * 1000 : 5 * 1000;
- this.mediaUpdateTimeout = window$3.setTimeout(function () {
- return _this4.load();
- }, delay);
+ tag.data = tag.value;
+ },
+ WXXX: function WXXX(tag) {
+ var i;
+
+ if (tag.data[0] !== 3) {
+ // ignore frames with unrecognized character encodings
return;
}
- if (!this.started) {
- this.start();
- return;
+ for (i = 1; i < tag.data.length; i++) {
+ if (tag.data[i] === 0) {
+ // parse the description and URL fields
+ tag.description = parseUtf8(tag.data, 1, i);
+ tag.url = parseUtf8(tag.data, i + 1, tag.data.length);
+ break;
+ }
}
+ },
+ PRIV: function PRIV(tag) {
+ var i;
- if (media && !media.endList) {
- this.trigger('mediaupdatetimeout');
- } else {
- this.trigger('loadedplaylist');
+ for (i = 0; i < tag.data.length; i++) {
+ if (tag.data[i] === 0) {
+ // parse the description and URL fields
+ tag.owner = parseIso88591$1(tag.data, 0, i);
+ break;
+ }
}
+
+ tag.privateData = tag.data.subarray(i + 1);
+ tag.data = tag.privateData;
}
- /**
- * start loading of the playlist
- */
+ },
+ _MetadataStream;
+
+ _MetadataStream = function MetadataStream(options) {
+ var settings = {
+ // the bytes of the program-level descriptor field in MP2T
+ // see ISO/IEC 13818-1:2013 (E), section 2.6 "Program and
+ // program element descriptors"
+ descriptor: options && options.descriptor
+ },
+ // the total size in bytes of the ID3 tag being parsed
+ tagSize = 0,
+ // tag data that is not complete enough to be parsed
+ buffer = [],
+ // the total number of bytes currently in the buffer
+ bufferSize = 0,
+ i;
- }, {
- key: 'start',
- value: function start() {
- var _this5 = this;
-
- this.started = true; // request the specified URL
-
- this.request = this.hls_.xhr({
- uri: this.srcUrl,
- withCredentials: this.withCredentials
- }, function (error, req) {
- // disposed
- if (!_this5.request) {
- return;
- } // clear the loader's request reference
+ _MetadataStream.prototype.init.call(this); // calculate the text track in-band metadata track dispatch type
+ // https://html.spec.whatwg.org/multipage/embedded-content.html#steps-to-expose-a-media-resource-specific-text-track
- _this5.request = null;
+ this.dispatchType = streamTypes.METADATA_STREAM_TYPE.toString(16);
- if (error) {
- _this5.error = {
- status: req.status,
- message: 'HLS playlist request error at URL: ' + _this5.srcUrl + '.',
- responseText: req.responseText,
- // MEDIA_ERR_NETWORK
- code: 2
- };
+ if (settings.descriptor) {
+ for (i = 0; i < settings.descriptor.length; i++) {
+ this.dispatchType += ('00' + settings.descriptor[i].toString(16)).slice(-2);
+ }
+ }
- if (_this5.state === 'HAVE_NOTHING') {
- _this5.started = false;
- }
+ this.push = function (chunk) {
+ var tag, frameStart, frameSize, frame, i, frameHeader;
- return _this5.trigger('error');
- }
+ if (chunk.type !== 'timed-metadata') {
+ return;
+ } // if data_alignment_indicator is set in the PES header,
+ // we must have the start of a new ID3 tag. Assume anything
+ // remaining in the buffer was malformed and throw it out
- var parser = new Parser(); // adding custom tag parsers
- _this5.customTagParsers.forEach(function (customParser) {
- return parser.addParser(customParser);
- }); // adding custom tag mappers
+ if (chunk.dataAlignmentIndicator) {
+ bufferSize = 0;
+ buffer.length = 0;
+ } // ignore events that don't look like ID3 data
- _this5.customTagMappers.forEach(function (mapper) {
- return parser.addTagMapper(mapper);
+ if (buffer.length === 0 && (chunk.data.length < 10 || chunk.data[0] !== 'I'.charCodeAt(0) || chunk.data[1] !== 'D'.charCodeAt(0) || chunk.data[2] !== '3'.charCodeAt(0))) {
+ this.trigger('log', {
+ level: 'warn',
+ message: 'Skipping unrecognized metadata packet'
});
+ return;
+ } // add this chunk to the data we've collected so far
- parser.push(req.responseText);
- parser.end();
- _this5.state = 'HAVE_MASTER';
- _this5.srcUrl = resolveManifestRedirect(_this5.handleManifestRedirects, _this5.srcUrl, req);
- parser.manifest.uri = _this5.srcUrl; // loaded a master playlist
- if (parser.manifest.playlists) {
- _this5.master = parser.manifest;
- setupMediaPlaylists(_this5.master);
- resolveMediaGroupUris(_this5.master);
+ buffer.push(chunk);
+ bufferSize += chunk.data.byteLength; // grab the size of the entire frame from the ID3 header
- _this5.trigger('loadedplaylist');
+ if (buffer.length === 1) {
+ // the frame size is transmitted as a 28-bit integer in the
+ // last four bytes of the ID3 header.
+ // The most significant bit of each byte is dropped and the
+ // results concatenated to recover the actual value.
+ tagSize = parseSyncSafeInteger$1(chunk.data.subarray(6, 10)); // ID3 reports the tag size excluding the header but it's more
+ // convenient for our comparisons to include it
- if (!_this5.request) {
- // no media playlist was specifically selected so start
- // from the first listed one
- _this5.media(parser.manifest.playlists[0]);
- }
+ tagSize += 10;
+ } // if the entire frame has not arrived, wait for more data
- return;
- }
- var id = createPlaylistID(0, _this5.srcUrl); // loaded a media playlist
- // infer a master playlist if none was previously requested
+ if (bufferSize < tagSize) {
+ return;
+ } // collect the entire frame so it can be parsed
- _this5.master = {
- mediaGroups: {
- 'AUDIO': {},
- 'VIDEO': {},
- 'CLOSED-CAPTIONS': {},
- 'SUBTITLES': {}
- },
- uri: window$3.location.href,
- playlists: [{
- uri: _this5.srcUrl,
- id: id,
- resolvedUri: _this5.srcUrl,
- // m3u8-parser does not attach an attributes property to media playlists so make
- // sure that the property is attached to avoid undefined reference errors
- attributes: {}
- }]
- };
- _this5.master.playlists[id] = _this5.master.playlists[0]; // URI reference added for backwards compatibility
- _this5.master.playlists[_this5.srcUrl] = _this5.master.playlists[0];
+ tag = {
+ data: new Uint8Array(tagSize),
+ frames: [],
+ pts: buffer[0].pts,
+ dts: buffer[0].dts
+ };
- _this5.haveMetadata(req, _this5.srcUrl, id);
+ for (i = 0; i < tagSize;) {
+ tag.data.set(buffer[0].data.subarray(0, tagSize - i), i);
+ i += buffer[0].data.byteLength;
+ bufferSize -= buffer[0].data.byteLength;
+ buffer.shift();
+ } // find the start of the first frame and the end of the tag
- return _this5.trigger('loadedmetadata');
- });
- }
- }]);
- return PlaylistLoader;
- }(EventTarget$1);
- /**
- * @file playlist.js
- *
- * Playlist related utilities.
- */
+ frameStart = 10;
- var createTimeRange = videojs$1.createTimeRange;
- /**
- * walk backward until we find a duration we can use
- * or return a failure
- *
- * @param {Playlist} playlist the playlist to walk through
- * @param {Number} endSequence the mediaSequence to stop walking on
- */
+ if (tag.data[5] & 0x40) {
+ // advance the frame start past the extended header
+ frameStart += 4; // header size field
- var backwardDuration = function backwardDuration(playlist, endSequence) {
- var result = 0;
- var i = endSequence - playlist.mediaSequence; // if a start time is available for segment immediately following
- // the interval, use it
+ frameStart += parseSyncSafeInteger$1(tag.data.subarray(10, 14)); // clip any padding off the end
- var segment = playlist.segments[i]; // Walk backward until we find the latest segment with timeline
- // information that is earlier than endSequence
+ tagSize -= parseSyncSafeInteger$1(tag.data.subarray(16, 20));
+ } // parse one or more ID3 frames
+ // http://id3.org/id3v2.3.0#ID3v2_frame_overview
- if (segment) {
- if (typeof segment.start !== 'undefined') {
- return {
- result: segment.start,
- precise: true
- };
- }
- if (typeof segment.end !== 'undefined') {
- return {
- result: segment.end - segment.duration,
- precise: true
- };
- }
- }
+ do {
+ // determine the number of bytes in this frame
+ frameSize = parseSyncSafeInteger$1(tag.data.subarray(frameStart + 4, frameStart + 8));
- while (i--) {
- segment = playlist.segments[i];
+ if (frameSize < 1) {
+ this.trigger('log', {
+ level: 'warn',
+ message: 'Malformed ID3 frame encountered. Skipping metadata parsing.'
+ });
+ return;
+ }
- if (typeof segment.end !== 'undefined') {
- return {
- result: result + segment.end,
- precise: true
- };
- }
+ frameHeader = String.fromCharCode(tag.data[frameStart], tag.data[frameStart + 1], tag.data[frameStart + 2], tag.data[frameStart + 3]);
+ frame = {
+ id: frameHeader,
+ data: tag.data.subarray(frameStart + 10, frameStart + frameSize + 10)
+ };
+ frame.key = frame.id;
- result += segment.duration;
+ if (tagParsers[frame.id]) {
+ tagParsers[frame.id](frame); // handle the special PRIV frame used to indicate the start
+ // time for raw AAC data
- if (typeof segment.start !== 'undefined') {
- return {
- result: result + segment.start,
- precise: true
- };
- }
- }
+ if (frame.owner === 'com.apple.streaming.transportStreamTimestamp') {
+ var d = frame.data,
+ size = (d[3] & 0x01) << 30 | d[4] << 22 | d[5] << 14 | d[6] << 6 | d[7] >>> 2;
+ size *= 4;
+ size += d[7] & 0x03;
+ frame.timeStamp = size; // in raw AAC, all subsequent data will be timestamped based
+ // on the value of this frame
+ // we couldn't have known the appropriate pts and dts before
+ // parsing this ID3 tag so set those values now
+
+ if (tag.pts === undefined && tag.dts === undefined) {
+ tag.pts = frame.timeStamp;
+ tag.dts = frame.timeStamp;
+ }
- return {
- result: result,
- precise: false
+ this.trigger('timestamp', frame);
+ }
+ }
+
+ tag.frames.push(frame);
+ frameStart += 10; // advance past the frame header
+
+ frameStart += frameSize; // advance past the frame body
+ } while (frameStart < tagSize);
+
+ this.trigger('data', tag);
+ };
};
- };
- /**
- * walk forward until we find a duration we can use
- * or return a failure
- *
- * @param {Playlist} playlist the playlist to walk through
- * @param {Number} endSequence the mediaSequence to stop walking on
- */
+ _MetadataStream.prototype = new stream();
+ var metadataStream = _MetadataStream;
+ var TimestampRolloverStream = timestampRolloverStream.TimestampRolloverStream; // object types
- var forwardDuration = function forwardDuration(playlist, endSequence) {
- var result = 0;
- var segment = void 0;
- var i = endSequence - playlist.mediaSequence; // Walk forward until we find the earliest segment with timeline
- // information
+ var _TransportPacketStream, _TransportParseStream, _ElementaryStream; // constants
- for (; i < playlist.segments.length; i++) {
- segment = playlist.segments[i];
- if (typeof segment.start !== 'undefined') {
- return {
- result: segment.start - result,
- precise: true
- };
- }
+ var MP2T_PACKET_LENGTH$1 = 188,
+ // bytes
+ SYNC_BYTE$1 = 0x47;
+ /**
+ * Splits an incoming stream of binary data into MPEG-2 Transport
+ * Stream packets.
+ */
- result += segment.duration;
+ _TransportPacketStream = function TransportPacketStream() {
+ var buffer = new Uint8Array(MP2T_PACKET_LENGTH$1),
+ bytesInBuffer = 0;
- if (typeof segment.end !== 'undefined') {
- return {
- result: segment.end - result,
- precise: true
- };
- }
- } // indicate we didn't find a useful duration estimate
+ _TransportPacketStream.prototype.init.call(this); // Deliver new bytes to the stream.
+ /**
+ * Split a stream of data into M2TS packets
+ **/
- return {
- result: -1,
- precise: false
- };
- };
- /**
- * Calculate the media duration from the segments associated with a
- * playlist. The duration of a subinterval of the available segments
- * may be calculated by specifying an end index.
- *
- * @param {Object} playlist a media playlist object
- * @param {Number=} endSequence an exclusive upper boundary
- * for the playlist. Defaults to playlist length.
- * @param {Number} expired the amount of time that has dropped
- * off the front of the playlist in a live scenario
- * @return {Number} the duration between the first available segment
- * and end index.
- */
+ this.push = function (bytes) {
+ var startIndex = 0,
+ endIndex = MP2T_PACKET_LENGTH$1,
+ everything; // If there are bytes remaining from the last segment, prepend them to the
+ // bytes that were pushed in
- var intervalDuration = function intervalDuration(playlist, endSequence, expired) {
- var backward = void 0;
- var forward = void 0;
+ if (bytesInBuffer) {
+ everything = new Uint8Array(bytes.byteLength + bytesInBuffer);
+ everything.set(buffer.subarray(0, bytesInBuffer));
+ everything.set(bytes, bytesInBuffer);
+ bytesInBuffer = 0;
+ } else {
+ everything = bytes;
+ } // While we have enough data for a packet
+
+
+ while (endIndex < everything.byteLength) {
+ // Look for a pair of start and end sync bytes in the data..
+ if (everything[startIndex] === SYNC_BYTE$1 && everything[endIndex] === SYNC_BYTE$1) {
+ // We found a packet so emit it and jump one whole packet forward in
+ // the stream
+ this.trigger('data', everything.subarray(startIndex, endIndex));
+ startIndex += MP2T_PACKET_LENGTH$1;
+ endIndex += MP2T_PACKET_LENGTH$1;
+ continue;
+ } // If we get here, we have somehow become de-synchronized and we need to step
+ // forward one byte at a time until we find a pair of sync bytes that denote
+ // a packet
- if (typeof endSequence === 'undefined') {
- endSequence = playlist.mediaSequence + playlist.segments.length;
- }
- if (endSequence < playlist.mediaSequence) {
- return 0;
- } // do a backward walk to estimate the duration
+ startIndex++;
+ endIndex++;
+ } // If there was some data left over at the end of the segment that couldn't
+ // possibly be a whole packet, keep it because it might be the start of a packet
+ // that continues in the next segment
- backward = backwardDuration(playlist, endSequence);
+ if (startIndex < everything.byteLength) {
+ buffer.set(everything.subarray(startIndex), 0);
+ bytesInBuffer = everything.byteLength - startIndex;
+ }
+ };
+ /**
+ * Passes identified M2TS packets to the TransportParseStream to be parsed
+ **/
- if (backward.precise) {
- // if we were able to base our duration estimate on timing
- // information provided directly from the Media Source, return
- // it
- return backward.result;
- } // walk forward to see if a precise duration estimate can be made
- // that way
+ this.flush = function () {
+ // If the buffer contains a whole packet when we are being flushed, emit it
+ // and empty the buffer. Otherwise hold onto the data because it may be
+ // important for decoding the next segment
+ if (bytesInBuffer === MP2T_PACKET_LENGTH$1 && buffer[0] === SYNC_BYTE$1) {
+ this.trigger('data', buffer);
+ bytesInBuffer = 0;
+ }
- forward = forwardDuration(playlist, endSequence);
+ this.trigger('done');
+ };
- if (forward.precise) {
- // we found a segment that has been buffered and so it's
- // position is known precisely
- return forward.result;
- } // return the less-precise, playlist-based duration estimate
+ this.endTimeline = function () {
+ this.flush();
+ this.trigger('endedtimeline');
+ };
+ this.reset = function () {
+ bytesInBuffer = 0;
+ this.trigger('reset');
+ };
+ };
- return backward.result + expired;
- };
- /**
- * Calculates the duration of a playlist. If a start and end index
- * are specified, the duration will be for the subset of the media
- * timeline between those two indices. The total duration for live
- * playlists is always Infinity.
- *
- * @param {Object} playlist a media playlist object
- * @param {Number=} endSequence an exclusive upper
- * boundary for the playlist. Defaults to the playlist media
- * sequence number plus its length.
- * @param {Number=} expired the amount of time that has
- * dropped off the front of the playlist in a live scenario
- * @return {Number} the duration between the start index and end
- * index.
- */
+ _TransportPacketStream.prototype = new stream();
+ /**
+ * Accepts an MP2T TransportPacketStream and emits data events with parsed
+ * forms of the individual transport stream packets.
+ */
+ _TransportParseStream = function TransportParseStream() {
+ var parsePsi, parsePat, parsePmt, self;
- var duration = function duration(playlist, endSequence, expired) {
- if (!playlist) {
- return 0;
- }
+ _TransportParseStream.prototype.init.call(this);
- if (typeof expired !== 'number') {
- expired = 0;
- } // if a slice of the total duration is not requested, use
- // playlist-level duration indicators when they're present
+ self = this;
+ this.packetsWaitingForPmt = [];
+ this.programMapTable = undefined;
+
+ parsePsi = function parsePsi(payload, psi) {
+ var offset = 0; // PSI packets may be split into multiple sections and those
+ // sections may be split into multiple packets. If a PSI
+ // section starts in this packet, the payload_unit_start_indicator
+ // will be true and the first byte of the payload will indicate
+ // the offset from the current position to the start of the
+ // section.
+ if (psi.payloadUnitStartIndicator) {
+ offset += payload[offset] + 1;
+ }
+
+ if (psi.type === 'pat') {
+ parsePat(payload.subarray(offset), psi);
+ } else {
+ parsePmt(payload.subarray(offset), psi);
+ }
+ };
- if (typeof endSequence === 'undefined') {
- // if present, use the duration specified in the playlist
- if (playlist.totalDuration) {
- return playlist.totalDuration;
- } // duration should be Infinity for live playlists
+ parsePat = function parsePat(payload, pat) {
+ pat.section_number = payload[7]; // eslint-disable-line camelcase
+ pat.last_section_number = payload[8]; // eslint-disable-line camelcase
+ // skip the PSI header and parse the first PMT entry
- if (!playlist.endList) {
- return window$3.Infinity;
- }
- } // calculate the total duration based on the segment durations
+ self.pmtPid = (payload[10] & 0x1F) << 8 | payload[11];
+ pat.pmtPid = self.pmtPid;
+ };
+ /**
+ * Parse out the relevant fields of a Program Map Table (PMT).
+ * @param payload {Uint8Array} the PMT-specific portion of an MP2T
+ * packet. The first byte in this array should be the table_id
+ * field.
+ * @param pmt {object} the object that should be decorated with
+ * fields parsed from the PMT.
+ */
- return intervalDuration(playlist, endSequence, expired);
- };
- /**
- * Calculate the time between two indexes in the current playlist
- * neight the start- nor the end-index need to be within the current
- * playlist in which case, the targetDuration of the playlist is used
- * to approximate the durations of the segments
- *
- * @param {Object} playlist a media playlist object
- * @param {Number} startIndex
- * @param {Number} endIndex
- * @return {Number} the number of seconds between startIndex and endIndex
- */
+ parsePmt = function parsePmt(payload, pmt) {
+ var sectionLength, tableEnd, programInfoLength, offset; // PMTs can be sent ahead of the time when they should actually
+ // take effect. We don't believe this should ever be the case
+ // for HLS but we'll ignore "forward" PMT declarations if we see
+ // them. Future PMT declarations have the current_next_indicator
+ // set to zero.
+ if (!(payload[5] & 0x01)) {
+ return;
+ } // overwrite any existing program map table
- var sumDurations = function sumDurations(playlist, startIndex, endIndex) {
- var durations = 0;
- if (startIndex > endIndex) {
- var _ref = [endIndex, startIndex];
- startIndex = _ref[0];
- endIndex = _ref[1];
- }
+ self.programMapTable = {
+ video: null,
+ audio: null,
+ 'timed-metadata': {}
+ }; // the mapping table ends at the end of the current section
- if (startIndex < 0) {
- for (var i = startIndex; i < Math.min(0, endIndex); i++) {
- durations += playlist.targetDuration;
- }
+ sectionLength = (payload[1] & 0x0f) << 8 | payload[2];
+ tableEnd = 3 + sectionLength - 4; // to determine where the table is, we have to figure out how
+ // long the program info descriptors are
- startIndex = 0;
- }
+ programInfoLength = (payload[10] & 0x0f) << 8 | payload[11]; // advance the offset to the first entry in the mapping table
- for (var _i = startIndex; _i < endIndex; _i++) {
- durations += playlist.segments[_i].duration;
- }
+ offset = 12 + programInfoLength;
- return durations;
- };
- /**
- * Determines the media index of the segment corresponding to the safe edge of the live
- * window which is the duration of the last segment plus 2 target durations from the end
- * of the playlist.
- *
- * A liveEdgePadding can be provided which will be used instead of calculating the safe live edge.
- * This corresponds to suggestedPresentationDelay in DASH manifests.
- *
- * @param {Object} playlist
- * a media playlist object
- * @param {Number} [liveEdgePadding]
- * A number in seconds indicating how far from the end we want to be.
- * If provided, this value is used instead of calculating the safe live index from the target durations.
- * Corresponds to suggestedPresentationDelay in DASH manifests.
- * @return {Number}
- * The media index of the segment at the safe live point. 0 if there is no "safe"
- * point.
- * @function safeLiveIndex
- */
+ while (offset < tableEnd) {
+ var streamType = payload[offset];
+ var pid = (payload[offset + 1] & 0x1F) << 8 | payload[offset + 2]; // only map a single elementary_pid for audio and video stream types
+ // TODO: should this be done for metadata too? for now maintain behavior of
+ // multiple metadata streams
+ if (streamType === streamTypes.H264_STREAM_TYPE && self.programMapTable.video === null) {
+ self.programMapTable.video = pid;
+ } else if (streamType === streamTypes.ADTS_STREAM_TYPE && self.programMapTable.audio === null) {
+ self.programMapTable.audio = pid;
+ } else if (streamType === streamTypes.METADATA_STREAM_TYPE) {
+ // map pid to stream type for metadata streams
+ self.programMapTable['timed-metadata'][pid] = streamType;
+ } // move to the next table entry
+ // skip past the elementary stream descriptors, if present
- var safeLiveIndex = function safeLiveIndex(playlist, liveEdgePadding) {
- if (!playlist.segments.length) {
- return 0;
- }
- var i = playlist.segments.length;
- var lastSegmentDuration = playlist.segments[i - 1].duration || playlist.targetDuration;
- var safeDistance = typeof liveEdgePadding === 'number' ? liveEdgePadding : lastSegmentDuration + playlist.targetDuration * 2;
+ offset += ((payload[offset + 3] & 0x0F) << 8 | payload[offset + 4]) + 5;
+ } // record the map on the packet as well
- if (safeDistance === 0) {
- return i;
- }
- var distanceFromEnd = 0;
+ pmt.programMapTable = self.programMapTable;
+ };
+ /**
+ * Deliver a new MP2T packet to the next stream in the pipeline.
+ */
- while (i--) {
- distanceFromEnd += playlist.segments[i].duration;
- if (distanceFromEnd >= safeDistance) {
- break;
- }
- }
+ this.push = function (packet) {
+ var result = {},
+ offset = 4;
+ result.payloadUnitStartIndicator = !!(packet[1] & 0x40); // pid is a 13-bit field starting at the last bit of packet[1]
- return Math.max(0, i);
- };
- /**
- * Calculates the playlist end time
- *
- * @param {Object} playlist a media playlist object
- * @param {Number=} expired the amount of time that has
- * dropped off the front of the playlist in a live scenario
- * @param {Boolean|false} useSafeLiveEnd a boolean value indicating whether or not the
- * playlist end calculation should consider the safe live end
- * (truncate the playlist end by three segments). This is normally
- * used for calculating the end of the playlist's seekable range.
- * This takes into account the value of liveEdgePadding.
- * Setting liveEdgePadding to 0 is equivalent to setting this to false.
- * @param {Number} liveEdgePadding a number indicating how far from the end of the playlist we should be in seconds.
- * If this is provided, it is used in the safe live end calculation.
- * Setting useSafeLiveEnd=false or liveEdgePadding=0 are equivalent.
- * Corresponds to suggestedPresentationDelay in DASH manifests.
- * @returns {Number} the end time of playlist
- * @function playlistEnd
- */
+ result.pid = packet[1] & 0x1f;
+ result.pid <<= 8;
+ result.pid |= packet[2]; // if an adaption field is present, its length is specified by the
+ // fifth byte of the TS packet header. The adaptation field is
+ // used to add stuffing to PES packets that don't fill a complete
+ // TS packet, and to specify some forms of timing and control data
+ // that we do not currently use.
+ if ((packet[3] & 0x30) >>> 4 > 0x01) {
+ offset += packet[offset] + 1;
+ } // parse the rest of the packet based on the type
- var playlistEnd = function playlistEnd(playlist, expired, useSafeLiveEnd, liveEdgePadding) {
- if (!playlist || !playlist.segments) {
- return null;
- }
- if (playlist.endList) {
- return duration(playlist);
- }
+ if (result.pid === 0) {
+ result.type = 'pat';
+ parsePsi(packet.subarray(offset), result);
+ this.trigger('data', result);
+ } else if (result.pid === this.pmtPid) {
+ result.type = 'pmt';
+ parsePsi(packet.subarray(offset), result);
+ this.trigger('data', result); // if there are any packets waiting for a PMT to be found, process them now
- if (expired === null) {
- return null;
- }
+ while (this.packetsWaitingForPmt.length) {
+ this.processPes_.apply(this, this.packetsWaitingForPmt.shift());
+ }
+ } else if (this.programMapTable === undefined) {
+ // When we have not seen a PMT yet, defer further processing of
+ // PES packets until one has been parsed
+ this.packetsWaitingForPmt.push([packet, offset, result]);
+ } else {
+ this.processPes_(packet, offset, result);
+ }
+ };
- expired = expired || 0;
- var endSequence = useSafeLiveEnd ? safeLiveIndex(playlist, liveEdgePadding) : playlist.segments.length;
- return intervalDuration(playlist, playlist.mediaSequence + endSequence, expired);
- };
- /**
- * Calculates the interval of time that is currently seekable in a
- * playlist. The returned time ranges are relative to the earliest
- * moment in the specified playlist that is still available. A full
- * seekable implementation for live streams would need to offset
- * these values by the duration of content that has expired from the
- * stream.
- *
- * @param {Object} playlist a media playlist object
- * dropped off the front of the playlist in a live scenario
- * @param {Number=} expired the amount of time that has
- * dropped off the front of the playlist in a live scenario
- * @param {Number} liveEdgePadding how far from the end of the playlist we should be in seconds.
- * Corresponds to suggestedPresentationDelay in DASH manifests.
- * @return {TimeRanges} the periods of time that are valid targets
- * for seeking
- */
+ this.processPes_ = function (packet, offset, result) {
+ // set the appropriate stream type
+ if (result.pid === this.programMapTable.video) {
+ result.streamType = streamTypes.H264_STREAM_TYPE;
+ } else if (result.pid === this.programMapTable.audio) {
+ result.streamType = streamTypes.ADTS_STREAM_TYPE;
+ } else {
+ // if not video or audio, it is timed-metadata or unknown
+ // if unknown, streamType will be undefined
+ result.streamType = this.programMapTable['timed-metadata'][result.pid];
+ }
+ result.type = 'pes';
+ result.data = packet.subarray(offset);
+ this.trigger('data', result);
+ };
+ };
- var seekable = function seekable(playlist, expired, liveEdgePadding) {
- var useSafeLiveEnd = true;
- var seekableStart = expired || 0;
- var seekableEnd = playlistEnd(playlist, expired, useSafeLiveEnd, liveEdgePadding);
+ _TransportParseStream.prototype = new stream();
+ _TransportParseStream.STREAM_TYPES = {
+ h264: 0x1b,
+ adts: 0x0f
+ };
+ /**
+ * Reconsistutes program elementary stream (PES) packets from parsed
+ * transport stream packets. That is, if you pipe an
+ * mp2t.TransportParseStream into a mp2t.ElementaryStream, the output
+ * events will be events which capture the bytes for individual PES
+ * packets plus relevant metadata that has been extracted from the
+ * container.
+ */
+
+ _ElementaryStream = function ElementaryStream() {
+ var self = this,
+ segmentHadPmt = false,
+ // PES packet fragments
+ video = {
+ data: [],
+ size: 0
+ },
+ audio = {
+ data: [],
+ size: 0
+ },
+ timedMetadata = {
+ data: [],
+ size: 0
+ },
+ programMapTable,
+ parsePes = function parsePes(payload, pes) {
+ var ptsDtsFlags;
+ var startPrefix = payload[0] << 16 | payload[1] << 8 | payload[2]; // default to an empty array
- if (seekableEnd === null) {
- return createTimeRange();
- }
+ pes.data = new Uint8Array(); // In certain live streams, the start of a TS fragment has ts packets
+ // that are frame data that is continuing from the previous fragment. This
+ // is to check that the pes data is the start of a new pes payload
- return createTimeRange(seekableStart, seekableEnd);
- };
+ if (startPrefix !== 1) {
+ return;
+ } // get the packet length, this will be 0 for video
- var isWholeNumber = function isWholeNumber(num) {
- return num - Math.floor(num) === 0;
- };
- var roundSignificantDigit = function roundSignificantDigit(increment, num) {
- // If we have a whole number, just add 1 to it
- if (isWholeNumber(num)) {
- return num + increment * 0.1;
- }
+ pes.packetLength = 6 + (payload[4] << 8 | payload[5]); // find out if this packets starts a new keyframe
- var numDecimalDigits = num.toString().split('.')[1].length;
+ pes.dataAlignmentIndicator = (payload[6] & 0x04) !== 0; // PES packets may be annotated with a PTS value, or a PTS value
+ // and a DTS value. Determine what combination of values is
+ // available to work with.
- for (var i = 1; i <= numDecimalDigits; i++) {
- var scale = Math.pow(10, i);
- var temp = num * scale;
+ ptsDtsFlags = payload[7]; // PTS and DTS are normally stored as a 33-bit number. Javascript
+ // performs all bitwise operations on 32-bit integers but javascript
+ // supports a much greater range (52-bits) of integer using standard
+ // mathematical operations.
+ // We construct a 31-bit value using bitwise operators over the 31
+ // most significant bits and then multiply by 4 (equal to a left-shift
+ // of 2) before we add the final 2 least significant bits of the
+ // timestamp (equal to an OR.)
- if (isWholeNumber(temp) || i === numDecimalDigits) {
- return (temp + increment) / scale;
- }
- }
- };
+ if (ptsDtsFlags & 0xC0) {
+ // the PTS and DTS are not written out directly. For information
+ // on how they are encoded, see
+ // http://dvd.sourceforge.net/dvdinfo/pes-hdr.html
+ pes.pts = (payload[9] & 0x0E) << 27 | (payload[10] & 0xFF) << 20 | (payload[11] & 0xFE) << 12 | (payload[12] & 0xFF) << 5 | (payload[13] & 0xFE) >>> 3;
+ pes.pts *= 4; // Left shift by 2
- var ceilLeastSignificantDigit = roundSignificantDigit.bind(null, 1);
- var floorLeastSignificantDigit = roundSignificantDigit.bind(null, -1);
- /**
- * Determine the index and estimated starting time of the segment that
- * contains a specified playback position in a media playlist.
- *
- * @param {Object} playlist the media playlist to query
- * @param {Number} currentTime The number of seconds since the earliest
- * possible position to determine the containing segment for
- * @param {Number} startIndex
- * @param {Number} startTime
- * @return {Object}
- */
+ pes.pts += (payload[13] & 0x06) >>> 1; // OR by the two LSBs
- var getMediaInfoForTime = function getMediaInfoForTime(playlist, currentTime, startIndex, startTime) {
- var i = void 0;
- var segment = void 0;
- var numSegments = playlist.segments.length;
- var time = currentTime - startTime;
+ pes.dts = pes.pts;
- if (time < 0) {
- // Walk backward from startIndex in the playlist, adding durations
- // until we find a segment that contains `time` and return it
- if (startIndex > 0) {
- for (i = startIndex - 1; i >= 0; i--) {
- segment = playlist.segments[i];
- time += floorLeastSignificantDigit(segment.duration);
+ if (ptsDtsFlags & 0x40) {
+ pes.dts = (payload[14] & 0x0E) << 27 | (payload[15] & 0xFF) << 20 | (payload[16] & 0xFE) << 12 | (payload[17] & 0xFF) << 5 | (payload[18] & 0xFE) >>> 3;
+ pes.dts *= 4; // Left shift by 2
- if (time > 0) {
- return {
- mediaIndex: i,
- startTime: startTime - sumDurations(playlist, startIndex, i)
- };
+ pes.dts += (payload[18] & 0x06) >>> 1; // OR by the two LSBs
}
- }
- } // We were unable to find a good segment within the playlist
- // so select the first segment
+ } // the data section starts immediately after the PES header.
+ // pes_header_data_length specifies the number of header bytes
+ // that follow the last byte of the field.
- return {
- mediaIndex: 0,
- startTime: currentTime
- };
- } // When startIndex is negative, we first walk forward to first segment
- // adding target durations. If we "run out of time" before getting to
- // the first segment, return the first segment
-
+ pes.data = payload.subarray(9 + payload[8]);
+ },
- if (startIndex < 0) {
- for (i = startIndex; i < 0; i++) {
- time -= playlist.targetDuration;
+ /**
+ * Pass completely parsed PES packets to the next stream in the pipeline
+ **/
+ flushStream = function flushStream(stream, type, forceFlush) {
+ var packetData = new Uint8Array(stream.size),
+ event = {
+ type: type
+ },
+ i = 0,
+ offset = 0,
+ packetFlushable = false,
+ fragment; // do nothing if there is not enough buffered data for a complete
+ // PES header
- if (time < 0) {
- return {
- mediaIndex: 0,
- startTime: currentTime
- };
+ if (!stream.data.length || stream.size < 9) {
+ return;
}
- }
- startIndex = 0;
- } // Walk forward from startIndex in the playlist, subtracting durations
- // until we find a segment that contains `time` and return it
+ event.trackId = stream.data[0].pid; // reassemble the packet
+ for (i = 0; i < stream.data.length; i++) {
+ fragment = stream.data[i];
+ packetData.set(fragment.data, offset);
+ offset += fragment.data.byteLength;
+ } // parse assembled packet's PES header
- for (i = startIndex; i < numSegments; i++) {
- segment = playlist.segments[i];
- time -= ceilLeastSignificantDigit(segment.duration);
- if (time < 0) {
- return {
- mediaIndex: i,
- startTime: startTime + sumDurations(playlist, startIndex, i)
- };
- }
- } // We are out of possible candidates so load the last one...
+ parsePes(packetData, event); // non-video PES packets MUST have a non-zero PES_packet_length
+ // check that there is enough stream data to fill the packet
+ packetFlushable = type === 'video' || event.packetLength <= stream.size; // flush pending packets if the conditions are right
- return {
- mediaIndex: numSegments - 1,
- startTime: currentTime
- };
- };
- /**
- * Check whether the playlist is blacklisted or not.
- *
- * @param {Object} playlist the media playlist object
- * @return {boolean} whether the playlist is blacklisted or not
- * @function isBlacklisted
- */
+ if (forceFlush || packetFlushable) {
+ stream.size = 0;
+ stream.data.length = 0;
+ } // only emit packets that are complete. this is to avoid assembling
+ // incomplete PES packets due to poor segmentation
- var isBlacklisted = function isBlacklisted(playlist) {
- return playlist.excludeUntil && playlist.excludeUntil > Date.now();
- };
- /**
- * Check whether the playlist is compatible with current playback configuration or has
- * been blacklisted permanently for being incompatible.
- *
- * @param {Object} playlist the media playlist object
- * @return {boolean} whether the playlist is incompatible or not
- * @function isIncompatible
- */
+ if (packetFlushable) {
+ self.trigger('data', event);
+ }
+ };
+ _ElementaryStream.prototype.init.call(this);
+ /**
+ * Identifies M2TS packet types and parses PES packets using metadata
+ * parsed from the PMT
+ **/
- var isIncompatible = function isIncompatible(playlist) {
- return playlist.excludeUntil && playlist.excludeUntil === Infinity;
- };
- /**
- * Check whether the playlist is enabled or not.
- *
- * @param {Object} playlist the media playlist object
- * @return {boolean} whether the playlist is enabled or not
- * @function isEnabled
- */
+ this.push = function (data) {
+ ({
+ pat: function pat() {// we have to wait for the PMT to arrive as well before we
+ // have any meaningful metadata
+ },
+ pes: function pes() {
+ var stream, streamType;
- var isEnabled = function isEnabled(playlist) {
- var blacklisted = isBlacklisted(playlist);
- return !playlist.disabled && !blacklisted;
- };
- /**
- * Check whether the playlist has been manually disabled through the representations api.
- *
- * @param {Object} playlist the media playlist object
- * @return {boolean} whether the playlist is disabled manually or not
- * @function isDisabled
- */
+ switch (data.streamType) {
+ case streamTypes.H264_STREAM_TYPE:
+ stream = video;
+ streamType = 'video';
+ break;
+ case streamTypes.ADTS_STREAM_TYPE:
+ stream = audio;
+ streamType = 'audio';
+ break;
- var isDisabled = function isDisabled(playlist) {
- return playlist.disabled;
- };
- /**
- * Returns whether the current playlist is an AES encrypted HLS stream
- *
- * @return {Boolean} true if it's an AES encrypted HLS stream
- */
+ case streamTypes.METADATA_STREAM_TYPE:
+ stream = timedMetadata;
+ streamType = 'timed-metadata';
+ break;
+ default:
+ // ignore unknown stream types
+ return;
+ } // if a new packet is starting, we can flush the completed
+ // packet
- var isAes = function isAes(media) {
- for (var i = 0; i < media.segments.length; i++) {
- if (media.segments[i].key) {
- return true;
- }
- }
- return false;
- };
- /**
- * Returns whether the current playlist contains fMP4
- *
- * @return {Boolean} true if the playlist contains fMP4
- */
+ if (data.payloadUnitStartIndicator) {
+ flushStream(stream, streamType, true);
+ } // buffer this fragment until we are sure we've received the
+ // complete payload
- var isFmp4 = function isFmp4(media) {
- for (var i = 0; i < media.segments.length; i++) {
- if (media.segments[i].map) {
- return true;
- }
- }
+ stream.data.push(data);
+ stream.size += data.data.byteLength;
+ },
+ pmt: function pmt() {
+ var event = {
+ type: 'metadata',
+ tracks: []
+ };
+ programMapTable = data.programMapTable; // translate audio and video streams to tracks
- return false;
- };
- /**
- * Checks if the playlist has a value for the specified attribute
- *
- * @param {String} attr
- * Attribute to check for
- * @param {Object} playlist
- * The media playlist object
- * @return {Boolean}
- * Whether the playlist contains a value for the attribute or not
- * @function hasAttribute
- */
+ if (programMapTable.video !== null) {
+ event.tracks.push({
+ timelineStartInfo: {
+ baseMediaDecodeTime: 0
+ },
+ id: +programMapTable.video,
+ codec: 'avc',
+ type: 'video'
+ });
+ }
+ if (programMapTable.audio !== null) {
+ event.tracks.push({
+ timelineStartInfo: {
+ baseMediaDecodeTime: 0
+ },
+ id: +programMapTable.audio,
+ codec: 'adts',
+ type: 'audio'
+ });
+ }
- var hasAttribute = function hasAttribute(attr, playlist) {
- return playlist.attributes && playlist.attributes[attr];
- };
- /**
- * Estimates the time required to complete a segment download from the specified playlist
- *
- * @param {Number} segmentDuration
- * Duration of requested segment
- * @param {Number} bandwidth
- * Current measured bandwidth of the player
- * @param {Object} playlist
- * The media playlist object
- * @param {Number=} bytesReceived
- * Number of bytes already received for the request. Defaults to 0
- * @return {Number|NaN}
- * The estimated time to request the segment. NaN if bandwidth information for
- * the given playlist is unavailable
- * @function estimateSegmentRequestTime
- */
+ segmentHadPmt = true;
+ self.trigger('data', event);
+ }
+ })[data.type]();
+ };
+
+ this.reset = function () {
+ video.size = 0;
+ video.data.length = 0;
+ audio.size = 0;
+ audio.data.length = 0;
+ this.trigger('reset');
+ };
+ /**
+ * Flush any remaining input. Video PES packets may be of variable
+ * length. Normally, the start of a new video packet can trigger the
+ * finalization of the previous packet. That is not possible if no
+ * more video is forthcoming, however. In that case, some other
+ * mechanism (like the end of the file) has to be employed. When it is
+ * clear that no additional data is forthcoming, calling this method
+ * will flush the buffered packets.
+ */
- var estimateSegmentRequestTime = function estimateSegmentRequestTime(segmentDuration, bandwidth, playlist) {
- var bytesReceived = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
+ this.flushStreams_ = function () {
+ // !!THIS ORDER IS IMPORTANT!!
+ // video first then audio
+ flushStream(video, 'video');
+ flushStream(audio, 'audio');
+ flushStream(timedMetadata, 'timed-metadata');
+ };
- if (!hasAttribute('BANDWIDTH', playlist)) {
- return NaN;
- }
+ this.flush = function () {
+ // if on flush we haven't had a pmt emitted
+ // and we have a pmt to emit. emit the pmt
+ // so that we trigger a trackinfo downstream.
+ if (!segmentHadPmt && programMapTable) {
+ var pmt = {
+ type: 'metadata',
+ tracks: []
+ }; // translate audio and video streams to tracks
+
+ if (programMapTable.video !== null) {
+ pmt.tracks.push({
+ timelineStartInfo: {
+ baseMediaDecodeTime: 0
+ },
+ id: +programMapTable.video,
+ codec: 'avc',
+ type: 'video'
+ });
+ }
- var size = segmentDuration * playlist.attributes.BANDWIDTH;
- return (size - bytesReceived * 8) / bandwidth;
- };
- /*
- * Returns whether the current playlist is the lowest rendition
- *
- * @return {Boolean} true if on lowest rendition
- */
+ if (programMapTable.audio !== null) {
+ pmt.tracks.push({
+ timelineStartInfo: {
+ baseMediaDecodeTime: 0
+ },
+ id: +programMapTable.audio,
+ codec: 'adts',
+ type: 'audio'
+ });
+ }
+ self.trigger('data', pmt);
+ }
- var isLowestEnabledRendition = function isLowestEnabledRendition(master, media) {
- if (master.playlists.length === 1) {
- return true;
- }
+ segmentHadPmt = false;
+ this.flushStreams_();
+ this.trigger('done');
+ };
+ };
- var currentBandwidth = media.attributes.BANDWIDTH || Number.MAX_VALUE;
- return master.playlists.filter(function (playlist) {
- if (!isEnabled(playlist)) {
- return false;
+ _ElementaryStream.prototype = new stream();
+ var m2ts = {
+ PAT_PID: 0x0000,
+ MP2T_PACKET_LENGTH: MP2T_PACKET_LENGTH$1,
+ TransportPacketStream: _TransportPacketStream,
+ TransportParseStream: _TransportParseStream,
+ ElementaryStream: _ElementaryStream,
+ TimestampRolloverStream: TimestampRolloverStream,
+ CaptionStream: captionStream.CaptionStream,
+ Cea608Stream: captionStream.Cea608Stream,
+ Cea708Stream: captionStream.Cea708Stream,
+ MetadataStream: metadataStream
+ };
+
+ for (var type in streamTypes) {
+ if (streamTypes.hasOwnProperty(type)) {
+ m2ts[type] = streamTypes[type];
}
+ }
- return (playlist.attributes.BANDWIDTH || 0) < currentBandwidth;
- }).length === 0;
- }; // exports
+ var m2ts_1 = m2ts;
+ var ONE_SECOND_IN_TS$2 = clock.ONE_SECOND_IN_TS;
+ var _AdtsStream;
- var Playlist = {
- duration: duration,
- seekable: seekable,
- safeLiveIndex: safeLiveIndex,
- getMediaInfoForTime: getMediaInfoForTime,
- isEnabled: isEnabled,
- isDisabled: isDisabled,
- isBlacklisted: isBlacklisted,
- isIncompatible: isIncompatible,
- playlistEnd: playlistEnd,
- isAes: isAes,
- isFmp4: isFmp4,
- hasAttribute: hasAttribute,
- estimateSegmentRequestTime: estimateSegmentRequestTime,
- isLowestEnabledRendition: isLowestEnabledRendition
- };
- /**
- * @file xhr.js
- */
+ var ADTS_SAMPLING_FREQUENCIES$1 = [96000, 88200, 64000, 48000, 44100, 32000, 24000, 22050, 16000, 12000, 11025, 8000, 7350];
+ /*
+ * Accepts a ElementaryStream and emits data events with parsed
+ * AAC Audio Frames of the individual packets. Input audio in ADTS
+ * format is unpacked and re-emitted as AAC frames.
+ *
+ * @see http://wiki.multimedia.cx/index.php?title=ADTS
+ * @see http://wiki.multimedia.cx/?title=Understanding_AAC
+ */
- var videojsXHR = videojs$1.xhr,
- mergeOptions$1$1 = videojs$1.mergeOptions;
+ _AdtsStream = function AdtsStream(handlePartialSegments) {
+ var buffer,
+ frameNum = 0;
- var xhrFactory = function xhrFactory() {
- var xhr = function XhrFunction(options, callback) {
- // Add a default timeout for all hls requests
- options = mergeOptions$1$1({
- timeout: 45e3
- }, options); // Allow an optional user-specified function to modify the option
- // object before we construct the xhr request
+ _AdtsStream.prototype.init.call(this);
- var beforeRequest = XhrFunction.beforeRequest || videojs$1.Hls.xhr.beforeRequest;
+ this.skipWarn_ = function (start, end) {
+ this.trigger('log', {
+ level: 'warn',
+ message: "adts skiping bytes " + start + " to " + end + " in frame " + frameNum + " outside syncword"
+ });
+ };
- if (beforeRequest && typeof beforeRequest === 'function') {
- var newOptions = beforeRequest(options);
+ this.push = function (packet) {
+ var i = 0,
+ frameLength,
+ protectionSkipBytes,
+ oldBuffer,
+ sampleCount,
+ adtsFrameDuration;
- if (newOptions) {
- options = newOptions;
+ if (!handlePartialSegments) {
+ frameNum = 0;
}
- }
- var request = videojsXHR(options, function (error, response) {
- var reqResponse = request.response;
+ if (packet.type !== 'audio') {
+ // ignore non-audio data
+ return;
+ } // Prepend any data in the buffer to the input data so that we can parse
+ // aac frames the cross a PES packet boundary
- if (!error && reqResponse) {
- request.responseTime = Date.now();
- request.roundTripTime = request.responseTime - request.requestTime;
- request.bytesReceived = reqResponse.byteLength || reqResponse.length;
- if (!request.bandwidth) {
- request.bandwidth = Math.floor(request.bytesReceived / request.roundTripTime * 8 * 1000);
- }
- }
+ if (buffer && buffer.length) {
+ oldBuffer = buffer;
+ buffer = new Uint8Array(oldBuffer.byteLength + packet.data.byteLength);
+ buffer.set(oldBuffer);
+ buffer.set(packet.data, oldBuffer.byteLength);
+ } else {
+ buffer = packet.data;
+ } // unpack any ADTS frames which have been fully received
+ // for details on the ADTS header, see http://wiki.multimedia.cx/index.php?title=ADTS
- if (response.headers) {
- request.responseHeaders = response.headers;
- } // videojs.xhr now uses a specific code on the error
- // object to signal that a request has timed out instead
- // of setting a boolean on the request object
+ var skip; // We use i + 7 here because we want to be able to parse the entire header.
+ // If we don't have enough bytes to do that, then we definitely won't have a full frame.
- if (error && error.code === 'ETIMEDOUT') {
- request.timedout = true;
- } // videojs.xhr no longer considers status codes outside of 200 and 0
- // (for file uris) to be errors, but the old XHR did, so emulate that
- // behavior. Status 206 may be used in response to byterange requests.
+ while (i + 7 < buffer.length) {
+ // Look for the start of an ADTS header..
+ if (buffer[i] !== 0xFF || (buffer[i + 1] & 0xF6) !== 0xF0) {
+ if (typeof skip !== 'number') {
+ skip = i;
+ } // If a valid header was not found, jump one forward and attempt to
+ // find a valid ADTS header starting at the next byte
- if (!error && !request.aborted && response.statusCode !== 200 && response.statusCode !== 206 && response.statusCode !== 0) {
- error = new Error('XHR Failed with a response of: ' + (request && (reqResponse || request.responseText)));
- }
+ i++;
+ continue;
+ }
- callback(error, request);
- });
- var originalAbort = request.abort;
+ if (typeof skip === 'number') {
+ this.skipWarn_(skip, i);
+ skip = null;
+ } // The protection skip bit tells us if we have 2 bytes of CRC data at the
+ // end of the ADTS header
- request.abort = function () {
- request.aborted = true;
- return originalAbort.apply(request, arguments);
- };
- request.uri = options.uri;
- request.requestTime = Date.now();
- return request;
- };
+ protectionSkipBytes = (~buffer[i + 1] & 0x01) * 2; // Frame length is a 13 bit integer starting 16 bits from the
+ // end of the sync sequence
+ // NOTE: frame length includes the size of the header
- return xhr;
- };
- /**
- * Turns segment byterange into a string suitable for use in
- * HTTP Range requests
- *
- * @param {Object} byterange - an object with two values defining the start and end
- * of a byte-range
- */
+ frameLength = (buffer[i + 3] & 0x03) << 11 | buffer[i + 4] << 3 | (buffer[i + 5] & 0xe0) >> 5;
+ sampleCount = ((buffer[i + 6] & 0x03) + 1) * 1024;
+ adtsFrameDuration = sampleCount * ONE_SECOND_IN_TS$2 / ADTS_SAMPLING_FREQUENCIES$1[(buffer[i + 2] & 0x3c) >>> 2]; // If we don't have enough data to actually finish this ADTS frame,
+ // then we have to wait for more data
+ if (buffer.byteLength - i < frameLength) {
+ break;
+ } // Otherwise, deliver the complete AAC frame
- var byterangeStr = function byterangeStr(byterange) {
- var byterangeStart = void 0;
- var byterangeEnd = void 0; // `byterangeEnd` is one less than `offset + length` because the HTTP range
- // header uses inclusive ranges
- byterangeEnd = byterange.offset + byterange.length - 1;
- byterangeStart = byterange.offset;
- return 'bytes=' + byterangeStart + '-' + byterangeEnd;
- };
- /**
- * Defines headers for use in the xhr request for a particular segment.
- *
- * @param {Object} segment - a simplified copy of the segmentInfo object
- * from SegmentLoader
- */
+ this.trigger('data', {
+ pts: packet.pts + frameNum * adtsFrameDuration,
+ dts: packet.dts + frameNum * adtsFrameDuration,
+ sampleCount: sampleCount,
+ audioobjecttype: (buffer[i + 2] >>> 6 & 0x03) + 1,
+ channelcount: (buffer[i + 2] & 1) << 2 | (buffer[i + 3] & 0xc0) >>> 6,
+ samplerate: ADTS_SAMPLING_FREQUENCIES$1[(buffer[i + 2] & 0x3c) >>> 2],
+ samplingfrequencyindex: (buffer[i + 2] & 0x3c) >>> 2,
+ // assume ISO/IEC 14496-12 AudioSampleEntry default of 16
+ samplesize: 16,
+ // data is the frame without it's header
+ data: buffer.subarray(i + 7 + protectionSkipBytes, i + frameLength)
+ });
+ frameNum++;
+ i += frameLength;
+ }
+ if (typeof skip === 'number') {
+ this.skipWarn_(skip, i);
+ skip = null;
+ } // remove processed bytes from the buffer.
- var segmentXhrHeaders = function segmentXhrHeaders(segment) {
- var headers = {};
- if (segment.byterange) {
- headers.Range = byterangeStr(segment.byterange);
- }
+ buffer = buffer.subarray(i);
+ };
- return headers;
- };
- /**
- * @file bin-utils.js
- */
+ this.flush = function () {
+ frameNum = 0;
+ this.trigger('done');
+ };
- /**
- * convert a TimeRange to text
- *
- * @param {TimeRange} range the timerange to use for conversion
- * @param {Number} i the iterator on the range to convert
- */
+ this.reset = function () {
+ buffer = void 0;
+ this.trigger('reset');
+ };
+ this.endTimeline = function () {
+ buffer = void 0;
+ this.trigger('endedtimeline');
+ };
+ };
- var textRange = function textRange(range, i) {
- return range.start(i) + '-' + range.end(i);
- };
- /**
- * format a number as hex string
- *
- * @param {Number} e The number
- * @param {Number} i the iterator
- */
+ _AdtsStream.prototype = new stream();
+ var adts = _AdtsStream;
+ /**
+ * mux.js
+ *
+ * Copyright (c) Brightcove
+ * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
+ */
+ var ExpGolomb;
+ /**
+ * Parser for exponential Golomb codes, a variable-bitwidth number encoding
+ * scheme used by h264.
+ */
- var formatHexString = function formatHexString(e, i) {
- var value = e.toString(16);
- return '00'.substring(0, 2 - value.length) + value + (i % 2 ? ' ' : '');
- };
+ ExpGolomb = function ExpGolomb(workingData) {
+ var // the number of bytes left to examine in workingData
+ workingBytesAvailable = workingData.byteLength,
+ // the current word being examined
+ workingWord = 0,
+ // :uint
+ // the number of bits left to examine in the current word
+ workingBitsAvailable = 0; // :uint;
+ // ():uint
- var formatAsciiString = function formatAsciiString(e) {
- if (e >= 0x20 && e < 0x7e) {
- return String.fromCharCode(e);
- }
+ this.length = function () {
+ return 8 * workingBytesAvailable;
+ }; // ():uint
- return '.';
- };
- /**
- * Creates an object for sending to a web worker modifying properties that are TypedArrays
- * into a new object with seperated properties for the buffer, byteOffset, and byteLength.
- *
- * @param {Object} message
- * Object of properties and values to send to the web worker
- * @return {Object}
- * Modified message with TypedArray values expanded
- * @function createTransferableMessage
- */
+ this.bitsAvailable = function () {
+ return 8 * workingBytesAvailable + workingBitsAvailable;
+ }; // ():void
- var createTransferableMessage = function createTransferableMessage(message) {
- var transferable = {};
- Object.keys(message).forEach(function (key) {
- var value = message[key];
- if (ArrayBuffer.isView(value)) {
- transferable[key] = {
- bytes: value.buffer,
- byteOffset: value.byteOffset,
- byteLength: value.byteLength
- };
- } else {
- transferable[key] = value;
- }
- });
- return transferable;
- };
- /**
- * Returns a unique string identifier for a media initialization
- * segment.
- */
+ this.loadWord = function () {
+ var position = workingData.byteLength - workingBytesAvailable,
+ workingBytes = new Uint8Array(4),
+ availableBytes = Math.min(4, workingBytesAvailable);
+ if (availableBytes === 0) {
+ throw new Error('no bytes available');
+ }
- var initSegmentId = function initSegmentId(initSegment) {
- var byterange = initSegment.byterange || {
- length: Infinity,
- offset: 0
- };
- return [byterange.length, byterange.offset, initSegment.resolvedUri].join(',');
- };
- /**
- * Returns a unique string identifier for a media segment key.
- */
+ workingBytes.set(workingData.subarray(position, position + availableBytes));
+ workingWord = new DataView(workingBytes.buffer).getUint32(0); // track the amount of workingData that has been processed
+ workingBitsAvailable = availableBytes * 8;
+ workingBytesAvailable -= availableBytes;
+ }; // (count:int):void
- var segmentKeyId = function segmentKeyId(key) {
- return key.resolvedUri;
- };
- /**
- * utils to help dump binary data to the console
- */
+ this.skipBits = function (count) {
+ var skipBytes; // :int
- var hexDump = function hexDump(data) {
- var bytes = Array.prototype.slice.call(data);
- var step = 16;
- var result = '';
- var hex = void 0;
- var ascii = void 0;
+ if (workingBitsAvailable > count) {
+ workingWord <<= count;
+ workingBitsAvailable -= count;
+ } else {
+ count -= workingBitsAvailable;
+ skipBytes = Math.floor(count / 8);
+ count -= skipBytes * 8;
+ workingBytesAvailable -= skipBytes;
+ this.loadWord();
+ workingWord <<= count;
+ workingBitsAvailable -= count;
+ }
+ }; // (size:int):uint
- for (var j = 0; j < bytes.length / step; j++) {
- hex = bytes.slice(j * step, j * step + step).map(formatHexString).join('');
- ascii = bytes.slice(j * step, j * step + step).map(formatAsciiString).join('');
- result += hex + ' ' + ascii + '\n';
- }
- return result;
- };
+ this.readBits = function (size) {
+ var bits = Math.min(workingBitsAvailable, size),
+ // :uint
+ valu = workingWord >>> 32 - bits; // :uint
+ // if size > 31, handle error
- var tagDump = function tagDump(_ref) {
- var bytes = _ref.bytes;
- return hexDump(bytes);
- };
+ workingBitsAvailable -= bits;
+
+ if (workingBitsAvailable > 0) {
+ workingWord <<= bits;
+ } else if (workingBytesAvailable > 0) {
+ this.loadWord();
+ }
- var textRanges = function textRanges(ranges) {
- var result = '';
- var i = void 0;
+ bits = size - bits;
- for (i = 0; i < ranges.length; i++) {
- result += textRange(ranges, i) + ' ';
- }
+ if (bits > 0) {
+ return valu << bits | this.readBits(bits);
+ }
- return result;
- };
+ return valu;
+ }; // ():uint
- var utils$1 = /*#__PURE__*/Object.freeze({
- createTransferableMessage: createTransferableMessage,
- initSegmentId: initSegmentId,
- segmentKeyId: segmentKeyId,
- hexDump: hexDump,
- tagDump: tagDump,
- textRanges: textRanges
- }); // TODO handle fmp4 case where the timing info is accurate and doesn't involve transmux
- // Add 25% to the segment duration to account for small discrepencies in segment timing.
- // 25% was arbitrarily chosen, and may need to be refined over time.
- var SEGMENT_END_FUDGE_PERCENT = 0.25;
- /**
- * Converts a player time (any time that can be gotten/set from player.currentTime(),
- * e.g., any time within player.seekable().start(0) to player.seekable().end(0)) to a
- * program time (any time referencing the real world (e.g., EXT-X-PROGRAM-DATE-TIME)).
- *
- * The containing segment is required as the EXT-X-PROGRAM-DATE-TIME serves as an "anchor
- * point" (a point where we have a mapping from program time to player time, with player
- * time being the post transmux start of the segment).
- *
- * For more details, see [this doc](../../docs/program-time-from-player-time.md).
- *
- * @param {Number} playerTime the player time
- * @param {Object} segment the segment which contains the player time
- * @return {Date} program time
- */
+ this.skipLeadingZeros = function () {
+ var leadingZeroCount; // :uint
- var playerTimeToProgramTime = function playerTimeToProgramTime(playerTime, segment) {
- if (!segment.dateTimeObject) {
- // Can't convert without an "anchor point" for the program time (i.e., a time that can
- // be used to map the start of a segment with a real world time).
- return null;
- }
+ for (leadingZeroCount = 0; leadingZeroCount < workingBitsAvailable; ++leadingZeroCount) {
+ if ((workingWord & 0x80000000 >>> leadingZeroCount) !== 0) {
+ // the first bit of working word is 1
+ workingWord <<= leadingZeroCount;
+ workingBitsAvailable -= leadingZeroCount;
+ return leadingZeroCount;
+ }
+ } // we exhausted workingWord and still have not found a 1
- var transmuxerPrependedSeconds = segment.videoTimingInfo.transmuxerPrependedSeconds;
- var transmuxedStart = segment.videoTimingInfo.transmuxedPresentationStart; // get the start of the content from before old content is prepended
- var startOfSegment = transmuxedStart + transmuxerPrependedSeconds;
- var offsetFromSegmentStart = playerTime - startOfSegment;
- return new Date(segment.dateTimeObject.getTime() + offsetFromSegmentStart * 1000);
- };
+ this.loadWord();
+ return leadingZeroCount + this.skipLeadingZeros();
+ }; // ():void
- var originalSegmentVideoDuration = function originalSegmentVideoDuration(videoTimingInfo) {
- return videoTimingInfo.transmuxedPresentationEnd - videoTimingInfo.transmuxedPresentationStart - videoTimingInfo.transmuxerPrependedSeconds;
- };
- /**
- * Finds a segment that contains the time requested given as an ISO-8601 string. The
- * returned segment might be an estimate or an accurate match.
- *
- * @param {String} programTime The ISO-8601 programTime to find a match for
- * @param {Object} playlist A playlist object to search within
- */
+ this.skipUnsignedExpGolomb = function () {
+ this.skipBits(1 + this.skipLeadingZeros());
+ }; // ():void
- var findSegmentForProgramTime = function findSegmentForProgramTime(programTime, playlist) {
- // Assumptions:
- // - verifyProgramDateTimeTags has already been run
- // - live streams have been started
- var dateTimeObject = void 0;
- try {
- dateTimeObject = new Date(programTime);
- } catch (e) {
- return null;
- }
+ this.skipExpGolomb = function () {
+ this.skipBits(1 + this.skipLeadingZeros());
+ }; // ():uint
- if (!playlist || !playlist.segments || playlist.segments.length === 0) {
- return null;
- }
- var segment = playlist.segments[0];
+ this.readUnsignedExpGolomb = function () {
+ var clz = this.skipLeadingZeros(); // :uint
- if (dateTimeObject < segment.dateTimeObject) {
- // Requested time is before stream start.
- return null;
- }
+ return this.readBits(clz + 1) - 1;
+ }; // ():int
- for (var i = 0; i < playlist.segments.length - 1; i++) {
- segment = playlist.segments[i];
- var nextSegmentStart = playlist.segments[i + 1].dateTimeObject;
- if (dateTimeObject < nextSegmentStart) {
- break;
- }
- }
+ this.readExpGolomb = function () {
+ var valu = this.readUnsignedExpGolomb(); // :int
- var lastSegment = playlist.segments[playlist.segments.length - 1];
- var lastSegmentStart = lastSegment.dateTimeObject;
- var lastSegmentDuration = lastSegment.videoTimingInfo ? originalSegmentVideoDuration(lastSegment.videoTimingInfo) : lastSegment.duration + lastSegment.duration * SEGMENT_END_FUDGE_PERCENT;
- var lastSegmentEnd = new Date(lastSegmentStart.getTime() + lastSegmentDuration * 1000);
+ 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
+ }
- if (dateTimeObject > lastSegmentEnd) {
- // Beyond the end of the stream, or our best guess of the end of the stream.
- return null;
- }
+ return -1 * (valu >>> 1); // divide by two then make it negative
+ }; // Some convenience functions
+ // :Boolean
- if (dateTimeObject > lastSegmentStart) {
- segment = lastSegment;
- }
- return {
- segment: segment,
- estimatedStart: segment.videoTimingInfo ? segment.videoTimingInfo.transmuxedPresentationStart : Playlist.duration(playlist, playlist.mediaSequence + playlist.segments.indexOf(segment)),
- // Although, given that all segments have accurate date time objects, the segment
- // selected should be accurate, unless the video has been transmuxed at some point
- // (determined by the presence of the videoTimingInfo object), the segment's "player
- // time" (the start time in the player) can't be considered accurate.
- type: segment.videoTimingInfo ? 'accurate' : 'estimate'
- };
- };
- /**
- * Finds a segment that contains the given player time(in seconds).
- *
- * @param {Number} time The player time to find a match for
- * @param {Object} playlist A playlist object to search within
- */
+ this.readBoolean = function () {
+ return this.readBits(1) === 1;
+ }; // ():int
- var findSegmentForPlayerTime = function findSegmentForPlayerTime(time, playlist) {
- // Assumptions:
- // - there will always be a segment.duration
- // - we can start from zero
- // - segments are in time order
- if (!playlist || !playlist.segments || playlist.segments.length === 0) {
- return null;
- }
+ this.readUnsignedByte = function () {
+ return this.readBits(8);
+ };
- var segmentEnd = 0;
- var segment = void 0;
+ this.loadWord();
+ };
- for (var i = 0; i < playlist.segments.length; i++) {
- segment = playlist.segments[i]; // videoTimingInfo is set after the segment is downloaded and transmuxed, and
- // should contain the most accurate values we have for the segment's player times.
- //
- // Use the accurate transmuxedPresentationEnd value if it is available, otherwise fall
- // back to an estimate based on the manifest derived (inaccurate) segment.duration, to
- // calculate an end value.
+ var expGolomb = ExpGolomb;
- segmentEnd = segment.videoTimingInfo ? segment.videoTimingInfo.transmuxedPresentationEnd : segmentEnd + segment.duration;
+ var _H264Stream, _NalByteStream;
- if (time <= segmentEnd) {
- break;
- }
- }
+ var PROFILES_WITH_OPTIONAL_SPS_DATA;
+ /**
+ * Accepts a NAL unit byte stream and unpacks the embedded NAL units.
+ */
- var lastSegment = playlist.segments[playlist.segments.length - 1];
+ _NalByteStream = function NalByteStream() {
+ var syncPoint = 0,
+ i,
+ buffer;
- if (lastSegment.videoTimingInfo && lastSegment.videoTimingInfo.transmuxedPresentationEnd < time) {
- // The time requested is beyond the stream end.
- return null;
- }
+ _NalByteStream.prototype.init.call(this);
+ /*
+ * Scans a byte stream and triggers a data event with the NAL units found.
+ * @param {Object} data Event received from H264Stream
+ * @param {Uint8Array} data.data The h264 byte stream to be scanned
+ *
+ * @see H264Stream.push
+ */
- if (time > segmentEnd) {
- // The time is within or beyond the last segment.
- //
- // Check to see if the time is beyond a reasonable guess of the end of the stream.
- if (time > segmentEnd + lastSegment.duration * SEGMENT_END_FUDGE_PERCENT) {
- // Technically, because the duration value is only an estimate, the time may still
- // exist in the last segment, however, there isn't enough information to make even
- // a reasonable estimate.
- return null;
- }
- segment = lastSegment;
- }
+ this.push = function (data) {
+ var swapBuffer;
- return {
- segment: segment,
- estimatedStart: segment.videoTimingInfo ? segment.videoTimingInfo.transmuxedPresentationStart : segmentEnd - segment.duration,
- // Because videoTimingInfo is only set after transmux, it is the only way to get
- // accurate timing values.
- type: segment.videoTimingInfo ? 'accurate' : 'estimate'
- };
- };
- /**
- * Gives the offset of the comparisonTimestamp from the programTime timestamp in seconds.
- * If the offset returned is positive, the programTime occurs after the
- * comparisonTimestamp.
- * If the offset is negative, the programTime occurs before the comparisonTimestamp.
- *
- * @param {String} comparisonTimeStamp An ISO-8601 timestamp to compare against
- * @param {String} programTime The programTime as an ISO-8601 string
- * @return {Number} offset
- */
+ if (!buffer) {
+ buffer = data.data;
+ } else {
+ swapBuffer = new Uint8Array(buffer.byteLength + data.data.byteLength);
+ swapBuffer.set(buffer);
+ swapBuffer.set(data.data, buffer.byteLength);
+ buffer = swapBuffer;
+ }
+
+ var len = buffer.byteLength; // Rec. ITU-T H.264, Annex B
+ // scan for NAL unit boundaries
+ // a match looks like this:
+ // 0 0 1 .. NAL .. 0 0 1
+ // ^ sync point ^ i
+ // or this:
+ // 0 0 1 .. NAL .. 0 0 0
+ // ^ sync point ^ i
+ // advance the sync point to a NAL start, if necessary
+
+ for (; syncPoint < len - 3; syncPoint++) {
+ if (buffer[syncPoint + 2] === 1) {
+ // the sync point is properly aligned
+ i = syncPoint + 5;
+ break;
+ }
+ }
+ while (i < len) {
+ // look at the current byte to determine if we've hit the end of
+ // a NAL unit boundary
+ switch (buffer[i]) {
+ case 0:
+ // skip past non-sync sequences
+ if (buffer[i - 1] !== 0) {
+ i += 2;
+ break;
+ } else if (buffer[i - 2] !== 0) {
+ i++;
+ break;
+ } // deliver the NAL unit if it isn't empty
- var getOffsetFromTimestamp = function getOffsetFromTimestamp(comparisonTimeStamp, programTime) {
- var segmentDateTime = void 0;
- var programDateTime = void 0;
- try {
- segmentDateTime = new Date(comparisonTimeStamp);
- programDateTime = new Date(programTime);
- } catch (e) {// TODO handle error
- }
+ if (syncPoint + 3 !== i - 2) {
+ this.trigger('data', buffer.subarray(syncPoint + 3, i - 2));
+ } // drop trailing zeroes
- var segmentTimeEpoch = segmentDateTime.getTime();
- var programTimeEpoch = programDateTime.getTime();
- return (programTimeEpoch - segmentTimeEpoch) / 1000;
- };
- /**
- * Checks that all segments in this playlist have programDateTime tags.
- *
- * @param {Object} playlist A playlist object
- */
+ do {
+ i++;
+ } while (buffer[i] !== 1 && i < len);
- var verifyProgramDateTimeTags = function verifyProgramDateTimeTags(playlist) {
- if (!playlist.segments || playlist.segments.length === 0) {
- return false;
- }
+ syncPoint = i - 2;
+ i += 3;
+ break;
- for (var i = 0; i < playlist.segments.length; i++) {
- var segment = playlist.segments[i];
+ case 1:
+ // skip past non-sync sequences
+ if (buffer[i - 1] !== 0 || buffer[i - 2] !== 0) {
+ i += 3;
+ break;
+ } // deliver the NAL unit
- if (!segment.dateTimeObject) {
- return false;
- }
- }
- return true;
- };
- /**
- * Returns the programTime of the media given a playlist and a playerTime.
- * The playlist must have programDateTime tags for a programDateTime tag to be returned.
- * If the segments containing the time requested have not been buffered yet, an estimate
- * may be returned to the callback.
- *
- * @param {Object} args
- * @param {Object} args.playlist A playlist object to search within
- * @param {Number} time A playerTime in seconds
- * @param {Function} callback(err, programTime)
- * @returns {String} err.message A detailed error message
- * @returns {Object} programTime
- * @returns {Number} programTime.mediaSeconds The streamTime in seconds
- * @returns {String} programTime.programDateTime The programTime as an ISO-8601 String
- */
+ this.trigger('data', buffer.subarray(syncPoint + 3, i - 2));
+ syncPoint = i - 2;
+ i += 3;
+ break;
+ default:
+ // the current byte isn't a one or zero, so it cannot be part
+ // of a sync sequence
+ i += 3;
+ break;
+ }
+ } // filter out the NAL units that were delivered
- var getProgramTime = function getProgramTime(_ref) {
- var playlist = _ref.playlist,
- _ref$time = _ref.time,
- time = _ref$time === undefined ? undefined : _ref$time,
- callback = _ref.callback;
- if (!callback) {
- throw new Error('getProgramTime: callback must be provided');
- }
+ buffer = buffer.subarray(syncPoint);
+ i -= syncPoint;
+ syncPoint = 0;
+ };
- if (!playlist || time === undefined) {
- return callback({
- message: 'getProgramTime: playlist and time must be provided'
- });
- }
+ this.reset = function () {
+ buffer = null;
+ syncPoint = 0;
+ this.trigger('reset');
+ };
- var matchedSegment = findSegmentForPlayerTime(time, playlist);
+ this.flush = function () {
+ // deliver the last buffered NAL unit
+ if (buffer && buffer.byteLength > 3) {
+ this.trigger('data', buffer.subarray(syncPoint + 3));
+ } // reset the stream state
- if (!matchedSegment) {
- return callback({
- message: 'valid programTime was not found'
- });
- }
- if (matchedSegment.type === 'estimate') {
- return callback({
- message: 'Accurate programTime could not be determined.' + ' Please seek to e.seekTime and try again',
- seekTime: matchedSegment.estimatedStart
- });
- }
+ buffer = null;
+ syncPoint = 0;
+ this.trigger('done');
+ };
- var programTimeObject = {
- mediaSeconds: time
+ this.endTimeline = function () {
+ this.flush();
+ this.trigger('endedtimeline');
+ };
};
- var programTime = playerTimeToProgramTime(time, matchedSegment.segment);
- if (programTime) {
- programTimeObject.programDateTime = programTime.toISOString();
- }
+ _NalByteStream.prototype = new stream(); // values of profile_idc that indicate additional fields are included in the SPS
+ // see Recommendation ITU-T H.264 (4/2013),
+ // 7.3.2.1.1 Sequence parameter set data syntax
+
+ PROFILES_WITH_OPTIONAL_SPS_DATA = {
+ 100: true,
+ 110: true,
+ 122: true,
+ 244: true,
+ 44: true,
+ 83: true,
+ 86: true,
+ 118: true,
+ 128: true,
+ // TODO: the three profiles below don't
+ // appear to have sps data in the specificiation anymore?
+ 138: true,
+ 139: true,
+ 134: true
+ };
+ /**
+ * Accepts input from a ElementaryStream and produces H.264 NAL unit data
+ * events.
+ */
- return callback(null, programTimeObject);
- };
- /**
- * Seeks in the player to a time that matches the given programTime ISO-8601 string.
- *
- * @param {Object} args
- * @param {String} args.programTime A programTime to seek to as an ISO-8601 String
- * @param {Object} args.playlist A playlist to look within
- * @param {Number} args.retryCount The number of times to try for an accurate seek. Default is 2.
- * @param {Function} args.seekTo A method to perform a seek
- * @param {Boolean} args.pauseAfterSeek Whether to end in a paused state after seeking. Default is true.
- * @param {Object} args.tech The tech to seek on
- * @param {Function} args.callback(err, newTime) A callback to return the new time to
- * @returns {String} err.message A detailed error message
- * @returns {Number} newTime The exact time that was seeked to in seconds
- */
+ _H264Stream = function H264Stream() {
+ var nalByteStream = new _NalByteStream(),
+ self,
+ trackId,
+ currentPts,
+ currentDts,
+ discardEmulationPreventionBytes,
+ readSequenceParameterSet,
+ skipScalingList;
+ _H264Stream.prototype.init.call(this);
- var seekToProgramTime = function seekToProgramTime(_ref2) {
- var programTime = _ref2.programTime,
- playlist = _ref2.playlist,
- _ref2$retryCount = _ref2.retryCount,
- retryCount = _ref2$retryCount === undefined ? 2 : _ref2$retryCount,
- seekTo = _ref2.seekTo,
- _ref2$pauseAfterSeek = _ref2.pauseAfterSeek,
- pauseAfterSeek = _ref2$pauseAfterSeek === undefined ? true : _ref2$pauseAfterSeek,
- tech = _ref2.tech,
- callback = _ref2.callback;
+ self = this;
+ /*
+ * Pushes a packet from a stream onto the NalByteStream
+ *
+ * @param {Object} packet - A packet received from a stream
+ * @param {Uint8Array} packet.data - The raw bytes of the packet
+ * @param {Number} packet.dts - Decode timestamp of the packet
+ * @param {Number} packet.pts - Presentation timestamp of the packet
+ * @param {Number} packet.trackId - The id of the h264 track this packet came from
+ * @param {('video'|'audio')} packet.type - The type of packet
+ *
+ */
- if (!callback) {
- throw new Error('seekToProgramTime: callback must be provided');
- }
+ this.push = function (packet) {
+ if (packet.type !== 'video') {
+ return;
+ }
- if (typeof programTime === 'undefined' || !playlist || !seekTo) {
- return callback({
- message: 'seekToProgramTime: programTime, seekTo and playlist must be provided'
- });
- }
+ trackId = packet.trackId;
+ currentPts = packet.pts;
+ currentDts = packet.dts;
+ nalByteStream.push(packet);
+ };
+ /*
+ * Identify NAL unit types and pass on the NALU, trackId, presentation and decode timestamps
+ * for the NALUs to the next stream component.
+ * Also, preprocess caption and sequence parameter NALUs.
+ *
+ * @param {Uint8Array} data - A NAL unit identified by `NalByteStream.push`
+ * @see NalByteStream.push
+ */
- if (!playlist.endList && !tech.hasStarted_) {
- return callback({
- message: 'player must be playing a live stream to start buffering'
- });
- }
- if (!verifyProgramDateTimeTags(playlist)) {
- return callback({
- message: 'programDateTime tags must be provided in the manifest ' + playlist.resolvedUri
- });
- }
+ nalByteStream.on('data', function (data) {
+ var event = {
+ trackId: trackId,
+ pts: currentPts,
+ dts: currentDts,
+ data: data,
+ nalUnitTypeCode: data[0] & 0x1f
+ };
- var matchedSegment = findSegmentForProgramTime(programTime, playlist); // no match
+ switch (event.nalUnitTypeCode) {
+ case 0x05:
+ event.nalUnitType = 'slice_layer_without_partitioning_rbsp_idr';
+ break;
- if (!matchedSegment) {
- return callback({
- message: programTime + ' was not found in the stream'
- });
- }
+ case 0x06:
+ event.nalUnitType = 'sei_rbsp';
+ event.escapedRBSP = discardEmulationPreventionBytes(data.subarray(1));
+ break;
- var segment = matchedSegment.segment;
- var mediaOffset = getOffsetFromTimestamp(segment.dateTimeObject, programTime);
+ case 0x07:
+ event.nalUnitType = 'seq_parameter_set_rbsp';
+ event.escapedRBSP = discardEmulationPreventionBytes(data.subarray(1));
+ event.config = readSequenceParameterSet(event.escapedRBSP);
+ break;
- if (matchedSegment.type === 'estimate') {
- // we've run out of retries
- if (retryCount === 0) {
- return callback({
- message: programTime + ' is not buffered yet. Try again'
- });
- }
+ case 0x08:
+ event.nalUnitType = 'pic_parameter_set_rbsp';
+ break;
- seekTo(matchedSegment.estimatedStart + mediaOffset);
- tech.one('seeked', function () {
- seekToProgramTime({
- programTime: programTime,
- playlist: playlist,
- retryCount: retryCount - 1,
- seekTo: seekTo,
- pauseAfterSeek: pauseAfterSeek,
- tech: tech,
- callback: callback
- });
- });
- return;
- } // Since the segment.start value is determined from the buffered end or ending time
- // of the prior segment, the seekToTime doesn't need to account for any transmuxer
- // modifications.
+ case 0x09:
+ event.nalUnitType = 'access_unit_delimiter_rbsp';
+ break;
+ } // This triggers data on the H264Stream
- var seekToTime = segment.start + mediaOffset;
+ self.trigger('data', event);
+ });
+ nalByteStream.on('done', function () {
+ self.trigger('done');
+ });
+ nalByteStream.on('partialdone', function () {
+ self.trigger('partialdone');
+ });
+ nalByteStream.on('reset', function () {
+ self.trigger('reset');
+ });
+ nalByteStream.on('endedtimeline', function () {
+ self.trigger('endedtimeline');
+ });
- var seekedCallback = function seekedCallback() {
- return callback(null, tech.currentTime());
- }; // listen for seeked event
+ this.flush = function () {
+ nalByteStream.flush();
+ };
+ this.partialFlush = function () {
+ nalByteStream.partialFlush();
+ };
- tech.one('seeked', seekedCallback); // pause before seeking as video.js will restore this state
+ this.reset = function () {
+ nalByteStream.reset();
+ };
- if (pauseAfterSeek) {
- tech.pause();
- }
+ this.endTimeline = function () {
+ nalByteStream.endTimeline();
+ };
+ /**
+ * 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
+ * @param expGolombDecoder {object} an ExpGolomb pointed to the
+ * start of a scaling list
+ * @see Recommendation ITU-T H.264, Section 7.3.2.1.1.1
+ */
- seekTo(seekToTime);
- };
- /**
- * ranges
- *
- * Utilities for working with TimeRanges.
- *
- */
- // Fudge factor to account for TimeRanges rounding
+ skipScalingList = function skipScalingList(count, expGolombDecoder) {
+ var lastScale = 8,
+ nextScale = 8,
+ j,
+ deltaScale;
- var TIME_FUDGE_FACTOR = 1 / 30; // Comparisons between time values such as current time and the end of the buffered range
- // can be misleading because of precision differences or when the current media has poorly
- // aligned audio and video, which can cause values to be slightly off from what you would
- // expect. This value is what we consider to be safe to use in such comparisons to account
- // for these scenarios.
+ for (j = 0; j < count; j++) {
+ if (nextScale !== 0) {
+ deltaScale = expGolombDecoder.readExpGolomb();
+ nextScale = (lastScale + deltaScale + 256) % 256;
+ }
- var SAFE_TIME_DELTA = TIME_FUDGE_FACTOR * 3;
+ lastScale = nextScale === 0 ? lastScale : nextScale;
+ }
+ };
+ /**
+ * Expunge any "Emulation Prevention" bytes from a "Raw Byte
+ * Sequence Payload"
+ * @param data {Uint8Array} the bytes of a RBSP from a NAL
+ * unit
+ * @return {Uint8Array} the RBSP without any Emulation
+ * Prevention Bytes
+ */
- var filterRanges = function filterRanges(timeRanges, predicate) {
- var results = [];
- var i = void 0;
- if (timeRanges && timeRanges.length) {
- // Search for ranges that match the predicate
- for (i = 0; i < timeRanges.length; i++) {
- if (predicate(timeRanges.start(i), timeRanges.end(i))) {
- results.push([timeRanges.start(i), timeRanges.end(i)]);
- }
- }
- }
+ discardEmulationPreventionBytes = function discardEmulationPreventionBytes(data) {
+ var length = data.byteLength,
+ emulationPreventionBytesPositions = [],
+ i = 1,
+ newLength,
+ newData; // Find all `Emulation Prevention Bytes`
- return videojs$1.createTimeRanges(results);
- };
- /**
- * Attempts to find the buffered TimeRange that contains the specified
- * time.
- * @param {TimeRanges} buffered - the TimeRanges object to query
- * @param {number} time - the time to filter on.
- * @returns {TimeRanges} a new TimeRanges object
- */
+ while (i < length - 2) {
+ if (data[i] === 0 && data[i + 1] === 0 && data[i + 2] === 0x03) {
+ emulationPreventionBytesPositions.push(i + 2);
+ i += 2;
+ } else {
+ i++;
+ }
+ } // If no Emulation Prevention Bytes were found just return the original
+ // array
- var findRange = function findRange(buffered, time) {
- return filterRanges(buffered, function (start, end) {
- return start - SAFE_TIME_DELTA <= time && end + SAFE_TIME_DELTA >= time;
- });
- };
- /**
- * Returns the TimeRanges that begin later than the specified time.
- * @param {TimeRanges} timeRanges - the TimeRanges object to query
- * @param {number} time - the time to filter on.
- * @returns {TimeRanges} a new TimeRanges object.
- */
+ if (emulationPreventionBytesPositions.length === 0) {
+ return data;
+ } // Create a new array to hold the NAL unit data
- var findNextRange = function findNextRange(timeRanges, time) {
- return filterRanges(timeRanges, function (start) {
- return start - TIME_FUDGE_FACTOR >= time;
- });
- };
- /**
- * Returns gaps within a list of TimeRanges
- * @param {TimeRanges} buffered - the TimeRanges object
- * @return {TimeRanges} a TimeRanges object of gaps
- */
+ newLength = length - emulationPreventionBytesPositions.length;
+ newData = new Uint8Array(newLength);
+ var sourceIndex = 0;
+ for (i = 0; i < newLength; sourceIndex++, i++) {
+ if (sourceIndex === emulationPreventionBytesPositions[0]) {
+ // Skip this byte
+ sourceIndex++; // Remove this position index
- var findGaps = function findGaps(buffered) {
- if (buffered.length < 2) {
- return videojs$1.createTimeRanges();
- }
+ emulationPreventionBytesPositions.shift();
+ }
- var ranges = [];
+ newData[i] = data[sourceIndex];
+ }
- for (var i = 1; i < buffered.length; i++) {
- var start = buffered.end(i - 1);
- var end = buffered.start(i);
- ranges.push([start, end]);
- }
+ return newData;
+ };
+ /**
+ * 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.
+ */
- return videojs$1.createTimeRanges(ranges);
- };
- /**
- * Gets a human readable string for a TimeRange
- *
- * @param {TimeRange} range
- * @returns {String} a human readable string
- */
+ readSequenceParameterSet = function readSequenceParameterSet(data) {
+ var frameCropLeftOffset = 0,
+ frameCropRightOffset = 0,
+ frameCropTopOffset = 0,
+ frameCropBottomOffset = 0,
+ expGolombDecoder,
+ profileIdc,
+ levelIdc,
+ profileCompatibility,
+ chromaFormatIdc,
+ picOrderCntType,
+ numRefFramesInPicOrderCntCycle,
+ picWidthInMbsMinus1,
+ picHeightInMapUnitsMinus1,
+ frameMbsOnlyFlag,
+ scalingListCount,
+ sarRatio = [1, 1],
+ aspectRatioIdc,
+ i;
+ expGolombDecoder = new expGolomb(data);
+ profileIdc = expGolombDecoder.readUnsignedByte(); // profile_idc
- var printableRange = function printableRange(range) {
- var strArr = [];
+ profileCompatibility = expGolombDecoder.readUnsignedByte(); // constraint_set[0-5]_flag
- if (!range || !range.length) {
- return '';
- }
+ levelIdc = expGolombDecoder.readUnsignedByte(); // level_idc u(8)
- for (var i = 0; i < range.length; i++) {
- strArr.push(range.start(i) + ' => ' + range.end(i));
- }
+ expGolombDecoder.skipUnsignedExpGolomb(); // seq_parameter_set_id
+ // some profiles have more optional data we don't need
- return strArr.join(', ');
- };
- /**
- * Calculates the amount of time left in seconds until the player hits the end of the
- * buffer and causes a rebuffer
- *
- * @param {TimeRange} buffered
- * The state of the buffer
- * @param {Numnber} currentTime
- * The current time of the player
- * @param {Number} playbackRate
- * The current playback rate of the player. Defaults to 1.
- * @return {Number}
- * Time until the player has to start rebuffering in seconds.
- * @function timeUntilRebuffer
- */
+ if (PROFILES_WITH_OPTIONAL_SPS_DATA[profileIdc]) {
+ chromaFormatIdc = expGolombDecoder.readUnsignedExpGolomb();
+ if (chromaFormatIdc === 3) {
+ expGolombDecoder.skipBits(1); // separate_colour_plane_flag
+ }
- var timeUntilRebuffer = function timeUntilRebuffer(buffered, currentTime) {
- var playbackRate = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
- var bufferedEnd = buffered.length ? buffered.end(buffered.length - 1) : 0;
- return (bufferedEnd - currentTime) / playbackRate;
- };
- /**
- * Converts a TimeRanges object into an array representation
- * @param {TimeRanges} timeRanges
- * @returns {Array}
- */
+ expGolombDecoder.skipUnsignedExpGolomb(); // bit_depth_luma_minus8
+ expGolombDecoder.skipUnsignedExpGolomb(); // bit_depth_chroma_minus8
- var timeRangesToArray = function timeRangesToArray(timeRanges) {
- var timeRangesList = [];
+ expGolombDecoder.skipBits(1); // qpprime_y_zero_transform_bypass_flag
- for (var i = 0; i < timeRanges.length; i++) {
- timeRangesList.push({
- start: timeRanges.start(i),
- end: timeRanges.end(i)
- });
- }
+ if (expGolombDecoder.readBoolean()) {
+ // seq_scaling_matrix_present_flag
+ scalingListCount = chromaFormatIdc !== 3 ? 8 : 12;
+
+ for (i = 0; i < scalingListCount; i++) {
+ if (expGolombDecoder.readBoolean()) {
+ // seq_scaling_list_present_flag[ i ]
+ if (i < 6) {
+ skipScalingList(16, expGolombDecoder);
+ } else {
+ skipScalingList(64, expGolombDecoder);
+ }
+ }
+ }
+ }
+ }
- return timeRangesList;
- };
- /**
- * @file create-text-tracks-if-necessary.js
- */
+ expGolombDecoder.skipUnsignedExpGolomb(); // log2_max_frame_num_minus4
- /**
- * Create text tracks on video.js if they exist on a segment.
- *
- * @param {Object} sourceBuffer the VSB or FSB
- * @param {Object} mediaSource the HTML media source
- * @param {Object} segment the segment that may contain the text track
- * @private
- */
+ picOrderCntType = expGolombDecoder.readUnsignedExpGolomb();
+ if (picOrderCntType === 0) {
+ expGolombDecoder.readUnsignedExpGolomb(); // log2_max_pic_order_cnt_lsb_minus4
+ } else if (picOrderCntType === 1) {
+ expGolombDecoder.skipBits(1); // delta_pic_order_always_zero_flag
- var createTextTracksIfNecessary = function createTextTracksIfNecessary(sourceBuffer, mediaSource, segment) {
- var player = mediaSource.player_; // create an in-band caption track if one is present in the segment
+ expGolombDecoder.skipExpGolomb(); // offset_for_non_ref_pic
- if (segment.captions && segment.captions.length) {
- if (!sourceBuffer.inbandTextTracks_) {
- sourceBuffer.inbandTextTracks_ = {};
- }
+ expGolombDecoder.skipExpGolomb(); // offset_for_top_to_bottom_field
- for (var trackId in segment.captionStreams) {
- if (!sourceBuffer.inbandTextTracks_[trackId]) {
- player.tech_.trigger({
- type: 'usage',
- name: 'hls-608'
- });
- var track = player.textTracks().getTrackById(trackId);
+ numRefFramesInPicOrderCntCycle = expGolombDecoder.readUnsignedExpGolomb();
- if (track) {
- // Resuse an existing track with a CC# id because this was
- // very likely created by videojs-contrib-hls from information
- // in the m3u8 for us to use
- sourceBuffer.inbandTextTracks_[trackId] = track;
- } else {
- // Otherwise, create a track with the default `CC#` label and
- // without a language
- sourceBuffer.inbandTextTracks_[trackId] = player.addRemoteTextTrack({
- kind: 'captions',
- id: trackId,
- label: trackId
- }, false).track;
+ for (i = 0; i < numRefFramesInPicOrderCntCycle; i++) {
+ expGolombDecoder.skipExpGolomb(); // offset_for_ref_frame[ i ]
}
}
- }
- }
- if (segment.metadata && segment.metadata.length && !sourceBuffer.metadataTrack_) {
- sourceBuffer.metadataTrack_ = player.addRemoteTextTrack({
- kind: 'metadata',
- label: 'Timed Metadata'
- }, false).track;
- sourceBuffer.metadataTrack_.inBandMetadataTrackDispatchType = segment.metadata.dispatchType;
- }
- };
- /**
- * @file remove-cues-from-track.js
- */
+ expGolombDecoder.skipUnsignedExpGolomb(); // max_num_ref_frames
- /**
- * Remove cues from a track on video.js.
- *
- * @param {Double} start start of where we should remove the cue
- * @param {Double} end end of where the we should remove the cue
- * @param {Object} track the text track to remove the cues from
- * @private
- */
+ expGolombDecoder.skipBits(1); // gaps_in_frame_num_value_allowed_flag
+ picWidthInMbsMinus1 = expGolombDecoder.readUnsignedExpGolomb();
+ picHeightInMapUnitsMinus1 = expGolombDecoder.readUnsignedExpGolomb();
+ frameMbsOnlyFlag = expGolombDecoder.readBits(1);
- var removeCuesFromTrack = function removeCuesFromTrack(start, end, track) {
- var i = void 0;
- var cue = void 0;
+ if (frameMbsOnlyFlag === 0) {
+ expGolombDecoder.skipBits(1); // mb_adaptive_frame_field_flag
+ }
- if (!track) {
- return;
- }
+ expGolombDecoder.skipBits(1); // direct_8x8_inference_flag
- if (!track.cues) {
- return;
- }
+ if (expGolombDecoder.readBoolean()) {
+ // frame_cropping_flag
+ frameCropLeftOffset = expGolombDecoder.readUnsignedExpGolomb();
+ frameCropRightOffset = expGolombDecoder.readUnsignedExpGolomb();
+ frameCropTopOffset = expGolombDecoder.readUnsignedExpGolomb();
+ frameCropBottomOffset = expGolombDecoder.readUnsignedExpGolomb();
+ }
- i = track.cues.length;
+ if (expGolombDecoder.readBoolean()) {
+ // vui_parameters_present_flag
+ if (expGolombDecoder.readBoolean()) {
+ // aspect_ratio_info_present_flag
+ aspectRatioIdc = expGolombDecoder.readUnsignedByte();
- while (i--) {
- cue = track.cues[i]; // Remove any overlapping cue
+ switch (aspectRatioIdc) {
+ case 1:
+ sarRatio = [1, 1];
+ break;
- if (cue.startTime <= end && cue.endTime >= start) {
- track.removeCue(cue);
- }
- }
- };
- /**
- * @file add-text-track-data.js
- */
+ case 2:
+ sarRatio = [12, 11];
+ break;
- /**
- * Define properties on a cue for backwards compatability,
- * but warn the user that the way that they are using it
- * is depricated and will be removed at a later date.
- *
- * @param {Cue} cue the cue to add the properties on
- * @private
- */
+ case 3:
+ sarRatio = [10, 11];
+ break;
+ case 4:
+ sarRatio = [16, 11];
+ break;
- var deprecateOldCue = function deprecateOldCue(cue) {
- Object.defineProperties(cue.frame, {
- id: {
- get: function get() {
- videojs$1.log.warn('cue.frame.id is deprecated. Use cue.value.key instead.');
- return cue.value.key;
- }
- },
- value: {
- get: function get() {
- videojs$1.log.warn('cue.frame.value is deprecated. Use cue.value.data instead.');
- return cue.value.data;
- }
- },
- privateData: {
- get: function get() {
- videojs$1.log.warn('cue.frame.privateData is deprecated. Use cue.value.data instead.');
- return cue.value.data;
- }
- }
- });
- };
+ case 5:
+ sarRatio = [40, 33];
+ break;
- var durationOfVideo = function durationOfVideo(duration) {
- var dur = void 0;
+ case 6:
+ sarRatio = [24, 11];
+ break;
- if (isNaN(duration) || Math.abs(duration) === Infinity) {
- dur = Number.MAX_VALUE;
- } else {
- dur = duration;
- }
+ case 7:
+ sarRatio = [20, 11];
+ break;
- return dur;
- };
- /**
- * Add text track data to a source handler given the captions and
- * metadata from the buffer.
- *
- * @param {Object} sourceHandler the virtual source buffer
- * @param {Array} captionArray an array of caption data
- * @param {Array} metadataArray an array of meta data
- * @private
- */
+ case 8:
+ sarRatio = [32, 11];
+ break;
+
+ case 9:
+ sarRatio = [80, 33];
+ break;
+ case 10:
+ sarRatio = [18, 11];
+ break;
- var addTextTrackData = function addTextTrackData(sourceHandler, captionArray, metadataArray) {
- var Cue = window$3.WebKitDataCue || window$3.VTTCue;
+ case 11:
+ sarRatio = [15, 11];
+ break;
- if (captionArray) {
- captionArray.forEach(function (caption) {
- var track = caption.stream;
- this.inbandTextTracks_[track].addCue(new Cue(caption.startTime + this.timestampOffset, caption.endTime + this.timestampOffset, caption.text));
- }, sourceHandler);
- }
+ case 12:
+ sarRatio = [64, 33];
+ break;
- if (metadataArray) {
- var videoDuration = durationOfVideo(sourceHandler.mediaSource_.duration);
- metadataArray.forEach(function (metadata) {
- var time = metadata.cueTime + this.timestampOffset; // if time isn't a finite number between 0 and Infinity, like NaN,
- // ignore this bit of metadata.
- // This likely occurs when you have an non-timed ID3 tag like TIT2,
- // which is the "Title/Songname/Content description" frame
+ case 13:
+ sarRatio = [160, 99];
+ break;
- if (typeof time !== 'number' || window$3.isNaN(time) || time < 0 || !(time < Infinity)) {
- return;
- }
+ case 14:
+ sarRatio = [4, 3];
+ break;
- metadata.frames.forEach(function (frame) {
- var cue = new Cue(time, time, frame.value || frame.url || frame.data || '');
- cue.frame = frame;
- cue.value = frame;
- deprecateOldCue(cue);
- this.metadataTrack_.addCue(cue);
- }, this);
- }, sourceHandler); // Updating the metadeta cues so that
- // the endTime of each cue is the startTime of the next cue
- // the endTime of last cue is the duration of the video
+ case 15:
+ sarRatio = [3, 2];
+ break;
+
+ case 16:
+ sarRatio = [2, 1];
+ break;
- if (sourceHandler.metadataTrack_ && sourceHandler.metadataTrack_.cues && sourceHandler.metadataTrack_.cues.length) {
- var cues = sourceHandler.metadataTrack_.cues;
- var cuesArray = []; // Create a copy of the TextTrackCueList...
- // ...disregarding cues with a falsey value
+ case 255:
+ {
+ sarRatio = [expGolombDecoder.readUnsignedByte() << 8 | expGolombDecoder.readUnsignedByte(), expGolombDecoder.readUnsignedByte() << 8 | expGolombDecoder.readUnsignedByte()];
+ break;
+ }
+ }
- for (var i = 0; i < cues.length; i++) {
- if (cues[i]) {
- cuesArray.push(cues[i]);
+ if (sarRatio) {
+ sarRatio[0] / sarRatio[1];
+ }
}
- } // Group cues by their startTime value
+ }
+ return {
+ profileIdc: profileIdc,
+ levelIdc: levelIdc,
+ profileCompatibility: profileCompatibility,
+ width: (picWidthInMbsMinus1 + 1) * 16 - frameCropLeftOffset * 2 - frameCropRightOffset * 2,
+ height: (2 - frameMbsOnlyFlag) * (picHeightInMapUnitsMinus1 + 1) * 16 - frameCropTopOffset * 2 - frameCropBottomOffset * 2,
+ // sar is sample aspect ratio
+ sarRatio: sarRatio
+ };
+ };
+ };
- var cuesGroupedByStartTime = cuesArray.reduce(function (obj, cue) {
- var timeSlot = obj[cue.startTime] || [];
- timeSlot.push(cue);
- obj[cue.startTime] = timeSlot;
- return obj;
- }, {}); // Sort startTimes by ascending order
+ _H264Stream.prototype = new stream();
+ var h264 = {
+ H264Stream: _H264Stream,
+ NalByteStream: _NalByteStream
+ };
+ /**
+ * mux.js
+ *
+ * Copyright (c) Brightcove
+ * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
+ *
+ * Utilities to detect basic properties and metadata about Aac data.
+ */
- var sortedStartTimes = Object.keys(cuesGroupedByStartTime).sort(function (a, b) {
- return Number(a) - Number(b);
- }); // Map each cue group's endTime to the next group's startTime
+ var ADTS_SAMPLING_FREQUENCIES = [96000, 88200, 64000, 48000, 44100, 32000, 24000, 22050, 16000, 12000, 11025, 8000, 7350];
- sortedStartTimes.forEach(function (startTime, idx) {
- var cueGroup = cuesGroupedByStartTime[startTime];
- var nextTime = Number(sortedStartTimes[idx + 1]) || videoDuration; // Map each cue's endTime the next group's startTime
+ var parseId3TagSize = function parseId3TagSize(header, byteIndex) {
+ var returnSize = header[byteIndex + 6] << 21 | header[byteIndex + 7] << 14 | header[byteIndex + 8] << 7 | header[byteIndex + 9],
+ flags = header[byteIndex + 5],
+ footerPresent = (flags & 16) >> 4; // if we get a negative returnSize clamp it to 0
- cueGroup.forEach(function (cue) {
- cue.endTime = nextTime;
- });
- });
+ returnSize = returnSize >= 0 ? returnSize : 0;
+
+ if (footerPresent) {
+ return returnSize + 20;
}
- }
- };
- var win = typeof window !== 'undefined' ? window : {},
- TARGET = typeof Symbol === 'undefined' ? '__target' : Symbol(),
- SCRIPT_TYPE = 'application/javascript',
- BlobBuilder = win.BlobBuilder || win.WebKitBlobBuilder || win.MozBlobBuilder || win.MSBlobBuilder,
- URL = win.URL || win.webkitURL || URL && URL.msURL,
- Worker = win.Worker;
- /**
- * Returns a wrapper around Web Worker code that is constructible.
- *
- * @function shimWorker
- *
- * @param { String } filename The name of the file
- * @param { Function } fn Function wrapping the code of the worker
- */
+ return returnSize + 10;
+ };
- function shimWorker(filename, fn) {
- return function ShimWorker(forceFallback) {
- var o = this;
+ var getId3Offset = function getId3Offset(data, offset) {
+ if (data.length - offset < 10 || data[offset] !== 'I'.charCodeAt(0) || data[offset + 1] !== 'D'.charCodeAt(0) || data[offset + 2] !== '3'.charCodeAt(0)) {
+ return offset;
+ }
- if (!fn) {
- return new Worker(filename);
- } else if (Worker && !forceFallback) {
- // Convert the function's inner code to a string to construct the worker
- var source = fn.toString().replace(/^function.+?{/, '').slice(0, -1),
- objURL = createSourceObject(source);
- this[TARGET] = new Worker(objURL);
- wrapTerminate(this[TARGET], objURL);
- return this[TARGET];
- } else {
- var selfShim = {
- postMessage: function postMessage(m) {
- if (o.onmessage) {
- setTimeout(function () {
- o.onmessage({
- data: m,
- target: selfShim
- });
- });
- }
- }
- };
- fn.call(selfShim);
+ offset += parseId3TagSize(data, offset);
+ return getId3Offset(data, offset);
+ }; // TODO: use vhs-utils
- this.postMessage = function (m) {
- setTimeout(function () {
- selfShim.onmessage({
- data: m,
- target: o
- });
- });
- };
- this.isThisThread = true;
- }
+ var isLikelyAacData$1 = function isLikelyAacData(data) {
+ var offset = getId3Offset(data, 0);
+ return data.length >= offset + 2 && (data[offset] & 0xFF) === 0xFF && (data[offset + 1] & 0xF0) === 0xF0 && // verify that the 2 layer bits are 0, aka this
+ // is not mp3 data but aac data.
+ (data[offset + 1] & 0x16) === 0x10;
};
- } // Test Worker capabilities
+ var parseSyncSafeInteger = function parseSyncSafeInteger(data) {
+ return data[0] << 21 | data[1] << 14 | data[2] << 7 | data[3];
+ }; // return a percent-encoded representation of the specified byte range
+ // @see http://en.wikipedia.org/wiki/Percent-encoding
- if (Worker) {
- var testWorker,
- objURL = createSourceObject('self.onmessage = function () {}'),
- testArray = new Uint8Array(1);
- try {
- testWorker = new Worker(objURL); // Native browser on some Samsung devices throws for transferables, let's detect it
-
- testWorker.postMessage(testArray, [testArray.buffer]);
- } catch (e) {
- Worker = null;
- } finally {
- URL.revokeObjectURL(objURL);
+ var percentEncode = function percentEncode(bytes, start, end) {
+ var i,
+ result = '';
- if (testWorker) {
- testWorker.terminate();
+ for (i = start; i < end; i++) {
+ result += '%' + ('00' + bytes[i].toString(16)).slice(-2);
}
- }
- }
- function createSourceObject(str) {
- try {
- return URL.createObjectURL(new Blob([str], {
- type: SCRIPT_TYPE
- }));
- } catch (e) {
- var blob = new BlobBuilder();
- blob.append(str);
- return URL.createObjectURL(blob.getBlob(type));
- }
- }
+ return result;
+ }; // return the string representation of the specified byte range,
+ // interpreted as ISO-8859-1.
- function wrapTerminate(worker, objURL) {
- if (!worker || !objURL) return;
- var term = worker.terminate;
- worker.objURL = objURL;
- worker.terminate = function () {
- if (worker.objURL) URL.revokeObjectURL(worker.objURL);
- term.call(worker);
+ var parseIso88591 = function parseIso88591(bytes, start, end) {
+ return unescape(percentEncode(bytes, start, end)); // jshint ignore:line
};
- }
- var TransmuxWorker = new shimWorker("./transmuxer-worker.worker.js", function (window, document$$1) {
- var self = this;
+ var parseAdtsSize = function parseAdtsSize(header, byteIndex) {
+ var lowThree = (header[byteIndex + 5] & 0xE0) >> 5,
+ middle = header[byteIndex + 4] << 3,
+ highTwo = header[byteIndex + 3] & 0x3 << 11;
+ return highTwo | middle | lowThree;
+ };
- var transmuxerWorker = function () {
- /**
- * mux.js
- *
- * Copyright (c) Brightcove
- * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
- *
- * A lightweight readable stream implemention that handles event dispatching.
- * Objects that inherit from streams should call init in their constructors.
- */
- var Stream = function Stream() {
- this.init = function () {
- var listeners = {};
- /**
- * Add a listener for a specified event type.
- * @param type {string} the event name
- * @param listener {function} the callback to be invoked when an event of
- * the specified type occurs
- */
+ var parseType$2 = function parseType(header, byteIndex) {
+ if (header[byteIndex] === 'I'.charCodeAt(0) && header[byteIndex + 1] === 'D'.charCodeAt(0) && header[byteIndex + 2] === '3'.charCodeAt(0)) {
+ return 'timed-metadata';
+ } else if (header[byteIndex] & 0xff === 0xff && (header[byteIndex + 1] & 0xf0) === 0xf0) {
+ return 'audio';
+ }
- this.on = function (type, listener) {
- if (!listeners[type]) {
- listeners[type] = [];
- }
+ return null;
+ };
- listeners[type] = listeners[type].concat(listener);
- };
- /**
- * Remove a listener for a specified event type.
- * @param type {string} the event name
- * @param listener {function} a function previously registered for this
- * type of event through `on`
- */
+ var parseSampleRate = function parseSampleRate(packet) {
+ var i = 0;
+
+ while (i + 5 < packet.length) {
+ if (packet[i] !== 0xFF || (packet[i + 1] & 0xF6) !== 0xF0) {
+ // If a valid header was not found, jump one forward and attempt to
+ // find a valid ADTS header starting at the next byte
+ i++;
+ continue;
+ }
+ return ADTS_SAMPLING_FREQUENCIES[(packet[i + 2] & 0x3c) >>> 2];
+ }
- this.off = function (type, listener) {
- var index;
+ return null;
+ };
- if (!listeners[type]) {
- return false;
- }
+ var parseAacTimestamp = function parseAacTimestamp(packet) {
+ var frameStart, frameSize, frame, frameHeader; // find the start of the first frame and the end of the tag
- index = listeners[type].indexOf(listener);
- listeners[type] = listeners[type].slice();
- listeners[type].splice(index, 1);
- return index > -1;
- };
- /**
- * Trigger an event of the specified type on this stream. Any additional
- * arguments to this function are passed as parameters to event listeners.
- * @param type {string} the event name
- */
+ frameStart = 10;
+ if (packet[5] & 0x40) {
+ // advance the frame start past the extended header
+ frameStart += 4; // header size field
- this.trigger = function (type) {
- var callbacks, i, length, args;
- callbacks = listeners[type];
+ frameStart += parseSyncSafeInteger(packet.subarray(10, 14));
+ } // parse one or more ID3 frames
+ // http://id3.org/id3v2.3.0#ID3v2_frame_overview
- if (!callbacks) {
- return;
- } // Slicing the arguments on every invocation of this method
- // can add a significant amount of overhead. Avoid the
- // intermediate object creation for the common case of a
- // single callback argument
+ do {
+ // determine the number of bytes in this frame
+ frameSize = parseSyncSafeInteger(packet.subarray(frameStart + 4, frameStart + 8));
- if (arguments.length === 2) {
- length = callbacks.length;
+ if (frameSize < 1) {
+ return null;
+ }
- for (i = 0; i < length; ++i) {
- callbacks[i].call(this, arguments[1]);
- }
- } else {
- args = [];
- i = arguments.length;
+ frameHeader = String.fromCharCode(packet[frameStart], packet[frameStart + 1], packet[frameStart + 2], packet[frameStart + 3]);
- for (i = 1; i < arguments.length; ++i) {
- args.push(arguments[i]);
- }
+ if (frameHeader === 'PRIV') {
+ frame = packet.subarray(frameStart + 10, frameStart + frameSize + 10);
- length = callbacks.length;
+ for (var i = 0; i < frame.byteLength; i++) {
+ if (frame[i] === 0) {
+ var owner = parseIso88591(frame, 0, i);
- for (i = 0; i < length; ++i) {
- callbacks[i].apply(this, args);
+ if (owner === 'com.apple.streaming.transportStreamTimestamp') {
+ var d = frame.subarray(i + 1);
+ var size = (d[3] & 0x01) << 30 | d[4] << 22 | d[5] << 14 | d[6] << 6 | d[7] >>> 2;
+ size *= 4;
+ size += d[7] & 0x03;
+ return size;
}
+
+ break;
}
- };
- /**
- * Destroys the stream and cleans up.
- */
+ }
+ }
+ frameStart += 10; // advance past the frame header
- this.dispose = function () {
- listeners = {};
- };
- };
- };
- /**
- * Forwards all `data` events on this stream to the destination stream. The
- * destination stream should provide a method `push` to receive the data
- * events as they arrive.
- * @param destination {stream} the stream that will receive all `data` events
- * @param autoFlush {boolean} if false, we will not call `flush` on the destination
- * when the current stream emits a 'done' event
- * @see http://nodejs.org/api/stream.html#stream_readable_pipe_destination_options
- */
+ frameStart += frameSize; // advance past the frame body
+ } while (frameStart < packet.byteLength);
+ return null;
+ };
- Stream.prototype.pipe = function (destination) {
- this.on('data', function (data) {
- destination.push(data);
- });
- this.on('done', function (flushSource) {
- destination.flush(flushSource);
- });
- this.on('partialdone', function (flushSource) {
- destination.partialFlush(flushSource);
- });
- this.on('endedtimeline', function (flushSource) {
- destination.endTimeline(flushSource);
- });
- this.on('reset', function (flushSource) {
- destination.reset(flushSource);
- });
- return destination;
- }; // Default stream functions that are expected to be overridden to perform
- // actual work. These are provided by the prototype as a sort of no-op
- // implementation so that we don't have to check for their existence in the
- // `pipe` function above.
+ var utils = {
+ isLikelyAacData: isLikelyAacData$1,
+ parseId3TagSize: parseId3TagSize,
+ parseAdtsSize: parseAdtsSize,
+ parseType: parseType$2,
+ parseSampleRate: parseSampleRate,
+ parseAacTimestamp: parseAacTimestamp
+ };
+
+ var _AacStream;
+ /**
+ * Splits an incoming stream of binary data into ADTS and ID3 Frames.
+ */
- Stream.prototype.push = function (data) {
- this.trigger('data', data);
- };
+ _AacStream = function AacStream() {
+ var everything = new Uint8Array(),
+ timeStamp = 0;
+
+ _AacStream.prototype.init.call(this);
- Stream.prototype.flush = function (flushSource) {
- this.trigger('done', flushSource);
+ this.setTimestamp = function (timestamp) {
+ timeStamp = timestamp;
};
- Stream.prototype.partialFlush = function (flushSource) {
- this.trigger('partialdone', flushSource);
+ this.push = function (bytes) {
+ var frameSize = 0,
+ byteIndex = 0,
+ bytesLeft,
+ chunk,
+ packet,
+ tempLength; // If there are bytes remaining from the last segment, prepend them to the
+ // bytes that were pushed in
+
+ if (everything.length) {
+ tempLength = everything.length;
+ everything = new Uint8Array(bytes.byteLength + tempLength);
+ everything.set(everything.subarray(0, tempLength));
+ everything.set(bytes, tempLength);
+ } else {
+ everything = bytes;
+ }
+
+ while (everything.length - byteIndex >= 3) {
+ if (everything[byteIndex] === 'I'.charCodeAt(0) && everything[byteIndex + 1] === 'D'.charCodeAt(0) && everything[byteIndex + 2] === '3'.charCodeAt(0)) {
+ // Exit early because we don't have enough to parse
+ // the ID3 tag header
+ if (everything.length - byteIndex < 10) {
+ break;
+ } // check framesize
+
+
+ frameSize = utils.parseId3TagSize(everything, byteIndex); // Exit early if we don't have enough in the buffer
+ // to emit a full packet
+ // Add to byteIndex to support multiple ID3 tags in sequence
+
+ if (byteIndex + frameSize > everything.length) {
+ break;
+ }
+
+ chunk = {
+ type: 'timed-metadata',
+ data: everything.subarray(byteIndex, byteIndex + frameSize)
+ };
+ this.trigger('data', chunk);
+ byteIndex += frameSize;
+ continue;
+ } else if ((everything[byteIndex] & 0xff) === 0xff && (everything[byteIndex + 1] & 0xf0) === 0xf0) {
+ // Exit early because we don't have enough to parse
+ // the ADTS frame header
+ if (everything.length - byteIndex < 7) {
+ break;
+ }
+
+ frameSize = utils.parseAdtsSize(everything, byteIndex); // Exit early if we don't have enough in the buffer
+ // to emit a full packet
+
+ if (byteIndex + frameSize > everything.length) {
+ break;
+ }
+
+ packet = {
+ type: 'audio',
+ data: everything.subarray(byteIndex, byteIndex + frameSize),
+ pts: timeStamp,
+ dts: timeStamp
+ };
+ this.trigger('data', packet);
+ byteIndex += frameSize;
+ continue;
+ }
+
+ byteIndex++;
+ }
+
+ bytesLeft = everything.length - byteIndex;
+
+ if (bytesLeft > 0) {
+ everything = everything.subarray(byteIndex);
+ } else {
+ everything = new Uint8Array();
+ }
};
- Stream.prototype.endTimeline = function (flushSource) {
- this.trigger('endedtimeline', flushSource);
+ this.reset = function () {
+ everything = new Uint8Array();
+ this.trigger('reset');
};
- Stream.prototype.reset = function (flushSource) {
- this.trigger('reset', flushSource);
+ this.endTimeline = function () {
+ everything = new Uint8Array();
+ this.trigger('endedtimeline');
};
+ };
- var stream = Stream;
- /**
- * mux.js
- *
- * Copyright (c) Brightcove
- * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
- *
- * Functions that generate fragmented MP4s suitable for use with Media
- * Source Extensions.
- */
+ _AacStream.prototype = new stream();
+ var aac = _AacStream; // constants
- var UINT32_MAX = Math.pow(2, 32) - 1;
- var box, dinf, esds, ftyp, mdat, mfhd, minf, moof, moov, mvex, mvhd, trak, tkhd, mdia, mdhd, hdlr, sdtp, stbl, stsd, traf, trex, trun, types, MAJOR_BRAND, MINOR_VERSION, AVC1_BRAND, VIDEO_HDLR, AUDIO_HDLR, HDLR_TYPES, VMHD, SMHD, DREF, STCO, STSC, STSZ, STTS; // pre-calculate constants
+ var AUDIO_PROPERTIES = ['audioobjecttype', 'channelcount', 'samplerate', 'samplingfrequencyindex', 'samplesize'];
+ var audioProperties = AUDIO_PROPERTIES;
+ var VIDEO_PROPERTIES = ['width', 'height', 'profileIdc', 'levelIdc', 'profileCompatibility', 'sarRatio'];
+ var videoProperties = VIDEO_PROPERTIES;
+ var H264Stream = h264.H264Stream;
+ var isLikelyAacData = utils.isLikelyAacData;
+ var ONE_SECOND_IN_TS$1 = clock.ONE_SECOND_IN_TS; // object types
- (function () {
- var i;
- types = {
- avc1: [],
- // codingname
- avcC: [],
- btrt: [],
- dinf: [],
- dref: [],
- esds: [],
- ftyp: [],
- hdlr: [],
- mdat: [],
- mdhd: [],
- mdia: [],
- mfhd: [],
- minf: [],
- moof: [],
- moov: [],
- mp4a: [],
- // codingname
- mvex: [],
- mvhd: [],
- pasp: [],
- sdtp: [],
- smhd: [],
- stbl: [],
- stco: [],
- stsc: [],
- stsd: [],
- stsz: [],
- stts: [],
- styp: [],
- tfdt: [],
- tfhd: [],
- traf: [],
- trak: [],
- trun: [],
- trex: [],
- tkhd: [],
- vmhd: []
- }; // In environments where Uint8Array is undefined (e.g., IE8), skip set up so that we
- // don't throw an error
-
- if (typeof Uint8Array === 'undefined') {
- return;
- }
+ var _VideoSegmentStream, _AudioSegmentStream, _Transmuxer, _CoalesceStream;
- for (i in types) {
- if (types.hasOwnProperty(i)) {
- types[i] = [i.charCodeAt(0), i.charCodeAt(1), i.charCodeAt(2), i.charCodeAt(3)];
- }
- }
+ var retriggerForStream = function retriggerForStream(key, event) {
+ event.stream = key;
+ this.trigger('log', event);
+ };
- MAJOR_BRAND = new Uint8Array(['i'.charCodeAt(0), 's'.charCodeAt(0), 'o'.charCodeAt(0), 'm'.charCodeAt(0)]);
- AVC1_BRAND = new Uint8Array(['a'.charCodeAt(0), 'v'.charCodeAt(0), 'c'.charCodeAt(0), '1'.charCodeAt(0)]);
- MINOR_VERSION = new Uint8Array([0, 0, 0, 1]);
- VIDEO_HDLR = 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'
- ]);
- AUDIO_HDLR = 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'
- ]);
- HDLR_TYPES = {
- video: VIDEO_HDLR,
- audio: AUDIO_HDLR
- };
- 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
- ]);
- SMHD = new Uint8Array([0x00, // version
- 0x00, 0x00, 0x00, // flags
- 0x00, 0x00, // balance, 0 means centered
- 0x00, 0x00 // reserved
- ]);
- STCO = new Uint8Array([0x00, // version
- 0x00, 0x00, 0x00, // flags
- 0x00, 0x00, 0x00, 0x00 // entry_count
- ]);
- STSC = STCO;
- STSZ = new Uint8Array([0x00, // version
- 0x00, 0x00, 0x00, // flags
- 0x00, 0x00, 0x00, 0x00, // sample_size
- 0x00, 0x00, 0x00, 0x00 // sample_count
- ]);
- STTS = STCO;
- VMHD = new Uint8Array([0x00, // version
- 0x00, 0x00, 0x01, // flags
- 0x00, 0x00, // graphicsmode
- 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 // opcolor
- ]);
- })();
+ var addPipelineLogRetriggers = function addPipelineLogRetriggers(transmuxer, pipeline) {
+ var keys = Object.keys(pipeline);
- box = function box(type) {
- var payload = [],
- size = 0,
- i,
- result,
- view;
+ for (var i = 0; i < keys.length; i++) {
+ var key = keys[i]; // skip non-stream keys and headOfPipeline
+ // which is just a duplicate
- for (i = 1; i < arguments.length; i++) {
- payload.push(arguments[i]);
+ if (key === 'headOfPipeline' || !pipeline[key].on) {
+ continue;
}
- i = payload.length; // calculate the total size we need to allocate
+ pipeline[key].on('log', retriggerForStream.bind(transmuxer, key));
+ }
+ };
+ /**
+ * Compare two arrays (even typed) for same-ness
+ */
- while (i--) {
- size += payload[i].byteLength;
- }
- result = new Uint8Array(size + 8);
- view = new DataView(result.buffer, result.byteOffset, result.byteLength);
- view.setUint32(0, result.byteLength);
- result.set(type, 4); // copy the payload into the result
+ var arrayEquals = function arrayEquals(a, b) {
+ var i;
+
+ if (a.length !== b.length) {
+ return false;
+ } // compare the value of each element in the array
+
- for (i = 0, size = 8; i < payload.length; i++) {
- result.set(payload[i], size);
- size += payload[i].byteLength;
+ for (i = 0; i < a.length; i++) {
+ if (a[i] !== b[i]) {
+ return false;
}
+ }
- return result;
- };
+ return true;
+ };
- dinf = function dinf() {
- return box(types.dinf, box(types.dref, DREF));
+ var generateSegmentTimingInfo = function generateSegmentTimingInfo(baseMediaDecodeTime, startDts, startPts, endDts, endPts, prependedContentDuration) {
+ var ptsOffsetFromDts = startPts - startDts,
+ decodeDuration = endDts - startDts,
+ presentationDuration = endPts - startPts; // The PTS and DTS values are based on the actual stream times from the segment,
+ // however, the player time values will reflect a start from the baseMediaDecodeTime.
+ // In order to provide relevant values for the player times, base timing info on the
+ // baseMediaDecodeTime and the DTS and PTS durations of the segment.
+
+ return {
+ start: {
+ dts: baseMediaDecodeTime,
+ pts: baseMediaDecodeTime + ptsOffsetFromDts
+ },
+ end: {
+ dts: baseMediaDecodeTime + decodeDuration,
+ pts: baseMediaDecodeTime + presentationDuration
+ },
+ prependedContentDuration: prependedContentDuration,
+ baseMediaDecodeTime: baseMediaDecodeTime
};
+ };
+ /**
+ * Constructs a single-track, ISO BMFF media segment from AAC data
+ * events. The output of this stream can be fed to a SourceBuffer
+ * configured with a suitable initialization segment.
+ * @param track {object} track metadata configuration
+ * @param options {object} transmuxer options object
+ * @param options.keepOriginalTimestamps {boolean} If true, keep the timestamps
+ * in the source; false to adjust the first segment to start at 0.
+ */
- esds = function esds(track) {
- return box(types.esds, new Uint8Array([0x00, // version
- 0x00, 0x00, 0x00, // flags
- // ES_Descriptor
- 0x03, // tag, ES_DescrTag
- 0x19, // length
- 0x00, 0x00, // ES_ID
- 0x00, // streamDependenceFlag, URL_flag, reserved, streamPriority
- // DecoderConfigDescriptor
- 0x04, // tag, DecoderConfigDescrTag
- 0x11, // length
- 0x40, // object type
- 0x15, // streamType
- 0x00, 0x06, 0x00, // bufferSizeDB
- 0x00, 0x00, 0xda, 0xc0, // maxBitrate
- 0x00, 0x00, 0xda, 0xc0, // avgBitrate
- // DecoderSpecificInfo
- 0x05, // tag, DecoderSpecificInfoTag
- 0x02, // length
- // ISO/IEC 14496-3, AudioSpecificConfig
- // for samplingFrequencyIndex see ISO/IEC 13818-7:2006, 8.1.3.2.2, Table 35
- track.audioobjecttype << 3 | track.samplingfrequencyindex >>> 1, track.samplingfrequencyindex << 7 | track.channelcount << 3, 0x06, 0x01, 0x02 // GASpecificConfig
- ]));
- };
-
- ftyp = function ftyp() {
- return box(types.ftyp, MAJOR_BRAND, MINOR_VERSION, MAJOR_BRAND, AVC1_BRAND);
- };
-
- hdlr = function hdlr(type) {
- return box(types.hdlr, HDLR_TYPES[type]);
- };
-
- mdat = function mdat(data) {
- return box(types.mdat, data);
- };
-
- mdhd = function mdhd(track) {
- var result = new Uint8Array([0x00, // version 0
- 0x00, 0x00, 0x00, // flags
- 0x00, 0x00, 0x00, 0x02, // creation_time
- 0x00, 0x00, 0x00, 0x03, // modification_time
- 0x00, 0x01, 0x5f, 0x90, // timescale, 90,000 "ticks" per second
- track.duration >>> 24 & 0xFF, track.duration >>> 16 & 0xFF, track.duration >>> 8 & 0xFF, track.duration & 0xFF, // duration
- 0x55, 0xc4, // 'und' language (undetermined)
- 0x00, 0x00]); // Use the sample rate from the track metadata, when it is
- // defined. The sample rate can be parsed out of an ADTS header, for
- // instance.
- if (track.samplerate) {
- result[12] = track.samplerate >>> 24 & 0xFF;
- result[13] = track.samplerate >>> 16 & 0xFF;
- result[14] = track.samplerate >>> 8 & 0xFF;
- result[15] = track.samplerate & 0xFF;
- }
+ _AudioSegmentStream = function AudioSegmentStream(track, options) {
+ var adtsFrames = [],
+ sequenceNumber,
+ earliestAllowedDts = 0,
+ audioAppendStartTs = 0,
+ videoBaseMediaDecodeTime = Infinity;
+ options = options || {};
+ sequenceNumber = options.firstSequenceNumber || 0;
+
+ _AudioSegmentStream.prototype.init.call(this);
+
+ this.push = function (data) {
+ trackDecodeInfo.collectDtsInfo(track, data);
+
+ if (track) {
+ audioProperties.forEach(function (prop) {
+ track[prop] = data[prop];
+ });
+ } // buffer audio data until end() is called
- return box(types.mdhd, result);
+
+ adtsFrames.push(data);
};
- mdia = function mdia(track) {
- return box(types.mdia, mdhd(track), hdlr(track.type), minf(track));
+ this.setEarliestDts = function (earliestDts) {
+ earliestAllowedDts = earliestDts;
};
- mfhd = function mfhd(sequenceNumber) {
- return box(types.mfhd, new Uint8Array([0x00, 0x00, 0x00, 0x00, // flags
- (sequenceNumber & 0xFF000000) >> 24, (sequenceNumber & 0xFF0000) >> 16, (sequenceNumber & 0xFF00) >> 8, sequenceNumber & 0xFF // sequence_number
- ]));
+ this.setVideoBaseMediaDecodeTime = function (baseMediaDecodeTime) {
+ videoBaseMediaDecodeTime = baseMediaDecodeTime;
};
- minf = function minf(track) {
- return box(types.minf, track.type === 'video' ? box(types.vmhd, VMHD) : box(types.smhd, SMHD), dinf(), stbl(track));
+ this.setAudioAppendStart = function (timestamp) {
+ audioAppendStartTs = timestamp;
};
- moof = function moof(sequenceNumber, tracks) {
- var trackFragments = [],
- i = tracks.length; // build traf boxes for each track fragment
+ this.flush = function () {
+ var frames, moof, mdat, boxes, frameDuration, segmentDuration, videoClockCyclesOfSilencePrefixed; // return early if no audio data has been observed
- while (i--) {
- trackFragments[i] = traf(tracks[i]);
+ if (adtsFrames.length === 0) {
+ this.trigger('done', 'AudioSegmentStream');
+ return;
}
- return box.apply(null, [types.moof, mfhd(sequenceNumber)].concat(trackFragments));
- };
- /**
- * Returns a movie box.
- * @param tracks {array} the tracks associated with this movie
- * @see ISO/IEC 14496-12:2012(E), section 8.2.1
- */
-
+ frames = audioFrameUtils.trimAdtsFramesByEarliestDts(adtsFrames, track, earliestAllowedDts);
+ track.baseMediaDecodeTime = trackDecodeInfo.calculateTrackBaseMediaDecodeTime(track, options.keepOriginalTimestamps); // amount of audio filled but the value is in video clock rather than audio clock
- moov = function moov(tracks) {
- var i = tracks.length,
- boxes = [];
+ videoClockCyclesOfSilencePrefixed = audioFrameUtils.prefixWithSilence(track, frames, audioAppendStartTs, videoBaseMediaDecodeTime); // we have to build the index from byte locations to
+ // samples (that is, adts frames) in the audio data
- while (i--) {
- boxes[i] = trak(tracks[i]);
- }
+ track.samples = audioFrameUtils.generateSampleTable(frames); // concatenate the audio data to constuct the mdat
- return box.apply(null, [types.moov, mvhd(0xffffffff)].concat(boxes).concat(mvex(tracks)));
- };
+ mdat = mp4Generator.mdat(audioFrameUtils.concatenateFrameData(frames));
+ adtsFrames = [];
+ moof = mp4Generator.moof(sequenceNumber, [track]);
+ boxes = new Uint8Array(moof.byteLength + mdat.byteLength); // bump the sequence number for next time
- mvex = function mvex(tracks) {
- var i = tracks.length,
- boxes = [];
+ sequenceNumber++;
+ boxes.set(moof);
+ boxes.set(mdat, moof.byteLength);
+ trackDecodeInfo.clearDtsInfo(track);
+ frameDuration = Math.ceil(ONE_SECOND_IN_TS$1 * 1024 / track.samplerate); // TODO this check was added to maintain backwards compatibility (particularly with
+ // tests) on adding the timingInfo event. However, it seems unlikely that there's a
+ // valid use-case where an init segment/data should be triggered without associated
+ // frames. Leaving for now, but should be looked into.
- while (i--) {
- boxes[i] = trex(tracks[i]);
+ if (frames.length) {
+ segmentDuration = frames.length * frameDuration;
+ this.trigger('segmentTimingInfo', generateSegmentTimingInfo( // The audio track's baseMediaDecodeTime is in audio clock cycles, but the
+ // frame info is in video clock cycles. Convert to match expectation of
+ // listeners (that all timestamps will be based on video clock cycles).
+ clock.audioTsToVideoTs(track.baseMediaDecodeTime, track.samplerate), // frame times are already in video clock, as is segment duration
+ frames[0].dts, frames[0].pts, frames[0].dts + segmentDuration, frames[0].pts + segmentDuration, videoClockCyclesOfSilencePrefixed || 0));
+ this.trigger('timingInfo', {
+ start: frames[0].pts,
+ end: frames[0].pts + segmentDuration
+ });
}
- return box.apply(null, [types.mvex].concat(boxes));
+ this.trigger('data', {
+ track: track,
+ boxes: boxes
+ });
+ this.trigger('done', 'AudioSegmentStream');
};
- mvhd = function mvhd(duration) {
- var bytes = new Uint8Array([0x00, // version 0
- 0x00, 0x00, 0x00, // flags
- 0x00, 0x00, 0x00, 0x01, // creation_time
- 0x00, 0x00, 0x00, 0x02, // modification_time
- 0x00, 0x01, 0x5f, 0x90, // timescale, 90,000 "ticks" per second
- (duration & 0xFF000000) >> 24, (duration & 0xFF0000) >> 16, (duration & 0xFF00) >> 8, duration & 0xFF, // duration
- 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 box(types.mvhd, bytes);
+ this.reset = function () {
+ trackDecodeInfo.clearDtsInfo(track);
+ adtsFrames = [];
+ this.trigger('reset');
};
+ };
- 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
+ _AudioSegmentStream.prototype = new stream();
+ /**
+ * Constructs a single-track, ISO BMFF media segment from H264 data
+ * events. The output of this stream can be fed to a SourceBuffer
+ * configured with a suitable initialization segment.
+ * @param track {object} track metadata configuration
+ * @param options {object} transmuxer options object
+ * @param options.alignGopsAtEnd {boolean} If true, start from the end of the
+ * gopsToAlignWith list when attempting to align gop pts
+ * @param options.keepOriginalTimestamps {boolean} If true, keep the timestamps
+ * in the source; false to adjust the first segment to start at 0.
+ */
+
+ _VideoSegmentStream = function VideoSegmentStream(track, options) {
+ var sequenceNumber,
+ nalUnits = [],
+ gopsToAlignWith = [],
+ config,
+ pps;
+ options = options || {};
+ sequenceNumber = options.firstSequenceNumber || 0;
- for (i = 0; i < samples.length; i++) {
- flags = samples[i].flags;
- bytes[i + 4] = flags.dependsOn << 4 | flags.isDependedOn << 2 | flags.hasRedundancy;
+ _VideoSegmentStream.prototype.init.call(this);
+
+ delete track.minPTS;
+ this.gopCache_ = [];
+ /**
+ * Constructs a ISO BMFF segment given H264 nalUnits
+ * @param {Object} nalUnit A data event representing a nalUnit
+ * @param {String} nalUnit.nalUnitType
+ * @param {Object} nalUnit.config Properties for a mp4 track
+ * @param {Uint8Array} nalUnit.data The nalUnit bytes
+ * @see lib/codecs/h264.js
+ **/
+
+ this.push = function (nalUnit) {
+ trackDecodeInfo.collectDtsInfo(track, nalUnit); // record the track config
+
+ if (nalUnit.nalUnitType === 'seq_parameter_set_rbsp' && !config) {
+ config = nalUnit.config;
+ track.sps = [nalUnit.data];
+ videoProperties.forEach(function (prop) {
+ track[prop] = config[prop];
+ }, this);
}
- return box(types.sdtp, bytes);
- };
+ if (nalUnit.nalUnitType === 'pic_parameter_set_rbsp' && !pps) {
+ pps = nalUnit.data;
+ track.pps = [nalUnit.data];
+ } // buffer video until flush() is called
- stbl = function stbl(track) {
- return box(types.stbl, stsd(track), box(types.stts, STTS), box(types.stsc, STSC), box(types.stsz, STSZ), box(types.stco, STCO));
+
+ nalUnits.push(nalUnit);
};
+ /**
+ * Pass constructed ISO BMFF track and boxes on to the
+ * next stream in the pipeline
+ **/
+
+
+ this.flush = function () {
+ var frames,
+ gopForFusion,
+ gops,
+ moof,
+ mdat,
+ boxes,
+ prependedContentDuration = 0,
+ firstGop,
+ lastGop; // Throw away nalUnits at the start of the byte stream until
+ // we find the first AUD
+
+ while (nalUnits.length) {
+ if (nalUnits[0].nalUnitType === 'access_unit_delimiter_rbsp') {
+ break;
+ }
- (function () {
- var videoSample, audioSample;
+ nalUnits.shift();
+ } // Return early if no video data has been observed
- stsd = function stsd(track) {
- return box(types.stsd, new Uint8Array([0x00, // version 0
- 0x00, 0x00, 0x00, // flags
- 0x00, 0x00, 0x00, 0x01]), track.type === 'video' ? videoSample(track) : audioSample(track));
- };
- videoSample = function videoSample(track) {
- var sps = track.sps || [],
- pps = track.pps || [],
- sequenceParameterSets = [],
- pictureParameterSets = [],
- i,
- avc1Box; // assemble the SPSs
-
- for (i = 0; i < sps.length; i++) {
- sequenceParameterSets.push((sps[i].byteLength & 0xFF00) >>> 8);
- sequenceParameterSets.push(sps[i].byteLength & 0xFF); // sequenceParameterSetLength
-
- sequenceParameterSets = sequenceParameterSets.concat(Array.prototype.slice.call(sps[i])); // SPS
- } // assemble the PPSs
-
-
- for (i = 0; i < pps.length; i++) {
- pictureParameterSets.push((pps[i].byteLength & 0xFF00) >>> 8);
- pictureParameterSets.push(pps[i].byteLength & 0xFF);
- pictureParameterSets = pictureParameterSets.concat(Array.prototype.slice.call(pps[i]));
- }
-
- avc1Box = [types.avc1, new Uint8Array([0x00, 0x00, 0x00, 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
- (track.width & 0xff00) >> 8, track.width & 0xff, // width
- (track.height & 0xff00) >> 8, track.height & 0xff, // height
- 0x00, 0x48, 0x00, 0x00, // horizresolution
- 0x00, 0x48, 0x00, 0x00, // vertresolution
- 0x00, 0x00, 0x00, 0x00, // reserved
- 0x00, 0x01, // frame_count
- 0x13, 0x76, 0x69, 0x64, 0x65, 0x6f, 0x6a, 0x73, 0x2d, 0x63, 0x6f, 0x6e, 0x74, 0x72, 0x69, 0x62, 0x2d, 0x68, 0x6c, 0x73, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, // compressorname
- 0x00, 0x18, // depth = 24
- 0x11, 0x11 // pre_defined = -1
- ]), box(types.avcC, new Uint8Array([0x01, // configurationVersion
- track.profileIdc, // AVCProfileIndication
- track.profileCompatibility, // profile_compatibility
- track.levelIdc, // AVCLevelIndication
- 0xff // lengthSizeMinusOne, hard-coded to 4 bytes
- ].concat([sps.length], // numOfSequenceParameterSets
- sequenceParameterSets, // "SPS"
- [pps.length], // numOfPictureParameterSets
- pictureParameterSets // "PPS"
- ))), box(types.btrt, new Uint8Array([0x00, 0x1c, 0x9c, 0x80, // bufferSizeDB
- 0x00, 0x2d, 0xc6, 0xc0, // maxBitrate
- 0x00, 0x2d, 0xc6, 0xc0 // avgBitrate
- ]))];
-
- if (track.sarRatio) {
- var hSpacing = track.sarRatio[0],
- vSpacing = track.sarRatio[1];
- avc1Box.push(box(types.pasp, new Uint8Array([(hSpacing & 0xFF000000) >> 24, (hSpacing & 0xFF0000) >> 16, (hSpacing & 0xFF00) >> 8, hSpacing & 0xFF, (vSpacing & 0xFF000000) >> 24, (vSpacing & 0xFF0000) >> 16, (vSpacing & 0xFF00) >> 8, vSpacing & 0xFF])));
- }
-
- return box.apply(null, avc1Box);
- };
+ if (nalUnits.length === 0) {
+ this.resetStream_();
+ this.trigger('done', 'VideoSegmentStream');
+ return;
+ } // Organize the raw nal-units into arrays that represent
+ // higher-level constructs such as frames and gops
+ // (group-of-pictures)
- audioSample = function audioSample(track) {
- return box(types.mp4a, new Uint8Array([// SampleEntry, ISO/IEC 14496-12
- 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, // reserved
- 0x00, 0x01, // data_reference_index
- // AudioSampleEntry, ISO/IEC 14496-12
- 0x00, 0x00, 0x00, 0x00, // reserved
- 0x00, 0x00, 0x00, 0x00, // reserved
- (track.channelcount & 0xff00) >> 8, track.channelcount & 0xff, // channelcount
- (track.samplesize & 0xff00) >> 8, track.samplesize & 0xff, // samplesize
- 0x00, 0x00, // pre_defined
- 0x00, 0x00, // reserved
- (track.samplerate & 0xff00) >> 8, track.samplerate & 0xff, 0x00, 0x00 // samplerate, 16.16
- // MP4AudioSampleEntry, ISO/IEC 14496-14
- ]), esds(track));
- };
- })();
- tkhd = function tkhd(track) {
- var result = new Uint8Array([0x00, // version 0
- 0x00, 0x00, 0x07, // flags
- 0x00, 0x00, 0x00, 0x00, // creation_time
- 0x00, 0x00, 0x00, 0x00, // modification_time
- (track.id & 0xFF000000) >> 24, (track.id & 0xFF0000) >> 16, (track.id & 0xFF00) >> 8, track.id & 0xFF, // track_ID
- 0x00, 0x00, 0x00, 0x00, // reserved
- (track.duration & 0xFF000000) >> 24, (track.duration & 0xFF0000) >> 16, (track.duration & 0xFF00) >> 8, track.duration & 0xFF, // duration
- 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, // reserved
- 0x00, 0x00, // layer
- 0x00, 0x00, // alternate_group
- 0x01, 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
- (track.width & 0xFF00) >> 8, track.width & 0xFF, 0x00, 0x00, // width
- (track.height & 0xFF00) >> 8, track.height & 0xFF, 0x00, 0x00 // height
- ]);
- return box(types.tkhd, result);
- };
- /**
- * Generate a track fragment (traf) box. A traf box collects metadata
- * about tracks in a movie fragment (moof) box.
- */
+ frames = frameUtils.groupNalsIntoFrames(nalUnits);
+ gops = frameUtils.groupFramesIntoGops(frames); // If the first frame of this fragment is not a keyframe we have
+ // a problem since MSE (on Chrome) requires a leading keyframe.
+ //
+ // We have two approaches to repairing this situation:
+ // 1) GOP-FUSION:
+ // This is where we keep track of the GOPS (group-of-pictures)
+ // from previous fragments and attempt to find one that we can
+ // prepend to the current fragment in order to create a valid
+ // fragment.
+ // 2) KEYFRAME-PULLING:
+ // Here we search for the first keyframe in the fragment and
+ // throw away all the frames between the start of the fragment
+ // and that keyframe. We then extend the duration and pull the
+ // PTS of the keyframe forward so that it covers the time range
+ // of the frames that were disposed of.
+ //
+ // #1 is far prefereable over #2 which can cause "stuttering" but
+ // requires more things to be just right.
+
+ if (!gops[0][0].keyFrame) {
+ // Search for a gop for fusion from our gopCache
+ gopForFusion = this.getGopForFusion_(nalUnits[0], track);
+
+ if (gopForFusion) {
+ // in order to provide more accurate timing information about the segment, save
+ // the number of seconds prepended to the original segment due to GOP fusion
+ prependedContentDuration = gopForFusion.duration;
+ gops.unshift(gopForFusion); // Adjust Gops' metadata to account for the inclusion of the
+ // new gop at the beginning
+
+ gops.byteLength += gopForFusion.byteLength;
+ gops.nalCount += gopForFusion.nalCount;
+ gops.pts = gopForFusion.pts;
+ gops.dts = gopForFusion.dts;
+ gops.duration += gopForFusion.duration;
+ } else {
+ // If we didn't find a candidate gop fall back to keyframe-pulling
+ gops = frameUtils.extendFirstKeyFrame(gops);
+ }
+ } // Trim gops to align with gopsToAlignWith
- traf = function traf(track) {
- var trackFragmentHeader, trackFragmentDecodeTime, trackFragmentRun, sampleDependencyTable, dataOffset, upperWordBaseMediaDecodeTime, lowerWordBaseMediaDecodeTime;
- trackFragmentHeader = box(types.tfhd, new Uint8Array([0x00, // version 0
- 0x00, 0x00, 0x3a, // flags
- (track.id & 0xFF000000) >> 24, (track.id & 0xFF0000) >> 16, (track.id & 0xFF00) >> 8, track.id & 0xFF, // track_ID
- 0x00, 0x00, 0x00, 0x01, // sample_description_index
- 0x00, 0x00, 0x00, 0x00, // default_sample_duration
- 0x00, 0x00, 0x00, 0x00, // default_sample_size
- 0x00, 0x00, 0x00, 0x00 // default_sample_flags
- ]));
- upperWordBaseMediaDecodeTime = Math.floor(track.baseMediaDecodeTime / (UINT32_MAX + 1));
- lowerWordBaseMediaDecodeTime = Math.floor(track.baseMediaDecodeTime % (UINT32_MAX + 1));
- trackFragmentDecodeTime = box(types.tfdt, new Uint8Array([0x01, // version 1
- 0x00, 0x00, 0x00, // flags
- // baseMediaDecodeTime
- upperWordBaseMediaDecodeTime >>> 24 & 0xFF, upperWordBaseMediaDecodeTime >>> 16 & 0xFF, upperWordBaseMediaDecodeTime >>> 8 & 0xFF, upperWordBaseMediaDecodeTime & 0xFF, lowerWordBaseMediaDecodeTime >>> 24 & 0xFF, lowerWordBaseMediaDecodeTime >>> 16 & 0xFF, lowerWordBaseMediaDecodeTime >>> 8 & 0xFF, lowerWordBaseMediaDecodeTime & 0xFF])); // the data offset specifies the number of bytes from the start of
- // the containing moof to the first payload byte of the associated
- // mdat
-
- dataOffset = 32 + // tfhd
- 20 + // tfdt
- 8 + // traf header
- 16 + // mfhd
- 8 + // moof header
- 8; // mdat header
- // audio tracks require less metadata
+ if (gopsToAlignWith.length) {
+ var alignedGops;
- if (track.type === 'audio') {
- trackFragmentRun = trun(track, dataOffset);
- return box(types.traf, trackFragmentHeader, trackFragmentDecodeTime, trackFragmentRun);
- } // video tracks should contain an independent and disposable samples
- // box (sdtp)
- // generate one and adjust offsets to match
+ if (options.alignGopsAtEnd) {
+ alignedGops = this.alignGopsAtEnd_(gops);
+ } else {
+ alignedGops = this.alignGopsAtStart_(gops);
+ }
+ if (!alignedGops) {
+ // save all the nals in the last GOP into the gop cache
+ this.gopCache_.unshift({
+ gop: gops.pop(),
+ pps: track.pps,
+ sps: track.sps
+ }); // Keep a maximum of 6 GOPs in the cache
- sampleDependencyTable = sdtp(track);
- trackFragmentRun = trun(track, sampleDependencyTable.length + dataOffset);
- return box(types.traf, trackFragmentHeader, trackFragmentDecodeTime, trackFragmentRun, sampleDependencyTable);
- };
- /**
- * Generate a track box.
- * @param track {object} a track definition
- * @return {Uint8Array} the track box
- */
+ this.gopCache_.length = Math.min(6, this.gopCache_.length); // Clear nalUnits
+ nalUnits = []; // return early no gops can be aligned with desired gopsToAlignWith
- trak = function trak(track) {
- track.duration = track.duration || 0xffffffff;
- return box(types.trak, tkhd(track), mdia(track));
- };
+ this.resetStream_();
+ this.trigger('done', 'VideoSegmentStream');
+ return;
+ } // Some gops were trimmed. clear dts info so minSegmentDts and pts are correct
+ // when recalculated before sending off to CoalesceStream
- trex = function trex(track) {
- var result = new Uint8Array([0x00, // version 0
- 0x00, 0x00, 0x00, // flags
- (track.id & 0xFF000000) >> 24, (track.id & 0xFF0000) >> 16, (track.id & 0xFF00) >> 8, track.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
- ]); // the last two bytes of default_sample_flags is the sample
- // degradation priority, a hint about the importance of this sample
- // relative to others. Lower the degradation priority for all sample
- // types other than video.
- if (track.type !== 'video') {
- result[result.length - 1] = 0x00;
+ trackDecodeInfo.clearDtsInfo(track);
+ gops = alignedGops;
}
- return box(types.trex, result);
+ trackDecodeInfo.collectDtsInfo(track, gops); // First, we have to build the index from byte locations to
+ // samples (that is, frames) in the video data
+
+ track.samples = frameUtils.generateSampleTable(gops); // Concatenate the video data and construct the mdat
+
+ mdat = mp4Generator.mdat(frameUtils.concatenateNalData(gops));
+ track.baseMediaDecodeTime = trackDecodeInfo.calculateTrackBaseMediaDecodeTime(track, options.keepOriginalTimestamps);
+ this.trigger('processedGopsInfo', gops.map(function (gop) {
+ return {
+ pts: gop.pts,
+ dts: gop.dts,
+ byteLength: gop.byteLength
+ };
+ }));
+ firstGop = gops[0];
+ lastGop = gops[gops.length - 1];
+ this.trigger('segmentTimingInfo', generateSegmentTimingInfo(track.baseMediaDecodeTime, firstGop.dts, firstGop.pts, lastGop.dts + lastGop.duration, lastGop.pts + lastGop.duration, prependedContentDuration));
+ this.trigger('timingInfo', {
+ start: gops[0].pts,
+ end: gops[gops.length - 1].pts + gops[gops.length - 1].duration
+ }); // save all the nals in the last GOP into the gop cache
+
+ this.gopCache_.unshift({
+ gop: gops.pop(),
+ pps: track.pps,
+ sps: track.sps
+ }); // Keep a maximum of 6 GOPs in the cache
+
+ this.gopCache_.length = Math.min(6, this.gopCache_.length); // Clear nalUnits
+
+ nalUnits = [];
+ this.trigger('baseMediaDecodeTime', track.baseMediaDecodeTime);
+ this.trigger('timelineStartInfo', track.timelineStartInfo);
+ moof = mp4Generator.moof(sequenceNumber, [track]); // it would be great to allocate this array up front instead of
+ // throwing away hundreds of media segment fragments
+
+ boxes = new Uint8Array(moof.byteLength + mdat.byteLength); // Bump the sequence number for next time
+
+ sequenceNumber++;
+ boxes.set(moof);
+ boxes.set(mdat, moof.byteLength);
+ this.trigger('data', {
+ track: track,
+ boxes: boxes
+ });
+ this.resetStream_(); // Continue with the flush process now
+
+ this.trigger('done', 'VideoSegmentStream');
};
- (function () {
- var audioTrun, videoTrun, trunHeader; // This method assumes all samples are uniform. That is, if a
- // duration is present for the first sample, it will be present for
- // all subsequent samples.
- // see ISO/IEC 14496-12:2012, Section 8.8.8.1
-
- trunHeader = function trunHeader(samples, offset) {
- var durationPresent = 0,
- sizePresent = 0,
- flagsPresent = 0,
- compositionTimeOffset = 0; // trun flag constants
-
- if (samples.length) {
- if (samples[0].duration !== undefined) {
- durationPresent = 0x1;
- }
+ this.reset = function () {
+ this.resetStream_();
+ nalUnits = [];
+ this.gopCache_.length = 0;
+ gopsToAlignWith.length = 0;
+ this.trigger('reset');
+ };
- if (samples[0].size !== undefined) {
- sizePresent = 0x2;
- }
+ this.resetStream_ = function () {
+ trackDecodeInfo.clearDtsInfo(track); // reset config and pps because they may differ across segments
+ // for instance, when we are rendition switching
- if (samples[0].flags !== undefined) {
- flagsPresent = 0x4;
- }
+ config = undefined;
+ pps = undefined;
+ }; // Search for a candidate Gop for gop-fusion from the gop cache and
+ // return it or return null if no good candidate was found
- if (samples[0].compositionTimeOffset !== undefined) {
- compositionTimeOffset = 0x8;
- }
- }
- return [0x00, // version 0
- 0x00, durationPresent | sizePresent | flagsPresent | compositionTimeOffset, 0x01, // flags
- (samples.length & 0xFF000000) >>> 24, (samples.length & 0xFF0000) >>> 16, (samples.length & 0xFF00) >>> 8, samples.length & 0xFF, // sample_count
- (offset & 0xFF000000) >>> 24, (offset & 0xFF0000) >>> 16, (offset & 0xFF00) >>> 8, offset & 0xFF // data_offset
- ];
- };
+ this.getGopForFusion_ = function (nalUnit) {
+ var halfSecond = 45000,
+ // Half-a-second in a 90khz clock
+ allowableOverlap = 10000,
+ // About 3 frames @ 30fps
+ nearestDistance = Infinity,
+ dtsDistance,
+ nearestGopObj,
+ currentGop,
+ currentGopObj,
+ i; // Search for the GOP nearest to the beginning of this nal unit
- videoTrun = function videoTrun(track, offset) {
- var bytes, samples, sample, i;
- samples = track.samples || [];
- offset += 8 + 12 + 16 * samples.length;
- bytes = trunHeader(samples, offset);
+ for (i = 0; i < this.gopCache_.length; i++) {
+ currentGopObj = this.gopCache_[i];
+ currentGop = currentGopObj.gop; // Reject Gops with different SPS or PPS
- for (i = 0; i < samples.length; i++) {
- sample = samples[i];
- bytes = bytes.concat([(sample.duration & 0xFF000000) >>> 24, (sample.duration & 0xFF0000) >>> 16, (sample.duration & 0xFF00) >>> 8, sample.duration & 0xFF, // sample_duration
- (sample.size & 0xFF000000) >>> 24, (sample.size & 0xFF0000) >>> 16, (sample.size & 0xFF00) >>> 8, sample.size & 0xFF, // sample_size
- sample.flags.isLeading << 2 | sample.flags.dependsOn, sample.flags.isDependedOn << 6 | sample.flags.hasRedundancy << 4 | sample.flags.paddingValue << 1 | sample.flags.isNonSyncSample, sample.flags.degradationPriority & 0xF0 << 8, sample.flags.degradationPriority & 0x0F, // sample_flags
- (sample.compositionTimeOffset & 0xFF000000) >>> 24, (sample.compositionTimeOffset & 0xFF0000) >>> 16, (sample.compositionTimeOffset & 0xFF00) >>> 8, sample.compositionTimeOffset & 0xFF // sample_composition_time_offset
- ]);
- }
+ if (!(track.pps && arrayEquals(track.pps[0], currentGopObj.pps[0])) || !(track.sps && arrayEquals(track.sps[0], currentGopObj.sps[0]))) {
+ continue;
+ } // Reject Gops that would require a negative baseMediaDecodeTime
- return box(types.trun, new Uint8Array(bytes));
- };
- audioTrun = function audioTrun(track, offset) {
- var bytes, samples, sample, i;
- samples = track.samples || [];
- offset += 8 + 12 + 8 * samples.length;
- bytes = trunHeader(samples, offset);
+ if (currentGop.dts < track.timelineStartInfo.dts) {
+ continue;
+ } // The distance between the end of the gop and the start of the nalUnit
- for (i = 0; i < samples.length; i++) {
- sample = samples[i];
- bytes = bytes.concat([(sample.duration & 0xFF000000) >>> 24, (sample.duration & 0xFF0000) >>> 16, (sample.duration & 0xFF00) >>> 8, sample.duration & 0xFF, // sample_duration
- (sample.size & 0xFF000000) >>> 24, (sample.size & 0xFF0000) >>> 16, (sample.size & 0xFF00) >>> 8, sample.size & 0xFF]); // sample_size
- }
- return box(types.trun, new Uint8Array(bytes));
- };
+ dtsDistance = nalUnit.dts - currentGop.dts - currentGop.duration; // Only consider GOPS that start before the nal unit and end within
+ // a half-second of the nal unit
- trun = function trun(track, offset) {
- if (track.type === 'audio') {
- return audioTrun(track, offset);
+ if (dtsDistance >= -allowableOverlap && dtsDistance <= halfSecond) {
+ // Always use the closest GOP we found if there is more than
+ // one candidate
+ if (!nearestGopObj || nearestDistance > dtsDistance) {
+ nearestGopObj = currentGopObj;
+ nearestDistance = dtsDistance;
+ }
}
+ }
- return videoTrun(track, offset);
- };
- })();
-
- var mp4Generator = {
- ftyp: ftyp,
- mdat: mdat,
- moof: moof,
- moov: moov,
- initSegment: function initSegment(tracks) {
- var fileType = ftyp(),
- movie = moov(tracks),
- result;
- result = new Uint8Array(fileType.byteLength + movie.byteLength);
- result.set(fileType);
- result.set(movie, fileType.byteLength);
- return result;
+ if (nearestGopObj) {
+ return nearestGopObj.gop;
}
- };
- /**
- * mux.js
- *
- * Copyright (c) Brightcove
- * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
- */
- // Convert an array of nal units into an array of frames with each frame being
- // composed of the nal units that make up that frame
- // Also keep track of cummulative data about the frame from the nal units such
- // as the frame duration, starting pts, etc.
-
- var groupNalsIntoFrames = function groupNalsIntoFrames(nalUnits) {
- var i,
- currentNal,
- currentFrame = [],
- frames = []; // TODO added for LHLS, make sure this is OK
-
- frames.byteLength = 0;
- frames.nalCount = 0;
- frames.duration = 0;
- currentFrame.byteLength = 0;
-
- for (i = 0; i < nalUnits.length; i++) {
- currentNal = nalUnits[i]; // Split on 'aud'-type nal units
-
- if (currentNal.nalUnitType === 'access_unit_delimiter_rbsp') {
- // Since the very first nal unit is expected to be an AUD
- // only push to the frames array when currentFrame is not empty
- if (currentFrame.length) {
- currentFrame.duration = currentNal.dts - currentFrame.dts; // TODO added for LHLS, make sure this is OK
-
- frames.byteLength += currentFrame.byteLength;
- frames.nalCount += currentFrame.length;
- frames.duration += currentFrame.duration;
- frames.push(currentFrame);
- }
- currentFrame = [currentNal];
- currentFrame.byteLength = currentNal.data.byteLength;
- currentFrame.pts = currentNal.pts;
- currentFrame.dts = currentNal.dts;
- } else {
- // Specifically flag key frames for ease of use later
- if (currentNal.nalUnitType === 'slice_layer_without_partitioning_rbsp_idr') {
- currentFrame.keyFrame = true;
- }
+ return null;
+ }; // trim gop list to the first gop found that has a matching pts with a gop in the list
+ // of gopsToAlignWith starting from the START of the list
- currentFrame.duration = currentNal.dts - currentFrame.dts;
- currentFrame.byteLength += currentNal.data.byteLength;
- currentFrame.push(currentNal);
- }
- } // For the last frame, use the duration of the previous frame if we
- // have nothing better to go on
-
-
- if (frames.length && (!currentFrame.duration || currentFrame.duration <= 0)) {
- currentFrame.duration = frames[frames.length - 1].duration;
- } // Push the final frame
- // TODO added for LHLS, make sure this is OK
-
-
- frames.byteLength += currentFrame.byteLength;
- frames.nalCount += currentFrame.length;
- frames.duration += currentFrame.duration;
- frames.push(currentFrame);
- return frames;
- }; // Convert an array of frames into an array of Gop with each Gop being composed
- // of the frames that make up that Gop
- // Also keep track of cummulative data about the Gop from the frames such as the
- // Gop duration, starting pts, etc.
-
-
- var groupFramesIntoGops = function groupFramesIntoGops(frames) {
- var i,
- currentFrame,
- currentGop = [],
- gops = []; // We must pre-set some of the values on the Gop since we
- // keep running totals of these values
-
- currentGop.byteLength = 0;
- currentGop.nalCount = 0;
- currentGop.duration = 0;
- currentGop.pts = frames[0].pts;
- currentGop.dts = frames[0].dts; // store some metadata about all the Gops
-
- gops.byteLength = 0;
- gops.nalCount = 0;
- gops.duration = 0;
- gops.pts = frames[0].pts;
- gops.dts = frames[0].dts;
-
- for (i = 0; i < frames.length; i++) {
- currentFrame = frames[i];
-
- if (currentFrame.keyFrame) {
- // Since the very first frame is expected to be an keyframe
- // only push to the gops array when currentGop is not empty
- if (currentGop.length) {
- gops.push(currentGop);
- gops.byteLength += currentGop.byteLength;
- gops.nalCount += currentGop.nalCount;
- gops.duration += currentGop.duration;
- }
- currentGop = [currentFrame];
- currentGop.nalCount = currentFrame.length;
- currentGop.byteLength = currentFrame.byteLength;
- currentGop.pts = currentFrame.pts;
- currentGop.dts = currentFrame.dts;
- currentGop.duration = currentFrame.duration;
- } else {
- currentGop.duration += currentFrame.duration;
- currentGop.nalCount += currentFrame.length;
- currentGop.byteLength += currentFrame.byteLength;
- currentGop.push(currentFrame);
+ this.alignGopsAtStart_ = function (gops) {
+ var alignIndex, gopIndex, align, gop, byteLength, nalCount, duration, alignedGops;
+ byteLength = gops.byteLength;
+ nalCount = gops.nalCount;
+ duration = gops.duration;
+ alignIndex = gopIndex = 0;
+
+ while (alignIndex < gopsToAlignWith.length && gopIndex < gops.length) {
+ align = gopsToAlignWith[alignIndex];
+ gop = gops[gopIndex];
+
+ if (align.pts === gop.pts) {
+ break;
}
- }
- if (gops.length && currentGop.duration <= 0) {
- currentGop.duration = gops[gops.length - 1].duration;
+ if (gop.pts > align.pts) {
+ // this current gop starts after the current gop we want to align on, so increment
+ // align index
+ alignIndex++;
+ continue;
+ } // current gop starts before the current gop we want to align on. so increment gop
+ // index
+
+
+ gopIndex++;
+ byteLength -= gop.byteLength;
+ nalCount -= gop.nalCount;
+ duration -= gop.duration;
}
- gops.byteLength += currentGop.byteLength;
- gops.nalCount += currentGop.nalCount;
- gops.duration += currentGop.duration; // push the final Gop
+ if (gopIndex === 0) {
+ // no gops to trim
+ return gops;
+ }
- gops.push(currentGop);
- return gops;
- };
- /*
- * Search for the first keyframe in the GOPs and throw away all frames
- * until that keyframe. Then extend the duration of the pulled keyframe
- * and pull the PTS and DTS of the keyframe so that it covers the time
- * range of the frames that were disposed.
- *
- * @param {Array} gops video GOPs
- * @returns {Array} modified video GOPs
- */
+ if (gopIndex === gops.length) {
+ // all gops trimmed, skip appending all gops
+ return null;
+ }
+ alignedGops = gops.slice(gopIndex);
+ alignedGops.byteLength = byteLength;
+ alignedGops.duration = duration;
+ alignedGops.nalCount = nalCount;
+ alignedGops.pts = alignedGops[0].pts;
+ alignedGops.dts = alignedGops[0].dts;
+ return alignedGops;
+ }; // trim gop list to the first gop found that has a matching pts with a gop in the list
+ // of gopsToAlignWith starting from the END of the list
- var extendFirstKeyFrame = function extendFirstKeyFrame(gops) {
- var currentGop;
- if (!gops[0][0].keyFrame && gops.length > 1) {
- // Remove the first GOP
- currentGop = gops.shift();
- gops.byteLength -= currentGop.byteLength;
- gops.nalCount -= currentGop.nalCount; // Extend the first frame of what is now the
- // first gop to cover the time period of the
- // frames we just removed
+ this.alignGopsAtEnd_ = function (gops) {
+ var alignIndex, gopIndex, align, gop, alignEndIndex, matchFound;
+ alignIndex = gopsToAlignWith.length - 1;
+ gopIndex = gops.length - 1;
+ alignEndIndex = null;
+ matchFound = false;
- gops[0][0].dts = currentGop.dts;
- gops[0][0].pts = currentGop.pts;
- gops[0][0].duration += currentGop.duration;
- }
+ while (alignIndex >= 0 && gopIndex >= 0) {
+ align = gopsToAlignWith[alignIndex];
+ gop = gops[gopIndex];
- return gops;
- };
- /**
- * Default sample object
- * see ISO/IEC 14496-12:2012, section 8.6.4.3
- */
+ if (align.pts === gop.pts) {
+ matchFound = true;
+ break;
+ }
+ if (align.pts > gop.pts) {
+ alignIndex--;
+ continue;
+ }
- var createDefaultSample = function createDefaultSample() {
- return {
- size: 0,
- flags: {
- isLeading: 0,
- dependsOn: 1,
- isDependedOn: 0,
- hasRedundancy: 0,
- degradationPriority: 0,
- isNonSyncSample: 1
+ if (alignIndex === gopsToAlignWith.length - 1) {
+ // gop.pts is greater than the last alignment candidate. If no match is found
+ // by the end of this loop, we still want to append gops that come after this
+ // point
+ alignEndIndex = gopIndex;
}
- };
- };
- /*
- * Collates information from a video frame into an object for eventual
- * entry into an MP4 sample table.
- *
- * @param {Object} frame the video frame
- * @param {Number} dataOffset the byte offset to position the sample
- * @return {Object} object containing sample table info for a frame
- */
+ gopIndex--;
+ }
- var sampleForFrame = function sampleForFrame(frame, dataOffset) {
- var sample = createDefaultSample();
- sample.dataOffset = dataOffset;
- sample.compositionTimeOffset = frame.pts - frame.dts;
- sample.duration = frame.duration;
- sample.size = 4 * frame.length; // Space for nal unit size
+ if (!matchFound && alignEndIndex === null) {
+ return null;
+ }
- sample.size += frame.byteLength;
+ var trimIndex;
- if (frame.keyFrame) {
- sample.flags.dependsOn = 2;
- sample.flags.isNonSyncSample = 0;
+ if (matchFound) {
+ trimIndex = gopIndex;
+ } else {
+ trimIndex = alignEndIndex;
}
- return sample;
- }; // generate the track's sample table from an array of gops
+ if (trimIndex === 0) {
+ return gops;
+ }
+ var alignedGops = gops.slice(trimIndex);
+ var metadata = alignedGops.reduce(function (total, gop) {
+ total.byteLength += gop.byteLength;
+ total.duration += gop.duration;
+ total.nalCount += gop.nalCount;
+ return total;
+ }, {
+ byteLength: 0,
+ duration: 0,
+ nalCount: 0
+ });
+ alignedGops.byteLength = metadata.byteLength;
+ alignedGops.duration = metadata.duration;
+ alignedGops.nalCount = metadata.nalCount;
+ alignedGops.pts = alignedGops[0].pts;
+ alignedGops.dts = alignedGops[0].dts;
+ return alignedGops;
+ };
- var generateSampleTable = function generateSampleTable(gops, baseDataOffset) {
- var h,
- i,
- sample,
- currentGop,
- currentFrame,
- dataOffset = baseDataOffset || 0,
- samples = [];
+ this.alignGopsWith = function (newGopsToAlignWith) {
+ gopsToAlignWith = newGopsToAlignWith;
+ };
+ };
- for (h = 0; h < gops.length; h++) {
- currentGop = gops[h];
+ _VideoSegmentStream.prototype = new stream();
+ /**
+ * A Stream that can combine multiple streams (ie. audio & video)
+ * into a single output segment for MSE. Also supports audio-only
+ * and video-only streams.
+ * @param options {object} transmuxer options object
+ * @param options.keepOriginalTimestamps {boolean} If true, keep the timestamps
+ * in the source; false to adjust the first segment to start at media timeline start.
+ */
- for (i = 0; i < currentGop.length; i++) {
- currentFrame = currentGop[i];
- sample = sampleForFrame(currentFrame, dataOffset);
- dataOffset += sample.size;
- samples.push(sample);
- }
- }
+ _CoalesceStream = function CoalesceStream(options, metadataStream) {
+ // Number of Tracks per output segment
+ // If greater than 1, we combine multiple
+ // tracks into a single segment
+ this.numberOfTracks = 0;
+ this.metadataStream = metadataStream;
+ options = options || {};
- return samples;
- }; // generate the track's raw mdat data from an array of gops
+ if (typeof options.remux !== 'undefined') {
+ this.remuxTracks = !!options.remux;
+ } else {
+ this.remuxTracks = true;
+ }
+ if (typeof options.keepOriginalTimestamps === 'boolean') {
+ this.keepOriginalTimestamps = options.keepOriginalTimestamps;
+ } else {
+ this.keepOriginalTimestamps = false;
+ }
- var concatenateNalData = function concatenateNalData(gops) {
- var h,
- i,
- j,
- currentGop,
- currentFrame,
- currentNal,
- dataOffset = 0,
- nalsByteLength = gops.byteLength,
- numberOfNals = gops.nalCount,
- totalByteLength = nalsByteLength + 4 * numberOfNals,
- data = new Uint8Array(totalByteLength),
- view = new DataView(data.buffer); // For each Gop..
-
- for (h = 0; h < gops.length; h++) {
- currentGop = gops[h]; // For each Frame..
-
- for (i = 0; i < currentGop.length; i++) {
- currentFrame = currentGop[i]; // For each NAL..
-
- for (j = 0; j < currentFrame.length; j++) {
- currentNal = currentFrame[j];
- view.setUint32(dataOffset, currentNal.data.byteLength);
- dataOffset += 4;
- data.set(currentNal.data, dataOffset);
- dataOffset += currentNal.data.byteLength;
- }
- }
- }
+ this.pendingTracks = [];
+ this.videoTrack = null;
+ this.pendingBoxes = [];
+ this.pendingCaptions = [];
+ this.pendingMetadata = [];
+ this.pendingBytes = 0;
+ this.emittedTracks = 0;
- return data;
- }; // generate the track's sample table from a frame
+ _CoalesceStream.prototype.init.call(this); // Take output from multiple
- var generateSampleTableForFrame = function generateSampleTableForFrame(frame, baseDataOffset) {
- var sample,
- dataOffset = baseDataOffset || 0,
- samples = [];
- sample = sampleForFrame(frame, dataOffset);
- samples.push(sample);
- return samples;
- }; // generate the track's raw mdat data from a frame
+ this.push = function (output) {
+ // buffer incoming captions until the associated video segment
+ // finishes
+ if (output.text) {
+ return this.pendingCaptions.push(output);
+ } // buffer incoming id3 tags until the final flush
- var concatenateNalDataForFrame = function concatenateNalDataForFrame(frame) {
- var i,
- currentNal,
- dataOffset = 0,
- nalsByteLength = frame.byteLength,
- numberOfNals = frame.length,
- totalByteLength = nalsByteLength + 4 * numberOfNals,
- data = new Uint8Array(totalByteLength),
- view = new DataView(data.buffer); // For each NAL..
+ if (output.frames) {
+ return this.pendingMetadata.push(output);
+ } // Add this track to the list of pending tracks and store
+ // important information required for the construction of
+ // the final segment
- for (i = 0; i < frame.length; i++) {
- currentNal = frame[i];
- view.setUint32(dataOffset, currentNal.data.byteLength);
- dataOffset += 4;
- data.set(currentNal.data, dataOffset);
- dataOffset += currentNal.data.byteLength;
+
+ this.pendingTracks.push(output.track);
+ this.pendingBytes += output.boxes.byteLength; // TODO: is there an issue for this against chrome?
+ // We unshift audio and push video because
+ // as of Chrome 75 when switching from
+ // one init segment to another if the video
+ // mdat does not appear after the audio mdat
+ // only audio will play for the duration of our transmux.
+
+ if (output.track.type === 'video') {
+ this.videoTrack = output.track;
+ this.pendingBoxes.push(output.boxes);
}
- return data;
+ if (output.track.type === 'audio') {
+ this.audioTrack = output.track;
+ this.pendingBoxes.unshift(output.boxes);
+ }
};
+ };
- var frameUtils = {
- groupNalsIntoFrames: groupNalsIntoFrames,
- groupFramesIntoGops: groupFramesIntoGops,
- extendFirstKeyFrame: extendFirstKeyFrame,
- generateSampleTable: generateSampleTable,
- concatenateNalData: concatenateNalData,
- generateSampleTableForFrame: generateSampleTableForFrame,
- concatenateNalDataForFrame: concatenateNalDataForFrame
- };
- /**
- * mux.js
- *
- * Copyright (c) Brightcove
- * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
- */
+ _CoalesceStream.prototype = new stream();
- var highPrefix = [33, 16, 5, 32, 164, 27];
- var lowPrefix = [33, 65, 108, 84, 1, 2, 4, 8, 168, 2, 4, 8, 17, 191, 252];
+ _CoalesceStream.prototype.flush = function (flushSource) {
+ var offset = 0,
+ event = {
+ captions: [],
+ captionStreams: {},
+ metadata: [],
+ info: {}
+ },
+ caption,
+ id3,
+ initSegment,
+ timelineStartPts = 0,
+ i;
- var zeroFill = function zeroFill(count) {
- var a = [];
+ if (this.pendingTracks.length < this.numberOfTracks) {
+ if (flushSource !== 'VideoSegmentStream' && flushSource !== 'AudioSegmentStream') {
+ // Return because we haven't received a flush from a data-generating
+ // portion of the segment (meaning that we have only recieved meta-data
+ // or captions.)
+ return;
+ } else if (this.remuxTracks) {
+ // Return until we have enough tracks from the pipeline to remux (if we
+ // are remuxing audio and video into a single MP4)
+ return;
+ } else if (this.pendingTracks.length === 0) {
+ // In the case where we receive a flush without any data having been
+ // received we consider it an emitted track for the purposes of coalescing
+ // `done` events.
+ // We do this for the case where there is an audio and video track in the
+ // segment but no audio data. (seen in several playlists with alternate
+ // audio tracks and no audio present in the main TS segments.)
+ this.emittedTracks++;
+
+ if (this.emittedTracks >= this.numberOfTracks) {
+ this.trigger('done');
+ this.emittedTracks = 0;
+ }
- while (count--) {
- a.push(0);
+ return;
}
+ }
- return a;
- };
-
- var makeTable = function makeTable(metaTable) {
- return Object.keys(metaTable).reduce(function (obj, key) {
- obj[key] = new Uint8Array(metaTable[key].reduce(function (arr, part) {
- return arr.concat(part);
- }, []));
- return obj;
- }, {});
- }; // Frames-of-silence to use for filling in missing AAC frames
-
-
- var coneOfSilence = {
- 96000: [highPrefix, [227, 64], zeroFill(154), [56]],
- 88200: [highPrefix, [231], zeroFill(170), [56]],
- 64000: [highPrefix, [248, 192], zeroFill(240), [56]],
- 48000: [highPrefix, [255, 192], zeroFill(268), [55, 148, 128], zeroFill(54), [112]],
- 44100: [highPrefix, [255, 192], zeroFill(268), [55, 163, 128], zeroFill(84), [112]],
- 32000: [highPrefix, [255, 192], zeroFill(268), [55, 234], zeroFill(226), [112]],
- 24000: [highPrefix, [255, 192], zeroFill(268), [55, 255, 128], zeroFill(268), [111, 112], zeroFill(126), [224]],
- 16000: [highPrefix, [255, 192], zeroFill(268), [55, 255, 128], zeroFill(268), [111, 255], zeroFill(269), [223, 108], zeroFill(195), [1, 192]],
- 12000: [lowPrefix, zeroFill(268), [3, 127, 248], zeroFill(268), [6, 255, 240], zeroFill(268), [13, 255, 224], zeroFill(268), [27, 253, 128], zeroFill(259), [56]],
- 11025: [lowPrefix, zeroFill(268), [3, 127, 248], zeroFill(268), [6, 255, 240], zeroFill(268), [13, 255, 224], zeroFill(268), [27, 255, 192], zeroFill(268), [55, 175, 128], zeroFill(108), [112]],
- 8000: [lowPrefix, zeroFill(268), [3, 121, 16], zeroFill(47), [7]]
- };
- var silence = makeTable(coneOfSilence);
- /**
- * mux.js
- *
- * Copyright (c) Brightcove
- * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
- */
+ if (this.videoTrack) {
+ timelineStartPts = this.videoTrack.timelineStartInfo.pts;
+ videoProperties.forEach(function (prop) {
+ event.info[prop] = this.videoTrack[prop];
+ }, this);
+ } else if (this.audioTrack) {
+ timelineStartPts = this.audioTrack.timelineStartInfo.pts;
+ audioProperties.forEach(function (prop) {
+ event.info[prop] = this.audioTrack[prop];
+ }, this);
+ }
- var ONE_SECOND_IN_TS = 90000,
- // 90kHz clock
- secondsToVideoTs,
- secondsToAudioTs,
- videoTsToSeconds,
- audioTsToSeconds,
- audioTsToVideoTs,
- videoTsToAudioTs,
- metadataTsToSeconds;
+ if (this.videoTrack || this.audioTrack) {
+ if (this.pendingTracks.length === 1) {
+ event.type = this.pendingTracks[0].type;
+ } else {
+ event.type = 'combined';
+ }
- secondsToVideoTs = function secondsToVideoTs(seconds) {
- return seconds * ONE_SECOND_IN_TS;
- };
+ this.emittedTracks += this.pendingTracks.length;
+ initSegment = mp4Generator.initSegment(this.pendingTracks); // Create a new typed array to hold the init segment
- secondsToAudioTs = function secondsToAudioTs(seconds, sampleRate) {
- return seconds * sampleRate;
- };
+ event.initSegment = new Uint8Array(initSegment.byteLength); // Create an init segment containing a moov
+ // and track definitions
- videoTsToSeconds = function videoTsToSeconds(timestamp) {
- return timestamp / ONE_SECOND_IN_TS;
- };
+ event.initSegment.set(initSegment); // Create a new typed array to hold the moof+mdats
- audioTsToSeconds = function audioTsToSeconds(timestamp, sampleRate) {
- return timestamp / sampleRate;
- };
+ event.data = new Uint8Array(this.pendingBytes); // Append each moof+mdat (one per track) together
- audioTsToVideoTs = function audioTsToVideoTs(timestamp, sampleRate) {
- return secondsToVideoTs(audioTsToSeconds(timestamp, sampleRate));
- };
+ for (i = 0; i < this.pendingBoxes.length; i++) {
+ event.data.set(this.pendingBoxes[i], offset);
+ offset += this.pendingBoxes[i].byteLength;
+ } // Translate caption PTS times into second offsets to match the
+ // video timeline for the segment, and add track info
- videoTsToAudioTs = function videoTsToAudioTs(timestamp, sampleRate) {
- return secondsToAudioTs(videoTsToSeconds(timestamp), sampleRate);
- };
- /**
- * Adjust ID3 tag or caption timing information by the timeline pts values
- * (if keepOriginalTimestamps is false) and convert to seconds
- */
+ for (i = 0; i < this.pendingCaptions.length; i++) {
+ caption = this.pendingCaptions[i];
+ caption.startTime = clock.metadataTsToSeconds(caption.startPts, timelineStartPts, this.keepOriginalTimestamps);
+ caption.endTime = clock.metadataTsToSeconds(caption.endPts, timelineStartPts, this.keepOriginalTimestamps);
+ event.captionStreams[caption.stream] = true;
+ event.captions.push(caption);
+ } // Translate ID3 frame PTS times into second offsets to match the
+ // video timeline for the segment
- metadataTsToSeconds = function metadataTsToSeconds(timestamp, timelineStartPts, keepOriginalTimestamps) {
- return videoTsToSeconds(keepOriginalTimestamps ? timestamp : timestamp - timelineStartPts);
- };
- var clock = {
- ONE_SECOND_IN_TS: ONE_SECOND_IN_TS,
- secondsToVideoTs: secondsToVideoTs,
- secondsToAudioTs: secondsToAudioTs,
- videoTsToSeconds: videoTsToSeconds,
- audioTsToSeconds: audioTsToSeconds,
- audioTsToVideoTs: audioTsToVideoTs,
- videoTsToAudioTs: videoTsToAudioTs,
- metadataTsToSeconds: metadataTsToSeconds
- };
- /**
- * mux.js
- *
- * Copyright (c) Brightcove
- * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
- */
+ for (i = 0; i < this.pendingMetadata.length; i++) {
+ id3 = this.pendingMetadata[i];
+ id3.cueTime = clock.metadataTsToSeconds(id3.pts, timelineStartPts, this.keepOriginalTimestamps);
+ event.metadata.push(id3);
+ } // We add this to every single emitted segment even though we only need
+ // it for the first
- /**
- * Sum the `byteLength` properties of the data in each AAC frame
- */
- var sumFrameByteLengths = function sumFrameByteLengths(array) {
- var i,
- currentObj,
- sum = 0; // sum the byteLength's all each nal unit in the frame
+ event.metadata.dispatchType = this.metadataStream.dispatchType; // Reset stream state
- for (i = 0; i < array.length; i++) {
- currentObj = array[i];
- sum += currentObj.data.byteLength;
- }
+ this.pendingTracks.length = 0;
+ this.videoTrack = null;
+ this.pendingBoxes.length = 0;
+ this.pendingCaptions.length = 0;
+ this.pendingBytes = 0;
+ this.pendingMetadata.length = 0; // Emit the built segment
+ // We include captions and ID3 tags for backwards compatibility,
+ // ideally we should send only video and audio in the data event
- return sum;
- }; // Possibly pad (prefix) the audio track with silence if appending this track
- // would lead to the introduction of a gap in the audio buffer
+ this.trigger('data', event); // Emit each caption to the outside world
+ // Ideally, this would happen immediately on parsing captions,
+ // but we need to ensure that video data is sent back first
+ // so that caption timing can be adjusted to match video timing
+ for (i = 0; i < event.captions.length; i++) {
+ caption = event.captions[i];
+ this.trigger('caption', caption);
+ } // Emit each id3 tag to the outside world
+ // Ideally, this would happen immediately on parsing the tag,
+ // but we need to ensure that video data is sent back first
+ // so that ID3 frame timing can be adjusted to match video timing
- var prefixWithSilence = function prefixWithSilence(track, frames, audioAppendStartTs, videoBaseMediaDecodeTime) {
- var baseMediaDecodeTimeTs,
- frameDuration = 0,
- audioGapDuration = 0,
- audioFillFrameCount = 0,
- audioFillDuration = 0,
- silentFrame,
- i,
- firstFrame;
- if (!frames.length) {
- return;
+ for (i = 0; i < event.metadata.length; i++) {
+ id3 = event.metadata[i];
+ this.trigger('id3Frame', id3);
}
+ } // Only emit `done` if all tracks have been flushed and emitted
- baseMediaDecodeTimeTs = clock.audioTsToVideoTs(track.baseMediaDecodeTime, track.samplerate); // determine frame clock duration based on sample rate, round up to avoid overfills
- frameDuration = Math.ceil(clock.ONE_SECOND_IN_TS / (track.samplerate / 1024));
+ if (this.emittedTracks >= this.numberOfTracks) {
+ this.trigger('done');
+ this.emittedTracks = 0;
+ }
+ };
- if (audioAppendStartTs && videoBaseMediaDecodeTime) {
- // insert the shortest possible amount (audio gap or audio to video gap)
- audioGapDuration = baseMediaDecodeTimeTs - Math.max(audioAppendStartTs, videoBaseMediaDecodeTime); // number of full frames in the audio gap
+ _CoalesceStream.prototype.setRemux = function (val) {
+ this.remuxTracks = val;
+ };
+ /**
+ * A Stream that expects MP2T binary data as input and produces
+ * corresponding media segments, suitable for use with Media Source
+ * Extension (MSE) implementations that support the ISO BMFF byte
+ * stream format, like Chrome.
+ */
- audioFillFrameCount = Math.floor(audioGapDuration / frameDuration);
- audioFillDuration = audioFillFrameCount * frameDuration;
- } // don't attempt to fill gaps smaller than a single frame or larger
- // than a half second
+ _Transmuxer = function Transmuxer(options) {
+ var self = this,
+ hasFlushed = true,
+ videoTrack,
+ audioTrack;
- if (audioFillFrameCount < 1 || audioFillDuration > clock.ONE_SECOND_IN_TS / 2) {
- return;
- }
+ _Transmuxer.prototype.init.call(this);
- silentFrame = silence[track.samplerate];
+ options = options || {};
+ this.baseMediaDecodeTime = options.baseMediaDecodeTime || 0;
+ this.transmuxPipeline_ = {};
+
+ this.setupAacPipeline = function () {
+ var pipeline = {};
+ this.transmuxPipeline_ = pipeline;
+ pipeline.type = 'aac';
+ pipeline.metadataStream = new m2ts_1.MetadataStream(); // set up the parsing pipeline
+
+ pipeline.aacStream = new aac();
+ pipeline.audioTimestampRolloverStream = new m2ts_1.TimestampRolloverStream('audio');
+ pipeline.timedMetadataTimestampRolloverStream = new m2ts_1.TimestampRolloverStream('timed-metadata');
+ pipeline.adtsStream = new adts();
+ pipeline.coalesceStream = new _CoalesceStream(options, pipeline.metadataStream);
+ pipeline.headOfPipeline = pipeline.aacStream;
+ pipeline.aacStream.pipe(pipeline.audioTimestampRolloverStream).pipe(pipeline.adtsStream);
+ pipeline.aacStream.pipe(pipeline.timedMetadataTimestampRolloverStream).pipe(pipeline.metadataStream).pipe(pipeline.coalesceStream);
+ pipeline.metadataStream.on('timestamp', function (frame) {
+ pipeline.aacStream.setTimestamp(frame.timeStamp);
+ });
+ pipeline.aacStream.on('data', function (data) {
+ if (data.type !== 'timed-metadata' && data.type !== 'audio' || pipeline.audioSegmentStream) {
+ return;
+ }
- if (!silentFrame) {
- // we don't have a silent frame pregenerated for the sample rate, so use a frame
- // from the content instead
- silentFrame = frames[0].data;
- }
+ audioTrack = audioTrack || {
+ timelineStartInfo: {
+ baseMediaDecodeTime: self.baseMediaDecodeTime
+ },
+ codec: 'adts',
+ type: 'audio'
+ }; // hook up the audio segment stream to the first track with aac data
- for (i = 0; i < audioFillFrameCount; i++) {
- firstFrame = frames[0];
- frames.splice(0, 0, {
- data: silentFrame,
- dts: firstFrame.dts - frameDuration,
- pts: firstFrame.pts - frameDuration
- });
- }
+ pipeline.coalesceStream.numberOfTracks++;
+ pipeline.audioSegmentStream = new _AudioSegmentStream(audioTrack, options);
+ pipeline.audioSegmentStream.on('log', self.getLogTrigger_('audioSegmentStream'));
+ pipeline.audioSegmentStream.on('timingInfo', self.trigger.bind(self, 'audioTimingInfo')); // Set up the final part of the audio pipeline
- track.baseMediaDecodeTime -= Math.floor(clock.videoTsToAudioTs(audioFillDuration, track.samplerate));
- }; // If the audio segment extends before the earliest allowed dts
- // value, remove AAC frames until starts at or after the earliest
- // allowed DTS so that we don't end up with a negative baseMedia-
- // DecodeTime for the audio track
+ pipeline.adtsStream.pipe(pipeline.audioSegmentStream).pipe(pipeline.coalesceStream); // emit pmt info
+ self.trigger('trackinfo', {
+ hasAudio: !!audioTrack,
+ hasVideo: !!videoTrack
+ });
+ }); // Re-emit any data coming from the coalesce stream to the outside world
- var trimAdtsFramesByEarliestDts = function trimAdtsFramesByEarliestDts(adtsFrames, track, earliestAllowedDts) {
- if (track.minSegmentDts >= earliestAllowedDts) {
- return adtsFrames;
- } // We will need to recalculate the earliest segment Dts
+ pipeline.coalesceStream.on('data', this.trigger.bind(this, 'data')); // Let the consumer know we have finished flushing the entire pipeline
+ pipeline.coalesceStream.on('done', this.trigger.bind(this, 'done'));
+ addPipelineLogRetriggers(this, pipeline);
+ };
- track.minSegmentDts = Infinity;
- return adtsFrames.filter(function (currentFrame) {
- // If this is an allowed frame, keep it and record it's Dts
- if (currentFrame.dts >= earliestAllowedDts) {
- track.minSegmentDts = Math.min(track.minSegmentDts, currentFrame.dts);
- track.minSegmentPts = track.minSegmentDts;
- return true;
- } // Otherwise, discard it
+ this.setupTsPipeline = function () {
+ var pipeline = {};
+ this.transmuxPipeline_ = pipeline;
+ pipeline.type = 'ts';
+ pipeline.metadataStream = new m2ts_1.MetadataStream(); // set up the parsing pipeline
+
+ pipeline.packetStream = new m2ts_1.TransportPacketStream();
+ pipeline.parseStream = new m2ts_1.TransportParseStream();
+ pipeline.elementaryStream = new m2ts_1.ElementaryStream();
+ pipeline.timestampRolloverStream = new m2ts_1.TimestampRolloverStream();
+ pipeline.adtsStream = new adts();
+ pipeline.h264Stream = new H264Stream();
+ pipeline.captionStream = new m2ts_1.CaptionStream(options);
+ pipeline.coalesceStream = new _CoalesceStream(options, pipeline.metadataStream);
+ pipeline.headOfPipeline = pipeline.packetStream; // disassemble MPEG2-TS packets into elementary streams
+
+ pipeline.packetStream.pipe(pipeline.parseStream).pipe(pipeline.elementaryStream).pipe(pipeline.timestampRolloverStream); // !!THIS ORDER IS IMPORTANT!!
+ // demux the streams
+
+ pipeline.timestampRolloverStream.pipe(pipeline.h264Stream);
+ pipeline.timestampRolloverStream.pipe(pipeline.adtsStream);
+ pipeline.timestampRolloverStream.pipe(pipeline.metadataStream).pipe(pipeline.coalesceStream); // Hook up CEA-608/708 caption stream
+
+ pipeline.h264Stream.pipe(pipeline.captionStream).pipe(pipeline.coalesceStream);
+ pipeline.elementaryStream.on('data', function (data) {
+ var i;
+ if (data.type === 'metadata') {
+ i = data.tracks.length; // scan the tracks listed in the metadata
- return false;
- });
- }; // generate the track's raw mdat data from an array of frames
+ while (i--) {
+ if (!videoTrack && data.tracks[i].type === 'video') {
+ videoTrack = data.tracks[i];
+ videoTrack.timelineStartInfo.baseMediaDecodeTime = self.baseMediaDecodeTime;
+ } else if (!audioTrack && data.tracks[i].type === 'audio') {
+ audioTrack = data.tracks[i];
+ audioTrack.timelineStartInfo.baseMediaDecodeTime = self.baseMediaDecodeTime;
+ }
+ } // hook up the video segment stream to the first track with h264 data
- var generateSampleTable$1 = function generateSampleTable(frames) {
- var i,
- currentFrame,
- samples = [];
+ if (videoTrack && !pipeline.videoSegmentStream) {
+ pipeline.coalesceStream.numberOfTracks++;
+ pipeline.videoSegmentStream = new _VideoSegmentStream(videoTrack, options);
+ pipeline.videoSegmentStream.on('log', self.getLogTrigger_('videoSegmentStream'));
+ pipeline.videoSegmentStream.on('timelineStartInfo', function (timelineStartInfo) {
+ // When video emits timelineStartInfo data after a flush, we forward that
+ // info to the AudioSegmentStream, if it exists, because video timeline
+ // data takes precedence. Do not do this if keepOriginalTimestamps is set,
+ // because this is a particularly subtle form of timestamp alteration.
+ if (audioTrack && !options.keepOriginalTimestamps) {
+ audioTrack.timelineStartInfo = timelineStartInfo; // On the first segment we trim AAC frames that exist before the
+ // very earliest DTS we have seen in video because Chrome will
+ // interpret any video track with a baseMediaDecodeTime that is
+ // non-zero as a gap.
+
+ pipeline.audioSegmentStream.setEarliestDts(timelineStartInfo.dts - self.baseMediaDecodeTime);
+ }
+ });
+ pipeline.videoSegmentStream.on('processedGopsInfo', self.trigger.bind(self, 'gopInfo'));
+ pipeline.videoSegmentStream.on('segmentTimingInfo', self.trigger.bind(self, 'videoSegmentTimingInfo'));
+ pipeline.videoSegmentStream.on('baseMediaDecodeTime', function (baseMediaDecodeTime) {
+ if (audioTrack) {
+ pipeline.audioSegmentStream.setVideoBaseMediaDecodeTime(baseMediaDecodeTime);
+ }
+ });
+ pipeline.videoSegmentStream.on('timingInfo', self.trigger.bind(self, 'videoTimingInfo')); // Set up the final part of the video pipeline
- for (i = 0; i < frames.length; i++) {
- currentFrame = frames[i];
- samples.push({
- size: currentFrame.data.byteLength,
- duration: 1024 // For AAC audio, all samples contain 1024 samples
+ pipeline.h264Stream.pipe(pipeline.videoSegmentStream).pipe(pipeline.coalesceStream);
+ }
- });
- }
+ if (audioTrack && !pipeline.audioSegmentStream) {
+ // hook up the audio segment stream to the first track with aac data
+ pipeline.coalesceStream.numberOfTracks++;
+ pipeline.audioSegmentStream = new _AudioSegmentStream(audioTrack, options);
+ pipeline.audioSegmentStream.on('log', self.getLogTrigger_('audioSegmentStream'));
+ pipeline.audioSegmentStream.on('timingInfo', self.trigger.bind(self, 'audioTimingInfo'));
+ pipeline.audioSegmentStream.on('segmentTimingInfo', self.trigger.bind(self, 'audioSegmentTimingInfo')); // Set up the final part of the audio pipeline
- return samples;
- }; // generate the track's sample table from an array of frames
+ pipeline.adtsStream.pipe(pipeline.audioSegmentStream).pipe(pipeline.coalesceStream);
+ } // emit pmt info
- var concatenateFrameData = function concatenateFrameData(frames) {
- var i,
- currentFrame,
- dataOffset = 0,
- data = new Uint8Array(sumFrameByteLengths(frames));
+ self.trigger('trackinfo', {
+ hasAudio: !!audioTrack,
+ hasVideo: !!videoTrack
+ });
+ }
+ }); // Re-emit any data coming from the coalesce stream to the outside world
- for (i = 0; i < frames.length; i++) {
- currentFrame = frames[i];
- data.set(currentFrame.data, dataOffset);
- dataOffset += currentFrame.data.byteLength;
- }
+ pipeline.coalesceStream.on('data', this.trigger.bind(this, 'data'));
+ pipeline.coalesceStream.on('id3Frame', function (id3Frame) {
+ id3Frame.dispatchType = pipeline.metadataStream.dispatchType;
+ self.trigger('id3Frame', id3Frame);
+ });
+ pipeline.coalesceStream.on('caption', this.trigger.bind(this, 'caption')); // Let the consumer know we have finished flushing the entire pipeline
- return data;
- };
+ pipeline.coalesceStream.on('done', this.trigger.bind(this, 'done'));
+ addPipelineLogRetriggers(this, pipeline);
+ }; // hook up the segment streams once track metadata is delivered
- var audioFrameUtils = {
- prefixWithSilence: prefixWithSilence,
- trimAdtsFramesByEarliestDts: trimAdtsFramesByEarliestDts,
- generateSampleTable: generateSampleTable$1,
- concatenateFrameData: concatenateFrameData
- };
- /**
- * mux.js
- *
- * Copyright (c) Brightcove
- * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
- */
- var ONE_SECOND_IN_TS$1 = clock.ONE_SECOND_IN_TS;
- /**
- * Store information about the start and end of the track and the
- * duration for each frame/sample we process in order to calculate
- * the baseMediaDecodeTime
- */
+ this.setBaseMediaDecodeTime = function (baseMediaDecodeTime) {
+ var pipeline = this.transmuxPipeline_;
- var collectDtsInfo = function collectDtsInfo(track, data) {
- if (typeof data.pts === 'number') {
- if (track.timelineStartInfo.pts === undefined) {
- track.timelineStartInfo.pts = data.pts;
- }
+ if (!options.keepOriginalTimestamps) {
+ this.baseMediaDecodeTime = baseMediaDecodeTime;
+ }
- if (track.minSegmentPts === undefined) {
- track.minSegmentPts = data.pts;
- } else {
- track.minSegmentPts = Math.min(track.minSegmentPts, data.pts);
- }
+ if (audioTrack) {
+ audioTrack.timelineStartInfo.dts = undefined;
+ audioTrack.timelineStartInfo.pts = undefined;
+ trackDecodeInfo.clearDtsInfo(audioTrack);
- if (track.maxSegmentPts === undefined) {
- track.maxSegmentPts = data.pts;
- } else {
- track.maxSegmentPts = Math.max(track.maxSegmentPts, data.pts);
+ if (pipeline.audioTimestampRolloverStream) {
+ pipeline.audioTimestampRolloverStream.discontinuity();
}
}
- if (typeof data.dts === 'number') {
- if (track.timelineStartInfo.dts === undefined) {
- track.timelineStartInfo.dts = data.dts;
+ if (videoTrack) {
+ if (pipeline.videoSegmentStream) {
+ pipeline.videoSegmentStream.gopCache_ = [];
}
- if (track.minSegmentDts === undefined) {
- track.minSegmentDts = data.dts;
- } else {
- track.minSegmentDts = Math.min(track.minSegmentDts, data.dts);
- }
+ videoTrack.timelineStartInfo.dts = undefined;
+ videoTrack.timelineStartInfo.pts = undefined;
+ trackDecodeInfo.clearDtsInfo(videoTrack);
+ pipeline.captionStream.reset();
+ }
- if (track.maxSegmentDts === undefined) {
- track.maxSegmentDts = data.dts;
- } else {
- track.maxSegmentDts = Math.max(track.maxSegmentDts, data.dts);
- }
+ if (pipeline.timestampRolloverStream) {
+ pipeline.timestampRolloverStream.discontinuity();
}
};
- /**
- * Clear values used to calculate the baseMediaDecodeTime between
- * tracks
- */
-
- var clearDtsInfo = function clearDtsInfo(track) {
- delete track.minSegmentDts;
- delete track.maxSegmentDts;
- delete track.minSegmentPts;
- delete track.maxSegmentPts;
+ this.setAudioAppendStart = function (timestamp) {
+ if (audioTrack) {
+ this.transmuxPipeline_.audioSegmentStream.setAudioAppendStart(timestamp);
+ }
};
- /**
- * Calculate the track's baseMediaDecodeTime based on the earliest
- * DTS the transmuxer has ever seen and the minimum DTS for the
- * current track
- * @param track {object} track metadata configuration
- * @param keepOriginalTimestamps {boolean} If true, keep the timestamps
- * in the source; false to adjust the first segment to start at 0.
- */
+ this.setRemux = function (val) {
+ var pipeline = this.transmuxPipeline_;
+ options.remux = val;
- var calculateTrackBaseMediaDecodeTime = function calculateTrackBaseMediaDecodeTime(track, keepOriginalTimestamps) {
- var baseMediaDecodeTime,
- scale,
- minSegmentDts = track.minSegmentDts; // Optionally adjust the time so the first segment starts at zero.
+ if (pipeline && pipeline.coalesceStream) {
+ pipeline.coalesceStream.setRemux(val);
+ }
+ };
- if (!keepOriginalTimestamps) {
- minSegmentDts -= track.timelineStartInfo.dts;
- } // track.timelineStartInfo.baseMediaDecodeTime is the location, in time, where
- // we want the start of the first segment to be placed
+ this.alignGopsWith = function (gopsToAlignWith) {
+ if (videoTrack && this.transmuxPipeline_.videoSegmentStream) {
+ this.transmuxPipeline_.videoSegmentStream.alignGopsWith(gopsToAlignWith);
+ }
+ };
+ this.getLogTrigger_ = function (key) {
+ var self = this;
+ return function (event) {
+ event.stream = key;
+ self.trigger('log', event);
+ };
+ }; // feed incoming data to the front of the parsing pipeline
- baseMediaDecodeTime = track.timelineStartInfo.baseMediaDecodeTime; // Add to that the distance this segment is from the very first
- baseMediaDecodeTime += minSegmentDts; // baseMediaDecodeTime must not become negative
+ this.push = function (data) {
+ if (hasFlushed) {
+ var isAac = isLikelyAacData(data);
- baseMediaDecodeTime = Math.max(0, baseMediaDecodeTime);
+ if (isAac && this.transmuxPipeline_.type !== 'aac') {
+ this.setupAacPipeline();
+ } else if (!isAac && this.transmuxPipeline_.type !== 'ts') {
+ this.setupTsPipeline();
+ }
- if (track.type === 'audio') {
- // Audio has a different clock equal to the sampling_rate so we need to
- // scale the PTS values into the clock rate of the track
- scale = track.samplerate / ONE_SECOND_IN_TS$1;
- baseMediaDecodeTime *= scale;
- baseMediaDecodeTime = Math.floor(baseMediaDecodeTime);
+ hasFlushed = false;
}
- return baseMediaDecodeTime;
+ this.transmuxPipeline_.headOfPipeline.push(data);
+ }; // flush any buffered data
+
+
+ this.flush = function () {
+ hasFlushed = true; // Start at the top of the pipeline and flush all pending work
+
+ this.transmuxPipeline_.headOfPipeline.flush();
};
- var trackDecodeInfo = {
- clearDtsInfo: clearDtsInfo,
- calculateTrackBaseMediaDecodeTime: calculateTrackBaseMediaDecodeTime,
- collectDtsInfo: collectDtsInfo
+ this.endTimeline = function () {
+ this.transmuxPipeline_.headOfPipeline.endTimeline();
};
- /**
- * mux.js
- *
- * Copyright (c) Brightcove
- * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
- *
- * Reads in-band caption information from a video elementary
- * stream. Captions must follow the CEA-708 standard for injection
- * into an MPEG-2 transport streams.
- * @see https://en.wikipedia.org/wiki/CEA-708
- * @see https://www.gpo.gov/fdsys/pkg/CFR-2007-title47-vol1/pdf/CFR-2007-title47-vol1-sec15-119.pdf
- */
- // Supplemental enhancement information (SEI) NAL units have a
- // payload type field to indicate how they are to be
- // interpreted. CEAS-708 caption content is always transmitted with
- // payload type 0x04.
- var USER_DATA_REGISTERED_ITU_T_T35 = 4,
- RBSP_TRAILING_BITS = 128;
- /**
- * Parse a supplemental enhancement information (SEI) NAL unit.
- * Stops parsing once a message of type ITU T T35 has been found.
- *
- * @param bytes {Uint8Array} the bytes of a SEI NAL unit
- * @return {object} the parsed SEI payload
- * @see Rec. ITU-T H.264, 7.3.2.3.1
- */
+ this.reset = function () {
+ if (this.transmuxPipeline_.headOfPipeline) {
+ this.transmuxPipeline_.headOfPipeline.reset();
+ }
+ }; // Caption data has to be reset when seeking outside buffered range
- var parseSei = function parseSei(bytes) {
- var i = 0,
- result = {
- payloadType: -1,
- payloadSize: 0
- },
- payloadType = 0,
- payloadSize = 0; // go through the sei_rbsp parsing each each individual sei_message
- while (i < bytes.byteLength) {
- // stop once we have hit the end of the sei_rbsp
- if (bytes[i] === RBSP_TRAILING_BITS) {
- break;
- } // Parse payload type
+ this.resetCaptions = function () {
+ if (this.transmuxPipeline_.captionStream) {
+ this.transmuxPipeline_.captionStream.reset();
+ }
+ };
+ };
+ _Transmuxer.prototype = new stream();
+ var transmuxer = {
+ Transmuxer: _Transmuxer,
+ VideoSegmentStream: _VideoSegmentStream,
+ AudioSegmentStream: _AudioSegmentStream,
+ AUDIO_PROPERTIES: audioProperties,
+ VIDEO_PROPERTIES: videoProperties,
+ // exported for testing
+ generateSegmentTimingInfo: generateSegmentTimingInfo
+ };
+ /**
+ * mux.js
+ *
+ * Copyright (c) Brightcove
+ * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
+ */
- while (bytes[i] === 0xFF) {
- payloadType += 255;
- i++;
- }
+ var toUnsigned$3 = function toUnsigned(value) {
+ return value >>> 0;
+ };
- payloadType += bytes[i++]; // Parse payload size
+ var toHexString$1 = function toHexString(value) {
+ return ('00' + value.toString(16)).slice(-2);
+ };
- while (bytes[i] === 0xFF) {
- payloadSize += 255;
- i++;
- }
+ var bin = {
+ toUnsigned: toUnsigned$3,
+ toHexString: toHexString$1
+ };
- payloadSize += bytes[i++]; // this sei_message is a 608/708 caption so save it and break
- // there can only ever be one caption message in a frame's sei
+ var parseType$1 = function parseType(buffer) {
+ var result = '';
+ result += String.fromCharCode(buffer[0]);
+ result += String.fromCharCode(buffer[1]);
+ result += String.fromCharCode(buffer[2]);
+ result += String.fromCharCode(buffer[3]);
+ return result;
+ };
- if (!result.payload && payloadType === USER_DATA_REGISTERED_ITU_T_T35) {
- result.payloadType = payloadType;
- result.payloadSize = payloadSize;
- result.payload = bytes.subarray(i, i + payloadSize);
- break;
- } // skip the payload and parse the next message
+ var parseType_1 = parseType$1;
+ var toUnsigned$2 = bin.toUnsigned;
+ var findBox = function findBox(data, path) {
+ var results = [],
+ i,
+ size,
+ type,
+ end,
+ subresults;
- i += payloadSize;
- payloadType = 0;
- payloadSize = 0;
- }
+ if (!path.length) {
+ // short-circuit the search for empty paths
+ return null;
+ }
- return result;
- }; // see ANSI/SCTE 128-1 (2013), section 8.1
+ for (i = 0; i < data.byteLength;) {
+ size = toUnsigned$2(data[i] << 24 | data[i + 1] << 16 | data[i + 2] << 8 | data[i + 3]);
+ type = parseType_1(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 = findBox(data.subarray(i + 8, end), path.slice(1));
- var parseUserData = function parseUserData(sei) {
- // itu_t_t35_contry_code must be 181 (United States) for
- // captions
- if (sei.payload[0] !== 181) {
- return null;
- } // itu_t_t35_provider_code should be 49 (ATSC) for captions
+ if (subresults.length) {
+ results = results.concat(subresults);
+ }
+ }
+ }
+ i = end;
+ } // we've finished searching all of data
- if ((sei.payload[1] << 8 | sei.payload[2]) !== 49) {
- return null;
- } // the user_identifier should be "GA94" to indicate ATSC1 data
+ return results;
+ };
- if (String.fromCharCode(sei.payload[3], sei.payload[4], sei.payload[5], sei.payload[6]) !== 'GA94') {
- return null;
- } // finally, user_data_type_code should be 0x03 for caption data
+ var findBox_1 = findBox;
+ var toUnsigned$1 = bin.toUnsigned;
+ var tfdt = function tfdt(data) {
+ var result = {
+ version: data[0],
+ flags: new Uint8Array(data.subarray(1, 4)),
+ baseMediaDecodeTime: toUnsigned$1(data[4] << 24 | data[5] << 16 | data[6] << 8 | data[7])
+ };
- if (sei.payload[7] !== 0x03) {
- return null;
- } // return the user_data_type_structure and strip the trailing
- // marker bits
+ if (result.version === 1) {
+ result.baseMediaDecodeTime *= Math.pow(2, 32);
+ result.baseMediaDecodeTime += toUnsigned$1(data[8] << 24 | data[9] << 16 | data[10] << 8 | data[11]);
+ }
+ return result;
+ };
- return sei.payload.subarray(8, sei.payload.length - 1);
- }; // see CEA-708-D, section 4.4
+ var parseTfdt = tfdt;
+ var parseSampleFlags = function parseSampleFlags(flags) {
+ return {
+ isLeading: (flags[0] & 0x0c) >>> 2,
+ dependsOn: flags[0] & 0x03,
+ isDependedOn: (flags[1] & 0xc0) >>> 6,
+ hasRedundancy: (flags[1] & 0x30) >>> 4,
+ paddingValue: (flags[1] & 0x0e) >>> 1,
+ isNonSyncSample: flags[1] & 0x01,
+ degradationPriority: flags[2] << 8 | flags[3]
+ };
+ };
- var parseCaptionPackets = function parseCaptionPackets(pts, userData) {
- var results = [],
- i,
- count,
- offset,
- data; // if this is just filler, return immediately
+ var parseSampleFlags_1 = parseSampleFlags;
- if (!(userData[0] & 0x40)) {
- return results;
- } // parse out the cc_data_1 and cc_data_2 fields
+ var trun = function trun(data) {
+ var result = {
+ version: data[0],
+ flags: new Uint8Array(data.subarray(1, 4)),
+ samples: []
+ },
+ view = new DataView(data.buffer, data.byteOffset, data.byteLength),
+ // Flag interpretation
+ dataOffsetPresent = result.flags[2] & 0x01,
+ // compare with 2nd byte of 0x1
+ firstSampleFlagsPresent = result.flags[2] & 0x04,
+ // compare with 2nd byte of 0x4
+ sampleDurationPresent = result.flags[1] & 0x01,
+ // compare with 2nd byte of 0x100
+ sampleSizePresent = result.flags[1] & 0x02,
+ // compare with 2nd byte of 0x200
+ sampleFlagsPresent = result.flags[1] & 0x04,
+ // compare with 2nd byte of 0x400
+ sampleCompositionTimeOffsetPresent = result.flags[1] & 0x08,
+ // compare with 2nd byte of 0x800
+ sampleCount = view.getUint32(4),
+ offset = 8,
+ sample;
+ if (dataOffsetPresent) {
+ // 32 bit signed integer
+ result.dataOffset = view.getInt32(offset);
+ offset += 4;
+ } // Overrides the flags for the first sample only. The order of
+ // optional values will be: duration, size, compositionTimeOffset
- count = userData[0] & 0x1f;
- for (i = 0; i < count; i++) {
- offset = i * 3;
- data = {
- type: userData[offset + 2] & 0x03,
- pts: pts
- }; // capture cc data when cc_valid is 1
+ if (firstSampleFlagsPresent && sampleCount) {
+ sample = {
+ flags: parseSampleFlags_1(data.subarray(offset, offset + 4))
+ };
+ offset += 4;
- if (userData[offset + 2] & 0x04) {
- data.ccData = userData[offset + 3] << 8 | userData[offset + 4];
- results.push(data);
- }
+ if (sampleDurationPresent) {
+ sample.duration = view.getUint32(offset);
+ offset += 4;
}
- return results;
- };
-
- var discardEmulationPreventionBytes = function discardEmulationPreventionBytes(data) {
- var length = data.byteLength,
- emulationPreventionBytesPositions = [],
- i = 1,
- newLength,
- newData; // Find all `Emulation Prevention Bytes`
+ if (sampleSizePresent) {
+ sample.size = view.getUint32(offset);
+ offset += 4;
+ }
- while (i < length - 2) {
- if (data[i] === 0 && data[i + 1] === 0 && data[i + 2] === 0x03) {
- emulationPreventionBytesPositions.push(i + 2);
- i += 2;
+ if (sampleCompositionTimeOffsetPresent) {
+ if (result.version === 1) {
+ sample.compositionTimeOffset = view.getInt32(offset);
} else {
- i++;
+ sample.compositionTimeOffset = view.getUint32(offset);
}
- } // If no Emulation Prevention Bytes were found just return the original
- // array
+ offset += 4;
+ }
- if (emulationPreventionBytesPositions.length === 0) {
- return data;
- } // Create a new array to hold the NAL unit data
+ result.samples.push(sample);
+ sampleCount--;
+ }
+ while (sampleCount--) {
+ sample = {};
- newLength = length - emulationPreventionBytesPositions.length;
- newData = new Uint8Array(newLength);
- var sourceIndex = 0;
+ if (sampleDurationPresent) {
+ sample.duration = view.getUint32(offset);
+ offset += 4;
+ }
- for (i = 0; i < newLength; sourceIndex++, i++) {
- if (sourceIndex === emulationPreventionBytesPositions[0]) {
- // Skip this byte
- sourceIndex++; // Remove this position index
+ if (sampleSizePresent) {
+ sample.size = view.getUint32(offset);
+ offset += 4;
+ }
- emulationPreventionBytesPositions.shift();
+ if (sampleFlagsPresent) {
+ sample.flags = parseSampleFlags_1(data.subarray(offset, offset + 4));
+ offset += 4;
+ }
+
+ if (sampleCompositionTimeOffsetPresent) {
+ if (result.version === 1) {
+ sample.compositionTimeOffset = view.getInt32(offset);
+ } else {
+ sample.compositionTimeOffset = view.getUint32(offset);
}
- newData[i] = data[sourceIndex];
+ offset += 4;
}
- return newData;
- }; // exports
-
-
- var captionPacketParser = {
- parseSei: parseSei,
- parseUserData: parseUserData,
- parseCaptionPackets: parseCaptionPackets,
- discardEmulationPreventionBytes: discardEmulationPreventionBytes,
- USER_DATA_REGISTERED_ITU_T_T35: USER_DATA_REGISTERED_ITU_T_T35
- }; // -----------------
- // Link To Transport
- // -----------------
-
- var CaptionStream = function CaptionStream() {
- CaptionStream.prototype.init.call(this);
- this.captionPackets_ = [];
- this.ccStreams_ = [new Cea608Stream(0, 0), // eslint-disable-line no-use-before-define
- new Cea608Stream(0, 1), // eslint-disable-line no-use-before-define
- new Cea608Stream(1, 0), // eslint-disable-line no-use-before-define
- new Cea608Stream(1, 1) // eslint-disable-line no-use-before-define
- ];
- this.reset(); // forward data and done events from CCs to this CaptionStream
+ result.samples.push(sample);
+ }
- this.ccStreams_.forEach(function (cc) {
- cc.on('data', this.trigger.bind(this, 'data'));
- cc.on('partialdone', this.trigger.bind(this, 'partialdone'));
- cc.on('done', this.trigger.bind(this, 'done'));
- }, this);
- };
+ return result;
+ };
- CaptionStream.prototype = new stream();
+ var parseTrun = trun;
+
+ var tfhd = function tfhd(data) {
+ var view = new DataView(data.buffer, data.byteOffset, data.byteLength),
+ result = {
+ version: data[0],
+ flags: new Uint8Array(data.subarray(1, 4)),
+ trackId: view.getUint32(4)
+ },
+ baseDataOffsetPresent = result.flags[2] & 0x01,
+ sampleDescriptionIndexPresent = result.flags[2] & 0x02,
+ defaultSampleDurationPresent = result.flags[2] & 0x08,
+ defaultSampleSizePresent = result.flags[2] & 0x10,
+ defaultSampleFlagsPresent = result.flags[2] & 0x20,
+ durationIsEmpty = result.flags[0] & 0x010000,
+ defaultBaseIsMoof = result.flags[0] & 0x020000,
+ i;
+ i = 8;
- CaptionStream.prototype.push = function (event) {
- var sei, userData, newCaptionPackets; // only examine SEI NALs
+ if (baseDataOffsetPresent) {
+ i += 4; // truncate top 4 bytes
+ // FIXME: should we read the full 64 bits?
- if (event.nalUnitType !== 'sei_rbsp') {
- return;
- } // parse the sei
+ result.baseDataOffset = view.getUint32(12);
+ i += 4;
+ }
+ if (sampleDescriptionIndexPresent) {
+ result.sampleDescriptionIndex = view.getUint32(i);
+ i += 4;
+ }
- sei = captionPacketParser.parseSei(event.escapedRBSP); // ignore everything but user_data_registered_itu_t_t35
+ if (defaultSampleDurationPresent) {
+ result.defaultSampleDuration = view.getUint32(i);
+ i += 4;
+ }
- if (sei.payloadType !== captionPacketParser.USER_DATA_REGISTERED_ITU_T_T35) {
- return;
- } // parse out the user data payload
+ if (defaultSampleSizePresent) {
+ result.defaultSampleSize = view.getUint32(i);
+ i += 4;
+ }
+ if (defaultSampleFlagsPresent) {
+ result.defaultSampleFlags = view.getUint32(i);
+ }
- userData = captionPacketParser.parseUserData(sei); // ignore unrecognized userData
+ if (durationIsEmpty) {
+ result.durationIsEmpty = true;
+ }
- if (!userData) {
- return;
- } // Sometimes, the same segment # will be downloaded twice. To stop the
- // caption data from being processed twice, we track the latest dts we've
- // received and ignore everything with a dts before that. However, since
- // data for a specific dts can be split across packets on either side of
- // a segment boundary, we need to make sure we *don't* ignore the packets
- // from the *next* segment that have dts === this.latestDts_. By constantly
- // tracking the number of packets received with dts === this.latestDts_, we
- // know how many should be ignored once we start receiving duplicates.
-
-
- if (event.dts < this.latestDts_) {
- // We've started getting older data, so set the flag.
- this.ignoreNextEqualDts_ = true;
- return;
- } else if (event.dts === this.latestDts_ && this.ignoreNextEqualDts_) {
- this.numSameDts_--;
+ if (!baseDataOffsetPresent && defaultBaseIsMoof) {
+ result.baseDataOffsetIsMoof = true;
+ }
- if (!this.numSameDts_) {
- // We've received the last duplicate packet, time to start processing again
- this.ignoreNextEqualDts_ = false;
- }
+ return result;
+ };
- return;
- } // parse out CC data packets and save them for later
+ var parseTfhd = tfhd;
+ var discardEmulationPreventionBytes = captionPacketParser.discardEmulationPreventionBytes;
+ var CaptionStream = captionStream.CaptionStream;
+ /**
+ * Maps an offset in the mdat to a sample based on the the size of the samples.
+ * Assumes that `parseSamples` has been called first.
+ *
+ * @param {Number} offset - The offset into the mdat
+ * @param {Object[]} samples - An array of samples, parsed using `parseSamples`
+ * @return {?Object} The matching sample, or null if no match was found.
+ *
+ * @see ISO-BMFF-12/2015, Section 8.8.8
+ **/
+ var mapToSample = function mapToSample(offset, samples) {
+ var approximateOffset = offset;
- newCaptionPackets = captionPacketParser.parseCaptionPackets(event.pts, userData);
- this.captionPackets_ = this.captionPackets_.concat(newCaptionPackets);
+ for (var i = 0; i < samples.length; i++) {
+ var sample = samples[i];
- if (this.latestDts_ !== event.dts) {
- this.numSameDts_ = 0;
+ if (approximateOffset < sample.size) {
+ return sample;
}
- this.numSameDts_++;
- this.latestDts_ = event.dts;
- };
+ approximateOffset -= sample.size;
+ }
- CaptionStream.prototype.flushCCStreams = function (flushType) {
- this.ccStreams_.forEach(function (cc) {
- return flushType === 'flush' ? cc.flush() : cc.partialFlush();
- }, this);
- };
+ return null;
+ };
+ /**
+ * Finds SEI nal units contained in a Media Data Box.
+ * Assumes that `parseSamples` has been called first.
+ *
+ * @param {Uint8Array} avcStream - The bytes of the mdat
+ * @param {Object[]} samples - The samples parsed out by `parseSamples`
+ * @param {Number} trackId - The trackId of this video track
+ * @return {Object[]} seiNals - the parsed SEI NALUs found.
+ * The contents of the seiNal should match what is expected by
+ * CaptionStream.push (nalUnitType, size, data, escapedRBSP, pts, dts)
+ *
+ * @see ISO-BMFF-12/2015, Section 8.1.1
+ * @see Rec. ITU-T H.264, 7.3.2.3.1
+ **/
- CaptionStream.prototype.flushStream = function (flushType) {
- // make sure we actually parsed captions before proceeding
- if (!this.captionPackets_.length) {
- this.flushCCStreams(flushType);
- return;
- } // In Chrome, the Array#sort function is not stable so add a
- // presortIndex that we can use to ensure we get a stable-sort
+ var findSeiNals = function findSeiNals(avcStream, samples, trackId) {
+ var avcView = new DataView(avcStream.buffer, avcStream.byteOffset, avcStream.byteLength),
+ result = {
+ logs: [],
+ seiNals: []
+ },
+ seiNal,
+ i,
+ length,
+ lastMatchedSample;
+
+ for (i = 0; i + 4 < avcStream.length; i += length) {
+ length = avcView.getUint32(i);
+ i += 4; // Bail if this doesn't appear to be an H264 stream
- this.captionPackets_.forEach(function (elem, idx) {
- elem.presortIndex = idx;
- }); // sort caption byte-pairs based on their PTS values
+ if (length <= 0) {
+ continue;
+ }
- this.captionPackets_.sort(function (a, b) {
- if (a.pts === b.pts) {
- return a.presortIndex - b.presortIndex;
- }
+ switch (avcStream[i] & 0x1F) {
+ case 0x06:
+ var data = avcStream.subarray(i + 1, i + 1 + length);
+ var matchingSample = mapToSample(i, samples);
+ seiNal = {
+ nalUnitType: 'sei_rbsp',
+ size: length,
+ data: data,
+ escapedRBSP: discardEmulationPreventionBytes(data),
+ trackId: trackId
+ };
- return a.pts - b.pts;
- });
- this.captionPackets_.forEach(function (packet) {
- if (packet.type < 2) {
- // Dispatch packet to the right Cea608Stream
- this.dispatchCea608Packet(packet);
- } // this is where an 'else' would go for a dispatching packets
- // to a theoretical Cea708Stream that handles SERVICEn data
+ if (matchingSample) {
+ seiNal.pts = matchingSample.pts;
+ seiNal.dts = matchingSample.dts;
+ lastMatchedSample = matchingSample;
+ } else if (lastMatchedSample) {
+ // If a matching sample cannot be found, use the last
+ // sample's values as they should be as close as possible
+ seiNal.pts = lastMatchedSample.pts;
+ seiNal.dts = lastMatchedSample.dts;
+ } else {
+ result.logs.push({
+ level: 'warn',
+ message: 'We\'ve encountered a nal unit without data at ' + i + ' for trackId ' + trackId + '. See mux.js#223.'
+ });
+ break;
+ }
- }, this);
- this.captionPackets_.length = 0;
- this.flushCCStreams(flushType);
- };
+ result.seiNals.push(seiNal);
+ break;
+ }
+ }
- CaptionStream.prototype.flush = function () {
- return this.flushStream('flush');
- }; // Only called if handling partial data
+ return result;
+ };
+ /**
+ * Parses sample information out of Track Run Boxes and calculates
+ * the absolute presentation and decode timestamps of each sample.
+ *
+ * @param {Array<Uint8Array>} truns - The Trun Run boxes to be parsed
+ * @param {Number} baseMediaDecodeTime - base media decode time from tfdt
+ @see ISO-BMFF-12/2015, Section 8.8.12
+ * @param {Object} tfhd - The parsed Track Fragment Header
+ * @see inspect.parseTfhd
+ * @return {Object[]} the parsed samples
+ *
+ * @see ISO-BMFF-12/2015, Section 8.8.8
+ **/
- CaptionStream.prototype.partialFlush = function () {
- return this.flushStream('partialFlush');
- };
+ var parseSamples = function parseSamples(truns, baseMediaDecodeTime, tfhd) {
+ var currentDts = baseMediaDecodeTime;
+ var defaultSampleDuration = tfhd.defaultSampleDuration || 0;
+ var defaultSampleSize = tfhd.defaultSampleSize || 0;
+ var trackId = tfhd.trackId;
+ var allSamples = [];
+ truns.forEach(function (trun) {
+ // Note: We currently do not parse the sample table as well
+ // as the trun. It's possible some sources will require this.
+ // moov > trak > mdia > minf > stbl
+ var trackRun = parseTrun(trun);
+ var samples = trackRun.samples;
+ samples.forEach(function (sample) {
+ if (sample.duration === undefined) {
+ sample.duration = defaultSampleDuration;
+ }
- CaptionStream.prototype.reset = function () {
- this.latestDts_ = null;
- this.ignoreNextEqualDts_ = false;
- this.numSameDts_ = 0;
- this.activeCea608Channel_ = [null, null];
- this.ccStreams_.forEach(function (ccStream) {
- ccStream.reset();
- });
- }; // From the CEA-608 spec:
+ if (sample.size === undefined) {
+ sample.size = defaultSampleSize;
+ }
- /*
- * When XDS sub-packets are interleaved with other services, the end of each sub-packet shall be followed
- * by a control pair to change to a different service. When any of the control codes from 0x10 to 0x1F is
- * used to begin a control code pair, it indicates the return to captioning or Text data. The control code pair
- * and subsequent data should then be processed according to the FCC rules. It may be necessary for the
- * line 21 data encoder to automatically insert a control code pair (i.e. RCL, RU2, RU3, RU4, RDC, or RTD)
- * to switch to captioning or Text.
- */
- // With that in mind, we ignore any data between an XDS control code and a
- // subsequent closed-captioning control code.
+ sample.trackId = trackId;
+ sample.dts = currentDts;
+ if (sample.compositionTimeOffset === undefined) {
+ sample.compositionTimeOffset = 0;
+ }
- CaptionStream.prototype.dispatchCea608Packet = function (packet) {
- // NOTE: packet.type is the CEA608 field
- if (this.setsTextOrXDSActive(packet)) {
- this.activeCea608Channel_[packet.type] = null;
- } else if (this.setsChannel1Active(packet)) {
- this.activeCea608Channel_[packet.type] = 0;
- } else if (this.setsChannel2Active(packet)) {
- this.activeCea608Channel_[packet.type] = 1;
- }
+ sample.pts = currentDts + sample.compositionTimeOffset;
+ currentDts += sample.duration;
+ });
+ allSamples = allSamples.concat(samples);
+ });
+ return allSamples;
+ };
+ /**
+ * Parses out caption nals from an FMP4 segment's video tracks.
+ *
+ * @param {Uint8Array} segment - The bytes of a single segment
+ * @param {Number} videoTrackId - The trackId of a video track in the segment
+ * @return {Object.<Number, Object[]>} A mapping of video trackId to
+ * a list of seiNals found in that track
+ **/
- if (this.activeCea608Channel_[packet.type] === null) {
- // If we haven't received anything to set the active channel, or the
- // packets are Text/XDS data, discard the data; we don't want jumbled
- // captions
- return;
- }
- this.ccStreams_[(packet.type << 1) + this.activeCea608Channel_[packet.type]].push(packet);
- };
-
- CaptionStream.prototype.setsChannel1Active = function (packet) {
- return (packet.ccData & 0x7800) === 0x1000;
- };
-
- CaptionStream.prototype.setsChannel2Active = function (packet) {
- return (packet.ccData & 0x7800) === 0x1800;
- };
-
- CaptionStream.prototype.setsTextOrXDSActive = function (packet) {
- return (packet.ccData & 0x7100) === 0x0100 || (packet.ccData & 0x78fe) === 0x102a || (packet.ccData & 0x78fe) === 0x182a;
- }; // ----------------------
- // Session to Application
- // ----------------------
- // This hash maps non-ASCII, special, and extended character codes to their
- // proper Unicode equivalent. The first keys that are only a single byte
- // are the non-standard ASCII characters, which simply map the CEA608 byte
- // to the standard ASCII/Unicode. The two-byte keys that follow are the CEA608
- // character codes, but have their MSB bitmasked with 0x03 so that a lookup
- // can be performed regardless of the field and data channel on which the
- // character code was received.
-
-
- var CHARACTER_TRANSLATION = {
- 0x2a: 0xe1,
- // á
- 0x5c: 0xe9,
- // é
- 0x5e: 0xed,
- // í
- 0x5f: 0xf3,
- // ó
- 0x60: 0xfa,
- // ú
- 0x7b: 0xe7,
- // ç
- 0x7c: 0xf7,
- // ÷
- 0x7d: 0xd1,
- // Ñ
- 0x7e: 0xf1,
- // ñ
- 0x7f: 0x2588,
- // █
- 0x0130: 0xae,
- // ®
- 0x0131: 0xb0,
- // °
- 0x0132: 0xbd,
- // ½
- 0x0133: 0xbf,
- // ¿
- 0x0134: 0x2122,
- // ™
- 0x0135: 0xa2,
- // ¢
- 0x0136: 0xa3,
- // £
- 0x0137: 0x266a,
- // ♪
- 0x0138: 0xe0,
- // à
- 0x0139: 0xa0,
- //
- 0x013a: 0xe8,
- // è
- 0x013b: 0xe2,
- // â
- 0x013c: 0xea,
- // ê
- 0x013d: 0xee,
- // î
- 0x013e: 0xf4,
- // ô
- 0x013f: 0xfb,
- // û
- 0x0220: 0xc1,
- // Á
- 0x0221: 0xc9,
- // É
- 0x0222: 0xd3,
- // Ó
- 0x0223: 0xda,
- // Ú
- 0x0224: 0xdc,
- // Ü
- 0x0225: 0xfc,
- // ü
- 0x0226: 0x2018,
- // ‘
- 0x0227: 0xa1,
- // ¡
- 0x0228: 0x2a,
- // *
- 0x0229: 0x27,
- // '
- 0x022a: 0x2014,
- // —
- 0x022b: 0xa9,
- // ©
- 0x022c: 0x2120,
- // ℠
- 0x022d: 0x2022,
- // •
- 0x022e: 0x201c,
- // “
- 0x022f: 0x201d,
- // ”
- 0x0230: 0xc0,
- // À
- 0x0231: 0xc2,
- // Â
- 0x0232: 0xc7,
- // Ç
- 0x0233: 0xc8,
- // È
- 0x0234: 0xca,
- // Ê
- 0x0235: 0xcb,
- // Ë
- 0x0236: 0xeb,
- // ë
- 0x0237: 0xce,
- // Î
- 0x0238: 0xcf,
- // Ï
- 0x0239: 0xef,
- // ï
- 0x023a: 0xd4,
- // Ô
- 0x023b: 0xd9,
- // Ù
- 0x023c: 0xf9,
- // ù
- 0x023d: 0xdb,
- // Û
- 0x023e: 0xab,
- // «
- 0x023f: 0xbb,
- // »
- 0x0320: 0xc3,
- // Ã
- 0x0321: 0xe3,
- // ã
- 0x0322: 0xcd,
- // Í
- 0x0323: 0xcc,
- // Ì
- 0x0324: 0xec,
- // ì
- 0x0325: 0xd2,
- // Ò
- 0x0326: 0xf2,
- // ò
- 0x0327: 0xd5,
- // Õ
- 0x0328: 0xf5,
- // õ
- 0x0329: 0x7b,
- // {
- 0x032a: 0x7d,
- // }
- 0x032b: 0x5c,
- // \
- 0x032c: 0x5e,
- // ^
- 0x032d: 0x5f,
- // _
- 0x032e: 0x7c,
- // |
- 0x032f: 0x7e,
- // ~
- 0x0330: 0xc4,
- // Ä
- 0x0331: 0xe4,
- // ä
- 0x0332: 0xd6,
- // Ö
- 0x0333: 0xf6,
- // ö
- 0x0334: 0xdf,
- // ß
- 0x0335: 0xa5,
- // ¥
- 0x0336: 0xa4,
- // ¤
- 0x0337: 0x2502,
- // │
- 0x0338: 0xc5,
- // Å
- 0x0339: 0xe5,
- // å
- 0x033a: 0xd8,
- // Ø
- 0x033b: 0xf8,
- // ø
- 0x033c: 0x250c,
- // ┌
- 0x033d: 0x2510,
- // ┐
- 0x033e: 0x2514,
- // └
- 0x033f: 0x2518 // ┘
-
- };
-
- var getCharFromCode = function getCharFromCode(code) {
- if (code === null) {
- return '';
- }
+ var parseCaptionNals = function parseCaptionNals(segment, videoTrackId) {
+ // To get the samples
+ var trafs = findBox_1(segment, ['moof', 'traf']); // To get SEI NAL units
- code = CHARACTER_TRANSLATION[code] || code;
- return String.fromCharCode(code);
- }; // the index of the last row in a CEA-608 display buffer
+ var mdats = findBox_1(segment, ['mdat']);
+ var captionNals = {};
+ var mdatTrafPairs = []; // Pair up each traf with a mdat as moofs and mdats are in pairs
+ mdats.forEach(function (mdat, index) {
+ var matchingTraf = trafs[index];
+ mdatTrafPairs.push({
+ mdat: mdat,
+ traf: matchingTraf
+ });
+ });
+ mdatTrafPairs.forEach(function (pair) {
+ var mdat = pair.mdat;
+ var traf = pair.traf;
+ var tfhd = findBox_1(traf, ['tfhd']); // Exactly 1 tfhd per traf
+
+ var headerInfo = parseTfhd(tfhd[0]);
+ var trackId = headerInfo.trackId;
+ var tfdt = findBox_1(traf, ['tfdt']); // Either 0 or 1 tfdt per traf
+
+ var baseMediaDecodeTime = tfdt.length > 0 ? parseTfdt(tfdt[0]).baseMediaDecodeTime : 0;
+ var truns = findBox_1(traf, ['trun']);
+ var samples;
+ var result; // Only parse video data for the chosen video track
+
+ if (videoTrackId === trackId && truns.length > 0) {
+ samples = parseSamples(truns, baseMediaDecodeTime, headerInfo);
+ result = findSeiNals(mdat, samples, trackId);
+
+ if (!captionNals[trackId]) {
+ captionNals[trackId] = {
+ seiNals: [],
+ logs: []
+ };
+ }
- var BOTTOM_ROW = 14; // This array is used for mapping PACs -> row #, since there's no way of
- // getting it through bit logic.
+ captionNals[trackId].seiNals = captionNals[trackId].seiNals.concat(result.seiNals);
+ captionNals[trackId].logs = captionNals[trackId].logs.concat(result.logs);
+ }
+ });
+ return captionNals;
+ };
+ /**
+ * Parses out inband captions from an MP4 container and returns
+ * caption objects that can be used by WebVTT and the TextTrack API.
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/VTTCue
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/TextTrack
+ * Assumes that `probe.getVideoTrackIds` and `probe.timescale` have been called first
+ *
+ * @param {Uint8Array} segment - The fmp4 segment containing embedded captions
+ * @param {Number} trackId - The id of the video track to parse
+ * @param {Number} timescale - The timescale for the video track from the init segment
+ *
+ * @return {?Object[]} parsedCaptions - A list of captions or null if no video tracks
+ * @return {Number} parsedCaptions[].startTime - The time to show the caption in seconds
+ * @return {Number} parsedCaptions[].endTime - The time to stop showing the caption in seconds
+ * @return {String} parsedCaptions[].text - The visible content of the caption
+ **/
- var ROWS = [0x1100, 0x1120, 0x1200, 0x1220, 0x1500, 0x1520, 0x1600, 0x1620, 0x1700, 0x1720, 0x1000, 0x1300, 0x1320, 0x1400, 0x1420]; // CEA-608 captions are rendered onto a 34x15 matrix of character
- // cells. The "bottom" row is the last element in the outer array.
- var createDisplayBuffer = function createDisplayBuffer() {
- var result = [],
- i = BOTTOM_ROW + 1;
+ var parseEmbeddedCaptions = function parseEmbeddedCaptions(segment, trackId, timescale) {
+ var captionNals; // the ISO-BMFF spec says that trackId can't be zero, but there's some broken content out there
- while (i--) {
- result.push('');
- }
+ if (trackId === null) {
+ return null;
+ }
- return result;
+ captionNals = parseCaptionNals(segment, trackId);
+ var trackNals = captionNals[trackId] || {};
+ return {
+ seiNals: trackNals.seiNals,
+ logs: trackNals.logs,
+ timescale: timescale
};
+ };
+ /**
+ * Converts SEI NALUs into captions that can be used by video.js
+ **/
- var Cea608Stream = function Cea608Stream(field, dataChannel) {
- Cea608Stream.prototype.init.call(this);
- this.field_ = field || 0;
- this.dataChannel_ = dataChannel || 0;
- this.name_ = 'CC' + ((this.field_ << 1 | this.dataChannel_) + 1);
- this.setConstants();
- this.reset();
-
- this.push = function (packet) {
- var data, swap, char0, char1, text; // remove the parity bits
- data = packet.ccData & 0x7f7f; // ignore duplicate control codes; the spec demands they're sent twice
+ var CaptionParser = function CaptionParser() {
+ var isInitialized = false;
+ var captionStream; // Stores segments seen before trackId and timescale are set
- if (data === this.lastControlCode_) {
- this.lastControlCode_ = null;
- return;
- } // Store control codes
+ var segmentCache; // Stores video track ID of the track being parsed
+ var trackId; // Stores the timescale of the track being parsed
- if ((data & 0xf000) === 0x1000) {
- this.lastControlCode_ = data;
- } else if (data !== this.PADDING_) {
- this.lastControlCode_ = null;
- }
+ var timescale; // Stores captions parsed so far
- char0 = data >>> 8;
- char1 = data & 0xff;
+ var parsedCaptions; // Stores whether we are receiving partial data or not
- if (data === this.PADDING_) {
- return;
- } else if (data === this.RESUME_CAPTION_LOADING_) {
- this.mode_ = 'popOn';
- } else if (data === this.END_OF_CAPTION_) {
- // If an EOC is received while in paint-on mode, the displayed caption
- // text should be swapped to non-displayed memory as if it was a pop-on
- // caption. Because of that, we should explicitly switch back to pop-on
- // mode
- this.mode_ = 'popOn';
- this.clearFormatting(packet.pts); // if a caption was being displayed, it's gone now
-
- this.flushDisplayed(packet.pts); // flip memory
-
- swap = this.displayed_;
- this.displayed_ = this.nonDisplayed_;
- this.nonDisplayed_ = swap; // start measuring the time to display the caption
-
- this.startPts_ = packet.pts;
- } else if (data === this.ROLL_UP_2_ROWS_) {
- this.rollUpRows_ = 2;
- this.setRollUp(packet.pts);
- } else if (data === this.ROLL_UP_3_ROWS_) {
- this.rollUpRows_ = 3;
- this.setRollUp(packet.pts);
- } else if (data === this.ROLL_UP_4_ROWS_) {
- this.rollUpRows_ = 4;
- this.setRollUp(packet.pts);
- } else if (data === this.CARRIAGE_RETURN_) {
- this.clearFormatting(packet.pts);
- this.flushDisplayed(packet.pts);
- this.shiftRowsUp_();
- this.startPts_ = packet.pts;
- } else if (data === this.BACKSPACE_) {
- if (this.mode_ === 'popOn') {
- this.nonDisplayed_[this.row_] = this.nonDisplayed_[this.row_].slice(0, -1);
- } else {
- this.displayed_[this.row_] = this.displayed_[this.row_].slice(0, -1);
- }
- } else if (data === this.ERASE_DISPLAYED_MEMORY_) {
- this.flushDisplayed(packet.pts);
- this.displayed_ = createDisplayBuffer();
- } else if (data === this.ERASE_NON_DISPLAYED_MEMORY_) {
- this.nonDisplayed_ = createDisplayBuffer();
- } else if (data === this.RESUME_DIRECT_CAPTIONING_) {
- if (this.mode_ !== 'paintOn') {
- // NOTE: This should be removed when proper caption positioning is
- // implemented
- this.flushDisplayed(packet.pts);
- this.displayed_ = createDisplayBuffer();
- }
+ var parsingPartial;
+ /**
+ * A method to indicate whether a CaptionParser has been initalized
+ * @returns {Boolean}
+ **/
- this.mode_ = 'paintOn';
- this.startPts_ = packet.pts; // Append special characters to caption text
- } else if (this.isSpecialCharacter(char0, char1)) {
- // Bitmask char0 so that we can apply character transformations
- // regardless of field and data channel.
- // Then byte-shift to the left and OR with char1 so we can pass the
- // entire character code to `getCharFromCode`.
- char0 = (char0 & 0x03) << 8;
- text = getCharFromCode(char0 | char1);
- this[this.mode_](packet.pts, text);
- this.column_++; // Append extended characters to caption text
- } else if (this.isExtCharacter(char0, char1)) {
- // Extended characters always follow their "non-extended" equivalents.
- // IE if a "è" is desired, you'll always receive "eè"; non-compliant
- // decoders are supposed to drop the "è", while compliant decoders
- // backspace the "e" and insert "è".
- // Delete the previous character
- if (this.mode_ === 'popOn') {
- this.nonDisplayed_[this.row_] = this.nonDisplayed_[this.row_].slice(0, -1);
- } else {
- this.displayed_[this.row_] = this.displayed_[this.row_].slice(0, -1);
- } // Bitmask char0 so that we can apply character transformations
- // regardless of field and data channel.
- // Then byte-shift to the left and OR with char1 so we can pass the
- // entire character code to `getCharFromCode`.
+ this.isInitialized = function () {
+ return isInitialized;
+ };
+ /**
+ * Initializes the underlying CaptionStream, SEI NAL parsing
+ * and management, and caption collection
+ **/
+
+
+ this.init = function (options) {
+ captionStream = new CaptionStream();
+ isInitialized = true;
+ parsingPartial = options ? options.isPartial : false; // Collect dispatched captions
+
+ captionStream.on('data', function (event) {
+ // Convert to seconds in the source's timescale
+ event.startTime = event.startPts / timescale;
+ event.endTime = event.endPts / timescale;
+ parsedCaptions.captions.push(event);
+ parsedCaptions.captionStreams[event.stream] = true;
+ });
+ captionStream.on('log', function (log) {
+ parsedCaptions.logs.push(log);
+ });
+ };
+ /**
+ * Determines if a new video track will be selected
+ * or if the timescale changed
+ * @return {Boolean}
+ **/
- char0 = (char0 & 0x03) << 8;
- text = getCharFromCode(char0 | char1);
- this[this.mode_](packet.pts, text);
- this.column_++; // Process mid-row codes
- } else if (this.isMidRowCode(char0, char1)) {
- // Attributes are not additive, so clear all formatting
- this.clearFormatting(packet.pts); // According to the standard, mid-row codes
- // should be replaced with spaces, so add one now
+ this.isNewInit = function (videoTrackIds, timescales) {
+ if (videoTrackIds && videoTrackIds.length === 0 || timescales && typeof timescales === 'object' && Object.keys(timescales).length === 0) {
+ return false;
+ }
- this[this.mode_](packet.pts, ' ');
- this.column_++;
+ return trackId !== videoTrackIds[0] || timescale !== timescales[trackId];
+ };
+ /**
+ * Parses out SEI captions and interacts with underlying
+ * CaptionStream to return dispatched captions
+ *
+ * @param {Uint8Array} segment - The fmp4 segment containing embedded captions
+ * @param {Number[]} videoTrackIds - A list of video tracks found in the init segment
+ * @param {Object.<Number, Number>} timescales - The timescales found in the init segment
+ * @see parseEmbeddedCaptions
+ * @see m2ts/caption-stream.js
+ **/
- if ((char1 & 0xe) === 0xe) {
- this.addFormatting(packet.pts, ['i']);
- }
- if ((char1 & 0x1) === 0x1) {
- this.addFormatting(packet.pts, ['u']);
- } // Detect offset control codes and adjust cursor
-
- } else if (this.isOffsetControlCode(char0, char1)) {
- // Cursor position is set by indent PAC (see below) in 4-column
- // increments, with an additional offset code of 1-3 to reach any
- // of the 32 columns specified by CEA-608. So all we need to do
- // here is increment the column cursor by the given offset.
- this.column_ += char1 & 0x03; // Detect PACs (Preamble Address Codes)
- } else if (this.isPAC(char0, char1)) {
- // There's no logic for PAC -> row mapping, so we have to just
- // find the row code in an array and use its index :(
- var row = ROWS.indexOf(data & 0x1f20); // Configure the caption window if we're in roll-up mode
-
- if (this.mode_ === 'rollUp') {
- // This implies that the base row is incorrectly set.
- // As per the recommendation in CEA-608(Base Row Implementation), defer to the number
- // of roll-up rows set.
- if (row - this.rollUpRows_ + 1 < 0) {
- row = this.rollUpRows_ - 1;
- }
+ this.parse = function (segment, videoTrackIds, timescales) {
+ var parsedData;
- this.setRollUp(packet.pts, row);
- }
+ if (!this.isInitialized()) {
+ return null; // This is not likely to be a video segment
+ } else if (!videoTrackIds || !timescales) {
+ return null;
+ } else if (this.isNewInit(videoTrackIds, timescales)) {
+ // Use the first video track only as there is no
+ // mechanism to switch to other video tracks
+ trackId = videoTrackIds[0];
+ timescale = timescales[trackId]; // If an init segment has not been seen yet, hold onto segment
+ // data until we have one.
+ // the ISO-BMFF spec says that trackId can't be zero, but there's some broken content out there
+ } else if (trackId === null || !timescale) {
+ segmentCache.push(segment);
+ return null;
+ } // Now that a timescale and trackId is set, parse cached segments
- if (row !== this.row_) {
- // formatting is only persistent for current row
- this.clearFormatting(packet.pts);
- this.row_ = row;
- } // All PACs can apply underline, so detect and apply
- // (All odd-numbered second bytes set underline)
+ while (segmentCache.length > 0) {
+ var cachedSegment = segmentCache.shift();
+ this.parse(cachedSegment, videoTrackIds, timescales);
+ }
- if (char1 & 0x1 && this.formatting_.indexOf('u') === -1) {
- this.addFormatting(packet.pts, ['u']);
- }
+ parsedData = parseEmbeddedCaptions(segment, trackId, timescale);
- if ((data & 0x10) === 0x10) {
- // We've got an indent level code. Each successive even number
- // increments the column cursor by 4, so we can get the desired
- // column position by bit-shifting to the right (to get n/2)
- // and multiplying by 4.
- this.column_ = ((data & 0xe) >> 1) * 4;
- }
+ if (parsedData && parsedData.logs) {
+ parsedCaptions.logs = parsedCaptions.logs.concat(parsedData.logs);
+ }
- if (this.isColorPAC(char1)) {
- // it's a color code, though we only support white, which
- // can be either normal or italicized. white italics can be
- // either 0x4e or 0x6e depending on the row, so we just
- // bitwise-and with 0xe to see if italics should be turned on
- if ((char1 & 0xe) === 0xe) {
- this.addFormatting(packet.pts, ['i']);
- }
- } // We have a normal character in char0, and possibly one in char1
+ if (parsedData === null || !parsedData.seiNals) {
+ if (parsedCaptions.logs.length) {
+ return {
+ logs: parsedCaptions.logs,
+ captions: [],
+ captionStreams: []
+ };
+ }
- } else if (this.isNormalChar(char0)) {
- if (char1 === 0x00) {
- char1 = null;
- }
+ return null;
+ }
- text = getCharFromCode(char0);
- text += getCharFromCode(char1);
- this[this.mode_](packet.pts, text);
- this.column_ += text.length;
- } // finish data processing
+ this.pushNals(parsedData.seiNals); // Force the parsed captions to be dispatched
- };
+ this.flushStream();
+ return parsedCaptions;
};
+ /**
+ * Pushes SEI NALUs onto CaptionStream
+ * @param {Object[]} nals - A list of SEI nals parsed using `parseCaptionNals`
+ * Assumes that `parseCaptionNals` has been called first
+ * @see m2ts/caption-stream.js
+ **/
- Cea608Stream.prototype = new stream(); // Trigger a cue point that captures the current state of the
- // display buffer
- Cea608Stream.prototype.flushDisplayed = function (pts) {
- var content = this.displayed_ // remove spaces from the start and end of the string
- .map(function (row) {
- try {
- return row.trim();
- } catch (e) {
- // Ordinarily, this shouldn't happen. However, caption
- // parsing errors should not throw exceptions and
- // break playback.
- // eslint-disable-next-line no-console
- console.error('Skipping malformed caption.');
- return '';
- }
- }) // combine all text rows to display in one cue
- .join('\n') // and remove blank rows from the start and end, but not the middle
- .replace(/^\n+|\n+$/g, '');
-
- if (content.length) {
- this.trigger('data', {
- startPts: this.startPts_,
- endPts: pts,
- text: content,
- stream: this.name_
- });
+ this.pushNals = function (nals) {
+ if (!this.isInitialized() || !nals || nals.length === 0) {
+ return null;
}
+
+ nals.forEach(function (nal) {
+ captionStream.push(nal);
+ });
};
/**
- * Zero out the data, used for startup and on seek
- */
-
+ * Flushes underlying CaptionStream to dispatch processed, displayable captions
+ * @see m2ts/caption-stream.js
+ **/
- Cea608Stream.prototype.reset = function () {
- this.mode_ = 'popOn'; // When in roll-up mode, the index of the last row that will
- // actually display captions. If a caption is shifted to a row
- // with a lower index than this, it is cleared from the display
- // buffer
-
- this.topRow_ = 0;
- this.startPts_ = 0;
- this.displayed_ = createDisplayBuffer();
- this.nonDisplayed_ = createDisplayBuffer();
- this.lastControlCode_ = null; // Track row and column for proper line-breaking and spacing
- this.column_ = 0;
- this.row_ = BOTTOM_ROW;
- this.rollUpRows_ = 2; // This variable holds currently-applied formatting
+ this.flushStream = function () {
+ if (!this.isInitialized()) {
+ return null;
+ }
- this.formatting_ = [];
+ if (!parsingPartial) {
+ captionStream.flush();
+ } else {
+ captionStream.partialFlush();
+ }
};
/**
- * Sets up control code and related constants for this instance
- */
+ * Reset caption buckets for new data
+ **/
- Cea608Stream.prototype.setConstants = function () {
- // The following attributes have these uses:
- // ext_ : char0 for mid-row codes, and the base for extended
- // chars (ext_+0, ext_+1, and ext_+2 are char0s for
- // extended codes)
- // control_: char0 for control codes, except byte-shifted to the
- // left so that we can do this.control_ | CONTROL_CODE
- // offset_: char0 for tab offset codes
- //
- // It's also worth noting that control codes, and _only_ control codes,
- // differ between field 1 and field2. Field 2 control codes are always
- // their field 1 value plus 1. That's why there's the "| field" on the
- // control value.
- if (this.dataChannel_ === 0) {
- this.BASE_ = 0x10;
- this.EXT_ = 0x11;
- this.CONTROL_ = (0x14 | this.field_) << 8;
- this.OFFSET_ = 0x17;
- } else if (this.dataChannel_ === 1) {
- this.BASE_ = 0x18;
- this.EXT_ = 0x19;
- this.CONTROL_ = (0x1c | this.field_) << 8;
- this.OFFSET_ = 0x1f;
- } // Constants for the LSByte command codes recognized by Cea608Stream. This
- // list is not exhaustive. For a more comprehensive listing and semantics see
- // http://www.gpo.gov/fdsys/pkg/CFR-2010-title47-vol1/pdf/CFR-2010-title47-vol1-sec15-119.pdf
- // Padding
-
-
- this.PADDING_ = 0x0000; // Pop-on Mode
-
- this.RESUME_CAPTION_LOADING_ = this.CONTROL_ | 0x20;
- this.END_OF_CAPTION_ = this.CONTROL_ | 0x2f; // Roll-up Mode
-
- this.ROLL_UP_2_ROWS_ = this.CONTROL_ | 0x25;
- this.ROLL_UP_3_ROWS_ = this.CONTROL_ | 0x26;
- this.ROLL_UP_4_ROWS_ = this.CONTROL_ | 0x27;
- this.CARRIAGE_RETURN_ = this.CONTROL_ | 0x2d; // paint-on mode
-
- this.RESUME_DIRECT_CAPTIONING_ = this.CONTROL_ | 0x29; // Erasure
-
- this.BACKSPACE_ = this.CONTROL_ | 0x21;
- this.ERASE_DISPLAYED_MEMORY_ = this.CONTROL_ | 0x2c;
- this.ERASE_NON_DISPLAYED_MEMORY_ = this.CONTROL_ | 0x2e;
+ this.clearParsedCaptions = function () {
+ parsedCaptions.captions = [];
+ parsedCaptions.captionStreams = {};
+ parsedCaptions.logs = [];
};
/**
- * Detects if the 2-byte packet data is a special character
- *
- * Special characters have a second byte in the range 0x30 to 0x3f,
- * with the first byte being 0x11 (for data channel 1) or 0x19 (for
- * data channel 2).
- *
- * @param {Integer} char0 The first byte
- * @param {Integer} char1 The second byte
- * @return {Boolean} Whether the 2 bytes are an special character
- */
+ * Resets underlying CaptionStream
+ * @see m2ts/caption-stream.js
+ **/
+
+ this.resetCaptionStream = function () {
+ if (!this.isInitialized()) {
+ return null;
+ }
- Cea608Stream.prototype.isSpecialCharacter = function (char0, char1) {
- return char0 === this.EXT_ && char1 >= 0x30 && char1 <= 0x3f;
+ captionStream.reset();
};
/**
- * Detects if the 2-byte packet data is an extended character
- *
- * Extended characters have a second byte in the range 0x20 to 0x3f,
- * with the first byte being 0x12 or 0x13 (for data channel 1) or
- * 0x1a or 0x1b (for data channel 2).
- *
- * @param {Integer} char0 The first byte
- * @param {Integer} char1 The second byte
- * @return {Boolean} Whether the 2 bytes are an extended character
- */
+ * Convenience method to clear all captions flushed from the
+ * CaptionStream and still being parsed
+ * @see m2ts/caption-stream.js
+ **/
- Cea608Stream.prototype.isExtCharacter = function (char0, char1) {
- return (char0 === this.EXT_ + 1 || char0 === this.EXT_ + 2) && char1 >= 0x20 && char1 <= 0x3f;
+ this.clearAllCaptions = function () {
+ this.clearParsedCaptions();
+ this.resetCaptionStream();
};
/**
- * Detects if the 2-byte packet is a mid-row code
- *
- * Mid-row codes have a second byte in the range 0x20 to 0x2f, with
- * the first byte being 0x11 (for data channel 1) or 0x19 (for data
- * channel 2).
- *
- * @param {Integer} char0 The first byte
- * @param {Integer} char1 The second byte
- * @return {Boolean} Whether the 2 bytes are a mid-row code
- */
+ * Reset caption parser
+ **/
- Cea608Stream.prototype.isMidRowCode = function (char0, char1) {
- return char0 === this.EXT_ && char1 >= 0x20 && char1 <= 0x2f;
- };
- /**
- * Detects if the 2-byte packet is an offset control code
- *
- * Offset control codes have a second byte in the range 0x21 to 0x23,
- * with the first byte being 0x17 (for data channel 1) or 0x1f (for
- * data channel 2).
- *
- * @param {Integer} char0 The first byte
- * @param {Integer} char1 The second byte
- * @return {Boolean} Whether the 2 bytes are an offset control code
- */
+ this.reset = function () {
+ segmentCache = [];
+ trackId = null;
+ timescale = null;
+ if (!parsedCaptions) {
+ parsedCaptions = {
+ captions: [],
+ // CC1, CC2, CC3, CC4
+ captionStreams: {},
+ logs: []
+ };
+ } else {
+ this.clearParsedCaptions();
+ }
- Cea608Stream.prototype.isOffsetControlCode = function (char0, char1) {
- return char0 === this.OFFSET_ && char1 >= 0x21 && char1 <= 0x23;
+ this.resetCaptionStream();
};
- /**
- * Detects if the 2-byte packet is a Preamble Address Code
- *
- * PACs have a first byte in the range 0x10 to 0x17 (for data channel 1)
- * or 0x18 to 0x1f (for data channel 2), with the second byte in the
- * range 0x40 to 0x7f.
- *
- * @param {Integer} char0 The first byte
- * @param {Integer} char1 The second byte
- * @return {Boolean} Whether the 2 bytes are a PAC
- */
+ this.reset();
+ };
- Cea608Stream.prototype.isPAC = function (char0, char1) {
- return char0 >= this.BASE_ && char0 < this.BASE_ + 8 && char1 >= 0x40 && char1 <= 0x7f;
- };
- /**
- * Detects if a packet's second byte is in the range of a PAC color code
- *
- * PAC color codes have the second byte be in the range 0x40 to 0x4f, or
- * 0x60 to 0x6f.
- *
- * @param {Integer} char1 The second byte
- * @return {Boolean} Whether the byte is a color PAC
- */
+ var captionParser = CaptionParser;
+ var toUnsigned = bin.toUnsigned;
+ var toHexString = bin.toHexString;
+ var timescale, startTime, compositionStartTime, getVideoTrackIds, getTracks, getTimescaleFromMediaHeader;
+ /**
+ * Parses an MP4 initialization segment and extracts the 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
+ * ```
+ * @param init {Uint8Array} the bytes of the init segment
+ * @return {object} a hash of track ids to timescale values or null if
+ * the init segment is malformed.
+ */
+ timescale = function timescale(init) {
+ var result = {},
+ traks = findBox_1(init, ['moov', 'trak']); // mdhd timescale
- Cea608Stream.prototype.isColorPAC = function (char1) {
- return char1 >= 0x40 && char1 <= 0x4f || char1 >= 0x60 && char1 <= 0x7f;
- };
- /**
- * Detects if a single byte is in the range of a normal character
- *
- * Normal text bytes are in the range 0x20 to 0x7f.
- *
- * @param {Integer} char The byte
- * @return {Boolean} Whether the byte is a normal character
- */
+ return traks.reduce(function (result, trak) {
+ var tkhd, version, index, id, mdhd;
+ tkhd = findBox_1(trak, ['tkhd'])[0];
+
+ if (!tkhd) {
+ return null;
+ }
+ version = tkhd[0];
+ index = version === 0 ? 12 : 20;
+ id = toUnsigned(tkhd[index] << 24 | tkhd[index + 1] << 16 | tkhd[index + 2] << 8 | tkhd[index + 3]);
+ mdhd = findBox_1(trak, ['mdia', 'mdhd'])[0];
- Cea608Stream.prototype.isNormalChar = function (_char) {
- return _char >= 0x20 && _char <= 0x7f;
- };
- /**
- * Configures roll-up
- *
- * @param {Integer} pts Current PTS
- * @param {Integer} newBaseRow Used by PACs to slide the current window to
- * a new position
- */
+ if (!mdhd) {
+ return null;
+ }
+ version = mdhd[0];
+ index = version === 0 ? 12 : 20;
+ result[id] = toUnsigned(mdhd[index] << 24 | mdhd[index + 1] << 16 | mdhd[index + 2] << 8 | mdhd[index + 3]);
+ return result;
+ }, result);
+ };
+ /**
+ * Determine the base media decode start time, in seconds, for an MP4
+ * fragment. If multiple fragments are specified, the earliest time is
+ * returned.
+ *
+ * The base media decode time can be parsed from track fragment
+ * metadata:
+ * ```
+ * moof > traf > tfdt.baseMediaDecodeTime
+ * ```
+ * It requires the timescale value from the mdhd to interpret.
+ *
+ * @param timescale {object} a hash of track ids to timescale values.
+ * @return {number} the earliest base media decode start time for the
+ * fragment, in seconds
+ */
- Cea608Stream.prototype.setRollUp = function (pts, newBaseRow) {
- // Reset the base row to the bottom row when switching modes
- if (this.mode_ !== 'rollUp') {
- this.row_ = BOTTOM_ROW;
- this.mode_ = 'rollUp'; // Spec says to wipe memories when switching to roll-up
- this.flushDisplayed(pts);
- this.nonDisplayed_ = createDisplayBuffer();
- this.displayed_ = createDisplayBuffer();
+ startTime = function startTime(timescale, fragment) {
+ var trafs, baseTimes, result; // we need info from two childrend of each track fragment box
+
+ trafs = findBox_1(fragment, ['moof', 'traf']); // determine the start times for each track
+
+ baseTimes = [].concat.apply([], trafs.map(function (traf) {
+ return findBox_1(traf, ['tfhd']).map(function (tfhd) {
+ var id, scale, baseTime; // get the track id from the tfhd
+
+ id = toUnsigned(tfhd[4] << 24 | tfhd[5] << 16 | tfhd[6] << 8 | tfhd[7]); // assume a 90kHz clock if no timescale was specified
+
+ scale = timescale[id] || 90e3; // get the base media decode time from the tfdt
+
+ baseTime = findBox_1(traf, ['tfdt']).map(function (tfdt) {
+ var version, result;
+ version = tfdt[0];
+ result = toUnsigned(tfdt[4] << 24 | tfdt[5] << 16 | tfdt[6] << 8 | tfdt[7]);
+
+ if (version === 1) {
+ result *= Math.pow(2, 32);
+ result += toUnsigned(tfdt[8] << 24 | tfdt[9] << 16 | tfdt[10] << 8 | tfdt[11]);
+ }
+
+ return result;
+ })[0];
+ baseTime = typeof baseTime === 'number' && !isNaN(baseTime) ? baseTime : Infinity; // convert base time to seconds
+
+ return baseTime / scale;
+ });
+ })); // return the minimum
+
+ result = Math.min.apply(null, baseTimes);
+ return isFinite(result) ? result : 0;
+ };
+ /**
+ * Determine the composition start, in seconds, for an MP4
+ * fragment.
+ *
+ * The composition start time of a fragment can be calculated using the base
+ * media decode time, composition time offset, and timescale, as follows:
+ *
+ * compositionStartTime = (baseMediaDecodeTime + compositionTimeOffset) / timescale
+ *
+ * All of the aforementioned information is contained within a media fragment's
+ * `traf` box, except for timescale info, which comes from the initialization
+ * segment, so a track id (also contained within a `traf`) is also necessary to
+ * associate it with a timescale
+ *
+ *
+ * @param timescales {object} - a hash of track ids to timescale values.
+ * @param fragment {Unit8Array} - the bytes of a media segment
+ * @return {number} the composition start time for the fragment, in seconds
+ **/
+
+
+ compositionStartTime = function compositionStartTime(timescales, fragment) {
+ var trafBoxes = findBox_1(fragment, ['moof', 'traf']);
+ var baseMediaDecodeTime = 0;
+ var compositionTimeOffset = 0;
+ var trackId;
+
+ if (trafBoxes && trafBoxes.length) {
+ // The spec states that track run samples contained within a `traf` box are contiguous, but
+ // it does not explicitly state whether the `traf` boxes themselves are contiguous.
+ // We will assume that they are, so we only need the first to calculate start time.
+ var tfhd = findBox_1(trafBoxes[0], ['tfhd'])[0];
+ var trun = findBox_1(trafBoxes[0], ['trun'])[0];
+ var tfdt = findBox_1(trafBoxes[0], ['tfdt'])[0];
+
+ if (tfhd) {
+ var parsedTfhd = parseTfhd(tfhd);
+ trackId = parsedTfhd.trackId;
}
- if (newBaseRow !== undefined && newBaseRow !== this.row_) {
- // move currently displayed captions (up or down) to the new base row
- for (var i = 0; i < this.rollUpRows_; i++) {
- this.displayed_[newBaseRow - i] = this.displayed_[this.row_ - i];
- this.displayed_[this.row_ - i] = '';
- }
+ if (tfdt) {
+ var parsedTfdt = parseTfdt(tfdt);
+ baseMediaDecodeTime = parsedTfdt.baseMediaDecodeTime;
}
- if (newBaseRow === undefined) {
- newBaseRow = this.row_;
+ if (trun) {
+ var parsedTrun = parseTrun(trun);
+
+ if (parsedTrun.samples && parsedTrun.samples.length) {
+ compositionTimeOffset = parsedTrun.samples[0].compositionTimeOffset || 0;
+ }
}
+ } // Get timescale for this specific track. Assume a 90kHz clock if no timescale was
+ // specified.
- this.topRow_ = newBaseRow - this.rollUpRows_ + 1;
- }; // Adds the opening HTML tag for the passed character to the caption text,
- // and keeps track of it for later closing
+ var timescale = timescales[trackId] || 90e3; // return the composition start time, in seconds
- Cea608Stream.prototype.addFormatting = function (pts, format) {
- this.formatting_ = this.formatting_.concat(format);
- var text = format.reduce(function (text, format) {
- return text + '<' + format + '>';
- }, '');
- this[this.mode_](pts, text);
- }; // Adds HTML closing tags for current formatting to caption text and
- // clears remembered formatting
+ return (baseMediaDecodeTime + compositionTimeOffset) / timescale;
+ };
+ /**
+ * Find the trackIds of the video tracks in this source.
+ * Found by parsing the Handler Reference and Track Header Boxes:
+ * moov > trak > mdia > hdlr
+ * moov > trak > tkhd
+ *
+ * @param {Uint8Array} init - The bytes of the init segment for this source
+ * @return {Number[]} A list of trackIds
+ *
+ * @see ISO-BMFF-12/2015, Section 8.4.3
+ **/
- Cea608Stream.prototype.clearFormatting = function (pts) {
- if (!this.formatting_.length) {
- return;
- }
+ getVideoTrackIds = function getVideoTrackIds(init) {
+ var traks = findBox_1(init, ['moov', 'trak']);
+ var videoTrackIds = [];
+ traks.forEach(function (trak) {
+ var hdlrs = findBox_1(trak, ['mdia', 'hdlr']);
+ var tkhds = findBox_1(trak, ['tkhd']);
+ hdlrs.forEach(function (hdlr, index) {
+ var handlerType = parseType_1(hdlr.subarray(8, 12));
+ var tkhd = tkhds[index];
+ var view;
+ var version;
+ var trackId;
+
+ if (handlerType === 'vide') {
+ view = new DataView(tkhd.buffer, tkhd.byteOffset, tkhd.byteLength);
+ version = view.getUint8(0);
+ trackId = version === 0 ? view.getUint32(12) : view.getUint32(20);
+ videoTrackIds.push(trackId);
+ }
+ });
+ });
+ return videoTrackIds;
+ };
- var text = this.formatting_.reverse().reduce(function (text, format) {
- return text + '</' + format + '>';
- }, '');
- this.formatting_ = [];
- this[this.mode_](pts, text);
- }; // Mode Implementations
+ getTimescaleFromMediaHeader = function getTimescaleFromMediaHeader(mdhd) {
+ // mdhd is a FullBox, meaning it will have its own version as the first byte
+ var version = mdhd[0];
+ var index = version === 0 ? 12 : 20;
+ return toUnsigned(mdhd[index] << 24 | mdhd[index + 1] << 16 | mdhd[index + 2] << 8 | mdhd[index + 3]);
+ };
+ /**
+ * Get all the video, audio, and hint tracks from a non fragmented
+ * mp4 segment
+ */
- Cea608Stream.prototype.popOn = function (pts, text) {
- var baseRow = this.nonDisplayed_[this.row_]; // buffer characters
+ getTracks = function getTracks(init) {
+ var traks = findBox_1(init, ['moov', 'trak']);
+ var tracks = [];
+ traks.forEach(function (trak) {
+ var track = {};
+ var tkhd = findBox_1(trak, ['tkhd'])[0];
+ var view, tkhdVersion; // id
- baseRow += text;
- this.nonDisplayed_[this.row_] = baseRow;
- };
+ if (tkhd) {
+ view = new DataView(tkhd.buffer, tkhd.byteOffset, tkhd.byteLength);
+ tkhdVersion = view.getUint8(0);
+ track.id = tkhdVersion === 0 ? view.getUint32(12) : view.getUint32(20);
+ }
- Cea608Stream.prototype.rollUp = function (pts, text) {
- var baseRow = this.displayed_[this.row_];
- baseRow += text;
- this.displayed_[this.row_] = baseRow;
- };
+ var hdlr = findBox_1(trak, ['mdia', 'hdlr'])[0]; // type
- Cea608Stream.prototype.shiftRowsUp_ = function () {
- var i; // clear out inactive rows
+ if (hdlr) {
+ var type = parseType_1(hdlr.subarray(8, 12));
- for (i = 0; i < this.topRow_; i++) {
- this.displayed_[i] = '';
- }
+ if (type === 'vide') {
+ track.type = 'video';
+ } else if (type === 'soun') {
+ track.type = 'audio';
+ } else {
+ track.type = type;
+ }
+ } // codec
- for (i = this.row_ + 1; i < BOTTOM_ROW + 1; i++) {
- this.displayed_[i] = '';
- } // shift displayed rows up
+ var stsd = findBox_1(trak, ['mdia', 'minf', 'stbl', 'stsd'])[0];
- for (i = this.topRow_; i < this.row_; i++) {
- this.displayed_[i] = this.displayed_[i + 1];
- } // clear out the bottom row
+ if (stsd) {
+ var sampleDescriptions = stsd.subarray(8); // gives the codec type string
+ track.codec = parseType_1(sampleDescriptions.subarray(4, 8));
+ var codecBox = findBox_1(sampleDescriptions, [track.codec])[0];
+ var codecConfig, codecConfigType;
- this.displayed_[this.row_] = '';
- };
+ if (codecBox) {
+ // https://tools.ietf.org/html/rfc6381#section-3.3
+ if (/^[asm]vc[1-9]$/i.test(track.codec)) {
+ // we don't need anything but the "config" parameter of the
+ // avc1 codecBox
+ codecConfig = codecBox.subarray(78);
+ codecConfigType = parseType_1(codecConfig.subarray(4, 8));
- Cea608Stream.prototype.paintOn = function (pts, text) {
- var baseRow = this.displayed_[this.row_];
- baseRow += text;
- this.displayed_[this.row_] = baseRow;
- }; // exports
+ if (codecConfigType === 'avcC' && codecConfig.length > 11) {
+ track.codec += '.'; // left padded with zeroes for single digit hex
+ // profile idc
+ track.codec += toHexString(codecConfig[9]); // the byte containing the constraint_set flags
- var captionStream = {
- CaptionStream: CaptionStream,
- Cea608Stream: Cea608Stream
- };
- /**
- * mux.js
- *
- * Copyright (c) Brightcove
- * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
- */
+ track.codec += toHexString(codecConfig[10]); // level idc
- var streamTypes = {
- H264_STREAM_TYPE: 0x1B,
- ADTS_STREAM_TYPE: 0x0F,
- METADATA_STREAM_TYPE: 0x15
- };
- var MAX_TS = 8589934592;
- var RO_THRESH = 4294967296;
- var TYPE_SHARED = 'shared';
+ track.codec += toHexString(codecConfig[11]);
+ } else {
+ // TODO: show a warning that we couldn't parse the codec
+ // and are using the default
+ track.codec = 'avc1.4d400d';
+ }
+ } else if (/^mp4[a,v]$/i.test(track.codec)) {
+ // we do not need anything but the streamDescriptor of the mp4a codecBox
+ codecConfig = codecBox.subarray(28);
+ codecConfigType = parseType_1(codecConfig.subarray(4, 8));
- var handleRollover = function handleRollover(value, reference) {
- var direction = 1;
+ if (codecConfigType === 'esds' && codecConfig.length > 20 && codecConfig[19] !== 0) {
+ track.codec += '.' + toHexString(codecConfig[19]); // this value is only a single digit
- if (value > reference) {
- // If the current timestamp value is greater than our reference timestamp and we detect a
- // timestamp rollover, this means the roll over is happening in the opposite direction.
- // Example scenario: Enter a long stream/video just after a rollover occurred. The reference
- // point will be set to a small number, e.g. 1. The user then seeks backwards over the
- // rollover point. In loading this segment, the timestamp values will be very large,
- // e.g. 2^33 - 1. Since this comes before the data we loaded previously, we want to adjust
- // the time stamp to be `value - 2^33`.
- direction = -1;
- } // Note: A seek forwards or back that is greater than the RO_THRESH (2^32, ~13 hours) will
- // cause an incorrect adjustment.
+ track.codec += '.' + toHexString(codecConfig[20] >>> 2 & 0x3f).replace(/^0/, '');
+ } else {
+ // TODO: show a warning that we couldn't parse the codec
+ // and are using the default
+ track.codec = 'mp4a.40.2';
+ }
+ } else {
+ // flac, opus, etc
+ track.codec = track.codec.toLowerCase();
+ }
+ }
+ }
+ var mdhd = findBox_1(trak, ['mdia', 'mdhd'])[0];
- while (Math.abs(reference - value) > RO_THRESH) {
- value += direction * MAX_TS;
+ if (mdhd) {
+ track.timescale = getTimescaleFromMediaHeader(mdhd);
}
- return value;
- };
+ tracks.push(track);
+ });
+ return tracks;
+ };
- var TimestampRolloverStream = function TimestampRolloverStream(type) {
- var lastDTS, referenceDTS;
- TimestampRolloverStream.prototype.init.call(this); // The "shared" type is used in cases where a stream will contain muxed
- // video and audio. We could use `undefined` here, but having a string
- // makes debugging a little clearer.
+ var probe$2 = {
+ // export mp4 inspector's findBox and parseType for backwards compatibility
+ findBox: findBox_1,
+ parseType: parseType_1,
+ timescale: timescale,
+ startTime: startTime,
+ compositionStartTime: compositionStartTime,
+ videoTrackIds: getVideoTrackIds,
+ tracks: getTracks,
+ getTimescaleFromMediaHeader: getTimescaleFromMediaHeader
+ };
- this.type_ = type || TYPE_SHARED;
+ var parsePid = function parsePid(packet) {
+ var pid = packet[1] & 0x1f;
+ pid <<= 8;
+ pid |= packet[2];
+ return pid;
+ };
- this.push = function (data) {
- // Any "shared" rollover streams will accept _all_ data. Otherwise,
- // streams will only accept data that matches their type.
- if (this.type_ !== TYPE_SHARED && data.type !== this.type_) {
- return;
- }
+ var parsePayloadUnitStartIndicator = function parsePayloadUnitStartIndicator(packet) {
+ return !!(packet[1] & 0x40);
+ };
- if (referenceDTS === undefined) {
- referenceDTS = data.dts;
- }
+ var parseAdaptionField = function parseAdaptionField(packet) {
+ var offset = 0; // if an adaption field is present, its length is specified by the
+ // fifth byte of the TS packet header. The adaptation field is
+ // used to add stuffing to PES packets that don't fill a complete
+ // TS packet, and to specify some forms of timing and control data
+ // that we do not currently use.
- data.dts = handleRollover(data.dts, referenceDTS);
- data.pts = handleRollover(data.pts, referenceDTS);
- lastDTS = data.dts;
- this.trigger('data', data);
- };
+ if ((packet[3] & 0x30) >>> 4 > 0x01) {
+ offset += packet[4] + 1;
+ }
- this.flush = function () {
- referenceDTS = lastDTS;
- this.trigger('done');
- };
+ return offset;
+ };
- this.endTimeline = function () {
- this.flush();
- this.trigger('endedtimeline');
- };
+ var parseType = function parseType(packet, pmtPid) {
+ var pid = parsePid(packet);
- this.discontinuity = function () {
- referenceDTS = void 0;
- lastDTS = void 0;
- };
+ if (pid === 0) {
+ return 'pat';
+ } else if (pid === pmtPid) {
+ return 'pmt';
+ } else if (pmtPid) {
+ return 'pes';
+ }
- this.reset = function () {
- this.discontinuity();
- this.trigger('reset');
- };
- };
+ return null;
+ };
- TimestampRolloverStream.prototype = new stream();
- var timestampRolloverStream = {
- TimestampRolloverStream: TimestampRolloverStream,
- handleRollover: handleRollover
- };
+ var parsePat = function parsePat(packet) {
+ var pusi = parsePayloadUnitStartIndicator(packet);
+ var offset = 4 + parseAdaptionField(packet);
- var percentEncode = function percentEncode(bytes, start, end) {
- var i,
- result = '';
+ if (pusi) {
+ offset += packet[offset] + 1;
+ }
- for (i = start; i < end; i++) {
- result += '%' + ('00' + bytes[i].toString(16)).slice(-2);
- }
+ return (packet[offset + 10] & 0x1f) << 8 | packet[offset + 11];
+ };
- return result;
- },
- // return the string representation of the specified byte range,
- // interpreted as UTf-8.
- parseUtf8 = function parseUtf8(bytes, start, end) {
- return decodeURIComponent(percentEncode(bytes, start, end));
- },
- // return the string representation of the specified byte range,
- // interpreted as ISO-8859-1.
- parseIso88591 = function parseIso88591(bytes, start, end) {
- return unescape(percentEncode(bytes, start, end)); // jshint ignore:line
- },
- parseSyncSafeInteger = function parseSyncSafeInteger(data) {
- return data[0] << 21 | data[1] << 14 | data[2] << 7 | data[3];
- },
- tagParsers = {
- TXXX: function TXXX(tag) {
- var i;
+ var parsePmt = function parsePmt(packet) {
+ var programMapTable = {};
+ var pusi = parsePayloadUnitStartIndicator(packet);
+ var payloadOffset = 4 + parseAdaptionField(packet);
- if (tag.data[0] !== 3) {
- // ignore frames with unrecognized character encodings
- return;
- }
+ if (pusi) {
+ payloadOffset += packet[payloadOffset] + 1;
+ } // PMTs can be sent ahead of the time when they should actually
+ // take effect. We don't believe this should ever be the case
+ // for HLS but we'll ignore "forward" PMT declarations if we see
+ // them. Future PMT declarations have the current_next_indicator
+ // set to zero.
- for (i = 1; i < tag.data.length; i++) {
- if (tag.data[i] === 0) {
- // parse the text fields
- tag.description = parseUtf8(tag.data, 1, i); // do not include the null terminator in the tag value
- tag.value = parseUtf8(tag.data, i + 1, tag.data.length).replace(/\0*$/, '');
- break;
- }
- }
+ if (!(packet[payloadOffset + 5] & 0x01)) {
+ return;
+ }
- tag.data = tag.value;
- },
- WXXX: function WXXX(tag) {
- var i;
+ var sectionLength, tableEnd, programInfoLength; // the mapping table ends at the end of the current section
- if (tag.data[0] !== 3) {
- // ignore frames with unrecognized character encodings
- return;
- }
+ sectionLength = (packet[payloadOffset + 1] & 0x0f) << 8 | packet[payloadOffset + 2];
+ tableEnd = 3 + sectionLength - 4; // to determine where the table is, we have to figure out how
+ // long the program info descriptors are
- for (i = 1; i < tag.data.length; i++) {
- if (tag.data[i] === 0) {
- // parse the description and URL fields
- tag.description = parseUtf8(tag.data, 1, i);
- tag.url = parseUtf8(tag.data, i + 1, tag.data.length);
- break;
- }
- }
- },
- PRIV: function PRIV(tag) {
- var i;
+ programInfoLength = (packet[payloadOffset + 10] & 0x0f) << 8 | packet[payloadOffset + 11]; // advance the offset to the first entry in the mapping table
- for (i = 0; i < tag.data.length; i++) {
- if (tag.data[i] === 0) {
- // parse the description and URL fields
- tag.owner = parseIso88591(tag.data, 0, i);
- break;
- }
- }
+ var offset = 12 + programInfoLength;
- tag.privateData = tag.data.subarray(i + 1);
- tag.data = tag.privateData;
- }
- },
- _MetadataStream;
-
- _MetadataStream = function MetadataStream(options) {
- var settings = {
- debug: !!(options && options.debug),
- // the bytes of the program-level descriptor field in MP2T
- // see ISO/IEC 13818-1:2013 (E), section 2.6 "Program and
- // program element descriptors"
- descriptor: options && options.descriptor
- },
- // the total size in bytes of the ID3 tag being parsed
- tagSize = 0,
- // tag data that is not complete enough to be parsed
- buffer = [],
- // the total number of bytes currently in the buffer
- bufferSize = 0,
- i;
+ while (offset < tableEnd) {
+ var i = payloadOffset + offset; // add an entry that maps the elementary_pid to the stream_type
- _MetadataStream.prototype.init.call(this); // calculate the text track in-band metadata track dispatch type
- // https://html.spec.whatwg.org/multipage/embedded-content.html#steps-to-expose-a-media-resource-specific-text-track
+ programMapTable[(packet[i + 1] & 0x1F) << 8 | packet[i + 2]] = packet[i]; // move to the next table entry
+ // skip past the elementary stream descriptors, if present
+ offset += ((packet[i + 3] & 0x0F) << 8 | packet[i + 4]) + 5;
+ }
- this.dispatchType = streamTypes.METADATA_STREAM_TYPE.toString(16);
+ return programMapTable;
+ };
- if (settings.descriptor) {
- for (i = 0; i < settings.descriptor.length; i++) {
- this.dispatchType += ('00' + settings.descriptor[i].toString(16)).slice(-2);
- }
- }
+ var parsePesType = function parsePesType(packet, programMapTable) {
+ var pid = parsePid(packet);
+ var type = programMapTable[pid];
- this.push = function (chunk) {
- var tag, frameStart, frameSize, frame, i, frameHeader;
+ switch (type) {
+ case streamTypes.H264_STREAM_TYPE:
+ return 'video';
- if (chunk.type !== 'timed-metadata') {
- return;
- } // if data_alignment_indicator is set in the PES header,
- // we must have the start of a new ID3 tag. Assume anything
- // remaining in the buffer was malformed and throw it out
+ case streamTypes.ADTS_STREAM_TYPE:
+ return 'audio';
+ case streamTypes.METADATA_STREAM_TYPE:
+ return 'timed-metadata';
+
+ default:
+ return null;
+ }
+ };
- if (chunk.dataAlignmentIndicator) {
- bufferSize = 0;
- buffer.length = 0;
- } // ignore events that don't look like ID3 data
+ var parsePesTime = function parsePesTime(packet) {
+ var pusi = parsePayloadUnitStartIndicator(packet);
+ if (!pusi) {
+ return null;
+ }
- if (buffer.length === 0 && (chunk.data.length < 10 || chunk.data[0] !== 'I'.charCodeAt(0) || chunk.data[1] !== 'D'.charCodeAt(0) || chunk.data[2] !== '3'.charCodeAt(0))) {
- if (settings.debug) {
- // eslint-disable-next-line no-console
- console.log('Skipping unrecognized metadata packet');
- }
+ var offset = 4 + parseAdaptionField(packet);
- return;
- } // add this chunk to the data we've collected so far
+ if (offset >= packet.byteLength) {
+ // From the H 222.0 MPEG-TS spec
+ // "For transport stream packets carrying PES packets, stuffing is needed when there
+ // is insufficient PES packet data to completely fill the transport stream packet
+ // payload bytes. Stuffing is accomplished by defining an adaptation field longer than
+ // the sum of the lengths of the data elements in it, so that the payload bytes
+ // remaining after the adaptation field exactly accommodates the available PES packet
+ // data."
+ //
+ // If the offset is >= the length of the packet, then the packet contains no data
+ // and instead is just adaption field stuffing bytes
+ return null;
+ }
+ var pes = null;
+ var ptsDtsFlags; // PES packets may be annotated with a PTS value, or a PTS value
+ // and a DTS value. Determine what combination of values is
+ // available to work with.
- buffer.push(chunk);
- bufferSize += chunk.data.byteLength; // grab the size of the entire frame from the ID3 header
+ ptsDtsFlags = packet[offset + 7]; // PTS and DTS are normally stored as a 33-bit number. Javascript
+ // performs all bitwise operations on 32-bit integers but javascript
+ // supports a much greater range (52-bits) of integer using standard
+ // mathematical operations.
+ // We construct a 31-bit value using bitwise operators over the 31
+ // most significant bits and then multiply by 4 (equal to a left-shift
+ // of 2) before we add the final 2 least significant bits of the
+ // timestamp (equal to an OR.)
- if (buffer.length === 1) {
- // the frame size is transmitted as a 28-bit integer in the
- // last four bytes of the ID3 header.
- // The most significant bit of each byte is dropped and the
- // results concatenated to recover the actual value.
- tagSize = parseSyncSafeInteger(chunk.data.subarray(6, 10)); // ID3 reports the tag size excluding the header but it's more
- // convenient for our comparisons to include it
+ if (ptsDtsFlags & 0xC0) {
+ pes = {}; // the PTS and DTS are not written out directly. For information
+ // on how they are encoded, see
+ // http://dvd.sourceforge.net/dvdinfo/pes-hdr.html
- tagSize += 10;
- } // if the entire frame has not arrived, wait for more data
+ pes.pts = (packet[offset + 9] & 0x0E) << 27 | (packet[offset + 10] & 0xFF) << 20 | (packet[offset + 11] & 0xFE) << 12 | (packet[offset + 12] & 0xFF) << 5 | (packet[offset + 13] & 0xFE) >>> 3;
+ pes.pts *= 4; // Left shift by 2
+ pes.pts += (packet[offset + 13] & 0x06) >>> 1; // OR by the two LSBs
- if (bufferSize < tagSize) {
- return;
- } // collect the entire frame so it can be parsed
+ pes.dts = pes.pts;
+ if (ptsDtsFlags & 0x40) {
+ pes.dts = (packet[offset + 14] & 0x0E) << 27 | (packet[offset + 15] & 0xFF) << 20 | (packet[offset + 16] & 0xFE) << 12 | (packet[offset + 17] & 0xFF) << 5 | (packet[offset + 18] & 0xFE) >>> 3;
+ pes.dts *= 4; // Left shift by 2
- tag = {
- data: new Uint8Array(tagSize),
- frames: [],
- pts: buffer[0].pts,
- dts: buffer[0].dts
- };
+ pes.dts += (packet[offset + 18] & 0x06) >>> 1; // OR by the two LSBs
+ }
+ }
- for (i = 0; i < tagSize;) {
- tag.data.set(buffer[0].data.subarray(0, tagSize - i), i);
- i += buffer[0].data.byteLength;
- bufferSize -= buffer[0].data.byteLength;
- buffer.shift();
- } // find the start of the first frame and the end of the tag
+ return pes;
+ };
+ var parseNalUnitType = function parseNalUnitType(type) {
+ switch (type) {
+ case 0x05:
+ return 'slice_layer_without_partitioning_rbsp_idr';
- frameStart = 10;
+ case 0x06:
+ return 'sei_rbsp';
- if (tag.data[5] & 0x40) {
- // advance the frame start past the extended header
- frameStart += 4; // header size field
+ case 0x07:
+ return 'seq_parameter_set_rbsp';
- frameStart += parseSyncSafeInteger(tag.data.subarray(10, 14)); // clip any padding off the end
+ case 0x08:
+ return 'pic_parameter_set_rbsp';
- tagSize -= parseSyncSafeInteger(tag.data.subarray(16, 20));
- } // parse one or more ID3 frames
- // http://id3.org/id3v2.3.0#ID3v2_frame_overview
+ case 0x09:
+ return 'access_unit_delimiter_rbsp';
+ default:
+ return null;
+ }
+ };
- do {
- // determine the number of bytes in this frame
- frameSize = parseSyncSafeInteger(tag.data.subarray(frameStart + 4, frameStart + 8));
+ var videoPacketContainsKeyFrame = function videoPacketContainsKeyFrame(packet) {
+ var offset = 4 + parseAdaptionField(packet);
+ var frameBuffer = packet.subarray(offset);
+ var frameI = 0;
+ var frameSyncPoint = 0;
+ var foundKeyFrame = false;
+ var nalType; // advance the sync point to a NAL start, if necessary
+
+ for (; frameSyncPoint < frameBuffer.byteLength - 3; frameSyncPoint++) {
+ if (frameBuffer[frameSyncPoint + 2] === 1) {
+ // the sync point is properly aligned
+ frameI = frameSyncPoint + 5;
+ break;
+ }
+ }
- if (frameSize < 1) {
- // eslint-disable-next-line no-console
- return console.log('Malformed ID3 frame encountered. Skipping metadata parsing.');
+ while (frameI < frameBuffer.byteLength) {
+ // look at the current byte to determine if we've hit the end of
+ // a NAL unit boundary
+ switch (frameBuffer[frameI]) {
+ case 0:
+ // skip past non-sync sequences
+ if (frameBuffer[frameI - 1] !== 0) {
+ frameI += 2;
+ break;
+ } else if (frameBuffer[frameI - 2] !== 0) {
+ frameI++;
+ break;
}
- frameHeader = String.fromCharCode(tag.data[frameStart], tag.data[frameStart + 1], tag.data[frameStart + 2], tag.data[frameStart + 3]);
- frame = {
- id: frameHeader,
- data: tag.data.subarray(frameStart + 10, frameStart + frameSize + 10)
- };
- frame.key = frame.id;
+ if (frameSyncPoint + 3 !== frameI - 2) {
+ nalType = parseNalUnitType(frameBuffer[frameSyncPoint + 3] & 0x1f);
- if (tagParsers[frame.id]) {
- tagParsers[frame.id](frame); // handle the special PRIV frame used to indicate the start
- // time for raw AAC data
+ if (nalType === 'slice_layer_without_partitioning_rbsp_idr') {
+ foundKeyFrame = true;
+ }
+ } // drop trailing zeroes
- if (frame.owner === 'com.apple.streaming.transportStreamTimestamp') {
- var d = frame.data,
- size = (d[3] & 0x01) << 30 | d[4] << 22 | d[5] << 14 | d[6] << 6 | d[7] >>> 2;
- size *= 4;
- size += d[7] & 0x03;
- frame.timeStamp = size; // in raw AAC, all subsequent data will be timestamped based
- // on the value of this frame
- // we couldn't have known the appropriate pts and dts before
- // parsing this ID3 tag so set those values now
-
- if (tag.pts === undefined && tag.dts === undefined) {
- tag.pts = frame.timeStamp;
- tag.dts = frame.timeStamp;
- }
- this.trigger('timestamp', frame);
- }
+ do {
+ frameI++;
+ } while (frameBuffer[frameI] !== 1 && frameI < frameBuffer.length);
+
+ frameSyncPoint = frameI - 2;
+ frameI += 3;
+ break;
+
+ case 1:
+ // skip past non-sync sequences
+ if (frameBuffer[frameI - 1] !== 0 || frameBuffer[frameI - 2] !== 0) {
+ frameI += 3;
+ break;
}
- tag.frames.push(frame);
- frameStart += 10; // advance past the frame header
+ nalType = parseNalUnitType(frameBuffer[frameSyncPoint + 3] & 0x1f);
- frameStart += frameSize; // advance past the frame body
- } while (frameStart < tagSize);
+ if (nalType === 'slice_layer_without_partitioning_rbsp_idr') {
+ foundKeyFrame = true;
+ }
- this.trigger('data', tag);
- };
- };
+ frameSyncPoint = frameI - 2;
+ frameI += 3;
+ break;
- _MetadataStream.prototype = new stream();
- var metadataStream = _MetadataStream;
- var TimestampRolloverStream$1 = timestampRolloverStream.TimestampRolloverStream; // object types
+ default:
+ // the current byte isn't a one or zero, so it cannot be part
+ // of a sync sequence
+ frameI += 3;
+ break;
+ }
+ }
- var _TransportPacketStream, _TransportParseStream, _ElementaryStream; // constants
+ frameBuffer = frameBuffer.subarray(frameSyncPoint);
+ frameI -= frameSyncPoint;
+ frameSyncPoint = 0; // parse the final nal
+ if (frameBuffer && frameBuffer.byteLength > 3) {
+ nalType = parseNalUnitType(frameBuffer[frameSyncPoint + 3] & 0x1f);
- var MP2T_PACKET_LENGTH = 188,
- // bytes
- SYNC_BYTE = 0x47;
- /**
- * Splits an incoming stream of binary data into MPEG-2 Transport
- * Stream packets.
- */
+ if (nalType === 'slice_layer_without_partitioning_rbsp_idr') {
+ foundKeyFrame = true;
+ }
+ }
- _TransportPacketStream = function TransportPacketStream() {
- var buffer = new Uint8Array(MP2T_PACKET_LENGTH),
- bytesInBuffer = 0;
+ return foundKeyFrame;
+ };
- _TransportPacketStream.prototype.init.call(this); // Deliver new bytes to the stream.
+ var probe$1 = {
+ parseType: parseType,
+ parsePat: parsePat,
+ parsePmt: parsePmt,
+ parsePayloadUnitStartIndicator: parsePayloadUnitStartIndicator,
+ parsePesType: parsePesType,
+ parsePesTime: parsePesTime,
+ videoPacketContainsKeyFrame: videoPacketContainsKeyFrame
+ };
+ var handleRollover = timestampRolloverStream.handleRollover;
+ var probe = {};
+ probe.ts = probe$1;
+ probe.aac = utils;
+ var ONE_SECOND_IN_TS = clock.ONE_SECOND_IN_TS;
+ var MP2T_PACKET_LENGTH = 188,
+ // bytes
+ SYNC_BYTE = 0x47;
+ /**
+ * walks through segment data looking for pat and pmt packets to parse out
+ * program map table information
+ */
+
+ var parsePsi_ = function parsePsi_(bytes, pmt) {
+ var startIndex = 0,
+ endIndex = MP2T_PACKET_LENGTH,
+ packet,
+ type;
+
+ while (endIndex < bytes.byteLength) {
+ // Look for a pair of start and end sync bytes in the data..
+ if (bytes[startIndex] === SYNC_BYTE && bytes[endIndex] === SYNC_BYTE) {
+ // We found a packet
+ packet = bytes.subarray(startIndex, endIndex);
+ type = probe.ts.parseType(packet, pmt.pid);
+
+ switch (type) {
+ case 'pat':
+ pmt.pid = probe.ts.parsePat(packet);
+ break;
- /**
- * Split a stream of data into M2TS packets
- **/
+ case 'pmt':
+ var table = probe.ts.parsePmt(packet);
+ pmt.table = pmt.table || {};
+ Object.keys(table).forEach(function (key) {
+ pmt.table[key] = table[key];
+ });
+ break;
+ }
+ startIndex += MP2T_PACKET_LENGTH;
+ endIndex += MP2T_PACKET_LENGTH;
+ continue;
+ } // If we get here, we have somehow become de-synchronized and we need to step
+ // forward one byte at a time until we find a pair of sync bytes that denote
+ // a packet
- this.push = function (bytes) {
- var startIndex = 0,
- endIndex = MP2T_PACKET_LENGTH,
- everything; // If there are bytes remaining from the last segment, prepend them to the
- // bytes that were pushed in
- if (bytesInBuffer) {
- everything = new Uint8Array(bytes.byteLength + bytesInBuffer);
- everything.set(buffer.subarray(0, bytesInBuffer));
- everything.set(bytes, bytesInBuffer);
- bytesInBuffer = 0;
- } else {
- everything = bytes;
- } // While we have enough data for a packet
-
-
- while (endIndex < everything.byteLength) {
- // Look for a pair of start and end sync bytes in the data..
- if (everything[startIndex] === SYNC_BYTE && everything[endIndex] === SYNC_BYTE) {
- // We found a packet so emit it and jump one whole packet forward in
- // the stream
- this.trigger('data', everything.subarray(startIndex, endIndex));
- startIndex += MP2T_PACKET_LENGTH;
- endIndex += MP2T_PACKET_LENGTH;
- continue;
- } // If we get here, we have somehow become de-synchronized and we need to step
- // forward one byte at a time until we find a pair of sync bytes that denote
- // a packet
+ startIndex++;
+ endIndex++;
+ }
+ };
+ /**
+ * walks through the segment data from the start and end to get timing information
+ * for the first and last audio pes packets
+ */
- startIndex++;
- endIndex++;
- } // If there was some data left over at the end of the segment that couldn't
- // possibly be a whole packet, keep it because it might be the start of a packet
- // that continues in the next segment
+ var parseAudioPes_ = function parseAudioPes_(bytes, pmt, result) {
+ var startIndex = 0,
+ endIndex = MP2T_PACKET_LENGTH,
+ packet,
+ type,
+ pesType,
+ pusi,
+ parsed;
+ var endLoop = false; // Start walking from start of segment to get first audio packet
+ while (endIndex <= bytes.byteLength) {
+ // Look for a pair of start and end sync bytes in the data..
+ if (bytes[startIndex] === SYNC_BYTE && (bytes[endIndex] === SYNC_BYTE || endIndex === bytes.byteLength)) {
+ // We found a packet
+ packet = bytes.subarray(startIndex, endIndex);
+ type = probe.ts.parseType(packet, pmt.pid);
- if (startIndex < everything.byteLength) {
- buffer.set(everything.subarray(startIndex), 0);
- bytesInBuffer = everything.byteLength - startIndex;
- }
- };
- /**
- * Passes identified M2TS packets to the TransportParseStream to be parsed
- **/
+ switch (type) {
+ case 'pes':
+ pesType = probe.ts.parsePesType(packet, pmt.table);
+ pusi = probe.ts.parsePayloadUnitStartIndicator(packet);
+ if (pesType === 'audio' && pusi) {
+ parsed = probe.ts.parsePesTime(packet);
+
+ if (parsed) {
+ parsed.type = 'audio';
+ result.audio.push(parsed);
+ endLoop = true;
+ }
+ }
- this.flush = function () {
- // If the buffer contains a whole packet when we are being flushed, emit it
- // and empty the buffer. Otherwise hold onto the data because it may be
- // important for decoding the next segment
- if (bytesInBuffer === MP2T_PACKET_LENGTH && buffer[0] === SYNC_BYTE) {
- this.trigger('data', buffer);
- bytesInBuffer = 0;
+ break;
}
- this.trigger('done');
- };
+ if (endLoop) {
+ break;
+ }
- this.endTimeline = function () {
- this.flush();
- this.trigger('endedtimeline');
- };
+ startIndex += MP2T_PACKET_LENGTH;
+ endIndex += MP2T_PACKET_LENGTH;
+ continue;
+ } // If we get here, we have somehow become de-synchronized and we need to step
+ // forward one byte at a time until we find a pair of sync bytes that denote
+ // a packet
- this.reset = function () {
- bytesInBuffer = 0;
- this.trigger('reset');
- };
- };
- _TransportPacketStream.prototype = new stream();
- /**
- * Accepts an MP2T TransportPacketStream and emits data events with parsed
- * forms of the individual transport stream packets.
- */
+ startIndex++;
+ endIndex++;
+ } // Start walking from end of segment to get last audio packet
- _TransportParseStream = function TransportParseStream() {
- var parsePsi, parsePat, parsePmt, self;
- _TransportParseStream.prototype.init.call(this);
+ endIndex = bytes.byteLength;
+ startIndex = endIndex - MP2T_PACKET_LENGTH;
+ endLoop = false;
- self = this;
- this.packetsWaitingForPmt = [];
- this.programMapTable = undefined;
+ while (startIndex >= 0) {
+ // Look for a pair of start and end sync bytes in the data..
+ if (bytes[startIndex] === SYNC_BYTE && (bytes[endIndex] === SYNC_BYTE || endIndex === bytes.byteLength)) {
+ // We found a packet
+ packet = bytes.subarray(startIndex, endIndex);
+ type = probe.ts.parseType(packet, pmt.pid);
- parsePsi = function parsePsi(payload, psi) {
- var offset = 0; // PSI packets may be split into multiple sections and those
- // sections may be split into multiple packets. If a PSI
- // section starts in this packet, the payload_unit_start_indicator
- // will be true and the first byte of the payload will indicate
- // the offset from the current position to the start of the
- // section.
+ switch (type) {
+ case 'pes':
+ pesType = probe.ts.parsePesType(packet, pmt.table);
+ pusi = probe.ts.parsePayloadUnitStartIndicator(packet);
- if (psi.payloadUnitStartIndicator) {
- offset += payload[offset] + 1;
- }
+ if (pesType === 'audio' && pusi) {
+ parsed = probe.ts.parsePesTime(packet);
- if (psi.type === 'pat') {
- parsePat(payload.subarray(offset), psi);
- } else {
- parsePmt(payload.subarray(offset), psi);
+ if (parsed) {
+ parsed.type = 'audio';
+ result.audio.push(parsed);
+ endLoop = true;
+ }
+ }
+
+ break;
}
- };
- parsePat = function parsePat(payload, pat) {
- pat.section_number = payload[7]; // eslint-disable-line camelcase
+ if (endLoop) {
+ break;
+ }
- pat.last_section_number = payload[8]; // eslint-disable-line camelcase
- // skip the PSI header and parse the first PMT entry
+ startIndex -= MP2T_PACKET_LENGTH;
+ endIndex -= MP2T_PACKET_LENGTH;
+ continue;
+ } // If we get here, we have somehow become de-synchronized and we need to step
+ // forward one byte at a time until we find a pair of sync bytes that denote
+ // a packet
- self.pmtPid = (payload[10] & 0x1F) << 8 | payload[11];
- pat.pmtPid = self.pmtPid;
- };
- /**
- * Parse out the relevant fields of a Program Map Table (PMT).
- * @param payload {Uint8Array} the PMT-specific portion of an MP2T
- * packet. The first byte in this array should be the table_id
- * field.
- * @param pmt {object} the object that should be decorated with
- * fields parsed from the PMT.
- */
+ startIndex--;
+ endIndex--;
+ }
+ };
+ /**
+ * walks through the segment data from the start and end to get timing information
+ * for the first and last video pes packets as well as timing information for the first
+ * key frame.
+ */
+
+
+ var parseVideoPes_ = function parseVideoPes_(bytes, pmt, result) {
+ var startIndex = 0,
+ endIndex = MP2T_PACKET_LENGTH,
+ packet,
+ type,
+ pesType,
+ pusi,
+ parsed,
+ frame,
+ i,
+ pes;
+ var endLoop = false;
+ var currentFrame = {
+ data: [],
+ size: 0
+ }; // Start walking from start of segment to get first video packet
+
+ while (endIndex < bytes.byteLength) {
+ // Look for a pair of start and end sync bytes in the data..
+ if (bytes[startIndex] === SYNC_BYTE && bytes[endIndex] === SYNC_BYTE) {
+ // We found a packet
+ packet = bytes.subarray(startIndex, endIndex);
+ type = probe.ts.parseType(packet, pmt.pid);
+
+ switch (type) {
+ case 'pes':
+ pesType = probe.ts.parsePesType(packet, pmt.table);
+ pusi = probe.ts.parsePayloadUnitStartIndicator(packet);
+
+ if (pesType === 'video') {
+ if (pusi && !endLoop) {
+ parsed = probe.ts.parsePesTime(packet);
+
+ if (parsed) {
+ parsed.type = 'video';
+ result.video.push(parsed);
+ endLoop = true;
+ }
+ }
- parsePmt = function parsePmt(payload, pmt) {
- var sectionLength, tableEnd, programInfoLength, offset; // PMTs can be sent ahead of the time when they should actually
- // take effect. We don't believe this should ever be the case
- // for HLS but we'll ignore "forward" PMT declarations if we see
- // them. Future PMT declarations have the current_next_indicator
- // set to zero.
+ if (!result.firstKeyFrame) {
+ if (pusi) {
+ if (currentFrame.size !== 0) {
+ frame = new Uint8Array(currentFrame.size);
+ i = 0;
- if (!(payload[5] & 0x01)) {
- return;
- } // overwrite any existing program map table
+ while (currentFrame.data.length) {
+ pes = currentFrame.data.shift();
+ frame.set(pes, i);
+ i += pes.byteLength;
+ }
+ if (probe.ts.videoPacketContainsKeyFrame(frame)) {
+ var firstKeyFrame = probe.ts.parsePesTime(frame); // PTS/DTS may not be available. Simply *not* setting
+ // the keyframe seems to work fine with HLS playback
+ // and definitely preferable to a crash with TypeError...
+
+ if (firstKeyFrame) {
+ result.firstKeyFrame = firstKeyFrame;
+ result.firstKeyFrame.type = 'video';
+ } else {
+ // eslint-disable-next-line
+ console.warn('Failed to extract PTS/DTS from PES at first keyframe. ' + 'This could be an unusual TS segment, or else mux.js did not ' + 'parse your TS segment correctly. If you know your TS ' + 'segments do contain PTS/DTS on keyframes please file a bug ' + 'report! You can try ffprobe to double check for yourself.');
+ }
+ }
- self.programMapTable = {
- video: null,
- audio: null,
- 'timed-metadata': {}
- }; // the mapping table ends at the end of the current section
+ currentFrame.size = 0;
+ }
+ }
- sectionLength = (payload[1] & 0x0f) << 8 | payload[2];
- tableEnd = 3 + sectionLength - 4; // to determine where the table is, we have to figure out how
- // long the program info descriptors are
+ currentFrame.data.push(packet);
+ currentFrame.size += packet.byteLength;
+ }
+ }
- programInfoLength = (payload[10] & 0x0f) << 8 | payload[11]; // advance the offset to the first entry in the mapping table
+ break;
+ }
- offset = 12 + programInfoLength;
+ if (endLoop && result.firstKeyFrame) {
+ break;
+ }
- while (offset < tableEnd) {
- var streamType = payload[offset];
- var pid = (payload[offset + 1] & 0x1F) << 8 | payload[offset + 2]; // only map a single elementary_pid for audio and video stream types
- // TODO: should this be done for metadata too? for now maintain behavior of
- // multiple metadata streams
+ startIndex += MP2T_PACKET_LENGTH;
+ endIndex += MP2T_PACKET_LENGTH;
+ continue;
+ } // If we get here, we have somehow become de-synchronized and we need to step
+ // forward one byte at a time until we find a pair of sync bytes that denote
+ // a packet
- if (streamType === streamTypes.H264_STREAM_TYPE && self.programMapTable.video === null) {
- self.programMapTable.video = pid;
- } else if (streamType === streamTypes.ADTS_STREAM_TYPE && self.programMapTable.audio === null) {
- self.programMapTable.audio = pid;
- } else if (streamType === streamTypes.METADATA_STREAM_TYPE) {
- // map pid to stream type for metadata streams
- self.programMapTable['timed-metadata'][pid] = streamType;
- } // move to the next table entry
- // skip past the elementary stream descriptors, if present
+ startIndex++;
+ endIndex++;
+ } // Start walking from end of segment to get last video packet
- offset += ((payload[offset + 3] & 0x0F) << 8 | payload[offset + 4]) + 5;
- } // record the map on the packet as well
+ endIndex = bytes.byteLength;
+ startIndex = endIndex - MP2T_PACKET_LENGTH;
+ endLoop = false;
- pmt.programMapTable = self.programMapTable;
- };
- /**
- * Deliver a new MP2T packet to the next stream in the pipeline.
- */
+ while (startIndex >= 0) {
+ // Look for a pair of start and end sync bytes in the data..
+ if (bytes[startIndex] === SYNC_BYTE && bytes[endIndex] === SYNC_BYTE) {
+ // We found a packet
+ packet = bytes.subarray(startIndex, endIndex);
+ type = probe.ts.parseType(packet, pmt.pid);
+ switch (type) {
+ case 'pes':
+ pesType = probe.ts.parsePesType(packet, pmt.table);
+ pusi = probe.ts.parsePayloadUnitStartIndicator(packet);
- this.push = function (packet) {
- var result = {},
- offset = 4;
- result.payloadUnitStartIndicator = !!(packet[1] & 0x40); // pid is a 13-bit field starting at the last bit of packet[1]
+ if (pesType === 'video' && pusi) {
+ parsed = probe.ts.parsePesTime(packet);
- result.pid = packet[1] & 0x1f;
- result.pid <<= 8;
- result.pid |= packet[2]; // if an adaption field is present, its length is specified by the
- // fifth byte of the TS packet header. The adaptation field is
- // used to add stuffing to PES packets that don't fill a complete
- // TS packet, and to specify some forms of timing and control data
- // that we do not currently use.
+ if (parsed) {
+ parsed.type = 'video';
+ result.video.push(parsed);
+ endLoop = true;
+ }
+ }
- if ((packet[3] & 0x30) >>> 4 > 0x01) {
- offset += packet[offset] + 1;
- } // parse the rest of the packet based on the type
+ break;
+ }
+ if (endLoop) {
+ break;
+ }
- if (result.pid === 0) {
- result.type = 'pat';
- parsePsi(packet.subarray(offset), result);
- this.trigger('data', result);
- } else if (result.pid === this.pmtPid) {
- result.type = 'pmt';
- parsePsi(packet.subarray(offset), result);
- this.trigger('data', result); // if there are any packets waiting for a PMT to be found, process them now
+ startIndex -= MP2T_PACKET_LENGTH;
+ endIndex -= MP2T_PACKET_LENGTH;
+ continue;
+ } // If we get here, we have somehow become de-synchronized and we need to step
+ // forward one byte at a time until we find a pair of sync bytes that denote
+ // a packet
- while (this.packetsWaitingForPmt.length) {
- this.processPes_.apply(this, this.packetsWaitingForPmt.shift());
- }
- } else if (this.programMapTable === undefined) {
- // When we have not seen a PMT yet, defer further processing of
- // PES packets until one has been parsed
- this.packetsWaitingForPmt.push([packet, offset, result]);
- } else {
- this.processPes_(packet, offset, result);
- }
- };
- this.processPes_ = function (packet, offset, result) {
- // set the appropriate stream type
- if (result.pid === this.programMapTable.video) {
- result.streamType = streamTypes.H264_STREAM_TYPE;
- } else if (result.pid === this.programMapTable.audio) {
- result.streamType = streamTypes.ADTS_STREAM_TYPE;
- } else {
- // if not video or audio, it is timed-metadata or unknown
- // if unknown, streamType will be undefined
- result.streamType = this.programMapTable['timed-metadata'][result.pid];
- }
+ startIndex--;
+ endIndex--;
+ }
+ };
+ /**
+ * Adjusts the timestamp information for the segment to account for
+ * rollover and convert to seconds based on pes packet timescale (90khz clock)
+ */
- result.type = 'pes';
- result.data = packet.subarray(offset);
- this.trigger('data', result);
- };
- };
- _TransportParseStream.prototype = new stream();
- _TransportParseStream.STREAM_TYPES = {
- h264: 0x1b,
- adts: 0x0f
- };
- /**
- * Reconsistutes program elementary stream (PES) packets from parsed
- * transport stream packets. That is, if you pipe an
- * mp2t.TransportParseStream into a mp2t.ElementaryStream, the output
- * events will be events which capture the bytes for individual PES
- * packets plus relevant metadata that has been extracted from the
- * container.
- */
+ var adjustTimestamp_ = function adjustTimestamp_(segmentInfo, baseTimestamp) {
+ if (segmentInfo.audio && segmentInfo.audio.length) {
+ var audioBaseTimestamp = baseTimestamp;
- _ElementaryStream = function ElementaryStream() {
- var self = this,
- // PES packet fragments
- video = {
- data: [],
- size: 0
- },
- audio = {
- data: [],
- size: 0
- },
- timedMetadata = {
- data: [],
- size: 0
- },
- programMapTable,
- parsePes = function parsePes(payload, pes) {
- var ptsDtsFlags; // get the packet length, this will be 0 for video
+ if (typeof audioBaseTimestamp === 'undefined' || isNaN(audioBaseTimestamp)) {
+ audioBaseTimestamp = segmentInfo.audio[0].dts;
+ }
- pes.packetLength = 6 + (payload[4] << 8 | payload[5]); // find out if this packets starts a new keyframe
+ segmentInfo.audio.forEach(function (info) {
+ info.dts = handleRollover(info.dts, audioBaseTimestamp);
+ info.pts = handleRollover(info.pts, audioBaseTimestamp); // time in seconds
- pes.dataAlignmentIndicator = (payload[6] & 0x04) !== 0; // PES packets may be annotated with a PTS value, or a PTS value
- // and a DTS value. Determine what combination of values is
- // available to work with.
+ info.dtsTime = info.dts / ONE_SECOND_IN_TS;
+ info.ptsTime = info.pts / ONE_SECOND_IN_TS;
+ });
+ }
- ptsDtsFlags = payload[7]; // PTS and DTS are normally stored as a 33-bit number. Javascript
- // performs all bitwise operations on 32-bit integers but javascript
- // supports a much greater range (52-bits) of integer using standard
- // mathematical operations.
- // We construct a 31-bit value using bitwise operators over the 31
- // most significant bits and then multiply by 4 (equal to a left-shift
- // of 2) before we add the final 2 least significant bits of the
- // timestamp (equal to an OR.)
+ if (segmentInfo.video && segmentInfo.video.length) {
+ var videoBaseTimestamp = baseTimestamp;
- if (ptsDtsFlags & 0xC0) {
- // the PTS and DTS are not written out directly. For information
- // on how they are encoded, see
- // http://dvd.sourceforge.net/dvdinfo/pes-hdr.html
- pes.pts = (payload[9] & 0x0E) << 27 | (payload[10] & 0xFF) << 20 | (payload[11] & 0xFE) << 12 | (payload[12] & 0xFF) << 5 | (payload[13] & 0xFE) >>> 3;
- pes.pts *= 4; // Left shift by 2
+ if (typeof videoBaseTimestamp === 'undefined' || isNaN(videoBaseTimestamp)) {
+ videoBaseTimestamp = segmentInfo.video[0].dts;
+ }
- pes.pts += (payload[13] & 0x06) >>> 1; // OR by the two LSBs
+ segmentInfo.video.forEach(function (info) {
+ info.dts = handleRollover(info.dts, videoBaseTimestamp);
+ info.pts = handleRollover(info.pts, videoBaseTimestamp); // time in seconds
- pes.dts = pes.pts;
+ info.dtsTime = info.dts / ONE_SECOND_IN_TS;
+ info.ptsTime = info.pts / ONE_SECOND_IN_TS;
+ });
- if (ptsDtsFlags & 0x40) {
- pes.dts = (payload[14] & 0x0E) << 27 | (payload[15] & 0xFF) << 20 | (payload[16] & 0xFE) << 12 | (payload[17] & 0xFF) << 5 | (payload[18] & 0xFE) >>> 3;
- pes.dts *= 4; // Left shift by 2
+ if (segmentInfo.firstKeyFrame) {
+ var frame = segmentInfo.firstKeyFrame;
+ frame.dts = handleRollover(frame.dts, videoBaseTimestamp);
+ frame.pts = handleRollover(frame.pts, videoBaseTimestamp); // time in seconds
- pes.dts += (payload[18] & 0x06) >>> 1; // OR by the two LSBs
- }
- } // the data section starts immediately after the PES header.
- // pes_header_data_length specifies the number of header bytes
- // that follow the last byte of the field.
+ frame.dtsTime = frame.dts / ONE_SECOND_IN_TS;
+ frame.ptsTime = frame.pts / ONE_SECOND_IN_TS;
+ }
+ }
+ };
+ /**
+ * inspects the aac data stream for start and end time information
+ */
- pes.data = payload.subarray(9 + payload[8]);
- },
+ var inspectAac_ = function inspectAac_(bytes) {
+ var endLoop = false,
+ audioCount = 0,
+ sampleRate = null,
+ timestamp = null,
+ frameSize = 0,
+ byteIndex = 0,
+ packet;
- /**
- * Pass completely parsed PES packets to the next stream in the pipeline
- **/
- flushStream = function flushStream(stream$$1, type, forceFlush) {
- var packetData = new Uint8Array(stream$$1.size),
- event = {
- type: type
- },
- i = 0,
- offset = 0,
- packetFlushable = false,
- fragment; // do nothing if there is not enough buffered data for a complete
- // PES header
+ while (bytes.length - byteIndex >= 3) {
+ var type = probe.aac.parseType(bytes, byteIndex);
- if (!stream$$1.data.length || stream$$1.size < 9) {
- return;
- }
+ switch (type) {
+ case 'timed-metadata':
+ // Exit early because we don't have enough to parse
+ // the ID3 tag header
+ if (bytes.length - byteIndex < 10) {
+ endLoop = true;
+ break;
+ }
- event.trackId = stream$$1.data[0].pid; // reassemble the packet
+ frameSize = probe.aac.parseId3TagSize(bytes, byteIndex); // Exit early if we don't have enough in the buffer
+ // to emit a full packet
- for (i = 0; i < stream$$1.data.length; i++) {
- fragment = stream$$1.data[i];
- packetData.set(fragment.data, offset);
- offset += fragment.data.byteLength;
- } // parse assembled packet's PES header
+ if (frameSize > bytes.length) {
+ endLoop = true;
+ break;
+ }
+ if (timestamp === null) {
+ packet = bytes.subarray(byteIndex, byteIndex + frameSize);
+ timestamp = probe.aac.parseAacTimestamp(packet);
+ }
- parsePes(packetData, event); // non-video PES packets MUST have a non-zero PES_packet_length
- // check that there is enough stream data to fill the packet
+ byteIndex += frameSize;
+ break;
- packetFlushable = type === 'video' || event.packetLength <= stream$$1.size; // flush pending packets if the conditions are right
+ case 'audio':
+ // Exit early because we don't have enough to parse
+ // the ADTS frame header
+ if (bytes.length - byteIndex < 7) {
+ endLoop = true;
+ break;
+ }
- if (forceFlush || packetFlushable) {
- stream$$1.size = 0;
- stream$$1.data.length = 0;
- } // only emit packets that are complete. this is to avoid assembling
- // incomplete PES packets due to poor segmentation
+ frameSize = probe.aac.parseAdtsSize(bytes, byteIndex); // Exit early if we don't have enough in the buffer
+ // to emit a full packet
+ if (frameSize > bytes.length) {
+ endLoop = true;
+ break;
+ }
- if (packetFlushable) {
- self.trigger('data', event);
- }
- };
+ if (sampleRate === null) {
+ packet = bytes.subarray(byteIndex, byteIndex + frameSize);
+ sampleRate = probe.aac.parseSampleRate(packet);
+ }
- _ElementaryStream.prototype.init.call(this);
- /**
- * Identifies M2TS packet types and parses PES packets using metadata
- * parsed from the PMT
- **/
+ audioCount++;
+ byteIndex += frameSize;
+ break;
+ default:
+ byteIndex++;
+ break;
+ }
- this.push = function (data) {
- ({
- pat: function pat() {// we have to wait for the PMT to arrive as well before we
- // have any meaningful metadata
- },
- pes: function pes() {
- var stream$$1, streamType;
-
- switch (data.streamType) {
- case streamTypes.H264_STREAM_TYPE:
- case streamTypes.H264_STREAM_TYPE:
- stream$$1 = video;
- streamType = 'video';
- break;
+ if (endLoop) {
+ return null;
+ }
+ }
- case streamTypes.ADTS_STREAM_TYPE:
- stream$$1 = audio;
- streamType = 'audio';
- break;
+ if (sampleRate === null || timestamp === null) {
+ return null;
+ }
- case streamTypes.METADATA_STREAM_TYPE:
- stream$$1 = timedMetadata;
- streamType = 'timed-metadata';
- break;
+ var audioTimescale = ONE_SECOND_IN_TS / sampleRate;
+ var result = {
+ audio: [{
+ type: 'audio',
+ dts: timestamp,
+ pts: timestamp
+ }, {
+ type: 'audio',
+ dts: timestamp + audioCount * 1024 * audioTimescale,
+ pts: timestamp + audioCount * 1024 * audioTimescale
+ }]
+ };
+ return result;
+ };
+ /**
+ * inspects the transport stream segment data for start and end time information
+ * of the audio and video tracks (when present) as well as the first key frame's
+ * start time.
+ */
- default:
- // ignore unknown stream types
- return;
- } // if a new packet is starting, we can flush the completed
- // packet
+ var inspectTs_ = function inspectTs_(bytes) {
+ var pmt = {
+ pid: null,
+ table: null
+ };
+ var result = {};
+ parsePsi_(bytes, pmt);
- if (data.payloadUnitStartIndicator) {
- flushStream(stream$$1, streamType, true);
- } // buffer this fragment until we are sure we've received the
- // complete payload
+ for (var pid in pmt.table) {
+ if (pmt.table.hasOwnProperty(pid)) {
+ var type = pmt.table[pid];
+ switch (type) {
+ case streamTypes.H264_STREAM_TYPE:
+ result.video = [];
+ parseVideoPes_(bytes, pmt, result);
- stream$$1.data.push(data);
- stream$$1.size += data.data.byteLength;
- },
- pmt: function pmt() {
- var event = {
- type: 'metadata',
- tracks: []
- };
- programMapTable = data.programMapTable; // translate audio and video streams to tracks
-
- if (programMapTable.video !== null) {
- event.tracks.push({
- timelineStartInfo: {
- baseMediaDecodeTime: 0
- },
- id: +programMapTable.video,
- codec: 'avc',
- type: 'video'
- });
+ if (result.video.length === 0) {
+ delete result.video;
}
- if (programMapTable.audio !== null) {
- event.tracks.push({
- timelineStartInfo: {
- baseMediaDecodeTime: 0
- },
- id: +programMapTable.audio,
- codec: 'adts',
- type: 'audio'
- });
- }
+ break;
- self.trigger('data', event);
- }
- })[data.type]();
- };
+ case streamTypes.ADTS_STREAM_TYPE:
+ result.audio = [];
+ parseAudioPes_(bytes, pmt, result);
- this.reset = function () {
- video.size = 0;
- video.data.length = 0;
- audio.size = 0;
- audio.data.length = 0;
- this.trigger('reset');
- };
- /**
- * Flush any remaining input. Video PES packets may be of variable
- * length. Normally, the start of a new video packet can trigger the
- * finalization of the previous packet. That is not possible if no
- * more video is forthcoming, however. In that case, some other
- * mechanism (like the end of the file) has to be employed. When it is
- * clear that no additional data is forthcoming, calling this method
- * will flush the buffered packets.
- */
+ if (result.audio.length === 0) {
+ delete result.audio;
+ }
+ break;
+ }
+ }
+ }
- this.flushStreams_ = function () {
- // !!THIS ORDER IS IMPORTANT!!
- // video first then audio
- flushStream(video, 'video');
- flushStream(audio, 'audio');
- flushStream(timedMetadata, 'timed-metadata');
- };
+ return result;
+ };
+ /**
+ * Inspects segment byte data and returns an object with start and end timing information
+ *
+ * @param {Uint8Array} bytes The segment byte data
+ * @param {Number} baseTimestamp Relative reference timestamp used when adjusting frame
+ * timestamps for rollover. This value must be in 90khz clock.
+ * @return {Object} Object containing start and end frame timing info of segment.
+ */
- this.flush = function () {
- this.flushStreams_();
- this.trigger('done');
- };
- };
- _ElementaryStream.prototype = new stream();
- var m2ts = {
- PAT_PID: 0x0000,
- MP2T_PACKET_LENGTH: MP2T_PACKET_LENGTH,
- TransportPacketStream: _TransportPacketStream,
- TransportParseStream: _TransportParseStream,
- ElementaryStream: _ElementaryStream,
- TimestampRolloverStream: TimestampRolloverStream$1,
- CaptionStream: captionStream.CaptionStream,
- Cea608Stream: captionStream.Cea608Stream,
- MetadataStream: metadataStream
- };
+ var inspect = function inspect(bytes, baseTimestamp) {
+ var isAacData = probe.aac.isLikelyAacData(bytes);
+ var result;
- for (var type in streamTypes) {
- if (streamTypes.hasOwnProperty(type)) {
- m2ts[type] = streamTypes[type];
- }
+ if (isAacData) {
+ result = inspectAac_(bytes);
+ } else {
+ result = inspectTs_(bytes);
}
- var m2ts_1 = m2ts;
- var ONE_SECOND_IN_TS$2 = clock.ONE_SECOND_IN_TS;
+ if (!result || !result.audio && !result.video) {
+ return null;
+ }
- var _AdtsStream;
+ adjustTimestamp_(result, baseTimestamp);
+ return result;
+ };
- var ADTS_SAMPLING_FREQUENCIES = [96000, 88200, 64000, 48000, 44100, 32000, 24000, 22050, 16000, 12000, 11025, 8000, 7350];
- /*
- * Accepts a ElementaryStream and emits data events with parsed
- * AAC Audio Frames of the individual packets. Input audio in ADTS
- * format is unpacked and re-emitted as AAC frames.
- *
- * @see http://wiki.multimedia.cx/index.php?title=ADTS
- * @see http://wiki.multimedia.cx/?title=Understanding_AAC
- */
+ var tsInspector = {
+ inspect: inspect,
+ parseAudioPes_: parseAudioPes_
+ };
+ /* global self */
- _AdtsStream = function AdtsStream(handlePartialSegments) {
- var buffer,
- frameNum = 0;
+ /**
+ * Re-emits transmuxer events by converting them into messages to the
+ * world outside the worker.
+ *
+ * @param {Object} transmuxer the transmuxer to wire events on
+ * @private
+ */
+
+ var wireTransmuxerEvents = function wireTransmuxerEvents(self, transmuxer) {
+ transmuxer.on('data', function (segment) {
+ // transfer ownership of the underlying ArrayBuffer
+ // instead of doing a copy to save memory
+ // ArrayBuffers are transferable but generic TypedArrays are not
+ // @link https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API/Using_web_workers#Passing_data_by_transferring_ownership_(transferable_objects)
+ var initArray = segment.initSegment;
+ segment.initSegment = {
+ data: initArray.buffer,
+ byteOffset: initArray.byteOffset,
+ byteLength: initArray.byteLength
+ };
+ var typedArray = segment.data;
+ segment.data = typedArray.buffer;
+ self.postMessage({
+ action: 'data',
+ segment: segment,
+ byteOffset: typedArray.byteOffset,
+ byteLength: typedArray.byteLength
+ }, [segment.data]);
+ });
+ transmuxer.on('done', function (data) {
+ self.postMessage({
+ action: 'done'
+ });
+ });
+ transmuxer.on('gopInfo', function (gopInfo) {
+ self.postMessage({
+ action: 'gopInfo',
+ gopInfo: gopInfo
+ });
+ });
+ transmuxer.on('videoSegmentTimingInfo', function (timingInfo) {
+ var videoSegmentTimingInfo = {
+ start: {
+ decode: clock.videoTsToSeconds(timingInfo.start.dts),
+ presentation: clock.videoTsToSeconds(timingInfo.start.pts)
+ },
+ end: {
+ decode: clock.videoTsToSeconds(timingInfo.end.dts),
+ presentation: clock.videoTsToSeconds(timingInfo.end.pts)
+ },
+ baseMediaDecodeTime: clock.videoTsToSeconds(timingInfo.baseMediaDecodeTime)
+ };
- _AdtsStream.prototype.init.call(this);
+ if (timingInfo.prependedContentDuration) {
+ videoSegmentTimingInfo.prependedContentDuration = clock.videoTsToSeconds(timingInfo.prependedContentDuration);
+ }
+
+ self.postMessage({
+ action: 'videoSegmentTimingInfo',
+ videoSegmentTimingInfo: videoSegmentTimingInfo
+ });
+ });
+ transmuxer.on('audioSegmentTimingInfo', function (timingInfo) {
+ // Note that all times for [audio/video]SegmentTimingInfo events are in video clock
+ var audioSegmentTimingInfo = {
+ start: {
+ decode: clock.videoTsToSeconds(timingInfo.start.dts),
+ presentation: clock.videoTsToSeconds(timingInfo.start.pts)
+ },
+ end: {
+ decode: clock.videoTsToSeconds(timingInfo.end.dts),
+ presentation: clock.videoTsToSeconds(timingInfo.end.pts)
+ },
+ baseMediaDecodeTime: clock.videoTsToSeconds(timingInfo.baseMediaDecodeTime)
+ };
- this.push = function (packet) {
- var i = 0,
- frameLength,
- protectionSkipBytes,
- frameEnd,
- oldBuffer,
- sampleCount,
- adtsFrameDuration;
+ if (timingInfo.prependedContentDuration) {
+ audioSegmentTimingInfo.prependedContentDuration = clock.videoTsToSeconds(timingInfo.prependedContentDuration);
+ }
- if (!handlePartialSegments) {
- frameNum = 0;
+ self.postMessage({
+ action: 'audioSegmentTimingInfo',
+ audioSegmentTimingInfo: audioSegmentTimingInfo
+ });
+ });
+ transmuxer.on('id3Frame', function (id3Frame) {
+ self.postMessage({
+ action: 'id3Frame',
+ id3Frame: id3Frame
+ });
+ });
+ transmuxer.on('caption', function (caption) {
+ self.postMessage({
+ action: 'caption',
+ caption: caption
+ });
+ });
+ transmuxer.on('trackinfo', function (trackInfo) {
+ self.postMessage({
+ action: 'trackinfo',
+ trackInfo: trackInfo
+ });
+ });
+ transmuxer.on('audioTimingInfo', function (audioTimingInfo) {
+ // convert to video TS since we prioritize video time over audio
+ self.postMessage({
+ action: 'audioTimingInfo',
+ audioTimingInfo: {
+ start: clock.videoTsToSeconds(audioTimingInfo.start),
+ end: clock.videoTsToSeconds(audioTimingInfo.end)
}
+ });
+ });
+ transmuxer.on('videoTimingInfo', function (videoTimingInfo) {
+ self.postMessage({
+ action: 'videoTimingInfo',
+ videoTimingInfo: {
+ start: clock.videoTsToSeconds(videoTimingInfo.start),
+ end: clock.videoTsToSeconds(videoTimingInfo.end)
+ }
+ });
+ });
+ transmuxer.on('log', function (log) {
+ self.postMessage({
+ action: 'log',
+ log: log
+ });
+ });
+ };
+ /**
+ * All incoming messages route through this hash. If no function exists
+ * to handle an incoming message, then we ignore the message.
+ *
+ * @class MessageHandlers
+ * @param {Object} options the options to initialize with
+ */
- if (packet.type !== 'audio') {
- // ignore non-audio data
- return;
- } // Prepend any data in the buffer to the input data so that we can parse
- // aac frames the cross a PES packet boundary
+ var MessageHandlers = /*#__PURE__*/function () {
+ function MessageHandlers(self, options) {
+ this.options = options || {};
+ this.self = self;
+ this.init();
+ }
+ /**
+ * initialize our web worker and wire all the events.
+ */
- if (buffer) {
- oldBuffer = buffer;
- buffer = new Uint8Array(oldBuffer.byteLength + packet.data.byteLength);
- buffer.set(oldBuffer);
- buffer.set(packet.data, oldBuffer.byteLength);
- } else {
- buffer = packet.data;
- } // unpack any ADTS frames which have been fully received
- // for details on the ADTS header, see http://wiki.multimedia.cx/index.php?title=ADTS
+ var _proto = MessageHandlers.prototype;
- while (i + 5 < buffer.length) {
- // Look for the start of an ADTS header..
- if (buffer[i] !== 0xFF || (buffer[i + 1] & 0xF6) !== 0xF0) {
- // If a valid header was not found, jump one forward and attempt to
- // find a valid ADTS header starting at the next byte
- i++;
- continue;
- } // The protection skip bit tells us if we have 2 bytes of CRC data at the
- // end of the ADTS header
+ _proto.init = function init() {
+ if (this.transmuxer) {
+ this.transmuxer.dispose();
+ }
+ this.transmuxer = new transmuxer.Transmuxer(this.options);
+ wireTransmuxerEvents(this.self, this.transmuxer);
+ };
- protectionSkipBytes = (~buffer[i + 1] & 0x01) * 2; // Frame length is a 13 bit integer starting 16 bits from the
- // end of the sync sequence
+ _proto.pushMp4Captions = function pushMp4Captions(data) {
+ if (!this.captionParser) {
+ this.captionParser = new captionParser();
+ this.captionParser.init();
+ }
- frameLength = (buffer[i + 3] & 0x03) << 11 | buffer[i + 4] << 3 | (buffer[i + 5] & 0xe0) >> 5;
- sampleCount = ((buffer[i + 6] & 0x03) + 1) * 1024;
- adtsFrameDuration = sampleCount * ONE_SECOND_IN_TS$2 / ADTS_SAMPLING_FREQUENCIES[(buffer[i + 2] & 0x3c) >>> 2];
- frameEnd = i + frameLength; // If we don't have enough data to actually finish this ADTS frame, return
- // and wait for more data
+ var segment = new Uint8Array(data.data, data.byteOffset, data.byteLength);
+ var parsed = this.captionParser.parse(segment, data.trackIds, data.timescales);
+ this.self.postMessage({
+ action: 'mp4Captions',
+ captions: parsed && parsed.captions || [],
+ logs: parsed && parsed.logs || [],
+ data: segment.buffer
+ }, [segment.buffer]);
+ };
- if (buffer.byteLength < frameEnd) {
- return;
- } // Otherwise, deliver the complete AAC frame
-
-
- this.trigger('data', {
- pts: packet.pts + frameNum * adtsFrameDuration,
- dts: packet.dts + frameNum * adtsFrameDuration,
- sampleCount: sampleCount,
- audioobjecttype: (buffer[i + 2] >>> 6 & 0x03) + 1,
- channelcount: (buffer[i + 2] & 1) << 2 | (buffer[i + 3] & 0xc0) >>> 6,
- samplerate: ADTS_SAMPLING_FREQUENCIES[(buffer[i + 2] & 0x3c) >>> 2],
- samplingfrequencyindex: (buffer[i + 2] & 0x3c) >>> 2,
- // assume ISO/IEC 14496-12 AudioSampleEntry default of 16
- samplesize: 16,
- data: buffer.subarray(i + 7 + protectionSkipBytes, frameEnd)
- });
- frameNum++; // If the buffer is empty, clear it and return
+ _proto.probeMp4StartTime = function probeMp4StartTime(_ref) {
+ var timescales = _ref.timescales,
+ data = _ref.data;
+ var startTime = probe$2.startTime(timescales, data);
+ this.self.postMessage({
+ action: 'probeMp4StartTime',
+ startTime: startTime,
+ data: data
+ }, [data.buffer]);
+ };
- if (buffer.byteLength === frameEnd) {
- buffer = undefined;
- return;
- } // Remove the finished frame from the buffer and start the process again
+ _proto.probeMp4Tracks = function probeMp4Tracks(_ref2) {
+ var data = _ref2.data;
+ var tracks = probe$2.tracks(data);
+ this.self.postMessage({
+ action: 'probeMp4Tracks',
+ tracks: tracks,
+ data: data
+ }, [data.buffer]);
+ }
+ /**
+ * Probe an mpeg2-ts segment to determine the start time of the segment in it's
+ * internal "media time," as well as whether it contains video and/or audio.
+ *
+ * @private
+ * @param {Uint8Array} bytes - segment bytes
+ * @param {number} baseStartTime
+ * Relative reference timestamp used when adjusting frame timestamps for rollover.
+ * This value should be in seconds, as it's converted to a 90khz clock within the
+ * function body.
+ * @return {Object} The start time of the current segment in "media time" as well as
+ * whether it contains video and/or audio
+ */
+ ;
+
+ _proto.probeTs = function probeTs(_ref3) {
+ var data = _ref3.data,
+ baseStartTime = _ref3.baseStartTime;
+ var tsStartTime = typeof baseStartTime === 'number' && !isNaN(baseStartTime) ? baseStartTime * clock.ONE_SECOND_IN_TS : void 0;
+ var timeInfo = tsInspector.inspect(data, tsStartTime);
+ var result = null;
+ if (timeInfo) {
+ result = {
+ // each type's time info comes back as an array of 2 times, start and end
+ hasVideo: timeInfo.video && timeInfo.video.length === 2 || false,
+ hasAudio: timeInfo.audio && timeInfo.audio.length === 2 || false
+ };
- buffer = buffer.subarray(frameEnd);
+ if (result.hasVideo) {
+ result.videoStart = timeInfo.video[0].ptsTime;
}
- };
- this.flush = function () {
- frameNum = 0;
- this.trigger('done');
- };
+ if (result.hasAudio) {
+ result.audioStart = timeInfo.audio[0].ptsTime;
+ }
+ }
- this.reset = function () {
- buffer = void 0;
- this.trigger('reset');
- };
+ this.self.postMessage({
+ action: 'probeTs',
+ result: result,
+ data: data
+ }, [data.buffer]);
+ };
- this.endTimeline = function () {
- buffer = void 0;
- this.trigger('endedtimeline');
- };
+ _proto.clearAllMp4Captions = function clearAllMp4Captions() {
+ if (this.captionParser) {
+ this.captionParser.clearAllCaptions();
+ }
};
- _AdtsStream.prototype = new stream();
- var adts = _AdtsStream;
+ _proto.clearParsedMp4Captions = function clearParsedMp4Captions() {
+ if (this.captionParser) {
+ this.captionParser.clearParsedCaptions();
+ }
+ }
/**
- * mux.js
+ * Adds data (a ts segment) to the start of the transmuxer pipeline for
+ * processing.
*
- * Copyright (c) Brightcove
- * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
+ * @param {ArrayBuffer} data data to push into the muxer
*/
+ ;
- var ExpGolomb;
+ _proto.push = function push(data) {
+ // Cast array buffer to correct type for transmuxer
+ var segment = new Uint8Array(data.data, data.byteOffset, data.byteLength);
+ this.transmuxer.push(segment);
+ }
/**
- * Parser for exponential Golomb codes, a variable-bitwidth number encoding
- * scheme used by h264.
+ * Recreate the transmuxer so that the next segment added via `push`
+ * start with a fresh transmuxer.
*/
+ ;
- ExpGolomb = function ExpGolomb(workingData) {
- var // the number of bytes left to examine in workingData
- workingBytesAvailable = workingData.byteLength,
- // the current word being examined
- workingWord = 0,
- // :uint
- // the number of bits left to examine in the current word
- workingBitsAvailable = 0; // :uint;
- // ():uint
-
- this.length = function () {
- return 8 * workingBytesAvailable;
- }; // ():uint
-
+ _proto.reset = function reset() {
+ this.transmuxer.reset();
+ }
+ /**
+ * Set the value that will be used as the `baseMediaDecodeTime` time for the
+ * next segment pushed in. Subsequent segments will have their `baseMediaDecodeTime`
+ * set relative to the first based on the PTS values.
+ *
+ * @param {Object} data used to set the timestamp offset in the muxer
+ */
+ ;
- this.bitsAvailable = function () {
- return 8 * workingBytesAvailable + workingBitsAvailable;
- }; // ():void
+ _proto.setTimestampOffset = function setTimestampOffset(data) {
+ var timestampOffset = data.timestampOffset || 0;
+ this.transmuxer.setBaseMediaDecodeTime(Math.round(clock.secondsToVideoTs(timestampOffset)));
+ };
+ _proto.setAudioAppendStart = function setAudioAppendStart(data) {
+ this.transmuxer.setAudioAppendStart(Math.ceil(clock.secondsToVideoTs(data.appendStart)));
+ };
- this.loadWord = function () {
- var position = workingData.byteLength - workingBytesAvailable,
- workingBytes = new Uint8Array(4),
- availableBytes = Math.min(4, workingBytesAvailable);
+ _proto.setRemux = function setRemux(data) {
+ this.transmuxer.setRemux(data.remux);
+ }
+ /**
+ * Forces the pipeline to finish processing the last segment and emit it's
+ * results.
+ *
+ * @param {Object} data event data, not really used
+ */
+ ;
- if (availableBytes === 0) {
- throw new Error('no bytes available');
- }
+ _proto.flush = function flush(data) {
+ this.transmuxer.flush(); // transmuxed done action is fired after both audio/video pipelines are flushed
- workingBytes.set(workingData.subarray(position, position + availableBytes));
- workingWord = new DataView(workingBytes.buffer).getUint32(0); // track the amount of workingData that has been processed
+ self.postMessage({
+ action: 'done',
+ type: 'transmuxed'
+ });
+ };
- workingBitsAvailable = availableBytes * 8;
- workingBytesAvailable -= availableBytes;
- }; // (count:int):void
+ _proto.endTimeline = function endTimeline() {
+ this.transmuxer.endTimeline(); // transmuxed endedtimeline action is fired after both audio/video pipelines end their
+ // timelines
+ self.postMessage({
+ action: 'endedtimeline',
+ type: 'transmuxed'
+ });
+ };
- this.skipBits = function (count) {
- var skipBytes; // :int
+ _proto.alignGopsWith = function alignGopsWith(data) {
+ this.transmuxer.alignGopsWith(data.gopsToAlignWith.slice());
+ };
- if (workingBitsAvailable > count) {
- workingWord <<= count;
- workingBitsAvailable -= count;
- } else {
- count -= workingBitsAvailable;
- skipBytes = Math.floor(count / 8);
- count -= skipBytes * 8;
- workingBytesAvailable -= skipBytes;
- this.loadWord();
- workingWord <<= count;
- workingBitsAvailable -= count;
- }
- }; // (size:int):uint
+ return MessageHandlers;
+ }();
+ /**
+ * Our web worker interface so that things can talk to mux.js
+ * that will be running in a web worker. the scope is passed to this by
+ * webworkify.
+ *
+ * @param {Object} self the scope for the web worker
+ */
- this.readBits = function (size) {
- var bits = Math.min(workingBitsAvailable, size),
- // :uint
- valu = workingWord >>> 32 - bits; // :uint
- // if size > 31, handle error
+ self.onmessage = function (event) {
+ if (event.data.action === 'init' && event.data.options) {
+ this.messageHandlers = new MessageHandlers(self, event.data.options);
+ return;
+ }
- workingBitsAvailable -= bits;
+ if (!this.messageHandlers) {
+ this.messageHandlers = new MessageHandlers(self);
+ }
- if (workingBitsAvailable > 0) {
- workingWord <<= bits;
- } else if (workingBytesAvailable > 0) {
- this.loadWord();
- }
+ if (event.data && event.data.action && event.data.action !== 'init') {
+ if (this.messageHandlers[event.data.action]) {
+ this.messageHandlers[event.data.action](event.data);
+ }
+ }
+ };
+ }));
+ var TransmuxWorker = factory(workerCode$1);
+ /* rollup-plugin-worker-factory end for worker!/Users/gkatsevman/p/http-streaming-release/src/transmuxer-worker.js */
+
+ var handleData_ = function handleData_(event, transmuxedData, callback) {
+ var _event$data$segment = event.data.segment,
+ type = _event$data$segment.type,
+ initSegment = _event$data$segment.initSegment,
+ captions = _event$data$segment.captions,
+ captionStreams = _event$data$segment.captionStreams,
+ metadata = _event$data$segment.metadata,
+ videoFrameDtsTime = _event$data$segment.videoFrameDtsTime,
+ videoFramePtsTime = _event$data$segment.videoFramePtsTime;
+ transmuxedData.buffer.push({
+ captions: captions,
+ captionStreams: captionStreams,
+ metadata: metadata
+ });
+ var boxes = event.data.segment.boxes || {
+ data: event.data.segment.data
+ };
+ var result = {
+ type: type,
+ // cast ArrayBuffer to TypedArray
+ data: new Uint8Array(boxes.data, boxes.data.byteOffset, boxes.data.byteLength),
+ initSegment: new Uint8Array(initSegment.data, initSegment.byteOffset, initSegment.byteLength)
+ };
- bits = size - bits;
+ if (typeof videoFrameDtsTime !== 'undefined') {
+ result.videoFrameDtsTime = videoFrameDtsTime;
+ }
- if (bits > 0) {
- return valu << bits | this.readBits(bits);
- }
+ if (typeof videoFramePtsTime !== 'undefined') {
+ result.videoFramePtsTime = videoFramePtsTime;
+ }
- return valu;
- }; // ():uint
+ callback(result);
+ };
+ var handleDone_ = function handleDone_(_ref) {
+ var transmuxedData = _ref.transmuxedData,
+ callback = _ref.callback; // Previously we only returned data on data events,
+ // not on done events. Clear out the buffer to keep that consistent.
- this.skipLeadingZeros = function () {
- var leadingZeroCount; // :uint
+ transmuxedData.buffer = []; // all buffers should have been flushed from the muxer, so start processing anything we
+ // have received
- for (leadingZeroCount = 0; leadingZeroCount < workingBitsAvailable; ++leadingZeroCount) {
- if ((workingWord & 0x80000000 >>> leadingZeroCount) !== 0) {
- // the first bit of working word is 1
- workingWord <<= leadingZeroCount;
- workingBitsAvailable -= leadingZeroCount;
- return leadingZeroCount;
- }
- } // we exhausted workingWord and still have not found a 1
+ callback(transmuxedData);
+ };
+ var handleGopInfo_ = function handleGopInfo_(event, transmuxedData) {
+ transmuxedData.gopInfo = event.data.gopInfo;
+ };
- this.loadWord();
- return leadingZeroCount + this.skipLeadingZeros();
- }; // ():void
+ var processTransmux = function processTransmux(options) {
+ var transmuxer = options.transmuxer,
+ bytes = options.bytes,
+ audioAppendStart = options.audioAppendStart,
+ gopsToAlignWith = options.gopsToAlignWith,
+ remux = options.remux,
+ onData = options.onData,
+ onTrackInfo = options.onTrackInfo,
+ onAudioTimingInfo = options.onAudioTimingInfo,
+ onVideoTimingInfo = options.onVideoTimingInfo,
+ onVideoSegmentTimingInfo = options.onVideoSegmentTimingInfo,
+ onAudioSegmentTimingInfo = options.onAudioSegmentTimingInfo,
+ onId3 = options.onId3,
+ onCaptions = options.onCaptions,
+ onDone = options.onDone,
+ onEndedTimeline = options.onEndedTimeline,
+ onTransmuxerLog = options.onTransmuxerLog,
+ isEndOfTimeline = options.isEndOfTimeline;
+ var transmuxedData = {
+ buffer: []
+ };
+ var waitForEndedTimelineEvent = isEndOfTimeline;
+ var handleMessage = function handleMessage(event) {
+ if (transmuxer.currentTransmux !== options) {
+ // disposed
+ return;
+ }
- this.skipUnsignedExpGolomb = function () {
- this.skipBits(1 + this.skipLeadingZeros());
- }; // ():void
+ if (event.data.action === 'data') {
+ handleData_(event, transmuxedData, onData);
+ }
+ if (event.data.action === 'trackinfo') {
+ onTrackInfo(event.data.trackInfo);
+ }
- this.skipExpGolomb = function () {
- this.skipBits(1 + this.skipLeadingZeros());
- }; // ():uint
+ if (event.data.action === 'gopInfo') {
+ handleGopInfo_(event, transmuxedData);
+ }
+ if (event.data.action === 'audioTimingInfo') {
+ onAudioTimingInfo(event.data.audioTimingInfo);
+ }
- this.readUnsignedExpGolomb = function () {
- var clz = this.skipLeadingZeros(); // :uint
+ if (event.data.action === 'videoTimingInfo') {
+ onVideoTimingInfo(event.data.videoTimingInfo);
+ }
- return this.readBits(clz + 1) - 1;
- }; // ():int
+ if (event.data.action === 'videoSegmentTimingInfo') {
+ onVideoSegmentTimingInfo(event.data.videoSegmentTimingInfo);
+ }
+ if (event.data.action === 'audioSegmentTimingInfo') {
+ onAudioSegmentTimingInfo(event.data.audioSegmentTimingInfo);
+ }
- this.readExpGolomb = function () {
- var valu = this.readUnsignedExpGolomb(); // :int
+ if (event.data.action === 'id3Frame') {
+ onId3([event.data.id3Frame], event.data.id3Frame.dispatchType);
+ }
- 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
- }
+ if (event.data.action === 'caption') {
+ onCaptions(event.data.caption);
+ }
- return -1 * (valu >>> 1); // divide by two then make it negative
- }; // Some convenience functions
- // :Boolean
+ if (event.data.action === 'endedtimeline') {
+ waitForEndedTimelineEvent = false;
+ onEndedTimeline();
+ }
+ if (event.data.action === 'log') {
+ onTransmuxerLog(event.data.log);
+ } // wait for the transmuxed event since we may have audio and video
- this.readBoolean = function () {
- return this.readBits(1) === 1;
- }; // ():int
+ if (event.data.type !== 'transmuxed') {
+ return;
+ } // If the "endedtimeline" event has not yet fired, and this segment represents the end
+ // of a timeline, that means there may still be data events before the segment
+ // processing can be considerred complete. In that case, the final event should be
+ // an "endedtimeline" event with the type "transmuxed."
- this.readUnsignedByte = function () {
- return this.readBits(8);
- };
- this.loadWord();
- };
+ if (waitForEndedTimelineEvent) {
+ return;
+ }
- var expGolomb = ExpGolomb;
+ transmuxer.onmessage = null;
+ handleDone_({
+ transmuxedData: transmuxedData,
+ callback: onDone
+ });
+ /* eslint-disable no-use-before-define */
- var _H264Stream, _NalByteStream;
+ dequeue(transmuxer);
+ /* eslint-enable */
+ };
- var PROFILES_WITH_OPTIONAL_SPS_DATA;
- /**
- * Accepts a NAL unit byte stream and unpacks the embedded NAL units.
- */
+ transmuxer.onmessage = handleMessage;
- _NalByteStream = function NalByteStream() {
- var syncPoint = 0,
- i,
- buffer;
+ if (audioAppendStart) {
+ transmuxer.postMessage({
+ action: 'setAudioAppendStart',
+ appendStart: audioAppendStart
+ });
+ } // allow empty arrays to be passed to clear out GOPs
- _NalByteStream.prototype.init.call(this);
- /*
- * Scans a byte stream and triggers a data event with the NAL units found.
- * @param {Object} data Event received from H264Stream
- * @param {Uint8Array} data.data The h264 byte stream to be scanned
- *
- * @see H264Stream.push
- */
+ if (Array.isArray(gopsToAlignWith)) {
+ transmuxer.postMessage({
+ action: 'alignGopsWith',
+ gopsToAlignWith: gopsToAlignWith
+ });
+ }
- this.push = function (data) {
- var swapBuffer;
+ if (typeof remux !== 'undefined') {
+ transmuxer.postMessage({
+ action: 'setRemux',
+ remux: remux
+ });
+ }
- if (!buffer) {
- buffer = data.data;
- } else {
- swapBuffer = new Uint8Array(buffer.byteLength + data.data.byteLength);
- swapBuffer.set(buffer);
- swapBuffer.set(data.data, buffer.byteLength);
- buffer = swapBuffer;
- }
-
- var len = buffer.byteLength; // Rec. ITU-T H.264, Annex B
- // scan for NAL unit boundaries
- // a match looks like this:
- // 0 0 1 .. NAL .. 0 0 1
- // ^ sync point ^ i
- // or this:
- // 0 0 1 .. NAL .. 0 0 0
- // ^ sync point ^ i
- // advance the sync point to a NAL start, if necessary
-
- for (; syncPoint < len - 3; syncPoint++) {
- if (buffer[syncPoint + 2] === 1) {
- // the sync point is properly aligned
- i = syncPoint + 5;
- break;
- }
- }
+ if (bytes.byteLength) {
+ var buffer = bytes instanceof ArrayBuffer ? bytes : bytes.buffer;
+ var byteOffset = bytes instanceof ArrayBuffer ? 0 : bytes.byteOffset;
+ transmuxer.postMessage({
+ action: 'push',
+ // Send the typed-array of data as an ArrayBuffer so that
+ // it can be sent as a "Transferable" and avoid the costly
+ // memory copy
+ data: buffer,
+ // To recreate the original typed-array, we need information
+ // about what portion of the ArrayBuffer it was a view into
+ byteOffset: byteOffset,
+ byteLength: bytes.byteLength
+ }, [buffer]);
+ }
+
+ if (isEndOfTimeline) {
+ transmuxer.postMessage({
+ action: 'endTimeline'
+ });
+ } // even if we didn't push any bytes, we have to make sure we flush in case we reached
+ // the end of the segment
- while (i < len) {
- // look at the current byte to determine if we've hit the end of
- // a NAL unit boundary
- switch (buffer[i]) {
- case 0:
- // skip past non-sync sequences
- if (buffer[i - 1] !== 0) {
- i += 2;
- break;
- } else if (buffer[i - 2] !== 0) {
- i++;
- break;
- } // deliver the NAL unit if it isn't empty
+ transmuxer.postMessage({
+ action: 'flush'
+ });
+ };
- if (syncPoint + 3 !== i - 2) {
- this.trigger('data', buffer.subarray(syncPoint + 3, i - 2));
- } // drop trailing zeroes
+ var dequeue = function dequeue(transmuxer) {
+ transmuxer.currentTransmux = null;
+ if (transmuxer.transmuxQueue.length) {
+ transmuxer.currentTransmux = transmuxer.transmuxQueue.shift();
- do {
- i++;
- } while (buffer[i] !== 1 && i < len);
+ if (typeof transmuxer.currentTransmux === 'function') {
+ transmuxer.currentTransmux();
+ } else {
+ processTransmux(transmuxer.currentTransmux);
+ }
+ }
+ };
- syncPoint = i - 2;
- i += 3;
- break;
+ var processAction = function processAction(transmuxer, action) {
+ transmuxer.postMessage({
+ action: action
+ });
+ dequeue(transmuxer);
+ };
- case 1:
- // skip past non-sync sequences
- if (buffer[i - 1] !== 0 || buffer[i - 2] !== 0) {
- i += 3;
- break;
- } // deliver the NAL unit
+ var enqueueAction = function enqueueAction(action, transmuxer) {
+ if (!transmuxer.currentTransmux) {
+ transmuxer.currentTransmux = action;
+ processAction(transmuxer, action);
+ return;
+ }
+ transmuxer.transmuxQueue.push(processAction.bind(null, transmuxer, action));
+ };
- this.trigger('data', buffer.subarray(syncPoint + 3, i - 2));
- syncPoint = i - 2;
- i += 3;
- break;
+ var reset = function reset(transmuxer) {
+ enqueueAction('reset', transmuxer);
+ };
- default:
- // the current byte isn't a one or zero, so it cannot be part
- // of a sync sequence
- i += 3;
- break;
- }
- } // filter out the NAL units that were delivered
+ var endTimeline = function endTimeline(transmuxer) {
+ enqueueAction('endTimeline', transmuxer);
+ };
+ var transmux = function transmux(options) {
+ if (!options.transmuxer.currentTransmux) {
+ options.transmuxer.currentTransmux = options;
+ processTransmux(options);
+ return;
+ }
- buffer = buffer.subarray(syncPoint);
- i -= syncPoint;
- syncPoint = 0;
- };
+ options.transmuxer.transmuxQueue.push(options);
+ };
- this.reset = function () {
- buffer = null;
- syncPoint = 0;
- this.trigger('reset');
- };
+ var createTransmuxer = function createTransmuxer(options) {
+ var transmuxer = new TransmuxWorker();
+ transmuxer.currentTransmux = null;
+ transmuxer.transmuxQueue = [];
+ var term = transmuxer.terminate;
- this.flush = function () {
- // deliver the last buffered NAL unit
- if (buffer && buffer.byteLength > 3) {
- this.trigger('data', buffer.subarray(syncPoint + 3));
- } // reset the stream state
+ transmuxer.terminate = function () {
+ transmuxer.currentTransmux = null;
+ transmuxer.transmuxQueue.length = 0;
+ return term.call(transmuxer);
+ };
+ transmuxer.postMessage({
+ action: 'init',
+ options: options
+ });
+ return transmuxer;
+ };
- buffer = null;
- syncPoint = 0;
- this.trigger('done');
- };
+ var segmentTransmuxer = {
+ reset: reset,
+ endTimeline: endTimeline,
+ transmux: transmux,
+ createTransmuxer: createTransmuxer
+ };
- this.endTimeline = function () {
- this.flush();
- this.trigger('endedtimeline');
- };
- };
+ var workerCallback = function workerCallback(options) {
+ var transmuxer = options.transmuxer;
+ var endAction = options.endAction || options.action;
+ var callback = options.callback;
- _NalByteStream.prototype = new stream(); // values of profile_idc that indicate additional fields are included in the SPS
- // see Recommendation ITU-T H.264 (4/2013),
- // 7.3.2.1.1 Sequence parameter set data syntax
-
- PROFILES_WITH_OPTIONAL_SPS_DATA = {
- 100: true,
- 110: true,
- 122: true,
- 244: true,
- 44: true,
- 83: true,
- 86: true,
- 118: true,
- 128: true,
- 138: true,
- 139: true,
- 134: true
- };
- /**
- * Accepts input from a ElementaryStream and produces H.264 NAL unit data
- * events.
- */
+ var message = _extends_1({}, options, {
+ endAction: null,
+ transmuxer: null,
+ callback: null
+ });
- _H264Stream = function H264Stream() {
- var nalByteStream = new _NalByteStream(),
- self,
- trackId,
- currentPts,
- currentDts,
- discardEmulationPreventionBytes,
- readSequenceParameterSet,
- skipScalingList;
+ var listenForEndEvent = function listenForEndEvent(event) {
+ if (event.data.action !== endAction) {
+ return;
+ }
- _H264Stream.prototype.init.call(this);
+ transmuxer.removeEventListener('message', listenForEndEvent); // transfer ownership of bytes back to us.
- self = this;
- /*
- * Pushes a packet from a stream onto the NalByteStream
- *
- * @param {Object} packet - A packet received from a stream
- * @param {Uint8Array} packet.data - The raw bytes of the packet
- * @param {Number} packet.dts - Decode timestamp of the packet
- * @param {Number} packet.pts - Presentation timestamp of the packet
- * @param {Number} packet.trackId - The id of the h264 track this packet came from
- * @param {('video'|'audio')} packet.type - The type of packet
- *
- */
+ if (event.data.data) {
+ event.data.data = new Uint8Array(event.data.data, options.byteOffset || 0, options.byteLength || event.data.data.byteLength);
- this.push = function (packet) {
- if (packet.type !== 'video') {
- return;
- }
+ if (options.data) {
+ options.data = event.data.data;
+ }
+ }
- trackId = packet.trackId;
- currentPts = packet.pts;
- currentDts = packet.dts;
- nalByteStream.push(packet);
- };
- /*
- * Identify NAL unit types and pass on the NALU, trackId, presentation and decode timestamps
- * for the NALUs to the next stream component.
- * Also, preprocess caption and sequence parameter NALUs.
- *
- * @param {Uint8Array} data - A NAL unit identified by `NalByteStream.push`
- * @see NalByteStream.push
- */
+ callback(event.data);
+ };
+ transmuxer.addEventListener('message', listenForEndEvent);
- nalByteStream.on('data', function (data) {
- var event = {
- trackId: trackId,
- pts: currentPts,
- dts: currentDts,
- data: data
- };
+ if (options.data) {
+ var isArrayBuffer = options.data instanceof ArrayBuffer;
+ message.byteOffset = isArrayBuffer ? 0 : options.data.byteOffset;
+ message.byteLength = options.data.byteLength;
+ var transfers = [isArrayBuffer ? options.data : options.data.buffer];
+ transmuxer.postMessage(message, transfers);
+ } else {
+ transmuxer.postMessage(message);
+ }
+ };
- switch (data[0] & 0x1f) {
- case 0x05:
- event.nalUnitType = 'slice_layer_without_partitioning_rbsp_idr';
- break;
+ var REQUEST_ERRORS = {
+ FAILURE: 2,
+ TIMEOUT: -101,
+ ABORTED: -102
+ };
+ /**
+ * Abort all requests
+ *
+ * @param {Object} activeXhrs - an object that tracks all XHR requests
+ */
- case 0x06:
- event.nalUnitType = 'sei_rbsp';
- event.escapedRBSP = discardEmulationPreventionBytes(data.subarray(1));
- break;
+ var abortAll = function abortAll(activeXhrs) {
+ activeXhrs.forEach(function (xhr) {
+ xhr.abort();
+ });
+ };
+ /**
+ * Gather important bandwidth stats once a request has completed
+ *
+ * @param {Object} request - the XHR request from which to gather stats
+ */
- case 0x07:
- event.nalUnitType = 'seq_parameter_set_rbsp';
- event.escapedRBSP = discardEmulationPreventionBytes(data.subarray(1));
- event.config = readSequenceParameterSet(event.escapedRBSP);
- break;
- case 0x08:
- event.nalUnitType = 'pic_parameter_set_rbsp';
- break;
+ var getRequestStats = function getRequestStats(request) {
+ return {
+ bandwidth: request.bandwidth,
+ bytesReceived: request.bytesReceived || 0,
+ roundTripTime: request.roundTripTime || 0
+ };
+ };
+ /**
+ * If possible gather bandwidth stats as a request is in
+ * progress
+ *
+ * @param {Event} progressEvent - an event object from an XHR's progress event
+ */
- case 0x09:
- event.nalUnitType = 'access_unit_delimiter_rbsp';
- break;
- } // This triggers data on the H264Stream
+ var getProgressStats = function getProgressStats(progressEvent) {
+ var request = progressEvent.target;
+ var roundTripTime = Date.now() - request.requestTime;
+ var stats = {
+ bandwidth: Infinity,
+ bytesReceived: 0,
+ roundTripTime: roundTripTime || 0
+ };
+ stats.bytesReceived = progressEvent.loaded; // This can result in Infinity if stats.roundTripTime is 0 but that is ok
+ // because we should only use bandwidth stats on progress to determine when
+ // abort a request early due to insufficient bandwidth
- self.trigger('data', event);
- });
- nalByteStream.on('done', function () {
- self.trigger('done');
- });
- nalByteStream.on('partialdone', function () {
- self.trigger('partialdone');
- });
- nalByteStream.on('reset', function () {
- self.trigger('reset');
- });
- nalByteStream.on('endedtimeline', function () {
- self.trigger('endedtimeline');
- });
+ stats.bandwidth = Math.floor(stats.bytesReceived / stats.roundTripTime * 8 * 1000);
+ return stats;
+ };
+ /**
+ * Handle all error conditions in one place and return an object
+ * with all the information
+ *
+ * @param {Error|null} error - if non-null signals an error occured with the XHR
+ * @param {Object} request - the XHR request that possibly generated the error
+ */
- this.flush = function () {
- nalByteStream.flush();
- };
- this.partialFlush = function () {
- nalByteStream.partialFlush();
- };
+ var handleErrors = function handleErrors(error, request) {
+ if (request.timedout) {
+ return {
+ status: request.status,
+ message: 'HLS request timed-out at URL: ' + request.uri,
+ code: REQUEST_ERRORS.TIMEOUT,
+ xhr: request
+ };
+ }
- this.reset = function () {
- nalByteStream.reset();
- };
+ if (request.aborted) {
+ return {
+ status: request.status,
+ message: 'HLS request aborted at URL: ' + request.uri,
+ code: REQUEST_ERRORS.ABORTED,
+ xhr: request
+ };
+ }
- this.endTimeline = function () {
- nalByteStream.endTimeline();
- };
- /**
- * 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
- * @param expGolombDecoder {object} an ExpGolomb pointed to the
- * start of a scaling list
- * @see Recommendation ITU-T H.264, Section 7.3.2.1.1.1
- */
+ if (error) {
+ return {
+ status: request.status,
+ message: 'HLS request errored at URL: ' + request.uri,
+ code: REQUEST_ERRORS.FAILURE,
+ xhr: request
+ };
+ }
+ if (request.responseType === 'arraybuffer' && request.response.byteLength === 0) {
+ return {
+ status: request.status,
+ message: 'Empty HLS response at URL: ' + request.uri,
+ code: REQUEST_ERRORS.FAILURE,
+ xhr: request
+ };
+ }
- skipScalingList = function skipScalingList(count, expGolombDecoder) {
- var lastScale = 8,
- nextScale = 8,
- j,
- deltaScale;
+ return null;
+ };
+ /**
+ * Handle responses for key data and convert the key data to the correct format
+ * for the decryption step later
+ *
+ * @param {Object} segment - a simplified copy of the segmentInfo object
+ * from SegmentLoader
+ * @param {Array} objects - objects to add the key bytes to.
+ * @param {Function} finishProcessingFn - a callback to execute to continue processing
+ * this request
+ */
- for (j = 0; j < count; j++) {
- if (nextScale !== 0) {
- deltaScale = expGolombDecoder.readExpGolomb();
- nextScale = (lastScale + deltaScale + 256) % 256;
- }
- lastScale = nextScale === 0 ? lastScale : nextScale;
- }
- };
- /**
- * Expunge any "Emulation Prevention" bytes from a "Raw Byte
- * Sequence Payload"
- * @param data {Uint8Array} the bytes of a RBSP from a NAL
- * unit
- * @return {Uint8Array} the RBSP without any Emulation
- * Prevention Bytes
- */
+ var handleKeyResponse = function handleKeyResponse(segment, objects, finishProcessingFn) {
+ return function (error, request) {
+ var response = request.response;
+ var errorObj = handleErrors(error, request);
+ if (errorObj) {
+ return finishProcessingFn(errorObj, segment);
+ }
- discardEmulationPreventionBytes = function discardEmulationPreventionBytes(data) {
- var length = data.byteLength,
- emulationPreventionBytesPositions = [],
- i = 1,
- newLength,
- newData; // Find all `Emulation Prevention Bytes`
+ if (response.byteLength !== 16) {
+ return finishProcessingFn({
+ status: request.status,
+ message: 'Invalid HLS key at URL: ' + request.uri,
+ code: REQUEST_ERRORS.FAILURE,
+ xhr: request
+ }, segment);
+ }
- while (i < length - 2) {
- if (data[i] === 0 && data[i + 1] === 0 && data[i + 2] === 0x03) {
- emulationPreventionBytesPositions.push(i + 2);
- i += 2;
- } else {
- i++;
- }
- } // If no Emulation Prevention Bytes were found just return the original
- // array
+ var view = new DataView(response);
+ var bytes = new Uint32Array([view.getUint32(0), view.getUint32(4), view.getUint32(8), view.getUint32(12)]);
+ for (var i = 0; i < objects.length; i++) {
+ objects[i].bytes = bytes;
+ }
- if (emulationPreventionBytesPositions.length === 0) {
- return data;
- } // Create a new array to hold the NAL unit data
+ return finishProcessingFn(null, segment);
+ };
+ };
+ var parseInitSegment = function parseInitSegment(segment, _callback) {
+ var type = detectContainerForBytes(segment.map.bytes); // TODO: We should also handle ts init segments here, but we
+ // only know how to parse mp4 init segments at the moment
- newLength = length - emulationPreventionBytesPositions.length;
- newData = new Uint8Array(newLength);
- var sourceIndex = 0;
+ if (type !== 'mp4') {
+ var uri = segment.map.resolvedUri || segment.map.uri;
+ return _callback({
+ internal: true,
+ message: "Found unsupported " + (type || 'unknown') + " container for initialization segment at URL: " + uri,
+ code: REQUEST_ERRORS.FAILURE
+ });
+ }
- for (i = 0; i < newLength; sourceIndex++, i++) {
- if (sourceIndex === emulationPreventionBytesPositions[0]) {
- // Skip this byte
- sourceIndex++; // Remove this position index
+ workerCallback({
+ action: 'probeMp4Tracks',
+ data: segment.map.bytes,
+ transmuxer: segment.transmuxer,
+ callback: function callback(_ref) {
+ var tracks = _ref.tracks,
+ data = _ref.data; // transfer bytes back to us
- emulationPreventionBytesPositions.shift();
- }
+ segment.map.bytes = data;
+ tracks.forEach(function (track) {
+ segment.map.tracks = segment.map.tracks || {}; // only support one track of each type for now
- newData[i] = data[sourceIndex];
+ if (segment.map.tracks[track.type]) {
+ return;
}
- return newData;
- };
- /**
- * 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.
- */
+ segment.map.tracks[track.type] = track;
+
+ if (typeof track.id === 'number' && track.timescale) {
+ segment.map.timescales = segment.map.timescales || {};
+ segment.map.timescales[track.id] = track.timescale;
+ }
+ });
+ return _callback(null);
+ }
+ });
+ };
+ /**
+ * Handle init-segment responses
+ *
+ * @param {Object} segment - a simplified copy of the segmentInfo object
+ * from SegmentLoader
+ * @param {Function} finishProcessingFn - a callback to execute to continue processing
+ * this request
+ */
- readSequenceParameterSet = function readSequenceParameterSet(data) {
- var frameCropLeftOffset = 0,
- frameCropRightOffset = 0,
- frameCropTopOffset = 0,
- frameCropBottomOffset = 0,
- sarScale = 1,
- expGolombDecoder,
- profileIdc,
- levelIdc,
- profileCompatibility,
- chromaFormatIdc,
- picOrderCntType,
- numRefFramesInPicOrderCntCycle,
- picWidthInMbsMinus1,
- picHeightInMapUnitsMinus1,
- frameMbsOnlyFlag,
- scalingListCount,
- sarRatio,
- aspectRatioIdc,
- i;
- expGolombDecoder = new expGolomb(data);
- profileIdc = expGolombDecoder.readUnsignedByte(); // profile_idc
-
- profileCompatibility = expGolombDecoder.readUnsignedByte(); // constraint_set[0-5]_flag
-
- levelIdc = expGolombDecoder.readUnsignedByte(); // level_idc u(8)
-
- expGolombDecoder.skipUnsignedExpGolomb(); // seq_parameter_set_id
- // some profiles have more optional data we don't need
-
- if (PROFILES_WITH_OPTIONAL_SPS_DATA[profileIdc]) {
- chromaFormatIdc = expGolombDecoder.readUnsignedExpGolomb();
-
- if (chromaFormatIdc === 3) {
- expGolombDecoder.skipBits(1); // separate_colour_plane_flag
- }
+ var handleInitSegmentResponse = function handleInitSegmentResponse(_ref2) {
+ var segment = _ref2.segment,
+ finishProcessingFn = _ref2.finishProcessingFn;
+ return function (error, request) {
+ var errorObj = handleErrors(error, request);
- expGolombDecoder.skipUnsignedExpGolomb(); // bit_depth_luma_minus8
+ if (errorObj) {
+ return finishProcessingFn(errorObj, segment);
+ }
- expGolombDecoder.skipUnsignedExpGolomb(); // bit_depth_chroma_minus8
+ var bytes = new Uint8Array(request.response); // init segment is encypted, we will have to wait
+ // until the key request is done to decrypt.
- expGolombDecoder.skipBits(1); // qpprime_y_zero_transform_bypass_flag
+ if (segment.map.key) {
+ segment.map.encryptedBytes = bytes;
+ return finishProcessingFn(null, segment);
+ }
- if (expGolombDecoder.readBoolean()) {
- // seq_scaling_matrix_present_flag
- scalingListCount = chromaFormatIdc !== 3 ? 8 : 12;
+ segment.map.bytes = bytes;
+ parseInitSegment(segment, function (parseError) {
+ if (parseError) {
+ parseError.xhr = request;
+ parseError.status = request.status;
+ return finishProcessingFn(parseError, segment);
+ }
- for (i = 0; i < scalingListCount; i++) {
- if (expGolombDecoder.readBoolean()) {
- // seq_scaling_list_present_flag[ i ]
- if (i < 6) {
- skipScalingList(16, expGolombDecoder);
- } else {
- skipScalingList(64, expGolombDecoder);
- }
- }
- }
- }
- }
+ finishProcessingFn(null, segment);
+ });
+ };
+ };
+ /**
+ * Response handler for segment-requests being sure to set the correct
+ * property depending on whether the segment is encryped or not
+ * Also records and keeps track of stats that are used for ABR purposes
+ *
+ * @param {Object} segment - a simplified copy of the segmentInfo object
+ * from SegmentLoader
+ * @param {Function} finishProcessingFn - a callback to execute to continue processing
+ * this request
+ */
- expGolombDecoder.skipUnsignedExpGolomb(); // log2_max_frame_num_minus4
- picOrderCntType = expGolombDecoder.readUnsignedExpGolomb();
+ var handleSegmentResponse = function handleSegmentResponse(_ref3) {
+ var segment = _ref3.segment,
+ finishProcessingFn = _ref3.finishProcessingFn,
+ responseType = _ref3.responseType;
+ return function (error, request) {
+ var errorObj = handleErrors(error, request);
- if (picOrderCntType === 0) {
- expGolombDecoder.readUnsignedExpGolomb(); // log2_max_pic_order_cnt_lsb_minus4
- } else if (picOrderCntType === 1) {
- expGolombDecoder.skipBits(1); // delta_pic_order_always_zero_flag
+ if (errorObj) {
+ return finishProcessingFn(errorObj, segment);
+ }
- expGolombDecoder.skipExpGolomb(); // offset_for_non_ref_pic
+ var newBytes = // although responseText "should" exist, this guard serves to prevent an error being
+ // thrown for two primary cases:
+ // 1. the mime type override stops working, or is not implemented for a specific
+ // browser
+ // 2. when using mock XHR libraries like sinon that do not allow the override behavior
+ responseType === 'arraybuffer' || !request.responseText ? request.response : stringToArrayBuffer(request.responseText.substring(segment.lastReachedChar || 0));
+ segment.stats = getRequestStats(request);
- expGolombDecoder.skipExpGolomb(); // offset_for_top_to_bottom_field
+ if (segment.key) {
+ segment.encryptedBytes = new Uint8Array(newBytes);
+ } else {
+ segment.bytes = new Uint8Array(newBytes);
+ }
- numRefFramesInPicOrderCntCycle = expGolombDecoder.readUnsignedExpGolomb();
+ return finishProcessingFn(null, segment);
+ };
+ };
- for (i = 0; i < numRefFramesInPicOrderCntCycle; i++) {
- expGolombDecoder.skipExpGolomb(); // offset_for_ref_frame[ i ]
+ var transmuxAndNotify = function transmuxAndNotify(_ref4) {
+ var segment = _ref4.segment,
+ bytes = _ref4.bytes,
+ trackInfoFn = _ref4.trackInfoFn,
+ timingInfoFn = _ref4.timingInfoFn,
+ videoSegmentTimingInfoFn = _ref4.videoSegmentTimingInfoFn,
+ audioSegmentTimingInfoFn = _ref4.audioSegmentTimingInfoFn,
+ id3Fn = _ref4.id3Fn,
+ captionsFn = _ref4.captionsFn,
+ isEndOfTimeline = _ref4.isEndOfTimeline,
+ endedTimelineFn = _ref4.endedTimelineFn,
+ dataFn = _ref4.dataFn,
+ doneFn = _ref4.doneFn,
+ onTransmuxerLog = _ref4.onTransmuxerLog;
+ var fmp4Tracks = segment.map && segment.map.tracks || {};
+ var isMuxed = Boolean(fmp4Tracks.audio && fmp4Tracks.video); // Keep references to each function so we can null them out after we're done with them.
+ // One reason for this is that in the case of full segments, we want to trust start
+ // times from the probe, rather than the transmuxer.
+
+ var audioStartFn = timingInfoFn.bind(null, segment, 'audio', 'start');
+ var audioEndFn = timingInfoFn.bind(null, segment, 'audio', 'end');
+ var videoStartFn = timingInfoFn.bind(null, segment, 'video', 'start');
+ var videoEndFn = timingInfoFn.bind(null, segment, 'video', 'end');
+
+ var finish = function finish() {
+ return transmux({
+ bytes: bytes,
+ transmuxer: segment.transmuxer,
+ audioAppendStart: segment.audioAppendStart,
+ gopsToAlignWith: segment.gopsToAlignWith,
+ remux: isMuxed,
+ onData: function onData(result) {
+ result.type = result.type === 'combined' ? 'video' : result.type;
+ dataFn(segment, result);
+ },
+ onTrackInfo: function onTrackInfo(trackInfo) {
+ if (trackInfoFn) {
+ if (isMuxed) {
+ trackInfo.isMuxed = true;
}
+
+ trackInfoFn(segment, trackInfo);
}
+ },
+ onAudioTimingInfo: function onAudioTimingInfo(audioTimingInfo) {
+ // we only want the first start value we encounter
+ if (audioStartFn && typeof audioTimingInfo.start !== 'undefined') {
+ audioStartFn(audioTimingInfo.start);
+ audioStartFn = null;
+ } // we want to continually update the end time
- expGolombDecoder.skipUnsignedExpGolomb(); // max_num_ref_frames
- expGolombDecoder.skipBits(1); // gaps_in_frame_num_value_allowed_flag
+ if (audioEndFn && typeof audioTimingInfo.end !== 'undefined') {
+ audioEndFn(audioTimingInfo.end);
+ }
+ },
+ onVideoTimingInfo: function onVideoTimingInfo(videoTimingInfo) {
+ // we only want the first start value we encounter
+ if (videoStartFn && typeof videoTimingInfo.start !== 'undefined') {
+ videoStartFn(videoTimingInfo.start);
+ videoStartFn = null;
+ } // we want to continually update the end time
- picWidthInMbsMinus1 = expGolombDecoder.readUnsignedExpGolomb();
- picHeightInMapUnitsMinus1 = expGolombDecoder.readUnsignedExpGolomb();
- frameMbsOnlyFlag = expGolombDecoder.readBits(1);
- if (frameMbsOnlyFlag === 0) {
- expGolombDecoder.skipBits(1); // mb_adaptive_frame_field_flag
+ if (videoEndFn && typeof videoTimingInfo.end !== 'undefined') {
+ videoEndFn(videoTimingInfo.end);
+ }
+ },
+ onVideoSegmentTimingInfo: function onVideoSegmentTimingInfo(videoSegmentTimingInfo) {
+ videoSegmentTimingInfoFn(videoSegmentTimingInfo);
+ },
+ onAudioSegmentTimingInfo: function onAudioSegmentTimingInfo(audioSegmentTimingInfo) {
+ audioSegmentTimingInfoFn(audioSegmentTimingInfo);
+ },
+ onId3: function onId3(id3Frames, dispatchType) {
+ id3Fn(segment, id3Frames, dispatchType);
+ },
+ onCaptions: function onCaptions(captions) {
+ captionsFn(segment, [captions]);
+ },
+ isEndOfTimeline: isEndOfTimeline,
+ onEndedTimeline: function onEndedTimeline() {
+ endedTimelineFn();
+ },
+ onTransmuxerLog: onTransmuxerLog,
+ onDone: function onDone(result) {
+ if (!doneFn) {
+ return;
}
- expGolombDecoder.skipBits(1); // direct_8x8_inference_flag
+ result.type = result.type === 'combined' ? 'video' : result.type;
+ doneFn(null, segment, result);
+ }
+ });
+ }; // In the transmuxer, we don't yet have the ability to extract a "proper" start time.
+ // Meaning cached frame data may corrupt our notion of where this segment
+ // really starts. To get around this, probe for the info needed.
+
+
+ workerCallback({
+ action: 'probeTs',
+ transmuxer: segment.transmuxer,
+ data: bytes,
+ baseStartTime: segment.baseStartTime,
+ callback: function callback(data) {
+ segment.bytes = bytes = data.data;
+ var probeResult = data.result;
+
+ if (probeResult) {
+ trackInfoFn(segment, {
+ hasAudio: probeResult.hasAudio,
+ hasVideo: probeResult.hasVideo,
+ isMuxed: isMuxed
+ });
+ trackInfoFn = null;
- if (expGolombDecoder.readBoolean()) {
- // frame_cropping_flag
- frameCropLeftOffset = expGolombDecoder.readUnsignedExpGolomb();
- frameCropRightOffset = expGolombDecoder.readUnsignedExpGolomb();
- frameCropTopOffset = expGolombDecoder.readUnsignedExpGolomb();
- frameCropBottomOffset = expGolombDecoder.readUnsignedExpGolomb();
+ if (probeResult.hasAudio && !isMuxed) {
+ audioStartFn(probeResult.audioStart);
}
- if (expGolombDecoder.readBoolean()) {
- // vui_parameters_present_flag
- if (expGolombDecoder.readBoolean()) {
- // aspect_ratio_info_present_flag
- aspectRatioIdc = expGolombDecoder.readUnsignedByte();
-
- switch (aspectRatioIdc) {
- case 1:
- sarRatio = [1, 1];
- break;
+ if (probeResult.hasVideo) {
+ videoStartFn(probeResult.videoStart);
+ }
- case 2:
- sarRatio = [12, 11];
- break;
+ audioStartFn = null;
+ videoStartFn = null;
+ }
- case 3:
- sarRatio = [10, 11];
- break;
+ finish();
+ }
+ });
+ };
- case 4:
- sarRatio = [16, 11];
- break;
+ var handleSegmentBytes = function handleSegmentBytes(_ref5) {
+ var segment = _ref5.segment,
+ bytes = _ref5.bytes,
+ trackInfoFn = _ref5.trackInfoFn,
+ timingInfoFn = _ref5.timingInfoFn,
+ videoSegmentTimingInfoFn = _ref5.videoSegmentTimingInfoFn,
+ audioSegmentTimingInfoFn = _ref5.audioSegmentTimingInfoFn,
+ id3Fn = _ref5.id3Fn,
+ captionsFn = _ref5.captionsFn,
+ isEndOfTimeline = _ref5.isEndOfTimeline,
+ endedTimelineFn = _ref5.endedTimelineFn,
+ dataFn = _ref5.dataFn,
+ doneFn = _ref5.doneFn,
+ onTransmuxerLog = _ref5.onTransmuxerLog;
+ var bytesAsUint8Array = new Uint8Array(bytes); // TODO:
+ // We should have a handler that fetches the number of bytes required
+ // to check if something is fmp4. This will allow us to save bandwidth
+ // because we can only blacklist a playlist and abort requests
+ // by codec after trackinfo triggers.
+
+ if (isLikelyFmp4MediaSegment(bytesAsUint8Array)) {
+ segment.isFmp4 = true;
+ var tracks = segment.map.tracks;
+ var trackInfo = {
+ isFmp4: true,
+ hasVideo: !!tracks.video,
+ hasAudio: !!tracks.audio
+ }; // if we have a audio track, with a codec that is not set to
+ // encrypted audio
+
+ if (tracks.audio && tracks.audio.codec && tracks.audio.codec !== 'enca') {
+ trackInfo.audioCodec = tracks.audio.codec;
+ } // if we have a video track, with a codec that is not set to
+ // encrypted video
+
+
+ if (tracks.video && tracks.video.codec && tracks.video.codec !== 'encv') {
+ trackInfo.videoCodec = tracks.video.codec;
+ }
+
+ if (tracks.video && tracks.audio) {
+ trackInfo.isMuxed = true;
+ } // since we don't support appending fmp4 data on progress, we know we have the full
+ // segment here
+
+
+ trackInfoFn(segment, trackInfo); // The probe doesn't provide the segment end time, so only callback with the start
+ // time. The end time can be roughly calculated by the receiver using the duration.
+ //
+ // Note that the start time returned by the probe reflects the baseMediaDecodeTime, as
+ // that is the true start of the segment (where the playback engine should begin
+ // decoding).
+
+ var finishLoading = function finishLoading(captions) {
+ // if the track still has audio at this point it is only possible
+ // for it to be audio only. See `tracks.video && tracks.audio` if statement
+ // above.
+ // we make sure to use segment.bytes here as that
+ dataFn(segment, {
+ data: bytesAsUint8Array,
+ type: trackInfo.hasAudio && !trackInfo.isMuxed ? 'audio' : 'video'
+ });
- case 5:
- sarRatio = [40, 33];
- break;
+ if (captions && captions.length) {
+ captionsFn(segment, captions);
+ }
- case 6:
- sarRatio = [24, 11];
- break;
+ doneFn(null, segment, {});
+ };
- case 7:
- sarRatio = [20, 11];
- break;
+ workerCallback({
+ action: 'probeMp4StartTime',
+ timescales: segment.map.timescales,
+ data: bytesAsUint8Array,
+ transmuxer: segment.transmuxer,
+ callback: function callback(_ref6) {
+ var data = _ref6.data,
+ startTime = _ref6.startTime; // transfer bytes back to us
- case 8:
- sarRatio = [32, 11];
- break;
+ bytes = data.buffer;
+ segment.bytes = bytesAsUint8Array = data;
- case 9:
- sarRatio = [80, 33];
- break;
+ if (trackInfo.hasAudio && !trackInfo.isMuxed) {
+ timingInfoFn(segment, 'audio', 'start', startTime);
+ }
- case 10:
- sarRatio = [18, 11];
- break;
+ if (trackInfo.hasVideo) {
+ timingInfoFn(segment, 'video', 'start', startTime);
+ } // Run through the CaptionParser in case there are captions.
+ // Initialize CaptionParser if it hasn't been yet
- case 11:
- sarRatio = [15, 11];
- break;
- case 12:
- sarRatio = [64, 33];
- break;
+ if (!tracks.video || !data.byteLength || !segment.transmuxer) {
+ finishLoading();
+ return;
+ }
- case 13:
- sarRatio = [160, 99];
- break;
+ workerCallback({
+ action: 'pushMp4Captions',
+ endAction: 'mp4Captions',
+ transmuxer: segment.transmuxer,
+ data: bytesAsUint8Array,
+ timescales: segment.map.timescales,
+ trackIds: [tracks.video.id],
+ callback: function callback(message) {
+ // transfer bytes back to us
+ bytes = message.data.buffer;
+ segment.bytes = bytesAsUint8Array = message.data;
+ message.logs.forEach(function (log) {
+ onTransmuxerLog(videojs.mergeOptions(log, {
+ stream: 'mp4CaptionParser'
+ }));
+ });
+ finishLoading(message.captions);
+ }
+ });
+ }
+ });
+ return;
+ } // VTT or other segments that don't need processing
- case 14:
- sarRatio = [4, 3];
- break;
- case 15:
- sarRatio = [3, 2];
- break;
+ if (!segment.transmuxer) {
+ doneFn(null, segment, {});
+ return;
+ }
- case 16:
- sarRatio = [2, 1];
- break;
+ if (typeof segment.container === 'undefined') {
+ segment.container = detectContainerForBytes(bytesAsUint8Array);
+ }
- case 255:
- {
- sarRatio = [expGolombDecoder.readUnsignedByte() << 8 | expGolombDecoder.readUnsignedByte(), expGolombDecoder.readUnsignedByte() << 8 | expGolombDecoder.readUnsignedByte()];
- break;
- }
- }
+ if (segment.container !== 'ts' && segment.container !== 'aac') {
+ trackInfoFn(segment, {
+ hasAudio: false,
+ hasVideo: false
+ });
+ doneFn(null, segment, {});
+ return;
+ } // ts or aac
- if (sarRatio) {
- sarScale = sarRatio[0] / sarRatio[1];
- }
- }
- }
- return {
- profileIdc: profileIdc,
- levelIdc: levelIdc,
- profileCompatibility: profileCompatibility,
- width: Math.ceil(((picWidthInMbsMinus1 + 1) * 16 - frameCropLeftOffset * 2 - frameCropRightOffset * 2) * sarScale),
- height: (2 - frameMbsOnlyFlag) * (picHeightInMapUnitsMinus1 + 1) * 16 - frameCropTopOffset * 2 - frameCropBottomOffset * 2,
- sarRatio: sarRatio
- };
- };
- };
+ transmuxAndNotify({
+ segment: segment,
+ bytes: bytes,
+ trackInfoFn: trackInfoFn,
+ timingInfoFn: timingInfoFn,
+ videoSegmentTimingInfoFn: videoSegmentTimingInfoFn,
+ audioSegmentTimingInfoFn: audioSegmentTimingInfoFn,
+ id3Fn: id3Fn,
+ captionsFn: captionsFn,
+ isEndOfTimeline: isEndOfTimeline,
+ endedTimelineFn: endedTimelineFn,
+ dataFn: dataFn,
+ doneFn: doneFn,
+ onTransmuxerLog: onTransmuxerLog
+ });
+ };
- _H264Stream.prototype = new stream();
- var h264 = {
- H264Stream: _H264Stream,
- NalByteStream: _NalByteStream
- };
- /**
- * mux.js
- *
- * Copyright (c) Brightcove
- * Licensed Apache-2.0 https://github.com/videojs/mux.js/blob/master/LICENSE
- *
- * Utilities to detect basic properties and metadata about Aac data.
- */
+ var decrypt = function decrypt(_ref7, callback) {
+ var id = _ref7.id,
+ key = _ref7.key,
+ encryptedBytes = _ref7.encryptedBytes,
+ decryptionWorker = _ref7.decryptionWorker;
- var ADTS_SAMPLING_FREQUENCIES$1 = [96000, 88200, 64000, 48000, 44100, 32000, 24000, 22050, 16000, 12000, 11025, 8000, 7350];
+ var decryptionHandler = function decryptionHandler(event) {
+ if (event.data.source === id) {
+ decryptionWorker.removeEventListener('message', decryptionHandler);
+ var decrypted = event.data.decrypted;
+ callback(new Uint8Array(decrypted.bytes, decrypted.byteOffset, decrypted.byteLength));
+ }
+ };
- var isLikelyAacData = function isLikelyAacData(data) {
- if (data[0] === 'I'.charCodeAt(0) && data[1] === 'D'.charCodeAt(0) && data[2] === '3'.charCodeAt(0)) {
- return true;
- }
+ decryptionWorker.addEventListener('message', decryptionHandler);
+ var keyBytes;
- return false;
- };
+ if (key.bytes.slice) {
+ keyBytes = key.bytes.slice();
+ } else {
+ keyBytes = new Uint32Array(Array.prototype.slice.call(key.bytes));
+ } // incrementally decrypt the bytes
- var parseSyncSafeInteger$1 = function parseSyncSafeInteger(data) {
- return data[0] << 21 | data[1] << 14 | data[2] << 7 | data[3];
- }; // return a percent-encoded representation of the specified byte range
- // @see http://en.wikipedia.org/wiki/Percent-encoding
+ decryptionWorker.postMessage(createTransferableMessage({
+ source: id,
+ encrypted: encryptedBytes,
+ key: keyBytes,
+ iv: key.iv
+ }), [encryptedBytes.buffer, keyBytes.buffer]);
+ };
+ /**
+ * Decrypt the segment via the decryption web worker
+ *
+ * @param {WebWorker} decryptionWorker - a WebWorker interface to AES-128 decryption
+ * routines
+ * @param {Object} segment - a simplified copy of the segmentInfo object
+ * from SegmentLoader
+ * @param {Function} trackInfoFn - a callback that receives track info
+ * @param {Function} timingInfoFn - a callback that receives timing info
+ * @param {Function} videoSegmentTimingInfoFn
+ * a callback that receives video timing info based on media times and
+ * any adjustments made by the transmuxer
+ * @param {Function} audioSegmentTimingInfoFn
+ * a callback that receives audio timing info based on media times and
+ * any adjustments made by the transmuxer
+ * @param {boolean} isEndOfTimeline
+ * true if this segment represents the last segment in a timeline
+ * @param {Function} endedTimelineFn
+ * a callback made when a timeline is ended, will only be called if
+ * isEndOfTimeline is true
+ * @param {Function} dataFn - a callback that is executed when segment bytes are available
+ * and ready to use
+ * @param {Function} doneFn - a callback that is executed after decryption has completed
+ */
- var percentEncode$1 = function percentEncode(bytes, start, end) {
- var i,
- result = '';
- for (i = start; i < end; i++) {
- result += '%' + ('00' + bytes[i].toString(16)).slice(-2);
- }
+ var decryptSegment = function decryptSegment(_ref8) {
+ var decryptionWorker = _ref8.decryptionWorker,
+ segment = _ref8.segment,
+ trackInfoFn = _ref8.trackInfoFn,
+ timingInfoFn = _ref8.timingInfoFn,
+ videoSegmentTimingInfoFn = _ref8.videoSegmentTimingInfoFn,
+ audioSegmentTimingInfoFn = _ref8.audioSegmentTimingInfoFn,
+ id3Fn = _ref8.id3Fn,
+ captionsFn = _ref8.captionsFn,
+ isEndOfTimeline = _ref8.isEndOfTimeline,
+ endedTimelineFn = _ref8.endedTimelineFn,
+ dataFn = _ref8.dataFn,
+ doneFn = _ref8.doneFn,
+ onTransmuxerLog = _ref8.onTransmuxerLog;
+ decrypt({
+ id: segment.requestId,
+ key: segment.key,
+ encryptedBytes: segment.encryptedBytes,
+ decryptionWorker: decryptionWorker
+ }, function (decryptedBytes) {
+ segment.bytes = decryptedBytes;
+ handleSegmentBytes({
+ segment: segment,
+ bytes: segment.bytes,
+ trackInfoFn: trackInfoFn,
+ timingInfoFn: timingInfoFn,
+ videoSegmentTimingInfoFn: videoSegmentTimingInfoFn,
+ audioSegmentTimingInfoFn: audioSegmentTimingInfoFn,
+ id3Fn: id3Fn,
+ captionsFn: captionsFn,
+ isEndOfTimeline: isEndOfTimeline,
+ endedTimelineFn: endedTimelineFn,
+ dataFn: dataFn,
+ doneFn: doneFn,
+ onTransmuxerLog: onTransmuxerLog
+ });
+ });
+ };
+ /**
+ * This function waits for all XHRs to finish (with either success or failure)
+ * before continueing processing via it's callback. The function gathers errors
+ * from each request into a single errors array so that the error status for
+ * each request can be examined later.
+ *
+ * @param {Object} activeXhrs - an object that tracks all XHR requests
+ * @param {WebWorker} decryptionWorker - a WebWorker interface to AES-128 decryption
+ * routines
+ * @param {Function} trackInfoFn - a callback that receives track info
+ * @param {Function} timingInfoFn - a callback that receives timing info
+ * @param {Function} videoSegmentTimingInfoFn
+ * a callback that receives video timing info based on media times and
+ * any adjustments made by the transmuxer
+ * @param {Function} audioSegmentTimingInfoFn
+ * a callback that receives audio timing info based on media times and
+ * any adjustments made by the transmuxer
+ * @param {Function} id3Fn - a callback that receives ID3 metadata
+ * @param {Function} captionsFn - a callback that receives captions
+ * @param {boolean} isEndOfTimeline
+ * true if this segment represents the last segment in a timeline
+ * @param {Function} endedTimelineFn
+ * a callback made when a timeline is ended, will only be called if
+ * isEndOfTimeline is true
+ * @param {Function} dataFn - a callback that is executed when segment bytes are available
+ * and ready to use
+ * @param {Function} doneFn - a callback that is executed after all resources have been
+ * downloaded and any decryption completed
+ */
- return result;
- }; // return the string representation of the specified byte range,
- // interpreted as ISO-8859-1.
+ var waitForCompletion = function waitForCompletion(_ref9) {
+ var activeXhrs = _ref9.activeXhrs,
+ decryptionWorker = _ref9.decryptionWorker,
+ trackInfoFn = _ref9.trackInfoFn,
+ timingInfoFn = _ref9.timingInfoFn,
+ videoSegmentTimingInfoFn = _ref9.videoSegmentTimingInfoFn,
+ audioSegmentTimingInfoFn = _ref9.audioSegmentTimingInfoFn,
+ id3Fn = _ref9.id3Fn,
+ captionsFn = _ref9.captionsFn,
+ isEndOfTimeline = _ref9.isEndOfTimeline,
+ endedTimelineFn = _ref9.endedTimelineFn,
+ dataFn = _ref9.dataFn,
+ doneFn = _ref9.doneFn,
+ onTransmuxerLog = _ref9.onTransmuxerLog;
+ var count = 0;
+ var didError = false;
+ return function (error, segment) {
+ if (didError) {
+ return;
+ }
- var parseIso88591$1 = function parseIso88591(bytes, start, end) {
- return unescape(percentEncode$1(bytes, start, end)); // jshint ignore:line
- };
+ if (error) {
+ didError = true; // If there are errors, we have to abort any outstanding requests
- var parseId3TagSize = function parseId3TagSize(header, byteIndex) {
- var returnSize = header[byteIndex + 6] << 21 | header[byteIndex + 7] << 14 | header[byteIndex + 8] << 7 | header[byteIndex + 9],
- flags = header[byteIndex + 5],
- footerPresent = (flags & 16) >> 4;
+ abortAll(activeXhrs); // Even though the requests above are aborted, and in theory we could wait until we
+ // handle the aborted events from those requests, there are some cases where we may
+ // never get an aborted event. For instance, if the network connection is lost and
+ // there were two requests, the first may have triggered an error immediately, while
+ // the second request remains unsent. In that case, the aborted algorithm will not
+ // trigger an abort: see https://xhr.spec.whatwg.org/#the-abort()-method
+ //
+ // We also can't rely on the ready state of the XHR, since the request that
+ // triggered the connection error may also show as a ready state of 0 (unsent).
+ // Therefore, we have to finish this group of requests immediately after the first
+ // seen error.
- if (footerPresent) {
- return returnSize + 20;
- }
+ return doneFn(error, segment);
+ }
- return returnSize + 10;
- };
+ count += 1;
- var parseAdtsSize = function parseAdtsSize(header, byteIndex) {
- var lowThree = (header[byteIndex + 5] & 0xE0) >> 5,
- middle = header[byteIndex + 4] << 3,
- highTwo = header[byteIndex + 3] & 0x3 << 11;
- return highTwo | middle | lowThree;
- };
+ if (count === activeXhrs.length) {
+ var segmentFinish = function segmentFinish() {
+ if (segment.encryptedBytes) {
+ return decryptSegment({
+ decryptionWorker: decryptionWorker,
+ segment: segment,
+ trackInfoFn: trackInfoFn,
+ timingInfoFn: timingInfoFn,
+ videoSegmentTimingInfoFn: videoSegmentTimingInfoFn,
+ audioSegmentTimingInfoFn: audioSegmentTimingInfoFn,
+ id3Fn: id3Fn,
+ captionsFn: captionsFn,
+ isEndOfTimeline: isEndOfTimeline,
+ endedTimelineFn: endedTimelineFn,
+ dataFn: dataFn,
+ doneFn: doneFn,
+ onTransmuxerLog: onTransmuxerLog
+ });
+ } // Otherwise, everything is ready just continue
- var parseType = function parseType(header, byteIndex) {
- if (header[byteIndex] === 'I'.charCodeAt(0) && header[byteIndex + 1] === 'D'.charCodeAt(0) && header[byteIndex + 2] === '3'.charCodeAt(0)) {
- return 'timed-metadata';
- } else if (header[byteIndex] & 0xff === 0xff && (header[byteIndex + 1] & 0xf0) === 0xf0) {
- return 'audio';
- }
- return null;
- };
+ handleSegmentBytes({
+ segment: segment,
+ bytes: segment.bytes,
+ trackInfoFn: trackInfoFn,
+ timingInfoFn: timingInfoFn,
+ videoSegmentTimingInfoFn: videoSegmentTimingInfoFn,
+ audioSegmentTimingInfoFn: audioSegmentTimingInfoFn,
+ id3Fn: id3Fn,
+ captionsFn: captionsFn,
+ isEndOfTimeline: isEndOfTimeline,
+ endedTimelineFn: endedTimelineFn,
+ dataFn: dataFn,
+ doneFn: doneFn,
+ onTransmuxerLog: onTransmuxerLog
+ });
+ }; // Keep track of when *all* of the requests have completed
- var parseSampleRate = function parseSampleRate(packet) {
- var i = 0;
- while (i + 5 < packet.length) {
- if (packet[i] !== 0xFF || (packet[i + 1] & 0xF6) !== 0xF0) {
- // If a valid header was not found, jump one forward and attempt to
- // find a valid ADTS header starting at the next byte
- i++;
- continue;
- }
+ segment.endOfAllRequests = Date.now();
- return ADTS_SAMPLING_FREQUENCIES$1[(packet[i + 2] & 0x3c) >>> 2];
- }
+ if (segment.map && segment.map.encryptedBytes && !segment.map.bytes) {
+ return decrypt({
+ decryptionWorker: decryptionWorker,
+ // add -init to the "id" to differentiate between segment
+ // and init segment decryption, just in case they happen
+ // at the same time at some point in the future.
+ id: segment.requestId + '-init',
+ encryptedBytes: segment.map.encryptedBytes,
+ key: segment.map.key
+ }, function (decryptedBytes) {
+ segment.map.bytes = decryptedBytes;
+ parseInitSegment(segment, function (parseError) {
+ if (parseError) {
+ abortAll(activeXhrs);
+ return doneFn(parseError, segment);
+ }
- return null;
- };
+ segmentFinish();
+ });
+ });
+ }
- var parseAacTimestamp = function parseAacTimestamp(packet) {
- var frameStart, frameSize, frame, frameHeader; // find the start of the first frame and the end of the tag
+ segmentFinish();
+ }
+ };
+ };
+ /**
+ * Calls the abort callback if any request within the batch was aborted. Will only call
+ * the callback once per batch of requests, even if multiple were aborted.
+ *
+ * @param {Object} loadendState - state to check to see if the abort function was called
+ * @param {Function} abortFn - callback to call for abort
+ */
- frameStart = 10;
- if (packet[5] & 0x40) {
- // advance the frame start past the extended header
- frameStart += 4; // header size field
+ var handleLoadEnd = function handleLoadEnd(_ref10) {
+ var loadendState = _ref10.loadendState,
+ abortFn = _ref10.abortFn;
+ return function (event) {
+ var request = event.target;
- frameStart += parseSyncSafeInteger$1(packet.subarray(10, 14));
- } // parse one or more ID3 frames
- // http://id3.org/id3v2.3.0#ID3v2_frame_overview
+ if (request.aborted && abortFn && !loadendState.calledAbortFn) {
+ abortFn();
+ loadendState.calledAbortFn = true;
+ }
+ };
+ };
+ /**
+ * Simple progress event callback handler that gathers some stats before
+ * executing a provided callback with the `segment` object
+ *
+ * @param {Object} segment - a simplified copy of the segmentInfo object
+ * from SegmentLoader
+ * @param {Function} progressFn - a callback that is executed each time a progress event
+ * is received
+ * @param {Function} trackInfoFn - a callback that receives track info
+ * @param {Function} timingInfoFn - a callback that receives timing info
+ * @param {Function} videoSegmentTimingInfoFn
+ * a callback that receives video timing info based on media times and
+ * any adjustments made by the transmuxer
+ * @param {Function} audioSegmentTimingInfoFn
+ * a callback that receives audio timing info based on media times and
+ * any adjustments made by the transmuxer
+ * @param {boolean} isEndOfTimeline
+ * true if this segment represents the last segment in a timeline
+ * @param {Function} endedTimelineFn
+ * a callback made when a timeline is ended, will only be called if
+ * isEndOfTimeline is true
+ * @param {Function} dataFn - a callback that is executed when segment bytes are available
+ * and ready to use
+ * @param {Event} event - the progress event object from XMLHttpRequest
+ */
- do {
- // determine the number of bytes in this frame
- frameSize = parseSyncSafeInteger$1(packet.subarray(frameStart + 4, frameStart + 8));
+ var handleProgress = function handleProgress(_ref11) {
+ var segment = _ref11.segment,
+ progressFn = _ref11.progressFn;
+ _ref11.trackInfoFn;
+ _ref11.timingInfoFn;
+ _ref11.videoSegmentTimingInfoFn;
+ _ref11.audioSegmentTimingInfoFn;
+ _ref11.id3Fn;
+ _ref11.captionsFn;
+ _ref11.isEndOfTimeline;
+ _ref11.endedTimelineFn;
+ _ref11.dataFn;
+ return function (event) {
+ var request = event.target;
- if (frameSize < 1) {
- return null;
- }
+ if (request.aborted) {
+ return;
+ }
- frameHeader = String.fromCharCode(packet[frameStart], packet[frameStart + 1], packet[frameStart + 2], packet[frameStart + 3]);
+ segment.stats = videojs.mergeOptions(segment.stats, getProgressStats(event)); // record the time that we receive the first byte of data
- if (frameHeader === 'PRIV') {
- frame = packet.subarray(frameStart + 10, frameStart + frameSize + 10);
+ if (!segment.stats.firstBytesReceivedAt && segment.stats.bytesReceived) {
+ segment.stats.firstBytesReceivedAt = Date.now();
+ }
- for (var i = 0; i < frame.byteLength; i++) {
- if (frame[i] === 0) {
- var owner = parseIso88591$1(frame, 0, i);
+ return progressFn(event, segment);
+ };
+ };
+ /**
+ * Load all resources and does any processing necessary for a media-segment
+ *
+ * Features:
+ * decrypts the media-segment if it has a key uri and an iv
+ * aborts *all* requests if *any* one request fails
+ *
+ * The segment object, at minimum, has the following format:
+ * {
+ * resolvedUri: String,
+ * [transmuxer]: Object,
+ * [byterange]: {
+ * offset: Number,
+ * length: Number
+ * },
+ * [key]: {
+ * resolvedUri: String
+ * [byterange]: {
+ * offset: Number,
+ * length: Number
+ * },
+ * iv: {
+ * bytes: Uint32Array
+ * }
+ * },
+ * [map]: {
+ * resolvedUri: String,
+ * [byterange]: {
+ * offset: Number,
+ * length: Number
+ * },
+ * [bytes]: Uint8Array
+ * }
+ * }
+ * ...where [name] denotes optional properties
+ *
+ * @param {Function} xhr - an instance of the xhr wrapper in xhr.js
+ * @param {Object} xhrOptions - the base options to provide to all xhr requests
+ * @param {WebWorker} decryptionWorker - a WebWorker interface to AES-128
+ * decryption routines
+ * @param {Object} segment - a simplified copy of the segmentInfo object
+ * from SegmentLoader
+ * @param {Function} abortFn - a callback called (only once) if any piece of a request was
+ * aborted
+ * @param {Function} progressFn - a callback that receives progress events from the main
+ * segment's xhr request
+ * @param {Function} trackInfoFn - a callback that receives track info
+ * @param {Function} timingInfoFn - a callback that receives timing info
+ * @param {Function} videoSegmentTimingInfoFn
+ * a callback that receives video timing info based on media times and
+ * any adjustments made by the transmuxer
+ * @param {Function} audioSegmentTimingInfoFn
+ * a callback that receives audio timing info based on media times and
+ * any adjustments made by the transmuxer
+ * @param {Function} id3Fn - a callback that receives ID3 metadata
+ * @param {Function} captionsFn - a callback that receives captions
+ * @param {boolean} isEndOfTimeline
+ * true if this segment represents the last segment in a timeline
+ * @param {Function} endedTimelineFn
+ * a callback made when a timeline is ended, will only be called if
+ * isEndOfTimeline is true
+ * @param {Function} dataFn - a callback that receives data from the main segment's xhr
+ * request, transmuxed if needed
+ * @param {Function} doneFn - a callback that is executed only once all requests have
+ * succeeded or failed
+ * @return {Function} a function that, when invoked, immediately aborts all
+ * outstanding requests
+ */
- if (owner === 'com.apple.streaming.transportStreamTimestamp') {
- var d = frame.subarray(i + 1);
- var size = (d[3] & 0x01) << 30 | d[4] << 22 | d[5] << 14 | d[6] << 6 | d[7] >>> 2;
- size *= 4;
- size += d[7] & 0x03;
- return size;
- }
- break;
- }
- }
- }
+ var mediaSegmentRequest = function mediaSegmentRequest(_ref12) {
+ var xhr = _ref12.xhr,
+ xhrOptions = _ref12.xhrOptions,
+ decryptionWorker = _ref12.decryptionWorker,
+ segment = _ref12.segment,
+ abortFn = _ref12.abortFn,
+ progressFn = _ref12.progressFn,
+ trackInfoFn = _ref12.trackInfoFn,
+ timingInfoFn = _ref12.timingInfoFn,
+ videoSegmentTimingInfoFn = _ref12.videoSegmentTimingInfoFn,
+ audioSegmentTimingInfoFn = _ref12.audioSegmentTimingInfoFn,
+ id3Fn = _ref12.id3Fn,
+ captionsFn = _ref12.captionsFn,
+ isEndOfTimeline = _ref12.isEndOfTimeline,
+ endedTimelineFn = _ref12.endedTimelineFn,
+ dataFn = _ref12.dataFn,
+ doneFn = _ref12.doneFn,
+ onTransmuxerLog = _ref12.onTransmuxerLog;
+ var activeXhrs = [];
+ var finishProcessingFn = waitForCompletion({
+ activeXhrs: activeXhrs,
+ decryptionWorker: decryptionWorker,
+ trackInfoFn: trackInfoFn,
+ timingInfoFn: timingInfoFn,
+ videoSegmentTimingInfoFn: videoSegmentTimingInfoFn,
+ audioSegmentTimingInfoFn: audioSegmentTimingInfoFn,
+ id3Fn: id3Fn,
+ captionsFn: captionsFn,
+ isEndOfTimeline: isEndOfTimeline,
+ endedTimelineFn: endedTimelineFn,
+ dataFn: dataFn,
+ doneFn: doneFn,
+ onTransmuxerLog: onTransmuxerLog
+ }); // optionally, request the decryption key
- frameStart += 10; // advance past the frame header
+ if (segment.key && !segment.key.bytes) {
+ var objects = [segment.key];
- frameStart += frameSize; // advance past the frame body
- } while (frameStart < packet.byteLength);
+ if (segment.map && !segment.map.bytes && segment.map.key && segment.map.key.resolvedUri === segment.key.resolvedUri) {
+ objects.push(segment.map.key);
+ }
- return null;
- };
+ var keyRequestOptions = videojs.mergeOptions(xhrOptions, {
+ uri: segment.key.resolvedUri,
+ responseType: 'arraybuffer'
+ });
+ var keyRequestCallback = handleKeyResponse(segment, objects, finishProcessingFn);
+ var keyXhr = xhr(keyRequestOptions, keyRequestCallback);
+ activeXhrs.push(keyXhr);
+ } // optionally, request the associated media init segment
- var utils = {
- isLikelyAacData: isLikelyAacData,
- parseId3TagSize: parseId3TagSize,
- parseAdtsSize: parseAdtsSize,
- parseType: parseType,
- parseSampleRate: parseSampleRate,
- parseAacTimestamp: parseAacTimestamp
- }; // Constants
- var _AacStream;
- /**
- * Splits an incoming stream of binary data into ADTS and ID3 Frames.
- */
+ if (segment.map && !segment.map.bytes) {
+ var differentMapKey = segment.map.key && (!segment.key || segment.key.resolvedUri !== segment.map.key.resolvedUri);
+ if (differentMapKey) {
+ var mapKeyRequestOptions = videojs.mergeOptions(xhrOptions, {
+ uri: segment.map.key.resolvedUri,
+ responseType: 'arraybuffer'
+ });
+ var mapKeyRequestCallback = handleKeyResponse(segment, [segment.map.key], finishProcessingFn);
+ var mapKeyXhr = xhr(mapKeyRequestOptions, mapKeyRequestCallback);
+ activeXhrs.push(mapKeyXhr);
+ }
- _AacStream = function AacStream() {
- var everything = new Uint8Array(),
- timeStamp = 0;
+ var initSegmentOptions = videojs.mergeOptions(xhrOptions, {
+ uri: segment.map.resolvedUri,
+ responseType: 'arraybuffer',
+ headers: segmentXhrHeaders(segment.map)
+ });
+ var initSegmentRequestCallback = handleInitSegmentResponse({
+ segment: segment,
+ finishProcessingFn: finishProcessingFn
+ });
+ var initSegmentXhr = xhr(initSegmentOptions, initSegmentRequestCallback);
+ activeXhrs.push(initSegmentXhr);
+ }
- _AacStream.prototype.init.call(this);
+ var segmentRequestOptions = videojs.mergeOptions(xhrOptions, {
+ uri: segment.part && segment.part.resolvedUri || segment.resolvedUri,
+ responseType: 'arraybuffer',
+ headers: segmentXhrHeaders(segment)
+ });
+ var segmentRequestCallback = handleSegmentResponse({
+ segment: segment,
+ finishProcessingFn: finishProcessingFn,
+ responseType: segmentRequestOptions.responseType
+ });
+ var segmentXhr = xhr(segmentRequestOptions, segmentRequestCallback);
+ segmentXhr.addEventListener('progress', handleProgress({
+ segment: segment,
+ progressFn: progressFn,
+ trackInfoFn: trackInfoFn,
+ timingInfoFn: timingInfoFn,
+ videoSegmentTimingInfoFn: videoSegmentTimingInfoFn,
+ audioSegmentTimingInfoFn: audioSegmentTimingInfoFn,
+ id3Fn: id3Fn,
+ captionsFn: captionsFn,
+ isEndOfTimeline: isEndOfTimeline,
+ endedTimelineFn: endedTimelineFn,
+ dataFn: dataFn
+ }));
+ activeXhrs.push(segmentXhr); // since all parts of the request must be considered, but should not make callbacks
+ // multiple times, provide a shared state object
+
+ var loadendState = {};
+ activeXhrs.forEach(function (activeXhr) {
+ activeXhr.addEventListener('loadend', handleLoadEnd({
+ loadendState: loadendState,
+ abortFn: abortFn
+ }));
+ });
+ return function () {
+ return abortAll(activeXhrs);
+ };
+ };
+ /**
+ * @file - codecs.js - Handles tasks regarding codec strings such as translating them to
+ * codec strings, or translating codec strings into objects that can be examined.
+ */
- this.setTimestamp = function (timestamp) {
- timeStamp = timestamp;
- };
- this.push = function (bytes) {
- var frameSize = 0,
- byteIndex = 0,
- bytesLeft,
- chunk,
- packet,
- tempLength; // If there are bytes remaining from the last segment, prepend them to the
- // bytes that were pushed in
-
- if (everything.length) {
- tempLength = everything.length;
- everything = new Uint8Array(bytes.byteLength + tempLength);
- everything.set(everything.subarray(0, tempLength));
- everything.set(bytes, tempLength);
- } else {
- everything = bytes;
- }
+ var logFn$1 = logger('CodecUtils');
+ /**
+ * Returns a set of codec strings parsed from the playlist or the default
+ * codec strings if no codecs were specified in the playlist
+ *
+ * @param {Playlist} media the current media playlist
+ * @return {Object} an object with the video and audio codecs
+ */
- while (everything.length - byteIndex >= 3) {
- if (everything[byteIndex] === 'I'.charCodeAt(0) && everything[byteIndex + 1] === 'D'.charCodeAt(0) && everything[byteIndex + 2] === '3'.charCodeAt(0)) {
- // Exit early because we don't have enough to parse
- // the ID3 tag header
- if (everything.length - byteIndex < 10) {
- break;
- } // check framesize
+ var getCodecs = function getCodecs(media) {
+ // if the codecs were explicitly specified, use them instead of the
+ // defaults
+ var mediaAttributes = media.attributes || {};
+ if (mediaAttributes.CODECS) {
+ return parseCodecs(mediaAttributes.CODECS);
+ }
+ };
- frameSize = utils.parseId3TagSize(everything, byteIndex); // Exit early if we don't have enough in the buffer
- // to emit a full packet
- // Add to byteIndex to support multiple ID3 tags in sequence
+ var isMaat = function isMaat(master, media) {
+ var mediaAttributes = media.attributes || {};
+ return master && master.mediaGroups && master.mediaGroups.AUDIO && mediaAttributes.AUDIO && master.mediaGroups.AUDIO[mediaAttributes.AUDIO];
+ };
- if (byteIndex + frameSize > everything.length) {
- break;
- }
+ var isMuxed = function isMuxed(master, media) {
+ if (!isMaat(master, media)) {
+ return true;
+ }
- chunk = {
- type: 'timed-metadata',
- data: everything.subarray(byteIndex, byteIndex + frameSize)
- };
- this.trigger('data', chunk);
- byteIndex += frameSize;
- continue;
- } else if ((everything[byteIndex] & 0xff) === 0xff && (everything[byteIndex + 1] & 0xf0) === 0xf0) {
- // Exit early because we don't have enough to parse
- // the ADTS frame header
- if (everything.length - byteIndex < 7) {
- break;
- }
+ var mediaAttributes = media.attributes || {};
+ var audioGroup = master.mediaGroups.AUDIO[mediaAttributes.AUDIO];
+
+ for (var groupId in audioGroup) {
+ // If an audio group has a URI (the case for HLS, as HLS will use external playlists),
+ // or there are listed playlists (the case for DASH, as the manifest will have already
+ // provided all of the details necessary to generate the audio playlist, as opposed to
+ // HLS' externally requested playlists), then the content is demuxed.
+ if (!audioGroup[groupId].uri && !audioGroup[groupId].playlists) {
+ return true;
+ }
+ }
- frameSize = utils.parseAdtsSize(everything, byteIndex); // Exit early if we don't have enough in the buffer
- // to emit a full packet
+ return false;
+ };
- if (byteIndex + frameSize > everything.length) {
- break;
- }
+ var unwrapCodecList = function unwrapCodecList(codecList) {
+ var codecs = {};
+ codecList.forEach(function (_ref) {
+ var mediaType = _ref.mediaType,
+ type = _ref.type,
+ details = _ref.details;
+ codecs[mediaType] = codecs[mediaType] || [];
+ codecs[mediaType].push(translateLegacyCodec("" + type + details));
+ });
+ Object.keys(codecs).forEach(function (mediaType) {
+ if (codecs[mediaType].length > 1) {
+ logFn$1("multiple " + mediaType + " codecs found as attributes: " + codecs[mediaType].join(', ') + ". Setting playlist codecs to null so that we wait for mux.js to probe segments for real codecs.");
+ codecs[mediaType] = null;
+ return;
+ }
- packet = {
- type: 'audio',
- data: everything.subarray(byteIndex, byteIndex + frameSize),
- pts: timeStamp,
- dts: timeStamp
- };
- this.trigger('data', packet);
- byteIndex += frameSize;
- continue;
- }
+ codecs[mediaType] = codecs[mediaType][0];
+ });
+ return codecs;
+ };
- byteIndex++;
- }
+ var codecCount = function codecCount(codecObj) {
+ var count = 0;
- bytesLeft = everything.length - byteIndex;
+ if (codecObj.audio) {
+ count++;
+ }
- if (bytesLeft > 0) {
- everything = everything.subarray(byteIndex);
- } else {
- everything = new Uint8Array();
- }
- };
+ if (codecObj.video) {
+ count++;
+ }
- this.reset = function () {
- everything = new Uint8Array();
- this.trigger('reset');
- };
+ return count;
+ };
+ /**
+ * Calculates the codec strings for a working configuration of
+ * SourceBuffers to play variant streams in a master playlist. If
+ * there is no possible working configuration, an empty object will be
+ * returned.
+ *
+ * @param master {Object} the m3u8 object for the master playlist
+ * @param media {Object} the m3u8 object for the variant playlist
+ * @return {Object} the codec strings.
+ *
+ * @private
+ */
- this.endTimeline = function () {
- everything = new Uint8Array();
- this.trigger('endedtimeline');
- };
- };
- _AacStream.prototype = new stream();
- var aac = _AacStream;
- var H264Stream = h264.H264Stream;
- var isLikelyAacData$1 = utils.isLikelyAacData;
- var ONE_SECOND_IN_TS$3 = clock.ONE_SECOND_IN_TS; // constants
+ var codecsForPlaylist = function codecsForPlaylist(master, media) {
+ var mediaAttributes = media.attributes || {};
+ var codecInfo = unwrapCodecList(getCodecs(media) || []); // HLS with multiple-audio tracks must always get an audio codec.
+ // Put another way, there is no way to have a video-only multiple-audio HLS!
- var AUDIO_PROPERTIES = ['audioobjecttype', 'channelcount', 'samplerate', 'samplingfrequencyindex', 'samplesize'];
- var VIDEO_PROPERTIES = ['width', 'height', 'profileIdc', 'levelIdc', 'profileCompatibility', 'sarRatio']; // object types
+ if (isMaat(master, media) && !codecInfo.audio) {
+ if (!isMuxed(master, media)) {
+ // It is possible for codecs to be specified on the audio media group playlist but
+ // not on the rendition playlist. This is mostly the case for DASH, where audio and
+ // video are always separate (and separately specified).
+ var defaultCodecs = unwrapCodecList(codecsFromDefault(master, mediaAttributes.AUDIO) || []);
- var _VideoSegmentStream, _AudioSegmentStream, _Transmuxer, _CoalesceStream;
- /**
- * Compare two arrays (even typed) for same-ness
- */
+ if (defaultCodecs.audio) {
+ codecInfo.audio = defaultCodecs.audio;
+ }
+ }
+ }
+ return codecInfo;
+ };
- var arrayEquals = function arrayEquals(a, b) {
- var i;
+ var logFn = logger('PlaylistSelector');
- if (a.length !== b.length) {
- return false;
- } // compare the value of each element in the array
+ var representationToString = function representationToString(representation) {
+ if (!representation || !representation.playlist) {
+ return;
+ }
+ var playlist = representation.playlist;
+ return JSON.stringify({
+ id: playlist.id,
+ bandwidth: representation.bandwidth,
+ width: representation.width,
+ height: representation.height,
+ codecs: playlist.attributes && playlist.attributes.CODECS || ''
+ });
+ }; // Utilities
- for (i = 0; i < a.length; i++) {
- if (a[i] !== b[i]) {
- return false;
- }
- }
+ /**
+ * Returns the CSS value for the specified property on an element
+ * using `getComputedStyle`. Firefox has a long-standing issue where
+ * getComputedStyle() may return null when running in an iframe with
+ * `display: none`.
+ *
+ * @see https://bugzilla.mozilla.org/show_bug.cgi?id=548397
+ * @param {HTMLElement} el the htmlelement to work on
+ * @param {string} the proprety to get the style for
+ */
- return true;
- };
- var generateVideoSegmentTimingInfo = function generateVideoSegmentTimingInfo(baseMediaDecodeTime, startDts, startPts, endDts, endPts, prependedContentDuration) {
- var ptsOffsetFromDts = startPts - startDts,
- decodeDuration = endDts - startDts,
- presentationDuration = endPts - startPts; // The PTS and DTS values are based on the actual stream times from the segment,
- // however, the player time values will reflect a start from the baseMediaDecodeTime.
- // In order to provide relevant values for the player times, base timing info on the
- // baseMediaDecodeTime and the DTS and PTS durations of the segment.
+ var safeGetComputedStyle = function safeGetComputedStyle(el, property) {
+ if (!el) {
+ return '';
+ }
- return {
- start: {
- dts: baseMediaDecodeTime,
- pts: baseMediaDecodeTime + ptsOffsetFromDts
- },
- end: {
- dts: baseMediaDecodeTime + decodeDuration,
- pts: baseMediaDecodeTime + presentationDuration
- },
- prependedContentDuration: prependedContentDuration,
- baseMediaDecodeTime: baseMediaDecodeTime
- };
- };
- /**
- * Constructs a single-track, ISO BMFF media segment from AAC data
- * events. The output of this stream can be fed to a SourceBuffer
- * configured with a suitable initialization segment.
- * @param track {object} track metadata configuration
- * @param options {object} transmuxer options object
- * @param options.keepOriginalTimestamps {boolean} If true, keep the timestamps
- * in the source; false to adjust the first segment to start at 0.
- */
+ var result = window.getComputedStyle(el);
+ if (!result) {
+ return '';
+ }
- _AudioSegmentStream = function AudioSegmentStream(track, options) {
- var adtsFrames = [],
- sequenceNumber = 0,
- earliestAllowedDts = 0,
- audioAppendStartTs = 0,
- videoBaseMediaDecodeTime = Infinity;
- options = options || {};
+ return result[property];
+ };
+ /**
+ * Resuable stable sort function
+ *
+ * @param {Playlists} array
+ * @param {Function} sortFn Different comparators
+ * @function stableSort
+ */
- _AudioSegmentStream.prototype.init.call(this);
- this.push = function (data) {
- trackDecodeInfo.collectDtsInfo(track, data);
+ var stableSort = function stableSort(array, sortFn) {
+ var newArray = array.slice();
+ array.sort(function (left, right) {
+ var cmp = sortFn(left, right);
- if (track) {
- AUDIO_PROPERTIES.forEach(function (prop) {
- track[prop] = data[prop];
- });
- } // buffer audio data until end() is called
+ if (cmp === 0) {
+ return newArray.indexOf(left) - newArray.indexOf(right);
+ }
+ return cmp;
+ });
+ };
+ /**
+ * A comparator function to sort two playlist object by bandwidth.
+ *
+ * @param {Object} left a media playlist object
+ * @param {Object} right a media playlist object
+ * @return {number} Greater than zero if the bandwidth attribute of
+ * left is greater than the corresponding attribute of right. Less
+ * than zero if the bandwidth of right is greater than left and
+ * exactly zero if the two are equal.
+ */
- adtsFrames.push(data);
- };
- this.setEarliestDts = function (earliestDts) {
- earliestAllowedDts = earliestDts - track.timelineStartInfo.baseMediaDecodeTime;
- };
+ var comparePlaylistBandwidth = function comparePlaylistBandwidth(left, right) {
+ var leftBandwidth;
+ var rightBandwidth;
- this.setVideoBaseMediaDecodeTime = function (baseMediaDecodeTime) {
- videoBaseMediaDecodeTime = baseMediaDecodeTime;
- };
+ if (left.attributes.BANDWIDTH) {
+ leftBandwidth = left.attributes.BANDWIDTH;
+ }
- this.setAudioAppendStart = function (timestamp) {
- audioAppendStartTs = timestamp;
- };
+ leftBandwidth = leftBandwidth || window.Number.MAX_VALUE;
- this.flush = function () {
- var frames, moof, mdat, boxes, frameDuration; // return early if no audio data has been observed
+ if (right.attributes.BANDWIDTH) {
+ rightBandwidth = right.attributes.BANDWIDTH;
+ }
- if (adtsFrames.length === 0) {
- this.trigger('done', 'AudioSegmentStream');
- return;
- }
+ rightBandwidth = rightBandwidth || window.Number.MAX_VALUE;
+ return leftBandwidth - rightBandwidth;
+ };
+ /**
+ * A comparator function to sort two playlist object by resolution (width).
+ *
+ * @param {Object} left a media playlist object
+ * @param {Object} right a media playlist object
+ * @return {number} Greater than zero if the resolution.width attribute of
+ * left is greater than the corresponding attribute of right. Less
+ * than zero if the resolution.width of right is greater than left and
+ * exactly zero if the two are equal.
+ */
- frames = audioFrameUtils.trimAdtsFramesByEarliestDts(adtsFrames, track, earliestAllowedDts);
- track.baseMediaDecodeTime = trackDecodeInfo.calculateTrackBaseMediaDecodeTime(track, options.keepOriginalTimestamps);
- audioFrameUtils.prefixWithSilence(track, frames, audioAppendStartTs, videoBaseMediaDecodeTime); // we have to build the index from byte locations to
- // samples (that is, adts frames) in the audio data
- track.samples = audioFrameUtils.generateSampleTable(frames); // concatenate the audio data to constuct the mdat
+ var comparePlaylistResolution = function comparePlaylistResolution(left, right) {
+ var leftWidth;
+ var rightWidth;
- mdat = mp4Generator.mdat(audioFrameUtils.concatenateFrameData(frames));
- adtsFrames = [];
- moof = mp4Generator.moof(sequenceNumber, [track]);
- boxes = new Uint8Array(moof.byteLength + mdat.byteLength); // bump the sequence number for next time
+ if (left.attributes.RESOLUTION && left.attributes.RESOLUTION.width) {
+ leftWidth = left.attributes.RESOLUTION.width;
+ }
- sequenceNumber++;
- boxes.set(moof);
- boxes.set(mdat, moof.byteLength);
- trackDecodeInfo.clearDtsInfo(track);
- frameDuration = Math.ceil(ONE_SECOND_IN_TS$3 * 1024 / track.samplerate); // TODO this check was added to maintain backwards compatibility (particularly with
- // tests) on adding the timingInfo event. However, it seems unlikely that there's a
- // valid use-case where an init segment/data should be triggered without associated
- // frames. Leaving for now, but should be looked into.
-
- if (frames.length) {
- this.trigger('timingInfo', {
- start: frames[0].pts,
- end: frames[0].pts + frames.length * frameDuration
- });
- }
+ leftWidth = leftWidth || window.Number.MAX_VALUE;
- this.trigger('data', {
- track: track,
- boxes: boxes
- });
- this.trigger('done', 'AudioSegmentStream');
- };
+ if (right.attributes.RESOLUTION && right.attributes.RESOLUTION.width) {
+ rightWidth = right.attributes.RESOLUTION.width;
+ }
- this.reset = function () {
- trackDecodeInfo.clearDtsInfo(track);
- adtsFrames = [];
- this.trigger('reset');
- };
- };
+ rightWidth = rightWidth || window.Number.MAX_VALUE; // NOTE - Fallback to bandwidth sort as appropriate in cases where multiple renditions
+ // have the same media dimensions/ resolution
- _AudioSegmentStream.prototype = new stream();
- /**
- * Constructs a single-track, ISO BMFF media segment from H264 data
- * events. The output of this stream can be fed to a SourceBuffer
- * configured with a suitable initialization segment.
- * @param track {object} track metadata configuration
- * @param options {object} transmuxer options object
- * @param options.alignGopsAtEnd {boolean} If true, start from the end of the
- * gopsToAlignWith list when attempting to align gop pts
- * @param options.keepOriginalTimestamps {boolean} If true, keep the timestamps
- * in the source; false to adjust the first segment to start at 0.
- */
+ if (leftWidth === rightWidth && left.attributes.BANDWIDTH && right.attributes.BANDWIDTH) {
+ return left.attributes.BANDWIDTH - right.attributes.BANDWIDTH;
+ }
- _VideoSegmentStream = function VideoSegmentStream(track, options) {
- var sequenceNumber = 0,
- nalUnits = [],
- gopsToAlignWith = [],
- config,
- pps;
- options = options || {};
+ return leftWidth - rightWidth;
+ };
+ /**
+ * Chooses the appropriate media playlist based on bandwidth and player size
+ *
+ * @param {Object} master
+ * Object representation of the master manifest
+ * @param {number} playerBandwidth
+ * Current calculated bandwidth of the player
+ * @param {number} playerWidth
+ * Current width of the player element (should account for the device pixel ratio)
+ * @param {number} playerHeight
+ * Current height of the player element (should account for the device pixel ratio)
+ * @param {boolean} limitRenditionByPlayerDimensions
+ * True if the player width and height should be used during the selection, false otherwise
+ * @param {Object} masterPlaylistController
+ * the current masterPlaylistController object
+ * @return {Playlist} the highest bitrate playlist less than the
+ * currently detected bandwidth, accounting for some amount of
+ * bandwidth variance
+ */
- _VideoSegmentStream.prototype.init.call(this);
- delete track.minPTS;
- this.gopCache_ = [];
- /**
- * Constructs a ISO BMFF segment given H264 nalUnits
- * @param {Object} nalUnit A data event representing a nalUnit
- * @param {String} nalUnit.nalUnitType
- * @param {Object} nalUnit.config Properties for a mp4 track
- * @param {Uint8Array} nalUnit.data The nalUnit bytes
- * @see lib/codecs/h264.js
- **/
+ var simpleSelector = function simpleSelector(master, playerBandwidth, playerWidth, playerHeight, limitRenditionByPlayerDimensions, masterPlaylistController) {
+ // If we end up getting called before `master` is available, exit early
+ if (!master) {
+ return;
+ }
- this.push = function (nalUnit) {
- trackDecodeInfo.collectDtsInfo(track, nalUnit); // record the track config
+ var options = {
+ bandwidth: playerBandwidth,
+ width: playerWidth,
+ height: playerHeight,
+ limitRenditionByPlayerDimensions: limitRenditionByPlayerDimensions
+ };
+ var playlists = master.playlists; // if playlist is audio only, select between currently active audio group playlists.
- if (nalUnit.nalUnitType === 'seq_parameter_set_rbsp' && !config) {
- config = nalUnit.config;
- track.sps = [nalUnit.data];
- VIDEO_PROPERTIES.forEach(function (prop) {
- track[prop] = config[prop];
- }, this);
- }
+ if (Playlist.isAudioOnly(master)) {
+ playlists = masterPlaylistController.getAudioTrackPlaylists_(); // add audioOnly to options so that we log audioOnly: true
+ // at the buttom of this function for debugging.
- if (nalUnit.nalUnitType === 'pic_parameter_set_rbsp' && !pps) {
- pps = nalUnit.data;
- track.pps = [nalUnit.data];
- } // buffer video until flush() is called
+ options.audioOnly = true;
+ } // convert the playlists to an intermediary representation to make comparisons easier
- nalUnits.push(nalUnit);
- };
- /**
- * Pass constructed ISO BMFF track and boxes on to the
- * next stream in the pipeline
- **/
-
-
- this.flush = function () {
- var frames,
- gopForFusion,
- gops,
- moof,
- mdat,
- boxes,
- prependedContentDuration = 0,
- firstGop,
- lastGop; // Throw away nalUnits at the start of the byte stream until
- // we find the first AUD
-
- while (nalUnits.length) {
- if (nalUnits[0].nalUnitType === 'access_unit_delimiter_rbsp') {
- break;
- }
+ var sortedPlaylistReps = playlists.map(function (playlist) {
+ var bandwidth;
+ var width = playlist.attributes && playlist.attributes.RESOLUTION && playlist.attributes.RESOLUTION.width;
+ var height = playlist.attributes && playlist.attributes.RESOLUTION && playlist.attributes.RESOLUTION.height;
+ bandwidth = playlist.attributes && playlist.attributes.BANDWIDTH;
+ bandwidth = bandwidth || window.Number.MAX_VALUE;
+ return {
+ bandwidth: bandwidth,
+ width: width,
+ height: height,
+ playlist: playlist
+ };
+ });
+ stableSort(sortedPlaylistReps, function (left, right) {
+ return left.bandwidth - right.bandwidth;
+ }); // filter out any playlists that have been excluded due to
+ // incompatible configurations
- nalUnits.shift();
- } // Return early if no video data has been observed
+ sortedPlaylistReps = sortedPlaylistReps.filter(function (rep) {
+ return !Playlist.isIncompatible(rep.playlist);
+ }); // filter out any playlists that have been disabled manually through the representations
+ // api or blacklisted temporarily due to playback errors.
+ var enabledPlaylistReps = sortedPlaylistReps.filter(function (rep) {
+ return Playlist.isEnabled(rep.playlist);
+ });
- if (nalUnits.length === 0) {
- this.resetStream_();
- this.trigger('done', 'VideoSegmentStream');
- return;
- } // Organize the raw nal-units into arrays that represent
- // higher-level constructs such as frames and gops
- // (group-of-pictures)
+ if (!enabledPlaylistReps.length) {
+ // if there are no enabled playlists, then they have all been blacklisted or disabled
+ // by the user through the representations api. In this case, ignore blacklisting and
+ // fallback to what the user wants by using playlists the user has not disabled.
+ enabledPlaylistReps = sortedPlaylistReps.filter(function (rep) {
+ return !Playlist.isDisabled(rep.playlist);
+ });
+ } // filter out any variant that has greater effective bitrate
+ // than the current estimated bandwidth
- frames = frameUtils.groupNalsIntoFrames(nalUnits);
- gops = frameUtils.groupFramesIntoGops(frames); // If the first frame of this fragment is not a keyframe we have
- // a problem since MSE (on Chrome) requires a leading keyframe.
- //
- // We have two approaches to repairing this situation:
- // 1) GOP-FUSION:
- // This is where we keep track of the GOPS (group-of-pictures)
- // from previous fragments and attempt to find one that we can
- // prepend to the current fragment in order to create a valid
- // fragment.
- // 2) KEYFRAME-PULLING:
- // Here we search for the first keyframe in the fragment and
- // throw away all the frames between the start of the fragment
- // and that keyframe. We then extend the duration and pull the
- // PTS of the keyframe forward so that it covers the time range
- // of the frames that were disposed of.
- //
- // #1 is far prefereable over #2 which can cause "stuttering" but
- // requires more things to be just right.
-
- if (!gops[0][0].keyFrame) {
- // Search for a gop for fusion from our gopCache
- gopForFusion = this.getGopForFusion_(nalUnits[0], track);
-
- if (gopForFusion) {
- // in order to provide more accurate timing information about the segment, save
- // the number of seconds prepended to the original segment due to GOP fusion
- prependedContentDuration = gopForFusion.duration;
- gops.unshift(gopForFusion); // Adjust Gops' metadata to account for the inclusion of the
- // new gop at the beginning
-
- gops.byteLength += gopForFusion.byteLength;
- gops.nalCount += gopForFusion.nalCount;
- gops.pts = gopForFusion.pts;
- gops.dts = gopForFusion.dts;
- gops.duration += gopForFusion.duration;
- } else {
- // If we didn't find a candidate gop fall back to keyframe-pulling
- gops = frameUtils.extendFirstKeyFrame(gops);
- }
- } // Trim gops to align with gopsToAlignWith
+ var bandwidthPlaylistReps = enabledPlaylistReps.filter(function (rep) {
+ return rep.bandwidth * Config.BANDWIDTH_VARIANCE < playerBandwidth;
+ });
+ var highestRemainingBandwidthRep = bandwidthPlaylistReps[bandwidthPlaylistReps.length - 1]; // get all of the renditions with the same (highest) bandwidth
+ // and then taking the very first element
+ var bandwidthBestRep = bandwidthPlaylistReps.filter(function (rep) {
+ return rep.bandwidth === highestRemainingBandwidthRep.bandwidth;
+ })[0]; // if we're not going to limit renditions by player size, make an early decision.
- if (gopsToAlignWith.length) {
- var alignedGops;
+ if (limitRenditionByPlayerDimensions === false) {
+ var _chosenRep = bandwidthBestRep || enabledPlaylistReps[0] || sortedPlaylistReps[0];
- if (options.alignGopsAtEnd) {
- alignedGops = this.alignGopsAtEnd_(gops);
- } else {
- alignedGops = this.alignGopsAtStart_(gops);
- }
+ if (_chosenRep && _chosenRep.playlist) {
+ var type = 'sortedPlaylistReps';
- if (!alignedGops) {
- // save all the nals in the last GOP into the gop cache
- this.gopCache_.unshift({
- gop: gops.pop(),
- pps: track.pps,
- sps: track.sps
- }); // Keep a maximum of 6 GOPs in the cache
+ if (bandwidthBestRep) {
+ type = 'bandwidthBestRep';
+ }
- this.gopCache_.length = Math.min(6, this.gopCache_.length); // Clear nalUnits
+ if (enabledPlaylistReps[0]) {
+ type = 'enabledPlaylistReps';
+ }
- nalUnits = []; // return early no gops can be aligned with desired gopsToAlignWith
+ logFn("choosing " + representationToString(_chosenRep) + " using " + type + " with options", options);
+ return _chosenRep.playlist;
+ }
- this.resetStream_();
- this.trigger('done', 'VideoSegmentStream');
- return;
- } // Some gops were trimmed. clear dts info so minSegmentDts and pts are correct
- // when recalculated before sending off to CoalesceStream
+ logFn('could not choose a playlist with options', options);
+ return null;
+ } // filter out playlists without resolution information
- trackDecodeInfo.clearDtsInfo(track);
- gops = alignedGops;
- }
+ var haveResolution = bandwidthPlaylistReps.filter(function (rep) {
+ return rep.width && rep.height;
+ }); // sort variants by resolution
- trackDecodeInfo.collectDtsInfo(track, gops); // First, we have to build the index from byte locations to
- // samples (that is, frames) in the video data
+ stableSort(haveResolution, function (left, right) {
+ return left.width - right.width;
+ }); // if we have the exact resolution as the player use it
- track.samples = frameUtils.generateSampleTable(gops); // Concatenate the video data and construct the mdat
+ var resolutionBestRepList = haveResolution.filter(function (rep) {
+ return rep.width === playerWidth && rep.height === playerHeight;
+ });
+ highestRemainingBandwidthRep = resolutionBestRepList[resolutionBestRepList.length - 1]; // ensure that we pick the highest bandwidth variant that have exact resolution
- mdat = mp4Generator.mdat(frameUtils.concatenateNalData(gops));
- track.baseMediaDecodeTime = trackDecodeInfo.calculateTrackBaseMediaDecodeTime(track, options.keepOriginalTimestamps);
- this.trigger('processedGopsInfo', gops.map(function (gop) {
- return {
- pts: gop.pts,
- dts: gop.dts,
- byteLength: gop.byteLength
- };
- }));
- firstGop = gops[0];
- lastGop = gops[gops.length - 1];
- this.trigger('segmentTimingInfo', generateVideoSegmentTimingInfo(track.baseMediaDecodeTime, firstGop.dts, firstGop.pts, lastGop.dts + lastGop.duration, lastGop.pts + lastGop.duration, prependedContentDuration));
- this.trigger('timingInfo', {
- start: gops[0].pts,
- end: gops[gops.length - 1].pts + gops[gops.length - 1].duration
- }); // save all the nals in the last GOP into the gop cache
+ var resolutionBestRep = resolutionBestRepList.filter(function (rep) {
+ return rep.bandwidth === highestRemainingBandwidthRep.bandwidth;
+ })[0];
+ var resolutionPlusOneList;
+ var resolutionPlusOneSmallest;
+ var resolutionPlusOneRep; // find the smallest variant that is larger than the player
+ // if there is no match of exact resolution
- this.gopCache_.unshift({
- gop: gops.pop(),
- pps: track.pps,
- sps: track.sps
- }); // Keep a maximum of 6 GOPs in the cache
+ if (!resolutionBestRep) {
+ resolutionPlusOneList = haveResolution.filter(function (rep) {
+ return rep.width > playerWidth || rep.height > playerHeight;
+ }); // find all the variants have the same smallest resolution
- this.gopCache_.length = Math.min(6, this.gopCache_.length); // Clear nalUnits
+ resolutionPlusOneSmallest = resolutionPlusOneList.filter(function (rep) {
+ return rep.width === resolutionPlusOneList[0].width && rep.height === resolutionPlusOneList[0].height;
+ }); // ensure that we also pick the highest bandwidth variant that
+ // is just-larger-than the video player
- nalUnits = [];
- this.trigger('baseMediaDecodeTime', track.baseMediaDecodeTime);
- this.trigger('timelineStartInfo', track.timelineStartInfo);
- moof = mp4Generator.moof(sequenceNumber, [track]); // it would be great to allocate this array up front instead of
- // throwing away hundreds of media segment fragments
+ highestRemainingBandwidthRep = resolutionPlusOneSmallest[resolutionPlusOneSmallest.length - 1];
+ resolutionPlusOneRep = resolutionPlusOneSmallest.filter(function (rep) {
+ return rep.bandwidth === highestRemainingBandwidthRep.bandwidth;
+ })[0];
+ }
- boxes = new Uint8Array(moof.byteLength + mdat.byteLength); // Bump the sequence number for next time
+ var leastPixelDiffRep; // If this selector proves to be better than others,
+ // resolutionPlusOneRep and resolutionBestRep and all
+ // the code involving them should be removed.
- sequenceNumber++;
- boxes.set(moof);
- boxes.set(mdat, moof.byteLength);
- this.trigger('data', {
- track: track,
- boxes: boxes
- });
- this.resetStream_(); // Continue with the flush process now
+ if (masterPlaylistController.experimentalLeastPixelDiffSelector) {
+ // find the variant that is closest to the player's pixel size
+ var leastPixelDiffList = haveResolution.map(function (rep) {
+ rep.pixelDiff = Math.abs(rep.width - playerWidth) + Math.abs(rep.height - playerHeight);
+ return rep;
+ }); // get the highest bandwidth, closest resolution playlist
- this.trigger('done', 'VideoSegmentStream');
- };
+ stableSort(leastPixelDiffList, function (left, right) {
+ // sort by highest bandwidth if pixelDiff is the same
+ if (left.pixelDiff === right.pixelDiff) {
+ return right.bandwidth - left.bandwidth;
+ }
- this.reset = function () {
- this.resetStream_();
- nalUnits = [];
- this.gopCache_.length = 0;
- gopsToAlignWith.length = 0;
- this.trigger('reset');
- };
+ return left.pixelDiff - right.pixelDiff;
+ });
+ leastPixelDiffRep = leastPixelDiffList[0];
+ } // fallback chain of variants
- this.resetStream_ = function () {
- trackDecodeInfo.clearDtsInfo(track); // reset config and pps because they may differ across segments
- // for instance, when we are rendition switching
-
- config = undefined;
- pps = undefined;
- }; // Search for a candidate Gop for gop-fusion from the gop cache and
- // return it or return null if no good candidate was found
-
-
- this.getGopForFusion_ = function (nalUnit) {
- var halfSecond = 45000,
- // Half-a-second in a 90khz clock
- allowableOverlap = 10000,
- // About 3 frames @ 30fps
- nearestDistance = Infinity,
- dtsDistance,
- nearestGopObj,
- currentGop,
- currentGopObj,
- i; // Search for the GOP nearest to the beginning of this nal unit
-
- for (i = 0; i < this.gopCache_.length; i++) {
- currentGopObj = this.gopCache_[i];
- currentGop = currentGopObj.gop; // Reject Gops with different SPS or PPS
-
- if (!(track.pps && arrayEquals(track.pps[0], currentGopObj.pps[0])) || !(track.sps && arrayEquals(track.sps[0], currentGopObj.sps[0]))) {
- continue;
- } // Reject Gops that would require a negative baseMediaDecodeTime
+ var chosenRep = leastPixelDiffRep || resolutionPlusOneRep || resolutionBestRep || bandwidthBestRep || enabledPlaylistReps[0] || sortedPlaylistReps[0];
- if (currentGop.dts < track.timelineStartInfo.dts) {
- continue;
- } // The distance between the end of the gop and the start of the nalUnit
+ if (chosenRep && chosenRep.playlist) {
+ var _type = 'sortedPlaylistReps';
+ if (leastPixelDiffRep) {
+ _type = 'leastPixelDiffRep';
+ } else if (resolutionPlusOneRep) {
+ _type = 'resolutionPlusOneRep';
+ } else if (resolutionBestRep) {
+ _type = 'resolutionBestRep';
+ } else if (bandwidthBestRep) {
+ _type = 'bandwidthBestRep';
+ } else if (enabledPlaylistReps[0]) {
+ _type = 'enabledPlaylistReps';
+ }
- dtsDistance = nalUnit.dts - currentGop.dts - currentGop.duration; // Only consider GOPS that start before the nal unit and end within
- // a half-second of the nal unit
+ logFn("choosing " + representationToString(chosenRep) + " using " + _type + " with options", options);
+ return chosenRep.playlist;
+ }
- if (dtsDistance >= -allowableOverlap && dtsDistance <= halfSecond) {
- // Always use the closest GOP we found if there is more than
- // one candidate
- if (!nearestGopObj || nearestDistance > dtsDistance) {
- nearestGopObj = currentGopObj;
- nearestDistance = dtsDistance;
- }
- }
- }
+ logFn('could not choose a playlist with options', options);
+ return null;
+ };
+ /**
+ * Chooses the appropriate media playlist based on the most recent
+ * bandwidth estimate and the player size.
+ *
+ * Expects to be called within the context of an instance of VhsHandler
+ *
+ * @return {Playlist} the highest bitrate playlist less than the
+ * currently detected bandwidth, accounting for some amount of
+ * bandwidth variance
+ */
- if (nearestGopObj) {
- return nearestGopObj.gop;
- }
- return null;
- }; // trim gop list to the first gop found that has a matching pts with a gop in the list
- // of gopsToAlignWith starting from the START of the list
+ var lastBandwidthSelector = function lastBandwidthSelector() {
+ var pixelRatio = this.useDevicePixelRatio ? window.devicePixelRatio || 1 : 1;
+ return simpleSelector(this.playlists.master, this.systemBandwidth, parseInt(safeGetComputedStyle(this.tech_.el(), 'width'), 10) * pixelRatio, parseInt(safeGetComputedStyle(this.tech_.el(), 'height'), 10) * pixelRatio, this.limitRenditionByPlayerDimensions, this.masterPlaylistController_);
+ };
+ /**
+ * Chooses the appropriate media playlist based on an
+ * exponential-weighted moving average of the bandwidth after
+ * filtering for player size.
+ *
+ * Expects to be called within the context of an instance of VhsHandler
+ *
+ * @param {number} decay - a number between 0 and 1. Higher values of
+ * this parameter will cause previous bandwidth estimates to lose
+ * significance more quickly.
+ * @return {Function} a function which can be invoked to create a new
+ * playlist selector function.
+ * @see https://en.wikipedia.org/wiki/Moving_average#Exponential_moving_average
+ */
- this.alignGopsAtStart_ = function (gops) {
- var alignIndex, gopIndex, align, gop, byteLength, nalCount, duration, alignedGops;
- byteLength = gops.byteLength;
- nalCount = gops.nalCount;
- duration = gops.duration;
- alignIndex = gopIndex = 0;
+ var movingAverageBandwidthSelector = function movingAverageBandwidthSelector(decay) {
+ var average = -1;
+ var lastSystemBandwidth = -1;
- while (alignIndex < gopsToAlignWith.length && gopIndex < gops.length) {
- align = gopsToAlignWith[alignIndex];
- gop = gops[gopIndex];
+ if (decay < 0 || decay > 1) {
+ throw new Error('Moving average bandwidth decay must be between 0 and 1.');
+ }
- if (align.pts === gop.pts) {
- break;
- }
+ return function () {
+ var pixelRatio = this.useDevicePixelRatio ? window.devicePixelRatio || 1 : 1;
- if (gop.pts > align.pts) {
- // this current gop starts after the current gop we want to align on, so increment
- // align index
- alignIndex++;
- continue;
- } // current gop starts before the current gop we want to align on. so increment gop
- // index
+ if (average < 0) {
+ average = this.systemBandwidth;
+ lastSystemBandwidth = this.systemBandwidth;
+ } // stop the average value from decaying for every 250ms
+ // when the systemBandwidth is constant
+ // and
+ // stop average from setting to a very low value when the
+ // systemBandwidth becomes 0 in case of chunk cancellation
- gopIndex++;
- byteLength -= gop.byteLength;
- nalCount -= gop.nalCount;
- duration -= gop.duration;
- }
+ if (this.systemBandwidth > 0 && this.systemBandwidth !== lastSystemBandwidth) {
+ average = decay * this.systemBandwidth + (1 - decay) * average;
+ lastSystemBandwidth = this.systemBandwidth;
+ }
- if (gopIndex === 0) {
- // no gops to trim
- return gops;
- }
+ return simpleSelector(this.playlists.master, average, parseInt(safeGetComputedStyle(this.tech_.el(), 'width'), 10) * pixelRatio, parseInt(safeGetComputedStyle(this.tech_.el(), 'height'), 10) * pixelRatio, this.limitRenditionByPlayerDimensions, this.masterPlaylistController_);
+ };
+ };
+ /**
+ * Chooses the appropriate media playlist based on the potential to rebuffer
+ *
+ * @param {Object} settings
+ * Object of information required to use this selector
+ * @param {Object} settings.master
+ * Object representation of the master manifest
+ * @param {number} settings.currentTime
+ * The current time of the player
+ * @param {number} settings.bandwidth
+ * Current measured bandwidth
+ * @param {number} settings.duration
+ * Duration of the media
+ * @param {number} settings.segmentDuration
+ * Segment duration to be used in round trip time calculations
+ * @param {number} settings.timeUntilRebuffer
+ * Time left in seconds until the player has to rebuffer
+ * @param {number} settings.currentTimeline
+ * The current timeline segments are being loaded from
+ * @param {SyncController} settings.syncController
+ * SyncController for determining if we have a sync point for a given playlist
+ * @return {Object|null}
+ * {Object} return.playlist
+ * The highest bandwidth playlist with the least amount of rebuffering
+ * {Number} return.rebufferingImpact
+ * The amount of time in seconds switching to this playlist will rebuffer. A
+ * negative value means that switching will cause zero rebuffering.
+ */
- if (gopIndex === gops.length) {
- // all gops trimmed, skip appending all gops
- return null;
- }
- alignedGops = gops.slice(gopIndex);
- alignedGops.byteLength = byteLength;
- alignedGops.duration = duration;
- alignedGops.nalCount = nalCount;
- alignedGops.pts = alignedGops[0].pts;
- alignedGops.dts = alignedGops[0].dts;
- return alignedGops;
- }; // trim gop list to the first gop found that has a matching pts with a gop in the list
- // of gopsToAlignWith starting from the END of the list
+ var minRebufferMaxBandwidthSelector = function minRebufferMaxBandwidthSelector(settings) {
+ var master = settings.master,
+ currentTime = settings.currentTime,
+ bandwidth = settings.bandwidth,
+ duration = settings.duration,
+ segmentDuration = settings.segmentDuration,
+ timeUntilRebuffer = settings.timeUntilRebuffer,
+ currentTimeline = settings.currentTimeline,
+ syncController = settings.syncController; // filter out any playlists that have been excluded due to
+ // incompatible configurations
+ var compatiblePlaylists = master.playlists.filter(function (playlist) {
+ return !Playlist.isIncompatible(playlist);
+ }); // filter out any playlists that have been disabled manually through the representations
+ // api or blacklisted temporarily due to playback errors.
- this.alignGopsAtEnd_ = function (gops) {
- var alignIndex, gopIndex, align, gop, alignEndIndex, matchFound;
- alignIndex = gopsToAlignWith.length - 1;
- gopIndex = gops.length - 1;
- alignEndIndex = null;
- matchFound = false;
+ var enabledPlaylists = compatiblePlaylists.filter(Playlist.isEnabled);
- while (alignIndex >= 0 && gopIndex >= 0) {
- align = gopsToAlignWith[alignIndex];
- gop = gops[gopIndex];
+ if (!enabledPlaylists.length) {
+ // if there are no enabled playlists, then they have all been blacklisted or disabled
+ // by the user through the representations api. In this case, ignore blacklisting and
+ // fallback to what the user wants by using playlists the user has not disabled.
+ enabledPlaylists = compatiblePlaylists.filter(function (playlist) {
+ return !Playlist.isDisabled(playlist);
+ });
+ }
- if (align.pts === gop.pts) {
- matchFound = true;
- break;
- }
+ var bandwidthPlaylists = enabledPlaylists.filter(Playlist.hasAttribute.bind(null, 'BANDWIDTH'));
+ var rebufferingEstimates = bandwidthPlaylists.map(function (playlist) {
+ var syncPoint = syncController.getSyncPoint(playlist, duration, currentTimeline, currentTime); // If there is no sync point for this playlist, switching to it will require a
+ // sync request first. This will double the request time
- if (align.pts > gop.pts) {
- alignIndex--;
- continue;
- }
+ var numRequests = syncPoint ? 1 : 2;
+ var requestTimeEstimate = Playlist.estimateSegmentRequestTime(segmentDuration, bandwidth, playlist);
+ var rebufferingImpact = requestTimeEstimate * numRequests - timeUntilRebuffer;
+ return {
+ playlist: playlist,
+ rebufferingImpact: rebufferingImpact
+ };
+ });
+ var noRebufferingPlaylists = rebufferingEstimates.filter(function (estimate) {
+ return estimate.rebufferingImpact <= 0;
+ }); // Sort by bandwidth DESC
- if (alignIndex === gopsToAlignWith.length - 1) {
- // gop.pts is greater than the last alignment candidate. If no match is found
- // by the end of this loop, we still want to append gops that come after this
- // point
- alignEndIndex = gopIndex;
- }
+ stableSort(noRebufferingPlaylists, function (a, b) {
+ return comparePlaylistBandwidth(b.playlist, a.playlist);
+ });
- gopIndex--;
- }
+ if (noRebufferingPlaylists.length) {
+ return noRebufferingPlaylists[0];
+ }
- if (!matchFound && alignEndIndex === null) {
- return null;
- }
+ stableSort(rebufferingEstimates, function (a, b) {
+ return a.rebufferingImpact - b.rebufferingImpact;
+ });
+ return rebufferingEstimates[0] || null;
+ };
+ /**
+ * Chooses the appropriate media playlist, which in this case is the lowest bitrate
+ * one with video. If no renditions with video exist, return the lowest audio rendition.
+ *
+ * Expects to be called within the context of an instance of VhsHandler
+ *
+ * @return {Object|null}
+ * {Object} return.playlist
+ * The lowest bitrate playlist that contains a video codec. If no such rendition
+ * exists pick the lowest audio rendition.
+ */
- var trimIndex;
- if (matchFound) {
- trimIndex = gopIndex;
- } else {
- trimIndex = alignEndIndex;
- }
+ var lowestBitrateCompatibleVariantSelector = function lowestBitrateCompatibleVariantSelector() {
+ var _this = this; // filter out any playlists that have been excluded due to
+ // incompatible configurations or playback errors
- if (trimIndex === 0) {
- return gops;
- }
- var alignedGops = gops.slice(trimIndex);
- var metadata = alignedGops.reduce(function (total, gop) {
- total.byteLength += gop.byteLength;
- total.duration += gop.duration;
- total.nalCount += gop.nalCount;
- return total;
- }, {
- byteLength: 0,
- duration: 0,
- nalCount: 0
- });
- alignedGops.byteLength = metadata.byteLength;
- alignedGops.duration = metadata.duration;
- alignedGops.nalCount = metadata.nalCount;
- alignedGops.pts = alignedGops[0].pts;
- alignedGops.dts = alignedGops[0].dts;
- return alignedGops;
- };
+ var playlists = this.playlists.master.playlists.filter(Playlist.isEnabled); // Sort ascending by bitrate
- this.alignGopsWith = function (newGopsToAlignWith) {
- gopsToAlignWith = newGopsToAlignWith;
- };
- };
+ stableSort(playlists, function (a, b) {
+ return comparePlaylistBandwidth(a, b);
+ }); // Parse and assume that playlists with no video codec have no video
+ // (this is not necessarily true, although it is generally true).
+ //
+ // If an entire manifest has no valid videos everything will get filtered
+ // out.
- _VideoSegmentStream.prototype = new stream();
- /**
- * A Stream that can combine multiple streams (ie. audio & video)
- * into a single output segment for MSE. Also supports audio-only
- * and video-only streams.
- * @param options {object} transmuxer options object
- * @param options.keepOriginalTimestamps {boolean} If true, keep the timestamps
- * in the source; false to adjust the first segment to start at media timeline start.
- */
+ var playlistsWithVideo = playlists.filter(function (playlist) {
+ return !!codecsForPlaylist(_this.playlists.master, playlist).video;
+ });
+ return playlistsWithVideo[0] || null;
+ };
+ /**
+ * Combine all segments into a single Uint8Array
+ *
+ * @param {Object} segmentObj
+ * @return {Uint8Array} concatenated bytes
+ * @private
+ */
- _CoalesceStream = function CoalesceStream(options, metadataStream) {
- // Number of Tracks per output segment
- // If greater than 1, we combine multiple
- // tracks into a single segment
- this.numberOfTracks = 0;
- this.metadataStream = metadataStream;
- options = options || {};
- if (typeof options.remux !== 'undefined') {
- this.remuxTracks = !!options.remux;
- } else {
- this.remuxTracks = true;
- }
+ var concatSegments = function concatSegments(segmentObj) {
+ var offset = 0;
+ var tempBuffer;
- if (typeof options.keepOriginalTimestamps === 'boolean') {
- this.keepOriginalTimestamps = options.keepOriginalTimestamps;
- } else {
- this.keepOriginalTimestamps = false;
- }
+ if (segmentObj.bytes) {
+ tempBuffer = new Uint8Array(segmentObj.bytes); // combine the individual segments into one large typed-array
- this.pendingTracks = [];
- this.videoTrack = null;
- this.pendingBoxes = [];
- this.pendingCaptions = [];
- this.pendingMetadata = [];
- this.pendingBytes = 0;
- this.emittedTracks = 0;
+ segmentObj.segments.forEach(function (segment) {
+ tempBuffer.set(segment, offset);
+ offset += segment.byteLength;
+ });
+ }
- _CoalesceStream.prototype.init.call(this); // Take output from multiple
+ return tempBuffer;
+ };
+ /**
+ * @file text-tracks.js
+ */
+ /**
+ * Create captions text tracks on video.js if they do not exist
+ *
+ * @param {Object} inbandTextTracks a reference to current inbandTextTracks
+ * @param {Object} tech the video.js tech
+ * @param {Object} captionStream the caption stream to create
+ * @private
+ */
- this.push = function (output) {
- // buffer incoming captions until the associated video segment
- // finishes
- if (output.text) {
- return this.pendingCaptions.push(output);
- } // buffer incoming id3 tags until the final flush
+ var createCaptionsTrackIfNotExists = function createCaptionsTrackIfNotExists(inbandTextTracks, tech, captionStream) {
+ if (!inbandTextTracks[captionStream]) {
+ tech.trigger({
+ type: 'usage',
+ name: 'vhs-608'
+ });
+ tech.trigger({
+ type: 'usage',
+ name: 'hls-608'
+ });
+ var instreamId = captionStream; // we need to translate SERVICEn for 708 to how mux.js currently labels them
- if (output.frames) {
- return this.pendingMetadata.push(output);
- } // Add this track to the list of pending tracks and store
- // important information required for the construction of
- // the final segment
+ if (/^cc708_/.test(captionStream)) {
+ instreamId = 'SERVICE' + captionStream.split('_')[1];
+ }
+ var track = tech.textTracks().getTrackById(instreamId);
- this.pendingTracks.push(output.track);
- this.pendingBytes += output.boxes.byteLength; // TODO: is there an issue for this against chrome?
- // We unshift audio and push video because
- // as of Chrome 75 when switching from
- // one init segment to another if the video
- // mdat does not appear after the audio mdat
- // only audio will play for the duration of our transmux.
+ if (track) {
+ // Resuse an existing track with a CC# id because this was
+ // very likely created by videojs-contrib-hls from information
+ // in the m3u8 for us to use
+ inbandTextTracks[captionStream] = track;
+ } else {
+ // This section gets called when we have caption services that aren't specified in the manifest.
+ // Manifest level caption services are handled in media-groups.js under CLOSED-CAPTIONS.
+ var captionServices = tech.options_.vhs && tech.options_.vhs.captionServices || {};
+ var label = captionStream;
+ var language = captionStream;
+ var def = false;
+ var captionService = captionServices[instreamId];
+
+ if (captionService) {
+ label = captionService.label;
+ language = captionService.language;
+ def = captionService["default"];
+ } // Otherwise, create a track with the default `CC#` label and
+ // without a language
+
+
+ inbandTextTracks[captionStream] = tech.addRemoteTextTrack({
+ kind: 'captions',
+ id: instreamId,
+ // TODO: investigate why this doesn't seem to turn the caption on by default
+ "default": def,
+ label: label,
+ language: language
+ }, false).track;
+ }
+ }
+ };
+ /**
+ * Add caption text track data to a source handler given an array of captions
+ *
+ * @param {Object}
+ * @param {Object} inbandTextTracks the inband text tracks
+ * @param {number} timestampOffset the timestamp offset of the source buffer
+ * @param {Array} captionArray an array of caption data
+ * @private
+ */
- if (output.track.type === 'video') {
- this.videoTrack = output.track;
- this.pendingBoxes.push(output.boxes);
- }
- if (output.track.type === 'audio') {
- this.audioTrack = output.track;
- this.pendingBoxes.unshift(output.boxes);
- }
- };
- };
+ var addCaptionData = function addCaptionData(_ref) {
+ var inbandTextTracks = _ref.inbandTextTracks,
+ captionArray = _ref.captionArray,
+ timestampOffset = _ref.timestampOffset;
- _CoalesceStream.prototype = new stream();
+ if (!captionArray) {
+ return;
+ }
- _CoalesceStream.prototype.flush = function (flushSource) {
- var offset = 0,
- event = {
- captions: [],
- captionStreams: {},
- metadata: [],
- info: {}
- },
- caption,
- id3,
- initSegment,
- timelineStartPts = 0,
- i;
+ var Cue = window.WebKitDataCue || window.VTTCue;
+ captionArray.forEach(function (caption) {
+ var track = caption.stream;
+ inbandTextTracks[track].addCue(new Cue(caption.startTime + timestampOffset, caption.endTime + timestampOffset, caption.text));
+ });
+ };
+ /**
+ * Define properties on a cue for backwards compatability,
+ * but warn the user that the way that they are using it
+ * is depricated and will be removed at a later date.
+ *
+ * @param {Cue} cue the cue to add the properties on
+ * @private
+ */
- if (this.pendingTracks.length < this.numberOfTracks) {
- if (flushSource !== 'VideoSegmentStream' && flushSource !== 'AudioSegmentStream') {
- // Return because we haven't received a flush from a data-generating
- // portion of the segment (meaning that we have only recieved meta-data
- // or captions.)
- return;
- } else if (this.remuxTracks) {
- // Return until we have enough tracks from the pipeline to remux (if we
- // are remuxing audio and video into a single MP4)
- return;
- } else if (this.pendingTracks.length === 0) {
- // In the case where we receive a flush without any data having been
- // received we consider it an emitted track for the purposes of coalescing
- // `done` events.
- // We do this for the case where there is an audio and video track in the
- // segment but no audio data. (seen in several playlists with alternate
- // audio tracks and no audio present in the main TS segments.)
- this.emittedTracks++;
-
- if (this.emittedTracks >= this.numberOfTracks) {
- this.trigger('done');
- this.emittedTracks = 0;
- }
- return;
- }
+ var deprecateOldCue = function deprecateOldCue(cue) {
+ Object.defineProperties(cue.frame, {
+ id: {
+ get: function get() {
+ videojs.log.warn('cue.frame.id is deprecated. Use cue.value.key instead.');
+ return cue.value.key;
}
-
- if (this.videoTrack) {
- timelineStartPts = this.videoTrack.timelineStartInfo.pts;
- VIDEO_PROPERTIES.forEach(function (prop) {
- event.info[prop] = this.videoTrack[prop];
- }, this);
- } else if (this.audioTrack) {
- timelineStartPts = this.audioTrack.timelineStartInfo.pts;
- AUDIO_PROPERTIES.forEach(function (prop) {
- event.info[prop] = this.audioTrack[prop];
- }, this);
+ },
+ value: {
+ get: function get() {
+ videojs.log.warn('cue.frame.value is deprecated. Use cue.value.data instead.');
+ return cue.value.data;
}
+ },
+ privateData: {
+ get: function get() {
+ videojs.log.warn('cue.frame.privateData is deprecated. Use cue.value.data instead.');
+ return cue.value.data;
+ }
+ }
+ });
+ };
+ /**
+ * Add metadata text track data to a source handler given an array of metadata
+ *
+ * @param {Object}
+ * @param {Object} inbandTextTracks the inband text tracks
+ * @param {Array} metadataArray an array of meta data
+ * @param {number} timestampOffset the timestamp offset of the source buffer
+ * @param {number} videoDuration the duration of the video
+ * @private
+ */
- if (this.videoTrack || this.audioTrack) {
- if (this.pendingTracks.length === 1) {
- event.type = this.pendingTracks[0].type;
- } else {
- event.type = 'combined';
- }
-
- this.emittedTracks += this.pendingTracks.length;
- initSegment = mp4Generator.initSegment(this.pendingTracks); // Create a new typed array to hold the init segment
-
- event.initSegment = new Uint8Array(initSegment.byteLength); // Create an init segment containing a moov
- // and track definitions
- event.initSegment.set(initSegment); // Create a new typed array to hold the moof+mdats
+ var addMetadata = function addMetadata(_ref2) {
+ var inbandTextTracks = _ref2.inbandTextTracks,
+ metadataArray = _ref2.metadataArray,
+ timestampOffset = _ref2.timestampOffset,
+ videoDuration = _ref2.videoDuration;
- event.data = new Uint8Array(this.pendingBytes); // Append each moof+mdat (one per track) together
+ if (!metadataArray) {
+ return;
+ }
- for (i = 0; i < this.pendingBoxes.length; i++) {
- event.data.set(this.pendingBoxes[i], offset);
- offset += this.pendingBoxes[i].byteLength;
- } // Translate caption PTS times into second offsets to match the
- // video timeline for the segment, and add track info
+ var Cue = window.WebKitDataCue || window.VTTCue;
+ var metadataTrack = inbandTextTracks.metadataTrack_;
+ if (!metadataTrack) {
+ return;
+ }
- for (i = 0; i < this.pendingCaptions.length; i++) {
- caption = this.pendingCaptions[i];
- caption.startTime = clock.metadataTsToSeconds(caption.startPts, timelineStartPts, this.keepOriginalTimestamps);
- caption.endTime = clock.metadataTsToSeconds(caption.endPts, timelineStartPts, this.keepOriginalTimestamps);
- event.captionStreams[caption.stream] = true;
- event.captions.push(caption);
- } // Translate ID3 frame PTS times into second offsets to match the
- // video timeline for the segment
+ metadataArray.forEach(function (metadata) {
+ var time = metadata.cueTime + timestampOffset; // if time isn't a finite number between 0 and Infinity, like NaN,
+ // ignore this bit of metadata.
+ // This likely occurs when you have an non-timed ID3 tag like TIT2,
+ // which is the "Title/Songname/Content description" frame
+ if (typeof time !== 'number' || window.isNaN(time) || time < 0 || !(time < Infinity)) {
+ return;
+ }
- for (i = 0; i < this.pendingMetadata.length; i++) {
- id3 = this.pendingMetadata[i];
- id3.cueTime = clock.metadataTsToSeconds(id3.pts, timelineStartPts, this.keepOriginalTimestamps);
- event.metadata.push(id3);
- } // We add this to every single emitted segment even though we only need
- // it for the first
+ metadata.frames.forEach(function (frame) {
+ var cue = new Cue(time, time, frame.value || frame.url || frame.data || '');
+ cue.frame = frame;
+ cue.value = frame;
+ deprecateOldCue(cue);
+ metadataTrack.addCue(cue);
+ });
+ });
+ if (!metadataTrack.cues || !metadataTrack.cues.length) {
+ return;
+ } // Updating the metadeta cues so that
+ // the endTime of each cue is the startTime of the next cue
+ // the endTime of last cue is the duration of the video
- event.metadata.dispatchType = this.metadataStream.dispatchType; // Reset stream state
- this.pendingTracks.length = 0;
- this.videoTrack = null;
- this.pendingBoxes.length = 0;
- this.pendingCaptions.length = 0;
- this.pendingBytes = 0;
- this.pendingMetadata.length = 0; // Emit the built segment
- // We include captions and ID3 tags for backwards compatibility,
- // ideally we should send only video and audio in the data event
+ var cues = metadataTrack.cues;
+ var cuesArray = []; // Create a copy of the TextTrackCueList...
+ // ...disregarding cues with a falsey value
- this.trigger('data', event); // Emit each caption to the outside world
- // Ideally, this would happen immediately on parsing captions,
- // but we need to ensure that video data is sent back first
- // so that caption timing can be adjusted to match video timing
+ for (var i = 0; i < cues.length; i++) {
+ if (cues[i]) {
+ cuesArray.push(cues[i]);
+ }
+ } // Group cues by their startTime value
- for (i = 0; i < event.captions.length; i++) {
- caption = event.captions[i];
- this.trigger('caption', caption);
- } // Emit each id3 tag to the outside world
- // Ideally, this would happen immediately on parsing the tag,
- // but we need to ensure that video data is sent back first
- // so that ID3 frame timing can be adjusted to match video timing
+ var cuesGroupedByStartTime = cuesArray.reduce(function (obj, cue) {
+ var timeSlot = obj[cue.startTime] || [];
+ timeSlot.push(cue);
+ obj[cue.startTime] = timeSlot;
+ return obj;
+ }, {}); // Sort startTimes by ascending order
- for (i = 0; i < event.metadata.length; i++) {
- id3 = event.metadata[i];
- this.trigger('id3Frame', id3);
- }
- } // Only emit `done` if all tracks have been flushed and emitted
+ var sortedStartTimes = Object.keys(cuesGroupedByStartTime).sort(function (a, b) {
+ return Number(a) - Number(b);
+ }); // Map each cue group's endTime to the next group's startTime
+ sortedStartTimes.forEach(function (startTime, idx) {
+ var cueGroup = cuesGroupedByStartTime[startTime];
+ var nextTime = Number(sortedStartTimes[idx + 1]) || videoDuration; // Map each cue's endTime the next group's startTime
- if (this.emittedTracks >= this.numberOfTracks) {
- this.trigger('done');
- this.emittedTracks = 0;
- }
- };
+ cueGroup.forEach(function (cue) {
+ cue.endTime = nextTime;
+ });
+ });
+ };
+ /**
+ * Create metadata text track on video.js if it does not exist
+ *
+ * @param {Object} inbandTextTracks a reference to current inbandTextTracks
+ * @param {string} dispatchType the inband metadata track dispatch type
+ * @param {Object} tech the video.js tech
+ * @private
+ */
- _CoalesceStream.prototype.setRemux = function (val) {
- this.remuxTracks = val;
- };
- /**
- * A Stream that expects MP2T binary data as input and produces
- * corresponding media segments, suitable for use with Media Source
- * Extension (MSE) implementations that support the ISO BMFF byte
- * stream format, like Chrome.
- */
+ var createMetadataTrackIfNotExists = function createMetadataTrackIfNotExists(inbandTextTracks, dispatchType, tech) {
+ if (inbandTextTracks.metadataTrack_) {
+ return;
+ }
- _Transmuxer = function Transmuxer(options) {
- var self = this,
- hasFlushed = true,
- videoTrack,
- audioTrack;
-
- _Transmuxer.prototype.init.call(this);
-
- options = options || {};
- this.baseMediaDecodeTime = options.baseMediaDecodeTime || 0;
- this.transmuxPipeline_ = {};
-
- this.setupAacPipeline = function () {
- var pipeline = {};
- this.transmuxPipeline_ = pipeline;
- pipeline.type = 'aac';
- pipeline.metadataStream = new m2ts_1.MetadataStream(); // set up the parsing pipeline
-
- pipeline.aacStream = new aac();
- pipeline.audioTimestampRolloverStream = new m2ts_1.TimestampRolloverStream('audio');
- pipeline.timedMetadataTimestampRolloverStream = new m2ts_1.TimestampRolloverStream('timed-metadata');
- pipeline.adtsStream = new adts();
- pipeline.coalesceStream = new _CoalesceStream(options, pipeline.metadataStream);
- pipeline.headOfPipeline = pipeline.aacStream;
- pipeline.aacStream.pipe(pipeline.audioTimestampRolloverStream).pipe(pipeline.adtsStream);
- pipeline.aacStream.pipe(pipeline.timedMetadataTimestampRolloverStream).pipe(pipeline.metadataStream).pipe(pipeline.coalesceStream);
- pipeline.metadataStream.on('timestamp', function (frame) {
- pipeline.aacStream.setTimestamp(frame.timeStamp);
- });
- pipeline.aacStream.on('data', function (data) {
- if (data.type === 'timed-metadata' && !pipeline.audioSegmentStream) {
- audioTrack = audioTrack || {
- timelineStartInfo: {
- baseMediaDecodeTime: self.baseMediaDecodeTime
- },
- codec: 'adts',
- type: 'audio'
- }; // hook up the audio segment stream to the first track with aac data
+ inbandTextTracks.metadataTrack_ = tech.addRemoteTextTrack({
+ kind: 'metadata',
+ label: 'Timed Metadata'
+ }, false).track;
+ inbandTextTracks.metadataTrack_.inBandMetadataTrackDispatchType = dispatchType;
+ };
+ /**
+ * Remove cues from a track on video.js.
+ *
+ * @param {Double} start start of where we should remove the cue
+ * @param {Double} end end of where the we should remove the cue
+ * @param {Object} track the text track to remove the cues from
+ * @private
+ */
- pipeline.coalesceStream.numberOfTracks++;
- pipeline.audioSegmentStream = new _AudioSegmentStream(audioTrack, options);
- pipeline.audioSegmentStream.on('timingInfo', self.trigger.bind(self, 'audioTimingInfo')); // Set up the final part of the audio pipeline
- pipeline.adtsStream.pipe(pipeline.audioSegmentStream).pipe(pipeline.coalesceStream);
- } // emit pmt info
+ var removeCuesFromTrack = function removeCuesFromTrack(start, end, track) {
+ var i;
+ var cue;
+ if (!track) {
+ return;
+ }
- self.trigger('trackinfo', {
- hasAudio: !!audioTrack,
- hasVideo: !!videoTrack
- });
- }); // Re-emit any data coming from the coalesce stream to the outside world
+ if (!track.cues) {
+ return;
+ }
- pipeline.coalesceStream.on('data', this.trigger.bind(this, 'data')); // Let the consumer know we have finished flushing the entire pipeline
+ i = track.cues.length;
- pipeline.coalesceStream.on('done', this.trigger.bind(this, 'done'));
- };
+ while (i--) {
+ cue = track.cues[i]; // Remove any cue within the provided start and end time
- this.setupTsPipeline = function () {
- var pipeline = {};
- this.transmuxPipeline_ = pipeline;
- pipeline.type = 'ts';
- pipeline.metadataStream = new m2ts_1.MetadataStream(); // set up the parsing pipeline
-
- pipeline.packetStream = new m2ts_1.TransportPacketStream();
- pipeline.parseStream = new m2ts_1.TransportParseStream();
- pipeline.elementaryStream = new m2ts_1.ElementaryStream();
- pipeline.timestampRolloverStream = new m2ts_1.TimestampRolloverStream();
- pipeline.adtsStream = new adts();
- pipeline.h264Stream = new H264Stream();
- pipeline.captionStream = new m2ts_1.CaptionStream();
- pipeline.coalesceStream = new _CoalesceStream(options, pipeline.metadataStream);
- pipeline.headOfPipeline = pipeline.packetStream; // disassemble MPEG2-TS packets into elementary streams
-
- pipeline.packetStream.pipe(pipeline.parseStream).pipe(pipeline.elementaryStream).pipe(pipeline.timestampRolloverStream); // !!THIS ORDER IS IMPORTANT!!
- // demux the streams
-
- pipeline.timestampRolloverStream.pipe(pipeline.h264Stream);
- pipeline.timestampRolloverStream.pipe(pipeline.adtsStream);
- pipeline.timestampRolloverStream.pipe(pipeline.metadataStream).pipe(pipeline.coalesceStream); // Hook up CEA-608/708 caption stream
-
- pipeline.h264Stream.pipe(pipeline.captionStream).pipe(pipeline.coalesceStream);
- pipeline.elementaryStream.on('data', function (data) {
- var i;
-
- if (data.type === 'metadata') {
- i = data.tracks.length; // scan the tracks listed in the metadata
-
- while (i--) {
- if (!videoTrack && data.tracks[i].type === 'video') {
- videoTrack = data.tracks[i];
- videoTrack.timelineStartInfo.baseMediaDecodeTime = self.baseMediaDecodeTime;
- } else if (!audioTrack && data.tracks[i].type === 'audio') {
- audioTrack = data.tracks[i];
- audioTrack.timelineStartInfo.baseMediaDecodeTime = self.baseMediaDecodeTime;
- }
- } // hook up the video segment stream to the first track with h264 data
-
-
- if (videoTrack && !pipeline.videoSegmentStream) {
- pipeline.coalesceStream.numberOfTracks++;
- pipeline.videoSegmentStream = new _VideoSegmentStream(videoTrack, options);
- pipeline.videoSegmentStream.on('timelineStartInfo', function (timelineStartInfo) {
- // When video emits timelineStartInfo data after a flush, we forward that
- // info to the AudioSegmentStream, if it exists, because video timeline
- // data takes precedence.
- if (audioTrack) {
- audioTrack.timelineStartInfo = timelineStartInfo; // On the first segment we trim AAC frames that exist before the
- // very earliest DTS we have seen in video because Chrome will
- // interpret any video track with a baseMediaDecodeTime that is
- // non-zero as a gap.
-
- pipeline.audioSegmentStream.setEarliestDts(timelineStartInfo.dts);
- }
- });
- pipeline.videoSegmentStream.on('processedGopsInfo', self.trigger.bind(self, 'gopInfo'));
- pipeline.videoSegmentStream.on('segmentTimingInfo', self.trigger.bind(self, 'videoSegmentTimingInfo'));
- pipeline.videoSegmentStream.on('baseMediaDecodeTime', function (baseMediaDecodeTime) {
- if (audioTrack) {
- pipeline.audioSegmentStream.setVideoBaseMediaDecodeTime(baseMediaDecodeTime);
- }
- });
- pipeline.videoSegmentStream.on('timingInfo', self.trigger.bind(self, 'videoTimingInfo')); // Set up the final part of the video pipeline
+ if (cue.startTime >= start && cue.endTime <= end) {
+ track.removeCue(cue);
+ }
+ }
+ };
+ /**
+ * Remove duplicate cues from a track on video.js (a cue is considered a
+ * duplicate if it has the same time interval and text as another)
+ *
+ * @param {Object} track the text track to remove the duplicate cues from
+ * @private
+ */
- pipeline.h264Stream.pipe(pipeline.videoSegmentStream).pipe(pipeline.coalesceStream);
- }
- if (audioTrack && !pipeline.audioSegmentStream) {
- // hook up the audio segment stream to the first track with aac data
- pipeline.coalesceStream.numberOfTracks++;
- pipeline.audioSegmentStream = new _AudioSegmentStream(audioTrack, options);
- pipeline.audioSegmentStream.on('timingInfo', self.trigger.bind(self, 'audioTimingInfo')); // Set up the final part of the audio pipeline
+ var removeDuplicateCuesFromTrack = function removeDuplicateCuesFromTrack(track) {
+ var cues = track.cues;
- pipeline.adtsStream.pipe(pipeline.audioSegmentStream).pipe(pipeline.coalesceStream);
- } // emit pmt info
+ if (!cues) {
+ return;
+ }
+ for (var i = 0; i < cues.length; i++) {
+ var duplicates = [];
+ var occurrences = 0;
- self.trigger('trackinfo', {
- hasAudio: !!audioTrack,
- hasVideo: !!videoTrack
- });
- }
- }); // Re-emit any data coming from the coalesce stream to the outside world
+ for (var j = 0; j < cues.length; j++) {
+ if (cues[i].startTime === cues[j].startTime && cues[i].endTime === cues[j].endTime && cues[i].text === cues[j].text) {
+ occurrences++;
- pipeline.coalesceStream.on('data', this.trigger.bind(this, 'data'));
- pipeline.coalesceStream.on('id3Frame', function (id3Frame) {
- id3Frame.dispatchType = pipeline.metadataStream.dispatchType;
- self.trigger('id3Frame', id3Frame);
- });
- pipeline.coalesceStream.on('caption', this.trigger.bind(this, 'caption')); // Let the consumer know we have finished flushing the entire pipeline
+ if (occurrences > 1) {
+ duplicates.push(cues[j]);
+ }
+ }
+ }
- pipeline.coalesceStream.on('done', this.trigger.bind(this, 'done'));
- }; // hook up the segment streams once track metadata is delivered
+ if (duplicates.length) {
+ duplicates.forEach(function (dupe) {
+ return track.removeCue(dupe);
+ });
+ }
+ }
+ };
+ /**
+ * Returns a list of gops in the buffer that have a pts value of 3 seconds or more in
+ * front of current time.
+ *
+ * @param {Array} buffer
+ * The current buffer of gop information
+ * @param {number} currentTime
+ * The current time
+ * @param {Double} mapping
+ * Offset to map display time to stream presentation time
+ * @return {Array}
+ * List of gops considered safe to append over
+ */
- this.setBaseMediaDecodeTime = function (baseMediaDecodeTime) {
- var pipeline = this.transmuxPipeline_;
+ var gopsSafeToAlignWith = function gopsSafeToAlignWith(buffer, currentTime, mapping) {
+ if (typeof currentTime === 'undefined' || currentTime === null || !buffer.length) {
+ return [];
+ } // pts value for current time + 3 seconds to give a bit more wiggle room
- if (!options.keepOriginalTimestamps) {
- this.baseMediaDecodeTime = baseMediaDecodeTime;
- }
- if (audioTrack) {
- audioTrack.timelineStartInfo.dts = undefined;
- audioTrack.timelineStartInfo.pts = undefined;
- trackDecodeInfo.clearDtsInfo(audioTrack);
+ var currentTimePts = Math.ceil((currentTime - mapping + 3) * clock_1);
+ var i;
- if (!options.keepOriginalTimestamps) {
- audioTrack.timelineStartInfo.baseMediaDecodeTime = baseMediaDecodeTime;
- }
+ for (i = 0; i < buffer.length; i++) {
+ if (buffer[i].pts > currentTimePts) {
+ break;
+ }
+ }
- if (pipeline.audioTimestampRolloverStream) {
- pipeline.audioTimestampRolloverStream.discontinuity();
- }
- }
+ return buffer.slice(i);
+ };
+ /**
+ * Appends gop information (timing and byteLength) received by the transmuxer for the
+ * gops appended in the last call to appendBuffer
+ *
+ * @param {Array} buffer
+ * The current buffer of gop information
+ * @param {Array} gops
+ * List of new gop information
+ * @param {boolean} replace
+ * If true, replace the buffer with the new gop information. If false, append the
+ * new gop information to the buffer in the right location of time.
+ * @return {Array}
+ * Updated list of gop information
+ */
- if (videoTrack) {
- if (pipeline.videoSegmentStream) {
- pipeline.videoSegmentStream.gopCache_ = [];
- }
- videoTrack.timelineStartInfo.dts = undefined;
- videoTrack.timelineStartInfo.pts = undefined;
- trackDecodeInfo.clearDtsInfo(videoTrack);
- pipeline.captionStream.reset();
+ var updateGopBuffer = function updateGopBuffer(buffer, gops, replace) {
+ if (!gops.length) {
+ return buffer;
+ }
- if (!options.keepOriginalTimestamps) {
- videoTrack.timelineStartInfo.baseMediaDecodeTime = baseMediaDecodeTime;
- }
- }
+ if (replace) {
+ // If we are in safe append mode, then completely overwrite the gop buffer
+ // with the most recent appeneded data. This will make sure that when appending
+ // future segments, we only try to align with gops that are both ahead of current
+ // time and in the last segment appended.
+ return gops.slice();
+ }
- if (pipeline.timestampRolloverStream) {
- pipeline.timestampRolloverStream.discontinuity();
- }
- };
+ var start = gops[0].pts;
+ var i = 0;
- this.setAudioAppendStart = function (timestamp) {
- if (audioTrack) {
- this.transmuxPipeline_.audioSegmentStream.setAudioAppendStart(timestamp);
- }
- };
+ for (i; i < buffer.length; i++) {
+ if (buffer[i].pts >= start) {
+ break;
+ }
+ }
- this.setRemux = function (val) {
- var pipeline = this.transmuxPipeline_;
- options.remux = val;
+ return buffer.slice(0, i).concat(gops);
+ };
+ /**
+ * Removes gop information in buffer that overlaps with provided start and end
+ *
+ * @param {Array} buffer
+ * The current buffer of gop information
+ * @param {Double} start
+ * position to start the remove at
+ * @param {Double} end
+ * position to end the remove at
+ * @param {Double} mapping
+ * Offset to map display time to stream presentation time
+ */
- if (pipeline && pipeline.coalesceStream) {
- pipeline.coalesceStream.setRemux(val);
- }
- };
- this.alignGopsWith = function (gopsToAlignWith) {
- if (videoTrack && this.transmuxPipeline_.videoSegmentStream) {
- this.transmuxPipeline_.videoSegmentStream.alignGopsWith(gopsToAlignWith);
- }
- }; // feed incoming data to the front of the parsing pipeline
+ var removeGopBuffer = function removeGopBuffer(buffer, start, end, mapping) {
+ var startPts = Math.ceil((start - mapping) * clock_1);
+ var endPts = Math.ceil((end - mapping) * clock_1);
+ var updatedBuffer = buffer.slice();
+ var i = buffer.length;
+ while (i--) {
+ if (buffer[i].pts <= endPts) {
+ break;
+ }
+ }
- this.push = function (data) {
- if (hasFlushed) {
- var isAac = isLikelyAacData$1(data);
+ if (i === -1) {
+ // no removal because end of remove range is before start of buffer
+ return updatedBuffer;
+ }
- if (isAac && this.transmuxPipeline_.type !== 'aac') {
- this.setupAacPipeline();
- } else if (!isAac && this.transmuxPipeline_.type !== 'ts') {
- this.setupTsPipeline();
- }
+ var j = i + 1;
- hasFlushed = false;
- }
+ while (j--) {
+ if (buffer[j].pts <= startPts) {
+ break;
+ }
+ } // clamp remove range start to 0 index
- this.transmuxPipeline_.headOfPipeline.push(data);
- }; // flush any buffered data
+ j = Math.max(j, 0);
+ updatedBuffer.splice(j, i - j + 1);
+ return updatedBuffer;
+ };
- this.flush = function () {
- hasFlushed = true; // Start at the top of the pipeline and flush all pending work
+ var shallowEqual = function shallowEqual(a, b) {
+ // if both are undefined
+ // or one or the other is undefined
+ // they are not equal
+ if (!a && !b || !a && b || a && !b) {
+ return false;
+ } // they are the same object and thus, equal
- this.transmuxPipeline_.headOfPipeline.flush();
- };
- this.endTimeline = function () {
- this.transmuxPipeline_.headOfPipeline.endTimeline();
- };
+ if (a === b) {
+ return true;
+ } // sort keys so we can make sure they have
+ // all the same keys later.
- this.reset = function () {
- if (this.transmuxPipeline_.headOfPipeline) {
- this.transmuxPipeline_.headOfPipeline.reset();
- }
- }; // Caption data has to be reset when seeking outside buffered range
+ var akeys = Object.keys(a).sort();
+ var bkeys = Object.keys(b).sort(); // different number of keys, not equal
- this.resetCaptions = function () {
- if (this.transmuxPipeline_.captionStream) {
- this.transmuxPipeline_.captionStream.reset();
- }
- };
- };
+ if (akeys.length !== bkeys.length) {
+ return false;
+ }
- _Transmuxer.prototype = new stream();
- var transmuxer = {
- Transmuxer: _Transmuxer,
- VideoSegmentStream: _VideoSegmentStream,
- AudioSegmentStream: _AudioSegmentStream,
- AUDIO_PROPERTIES: AUDIO_PROPERTIES,
- VIDEO_PROPERTIES: VIDEO_PROPERTIES,
- // exported for testing
- generateVideoSegmentTimingInfo: generateVideoSegmentTimingInfo
- };
+ for (var i = 0; i < akeys.length; i++) {
+ var key = akeys[i]; // different sorted keys, not equal
- var classCallCheck = function classCallCheck(instance, Constructor) {
- if (!(instance instanceof Constructor)) {
- throw new TypeError("Cannot call a class as a function");
- }
- };
+ if (key !== bkeys[i]) {
+ return false;
+ } // different values, not equal
- 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;
- };
- }();
- /**
- * @file transmuxer-worker.js
- */
+ if (a[key] !== b[key]) {
+ return false;
+ }
+ }
- /**
- * Re-emits transmuxer events by converting them into messages to the
- * world outside the worker.
- *
- * @param {Object} transmuxer the transmuxer to wire events on
- * @private
- */
+ return true;
+ }; // https://www.w3.org/TR/WebIDL-1/#quotaexceedederror
- var wireTransmuxerEvents = function wireTransmuxerEvents(self, transmuxer$$1) {
- transmuxer$$1.on('data', function (segment) {
- // transfer ownership of the underlying ArrayBuffer
- // instead of doing a copy to save memory
- // ArrayBuffers are transferable but generic TypedArrays are not
- // @link https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API/Using_web_workers#Passing_data_by_transferring_ownership_(transferable_objects)
- var initArray = segment.initSegment;
- segment.initSegment = {
- data: initArray.buffer,
- byteOffset: initArray.byteOffset,
- byteLength: initArray.byteLength
- };
- var typedArray = segment.data;
- segment.data = typedArray.buffer;
- self.postMessage({
- action: 'data',
- segment: segment,
- byteOffset: typedArray.byteOffset,
- byteLength: typedArray.byteLength
- }, [segment.data]);
- });
+ var QUOTA_EXCEEDED_ERR = 22;
+ /**
+ * The segment loader has no recourse except to fetch a segment in the
+ * current playlist and use the internal timestamps in that segment to
+ * generate a syncPoint. This function returns a good candidate index
+ * for that process.
+ *
+ * @param {Array} segments - the segments array from a playlist.
+ * @return {number} An index of a segment from the playlist to load
+ */
- if (transmuxer$$1.captionStream) {
- transmuxer$$1.captionStream.on('data', function (caption) {
- self.postMessage({
- action: 'caption',
- data: caption
- });
- });
- }
+ var getSyncSegmentCandidate = function getSyncSegmentCandidate(currentTimeline, segments, targetTime) {
+ segments = segments || [];
+ var timelineSegments = [];
+ var time = 0;
- transmuxer$$1.on('done', function (data) {
- self.postMessage({
- action: 'done'
- });
- });
- transmuxer$$1.on('gopInfo', function (gopInfo) {
- self.postMessage({
- action: 'gopInfo',
- gopInfo: gopInfo
- });
- });
- transmuxer$$1.on('videoSegmentTimingInfo', function (videoSegmentTimingInfo) {
- self.postMessage({
- action: 'videoSegmentTimingInfo',
- videoSegmentTimingInfo: videoSegmentTimingInfo
- });
- });
- };
- /**
- * All incoming messages route through this hash. If no function exists
- * to handle an incoming message, then we ignore the message.
- *
- * @class MessageHandlers
- * @param {Object} options the options to initialize with
- */
+ for (var i = 0; i < segments.length; i++) {
+ var segment = segments[i];
+ if (currentTimeline === segment.timeline) {
+ timelineSegments.push(i);
+ time += segment.duration;
- var MessageHandlers = function () {
- function MessageHandlers(self, options) {
- classCallCheck(this, MessageHandlers);
- this.options = options || {};
- this.self = self;
- this.init();
+ if (time > targetTime) {
+ return i;
}
- /**
- * initialize our web worker and wire all the events.
- */
+ }
+ }
+ if (timelineSegments.length === 0) {
+ return 0;
+ } // default to the last timeline segment
- createClass(MessageHandlers, [{
- key: 'init',
- value: function init() {
- if (this.transmuxer) {
- this.transmuxer.dispose();
- }
- this.transmuxer = new transmuxer.Transmuxer(this.options);
- wireTransmuxerEvents(this.self, this.transmuxer);
- }
- /**
- * Adds data (a ts segment) to the start of the transmuxer pipeline for
- * processing.
- *
- * @param {ArrayBuffer} data data to push into the muxer
- */
+ return timelineSegments[timelineSegments.length - 1];
+ }; // In the event of a quota exceeded error, keep at least one second of back buffer. This
+ // number was arbitrarily chosen and may be updated in the future, but seemed reasonable
+ // as a start to prevent any potential issues with removing content too close to the
+ // playhead.
- }, {
- key: 'push',
- value: function push(data) {
- // Cast array buffer to correct type for transmuxer
- var segment = new Uint8Array(data.data, data.byteOffset, data.byteLength);
- this.transmuxer.push(segment);
- }
- /**
- * Recreate the transmuxer so that the next segment added via `push`
- * start with a fresh transmuxer.
- */
- }, {
- key: 'reset',
- value: function reset() {
- this.init();
- }
- /**
- * Set the value that will be used as the `baseMediaDecodeTime` time for the
- * next segment pushed in. Subsequent segments will have their `baseMediaDecodeTime`
- * set relative to the first based on the PTS values.
- *
- * @param {Object} data used to set the timestamp offset in the muxer
- */
+ var MIN_BACK_BUFFER = 1; // in ms
- }, {
- key: 'setTimestampOffset',
- value: function setTimestampOffset(data) {
- var timestampOffset = data.timestampOffset || 0;
- this.transmuxer.setBaseMediaDecodeTime(Math.round(timestampOffset * 90000));
- }
- }, {
- key: 'setAudioAppendStart',
- value: function setAudioAppendStart(data) {
- this.transmuxer.setAudioAppendStart(Math.ceil(data.appendStart * 90000));
- }
- /**
- * Forces the pipeline to finish processing the last segment and emit it's
- * results.
- *
- * @param {Object} data event data, not really used
- */
+ var CHECK_BUFFER_DELAY = 500;
- }, {
- key: 'flush',
- value: function flush(data) {
- this.transmuxer.flush();
- }
- }, {
- key: 'resetCaptions',
- value: function resetCaptions() {
- this.transmuxer.resetCaptions();
- }
- }, {
- key: 'alignGopsWith',
- value: function alignGopsWith(data) {
- this.transmuxer.alignGopsWith(data.gopsToAlignWith.slice());
- }
- }]);
- return MessageHandlers;
- }();
- /**
- * Our web wroker interface so that things can talk to mux.js
- * that will be running in a web worker. the scope is passed to this by
- * webworkify.
- *
- * @param {Object} self the scope for the web worker
- */
+ var finite = function finite(num) {
+ return typeof num === 'number' && isFinite(num);
+ }; // With most content hovering around 30fps, if a segment has a duration less than a half
+ // frame at 30fps or one frame at 60fps, the bandwidth and throughput calculations will
+ // not accurately reflect the rest of the content.
- var TransmuxerWorker = function TransmuxerWorker(self) {
- self.onmessage = function (event) {
- if (event.data.action === 'init' && event.data.options) {
- this.messageHandlers = new MessageHandlers(self, event.data.options);
- return;
- }
+ var MIN_SEGMENT_DURATION_TO_SAVE_STATS = 1 / 60;
- if (!this.messageHandlers) {
- this.messageHandlers = new MessageHandlers(self);
- }
+ var illegalMediaSwitch = function illegalMediaSwitch(loaderType, startingMedia, trackInfo) {
+ // Although these checks should most likely cover non 'main' types, for now it narrows
+ // the scope of our checks.
+ if (loaderType !== 'main' || !startingMedia || !trackInfo) {
+ return null;
+ }
- if (event.data && event.data.action && event.data.action !== 'init') {
- if (this.messageHandlers[event.data.action]) {
- this.messageHandlers[event.data.action](event.data);
- }
- }
- };
- };
+ if (!trackInfo.hasAudio && !trackInfo.hasVideo) {
+ return 'Neither audio nor video found in segment.';
+ }
- var transmuxerWorker = new TransmuxerWorker(self);
- return transmuxerWorker;
- }();
- });
- /**
- * @file - codecs.js - Handles tasks regarding codec strings such as translating them to
- * codec strings, or translating codec strings into objects that can be examined.
- */
- // Default codec parameters if none were provided for video and/or audio
+ if (startingMedia.hasVideo && !trackInfo.hasVideo) {
+ return 'Only audio found in segment when we expected video.' + ' We can\'t switch to audio only from a stream that had video.' + ' To get rid of this message, please add codec information to the manifest.';
+ }
- var defaultCodecs = {
- videoCodec: 'avc1',
- videoObjectTypeIndicator: '.4d400d',
- // AAC-LC
- audioProfile: '2'
+ if (!startingMedia.hasVideo && trackInfo.hasVideo) {
+ return 'Video found in segment when we expected only audio.' + ' We can\'t switch to a stream with video from an audio only stream.' + ' To get rid of this message, please add codec information to the manifest.';
+ }
+
+ return null;
};
/**
- * Replace the old apple-style `avc1.<dd>.<dd>` codec string with the standard
- * `avc1.<hhhhhh>`
+ * Calculates a time value that is safe to remove from the back buffer without interrupting
+ * playback.
*
- * @param {Array} codecs an array of codec strings to fix
- * @return {Array} the translated codec array
- * @private
+ * @param {TimeRange} seekable
+ * The current seekable range
+ * @param {number} currentTime
+ * The current time of the player
+ * @param {number} targetDuration
+ * The target duration of the current playlist
+ * @return {number}
+ * Time that is safe to remove from the back buffer without interrupting playback
*/
- var translateLegacyCodecs = function translateLegacyCodecs(codecs) {
- return codecs.map(function (codec) {
- return codec.replace(/avc1\.(\d+)\.(\d+)/i, function (orig, profile, avcLevel) {
- var profileHex = ('00' + Number(profile).toString(16)).slice(-2);
- var avcLevelHex = ('00' + Number(avcLevel).toString(16)).slice(-2);
- return 'avc1.' + profileHex + '00' + avcLevelHex;
- });
- });
+
+ var safeBackBufferTrimTime = function safeBackBufferTrimTime(seekable, currentTime, targetDuration) {
+ // 30 seconds before the playhead provides a safe default for trimming.
+ //
+ // Choosing a reasonable default is particularly important for high bitrate content and
+ // VOD videos/live streams with large windows, as the buffer may end up overfilled and
+ // throw an APPEND_BUFFER_ERR.
+ var trimTime = currentTime - Config.BACK_BUFFER_LENGTH;
+
+ if (seekable.length) {
+ // Some live playlists may have a shorter window of content than the full allowed back
+ // buffer. For these playlists, don't save content that's no longer within the window.
+ trimTime = Math.max(trimTime, seekable.start(0));
+ } // Don't remove within target duration of the current time to avoid the possibility of
+ // removing the GOP currently being played, as removing it can cause playback stalls.
+
+
+ var maxTrimTime = currentTime - targetDuration;
+ return Math.min(maxTrimTime, trimTime);
};
- /**
- * Parses a codec string to retrieve the number of codecs specified,
- * the video codec and object type indicator, and the audio profile.
- */
+ var segmentInfoString = function segmentInfoString(segmentInfo) {
+ var startOfSegment = segmentInfo.startOfSegment,
+ duration = segmentInfo.duration,
+ segment = segmentInfo.segment,
+ part = segmentInfo.part,
+ _segmentInfo$playlist = segmentInfo.playlist,
+ seq = _segmentInfo$playlist.mediaSequence,
+ id = _segmentInfo$playlist.id,
+ _segmentInfo$playlist2 = _segmentInfo$playlist.segments,
+ segments = _segmentInfo$playlist2 === void 0 ? [] : _segmentInfo$playlist2,
+ index = segmentInfo.mediaIndex,
+ partIndex = segmentInfo.partIndex,
+ timeline = segmentInfo.timeline;
+ var segmentLen = segments.length - 1;
+ var selection = 'mediaIndex/partIndex increment';
- var parseCodecs = function parseCodecs() {
- var codecs = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
- var result = {
- codecCount: 0
- };
- var parsed = void 0;
- result.codecCount = codecs.split(',').length;
- result.codecCount = result.codecCount || 2; // parse the video codec
+ if (segmentInfo.getMediaInfoForTime) {
+ selection = "getMediaInfoForTime (" + segmentInfo.getMediaInfoForTime + ")";
+ } else if (segmentInfo.isSyncRequest) {
+ selection = 'getSyncSegmentCandidate (isSyncRequest)';
+ }
- parsed = /(^|\s|,)+(avc[13])([^ ,]*)/i.exec(codecs);
+ if (segmentInfo.independent) {
+ selection += " with independent " + segmentInfo.independent;
+ }
- if (parsed) {
- result.videoCodec = parsed[2];
- result.videoObjectTypeIndicator = parsed[3];
- } // parse the last field of the audio codec
+ var hasPartIndex = typeof partIndex === 'number';
+ var name = segmentInfo.segment.uri ? 'segment' : 'pre-segment';
+ var zeroBasedPartCount = hasPartIndex ? getKnownPartCount({
+ preloadSegment: segment
+ }) - 1 : 0;
+ return name + " [" + (seq + index) + "/" + (seq + segmentLen) + "]" + (hasPartIndex ? " part [" + partIndex + "/" + zeroBasedPartCount + "]" : '') + (" segment start/end [" + segment.start + " => " + segment.end + "]") + (hasPartIndex ? " part start/end [" + part.start + " => " + part.end + "]" : '') + (" startOfSegment [" + startOfSegment + "]") + (" duration [" + duration + "]") + (" timeline [" + timeline + "]") + (" selected by [" + selection + "]") + (" playlist [" + id + "]");
+ };
+ var timingInfoPropertyForMedia = function timingInfoPropertyForMedia(mediaType) {
+ return mediaType + "TimingInfo";
+ };
+ /**
+ * Returns the timestamp offset to use for the segment.
+ *
+ * @param {number} segmentTimeline
+ * The timeline of the segment
+ * @param {number} currentTimeline
+ * The timeline currently being followed by the loader
+ * @param {number} startOfSegment
+ * The estimated segment start
+ * @param {TimeRange[]} buffered
+ * The loader's buffer
+ * @param {boolean} overrideCheck
+ * If true, no checks are made to see if the timestamp offset value should be set,
+ * but sets it directly to a value.
+ *
+ * @return {number|null}
+ * Either a number representing a new timestamp offset, or null if the segment is
+ * part of the same timeline
+ */
+
+
+ var timestampOffsetForSegment = function timestampOffsetForSegment(_ref) {
+ var segmentTimeline = _ref.segmentTimeline,
+ currentTimeline = _ref.currentTimeline,
+ startOfSegment = _ref.startOfSegment,
+ buffered = _ref.buffered,
+ overrideCheck = _ref.overrideCheck; // Check to see if we are crossing a discontinuity to see if we need to set the
+ // timestamp offset on the transmuxer and source buffer.
+ //
+ // Previously, we changed the timestampOffset if the start of this segment was less than
+ // the currently set timestampOffset, but this isn't desirable as it can produce bad
+ // behavior, especially around long running live streams.
- result.audioProfile = /(^|\s|,)+mp4a.[0-9A-Fa-f]+\.([0-9A-Fa-f]+)/i.exec(codecs);
- result.audioProfile = result.audioProfile && result.audioProfile[2];
- return result;
+ if (!overrideCheck && segmentTimeline === currentTimeline) {
+ return null;
+ } // When changing renditions, it's possible to request a segment on an older timeline. For
+ // instance, given two renditions with the following:
+ //
+ // #EXTINF:10
+ // segment1
+ // #EXT-X-DISCONTINUITY
+ // #EXTINF:10
+ // segment2
+ // #EXTINF:10
+ // segment3
+ //
+ // And the current player state:
+ //
+ // current time: 8
+ // buffer: 0 => 20
+ //
+ // The next segment on the current rendition would be segment3, filling the buffer from
+ // 20s onwards. However, if a rendition switch happens after segment2 was requested,
+ // then the next segment to be requested will be segment1 from the new rendition in
+ // order to fill time 8 and onwards. Using the buffered end would result in repeated
+ // content (since it would position segment1 of the new rendition starting at 20s). This
+ // case can be identified when the new segment's timeline is a prior value. Instead of
+ // using the buffered end, the startOfSegment can be used, which, hopefully, will be
+ // more accurate to the actual start time of the segment.
+
+
+ if (segmentTimeline < currentTimeline) {
+ return startOfSegment;
+ } // segmentInfo.startOfSegment used to be used as the timestamp offset, however, that
+ // value uses the end of the last segment if it is available. While this value
+ // should often be correct, it's better to rely on the buffered end, as the new
+ // content post discontinuity should line up with the buffered end as if it were
+ // time 0 for the new content.
+
+
+ return buffered.length ? buffered.end(buffered.length - 1) : startOfSegment;
};
/**
- * Replace codecs in the codec string with the old apple-style `avc1.<dd>.<dd>` to the
- * standard `avc1.<hhhhhh>`.
- *
- * @param codecString {String} the codec string
- * @return {String} the codec string with old apple-style codecs replaced
+ * Returns whether or not the loader should wait for a timeline change from the timeline
+ * change controller before processing the segment.
+ *
+ * Primary timing in VHS goes by video. This is different from most media players, as
+ * audio is more often used as the primary timing source. For the foreseeable future, VHS
+ * will continue to use video as the primary timing source, due to the current logic and
+ * expectations built around it.
+
+ * Since the timing follows video, in order to maintain sync, the video loader is
+ * responsible for setting both audio and video source buffer timestamp offsets.
+ *
+ * Setting different values for audio and video source buffers could lead to
+ * desyncing. The following examples demonstrate some of the situations where this
+ * distinction is important. Note that all of these cases involve demuxed content. When
+ * content is muxed, the audio and video are packaged together, therefore syncing
+ * separate media playlists is not an issue.
+ *
+ * CASE 1: Audio prepares to load a new timeline before video:
+ *
+ * Timeline: 0 1
+ * Audio Segments: 0 1 2 3 4 5 DISCO 6 7 8 9
+ * Audio Loader: ^
+ * Video Segments: 0 1 2 3 4 5 DISCO 6 7 8 9
+ * Video Loader ^
+ *
+ * In the above example, the audio loader is preparing to load the 6th segment, the first
+ * after a discontinuity, while the video loader is still loading the 5th segment, before
+ * the discontinuity.
+ *
+ * If the audio loader goes ahead and loads and appends the 6th segment before the video
+ * loader crosses the discontinuity, then when appended, the 6th audio segment will use
+ * the timestamp offset from timeline 0. This will likely lead to desyncing. In addition,
+ * the audio loader must provide the audioAppendStart value to trim the content in the
+ * transmuxer, and that value relies on the audio timestamp offset. Since the audio
+ * timestamp offset is set by the video (main) loader, the audio loader shouldn't load the
+ * segment until that value is provided.
+ *
+ * CASE 2: Video prepares to load a new timeline before audio:
+ *
+ * Timeline: 0 1
+ * Audio Segments: 0 1 2 3 4 5 DISCO 6 7 8 9
+ * Audio Loader: ^
+ * Video Segments: 0 1 2 3 4 5 DISCO 6 7 8 9
+ * Video Loader ^
+ *
+ * In the above example, the video loader is preparing to load the 6th segment, the first
+ * after a discontinuity, while the audio loader is still loading the 5th segment, before
+ * the discontinuity.
+ *
+ * If the video loader goes ahead and loads and appends the 6th segment, then once the
+ * segment is loaded and processed, both the video and audio timestamp offsets will be
+ * set, since video is used as the primary timing source. This is to ensure content lines
+ * up appropriately, as any modifications to the video timing are reflected by audio when
+ * the video loader sets the audio and video timestamp offsets to the same value. However,
+ * setting the timestamp offset for audio before audio has had a chance to change
+ * timelines will likely lead to desyncing, as the audio loader will append segment 5 with
+ * a timestamp intended to apply to segments from timeline 1 rather than timeline 0.
+ *
+ * CASE 3: When seeking, audio prepares to load a new timeline before video
+ *
+ * Timeline: 0 1
+ * Audio Segments: 0 1 2 3 4 5 DISCO 6 7 8 9
+ * Audio Loader: ^
+ * Video Segments: 0 1 2 3 4 5 DISCO 6 7 8 9
+ * Video Loader ^
+ *
+ * In the above example, both audio and video loaders are loading segments from timeline
+ * 0, but imagine that the seek originated from timeline 1.
+ *
+ * When seeking to a new timeline, the timestamp offset will be set based on the expected
+ * segment start of the loaded video segment. In order to maintain sync, the audio loader
+ * must wait for the video loader to load its segment and update both the audio and video
+ * timestamp offsets before it may load and append its own segment. This is the case
+ * whether the seek results in a mismatched segment request (e.g., the audio loader
+ * chooses to load segment 3 and the video loader chooses to load segment 4) or the
+ * loaders choose to load the same segment index from each playlist, as the segments may
+ * not be aligned perfectly, even for matching segment indexes.
+ *
+ * @param {Object} timelinechangeController
+ * @param {number} currentTimeline
+ * The timeline currently being followed by the loader
+ * @param {number} segmentTimeline
+ * The timeline of the segment being loaded
+ * @param {('main'|'audio')} loaderType
+ * The loader type
+ * @param {boolean} audioDisabled
+ * Whether the audio is disabled for the loader. This should only be true when the
+ * loader may have muxed audio in its segment, but should not append it, e.g., for
+ * the main loader when an alternate audio playlist is active.
*
- * @private
+ * @return {boolean}
+ * Whether the loader should wait for a timeline change from the timeline change
+ * controller before processing the segment
*/
- var mapLegacyAvcCodecs = function mapLegacyAvcCodecs(codecString) {
- return codecString.replace(/avc1\.(\d+)\.(\d+)/i, function (match) {
- return translateLegacyCodecs([match])[0];
- });
- };
- /**
- * Build a media mime-type string from a set of parameters
- * @param {String} type either 'audio' or 'video'
- * @param {String} container either 'mp2t' or 'mp4'
- * @param {Array} codecs an array of codec strings to add
- * @return {String} a valid media mime-type
- */
+ var shouldWaitForTimelineChange = function shouldWaitForTimelineChange(_ref2) {
+ var timelineChangeController = _ref2.timelineChangeController,
+ currentTimeline = _ref2.currentTimeline,
+ segmentTimeline = _ref2.segmentTimeline,
+ loaderType = _ref2.loaderType,
+ audioDisabled = _ref2.audioDisabled;
+ if (currentTimeline === segmentTimeline) {
+ return false;
+ }
- var makeMimeTypeString = function makeMimeTypeString(type, container, codecs) {
- // The codecs array is filtered so that falsey values are
- // dropped and don't cause Array#join to create spurious
- // commas
- return type + '/' + container + '; codecs="' + codecs.filter(function (c) {
- return !!c;
- }).join(', ') + '"';
- };
- /**
- * Returns the type container based on information in the playlist
- * @param {Playlist} media the current media playlist
- * @return {String} a valid media container type
- */
+ if (loaderType === 'audio') {
+ var lastMainTimelineChange = timelineChangeController.lastTimelineChange({
+ type: 'main'
+ }); // Audio loader should wait if:
+ //
+ // * main hasn't had a timeline change yet (thus has not loaded its first segment)
+ // * main hasn't yet changed to the timeline audio is looking to load
+
+ return !lastMainTimelineChange || lastMainTimelineChange.to !== segmentTimeline;
+ } // The main loader only needs to wait for timeline changes if there's demuxed audio.
+ // Otherwise, there's nothing to wait for, since audio would be muxed into the main
+ // loader's segments (or the content is audio/video only and handled by the main
+ // loader).
- var getContainerType = function getContainerType(media) {
- // An initialization segment means the media playlist is an iframe
- // playlist or is using the mp4 container. We don't currently
- // support iframe playlists, so assume this is signalling mp4
- // fragments.
- if (media.segments && media.segments.length && media.segments[0].map) {
- return 'mp4';
+ if (loaderType === 'main' && audioDisabled) {
+ var pendingAudioTimelineChange = timelineChangeController.pendingTimelineChange({
+ type: 'audio'
+ }); // Main loader should wait for the audio loader if audio is not pending a timeline
+ // change to the current timeline.
+ //
+ // Since the main loader is responsible for setting the timestamp offset for both
+ // audio and video, the main loader must wait for audio to be about to change to its
+ // timeline before setting the offset, otherwise, if audio is behind in loading,
+ // segments from the previous timeline would be adjusted by the new timestamp offset.
+ //
+ // This requirement means that video will not cross a timeline until the audio is
+ // about to cross to it, so that way audio and video will always cross the timeline
+ // together.
+ //
+ // In addition to normal timeline changes, these rules also apply to the start of a
+ // stream (going from a non-existent timeline, -1, to timeline 0). It's important
+ // that these rules apply to the first timeline change because if they did not, it's
+ // possible that the main loader will cross two timelines before the audio loader has
+ // crossed one. Logic may be implemented to handle the startup as a special case, but
+ // it's easier to simply treat all timeline changes the same.
+
+ if (pendingAudioTimelineChange && pendingAudioTimelineChange.to === segmentTimeline) {
+ return false;
+ }
+
+ return true;
}
- return 'mp2t';
+ return false;
};
- /**
- * Returns a set of codec strings parsed from the playlist or the default
- * codec strings if no codecs were specified in the playlist
- * @param {Playlist} media the current media playlist
- * @return {Object} an object with the video and audio codecs
- */
+ var mediaDuration = function mediaDuration(audioTimingInfo, videoTimingInfo) {
+ var audioDuration = audioTimingInfo && typeof audioTimingInfo.start === 'number' && typeof audioTimingInfo.end === 'number' ? audioTimingInfo.end - audioTimingInfo.start : 0;
+ var videoDuration = videoTimingInfo && typeof videoTimingInfo.start === 'number' && typeof videoTimingInfo.end === 'number' ? videoTimingInfo.end - videoTimingInfo.start : 0;
+ return Math.max(audioDuration, videoDuration);
+ };
- var getCodecs = function getCodecs(media) {
- // if the codecs were explicitly specified, use them instead of the
- // defaults
- var mediaAttributes = media.attributes || {};
+ var segmentTooLong = function segmentTooLong(_ref3) {
+ var segmentDuration = _ref3.segmentDuration,
+ maxDuration = _ref3.maxDuration; // 0 duration segments are most likely due to metadata only segments or a lack of
+ // information.
+
+ if (!segmentDuration) {
+ return false;
+ } // For HLS:
+ //
+ // https://tools.ietf.org/html/draft-pantos-http-live-streaming-23#section-4.3.3.1
+ // The EXTINF duration of each Media Segment in the Playlist
+ // file, when rounded to the nearest integer, MUST be less than or equal
+ // to the target duration; longer segments can trigger playback stalls
+ // or other errors.
+ //
+ // For DASH, the mpd-parser uses the largest reported segment duration as the target
+ // duration. Although that reported duration is occasionally approximate (i.e., not
+ // exact), a strict check may report that a segment is too long more often in DASH.
- if (mediaAttributes.CODECS) {
- return parseCodecs(mediaAttributes.CODECS);
- }
- return defaultCodecs;
+ return Math.round(segmentDuration) > maxDuration + TIME_FUDGE_FACTOR;
};
- var audioProfileFromDefault = function audioProfileFromDefault(master, audioGroupId) {
- if (!master.mediaGroups.AUDIO || !audioGroupId) {
+ var getTroublesomeSegmentDurationMessage = function getTroublesomeSegmentDurationMessage(segmentInfo, sourceType) {
+ // Right now we aren't following DASH's timing model exactly, so only perform
+ // this check for HLS content.
+ if (sourceType !== 'hls') {
return null;
}
- var audioGroup = master.mediaGroups.AUDIO[audioGroupId];
+ var segmentDuration = mediaDuration(segmentInfo.audioTimingInfo, segmentInfo.videoTimingInfo); // Don't report if we lack information.
+ //
+ // If the segment has a duration of 0 it is either a lack of information or a
+ // metadata only segment and shouldn't be reported here.
- if (!audioGroup) {
+ if (!segmentDuration) {
return null;
}
- for (var name in audioGroup) {
- var audioType = audioGroup[name];
+ var targetDuration = segmentInfo.playlist.targetDuration;
+ var isSegmentWayTooLong = segmentTooLong({
+ segmentDuration: segmentDuration,
+ maxDuration: targetDuration * 2
+ });
+ var isSegmentSlightlyTooLong = segmentTooLong({
+ segmentDuration: segmentDuration,
+ maxDuration: targetDuration
+ });
+ var segmentTooLongMessage = "Segment with index " + segmentInfo.mediaIndex + " " + ("from playlist " + segmentInfo.playlist.id + " ") + ("has a duration of " + segmentDuration + " ") + ("when the reported duration is " + segmentInfo.duration + " ") + ("and the target duration is " + targetDuration + ". ") + 'For HLS content, a duration in excess of the target duration may result in ' + 'playback issues. See the HLS specification section on EXT-X-TARGETDURATION for ' + 'more details: ' + 'https://tools.ietf.org/html/draft-pantos-http-live-streaming-23#section-4.3.3.1';
- if (audioType["default"] && audioType.playlists) {
- // codec should be the same for all playlists within the audio type
- return parseCodecs(audioType.playlists[0].attributes.CODECS).audioProfile;
- }
+ if (isSegmentWayTooLong || isSegmentSlightlyTooLong) {
+ return {
+ severity: isSegmentWayTooLong ? 'warn' : 'info',
+ message: segmentTooLongMessage
+ };
}
return null;
};
/**
- * Calculates the MIME type strings for a working configuration of
- * SourceBuffers to play variant streams in a master playlist. If
- * there is no possible working configuration, an empty array will be
- * returned.
- *
- * @param master {Object} the m3u8 object for the master playlist
- * @param media {Object} the m3u8 object for the variant playlist
- * @return {Array} the MIME type strings. If the array has more than
- * one entry, the first element should be applied to the video
- * SourceBuffer and the second to the audio SourceBuffer.
+ * An object that manages segment loading and appending.
*
- * @private
+ * @class SegmentLoader
+ * @param {Object} options required and optional options
+ * @extends videojs.EventTarget
*/
- var mimeTypesForPlaylist = function mimeTypesForPlaylist(master, media) {
- var containerType = getContainerType(media);
- var codecInfo = getCodecs(media);
- var mediaAttributes = media.attributes || {}; // Default condition for a traditional HLS (no demuxed audio/video)
-
- var isMuxed = true;
- var isMaat = false;
-
- if (!media) {
- // Not enough information
- return [];
- }
-
- if (master.mediaGroups.AUDIO && mediaAttributes.AUDIO) {
- var audioGroup = master.mediaGroups.AUDIO[mediaAttributes.AUDIO]; // Handle the case where we are in a multiple-audio track scenario
-
- if (audioGroup) {
- isMaat = true; // Start with the everything demuxed then...
-
- isMuxed = false; // ...check to see if any audio group tracks are muxed (ie. lacking a uri)
+ var SegmentLoader = /*#__PURE__*/function (_videojs$EventTarget) {
+ inheritsLoose(SegmentLoader, _videojs$EventTarget);
- for (var groupId in audioGroup) {
- // either a uri is present (if the case of HLS and an external playlist), or
- // playlists is present (in the case of DASH where we don't have external audio
- // playlists)
- if (!audioGroup[groupId].uri && !audioGroup[groupId].playlists) {
- isMuxed = true;
- break;
- }
- }
- }
- } // HLS with multiple-audio tracks must always get an audio codec.
- // Put another way, there is no way to have a video-only multiple-audio HLS!
+ function SegmentLoader(settings, options) {
+ var _this;
+ _this = _videojs$EventTarget.call(this) || this; // check pre-conditions
- if (isMaat && !codecInfo.audioProfile) {
- if (!isMuxed) {
- // It is possible for codecs to be specified on the audio media group playlist but
- // not on the rendition playlist. This is mostly the case for DASH, where audio and
- // video are always separate (and separately specified).
- codecInfo.audioProfile = audioProfileFromDefault(master, mediaAttributes.AUDIO);
+ if (!settings) {
+ throw new TypeError('Initialization settings are required');
}
- if (!codecInfo.audioProfile) {
- videojs$1.log.warn('Multiple audio tracks present but no audio codec string is specified. ' + 'Attempting to use the default audio codec (mp4a.40.2)');
- codecInfo.audioProfile = defaultCodecs.audioProfile;
+ if (typeof settings.currentTime !== 'function') {
+ throw new TypeError('No currentTime getter specified');
}
- } // Generate the final codec strings from the codec object generated above
-
-
- var codecStrings = {};
-
- if (codecInfo.videoCodec) {
- codecStrings.video = '' + codecInfo.videoCodec + codecInfo.videoObjectTypeIndicator;
- }
-
- if (codecInfo.audioProfile) {
- codecStrings.audio = 'mp4a.40.' + codecInfo.audioProfile;
- } // Finally, make and return an array with proper mime-types depending on
- // the configuration
+ if (!settings.mediaSource) {
+ throw new TypeError('No MediaSource specified');
+ } // public properties
- var justAudio = makeMimeTypeString('audio', containerType, [codecStrings.audio]);
- var justVideo = makeMimeTypeString('video', containerType, [codecStrings.video]);
- var bothVideoAudio = makeMimeTypeString('video', containerType, [codecStrings.video, codecStrings.audio]);
-
- if (isMaat) {
- if (!isMuxed && codecStrings.video) {
- return [justVideo, justAudio];
- }
- if (!isMuxed && !codecStrings.video) {
- // There is no muxed content and no video codec string, so this is an audio only
- // stream with alternate audio.
- return [justAudio, justAudio];
- } // There exists the possiblity that this will return a `video/container`
- // mime-type for the first entry in the array even when there is only audio.
- // This doesn't appear to be a problem and simplifies the code.
+ _this.bandwidth = settings.bandwidth;
+ _this.throughput = {
+ rate: 0,
+ count: 0
+ };
+ _this.roundTrip = NaN;
+ _this.resetStats_();
- return [bothVideoAudio, justAudio];
- } // If there is no video codec at all, always just return a single
- // audio/<container> mime-type
+ _this.mediaIndex = null;
+ _this.partIndex = null; // private settings
+ _this.hasPlayed_ = settings.hasPlayed;
+ _this.currentTime_ = settings.currentTime;
+ _this.seekable_ = settings.seekable;
+ _this.seeking_ = settings.seeking;
+ _this.duration_ = settings.duration;
+ _this.mediaSource_ = settings.mediaSource;
+ _this.vhs_ = settings.vhs;
+ _this.loaderType_ = settings.loaderType;
+ _this.currentMediaInfo_ = void 0;
+ _this.startingMediaInfo_ = void 0;
+ _this.segmentMetadataTrack_ = settings.segmentMetadataTrack;
+ _this.goalBufferLength_ = settings.goalBufferLength;
+ _this.sourceType_ = settings.sourceType;
+ _this.sourceUpdater_ = settings.sourceUpdater;
+ _this.inbandTextTracks_ = settings.inbandTextTracks;
+ _this.state_ = 'INIT';
+ _this.timelineChangeController_ = settings.timelineChangeController;
+ _this.shouldSaveSegmentTimingInfo_ = true;
+ _this.parse708captions_ = settings.parse708captions;
+ _this.captionServices_ = settings.captionServices;
+ _this.experimentalExactManifestTimings = settings.experimentalExactManifestTimings; // private instance variables
- if (!codecStrings.video) {
- return [justAudio];
- } // When not using separate audio media groups, audio and video is
- // *always* muxed
+ _this.checkBufferTimeout_ = null;
+ _this.error_ = void 0;
+ _this.currentTimeline_ = -1;
+ _this.pendingSegment_ = null;
+ _this.xhrOptions_ = null;
+ _this.pendingSegments_ = [];
+ _this.audioDisabled_ = false;
+ _this.isPendingTimestampOffset_ = false; // TODO possibly move gopBuffer and timeMapping info to a separate controller
+ _this.gopBuffer_ = [];
+ _this.timeMapping_ = 0;
+ _this.safeAppend_ = videojs.browser.IE_VERSION >= 11;
+ _this.appendInitSegment_ = {
+ audio: true,
+ video: true
+ };
+ _this.playlistOfLastInitSegment_ = {
+ audio: null,
+ video: null
+ };
+ _this.callQueue_ = []; // If the segment loader prepares to load a segment, but does not have enough
+ // information yet to start the loading process (e.g., if the audio loader wants to
+ // load a segment from the next timeline but the main loader hasn't yet crossed that
+ // timeline), then the load call will be added to the queue until it is ready to be
+ // processed.
+
+ _this.loadQueue_ = [];
+ _this.metadataQueue_ = {
+ id3: [],
+ caption: []
+ };
+ _this.waitingOnRemove_ = false;
+ _this.quotaExceededErrorRetryTimeout_ = null; // Fragmented mp4 playback
- return [bothVideoAudio];
- };
- /**
- * Parse a content type header into a type and parameters
- * object
- *
- * @param {String} type the content type header
- * @return {Object} the parsed content-type
- * @private
- */
+ _this.activeInitSegmentId_ = null;
+ _this.initSegments_ = {}; // HLSe playback
+ _this.cacheEncryptionKeys_ = settings.cacheEncryptionKeys;
+ _this.keyCache_ = {};
+ _this.decrypter_ = settings.decrypter; // Manages the tracking and generation of sync-points, mappings
+ // between a time in the display time and a segment index within
+ // a playlist
- var parseContentType = function parseContentType(type) {
- var object = {
- type: '',
- parameters: {}
- };
- var parameters = type.trim().split(';'); // first parameter should always be content-type
+ _this.syncController_ = settings.syncController;
+ _this.syncPoint_ = {
+ segmentIndex: 0,
+ time: 0
+ };
+ _this.transmuxer_ = _this.createTransmuxer_();
- object.type = parameters.shift().trim();
- parameters.forEach(function (parameter) {
- var pair = parameter.trim().split('=');
+ _this.triggerSyncInfoUpdate_ = function () {
+ return _this.trigger('syncinfoupdate');
+ };
- if (pair.length > 1) {
- var name = pair[0].replace(/"/g, '').trim();
- var value = pair[1].replace(/"/g, '').trim();
- object.parameters[name] = value;
- }
- });
- return object;
- };
- /**
- * Check if a codec string refers to an audio codec.
- *
- * @param {String} codec codec string to check
- * @return {Boolean} if this is an audio codec
- * @private
- */
+ _this.syncController_.on('syncinfoupdate', _this.triggerSyncInfoUpdate_);
+ _this.mediaSource_.addEventListener('sourceopen', function () {
+ if (!_this.isEndOfStream_()) {
+ _this.ended_ = false;
+ }
+ }); // ...for determining the fetch location
- var isAudioCodec = function isAudioCodec(codec) {
- return /mp4a\.\d+.\d+/i.test(codec);
- };
- /**
- * Check if a codec string refers to a video codec.
- *
- * @param {String} codec codec string to check
- * @return {Boolean} if this is a video codec
- * @private
- */
+ _this.fetchAtBuffer_ = false;
+ _this.logger_ = logger("SegmentLoader[" + _this.loaderType_ + "]");
+ Object.defineProperty(assertThisInitialized(_this), 'state', {
+ get: function get() {
+ return this.state_;
+ },
+ set: function set(newState) {
+ if (newState !== this.state_) {
+ this.logger_(this.state_ + " -> " + newState);
+ this.state_ = newState;
+ this.trigger('statechange');
+ }
+ }
+ });
- var isVideoCodec = function isVideoCodec(codec) {
- return /avc1\.[\da-f]+/i.test(codec);
- };
- /**
- * Returns a list of gops in the buffer that have a pts value of 3 seconds or more in
- * front of current time.
- *
- * @param {Array} buffer
- * The current buffer of gop information
- * @param {Number} currentTime
- * The current time
- * @param {Double} mapping
- * Offset to map display time to stream presentation time
- * @return {Array}
- * List of gops considered safe to append over
- */
+ _this.sourceUpdater_.on('ready', function () {
+ if (_this.hasEnoughInfoToAppend_()) {
+ _this.processCallQueue_();
+ }
+ }); // Only the main loader needs to listen for pending timeline changes, as the main
+ // loader should wait for audio to be ready to change its timeline so that both main
+ // and audio timelines change together. For more details, see the
+ // shouldWaitForTimelineChange function.
- var gopsSafeToAlignWith = function gopsSafeToAlignWith(buffer, currentTime, mapping) {
- if (typeof currentTime === 'undefined' || currentTime === null || !buffer.length) {
- return [];
- } // pts value for current time + 3 seconds to give a bit more wiggle room
+ if (_this.loaderType_ === 'main') {
+ _this.timelineChangeController_.on('pendingtimelinechange', function () {
+ if (_this.hasEnoughInfoToAppend_()) {
+ _this.processCallQueue_();
+ }
+ });
+ } // The main loader only listens on pending timeline changes, but the audio loader,
+ // since its loads follow main, needs to listen on timeline changes. For more details,
+ // see the shouldWaitForTimelineChange function.
- var currentTimePts = Math.ceil((currentTime - mapping + 3) * 90000);
- var i = void 0;
+ if (_this.loaderType_ === 'audio') {
+ _this.timelineChangeController_.on('timelinechange', function () {
+ if (_this.hasEnoughInfoToLoad_()) {
+ _this.processLoadQueue_();
+ }
- for (i = 0; i < buffer.length; i++) {
- if (buffer[i].pts > currentTimePts) {
- break;
+ if (_this.hasEnoughInfoToAppend_()) {
+ _this.processCallQueue_();
+ }
+ });
}
- }
- return buffer.slice(i);
- };
- /**
- * Appends gop information (timing and byteLength) received by the transmuxer for the
- * gops appended in the last call to appendBuffer
- *
- * @param {Array} buffer
- * The current buffer of gop information
- * @param {Array} gops
- * List of new gop information
- * @param {boolean} replace
- * If true, replace the buffer with the new gop information. If false, append the
- * new gop information to the buffer in the right location of time.
- * @return {Array}
- * Updated list of gop information
- */
+ return _this;
+ }
+ var _proto = SegmentLoader.prototype;
- var updateGopBuffer = function updateGopBuffer(buffer, gops, replace) {
- if (!gops.length) {
- return buffer;
+ _proto.createTransmuxer_ = function createTransmuxer_() {
+ return segmentTransmuxer.createTransmuxer({
+ remux: false,
+ alignGopsAtEnd: this.safeAppend_,
+ keepOriginalTimestamps: true,
+ parse708captions: this.parse708captions_,
+ captionServices: this.captionServices_
+ });
}
+ /**
+ * reset all of our media stats
+ *
+ * @private
+ */
+ ;
- if (replace) {
- // If we are in safe append mode, then completely overwrite the gop buffer
- // with the most recent appeneded data. This will make sure that when appending
- // future segments, we only try to align with gops that are both ahead of current
- // time and in the last segment appended.
- return gops.slice();
+ _proto.resetStats_ = function resetStats_() {
+ this.mediaBytesTransferred = 0;
+ this.mediaRequests = 0;
+ this.mediaRequestsAborted = 0;
+ this.mediaRequestsTimedout = 0;
+ this.mediaRequestsErrored = 0;
+ this.mediaTransferDuration = 0;
+ this.mediaSecondsLoaded = 0;
+ this.mediaAppends = 0;
}
+ /**
+ * dispose of the SegmentLoader and reset to the default state
+ */
+ ;
- var start = gops[0].pts;
- var i = 0;
+ _proto.dispose = function dispose() {
+ this.trigger('dispose');
+ this.state = 'DISPOSED';
+ this.pause();
+ this.abort_();
- for (i; i < buffer.length; i++) {
- if (buffer[i].pts >= start) {
- break;
+ if (this.transmuxer_) {
+ this.transmuxer_.terminate();
}
- }
-
- return buffer.slice(0, i).concat(gops);
- };
- /**
- * Removes gop information in buffer that overlaps with provided start and end
- *
- * @param {Array} buffer
- * The current buffer of gop information
- * @param {Double} start
- * position to start the remove at
- * @param {Double} end
- * position to end the remove at
- * @param {Double} mapping
- * Offset to map display time to stream presentation time
- */
+ this.resetStats_();
- var removeGopBuffer = function removeGopBuffer(buffer, start, end, mapping) {
- var startPts = Math.ceil((start - mapping) * 90000);
- var endPts = Math.ceil((end - mapping) * 90000);
- var updatedBuffer = buffer.slice();
- var i = buffer.length;
+ if (this.checkBufferTimeout_) {
+ window.clearTimeout(this.checkBufferTimeout_);
+ }
- while (i--) {
- if (buffer[i].pts <= endPts) {
- break;
+ if (this.syncController_ && this.triggerSyncInfoUpdate_) {
+ this.syncController_.off('syncinfoupdate', this.triggerSyncInfoUpdate_);
}
- }
- if (i === -1) {
- // no removal because end of remove range is before start of buffer
- return updatedBuffer;
- }
+ this.off();
+ };
- var j = i + 1;
+ _proto.setAudio = function setAudio(enable) {
+ this.audioDisabled_ = !enable;
- while (j--) {
- if (buffer[j].pts <= startPts) {
- break;
+ if (enable) {
+ this.appendInitSegment_.audio = true;
+ } else {
+ // remove current track audio if it gets disabled
+ this.sourceUpdater_.removeAudio(0, this.duration_());
}
- } // clamp remove range start to 0 index
-
+ }
+ /**
+ * abort anything that is currently doing on with the SegmentLoader
+ * and reset to a default state
+ */
+ ;
- j = Math.max(j, 0);
- updatedBuffer.splice(j, i - j + 1);
- return updatedBuffer;
- };
+ _proto.abort = function abort() {
+ if (this.state !== 'WAITING') {
+ if (this.pendingSegment_) {
+ this.pendingSegment_ = null;
+ }
- var buffered = function buffered(videoBuffer, audioBuffer, audioDisabled) {
- var start = null;
- var end = null;
- var arity = 0;
- var extents = [];
- var ranges = []; // neither buffer has been created yet
+ return;
+ }
- if (!videoBuffer && !audioBuffer) {
- return videojs$1.createTimeRange();
- } // only one buffer is configured
+ this.abort_(); // We aborted the requests we were waiting on, so reset the loader's state to READY
+ // since we are no longer "waiting" on any requests. XHR callback is not always run
+ // when the request is aborted. This will prevent the loader from being stuck in the
+ // WAITING state indefinitely.
+ this.state = 'READY'; // don't wait for buffer check timeouts to begin fetching the
+ // next segment
- if (!videoBuffer) {
- return audioBuffer.buffered;
+ if (!this.paused()) {
+ this.monitorBuffer_();
+ }
}
+ /**
+ * abort all pending xhr requests and null any pending segements
+ *
+ * @private
+ */
+ ;
- if (!audioBuffer) {
- return videoBuffer.buffered;
- } // both buffers are configured
-
+ _proto.abort_ = function abort_() {
+ if (this.pendingSegment_ && this.pendingSegment_.abortRequests) {
+ this.pendingSegment_.abortRequests();
+ } // clear out the segment being processed
+
+
+ this.pendingSegment_ = null;
+ this.callQueue_ = [];
+ this.loadQueue_ = [];
+ this.metadataQueue_.id3 = [];
+ this.metadataQueue_.caption = [];
+ this.timelineChangeController_.clearPendingTimelineChange(this.loaderType_);
+ this.waitingOnRemove_ = false;
+ window.clearTimeout(this.quotaExceededErrorRetryTimeout_);
+ this.quotaExceededErrorRetryTimeout_ = null;
+ };
- if (audioDisabled) {
- return videoBuffer.buffered;
- } // both buffers are empty
+ _proto.checkForAbort_ = function checkForAbort_(requestId) {
+ // If the state is APPENDING, then aborts will not modify the state, meaning the first
+ // callback that happens should reset the state to READY so that loading can continue.
+ if (this.state === 'APPENDING' && !this.pendingSegment_) {
+ this.state = 'READY';
+ return true;
+ }
+ if (!this.pendingSegment_ || this.pendingSegment_.requestId !== requestId) {
+ return true;
+ }
- if (videoBuffer.buffered.length === 0 && audioBuffer.buffered.length === 0) {
- return videojs$1.createTimeRange();
- } // Handle the case where we have both buffers and create an
- // intersection of the two
+ return false;
+ }
+ /**
+ * set an error on the segment loader and null out any pending segements
+ *
+ * @param {Error} error the error to set on the SegmentLoader
+ * @return {Error} the error that was set or that is currently set
+ */
+ ;
+ _proto.error = function error(_error) {
+ if (typeof _error !== 'undefined') {
+ this.logger_('error occurred:', _error);
+ this.error_ = _error;
+ }
- var videoBuffered = videoBuffer.buffered;
- var audioBuffered = audioBuffer.buffered;
- var count = videoBuffered.length; // A) Gather up all start and end times
+ this.pendingSegment_ = null;
+ return this.error_;
+ };
- while (count--) {
- extents.push({
- time: videoBuffered.start(count),
- type: 'start'
- });
- extents.push({
- time: videoBuffered.end(count),
- type: 'end'
- });
- }
+ _proto.endOfStream = function endOfStream() {
+ this.ended_ = true;
- count = audioBuffered.length;
+ if (this.transmuxer_) {
+ // need to clear out any cached data to prepare for the new segment
+ segmentTransmuxer.reset(this.transmuxer_);
+ }
- while (count--) {
- extents.push({
- time: audioBuffered.start(count),
- type: 'start'
- });
- extents.push({
- time: audioBuffered.end(count),
- type: 'end'
- });
- } // B) Sort them by time
+ this.gopBuffer_.length = 0;
+ this.pause();
+ this.trigger('ended');
+ }
+ /**
+ * Indicates which time ranges are buffered
+ *
+ * @return {TimeRange}
+ * TimeRange object representing the current buffered ranges
+ */
+ ;
+ _proto.buffered_ = function buffered_() {
+ var trackInfo = this.getMediaInfo_();
- extents.sort(function (a, b) {
- return a.time - b.time;
- }); // C) Go along one by one incrementing arity for start and decrementing
- // arity for ends
+ if (!this.sourceUpdater_ || !trackInfo) {
+ return videojs.createTimeRanges();
+ }
- for (count = 0; count < extents.length; count++) {
- if (extents[count].type === 'start') {
- arity++; // D) If arity is ever incremented to 2 we are entering an
- // overlapping range
+ if (this.loaderType_ === 'main') {
+ var hasAudio = trackInfo.hasAudio,
+ hasVideo = trackInfo.hasVideo,
+ isMuxed = trackInfo.isMuxed;
- if (arity === 2) {
- start = extents[count].time;
+ if (hasVideo && hasAudio && !this.audioDisabled_ && !isMuxed) {
+ return this.sourceUpdater_.buffered();
}
- } else if (extents[count].type === 'end') {
- arity--; // E) If arity is ever decremented to 1 we leaving an
- // overlapping range
- if (arity === 1) {
- end = extents[count].time;
+ if (hasVideo) {
+ return this.sourceUpdater_.videoBuffered();
}
- } // F) Record overlapping ranges
+ } // One case that can be ignored for now is audio only with alt audio,
+ // as we don't yet have proper support for that.
- if (start !== null && end !== null) {
- ranges.push([start, end]);
- start = null;
- end = null;
- }
+ return this.sourceUpdater_.audioBuffered();
}
+ /**
+ * Gets and sets init segment for the provided map
+ *
+ * @param {Object} map
+ * The map object representing the init segment to get or set
+ * @param {boolean=} set
+ * If true, the init segment for the provided map should be saved
+ * @return {Object}
+ * map object for desired init segment
+ */
+ ;
- return videojs$1.createTimeRanges(ranges);
- };
- /**
- * @file virtual-source-buffer.js
- */
-
+ _proto.initSegmentForMap = function initSegmentForMap(map, set) {
+ if (set === void 0) {
+ set = false;
+ }
- var ONE_SECOND_IN_TS$2 = 90000; // We create a wrapper around the SourceBuffer so that we can manage the
- // state of the `updating` property manually. We have to do this because
- // Firefox changes `updating` to false long before triggering `updateend`
- // events and that was causing strange problems in videojs-contrib-hls
+ if (!map) {
+ return null;
+ }
- var makeWrappedSourceBuffer = function makeWrappedSourceBuffer(mediaSource, mimeType) {
- var sourceBuffer = mediaSource.addSourceBuffer(mimeType);
- var wrapper = Object.create(null);
- wrapper.updating = false;
- wrapper.realBuffer_ = sourceBuffer;
+ var id = initSegmentId(map);
+ var storedMap = this.initSegments_[id];
- var _loop = function _loop(key) {
- if (typeof sourceBuffer[key] === 'function') {
- wrapper[key] = function () {
- return sourceBuffer[key].apply(sourceBuffer, arguments);
+ if (set && !storedMap && map.bytes) {
+ this.initSegments_[id] = storedMap = {
+ resolvedUri: map.resolvedUri,
+ byterange: map.byterange,
+ bytes: map.bytes,
+ tracks: map.tracks,
+ timescales: map.timescales
};
- } else if (typeof wrapper[key] === 'undefined') {
- Object.defineProperty(wrapper, key, {
- get: function get$$1() {
- return sourceBuffer[key];
- },
- set: function set$$1(v) {
- return sourceBuffer[key] = v;
- }
- });
}
- };
- for (var key in sourceBuffer) {
- _loop(key);
+ return storedMap || map;
}
+ /**
+ * Gets and sets key for the provided key
+ *
+ * @param {Object} key
+ * The key object representing the key to get or set
+ * @param {boolean=} set
+ * If true, the key for the provided key should be saved
+ * @return {Object}
+ * Key object for desired key
+ */
+ ;
- return wrapper;
- };
- /**
- * VirtualSourceBuffers exist so that we can transmux non native formats
- * into a native format, but keep the same api as a native source buffer.
- * It creates a transmuxer, that works in its own thread (a web worker) and
- * that transmuxer muxes the data into a native format. VirtualSourceBuffer will
- * then send all of that data to the naive sourcebuffer so that it is
- * indestinguishable from a natively supported format.
- *
- * @param {HtmlMediaSource} mediaSource the parent mediaSource
- * @param {Array} codecs array of codecs that we will be dealing with
- * @class VirtualSourceBuffer
- * @extends video.js.EventTarget
- */
-
+ _proto.segmentKey = function segmentKey(key, set) {
+ if (set === void 0) {
+ set = false;
+ }
- var VirtualSourceBuffer = function (_videojs$EventTarget) {
- inherits$2(VirtualSourceBuffer, _videojs$EventTarget);
+ if (!key) {
+ return null;
+ }
- function VirtualSourceBuffer(mediaSource, codecs) {
- classCallCheck$1(this, VirtualSourceBuffer);
+ var id = segmentKeyId(key);
+ var storedKey = this.keyCache_[id]; // TODO: We should use the HTTP Expires header to invalidate our cache per
+ // https://tools.ietf.org/html/draft-pantos-http-live-streaming-23#section-6.2.3
- var _this = possibleConstructorReturn$1(this, (VirtualSourceBuffer.__proto__ || Object.getPrototypeOf(VirtualSourceBuffer)).call(this, videojs$1.EventTarget));
+ if (this.cacheEncryptionKeys_ && set && !storedKey && key.bytes) {
+ this.keyCache_[id] = storedKey = {
+ resolvedUri: key.resolvedUri,
+ bytes: key.bytes
+ };
+ }
- _this.timestampOffset_ = 0;
- _this.pendingBuffers_ = [];
- _this.bufferUpdating_ = false;
- _this.mediaSource_ = mediaSource;
- _this.codecs_ = codecs;
- _this.audioCodec_ = null;
- _this.videoCodec_ = null;
- _this.audioDisabled_ = false;
- _this.appendAudioInitSegment_ = true;
- _this.gopBuffer_ = [];
- _this.timeMapping_ = 0;
- _this.safeAppend_ = videojs$1.browser.IE_VERSION >= 11;
- var options = {
- remux: false,
- alignGopsAtEnd: _this.safeAppend_
+ var result = {
+ resolvedUri: (storedKey || key).resolvedUri
};
- _this.codecs_.forEach(function (codec) {
- if (isAudioCodec(codec)) {
- _this.audioCodec_ = codec;
- } else if (isVideoCodec(codec)) {
- _this.videoCodec_ = codec;
- }
- }); // append muxed segments to their respective native buffers as
- // soon as they are available
-
-
- _this.transmuxer_ = new TransmuxWorker();
-
- _this.transmuxer_.postMessage({
- action: 'init',
- options: options
- });
-
- _this.transmuxer_.onmessage = function (event) {
- if (event.data.action === 'data') {
- return _this.data_(event);
- }
+ if (storedKey) {
+ result.bytes = storedKey.bytes;
+ }
- if (event.data.action === 'done') {
- return _this.done_(event);
- }
+ return result;
+ }
+ /**
+ * Returns true if all configuration required for loading is present, otherwise false.
+ *
+ * @return {boolean} True if the all configuration is ready for loading
+ * @private
+ */
+ ;
- if (event.data.action === 'gopInfo') {
- return _this.appendGopInfo_(event);
- }
+ _proto.couldBeginLoading_ = function couldBeginLoading_() {
+ return this.playlist_ && !this.paused();
+ }
+ /**
+ * load a playlist and start to fill the buffer
+ */
+ ;
- if (event.data.action === 'videoSegmentTimingInfo') {
- return _this.videoSegmentTimingInfo_(event.data.videoSegmentTimingInfo);
- }
- }; // this timestampOffset is a property with the side-effect of resetting
- // baseMediaDecodeTime in the transmuxer on the setter
+ _proto.load = function load() {
+ // un-pause
+ this.monitorBuffer_(); // if we don't have a playlist yet, keep waiting for one to be
+ // specified
+ if (!this.playlist_) {
+ return;
+ } // if all the configuration is ready, initialize and begin loading
- Object.defineProperty(_this, 'timestampOffset', {
- get: function get$$1() {
- return this.timestampOffset_;
- },
- set: function set$$1(val) {
- if (typeof val === 'number' && val >= 0) {
- this.timestampOffset_ = val;
- this.appendAudioInitSegment_ = true; // reset gop buffer on timestampoffset as this signals a change in timeline
-
- this.gopBuffer_.length = 0;
- this.timeMapping_ = 0; // We have to tell the transmuxer to set the baseMediaDecodeTime to
- // the desired timestampOffset for the next segment
-
- this.transmuxer_.postMessage({
- action: 'setTimestampOffset',
- timestampOffset: val
- });
- }
- }
- }); // setting the append window affects both source buffers
- Object.defineProperty(_this, 'appendWindowStart', {
- get: function get$$1() {
- return (this.videoBuffer_ || this.audioBuffer_).appendWindowStart;
- },
- set: function set$$1(start) {
- if (this.videoBuffer_) {
- this.videoBuffer_.appendWindowStart = start;
- }
+ if (this.state === 'INIT' && this.couldBeginLoading_()) {
+ return this.init_();
+ } // if we're in the middle of processing a segment already, don't
+ // kick off an additional segment request
- if (this.audioBuffer_) {
- this.audioBuffer_.appendWindowStart = start;
- }
- }
- }); // this buffer is "updating" if either of its native buffers are
- Object.defineProperty(_this, 'updating', {
- get: function get$$1() {
- return !!(this.bufferUpdating_ || !this.audioDisabled_ && this.audioBuffer_ && this.audioBuffer_.updating || this.videoBuffer_ && this.videoBuffer_.updating);
- }
- }); // the buffered property is the intersection of the buffered
- // ranges of the native source buffers
+ if (!this.couldBeginLoading_() || this.state !== 'READY' && this.state !== 'INIT') {
+ return;
+ }
- Object.defineProperty(_this, 'buffered', {
- get: function get$$1() {
- return buffered(this.videoBuffer_, this.audioBuffer_, this.audioDisabled_);
- }
- });
- return _this;
+ this.state = 'READY';
}
/**
- * When we get a data event from the transmuxer
- * we call this function and handle the data that
- * was sent to us
+ * Once all the starting parameters have been specified, begin
+ * operation. This method should only be invoked from the INIT
+ * state.
*
* @private
- * @param {Event} event the data event from the transmuxer
*/
+ ;
+ _proto.init_ = function init_() {
+ this.state = 'READY'; // if this is the audio segment loader, and it hasn't been inited before, then any old
+ // audio data from the muxed content should be removed
- createClass$1(VirtualSourceBuffer, [{
- key: 'data_',
- value: function data_(event) {
- var segment = event.data.segment; // Cast ArrayBuffer to TypedArray
-
- segment.data = new Uint8Array(segment.data, event.data.byteOffset, event.data.byteLength);
- segment.initSegment = new Uint8Array(segment.initSegment.data, segment.initSegment.byteOffset, segment.initSegment.byteLength);
- createTextTracksIfNecessary(this, this.mediaSource_, segment); // Add the segments to the pendingBuffers array
+ this.resetEverything();
+ return this.monitorBuffer_();
+ }
+ /**
+ * set a playlist on the segment loader
+ *
+ * @param {PlaylistLoader} media the playlist to set on the segment loader
+ */
+ ;
- this.pendingBuffers_.push(segment);
- return;
+ _proto.playlist = function playlist(newPlaylist, options) {
+ if (options === void 0) {
+ options = {};
}
- /**
- * When we get a done event from the transmuxer
- * we call this function and we process all
- * of the pending data that we have been saving in the
- * data_ function
- *
- * @private
- * @param {Event} event the done event from the transmuxer
- */
-
- }, {
- key: 'done_',
- value: function done_(event) {
- // Don't process and append data if the mediaSource is closed
- if (this.mediaSource_.readyState === 'closed') {
- this.pendingBuffers_.length = 0;
- return;
- } // All buffers should have been flushed from the muxer
- // start processing anything we have received
-
- this.processPendingSegments_();
+ if (!newPlaylist) {
return;
}
- }, {
- key: 'videoSegmentTimingInfo_',
- value: function videoSegmentTimingInfo_(timingInfo) {
- var timingInfoInSeconds = {
- start: {
- decode: timingInfo.start.dts / ONE_SECOND_IN_TS$2,
- presentation: timingInfo.start.pts / ONE_SECOND_IN_TS$2
- },
- end: {
- decode: timingInfo.end.dts / ONE_SECOND_IN_TS$2,
- presentation: timingInfo.end.pts / ONE_SECOND_IN_TS$2
- },
- baseMediaDecodeTime: timingInfo.baseMediaDecodeTime / ONE_SECOND_IN_TS$2
- };
- if (timingInfo.prependedContentDuration) {
- timingInfoInSeconds.prependedContentDuration = timingInfo.prependedContentDuration / ONE_SECOND_IN_TS$2;
- }
+ var oldPlaylist = this.playlist_;
+ var segmentInfo = this.pendingSegment_;
+ this.playlist_ = newPlaylist;
+ this.xhrOptions_ = options; // when we haven't started playing yet, the start of a live playlist
+ // is always our zero-time so force a sync update each time the playlist
+ // is refreshed from the server
+ //
+ // Use the INIT state to determine if playback has started, as the playlist sync info
+ // should be fixed once requests begin (as sync points are generated based on sync
+ // info), but not before then.
+
+ if (this.state === 'INIT') {
+ newPlaylist.syncInfo = {
+ mediaSequence: newPlaylist.mediaSequence,
+ time: 0
+ }; // Setting the date time mapping means mapping the program date time (if available)
+ // to time 0 on the player's timeline. The playlist's syncInfo serves a similar
+ // purpose, mapping the initial mediaSequence to time zero. Since the syncInfo can
+ // be updated as the playlist is refreshed before the loader starts loading, the
+ // program date time mapping needs to be updated as well.
+ //
+ // This mapping is only done for the main loader because a program date time should
+ // map equivalently between playlists.
- this.trigger({
- type: 'videoSegmentTimingInfo',
- videoSegmentTimingInfo: timingInfoInSeconds
- });
+ if (this.loaderType_ === 'main') {
+ this.syncController_.setDateTimeMappingForStart(newPlaylist);
+ }
}
- /**
- * Create our internal native audio/video source buffers and add
- * event handlers to them with the following conditions:
- * 1. they do not already exist on the mediaSource
- * 2. this VSB has a codec for them
- *
- * @private
- */
- }, {
- key: 'createRealSourceBuffers_',
- value: function createRealSourceBuffers_() {
- var _this2 = this;
-
- var types = ['audio', 'video'];
- types.forEach(function (type) {
- // Don't create a SourceBuffer of this type if we don't have a
- // codec for it
- if (!_this2[type + 'Codec_']) {
- return;
- } // Do nothing if a SourceBuffer of this type already exists
+ var oldId = null;
+ if (oldPlaylist) {
+ if (oldPlaylist.id) {
+ oldId = oldPlaylist.id;
+ } else if (oldPlaylist.uri) {
+ oldId = oldPlaylist.uri;
+ }
+ }
- if (_this2[type + 'Buffer_']) {
- return;
- }
+ this.logger_("playlist update [" + oldId + " => " + (newPlaylist.id || newPlaylist.uri) + "]"); // in VOD, this is always a rendition switch (or we updated our syncInfo above)
+ // in LIVE, we always want to update with new playlists (including refreshes)
- var buffer = null; // If the mediasource already has a SourceBuffer for the codec
- // use that
+ this.trigger('syncinfoupdate'); // if we were unpaused but waiting for a playlist, start
+ // buffering now
- if (_this2.mediaSource_[type + 'Buffer_']) {
- buffer = _this2.mediaSource_[type + 'Buffer_']; // In multiple audio track cases, the audio source buffer is disabled
- // on the main VirtualSourceBuffer by the HTMLMediaSource much earlier
- // than createRealSourceBuffers_ is called to create the second
- // VirtualSourceBuffer because that happens as a side-effect of
- // videojs-contrib-hls starting the audioSegmentLoader. As a result,
- // the audioBuffer is essentially "ownerless" and no one will toggle
- // the `updating` state back to false once the `updateend` event is received
- //
- // Setting `updating` to false manually will work around this
- // situation and allow work to continue
+ if (this.state === 'INIT' && this.couldBeginLoading_()) {
+ return this.init_();
+ }
- buffer.updating = false;
+ if (!oldPlaylist || oldPlaylist.uri !== newPlaylist.uri) {
+ if (this.mediaIndex !== null) {
+ // we must reset/resync the segment loader when we switch renditions and
+ // the segment loader is already synced to the previous rendition
+ // on playlist changes we want it to be possible to fetch
+ // at the buffer for vod but not for live. So we use resetLoader
+ // for live and resyncLoader for vod. We want this because
+ // if a playlist uses independent and non-independent segments/parts the
+ // buffer may not accurately reflect the next segment that we should try
+ // downloading.
+ if (!newPlaylist.endList) {
+ this.resetLoader();
} else {
- var codecProperty = type + 'Codec_';
- var mimeType = type + '/mp4;codecs="' + _this2[codecProperty] + '"';
- buffer = makeWrappedSourceBuffer(_this2.mediaSource_.nativeMediaSource_, mimeType);
- _this2.mediaSource_[type + 'Buffer_'] = buffer;
+ this.resyncLoader();
}
+ }
- _this2[type + 'Buffer_'] = buffer; // Wire up the events to the SourceBuffer
-
- ['update', 'updatestart', 'updateend'].forEach(function (event) {
- buffer.addEventListener(event, function () {
- // if audio is disabled
- if (type === 'audio' && _this2.audioDisabled_) {
- return;
- }
+ this.currentMediaInfo_ = void 0;
+ this.trigger('playlistupdate'); // the rest of this function depends on `oldPlaylist` being defined
- if (event === 'updateend') {
- _this2[type + 'Buffer_'].updating = false;
- }
+ return;
+ } // we reloaded the same playlist so we are in a live scenario
+ // and we will likely need to adjust the mediaIndex
- var shouldTrigger = types.every(function (t) {
- // skip checking audio's updating status if audio
- // is not enabled
- if (t === 'audio' && _this2.audioDisabled_) {
- return true;
- } // if the other type is updating we don't trigger
+ var mediaSequenceDiff = newPlaylist.mediaSequence - oldPlaylist.mediaSequence;
+ this.logger_("live window shift [" + mediaSequenceDiff + "]"); // update the mediaIndex on the SegmentLoader
+ // this is important because we can abort a request and this value must be
+ // equal to the last appended mediaIndex
- if (type !== t && _this2[t + 'Buffer_'] && _this2[t + 'Buffer_'].updating) {
- return false;
- }
+ if (this.mediaIndex !== null) {
+ this.mediaIndex -= mediaSequenceDiff; // this can happen if we are going to load the first segment, but get a playlist
+ // update during that. mediaIndex would go from 0 to -1 if mediaSequence in the
+ // new playlist was incremented by 1.
- return true;
- });
+ if (this.mediaIndex < 0) {
+ this.mediaIndex = null;
+ this.partIndex = null;
+ } else {
+ var segment = this.playlist_.segments[this.mediaIndex]; // partIndex should remain the same for the same segment
+ // unless parts fell off of the playlist for this segment.
+ // In that case we need to reset partIndex and resync
+
+ if (this.partIndex && (!segment.parts || !segment.parts.length || !segment.parts[this.partIndex])) {
+ var mediaIndex = this.mediaIndex;
+ this.logger_("currently processing part (index " + this.partIndex + ") no longer exists.");
+ this.resetLoader(); // We want to throw away the partIndex and the data associated with it,
+ // as the part was dropped from our current playlists segment.
+ // The mediaIndex will still be valid so keep that around.
+
+ this.mediaIndex = mediaIndex;
+ }
+ }
+ } // update the mediaIndex on the SegmentInfo object
+ // this is important because we will update this.mediaIndex with this value
+ // in `handleAppendsDone_` after the segment has been successfully appended
- if (shouldTrigger) {
- return _this2.trigger(event);
- }
- });
- });
- });
- }
- /**
- * Emulate the native mediasource function, but our function will
- * send all of the proposed segments to the transmuxer so that we
- * can transmux them before we append them to our internal
- * native source buffers in the correct format.
- *
- * @link https://developer.mozilla.org/en-US/docs/Web/API/SourceBuffer/appendBuffer
- * @param {Uint8Array} segment the segment to append to the buffer
- */
- }, {
- key: 'appendBuffer',
- value: function appendBuffer(segment) {
- // Start the internal "updating" state
- this.bufferUpdating_ = true;
+ if (segmentInfo) {
+ segmentInfo.mediaIndex -= mediaSequenceDiff;
- if (this.audioBuffer_ && this.audioBuffer_.buffered.length) {
- var audioBuffered = this.audioBuffer_.buffered;
- this.transmuxer_.postMessage({
- action: 'setAudioAppendStart',
- appendStart: audioBuffered.end(audioBuffered.length - 1)
- });
- }
+ if (segmentInfo.mediaIndex < 0) {
+ segmentInfo.mediaIndex = null;
+ segmentInfo.partIndex = null;
+ } else {
+ // we need to update the referenced segment so that timing information is
+ // saved for the new playlist's segment, however, if the segment fell off the
+ // playlist, we can leave the old reference and just lose the timing info
+ if (segmentInfo.mediaIndex >= 0) {
+ segmentInfo.segment = newPlaylist.segments[segmentInfo.mediaIndex];
+ }
- if (this.videoBuffer_) {
- this.transmuxer_.postMessage({
- action: 'alignGopsWith',
- gopsToAlignWith: gopsSafeToAlignWith(this.gopBuffer_, this.mediaSource_.player_ ? this.mediaSource_.player_.currentTime() : null, this.timeMapping_)
- });
+ if (segmentInfo.partIndex >= 0 && segmentInfo.segment.parts) {
+ segmentInfo.part = segmentInfo.segment.parts[segmentInfo.partIndex];
+ }
}
-
- this.transmuxer_.postMessage({
- action: 'push',
- // Send the typed-array of data as an ArrayBuffer so that
- // it can be sent as a "Transferable" and avoid the costly
- // memory copy
- data: segment.buffer,
- // To recreate the original typed-array, we need information
- // about what portion of the ArrayBuffer it was a view into
- byteOffset: segment.byteOffset,
- byteLength: segment.byteLength
- }, [segment.buffer]);
- this.transmuxer_.postMessage({
- action: 'flush'
- });
}
- /**
- * Appends gop information (timing and byteLength) received by the transmuxer for the
- * gops appended in the last call to appendBuffer
- *
- * @param {Event} event
- * The gopInfo event from the transmuxer
- * @param {Array} event.data.gopInfo
- * List of gop info to append
- */
- }, {
- key: 'appendGopInfo_',
- value: function appendGopInfo_(event) {
- this.gopBuffer_ = updateGopBuffer(this.gopBuffer_, event.data.gopInfo, this.safeAppend_);
+ this.syncController_.saveExpiredSegmentInfo(oldPlaylist, newPlaylist);
+ }
+ /**
+ * Prevent the loader from fetching additional segments. If there
+ * is a segment request outstanding, it will finish processing
+ * before the loader halts. A segment loader can be unpaused by
+ * calling load().
+ */
+ ;
+
+ _proto.pause = function pause() {
+ if (this.checkBufferTimeout_) {
+ window.clearTimeout(this.checkBufferTimeout_);
+ this.checkBufferTimeout_ = null;
}
- /**
- * Emulate the native mediasource function and remove parts
- * of the buffer from any of our internal buffers that exist
- *
- * @link https://developer.mozilla.org/en-US/docs/Web/API/SourceBuffer/remove
- * @param {Double} start position to start the remove at
- * @param {Double} end position to end the remove at
- */
+ }
+ /**
+ * Returns whether the segment loader is fetching additional
+ * segments when given the opportunity. This property can be
+ * modified through calls to pause() and load().
+ */
+ ;
- }, {
- key: 'remove',
- value: function remove(start, end) {
- if (this.videoBuffer_) {
- this.videoBuffer_.updating = true;
- this.videoBuffer_.remove(start, end);
- this.gopBuffer_ = removeGopBuffer(this.gopBuffer_, start, end, this.timeMapping_);
- }
+ _proto.paused = function paused() {
+ return this.checkBufferTimeout_ === null;
+ }
+ /**
+ * Delete all the buffered data and reset the SegmentLoader
+ *
+ * @param {Function} [done] an optional callback to be executed when the remove
+ * operation is complete
+ */
+ ;
- if (!this.audioDisabled_ && this.audioBuffer_) {
- this.audioBuffer_.updating = true;
- this.audioBuffer_.remove(start, end);
- } // Remove Metadata Cues (id3)
+ _proto.resetEverything = function resetEverything(done) {
+ this.ended_ = false;
+ this.appendInitSegment_ = {
+ audio: true,
+ video: true
+ };
+ this.resetLoader(); // remove from 0, the earliest point, to Infinity, to signify removal of everything.
+ // VTT Segment Loader doesn't need to do anything but in the regular SegmentLoader,
+ // we then clamp the value to duration if necessary.
+ this.remove(0, Infinity, done); // clears fmp4 captions
- removeCuesFromTrack(start, end, this.metadataTrack_); // Remove Any Captions
+ if (this.transmuxer_) {
+ this.transmuxer_.postMessage({
+ action: 'clearAllMp4Captions'
+ }); // reset the cache in the transmuxer
- if (this.inbandTextTracks_) {
- for (var track in this.inbandTextTracks_) {
- removeCuesFromTrack(start, end, this.inbandTextTracks_[track]);
- }
- }
+ this.transmuxer_.postMessage({
+ action: 'reset'
+ });
}
- /**
- * Process any segments that the muxer has output
- * Concatenate segments together based on type and append them into
- * their respective sourceBuffers
- *
- * @private
- */
+ }
+ /**
+ * Force the SegmentLoader to resync and start loading around the currentTime instead
+ * of starting at the end of the buffer
+ *
+ * Useful for fast quality changes
+ */
+ ;
- }, {
- key: 'processPendingSegments_',
- value: function processPendingSegments_() {
- var sortedSegments = {
- video: {
- segments: [],
- bytes: 0
- },
- audio: {
- segments: [],
- bytes: 0
- },
- captions: [],
- metadata: []
- };
+ _proto.resetLoader = function resetLoader() {
+ this.fetchAtBuffer_ = false;
+ this.resyncLoader();
+ }
+ /**
+ * Force the SegmentLoader to restart synchronization and make a conservative guess
+ * before returning to the simple walk-forward method
+ */
+ ;
- if (!this.pendingBuffers_.length) {
- // We are no longer in the internal "updating" state
- this.trigger('updateend');
- this.bufferUpdating_ = false;
- return;
- } // Sort segments into separate video/audio arrays and
- // keep track of their total byte lengths
+ _proto.resyncLoader = function resyncLoader() {
+ if (this.transmuxer_) {
+ // need to clear out any cached data to prepare for the new segment
+ segmentTransmuxer.reset(this.transmuxer_);
+ }
+ this.mediaIndex = null;
+ this.partIndex = null;
+ this.syncPoint_ = null;
+ this.isPendingTimestampOffset_ = false;
+ this.callQueue_ = [];
+ this.loadQueue_ = [];
+ this.metadataQueue_.id3 = [];
+ this.metadataQueue_.caption = [];
+ this.abort();
- sortedSegments = this.pendingBuffers_.reduce(function (segmentObj, segment) {
- var type = segment.type;
- var data = segment.data;
- var initSegment = segment.initSegment;
- segmentObj[type].segments.push(data);
- segmentObj[type].bytes += data.byteLength;
- segmentObj[type].initSegment = initSegment; // Gather any captions into a single array
+ if (this.transmuxer_) {
+ this.transmuxer_.postMessage({
+ action: 'clearParsedMp4Captions'
+ });
+ }
+ }
+ /**
+ * Remove any data in the source buffer between start and end times
+ *
+ * @param {number} start - the start time of the region to remove from the buffer
+ * @param {number} end - the end time of the region to remove from the buffer
+ * @param {Function} [done] - an optional callback to be executed when the remove
+ * @param {boolean} force - force all remove operations to happen
+ * operation is complete
+ */
+ ;
- if (segment.captions) {
- segmentObj.captions = segmentObj.captions.concat(segment.captions);
- }
+ _proto.remove = function remove(start, end, done, force) {
+ if (done === void 0) {
+ done = function done() {};
+ }
- if (segment.info) {
- segmentObj[type].info = segment.info;
- } // Gather any metadata into a single array
+ if (force === void 0) {
+ force = false;
+ } // clamp end to duration if we need to remove everything.
+ // This is due to a browser bug that causes issues if we remove to Infinity.
+ // videojs/videojs-contrib-hls#1225
- if (segment.metadata) {
- segmentObj.metadata = segmentObj.metadata.concat(segment.metadata);
- }
+ if (end === Infinity) {
+ end = this.duration_();
+ } // skip removes that would throw an error
+ // commonly happens during a rendition switch at the start of a video
+ // from start 0 to end 0
- return segmentObj;
- }, sortedSegments); // Create the real source buffers if they don't exist by now since we
- // finally are sure what tracks are contained in the source
- if (!this.videoBuffer_ && !this.audioBuffer_) {
- // Remove any codecs that may have been specified by default but
- // are no longer applicable now
- if (sortedSegments.video.bytes === 0) {
- this.videoCodec_ = null;
- }
+ if (end <= start) {
+ this.logger_('skipping remove because end ${end} is <= start ${start}');
+ return;
+ }
- if (sortedSegments.audio.bytes === 0) {
- this.audioCodec_ = null;
- }
+ if (!this.sourceUpdater_ || !this.getMediaInfo_()) {
+ this.logger_('skipping remove because no source updater or starting media info'); // nothing to remove if we haven't processed any media
- this.createRealSourceBuffers_();
- }
+ return;
+ } // set it to one to complete this function's removes
- if (sortedSegments.audio.info) {
- this.mediaSource_.trigger({
- type: 'audioinfo',
- info: sortedSegments.audio.info
- });
- }
- if (sortedSegments.video.info) {
- this.mediaSource_.trigger({
- type: 'videoinfo',
- info: sortedSegments.video.info
- });
- }
+ var removesRemaining = 1;
- if (this.appendAudioInitSegment_) {
- if (!this.audioDisabled_ && this.audioBuffer_) {
- sortedSegments.audio.segments.unshift(sortedSegments.audio.initSegment);
- sortedSegments.audio.bytes += sortedSegments.audio.initSegment.byteLength;
- }
+ var removeFinished = function removeFinished() {
+ removesRemaining--;
- this.appendAudioInitSegment_ = false;
+ if (removesRemaining === 0) {
+ done();
}
+ };
- var triggerUpdateend = false; // Merge multiple video and audio segments into one and append
-
- if (this.videoBuffer_ && sortedSegments.video.bytes) {
- sortedSegments.video.segments.unshift(sortedSegments.video.initSegment);
- sortedSegments.video.bytes += sortedSegments.video.initSegment.byteLength;
- this.concatAndAppendSegments_(sortedSegments.video, this.videoBuffer_);
- } else if (this.videoBuffer_ && (this.audioDisabled_ || !this.audioBuffer_)) {
- // The transmuxer did not return any bytes of video, meaning it was all trimmed
- // for gop alignment. Since we have a video buffer and audio is disabled, updateend
- // will never be triggered by this source buffer, which will cause contrib-hls
- // to be stuck forever waiting for updateend. If audio is not disabled, updateend
- // will be triggered by the audio buffer, which will be sent upwards since the video
- // buffer will not be in an updating state.
- triggerUpdateend = true;
- } // Add text-track data for all
+ if (force || !this.audioDisabled_) {
+ removesRemaining++;
+ this.sourceUpdater_.removeAudio(start, end, removeFinished);
+ } // While it would be better to only remove video if the main loader has video, this
+ // should be safe with audio only as removeVideo will call back even if there's no
+ // video buffer.
+ //
+ // In theory we can check to see if there's video before calling the remove, but in
+ // the event that we're switching between renditions and from video to audio only
+ // (when we add support for that), we may need to clear the video contents despite
+ // what the new media will contain.
- addTextTrackData(this, sortedSegments.captions, sortedSegments.metadata);
+ if (force || this.loaderType_ === 'main') {
+ this.gopBuffer_ = removeGopBuffer(this.gopBuffer_, start, end, this.timeMapping_);
+ removesRemaining++;
+ this.sourceUpdater_.removeVideo(start, end, removeFinished);
+ } // remove any captions and ID3 tags
- if (!this.audioDisabled_ && this.audioBuffer_) {
- this.concatAndAppendSegments_(sortedSegments.audio, this.audioBuffer_);
- }
- this.pendingBuffers_.length = 0;
+ for (var track in this.inbandTextTracks_) {
+ removeCuesFromTrack(start, end, this.inbandTextTracks_[track]);
+ }
- if (triggerUpdateend) {
- this.trigger('updateend');
- } // We are no longer in the internal "updating" state
+ removeCuesFromTrack(start, end, this.segmentMetadataTrack_); // finished this function's removes
+ removeFinished();
+ }
+ /**
+ * (re-)schedule monitorBufferTick_ to run as soon as possible
+ *
+ * @private
+ */
+ ;
- this.bufferUpdating_ = false;
+ _proto.monitorBuffer_ = function monitorBuffer_() {
+ if (this.checkBufferTimeout_) {
+ window.clearTimeout(this.checkBufferTimeout_);
}
- /**
- * Combine all segments into a single Uint8Array and then append them
- * to the destination buffer
- *
- * @param {Object} segmentObj
- * @param {SourceBuffer} destinationBuffer native source buffer to append data to
- * @private
- */
-
- }, {
- key: 'concatAndAppendSegments_',
- value: function concatAndAppendSegments_(segmentObj, destinationBuffer) {
- var offset = 0;
- var tempBuffer = void 0;
- if (segmentObj.bytes) {
- tempBuffer = new Uint8Array(segmentObj.bytes); // Combine the individual segments into one large typed-array
+ this.checkBufferTimeout_ = window.setTimeout(this.monitorBufferTick_.bind(this), 1);
+ }
+ /**
+ * As long as the SegmentLoader is in the READY state, periodically
+ * invoke fillBuffer_().
+ *
+ * @private
+ */
+ ;
- segmentObj.segments.forEach(function (segment) {
- tempBuffer.set(segment, offset);
- offset += segment.byteLength;
- });
+ _proto.monitorBufferTick_ = function monitorBufferTick_() {
+ if (this.state === 'READY') {
+ this.fillBuffer_();
+ }
- try {
- destinationBuffer.updating = true;
- destinationBuffer.appendBuffer(tempBuffer);
- } catch (error) {
- if (this.mediaSource_.player_) {
- this.mediaSource_.player_.error({
- code: -3,
- type: 'APPEND_BUFFER_ERR',
- message: error.message,
- originalError: error
- });
- }
- }
- }
+ if (this.checkBufferTimeout_) {
+ window.clearTimeout(this.checkBufferTimeout_);
}
- /**
- * Emulate the native mediasource function. abort any soureBuffer
- * actions and throw out any un-appended data.
- *
- * @link https://developer.mozilla.org/en-US/docs/Web/API/SourceBuffer/abort
- */
- }, {
- key: 'abort',
- value: function abort() {
- if (this.videoBuffer_) {
- this.videoBuffer_.abort();
- }
+ this.checkBufferTimeout_ = window.setTimeout(this.monitorBufferTick_.bind(this), CHECK_BUFFER_DELAY);
+ }
+ /**
+ * fill the buffer with segements unless the sourceBuffers are
+ * currently updating
+ *
+ * Note: this function should only ever be called by monitorBuffer_
+ * and never directly
+ *
+ * @private
+ */
+ ;
- if (!this.audioDisabled_ && this.audioBuffer_) {
- this.audioBuffer_.abort();
- }
+ _proto.fillBuffer_ = function fillBuffer_() {
+ // TODO since the source buffer maintains a queue, and we shouldn't call this function
+ // except when we're ready for the next segment, this check can most likely be removed
+ if (this.sourceUpdater_.updating()) {
+ return;
+ } // see if we need to begin loading immediately
- if (this.transmuxer_) {
- this.transmuxer_.postMessage({
- action: 'reset'
- });
- }
- this.pendingBuffers_.length = 0;
- this.bufferUpdating_ = false;
- }
- }, {
- key: 'dispose',
- value: function dispose() {
- if (this.transmuxer_) {
- this.transmuxer_.terminate();
- }
+ var segmentInfo = this.chooseNextRequest_();
- this.trigger('dispose');
- this.off();
+ if (!segmentInfo) {
+ return;
}
- }]);
- return VirtualSourceBuffer;
- }(videojs$1.EventTarget);
- /**
- * @file html-media-source.js
- */
-
- /**
- * Our MediaSource implementation in HTML, mimics native
- * MediaSource where/if possible.
- *
- * @link https://developer.mozilla.org/en-US/docs/Web/API/MediaSource
- * @class HtmlMediaSource
- * @extends videojs.EventTarget
- */
-
- var HtmlMediaSource = function (_videojs$EventTarget) {
- inherits$2(HtmlMediaSource, _videojs$EventTarget);
+ if (typeof segmentInfo.timestampOffset === 'number') {
+ this.isPendingTimestampOffset_ = false;
+ this.timelineChangeController_.pendingTimelineChange({
+ type: this.loaderType_,
+ from: this.currentTimeline_,
+ to: segmentInfo.timeline
+ });
+ }
- function HtmlMediaSource() {
- classCallCheck$1(this, HtmlMediaSource);
+ this.loadSegment_(segmentInfo);
+ }
+ /**
+ * Determines if we should call endOfStream on the media source based
+ * on the state of the buffer or if appened segment was the final
+ * segment in the playlist.
+ *
+ * @param {number} [mediaIndex] the media index of segment we last appended
+ * @param {Object} [playlist] a media playlist object
+ * @return {boolean} do we need to call endOfStream on the MediaSource
+ */
+ ;
- var _this = possibleConstructorReturn$1(this, (HtmlMediaSource.__proto__ || Object.getPrototypeOf(HtmlMediaSource)).call(this));
+ _proto.isEndOfStream_ = function isEndOfStream_(mediaIndex, playlist, partIndex) {
+ if (mediaIndex === void 0) {
+ mediaIndex = this.mediaIndex;
+ }
- var property = void 0;
- _this.nativeMediaSource_ = new window$3.MediaSource(); // delegate to the native MediaSource's methods by default
+ if (playlist === void 0) {
+ playlist = this.playlist_;
+ }
- for (property in _this.nativeMediaSource_) {
- if (!(property in HtmlMediaSource.prototype) && typeof _this.nativeMediaSource_[property] === 'function') {
- _this[property] = _this.nativeMediaSource_[property].bind(_this.nativeMediaSource_);
- }
- } // emulate `duration` and `seekable` until seeking can be
- // handled uniformly for live streams
- // see https://github.com/w3c/media-source/issues/5
+ if (partIndex === void 0) {
+ partIndex = this.partIndex;
+ }
+ if (!playlist || !this.mediaSource_) {
+ return false;
+ }
- _this.duration_ = NaN;
- Object.defineProperty(_this, 'duration', {
- get: function get$$1() {
- if (this.duration_ === Infinity) {
- return this.duration_;
- }
+ var segment = typeof mediaIndex === 'number' && playlist.segments[mediaIndex]; // mediaIndex is zero based but length is 1 based
- return this.nativeMediaSource_.duration;
- },
- set: function set$$1(duration) {
- this.duration_ = duration;
+ var appendedLastSegment = mediaIndex + 1 === playlist.segments.length; // true if there are no parts, or this is the last part.
- if (duration !== Infinity) {
- this.nativeMediaSource_.duration = duration;
- return;
- }
- }
- });
- Object.defineProperty(_this, 'seekable', {
- get: function get$$1() {
- if (this.duration_ === Infinity) {
- return videojs$1.createTimeRanges([[0, this.nativeMediaSource_.duration]]);
- }
+ var appendedLastPart = !segment || !segment.parts || partIndex + 1 === segment.parts.length; // if we've buffered to the end of the video, we need to call endOfStream
+ // so that MediaSources can trigger the `ended` event when it runs out of
+ // buffered data instead of waiting for me
- return this.nativeMediaSource_.seekable;
- }
- });
- Object.defineProperty(_this, 'readyState', {
- get: function get$$1() {
- return this.nativeMediaSource_.readyState;
- }
- });
- Object.defineProperty(_this, 'activeSourceBuffers', {
- get: function get$$1() {
- return this.activeSourceBuffers_;
- }
- }); // the list of virtual and native SourceBuffers created by this
- // MediaSource
+ return playlist.endList && this.mediaSource_.readyState === 'open' && appendedLastSegment && appendedLastPart;
+ }
+ /**
+ * Determines what request should be made given current segment loader state.
+ *
+ * @return {Object} a request object that describes the segment/part to load
+ */
+ ;
- _this.sourceBuffers = [];
- _this.activeSourceBuffers_ = [];
- /**
- * update the list of active source buffers based upon various
- * imformation from HLS and video.js
- *
- * @private
- */
+ _proto.chooseNextRequest_ = function chooseNextRequest_() {
+ var buffered = this.buffered_();
+ var bufferedEnd = lastBufferedEnd(buffered) || 0;
+ var bufferedTime = timeAheadOf(buffered, this.currentTime_());
+ var preloaded = !this.hasPlayed_() && bufferedTime >= 1;
+ var haveEnoughBuffer = bufferedTime >= this.goalBufferLength_();
+ var segments = this.playlist_.segments; // return no segment if:
+ // 1. we don't have segments
+ // 2. The video has not yet played and we already downloaded a segment
+ // 3. we already have enough buffered time
+
+ if (!segments.length || preloaded || haveEnoughBuffer) {
+ return null;
+ }
- _this.updateActiveSourceBuffers_ = function () {
- // Retain the reference but empty the array
- _this.activeSourceBuffers_.length = 0; // If there is only one source buffer, then it will always be active and audio will
- // be disabled based on the codec of the source buffer
+ this.syncPoint_ = this.syncPoint_ || this.syncController_.getSyncPoint(this.playlist_, this.duration_(), this.currentTimeline_, this.currentTime_());
+ var next = {
+ partIndex: null,
+ mediaIndex: null,
+ startOfSegment: null,
+ playlist: this.playlist_,
+ isSyncRequest: Boolean(!this.syncPoint_)
+ };
- if (_this.sourceBuffers.length === 1) {
- var sourceBuffer = _this.sourceBuffers[0];
- sourceBuffer.appendAudioInitSegment_ = true;
- sourceBuffer.audioDisabled_ = !sourceBuffer.audioCodec_;
+ if (next.isSyncRequest) {
+ next.mediaIndex = getSyncSegmentCandidate(this.currentTimeline_, segments, bufferedEnd);
+ } else if (this.mediaIndex !== null) {
+ var segment = segments[this.mediaIndex];
+ var partIndex = typeof this.partIndex === 'number' ? this.partIndex : -1;
+ next.startOfSegment = segment.end ? segment.end : bufferedEnd;
- _this.activeSourceBuffers_.push(sourceBuffer);
+ if (segment.parts && segment.parts[partIndex + 1]) {
+ next.mediaIndex = this.mediaIndex;
+ next.partIndex = partIndex + 1;
+ } else {
+ next.mediaIndex = this.mediaIndex + 1;
+ }
+ } else {
+ // Find the segment containing the end of the buffer or current time.
+ var _Playlist$getMediaInf = Playlist.getMediaInfoForTime({
+ experimentalExactManifestTimings: this.experimentalExactManifestTimings,
+ playlist: this.playlist_,
+ currentTime: this.fetchAtBuffer_ ? bufferedEnd : this.currentTime_(),
+ startingPartIndex: this.syncPoint_.partIndex,
+ startingSegmentIndex: this.syncPoint_.segmentIndex,
+ startTime: this.syncPoint_.time
+ }),
+ segmentIndex = _Playlist$getMediaInf.segmentIndex,
+ startTime = _Playlist$getMediaInf.startTime,
+ _partIndex = _Playlist$getMediaInf.partIndex;
+
+ next.getMediaInfoForTime = this.fetchAtBuffer_ ? "bufferedEnd " + bufferedEnd : "currentTime " + this.currentTime_();
+ next.mediaIndex = segmentIndex;
+ next.startOfSegment = startTime;
+ next.partIndex = _partIndex;
+ }
+
+ var nextSegment = segments[next.mediaIndex];
+ var nextPart = nextSegment && typeof next.partIndex === 'number' && nextSegment.parts && nextSegment.parts[next.partIndex]; // if the next segment index is invalid or
+ // the next partIndex is invalid do not choose a next segment.
+
+ if (!nextSegment || typeof next.partIndex === 'number' && !nextPart) {
+ return null;
+ } // if the next segment has parts, and we don't have a partIndex.
+ // Set partIndex to 0
- return;
- } // There are 2 source buffers, a combined (possibly video only) source buffer and
- // and an audio only source buffer.
- // By default, the audio in the combined virtual source buffer is enabled
- // and the audio-only source buffer (if it exists) is disabled.
+ if (typeof next.partIndex !== 'number' && nextSegment.parts) {
+ next.partIndex = 0;
+ nextPart = nextSegment.parts[0];
+ } // if we have no buffered data then we need to make sure
+ // that the next part we append is "independent" if possible.
+ // So we check if the previous part is independent, and request
+ // it if it is.
- var disableCombined = false;
- var disableAudioOnly = true; // TODO: maybe we can store the sourcebuffers on the track objects?
- // safari may do something like this
- for (var i = 0; i < _this.player_.audioTracks().length; i++) {
- var track = _this.player_.audioTracks()[i];
+ if (!bufferedTime && nextPart && !nextPart.independent) {
+ if (next.partIndex === 0) {
+ var lastSegment = segments[next.mediaIndex - 1];
+ var lastSegmentLastPart = lastSegment.parts && lastSegment.parts.length && lastSegment.parts[lastSegment.parts.length - 1];
- if (track.enabled && track.kind !== 'main') {
- // The enabled track is an alternate audio track so disable the audio in
- // the combined source buffer and enable the audio-only source buffer.
- disableCombined = true;
- disableAudioOnly = false;
- break;
+ if (lastSegmentLastPart && lastSegmentLastPart.independent) {
+ next.mediaIndex -= 1;
+ next.partIndex = lastSegment.parts.length - 1;
+ next.independent = 'previous segment';
}
+ } else if (nextSegment.parts[next.partIndex - 1].independent) {
+ next.partIndex -= 1;
+ next.independent = 'previous part';
}
+ }
- _this.sourceBuffers.forEach(function (sourceBuffer, index) {
- /* eslinst-disable */
- // TODO once codecs are required, we can switch to using the codecs to determine
- // what stream is the video stream, rather than relying on videoTracks
-
- /* eslinst-enable */
- sourceBuffer.appendAudioInitSegment_ = true;
-
- if (sourceBuffer.videoCodec_ && sourceBuffer.audioCodec_) {
- // combined
- sourceBuffer.audioDisabled_ = disableCombined;
- } else if (sourceBuffer.videoCodec_ && !sourceBuffer.audioCodec_) {
- // If the "combined" source buffer is video only, then we do not want
- // disable the audio-only source buffer (this is mostly for demuxed
- // audio and video hls)
- sourceBuffer.audioDisabled_ = true;
- disableAudioOnly = false;
- } else if (!sourceBuffer.videoCodec_ && sourceBuffer.audioCodec_) {
- // audio only
- // In the case of audio only with alternate audio and disableAudioOnly is true
- // this means we want to disable the audio on the alternate audio sourcebuffer
- // but not the main "combined" source buffer. The "combined" source buffer is
- // always at index 0, so this ensures audio won't be disabled in both source
- // buffers.
- sourceBuffer.audioDisabled_ = index ? disableAudioOnly : !disableAudioOnly;
-
- if (sourceBuffer.audioDisabled_) {
- return;
- }
- }
+ var ended = this.mediaSource_ && this.mediaSource_.readyState === 'ended'; // do not choose a next segment if all of the following:
+ // 1. this is the last segment in the playlist
+ // 2. end of stream has been called on the media source already
+ // 3. the player is not seeking
- _this.activeSourceBuffers_.push(sourceBuffer);
- });
- };
+ if (next.mediaIndex >= segments.length - 1 && ended && !this.seeking_()) {
+ return null;
+ }
- _this.onPlayerMediachange_ = function () {
- _this.sourceBuffers.forEach(function (sourceBuffer) {
- sourceBuffer.appendAudioInitSegment_ = true;
- });
- };
+ return this.generateSegmentInfo_(next);
+ };
- _this.onHlsReset_ = function () {
- _this.sourceBuffers.forEach(function (sourceBuffer) {
- if (sourceBuffer.transmuxer_) {
- sourceBuffer.transmuxer_.postMessage({
- action: 'resetCaptions'
- });
- }
- });
+ _proto.generateSegmentInfo_ = function generateSegmentInfo_(options) {
+ var independent = options.independent,
+ playlist = options.playlist,
+ mediaIndex = options.mediaIndex,
+ startOfSegment = options.startOfSegment,
+ isSyncRequest = options.isSyncRequest,
+ partIndex = options.partIndex,
+ forceTimestampOffset = options.forceTimestampOffset,
+ getMediaInfoForTime = options.getMediaInfoForTime;
+ var segment = playlist.segments[mediaIndex];
+ var part = typeof partIndex === 'number' && segment.parts[partIndex];
+ var segmentInfo = {
+ requestId: 'segment-loader-' + Math.random(),
+ // resolve the segment URL relative to the playlist
+ uri: part && part.resolvedUri || segment.resolvedUri,
+ // the segment's mediaIndex at the time it was requested
+ mediaIndex: mediaIndex,
+ partIndex: part ? partIndex : null,
+ // whether or not to update the SegmentLoader's state with this
+ // segment's mediaIndex
+ isSyncRequest: isSyncRequest,
+ startOfSegment: startOfSegment,
+ // the segment's playlist
+ playlist: playlist,
+ // unencrypted bytes of the segment
+ bytes: null,
+ // when a key is defined for this segment, the encrypted bytes
+ encryptedBytes: null,
+ // The target timestampOffset for this segment when we append it
+ // to the source buffer
+ timestampOffset: null,
+ // The timeline that the segment is in
+ timeline: segment.timeline,
+ // The expected duration of the segment in seconds
+ duration: part && part.duration || segment.duration,
+ // retain the segment in case the playlist updates while doing an async process
+ segment: segment,
+ part: part,
+ byteLength: 0,
+ transmuxer: this.transmuxer_,
+ // type of getMediaInfoForTime that was used to get this segment
+ getMediaInfoForTime: getMediaInfoForTime,
+ independent: independent
};
+ var overrideCheck = typeof forceTimestampOffset !== 'undefined' ? forceTimestampOffset : this.isPendingTimestampOffset_;
+ segmentInfo.timestampOffset = this.timestampOffsetForSegment_({
+ segmentTimeline: segment.timeline,
+ currentTimeline: this.currentTimeline_,
+ startOfSegment: startOfSegment,
+ buffered: this.buffered_(),
+ overrideCheck: overrideCheck
+ });
+ var audioBufferedEnd = lastBufferedEnd(this.sourceUpdater_.audioBuffered());
- _this.onHlsSegmentTimeMapping_ = function (event) {
- _this.sourceBuffers.forEach(function (buffer) {
- return buffer.timeMapping_ = event.mapping;
- });
- }; // Re-emit MediaSource events on the polyfill
-
-
- ['sourceopen', 'sourceclose', 'sourceended'].forEach(function (eventName) {
- this.nativeMediaSource_.addEventListener(eventName, this.trigger.bind(this));
- }, _this); // capture the associated player when the MediaSource is
- // successfully attached
-
- _this.on('sourceopen', function (event) {
- // Get the player this MediaSource is attached to
- var video = document.querySelector('[src="' + _this.url_ + '"]');
-
- if (!video) {
- return;
- }
+ if (typeof audioBufferedEnd === 'number') {
+ // since the transmuxer is using the actual timing values, but the buffer is
+ // adjusted by the timestamp offset, we must adjust the value here
+ segmentInfo.audioAppendStart = audioBufferedEnd - this.sourceUpdater_.audioTimestampOffset();
+ }
- _this.player_ = videojs$1(video.parentNode);
+ if (this.sourceUpdater_.videoBuffered().length) {
+ segmentInfo.gopsToAlignWith = gopsSafeToAlignWith(this.gopBuffer_, // since the transmuxer is using the actual timing values, but the time is
+ // adjusted by the timestmap offset, we must adjust the value here
+ this.currentTime_() - this.sourceUpdater_.videoTimestampOffset(), this.timeMapping_);
+ }
- if (!_this.player_) {
- return;
- } // hls-reset is fired by videojs.Hls on to the tech after the main SegmentLoader
- // resets its state and flushes the buffer
+ return segmentInfo;
+ } // get the timestampoffset for a segment,
+ // added so that vtt segment loader can override and prevent
+ // adding timestamp offsets.
+ ;
+ _proto.timestampOffsetForSegment_ = function timestampOffsetForSegment_(options) {
+ return timestampOffsetForSegment(options);
+ }
+ /**
+ * Determines if the network has enough bandwidth to complete the current segment
+ * request in a timely manner. If not, the request will be aborted early and bandwidth
+ * updated to trigger a playlist switch.
+ *
+ * @param {Object} stats
+ * Object containing stats about the request timing and size
+ * @private
+ */
+ ;
- _this.player_.tech_.on('hls-reset', _this.onHlsReset_); // hls-segment-time-mapping is fired by videojs.Hls on to the tech after the main
- // SegmentLoader inspects an MTS segment and has an accurate stream to display
- // time mapping
+ _proto.earlyAbortWhenNeeded_ = function earlyAbortWhenNeeded_(stats) {
+ if (this.vhs_.tech_.paused() || // Don't abort if the current playlist is on the lowestEnabledRendition
+ // TODO: Replace using timeout with a boolean indicating whether this playlist is
+ // the lowestEnabledRendition.
+ !this.xhrOptions_.timeout || // Don't abort if we have no bandwidth information to estimate segment sizes
+ !this.playlist_.attributes.BANDWIDTH) {
+ return;
+ } // Wait at least 1 second since the first byte of data has been received before
+ // using the calculated bandwidth from the progress event to allow the bitrate
+ // to stabilize
- _this.player_.tech_.on('hls-segment-time-mapping', _this.onHlsSegmentTimeMapping_);
+ if (Date.now() - (stats.firstBytesReceivedAt || Date.now()) < 1000) {
+ return;
+ }
- if (_this.player_.audioTracks && _this.player_.audioTracks()) {
- _this.player_.audioTracks().on('change', _this.updateActiveSourceBuffers_);
+ var currentTime = this.currentTime_();
+ var measuredBandwidth = stats.bandwidth;
+ var segmentDuration = this.pendingSegment_.duration;
+ var requestTimeRemaining = Playlist.estimateSegmentRequestTime(segmentDuration, measuredBandwidth, this.playlist_, stats.bytesReceived); // Subtract 1 from the timeUntilRebuffer so we still consider an early abort
+ // if we are only left with less than 1 second when the request completes.
+ // A negative timeUntilRebuffering indicates we are already rebuffering
- _this.player_.audioTracks().on('addtrack', _this.updateActiveSourceBuffers_);
+ var timeUntilRebuffer$1 = timeUntilRebuffer(this.buffered_(), currentTime, this.vhs_.tech_.playbackRate()) - 1; // Only consider aborting early if the estimated time to finish the download
+ // is larger than the estimated time until the player runs out of forward buffer
- _this.player_.audioTracks().on('removetrack', _this.updateActiveSourceBuffers_);
- }
+ if (requestTimeRemaining <= timeUntilRebuffer$1) {
+ return;
+ }
- _this.player_.on('mediachange', _this.onPlayerMediachange_);
+ var switchCandidate = minRebufferMaxBandwidthSelector({
+ master: this.vhs_.playlists.master,
+ currentTime: currentTime,
+ bandwidth: measuredBandwidth,
+ duration: this.duration_(),
+ segmentDuration: segmentDuration,
+ timeUntilRebuffer: timeUntilRebuffer$1,
+ currentTimeline: this.currentTimeline_,
+ syncController: this.syncController_
});
- _this.on('sourceended', function (event) {
- var duration = durationOfVideo(_this.duration);
-
- for (var i = 0; i < _this.sourceBuffers.length; i++) {
- var sourcebuffer = _this.sourceBuffers[i];
- var cues = sourcebuffer.metadataTrack_ && sourcebuffer.metadataTrack_.cues;
-
- if (cues && cues.length) {
- cues[cues.length - 1].endTime = duration;
- }
- }
- }); // explicitly terminate any WebWorkers that were created
- // by SourceHandlers
-
-
- _this.on('sourceclose', function (event) {
- this.sourceBuffers.forEach(function (sourceBuffer) {
- if (sourceBuffer.transmuxer_) {
- sourceBuffer.transmuxer_.terminate();
- }
- });
- this.sourceBuffers.length = 0;
+ if (!switchCandidate) {
+ return;
+ }
- if (!this.player_) {
- return;
- }
+ var rebufferingImpact = requestTimeRemaining - timeUntilRebuffer$1;
+ var timeSavedBySwitching = rebufferingImpact - switchCandidate.rebufferingImpact;
+ var minimumTimeSaving = 0.5; // If we are already rebuffering, increase the amount of variance we add to the
+ // potential round trip time of the new request so that we are not too aggressive
+ // with switching to a playlist that might save us a fraction of a second.
- if (this.player_.audioTracks && this.player_.audioTracks()) {
- this.player_.audioTracks().off('change', this.updateActiveSourceBuffers_);
- this.player_.audioTracks().off('addtrack', this.updateActiveSourceBuffers_);
- this.player_.audioTracks().off('removetrack', this.updateActiveSourceBuffers_);
- } // We can only change this if the player hasn't been disposed of yet
- // because `off` eventually tries to use the el_ property. If it has
- // been disposed of, then don't worry about it because there are no
- // event handlers left to unbind anyway
+ if (timeUntilRebuffer$1 <= TIME_FUDGE_FACTOR) {
+ minimumTimeSaving = 1;
+ }
+ if (!switchCandidate.playlist || switchCandidate.playlist.uri === this.playlist_.uri || timeSavedBySwitching < minimumTimeSaving) {
+ return;
+ } // set the bandwidth to that of the desired playlist being sure to scale by
+ // BANDWIDTH_VARIANCE and add one so the playlist selector does not exclude it
+ // don't trigger a bandwidthupdate as the bandwidth is artifial
- if (this.player_.el_) {
- this.player_.off('mediachange', this.onPlayerMediachange_);
- }
- if (this.player_.tech_ && this.player_.tech_.el_) {
- this.player_.tech_.off('hls-reset', this.onHlsReset_);
- this.player_.tech_.off('hls-segment-time-mapping', this.onHlsSegmentTimeMapping_);
- }
- });
+ this.bandwidth = switchCandidate.playlist.attributes.BANDWIDTH * Config.BANDWIDTH_VARIANCE + 1;
+ this.trigger('earlyabort');
+ };
- return _this;
+ _proto.handleAbort_ = function handleAbort_(segmentInfo) {
+ this.logger_("Aborting " + segmentInfoString(segmentInfo));
+ this.mediaRequestsAborted += 1;
}
/**
- * Add a range that that can now be seeked to.
+ * XHR `progress` event handler
*
- * @param {Double} start where to start the addition
- * @param {Double} end where to end the addition
+ * @param {Event}
+ * The XHR `progress` event
+ * @param {Object} simpleSegment
+ * A simplified segment object copy
* @private
*/
+ ;
+ _proto.handleProgress_ = function handleProgress_(event, simpleSegment) {
+ this.earlyAbortWhenNeeded_(simpleSegment.stats);
- createClass$1(HtmlMediaSource, [{
- key: 'addSeekableRange_',
- value: function addSeekableRange_(start, end) {
- var error = void 0;
-
- if (this.duration !== Infinity) {
- error = new Error('MediaSource.addSeekableRange() can only be invoked ' + 'when the duration is Infinity');
- error.name = 'InvalidStateError';
- error.code = 11;
- throw error;
- }
-
- if (end > this.nativeMediaSource_.duration || isNaN(this.nativeMediaSource_.duration)) {
- this.nativeMediaSource_.duration = end;
- }
+ if (this.checkForAbort_(simpleSegment.requestId)) {
+ return;
}
- /**
- * Add a source buffer to the media source.
- *
- * @link https://developer.mozilla.org/en-US/docs/Web/API/MediaSource/addSourceBuffer
- * @param {String} type the content-type of the content
- * @return {Object} the created source buffer
- */
-
- }, {
- key: 'addSourceBuffer',
- value: function addSourceBuffer(type) {
- var buffer = void 0;
- var parsedType = parseContentType(type); // Create a VirtualSourceBuffer to transmux MPEG-2 transport
- // stream segments into fragmented MP4s
-
- if (/^(video|audio)\/mp2t$/i.test(parsedType.type)) {
- var codecs = [];
-
- if (parsedType.parameters && parsedType.parameters.codecs) {
- codecs = parsedType.parameters.codecs.split(',');
- codecs = translateLegacyCodecs(codecs);
- codecs = codecs.filter(function (codec) {
- return isAudioCodec(codec) || isVideoCodec(codec);
- });
- }
-
- if (codecs.length === 0) {
- codecs = ['avc1.4d400d', 'mp4a.40.2'];
- }
-
- buffer = new VirtualSourceBuffer(this, codecs);
- if (this.sourceBuffers.length !== 0) {
- // If another VirtualSourceBuffer already exists, then we are creating a
- // SourceBuffer for an alternate audio track and therefore we know that
- // the source has both an audio and video track.
- // That means we should trigger the manual creation of the real
- // SourceBuffers instead of waiting for the transmuxer to return data
- this.sourceBuffers[0].createRealSourceBuffers_();
- buffer.createRealSourceBuffers_(); // Automatically disable the audio on the first source buffer if
- // a second source buffer is ever created
+ this.trigger('progress');
+ };
- this.sourceBuffers[0].audioDisabled_ = true;
- }
- } else {
- // delegate to the native implementation
- buffer = this.nativeMediaSource_.addSourceBuffer(type);
- }
+ _proto.handleTrackInfo_ = function handleTrackInfo_(simpleSegment, trackInfo) {
+ this.earlyAbortWhenNeeded_(simpleSegment.stats);
- this.sourceBuffers.push(buffer);
- return buffer;
- }
- }, {
- key: 'dispose',
- value: function dispose() {
- this.trigger('dispose');
- this.off();
- this.sourceBuffers.forEach(function (buffer) {
- if (buffer.dispose) {
- buffer.dispose();
- }
- });
- this.sourceBuffers.length = 0;
+ if (this.checkForAbort_(simpleSegment.requestId)) {
+ return;
}
- }]);
- return HtmlMediaSource;
- }(videojs$1.EventTarget);
- /**
- * @file videojs-contrib-media-sources.js
- */
-
- var urlCount = 0; // ------------
- // Media Source
- // ------------
- // store references to the media sources so they can be connected
- // to a video element (a swf object)
- // TODO: can we store this somewhere local to this module?
+ if (this.checkForIllegalMediaSwitch(trackInfo)) {
+ return;
+ }
- videojs$1.mediaSources = {};
- /**
- * Provide a method for a swf object to notify JS that a
- * media source is now open.
- *
- * @param {String} msObjectURL string referencing the MSE Object URL
- * @param {String} swfId the swf id
- */
+ trackInfo = trackInfo || {}; // When we have track info, determine what media types this loader is dealing with.
+ // Guard against cases where we're not getting track info at all until we are
+ // certain that all streams will provide it.
- var open = function open(msObjectURL, swfId) {
- var mediaSource = videojs$1.mediaSources[msObjectURL];
+ if (!shallowEqual(this.currentMediaInfo_, trackInfo)) {
+ this.appendInitSegment_ = {
+ audio: true,
+ video: true
+ };
+ this.startingMediaInfo_ = trackInfo;
+ this.currentMediaInfo_ = trackInfo;
+ this.logger_('trackinfo update', trackInfo);
+ this.trigger('trackinfo');
+ } // trackinfo may cause an abort if the trackinfo
+ // causes a codec change to an unsupported codec.
- if (mediaSource) {
- mediaSource.trigger({
- type: 'sourceopen',
- swfId: swfId
- });
- } else {
- throw new Error('Media Source not found (Video.js)');
- }
- };
- /**
- * Check to see if the native MediaSource object exists and supports
- * an MP4 container with both H.264 video and AAC-LC audio.
- *
- * @return {Boolean} if native media sources are supported
- */
+ if (this.checkForAbort_(simpleSegment.requestId)) {
+ return;
+ } // set trackinfo on the pending segment so that
+ // it can append.
- var supportsNativeMediaSources = function supportsNativeMediaSources() {
- return !!window$3.MediaSource && !!window$3.MediaSource.isTypeSupported && window$3.MediaSource.isTypeSupported('video/mp4;codecs="avc1.4d400d,mp4a.40.2"');
- };
- /**
- * An emulation of the MediaSource API so that we can support
- * native and non-native functionality. returns an instance of
- * HtmlMediaSource.
- *
- * @link https://developer.mozilla.org/en-US/docs/Web/API/MediaSource/MediaSource
- */
+ this.pendingSegment_.trackInfo = trackInfo; // check if any calls were waiting on the track info
- var MediaSource = function MediaSource() {
- this.MediaSource = {
- open: open,
- supportsNativeMediaSources: supportsNativeMediaSources
+ if (this.hasEnoughInfoToAppend_()) {
+ this.processCallQueue_();
+ }
};
- if (supportsNativeMediaSources()) {
- return new HtmlMediaSource();
- }
+ _proto.handleTimingInfo_ = function handleTimingInfo_(simpleSegment, mediaType, timeType, time) {
+ this.earlyAbortWhenNeeded_(simpleSegment.stats);
- throw new Error('Cannot use create a virtual MediaSource for this video');
- };
+ if (this.checkForAbort_(simpleSegment.requestId)) {
+ return;
+ }
- MediaSource.open = open;
- MediaSource.supportsNativeMediaSources = supportsNativeMediaSources;
- /**
- * A wrapper around the native URL for our MSE object
- * implementation, this object is exposed under videojs.URL
- *
- * @link https://developer.mozilla.org/en-US/docs/Web/API/URL/URL
- */
+ var segmentInfo = this.pendingSegment_;
+ var timingInfoProperty = timingInfoPropertyForMedia(mediaType);
+ segmentInfo[timingInfoProperty] = segmentInfo[timingInfoProperty] || {};
+ segmentInfo[timingInfoProperty][timeType] = time;
+ this.logger_("timinginfo: " + mediaType + " - " + timeType + " - " + time); // check if any calls were waiting on the timing info
- var URL$1 = {
- /**
- * A wrapper around the native createObjectURL for our objects.
- * This function maps a native or emulated mediaSource to a blob
- * url so that it can be loaded into video.js
- *
- * @link https://developer.mozilla.org/en-US/docs/Web/API/URL/createObjectURL
- * @param {MediaSource} object the object to create a blob url to
- */
- createObjectURL: function createObjectURL(object) {
- var objectUrlPrefix = 'blob:vjs-media-source/';
- var url = void 0; // use the native MediaSource to generate an object URL
+ if (this.hasEnoughInfoToAppend_()) {
+ this.processCallQueue_();
+ }
+ };
- if (object instanceof HtmlMediaSource) {
- url = window$3.URL.createObjectURL(object.nativeMediaSource_);
- object.url_ = url;
- return url;
- } // if the object isn't an emulated MediaSource, delegate to the
- // native implementation
+ _proto.handleCaptions_ = function handleCaptions_(simpleSegment, captionData) {
+ var _this2 = this;
+ this.earlyAbortWhenNeeded_(simpleSegment.stats);
- if (!(object instanceof HtmlMediaSource)) {
- url = window$3.URL.createObjectURL(object);
- object.url_ = url;
- return url;
- } // build a URL that can be used to map back to the emulated
- // MediaSource
+ if (this.checkForAbort_(simpleSegment.requestId)) {
+ return;
+ } // This could only happen with fmp4 segments, but
+ // should still not happen in general
- url = objectUrlPrefix + urlCount;
- urlCount++; // setup the mapping back to object
+ if (captionData.length === 0) {
+ this.logger_('SegmentLoader received no captions from a caption event');
+ return;
+ }
- videojs$1.mediaSources[url] = object;
- return url;
- }
- };
- videojs$1.MediaSource = MediaSource;
- videojs$1.URL = URL$1;
- var EventTarget$1$1 = videojs$1.EventTarget,
- mergeOptions$2 = videojs$1.mergeOptions;
- /**
- * Returns a new master manifest that is the result of merging an updated master manifest
- * into the original version.
- *
- * @param {Object} oldMaster
- * The old parsed mpd object
- * @param {Object} newMaster
- * The updated parsed mpd object
- * @return {Object}
- * A new object representing the original master manifest with the updated media
- * playlists merged in
- */
+ var segmentInfo = this.pendingSegment_; // Wait until we have some video data so that caption timing
+ // can be adjusted by the timestamp offset
- var updateMaster$1 = function updateMaster$$1(oldMaster, newMaster) {
- var noChanges = void 0;
- var update = mergeOptions$2(oldMaster, {
- // These are top level properties that can be updated
- duration: newMaster.duration,
- minimumUpdatePeriod: newMaster.minimumUpdatePeriod
- }); // First update the playlists in playlist list
+ if (!segmentInfo.hasAppendedData_) {
+ this.metadataQueue_.caption.push(this.handleCaptions_.bind(this, simpleSegment, captionData));
+ return;
+ }
- for (var i = 0; i < newMaster.playlists.length; i++) {
- var playlistUpdate = updateMaster(update, newMaster.playlists[i]);
+ var timestampOffset = this.sourceUpdater_.videoTimestampOffset() === null ? this.sourceUpdater_.audioTimestampOffset() : this.sourceUpdater_.videoTimestampOffset();
+ var captionTracks = {}; // get total start/end and captions for each track/stream
- if (playlistUpdate) {
- update = playlistUpdate;
- } else {
- noChanges = true;
- }
- } // Then update media group playlists
+ captionData.forEach(function (caption) {
+ // caption.stream is actually a track name...
+ // set to the existing values in tracks or default values
+ captionTracks[caption.stream] = captionTracks[caption.stream] || {
+ // Infinity, as any other value will be less than this
+ startTime: Infinity,
+ captions: [],
+ // 0 as an other value will be more than this
+ endTime: 0
+ };
+ var captionTrack = captionTracks[caption.stream];
+ captionTrack.startTime = Math.min(captionTrack.startTime, caption.startTime + timestampOffset);
+ captionTrack.endTime = Math.max(captionTrack.endTime, caption.endTime + timestampOffset);
+ captionTrack.captions.push(caption);
+ });
+ Object.keys(captionTracks).forEach(function (trackName) {
+ var _captionTracks$trackN = captionTracks[trackName],
+ startTime = _captionTracks$trackN.startTime,
+ endTime = _captionTracks$trackN.endTime,
+ captions = _captionTracks$trackN.captions;
+ var inbandTextTracks = _this2.inbandTextTracks_;
+
+ _this2.logger_("adding cues from " + startTime + " -> " + endTime + " for " + trackName);
+
+ createCaptionsTrackIfNotExists(inbandTextTracks, _this2.vhs_.tech_, trackName); // clear out any cues that start and end at the same time period for the same track.
+ // We do this because a rendition change that also changes the timescale for captions
+ // will result in captions being re-parsed for certain segments. If we add them again
+ // without clearing we will have two of the same captions visible.
+
+ removeCuesFromTrack(startTime, endTime, inbandTextTracks[trackName]);
+ addCaptionData({
+ captionArray: captions,
+ inbandTextTracks: inbandTextTracks,
+ timestampOffset: timestampOffset
+ });
+ }); // Reset stored captions since we added parsed
+ // captions to a text track at this point
+ if (this.transmuxer_) {
+ this.transmuxer_.postMessage({
+ action: 'clearParsedMp4Captions'
+ });
+ }
+ };
- forEachMediaGroup(newMaster, function (properties, type, group, label) {
- if (properties.playlists && properties.playlists.length) {
- var id = properties.playlists[0].id;
+ _proto.handleId3_ = function handleId3_(simpleSegment, id3Frames, dispatchType) {
+ this.earlyAbortWhenNeeded_(simpleSegment.stats);
- var _playlistUpdate = updateMaster(update, properties.playlists[0]);
+ if (this.checkForAbort_(simpleSegment.requestId)) {
+ return;
+ }
- if (_playlistUpdate) {
- update = _playlistUpdate; // update the playlist reference within media groups
+ var segmentInfo = this.pendingSegment_; // we need to have appended data in order for the timestamp offset to be set
- update.mediaGroups[type][group][label].playlists[0] = update.playlists[id];
- noChanges = false;
- }
+ if (!segmentInfo.hasAppendedData_) {
+ this.metadataQueue_.id3.push(this.handleId3_.bind(this, simpleSegment, id3Frames, dispatchType));
+ return;
}
- });
- if (noChanges) {
- return null;
- }
+ var timestampOffset = this.sourceUpdater_.videoTimestampOffset() === null ? this.sourceUpdater_.audioTimestampOffset() : this.sourceUpdater_.videoTimestampOffset(); // There's potentially an issue where we could double add metadata if there's a muxed
+ // audio/video source with a metadata track, and an alt audio with a metadata track.
+ // However, this probably won't happen, and if it does it can be handled then.
- return update;
- };
+ createMetadataTrackIfNotExists(this.inbandTextTracks_, dispatchType, this.vhs_.tech_);
+ addMetadata({
+ inbandTextTracks: this.inbandTextTracks_,
+ metadataArray: id3Frames,
+ timestampOffset: timestampOffset,
+ videoDuration: this.duration_()
+ });
+ };
- var generateSidxKey = function generateSidxKey(sidxInfo) {
- // should be non-inclusive
- var sidxByteRangeEnd = sidxInfo.byterange.offset + sidxInfo.byterange.length - 1;
- return sidxInfo.uri + '-' + sidxInfo.byterange.offset + '-' + sidxByteRangeEnd;
- }; // SIDX should be equivalent if the URI and byteranges of the SIDX match.
- // If the SIDXs have maps, the two maps should match,
- // both `a` and `b` missing SIDXs is considered matching.
- // If `a` or `b` but not both have a map, they aren't matching.
+ _proto.processMetadataQueue_ = function processMetadataQueue_() {
+ this.metadataQueue_.id3.forEach(function (fn) {
+ return fn();
+ });
+ this.metadataQueue_.caption.forEach(function (fn) {
+ return fn();
+ });
+ this.metadataQueue_.id3 = [];
+ this.metadataQueue_.caption = [];
+ };
+ _proto.processCallQueue_ = function processCallQueue_() {
+ var callQueue = this.callQueue_; // Clear out the queue before the queued functions are run, since some of the
+ // functions may check the length of the load queue and default to pushing themselves
+ // back onto the queue.
- var equivalentSidx = function equivalentSidx(a, b) {
- var neitherMap = Boolean(!a.map && !b.map);
- var equivalentMap = neitherMap || Boolean(a.map && b.map && a.map.byterange.offset === b.map.byterange.offset && a.map.byterange.length === b.map.byterange.length);
- return equivalentMap && a.uri === b.uri && a.byterange.offset === b.byterange.offset && a.byterange.length === b.byterange.length;
- }; // exported for testing
+ this.callQueue_ = [];
+ callQueue.forEach(function (fun) {
+ return fun();
+ });
+ };
+ _proto.processLoadQueue_ = function processLoadQueue_() {
+ var loadQueue = this.loadQueue_; // Clear out the queue before the queued functions are run, since some of the
+ // functions may check the length of the load queue and default to pushing themselves
+ // back onto the queue.
- var compareSidxEntry = function compareSidxEntry(playlists, oldSidxMapping) {
- var newSidxMapping = {};
+ this.loadQueue_ = [];
+ loadQueue.forEach(function (fun) {
+ return fun();
+ });
+ }
+ /**
+ * Determines whether the loader has enough info to load the next segment.
+ *
+ * @return {boolean}
+ * Whether or not the loader has enough info to load the next segment
+ */
+ ;
- for (var id in playlists) {
- var playlist = playlists[id];
- var currentSidxInfo = playlist.sidx;
+ _proto.hasEnoughInfoToLoad_ = function hasEnoughInfoToLoad_() {
+ // Since primary timing goes by video, only the audio loader potentially needs to wait
+ // to load.
+ if (this.loaderType_ !== 'audio') {
+ return true;
+ }
- if (currentSidxInfo) {
- var key = generateSidxKey(currentSidxInfo);
+ var segmentInfo = this.pendingSegment_; // A fill buffer must have already run to establish a pending segment before there's
+ // enough info to load.
- if (!oldSidxMapping[key]) {
- break;
- }
+ if (!segmentInfo) {
+ return false;
+ } // The first segment can and should be loaded immediately so that source buffers are
+ // created together (before appending). Source buffer creation uses the presence of
+ // audio and video data to determine whether to create audio/video source buffers, and
+ // uses processed (transmuxed or parsed) media to determine the types required.
- var savedSidxInfo = oldSidxMapping[key].sidxInfo;
- if (equivalentSidx(savedSidxInfo, currentSidxInfo)) {
- newSidxMapping[key] = oldSidxMapping[key];
- }
+ if (!this.getCurrentMediaInfo_()) {
+ return true;
}
- }
- return newSidxMapping;
- };
- /**
- * A function that filters out changed items as they need to be requested separately.
- *
- * The method is exported for testing
- *
- * @param {Object} masterXml the mpd XML
- * @param {string} srcUrl the mpd url
- * @param {Date} clientOffset a time difference between server and client (passed through and not used)
- * @param {Object} oldSidxMapping the SIDX to compare against
- */
+ if ( // Technically, instead of waiting to load a segment on timeline changes, a segment
+ // can be requested and downloaded and only wait before it is transmuxed or parsed.
+ // But in practice, there are a few reasons why it is better to wait until a loader
+ // is ready to append that segment before requesting and downloading:
+ //
+ // 1. Because audio and main loaders cross discontinuities together, if this loader
+ // is waiting for the other to catch up, then instead of requesting another
+ // segment and using up more bandwidth, by not yet loading, more bandwidth is
+ // allotted to the loader currently behind.
+ // 2. media-segment-request doesn't have to have logic to consider whether a segment
+ // is ready to be processed or not, isolating the queueing behavior to the loader.
+ // 3. The audio loader bases some of its segment properties on timing information
+ // provided by the main loader, meaning that, if the logic for waiting on
+ // processing was in media-segment-request, then it would also need to know how
+ // to re-generate the segment information after the main loader caught up.
+ shouldWaitForTimelineChange({
+ timelineChangeController: this.timelineChangeController_,
+ currentTimeline: this.currentTimeline_,
+ segmentTimeline: segmentInfo.timeline,
+ loaderType: this.loaderType_,
+ audioDisabled: this.audioDisabled_
+ })) {
+ return false;
+ }
+ return true;
+ };
- var filterChangedSidxMappings = function filterChangedSidxMappings(masterXml, srcUrl, clientOffset, oldSidxMapping) {
- // Don't pass current sidx mapping
- var master = parse(masterXml, {
- manifestUri: srcUrl,
- clientOffset: clientOffset
- });
- var videoSidx = compareSidxEntry(master.playlists, oldSidxMapping);
- var mediaGroupSidx = videoSidx;
- forEachMediaGroup(master, function (properties, mediaType, groupKey, labelKey) {
- if (properties.playlists && properties.playlists.length) {
- var playlists = properties.playlists;
- mediaGroupSidx = mergeOptions$2(mediaGroupSidx, compareSidxEntry(playlists, oldSidxMapping));
+ _proto.getCurrentMediaInfo_ = function getCurrentMediaInfo_(segmentInfo) {
+ if (segmentInfo === void 0) {
+ segmentInfo = this.pendingSegment_;
}
- });
- return mediaGroupSidx;
- }; // exported for testing
-
- var requestSidx_ = function requestSidx_(sidxRange, playlist, xhr, options, finishProcessingFn) {
- var sidxInfo = {
- // resolve the segment URL relative to the playlist
- uri: resolveManifestRedirect(options.handleManifestRedirects, sidxRange.resolvedUri),
- // resolvedUri: sidxRange.resolvedUri,
- byterange: sidxRange.byterange,
- // the segment's playlist
- playlist: playlist
+ return segmentInfo && segmentInfo.trackInfo || this.currentMediaInfo_;
};
- var sidxRequestOptions = videojs$1.mergeOptions(sidxInfo, {
- responseType: 'arraybuffer',
- headers: segmentXhrHeaders(sidxInfo)
- });
- return xhr(sidxRequestOptions, finishProcessingFn);
- };
- var DashPlaylistLoader = function (_EventTarget) {
- inherits$2(DashPlaylistLoader, _EventTarget); // DashPlaylistLoader must accept either a src url or a playlist because subsequent
- // playlist loader setups from media groups will expect to be able to pass a playlist
- // (since there aren't external URLs to media playlists with DASH)
+ _proto.getMediaInfo_ = function getMediaInfo_(segmentInfo) {
+ if (segmentInfo === void 0) {
+ segmentInfo = this.pendingSegment_;
+ }
- function DashPlaylistLoader(srcUrlOrPlaylist, hls) {
- var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
- var masterPlaylistLoader = arguments[3];
- classCallCheck$1(this, DashPlaylistLoader);
+ return this.getCurrentMediaInfo_(segmentInfo) || this.startingMediaInfo_;
+ };
- var _this = possibleConstructorReturn$1(this, (DashPlaylistLoader.__proto__ || Object.getPrototypeOf(DashPlaylistLoader)).call(this));
+ _proto.hasEnoughInfoToAppend_ = function hasEnoughInfoToAppend_() {
+ if (!this.sourceUpdater_.ready()) {
+ return false;
+ } // If content needs to be removed or the loader is waiting on an append reattempt,
+ // then no additional content should be appended until the prior append is resolved.
- var _options$withCredenti = options.withCredentials,
- withCredentials = _options$withCredenti === undefined ? false : _options$withCredenti,
- _options$handleManife = options.handleManifestRedirects,
- handleManifestRedirects = _options$handleManife === undefined ? false : _options$handleManife;
- _this.hls_ = hls;
- _this.withCredentials = withCredentials;
- _this.handleManifestRedirects = handleManifestRedirects;
- if (!srcUrlOrPlaylist) {
- throw new Error('A non-empty playlist URL or playlist is required');
- } // event naming?
+ if (this.waitingOnRemove_ || this.quotaExceededErrorRetryTimeout_) {
+ return false;
+ }
+ var segmentInfo = this.pendingSegment_;
+ var trackInfo = this.getCurrentMediaInfo_(); // no segment to append any data for or
+ // we do not have information on this specific
+ // segment yet
- _this.on('minimumUpdatePeriod', function () {
- _this.refreshXml_();
- }); // live playlist staleness timeout
+ if (!segmentInfo || !trackInfo) {
+ return false;
+ }
+ var hasAudio = trackInfo.hasAudio,
+ hasVideo = trackInfo.hasVideo,
+ isMuxed = trackInfo.isMuxed;
- _this.on('mediaupdatetimeout', function () {
- _this.refreshMedia_(_this.media().id);
- });
+ if (hasVideo && !segmentInfo.videoTimingInfo) {
+ return false;
+ } // muxed content only relies on video timing information for now.
- _this.state = 'HAVE_NOTHING';
- _this.loadedPlaylists_ = {}; // initialize the loader state
- // The masterPlaylistLoader will be created with a string
- if (typeof srcUrlOrPlaylist === 'string') {
- _this.srcUrl = srcUrlOrPlaylist; // TODO: reset sidxMapping between period changes
- // once multi-period is refactored
+ if (hasAudio && !this.audioDisabled_ && !isMuxed && !segmentInfo.audioTimingInfo) {
+ return false;
+ }
- _this.sidxMapping_ = {};
- return possibleConstructorReturn$1(_this);
+ if (shouldWaitForTimelineChange({
+ timelineChangeController: this.timelineChangeController_,
+ currentTimeline: this.currentTimeline_,
+ segmentTimeline: segmentInfo.timeline,
+ loaderType: this.loaderType_,
+ audioDisabled: this.audioDisabled_
+ })) {
+ return false;
}
- _this.setupChildLoader(masterPlaylistLoader, srcUrlOrPlaylist);
+ return true;
+ };
- return _this;
- }
+ _proto.handleData_ = function handleData_(simpleSegment, result) {
+ this.earlyAbortWhenNeeded_(simpleSegment.stats);
- createClass$1(DashPlaylistLoader, [{
- key: 'setupChildLoader',
- value: function setupChildLoader(masterPlaylistLoader, playlist) {
- this.masterPlaylistLoader_ = masterPlaylistLoader;
- this.childPlaylist_ = playlist;
- }
- }, {
- key: 'dispose',
- value: function dispose() {
- this.trigger('dispose');
- this.stopRequest();
- this.loadedPlaylists_ = {};
- window$3.clearTimeout(this.minimumUpdatePeriodTimeout_);
- window$3.clearTimeout(this.mediaRequest_);
- window$3.clearTimeout(this.mediaUpdateTimeout);
- this.off();
- }
- }, {
- key: 'hasPendingRequest',
- value: function hasPendingRequest() {
- return this.request || this.mediaRequest_;
- }
- }, {
- key: 'stopRequest',
- value: function stopRequest() {
- if (this.request) {
- var oldRequest = this.request;
- this.request = null;
- oldRequest.onreadystatechange = null;
- oldRequest.abort();
- }
+ if (this.checkForAbort_(simpleSegment.requestId)) {
+ return;
+ } // If there's anything in the call queue, then this data came later and should be
+ // executed after the calls currently queued.
+
+
+ if (this.callQueue_.length || !this.hasEnoughInfoToAppend_()) {
+ this.callQueue_.push(this.handleData_.bind(this, simpleSegment, result));
+ return;
}
- }, {
- key: 'sidxRequestFinished_',
- value: function sidxRequestFinished_(playlist, master, startingState, doneFn) {
- var _this2 = this;
- return function (err, request) {
- // disposed
- if (!_this2.request) {
- return;
- } // pending request is cleared
+ var segmentInfo = this.pendingSegment_; // update the time mapping so we can translate from display time to media time
+ this.setTimeMapping_(segmentInfo.timeline); // for tracking overall stats
- _this2.request = null;
+ this.updateMediaSecondsLoaded_(segmentInfo.part || segmentInfo.segment); // Note that the state isn't changed from loading to appending. This is because abort
+ // logic may change behavior depending on the state, and changing state too early may
+ // inflate our estimates of bandwidth. In the future this should be re-examined to
+ // note more granular states.
+ // don't process and append data if the mediaSource is closed
- if (err) {
- _this2.error = {
- status: request.status,
- message: 'DASH playlist request error at URL: ' + playlist.uri,
- response: request.response,
- // MEDIA_ERR_NETWORK
- code: 2
- };
+ if (this.mediaSource_.readyState === 'closed') {
+ return;
+ } // if this request included an initialization segment, save that data
+ // to the initSegment cache
- if (startingState) {
- _this2.state = startingState;
- }
- _this2.trigger('error');
+ if (simpleSegment.map) {
+ simpleSegment.map = this.initSegmentForMap(simpleSegment.map, true); // move over init segment properties to media request
- return doneFn(master, null);
- }
+ segmentInfo.segment.map = simpleSegment.map;
+ } // if this request included a segment key, save that data in the cache
- var bytes = new Uint8Array(request.response);
- var sidx = mp4Inspector.parseSidx(bytes.subarray(8));
- return doneFn(master, sidx);
- };
- }
- }, {
- key: 'media',
- value: function media(playlist) {
- var _this3 = this; // getter
+ if (simpleSegment.key) {
+ this.segmentKey(simpleSegment.key, true);
+ }
- if (!playlist) {
- return this.media_;
- } // setter
+ segmentInfo.isFmp4 = simpleSegment.isFmp4;
+ segmentInfo.timingInfo = segmentInfo.timingInfo || {};
+ if (segmentInfo.isFmp4) {
+ this.trigger('fmp4');
+ segmentInfo.timingInfo.start = segmentInfo[timingInfoPropertyForMedia(result.type)].start;
+ } else {
+ var trackInfo = this.getCurrentMediaInfo_();
+ var useVideoTimingInfo = this.loaderType_ === 'main' && trackInfo && trackInfo.hasVideo;
+ var firstVideoFrameTimeForData;
+
+ if (useVideoTimingInfo) {
+ firstVideoFrameTimeForData = segmentInfo.videoTimingInfo.start;
+ } // Segment loader knows more about segment timing than the transmuxer (in certain
+ // aspects), so make any changes required for a more accurate start time.
+ // Don't set the end time yet, as the segment may not be finished processing.
+
+
+ segmentInfo.timingInfo.start = this.trueSegmentStart_({
+ currentStart: segmentInfo.timingInfo.start,
+ playlist: segmentInfo.playlist,
+ mediaIndex: segmentInfo.mediaIndex,
+ currentVideoTimestampOffset: this.sourceUpdater_.videoTimestampOffset(),
+ useVideoTimingInfo: useVideoTimingInfo,
+ firstVideoFrameTimeForData: firstVideoFrameTimeForData,
+ videoTimingInfo: segmentInfo.videoTimingInfo,
+ audioTimingInfo: segmentInfo.audioTimingInfo
+ });
+ } // Init segments for audio and video only need to be appended in certain cases. Now
+ // that data is about to be appended, we can check the final cases to determine
+ // whether we should append an init segment.
+
+
+ this.updateAppendInitSegmentStatus(segmentInfo, result.type); // Timestamp offset should be updated once we get new data and have its timing info,
+ // as we use the start of the segment to offset the best guess (playlist provided)
+ // timestamp offset.
+
+ this.updateSourceBufferTimestampOffset_(segmentInfo); // if this is a sync request we need to determine whether it should
+ // be appended or not.
+
+ if (segmentInfo.isSyncRequest) {
+ // first save/update our timing info for this segment.
+ // this is what allows us to choose an accurate segment
+ // and the main reason we make a sync request.
+ this.updateTimingInfoEnd_(segmentInfo);
+ this.syncController_.saveSegmentTimingInfo({
+ segmentInfo: segmentInfo,
+ shouldSaveTimelineMapping: this.loaderType_ === 'main'
+ });
+ var next = this.chooseNextRequest_(); // If the sync request isn't the segment that would be requested next
+ // after taking into account its timing info, do not append it.
- if (this.state === 'HAVE_NOTHING') {
- throw new Error('Cannot switch media playlist from ' + this.state);
- }
+ if (next.mediaIndex !== segmentInfo.mediaIndex || next.partIndex !== segmentInfo.partIndex) {
+ this.logger_('sync segment was incorrect, not appending');
+ return;
+ } // otherwise append it like any other segment as our guess was correct.
- var startingState = this.state; // find the playlist object if the target playlist has been specified by URI
- if (typeof playlist === 'string') {
- if (!this.master.playlists[playlist]) {
- throw new Error('Unknown playlist URI: ' + playlist);
- }
+ this.logger_('sync segment was correct, appending');
+ } // Save some state so that in the future anything waiting on first append (and/or
+ // timestamp offset(s)) can process immediately. While the extra state isn't optimal,
+ // we need some notion of whether the timestamp offset or other relevant information
+ // has had a chance to be set.
- playlist = this.master.playlists[playlist];
- }
- var mediaChange = !this.media_ || playlist.id !== this.media_.id; // switch to previously loaded playlists immediately
+ segmentInfo.hasAppendedData_ = true; // Now that the timestamp offset should be set, we can append any waiting ID3 tags.
- if (mediaChange && this.loadedPlaylists_[playlist.id] && this.loadedPlaylists_[playlist.id].endList) {
- this.state = 'HAVE_METADATA';
- this.media_ = playlist; // trigger media change if the active media has been updated
+ this.processMetadataQueue_();
+ this.appendData_(segmentInfo, result);
+ };
- if (mediaChange) {
- this.trigger('mediachanging');
- this.trigger('mediachange');
- }
+ _proto.updateAppendInitSegmentStatus = function updateAppendInitSegmentStatus(segmentInfo, type) {
+ // alt audio doesn't manage timestamp offset
+ if (this.loaderType_ === 'main' && typeof segmentInfo.timestampOffset === 'number' && // in the case that we're handling partial data, we don't want to append an init
+ // segment for each chunk
+ !segmentInfo.changedTimestampOffset) {
+ // if the timestamp offset changed, the timeline may have changed, so we have to re-
+ // append init segments
+ this.appendInitSegment_ = {
+ audio: true,
+ video: true
+ };
+ }
- return;
- } // switching to the active playlist is a no-op
+ if (this.playlistOfLastInitSegment_[type] !== segmentInfo.playlist) {
+ // make sure we append init segment on playlist changes, in case the media config
+ // changed
+ this.appendInitSegment_[type] = true;
+ }
+ };
+ _proto.getInitSegmentAndUpdateState_ = function getInitSegmentAndUpdateState_(_ref4) {
+ var type = _ref4.type,
+ initSegment = _ref4.initSegment,
+ map = _ref4.map,
+ playlist = _ref4.playlist; // "The EXT-X-MAP tag specifies how to obtain the Media Initialization Section
+ // (Section 3) required to parse the applicable Media Segments. It applies to every
+ // Media Segment that appears after it in the Playlist until the next EXT-X-MAP tag
+ // or until the end of the playlist."
+ // https://tools.ietf.org/html/draft-pantos-http-live-streaming-23#section-4.3.2.5
+
+ if (map) {
+ var id = initSegmentId(map);
- if (!mediaChange) {
- return;
- } // switching from an already loaded playlist
+ if (this.activeInitSegmentId_ === id) {
+ // don't need to re-append the init segment if the ID matches
+ return null;
+ } // a map-specified init segment takes priority over any transmuxed (or otherwise
+ // obtained) init segment
+ //
+ // this also caches the init segment for later use
- if (this.media_) {
- this.trigger('mediachanging');
- }
+ initSegment = this.initSegmentForMap(map, true).bytes;
+ this.activeInitSegmentId_ = id;
+ } // We used to always prepend init segments for video, however, that shouldn't be
+ // necessary. Instead, we should only append on changes, similar to what we've always
+ // done for audio. This is more important (though may not be that important) for
+ // frame-by-frame appending for LHLS, simply because of the increased quantity of
+ // appends.
- if (!playlist.sidx) {
- // Continue asynchronously if there is no sidx
- // wait one tick to allow haveMaster to run first on a child loader
- this.mediaRequest_ = window$3.setTimeout(this.haveMetadata.bind(this, {
- startingState: startingState,
- playlist: playlist
- }), 0); // exit early and don't do sidx work
- return;
- } // we have sidx mappings
+ if (initSegment && this.appendInitSegment_[type]) {
+ // Make sure we track the playlist that we last used for the init segment, so that
+ // we can re-append the init segment in the event that we get data from a new
+ // playlist. Discontinuities and track changes are handled in other sections.
+ this.playlistOfLastInitSegment_[type] = playlist; // Disable future init segment appends for this type. Until a change is necessary.
+ this.appendInitSegment_[type] = false; // we need to clear out the fmp4 active init segment id, since
+ // we are appending the muxer init segment
- var oldMaster = void 0;
- var sidxMapping = void 0; // sidxMapping is used when parsing the masterXml, so store
- // it on the masterPlaylistLoader
+ this.activeInitSegmentId_ = null;
+ return initSegment;
+ }
- if (this.masterPlaylistLoader_) {
- oldMaster = this.masterPlaylistLoader_.master;
- sidxMapping = this.masterPlaylistLoader_.sidxMapping_;
- } else {
- oldMaster = this.master;
- sidxMapping = this.sidxMapping_;
- }
+ return null;
+ };
- var sidxKey = generateSidxKey(playlist.sidx);
- sidxMapping[sidxKey] = {
- sidxInfo: playlist.sidx
- };
- this.request = requestSidx_(playlist.sidx, playlist, this.hls_.xhr, {
- handleManifestRedirects: this.handleManifestRedirects
- }, this.sidxRequestFinished_(playlist, oldMaster, startingState, function (newMaster, sidx) {
- if (!newMaster || !sidx) {
- throw new Error('failed to request sidx');
- } // update loader's sidxMapping with parsed sidx box
+ _proto.handleQuotaExceededError_ = function handleQuotaExceededError_(_ref5, error) {
+ var _this3 = this;
+ var segmentInfo = _ref5.segmentInfo,
+ type = _ref5.type,
+ bytes = _ref5.bytes;
+ var audioBuffered = this.sourceUpdater_.audioBuffered();
+ var videoBuffered = this.sourceUpdater_.videoBuffered(); // For now we're ignoring any notion of gaps in the buffer, but they, in theory,
+ // should be cleared out during the buffer removals. However, log in case it helps
+ // debug.
- sidxMapping[sidxKey].sidx = sidx; // everything is ready just continue to haveMetadata
+ if (audioBuffered.length > 1) {
+ this.logger_('On QUOTA_EXCEEDED_ERR, found gaps in the audio buffer: ' + timeRangesToArray(audioBuffered).join(', '));
+ }
- _this3.haveMetadata({
- startingState: startingState,
- playlist: newMaster.playlists[playlist.id]
- });
- }));
+ if (videoBuffered.length > 1) {
+ this.logger_('On QUOTA_EXCEEDED_ERR, found gaps in the video buffer: ' + timeRangesToArray(videoBuffered).join(', '));
}
- }, {
- key: 'haveMetadata',
- value: function haveMetadata(_ref) {
- var startingState = _ref.startingState,
- playlist = _ref.playlist;
- this.state = 'HAVE_METADATA';
- this.loadedPlaylists_[playlist.id] = playlist;
- this.mediaRequest_ = null; // This will trigger loadedplaylist
- this.refreshMedia_(playlist.id); // fire loadedmetadata the first time a media playlist is loaded
- // to resolve setup of media groups
+ var audioBufferStart = audioBuffered.length ? audioBuffered.start(0) : 0;
+ var audioBufferEnd = audioBuffered.length ? audioBuffered.end(audioBuffered.length - 1) : 0;
+ var videoBufferStart = videoBuffered.length ? videoBuffered.start(0) : 0;
+ var videoBufferEnd = videoBuffered.length ? videoBuffered.end(videoBuffered.length - 1) : 0;
- if (startingState === 'HAVE_MASTER') {
- this.trigger('loadedmetadata');
- } else {
- // trigger media change if the active media has been updated
- this.trigger('mediachange');
- }
- }
- }, {
- key: 'pause',
- value: function pause() {
- this.stopRequest();
- window$3.clearTimeout(this.mediaUpdateTimeout);
- window$3.clearTimeout(this.minimumUpdatePeriodTimeout_);
+ if (audioBufferEnd - audioBufferStart <= MIN_BACK_BUFFER && videoBufferEnd - videoBufferStart <= MIN_BACK_BUFFER) {
+ // Can't remove enough buffer to make room for new segment (or the browser doesn't
+ // allow for appends of segments this size). In the future, it may be possible to
+ // split up the segment and append in pieces, but for now, error out this playlist
+ // in an attempt to switch to a more manageable rendition.
+ this.logger_('On QUOTA_EXCEEDED_ERR, single segment too large to append to ' + 'buffer, triggering an error. ' + ("Appended byte length: " + bytes.byteLength + ", ") + ("audio buffer: " + timeRangesToArray(audioBuffered).join(', ') + ", ") + ("video buffer: " + timeRangesToArray(videoBuffered).join(', ') + ", "));
+ this.error({
+ message: 'Quota exceeded error with append of a single segment of content',
+ excludeUntil: Infinity
+ });
+ this.trigger('error');
+ return;
+ } // To try to resolve the quota exceeded error, clear back buffer and retry. This means
+ // that the segment-loader should block on future events until this one is handled, so
+ // that it doesn't keep moving onto further segments. Adding the call to the call
+ // queue will prevent further appends until waitingOnRemove_ and
+ // quotaExceededErrorRetryTimeout_ are cleared.
+ //
+ // Note that this will only block the current loader. In the case of demuxed content,
+ // the other load may keep filling as fast as possible. In practice, this should be
+ // OK, as it is a rare case when either audio has a high enough bitrate to fill up a
+ // source buffer, or video fills without enough room for audio to append (and without
+ // the availability of clearing out seconds of back buffer to make room for audio).
+ // But it might still be good to handle this case in the future as a TODO.
+
+
+ this.waitingOnRemove_ = true;
+ this.callQueue_.push(this.appendToSourceBuffer_.bind(this, {
+ segmentInfo: segmentInfo,
+ type: type,
+ bytes: bytes
+ }));
+ var currentTime = this.currentTime_(); // Try to remove as much audio and video as possible to make room for new content
+ // before retrying.
- if (this.state === 'HAVE_NOTHING') {
- // If we pause the loader before any data has been retrieved, its as if we never
- // started, so reset to an unstarted state.
- this.started = false;
- }
- }
- }, {
- key: 'load',
- value: function load(isFinalRendition) {
- var _this4 = this;
-
- window$3.clearTimeout(this.mediaUpdateTimeout);
- window$3.clearTimeout(this.minimumUpdatePeriodTimeout_);
- var media = this.media();
-
- if (isFinalRendition) {
- var delay = media ? media.targetDuration / 2 * 1000 : 5 * 1000;
- this.mediaUpdateTimeout = window$3.setTimeout(function () {
- return _this4.load();
- }, delay);
- return;
- } // because the playlists are internal to the manifest, load should either load the
- // main manifest, or do nothing but trigger an event
+ var timeToRemoveUntil = currentTime - MIN_BACK_BUFFER;
+ this.logger_("On QUOTA_EXCEEDED_ERR, removing audio/video from 0 to " + timeToRemoveUntil);
+ this.remove(0, timeToRemoveUntil, function () {
+ _this3.logger_("On QUOTA_EXCEEDED_ERR, retrying append in " + MIN_BACK_BUFFER + "s");
+ _this3.waitingOnRemove_ = false; // wait the length of time alotted in the back buffer to prevent wasted
+ // attempts (since we can't clear less than the minimum)
- if (!this.started) {
- this.start();
- return;
- }
+ _this3.quotaExceededErrorRetryTimeout_ = window.setTimeout(function () {
+ _this3.logger_('On QUOTA_EXCEEDED_ERR, re-processing call queue');
- if (media && !media.endList) {
- this.trigger('mediaupdatetimeout');
- } else {
- this.trigger('loadedplaylist');
- }
- }
- /**
- * Parses the master xml string and updates playlist uri references
- *
- * @return {Object}
- * The parsed mpd manifest object
- */
+ _this3.quotaExceededErrorRetryTimeout_ = null;
- }, {
- key: 'parseMasterXml',
- value: function parseMasterXml() {
- var master = parse(this.masterXml_, {
- manifestUri: this.srcUrl,
- clientOffset: this.clientOffset_,
- sidxMapping: this.sidxMapping_
- });
- master.uri = this.srcUrl; // Set up phony URIs for the playlists since we won't have external URIs for DASH
- // but reference playlists by their URI throughout the project
- // TODO: Should we create the dummy uris in mpd-parser as well (leaning towards yes).
+ _this3.processCallQueue_();
+ }, MIN_BACK_BUFFER * 1000);
+ }, true);
+ };
+
+ _proto.handleAppendError_ = function handleAppendError_(_ref6, error) {
+ var segmentInfo = _ref6.segmentInfo,
+ type = _ref6.type,
+ bytes = _ref6.bytes; // if there's no error, nothing to do
+
+ if (!error) {
+ return;
+ }
- for (var i = 0; i < master.playlists.length; i++) {
- var phonyUri = 'placeholder-uri-' + i;
- master.playlists[i].uri = phonyUri;
- } // set up phony URIs for the media group playlists since we won't have external
- // URIs for DASH but reference playlists by their URI throughout the project
+ if (error.code === QUOTA_EXCEEDED_ERR) {
+ this.handleQuotaExceededError_({
+ segmentInfo: segmentInfo,
+ type: type,
+ bytes: bytes
+ }); // A quota exceeded error should be recoverable with a future re-append, so no need
+ // to trigger an append error.
+ return;
+ }
- forEachMediaGroup(master, function (properties, mediaType, groupKey, labelKey) {
- if (properties.playlists && properties.playlists.length) {
- var _phonyUri = 'placeholder-uri-' + mediaType + '-' + groupKey + '-' + labelKey;
+ this.logger_('Received non QUOTA_EXCEEDED_ERR on append', error);
+ this.error(type + " append of " + bytes.length + "b failed for segment " + ("#" + segmentInfo.mediaIndex + " in playlist " + segmentInfo.playlist.id)); // If an append errors, we often can't recover.
+ // (see https://w3c.github.io/media-source/#sourcebuffer-append-error).
+ //
+ // Trigger a special error so that it can be handled separately from normal,
+ // recoverable errors.
- var id = createPlaylistID(0, _phonyUri);
- properties.playlists[0].uri = _phonyUri;
- properties.playlists[0].id = id; // setup ID and URI references (URI for backwards compatibility)
+ this.trigger('appenderror');
+ };
- master.playlists[id] = properties.playlists[0];
- master.playlists[_phonyUri] = properties.playlists[0];
- }
+ _proto.appendToSourceBuffer_ = function appendToSourceBuffer_(_ref7) {
+ var segmentInfo = _ref7.segmentInfo,
+ type = _ref7.type,
+ initSegment = _ref7.initSegment,
+ data = _ref7.data,
+ bytes = _ref7.bytes; // If this is a re-append, bytes were already created and don't need to be recreated
+
+ if (!bytes) {
+ var segments = [data];
+ var byteLength = data.byteLength;
+
+ if (initSegment) {
+ // if the media initialization segment is changing, append it before the content
+ // segment
+ segments.unshift(initSegment);
+ byteLength += initSegment.byteLength;
+ } // Technically we should be OK appending the init segment separately, however, we
+ // haven't yet tested that, and prepending is how we have always done things.
+
+
+ bytes = concatSegments({
+ bytes: byteLength,
+ segments: segments
});
- setupMediaPlaylists(master);
- resolveMediaGroupUris(master);
- return master;
}
- }, {
- key: 'start',
- value: function start() {
- var _this5 = this;
- this.started = true; // We don't need to request the master manifest again
- // Call this asynchronously to match the xhr request behavior below
+ this.sourceUpdater_.appendBuffer({
+ segmentInfo: segmentInfo,
+ type: type,
+ bytes: bytes
+ }, this.handleAppendError_.bind(this, {
+ segmentInfo: segmentInfo,
+ type: type,
+ bytes: bytes
+ }));
+ };
- if (this.masterPlaylistLoader_) {
- this.mediaRequest_ = window$3.setTimeout(this.haveMaster_.bind(this), 0);
- return;
- } // request the specified URL
+ _proto.handleSegmentTimingInfo_ = function handleSegmentTimingInfo_(type, requestId, segmentTimingInfo) {
+ if (!this.pendingSegment_ || requestId !== this.pendingSegment_.requestId) {
+ return;
+ }
+ var segment = this.pendingSegment_.segment;
+ var timingInfoProperty = type + "TimingInfo";
- this.request = this.hls_.xhr({
- uri: this.srcUrl,
- withCredentials: this.withCredentials
- }, function (error, req) {
- // disposed
- if (!_this5.request) {
- return;
- } // clear the loader's request reference
+ if (!segment[timingInfoProperty]) {
+ segment[timingInfoProperty] = {};
+ }
+ segment[timingInfoProperty].transmuxerPrependedSeconds = segmentTimingInfo.prependedContentDuration || 0;
+ segment[timingInfoProperty].transmuxedPresentationStart = segmentTimingInfo.start.presentation;
+ segment[timingInfoProperty].transmuxedDecodeStart = segmentTimingInfo.start.decode;
+ segment[timingInfoProperty].transmuxedPresentationEnd = segmentTimingInfo.end.presentation;
+ segment[timingInfoProperty].transmuxedDecodeEnd = segmentTimingInfo.end.decode; // mainly used as a reference for debugging
- _this5.request = null;
+ segment[timingInfoProperty].baseMediaDecodeTime = segmentTimingInfo.baseMediaDecodeTime;
+ };
- if (error) {
- _this5.error = {
- status: req.status,
- message: 'DASH playlist request error at URL: ' + _this5.srcUrl,
- responseText: req.responseText,
- // MEDIA_ERR_NETWORK
- code: 2
- };
+ _proto.appendData_ = function appendData_(segmentInfo, result) {
+ var type = result.type,
+ data = result.data;
- if (_this5.state === 'HAVE_NOTHING') {
- _this5.started = false;
- }
+ if (!data || !data.byteLength) {
+ return;
+ }
- return _this5.trigger('error');
- }
+ if (type === 'audio' && this.audioDisabled_) {
+ return;
+ }
- _this5.masterXml_ = req.responseText;
+ var initSegment = this.getInitSegmentAndUpdateState_({
+ type: type,
+ initSegment: result.initSegment,
+ playlist: segmentInfo.playlist,
+ map: segmentInfo.isFmp4 ? segmentInfo.segment.map : null
+ });
+ this.appendToSourceBuffer_({
+ segmentInfo: segmentInfo,
+ type: type,
+ initSegment: initSegment,
+ data: data
+ });
+ }
+ /**
+ * load a specific segment from a request into the buffer
+ *
+ * @private
+ */
+ ;
- if (req.responseHeaders && req.responseHeaders.date) {
- _this5.masterLoaded_ = Date.parse(req.responseHeaders.date);
- } else {
- _this5.masterLoaded_ = Date.now();
- }
+ _proto.loadSegment_ = function loadSegment_(segmentInfo) {
+ var _this4 = this;
- _this5.srcUrl = resolveManifestRedirect(_this5.handleManifestRedirects, _this5.srcUrl, req);
+ this.state = 'WAITING';
+ this.pendingSegment_ = segmentInfo;
+ this.trimBackBuffer_(segmentInfo);
- _this5.syncClientServerClock_(_this5.onClientServerClockSync_.bind(_this5));
- });
+ if (typeof segmentInfo.timestampOffset === 'number') {
+ if (this.transmuxer_) {
+ this.transmuxer_.postMessage({
+ action: 'clearAllMp4Captions'
+ });
+ }
}
- /**
- * Parses the master xml for UTCTiming node to sync the client clock to the server
- * clock. If the UTCTiming node requires a HEAD or GET request, that request is made.
- *
- * @param {Function} done
- * Function to call when clock sync has completed
- */
- }, {
- key: 'syncClientServerClock_',
- value: function syncClientServerClock_(done) {
- var _this6 = this;
+ if (!this.hasEnoughInfoToLoad_()) {
+ this.loadQueue_.push(function () {
+ // regenerate the audioAppendStart, timestampOffset, etc as they
+ // may have changed since this function was added to the queue.
+ var options = _extends_1({}, segmentInfo, {
+ forceTimestampOffset: true
+ });
- var utcTiming = parseUTCTiming(this.masterXml_); // No UTCTiming element found in the mpd. Use Date header from mpd request as the
- // server clock
+ _extends_1(segmentInfo, _this4.generateSegmentInfo_(options));
- if (utcTiming === null) {
- this.clientOffset_ = this.masterLoaded_ - Date.now();
- return done();
- }
+ _this4.isPendingTimestampOffset_ = false;
- if (utcTiming.method === 'DIRECT') {
- this.clientOffset_ = utcTiming.value - Date.now();
- return done();
- }
+ _this4.updateTransmuxerAndRequestSegment_(segmentInfo);
+ });
+ return;
+ }
- this.request = this.hls_.xhr({
- uri: resolveUrl$1(this.srcUrl, utcTiming.value),
- method: utcTiming.method,
- withCredentials: this.withCredentials
- }, function (error, req) {
- // disposed
- if (!_this6.request) {
- return;
- }
+ this.updateTransmuxerAndRequestSegment_(segmentInfo);
+ };
- if (error) {
- // sync request failed, fall back to using date header from mpd
- // TODO: log warning
- _this6.clientOffset_ = _this6.masterLoaded_ - Date.now();
- return done();
- }
+ _proto.updateTransmuxerAndRequestSegment_ = function updateTransmuxerAndRequestSegment_(segmentInfo) {
+ var _this5 = this; // We'll update the source buffer's timestamp offset once we have transmuxed data, but
+ // the transmuxer still needs to be updated before then.
+ //
+ // Even though keepOriginalTimestamps is set to true for the transmuxer, timestamp
+ // offset must be passed to the transmuxer for stream correcting adjustments.
- var serverTime = void 0;
- if (utcTiming.method === 'HEAD') {
- if (!req.responseHeaders || !req.responseHeaders.date) {
- // expected date header not preset, fall back to using date header from mpd
- // TODO: log warning
- serverTime = _this6.masterLoaded_;
- } else {
- serverTime = Date.parse(req.responseHeaders.date);
- }
- } else {
- serverTime = Date.parse(req.responseText);
- }
+ if (this.shouldUpdateTransmuxerTimestampOffset_(segmentInfo.timestampOffset)) {
+ this.gopBuffer_.length = 0; // gopsToAlignWith was set before the GOP buffer was cleared
- _this6.clientOffset_ = serverTime - Date.now();
- done();
+ segmentInfo.gopsToAlignWith = [];
+ this.timeMapping_ = 0; // reset values in the transmuxer since a discontinuity should start fresh
+
+ this.transmuxer_.postMessage({
+ action: 'reset'
+ });
+ this.transmuxer_.postMessage({
+ action: 'setTimestampOffset',
+ timestampOffset: segmentInfo.timestampOffset
});
}
- }, {
- key: 'haveMaster_',
- value: function haveMaster_() {
- this.state = 'HAVE_MASTER'; // clear media request
- this.mediaRequest_ = null;
+ var simpleSegment = this.createSimplifiedSegmentObj_(segmentInfo);
+ var isEndOfStream = this.isEndOfStream_(segmentInfo.mediaIndex, segmentInfo.playlist, segmentInfo.partIndex);
+ var isWalkingForward = this.mediaIndex !== null;
+ var isDiscontinuity = segmentInfo.timeline !== this.currentTimeline_ && // currentTimeline starts at -1, so we shouldn't end the timeline switching to 0,
+ // the first timeline
+ segmentInfo.timeline > 0;
+ var isEndOfTimeline = isEndOfStream || isWalkingForward && isDiscontinuity;
+ this.logger_("Requesting " + segmentInfoString(segmentInfo)); // If there's an init segment associated with this segment, but it is not cached (identified by a lack of bytes),
+ // then this init segment has never been seen before and should be appended.
+ //
+ // At this point the content type (audio/video or both) is not yet known, but it should be safe to set
+ // both to true and leave the decision of whether to append the init segment to append time.
+
+ if (simpleSegment.map && !simpleSegment.map.bytes) {
+ this.logger_('going to request init segment.');
+ this.appendInitSegment_ = {
+ video: true,
+ audio: true
+ };
+ }
- if (!this.masterPlaylistLoader_) {
- this.master = this.parseMasterXml(); // We have the master playlist at this point, so
- // trigger this to allow MasterPlaylistController
- // to make an initial playlist selection
+ segmentInfo.abortRequests = mediaSegmentRequest({
+ xhr: this.vhs_.xhr,
+ xhrOptions: this.xhrOptions_,
+ decryptionWorker: this.decrypter_,
+ segment: simpleSegment,
+ abortFn: this.handleAbort_.bind(this, segmentInfo),
+ progressFn: this.handleProgress_.bind(this),
+ trackInfoFn: this.handleTrackInfo_.bind(this),
+ timingInfoFn: this.handleTimingInfo_.bind(this),
+ videoSegmentTimingInfoFn: this.handleSegmentTimingInfo_.bind(this, 'video', segmentInfo.requestId),
+ audioSegmentTimingInfoFn: this.handleSegmentTimingInfo_.bind(this, 'audio', segmentInfo.requestId),
+ captionsFn: this.handleCaptions_.bind(this),
+ isEndOfTimeline: isEndOfTimeline,
+ endedTimelineFn: function endedTimelineFn() {
+ _this5.logger_('received endedtimeline callback');
+ },
+ id3Fn: this.handleId3_.bind(this),
+ dataFn: this.handleData_.bind(this),
+ doneFn: this.segmentRequestFinished_.bind(this),
+ onTransmuxerLog: function onTransmuxerLog(_ref8) {
+ var message = _ref8.message,
+ level = _ref8.level,
+ stream = _ref8.stream;
- this.trigger('loadedplaylist');
- } else if (!this.media_) {
- // no media playlist was specifically selected so select
- // the one the child playlist loader was created with
- this.media(this.childPlaylist_);
+ _this5.logger_(segmentInfoString(segmentInfo) + " logged from transmuxer stream " + stream + " as a " + level + ": " + message);
}
- }
- /**
- * Handler for after client/server clock synchronization has happened. Sets up
- * xml refresh timer if specificed by the manifest.
- */
-
- }, {
- key: 'onClientServerClockSync_',
- value: function onClientServerClockSync_() {
- var _this7 = this;
+ });
+ }
+ /**
+ * trim the back buffer so that we don't have too much data
+ * in the source buffer
+ *
+ * @private
+ *
+ * @param {Object} segmentInfo - the current segment
+ */
+ ;
- this.haveMaster_();
+ _proto.trimBackBuffer_ = function trimBackBuffer_(segmentInfo) {
+ var removeToTime = safeBackBufferTrimTime(this.seekable_(), this.currentTime_(), this.playlist_.targetDuration || 10); // Chrome has a hard limit of 150MB of
+ // buffer and a very conservative "garbage collector"
+ // We manually clear out the old buffer to ensure
+ // we don't trigger the QuotaExceeded error
+ // on the source buffer during subsequent appends
- if (!this.hasPendingRequest() && !this.media_) {
- this.media(this.master.playlists[0]);
- } // TODO: minimumUpdatePeriod can have a value of 0. Currently the manifest will not
- // be refreshed when this is the case. The inter-op guide says that when the
- // minimumUpdatePeriod is 0, the manifest should outline all currently available
- // segments, but future segments may require an update. I think a good solution
- // would be to update the manifest at the same rate that the media playlists
- // are "refreshed", i.e. every targetDuration.
+ if (removeToTime > 0) {
+ this.remove(0, removeToTime);
+ }
+ }
+ /**
+ * created a simplified copy of the segment object with just the
+ * information necessary to perform the XHR and decryption
+ *
+ * @private
+ *
+ * @param {Object} segmentInfo - the current segment
+ * @return {Object} a simplified segment object copy
+ */
+ ;
+ _proto.createSimplifiedSegmentObj_ = function createSimplifiedSegmentObj_(segmentInfo) {
+ var segment = segmentInfo.segment;
+ var part = segmentInfo.part;
+ var simpleSegment = {
+ resolvedUri: part ? part.resolvedUri : segment.resolvedUri,
+ byterange: part ? part.byterange : segment.byterange,
+ requestId: segmentInfo.requestId,
+ transmuxer: segmentInfo.transmuxer,
+ audioAppendStart: segmentInfo.audioAppendStart,
+ gopsToAlignWith: segmentInfo.gopsToAlignWith,
+ part: segmentInfo.part
+ };
+ var previousSegment = segmentInfo.playlist.segments[segmentInfo.mediaIndex - 1];
- if (this.master && this.master.minimumUpdatePeriod) {
- this.minimumUpdatePeriodTimeout_ = window$3.setTimeout(function () {
- _this7.trigger('minimumUpdatePeriod');
- }, this.master.minimumUpdatePeriod);
+ if (previousSegment && previousSegment.timeline === segment.timeline) {
+ // The baseStartTime of a segment is used to handle rollover when probing the TS
+ // segment to retrieve timing information. Since the probe only looks at the media's
+ // times (e.g., PTS and DTS values of the segment), and doesn't consider the
+ // player's time (e.g., player.currentTime()), baseStartTime should reflect the
+ // media time as well. transmuxedDecodeEnd represents the end time of a segment, in
+ // seconds of media time, so should be used here. The previous segment is used since
+ // the end of the previous segment should represent the beginning of the current
+ // segment, so long as they are on the same timeline.
+ if (previousSegment.videoTimingInfo) {
+ simpleSegment.baseStartTime = previousSegment.videoTimingInfo.transmuxedDecodeEnd;
+ } else if (previousSegment.audioTimingInfo) {
+ simpleSegment.baseStartTime = previousSegment.audioTimingInfo.transmuxedDecodeEnd;
}
}
- /**
- * Sends request to refresh the master xml and updates the parsed master manifest
- * TODO: Does the client offset need to be recalculated when the xml is refreshed?
- */
-
- }, {
- key: 'refreshXml_',
- value: function refreshXml_() {
- var _this8 = this; // The srcUrl here *may* need to pass through handleManifestsRedirects when
- // sidx is implemented
-
-
- this.request = this.hls_.xhr({
- uri: this.srcUrl,
- withCredentials: this.withCredentials
- }, function (error, req) {
- // disposed
- if (!_this8.request) {
- return;
- } // clear the loader's request reference
+ if (segment.key) {
+ // if the media sequence is greater than 2^32, the IV will be incorrect
+ // assuming 10s segments, that would be about 1300 years
+ var iv = segment.key.iv || new Uint32Array([0, 0, 0, segmentInfo.mediaIndex + segmentInfo.playlist.mediaSequence]);
+ simpleSegment.key = this.segmentKey(segment.key);
+ simpleSegment.key.iv = iv;
+ }
- _this8.request = null;
-
- if (error) {
- _this8.error = {
- status: req.status,
- message: 'DASH playlist request error at URL: ' + _this8.srcUrl,
- responseText: req.responseText,
- // MEDIA_ERR_NETWORK
- code: 2
- };
+ if (segment.map) {
+ simpleSegment.map = this.initSegmentForMap(segment.map);
+ }
- if (_this8.state === 'HAVE_NOTHING') {
- _this8.started = false;
- }
+ return simpleSegment;
+ };
- return _this8.trigger('error');
- }
+ _proto.saveTransferStats_ = function saveTransferStats_(stats) {
+ // every request counts as a media request even if it has been aborted
+ // or canceled due to a timeout
+ this.mediaRequests += 1;
- _this8.masterXml_ = req.responseText; // This will filter out updated sidx info from the mapping
+ if (stats) {
+ this.mediaBytesTransferred += stats.bytesReceived;
+ this.mediaTransferDuration += stats.roundTripTime;
+ }
+ };
- _this8.sidxMapping_ = filterChangedSidxMappings(_this8.masterXml_, _this8.srcUrl, _this8.clientOffset_, _this8.sidxMapping_);
+ _proto.saveBandwidthRelatedStats_ = function saveBandwidthRelatedStats_(duration, stats) {
+ // byteLength will be used for throughput, and should be based on bytes receieved,
+ // which we only know at the end of the request and should reflect total bytes
+ // downloaded rather than just bytes processed from components of the segment
+ this.pendingSegment_.byteLength = stats.bytesReceived;
- var master = _this8.parseMasterXml();
+ if (duration < MIN_SEGMENT_DURATION_TO_SAVE_STATS) {
+ this.logger_("Ignoring segment's bandwidth because its duration of " + duration + (" is less than the min to record " + MIN_SEGMENT_DURATION_TO_SAVE_STATS));
+ return;
+ }
- var updatedMaster = updateMaster$1(_this8.master, master);
+ this.bandwidth = stats.bandwidth;
+ this.roundTrip = stats.roundTripTime;
+ };
- var currentSidxInfo = _this8.media().sidx;
+ _proto.handleTimeout_ = function handleTimeout_() {
+ // although the VTT segment loader bandwidth isn't really used, it's good to
+ // maintain functinality between segment loaders
+ this.mediaRequestsTimedout += 1;
+ this.bandwidth = 1;
+ this.roundTrip = NaN;
+ this.trigger('bandwidthupdate');
+ }
+ /**
+ * Handle the callback from the segmentRequest function and set the
+ * associated SegmentLoader state and errors if necessary
+ *
+ * @private
+ */
+ ;
- if (updatedMaster) {
- if (currentSidxInfo) {
- var sidxKey = generateSidxKey(currentSidxInfo); // the sidx was updated, so the previous mapping was removed
+ _proto.segmentRequestFinished_ = function segmentRequestFinished_(error, simpleSegment, result) {
+ // TODO handle special cases, e.g., muxed audio/video but only audio in the segment
+ // check the call queue directly since this function doesn't need to deal with any
+ // data, and can continue even if the source buffers are not set up and we didn't get
+ // any data from the segment
+ if (this.callQueue_.length) {
+ this.callQueue_.push(this.segmentRequestFinished_.bind(this, error, simpleSegment, result));
+ return;
+ }
- if (!_this8.sidxMapping_[sidxKey]) {
- var playlist = _this8.media();
+ this.saveTransferStats_(simpleSegment.stats); // The request was aborted and the SegmentLoader has already been reset
- _this8.request = requestSidx_(playlist.sidx, playlist, _this8.hls_.xhr, {
- handleManifestRedirects: _this8.handleManifestRedirects
- }, _this8.sidxRequestFinished_(playlist, master, _this8.state, function (newMaster, sidx) {
- if (!newMaster || !sidx) {
- throw new Error('failed to request sidx on minimumUpdatePeriod');
- } // update loader's sidxMapping with parsed sidx box
+ if (!this.pendingSegment_) {
+ return;
+ } // the request was aborted and the SegmentLoader has already started
+ // another request. this can happen when the timeout for an aborted
+ // request triggers due to a limitation in the XHR library
+ // do not count this as any sort of request or we risk double-counting
- _this8.sidxMapping_[sidxKey].sidx = sidx;
- _this8.minimumUpdatePeriodTimeout_ = window$3.setTimeout(function () {
- _this8.trigger('minimumUpdatePeriod');
- }, _this8.master.minimumUpdatePeriod); // TODO: do we need to reload the current playlist?
+ if (simpleSegment.requestId !== this.pendingSegment_.requestId) {
+ return;
+ } // an error occurred from the active pendingSegment_ so reset everything
- _this8.refreshMedia_(_this8.media().id);
- return;
- }));
- }
- } else {
- _this8.master = updatedMaster;
- }
- }
+ if (error) {
+ this.pendingSegment_ = null;
+ this.state = 'READY'; // aborts are not a true error condition and nothing corrective needs to be done
- _this8.minimumUpdatePeriodTimeout_ = window$3.setTimeout(function () {
- _this8.trigger('minimumUpdatePeriod');
- }, _this8.master.minimumUpdatePeriod);
- });
- }
- /**
- * Refreshes the media playlist by re-parsing the master xml and updating playlist
- * references. If this is an alternate loader, the updated parsed manifest is retrieved
- * from the master loader.
- */
+ if (error.code === REQUEST_ERRORS.ABORTED) {
+ return;
+ }
- }, {
- key: 'refreshMedia_',
- value: function refreshMedia_(mediaID) {
- var _this9 = this;
+ this.pause(); // the error is really just that at least one of the requests timed-out
+ // set the bandwidth to a very low value and trigger an ABR switch to
+ // take emergency action
- if (!mediaID) {
- throw new Error('refreshMedia_ must take a media id');
- }
+ if (error.code === REQUEST_ERRORS.TIMEOUT) {
+ this.handleTimeout_();
+ return;
+ } // if control-flow has arrived here, then the error is real
+ // emit an error event to blacklist the current playlist
- var oldMaster = void 0;
- var newMaster = void 0;
- if (this.masterPlaylistLoader_) {
- oldMaster = this.masterPlaylistLoader_.master;
- newMaster = this.masterPlaylistLoader_.parseMasterXml();
- } else {
- oldMaster = this.master;
- newMaster = this.parseMasterXml();
- }
+ this.mediaRequestsErrored += 1;
+ this.error(error);
+ this.trigger('error');
+ return;
+ }
- var updatedMaster = updateMaster$1(oldMaster, newMaster);
+ var segmentInfo = this.pendingSegment_; // the response was a success so set any bandwidth stats the request
+ // generated for ABR purposes
- if (updatedMaster) {
- if (this.masterPlaylistLoader_) {
- this.masterPlaylistLoader_.master = updatedMaster;
- } else {
- this.master = updatedMaster;
- }
+ this.saveBandwidthRelatedStats_(segmentInfo.duration, simpleSegment.stats);
+ segmentInfo.endOfAllRequests = simpleSegment.endOfAllRequests;
- this.media_ = updatedMaster.playlists[mediaID];
- } else {
- this.media_ = newMaster.playlists[mediaID];
- this.trigger('playlistunchanged');
- }
+ if (result.gopInfo) {
+ this.gopBuffer_ = updateGopBuffer(this.gopBuffer_, result.gopInfo, this.safeAppend_);
+ } // Although we may have already started appending on progress, we shouldn't switch the
+ // state away from loading until we are officially done loading the segment data.
- if (!this.media().endList) {
- this.mediaUpdateTimeout = window$3.setTimeout(function () {
- _this9.trigger('mediaupdatetimeout');
- }, refreshDelay(this.media(), !!updatedMaster));
- }
- this.trigger('loadedplaylist');
- }
- }]);
- return DashPlaylistLoader;
- }(EventTarget$1$1);
+ this.state = 'APPENDING'; // used for testing
- var logger = function logger(source) {
- if (videojs$1.log.debug) {
- return videojs$1.log.debug.bind(videojs$1, 'VHS:', source + ' >');
- }
+ this.trigger('appending');
+ this.waitForAppendsToComplete_(segmentInfo);
+ };
- return function () {};
- };
+ _proto.setTimeMapping_ = function setTimeMapping_(timeline) {
+ var timelineMapping = this.syncController_.mappingForTimeline(timeline);
- function noop$1() {}
- /**
- * @file source-updater.js
- */
+ if (timelineMapping !== null) {
+ this.timeMapping_ = timelineMapping;
+ }
+ };
- /**
- * A queue of callbacks to be serialized and applied when a
- * MediaSource and its associated SourceBuffers are not in the
- * updating state. It is used by the segment loader to update the
- * underlying SourceBuffers when new data is loaded, for instance.
- *
- * @class SourceUpdater
- * @param {MediaSource} mediaSource the MediaSource to create the
- * SourceBuffer from
- * @param {String} mimeType the desired MIME type of the underlying
- * SourceBuffer
- * @param {Object} sourceBufferEmitter an event emitter that fires when a source buffer is
- * added to the media source
- */
-
-
- var SourceUpdater = function () {
- function SourceUpdater(mediaSource, mimeType, type, sourceBufferEmitter) {
- classCallCheck$1(this, SourceUpdater);
- this.callbacks_ = [];
- this.pendingCallback_ = null;
- this.timestampOffset_ = 0;
- this.mediaSource = mediaSource;
- this.processedAppend_ = false;
- this.type_ = type;
- this.mimeType_ = mimeType;
- this.logger_ = logger('SourceUpdater[' + type + '][' + mimeType + ']');
-
- if (mediaSource.readyState === 'closed') {
- mediaSource.addEventListener('sourceopen', this.createSourceBuffer_.bind(this, mimeType, sourceBufferEmitter));
+ _proto.updateMediaSecondsLoaded_ = function updateMediaSecondsLoaded_(segment) {
+ if (typeof segment.start === 'number' && typeof segment.end === 'number') {
+ this.mediaSecondsLoaded += segment.end - segment.start;
} else {
- this.createSourceBuffer_(mimeType, sourceBufferEmitter);
+ this.mediaSecondsLoaded += segment.duration;
}
- }
-
- createClass$1(SourceUpdater, [{
- key: 'createSourceBuffer_',
- value: function createSourceBuffer_(mimeType, sourceBufferEmitter) {
- var _this = this;
-
- this.sourceBuffer_ = this.mediaSource.addSourceBuffer(mimeType);
- this.logger_('created SourceBuffer');
+ };
- if (sourceBufferEmitter) {
- sourceBufferEmitter.trigger('sourcebufferadded');
+ _proto.shouldUpdateTransmuxerTimestampOffset_ = function shouldUpdateTransmuxerTimestampOffset_(timestampOffset) {
+ if (timestampOffset === null) {
+ return false;
+ } // note that we're potentially using the same timestamp offset for both video and
+ // audio
- if (this.mediaSource.sourceBuffers.length < 2) {
- // There's another source buffer we must wait for before we can start updating
- // our own (or else we can get into a bad state, i.e., appending video/audio data
- // before the other video/audio source buffer is available and leading to a video
- // or audio only buffer).
- sourceBufferEmitter.on('sourcebufferadded', function () {
- _this.start_();
- });
- return;
- }
- }
- this.start_();
+ if (this.loaderType_ === 'main' && timestampOffset !== this.sourceUpdater_.videoTimestampOffset()) {
+ return true;
}
- }, {
- key: 'start_',
- value: function start_() {
- var _this2 = this;
-
- this.started_ = true; // run completion handlers and process callbacks as updateend
- // events fire
- this.onUpdateendCallback_ = function () {
- var pendingCallback = _this2.pendingCallback_;
- _this2.pendingCallback_ = null;
- _this2.sourceBuffer_.removing = false;
+ if (!this.audioDisabled_ && timestampOffset !== this.sourceUpdater_.audioTimestampOffset()) {
+ return true;
+ }
- _this2.logger_('buffered [' + printableRange(_this2.buffered()) + ']');
+ return false;
+ };
- if (pendingCallback) {
- pendingCallback();
- }
+ _proto.trueSegmentStart_ = function trueSegmentStart_(_ref9) {
+ var currentStart = _ref9.currentStart,
+ playlist = _ref9.playlist,
+ mediaIndex = _ref9.mediaIndex,
+ firstVideoFrameTimeForData = _ref9.firstVideoFrameTimeForData,
+ currentVideoTimestampOffset = _ref9.currentVideoTimestampOffset,
+ useVideoTimingInfo = _ref9.useVideoTimingInfo,
+ videoTimingInfo = _ref9.videoTimingInfo,
+ audioTimingInfo = _ref9.audioTimingInfo;
- _this2.runCallback_();
- };
+ if (typeof currentStart !== 'undefined') {
+ // if start was set once, keep using it
+ return currentStart;
+ }
- this.sourceBuffer_.addEventListener('updateend', this.onUpdateendCallback_);
- this.runCallback_();
+ if (!useVideoTimingInfo) {
+ return audioTimingInfo.start;
}
- /**
- * Aborts the current segment and resets the segment parser.
- *
- * @param {Function} done function to call when done
- * @see http://w3c.github.io/media-source/#widl-SourceBuffer-abort-void
- */
- }, {
- key: 'abort',
- value: function abort(done) {
- var _this3 = this;
+ var previousSegment = playlist.segments[mediaIndex - 1]; // The start of a segment should be the start of the first full frame contained
+ // within that segment. Since the transmuxer maintains a cache of incomplete data
+ // from and/or the last frame seen, the start time may reflect a frame that starts
+ // in the previous segment. Check for that case and ensure the start time is
+ // accurate for the segment.
- if (this.processedAppend_) {
- this.queueCallback_(function () {
- _this3.sourceBuffer_.abort();
- }, done);
- }
+ if (mediaIndex === 0 || !previousSegment || typeof previousSegment.start === 'undefined' || previousSegment.end !== firstVideoFrameTimeForData + currentVideoTimestampOffset) {
+ return firstVideoFrameTimeForData;
}
- /**
- * Queue an update to append an ArrayBuffer.
- *
- * @param {ArrayBuffer} bytes
- * @param {Function} done the function to call when done
- * @see http://www.w3.org/TR/media-source/#widl-SourceBuffer-appendBuffer-void-ArrayBuffer-data
- */
-
- }, {
- key: 'appendBuffer',
- value: function appendBuffer(config, done) {
- var _this4 = this;
- this.processedAppend_ = true;
- this.queueCallback_(function () {
- if (config.videoSegmentTimingInfoCallback) {
- _this4.sourceBuffer_.addEventListener('videoSegmentTimingInfo', config.videoSegmentTimingInfoCallback);
- }
+ return videoTimingInfo.start;
+ };
- _this4.sourceBuffer_.appendBuffer(config.bytes);
- }, function () {
- if (config.videoSegmentTimingInfoCallback) {
- _this4.sourceBuffer_.removeEventListener('videoSegmentTimingInfo', config.videoSegmentTimingInfoCallback);
- }
+ _proto.waitForAppendsToComplete_ = function waitForAppendsToComplete_(segmentInfo) {
+ var trackInfo = this.getCurrentMediaInfo_(segmentInfo);
- done();
+ if (!trackInfo) {
+ this.error({
+ message: 'No starting media returned, likely due to an unsupported media format.',
+ blacklistDuration: Infinity
});
- }
- /**
- * Indicates what TimeRanges are buffered in the managed SourceBuffer.
- *
- * @see http://www.w3.org/TR/media-source/#widl-SourceBuffer-buffered
- */
+ this.trigger('error');
+ return;
+ } // Although transmuxing is done, appends may not yet be finished. Throw a marker
+ // on each queue this loader is responsible for to ensure that the appends are
+ // complete.
+
+
+ var hasAudio = trackInfo.hasAudio,
+ hasVideo = trackInfo.hasVideo,
+ isMuxed = trackInfo.isMuxed;
+ var waitForVideo = this.loaderType_ === 'main' && hasVideo;
+ var waitForAudio = !this.audioDisabled_ && hasAudio && !isMuxed;
+ segmentInfo.waitingOnAppends = 0; // segments with no data
+
+ if (!segmentInfo.hasAppendedData_) {
+ if (!segmentInfo.timingInfo && typeof segmentInfo.timestampOffset === 'number') {
+ // When there's no audio or video data in the segment, there's no audio or video
+ // timing information.
+ //
+ // If there's no audio or video timing information, then the timestamp offset
+ // can't be adjusted to the appropriate value for the transmuxer and source
+ // buffers.
+ //
+ // Therefore, the next segment should be used to set the timestamp offset.
+ this.isPendingTimestampOffset_ = true;
+ } // override settings for metadata only segments
- }, {
- key: 'buffered',
- value: function buffered() {
- if (!this.sourceBuffer_) {
- return videojs$1.createTimeRanges();
- }
- return this.sourceBuffer_.buffered;
- }
- /**
- * Queue an update to remove a time range from the buffer.
- *
- * @param {Number} start where to start the removal
- * @param {Number} end where to end the removal
- * @param {Function} [done=noop] optional callback to be executed when the remove
- * operation is complete
- * @see http://www.w3.org/TR/media-source/#widl-SourceBuffer-remove-void-double-start-unrestricted-double-end
- */
+ segmentInfo.timingInfo = {
+ start: 0
+ };
+ segmentInfo.waitingOnAppends++;
- }, {
- key: 'remove',
- value: function remove(start, end) {
- var _this5 = this;
+ if (!this.isPendingTimestampOffset_) {
+ // update the timestampoffset
+ this.updateSourceBufferTimestampOffset_(segmentInfo); // make sure the metadata queue is processed even though we have
+ // no video/audio data.
- var done = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : noop$1;
+ this.processMetadataQueue_();
+ } // append is "done" instantly with no data.
- if (this.processedAppend_) {
- this.queueCallback_(function () {
- _this5.logger_('remove [' + start + ' => ' + end + ']');
- _this5.sourceBuffer_.removing = true;
+ this.checkAppendsDone_(segmentInfo);
+ return;
+ } // Since source updater could call back synchronously, do the increments first.
- _this5.sourceBuffer_.remove(start, end);
- }, done);
- }
- }
- /**
- * Whether the underlying sourceBuffer is updating or not
- *
- * @return {Boolean} the updating status of the SourceBuffer
- */
- }, {
- key: 'updating',
- value: function updating() {
- // we are updating if the sourcebuffer is updating or
- return !this.sourceBuffer_ || this.sourceBuffer_.updating || // if we have a pending callback that is not our internal noop
- !!this.pendingCallback_ && this.pendingCallback_ !== noop$1;
+ if (waitForVideo) {
+ segmentInfo.waitingOnAppends++;
}
- /**
- * Set/get the timestampoffset on the SourceBuffer
- *
- * @return {Number} the timestamp offset
- */
-
- }, {
- key: 'timestampOffset',
- value: function timestampOffset(offset) {
- var _this6 = this;
- if (typeof offset !== 'undefined') {
- this.queueCallback_(function () {
- _this6.sourceBuffer_.timestampOffset = offset;
+ if (waitForAudio) {
+ segmentInfo.waitingOnAppends++;
+ }
- _this6.runCallback_();
- });
- this.timestampOffset_ = offset;
- }
+ if (waitForVideo) {
+ this.sourceUpdater_.videoQueueCallback(this.checkAppendsDone_.bind(this, segmentInfo));
+ }
- return this.timestampOffset_;
+ if (waitForAudio) {
+ this.sourceUpdater_.audioQueueCallback(this.checkAppendsDone_.bind(this, segmentInfo));
}
- /**
- * Queue a callback to run
- */
+ };
- }, {
- key: 'queueCallback_',
- value: function queueCallback_(callback, done) {
- this.callbacks_.push([callback.bind(this), done]);
- this.runCallback_();
+ _proto.checkAppendsDone_ = function checkAppendsDone_(segmentInfo) {
+ if (this.checkForAbort_(segmentInfo.requestId)) {
+ return;
}
- /**
- * Run a queued callback
- */
- }, {
- key: 'runCallback_',
- value: function runCallback_() {
- var callbacks = void 0;
+ segmentInfo.waitingOnAppends--;
- if (!this.updating() && this.callbacks_.length && this.started_) {
- callbacks = this.callbacks_.shift();
- this.pendingCallback_ = callbacks[1];
- callbacks[0]();
- }
+ if (segmentInfo.waitingOnAppends === 0) {
+ this.handleAppendsDone_();
}
- /**
- * dispose of the source updater and the underlying sourceBuffer
- */
-
- }, {
- key: 'dispose',
- value: function dispose() {
- var _this7 = this;
+ };
- var disposeFn = function disposeFn() {
- if (_this7.sourceBuffer_ && _this7.mediaSource.readyState === 'open') {
- _this7.sourceBuffer_.abort();
- }
+ _proto.checkForIllegalMediaSwitch = function checkForIllegalMediaSwitch(trackInfo) {
+ var illegalMediaSwitchError = illegalMediaSwitch(this.loaderType_, this.getCurrentMediaInfo_(), trackInfo);
- _this7.sourceBuffer_.removeEventListener('updateend', disposeFn);
- };
+ if (illegalMediaSwitchError) {
+ this.error({
+ message: illegalMediaSwitchError,
+ blacklistDuration: Infinity
+ });
+ this.trigger('error');
+ return true;
+ }
- this.sourceBuffer_.removeEventListener('updateend', this.onUpdateendCallback_);
+ return false;
+ };
- if (this.sourceBuffer_.removing) {
- this.sourceBuffer_.addEventListener('updateend', disposeFn);
- } else {
- disposeFn();
- }
+ _proto.updateSourceBufferTimestampOffset_ = function updateSourceBufferTimestampOffset_(segmentInfo) {
+ if (segmentInfo.timestampOffset === null || // we don't yet have the start for whatever media type (video or audio) has
+ // priority, timing-wise, so we must wait
+ typeof segmentInfo.timingInfo.start !== 'number' || // already updated the timestamp offset for this segment
+ segmentInfo.changedTimestampOffset || // the alt audio loader should not be responsible for setting the timestamp offset
+ this.loaderType_ !== 'main') {
+ return;
}
- }]);
- return SourceUpdater;
- }();
- var Config = {
- GOAL_BUFFER_LENGTH: 30,
- MAX_GOAL_BUFFER_LENGTH: 60,
- GOAL_BUFFER_LENGTH_RATE: 1,
- // 0.5 MB/s
- INITIAL_BANDWIDTH: 4194304,
- // A fudge factor to apply to advertised playlist bitrates to account for
- // temporary flucations in client bandwidth
- BANDWIDTH_VARIANCE: 1.2,
- // How much of the buffer must be filled before we consider upswitching
- BUFFER_LOW_WATER_LINE: 0,
- MAX_BUFFER_LOW_WATER_LINE: 30,
- BUFFER_LOW_WATER_LINE_RATE: 1
- };
- var REQUEST_ERRORS = {
- FAILURE: 2,
- TIMEOUT: -101,
- ABORTED: -102
- };
- /**
- * Abort all requests
- *
- * @param {Object} activeXhrs - an object that tracks all XHR requests
- */
+ var didChange = false; // Primary timing goes by video, and audio is trimmed in the transmuxer, meaning that
+ // the timing info here comes from video. In the event that the audio is longer than
+ // the video, this will trim the start of the audio.
+ // This also trims any offset from 0 at the beginning of the media
- var abortAll = function abortAll(activeXhrs) {
- activeXhrs.forEach(function (xhr) {
- xhr.abort();
- });
- };
- /**
- * Gather important bandwidth stats once a request has completed
- *
- * @param {Object} request - the XHR request from which to gather stats
- */
+ segmentInfo.timestampOffset -= segmentInfo.timingInfo.start; // In the event that there are part segment downloads, each will try to update the
+ // timestamp offset. Retaining this bit of state prevents us from updating in the
+ // future (within the same segment), however, there may be a better way to handle it.
+ segmentInfo.changedTimestampOffset = true;
- var getRequestStats = function getRequestStats(request) {
- return {
- bandwidth: request.bandwidth,
- bytesReceived: request.bytesReceived || 0,
- roundTripTime: request.roundTripTime || 0
- };
- };
- /**
- * If possible gather bandwidth stats as a request is in
- * progress
- *
- * @param {Event} progressEvent - an event object from an XHR's progress event
- */
+ if (segmentInfo.timestampOffset !== this.sourceUpdater_.videoTimestampOffset()) {
+ this.sourceUpdater_.videoTimestampOffset(segmentInfo.timestampOffset);
+ didChange = true;
+ }
+ if (segmentInfo.timestampOffset !== this.sourceUpdater_.audioTimestampOffset()) {
+ this.sourceUpdater_.audioTimestampOffset(segmentInfo.timestampOffset);
+ didChange = true;
+ }
- var getProgressStats = function getProgressStats(progressEvent) {
- var request = progressEvent.target;
- var roundTripTime = Date.now() - request.requestTime;
- var stats = {
- bandwidth: Infinity,
- bytesReceived: 0,
- roundTripTime: roundTripTime || 0
+ if (didChange) {
+ this.trigger('timestampoffset');
+ }
};
- stats.bytesReceived = progressEvent.loaded; // This can result in Infinity if stats.roundTripTime is 0 but that is ok
- // because we should only use bandwidth stats on progress to determine when
- // abort a request early due to insufficient bandwidth
- stats.bandwidth = Math.floor(stats.bytesReceived / stats.roundTripTime * 8 * 1000);
- return stats;
- };
- /**
- * Handle all error conditions in one place and return an object
- * with all the information
- *
- * @param {Error|null} error - if non-null signals an error occured with the XHR
- * @param {Object} request - the XHR request that possibly generated the error
- */
+ _proto.updateTimingInfoEnd_ = function updateTimingInfoEnd_(segmentInfo) {
+ segmentInfo.timingInfo = segmentInfo.timingInfo || {};
+ var trackInfo = this.getMediaInfo_();
+ var useVideoTimingInfo = this.loaderType_ === 'main' && trackInfo && trackInfo.hasVideo;
+ var prioritizedTimingInfo = useVideoTimingInfo && segmentInfo.videoTimingInfo ? segmentInfo.videoTimingInfo : segmentInfo.audioTimingInfo;
+ if (!prioritizedTimingInfo) {
+ return;
+ }
- var handleErrors = function handleErrors(error, request) {
- if (request.timedout) {
- return {
- status: request.status,
- message: 'HLS request timed-out at URL: ' + request.uri,
- code: REQUEST_ERRORS.TIMEOUT,
- xhr: request
- };
+ segmentInfo.timingInfo.end = typeof prioritizedTimingInfo.end === 'number' ? // End time may not exist in a case where we aren't parsing the full segment (one
+ // current example is the case of fmp4), so use the rough duration to calculate an
+ // end time.
+ prioritizedTimingInfo.end : prioritizedTimingInfo.start + segmentInfo.duration;
}
+ /**
+ * callback to run when appendBuffer is finished. detects if we are
+ * in a good state to do things with the data we got, or if we need
+ * to wait for more
+ *
+ * @private
+ */
+ ;
- if (request.aborted) {
- return {
- status: request.status,
- message: 'HLS request aborted at URL: ' + request.uri,
- code: REQUEST_ERRORS.ABORTED,
- xhr: request
- };
- }
+ _proto.handleAppendsDone_ = function handleAppendsDone_() {
+ // appendsdone can cause an abort
+ if (this.pendingSegment_) {
+ this.trigger('appendsdone');
+ }
- if (error) {
- return {
- status: request.status,
- message: 'HLS request errored at URL: ' + request.uri,
- code: REQUEST_ERRORS.FAILURE,
- xhr: request
- };
- }
+ if (!this.pendingSegment_) {
+ this.state = 'READY'; // TODO should this move into this.checkForAbort to speed up requests post abort in
+ // all appending cases?
- return null;
- };
- /**
- * Handle responses for key data and convert the key data to the correct format
- * for the decryption step later
- *
- * @param {Object} segment - a simplified copy of the segmentInfo object
- * from SegmentLoader
- * @param {Function} finishProcessingFn - a callback to execute to continue processing
- * this request
- */
+ if (!this.paused()) {
+ this.monitorBuffer_();
+ }
+ return;
+ }
- var handleKeyResponse = function handleKeyResponse(segment, finishProcessingFn) {
- return function (error, request) {
- var response = request.response;
- var errorObj = handleErrors(error, request);
+ var segmentInfo = this.pendingSegment_; // Now that the end of the segment has been reached, we can set the end time. It's
+ // best to wait until all appends are done so we're sure that the primary media is
+ // finished (and we have its end time).
- if (errorObj) {
- return finishProcessingFn(errorObj, segment);
- }
+ this.updateTimingInfoEnd_(segmentInfo);
- if (response.byteLength !== 16) {
- return finishProcessingFn({
- status: request.status,
- message: 'Invalid HLS key at URL: ' + request.uri,
- code: REQUEST_ERRORS.FAILURE,
- xhr: request
- }, segment);
+ if (this.shouldSaveSegmentTimingInfo_) {
+ // Timeline mappings should only be saved for the main loader. This is for multiple
+ // reasons:
+ //
+ // 1) Only one mapping is saved per timeline, meaning that if both the audio loader
+ // and the main loader try to save the timeline mapping, whichever comes later
+ // will overwrite the first. In theory this is OK, as the mappings should be the
+ // same, however, it breaks for (2)
+ // 2) In the event of a live stream, the initial live point will make for a somewhat
+ // arbitrary mapping. If audio and video streams are not perfectly in-sync, then
+ // the mapping will be off for one of the streams, dependent on which one was
+ // first saved (see (1)).
+ // 3) Primary timing goes by video in VHS, so the mapping should be video.
+ //
+ // Since the audio loader will wait for the main loader to load the first segment,
+ // the main loader will save the first timeline mapping, and ensure that there won't
+ // be a case where audio loads two segments without saving a mapping (thus leading
+ // to missing segment timing info).
+ this.syncController_.saveSegmentTimingInfo({
+ segmentInfo: segmentInfo,
+ shouldSaveTimelineMapping: this.loaderType_ === 'main'
+ });
}
- var view = new DataView(response);
- segment.key.bytes = new Uint32Array([view.getUint32(0), view.getUint32(4), view.getUint32(8), view.getUint32(12)]);
- return finishProcessingFn(null, segment);
- };
- };
- /**
- * Handle init-segment responses
- *
- * @param {Object} segment - a simplified copy of the segmentInfo object
- * from SegmentLoader
- * @param {Function} finishProcessingFn - a callback to execute to continue processing
- * this request
- */
-
+ var segmentDurationMessage = getTroublesomeSegmentDurationMessage(segmentInfo, this.sourceType_);
- var handleInitSegmentResponse = function handleInitSegmentResponse(segment, captionParser, finishProcessingFn) {
- return function (error, request) {
- var response = request.response;
- var errorObj = handleErrors(error, request);
+ if (segmentDurationMessage) {
+ if (segmentDurationMessage.severity === 'warn') {
+ videojs.log.warn(segmentDurationMessage.message);
+ } else {
+ this.logger_(segmentDurationMessage.message);
+ }
+ }
- if (errorObj) {
- return finishProcessingFn(errorObj, segment);
- } // stop processing if received empty content
+ this.recordThroughput_(segmentInfo);
+ this.pendingSegment_ = null;
+ this.state = 'READY';
+ if (segmentInfo.isSyncRequest) {
+ this.trigger('syncinfoupdate'); // if the sync request was not appended
+ // then it was not the correct segment.
+ // throw it away and use the data it gave us
+ // to get the correct one.
- if (response.byteLength === 0) {
- return finishProcessingFn({
- status: request.status,
- message: 'Empty HLS segment content at URL: ' + request.uri,
- code: REQUEST_ERRORS.FAILURE,
- xhr: request
- }, segment);
+ if (!segmentInfo.hasAppendedData_) {
+ this.logger_("Throwing away un-appended sync request " + segmentInfoString(segmentInfo));
+ return;
+ }
}
- segment.map.bytes = new Uint8Array(request.response); // Initialize CaptionParser if it hasn't been yet
+ this.logger_("Appended " + segmentInfoString(segmentInfo));
+ this.addSegmentMetadataCue_(segmentInfo);
+ this.fetchAtBuffer_ = true;
- if (captionParser && !captionParser.isInitialized()) {
- captionParser.init();
- }
+ if (this.currentTimeline_ !== segmentInfo.timeline) {
+ this.timelineChangeController_.lastTimelineChange({
+ type: this.loaderType_,
+ from: this.currentTimeline_,
+ to: segmentInfo.timeline
+ }); // If audio is not disabled, the main segment loader is responsible for updating
+ // the audio timeline as well. If the content is video only, this won't have any
+ // impact.
- segment.map.timescales = probe.timescale(segment.map.bytes);
- segment.map.videoTrackIds = probe.videoTrackIds(segment.map.bytes);
- return finishProcessingFn(null, segment);
- };
- };
- /**
- * Response handler for segment-requests being sure to set the correct
- * property depending on whether the segment is encryped or not
- * Also records and keeps track of stats that are used for ABR purposes
- *
- * @param {Object} segment - a simplified copy of the segmentInfo object
- * from SegmentLoader
- * @param {Function} finishProcessingFn - a callback to execute to continue processing
- * this request
- */
+ if (this.loaderType_ === 'main' && !this.audioDisabled_) {
+ this.timelineChangeController_.lastTimelineChange({
+ type: 'audio',
+ from: this.currentTimeline_,
+ to: segmentInfo.timeline
+ });
+ }
+ }
+ this.currentTimeline_ = segmentInfo.timeline; // We must update the syncinfo to recalculate the seekable range before
+ // the following conditional otherwise it may consider this a bad "guess"
+ // and attempt to resync when the post-update seekable window and live
+ // point would mean that this was the perfect segment to fetch
- var handleSegmentResponse = function handleSegmentResponse(segment, captionParser, finishProcessingFn) {
- return function (error, request) {
- var response = request.response;
- var errorObj = handleErrors(error, request);
- var parsed = void 0;
+ this.trigger('syncinfoupdate');
+ var segment = segmentInfo.segment;
+ var part = segmentInfo.part;
+ var badSegmentGuess = segment.end && this.currentTime_() - segment.end > segmentInfo.playlist.targetDuration * 3;
+ var badPartGuess = part && part.end && this.currentTime_() - part.end > segmentInfo.playlist.partTargetDuration * 3; // If we previously appended a segment/part that ends more than 3 part/targetDurations before
+ // the currentTime_ that means that our conservative guess was too conservative.
+ // In that case, reset the loader state so that we try to use any information gained
+ // from the previous request to create a new, more accurate, sync-point.
- if (errorObj) {
- return finishProcessingFn(errorObj, segment);
- } // stop processing if received empty content
+ if (badSegmentGuess || badPartGuess) {
+ this.logger_("bad " + (badSegmentGuess ? 'segment' : 'part') + " " + segmentInfoString(segmentInfo));
+ this.resetEverything();
+ return;
+ }
+ var isWalkingForward = this.mediaIndex !== null; // Don't do a rendition switch unless we have enough time to get a sync segment
+ // and conservatively guess
- if (response.byteLength === 0) {
- return finishProcessingFn({
- status: request.status,
- message: 'Empty HLS segment content at URL: ' + request.uri,
- code: REQUEST_ERRORS.FAILURE,
- xhr: request
- }, segment);
+ if (isWalkingForward) {
+ this.trigger('bandwidthupdate');
}
- segment.stats = getRequestStats(request);
-
- if (segment.key) {
- segment.encryptedBytes = new Uint8Array(request.response);
- } else {
- segment.bytes = new Uint8Array(request.response);
- } // This is likely an FMP4 and has the init segment.
- // Run through the CaptionParser in case there are captions.
+ this.trigger('progress');
+ this.mediaIndex = segmentInfo.mediaIndex;
+ this.partIndex = segmentInfo.partIndex; // any time an update finishes and the last segment is in the
+ // buffer, end the stream. this ensures the "ended" event will
+ // fire if playback reaches that point.
+ if (this.isEndOfStream_(segmentInfo.mediaIndex, segmentInfo.playlist, segmentInfo.partIndex)) {
+ this.endOfStream();
+ } // used for testing
- if (captionParser && segment.map && segment.map.bytes) {
- // Initialize CaptionParser if it hasn't been yet
- if (!captionParser.isInitialized()) {
- captionParser.init();
- }
- parsed = captionParser.parse(segment.bytes, segment.map.videoTrackIds, segment.map.timescales);
+ this.trigger('appended');
- if (parsed && parsed.captions) {
- segment.captionStreams = parsed.captionStreams;
- segment.fmp4Captions = parsed.captions;
- }
+ if (segmentInfo.hasAppendedData_) {
+ this.mediaAppends++;
}
- return finishProcessingFn(null, segment);
- };
- };
- /**
- * Decrypt the segment via the decryption web worker
- *
- * @param {WebWorker} decrypter - a WebWorker interface to AES-128 decryption routines
- * @param {Object} segment - a simplified copy of the segmentInfo object
- * from SegmentLoader
- * @param {Function} doneFn - a callback that is executed after decryption has completed
- */
-
+ if (!this.paused()) {
+ this.monitorBuffer_();
+ }
+ }
+ /**
+ * Records the current throughput of the decrypt, transmux, and append
+ * portion of the semgment pipeline. `throughput.rate` is a the cumulative
+ * moving average of the throughput. `throughput.count` is the number of
+ * data points in the average.
+ *
+ * @private
+ * @param {Object} segmentInfo the object returned by loadSegment
+ */
+ ;
- var decryptSegment = function decryptSegment(decrypter, segment, doneFn) {
- var decryptionHandler = function decryptionHandler(event) {
- if (event.data.source === segment.requestId) {
- decrypter.removeEventListener('message', decryptionHandler);
- var decrypted = event.data.decrypted;
- segment.bytes = new Uint8Array(decrypted.bytes, decrypted.byteOffset, decrypted.byteLength);
- return doneFn(null, segment);
+ _proto.recordThroughput_ = function recordThroughput_(segmentInfo) {
+ if (segmentInfo.duration < MIN_SEGMENT_DURATION_TO_SAVE_STATS) {
+ this.logger_("Ignoring segment's throughput because its duration of " + segmentInfo.duration + (" is less than the min to record " + MIN_SEGMENT_DURATION_TO_SAVE_STATS));
+ return;
}
- };
- decrypter.addEventListener('message', decryptionHandler);
- var keyBytes = void 0;
+ var rate = this.throughput.rate; // Add one to the time to ensure that we don't accidentally attempt to divide
+ // by zero in the case where the throughput is ridiculously high
- if (segment.key.bytes.slice) {
- keyBytes = segment.key.bytes.slice();
- } else {
- keyBytes = new Uint32Array(Array.prototype.slice.call(segment.key.bytes));
- } // this is an encrypted segment
- // incrementally decrypt the segment
+ var segmentProcessingTime = Date.now() - segmentInfo.endOfAllRequests + 1; // Multiply by 8000 to convert from bytes/millisecond to bits/second
+ var segmentProcessingThroughput = Math.floor(segmentInfo.byteLength / segmentProcessingTime * 8 * 1000); // This is just a cumulative moving average calculation:
+ // newAvg = oldAvg + (sample - oldAvg) / (sampleCount + 1)
- decrypter.postMessage(createTransferableMessage({
- source: segment.requestId,
- encrypted: segment.encryptedBytes,
- key: keyBytes,
- iv: segment.key.iv
- }), [segment.encryptedBytes.buffer, keyBytes.buffer]);
- };
- /**
- * This function waits for all XHRs to finish (with either success or failure)
- * before continueing processing via it's callback. The function gathers errors
- * from each request into a single errors array so that the error status for
- * each request can be examined later.
- *
- * @param {Object} activeXhrs - an object that tracks all XHR requests
- * @param {WebWorker} decrypter - a WebWorker interface to AES-128 decryption routines
- * @param {Function} doneFn - a callback that is executed after all resources have been
- * downloaded and any decryption completed
- */
+ this.throughput.rate += (segmentProcessingThroughput - rate) / ++this.throughput.count;
+ }
+ /**
+ * Adds a cue to the segment-metadata track with some metadata information about the
+ * segment
+ *
+ * @private
+ * @param {Object} segmentInfo
+ * the object returned by loadSegment
+ * @method addSegmentMetadataCue_
+ */
+ ;
+
+ _proto.addSegmentMetadataCue_ = function addSegmentMetadataCue_(segmentInfo) {
+ if (!this.segmentMetadataTrack_) {
+ return;
+ }
+ var segment = segmentInfo.segment;
+ var start = segment.start;
+ var end = segment.end; // Do not try adding the cue if the start and end times are invalid.
- var waitForCompletion = function waitForCompletion(activeXhrs, decrypter, doneFn) {
- var count = 0;
- var didError = false;
- return function (error, segment) {
- if (didError) {
+ if (!finite(start) || !finite(end)) {
return;
}
- if (error) {
- didError = true; // If there are errors, we have to abort any outstanding requests
+ removeCuesFromTrack(start, end, this.segmentMetadataTrack_);
+ var Cue = window.WebKitDataCue || window.VTTCue;
+ var value = {
+ custom: segment.custom,
+ dateTimeObject: segment.dateTimeObject,
+ dateTimeString: segment.dateTimeString,
+ bandwidth: segmentInfo.playlist.attributes.BANDWIDTH,
+ resolution: segmentInfo.playlist.attributes.RESOLUTION,
+ codecs: segmentInfo.playlist.attributes.CODECS,
+ byteLength: segmentInfo.byteLength,
+ uri: segmentInfo.uri,
+ timeline: segmentInfo.timeline,
+ playlist: segmentInfo.playlist.id,
+ start: start,
+ end: end
+ };
+ var data = JSON.stringify(value);
+ var cue = new Cue(start, end, data); // Attach the metadata to the value property of the cue to keep consistency between
+ // the differences of WebKitDataCue in safari and VTTCue in other browsers
- abortAll(activeXhrs); // Even though the requests above are aborted, and in theory we could wait until we
- // handle the aborted events from those requests, there are some cases where we may
- // never get an aborted event. For instance, if the network connection is lost and
- // there were two requests, the first may have triggered an error immediately, while
- // the second request remains unsent. In that case, the aborted algorithm will not
- // trigger an abort: see https://xhr.spec.whatwg.org/#the-abort()-method
- //
- // We also can't rely on the ready state of the XHR, since the request that
- // triggered the connection error may also show as a ready state of 0 (unsent).
- // Therefore, we have to finish this group of requests immediately after the first
- // seen error.
+ cue.value = value;
+ this.segmentMetadataTrack_.addCue(cue);
+ };
- return doneFn(error, segment);
- }
+ return SegmentLoader;
+ }(videojs.EventTarget);
- count += 1;
+ function noop() {}
- if (count === activeXhrs.length) {
- // Keep track of when *all* of the requests have completed
- segment.endOfAllRequests = Date.now();
+ var toTitleCase = function toTitleCase(string) {
+ if (typeof string !== 'string') {
+ return string;
+ }
- if (segment.encryptedBytes) {
- return decryptSegment(decrypter, segment, doneFn);
- } // Otherwise, everything is ready just continue
+ return string.replace(/./, function (w) {
+ return w.toUpperCase();
+ });
+ };
+ var bufferTypes = ['video', 'audio'];
- return doneFn(null, segment);
- }
- };
+ var _updating = function updating(type, sourceUpdater) {
+ var sourceBuffer = sourceUpdater[type + "Buffer"];
+ return sourceBuffer && sourceBuffer.updating || sourceUpdater.queuePending[type];
};
- /**
- * Simple progress event callback handler that gathers some stats before
- * executing a provided callback with the `segment` object
- *
- * @param {Object} segment - a simplified copy of the segmentInfo object
- * from SegmentLoader
- * @param {Function} progressFn - a callback that is executed each time a progress event
- * is received
- * @param {Event} event - the progress event object from XMLHttpRequest
- */
+ var nextQueueIndexOfType = function nextQueueIndexOfType(type, queue) {
+ for (var i = 0; i < queue.length; i++) {
+ var queueEntry = queue[i];
- var handleProgress = function handleProgress(segment, progressFn) {
- return function (event) {
- segment.stats = videojs$1.mergeOptions(segment.stats, getProgressStats(event)); // record the time that we receive the first byte of data
+ if (queueEntry.type === 'mediaSource') {
+ // If the next entry is a media source entry (uses multiple source buffers), block
+ // processing to allow it to go through first.
+ return null;
+ }
- if (!segment.stats.firstBytesReceivedAt && segment.stats.bytesReceived) {
- segment.stats.firstBytesReceivedAt = Date.now();
+ if (queueEntry.type === type) {
+ return i;
}
+ }
- return progressFn(event, segment);
- };
+ return null;
};
- /**
- * Load all resources and does any processing necessary for a media-segment
- *
- * Features:
- * decrypts the media-segment if it has a key uri and an iv
- * aborts *all* requests if *any* one request fails
- *
- * The segment object, at minimum, has the following format:
- * {
- * resolvedUri: String,
- * [byterange]: {
- * offset: Number,
- * length: Number
- * },
- * [key]: {
- * resolvedUri: String
- * [byterange]: {
- * offset: Number,
- * length: Number
- * },
- * iv: {
- * bytes: Uint32Array
- * }
- * },
- * [map]: {
- * resolvedUri: String,
- * [byterange]: {
- * offset: Number,
- * length: Number
- * },
- * [bytes]: Uint8Array
- * }
- * }
- * ...where [name] denotes optional properties
- *
- * @param {Function} xhr - an instance of the xhr wrapper in xhr.js
- * @param {Object} xhrOptions - the base options to provide to all xhr requests
- * @param {WebWorker} decryptionWorker - a WebWorker interface to AES-128
- * decryption routines
- * @param {Object} segment - a simplified copy of the segmentInfo object
- * from SegmentLoader
- * @param {Function} progressFn - a callback that receives progress events from the main
- * segment's xhr request
- * @param {Function} doneFn - a callback that is executed only once all requests have
- * succeeded or failed
- * @returns {Function} a function that, when invoked, immediately aborts all
- * outstanding requests
- */
+ var shiftQueue = function shiftQueue(type, sourceUpdater) {
+ if (sourceUpdater.queue.length === 0) {
+ return;
+ }
- var mediaSegmentRequest = function mediaSegmentRequest(xhr, xhrOptions, decryptionWorker, captionParser, segment, progressFn, doneFn) {
- var activeXhrs = [];
- var finishProcessingFn = waitForCompletion(activeXhrs, decryptionWorker, doneFn); // optionally, request the decryption key
+ var queueIndex = 0;
+ var queueEntry = sourceUpdater.queue[queueIndex];
- if (segment.key && !segment.key.bytes) {
- var keyRequestOptions = videojs$1.mergeOptions(xhrOptions, {
- uri: segment.key.resolvedUri,
- responseType: 'arraybuffer'
- });
- var keyRequestCallback = handleKeyResponse(segment, finishProcessingFn);
- var keyXhr = xhr(keyRequestOptions, keyRequestCallback);
- activeXhrs.push(keyXhr);
- } // optionally, request the associated media init segment
+ if (queueEntry.type === 'mediaSource') {
+ if (!sourceUpdater.updating() && sourceUpdater.mediaSource.readyState !== 'closed') {
+ sourceUpdater.queue.shift();
+ queueEntry.action(sourceUpdater);
+ if (queueEntry.doneFn) {
+ queueEntry.doneFn();
+ } // Only specific source buffer actions must wait for async updateend events. Media
+ // Source actions process synchronously. Therefore, both audio and video source
+ // buffers are now clear to process the next queue entries.
- if (segment.map && !segment.map.bytes) {
- var initSegmentOptions = videojs$1.mergeOptions(xhrOptions, {
- uri: segment.map.resolvedUri,
- responseType: 'arraybuffer',
- headers: segmentXhrHeaders(segment.map)
- });
- var initSegmentRequestCallback = handleInitSegmentResponse(segment, captionParser, finishProcessingFn);
- var initSegmentXhr = xhr(initSegmentOptions, initSegmentRequestCallback);
- activeXhrs.push(initSegmentXhr);
- }
- var segmentRequestOptions = videojs$1.mergeOptions(xhrOptions, {
- uri: segment.resolvedUri,
- responseType: 'arraybuffer',
- headers: segmentXhrHeaders(segment)
- });
- var segmentRequestCallback = handleSegmentResponse(segment, captionParser, finishProcessingFn);
- var segmentXhr = xhr(segmentRequestOptions, segmentRequestCallback);
- segmentXhr.addEventListener('progress', handleProgress(segment, progressFn));
- activeXhrs.push(segmentXhr);
- return function () {
- return abortAll(activeXhrs);
- };
- }; // Utilities
+ shiftQueue('audio', sourceUpdater);
+ shiftQueue('video', sourceUpdater);
+ } // Media Source actions require both source buffers, so if the media source action
+ // couldn't process yet (because one or both source buffers are busy), block other
+ // queue actions until both are available and the media source action can process.
- /**
- * Returns the CSS value for the specified property on an element
- * using `getComputedStyle`. Firefox has a long-standing issue where
- * getComputedStyle() may return null when running in an iframe with
- * `display: none`.
- *
- * @see https://bugzilla.mozilla.org/show_bug.cgi?id=548397
- * @param {HTMLElement} el the htmlelement to work on
- * @param {string} the proprety to get the style for
- */
+ return;
+ }
- var safeGetComputedStyle = function safeGetComputedStyle(el, property) {
- var result = void 0;
+ if (type === 'mediaSource') {
+ // If the queue was shifted by a media source action (this happens when pushing a
+ // media source action onto the queue), then it wasn't from an updateend event from an
+ // audio or video source buffer, so there's no change from previous state, and no
+ // processing should be done.
+ return;
+ } // Media source queue entries don't need to consider whether the source updater is
+ // started (i.e., source buffers are created) as they don't need the source buffers, but
+ // source buffer queue entries do.
- if (!el) {
- return '';
+
+ if (!sourceUpdater.ready() || sourceUpdater.mediaSource.readyState === 'closed' || _updating(type, sourceUpdater)) {
+ return;
}
- result = window$3.getComputedStyle(el);
+ if (queueEntry.type !== type) {
+ queueIndex = nextQueueIndexOfType(type, sourceUpdater.queue);
- if (!result) {
- return '';
+ if (queueIndex === null) {
+ // Either there's no queue entry that uses this source buffer type in the queue, or
+ // there's a media source queue entry before the next entry of this type, in which
+ // case wait for that action to process first.
+ return;
+ }
+
+ queueEntry = sourceUpdater.queue[queueIndex];
}
- return result[property];
+ sourceUpdater.queue.splice(queueIndex, 1); // Keep a record that this source buffer type is in use.
+ //
+ // The queue pending operation must be set before the action is performed in the event
+ // that the action results in a synchronous event that is acted upon. For instance, if
+ // an exception is thrown that can be handled, it's possible that new actions will be
+ // appended to an empty queue and immediately executed, but would not have the correct
+ // pending information if this property was set after the action was performed.
+
+ sourceUpdater.queuePending[type] = queueEntry;
+ queueEntry.action(type, sourceUpdater);
+
+ if (!queueEntry.doneFn) {
+ // synchronous operation, process next entry
+ sourceUpdater.queuePending[type] = null;
+ shiftQueue(type, sourceUpdater);
+ return;
+ }
};
- /**
- * Resuable stable sort function
- *
- * @param {Playlists} array
- * @param {Function} sortFn Different comparators
- * @function stableSort
- */
+ var cleanupBuffer = function cleanupBuffer(type, sourceUpdater) {
+ var buffer = sourceUpdater[type + "Buffer"];
+ var titleType = toTitleCase(type);
- var stableSort = function stableSort(array, sortFn) {
- var newArray = array.slice();
- array.sort(function (left, right) {
- var cmp = sortFn(left, right);
+ if (!buffer) {
+ return;
+ }
- if (cmp === 0) {
- return newArray.indexOf(left) - newArray.indexOf(right);
- }
+ buffer.removeEventListener('updateend', sourceUpdater["on" + titleType + "UpdateEnd_"]);
+ buffer.removeEventListener('error', sourceUpdater["on" + titleType + "Error_"]);
+ sourceUpdater.codecs[type] = null;
+ sourceUpdater[type + "Buffer"] = null;
+ };
- return cmp;
- });
+ var inSourceBuffers = function inSourceBuffers(mediaSource, sourceBuffer) {
+ return mediaSource && sourceBuffer && Array.prototype.indexOf.call(mediaSource.sourceBuffers, sourceBuffer) !== -1;
};
- /**
- * A comparator function to sort two playlist object by bandwidth.
- *
- * @param {Object} left a media playlist object
- * @param {Object} right a media playlist object
- * @return {Number} Greater than zero if the bandwidth attribute of
- * left is greater than the corresponding attribute of right. Less
- * than zero if the bandwidth of right is greater than left and
- * exactly zero if the two are equal.
- */
+ var actions = {
+ appendBuffer: function appendBuffer(bytes, segmentInfo, onError) {
+ return function (type, sourceUpdater) {
+ var sourceBuffer = sourceUpdater[type + "Buffer"]; // can't do anything if the media source / source buffer is null
+ // or the media source does not contain this source buffer.
- var comparePlaylistBandwidth = function comparePlaylistBandwidth(left, right) {
- var leftBandwidth = void 0;
- var rightBandwidth = void 0;
+ if (!inSourceBuffers(sourceUpdater.mediaSource, sourceBuffer)) {
+ return;
+ }
- if (left.attributes.BANDWIDTH) {
- leftBandwidth = left.attributes.BANDWIDTH;
- }
+ sourceUpdater.logger_("Appending segment " + segmentInfo.mediaIndex + "'s " + bytes.length + " bytes to " + type + "Buffer");
- leftBandwidth = leftBandwidth || window$3.Number.MAX_VALUE;
+ try {
+ sourceBuffer.appendBuffer(bytes);
+ } catch (e) {
+ sourceUpdater.logger_("Error with code " + e.code + " " + (e.code === QUOTA_EXCEEDED_ERR ? '(QUOTA_EXCEEDED_ERR) ' : '') + ("when appending segment " + segmentInfo.mediaIndex + " to " + type + "Buffer"));
+ sourceUpdater.queuePending[type] = null;
+ onError(e);
+ }
+ };
+ },
+ remove: function remove(start, end) {
+ return function (type, sourceUpdater) {
+ var sourceBuffer = sourceUpdater[type + "Buffer"]; // can't do anything if the media source / source buffer is null
+ // or the media source does not contain this source buffer.
- if (right.attributes.BANDWIDTH) {
- rightBandwidth = right.attributes.BANDWIDTH;
- }
+ if (!inSourceBuffers(sourceUpdater.mediaSource, sourceBuffer)) {
+ return;
+ }
- rightBandwidth = rightBandwidth || window$3.Number.MAX_VALUE;
- return leftBandwidth - rightBandwidth;
- };
- /**
- * A comparator function to sort two playlist object by resolution (width).
- * @param {Object} left a media playlist object
- * @param {Object} right a media playlist object
- * @return {Number} Greater than zero if the resolution.width attribute of
- * left is greater than the corresponding attribute of right. Less
- * than zero if the resolution.width of right is greater than left and
- * exactly zero if the two are equal.
- */
+ sourceUpdater.logger_("Removing " + start + " to " + end + " from " + type + "Buffer");
+
+ try {
+ sourceBuffer.remove(start, end);
+ } catch (e) {
+ sourceUpdater.logger_("Remove " + start + " to " + end + " from " + type + "Buffer failed");
+ }
+ };
+ },
+ timestampOffset: function timestampOffset(offset) {
+ return function (type, sourceUpdater) {
+ var sourceBuffer = sourceUpdater[type + "Buffer"]; // can't do anything if the media source / source buffer is null
+ // or the media source does not contain this source buffer.
+ if (!inSourceBuffers(sourceUpdater.mediaSource, sourceBuffer)) {
+ return;
+ }
- var comparePlaylistResolution = function comparePlaylistResolution(left, right) {
- var leftWidth = void 0;
- var rightWidth = void 0;
+ sourceUpdater.logger_("Setting " + type + "timestampOffset to " + offset);
+ sourceBuffer.timestampOffset = offset;
+ };
+ },
+ callback: function callback(_callback) {
+ return function (type, sourceUpdater) {
+ _callback();
+ };
+ },
+ endOfStream: function endOfStream(error) {
+ return function (sourceUpdater) {
+ if (sourceUpdater.mediaSource.readyState !== 'open') {
+ return;
+ }
- if (left.attributes.RESOLUTION && left.attributes.RESOLUTION.width) {
- leftWidth = left.attributes.RESOLUTION.width;
- }
+ sourceUpdater.logger_("Calling mediaSource endOfStream(" + (error || '') + ")");
- leftWidth = leftWidth || window$3.Number.MAX_VALUE;
+ try {
+ sourceUpdater.mediaSource.endOfStream(error);
+ } catch (e) {
+ videojs.log.warn('Failed to call media source endOfStream', e);
+ }
+ };
+ },
+ duration: function duration(_duration) {
+ return function (sourceUpdater) {
+ sourceUpdater.logger_("Setting mediaSource duration to " + _duration);
- if (right.attributes.RESOLUTION && right.attributes.RESOLUTION.width) {
- rightWidth = right.attributes.RESOLUTION.width;
- }
+ try {
+ sourceUpdater.mediaSource.duration = _duration;
+ } catch (e) {
+ videojs.log.warn('Failed to set media source duration', e);
+ }
+ };
+ },
+ abort: function abort() {
+ return function (type, sourceUpdater) {
+ if (sourceUpdater.mediaSource.readyState !== 'open') {
+ return;
+ }
- rightWidth = rightWidth || window$3.Number.MAX_VALUE; // NOTE - Fallback to bandwidth sort as appropriate in cases where multiple renditions
- // have the same media dimensions/ resolution
+ var sourceBuffer = sourceUpdater[type + "Buffer"]; // can't do anything if the media source / source buffer is null
+ // or the media source does not contain this source buffer.
- if (leftWidth === rightWidth && left.attributes.BANDWIDTH && right.attributes.BANDWIDTH) {
- return left.attributes.BANDWIDTH - right.attributes.BANDWIDTH;
+ if (!inSourceBuffers(sourceUpdater.mediaSource, sourceBuffer)) {
+ return;
+ }
+
+ sourceUpdater.logger_("calling abort on " + type + "Buffer");
+
+ try {
+ sourceBuffer.abort();
+ } catch (e) {
+ videojs.log.warn("Failed to abort on " + type + "Buffer", e);
+ }
+ };
+ },
+ addSourceBuffer: function addSourceBuffer(type, codec) {
+ return function (sourceUpdater) {
+ var titleType = toTitleCase(type);
+ var mime = getMimeForCodec(codec);
+ sourceUpdater.logger_("Adding " + type + "Buffer with codec " + codec + " to mediaSource");
+ var sourceBuffer = sourceUpdater.mediaSource.addSourceBuffer(mime);
+ sourceBuffer.addEventListener('updateend', sourceUpdater["on" + titleType + "UpdateEnd_"]);
+ sourceBuffer.addEventListener('error', sourceUpdater["on" + titleType + "Error_"]);
+ sourceUpdater.codecs[type] = codec;
+ sourceUpdater[type + "Buffer"] = sourceBuffer;
+ };
+ },
+ removeSourceBuffer: function removeSourceBuffer(type) {
+ return function (sourceUpdater) {
+ var sourceBuffer = sourceUpdater[type + "Buffer"];
+ cleanupBuffer(type, sourceUpdater); // can't do anything if the media source / source buffer is null
+ // or the media source does not contain this source buffer.
+
+ if (!inSourceBuffers(sourceUpdater.mediaSource, sourceBuffer)) {
+ return;
+ }
+
+ sourceUpdater.logger_("Removing " + type + "Buffer with codec " + sourceUpdater.codecs[type] + " from mediaSource");
+
+ try {
+ sourceUpdater.mediaSource.removeSourceBuffer(sourceBuffer);
+ } catch (e) {
+ videojs.log.warn("Failed to removeSourceBuffer " + type + "Buffer", e);
+ }
+ };
+ },
+ changeType: function changeType(codec) {
+ return function (type, sourceUpdater) {
+ var sourceBuffer = sourceUpdater[type + "Buffer"];
+ var mime = getMimeForCodec(codec); // can't do anything if the media source / source buffer is null
+ // or the media source does not contain this source buffer.
+
+ if (!inSourceBuffers(sourceUpdater.mediaSource, sourceBuffer)) {
+ return;
+ } // do not update codec if we don't need to.
+
+
+ if (sourceUpdater.codecs[type] === codec) {
+ return;
+ }
+
+ sourceUpdater.logger_("changing " + type + "Buffer codec from " + sourceUpdater.codecs[type] + " to " + codec);
+ sourceBuffer.changeType(mime);
+ sourceUpdater.codecs[type] = codec;
+ };
}
+ };
- return leftWidth - rightWidth;
+ var pushQueue = function pushQueue(_ref) {
+ var type = _ref.type,
+ sourceUpdater = _ref.sourceUpdater,
+ action = _ref.action,
+ doneFn = _ref.doneFn,
+ name = _ref.name;
+ sourceUpdater.queue.push({
+ type: type,
+ action: action,
+ doneFn: doneFn,
+ name: name
+ });
+ shiftQueue(type, sourceUpdater);
+ };
+
+ var onUpdateend = function onUpdateend(type, sourceUpdater) {
+ return function (e) {
+ // Although there should, in theory, be a pending action for any updateend receieved,
+ // there are some actions that may trigger updateend events without set definitions in
+ // the w3c spec. For instance, setting the duration on the media source may trigger
+ // updateend events on source buffers. This does not appear to be in the spec. As such,
+ // if we encounter an updateend without a corresponding pending action from our queue
+ // for that source buffer type, process the next action.
+ if (sourceUpdater.queuePending[type]) {
+ var doneFn = sourceUpdater.queuePending[type].doneFn;
+ sourceUpdater.queuePending[type] = null;
+
+ if (doneFn) {
+ // if there's an error, report it
+ doneFn(sourceUpdater[type + "Error_"]);
+ }
+ }
+
+ shiftQueue(type, sourceUpdater);
+ };
};
/**
- * Chooses the appropriate media playlist based on bandwidth and player size
+ * A queue of callbacks to be serialized and applied when a
+ * MediaSource and its associated SourceBuffers are not in the
+ * updating state. It is used by the segment loader to update the
+ * underlying SourceBuffers when new data is loaded, for instance.
*
- * @param {Object} master
- * Object representation of the master manifest
- * @param {Number} playerBandwidth
- * Current calculated bandwidth of the player
- * @param {Number} playerWidth
- * Current width of the player element (should account for the device pixel ratio)
- * @param {Number} playerHeight
- * Current height of the player element (should account for the device pixel ratio)
- * @param {Boolean} limitRenditionByPlayerDimensions
- * True if the player width and height should be used during the selection, false otherwise
- * @return {Playlist} the highest bitrate playlist less than the
- * currently detected bandwidth, accounting for some amount of
- * bandwidth variance
+ * @class SourceUpdater
+ * @param {MediaSource} mediaSource the MediaSource to create the SourceBuffer from
+ * @param {string} mimeType the desired MIME type of the underlying SourceBuffer
*/
- var simpleSelector = function simpleSelector(master, playerBandwidth, playerWidth, playerHeight, limitRenditionByPlayerDimensions) {
- // convert the playlists to an intermediary representation to make comparisons easier
- var sortedPlaylistReps = master.playlists.map(function (playlist) {
- var width = void 0;
- var height = void 0;
- var bandwidth = void 0;
- width = playlist.attributes.RESOLUTION && playlist.attributes.RESOLUTION.width;
- height = playlist.attributes.RESOLUTION && playlist.attributes.RESOLUTION.height;
- bandwidth = playlist.attributes.BANDWIDTH;
- bandwidth = bandwidth || window$3.Number.MAX_VALUE;
- return {
- bandwidth: bandwidth,
- width: width,
- height: height,
- playlist: playlist
+ var SourceUpdater = /*#__PURE__*/function (_videojs$EventTarget) {
+ inheritsLoose(SourceUpdater, _videojs$EventTarget);
+
+ function SourceUpdater(mediaSource) {
+ var _this;
+
+ _this = _videojs$EventTarget.call(this) || this;
+ _this.mediaSource = mediaSource;
+
+ _this.sourceopenListener_ = function () {
+ return shiftQueue('mediaSource', assertThisInitialized(_this));
};
- });
- stableSort(sortedPlaylistReps, function (left, right) {
- return left.bandwidth - right.bandwidth;
- }); // filter out any playlists that have been excluded due to
- // incompatible configurations
- sortedPlaylistReps = sortedPlaylistReps.filter(function (rep) {
- return !Playlist.isIncompatible(rep.playlist);
- }); // filter out any playlists that have been disabled manually through the representations
- // api or blacklisted temporarily due to playback errors.
+ _this.mediaSource.addEventListener('sourceopen', _this.sourceopenListener_);
- var enabledPlaylistReps = sortedPlaylistReps.filter(function (rep) {
- return Playlist.isEnabled(rep.playlist);
- });
+ _this.logger_ = logger('SourceUpdater'); // initial timestamp offset is 0
- if (!enabledPlaylistReps.length) {
- // if there are no enabled playlists, then they have all been blacklisted or disabled
- // by the user through the representations api. In this case, ignore blacklisting and
- // fallback to what the user wants by using playlists the user has not disabled.
- enabledPlaylistReps = sortedPlaylistReps.filter(function (rep) {
- return !Playlist.isDisabled(rep.playlist);
- });
- } // filter out any variant that has greater effective bitrate
- // than the current estimated bandwidth
+ _this.audioTimestampOffset_ = 0;
+ _this.videoTimestampOffset_ = 0;
+ _this.queue = [];
+ _this.queuePending = {
+ audio: null,
+ video: null
+ };
+ _this.delayedAudioAppendQueue_ = [];
+ _this.videoAppendQueued_ = false;
+ _this.codecs = {};
+ _this.onVideoUpdateEnd_ = onUpdateend('video', assertThisInitialized(_this));
+ _this.onAudioUpdateEnd_ = onUpdateend('audio', assertThisInitialized(_this));
+
+ _this.onVideoError_ = function (e) {
+ // used for debugging
+ _this.videoError_ = e;
+ };
+ _this.onAudioError_ = function (e) {
+ // used for debugging
+ _this.audioError_ = e;
+ };
- var bandwidthPlaylistReps = enabledPlaylistReps.filter(function (rep) {
- return rep.bandwidth * Config.BANDWIDTH_VARIANCE < playerBandwidth;
- });
- var highestRemainingBandwidthRep = bandwidthPlaylistReps[bandwidthPlaylistReps.length - 1]; // get all of the renditions with the same (highest) bandwidth
- // and then taking the very first element
+ _this.createdSourceBuffers_ = false;
+ _this.initializedEme_ = false;
+ _this.triggeredReady_ = false;
+ return _this;
+ }
- var bandwidthBestRep = bandwidthPlaylistReps.filter(function (rep) {
- return rep.bandwidth === highestRemainingBandwidthRep.bandwidth;
- })[0]; // if we're not going to limit renditions by player size, make an early decision.
+ var _proto = SourceUpdater.prototype;
- if (limitRenditionByPlayerDimensions === false) {
- var _chosenRep = bandwidthBestRep || enabledPlaylistReps[0] || sortedPlaylistReps[0];
+ _proto.initializedEme = function initializedEme() {
+ this.initializedEme_ = true;
+ this.triggerReady();
+ };
- return _chosenRep ? _chosenRep.playlist : null;
- } // filter out playlists without resolution information
+ _proto.hasCreatedSourceBuffers = function hasCreatedSourceBuffers() {
+ // if false, likely waiting on one of the segment loaders to get enough data to create
+ // source buffers
+ return this.createdSourceBuffers_;
+ };
+ _proto.hasInitializedAnyEme = function hasInitializedAnyEme() {
+ return this.initializedEme_;
+ };
- var haveResolution = bandwidthPlaylistReps.filter(function (rep) {
- return rep.width && rep.height;
- }); // sort variants by resolution
+ _proto.ready = function ready() {
+ return this.hasCreatedSourceBuffers() && this.hasInitializedAnyEme();
+ };
- stableSort(haveResolution, function (left, right) {
- return left.width - right.width;
- }); // if we have the exact resolution as the player use it
+ _proto.createSourceBuffers = function createSourceBuffers(codecs) {
+ if (this.hasCreatedSourceBuffers()) {
+ // already created them before
+ return;
+ } // the intial addOrChangeSourceBuffers will always be
+ // two add buffers.
- var resolutionBestRepList = haveResolution.filter(function (rep) {
- return rep.width === playerWidth && rep.height === playerHeight;
- });
- highestRemainingBandwidthRep = resolutionBestRepList[resolutionBestRepList.length - 1]; // ensure that we pick the highest bandwidth variant that have exact resolution
- var resolutionBestRep = resolutionBestRepList.filter(function (rep) {
- return rep.bandwidth === highestRemainingBandwidthRep.bandwidth;
- })[0];
- var resolutionPlusOneList = void 0;
- var resolutionPlusOneSmallest = void 0;
- var resolutionPlusOneRep = void 0; // find the smallest variant that is larger than the player
- // if there is no match of exact resolution
+ this.addOrChangeSourceBuffers(codecs);
+ this.createdSourceBuffers_ = true;
+ this.trigger('createdsourcebuffers');
+ this.triggerReady();
+ };
- if (!resolutionBestRep) {
- resolutionPlusOneList = haveResolution.filter(function (rep) {
- return rep.width > playerWidth || rep.height > playerHeight;
- }); // find all the variants have the same smallest resolution
+ _proto.triggerReady = function triggerReady() {
+ // only allow ready to be triggered once, this prevents the case
+ // where:
+ // 1. we trigger createdsourcebuffers
+ // 2. ie 11 synchronously initializates eme
+ // 3. the synchronous initialization causes us to trigger ready
+ // 4. We go back to the ready check in createSourceBuffers and ready is triggered again.
+ if (this.ready() && !this.triggeredReady_) {
+ this.triggeredReady_ = true;
+ this.trigger('ready');
+ }
+ }
+ /**
+ * Add a type of source buffer to the media source.
+ *
+ * @param {string} type
+ * The type of source buffer to add.
+ *
+ * @param {string} codec
+ * The codec to add the source buffer with.
+ */
+ ;
- resolutionPlusOneSmallest = resolutionPlusOneList.filter(function (rep) {
- return rep.width === resolutionPlusOneList[0].width && rep.height === resolutionPlusOneList[0].height;
- }); // ensure that we also pick the highest bandwidth variant that
- // is just-larger-than the video player
+ _proto.addSourceBuffer = function addSourceBuffer(type, codec) {
+ pushQueue({
+ type: 'mediaSource',
+ sourceUpdater: this,
+ action: actions.addSourceBuffer(type, codec),
+ name: 'addSourceBuffer'
+ });
+ }
+ /**
+ * call abort on a source buffer.
+ *
+ * @param {string} type
+ * The type of source buffer to call abort on.
+ */
+ ;
- highestRemainingBandwidthRep = resolutionPlusOneSmallest[resolutionPlusOneSmallest.length - 1];
- resolutionPlusOneRep = resolutionPlusOneSmallest.filter(function (rep) {
- return rep.bandwidth === highestRemainingBandwidthRep.bandwidth;
- })[0];
- } // fallback chain of variants
+ _proto.abort = function abort(type) {
+ pushQueue({
+ type: type,
+ sourceUpdater: this,
+ action: actions.abort(type),
+ name: 'abort'
+ });
+ }
+ /**
+ * Call removeSourceBuffer and remove a specific type
+ * of source buffer on the mediaSource.
+ *
+ * @param {string} type
+ * The type of source buffer to remove.
+ */
+ ;
+
+ _proto.removeSourceBuffer = function removeSourceBuffer(type) {
+ if (!this.canRemoveSourceBuffer()) {
+ videojs.log.error('removeSourceBuffer is not supported!');
+ return;
+ }
+ pushQueue({
+ type: 'mediaSource',
+ sourceUpdater: this,
+ action: actions.removeSourceBuffer(type),
+ name: 'removeSourceBuffer'
+ });
+ }
+ /**
+ * Whether or not the removeSourceBuffer function is supported
+ * on the mediaSource.
+ *
+ * @return {boolean}
+ * if removeSourceBuffer can be called.
+ */
+ ;
- var chosenRep = resolutionPlusOneRep || resolutionBestRep || bandwidthBestRep || enabledPlaylistReps[0] || sortedPlaylistReps[0];
- return chosenRep ? chosenRep.playlist : null;
- }; // Playlist Selectors
+ _proto.canRemoveSourceBuffer = function canRemoveSourceBuffer() {
+ // IE reports that it supports removeSourceBuffer, but often throws
+ // errors when attempting to use the function. So we report that it
+ // does not support removeSourceBuffer. As of Firefox 83 removeSourceBuffer
+ // throws errors, so we report that it does not support this as well.
+ return !videojs.browser.IE_VERSION && !videojs.browser.IS_FIREFOX && window.MediaSource && window.MediaSource.prototype && typeof window.MediaSource.prototype.removeSourceBuffer === 'function';
+ }
+ /**
+ * Whether or not the changeType function is supported
+ * on our SourceBuffers.
+ *
+ * @return {boolean}
+ * if changeType can be called.
+ */
+ ;
- /**
- * Chooses the appropriate media playlist based on the most recent
- * bandwidth estimate and the player size.
- *
- * Expects to be called within the context of an instance of HlsHandler
- *
- * @return {Playlist} the highest bitrate playlist less than the
- * currently detected bandwidth, accounting for some amount of
- * bandwidth variance
- */
+ SourceUpdater.canChangeType = function canChangeType() {
+ return window.SourceBuffer && window.SourceBuffer.prototype && typeof window.SourceBuffer.prototype.changeType === 'function';
+ }
+ /**
+ * Whether or not the changeType function is supported
+ * on our SourceBuffers.
+ *
+ * @return {boolean}
+ * if changeType can be called.
+ */
+ ;
+
+ _proto.canChangeType = function canChangeType() {
+ return this.constructor.canChangeType();
+ }
+ /**
+ * Call the changeType function on a source buffer, given the code and type.
+ *
+ * @param {string} type
+ * The type of source buffer to call changeType on.
+ *
+ * @param {string} codec
+ * The codec string to change type with on the source buffer.
+ */
+ ;
+ _proto.changeType = function changeType(type, codec) {
+ if (!this.canChangeType()) {
+ videojs.log.error('changeType is not supported!');
+ return;
+ }
- var lastBandwidthSelector = function lastBandwidthSelector() {
- var pixelRatio = this.useDevicePixelRatio ? window$3.devicePixelRatio || 1 : 1;
- return simpleSelector(this.playlists.master, this.systemBandwidth, parseInt(safeGetComputedStyle(this.tech_.el(), 'width'), 10) * pixelRatio, parseInt(safeGetComputedStyle(this.tech_.el(), 'height'), 10) * pixelRatio, this.limitRenditionByPlayerDimensions);
- };
- /**
- * Chooses the appropriate media playlist based on the potential to rebuffer
- *
- * @param {Object} settings
- * Object of information required to use this selector
- * @param {Object} settings.master
- * Object representation of the master manifest
- * @param {Number} settings.currentTime
- * The current time of the player
- * @param {Number} settings.bandwidth
- * Current measured bandwidth
- * @param {Number} settings.duration
- * Duration of the media
- * @param {Number} settings.segmentDuration
- * Segment duration to be used in round trip time calculations
- * @param {Number} settings.timeUntilRebuffer
- * Time left in seconds until the player has to rebuffer
- * @param {Number} settings.currentTimeline
- * The current timeline segments are being loaded from
- * @param {SyncController} settings.syncController
- * SyncController for determining if we have a sync point for a given playlist
- * @return {Object|null}
- * {Object} return.playlist
- * The highest bandwidth playlist with the least amount of rebuffering
- * {Number} return.rebufferingImpact
- * The amount of time in seconds switching to this playlist will rebuffer. A
- * negative value means that switching will cause zero rebuffering.
- */
+ pushQueue({
+ type: type,
+ sourceUpdater: this,
+ action: actions.changeType(codec),
+ name: 'changeType'
+ });
+ }
+ /**
+ * Add source buffers with a codec or, if they are already created,
+ * call changeType on source buffers using changeType.
+ *
+ * @param {Object} codecs
+ * Codecs to switch to
+ */
+ ;
+ _proto.addOrChangeSourceBuffers = function addOrChangeSourceBuffers(codecs) {
+ var _this2 = this;
- var minRebufferMaxBandwidthSelector = function minRebufferMaxBandwidthSelector(settings) {
- var master = settings.master,
- currentTime = settings.currentTime,
- bandwidth = settings.bandwidth,
- duration$$1 = settings.duration,
- segmentDuration = settings.segmentDuration,
- timeUntilRebuffer = settings.timeUntilRebuffer,
- currentTimeline = settings.currentTimeline,
- syncController = settings.syncController; // filter out any playlists that have been excluded due to
- // incompatible configurations
+ if (!codecs || typeof codecs !== 'object' || Object.keys(codecs).length === 0) {
+ throw new Error('Cannot addOrChangeSourceBuffers to undefined codecs');
+ }
- var compatiblePlaylists = master.playlists.filter(function (playlist) {
- return !Playlist.isIncompatible(playlist);
- }); // filter out any playlists that have been disabled manually through the representations
- // api or blacklisted temporarily due to playback errors.
+ Object.keys(codecs).forEach(function (type) {
+ var codec = codecs[type];
- var enabledPlaylists = compatiblePlaylists.filter(Playlist.isEnabled);
+ if (!_this2.hasCreatedSourceBuffers()) {
+ return _this2.addSourceBuffer(type, codec);
+ }
- if (!enabledPlaylists.length) {
- // if there are no enabled playlists, then they have all been blacklisted or disabled
- // by the user through the representations api. In this case, ignore blacklisting and
- // fallback to what the user wants by using playlists the user has not disabled.
- enabledPlaylists = compatiblePlaylists.filter(function (playlist) {
- return !Playlist.isDisabled(playlist);
+ if (_this2.canChangeType()) {
+ _this2.changeType(type, codec);
+ }
});
}
+ /**
+ * Queue an update to append an ArrayBuffer.
+ *
+ * @param {MediaObject} object containing audioBytes and/or videoBytes
+ * @param {Function} done the function to call when done
+ * @see http://www.w3.org/TR/media-source/#widl-SourceBuffer-appendBuffer-void-ArrayBuffer-data
+ */
+ ;
- var bandwidthPlaylists = enabledPlaylists.filter(Playlist.hasAttribute.bind(null, 'BANDWIDTH'));
- var rebufferingEstimates = bandwidthPlaylists.map(function (playlist) {
- var syncPoint = syncController.getSyncPoint(playlist, duration$$1, currentTimeline, currentTime); // If there is no sync point for this playlist, switching to it will require a
- // sync request first. This will double the request time
+ _proto.appendBuffer = function appendBuffer(options, doneFn) {
+ var _this3 = this;
- var numRequests = syncPoint ? 1 : 2;
- var requestTimeEstimate = Playlist.estimateSegmentRequestTime(segmentDuration, bandwidth, playlist);
- var rebufferingImpact = requestTimeEstimate * numRequests - timeUntilRebuffer;
- return {
- playlist: playlist,
- rebufferingImpact: rebufferingImpact
- };
- });
- var noRebufferingPlaylists = rebufferingEstimates.filter(function (estimate) {
- return estimate.rebufferingImpact <= 0;
- }); // Sort by bandwidth DESC
+ var segmentInfo = options.segmentInfo,
+ type = options.type,
+ bytes = options.bytes;
+ this.processedAppend_ = true;
+
+ if (type === 'audio' && this.videoBuffer && !this.videoAppendQueued_) {
+ this.delayedAudioAppendQueue_.push([options, doneFn]);
+ this.logger_("delayed audio append of " + bytes.length + " until video append");
+ return;
+ } // In the case of certain errors, for instance, QUOTA_EXCEEDED_ERR, updateend will
+ // not be fired. This means that the queue will be blocked until the next action
+ // taken by the segment-loader. Provide a mechanism for segment-loader to handle
+ // these errors by calling the doneFn with the specific error.
+
+
+ var onError = doneFn;
+ pushQueue({
+ type: type,
+ sourceUpdater: this,
+ action: actions.appendBuffer(bytes, segmentInfo || {
+ mediaIndex: -1
+ }, onError),
+ doneFn: doneFn,
+ name: 'appendBuffer'
+ });
+
+ if (type === 'video') {
+ this.videoAppendQueued_ = true;
+
+ if (!this.delayedAudioAppendQueue_.length) {
+ return;
+ }
+
+ var queue = this.delayedAudioAppendQueue_.slice();
+ this.logger_("queuing delayed audio " + queue.length + " appendBuffers");
+ this.delayedAudioAppendQueue_.length = 0;
+ queue.forEach(function (que) {
+ _this3.appendBuffer.apply(_this3, que);
+ });
+ }
+ }
+ /**
+ * Get the audio buffer's buffered timerange.
+ *
+ * @return {TimeRange}
+ * The audio buffer's buffered time range
+ */
+ ;
- stableSort(noRebufferingPlaylists, function (a, b) {
- return comparePlaylistBandwidth(b.playlist, a.playlist);
- });
+ _proto.audioBuffered = function audioBuffered() {
+ // no media source/source buffer or it isn't in the media sources
+ // source buffer list
+ if (!inSourceBuffers(this.mediaSource, this.audioBuffer)) {
+ return videojs.createTimeRange();
+ }
- if (noRebufferingPlaylists.length) {
- return noRebufferingPlaylists[0];
+ return this.audioBuffer.buffered ? this.audioBuffer.buffered : videojs.createTimeRange();
}
+ /**
+ * Get the video buffer's buffered timerange.
+ *
+ * @return {TimeRange}
+ * The video buffer's buffered time range
+ */
+ ;
- stableSort(rebufferingEstimates, function (a, b) {
- return a.rebufferingImpact - b.rebufferingImpact;
- });
- return rebufferingEstimates[0] || null;
- };
- /**
- * Chooses the appropriate media playlist, which in this case is the lowest bitrate
- * one with video. If no renditions with video exist, return the lowest audio rendition.
- *
- * Expects to be called within the context of an instance of HlsHandler
- *
- * @return {Object|null}
- * {Object} return.playlist
- * The lowest bitrate playlist that contains a video codec. If no such rendition
- * exists pick the lowest audio rendition.
- */
+ _proto.videoBuffered = function videoBuffered() {
+ // no media source/source buffer or it isn't in the media sources
+ // source buffer list
+ if (!inSourceBuffers(this.mediaSource, this.videoBuffer)) {
+ return videojs.createTimeRange();
+ }
+ return this.videoBuffer.buffered ? this.videoBuffer.buffered : videojs.createTimeRange();
+ }
+ /**
+ * Get a combined video/audio buffer's buffered timerange.
+ *
+ * @return {TimeRange}
+ * the combined time range
+ */
+ ;
- var lowestBitrateCompatibleVariantSelector = function lowestBitrateCompatibleVariantSelector() {
- // filter out any playlists that have been excluded due to
- // incompatible configurations or playback errors
- var playlists = this.playlists.master.playlists.filter(Playlist.isEnabled); // Sort ascending by bitrate
+ _proto.buffered = function buffered() {
+ var video = inSourceBuffers(this.mediaSource, this.videoBuffer) ? this.videoBuffer : null;
+ var audio = inSourceBuffers(this.mediaSource, this.audioBuffer) ? this.audioBuffer : null;
- stableSort(playlists, function (a, b) {
- return comparePlaylistBandwidth(a, b);
- }); // Parse and assume that playlists with no video codec have no video
- // (this is not necessarily true, although it is generally true).
- //
- // If an entire manifest has no valid videos everything will get filtered
- // out.
+ if (audio && !video) {
+ return this.audioBuffered();
+ }
- var playlistsWithVideo = playlists.filter(function (playlist) {
- return parseCodecs(playlist.attributes.CODECS).videoCodec;
- });
- return playlistsWithVideo[0] || null;
- };
- /**
- * Create captions text tracks on video.js if they do not exist
- *
- * @param {Object} inbandTextTracks a reference to current inbandTextTracks
- * @param {Object} tech the video.js tech
- * @param {Object} captionStreams the caption streams to create
- * @private
- */
+ if (video && !audio) {
+ return this.videoBuffered();
+ }
+ return bufferIntersection(this.audioBuffered(), this.videoBuffered());
+ }
+ /**
+ * Add a callback to the queue that will set duration on the mediaSource.
+ *
+ * @param {number} duration
+ * The duration to set
+ *
+ * @param {Function} [doneFn]
+ * function to run after duration has been set.
+ */
+ ;
- var createCaptionsTrackIfNotExists = function createCaptionsTrackIfNotExists(inbandTextTracks, tech, captionStreams) {
- for (var trackId in captionStreams) {
- if (!inbandTextTracks[trackId]) {
- tech.trigger({
- type: 'usage',
- name: 'hls-608'
- });
- var track = tech.textTracks().getTrackById(trackId);
+ _proto.setDuration = function setDuration(duration, doneFn) {
+ if (doneFn === void 0) {
+ doneFn = noop;
+ } // In order to set the duration on the media source, it's necessary to wait for all
+ // source buffers to no longer be updating. "If the updating attribute equals true on
+ // any SourceBuffer in sourceBuffers, then throw an InvalidStateError exception and
+ // abort these steps." (source: https://www.w3.org/TR/media-source/#attributes).
+
+
+ pushQueue({
+ type: 'mediaSource',
+ sourceUpdater: this,
+ action: actions.duration(duration),
+ name: 'duration',
+ doneFn: doneFn
+ });
+ }
+ /**
+ * Add a mediaSource endOfStream call to the queue
+ *
+ * @param {Error} [error]
+ * Call endOfStream with an error
+ *
+ * @param {Function} [doneFn]
+ * A function that should be called when the
+ * endOfStream call has finished.
+ */
+ ;
- if (track) {
- // Resuse an existing track with a CC# id because this was
- // very likely created by videojs-contrib-hls from information
- // in the m3u8 for us to use
- inbandTextTracks[trackId] = track;
- } else {
- // Otherwise, create a track with the default `CC#` label and
- // without a language
- inbandTextTracks[trackId] = tech.addRemoteTextTrack({
- kind: 'captions',
- id: trackId,
- label: trackId
- }, false).track;
- }
+ _proto.endOfStream = function endOfStream(error, doneFn) {
+ if (error === void 0) {
+ error = null;
}
- }
- };
- var addCaptionData = function addCaptionData(_ref) {
- var inbandTextTracks = _ref.inbandTextTracks,
- captionArray = _ref.captionArray,
- timestampOffset = _ref.timestampOffset;
+ if (doneFn === void 0) {
+ doneFn = noop;
+ }
- if (!captionArray) {
- return;
+ if (typeof error !== 'string') {
+ error = undefined;
+ } // In order to set the duration on the media source, it's necessary to wait for all
+ // source buffers to no longer be updating. "If the updating attribute equals true on
+ // any SourceBuffer in sourceBuffers, then throw an InvalidStateError exception and
+ // abort these steps." (source: https://www.w3.org/TR/media-source/#attributes).
+
+
+ pushQueue({
+ type: 'mediaSource',
+ sourceUpdater: this,
+ action: actions.endOfStream(error),
+ name: 'endOfStream',
+ doneFn: doneFn
+ });
}
+ /**
+ * Queue an update to remove a time range from the buffer.
+ *
+ * @param {number} start where to start the removal
+ * @param {number} end where to end the removal
+ * @param {Function} [done=noop] optional callback to be executed when the remove
+ * operation is complete
+ * @see http://www.w3.org/TR/media-source/#widl-SourceBuffer-remove-void-double-start-unrestricted-double-end
+ */
+ ;
- var Cue = window.WebKitDataCue || window.VTTCue;
- captionArray.forEach(function (caption) {
- var track = caption.stream;
- var startTime = caption.startTime;
- var endTime = caption.endTime;
+ _proto.removeAudio = function removeAudio(start, end, done) {
+ if (done === void 0) {
+ done = noop;
+ }
- if (!inbandTextTracks[track]) {
+ if (!this.audioBuffered().length || this.audioBuffered().end(0) === 0) {
+ done();
return;
}
- startTime += timestampOffset;
- endTime += timestampOffset;
- inbandTextTracks[track].addCue(new Cue(startTime, endTime, caption.text));
- });
- };
- /**
- * @file segment-loader.js
- */
- // in ms
+ pushQueue({
+ type: 'audio',
+ sourceUpdater: this,
+ action: actions.remove(start, end),
+ doneFn: done,
+ name: 'remove'
+ });
+ }
+ /**
+ * Queue an update to remove a time range from the buffer.
+ *
+ * @param {number} start where to start the removal
+ * @param {number} end where to end the removal
+ * @param {Function} [done=noop] optional callback to be executed when the remove
+ * operation is complete
+ * @see http://www.w3.org/TR/media-source/#widl-SourceBuffer-remove-void-double-start-unrestricted-double-end
+ */
+ ;
+ _proto.removeVideo = function removeVideo(start, end, done) {
+ if (done === void 0) {
+ done = noop;
+ }
- var CHECK_BUFFER_DELAY = 500;
- /**
- * Determines if we should call endOfStream on the media source based
- * on the state of the buffer or if appened segment was the final
- * segment in the playlist.
- *
- * @param {Object} playlist a media playlist object
- * @param {Object} mediaSource the MediaSource object
- * @param {Number} segmentIndex the index of segment we last appended
- * @returns {Boolean} do we need to call endOfStream on the MediaSource
- */
+ if (!this.videoBuffered().length || this.videoBuffered().end(0) === 0) {
+ done();
+ return;
+ }
- var detectEndOfStream = function detectEndOfStream(playlist, mediaSource, segmentIndex) {
- if (!playlist || !mediaSource) {
- return false;
+ pushQueue({
+ type: 'video',
+ sourceUpdater: this,
+ action: actions.remove(start, end),
+ doneFn: done,
+ name: 'remove'
+ });
}
+ /**
+ * Whether the underlying sourceBuffer is updating or not
+ *
+ * @return {boolean} the updating status of the SourceBuffer
+ */
+ ;
- var segments = playlist.segments; // determine a few boolean values to help make the branch below easier
- // to read
-
- var appendedLastSegment = segmentIndex === segments.length; // if we've buffered to the end of the video, we need to call endOfStream
- // so that MediaSources can trigger the `ended` event when it runs out of
- // buffered data instead of waiting for me
+ _proto.updating = function updating() {
+ // the audio/video source buffer is updating
+ if (_updating('audio', this) || _updating('video', this)) {
+ return true;
+ }
- return playlist.endList && mediaSource.readyState === 'open' && appendedLastSegment;
- };
+ return false;
+ }
+ /**
+ * Set/get the timestampoffset on the audio SourceBuffer
+ *
+ * @return {number} the timestamp offset
+ */
+ ;
- var finite = function finite(num) {
- return typeof num === 'number' && isFinite(num);
- };
+ _proto.audioTimestampOffset = function audioTimestampOffset(offset) {
+ if (typeof offset !== 'undefined' && this.audioBuffer && // no point in updating if it's the same
+ this.audioTimestampOffset_ !== offset) {
+ pushQueue({
+ type: 'audio',
+ sourceUpdater: this,
+ action: actions.timestampOffset(offset),
+ name: 'timestampOffset'
+ });
+ this.audioTimestampOffset_ = offset;
+ }
- var illegalMediaSwitch = function illegalMediaSwitch(loaderType, startingMedia, newSegmentMedia) {
- // Although these checks should most likely cover non 'main' types, for now it narrows
- // the scope of our checks.
- if (loaderType !== 'main' || !startingMedia || !newSegmentMedia) {
- return null;
+ return this.audioTimestampOffset_;
}
+ /**
+ * Set/get the timestampoffset on the video SourceBuffer
+ *
+ * @return {number} the timestamp offset
+ */
+ ;
- if (!newSegmentMedia.containsAudio && !newSegmentMedia.containsVideo) {
- return 'Neither audio nor video found in segment.';
+ _proto.videoTimestampOffset = function videoTimestampOffset(offset) {
+ if (typeof offset !== 'undefined' && this.videoBuffer && // no point in updating if it's the same
+ this.videoTimestampOffset !== offset) {
+ pushQueue({
+ type: 'video',
+ sourceUpdater: this,
+ action: actions.timestampOffset(offset),
+ name: 'timestampOffset'
+ });
+ this.videoTimestampOffset_ = offset;
+ }
+
+ return this.videoTimestampOffset_;
}
+ /**
+ * Add a function to the queue that will be called
+ * when it is its turn to run in the audio queue.
+ *
+ * @param {Function} callback
+ * The callback to queue.
+ */
+ ;
- if (startingMedia.containsVideo && !newSegmentMedia.containsVideo) {
- return 'Only audio found in segment when we expected video.' + ' We can\'t switch to audio only from a stream that had video.' + ' To get rid of this message, please add codec information to the manifest.';
+ _proto.audioQueueCallback = function audioQueueCallback(callback) {
+ if (!this.audioBuffer) {
+ return;
+ }
+
+ pushQueue({
+ type: 'audio',
+ sourceUpdater: this,
+ action: actions.callback(callback),
+ name: 'callback'
+ });
}
+ /**
+ * Add a function to the queue that will be called
+ * when it is its turn to run in the video queue.
+ *
+ * @param {Function} callback
+ * The callback to queue.
+ */
+ ;
- if (!startingMedia.containsVideo && newSegmentMedia.containsVideo) {
- return 'Video found in segment when we expected only audio.' + ' We can\'t switch to a stream with video from an audio only stream.' + ' To get rid of this message, please add codec information to the manifest.';
+ _proto.videoQueueCallback = function videoQueueCallback(callback) {
+ if (!this.videoBuffer) {
+ return;
+ }
+
+ pushQueue({
+ type: 'video',
+ sourceUpdater: this,
+ action: actions.callback(callback),
+ name: 'callback'
+ });
}
+ /**
+ * dispose of the source updater and the underlying sourceBuffer
+ */
+ ;
- return null;
- };
- /**
- * Calculates a time value that is safe to remove from the back buffer without interupting
- * playback.
- *
- * @param {TimeRange} seekable
- * The current seekable range
- * @param {Number} currentTime
- * The current time of the player
- * @param {Number} targetDuration
- * The target duration of the current playlist
- * @return {Number}
- * Time that is safe to remove from the back buffer without interupting playback
- */
+ _proto.dispose = function dispose() {
+ var _this4 = this;
+ this.trigger('dispose');
+ bufferTypes.forEach(function (type) {
+ _this4.abort(type);
- var safeBackBufferTrimTime = function safeBackBufferTrimTime(seekable$$1, currentTime, targetDuration) {
- // 30 seconds before the playhead provides a safe default for trimming.
- //
- // Choosing a reasonable default is particularly important for high bitrate content and
- // VOD videos/live streams with large windows, as the buffer may end up overfilled and
- // throw an APPEND_BUFFER_ERR.
- var trimTime = currentTime - 30;
+ if (_this4.canRemoveSourceBuffer()) {
+ _this4.removeSourceBuffer(type);
+ } else {
+ _this4[type + "QueueCallback"](function () {
+ return cleanupBuffer(type, _this4);
+ });
+ }
+ });
+ this.videoAppendQueued_ = false;
+ this.delayedAudioAppendQueue_.length = 0;
- if (seekable$$1.length) {
- // Some live playlists may have a shorter window of content than the full allowed back
- // buffer. For these playlists, don't save content that's no longer within the window.
- trimTime = Math.max(trimTime, seekable$$1.start(0));
- } // Don't remove within target duration of the current time to avoid the possibility of
- // removing the GOP currently being played, as removing it can cause playback stalls.
+ if (this.sourceopenListener_) {
+ this.mediaSource.removeEventListener('sourceopen', this.sourceopenListener_);
+ }
+ this.off();
+ };
- var maxTrimTime = currentTime - targetDuration;
- return Math.min(maxTrimTime, trimTime);
- };
+ return SourceUpdater;
+ }(videojs.EventTarget);
- var segmentInfoString = function segmentInfoString(segmentInfo) {
- var _segmentInfo$segment = segmentInfo.segment,
- start = _segmentInfo$segment.start,
- end = _segmentInfo$segment.end,
- _segmentInfo$playlist = segmentInfo.playlist,
- seq = _segmentInfo$playlist.mediaSequence,
- id = _segmentInfo$playlist.id,
- _segmentInfo$playlist2 = _segmentInfo$playlist.segments,
- segments = _segmentInfo$playlist2 === undefined ? [] : _segmentInfo$playlist2,
- index = segmentInfo.mediaIndex,
- timeline = segmentInfo.timeline;
- return ['appending [' + index + '] of [' + seq + ', ' + (seq + segments.length) + '] from playlist [' + id + ']', '[' + start + ' => ' + end + '] in timeline [' + timeline + ']'].join(' ');
+ var uint8ToUtf8 = function uint8ToUtf8(uintArray) {
+ return decodeURIComponent(escape(String.fromCharCode.apply(null, uintArray)));
};
+
+ var VTT_LINE_TERMINATORS = new Uint8Array('\n\n'.split('').map(function (_char3) {
+ return _char3.charCodeAt(0);
+ }));
/**
* An object that manages segment loading and appending.
*
- * @class SegmentLoader
+ * @class VTTSegmentLoader
* @param {Object} options required and optional options
* @extends videojs.EventTarget
*/
+ var VTTSegmentLoader = /*#__PURE__*/function (_SegmentLoader) {
+ inheritsLoose(VTTSegmentLoader, _SegmentLoader);
- var SegmentLoader = function (_videojs$EventTarget) {
- inherits$2(SegmentLoader, _videojs$EventTarget);
-
- function SegmentLoader(settings) {
- classCallCheck$1(this, SegmentLoader); // check pre-conditions
-
- var _this = possibleConstructorReturn$1(this, (SegmentLoader.__proto__ || Object.getPrototypeOf(SegmentLoader)).call(this));
-
- if (!settings) {
- throw new TypeError('Initialization settings are required');
- }
+ function VTTSegmentLoader(settings, options) {
+ var _this;
- if (typeof settings.currentTime !== 'function') {
- throw new TypeError('No currentTime getter specified');
+ if (options === void 0) {
+ options = {};
}
- if (!settings.mediaSource) {
- throw new TypeError('No MediaSource specified');
- } // public properties
+ _this = _SegmentLoader.call(this, settings, options) || this; // SegmentLoader requires a MediaSource be specified or it will throw an error;
+ // however, VTTSegmentLoader has no need of a media source, so delete the reference
+ _this.mediaSource_ = null;
+ _this.subtitlesTrack_ = null;
+ _this.loaderType_ = 'subtitle';
+ _this.featuresNativeTextTracks_ = settings.featuresNativeTextTracks; // The VTT segment will have its own time mappings. Saving VTT segment timing info in
+ // the sync controller leads to improper behavior.
- _this.bandwidth = settings.bandwidth;
- _this.throughput = {
- rate: 0,
- count: 0
- };
- _this.roundTrip = NaN;
+ _this.shouldSaveSegmentTimingInfo_ = false;
+ return _this;
+ }
- _this.resetStats_();
+ var _proto = VTTSegmentLoader.prototype;
- _this.mediaIndex = null; // private settings
+ _proto.createTransmuxer_ = function createTransmuxer_() {
+ // don't need to transmux any subtitles
+ return null;
+ }
+ /**
+ * Indicates which time ranges are buffered
+ *
+ * @return {TimeRange}
+ * TimeRange object representing the current buffered ranges
+ */
+ ;
- _this.hasPlayed_ = settings.hasPlayed;
- _this.currentTime_ = settings.currentTime;
- _this.seekable_ = settings.seekable;
- _this.seeking_ = settings.seeking;
- _this.duration_ = settings.duration;
- _this.mediaSource_ = settings.mediaSource;
- _this.hls_ = settings.hls;
- _this.loaderType_ = settings.loaderType;
- _this.startingMedia_ = void 0;
- _this.segmentMetadataTrack_ = settings.segmentMetadataTrack;
- _this.goalBufferLength_ = settings.goalBufferLength;
- _this.sourceType_ = settings.sourceType;
- _this.inbandTextTracks_ = settings.inbandTextTracks;
- _this.state_ = 'INIT'; // private instance variables
+ _proto.buffered_ = function buffered_() {
+ if (!this.subtitlesTrack_ || !this.subtitlesTrack_.cues || !this.subtitlesTrack_.cues.length) {
+ return videojs.createTimeRanges();
+ }
- _this.checkBufferTimeout_ = null;
- _this.error_ = void 0;
- _this.currentTimeline_ = -1;
- _this.pendingSegment_ = null;
- _this.mimeType_ = null;
- _this.sourceUpdater_ = null;
- _this.xhrOptions_ = null; // Fragmented mp4 playback
+ var cues = this.subtitlesTrack_.cues;
+ var start = cues[0].startTime;
+ var end = cues[cues.length - 1].startTime;
+ return videojs.createTimeRanges([[start, end]]);
+ }
+ /**
+ * Gets and sets init segment for the provided map
+ *
+ * @param {Object} map
+ * The map object representing the init segment to get or set
+ * @param {boolean=} set
+ * If true, the init segment for the provided map should be saved
+ * @return {Object}
+ * map object for desired init segment
+ */
+ ;
- _this.activeInitSegmentId_ = null;
- _this.initSegments_ = {}; // HLSe playback
+ _proto.initSegmentForMap = function initSegmentForMap(map, set) {
+ if (set === void 0) {
+ set = false;
+ }
- _this.cacheEncryptionKeys_ = settings.cacheEncryptionKeys;
- _this.keyCache_ = {}; // Fmp4 CaptionParser
+ if (!map) {
+ return null;
+ }
- if (_this.loaderType_ === 'main') {
- _this.captionParser_ = new captionParser();
- } else {
- _this.captionParser_ = null;
+ var id = initSegmentId(map);
+ var storedMap = this.initSegments_[id];
+
+ if (set && !storedMap && map.bytes) {
+ // append WebVTT line terminators to the media initialization segment if it exists
+ // to follow the WebVTT spec (https://w3c.github.io/webvtt/#file-structure) that
+ // requires two or more WebVTT line terminators between the WebVTT header and the
+ // rest of the file
+ var combinedByteLength = VTT_LINE_TERMINATORS.byteLength + map.bytes.byteLength;
+ var combinedSegment = new Uint8Array(combinedByteLength);
+ combinedSegment.set(map.bytes);
+ combinedSegment.set(VTT_LINE_TERMINATORS, map.bytes.byteLength);
+ this.initSegments_[id] = storedMap = {
+ resolvedUri: map.resolvedUri,
+ byterange: map.byterange,
+ bytes: combinedSegment
+ };
}
- _this.decrypter_ = settings.decrypter; // Manages the tracking and generation of sync-points, mappings
- // between a time in the display time and a segment index within
- // a playlist
+ return storedMap || map;
+ }
+ /**
+ * Returns true if all configuration required for loading is present, otherwise false.
+ *
+ * @return {boolean} True if the all configuration is ready for loading
+ * @private
+ */
+ ;
- _this.syncController_ = settings.syncController;
- _this.syncPoint_ = {
- segmentIndex: 0,
- time: 0
- };
+ _proto.couldBeginLoading_ = function couldBeginLoading_() {
+ return this.playlist_ && this.subtitlesTrack_ && !this.paused();
+ }
+ /**
+ * Once all the starting parameters have been specified, begin
+ * operation. This method should only be invoked from the INIT
+ * state.
+ *
+ * @private
+ */
+ ;
- _this.triggerSyncInfoUpdate_ = function () {
- return _this.trigger('syncinfoupdate');
- };
+ _proto.init_ = function init_() {
+ this.state = 'READY';
+ this.resetEverything();
+ return this.monitorBuffer_();
+ }
+ /**
+ * Set a subtitle track on the segment loader to add subtitles to
+ *
+ * @param {TextTrack=} track
+ * The text track to add loaded subtitles to
+ * @return {TextTrack}
+ * Returns the subtitles track
+ */
+ ;
- _this.syncController_.on('syncinfoupdate', _this.triggerSyncInfoUpdate_);
+ _proto.track = function track(_track) {
+ if (typeof _track === 'undefined') {
+ return this.subtitlesTrack_;
+ }
- _this.mediaSource_.addEventListener('sourceopen', function () {
- return _this.ended_ = false;
- }); // ...for determining the fetch location
+ this.subtitlesTrack_ = _track; // if we were unpaused but waiting for a sourceUpdater, start
+ // buffering now
+ if (this.state === 'INIT' && this.couldBeginLoading_()) {
+ this.init_();
+ }
- _this.fetchAtBuffer_ = false;
- _this.logger_ = logger('SegmentLoader[' + _this.loaderType_ + ']');
- Object.defineProperty(_this, 'state', {
- get: function get$$1() {
- return this.state_;
- },
- set: function set$$1(newState) {
- if (newState !== this.state_) {
- this.logger_(this.state_ + ' -> ' + newState);
- this.state_ = newState;
- }
- }
- });
- return _this;
+ return this.subtitlesTrack_;
}
/**
- * reset all of our media stats
+ * Remove any data in the source buffer between start and end times
+ *
+ * @param {number} start - the start time of the region to remove from the buffer
+ * @param {number} end - the end time of the region to remove from the buffer
+ */
+ ;
+
+ _proto.remove = function remove(start, end) {
+ removeCuesFromTrack(start, end, this.subtitlesTrack_);
+ }
+ /**
+ * fill the buffer with segements unless the sourceBuffers are
+ * currently updating
+ *
+ * Note: this function should only ever be called by monitorBuffer_
+ * and never directly
*
* @private
*/
+ ;
+
+ _proto.fillBuffer_ = function fillBuffer_() {
+ var _this2 = this; // see if we need to begin loading immediately
- createClass$1(SegmentLoader, [{
- key: 'resetStats_',
- value: function resetStats_() {
- this.mediaBytesTransferred = 0;
- this.mediaRequests = 0;
- this.mediaRequestsAborted = 0;
- this.mediaRequestsTimedout = 0;
- this.mediaRequestsErrored = 0;
- this.mediaTransferDuration = 0;
- this.mediaSecondsLoaded = 0;
+ var segmentInfo = this.chooseNextRequest_();
+
+ if (!segmentInfo) {
+ return;
}
- /**
- * dispose of the SegmentLoader and reset to the default state
- */
- }, {
- key: 'dispose',
- value: function dispose() {
- this.trigger('dispose');
- this.state = 'DISPOSED';
- this.pause();
- this.abort_();
+ if (this.syncController_.timestampOffsetForTimeline(segmentInfo.timeline) === null) {
+ // We don't have the timestamp offset that we need to sync subtitles.
+ // Rerun on a timestamp offset or user interaction.
+ var checkTimestampOffset = function checkTimestampOffset() {
+ _this2.state = 'READY';
- if (this.sourceUpdater_) {
- this.sourceUpdater_.dispose();
- }
+ if (!_this2.paused()) {
+ // if not paused, queue a buffer check as soon as possible
+ _this2.monitorBuffer_();
+ }
+ };
+
+ this.syncController_.one('timestampoffset', checkTimestampOffset);
+ this.state = 'WAITING_ON_TIMELINE';
+ return;
+ }
- this.resetStats_();
+ this.loadSegment_(segmentInfo);
+ } // never set a timestamp offset for vtt segments.
+ ;
- if (this.captionParser_) {
- this.captionParser_.reset();
- }
+ _proto.timestampOffsetForSegment_ = function timestampOffsetForSegment_() {
+ return null;
+ };
- if (this.checkBufferTimeout_) {
- window$3.clearTimeout(this.checkBufferTimeout_);
- }
+ _proto.chooseNextRequest_ = function chooseNextRequest_() {
+ return this.skipEmptySegments_(_SegmentLoader.prototype.chooseNextRequest_.call(this));
+ }
+ /**
+ * Prevents the segment loader from requesting segments we know contain no subtitles
+ * by walking forward until we find the next segment that we don't know whether it is
+ * empty or not.
+ *
+ * @param {Object} segmentInfo
+ * a segment info object that describes the current segment
+ * @return {Object}
+ * a segment info object that describes the current segment
+ */
+ ;
- if (this.syncController_ && this.triggerSyncInfoUpdate_) {
- this.syncController_.off('syncinfoupdate', this.triggerSyncInfoUpdate_);
+ _proto.skipEmptySegments_ = function skipEmptySegments_(segmentInfo) {
+ while (segmentInfo && segmentInfo.segment.empty) {
+ // stop at the last possible segmentInfo
+ if (segmentInfo.mediaIndex + 1 >= segmentInfo.playlist.segments.length) {
+ segmentInfo = null;
+ break;
}
- this.off();
+ segmentInfo = this.generateSegmentInfo_({
+ playlist: segmentInfo.playlist,
+ mediaIndex: segmentInfo.mediaIndex + 1,
+ startOfSegment: segmentInfo.startOfSegment + segmentInfo.duration,
+ isSyncRequest: segmentInfo.isSyncRequest
+ });
}
- /**
- * abort anything that is currently doing on with the SegmentLoader
- * and reset to a default state
- */
-
- }, {
- key: 'abort',
- value: function abort() {
- if (this.state !== 'WAITING') {
- if (this.pendingSegment_) {
- this.pendingSegment_ = null;
- }
- return;
- }
+ return segmentInfo;
+ };
- this.abort_(); // We aborted the requests we were waiting on, so reset the loader's state to READY
- // since we are no longer "waiting" on any requests. XHR callback is not always run
- // when the request is aborted. This will prevent the loader from being stuck in the
- // WAITING state indefinitely.
+ _proto.stopForError = function stopForError(error) {
+ this.error(error);
+ this.state = 'READY';
+ this.pause();
+ this.trigger('error');
+ }
+ /**
+ * append a decrypted segement to the SourceBuffer through a SourceUpdater
+ *
+ * @private
+ */
+ ;
- this.state = 'READY'; // don't wait for buffer check timeouts to begin fetching the
- // next segment
+ _proto.segmentRequestFinished_ = function segmentRequestFinished_(error, simpleSegment, result) {
+ var _this3 = this;
- if (!this.paused()) {
- this.monitorBuffer_();
- }
+ if (!this.subtitlesTrack_) {
+ this.state = 'READY';
+ return;
}
- /**
- * abort all pending xhr requests and null any pending segements
- *
- * @private
- */
-
- }, {
- key: 'abort_',
- value: function abort_() {
- if (this.pendingSegment_) {
- this.pendingSegment_.abortRequests();
- } // clear out the segment being processed
+ this.saveTransferStats_(simpleSegment.stats); // the request was aborted
- this.pendingSegment_ = null;
+ if (!this.pendingSegment_) {
+ this.state = 'READY';
+ this.mediaRequestsAborted += 1;
+ return;
}
- /**
- * set an error on the segment loader and null out any pending segements
- *
- * @param {Error} error the error to set on the SegmentLoader
- * @return {Error} the error that was set or that is currently set
- */
- }, {
- key: 'error',
- value: function error(_error) {
- if (typeof _error !== 'undefined') {
- this.error_ = _error;
+ if (error) {
+ if (error.code === REQUEST_ERRORS.TIMEOUT) {
+ this.handleTimeout_();
}
- this.pendingSegment_ = null;
- return this.error_;
- }
- }, {
- key: 'endOfStream',
- value: function endOfStream() {
- this.ended_ = true;
- this.pause();
- this.trigger('ended');
- }
- /**
- * Indicates which time ranges are buffered
- *
- * @return {TimeRange}
- * TimeRange object representing the current buffered ranges
- */
-
- }, {
- key: 'buffered_',
- value: function buffered_() {
- if (!this.sourceUpdater_) {
- return videojs$1.createTimeRanges();
+ if (error.code === REQUEST_ERRORS.ABORTED) {
+ this.mediaRequestsAborted += 1;
+ } else {
+ this.mediaRequestsErrored += 1;
}
- return this.sourceUpdater_.buffered();
+ this.stopForError(error);
+ return;
}
- /**
- * Gets and sets init segment for the provided map
- *
- * @param {Object} map
- * The map object representing the init segment to get or set
- * @param {Boolean=} set
- * If true, the init segment for the provided map should be saved
- * @return {Object}
- * map object for desired init segment
- */
- }, {
- key: 'initSegment',
- value: function initSegment(map) {
- var set$$1 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+ var segmentInfo = this.pendingSegment_; // although the VTT segment loader bandwidth isn't really used, it's good to
+ // maintain functionality between segment loaders
- if (!map) {
- return null;
- }
+ this.saveBandwidthRelatedStats_(segmentInfo.duration, simpleSegment.stats);
+ this.state = 'APPENDING'; // used for tests
- var id = initSegmentId(map);
- var storedMap = this.initSegments_[id];
-
- if (set$$1 && !storedMap && map.bytes) {
- this.initSegments_[id] = storedMap = {
- resolvedUri: map.resolvedUri,
- byterange: map.byterange,
- bytes: map.bytes,
- timescales: map.timescales,
- videoTrackIds: map.videoTrackIds
- };
- }
+ this.trigger('appending');
+ var segment = segmentInfo.segment;
- return storedMap || map;
+ if (segment.map) {
+ segment.map.bytes = simpleSegment.map.bytes;
}
- /**
- * Gets and sets key for the provided key
- *
- * @param {Object} key
- * The key object representing the key to get or set
- * @param {Boolean=} set
- * If true, the key for the provided key should be saved
- * @return {Object}
- * Key object for desired key
- */
- }, {
- key: 'segmentKey',
- value: function segmentKey(key) {
- var set$$1 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+ segmentInfo.bytes = simpleSegment.bytes; // Make sure that vttjs has loaded, otherwise, wait till it finished loading
- if (!key) {
- return null;
- }
+ if (typeof window.WebVTT !== 'function' && this.subtitlesTrack_ && this.subtitlesTrack_.tech_) {
+ var loadHandler;
- var id = segmentKeyId(key);
- var storedKey = this.keyCache_[id]; // TODO: We should use the HTTP Expires header to invalidate our cache per
- // https://tools.ietf.org/html/draft-pantos-http-live-streaming-23#section-6.2.3
+ var errorHandler = function errorHandler() {
+ _this3.subtitlesTrack_.tech_.off('vttjsloaded', loadHandler);
- if (this.cacheEncryptionKeys_ && set$$1 && !storedKey && key.bytes) {
- this.keyCache_[id] = storedKey = {
- resolvedUri: key.resolvedUri,
- bytes: key.bytes
- };
- }
+ _this3.stopForError({
+ message: 'Error loading vtt.js'
+ });
- var result = {
- resolvedUri: (storedKey || key).resolvedUri
+ return;
};
- if (storedKey) {
- result.bytes = storedKey.bytes;
- }
+ loadHandler = function loadHandler() {
+ _this3.subtitlesTrack_.tech_.off('vttjserror', errorHandler);
- return result;
+ _this3.segmentRequestFinished_(error, simpleSegment, result);
+ };
+
+ this.state = 'WAITING_ON_VTTJS';
+ this.subtitlesTrack_.tech_.one('vttjsloaded', loadHandler);
+ this.subtitlesTrack_.tech_.one('vttjserror', errorHandler);
+ return;
}
- /**
- * Returns true if all configuration required for loading is present, otherwise false.
- *
- * @return {Boolean} True if the all configuration is ready for loading
- * @private
- */
- }, {
- key: 'couldBeginLoading_',
- value: function couldBeginLoading_() {
- return this.playlist_ && ( // the source updater is created when init_ is called, so either having a
- // source updater or being in the INIT state with a mimeType is enough
- // to say we have all the needed configuration to start loading.
- this.sourceUpdater_ || this.mimeType_ && this.state === 'INIT') && !this.paused();
+ segment.requested = true;
+
+ try {
+ this.parseVTTCues_(segmentInfo);
+ } catch (e) {
+ this.stopForError({
+ message: e.message
+ });
+ return;
}
- /**
- * load a playlist and start to fill the buffer
- */
- }, {
- key: 'load',
- value: function load() {
- // un-pause
- this.monitorBuffer_(); // if we don't have a playlist yet, keep waiting for one to be
- // specified
+ this.updateTimeMapping_(segmentInfo, this.syncController_.timelines[segmentInfo.timeline], this.playlist_);
- if (!this.playlist_) {
- return;
- } // not sure if this is the best place for this
+ if (segmentInfo.cues.length) {
+ segmentInfo.timingInfo = {
+ start: segmentInfo.cues[0].startTime,
+ end: segmentInfo.cues[segmentInfo.cues.length - 1].endTime
+ };
+ } else {
+ segmentInfo.timingInfo = {
+ start: segmentInfo.startOfSegment,
+ end: segmentInfo.startOfSegment + segmentInfo.duration
+ };
+ }
+ if (segmentInfo.isSyncRequest) {
+ this.trigger('syncinfoupdate');
+ this.pendingSegment_ = null;
+ this.state = 'READY';
+ return;
+ }
- this.syncController_.setDateTimeMapping(this.playlist_); // if all the configuration is ready, initialize and begin loading
+ segmentInfo.byteLength = segmentInfo.bytes.byteLength;
+ this.mediaSecondsLoaded += segment.duration; // Create VTTCue instances for each cue in the new segment and add them to
+ // the subtitle track
- if (this.state === 'INIT' && this.couldBeginLoading_()) {
- return this.init_();
- } // if we're in the middle of processing a segment already, don't
- // kick off an additional segment request
+ segmentInfo.cues.forEach(function (cue) {
+ _this3.subtitlesTrack_.addCue(_this3.featuresNativeTextTracks_ ? new window.VTTCue(cue.startTime, cue.endTime, cue.text) : cue);
+ }); // Remove any duplicate cues from the subtitle track. The WebVTT spec allows
+ // cues to have identical time-intervals, but if the text is also identical
+ // we can safely assume it is a duplicate that can be removed (ex. when a cue
+ // "overlaps" VTT segments)
+ removeDuplicateCuesFromTrack(this.subtitlesTrack_);
+ this.handleAppendsDone_();
+ };
- if (!this.couldBeginLoading_() || this.state !== 'READY' && this.state !== 'INIT') {
- return;
- }
+ _proto.handleData_ = function handleData_() {// noop as we shouldn't be getting video/audio data captions
+ // that we do not support here.
+ };
- this.state = 'READY';
- }
- /**
- * Once all the starting parameters have been specified, begin
- * operation. This method should only be invoked from the INIT
- * state.
- *
- * @private
- */
+ _proto.updateTimingInfoEnd_ = function updateTimingInfoEnd_() {// noop
+ }
+ /**
+ * Uses the WebVTT parser to parse the segment response
+ *
+ * @param {Object} segmentInfo
+ * a segment info object that describes the current segment
+ * @private
+ */
+ ;
- }, {
- key: 'init_',
- value: function init_() {
- this.state = 'READY';
- this.sourceUpdater_ = new SourceUpdater(this.mediaSource_, this.mimeType_, this.loaderType_, this.sourceBufferEmitter_);
- this.resetEverything();
- return this.monitorBuffer_();
+ _proto.parseVTTCues_ = function parseVTTCues_(segmentInfo) {
+ var decoder;
+ var decodeBytesToString = false;
+
+ if (typeof window.TextDecoder === 'function') {
+ decoder = new window.TextDecoder('utf8');
+ } else {
+ decoder = window.WebVTT.StringDecoder();
+ decodeBytesToString = true;
}
- /**
- * set a playlist on the segment loader
- *
- * @param {PlaylistLoader} media the playlist to set on the segment loader
- */
- }, {
- key: 'playlist',
- value: function playlist(newPlaylist) {
- var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+ var parser = new window.WebVTT.Parser(window, window.vttjs, decoder);
+ segmentInfo.cues = [];
+ segmentInfo.timestampmap = {
+ MPEGTS: 0,
+ LOCAL: 0
+ };
+ parser.oncue = segmentInfo.cues.push.bind(segmentInfo.cues);
- if (!newPlaylist) {
- return;
- }
+ parser.ontimestampmap = function (map) {
+ segmentInfo.timestampmap = map;
+ };
- var oldPlaylist = this.playlist_;
- var segmentInfo = this.pendingSegment_;
- this.playlist_ = newPlaylist;
- this.xhrOptions_ = options; // when we haven't started playing yet, the start of a live playlist
- // is always our zero-time so force a sync update each time the playlist
- // is refreshed from the server
- //
- // Use the INIT state to determine if playback has started, as the playlist sync info
- // should be fixed once requests begin (as sync points are generated based on sync
- // info), but not before then.
+ parser.onparsingerror = function (error) {
+ videojs.log.warn('Error encountered when parsing cues: ' + error.message);
+ };
- if (this.state === 'INIT') {
- newPlaylist.syncInfo = {
- mediaSequence: newPlaylist.mediaSequence,
- time: 0
- };
+ if (segmentInfo.segment.map) {
+ var mapData = segmentInfo.segment.map.bytes;
+
+ if (decodeBytesToString) {
+ mapData = uint8ToUtf8(mapData);
}
- var oldId = null;
+ parser.parse(mapData);
+ }
+
+ var segmentData = segmentInfo.bytes;
- if (oldPlaylist) {
- if (oldPlaylist.id) {
- oldId = oldPlaylist.id;
- } else if (oldPlaylist.uri) {
- oldId = oldPlaylist.uri;
- }
- }
+ if (decodeBytesToString) {
+ segmentData = uint8ToUtf8(segmentData);
+ }
+
+ parser.parse(segmentData);
+ parser.flush();
+ }
+ /**
+ * Updates the start and end times of any cues parsed by the WebVTT parser using
+ * the information parsed from the X-TIMESTAMP-MAP header and a TS to media time mapping
+ * from the SyncController
+ *
+ * @param {Object} segmentInfo
+ * a segment info object that describes the current segment
+ * @param {Object} mappingObj
+ * object containing a mapping from TS to media time
+ * @param {Object} playlist
+ * the playlist object containing the segment
+ * @private
+ */
+ ;
+
+ _proto.updateTimeMapping_ = function updateTimeMapping_(segmentInfo, mappingObj, playlist) {
+ var segment = segmentInfo.segment;
+
+ if (!mappingObj) {
+ // If the sync controller does not have a mapping of TS to Media Time for the
+ // timeline, then we don't have enough information to update the cue
+ // start/end times
+ return;
+ }
+
+ if (!segmentInfo.cues.length) {
+ // If there are no cues, we also do not have enough information to figure out
+ // segment timing. Mark that the segment contains no cues so we don't re-request
+ // an empty segment.
+ segment.empty = true;
+ return;
+ }
+
+ var timestampmap = segmentInfo.timestampmap;
+ var diff = timestampmap.MPEGTS / clock_1 - timestampmap.LOCAL + mappingObj.mapping;
+ segmentInfo.cues.forEach(function (cue) {
+ // First convert cue time to TS time using the timestamp-map provided within the vtt
+ cue.startTime += diff;
+ cue.endTime += diff;
+ });
- this.logger_('playlist update [' + oldId + ' => ' + (newPlaylist.id || newPlaylist.uri) + ']'); // in VOD, this is always a rendition switch (or we updated our syncInfo above)
- // in LIVE, we always want to update with new playlists (including refreshes)
+ if (!playlist.syncInfo) {
+ var firstStart = segmentInfo.cues[0].startTime;
+ var lastStart = segmentInfo.cues[segmentInfo.cues.length - 1].startTime;
+ playlist.syncInfo = {
+ mediaSequence: playlist.mediaSequence + segmentInfo.mediaIndex,
+ time: Math.min(firstStart, lastStart - segment.duration)
+ };
+ }
+ };
- this.trigger('syncinfoupdate'); // if we were unpaused but waiting for a playlist, start
- // buffering now
+ return VTTSegmentLoader;
+ }(SegmentLoader);
+ /**
+ * @file ad-cue-tags.js
+ */
- if (this.state === 'INIT' && this.couldBeginLoading_()) {
- return this.init_();
- }
+ /**
+ * Searches for an ad cue that overlaps with the given mediaTime
+ *
+ * @param {Object} track
+ * the track to find the cue for
+ *
+ * @param {number} mediaTime
+ * the time to find the cue at
+ *
+ * @return {Object|null}
+ * the found cue or null
+ */
- if (!oldPlaylist || oldPlaylist.uri !== newPlaylist.uri) {
- if (this.mediaIndex !== null) {
- // we must "resync" the segment loader when we switch renditions and
- // the segment loader is already synced to the previous rendition
- this.resyncLoader();
- } // the rest of this function depends on `oldPlaylist` being defined
+ var findAdCue = function findAdCue(track, mediaTime) {
+ var cues = track.cues;
- return;
- } // we reloaded the same playlist so we are in a live scenario
- // and we will likely need to adjust the mediaIndex
+ for (var i = 0; i < cues.length; i++) {
+ var cue = cues[i];
+ if (mediaTime >= cue.adStartTime && mediaTime <= cue.adEndTime) {
+ return cue;
+ }
+ }
- var mediaSequenceDiff = newPlaylist.mediaSequence - oldPlaylist.mediaSequence;
- this.logger_('live window shift [' + mediaSequenceDiff + ']'); // update the mediaIndex on the SegmentLoader
- // this is important because we can abort a request and this value must be
- // equal to the last appended mediaIndex
+ return null;
+ };
- if (this.mediaIndex !== null) {
- this.mediaIndex -= mediaSequenceDiff;
- } // update the mediaIndex on the SegmentInfo object
- // this is important because we will update this.mediaIndex with this value
- // in `handleUpdateEnd_` after the segment has been successfully appended
+ var updateAdCues = function updateAdCues(media, track, offset) {
+ if (offset === void 0) {
+ offset = 0;
+ }
+ if (!media.segments) {
+ return;
+ }
- if (segmentInfo) {
- segmentInfo.mediaIndex -= mediaSequenceDiff; // we need to update the referenced segment so that timing information is
- // saved for the new playlist's segment, however, if the segment fell off the
- // playlist, we can leave the old reference and just lose the timing info
+ var mediaTime = offset;
+ var cue;
- if (segmentInfo.mediaIndex >= 0) {
- segmentInfo.segment = newPlaylist.segments[segmentInfo.mediaIndex];
- }
- }
+ for (var i = 0; i < media.segments.length; i++) {
+ var segment = media.segments[i];
- this.syncController_.saveExpiredSegmentInfo(oldPlaylist, newPlaylist);
+ if (!cue) {
+ // Since the cues will span for at least the segment duration, adding a fudge
+ // factor of half segment duration will prevent duplicate cues from being
+ // created when timing info is not exact (e.g. cue start time initialized
+ // at 10.006677, but next call mediaTime is 10.003332 )
+ cue = findAdCue(track, mediaTime + segment.duration / 2);
}
- /**
- * Prevent the loader from fetching additional segments. If there
- * is a segment request outstanding, it will finish processing
- * before the loader halts. A segment loader can be unpaused by
- * calling load().
- */
- }, {
- key: 'pause',
- value: function pause() {
- if (this.checkBufferTimeout_) {
- window$3.clearTimeout(this.checkBufferTimeout_);
- this.checkBufferTimeout_ = null;
+ if (cue) {
+ if ('cueIn' in segment) {
+ // Found a CUE-IN so end the cue
+ cue.endTime = mediaTime;
+ cue.adEndTime = mediaTime;
+ mediaTime += segment.duration;
+ cue = null;
+ continue;
}
- }
- /**
- * Returns whether the segment loader is fetching additional
- * segments when given the opportunity. This property can be
- * modified through calls to pause() and load().
- */
- }, {
- key: 'paused',
- value: function paused() {
- return this.checkBufferTimeout_ === null;
- }
- /**
- * create/set the following mimetype on the SourceBuffer through a
- * SourceUpdater
- *
- * @param {String} mimeType the mime type string to use
- * @param {Object} sourceBufferEmitter an event emitter that fires when a source buffer
- * is added to the media source
- */
+ if (mediaTime < cue.endTime) {
+ // Already processed this mediaTime for this cue
+ mediaTime += segment.duration;
+ continue;
+ } // otherwise extend cue until a CUE-IN is found
- }, {
- key: 'mimeType',
- value: function mimeType(_mimeType, sourceBufferEmitter) {
- if (this.mimeType_) {
- return;
+
+ cue.endTime += segment.duration;
+ } else {
+ if ('cueOut' in segment) {
+ cue = new window.VTTCue(mediaTime, mediaTime + segment.duration, segment.cueOut);
+ cue.adStartTime = mediaTime; // Assumes tag format to be
+ // #EXT-X-CUE-OUT:30
+
+ cue.adEndTime = mediaTime + parseFloat(segment.cueOut);
+ track.addCue(cue);
}
- this.mimeType_ = _mimeType;
- this.sourceBufferEmitter_ = sourceBufferEmitter; // if we were unpaused but waiting for a sourceUpdater, start
- // buffering now
+ if ('cueOutCont' in segment) {
+ // Entered into the middle of an ad cue
+ // Assumes tag formate to be
+ // #EXT-X-CUE-OUT-CONT:10/30
+ var _segment$cueOutCont$s = segment.cueOutCont.split('/').map(parseFloat),
+ adOffset = _segment$cueOutCont$s[0],
+ adTotal = _segment$cueOutCont$s[1];
- if (this.state === 'INIT' && this.couldBeginLoading_()) {
- this.init_();
+ cue = new window.VTTCue(mediaTime, mediaTime + segment.duration, '');
+ cue.adStartTime = mediaTime - adOffset;
+ cue.adEndTime = cue.adStartTime + adTotal;
+ track.addCue(cue);
}
}
- /**
- * Delete all the buffered data and reset the SegmentLoader
- * @param {Function} [done] an optional callback to be executed when the remove
- * operation is complete
- */
-
- }, {
- key: 'resetEverything',
- value: function resetEverything(done) {
- this.ended_ = false;
- this.resetLoader(); // remove from 0, the earliest point, to Infinity, to signify removal of everything.
- // VTT Segment Loader doesn't need to do anything but in the regular SegmentLoader,
- // we then clamp the value to duration if necessary.
- this.remove(0, Infinity, done); // clears fmp4 captions
+ mediaTime += segment.duration;
+ }
+ }; // synchronize expired playlist segments.
+ // the max media sequence diff is 48 hours of live stream
+ // content with two second segments. Anything larger than that
+ // will likely be invalid.
- if (this.captionParser_) {
- this.captionParser_.clearAllCaptions();
- }
- this.trigger('reseteverything');
+ var MAX_MEDIA_SEQUENCE_DIFF_FOR_SYNC = 86400;
+ var syncPointStrategies = [// Stategy "VOD": Handle the VOD-case where the sync-point is *always*
+ // the equivalence display-time 0 === segment-index 0
+ {
+ name: 'VOD',
+ run: function run(syncController, playlist, duration, currentTimeline, currentTime) {
+ if (duration !== Infinity) {
+ var syncPoint = {
+ time: 0,
+ segmentIndex: 0,
+ partIndex: null
+ };
+ return syncPoint;
}
- /**
- * Force the SegmentLoader to resync and start loading around the currentTime instead
- * of starting at the end of the buffer
- *
- * Useful for fast quality changes
- */
- }, {
- key: 'resetLoader',
- value: function resetLoader() {
- this.fetchAtBuffer_ = false;
- this.resyncLoader();
+ return null;
+ }
+ }, // Stategy "ProgramDateTime": We have a program-date-time tag in this playlist
+ {
+ name: 'ProgramDateTime',
+ run: function run(syncController, playlist, duration, currentTimeline, currentTime) {
+ if (!Object.keys(syncController.timelineToDatetimeMappings).length) {
+ return null;
}
- /**
- * Force the SegmentLoader to restart synchronization and make a conservative guess
- * before returning to the simple walk-forward method
- */
- }, {
- key: 'resyncLoader',
- value: function resyncLoader() {
- this.mediaIndex = null;
- this.syncPoint_ = null;
- this.abort();
- }
- /**
- * Remove any data in the source buffer between start and end times
- * @param {Number} start - the start time of the region to remove from the buffer
- * @param {Number} end - the end time of the region to remove from the buffer
- * @param {Function} [done] - an optional callback to be executed when the remove
- * operation is complete
- */
+ var syncPoint = null;
+ var lastDistance = null;
+ var partsAndSegments = getPartsAndSegments(playlist);
+ currentTime = currentTime || 0;
- }, {
- key: 'remove',
- value: function remove(start, end, done) {
- // clamp end to duration if we need to remove everything.
- // This is due to a browser bug that causes issues if we remove to Infinity.
- // videojs/videojs-contrib-hls#1225
- if (end === Infinity) {
- end = this.duration_();
- }
+ for (var i = 0; i < partsAndSegments.length; i++) {
+ // start from the end and loop backwards for live
+ // or start from the front and loop forwards for non-live
+ var index = playlist.endList || currentTime === 0 ? i : partsAndSegments.length - (i + 1);
+ var partAndSegment = partsAndSegments[index];
+ var segment = partAndSegment.segment;
+ var datetimeMapping = syncController.timelineToDatetimeMappings[segment.timeline];
- if (this.sourceUpdater_) {
- this.sourceUpdater_.remove(start, end, done);
+ if (!datetimeMapping || !segment.dateTimeObject) {
+ continue;
}
- removeCuesFromTrack(start, end, this.segmentMetadataTrack_);
+ var segmentTime = segment.dateTimeObject.getTime() / 1000;
+ var start = segmentTime + datetimeMapping; // take part duration into account.
- if (this.inbandTextTracks_) {
- for (var id in this.inbandTextTracks_) {
- removeCuesFromTrack(start, end, this.inbandTextTracks_[id]);
+ if (segment.parts && typeof partAndSegment.partIndex === 'number') {
+ for (var z = 0; z < partAndSegment.partIndex; z++) {
+ start += segment.parts[z].duration;
}
}
- }
- /**
- * (re-)schedule monitorBufferTick_ to run as soon as possible
- *
- * @private
- */
-
- }, {
- key: 'monitorBuffer_',
- value: function monitorBuffer_() {
- if (this.checkBufferTimeout_) {
- window$3.clearTimeout(this.checkBufferTimeout_);
- }
-
- this.checkBufferTimeout_ = window$3.setTimeout(this.monitorBufferTick_.bind(this), 1);
- }
- /**
- * As long as the SegmentLoader is in the READY state, periodically
- * invoke fillBuffer_().
- *
- * @private
- */
- }, {
- key: 'monitorBufferTick_',
- value: function monitorBufferTick_() {
- if (this.state === 'READY') {
- this.fillBuffer_();
- }
+ var distance = Math.abs(currentTime - start); // Once the distance begins to increase, or if distance is 0, we have passed
+ // currentTime and can stop looking for better candidates
- if (this.checkBufferTimeout_) {
- window$3.clearTimeout(this.checkBufferTimeout_);
+ if (lastDistance !== null && (distance === 0 || lastDistance < distance)) {
+ break;
}
- this.checkBufferTimeout_ = window$3.setTimeout(this.monitorBufferTick_.bind(this), CHECK_BUFFER_DELAY);
+ lastDistance = distance;
+ syncPoint = {
+ time: start,
+ segmentIndex: partAndSegment.segmentIndex,
+ partIndex: partAndSegment.partIndex
+ };
}
- /**
- * fill the buffer with segements unless the sourceBuffers are
- * currently updating
- *
- * Note: this function should only ever be called by monitorBuffer_
- * and never directly
- *
- * @private
- */
-
- }, {
- key: 'fillBuffer_',
- value: function fillBuffer_() {
- if (this.sourceUpdater_.updating()) {
- return;
- }
-
- if (!this.syncPoint_) {
- this.syncPoint_ = this.syncController_.getSyncPoint(this.playlist_, this.duration_(), this.currentTimeline_, this.currentTime_());
- } // see if we need to begin loading immediately
+ return syncPoint;
+ }
+ }, // Stategy "Segment": We have a known time mapping for a timeline and a
+ // segment in the current timeline with timing data
+ {
+ name: 'Segment',
+ run: function run(syncController, playlist, duration, currentTimeline, currentTime) {
+ var syncPoint = null;
+ var lastDistance = null;
+ currentTime = currentTime || 0;
+ var partsAndSegments = getPartsAndSegments(playlist);
+
+ for (var i = 0; i < partsAndSegments.length; i++) {
+ // start from the end and loop backwards for live
+ // or start from the front and loop forwards for non-live
+ var index = playlist.endList || currentTime === 0 ? i : partsAndSegments.length - (i + 1);
+ var partAndSegment = partsAndSegments[index];
+ var segment = partAndSegment.segment;
+ var start = partAndSegment.part && partAndSegment.part.start || segment && segment.start;
+
+ if (segment.timeline === currentTimeline && typeof start !== 'undefined') {
+ var distance = Math.abs(currentTime - start); // Once the distance begins to increase, we have passed
+ // currentTime and can stop looking for better candidates
- var segmentInfo = this.checkBuffer_(this.buffered_(), this.playlist_, this.mediaIndex, this.hasPlayed_(), this.currentTime_(), this.syncPoint_);
+ if (lastDistance !== null && lastDistance < distance) {
+ break;
+ }
- if (!segmentInfo) {
- return;
+ if (!syncPoint || lastDistance === null || lastDistance >= distance) {
+ lastDistance = distance;
+ syncPoint = {
+ time: start,
+ segmentIndex: partAndSegment.segmentIndex,
+ partIndex: partAndSegment.partIndex
+ };
+ }
}
+ }
- if (this.isEndOfStream_(segmentInfo.mediaIndex)) {
- this.endOfStream();
- return;
- }
+ return syncPoint;
+ }
+ }, // Stategy "Discontinuity": We have a discontinuity with a known
+ // display-time
+ {
+ name: 'Discontinuity',
+ run: function run(syncController, playlist, duration, currentTimeline, currentTime) {
+ var syncPoint = null;
+ currentTime = currentTime || 0;
- if (segmentInfo.mediaIndex === this.playlist_.segments.length - 1 && this.mediaSource_.readyState === 'ended' && !this.seeking_()) {
- return;
- } // We will need to change timestampOffset of the sourceBuffer if:
- // - The segment.timeline !== this.currentTimeline
- // (we are crossing a discontinuity somehow)
- // - The "timestampOffset" for the start of this segment is less than
- // the currently set timestampOffset
- // Also, clear captions if we are crossing a discontinuity boundary
- // Previously, we changed the timestampOffset if the start of this segment
- // is less than the currently set timestampOffset but this isn't wanted
- // as it can produce bad behavior, especially around long running
- // live streams
+ if (playlist.discontinuityStarts && playlist.discontinuityStarts.length) {
+ var lastDistance = null;
+
+ for (var i = 0; i < playlist.discontinuityStarts.length; i++) {
+ var segmentIndex = playlist.discontinuityStarts[i];
+ var discontinuity = playlist.discontinuitySequence + i + 1;
+ var discontinuitySync = syncController.discontinuities[discontinuity];
+ if (discontinuitySync) {
+ var distance = Math.abs(currentTime - discontinuitySync.time); // Once the distance begins to increase, we have passed
+ // currentTime and can stop looking for better candidates
- if (segmentInfo.timeline !== this.currentTimeline_) {
- this.syncController_.reset();
- segmentInfo.timestampOffset = segmentInfo.startOfSegment;
+ if (lastDistance !== null && lastDistance < distance) {
+ break;
+ }
- if (this.captionParser_) {
- this.captionParser_.clearAllCaptions();
+ if (!syncPoint || lastDistance === null || lastDistance >= distance) {
+ lastDistance = distance;
+ syncPoint = {
+ time: discontinuitySync.time,
+ segmentIndex: segmentIndex,
+ partIndex: null
+ };
+ }
}
}
-
- this.loadSegment_(segmentInfo);
}
- /**
- * Determines if this segment loader is at the end of it's stream.
- *
- * @param {Number} mediaIndex the index of segment we last appended
- * @param {Object} [playlist=this.playlist_] a media playlist object
- * @returns {Boolean} true if at end of stream, false otherwise.
- */
- }, {
- key: 'isEndOfStream_',
- value: function isEndOfStream_(mediaIndex) {
- var playlist = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.playlist_;
- return detectEndOfStream(playlist, this.mediaSource_, mediaIndex) && !this.sourceUpdater_.updating();
+ return syncPoint;
+ }
+ }, // Stategy "Playlist": We have a playlist with a known mapping of
+ // segment index to display time
+ {
+ name: 'Playlist',
+ run: function run(syncController, playlist, duration, currentTimeline, currentTime) {
+ if (playlist.syncInfo) {
+ var syncPoint = {
+ time: playlist.syncInfo.time,
+ segmentIndex: playlist.syncInfo.mediaSequence - playlist.mediaSequence,
+ partIndex: null
+ };
+ return syncPoint;
}
- /**
- * Determines what segment request should be made, given current playback
- * state.
- *
- * @param {TimeRanges} buffered - the state of the buffer
- * @param {Object} playlist - the playlist object to fetch segments from
- * @param {Number} mediaIndex - the previous mediaIndex fetched or null
- * @param {Boolean} hasPlayed - a flag indicating whether we have played or not
- * @param {Number} currentTime - the playback position in seconds
- * @param {Object} syncPoint - a segment info object that describes the
- * @returns {Object} a segment request object that describes the segment to load
- */
- }, {
- key: 'checkBuffer_',
- value: function checkBuffer_(buffered, playlist, mediaIndex, hasPlayed, currentTime, syncPoint) {
- var lastBufferedEnd = 0;
- var startOfSegment = void 0;
+ return null;
+ }
+ }];
- if (buffered.length) {
- lastBufferedEnd = buffered.end(buffered.length - 1);
- }
+ var SyncController = /*#__PURE__*/function (_videojs$EventTarget) {
+ inheritsLoose(SyncController, _videojs$EventTarget);
- var bufferedTime = Math.max(0, lastBufferedEnd - currentTime);
+ function SyncController(options) {
+ var _this;
- if (!playlist.segments.length) {
- return null;
- } // if there is plenty of content buffered, and the video has
- // been played before relax for awhile
+ _this = _videojs$EventTarget.call(this) || this; // ...for synching across variants
+ _this.timelines = [];
+ _this.discontinuities = [];
+ _this.timelineToDatetimeMappings = {};
+ _this.logger_ = logger('SyncController');
+ return _this;
+ }
+ /**
+ * Find a sync-point for the playlist specified
+ *
+ * A sync-point is defined as a known mapping from display-time to
+ * a segment-index in the current playlist.
+ *
+ * @param {Playlist} playlist
+ * The playlist that needs a sync-point
+ * @param {number} duration
+ * Duration of the MediaSource (Infinite if playing a live source)
+ * @param {number} currentTimeline
+ * The last timeline from which a segment was loaded
+ * @return {Object}
+ * A sync-point object
+ */
- if (bufferedTime >= this.goalBufferLength_()) {
- return null;
- } // if the video has not yet played once, and we already have
- // one segment downloaded do nothing
+ var _proto = SyncController.prototype;
- if (!hasPlayed && bufferedTime >= 1) {
- return null;
- } // When the syncPoint is null, there is no way of determining a good
- // conservative segment index to fetch from
- // The best thing to do here is to get the kind of sync-point data by
- // making a request
+ _proto.getSyncPoint = function getSyncPoint(playlist, duration, currentTimeline, currentTime) {
+ var syncPoints = this.runStrategies_(playlist, duration, currentTimeline, currentTime);
+ if (!syncPoints.length) {
+ // Signal that we need to attempt to get a sync-point manually
+ // by fetching a segment in the playlist and constructing
+ // a sync-point from that information
+ return null;
+ } // Now find the sync-point that is closest to the currentTime because
+ // that should result in the most accurate guess about which segment
+ // to fetch
- if (syncPoint === null) {
- mediaIndex = this.getSyncSegmentCandidate_(playlist);
- return this.generateSegmentInfo_(playlist, mediaIndex, null, true);
- } // Under normal playback conditions fetching is a simple walk forward
+ return this.selectSyncPoint_(syncPoints, {
+ key: 'time',
+ value: currentTime
+ });
+ }
+ /**
+ * Calculate the amount of time that has expired off the playlist during playback
+ *
+ * @param {Playlist} playlist
+ * Playlist object to calculate expired from
+ * @param {number} duration
+ * Duration of the MediaSource (Infinity if playling a live source)
+ * @return {number|null}
+ * The amount of time that has expired off the playlist during playback. Null
+ * if no sync-points for the playlist can be found.
+ */
+ ;
- if (mediaIndex !== null) {
- var segment = playlist.segments[mediaIndex];
- startOfSegment = lastBufferedEnd;
- return this.generateSegmentInfo_(playlist, mediaIndex + 1, startOfSegment, false);
- } // There is a sync-point but the lack of a mediaIndex indicates that
- // we need to make a good conservative guess about which segment to
- // fetch
+ _proto.getExpiredTime = function getExpiredTime(playlist, duration) {
+ if (!playlist || !playlist.segments) {
+ return null;
+ }
+ var syncPoints = this.runStrategies_(playlist, duration, playlist.discontinuitySequence, 0); // Without sync-points, there is not enough information to determine the expired time
- if (this.fetchAtBuffer_) {
- // Find the segment containing the end of the buffer
- var mediaSourceInfo = Playlist.getMediaInfoForTime(playlist, lastBufferedEnd, syncPoint.segmentIndex, syncPoint.time);
- mediaIndex = mediaSourceInfo.mediaIndex;
- startOfSegment = mediaSourceInfo.startTime;
- } else {
- // Find the segment containing currentTime
- var _mediaSourceInfo = Playlist.getMediaInfoForTime(playlist, currentTime, syncPoint.segmentIndex, syncPoint.time);
+ if (!syncPoints.length) {
+ return null;
+ }
- mediaIndex = _mediaSourceInfo.mediaIndex;
- startOfSegment = _mediaSourceInfo.startTime;
- }
+ var syncPoint = this.selectSyncPoint_(syncPoints, {
+ key: 'segmentIndex',
+ value: 0
+ }); // If the sync-point is beyond the start of the playlist, we want to subtract the
+ // duration from index 0 to syncPoint.segmentIndex instead of adding.
- return this.generateSegmentInfo_(playlist, mediaIndex, startOfSegment, false);
+ if (syncPoint.segmentIndex > 0) {
+ syncPoint.time *= -1;
}
- /**
- * The segment loader has no recourse except to fetch a segment in the
- * current playlist and use the internal timestamps in that segment to
- * generate a syncPoint. This function returns a good candidate index
- * for that process.
- *
- * @param {Object} playlist - the playlist object to look for a
- * @returns {Number} An index of a segment from the playlist to load
- */
- }, {
- key: 'getSyncSegmentCandidate_',
- value: function getSyncSegmentCandidate_(playlist) {
- var _this2 = this;
+ return Math.abs(syncPoint.time + sumDurations({
+ defaultDuration: playlist.targetDuration,
+ durationList: playlist.segments,
+ startIndex: syncPoint.segmentIndex,
+ endIndex: 0
+ }));
+ }
+ /**
+ * Runs each sync-point strategy and returns a list of sync-points returned by the
+ * strategies
+ *
+ * @private
+ * @param {Playlist} playlist
+ * The playlist that needs a sync-point
+ * @param {number} duration
+ * Duration of the MediaSource (Infinity if playing a live source)
+ * @param {number} currentTimeline
+ * The last timeline from which a segment was loaded
+ * @return {Array}
+ * A list of sync-point objects
+ */
+ ;
- if (this.currentTimeline_ === -1) {
- return 0;
- }
+ _proto.runStrategies_ = function runStrategies_(playlist, duration, currentTimeline, currentTime) {
+ var syncPoints = []; // Try to find a sync-point in by utilizing various strategies...
- var segmentIndexArray = playlist.segments.map(function (s, i) {
- return {
- timeline: s.timeline,
- segmentIndex: i
- };
- }).filter(function (s) {
- return s.timeline === _this2.currentTimeline_;
- });
+ for (var i = 0; i < syncPointStrategies.length; i++) {
+ var strategy = syncPointStrategies[i];
+ var syncPoint = strategy.run(this, playlist, duration, currentTimeline, currentTime);
- if (segmentIndexArray.length) {
- return segmentIndexArray[Math.min(segmentIndexArray.length - 1, 1)].segmentIndex;
+ if (syncPoint) {
+ syncPoint.strategy = strategy.name;
+ syncPoints.push({
+ strategy: strategy.name,
+ syncPoint: syncPoint
+ });
}
-
- return Math.max(playlist.segments.length - 1, 0);
}
- }, {
- key: 'generateSegmentInfo_',
- value: function generateSegmentInfo_(playlist, mediaIndex, startOfSegment, isSyncRequest) {
- if (mediaIndex < 0 || mediaIndex >= playlist.segments.length) {
- return null;
- }
- var segment = playlist.segments[mediaIndex];
- return {
- requestId: 'segment-loader-' + Math.random(),
- // resolve the segment URL relative to the playlist
- uri: segment.resolvedUri,
- // the segment's mediaIndex at the time it was requested
- mediaIndex: mediaIndex,
- // whether or not to update the SegmentLoader's state with this
- // segment's mediaIndex
- isSyncRequest: isSyncRequest,
- startOfSegment: startOfSegment,
- // the segment's playlist
- playlist: playlist,
- // unencrypted bytes of the segment
- bytes: null,
- // when a key is defined for this segment, the encrypted bytes
- encryptedBytes: null,
- // The target timestampOffset for this segment when we append it
- // to the source buffer
- timestampOffset: null,
- // The timeline that the segment is in
- timeline: segment.timeline,
- // The expected duration of the segment in seconds
- duration: segment.duration,
- // retain the segment in case the playlist updates while doing an async process
- segment: segment
- };
- }
- /**
- * Determines if the network has enough bandwidth to complete the current segment
- * request in a timely manner. If not, the request will be aborted early and bandwidth
- * updated to trigger a playlist switch.
- *
- * @param {Object} stats
- * Object containing stats about the request timing and size
- * @return {Boolean} True if the request was aborted, false otherwise
- * @private
- */
+ return syncPoints;
+ }
+ /**
+ * Selects the sync-point nearest the specified target
+ *
+ * @private
+ * @param {Array} syncPoints
+ * List of sync-points to select from
+ * @param {Object} target
+ * Object specifying the property and value we are targeting
+ * @param {string} target.key
+ * Specifies the property to target. Must be either 'time' or 'segmentIndex'
+ * @param {number} target.value
+ * The value to target for the specified key.
+ * @return {Object}
+ * The sync-point nearest the target
+ */
+ ;
- }, {
- key: 'abortRequestEarly_',
- value: function abortRequestEarly_(stats) {
- if (this.hls_.tech_.paused() || // Don't abort if the current playlist is on the lowestEnabledRendition
- // TODO: Replace using timeout with a boolean indicating whether this playlist is
- // the lowestEnabledRendition.
- !this.xhrOptions_.timeout || // Don't abort if we have no bandwidth information to estimate segment sizes
- !this.playlist_.attributes.BANDWIDTH) {
- return false;
- } // Wait at least 1 second since the first byte of data has been received before
- // using the calculated bandwidth from the progress event to allow the bitrate
- // to stabilize
+ _proto.selectSyncPoint_ = function selectSyncPoint_(syncPoints, target) {
+ var bestSyncPoint = syncPoints[0].syncPoint;
+ var bestDistance = Math.abs(syncPoints[0].syncPoint[target.key] - target.value);
+ var bestStrategy = syncPoints[0].strategy;
+ for (var i = 1; i < syncPoints.length; i++) {
+ var newDistance = Math.abs(syncPoints[i].syncPoint[target.key] - target.value);
- if (Date.now() - (stats.firstBytesReceivedAt || Date.now()) < 1000) {
- return false;
+ if (newDistance < bestDistance) {
+ bestDistance = newDistance;
+ bestSyncPoint = syncPoints[i].syncPoint;
+ bestStrategy = syncPoints[i].strategy;
}
+ }
+
+ this.logger_("syncPoint for [" + target.key + ": " + target.value + "] chosen with strategy" + (" [" + bestStrategy + "]: [time:" + bestSyncPoint.time + ",") + (" segmentIndex:" + bestSyncPoint.segmentIndex) + (typeof bestSyncPoint.partIndex === 'number' ? ",partIndex:" + bestSyncPoint.partIndex : '') + ']');
+ return bestSyncPoint;
+ }
+ /**
+ * Save any meta-data present on the segments when segments leave
+ * the live window to the playlist to allow for synchronization at the
+ * playlist level later.
+ *
+ * @param {Playlist} oldPlaylist - The previous active playlist
+ * @param {Playlist} newPlaylist - The updated and most current playlist
+ */
+ ;
- var currentTime = this.currentTime_();
- var measuredBandwidth = stats.bandwidth;
- var segmentDuration = this.pendingSegment_.duration;
- var requestTimeRemaining = Playlist.estimateSegmentRequestTime(segmentDuration, measuredBandwidth, this.playlist_, stats.bytesReceived); // Subtract 1 from the timeUntilRebuffer so we still consider an early abort
- // if we are only left with less than 1 second when the request completes.
- // A negative timeUntilRebuffering indicates we are already rebuffering
+ _proto.saveExpiredSegmentInfo = function saveExpiredSegmentInfo(oldPlaylist, newPlaylist) {
+ var mediaSequenceDiff = newPlaylist.mediaSequence - oldPlaylist.mediaSequence; // Ignore large media sequence gaps
- var timeUntilRebuffer$$1 = timeUntilRebuffer(this.buffered_(), currentTime, this.hls_.tech_.playbackRate()) - 1; // Only consider aborting early if the estimated time to finish the download
- // is larger than the estimated time until the player runs out of forward buffer
+ if (mediaSequenceDiff > MAX_MEDIA_SEQUENCE_DIFF_FOR_SYNC) {
+ videojs.log.warn("Not saving expired segment info. Media sequence gap " + mediaSequenceDiff + " is too large.");
+ return;
+ } // When a segment expires from the playlist and it has a start time
+ // save that information as a possible sync-point reference in future
- if (requestTimeRemaining <= timeUntilRebuffer$$1) {
- return false;
- }
- var switchCandidate = minRebufferMaxBandwidthSelector({
- master: this.hls_.playlists.master,
- currentTime: currentTime,
- bandwidth: measuredBandwidth,
- duration: this.duration_(),
- segmentDuration: segmentDuration,
- timeUntilRebuffer: timeUntilRebuffer$$1,
- currentTimeline: this.currentTimeline_,
- syncController: this.syncController_
- });
+ for (var i = mediaSequenceDiff - 1; i >= 0; i--) {
+ var lastRemovedSegment = oldPlaylist.segments[i];
- if (!switchCandidate) {
- return;
+ if (lastRemovedSegment && typeof lastRemovedSegment.start !== 'undefined') {
+ newPlaylist.syncInfo = {
+ mediaSequence: oldPlaylist.mediaSequence + i,
+ time: lastRemovedSegment.start
+ };
+ this.logger_("playlist refresh sync: [time:" + newPlaylist.syncInfo.time + "," + (" mediaSequence: " + newPlaylist.syncInfo.mediaSequence + "]"));
+ this.trigger('syncinfoupdate');
+ break;
}
+ }
+ }
+ /**
+ * Save the mapping from playlist's ProgramDateTime to display. This should only happen
+ * before segments start to load.
+ *
+ * @param {Playlist} playlist - The currently active playlist
+ */
+ ;
- var rebufferingImpact = requestTimeRemaining - timeUntilRebuffer$$1;
- var timeSavedBySwitching = rebufferingImpact - switchCandidate.rebufferingImpact;
- var minimumTimeSaving = 0.5; // If we are already rebuffering, increase the amount of variance we add to the
- // potential round trip time of the new request so that we are not too aggressive
- // with switching to a playlist that might save us a fraction of a second.
+ _proto.setDateTimeMappingForStart = function setDateTimeMappingForStart(playlist) {
+ // It's possible for the playlist to be updated before playback starts, meaning time
+ // zero is not yet set. If, during these playlist refreshes, a discontinuity is
+ // crossed, then the old time zero mapping (for the prior timeline) would be retained
+ // unless the mappings are cleared.
+ this.timelineToDatetimeMappings = {};
- if (timeUntilRebuffer$$1 <= TIME_FUDGE_FACTOR) {
- minimumTimeSaving = 1;
- }
+ if (playlist.segments && playlist.segments.length && playlist.segments[0].dateTimeObject) {
+ var firstSegment = playlist.segments[0];
+ var playlistTimestamp = firstSegment.dateTimeObject.getTime() / 1000;
+ this.timelineToDatetimeMappings[firstSegment.timeline] = -playlistTimestamp;
+ }
+ }
+ /**
+ * Calculates and saves timeline mappings, playlist sync info, and segment timing values
+ * based on the latest timing information.
+ *
+ * @param {Object} options
+ * Options object
+ * @param {SegmentInfo} options.segmentInfo
+ * The current active request information
+ * @param {boolean} options.shouldSaveTimelineMapping
+ * If there's a timeline change, determines if the timeline mapping should be
+ * saved for timeline mapping and program date time mappings.
+ */
+ ;
- if (!switchCandidate.playlist || switchCandidate.playlist.uri === this.playlist_.uri || timeSavedBySwitching < minimumTimeSaving) {
- return false;
- } // set the bandwidth to that of the desired playlist being sure to scale by
- // BANDWIDTH_VARIANCE and add one so the playlist selector does not exclude it
- // don't trigger a bandwidthupdate as the bandwidth is artifial
+ _proto.saveSegmentTimingInfo = function saveSegmentTimingInfo(_ref) {
+ var segmentInfo = _ref.segmentInfo,
+ shouldSaveTimelineMapping = _ref.shouldSaveTimelineMapping;
+ var didCalculateSegmentTimeMapping = this.calculateSegmentTimeMapping_(segmentInfo, segmentInfo.timingInfo, shouldSaveTimelineMapping);
+ var segment = segmentInfo.segment;
+ if (didCalculateSegmentTimeMapping) {
+ this.saveDiscontinuitySyncInfo_(segmentInfo); // If the playlist does not have sync information yet, record that information
+ // now with segment timing information
- this.bandwidth = switchCandidate.playlist.attributes.BANDWIDTH * Config.BANDWIDTH_VARIANCE + 1;
- this.abort();
- this.trigger('earlyabort');
- return true;
+ if (!segmentInfo.playlist.syncInfo) {
+ segmentInfo.playlist.syncInfo = {
+ mediaSequence: segmentInfo.playlist.mediaSequence + segmentInfo.mediaIndex,
+ time: segment.start
+ };
+ }
}
- /**
- * XHR `progress` event handler
- *
- * @param {Event}
- * The XHR `progress` event
- * @param {Object} simpleSegment
- * A simplified segment object copy
- * @private
- */
- }, {
- key: 'handleProgress_',
- value: function handleProgress_(event, simpleSegment) {
- if (!this.pendingSegment_ || simpleSegment.requestId !== this.pendingSegment_.requestId || this.abortRequestEarly_(simpleSegment.stats)) {
- return;
- }
+ var dateTime = segment.dateTimeObject;
- this.trigger('progress');
+ if (segment.discontinuity && shouldSaveTimelineMapping && dateTime) {
+ this.timelineToDatetimeMappings[segment.timeline] = -(dateTime.getTime() / 1000);
}
- /**
- * load a specific segment from a request into the buffer
- *
- * @private
- */
+ };
- }, {
- key: 'loadSegment_',
- value: function loadSegment_(segmentInfo) {
- this.state = 'WAITING';
- this.pendingSegment_ = segmentInfo;
- this.trimBackBuffer_(segmentInfo);
- segmentInfo.abortRequests = mediaSegmentRequest(this.hls_.xhr, this.xhrOptions_, this.decrypter_, this.captionParser_, this.createSimplifiedSegmentObj_(segmentInfo), // progress callback
- this.handleProgress_.bind(this), this.segmentRequestFinished_.bind(this));
+ _proto.timestampOffsetForTimeline = function timestampOffsetForTimeline(timeline) {
+ if (typeof this.timelines[timeline] === 'undefined') {
+ return null;
}
- /**
- * trim the back buffer so that we don't have too much data
- * in the source buffer
- *
- * @private
- *
- * @param {Object} segmentInfo - the current segment
- */
- }, {
- key: 'trimBackBuffer_',
- value: function trimBackBuffer_(segmentInfo) {
- var removeToTime = safeBackBufferTrimTime(this.seekable_(), this.currentTime_(), this.playlist_.targetDuration || 10); // Chrome has a hard limit of 150MB of
- // buffer and a very conservative "garbage collector"
- // We manually clear out the old buffer to ensure
- // we don't trigger the QuotaExceeded error
- // on the source buffer during subsequent appends
+ return this.timelines[timeline].time;
+ };
- if (removeToTime > 0) {
- this.remove(0, removeToTime);
- }
+ _proto.mappingForTimeline = function mappingForTimeline(timeline) {
+ if (typeof this.timelines[timeline] === 'undefined') {
+ return null;
}
- /**
- * created a simplified copy of the segment object with just the
- * information necessary to perform the XHR and decryption
- *
- * @private
- *
- * @param {Object} segmentInfo - the current segment
- * @returns {Object} a simplified segment object copy
- */
- }, {
- key: 'createSimplifiedSegmentObj_',
- value: function createSimplifiedSegmentObj_(segmentInfo) {
- var segment = segmentInfo.segment;
- var simpleSegment = {
- resolvedUri: segment.resolvedUri,
- byterange: segment.byterange,
- requestId: segmentInfo.requestId
- };
+ return this.timelines[timeline].mapping;
+ }
+ /**
+ * Use the "media time" for a segment to generate a mapping to "display time" and
+ * save that display time to the segment.
+ *
+ * @private
+ * @param {SegmentInfo} segmentInfo
+ * The current active request information
+ * @param {Object} timingInfo
+ * The start and end time of the current segment in "media time"
+ * @param {boolean} shouldSaveTimelineMapping
+ * If there's a timeline change, determines if the timeline mapping should be
+ * saved in timelines.
+ * @return {boolean}
+ * Returns false if segment time mapping could not be calculated
+ */
+ ;
- if (segment.key) {
- // if the media sequence is greater than 2^32, the IV will be incorrect
- // assuming 10s segments, that would be about 1300 years
- var iv = segment.key.iv || new Uint32Array([0, 0, 0, segmentInfo.mediaIndex + segmentInfo.playlist.mediaSequence]);
- simpleSegment.key = this.segmentKey(segment.key);
- simpleSegment.key.iv = iv;
- }
+ _proto.calculateSegmentTimeMapping_ = function calculateSegmentTimeMapping_(segmentInfo, timingInfo, shouldSaveTimelineMapping) {
+ // TODO: remove side effects
+ var segment = segmentInfo.segment;
+ var part = segmentInfo.part;
+ var mappingObj = this.timelines[segmentInfo.timeline];
+ var start;
+ var end;
+
+ if (typeof segmentInfo.timestampOffset === 'number') {
+ mappingObj = {
+ time: segmentInfo.startOfSegment,
+ mapping: segmentInfo.startOfSegment - timingInfo.start
+ };
- if (segment.map) {
- simpleSegment.map = this.initSegment(segment.map);
+ if (shouldSaveTimelineMapping) {
+ this.timelines[segmentInfo.timeline] = mappingObj;
+ this.trigger('timestampoffset');
+ this.logger_("time mapping for timeline " + segmentInfo.timeline + ": " + ("[time: " + mappingObj.time + "] [mapping: " + mappingObj.mapping + "]"));
}
- return simpleSegment;
+ start = segmentInfo.startOfSegment;
+ end = timingInfo.end + mappingObj.mapping;
+ } else if (mappingObj) {
+ start = timingInfo.start + mappingObj.mapping;
+ end = timingInfo.end + mappingObj.mapping;
+ } else {
+ return false;
}
- /**
- * Handle the callback from the segmentRequest function and set the
- * associated SegmentLoader state and errors if necessary
- *
- * @private
- */
- }, {
- key: 'segmentRequestFinished_',
- value: function segmentRequestFinished_(error, simpleSegment) {
- // every request counts as a media request even if it has been aborted
- // or canceled due to a timeout
- this.mediaRequests += 1;
-
- if (simpleSegment.stats) {
- this.mediaBytesTransferred += simpleSegment.stats.bytesReceived;
- this.mediaTransferDuration += simpleSegment.stats.roundTripTime;
- } // The request was aborted and the SegmentLoader has already been reset
+ if (part) {
+ part.start = start;
+ part.end = end;
+ } // If we don't have a segment start yet or the start value we got
+ // is less than our current segment.start value, save a new start value.
+ // We have to do this because parts will have segment timing info saved
+ // multiple times and we want segment start to be the earliest part start
+ // value for that segment.
- if (!this.pendingSegment_) {
- this.mediaRequestsAborted += 1;
- return;
- } // the request was aborted and the SegmentLoader has already started
- // another request. this can happen when the timeout for an aborted
- // request triggers due to a limitation in the XHR library
- // do not count this as any sort of request or we risk double-counting
-
+ if (!segment.start || start < segment.start) {
+ segment.start = start;
+ }
- if (simpleSegment.requestId !== this.pendingSegment_.requestId) {
- return;
- } // an error occurred from the active pendingSegment_ so reset everything
+ segment.end = end;
+ return true;
+ }
+ /**
+ * Each time we have discontinuity in the playlist, attempt to calculate the location
+ * in display of the start of the discontinuity and save that. We also save an accuracy
+ * value so that we save values with the most accuracy (closest to 0.)
+ *
+ * @private
+ * @param {SegmentInfo} segmentInfo - The current active request information
+ */
+ ;
+ _proto.saveDiscontinuitySyncInfo_ = function saveDiscontinuitySyncInfo_(segmentInfo) {
+ var playlist = segmentInfo.playlist;
+ var segment = segmentInfo.segment; // If the current segment is a discontinuity then we know exactly where
+ // the start of the range and it's accuracy is 0 (greater accuracy values
+ // mean more approximation)
- if (error) {
- this.pendingSegment_ = null;
- this.state = 'READY'; // the requests were aborted just record the aborted stat and exit
- // this is not a true error condition and nothing corrective needs
- // to be done
+ if (segment.discontinuity) {
+ this.discontinuities[segment.timeline] = {
+ time: segment.start,
+ accuracy: 0
+ };
+ } else if (playlist.discontinuityStarts && playlist.discontinuityStarts.length) {
+ // Search for future discontinuities that we can provide better timing
+ // information for and save that information for sync purposes
+ for (var i = 0; i < playlist.discontinuityStarts.length; i++) {
+ var segmentIndex = playlist.discontinuityStarts[i];
+ var discontinuity = playlist.discontinuitySequence + i + 1;
+ var mediaIndexDiff = segmentIndex - segmentInfo.mediaIndex;
+ var accuracy = Math.abs(mediaIndexDiff);
+
+ if (!this.discontinuities[discontinuity] || this.discontinuities[discontinuity].accuracy > accuracy) {
+ var time = void 0;
+
+ if (mediaIndexDiff < 0) {
+ time = segment.start - sumDurations({
+ defaultDuration: playlist.targetDuration,
+ durationList: playlist.segments,
+ startIndex: segmentInfo.mediaIndex,
+ endIndex: segmentIndex
+ });
+ } else {
+ time = segment.end + sumDurations({
+ defaultDuration: playlist.targetDuration,
+ durationList: playlist.segments,
+ startIndex: segmentInfo.mediaIndex + 1,
+ endIndex: segmentIndex
+ });
+ }
- if (error.code === REQUEST_ERRORS.ABORTED) {
- this.mediaRequestsAborted += 1;
- return;
+ this.discontinuities[discontinuity] = {
+ time: time,
+ accuracy: accuracy
+ };
}
+ }
+ }
+ };
- this.pause(); // the error is really just that at least one of the requests timed-out
- // set the bandwidth to a very low value and trigger an ABR switch to
- // take emergency action
+ _proto.dispose = function dispose() {
+ this.trigger('dispose');
+ this.off();
+ };
- if (error.code === REQUEST_ERRORS.TIMEOUT) {
- this.mediaRequestsTimedout += 1;
- this.bandwidth = 1;
- this.roundTrip = NaN;
- this.trigger('bandwidthupdate');
- return;
- } // if control-flow has arrived here, then the error is real
- // emit an error event to blacklist the current playlist
+ return SyncController;
+ }(videojs.EventTarget);
+ /**
+ * The TimelineChangeController acts as a source for segment loaders to listen for and
+ * keep track of latest and pending timeline changes. This is useful to ensure proper
+ * sync, as each loader may need to make a consideration for what timeline the other
+ * loader is on before making changes which could impact the other loader's media.
+ *
+ * @class TimelineChangeController
+ * @extends videojs.EventTarget
+ */
- this.mediaRequestsErrored += 1;
- this.error(error);
- this.trigger('error');
- return;
- } // the response was a success so set any bandwidth stats the request
- // generated for ABR purposes
+ var TimelineChangeController = /*#__PURE__*/function (_videojs$EventTarget) {
+ inheritsLoose(TimelineChangeController, _videojs$EventTarget);
+ function TimelineChangeController() {
+ var _this;
- this.bandwidth = simpleSegment.stats.bandwidth;
- this.roundTrip = simpleSegment.stats.roundTripTime; // if this request included an initialization segment, save that data
- // to the initSegment cache
+ _this = _videojs$EventTarget.call(this) || this;
+ _this.pendingTimelineChanges_ = {};
+ _this.lastTimelineChanges_ = {};
+ return _this;
+ }
- if (simpleSegment.map) {
- simpleSegment.map = this.initSegment(simpleSegment.map, true);
- } // if this request included a segment key, save that data in the cache
+ var _proto = TimelineChangeController.prototype;
+ _proto.clearPendingTimelineChange = function clearPendingTimelineChange(type) {
+ this.pendingTimelineChanges_[type] = null;
+ this.trigger('pendingtimelinechange');
+ };
- if (simpleSegment.key) {
- this.segmentKey(simpleSegment.key, true);
- }
+ _proto.pendingTimelineChange = function pendingTimelineChange(_ref) {
+ var type = _ref.type,
+ from = _ref.from,
+ to = _ref.to;
- this.processSegmentResponse_(simpleSegment);
+ if (typeof from === 'number' && typeof to === 'number') {
+ this.pendingTimelineChanges_[type] = {
+ type: type,
+ from: from,
+ to: to
+ };
+ this.trigger('pendingtimelinechange');
}
- /**
- * Move any important data from the simplified segment object
- * back to the real segment object for future phases
- *
- * @private
- */
- }, {
- key: 'processSegmentResponse_',
- value: function processSegmentResponse_(simpleSegment) {
- var segmentInfo = this.pendingSegment_;
- segmentInfo.bytes = simpleSegment.bytes;
-
- if (simpleSegment.map) {
- segmentInfo.segment.map.bytes = simpleSegment.map.bytes;
- }
-
- segmentInfo.endOfAllRequests = simpleSegment.endOfAllRequests; // This has fmp4 captions, add them to text tracks
-
- if (simpleSegment.fmp4Captions) {
- createCaptionsTrackIfNotExists(this.inbandTextTracks_, this.hls_.tech_, simpleSegment.captionStreams);
- addCaptionData({
- inbandTextTracks: this.inbandTextTracks_,
- captionArray: simpleSegment.fmp4Captions,
- // fmp4s will not have a timestamp offset
- timestampOffset: 0
- }); // Reset stored captions since we added parsed
- // captions to a text track at this point
+ return this.pendingTimelineChanges_[type];
+ };
- if (this.captionParser_) {
- this.captionParser_.clearParsedCaptions();
- }
- }
+ _proto.lastTimelineChange = function lastTimelineChange(_ref2) {
+ var type = _ref2.type,
+ from = _ref2.from,
+ to = _ref2.to;
- this.handleSegment_();
+ if (typeof from === 'number' && typeof to === 'number') {
+ this.lastTimelineChanges_[type] = {
+ type: type,
+ from: from,
+ to: to
+ };
+ delete this.pendingTimelineChanges_[type];
+ this.trigger('timelinechange');
}
- /**
- * append a decrypted segement to the SourceBuffer through a SourceUpdater
- *
- * @private
- */
-
- }, {
- key: 'handleSegment_',
- value: function handleSegment_() {
- var _this3 = this;
- if (!this.pendingSegment_) {
- this.state = 'READY';
- return;
- }
+ return this.lastTimelineChanges_[type];
+ };
- var segmentInfo = this.pendingSegment_;
- var segment = segmentInfo.segment;
- var timingInfo = this.syncController_.probeSegmentInfo(segmentInfo); // When we have our first timing info, determine what media types this loader is
- // dealing with. Although we're maintaining extra state, it helps to preserve the
- // separation of segment loader from the actual source buffers.
+ _proto.dispose = function dispose() {
+ this.trigger('dispose');
+ this.pendingTimelineChanges_ = {};
+ this.lastTimelineChanges_ = {};
+ this.off();
+ };
- if (typeof this.startingMedia_ === 'undefined' && timingInfo && ( // Guard against cases where we're not getting timing info at all until we are
- // certain that all streams will provide it.
- timingInfo.containsAudio || timingInfo.containsVideo)) {
- this.startingMedia_ = {
- containsAudio: timingInfo.containsAudio,
- containsVideo: timingInfo.containsVideo
- };
- }
+ return TimelineChangeController;
+ }(videojs.EventTarget);
+ /* rollup-plugin-worker-factory start for worker!/Users/gkatsevman/p/http-streaming-release/src/decrypter-worker.js */
- var illegalMediaSwitchError = illegalMediaSwitch(this.loaderType_, this.startingMedia_, timingInfo);
- if (illegalMediaSwitchError) {
- this.error({
- message: illegalMediaSwitchError,
- blacklistDuration: Infinity
- });
- this.trigger('error');
- return;
+ var workerCode = transform(getWorkerString(function () {
+ function createCommonjsModule(fn, basedir, module) {
+ return module = {
+ path: basedir,
+ exports: {},
+ require: function require(path, base) {
+ return commonjsRequire(path, base === undefined || base === null ? module.path : base);
}
+ }, fn(module, module.exports), module.exports;
+ }
- if (segmentInfo.isSyncRequest) {
- this.trigger('syncinfoupdate');
- this.pendingSegment_ = null;
- this.state = 'READY';
- return;
+ function commonjsRequire() {
+ throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
+ }
+
+ var createClass = createCommonjsModule(function (module) {
+ 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);
}
+ }
- if (segmentInfo.timestampOffset !== null && segmentInfo.timestampOffset !== this.sourceUpdater_.timestampOffset()) {
- // Subtract any difference between the PTS and DTS times of the first frame
- // from the timeStampOffset (which currently equals the buffered.end) to prevent
- // creating any gaps in the buffer
- if (timingInfo && timingInfo.segmentTimestampInfo) {
- var ptsStartTime = timingInfo.segmentTimestampInfo[0].ptsTime;
- var dtsStartTime = timingInfo.segmentTimestampInfo[0].dtsTime;
- segmentInfo.timestampOffset -= ptsStartTime - dtsStartTime;
- }
+ function _createClass(Constructor, protoProps, staticProps) {
+ if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+ if (staticProps) _defineProperties(Constructor, staticProps);
+ return Constructor;
+ }
- this.sourceUpdater_.timestampOffset(segmentInfo.timestampOffset); // fired when a timestamp offset is set in HLS (can also identify discontinuities)
+ module.exports = _createClass;
+ module.exports["default"] = module.exports, module.exports.__esModule = true;
+ });
+ var setPrototypeOf = createCommonjsModule(function (module) {
+ function _setPrototypeOf(o, p) {
+ module.exports = _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+ o.__proto__ = p;
+ return o;
+ };
- this.trigger('timestampoffset');
- }
+ module.exports["default"] = module.exports, module.exports.__esModule = true;
+ return _setPrototypeOf(o, p);
+ }
- var timelineMapping = this.syncController_.mappingForTimeline(segmentInfo.timeline);
+ module.exports = _setPrototypeOf;
+ module.exports["default"] = module.exports, module.exports.__esModule = true;
+ });
+ var inheritsLoose = createCommonjsModule(function (module) {
+ function _inheritsLoose(subClass, superClass) {
+ subClass.prototype = Object.create(superClass.prototype);
+ subClass.prototype.constructor = subClass;
+ setPrototypeOf(subClass, superClass);
+ }
- if (timelineMapping !== null) {
- this.trigger({
- type: 'segmenttimemapping',
- mapping: timelineMapping
- });
- }
+ module.exports = _inheritsLoose;
+ module.exports["default"] = module.exports, module.exports.__esModule = true;
+ });
+ /**
+ * @file stream.js
+ */
- this.state = 'APPENDING'; // if the media initialization segment is changing, append it
- // before the content segment
+ /**
+ * A lightweight readable stream implemention that handles event dispatching.
+ *
+ * @class Stream
+ */
- if (segment.map) {
- var initId = initSegmentId(segment.map);
+ var Stream = /*#__PURE__*/function () {
+ function Stream() {
+ this.listeners = {};
+ }
+ /**
+ * Add a listener for a specified event type.
+ *
+ * @param {string} type the event name
+ * @param {Function} listener the callback to be invoked when an event of
+ * the specified type occurs
+ */
- if (!this.activeInitSegmentId_ || this.activeInitSegmentId_ !== initId) {
- var initSegment = this.initSegment(segment.map);
- this.sourceUpdater_.appendBuffer({
- bytes: initSegment.bytes
- }, function () {
- _this3.activeInitSegmentId_ = initId;
- });
- }
- }
- segmentInfo.byteLength = segmentInfo.bytes.byteLength;
+ var _proto = Stream.prototype;
- if (typeof segment.start === 'number' && typeof segment.end === 'number') {
- this.mediaSecondsLoaded += segment.end - segment.start;
- } else {
- this.mediaSecondsLoaded += segment.duration;
+ _proto.on = function on(type, listener) {
+ if (!this.listeners[type]) {
+ this.listeners[type] = [];
}
- this.logger_(segmentInfoString(segmentInfo));
- this.sourceUpdater_.appendBuffer({
- bytes: segmentInfo.bytes,
- videoSegmentTimingInfoCallback: this.handleVideoSegmentTimingInfo_.bind(this, segmentInfo.requestId)
- }, this.handleUpdateEnd_.bind(this));
+ this.listeners[type].push(listener);
}
- }, {
- key: 'handleVideoSegmentTimingInfo_',
- value: function handleVideoSegmentTimingInfo_(requestId, event) {
- if (!this.pendingSegment_ || requestId !== this.pendingSegment_.requestId) {
- return;
- }
-
- var segment = this.pendingSegment_.segment;
+ /**
+ * Remove a listener for a specified event type.
+ *
+ * @param {string} type the event name
+ * @param {Function} listener a function previously registered for this
+ * type of event through `on`
+ * @return {boolean} if we could turn it off or not
+ */
+ ;
- if (!segment.videoTimingInfo) {
- segment.videoTimingInfo = {};
+ _proto.off = function off(type, listener) {
+ if (!this.listeners[type]) {
+ return false;
}
- segment.videoTimingInfo.transmuxerPrependedSeconds = event.videoSegmentTimingInfo.prependedContentDuration || 0;
- segment.videoTimingInfo.transmuxedPresentationStart = event.videoSegmentTimingInfo.start.presentation;
- segment.videoTimingInfo.transmuxedPresentationEnd = event.videoSegmentTimingInfo.end.presentation; // mainly used as a reference for debugging
+ var index = this.listeners[type].indexOf(listener); // TODO: which is better?
+ // In Video.js we slice listener functions
+ // on trigger so that it does not mess up the order
+ // while we loop through.
+ //
+ // Here we slice on off so that the loop in trigger
+ // can continue using it's old reference to loop without
+ // messing up the order.
- segment.videoTimingInfo.baseMediaDecodeTime = event.videoSegmentTimingInfo.baseMediaDecodeTime;
+ this.listeners[type] = this.listeners[type].slice(0);
+ this.listeners[type].splice(index, 1);
+ return index > -1;
}
/**
- * callback to run when appendBuffer is finished. detects if we are
- * in a good state to do things with the data we got, or if we need
- * to wait for more
+ * Trigger an event of the specified type on this stream. Any additional
+ * arguments to this function are passed as parameters to event listeners.
*
- * @private
+ * @param {string} type the event name
*/
+ ;
- }, {
- key: 'handleUpdateEnd_',
- value: function handleUpdateEnd_() {
- if (!this.pendingSegment_) {
- this.state = 'READY';
-
- if (!this.paused()) {
- this.monitorBuffer_();
- }
-
- return;
- }
+ _proto.trigger = function trigger(type) {
+ var callbacks = this.listeners[type];
- var segmentInfo = this.pendingSegment_;
- var segment = segmentInfo.segment;
- var isWalkingForward = this.mediaIndex !== null;
- this.pendingSegment_ = null;
- this.recordThroughput_(segmentInfo);
- this.addSegmentMetadataCue_(segmentInfo);
- this.state = 'READY';
- this.mediaIndex = segmentInfo.mediaIndex;
- this.fetchAtBuffer_ = true;
- this.currentTimeline_ = segmentInfo.timeline; // We must update the syncinfo to recalculate the seekable range before
- // the following conditional otherwise it may consider this a bad "guess"
- // and attempt to resync when the post-update seekable window and live
- // point would mean that this was the perfect segment to fetch
-
- this.trigger('syncinfoupdate'); // If we previously appended a segment that ends more than 3 targetDurations before
- // the currentTime_ that means that our conservative guess was too conservative.
- // In that case, reset the loader state so that we try to use any information gained
- // from the previous request to create a new, more accurate, sync-point.
-
- if (segment.end && this.currentTime_() - segment.end > segmentInfo.playlist.targetDuration * 3) {
- this.resetEverything();
+ if (!callbacks) {
return;
- } // Don't do a rendition switch unless we have enough time to get a sync segment
- // and conservatively guess
+ } // Slicing the arguments on every invocation of this method
+ // can add a significant amount of overhead. Avoid the
+ // intermediate object creation for the common case of a
+ // single callback argument
- if (isWalkingForward) {
- this.trigger('bandwidthupdate');
- }
+ if (arguments.length === 2) {
+ var length = callbacks.length;
- this.trigger('progress'); // any time an update finishes and the last segment is in the
- // buffer, end the stream. this ensures the "ended" event will
- // fire if playback reaches that point.
+ for (var i = 0; i < length; ++i) {
+ callbacks[i].call(this, arguments[1]);
+ }
+ } else {
+ var args = Array.prototype.slice.call(arguments, 1);
+ var _length = callbacks.length;
- if (this.isEndOfStream_(segmentInfo.mediaIndex + 1, segmentInfo.playlist)) {
- this.endOfStream();
+ for (var _i = 0; _i < _length; ++_i) {
+ callbacks[_i].apply(this, args);
+ }
}
+ }
+ /**
+ * Destroys the stream and cleans up.
+ */
+ ;
- if (!this.paused()) {
- this.monitorBuffer_();
- }
+ _proto.dispose = function dispose() {
+ this.listeners = {};
}
/**
- * Records the current throughput of the decrypt, transmux, and append
- * portion of the semgment pipeline. `throughput.rate` is a the cumulative
- * moving average of the throughput. `throughput.count` is the number of
- * data points in the average.
+ * Forwards all `data` events on this stream to the destination stream. The
+ * destination stream should provide a method `push` to receive the data
+ * events as they arrive.
*
- * @private
- * @param {Object} segmentInfo the object returned by loadSegment
+ * @param {Stream} destination the stream that will receive all `data` events
+ * @see http://nodejs.org/api/stream.html#stream_readable_pipe_destination_options
*/
+ ;
- }, {
- key: 'recordThroughput_',
- value: function recordThroughput_(segmentInfo) {
- var rate = this.throughput.rate; // Add one to the time to ensure that we don't accidentally attempt to divide
- // by zero in the case where the throughput is ridiculously high
+ _proto.pipe = function pipe(destination) {
+ this.on('data', function (data) {
+ destination.push(data);
+ });
+ };
- var segmentProcessingTime = Date.now() - segmentInfo.endOfAllRequests + 1; // Multiply by 8000 to convert from bytes/millisecond to bits/second
+ return Stream;
+ }();
+ /*! @name pkcs7 @version 1.0.4 @license Apache-2.0 */
- var segmentProcessingThroughput = Math.floor(segmentInfo.byteLength / segmentProcessingTime * 8 * 1000); // This is just a cumulative moving average calculation:
- // newAvg = oldAvg + (sample - oldAvg) / (sampleCount + 1)
+ /**
+ * Returns the subarray of a Uint8Array without PKCS#7 padding.
+ *
+ * @param padded {Uint8Array} unencrypted bytes that have been padded
+ * @return {Uint8Array} the unpadded bytes
+ * @see http://tools.ietf.org/html/rfc5652
+ */
- this.throughput.rate += (segmentProcessingThroughput - rate) / ++this.throughput.count;
- }
- /**
- * Adds a cue to the segment-metadata track with some metadata information about the
- * segment
- *
- * @private
- * @param {Object} segmentInfo
- * the object returned by loadSegment
- * @method addSegmentMetadataCue_
- */
- }, {
- key: 'addSegmentMetadataCue_',
- value: function addSegmentMetadataCue_(segmentInfo) {
- if (!this.segmentMetadataTrack_) {
- return;
- }
+ function unpad(padded) {
+ return padded.subarray(0, padded.byteLength - padded[padded.byteLength - 1]);
+ }
+ /*! @name aes-decrypter @version 3.1.2 @license Apache-2.0 */
+
+ /**
+ * @file aes.js
+ *
+ * This file contains an adaptation of the AES decryption algorithm
+ * from the Standford Javascript Cryptography Library. That work is
+ * covered by the following copyright and permissions notice:
+ *
+ * Copyright 2009-2010 Emily Stark, Mike Hamburg, Dan Boneh.
+ * 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.
+ *
+ * 2. 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.
+ *
+ * THIS SOFTWARE IS PROVIDED BY THE AUTHORS ``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 <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.
+ *
+ * The views and conclusions contained in the software and documentation
+ * are those of the authors and should not be interpreted as representing
+ * official policies, either expressed or implied, of the authors.
+ */
- var segment = segmentInfo.segment;
- var start = segment.start;
- var end = segment.end; // Do not try adding the cue if the start and end times are invalid.
+ /**
+ * Expand the S-box tables.
+ *
+ * @private
+ */
- if (!finite(start) || !finite(end)) {
- return;
- }
- removeCuesFromTrack(start, end, this.segmentMetadataTrack_);
- var Cue = window$3.WebKitDataCue || window$3.VTTCue;
- var value = {
- custom: segment.custom,
- dateTimeObject: segment.dateTimeObject,
- dateTimeString: segment.dateTimeString,
- bandwidth: segmentInfo.playlist.attributes.BANDWIDTH,
- resolution: segmentInfo.playlist.attributes.RESOLUTION,
- codecs: segmentInfo.playlist.attributes.CODECS,
- byteLength: segmentInfo.byteLength,
- uri: segmentInfo.uri,
- timeline: segmentInfo.timeline,
- playlist: segmentInfo.playlist.id,
- start: start,
- end: end
- };
- var data = JSON.stringify(value);
- var cue = new Cue(start, end, data); // Attach the metadata to the value property of the cue to keep consistency between
- // the differences of WebKitDataCue in safari and VTTCue in other browsers
+ var precompute = function precompute() {
+ var tables = [[[], [], [], [], []], [[], [], [], [], []]];
+ var encTable = tables[0];
+ var decTable = tables[1];
+ var sbox = encTable[4];
+ var sboxInv = decTable[4];
+ var i;
+ var x;
+ var xInv;
+ var d = [];
+ var th = [];
+ var x2;
+ var x4;
+ var x8;
+ var s;
+ var tEnc;
+ var tDec; // Compute double and third tables
- cue.value = value;
- this.segmentMetadataTrack_.addCue(cue);
+ for (i = 0; i < 256; i++) {
+ th[(d[i] = i << 1 ^ (i >> 7) * 283) ^ i] = i;
}
- }]);
- return SegmentLoader;
- }(videojs$1.EventTarget);
- var uint8ToUtf8 = function uint8ToUtf8(uintArray) {
- return decodeURIComponent(escape(String.fromCharCode.apply(null, uintArray)));
- };
- /**
- * @file vtt-segment-loader.js
- */
+ for (x = xInv = 0; !sbox[x]; x ^= x2 || 1, xInv = th[xInv] || 1) {
+ // Compute sbox
+ s = xInv ^ xInv << 1 ^ xInv << 2 ^ xInv << 3 ^ xInv << 4;
+ s = s >> 8 ^ s & 255 ^ 99;
+ sbox[x] = s;
+ sboxInv[s] = x; // Compute MixColumns
+ x8 = d[x4 = d[x2 = d[x]]];
+ tDec = x8 * 0x1010101 ^ x4 * 0x10001 ^ x2 * 0x101 ^ x * 0x1010100;
+ tEnc = d[s] * 0x101 ^ s * 0x1010100;
- var VTT_LINE_TERMINATORS = new Uint8Array('\n\n'.split('').map(function (_char2) {
- return _char2.charCodeAt(0);
- }));
- /**
- * An object that manages segment loading and appending.
- *
- * @class VTTSegmentLoader
- * @param {Object} options required and optional options
- * @extends videojs.EventTarget
- */
+ for (i = 0; i < 4; i++) {
+ encTable[i][x] = tEnc = tEnc << 24 ^ tEnc >>> 8;
+ decTable[i][s] = tDec = tDec << 24 ^ tDec >>> 8;
+ }
+ } // Compactify. Considerable speedup on Firefox.
- var VTTSegmentLoader = function (_SegmentLoader) {
- inherits$2(VTTSegmentLoader, _SegmentLoader);
- function VTTSegmentLoader(settings) {
- var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
- classCallCheck$1(this, VTTSegmentLoader); // SegmentLoader requires a MediaSource be specified or it will throw an error;
- // however, VTTSegmentLoader has no need of a media source, so delete the reference
+ for (i = 0; i < 5; i++) {
+ encTable[i] = encTable[i].slice(0);
+ decTable[i] = decTable[i].slice(0);
+ }
- var _this = possibleConstructorReturn$1(this, (VTTSegmentLoader.__proto__ || Object.getPrototypeOf(VTTSegmentLoader)).call(this, settings, options));
+ return tables;
+ };
- _this.mediaSource_ = null;
- _this.subtitlesTrack_ = null;
- _this.featuresNativeTextTracks_ = settings.featuresNativeTextTracks;
- return _this;
- }
+ var aesTables = null;
/**
- * Indicates which time ranges are buffered
+ * Schedule out an AES key for both encryption and decryption. This
+ * is a low-level class. Use a cipher mode to do bulk encryption.
*
- * @return {TimeRange}
- * TimeRange object representing the current buffered ranges
+ * @class AES
+ * @param key {Array} The key as an array of 4, 6 or 8 words.
*/
+ var AES = /*#__PURE__*/function () {
+ function AES(key) {
+ /**
+ * The expanded S-box and inverse S-box tables. These will be computed
+ * on the client so that we don't have to send them down the wire.
+ *
+ * There are two tables, _tables[0] is for encryption and
+ * _tables[1] is for decryption.
+ *
+ * The first 4 sub-tables are the expanded S-box with MixColumns. The
+ * last (_tables[01][4]) is the S-box itself.
+ *
+ * @private
+ */
+ // if we have yet to precompute the S-box tables
+ // do so now
+ if (!aesTables) {
+ aesTables = precompute();
+ } // then make a copy of that object for use
- createClass$1(VTTSegmentLoader, [{
- key: 'buffered_',
- value: function buffered_() {
- if (!this.subtitlesTrack_ || !this.subtitlesTrack_.cues.length) {
- return videojs$1.createTimeRanges();
- }
-
- var cues = this.subtitlesTrack_.cues;
- var start = cues[0].startTime;
- var end = cues[cues.length - 1].startTime;
- return videojs$1.createTimeRanges([[start, end]]);
- }
- /**
- * Gets and sets init segment for the provided map
- *
- * @param {Object} map
- * The map object representing the init segment to get or set
- * @param {Boolean=} set
- * If true, the init segment for the provided map should be saved
- * @return {Object}
- * map object for desired init segment
- */
-
- }, {
- key: 'initSegment',
- value: function initSegment(map) {
- var set$$1 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
- if (!map) {
- return null;
- }
+ this._tables = [[aesTables[0][0].slice(), aesTables[0][1].slice(), aesTables[0][2].slice(), aesTables[0][3].slice(), aesTables[0][4].slice()], [aesTables[1][0].slice(), aesTables[1][1].slice(), aesTables[1][2].slice(), aesTables[1][3].slice(), aesTables[1][4].slice()]];
+ var i;
+ var j;
+ var tmp;
+ var sbox = this._tables[0][4];
+ var decTable = this._tables[1];
+ var keyLen = key.length;
+ var rcon = 1;
- var id = initSegmentId(map);
- var storedMap = this.initSegments_[id];
-
- if (set$$1 && !storedMap && map.bytes) {
- // append WebVTT line terminators to the media initialization segment if it exists
- // to follow the WebVTT spec (https://w3c.github.io/webvtt/#file-structure) that
- // requires two or more WebVTT line terminators between the WebVTT header and the
- // rest of the file
- var combinedByteLength = VTT_LINE_TERMINATORS.byteLength + map.bytes.byteLength;
- var combinedSegment = new Uint8Array(combinedByteLength);
- combinedSegment.set(map.bytes);
- combinedSegment.set(VTT_LINE_TERMINATORS, map.bytes.byteLength);
- this.initSegments_[id] = storedMap = {
- resolvedUri: map.resolvedUri,
- byterange: map.byterange,
- bytes: combinedSegment
- };
+ if (keyLen !== 4 && keyLen !== 6 && keyLen !== 8) {
+ throw new Error('Invalid aes key size');
}
- return storedMap || map;
- }
- /**
- * Returns true if all configuration required for loading is present, otherwise false.
- *
- * @return {Boolean} True if the all configuration is ready for loading
- * @private
- */
+ var encKey = key.slice(0);
+ var decKey = [];
+ this._key = [encKey, decKey]; // schedule encryption keys
- }, {
- key: 'couldBeginLoading_',
- value: function couldBeginLoading_() {
- return this.playlist_ && this.subtitlesTrack_ && !this.paused();
- }
- /**
- * Once all the starting parameters have been specified, begin
- * operation. This method should only be invoked from the INIT
- * state.
- *
- * @private
- */
+ for (i = keyLen; i < 4 * keyLen + 28; i++) {
+ tmp = encKey[i - 1]; // apply sbox
- }, {
- key: 'init_',
- value: function init_() {
- this.state = 'READY';
- this.resetEverything();
- return this.monitorBuffer_();
- }
- /**
- * Set a subtitle track on the segment loader to add subtitles to
- *
- * @param {TextTrack=} track
- * The text track to add loaded subtitles to
- * @return {TextTrack}
- * Returns the subtitles track
- */
+ if (i % keyLen === 0 || keyLen === 8 && i % keyLen === 4) {
+ tmp = sbox[tmp >>> 24] << 24 ^ sbox[tmp >> 16 & 255] << 16 ^ sbox[tmp >> 8 & 255] << 8 ^ sbox[tmp & 255]; // shift rows and add rcon
- }, {
- key: 'track',
- value: function track(_track) {
- if (typeof _track === 'undefined') {
- return this.subtitlesTrack_;
- }
+ if (i % keyLen === 0) {
+ tmp = tmp << 8 ^ tmp >>> 24 ^ rcon << 24;
+ rcon = rcon << 1 ^ (rcon >> 7) * 283;
+ }
+ }
- this.subtitlesTrack_ = _track; // if we were unpaused but waiting for a sourceUpdater, start
- // buffering now
+ encKey[i] = encKey[i - keyLen] ^ tmp;
+ } // schedule decryption keys
- if (this.state === 'INIT' && this.couldBeginLoading_()) {
- this.init_();
- }
- return this.subtitlesTrack_;
- }
- /**
- * Remove any data in the source buffer between start and end times
- * @param {Number} start - the start time of the region to remove from the buffer
- * @param {Number} end - the end time of the region to remove from the buffer
- */
+ for (j = 0; i; j++, i--) {
+ tmp = encKey[j & 3 ? i : i - 4];
- }, {
- key: 'remove',
- value: function remove(start, end) {
- removeCuesFromTrack(start, end, this.subtitlesTrack_);
+ if (i <= 4 || j < 4) {
+ decKey[j] = tmp;
+ } else {
+ decKey[j] = decTable[0][sbox[tmp >>> 24]] ^ decTable[1][sbox[tmp >> 16 & 255]] ^ decTable[2][sbox[tmp >> 8 & 255]] ^ decTable[3][sbox[tmp & 255]];
+ }
+ }
}
/**
- * fill the buffer with segements unless the sourceBuffers are
- * currently updating
- *
- * Note: this function should only ever be called by monitorBuffer_
- * and never directly
+ * Decrypt 16 bytes, specified as four 32-bit words.
*
- * @private
+ * @param {number} encrypted0 the first word to decrypt
+ * @param {number} encrypted1 the second word to decrypt
+ * @param {number} encrypted2 the third word to decrypt
+ * @param {number} encrypted3 the fourth word to decrypt
+ * @param {Int32Array} out the array to write the decrypted words
+ * into
+ * @param {number} offset the offset into the output array to start
+ * writing results
+ * @return {Array} The plaintext.
*/
- }, {
- key: 'fillBuffer_',
- value: function fillBuffer_() {
- var _this2 = this;
- if (!this.syncPoint_) {
- this.syncPoint_ = this.syncController_.getSyncPoint(this.playlist_, this.duration_(), this.currentTimeline_, this.currentTime_());
- } // see if we need to begin loading immediately
+ var _proto = AES.prototype;
+ _proto.decrypt = function decrypt(encrypted0, encrypted1, encrypted2, encrypted3, out, offset) {
+ var key = this._key[1]; // state variables a,b,c,d are loaded with pre-whitened data
- var segmentInfo = this.checkBuffer_(this.buffered_(), this.playlist_, this.mediaIndex, this.hasPlayed_(), this.currentTime_(), this.syncPoint_);
- segmentInfo = this.skipEmptySegments_(segmentInfo);
+ var a = encrypted0 ^ key[0];
+ var b = encrypted3 ^ key[1];
+ var c = encrypted2 ^ key[2];
+ var d = encrypted1 ^ key[3];
+ var a2;
+ var b2;
+ var c2; // key.length === 2 ?
- if (!segmentInfo) {
- return;
+ var nInnerRounds = key.length / 4 - 2;
+ var i;
+ var kIndex = 4;
+ var table = this._tables[1]; // load up the tables
+
+ var table0 = table[0];
+ var table1 = table[1];
+ var table2 = table[2];
+ var table3 = table[3];
+ var sbox = table[4]; // Inner rounds. Cribbed from OpenSSL.
+
+ for (i = 0; i < nInnerRounds; i++) {
+ a2 = table0[a >>> 24] ^ table1[b >> 16 & 255] ^ table2[c >> 8 & 255] ^ table3[d & 255] ^ key[kIndex];
+ b2 = table0[b >>> 24] ^ table1[c >> 16 & 255] ^ table2[d >> 8 & 255] ^ table3[a & 255] ^ key[kIndex + 1];
+ c2 = table0[c >>> 24] ^ table1[d >> 16 & 255] ^ table2[a >> 8 & 255] ^ table3[b & 255] ^ key[kIndex + 2];
+ d = table0[d >>> 24] ^ table1[a >> 16 & 255] ^ table2[b >> 8 & 255] ^ table3[c & 255] ^ key[kIndex + 3];
+ kIndex += 4;
+ a = a2;
+ b = b2;
+ c = c2;
+ } // Last round.
+
+
+ for (i = 0; i < 4; i++) {
+ out[(3 & -i) + offset] = sbox[a >>> 24] << 24 ^ sbox[b >> 16 & 255] << 16 ^ sbox[c >> 8 & 255] << 8 ^ sbox[d & 255] ^ key[kIndex++];
+ a2 = a;
+ a = b;
+ b = c;
+ c = d;
+ d = a2;
}
+ };
- if (this.syncController_.timestampOffsetForTimeline(segmentInfo.timeline) === null) {
- // We don't have the timestamp offset that we need to sync subtitles.
- // Rerun on a timestamp offset or user interaction.
- var checkTimestampOffset = function checkTimestampOffset() {
- _this2.state = 'READY';
+ return AES;
+ }();
+ /**
+ * A wrapper around the Stream class to use setTimeout
+ * and run stream "jobs" Asynchronously
+ *
+ * @class AsyncStream
+ * @extends Stream
+ */
- if (!_this2.paused()) {
- // if not paused, queue a buffer check as soon as possible
- _this2.monitorBuffer_();
- }
- };
- this.syncController_.one('timestampoffset', checkTimestampOffset);
- this.state = 'WAITING_ON_TIMELINE';
- return;
- }
+ var AsyncStream = /*#__PURE__*/function (_Stream) {
+ inheritsLoose(AsyncStream, _Stream);
+
+ function AsyncStream() {
+ var _this;
- this.loadSegment_(segmentInfo);
+ _this = _Stream.call(this, Stream) || this;
+ _this.jobs = [];
+ _this.delay = 1;
+ _this.timeout_ = null;
+ return _this;
}
/**
- * Prevents the segment loader from requesting segments we know contain no subtitles
- * by walking forward until we find the next segment that we don't know whether it is
- * empty or not.
+ * process an async job
*
- * @param {Object} segmentInfo
- * a segment info object that describes the current segment
- * @return {Object}
- * a segment info object that describes the current segment
+ * @private
*/
- }, {
- key: 'skipEmptySegments_',
- value: function skipEmptySegments_(segmentInfo) {
- while (segmentInfo && segmentInfo.segment.empty) {
- segmentInfo = this.generateSegmentInfo_(segmentInfo.playlist, segmentInfo.mediaIndex + 1, segmentInfo.startOfSegment + segmentInfo.duration, segmentInfo.isSyncRequest);
- }
- return segmentInfo;
+ var _proto = AsyncStream.prototype;
+
+ _proto.processJob_ = function processJob_() {
+ this.jobs.shift()();
+
+ if (this.jobs.length) {
+ this.timeout_ = setTimeout(this.processJob_.bind(this), this.delay);
+ } else {
+ this.timeout_ = null;
+ }
}
/**
- * append a decrypted segement to the SourceBuffer through a SourceUpdater
+ * push a job into the stream
*
- * @private
+ * @param {Function} job the job to push into the stream
*/
+ ;
- }, {
- key: 'handleSegment_',
- value: function handleSegment_() {
- var _this3 = this;
+ _proto.push = function push(job) {
+ this.jobs.push(job);
- if (!this.pendingSegment_ || !this.subtitlesTrack_) {
- this.state = 'READY';
- return;
+ if (!this.timeout_) {
+ this.timeout_ = setTimeout(this.processJob_.bind(this), this.delay);
}
+ };
- this.state = 'APPENDING';
- var segmentInfo = this.pendingSegment_;
- var segment = segmentInfo.segment; // Make sure that vttjs has loaded, otherwise, wait till it finished loading
-
- if (typeof window$3.WebVTT !== 'function' && this.subtitlesTrack_ && this.subtitlesTrack_.tech_) {
- var loadHandler = void 0;
-
- var errorHandler = function errorHandler() {
- _this3.subtitlesTrack_.tech_.off('vttjsloaded', loadHandler);
-
- _this3.error({
- message: 'Error loading vtt.js'
- });
-
- _this3.state = 'READY';
-
- _this3.pause();
+ return AsyncStream;
+ }(Stream);
+ /**
+ * Convert network-order (big-endian) bytes into their little-endian
+ * representation.
+ */
- _this3.trigger('error');
- };
- loadHandler = function loadHandler() {
- _this3.subtitlesTrack_.tech_.off('vttjserror', errorHandler);
+ var ntoh = function ntoh(word) {
+ return word << 24 | (word & 0xff00) << 8 | (word & 0xff0000) >> 8 | word >>> 24;
+ };
+ /**
+ * Decrypt bytes using AES-128 with CBC and PKCS#7 padding.
+ *
+ * @param {Uint8Array} encrypted the encrypted bytes
+ * @param {Uint32Array} key the bytes of the decryption key
+ * @param {Uint32Array} initVector the initialization vector (IV) to
+ * use for the first round of CBC.
+ * @return {Uint8Array} the decrypted bytes
+ *
+ * @see http://en.wikipedia.org/wiki/Advanced_Encryption_Standard
+ * @see http://en.wikipedia.org/wiki/Block_cipher_mode_of_operation#Cipher_Block_Chaining_.28CBC.29
+ * @see https://tools.ietf.org/html/rfc2315
+ */
- _this3.handleSegment_();
- };
- this.state = 'WAITING_ON_VTTJS';
- this.subtitlesTrack_.tech_.one('vttjsloaded', loadHandler);
- this.subtitlesTrack_.tech_.one('vttjserror', errorHandler);
- return;
- }
+ var decrypt = function decrypt(encrypted, key, initVector) {
+ // word-level access to the encrypted bytes
+ var encrypted32 = new Int32Array(encrypted.buffer, encrypted.byteOffset, encrypted.byteLength >> 2);
+ var decipher = new AES(Array.prototype.slice.call(key)); // byte and word-level access for the decrypted output
- segment.requested = true;
+ var decrypted = new Uint8Array(encrypted.byteLength);
+ var decrypted32 = new Int32Array(decrypted.buffer); // temporary variables for working with the IV, encrypted, and
+ // decrypted data
+
+ var init0;
+ var init1;
+ var init2;
+ var init3;
+ var encrypted0;
+ var encrypted1;
+ var encrypted2;
+ var encrypted3; // iteration variable
+
+ var wordIx; // pull out the words of the IV to ensure we don't modify the
+ // passed-in reference and easier access
+
+ init0 = initVector[0];
+ init1 = initVector[1];
+ init2 = initVector[2];
+ init3 = initVector[3]; // decrypt four word sequences, applying cipher-block chaining (CBC)
+ // to each decrypted block
+
+ for (wordIx = 0; wordIx < encrypted32.length; wordIx += 4) {
+ // convert big-endian (network order) words into little-endian
+ // (javascript order)
+ encrypted0 = ntoh(encrypted32[wordIx]);
+ encrypted1 = ntoh(encrypted32[wordIx + 1]);
+ encrypted2 = ntoh(encrypted32[wordIx + 2]);
+ encrypted3 = ntoh(encrypted32[wordIx + 3]); // decrypt the block
+
+ decipher.decrypt(encrypted0, encrypted1, encrypted2, encrypted3, decrypted32, wordIx); // XOR with the IV, and restore network byte-order to obtain the
+ // plaintext
+
+ decrypted32[wordIx] = ntoh(decrypted32[wordIx] ^ init0);
+ decrypted32[wordIx + 1] = ntoh(decrypted32[wordIx + 1] ^ init1);
+ decrypted32[wordIx + 2] = ntoh(decrypted32[wordIx + 2] ^ init2);
+ decrypted32[wordIx + 3] = ntoh(decrypted32[wordIx + 3] ^ init3); // setup the IV for the next round
+
+ init0 = encrypted0;
+ init1 = encrypted1;
+ init2 = encrypted2;
+ init3 = encrypted3;
+ }
+
+ return decrypted;
+ };
+ /**
+ * The `Decrypter` class that manages decryption of AES
+ * data through `AsyncStream` objects and the `decrypt`
+ * function
+ *
+ * @param {Uint8Array} encrypted the encrypted bytes
+ * @param {Uint32Array} key the bytes of the decryption key
+ * @param {Uint32Array} initVector the initialization vector (IV) to
+ * @param {Function} done the function to run when done
+ * @class Decrypter
+ */
- try {
- this.parseVTTCues_(segmentInfo);
- } catch (e) {
- this.error({
- message: e.message
- });
- this.state = 'READY';
- this.pause();
- return this.trigger('error');
- }
- this.updateTimeMapping_(segmentInfo, this.syncController_.timelines[segmentInfo.timeline], this.playlist_);
+ var Decrypter = /*#__PURE__*/function () {
+ function Decrypter(encrypted, key, initVector, done) {
+ var step = Decrypter.STEP;
+ var encrypted32 = new Int32Array(encrypted.buffer);
+ var decrypted = new Uint8Array(encrypted.byteLength);
+ var i = 0;
+ this.asyncStream_ = new AsyncStream(); // split up the encryption job and do the individual chunks asynchronously
- if (segmentInfo.isSyncRequest) {
- this.trigger('syncinfoupdate');
- this.pendingSegment_ = null;
- this.state = 'READY';
- return;
- }
+ this.asyncStream_.push(this.decryptChunk_(encrypted32.subarray(i, i + step), key, initVector, decrypted));
- segmentInfo.byteLength = segmentInfo.bytes.byteLength;
- this.mediaSecondsLoaded += segment.duration;
+ for (i = step; i < encrypted32.length; i += step) {
+ initVector = new Uint32Array([ntoh(encrypted32[i - 4]), ntoh(encrypted32[i - 3]), ntoh(encrypted32[i - 2]), ntoh(encrypted32[i - 1])]);
+ this.asyncStream_.push(this.decryptChunk_(encrypted32.subarray(i, i + step), key, initVector, decrypted));
+ } // invoke the done() callback when everything is finished
- if (segmentInfo.cues.length) {
- // remove any overlapping cues to prevent doubling
- this.remove(segmentInfo.cues[0].endTime, segmentInfo.cues[segmentInfo.cues.length - 1].endTime);
- }
- segmentInfo.cues.forEach(function (cue) {
- _this3.subtitlesTrack_.addCue(_this3.featuresNativeTextTracks_ ? new window$3.VTTCue(cue.startTime, cue.endTime, cue.text) : cue);
+ this.asyncStream_.push(function () {
+ // remove pkcs#7 padding from the decrypted bytes
+ done(null, unpad(decrypted));
});
- this.handleUpdateEnd_();
}
/**
- * Uses the WebVTT parser to parse the segment response
+ * a getter for step the maximum number of bytes to process at one time
*
- * @param {Object} segmentInfo
- * a segment info object that describes the current segment
- * @private
+ * @return {number} the value of step 32000
*/
- }, {
- key: 'parseVTTCues_',
- value: function parseVTTCues_(segmentInfo) {
- var decoder = void 0;
- var decodeBytesToString = false;
-
- if (typeof window$3.TextDecoder === 'function') {
- decoder = new window$3.TextDecoder('utf8');
- } else {
- decoder = window$3.WebVTT.StringDecoder();
- decodeBytesToString = true;
- }
-
- var parser = new window$3.WebVTT.Parser(window$3, window$3.vttjs, decoder);
- segmentInfo.cues = [];
- segmentInfo.timestampmap = {
- MPEGTS: 0,
- LOCAL: 0
- };
- parser.oncue = segmentInfo.cues.push.bind(segmentInfo.cues);
- parser.ontimestampmap = function (map) {
- return segmentInfo.timestampmap = map;
- };
+ var _proto = Decrypter.prototype;
+ /**
+ * @private
+ */
- parser.onparsingerror = function (error) {
- videojs$1.log.warn('Error encountered when parsing cues: ' + error.message);
+ _proto.decryptChunk_ = function decryptChunk_(encrypted, key, initVector, decrypted) {
+ return function () {
+ var bytes = decrypt(encrypted, key, initVector);
+ decrypted.set(bytes, encrypted.byteOffset);
};
+ };
- if (segmentInfo.segment.map) {
- var mapData = segmentInfo.segment.map.bytes;
+ createClass(Decrypter, null, [{
+ key: "STEP",
+ get: function get() {
+ // 4 * 8000;
+ return 32000;
+ }
+ }]);
+ return Decrypter;
+ }();
+ /**
+ * @file bin-utils.js
+ */
- if (decodeBytesToString) {
- mapData = uint8ToUtf8(mapData);
- }
+ /**
+ * Creates an object for sending to a web worker modifying properties that are TypedArrays
+ * into a new object with seperated properties for the buffer, byteOffset, and byteLength.
+ *
+ * @param {Object} message
+ * Object of properties and values to send to the web worker
+ * @return {Object}
+ * Modified message with TypedArray values expanded
+ * @function createTransferableMessage
+ */
- parser.parse(mapData);
- }
- var segmentData = segmentInfo.bytes;
+ var createTransferableMessage = function createTransferableMessage(message) {
+ var transferable = {};
+ Object.keys(message).forEach(function (key) {
+ var value = message[key];
- if (decodeBytesToString) {
- segmentData = uint8ToUtf8(segmentData);
+ if (ArrayBuffer.isView(value)) {
+ transferable[key] = {
+ bytes: value.buffer,
+ byteOffset: value.byteOffset,
+ byteLength: value.byteLength
+ };
+ } else {
+ transferable[key] = value;
}
+ });
+ return transferable;
+ };
+ /* global self */
- parser.parse(segmentData);
- parser.flush();
- }
- /**
- * Updates the start and end times of any cues parsed by the WebVTT parser using
- * the information parsed from the X-TIMESTAMP-MAP header and a TS to media time mapping
- * from the SyncController
- *
- * @param {Object} segmentInfo
- * a segment info object that describes the current segment
- * @param {Object} mappingObj
- * object containing a mapping from TS to media time
- * @param {Object} playlist
- * the playlist object containing the segment
- * @private
- */
+ /**
+ * Our web worker interface so that things can talk to aes-decrypter
+ * that will be running in a web worker. the scope is passed to this by
+ * webworkify.
+ */
- }, {
- key: 'updateTimeMapping_',
- value: function updateTimeMapping_(segmentInfo, mappingObj, playlist) {
- var segment = segmentInfo.segment;
-
- if (!mappingObj) {
- // If the sync controller does not have a mapping of TS to Media Time for the
- // timeline, then we don't have enough information to update the cue
- // start/end times
- return;
- }
- if (!segmentInfo.cues.length) {
- // If there are no cues, we also do not have enough information to figure out
- // segment timing. Mark that the segment contains no cues so we don't re-request
- // an empty segment.
- segment.empty = true;
- return;
- }
+ self.onmessage = function (event) {
+ var data = event.data;
+ var encrypted = new Uint8Array(data.encrypted.bytes, data.encrypted.byteOffset, data.encrypted.byteLength);
+ var key = new Uint32Array(data.key.bytes, data.key.byteOffset, data.key.byteLength / 4);
+ var iv = new Uint32Array(data.iv.bytes, data.iv.byteOffset, data.iv.byteLength / 4);
+ /* eslint-disable no-new, handle-callback-err */
- var timestampmap = segmentInfo.timestampmap;
- var diff = timestampmap.MPEGTS / 90000 - timestampmap.LOCAL + mappingObj.mapping;
- segmentInfo.cues.forEach(function (cue) {
- // First convert cue time to TS time using the timestamp-map provided within the vtt
- cue.startTime += diff;
- cue.endTime += diff;
- });
+ new Decrypter(encrypted, key, iv, function (err, bytes) {
+ self.postMessage(createTransferableMessage({
+ source: data.source,
+ decrypted: bytes
+ }), [bytes.buffer]);
+ });
+ /* eslint-enable */
+ };
+ }));
+ var Decrypter = factory(workerCode);
+ /* rollup-plugin-worker-factory end for worker!/Users/gkatsevman/p/http-streaming-release/src/decrypter-worker.js */
- if (!playlist.syncInfo) {
- var firstStart = segmentInfo.cues[0].startTime;
- var lastStart = segmentInfo.cues[segmentInfo.cues.length - 1].startTime;
- playlist.syncInfo = {
- mediaSequence: playlist.mediaSequence + segmentInfo.mediaIndex,
- time: Math.min(firstStart, lastStart - segment.duration)
- };
- }
- }
- }]);
- return VTTSegmentLoader;
- }(SegmentLoader);
/**
- * @file ad-cue-tags.js
+ * Convert the properties of an HLS track into an audioTrackKind.
+ *
+ * @private
*/
+ var audioTrackKind_ = function audioTrackKind_(properties) {
+ var kind = properties["default"] ? 'main' : 'alternative';
+
+ if (properties.characteristics && properties.characteristics.indexOf('public.accessibility.describes-video') >= 0) {
+ kind = 'main-desc';
+ }
+
+ return kind;
+ };
/**
- * Searches for an ad cue that overlaps with the given mediaTime
+ * Pause provided segment loader and playlist loader if active
+ *
+ * @param {SegmentLoader} segmentLoader
+ * SegmentLoader to pause
+ * @param {Object} mediaType
+ * Active media type
+ * @function stopLoaders
*/
- var findAdCue = function findAdCue(track, mediaTime) {
- var cues = track.cues;
-
- for (var i = 0; i < cues.length; i++) {
- var cue = cues[i];
+ var stopLoaders = function stopLoaders(segmentLoader, mediaType) {
+ segmentLoader.abort();
+ segmentLoader.pause();
- if (mediaTime >= cue.adStartTime && mediaTime <= cue.adEndTime) {
- return cue;
- }
+ if (mediaType && mediaType.activePlaylistLoader) {
+ mediaType.activePlaylistLoader.pause();
+ mediaType.activePlaylistLoader = null;
}
+ };
+ /**
+ * Start loading provided segment loader and playlist loader
+ *
+ * @param {PlaylistLoader} playlistLoader
+ * PlaylistLoader to start loading
+ * @param {Object} mediaType
+ * Active media type
+ * @function startLoaders
+ */
- return null;
+
+ var startLoaders = function startLoaders(playlistLoader, mediaType) {
+ // Segment loader will be started after `loadedmetadata` or `loadedplaylist` from the
+ // playlist loader
+ mediaType.activePlaylistLoader = playlistLoader;
+ playlistLoader.load();
};
+ /**
+ * Returns a function to be called when the media group changes. It performs a
+ * non-destructive (preserve the buffer) resync of the SegmentLoader. This is because a
+ * change of group is merely a rendition switch of the same content at another encoding,
+ * rather than a change of content, such as switching audio from English to Spanish.
+ *
+ * @param {string} type
+ * MediaGroup type
+ * @param {Object} settings
+ * Object containing required information for media groups
+ * @return {Function}
+ * Handler for a non-destructive resync of SegmentLoader when the active media
+ * group changes.
+ * @function onGroupChanged
+ */
- var updateAdCues = function updateAdCues(media, track) {
- var offset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
- if (!media.segments) {
- return;
- }
+ var onGroupChanged = function onGroupChanged(type, settings) {
+ return function () {
+ var _settings$segmentLoad = settings.segmentLoaders,
+ segmentLoader = _settings$segmentLoad[type],
+ mainSegmentLoader = _settings$segmentLoad.main,
+ mediaType = settings.mediaTypes[type];
+ var activeTrack = mediaType.activeTrack();
+ var activeGroup = mediaType.getActiveGroup();
+ var previousActiveLoader = mediaType.activePlaylistLoader;
+ var lastGroup = mediaType.lastGroup_; // the group did not change do nothing
- var mediaTime = offset;
- var cue = void 0;
+ if (activeGroup && lastGroup && activeGroup.id === lastGroup.id) {
+ return;
+ }
- for (var i = 0; i < media.segments.length; i++) {
- var segment = media.segments[i];
+ mediaType.lastGroup_ = activeGroup;
+ mediaType.lastTrack_ = activeTrack;
+ stopLoaders(segmentLoader, mediaType);
- if (!cue) {
- // Since the cues will span for at least the segment duration, adding a fudge
- // factor of half segment duration will prevent duplicate cues from being
- // created when timing info is not exact (e.g. cue start time initialized
- // at 10.006677, but next call mediaTime is 10.003332 )
- cue = findAdCue(track, mediaTime + segment.duration / 2);
+ if (!activeGroup || activeGroup.isMasterPlaylist) {
+ // there is no group active or active group is a main playlist and won't change
+ return;
}
- if (cue) {
- if ('cueIn' in segment) {
- // Found a CUE-IN so end the cue
- cue.endTime = mediaTime;
- cue.adEndTime = mediaTime;
- mediaTime += segment.duration;
- cue = null;
- continue;
+ if (!activeGroup.playlistLoader) {
+ if (previousActiveLoader) {
+ // The previous group had a playlist loader but the new active group does not
+ // this means we are switching from demuxed to muxed audio. In this case we want to
+ // do a destructive reset of the main segment loader and not restart the audio
+ // loaders.
+ mainSegmentLoader.resetEverything();
}
- if (mediaTime < cue.endTime) {
- // Already processed this mediaTime for this cue
- mediaTime += segment.duration;
- continue;
- } // otherwise extend cue until a CUE-IN is found
+ return;
+ } // Non-destructive resync
- cue.endTime += segment.duration;
- } else {
- if ('cueOut' in segment) {
- cue = new window$3.VTTCue(mediaTime, mediaTime + segment.duration, segment.cueOut);
- cue.adStartTime = mediaTime; // Assumes tag format to be
- // #EXT-X-CUE-OUT:30
+ segmentLoader.resyncLoader();
+ startLoaders(activeGroup.playlistLoader, mediaType);
+ };
+ };
- cue.adEndTime = mediaTime + parseFloat(segment.cueOut);
- track.addCue(cue);
- }
+ var onGroupChanging = function onGroupChanging(type, settings) {
+ return function () {
+ var segmentLoader = settings.segmentLoaders[type],
+ mediaType = settings.mediaTypes[type];
+ mediaType.lastGroup_ = null;
+ segmentLoader.abort();
+ segmentLoader.pause();
+ };
+ };
+ /**
+ * Returns a function to be called when the media track changes. It performs a
+ * destructive reset of the SegmentLoader to ensure we start loading as close to
+ * currentTime as possible.
+ *
+ * @param {string} type
+ * MediaGroup type
+ * @param {Object} settings
+ * Object containing required information for media groups
+ * @return {Function}
+ * Handler for a destructive reset of SegmentLoader when the active media
+ * track changes.
+ * @function onTrackChanged
+ */
- if ('cueOutCont' in segment) {
- // Entered into the middle of an ad cue
- var adOffset = void 0;
- var adTotal = void 0; // Assumes tag formate to be
- // #EXT-X-CUE-OUT-CONT:10/30
- var _segment$cueOutCont$s = segment.cueOutCont.split('/').map(parseFloat);
+ var onTrackChanged = function onTrackChanged(type, settings) {
+ return function () {
+ var masterPlaylistLoader = settings.masterPlaylistLoader,
+ _settings$segmentLoad2 = settings.segmentLoaders,
+ segmentLoader = _settings$segmentLoad2[type],
+ mainSegmentLoader = _settings$segmentLoad2.main,
+ mediaType = settings.mediaTypes[type];
+ var activeTrack = mediaType.activeTrack();
+ var activeGroup = mediaType.getActiveGroup();
+ var previousActiveLoader = mediaType.activePlaylistLoader;
+ var lastTrack = mediaType.lastTrack_; // track did not change, do nothing
+
+ if (lastTrack && activeTrack && lastTrack.id === activeTrack.id) {
+ return;
+ }
- var _segment$cueOutCont$s2 = slicedToArray(_segment$cueOutCont$s, 2);
+ mediaType.lastGroup_ = activeGroup;
+ mediaType.lastTrack_ = activeTrack;
+ stopLoaders(segmentLoader, mediaType);
- adOffset = _segment$cueOutCont$s2[0];
- adTotal = _segment$cueOutCont$s2[1];
- cue = new window$3.VTTCue(mediaTime, mediaTime + segment.duration, '');
- cue.adStartTime = mediaTime - adOffset;
- cue.adEndTime = cue.adStartTime + adTotal;
- track.addCue(cue);
- }
+ if (!activeGroup) {
+ // there is no group active so we do not want to restart loaders
+ return;
}
- mediaTime += segment.duration;
- }
- };
- /**
- * @file sync-controller.js
- */
+ if (activeGroup.isMasterPlaylist) {
+ // track did not change, do nothing
+ if (!activeTrack || !lastTrack || activeTrack.id === lastTrack.id) {
+ return;
+ }
+ var mpc = settings.vhs.masterPlaylistController_;
+ var newPlaylist = mpc.selectPlaylist(); // media will not change do nothing
- var tsprobe = tsInspector.inspect;
- var syncPointStrategies = [// Stategy "VOD": Handle the VOD-case where the sync-point is *always*
- // the equivalence display-time 0 === segment-index 0
- {
- name: 'VOD',
- run: function run(syncController, playlist, duration$$1, currentTimeline, currentTime) {
- if (duration$$1 !== Infinity) {
- var syncPoint = {
- time: 0,
- segmentIndex: 0
- };
- return syncPoint;
- }
+ if (mpc.media() === newPlaylist) {
+ return;
+ }
- return null;
- }
- }, // Stategy "ProgramDateTime": We have a program-date-time tag in this playlist
- {
- name: 'ProgramDateTime',
- run: function run(syncController, playlist, duration$$1, currentTimeline, currentTime) {
- if (!syncController.datetimeToDisplayTime) {
- return null;
+ mediaType.logger_("track change. Switching master audio from " + lastTrack.id + " to " + activeTrack.id);
+ masterPlaylistLoader.pause();
+ mainSegmentLoader.resetEverything();
+ mpc.fastQualityChange_(newPlaylist);
+ return;
}
- var segments = playlist.segments || [];
- var syncPoint = null;
- var lastDistance = null;
- currentTime = currentTime || 0;
+ if (type === 'AUDIO') {
+ if (!activeGroup.playlistLoader) {
+ // when switching from demuxed audio/video to muxed audio/video (noted by no
+ // playlist loader for the audio group), we want to do a destructive reset of the
+ // main segment loader and not restart the audio loaders
+ mainSegmentLoader.setAudio(true); // don't have to worry about disabling the audio of the audio segment loader since
+ // it should be stopped
- for (var i = 0; i < segments.length; i++) {
- var segment = segments[i];
+ mainSegmentLoader.resetEverything();
+ return;
+ } // although the segment loader is an audio segment loader, call the setAudio
+ // function to ensure it is prepared to re-append the init segment (or handle other
+ // config changes)
- if (segment.dateTimeObject) {
- var segmentTime = segment.dateTimeObject.getTime() / 1000;
- var segmentStart = segmentTime + syncController.datetimeToDisplayTime;
- var distance = Math.abs(currentTime - segmentStart); // Once the distance begins to increase, or if distance is 0, we have passed
- // currentTime and can stop looking for better candidates
- if (lastDistance !== null && (distance === 0 || lastDistance < distance)) {
- break;
- }
+ segmentLoader.setAudio(true);
+ mainSegmentLoader.setAudio(false);
+ }
- lastDistance = distance;
- syncPoint = {
- time: segmentStart,
- segmentIndex: i
- };
- }
+ if (previousActiveLoader === activeGroup.playlistLoader) {
+ // Nothing has actually changed. This can happen because track change events can fire
+ // multiple times for a "single" change. One for enabling the new active track, and
+ // one for disabling the track that was active
+ startLoaders(activeGroup.playlistLoader, mediaType);
+ return;
}
- return syncPoint;
- }
- }, // Stategy "Segment": We have a known time mapping for a timeline and a
- // segment in the current timeline with timing data
- {
- name: 'Segment',
- run: function run(syncController, playlist, duration$$1, currentTimeline, currentTime) {
- var segments = playlist.segments || [];
- var syncPoint = null;
- var lastDistance = null;
- currentTime = currentTime || 0;
+ if (segmentLoader.track) {
+ // For WebVTT, set the new text track in the segmentloader
+ segmentLoader.track(activeTrack);
+ } // destructive reset
- for (var i = 0; i < segments.length; i++) {
- var segment = segments[i];
- if (segment.timeline === currentTimeline && typeof segment.start !== 'undefined') {
- var distance = Math.abs(currentTime - segment.start); // Once the distance begins to increase, we have passed
- // currentTime and can stop looking for better candidates
+ segmentLoader.resetEverything();
+ startLoaders(activeGroup.playlistLoader, mediaType);
+ };
+ };
- if (lastDistance !== null && lastDistance < distance) {
- break;
- }
+ var onError = {
+ /**
+ * Returns a function to be called when a SegmentLoader or PlaylistLoader encounters
+ * an error.
+ *
+ * @param {string} type
+ * MediaGroup type
+ * @param {Object} settings
+ * Object containing required information for media groups
+ * @return {Function}
+ * Error handler. Logs warning (or error if the playlist is blacklisted) to
+ * console and switches back to default audio track.
+ * @function onError.AUDIO
+ */
+ AUDIO: function AUDIO(type, settings) {
+ return function () {
+ var segmentLoader = settings.segmentLoaders[type],
+ mediaType = settings.mediaTypes[type],
+ blacklistCurrentPlaylist = settings.blacklistCurrentPlaylist;
+ stopLoaders(segmentLoader, mediaType); // switch back to default audio track
+
+ var activeTrack = mediaType.activeTrack();
+ var activeGroup = mediaType.activeGroup();
+ var id = (activeGroup.filter(function (group) {
+ return group["default"];
+ })[0] || activeGroup[0]).id;
+ var defaultTrack = mediaType.tracks[id];
- if (!syncPoint || lastDistance === null || lastDistance >= distance) {
- lastDistance = distance;
- syncPoint = {
- time: segment.start,
- segmentIndex: i
- };
- }
+ if (activeTrack === defaultTrack) {
+ // Default track encountered an error. All we can do now is blacklist the current
+ // rendition and hope another will switch audio groups
+ blacklistCurrentPlaylist({
+ message: 'Problem encountered loading the default audio track.'
+ });
+ return;
}
- }
-
- return syncPoint;
- }
- }, // Stategy "Discontinuity": We have a discontinuity with a known
- // display-time
- {
- name: 'Discontinuity',
- run: function run(syncController, playlist, duration$$1, currentTimeline, currentTime) {
- var syncPoint = null;
- currentTime = currentTime || 0;
- if (playlist.discontinuityStarts && playlist.discontinuityStarts.length) {
- var lastDistance = null;
+ videojs.log.warn('Problem encountered loading the alternate audio track.' + 'Switching back to default.');
- for (var i = 0; i < playlist.discontinuityStarts.length; i++) {
- var segmentIndex = playlist.discontinuityStarts[i];
- var discontinuity = playlist.discontinuitySequence + i + 1;
- var discontinuitySync = syncController.discontinuities[discontinuity];
+ for (var trackId in mediaType.tracks) {
+ mediaType.tracks[trackId].enabled = mediaType.tracks[trackId] === defaultTrack;
+ }
- if (discontinuitySync) {
- var distance = Math.abs(currentTime - discontinuitySync.time); // Once the distance begins to increase, we have passed
- // currentTime and can stop looking for better candidates
+ mediaType.onTrackChanged();
+ };
+ },
- if (lastDistance !== null && lastDistance < distance) {
- break;
- }
+ /**
+ * Returns a function to be called when a SegmentLoader or PlaylistLoader encounters
+ * an error.
+ *
+ * @param {string} type
+ * MediaGroup type
+ * @param {Object} settings
+ * Object containing required information for media groups
+ * @return {Function}
+ * Error handler. Logs warning to console and disables the active subtitle track
+ * @function onError.SUBTITLES
+ */
+ SUBTITLES: function SUBTITLES(type, settings) {
+ return function () {
+ var segmentLoader = settings.segmentLoaders[type],
+ mediaType = settings.mediaTypes[type];
+ videojs.log.warn('Problem encountered loading the subtitle track.' + 'Disabling subtitle track.');
+ stopLoaders(segmentLoader, mediaType);
+ var track = mediaType.activeTrack();
- if (!syncPoint || lastDistance === null || lastDistance >= distance) {
- lastDistance = distance;
- syncPoint = {
- time: discontinuitySync.time,
- segmentIndex: segmentIndex
- };
- }
- }
+ if (track) {
+ track.mode = 'disabled';
}
- }
- return syncPoint;
+ mediaType.onTrackChanged();
+ };
}
- }, // Stategy "Playlist": We have a playlist with a known mapping of
- // segment index to display time
- {
- name: 'Playlist',
- run: function run(syncController, playlist, duration$$1, currentTimeline, currentTime) {
- if (playlist.syncInfo) {
- var syncPoint = {
- time: playlist.syncInfo.time,
- segmentIndex: playlist.syncInfo.mediaSequence - playlist.mediaSequence
- };
- return syncPoint;
+ };
+ var setupListeners = {
+ /**
+ * Setup event listeners for audio playlist loader
+ *
+ * @param {string} type
+ * MediaGroup type
+ * @param {PlaylistLoader|null} playlistLoader
+ * PlaylistLoader to register listeners on
+ * @param {Object} settings
+ * Object containing required information for media groups
+ * @function setupListeners.AUDIO
+ */
+ AUDIO: function AUDIO(type, playlistLoader, settings) {
+ if (!playlistLoader) {
+ // no playlist loader means audio will be muxed with the video
+ return;
}
- return null;
- }
- }];
+ var tech = settings.tech,
+ requestOptions = settings.requestOptions,
+ segmentLoader = settings.segmentLoaders[type];
+ playlistLoader.on('loadedmetadata', function () {
+ var media = playlistLoader.media();
+ segmentLoader.playlist(media, requestOptions); // if the video is already playing, or if this isn't a live video and preload
+ // permits, start downloading segments
- var SyncController = function (_videojs$EventTarget) {
- inherits$2(SyncController, _videojs$EventTarget);
+ if (!tech.paused() || media.endList && tech.preload() !== 'none') {
+ segmentLoader.load();
+ }
+ });
+ playlistLoader.on('loadedplaylist', function () {
+ segmentLoader.playlist(playlistLoader.media(), requestOptions); // If the player isn't paused, ensure that the segment loader is running
- function SyncController() {
- classCallCheck$1(this, SyncController); // Segment Loader state variables...
- // ...for synching across variants
+ if (!tech.paused()) {
+ segmentLoader.load();
+ }
+ });
+ playlistLoader.on('error', onError[type](type, settings));
+ },
- var _this = possibleConstructorReturn$1(this, (SyncController.__proto__ || Object.getPrototypeOf(SyncController)).call(this));
+ /**
+ * Setup event listeners for subtitle playlist loader
+ *
+ * @param {string} type
+ * MediaGroup type
+ * @param {PlaylistLoader|null} playlistLoader
+ * PlaylistLoader to register listeners on
+ * @param {Object} settings
+ * Object containing required information for media groups
+ * @function setupListeners.SUBTITLES
+ */
+ SUBTITLES: function SUBTITLES(type, playlistLoader, settings) {
+ var tech = settings.tech,
+ requestOptions = settings.requestOptions,
+ segmentLoader = settings.segmentLoaders[type],
+ mediaType = settings.mediaTypes[type];
+ playlistLoader.on('loadedmetadata', function () {
+ var media = playlistLoader.media();
+ segmentLoader.playlist(media, requestOptions);
+ segmentLoader.track(mediaType.activeTrack()); // if the video is already playing, or if this isn't a live video and preload
+ // permits, start downloading segments
- _this.inspectCache_ = undefined; // ...for synching across variants
+ if (!tech.paused() || media.endList && tech.preload() !== 'none') {
+ segmentLoader.load();
+ }
+ });
+ playlistLoader.on('loadedplaylist', function () {
+ segmentLoader.playlist(playlistLoader.media(), requestOptions); // If the player isn't paused, ensure that the segment loader is running
- _this.timelines = [];
- _this.discontinuities = [];
- _this.datetimeToDisplayTime = null;
- _this.logger_ = logger('SyncController');
- return _this;
+ if (!tech.paused()) {
+ segmentLoader.load();
+ }
+ });
+ playlistLoader.on('error', onError[type](type, settings));
}
+ };
+ var initialize = {
/**
- * Find a sync-point for the playlist specified
- *
- * A sync-point is defined as a known mapping from display-time to
- * a segment-index in the current playlist.
+ * Setup PlaylistLoaders and AudioTracks for the audio groups
*
- * @param {Playlist} playlist
- * The playlist that needs a sync-point
- * @param {Number} duration
- * Duration of the MediaSource (Infinite if playing a live source)
- * @param {Number} currentTimeline
- * The last timeline from which a segment was loaded
- * @returns {Object}
- * A sync-point object
+ * @param {string} type
+ * MediaGroup type
+ * @param {Object} settings
+ * Object containing required information for media groups
+ * @function initialize.AUDIO
*/
+ 'AUDIO': function AUDIO(type, settings) {
+ var vhs = settings.vhs,
+ sourceType = settings.sourceType,
+ segmentLoader = settings.segmentLoaders[type],
+ requestOptions = settings.requestOptions,
+ mediaGroups = settings.master.mediaGroups,
+ _settings$mediaTypes$ = settings.mediaTypes[type],
+ groups = _settings$mediaTypes$.groups,
+ tracks = _settings$mediaTypes$.tracks,
+ logger_ = _settings$mediaTypes$.logger_,
+ masterPlaylistLoader = settings.masterPlaylistLoader;
+ var audioOnlyMaster = isAudioOnly(masterPlaylistLoader.master); // force a default if we have none
+
+ if (!mediaGroups[type] || Object.keys(mediaGroups[type]).length === 0) {
+ mediaGroups[type] = {
+ main: {
+ "default": {
+ "default": true
+ }
+ }
+ };
+ if (audioOnlyMaster) {
+ mediaGroups[type].main["default"].playlists = masterPlaylistLoader.master.playlists;
+ }
+ }
- createClass$1(SyncController, [{
- key: 'getSyncPoint',
- value: function getSyncPoint(playlist, duration$$1, currentTimeline, currentTime) {
- var syncPoints = this.runStrategies_(playlist, duration$$1, currentTimeline, currentTime);
+ for (var groupId in mediaGroups[type]) {
+ if (!groups[groupId]) {
+ groups[groupId] = [];
+ }
- if (!syncPoints.length) {
- // Signal that we need to attempt to get a sync-point manually
- // by fetching a segment in the playlist and constructing
- // a sync-point from that information
- return null;
- } // Now find the sync-point that is closest to the currentTime because
- // that should result in the most accurate guess about which segment
- // to fetch
+ for (var variantLabel in mediaGroups[type][groupId]) {
+ var properties = mediaGroups[type][groupId][variantLabel];
+ var playlistLoader = void 0;
+ if (audioOnlyMaster) {
+ logger_("AUDIO group '" + groupId + "' label '" + variantLabel + "' is a master playlist");
+ properties.isMasterPlaylist = true;
+ playlistLoader = null; // if vhs-json was provided as the source, and the media playlist was resolved,
+ // use the resolved media playlist object
+ } else if (sourceType === 'vhs-json' && properties.playlists) {
+ playlistLoader = new PlaylistLoader(properties.playlists[0], vhs, requestOptions);
+ } else if (properties.resolvedUri) {
+ playlistLoader = new PlaylistLoader(properties.resolvedUri, vhs, requestOptions); // TODO: dash isn't the only type with properties.playlists
+ // should we even have properties.playlists in this check.
+ } else if (properties.playlists && sourceType === 'dash') {
+ playlistLoader = new DashPlaylistLoader(properties.playlists[0], vhs, requestOptions, masterPlaylistLoader);
+ } else {
+ // no resolvedUri means the audio is muxed with the video when using this
+ // audio track
+ playlistLoader = null;
+ }
- return this.selectSyncPoint_(syncPoints, {
- key: 'time',
- value: currentTime
- });
- }
- /**
- * Calculate the amount of time that has expired off the playlist during playback
- *
- * @param {Playlist} playlist
- * Playlist object to calculate expired from
- * @param {Number} duration
- * Duration of the MediaSource (Infinity if playling a live source)
- * @returns {Number|null}
- * The amount of time that has expired off the playlist during playback. Null
- * if no sync-points for the playlist can be found.
- */
+ properties = videojs.mergeOptions({
+ id: variantLabel,
+ playlistLoader: playlistLoader
+ }, properties);
+ setupListeners[type](type, properties.playlistLoader, settings);
+ groups[groupId].push(properties);
- }, {
- key: 'getExpiredTime',
- value: function getExpiredTime(playlist, duration$$1) {
- if (!playlist || !playlist.segments) {
- return null;
+ if (typeof tracks[variantLabel] === 'undefined') {
+ var track = new videojs.AudioTrack({
+ id: variantLabel,
+ kind: audioTrackKind_(properties),
+ enabled: false,
+ language: properties.language,
+ "default": properties["default"],
+ label: variantLabel
+ });
+ tracks[variantLabel] = track;
+ }
}
+ } // setup single error event handler for the segment loader
- var syncPoints = this.runStrategies_(playlist, duration$$1, playlist.discontinuitySequence, 0); // Without sync-points, there is not enough information to determine the expired time
- if (!syncPoints.length) {
- return null;
- }
+ segmentLoader.on('error', onError[type](type, settings));
+ },
- var syncPoint = this.selectSyncPoint_(syncPoints, {
- key: 'segmentIndex',
- value: 0
- }); // If the sync-point is beyond the start of the playlist, we want to subtract the
- // duration from index 0 to syncPoint.segmentIndex instead of adding.
+ /**
+ * Setup PlaylistLoaders and TextTracks for the subtitle groups
+ *
+ * @param {string} type
+ * MediaGroup type
+ * @param {Object} settings
+ * Object containing required information for media groups
+ * @function initialize.SUBTITLES
+ */
+ 'SUBTITLES': function SUBTITLES(type, settings) {
+ var tech = settings.tech,
+ vhs = settings.vhs,
+ sourceType = settings.sourceType,
+ segmentLoader = settings.segmentLoaders[type],
+ requestOptions = settings.requestOptions,
+ mediaGroups = settings.master.mediaGroups,
+ _settings$mediaTypes$2 = settings.mediaTypes[type],
+ groups = _settings$mediaTypes$2.groups,
+ tracks = _settings$mediaTypes$2.tracks,
+ masterPlaylistLoader = settings.masterPlaylistLoader;
- if (syncPoint.segmentIndex > 0) {
- syncPoint.time *= -1;
+ for (var groupId in mediaGroups[type]) {
+ if (!groups[groupId]) {
+ groups[groupId] = [];
}
- return Math.abs(syncPoint.time + sumDurations(playlist, syncPoint.segmentIndex, 0));
- }
- /**
- * Runs each sync-point strategy and returns a list of sync-points returned by the
- * strategies
- *
- * @private
- * @param {Playlist} playlist
- * The playlist that needs a sync-point
- * @param {Number} duration
- * Duration of the MediaSource (Infinity if playing a live source)
- * @param {Number} currentTimeline
- * The last timeline from which a segment was loaded
- * @returns {Array}
- * A list of sync-point objects
- */
-
- }, {
- key: 'runStrategies_',
- value: function runStrategies_(playlist, duration$$1, currentTimeline, currentTime) {
- var syncPoints = []; // Try to find a sync-point in by utilizing various strategies...
-
- for (var i = 0; i < syncPointStrategies.length; i++) {
- var strategy = syncPointStrategies[i];
- var syncPoint = strategy.run(this, playlist, duration$$1, currentTimeline, currentTime);
-
- if (syncPoint) {
- syncPoint.strategy = strategy.name;
- syncPoints.push({
- strategy: strategy.name,
- syncPoint: syncPoint
- });
+ for (var variantLabel in mediaGroups[type][groupId]) {
+ if (mediaGroups[type][groupId][variantLabel].forced) {
+ // Subtitle playlists with the forced attribute are not selectable in Safari.
+ // According to Apple's HLS Authoring Specification:
+ // If content has forced subtitles and regular subtitles in a given language,
+ // the regular subtitles track in that language MUST contain both the forced
+ // subtitles and the regular subtitles for that language.
+ // Because of this requirement and that Safari does not add forced subtitles,
+ // forced subtitles are skipped here to maintain consistent experience across
+ // all platforms
+ continue;
}
- }
- return syncPoints;
- }
- /**
- * Selects the sync-point nearest the specified target
- *
- * @private
- * @param {Array} syncPoints
- * List of sync-points to select from
- * @param {Object} target
- * Object specifying the property and value we are targeting
- * @param {String} target.key
- * Specifies the property to target. Must be either 'time' or 'segmentIndex'
- * @param {Number} target.value
- * The value to target for the specified key.
- * @returns {Object}
- * The sync-point nearest the target
- */
+ var properties = mediaGroups[type][groupId][variantLabel];
+ var playlistLoader = void 0;
- }, {
- key: 'selectSyncPoint_',
- value: function selectSyncPoint_(syncPoints, target) {
- var bestSyncPoint = syncPoints[0].syncPoint;
- var bestDistance = Math.abs(syncPoints[0].syncPoint[target.key] - target.value);
- var bestStrategy = syncPoints[0].strategy;
+ if (sourceType === 'hls') {
+ playlistLoader = new PlaylistLoader(properties.resolvedUri, vhs, requestOptions);
+ } else if (sourceType === 'dash') {
+ var playlists = properties.playlists.filter(function (p) {
+ return p.excludeUntil !== Infinity;
+ });
- for (var i = 1; i < syncPoints.length; i++) {
- var newDistance = Math.abs(syncPoints[i].syncPoint[target.key] - target.value);
+ if (!playlists.length) {
+ return;
+ }
- if (newDistance < bestDistance) {
- bestDistance = newDistance;
- bestSyncPoint = syncPoints[i].syncPoint;
- bestStrategy = syncPoints[i].strategy;
+ playlistLoader = new DashPlaylistLoader(properties.playlists[0], vhs, requestOptions, masterPlaylistLoader);
+ } else if (sourceType === 'vhs-json') {
+ playlistLoader = new PlaylistLoader( // if the vhs-json object included the media playlist, use the media playlist
+ // as provided, otherwise use the resolved URI to load the playlist
+ properties.playlists ? properties.playlists[0] : properties.resolvedUri, vhs, requestOptions);
}
- }
- this.logger_('syncPoint for [' + target.key + ': ' + target.value + '] chosen with strategy' + (' [' + bestStrategy + ']: [time:' + bestSyncPoint.time + ',') + (' segmentIndex:' + bestSyncPoint.segmentIndex + ']'));
- return bestSyncPoint;
- }
- /**
- * Save any meta-data present on the segments when segments leave
- * the live window to the playlist to allow for synchronization at the
- * playlist level later.
- *
- * @param {Playlist} oldPlaylist - The previous active playlist
- * @param {Playlist} newPlaylist - The updated and most current playlist
- */
+ properties = videojs.mergeOptions({
+ id: variantLabel,
+ playlistLoader: playlistLoader
+ }, properties);
+ setupListeners[type](type, properties.playlistLoader, settings);
+ groups[groupId].push(properties);
- }, {
- key: 'saveExpiredSegmentInfo',
- value: function saveExpiredSegmentInfo(oldPlaylist, newPlaylist) {
- var mediaSequenceDiff = newPlaylist.mediaSequence - oldPlaylist.mediaSequence; // When a segment expires from the playlist and it has a start time
- // save that information as a possible sync-point reference in future
-
- for (var i = mediaSequenceDiff - 1; i >= 0; i--) {
- var lastRemovedSegment = oldPlaylist.segments[i];
-
- if (lastRemovedSegment && typeof lastRemovedSegment.start !== 'undefined') {
- newPlaylist.syncInfo = {
- mediaSequence: oldPlaylist.mediaSequence + i,
- time: lastRemovedSegment.start
- };
- this.logger_('playlist refresh sync: [time:' + newPlaylist.syncInfo.time + ',' + (' mediaSequence: ' + newPlaylist.syncInfo.mediaSequence + ']'));
- this.trigger('syncinfoupdate');
- break;
+ if (typeof tracks[variantLabel] === 'undefined') {
+ var track = tech.addRemoteTextTrack({
+ id: variantLabel,
+ kind: 'subtitles',
+ "default": properties["default"] && properties.autoselect,
+ language: properties.language,
+ label: variantLabel
+ }, false).track;
+ tracks[variantLabel] = track;
}
}
- }
- /**
- * Save the mapping from playlist's ProgramDateTime to display. This should
- * only ever happen once at the start of playback.
- *
- * @param {Playlist} playlist - The currently active playlist
- */
-
- }, {
- key: 'setDateTimeMapping',
- value: function setDateTimeMapping(playlist) {
- if (!this.datetimeToDisplayTime && playlist.segments && playlist.segments.length && playlist.segments[0].dateTimeObject) {
- var playlistTimestamp = playlist.segments[0].dateTimeObject.getTime() / 1000;
- this.datetimeToDisplayTime = -playlistTimestamp;
- }
- }
- /**
- * Reset the state of the inspection cache when we do a rendition
- * switch
- */
+ } // setup single error event handler for the segment loader
- }, {
- key: 'reset',
- value: function reset() {
- this.inspectCache_ = undefined;
- }
- /**
- * Probe or inspect a fmp4 or an mpeg2-ts segment to determine the start
- * and end of the segment in it's internal "media time". Used to generate
- * mappings from that internal "media time" to the display time that is
- * shown on the player.
- *
- * @param {SegmentInfo} segmentInfo - The current active request information
- */
- }, {
- key: 'probeSegmentInfo',
- value: function probeSegmentInfo(segmentInfo) {
- var segment = segmentInfo.segment;
- var playlist = segmentInfo.playlist;
- var timingInfo = void 0;
-
- if (segment.map) {
- timingInfo = this.probeMp4Segment_(segmentInfo);
- } else {
- timingInfo = this.probeTsSegment_(segmentInfo);
- }
+ segmentLoader.on('error', onError[type](type, settings));
+ },
- if (timingInfo) {
- if (this.calculateSegmentTimeMapping_(segmentInfo, timingInfo)) {
- this.saveDiscontinuitySyncInfo_(segmentInfo); // If the playlist does not have sync information yet, record that information
- // now with segment timing information
+ /**
+ * Setup TextTracks for the closed-caption groups
+ *
+ * @param {String} type
+ * MediaGroup type
+ * @param {Object} settings
+ * Object containing required information for media groups
+ * @function initialize['CLOSED-CAPTIONS']
+ */
+ 'CLOSED-CAPTIONS': function CLOSEDCAPTIONS(type, settings) {
+ var tech = settings.tech,
+ mediaGroups = settings.master.mediaGroups,
+ _settings$mediaTypes$3 = settings.mediaTypes[type],
+ groups = _settings$mediaTypes$3.groups,
+ tracks = _settings$mediaTypes$3.tracks;
- if (!playlist.syncInfo) {
- playlist.syncInfo = {
- mediaSequence: playlist.mediaSequence + segmentInfo.mediaIndex,
- time: segment.start
- };
- }
- }
+ for (var groupId in mediaGroups[type]) {
+ if (!groups[groupId]) {
+ groups[groupId] = [];
}
- return timingInfo;
- }
- /**
- * Probe an fmp4 segment to determine the start of the segment
- * in it's internal "composition time", which is equal to the base
- * media decode time plus the composition time offset value
- *
- * @private
- * @param {SegmentInfo} segmentInfo - The current active request information
- * @return {object} The start and end time of the current segment in "composition time"
- */
+ for (var variantLabel in mediaGroups[type][groupId]) {
+ var properties = mediaGroups[type][groupId][variantLabel]; // Look for either 608 (CCn) or 708 (SERVICEn) caption services
- }, {
- key: 'probeMp4Segment_',
- value: function probeMp4Segment_(segmentInfo) {
- var segment = segmentInfo.segment; // get timescales from init segment
+ if (!/^(?:CC|SERVICE)/.test(properties.instreamId)) {
+ continue;
+ }
- var timescales = probe.timescale(segment.map.bytes); // calculate composition start time using the timescales and information
- // contained within the media segment
+ var captionServices = tech.options_.vhs && tech.options_.vhs.captionServices || {};
+ var newProps = {
+ label: variantLabel,
+ language: properties.language,
+ instreamId: properties.instreamId,
+ "default": properties["default"] && properties.autoselect
+ };
- var compositionStartTime = probe.compositionStartTime(timescales, segmentInfo.bytes);
+ if (captionServices[newProps.instreamId]) {
+ newProps = videojs.mergeOptions(newProps, captionServices[newProps.instreamId]);
+ }
- if (segmentInfo.timestampOffset !== null) {
- segmentInfo.timestampOffset -= compositionStartTime;
- }
+ if (newProps["default"] === undefined) {
+ delete newProps["default"];
+ } // No PlaylistLoader is required for Closed-Captions because the captions are
+ // embedded within the video stream
- return {
- start: compositionStartTime,
- end: compositionStartTime + segment.duration
- };
- }
- /**
- * Probe an mpeg2-ts segment to determine the start and end of the segment
- * in it's internal "media time".
- *
- * @private
- * @param {SegmentInfo} segmentInfo - The current active request information
- * @return {object} The start and end time of the current segment in "media time"
- */
- }, {
- key: 'probeTsSegment_',
- value: function probeTsSegment_(segmentInfo) {
- var timeInfo = tsprobe(segmentInfo.bytes, this.inspectCache_);
- var segmentStartTime = void 0;
- var segmentEndTime = void 0;
- var segmentTimestampInfo = void 0;
-
- if (!timeInfo) {
- return null;
- }
+ groups[groupId].push(videojs.mergeOptions({
+ id: variantLabel
+ }, properties));
- if (timeInfo.video && timeInfo.video.length === 2) {
- this.inspectCache_ = timeInfo.video[1].dts;
- segmentStartTime = timeInfo.video[0].dtsTime;
- segmentEndTime = timeInfo.video[1].dtsTime;
- segmentTimestampInfo = timeInfo.video;
- } else if (timeInfo.audio && timeInfo.audio.length === 2) {
- this.inspectCache_ = timeInfo.audio[1].dts;
- segmentStartTime = timeInfo.audio[0].dtsTime;
- segmentEndTime = timeInfo.audio[1].dtsTime;
- segmentTimestampInfo = timeInfo.audio;
- }
-
- var probedInfo = {
- segmentTimestampInfo: segmentTimestampInfo,
- start: segmentStartTime,
- end: segmentEndTime,
- containsVideo: timeInfo.video && timeInfo.video.length === 2,
- containsAudio: timeInfo.audio && timeInfo.audio.length === 2
- };
- return probedInfo;
- }
- }, {
- key: 'timestampOffsetForTimeline',
- value: function timestampOffsetForTimeline(timeline) {
- if (typeof this.timelines[timeline] === 'undefined') {
- return null;
+ if (typeof tracks[variantLabel] === 'undefined') {
+ var track = tech.addRemoteTextTrack({
+ id: newProps.instreamId,
+ kind: 'captions',
+ "default": newProps["default"],
+ language: newProps.language,
+ label: newProps.label
+ }, false).track;
+ tracks[variantLabel] = track;
+ }
}
-
- return this.timelines[timeline].time;
}
- }, {
- key: 'mappingForTimeline',
- value: function mappingForTimeline(timeline) {
- if (typeof this.timelines[timeline] === 'undefined') {
- return null;
- }
+ }
+ };
- return this.timelines[timeline].mapping;
+ var groupMatch = function groupMatch(list, media) {
+ for (var i = 0; i < list.length; i++) {
+ if (playlistMatch(media, list[i])) {
+ return true;
}
- /**
- * Use the "media time" for a segment to generate a mapping to "display time" and
- * save that display time to the segment.
- *
- * @private
- * @param {SegmentInfo} segmentInfo
- * The current active request information
- * @param {object} timingInfo
- * The start and end time of the current segment in "media time"
- * @returns {Boolean}
- * Returns false if segment time mapping could not be calculated
- */
-
- }, {
- key: 'calculateSegmentTimeMapping_',
- value: function calculateSegmentTimeMapping_(segmentInfo, timingInfo) {
- var segment = segmentInfo.segment;
- var mappingObj = this.timelines[segmentInfo.timeline];
-
- if (segmentInfo.timestampOffset !== null) {
- mappingObj = {
- time: segmentInfo.startOfSegment,
- mapping: segmentInfo.startOfSegment - timingInfo.start
- };
- this.timelines[segmentInfo.timeline] = mappingObj;
- this.trigger('timestampoffset');
- this.logger_('time mapping for timeline ' + segmentInfo.timeline + ': ' + ('[time: ' + mappingObj.time + '] [mapping: ' + mappingObj.mapping + ']'));
- segment.start = segmentInfo.startOfSegment;
- segment.end = timingInfo.end + mappingObj.mapping;
- } else if (mappingObj) {
- segment.start = timingInfo.start + mappingObj.mapping;
- segment.end = timingInfo.end + mappingObj.mapping;
- } else {
- return false;
- }
+ if (list[i].playlists && groupMatch(list[i].playlists, media)) {
return true;
}
- /**
- * Each time we have discontinuity in the playlist, attempt to calculate the location
- * in display of the start of the discontinuity and save that. We also save an accuracy
- * value so that we save values with the most accuracy (closest to 0.)
- *
- * @private
- * @param {SegmentInfo} segmentInfo - The current active request information
- */
-
- }, {
- key: 'saveDiscontinuitySyncInfo_',
- value: function saveDiscontinuitySyncInfo_(segmentInfo) {
- var playlist = segmentInfo.playlist;
- var segment = segmentInfo.segment; // If the current segment is a discontinuity then we know exactly where
- // the start of the range and it's accuracy is 0 (greater accuracy values
- // mean more approximation)
-
- if (segment.discontinuity) {
- this.discontinuities[segment.timeline] = {
- time: segment.start,
- accuracy: 0
- };
- } else if (playlist.discontinuityStarts && playlist.discontinuityStarts.length) {
- // Search for future discontinuities that we can provide better timing
- // information for and save that information for sync purposes
- for (var i = 0; i < playlist.discontinuityStarts.length; i++) {
- var segmentIndex = playlist.discontinuityStarts[i];
- var discontinuity = playlist.discontinuitySequence + i + 1;
- var mediaIndexDiff = segmentIndex - segmentInfo.mediaIndex;
- var accuracy = Math.abs(mediaIndexDiff);
-
- if (!this.discontinuities[discontinuity] || this.discontinuities[discontinuity].accuracy > accuracy) {
- var time = void 0;
-
- if (mediaIndexDiff < 0) {
- time = segment.start - sumDurations(playlist, segmentInfo.mediaIndex, segmentIndex);
- } else {
- time = segment.end + sumDurations(playlist, segmentInfo.mediaIndex + 1, segmentIndex);
- }
+ }
- this.discontinuities[discontinuity] = {
- time: time,
- accuracy: accuracy
- };
- }
- }
- }
- }
- }, {
- key: 'dispose',
- value: function dispose() {
- this.trigger('dispose');
- this.off();
- }
- }]);
- return SyncController;
- }(videojs$1.EventTarget);
+ return false;
+ };
+ /**
+ * Returns a function used to get the active group of the provided type
+ *
+ * @param {string} type
+ * MediaGroup type
+ * @param {Object} settings
+ * Object containing required information for media groups
+ * @return {Function}
+ * Function that returns the active media group for the provided type. Takes an
+ * optional parameter {TextTrack} track. If no track is provided, a list of all
+ * variants in the group, otherwise the variant corresponding to the provided
+ * track is returned.
+ * @function activeGroup
+ */
- var Decrypter$1 = new shimWorker("./decrypter-worker.worker.js", function (window, document$$1) {
- var self = this;
- var decrypterWorker = function () {
- /*
- * pkcs7.pad
- * https://github.com/brightcove/pkcs7
- *
- * Copyright (c) 2014 Brightcove
- * Licensed under the apache2 license.
- */
+ var activeGroup = function activeGroup(type, settings) {
+ return function (track) {
+ var masterPlaylistLoader = settings.masterPlaylistLoader,
+ groups = settings.mediaTypes[type].groups;
+ var media = masterPlaylistLoader.media();
- /**
- * Returns the subarray of a Uint8Array without PKCS#7 padding.
- * @param padded {Uint8Array} unencrypted bytes that have been padded
- * @return {Uint8Array} the unpadded bytes
- * @see http://tools.ietf.org/html/rfc5652
- */
- function unpad(padded) {
- return padded.subarray(0, padded.byteLength - padded[padded.byteLength - 1]);
+ if (!media) {
+ return null;
}
- var classCallCheck = function classCallCheck(instance, Constructor) {
- if (!(instance instanceof Constructor)) {
- throw new TypeError("Cannot call a class as a function");
- }
- };
+ var variants = null; // set to variants to main media active group
- 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);
- }
- }
+ if (media.attributes[type]) {
+ variants = groups[media.attributes[type]];
+ }
- return function (Constructor, protoProps, staticProps) {
- if (protoProps) defineProperties(Constructor.prototype, protoProps);
- if (staticProps) defineProperties(Constructor, staticProps);
- return Constructor;
- };
- }();
+ var groupKeys = Object.keys(groups);
- var inherits = 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);
- }
+ if (!variants) {
+ // find the masterPlaylistLoader media
+ // that is in a media group if we are dealing
+ // with audio only
+ if (type === 'AUDIO' && groupKeys.length > 1 && isAudioOnly(settings.master)) {
+ for (var i = 0; i < groupKeys.length; i++) {
+ var groupPropertyList = groups[groupKeys[i]];
- 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 (groupMatch(groupPropertyList, media)) {
+ variants = groupPropertyList;
+ break;
+ }
+ } // use the main group if it exists
- var possibleConstructorReturn = function possibleConstructorReturn(self, call) {
- if (!self) {
- throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+ } else if (groups.main) {
+ variants = groups.main; // only one group, use that one
+ } else if (groupKeys.length === 1) {
+ variants = groups[groupKeys[0]];
}
+ }
- return call && (typeof call === "object" || typeof call === "function") ? call : self;
- };
- /**
- * @file aes.js
- *
- * This file contains an adaptation of the AES decryption algorithm
- * from the Standford Javascript Cryptography Library. That work is
- * covered by the following copyright and permissions notice:
- *
- * Copyright 2009-2010 Emily Stark, Mike Hamburg, Dan Boneh.
- * 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.
- *
- * 2. 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.
- *
- * THIS SOFTWARE IS PROVIDED BY THE AUTHORS ``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 <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.
- *
- * The views and conclusions contained in the software and documentation
- * are those of the authors and should not be interpreted as representing
- * official policies, either expressed or implied, of the authors.
- */
+ if (typeof track === 'undefined') {
+ return variants;
+ }
- /**
- * Expand the S-box tables.
- *
- * @private
- */
+ if (track === null || !variants) {
+ // An active track was specified so a corresponding group is expected. track === null
+ // means no track is currently active so there is no corresponding group
+ return null;
+ }
+ return variants.filter(function (props) {
+ return props.id === track.id;
+ })[0] || null;
+ };
+ };
- var precompute = function precompute() {
- var tables = [[[], [], [], [], []], [[], [], [], [], []]];
- var encTable = tables[0];
- var decTable = tables[1];
- var sbox = encTable[4];
- var sboxInv = decTable[4];
- var i = void 0;
- var x = void 0;
- var xInv = void 0;
- var d = [];
- var th = [];
- var x2 = void 0;
- var x4 = void 0;
- var x8 = void 0;
- var s = void 0;
- var tEnc = void 0;
- var tDec = void 0; // Compute double and third tables
+ var activeTrack = {
+ /**
+ * Returns a function used to get the active track of type provided
+ *
+ * @param {string} type
+ * MediaGroup type
+ * @param {Object} settings
+ * Object containing required information for media groups
+ * @return {Function}
+ * Function that returns the active media track for the provided type. Returns
+ * null if no track is active
+ * @function activeTrack.AUDIO
+ */
+ AUDIO: function AUDIO(type, settings) {
+ return function () {
+ var tracks = settings.mediaTypes[type].tracks;
- for (i = 0; i < 256; i++) {
- th[(d[i] = i << 1 ^ (i >> 7) * 283) ^ i] = i;
+ for (var id in tracks) {
+ if (tracks[id].enabled) {
+ return tracks[id];
+ }
}
- for (x = xInv = 0; !sbox[x]; x ^= x2 || 1, xInv = th[xInv] || 1) {
- // Compute sbox
- s = xInv ^ xInv << 1 ^ xInv << 2 ^ xInv << 3 ^ xInv << 4;
- s = s >> 8 ^ s & 255 ^ 99;
- sbox[x] = s;
- sboxInv[s] = x; // Compute MixColumns
+ return null;
+ };
+ },
- x8 = d[x4 = d[x2 = d[x]]];
- tDec = x8 * 0x1010101 ^ x4 * 0x10001 ^ x2 * 0x101 ^ x * 0x1010100;
- tEnc = d[s] * 0x101 ^ s * 0x1010100;
+ /**
+ * Returns a function used to get the active track of type provided
+ *
+ * @param {string} type
+ * MediaGroup type
+ * @param {Object} settings
+ * Object containing required information for media groups
+ * @return {Function}
+ * Function that returns the active media track for the provided type. Returns
+ * null if no track is active
+ * @function activeTrack.SUBTITLES
+ */
+ SUBTITLES: function SUBTITLES(type, settings) {
+ return function () {
+ var tracks = settings.mediaTypes[type].tracks;
- for (i = 0; i < 4; i++) {
- encTable[i][x] = tEnc = tEnc << 24 ^ tEnc >>> 8;
- decTable[i][s] = tDec = tDec << 24 ^ tDec >>> 8;
+ for (var id in tracks) {
+ if (tracks[id].mode === 'showing' || tracks[id].mode === 'hidden') {
+ return tracks[id];
}
- } // Compactify. Considerable speedup on Firefox.
-
-
- for (i = 0; i < 5; i++) {
- encTable[i] = encTable[i].slice(0);
- decTable[i] = decTable[i].slice(0);
}
- return tables;
+ return null;
};
+ }
+ };
- var aesTables = null;
- /**
- * Schedule out an AES key for both encryption and decryption. This
- * is a low-level class. Use a cipher mode to do bulk encryption.
- *
- * @class AES
- * @param key {Array} The key as an array of 4, 6 or 8 words.
- */
-
- var AES = function () {
- function AES(key) {
- classCallCheck(this, AES);
- /**
- * The expanded S-box and inverse S-box tables. These will be computed
- * on the client so that we don't have to send them down the wire.
- *
- * There are two tables, _tables[0] is for encryption and
- * _tables[1] is for decryption.
- *
- * The first 4 sub-tables are the expanded S-box with MixColumns. The
- * last (_tables[01][4]) is the S-box itself.
- *
- * @private
- */
- // if we have yet to precompute the S-box tables
- // do so now
-
- if (!aesTables) {
- aesTables = precompute();
- } // then make a copy of that object for use
-
-
- this._tables = [[aesTables[0][0].slice(), aesTables[0][1].slice(), aesTables[0][2].slice(), aesTables[0][3].slice(), aesTables[0][4].slice()], [aesTables[1][0].slice(), aesTables[1][1].slice(), aesTables[1][2].slice(), aesTables[1][3].slice(), aesTables[1][4].slice()]];
- var i = void 0;
- var j = void 0;
- var tmp = void 0;
- var encKey = void 0;
- var decKey = void 0;
- var sbox = this._tables[0][4];
- var decTable = this._tables[1];
- var keyLen = key.length;
- var rcon = 1;
+ var getActiveGroup = function getActiveGroup(type, _ref) {
+ var mediaTypes = _ref.mediaTypes;
+ return function () {
+ var activeTrack_ = mediaTypes[type].activeTrack();
- if (keyLen !== 4 && keyLen !== 6 && keyLen !== 8) {
- throw new Error('Invalid aes key size');
- }
+ if (!activeTrack_) {
+ return null;
+ }
- encKey = key.slice(0);
- decKey = [];
- this._key = [encKey, decKey]; // schedule encryption keys
+ return mediaTypes[type].activeGroup(activeTrack_);
+ };
+ };
+ /**
+ * Setup PlaylistLoaders and Tracks for media groups (Audio, Subtitles,
+ * Closed-Captions) specified in the master manifest.
+ *
+ * @param {Object} settings
+ * Object containing required information for setting up the media groups
+ * @param {Tech} settings.tech
+ * The tech of the player
+ * @param {Object} settings.requestOptions
+ * XHR request options used by the segment loaders
+ * @param {PlaylistLoader} settings.masterPlaylistLoader
+ * PlaylistLoader for the master source
+ * @param {VhsHandler} settings.vhs
+ * VHS SourceHandler
+ * @param {Object} settings.master
+ * The parsed master manifest
+ * @param {Object} settings.mediaTypes
+ * Object to store the loaders, tracks, and utility methods for each media type
+ * @param {Function} settings.blacklistCurrentPlaylist
+ * Blacklists the current rendition and forces a rendition switch.
+ * @function setupMediaGroups
+ */
- for (i = keyLen; i < 4 * keyLen + 28; i++) {
- tmp = encKey[i - 1]; // apply sbox
- if (i % keyLen === 0 || keyLen === 8 && i % keyLen === 4) {
- tmp = sbox[tmp >>> 24] << 24 ^ sbox[tmp >> 16 & 255] << 16 ^ sbox[tmp >> 8 & 255] << 8 ^ sbox[tmp & 255]; // shift rows and add rcon
+ var setupMediaGroups = function setupMediaGroups(settings) {
+ ['AUDIO', 'SUBTITLES', 'CLOSED-CAPTIONS'].forEach(function (type) {
+ initialize[type](type, settings);
+ });
+ var mediaTypes = settings.mediaTypes,
+ masterPlaylistLoader = settings.masterPlaylistLoader,
+ tech = settings.tech,
+ vhs = settings.vhs,
+ _settings$segmentLoad3 = settings.segmentLoaders,
+ audioSegmentLoader = _settings$segmentLoad3['AUDIO'],
+ mainSegmentLoader = _settings$segmentLoad3.main; // setup active group and track getters and change event handlers
- if (i % keyLen === 0) {
- tmp = tmp << 8 ^ tmp >>> 24 ^ rcon << 24;
- rcon = rcon << 1 ^ (rcon >> 7) * 283;
- }
- }
+ ['AUDIO', 'SUBTITLES'].forEach(function (type) {
+ mediaTypes[type].activeGroup = activeGroup(type, settings);
+ mediaTypes[type].activeTrack = activeTrack[type](type, settings);
+ mediaTypes[type].onGroupChanged = onGroupChanged(type, settings);
+ mediaTypes[type].onGroupChanging = onGroupChanging(type, settings);
+ mediaTypes[type].onTrackChanged = onTrackChanged(type, settings);
+ mediaTypes[type].getActiveGroup = getActiveGroup(type, settings);
+ }); // DO NOT enable the default subtitle or caption track.
+ // DO enable the default audio track
- encKey[i] = encKey[i - keyLen] ^ tmp;
- } // schedule decryption keys
+ var audioGroup = mediaTypes.AUDIO.activeGroup();
+ if (audioGroup) {
+ var groupId = (audioGroup.filter(function (group) {
+ return group["default"];
+ })[0] || audioGroup[0]).id;
+ mediaTypes.AUDIO.tracks[groupId].enabled = true;
+ mediaTypes.AUDIO.onGroupChanged();
+ mediaTypes.AUDIO.onTrackChanged();
+ var activeAudioGroup = mediaTypes.AUDIO.getActiveGroup(); // a similar check for handling setAudio on each loader is run again each time the
+ // track is changed, but needs to be handled here since the track may not be considered
+ // changed on the first call to onTrackChanged
- for (j = 0; i; j++, i--) {
- tmp = encKey[j & 3 ? i : i - 4];
+ if (!activeAudioGroup.playlistLoader) {
+ // either audio is muxed with video or the stream is audio only
+ mainSegmentLoader.setAudio(true);
+ } else {
+ // audio is demuxed
+ mainSegmentLoader.setAudio(false);
+ audioSegmentLoader.setAudio(true);
+ }
+ }
- if (i <= 4 || j < 4) {
- decKey[j] = tmp;
- } else {
- decKey[j] = decTable[0][sbox[tmp >>> 24]] ^ decTable[1][sbox[tmp >> 16 & 255]] ^ decTable[2][sbox[tmp >> 8 & 255]] ^ decTable[3][sbox[tmp & 255]];
- }
- }
- }
- /**
- * Decrypt 16 bytes, specified as four 32-bit words.
- *
- * @param {Number} encrypted0 the first word to decrypt
- * @param {Number} encrypted1 the second word to decrypt
- * @param {Number} encrypted2 the third word to decrypt
- * @param {Number} encrypted3 the fourth word to decrypt
- * @param {Int32Array} out the array to write the decrypted words
- * into
- * @param {Number} offset the offset into the output array to start
- * writing results
- * @return {Array} The plaintext.
- */
+ masterPlaylistLoader.on('mediachange', function () {
+ ['AUDIO', 'SUBTITLES'].forEach(function (type) {
+ return mediaTypes[type].onGroupChanged();
+ });
+ });
+ masterPlaylistLoader.on('mediachanging', function () {
+ ['AUDIO', 'SUBTITLES'].forEach(function (type) {
+ return mediaTypes[type].onGroupChanging();
+ });
+ }); // custom audio track change event handler for usage event
+ var onAudioTrackChanged = function onAudioTrackChanged() {
+ mediaTypes.AUDIO.onTrackChanged();
+ tech.trigger({
+ type: 'usage',
+ name: 'vhs-audio-change'
+ });
+ tech.trigger({
+ type: 'usage',
+ name: 'hls-audio-change'
+ });
+ };
- AES.prototype.decrypt = function decrypt$$1(encrypted0, encrypted1, encrypted2, encrypted3, out, offset) {
- var key = this._key[1]; // state variables a,b,c,d are loaded with pre-whitened data
-
- var a = encrypted0 ^ key[0];
- var b = encrypted3 ^ key[1];
- var c = encrypted2 ^ key[2];
- var d = encrypted1 ^ key[3];
- var a2 = void 0;
- var b2 = void 0;
- var c2 = void 0; // key.length === 2 ?
-
- var nInnerRounds = key.length / 4 - 2;
- var i = void 0;
- var kIndex = 4;
- var table = this._tables[1]; // load up the tables
-
- var table0 = table[0];
- var table1 = table[1];
- var table2 = table[2];
- var table3 = table[3];
- var sbox = table[4]; // Inner rounds. Cribbed from OpenSSL.
-
- for (i = 0; i < nInnerRounds; i++) {
- a2 = table0[a >>> 24] ^ table1[b >> 16 & 255] ^ table2[c >> 8 & 255] ^ table3[d & 255] ^ key[kIndex];
- b2 = table0[b >>> 24] ^ table1[c >> 16 & 255] ^ table2[d >> 8 & 255] ^ table3[a & 255] ^ key[kIndex + 1];
- c2 = table0[c >>> 24] ^ table1[d >> 16 & 255] ^ table2[a >> 8 & 255] ^ table3[b & 255] ^ key[kIndex + 2];
- d = table0[d >>> 24] ^ table1[a >> 16 & 255] ^ table2[b >> 8 & 255] ^ table3[c & 255] ^ key[kIndex + 3];
- kIndex += 4;
- a = a2;
- b = b2;
- c = c2;
- } // Last round.
-
-
- for (i = 0; i < 4; i++) {
- out[(3 & -i) + offset] = sbox[a >>> 24] << 24 ^ sbox[b >> 16 & 255] << 16 ^ sbox[c >> 8 & 255] << 8 ^ sbox[d & 255] ^ key[kIndex++];
- a2 = a;
- a = b;
- b = c;
- c = d;
- d = a2;
- }
- };
+ tech.audioTracks().addEventListener('change', onAudioTrackChanged);
+ tech.remoteTextTracks().addEventListener('change', mediaTypes.SUBTITLES.onTrackChanged);
+ vhs.on('dispose', function () {
+ tech.audioTracks().removeEventListener('change', onAudioTrackChanged);
+ tech.remoteTextTracks().removeEventListener('change', mediaTypes.SUBTITLES.onTrackChanged);
+ }); // clear existing audio tracks and add the ones we just created
- return AES;
- }();
- /**
- * @file stream.js
- */
+ tech.clearTracks('audio');
- /**
- * A lightweight readable stream implemention that handles event dispatching.
- *
- * @class Stream
- */
+ for (var id in mediaTypes.AUDIO.tracks) {
+ tech.audioTracks().addTrack(mediaTypes.AUDIO.tracks[id]);
+ }
+ };
+ /**
+ * Creates skeleton object used to store the loaders, tracks, and utility methods for each
+ * media type
+ *
+ * @return {Object}
+ * Object to store the loaders, tracks, and utility methods for each media type
+ * @function createMediaTypes
+ */
- var Stream = function () {
- function Stream() {
- classCallCheck(this, Stream);
- this.listeners = {};
- }
- /**
- * Add a listener for a specified event type.
- *
- * @param {String} type the event name
- * @param {Function} listener the callback to be invoked when an event of
- * the specified type occurs
- */
+ var createMediaTypes = function createMediaTypes() {
+ var mediaTypes = {};
+ ['AUDIO', 'SUBTITLES', 'CLOSED-CAPTIONS'].forEach(function (type) {
+ mediaTypes[type] = {
+ groups: {},
+ tracks: {},
+ activePlaylistLoader: null,
+ activeGroup: noop,
+ activeTrack: noop,
+ getActiveGroup: noop,
+ onGroupChanged: noop,
+ onTrackChanged: noop,
+ lastTrack_: null,
+ logger_: logger("MediaGroups[" + type + "]")
+ };
+ });
+ return mediaTypes;
+ };
+ var ABORT_EARLY_BLACKLIST_SECONDS = 60 * 2;
+ var Vhs$1; // SegmentLoader stats that need to have each loader's
+ // values summed to calculate the final value
- Stream.prototype.on = function on(type, listener) {
- if (!this.listeners[type]) {
- this.listeners[type] = [];
- }
+ var loaderStats = ['mediaRequests', 'mediaRequestsAborted', 'mediaRequestsTimedout', 'mediaRequestsErrored', 'mediaTransferDuration', 'mediaBytesTransferred', 'mediaAppends'];
- this.listeners[type].push(listener);
- };
- /**
- * Remove a listener for a specified event type.
- *
- * @param {String} type the event name
- * @param {Function} listener a function previously registered for this
- * type of event through `on`
- * @return {Boolean} if we could turn it off or not
- */
+ var sumLoaderStat = function sumLoaderStat(stat) {
+ return this.audioSegmentLoader_[stat] + this.mainSegmentLoader_[stat];
+ };
+ var shouldSwitchToMedia = function shouldSwitchToMedia(_ref) {
+ var currentPlaylist = _ref.currentPlaylist,
+ buffered = _ref.buffered,
+ currentTime = _ref.currentTime,
+ nextPlaylist = _ref.nextPlaylist,
+ bufferLowWaterLine = _ref.bufferLowWaterLine,
+ bufferHighWaterLine = _ref.bufferHighWaterLine,
+ duration = _ref.duration,
+ experimentalBufferBasedABR = _ref.experimentalBufferBasedABR,
+ log = _ref.log; // we have no other playlist to switch to
- Stream.prototype.off = function off(type, listener) {
- if (!this.listeners[type]) {
- return false;
- }
+ if (!nextPlaylist) {
+ videojs.log.warn('We received no playlist to switch to. Please check your stream.');
+ return false;
+ }
- var index = this.listeners[type].indexOf(listener);
- this.listeners[type].splice(index, 1);
- return index > -1;
- };
- /**
- * Trigger an event of the specified type on this stream. Any additional
- * arguments to this function are passed as parameters to event listeners.
- *
- * @param {String} type the event name
- */
+ var sharedLogLine = "allowing switch " + (currentPlaylist && currentPlaylist.id || 'null') + " -> " + nextPlaylist.id;
+ if (!currentPlaylist) {
+ log(sharedLogLine + " as current playlist is not set");
+ return true;
+ } // no need to switch if playlist is the same
- Stream.prototype.trigger = function trigger(type) {
- var callbacks = this.listeners[type];
- if (!callbacks) {
- return;
- } // Slicing the arguments on every invocation of this method
- // can add a significant amount of overhead. Avoid the
- // intermediate object creation for the common case of a
- // single callback argument
+ if (nextPlaylist.id === currentPlaylist.id) {
+ return false;
+ } // determine if current time is in a buffered range.
- if (arguments.length === 2) {
- var length = callbacks.length;
+ var isBuffered = Boolean(findRange(buffered, currentTime).length); // If the playlist is live, then we want to not take low water line into account.
+ // This is because in LIVE, the player plays 3 segments from the end of the
+ // playlist, and if `BUFFER_LOW_WATER_LINE` is greater than the duration availble
+ // in those segments, a viewer will never experience a rendition upswitch.
- for (var i = 0; i < length; ++i) {
- callbacks[i].call(this, arguments[1]);
- }
- } else {
- var args = Array.prototype.slice.call(arguments, 1);
- var _length = callbacks.length;
+ if (!currentPlaylist.endList) {
+ // For LLHLS live streams, don't switch renditions before playback has started, as it almost
+ // doubles the time to first playback.
+ if (!isBuffered && typeof currentPlaylist.partTargetDuration === 'number') {
+ log("not " + sharedLogLine + " as current playlist is live llhls, but currentTime isn't in buffered.");
+ return false;
+ }
- for (var _i = 0; _i < _length; ++_i) {
- callbacks[_i].apply(this, args);
- }
- }
- };
- /**
- * Destroys the stream and cleans up.
- */
+ log(sharedLogLine + " as current playlist is live");
+ return true;
+ }
+ var forwardBuffer = timeAheadOf(buffered, currentTime);
+ var maxBufferLowWaterLine = experimentalBufferBasedABR ? Config.EXPERIMENTAL_MAX_BUFFER_LOW_WATER_LINE : Config.MAX_BUFFER_LOW_WATER_LINE; // For the same reason as LIVE, we ignore the low water line when the VOD
+ // duration is below the max potential low water line
- Stream.prototype.dispose = function dispose() {
- this.listeners = {};
- };
- /**
- * Forwards all `data` events on this stream to the destination stream. The
- * destination stream should provide a method `push` to receive the data
- * events as they arrive.
- *
- * @param {Stream} destination the stream that will receive all `data` events
- * @see http://nodejs.org/api/stream.html#stream_readable_pipe_destination_options
- */
+ if (duration < maxBufferLowWaterLine) {
+ log(sharedLogLine + " as duration < max low water line (" + duration + " < " + maxBufferLowWaterLine + ")");
+ return true;
+ }
+ var nextBandwidth = nextPlaylist.attributes.BANDWIDTH;
+ var currBandwidth = currentPlaylist.attributes.BANDWIDTH; // when switching down, if our buffer is lower than the high water line,
+ // we can switch down
- Stream.prototype.pipe = function pipe(destination) {
- this.on('data', function (data) {
- destination.push(data);
- });
- };
+ if (nextBandwidth < currBandwidth && (!experimentalBufferBasedABR || forwardBuffer < bufferHighWaterLine)) {
+ var logLine = sharedLogLine + " as next bandwidth < current bandwidth (" + nextBandwidth + " < " + currBandwidth + ")";
- return Stream;
- }();
- /**
- * @file async-stream.js
- */
+ if (experimentalBufferBasedABR) {
+ logLine += " and forwardBuffer < bufferHighWaterLine (" + forwardBuffer + " < " + bufferHighWaterLine + ")";
+ }
- /**
- * A wrapper around the Stream class to use setTiemout
- * and run stream "jobs" Asynchronously
- *
- * @class AsyncStream
- * @extends Stream
- */
+ log(logLine);
+ return true;
+ } // and if our buffer is higher than the low water line,
+ // we can switch up
- var AsyncStream$$1 = function (_Stream) {
- inherits(AsyncStream$$1, _Stream);
+ if ((!experimentalBufferBasedABR || nextBandwidth > currBandwidth) && forwardBuffer >= bufferLowWaterLine) {
+ var _logLine = sharedLogLine + " as forwardBuffer >= bufferLowWaterLine (" + forwardBuffer + " >= " + bufferLowWaterLine + ")";
- function AsyncStream$$1() {
- classCallCheck(this, AsyncStream$$1);
+ if (experimentalBufferBasedABR) {
+ _logLine += " and next bandwidth > current bandwidth (" + nextBandwidth + " > " + currBandwidth + ")";
+ }
- var _this = possibleConstructorReturn(this, _Stream.call(this, Stream));
+ log(_logLine);
+ return true;
+ }
- _this.jobs = [];
- _this.delay = 1;
- _this.timeout_ = null;
- return _this;
- }
- /**
- * process an async job
- *
- * @private
- */
+ log("not " + sharedLogLine + " as no switching criteria met");
+ return false;
+ };
+ /**
+ * the master playlist controller controller all interactons
+ * between playlists and segmentloaders. At this time this mainly
+ * involves a master playlist and a series of audio playlists
+ * if they are available
+ *
+ * @class MasterPlaylistController
+ * @extends videojs.EventTarget
+ */
- AsyncStream$$1.prototype.processJob_ = function processJob_() {
- this.jobs.shift()();
+ var MasterPlaylistController = /*#__PURE__*/function (_videojs$EventTarget) {
+ inheritsLoose(MasterPlaylistController, _videojs$EventTarget);
- if (this.jobs.length) {
- this.timeout_ = setTimeout(this.processJob_.bind(this), this.delay);
- } else {
- this.timeout_ = null;
- }
- };
- /**
- * push a job into the stream
- *
- * @param {Function} job the job to push into the stream
- */
+ function MasterPlaylistController(options) {
+ var _this;
+ _this = _videojs$EventTarget.call(this) || this;
+ var src = options.src,
+ handleManifestRedirects = options.handleManifestRedirects,
+ withCredentials = options.withCredentials,
+ tech = options.tech,
+ bandwidth = options.bandwidth,
+ externVhs = options.externVhs,
+ useCueTags = options.useCueTags,
+ blacklistDuration = options.blacklistDuration,
+ enableLowInitialPlaylist = options.enableLowInitialPlaylist,
+ sourceType = options.sourceType,
+ cacheEncryptionKeys = options.cacheEncryptionKeys,
+ experimentalBufferBasedABR = options.experimentalBufferBasedABR,
+ experimentalLeastPixelDiffSelector = options.experimentalLeastPixelDiffSelector,
+ captionServices = options.captionServices;
- AsyncStream$$1.prototype.push = function push(job) {
- this.jobs.push(job);
+ if (!src) {
+ throw new Error('A non-empty playlist URL or JSON manifest string is required');
+ }
- if (!this.timeout_) {
- this.timeout_ = setTimeout(this.processJob_.bind(this), this.delay);
- }
- };
+ var maxPlaylistRetries = options.maxPlaylistRetries;
- return AsyncStream$$1;
- }(Stream);
- /**
- * @file decrypter.js
- *
- * An asynchronous implementation of AES-128 CBC decryption with
- * PKCS#7 padding.
- */
+ if (maxPlaylistRetries === null || typeof maxPlaylistRetries === 'undefined') {
+ maxPlaylistRetries = Infinity;
+ }
- /**
- * Convert network-order (big-endian) bytes into their little-endian
- * representation.
- */
+ Vhs$1 = externVhs;
+ _this.experimentalBufferBasedABR = Boolean(experimentalBufferBasedABR);
+ _this.experimentalLeastPixelDiffSelector = Boolean(experimentalLeastPixelDiffSelector);
+ _this.withCredentials = withCredentials;
+ _this.tech_ = tech;
+ _this.vhs_ = tech.vhs;
+ _this.sourceType_ = sourceType;
+ _this.useCueTags_ = useCueTags;
+ _this.blacklistDuration = blacklistDuration;
+ _this.maxPlaylistRetries = maxPlaylistRetries;
+ _this.enableLowInitialPlaylist = enableLowInitialPlaylist;
+ if (_this.useCueTags_) {
+ _this.cueTagsTrack_ = _this.tech_.addTextTrack('metadata', 'ad-cues');
+ _this.cueTagsTrack_.inBandMetadataTrackDispatchType = '';
+ }
- var ntoh = function ntoh(word) {
- return word << 24 | (word & 0xff00) << 8 | (word & 0xff0000) >> 8 | word >>> 24;
+ _this.requestOptions_ = {
+ withCredentials: withCredentials,
+ handleManifestRedirects: handleManifestRedirects,
+ maxPlaylistRetries: maxPlaylistRetries,
+ timeout: null
};
- /**
- * Decrypt bytes using AES-128 with CBC and PKCS#7 padding.
- *
- * @param {Uint8Array} encrypted the encrypted bytes
- * @param {Uint32Array} key the bytes of the decryption key
- * @param {Uint32Array} initVector the initialization vector (IV) to
- * use for the first round of CBC.
- * @return {Uint8Array} the decrypted bytes
- *
- * @see http://en.wikipedia.org/wiki/Advanced_Encryption_Standard
- * @see http://en.wikipedia.org/wiki/Block_cipher_mode_of_operation#Cipher_Block_Chaining_.28CBC.29
- * @see https://tools.ietf.org/html/rfc2315
- */
-
- var decrypt$$1 = function decrypt$$1(encrypted, key, initVector) {
- // word-level access to the encrypted bytes
- var encrypted32 = new Int32Array(encrypted.buffer, encrypted.byteOffset, encrypted.byteLength >> 2);
- var decipher = new AES(Array.prototype.slice.call(key)); // byte and word-level access for the decrypted output
+ _this.on('error', _this.pauseLoading);
- var decrypted = new Uint8Array(encrypted.byteLength);
- var decrypted32 = new Int32Array(decrypted.buffer); // temporary variables for working with the IV, encrypted, and
- // decrypted data
-
- var init0 = void 0;
- var init1 = void 0;
- var init2 = void 0;
- var init3 = void 0;
- var encrypted0 = void 0;
- var encrypted1 = void 0;
- var encrypted2 = void 0;
- var encrypted3 = void 0; // iteration variable
-
- var wordIx = void 0; // pull out the words of the IV to ensure we don't modify the
- // passed-in reference and easier access
-
- init0 = initVector[0];
- init1 = initVector[1];
- init2 = initVector[2];
- init3 = initVector[3]; // decrypt four word sequences, applying cipher-block chaining (CBC)
- // to each decrypted block
-
- for (wordIx = 0; wordIx < encrypted32.length; wordIx += 4) {
- // convert big-endian (network order) words into little-endian
- // (javascript order)
- encrypted0 = ntoh(encrypted32[wordIx]);
- encrypted1 = ntoh(encrypted32[wordIx + 1]);
- encrypted2 = ntoh(encrypted32[wordIx + 2]);
- encrypted3 = ntoh(encrypted32[wordIx + 3]); // decrypt the block
-
- decipher.decrypt(encrypted0, encrypted1, encrypted2, encrypted3, decrypted32, wordIx); // XOR with the IV, and restore network byte-order to obtain the
- // plaintext
-
- decrypted32[wordIx] = ntoh(decrypted32[wordIx] ^ init0);
- decrypted32[wordIx + 1] = ntoh(decrypted32[wordIx + 1] ^ init1);
- decrypted32[wordIx + 2] = ntoh(decrypted32[wordIx + 2] ^ init2);
- decrypted32[wordIx + 3] = ntoh(decrypted32[wordIx + 3] ^ init3); // setup the IV for the next round
-
- init0 = encrypted0;
- init1 = encrypted1;
- init2 = encrypted2;
- init3 = encrypted3;
- }
-
- return decrypted;
- };
- /**
- * The `Decrypter` class that manages decryption of AES
- * data through `AsyncStream` objects and the `decrypt`
- * function
- *
- * @param {Uint8Array} encrypted the encrypted bytes
- * @param {Uint32Array} key the bytes of the decryption key
- * @param {Uint32Array} initVector the initialization vector (IV) to
- * @param {Function} done the function to run when done
- * @class Decrypter
- */
+ _this.mediaTypes_ = createMediaTypes();
+ _this.mediaSource = new window.MediaSource();
+ _this.handleDurationChange_ = _this.handleDurationChange_.bind(assertThisInitialized(_this));
+ _this.handleSourceOpen_ = _this.handleSourceOpen_.bind(assertThisInitialized(_this));
+ _this.handleSourceEnded_ = _this.handleSourceEnded_.bind(assertThisInitialized(_this));
+ _this.mediaSource.addEventListener('durationchange', _this.handleDurationChange_); // load the media source into the player
- var Decrypter$$1 = function () {
- function Decrypter$$1(encrypted, key, initVector, done) {
- classCallCheck(this, Decrypter$$1);
- var step = Decrypter$$1.STEP;
- var encrypted32 = new Int32Array(encrypted.buffer);
- var decrypted = new Uint8Array(encrypted.byteLength);
- var i = 0;
- this.asyncStream_ = new AsyncStream$$1(); // split up the encryption job and do the individual chunks asynchronously
- this.asyncStream_.push(this.decryptChunk_(encrypted32.subarray(i, i + step), key, initVector, decrypted));
+ _this.mediaSource.addEventListener('sourceopen', _this.handleSourceOpen_);
- for (i = step; i < encrypted32.length; i += step) {
- initVector = new Uint32Array([ntoh(encrypted32[i - 4]), ntoh(encrypted32[i - 3]), ntoh(encrypted32[i - 2]), ntoh(encrypted32[i - 1])]);
- this.asyncStream_.push(this.decryptChunk_(encrypted32.subarray(i, i + step), key, initVector, decrypted));
- } // invoke the done() callback when everything is finished
+ _this.mediaSource.addEventListener('sourceended', _this.handleSourceEnded_); // we don't have to handle sourceclose since dispose will handle termination of
+ // everything, and the MediaSource should not be detached without a proper disposal
- this.asyncStream_.push(function () {
- // remove pkcs#7 padding from the decrypted bytes
- done(null, unpad(decrypted));
- });
- }
- /**
- * a getter for step the maximum number of bytes to process at one time
- *
- * @return {Number} the value of step 32000
- */
+ _this.seekable_ = videojs.createTimeRanges();
+ _this.hasPlayed_ = false;
+ _this.syncController_ = new SyncController(options);
+ _this.segmentMetadataTrack_ = tech.addRemoteTextTrack({
+ kind: 'metadata',
+ label: 'segment-metadata'
+ }, false).track;
+ _this.decrypter_ = new Decrypter();
+ _this.sourceUpdater_ = new SourceUpdater(_this.mediaSource);
+ _this.inbandTextTracks_ = {};
+ _this.timelineChangeController_ = new TimelineChangeController();
+ var segmentLoaderSettings = {
+ vhs: _this.vhs_,
+ parse708captions: options.parse708captions,
+ captionServices: captionServices,
+ mediaSource: _this.mediaSource,
+ currentTime: _this.tech_.currentTime.bind(_this.tech_),
+ seekable: function seekable() {
+ return _this.seekable();
+ },
+ seeking: function seeking() {
+ return _this.tech_.seeking();
+ },
+ duration: function duration() {
+ return _this.duration();
+ },
+ hasPlayed: function hasPlayed() {
+ return _this.hasPlayed_;
+ },
+ goalBufferLength: function goalBufferLength() {
+ return _this.goalBufferLength();
+ },
+ bandwidth: bandwidth,
+ syncController: _this.syncController_,
+ decrypter: _this.decrypter_,
+ sourceType: _this.sourceType_,
+ inbandTextTracks: _this.inbandTextTracks_,
+ cacheEncryptionKeys: cacheEncryptionKeys,
+ sourceUpdater: _this.sourceUpdater_,
+ timelineChangeController: _this.timelineChangeController_,
+ experimentalExactManifestTimings: options.experimentalExactManifestTimings
+ }; // The source type check not only determines whether a special DASH playlist loader
+ // should be used, but also covers the case where the provided src is a vhs-json
+ // manifest object (instead of a URL). In the case of vhs-json, the default
+ // PlaylistLoader should be used.
- /**
- * @private
- */
+ _this.masterPlaylistLoader_ = _this.sourceType_ === 'dash' ? new DashPlaylistLoader(src, _this.vhs_, _this.requestOptions_) : new PlaylistLoader(src, _this.vhs_, _this.requestOptions_);
+ _this.setupMasterPlaylistLoaderListeners_(); // setup segment loaders
+ // combined audio/video or just video when alternate audio track is selected
- Decrypter$$1.prototype.decryptChunk_ = function decryptChunk_(encrypted, key, initVector, decrypted) {
- return function () {
- var bytes = decrypt$$1(encrypted, key, initVector);
- decrypted.set(bytes, encrypted.byteOffset);
- };
- };
- createClass(Decrypter$$1, null, [{
- key: 'STEP',
- get: function get$$1() {
- // 4 * 8000;
- return 32000;
- }
- }]);
- return Decrypter$$1;
- }();
- /**
- * @file bin-utils.js
- */
+ _this.mainSegmentLoader_ = new SegmentLoader(videojs.mergeOptions(segmentLoaderSettings, {
+ segmentMetadataTrack: _this.segmentMetadataTrack_,
+ loaderType: 'main'
+ }), options); // alternate audio track
- /**
- * Creates an object for sending to a web worker modifying properties that are TypedArrays
- * into a new object with seperated properties for the buffer, byteOffset, and byteLength.
- *
- * @param {Object} message
- * Object of properties and values to send to the web worker
- * @return {Object}
- * Modified message with TypedArray values expanded
- * @function createTransferableMessage
- */
+ _this.audioSegmentLoader_ = new SegmentLoader(videojs.mergeOptions(segmentLoaderSettings, {
+ loaderType: 'audio'
+ }), options);
+ _this.subtitleSegmentLoader_ = new VTTSegmentLoader(videojs.mergeOptions(segmentLoaderSettings, {
+ loaderType: 'vtt',
+ featuresNativeTextTracks: _this.tech_.featuresNativeTextTracks
+ }), options);
+ _this.setupSegmentLoaderListeners_();
- var createTransferableMessage = function createTransferableMessage(message) {
- var transferable = {};
- Object.keys(message).forEach(function (key) {
- var value = message[key];
+ if (_this.experimentalBufferBasedABR) {
+ _this.masterPlaylistLoader_.one('loadedplaylist', function () {
+ return _this.startABRTimer_();
+ });
- if (ArrayBuffer.isView(value)) {
- transferable[key] = {
- bytes: value.buffer,
- byteOffset: value.byteOffset,
- byteLength: value.byteLength
- };
- } else {
- transferable[key] = value;
- }
+ _this.tech_.on('pause', function () {
+ return _this.stopABRTimer_();
});
- return transferable;
- };
- /**
- * Our web worker interface so that things can talk to aes-decrypter
- * that will be running in a web worker. the scope is passed to this by
- * webworkify.
- *
- * @param {Object} self
- * the scope for the web worker
- */
+ _this.tech_.on('play', function () {
+ return _this.startABRTimer_();
+ });
+ } // Create SegmentLoader stat-getters
+ // mediaRequests_
+ // mediaRequestsAborted_
+ // mediaRequestsTimedout_
+ // mediaRequestsErrored_
+ // mediaTransferDuration_
+ // mediaBytesTransferred_
+ // mediaAppends_
- var DecrypterWorker = function DecrypterWorker(self) {
- self.onmessage = function (event) {
- var data = event.data;
- var encrypted = new Uint8Array(data.encrypted.bytes, data.encrypted.byteOffset, data.encrypted.byteLength);
- var key = new Uint32Array(data.key.bytes, data.key.byteOffset, data.key.byteLength / 4);
- var iv = new Uint32Array(data.iv.bytes, data.iv.byteOffset, data.iv.byteLength / 4);
- /* eslint-disable no-new, handle-callback-err */
- new Decrypter$$1(encrypted, key, iv, function (err, bytes) {
- self.postMessage(createTransferableMessage({
- source: data.source,
- decrypted: bytes
- }), [bytes.buffer]);
- });
- /* eslint-enable */
- };
- };
+ loaderStats.forEach(function (stat) {
+ _this[stat + '_'] = sumLoaderStat.bind(assertThisInitialized(_this), stat);
+ });
+ _this.logger_ = logger('MPC');
+ _this.triggeredFmp4Usage = false;
- var decrypterWorker = new DecrypterWorker(self);
- return decrypterWorker;
- }();
- });
- /**
- * Convert the properties of an HLS track into an audioTrackKind.
- *
- * @private
- */
+ if (_this.tech_.preload() === 'none') {
+ _this.loadOnPlay_ = function () {
+ _this.loadOnPlay_ = null;
- var audioTrackKind_ = function audioTrackKind_(properties) {
- var kind = properties["default"] ? 'main' : 'alternative';
+ _this.masterPlaylistLoader_.load();
+ };
- if (properties.characteristics && properties.characteristics.indexOf('public.accessibility.describes-video') >= 0) {
- kind = 'main-desc';
- }
+ _this.tech_.one('play', _this.loadOnPlay_);
+ } else {
+ _this.masterPlaylistLoader_.load();
+ }
- return kind;
- };
- /**
- * Pause provided segment loader and playlist loader if active
- *
- * @param {SegmentLoader} segmentLoader
- * SegmentLoader to pause
- * @param {Object} mediaType
- * Active media type
- * @function stopLoaders
- */
+ _this.timeToLoadedData__ = -1;
+ _this.mainAppendsToLoadedData__ = -1;
+ _this.audioAppendsToLoadedData__ = -1;
+ var event = _this.tech_.preload() === 'none' ? 'play' : 'loadstart'; // start the first frame timer on loadstart or play (for preload none)
+ _this.tech_.one(event, function () {
+ var timeToLoadedDataStart = Date.now();
- var stopLoaders = function stopLoaders(segmentLoader, mediaType) {
- segmentLoader.abort();
- segmentLoader.pause();
+ _this.tech_.one('loadeddata', function () {
+ _this.timeToLoadedData__ = Date.now() - timeToLoadedDataStart;
+ _this.mainAppendsToLoadedData__ = _this.mainSegmentLoader_.mediaAppends;
+ _this.audioAppendsToLoadedData__ = _this.audioSegmentLoader_.mediaAppends;
+ });
+ });
- if (mediaType && mediaType.activePlaylistLoader) {
- mediaType.activePlaylistLoader.pause();
- mediaType.activePlaylistLoader = null;
+ return _this;
}
- };
- /**
- * Start loading provided segment loader and playlist loader
- *
- * @param {PlaylistLoader} playlistLoader
- * PlaylistLoader to start loading
- * @param {Object} mediaType
- * Active media type
- * @function startLoaders
- */
-
-
- var startLoaders = function startLoaders(playlistLoader, mediaType) {
- // Segment loader will be started after `loadedmetadata` or `loadedplaylist` from the
- // playlist loader
- mediaType.activePlaylistLoader = playlistLoader;
- playlistLoader.load();
- };
- /**
- * Returns a function to be called when the media group changes. It performs a
- * non-destructive (preserve the buffer) resync of the SegmentLoader. This is because a
- * change of group is merely a rendition switch of the same content at another encoding,
- * rather than a change of content, such as switching audio from English to Spanish.
- *
- * @param {String} type
- * MediaGroup type
- * @param {Object} settings
- * Object containing required information for media groups
- * @return {Function}
- * Handler for a non-destructive resync of SegmentLoader when the active media
- * group changes.
- * @function onGroupChanged
- */
-
-
- var onGroupChanged = function onGroupChanged(type, settings) {
- return function () {
- var _settings$segmentLoad = settings.segmentLoaders,
- segmentLoader = _settings$segmentLoad[type],
- mainSegmentLoader = _settings$segmentLoad.main,
- mediaType = settings.mediaTypes[type];
- var activeTrack = mediaType.activeTrack();
- var activeGroup = mediaType.activeGroup(activeTrack);
- var previousActiveLoader = mediaType.activePlaylistLoader;
- stopLoaders(segmentLoader, mediaType);
-
- if (!activeGroup) {
- // there is no group active
- return;
- }
-
- if (!activeGroup.playlistLoader) {
- if (previousActiveLoader) {
- // The previous group had a playlist loader but the new active group does not
- // this means we are switching from demuxed to muxed audio. In this case we want to
- // do a destructive reset of the main segment loader and not restart the audio
- // loaders.
- mainSegmentLoader.resetEverything();
- }
-
- return;
- } // Non-destructive resync
+ var _proto = MasterPlaylistController.prototype;
- segmentLoader.resyncLoader();
- startLoaders(activeGroup.playlistLoader, mediaType);
+ _proto.mainAppendsToLoadedData_ = function mainAppendsToLoadedData_() {
+ return this.mainAppendsToLoadedData__;
};
- };
- /**
- * Returns a function to be called when the media track changes. It performs a
- * destructive reset of the SegmentLoader to ensure we start loading as close to
- * currentTime as possible.
- *
- * @param {String} type
- * MediaGroup type
- * @param {Object} settings
- * Object containing required information for media groups
- * @return {Function}
- * Handler for a destructive reset of SegmentLoader when the active media
- * track changes.
- * @function onTrackChanged
- */
-
-
- var onTrackChanged = function onTrackChanged(type, settings) {
- return function () {
- var _settings$segmentLoad2 = settings.segmentLoaders,
- segmentLoader = _settings$segmentLoad2[type],
- mainSegmentLoader = _settings$segmentLoad2.main,
- mediaType = settings.mediaTypes[type];
- var activeTrack = mediaType.activeTrack();
- var activeGroup = mediaType.activeGroup(activeTrack);
- var previousActiveLoader = mediaType.activePlaylistLoader;
- stopLoaders(segmentLoader, mediaType);
- if (!activeGroup) {
- // there is no group active so we do not want to restart loaders
- return;
- }
+ _proto.audioAppendsToLoadedData_ = function audioAppendsToLoadedData_() {
+ return this.audioAppendsToLoadedData__;
+ };
- if (!activeGroup.playlistLoader) {
- // when switching from demuxed audio/video to muxed audio/video (noted by no playlist
- // loader for the audio group), we want to do a destructive reset of the main segment
- // loader and not restart the audio loaders
- mainSegmentLoader.resetEverything();
- return;
- }
+ _proto.appendsToLoadedData_ = function appendsToLoadedData_() {
+ var main = this.mainAppendsToLoadedData_();
+ var audio = this.audioAppendsToLoadedData_();
- if (previousActiveLoader === activeGroup.playlistLoader) {
- // Nothing has actually changed. This can happen because track change events can fire
- // multiple times for a "single" change. One for enabling the new active track, and
- // one for disabling the track that was active
- startLoaders(activeGroup.playlistLoader, mediaType);
- return;
+ if (main === -1 || audio === -1) {
+ return -1;
}
- if (segmentLoader.track) {
- // For WebVTT, set the new text track in the segmentloader
- segmentLoader.track(activeTrack);
- } // destructive reset
-
-
- segmentLoader.resetEverything();
- startLoaders(activeGroup.playlistLoader, mediaType);
+ return main + audio;
};
- };
- var onError = {
+ _proto.timeToLoadedData_ = function timeToLoadedData_() {
+ return this.timeToLoadedData__;
+ }
/**
- * Returns a function to be called when a SegmentLoader or PlaylistLoader encounters
- * an error.
+ * Run selectPlaylist and switch to the new playlist if we should
+ *
+ * @private
*
- * @param {String} type
- * MediaGroup type
- * @param {Object} settings
- * Object containing required information for media groups
- * @return {Function}
- * Error handler. Logs warning (or error if the playlist is blacklisted) to
- * console and switches back to default audio track.
- * @function onError.AUDIO
*/
- AUDIO: function AUDIO(type, settings) {
- return function () {
- var segmentLoader = settings.segmentLoaders[type],
- mediaType = settings.mediaTypes[type],
- blacklistCurrentPlaylist = settings.blacklistCurrentPlaylist;
- stopLoaders(segmentLoader, mediaType); // switch back to default audio track
-
- var activeTrack = mediaType.activeTrack();
- var activeGroup = mediaType.activeGroup();
- var id = (activeGroup.filter(function (group) {
- return group["default"];
- })[0] || activeGroup[0]).id;
- var defaultTrack = mediaType.tracks[id];
+ ;
- if (activeTrack === defaultTrack) {
- // Default track encountered an error. All we can do now is blacklist the current
- // rendition and hope another will switch audio groups
- blacklistCurrentPlaylist({
- message: 'Problem encountered loading the default audio track.'
- });
- return;
- }
+ _proto.checkABR_ = function checkABR_() {
+ var nextPlaylist = this.selectPlaylist();
- videojs$1.log.warn('Problem encountered loading the alternate audio track.' + 'Switching back to default.');
+ if (nextPlaylist && this.shouldSwitchToMedia_(nextPlaylist)) {
+ this.switchMedia_(nextPlaylist, 'abr');
+ }
+ };
- for (var trackId in mediaType.tracks) {
- mediaType.tracks[trackId].enabled = mediaType.tracks[trackId] === defaultTrack;
- }
+ _proto.switchMedia_ = function switchMedia_(playlist, cause, delay) {
+ var oldMedia = this.media();
+ var oldId = oldMedia && (oldMedia.id || oldMedia.uri);
+ var newId = playlist.id || playlist.uri;
- mediaType.onTrackChanged();
- };
- },
+ if (oldId && oldId !== newId) {
+ this.logger_("switch media " + oldId + " -> " + newId + " from " + cause);
+ this.tech_.trigger({
+ type: 'usage',
+ name: "vhs-rendition-change-" + cause
+ });
+ }
+ this.masterPlaylistLoader_.media(playlist, delay);
+ }
/**
- * Returns a function to be called when a SegmentLoader or PlaylistLoader encounters
- * an error.
+ * Start a timer that periodically calls checkABR_
*
- * @param {String} type
- * MediaGroup type
- * @param {Object} settings
- * Object containing required information for media groups
- * @return {Function}
- * Error handler. Logs warning to console and disables the active subtitle track
- * @function onError.SUBTITLES
+ * @private
*/
- SUBTITLES: function SUBTITLES(type, settings) {
- return function () {
- var segmentLoader = settings.segmentLoaders[type],
- mediaType = settings.mediaTypes[type];
- videojs$1.log.warn('Problem encountered loading the subtitle track.' + 'Disabling subtitle track.');
- stopLoaders(segmentLoader, mediaType);
- var track = mediaType.activeTrack();
+ ;
- if (track) {
- track.mode = 'disabled';
- }
+ _proto.startABRTimer_ = function startABRTimer_() {
+ var _this2 = this;
- mediaType.onTrackChanged();
- };
+ this.stopABRTimer_();
+ this.abrTimer_ = window.setInterval(function () {
+ return _this2.checkABR_();
+ }, 250);
}
- };
- var setupListeners = {
/**
- * Setup event listeners for audio playlist loader
+ * Stop the timer that periodically calls checkABR_
*
- * @param {String} type
- * MediaGroup type
- * @param {PlaylistLoader|null} playlistLoader
- * PlaylistLoader to register listeners on
- * @param {Object} settings
- * Object containing required information for media groups
- * @function setupListeners.AUDIO
+ * @private
*/
- AUDIO: function AUDIO(type, playlistLoader, settings) {
- if (!playlistLoader) {
- // no playlist loader means audio will be muxed with the video
+ ;
+
+ _proto.stopABRTimer_ = function stopABRTimer_() {
+ // if we're scrubbing, we don't need to pause.
+ // This getter will be added to Video.js in version 7.11.
+ if (this.tech_.scrubbing && this.tech_.scrubbing()) {
return;
}
- var tech = settings.tech,
- requestOptions = settings.requestOptions,
- segmentLoader = settings.segmentLoaders[type];
- playlistLoader.on('loadedmetadata', function () {
- var media = playlistLoader.media();
- segmentLoader.playlist(media, requestOptions); // if the video is already playing, or if this isn't a live video and preload
- // permits, start downloading segments
-
- if (!tech.paused() || media.endList && tech.preload() !== 'none') {
- segmentLoader.load();
- }
- });
- playlistLoader.on('loadedplaylist', function () {
- segmentLoader.playlist(playlistLoader.media(), requestOptions); // If the player isn't paused, ensure that the segment loader is running
-
- if (!tech.paused()) {
- segmentLoader.load();
- }
- });
- playlistLoader.on('error', onError[type](type, settings));
- },
-
+ window.clearInterval(this.abrTimer_);
+ this.abrTimer_ = null;
+ }
/**
- * Setup event listeners for subtitle playlist loader
+ * Get a list of playlists for the currently selected audio playlist
*
- * @param {String} type
- * MediaGroup type
- * @param {PlaylistLoader|null} playlistLoader
- * PlaylistLoader to register listeners on
- * @param {Object} settings
- * Object containing required information for media groups
- * @function setupListeners.SUBTITLES
+ * @return {Array} the array of audio playlists
*/
- SUBTITLES: function SUBTITLES(type, playlistLoader, settings) {
- var tech = settings.tech,
- requestOptions = settings.requestOptions,
- segmentLoader = settings.segmentLoaders[type],
- mediaType = settings.mediaTypes[type];
- playlistLoader.on('loadedmetadata', function () {
- var media = playlistLoader.media();
- segmentLoader.playlist(media, requestOptions);
- segmentLoader.track(mediaType.activeTrack()); // if the video is already playing, or if this isn't a live video and preload
- // permits, start downloading segments
+ ;
- if (!tech.paused() || media.endList && tech.preload() !== 'none') {
- segmentLoader.load();
+ _proto.getAudioTrackPlaylists_ = function getAudioTrackPlaylists_() {
+ var master = this.master();
+ var defaultPlaylists = master && master.playlists || []; // if we don't have any audio groups then we can only
+ // assume that the audio tracks are contained in masters
+ // playlist array, use that or an empty array.
+
+ if (!master || !master.mediaGroups || !master.mediaGroups.AUDIO) {
+ return defaultPlaylists;
+ }
+
+ var AUDIO = master.mediaGroups.AUDIO;
+ var groupKeys = Object.keys(AUDIO);
+ var track; // get the current active track
+
+ if (Object.keys(this.mediaTypes_.AUDIO.groups).length) {
+ track = this.mediaTypes_.AUDIO.activeTrack(); // or get the default track from master if mediaTypes_ isn't setup yet
+ } else {
+ // default group is `main` or just the first group.
+ var defaultGroup = AUDIO.main || groupKeys.length && AUDIO[groupKeys[0]];
+
+ for (var label in defaultGroup) {
+ if (defaultGroup[label]["default"]) {
+ track = {
+ label: label
+ };
+ break;
+ }
}
- });
- playlistLoader.on('loadedplaylist', function () {
- segmentLoader.playlist(playlistLoader.media(), requestOptions); // If the player isn't paused, ensure that the segment loader is running
+ } // no active track no playlists.
- if (!tech.paused()) {
- segmentLoader.load();
+
+ if (!track) {
+ return defaultPlaylists;
+ }
+
+ var playlists = []; // get all of the playlists that are possible for the
+ // active track.
+
+ for (var group in AUDIO) {
+ if (AUDIO[group][track.label]) {
+ var properties = AUDIO[group][track.label];
+
+ if (properties.playlists && properties.playlists.length) {
+ playlists.push.apply(playlists, properties.playlists);
+ } else if (properties.uri) {
+ playlists.push(properties);
+ } else if (master.playlists.length) {
+ // if an audio group does not have a uri
+ // see if we have main playlists that use it as a group.
+ // if we do then add those to the playlists list.
+ for (var i = 0; i < master.playlists.length; i++) {
+ var playlist = master.playlists[i];
+
+ if (playlist.attributes && playlist.attributes.AUDIO && playlist.attributes.AUDIO === group) {
+ playlists.push(playlist);
+ }
+ }
+ }
}
- });
- playlistLoader.on('error', onError[type](type, settings));
+ }
+
+ if (!playlists.length) {
+ return defaultPlaylists;
+ }
+
+ return playlists;
}
- };
- var initialize = {
/**
- * Setup PlaylistLoaders and AudioTracks for the audio groups
+ * Register event handlers on the master playlist loader. A helper
+ * function for construction time.
*
- * @param {String} type
- * MediaGroup type
- * @param {Object} settings
- * Object containing required information for media groups
- * @function initialize.AUDIO
+ * @private
*/
- 'AUDIO': function AUDIO(type, settings) {
- var hls = settings.hls,
- sourceType = settings.sourceType,
- segmentLoader = settings.segmentLoaders[type],
- requestOptions = settings.requestOptions,
- mediaGroups = settings.master.mediaGroups,
- _settings$mediaTypes$ = settings.mediaTypes[type],
- groups = _settings$mediaTypes$.groups,
- tracks = _settings$mediaTypes$.tracks,
- masterPlaylistLoader = settings.masterPlaylistLoader; // force a default if we have none
+ ;
- if (!mediaGroups[type] || Object.keys(mediaGroups[type]).length === 0) {
- mediaGroups[type] = {
- main: {
- "default": {
- "default": true
- }
- }
- };
- }
+ _proto.setupMasterPlaylistLoaderListeners_ = function setupMasterPlaylistLoaderListeners_() {
+ var _this3 = this;
- for (var groupId in mediaGroups[type]) {
- if (!groups[groupId]) {
- groups[groupId] = [];
- } // List of playlists that have an AUDIO attribute value matching the current
- // group ID
+ this.masterPlaylistLoader_.on('loadedmetadata', function () {
+ var media = _this3.masterPlaylistLoader_.media();
+ var requestTimeout = media.targetDuration * 1.5 * 1000; // If we don't have any more available playlists, we don't want to
+ // timeout the request.
- for (var variantLabel in mediaGroups[type][groupId]) {
- var properties = mediaGroups[type][groupId][variantLabel];
- var playlistLoader = void 0;
+ if (isLowestEnabledRendition(_this3.masterPlaylistLoader_.master, _this3.masterPlaylistLoader_.media())) {
+ _this3.requestOptions_.timeout = 0;
+ } else {
+ _this3.requestOptions_.timeout = requestTimeout;
+ } // if this isn't a live video and preload permits, start
+ // downloading segments
- if (properties.resolvedUri) {
- playlistLoader = new PlaylistLoader(properties.resolvedUri, hls, requestOptions);
- } else if (properties.playlists && sourceType === 'dash') {
- playlistLoader = new DashPlaylistLoader(properties.playlists[0], hls, requestOptions, masterPlaylistLoader);
- } else {
- // no resolvedUri means the audio is muxed with the video when using this
- // audio track
- playlistLoader = null;
- }
- properties = videojs$1.mergeOptions({
- id: variantLabel,
- playlistLoader: playlistLoader
- }, properties);
- setupListeners[type](type, properties.playlistLoader, settings);
- groups[groupId].push(properties);
+ if (media.endList && _this3.tech_.preload() !== 'none') {
+ _this3.mainSegmentLoader_.playlist(media, _this3.requestOptions_);
- if (typeof tracks[variantLabel] === 'undefined') {
- var track = new videojs$1.AudioTrack({
- id: variantLabel,
- kind: audioTrackKind_(properties),
- enabled: false,
- language: properties.language,
- "default": properties["default"],
- label: variantLabel
- });
- tracks[variantLabel] = track;
- }
+ _this3.mainSegmentLoader_.load();
}
- } // setup single error event handler for the segment loader
+ setupMediaGroups({
+ sourceType: _this3.sourceType_,
+ segmentLoaders: {
+ AUDIO: _this3.audioSegmentLoader_,
+ SUBTITLES: _this3.subtitleSegmentLoader_,
+ main: _this3.mainSegmentLoader_
+ },
+ tech: _this3.tech_,
+ requestOptions: _this3.requestOptions_,
+ masterPlaylistLoader: _this3.masterPlaylistLoader_,
+ vhs: _this3.vhs_,
+ master: _this3.master(),
+ mediaTypes: _this3.mediaTypes_,
+ blacklistCurrentPlaylist: _this3.blacklistCurrentPlaylist.bind(_this3)
+ });
- segmentLoader.on('error', onError[type](type, settings));
- },
+ _this3.triggerPresenceUsage_(_this3.master(), media);
- /**
- * Setup PlaylistLoaders and TextTracks for the subtitle groups
- *
- * @param {String} type
- * MediaGroup type
- * @param {Object} settings
- * Object containing required information for media groups
- * @function initialize.SUBTITLES
- */
- 'SUBTITLES': function SUBTITLES(type, settings) {
- var tech = settings.tech,
- hls = settings.hls,
- sourceType = settings.sourceType,
- segmentLoader = settings.segmentLoaders[type],
- requestOptions = settings.requestOptions,
- mediaGroups = settings.master.mediaGroups,
- _settings$mediaTypes$2 = settings.mediaTypes[type],
- groups = _settings$mediaTypes$2.groups,
- tracks = _settings$mediaTypes$2.tracks,
- masterPlaylistLoader = settings.masterPlaylistLoader;
+ _this3.setupFirstPlay();
- for (var groupId in mediaGroups[type]) {
- if (!groups[groupId]) {
- groups[groupId] = [];
+ if (!_this3.mediaTypes_.AUDIO.activePlaylistLoader || _this3.mediaTypes_.AUDIO.activePlaylistLoader.media()) {
+ _this3.trigger('selectedinitialmedia');
+ } else {
+ // We must wait for the active audio playlist loader to
+ // finish setting up before triggering this event so the
+ // representations API and EME setup is correct
+ _this3.mediaTypes_.AUDIO.activePlaylistLoader.one('loadedmetadata', function () {
+ _this3.trigger('selectedinitialmedia');
+ });
+ }
+ });
+ this.masterPlaylistLoader_.on('loadedplaylist', function () {
+ if (_this3.loadOnPlay_) {
+ _this3.tech_.off('play', _this3.loadOnPlay_);
}
- for (var variantLabel in mediaGroups[type][groupId]) {
- if (mediaGroups[type][groupId][variantLabel].forced) {
- // Subtitle playlists with the forced attribute are not selectable in Safari.
- // According to Apple's HLS Authoring Specification:
- // If content has forced subtitles and regular subtitles in a given language,
- // the regular subtitles track in that language MUST contain both the forced
- // subtitles and the regular subtitles for that language.
- // Because of this requirement and that Safari does not add forced subtitles,
- // forced subtitles are skipped here to maintain consistent experience across
- // all platforms
- continue;
- }
+ var updatedPlaylist = _this3.masterPlaylistLoader_.media();
- var properties = mediaGroups[type][groupId][variantLabel];
- var playlistLoader = void 0;
+ if (!updatedPlaylist) {
+ // exclude any variants that are not supported by the browser before selecting
+ // an initial media as the playlist selectors do not consider browser support
+ _this3.excludeUnsupportedVariants_();
- if (sourceType === 'hls') {
- playlistLoader = new PlaylistLoader(properties.resolvedUri, hls, requestOptions);
- } else if (sourceType === 'dash') {
- playlistLoader = new DashPlaylistLoader(properties.playlists[0], hls, requestOptions, masterPlaylistLoader);
+ var selectedMedia;
+
+ if (_this3.enableLowInitialPlaylist) {
+ selectedMedia = _this3.selectInitialPlaylist();
}
- properties = videojs$1.mergeOptions({
- id: variantLabel,
- playlistLoader: playlistLoader
- }, properties);
- setupListeners[type](type, properties.playlistLoader, settings);
- groups[groupId].push(properties);
+ if (!selectedMedia) {
+ selectedMedia = _this3.selectPlaylist();
+ }
- if (typeof tracks[variantLabel] === 'undefined') {
- var track = tech.addRemoteTextTrack({
- id: variantLabel,
- kind: 'subtitles',
- "default": properties["default"] && properties.autoselect,
- language: properties.language,
- label: variantLabel
- }, false).track;
- tracks[variantLabel] = track;
+ if (!selectedMedia || !_this3.shouldSwitchToMedia_(selectedMedia)) {
+ return;
}
- }
- } // setup single error event handler for the segment loader
+ _this3.initialMedia_ = selectedMedia;
- segmentLoader.on('error', onError[type](type, settings));
- },
+ _this3.switchMedia_(_this3.initialMedia_, 'initial'); // Under the standard case where a source URL is provided, loadedplaylist will
+ // fire again since the playlist will be requested. In the case of vhs-json
+ // (where the manifest object is provided as the source), when the media
+ // playlist's `segments` list is already available, a media playlist won't be
+ // requested, and loadedplaylist won't fire again, so the playlist handler must be
+ // called on its own here.
- /**
- * Setup TextTracks for the closed-caption groups
- *
- * @param {String} type
- * MediaGroup type
- * @param {Object} settings
- * Object containing required information for media groups
- * @function initialize['CLOSED-CAPTIONS']
- */
- 'CLOSED-CAPTIONS': function CLOSEDCAPTIONS(type, settings) {
- var tech = settings.tech,
- mediaGroups = settings.master.mediaGroups,
- _settings$mediaTypes$3 = settings.mediaTypes[type],
- groups = _settings$mediaTypes$3.groups,
- tracks = _settings$mediaTypes$3.tracks;
- for (var groupId in mediaGroups[type]) {
- if (!groups[groupId]) {
- groups[groupId] = [];
+ var haveJsonSource = _this3.sourceType_ === 'vhs-json' && _this3.initialMedia_.segments;
+
+ if (!haveJsonSource) {
+ return;
+ }
+
+ updatedPlaylist = _this3.initialMedia_;
}
- for (var variantLabel in mediaGroups[type][groupId]) {
- var properties = mediaGroups[type][groupId][variantLabel]; // We only support CEA608 captions for now, so ignore anything that
- // doesn't use a CCx INSTREAM-ID
+ _this3.handleUpdatedMediaPlaylist(updatedPlaylist);
+ });
+ this.masterPlaylistLoader_.on('error', function () {
+ _this3.blacklistCurrentPlaylist(_this3.masterPlaylistLoader_.error);
+ });
+ this.masterPlaylistLoader_.on('mediachanging', function () {
+ _this3.mainSegmentLoader_.abort();
- if (!properties.instreamId.match(/CC\d/)) {
- continue;
- } // No PlaylistLoader is required for Closed-Captions because the captions are
- // embedded within the video stream
+ _this3.mainSegmentLoader_.pause();
+ });
+ this.masterPlaylistLoader_.on('mediachange', function () {
+ var media = _this3.masterPlaylistLoader_.media();
+ var requestTimeout = media.targetDuration * 1.5 * 1000; // If we don't have any more available playlists, we don't want to
+ // timeout the request.
- groups[groupId].push(videojs$1.mergeOptions({
- id: variantLabel
- }, properties));
+ if (isLowestEnabledRendition(_this3.masterPlaylistLoader_.master, _this3.masterPlaylistLoader_.media())) {
+ _this3.requestOptions_.timeout = 0;
+ } else {
+ _this3.requestOptions_.timeout = requestTimeout;
+ } // TODO: Create a new event on the PlaylistLoader that signals
+ // that the segments have changed in some way and use that to
+ // update the SegmentLoader instead of doing it twice here and
+ // on `loadedplaylist`
- if (typeof tracks[variantLabel] === 'undefined') {
- var track = tech.addRemoteTextTrack({
- id: properties.instreamId,
- kind: 'captions',
- "default": properties["default"] && properties.autoselect,
- language: properties.language,
- label: variantLabel
- }, false).track;
- tracks[variantLabel] = track;
- }
- }
- }
- }
- };
- /**
- * Returns a function used to get the active group of the provided type
- *
- * @param {String} type
- * MediaGroup type
- * @param {Object} settings
- * Object containing required information for media groups
- * @return {Function}
- * Function that returns the active media group for the provided type. Takes an
- * optional parameter {TextTrack} track. If no track is provided, a list of all
- * variants in the group, otherwise the variant corresponding to the provided
- * track is returned.
- * @function activeGroup
- */
- var activeGroup = function activeGroup(type, settings) {
- return function (track) {
- var masterPlaylistLoader = settings.masterPlaylistLoader,
- groups = settings.mediaTypes[type].groups;
- var media = masterPlaylistLoader.media();
+ _this3.mainSegmentLoader_.playlist(media, _this3.requestOptions_);
- if (!media) {
- return null;
- }
+ _this3.mainSegmentLoader_.load();
- var variants = null;
+ _this3.tech_.trigger({
+ type: 'mediachange',
+ bubbles: true
+ });
+ });
+ this.masterPlaylistLoader_.on('playlistunchanged', function () {
+ var updatedPlaylist = _this3.masterPlaylistLoader_.media(); // ignore unchanged playlists that have already been
+ // excluded for not-changing. We likely just have a really slowly updating
+ // playlist.
- if (media.attributes[type]) {
- variants = groups[media.attributes[type]];
- }
- variants = variants || groups.main;
+ if (updatedPlaylist.lastExcludeReason_ === 'playlist-unchanged') {
+ return;
+ }
- if (typeof track === 'undefined') {
- return variants;
- }
+ var playlistOutdated = _this3.stuckAtPlaylistEnd_(updatedPlaylist);
- if (track === null) {
- // An active track was specified so a corresponding group is expected. track === null
- // means no track is currently active so there is no corresponding group
- return null;
- }
+ if (playlistOutdated) {
+ // Playlist has stopped updating and we're stuck at its end. Try to
+ // blacklist it and switch to another playlist in the hope that that
+ // one is updating (and give the player a chance to re-adjust to the
+ // safe live point).
+ _this3.blacklistCurrentPlaylist({
+ message: 'Playlist no longer updating.',
+ reason: 'playlist-unchanged'
+ }); // useful for monitoring QoS
- return variants.filter(function (props) {
- return props.id === track.id;
- })[0] || null;
- };
- };
- var activeTrack = {
+ _this3.tech_.trigger('playliststuck');
+ }
+ });
+ this.masterPlaylistLoader_.on('renditiondisabled', function () {
+ _this3.tech_.trigger({
+ type: 'usage',
+ name: 'vhs-rendition-disabled'
+ });
+
+ _this3.tech_.trigger({
+ type: 'usage',
+ name: 'hls-rendition-disabled'
+ });
+ });
+ this.masterPlaylistLoader_.on('renditionenabled', function () {
+ _this3.tech_.trigger({
+ type: 'usage',
+ name: 'vhs-rendition-enabled'
+ });
+
+ _this3.tech_.trigger({
+ type: 'usage',
+ name: 'hls-rendition-enabled'
+ });
+ });
+ }
/**
- * Returns a function used to get the active track of type provided
+ * Given an updated media playlist (whether it was loaded for the first time, or
+ * refreshed for live playlists), update any relevant properties and state to reflect
+ * changes in the media that should be accounted for (e.g., cues and duration).
*
- * @param {String} type
- * MediaGroup type
- * @param {Object} settings
- * Object containing required information for media groups
- * @return {Function}
- * Function that returns the active media track for the provided type. Returns
- * null if no track is active
- * @function activeTrack.AUDIO
+ * @param {Object} updatedPlaylist the updated media playlist object
+ *
+ * @private
*/
- AUDIO: function AUDIO(type, settings) {
- return function () {
- var tracks = settings.mediaTypes[type].tracks;
+ ;
- for (var id in tracks) {
- if (tracks[id].enabled) {
- return tracks[id];
- }
- }
+ _proto.handleUpdatedMediaPlaylist = function handleUpdatedMediaPlaylist(updatedPlaylist) {
+ if (this.useCueTags_) {
+ this.updateAdCues_(updatedPlaylist);
+ } // TODO: Create a new event on the PlaylistLoader that signals
+ // that the segments have changed in some way and use that to
+ // update the SegmentLoader instead of doing it twice here and
+ // on `mediachange`
- return null;
- };
- },
+ this.mainSegmentLoader_.playlist(updatedPlaylist, this.requestOptions_);
+ this.updateDuration(!updatedPlaylist.endList); // If the player isn't paused, ensure that the segment loader is running,
+ // as it is possible that it was temporarily stopped while waiting for
+ // a playlist (e.g., in case the playlist errored and we re-requested it).
+
+ if (!this.tech_.paused()) {
+ this.mainSegmentLoader_.load();
+
+ if (this.audioSegmentLoader_) {
+ this.audioSegmentLoader_.load();
+ }
+ }
+ }
/**
- * Returns a function used to get the active track of type provided
+ * A helper function for triggerring presence usage events once per source
*
- * @param {String} type
- * MediaGroup type
- * @param {Object} settings
- * Object containing required information for media groups
- * @return {Function}
- * Function that returns the active media track for the provided type. Returns
- * null if no track is active
- * @function activeTrack.SUBTITLES
+ * @private
*/
- SUBTITLES: function SUBTITLES(type, settings) {
- return function () {
- var tracks = settings.mediaTypes[type].tracks;
+ ;
- for (var id in tracks) {
- if (tracks[id].mode === 'showing' || tracks[id].mode === 'hidden') {
- return tracks[id];
+ _proto.triggerPresenceUsage_ = function triggerPresenceUsage_(master, media) {
+ var mediaGroups = master.mediaGroups || {};
+ var defaultDemuxed = true;
+ var audioGroupKeys = Object.keys(mediaGroups.AUDIO);
+
+ for (var mediaGroup in mediaGroups.AUDIO) {
+ for (var label in mediaGroups.AUDIO[mediaGroup]) {
+ var properties = mediaGroups.AUDIO[mediaGroup][label];
+
+ if (!properties.uri) {
+ defaultDemuxed = false;
}
}
+ }
- return null;
- };
+ if (defaultDemuxed) {
+ this.tech_.trigger({
+ type: 'usage',
+ name: 'vhs-demuxed'
+ });
+ this.tech_.trigger({
+ type: 'usage',
+ name: 'hls-demuxed'
+ });
+ }
+
+ if (Object.keys(mediaGroups.SUBTITLES).length) {
+ this.tech_.trigger({
+ type: 'usage',
+ name: 'vhs-webvtt'
+ });
+ this.tech_.trigger({
+ type: 'usage',
+ name: 'hls-webvtt'
+ });
+ }
+
+ if (Vhs$1.Playlist.isAes(media)) {
+ this.tech_.trigger({
+ type: 'usage',
+ name: 'vhs-aes'
+ });
+ this.tech_.trigger({
+ type: 'usage',
+ name: 'hls-aes'
+ });
+ }
+
+ if (audioGroupKeys.length && Object.keys(mediaGroups.AUDIO[audioGroupKeys[0]]).length > 1) {
+ this.tech_.trigger({
+ type: 'usage',
+ name: 'vhs-alternate-audio'
+ });
+ this.tech_.trigger({
+ type: 'usage',
+ name: 'hls-alternate-audio'
+ });
+ }
+
+ if (this.useCueTags_) {
+ this.tech_.trigger({
+ type: 'usage',
+ name: 'vhs-playlist-cue-tags'
+ });
+ this.tech_.trigger({
+ type: 'usage',
+ name: 'hls-playlist-cue-tags'
+ });
+ }
+ };
+
+ _proto.shouldSwitchToMedia_ = function shouldSwitchToMedia_(nextPlaylist) {
+ var currentPlaylist = this.masterPlaylistLoader_.media() || this.masterPlaylistLoader_.pendingMedia_;
+ var currentTime = this.tech_.currentTime();
+ var bufferLowWaterLine = this.bufferLowWaterLine();
+ var bufferHighWaterLine = this.bufferHighWaterLine();
+ var buffered = this.tech_.buffered();
+ return shouldSwitchToMedia({
+ buffered: buffered,
+ currentTime: currentTime,
+ currentPlaylist: currentPlaylist,
+ nextPlaylist: nextPlaylist,
+ bufferLowWaterLine: bufferLowWaterLine,
+ bufferHighWaterLine: bufferHighWaterLine,
+ duration: this.duration(),
+ experimentalBufferBasedABR: this.experimentalBufferBasedABR,
+ log: this.logger_
+ });
}
- };
- /**
- * Setup PlaylistLoaders and Tracks for media groups (Audio, Subtitles,
- * Closed-Captions) specified in the master manifest.
- *
- * @param {Object} settings
- * Object containing required information for setting up the media groups
- * @param {SegmentLoader} settings.segmentLoaders.AUDIO
- * Audio segment loader
- * @param {SegmentLoader} settings.segmentLoaders.SUBTITLES
- * Subtitle segment loader
- * @param {SegmentLoader} settings.segmentLoaders.main
- * Main segment loader
- * @param {Tech} settings.tech
- * The tech of the player
- * @param {Object} settings.requestOptions
- * XHR request options used by the segment loaders
- * @param {PlaylistLoader} settings.masterPlaylistLoader
- * PlaylistLoader for the master source
- * @param {HlsHandler} settings.hls
- * HLS SourceHandler
- * @param {Object} settings.master
- * The parsed master manifest
- * @param {Object} settings.mediaTypes
- * Object to store the loaders, tracks, and utility methods for each media type
- * @param {Function} settings.blacklistCurrentPlaylist
- * Blacklists the current rendition and forces a rendition switch.
- * @function setupMediaGroups
- */
+ /**
+ * Register event handlers on the segment loaders. A helper function
+ * for construction time.
+ *
+ * @private
+ */
+ ;
- var setupMediaGroups = function setupMediaGroups(settings) {
- ['AUDIO', 'SUBTITLES', 'CLOSED-CAPTIONS'].forEach(function (type) {
- initialize[type](type, settings);
- });
- var mediaTypes = settings.mediaTypes,
- masterPlaylistLoader = settings.masterPlaylistLoader,
- tech = settings.tech,
- hls = settings.hls; // setup active group and track getters and change event handlers
+ _proto.setupSegmentLoaderListeners_ = function setupSegmentLoaderListeners_() {
+ var _this4 = this;
- ['AUDIO', 'SUBTITLES'].forEach(function (type) {
- mediaTypes[type].activeGroup = activeGroup(type, settings);
- mediaTypes[type].activeTrack = activeTrack[type](type, settings);
- mediaTypes[type].onGroupChanged = onGroupChanged(type, settings);
- mediaTypes[type].onTrackChanged = onTrackChanged(type, settings);
- }); // DO NOT enable the default subtitle or caption track.
- // DO enable the default audio track
+ if (!this.experimentalBufferBasedABR) {
+ this.mainSegmentLoader_.on('bandwidthupdate', function () {
+ var nextPlaylist = _this4.selectPlaylist();
- var audioGroup = mediaTypes.AUDIO.activeGroup();
- var groupId = (audioGroup.filter(function (group) {
- return group["default"];
- })[0] || audioGroup[0]).id;
- mediaTypes.AUDIO.tracks[groupId].enabled = true;
- mediaTypes.AUDIO.onTrackChanged();
- masterPlaylistLoader.on('mediachange', function () {
- ['AUDIO', 'SUBTITLES'].forEach(function (type) {
- return mediaTypes[type].onGroupChanged();
+ if (_this4.shouldSwitchToMedia_(nextPlaylist)) {
+ _this4.switchMedia_(nextPlaylist, 'bandwidthupdate');
+ }
+
+ _this4.tech_.trigger('bandwidthupdate');
+ });
+ this.mainSegmentLoader_.on('progress', function () {
+ _this4.trigger('progress');
+ });
+ }
+
+ this.mainSegmentLoader_.on('error', function () {
+ _this4.blacklistCurrentPlaylist(_this4.mainSegmentLoader_.error());
});
- }); // custom audio track change event handler for usage event
+ this.mainSegmentLoader_.on('appenderror', function () {
+ _this4.error = _this4.mainSegmentLoader_.error_;
- var onAudioTrackChanged = function onAudioTrackChanged() {
- mediaTypes.AUDIO.onTrackChanged();
- tech.trigger({
- type: 'usage',
- name: 'hls-audio-change'
+ _this4.trigger('error');
});
- };
+ this.mainSegmentLoader_.on('syncinfoupdate', function () {
+ _this4.onSyncInfoUpdate_();
+ });
+ this.mainSegmentLoader_.on('timestampoffset', function () {
+ _this4.tech_.trigger({
+ type: 'usage',
+ name: 'vhs-timestamp-offset'
+ });
- tech.audioTracks().addEventListener('change', onAudioTrackChanged);
- tech.remoteTextTracks().addEventListener('change', mediaTypes.SUBTITLES.onTrackChanged);
- hls.on('dispose', function () {
- tech.audioTracks().removeEventListener('change', onAudioTrackChanged);
- tech.remoteTextTracks().removeEventListener('change', mediaTypes.SUBTITLES.onTrackChanged);
- }); // clear existing audio tracks and add the ones we just created
+ _this4.tech_.trigger({
+ type: 'usage',
+ name: 'hls-timestamp-offset'
+ });
+ });
+ this.audioSegmentLoader_.on('syncinfoupdate', function () {
+ _this4.onSyncInfoUpdate_();
+ });
+ this.audioSegmentLoader_.on('appenderror', function () {
+ _this4.error = _this4.audioSegmentLoader_.error_;
- tech.clearTracks('audio');
+ _this4.trigger('error');
+ });
+ this.mainSegmentLoader_.on('ended', function () {
+ _this4.logger_('main segment loader ended');
- for (var id in mediaTypes.AUDIO.tracks) {
- tech.audioTracks().addTrack(mediaTypes.AUDIO.tracks[id]);
- }
- };
- /**
- * Creates skeleton object used to store the loaders, tracks, and utility methods for each
- * media type
- *
- * @return {Object}
- * Object to store the loaders, tracks, and utility methods for each media type
- * @function createMediaTypes
- */
+ _this4.onEndOfStream();
+ });
+ this.mainSegmentLoader_.on('earlyabort', function (event) {
+ // never try to early abort with the new ABR algorithm
+ if (_this4.experimentalBufferBasedABR) {
+ return;
+ }
+ _this4.delegateLoaders_('all', ['abort']);
- var createMediaTypes = function createMediaTypes() {
- var mediaTypes = {};
- ['AUDIO', 'SUBTITLES', 'CLOSED-CAPTIONS'].forEach(function (type) {
- mediaTypes[type] = {
- groups: {},
- tracks: {},
- activePlaylistLoader: null,
- activeGroup: noop$1,
- activeTrack: noop$1,
- onGroupChanged: noop$1,
- onTrackChanged: noop$1
- };
- });
- return mediaTypes;
- };
- /**
- * @file master-playlist-controller.js
- */
+ _this4.blacklistCurrentPlaylist({
+ message: 'Aborted early because there isn\'t enough bandwidth to complete the ' + 'request without rebuffering.'
+ }, ABORT_EARLY_BLACKLIST_SECONDS);
+ });
+ var updateCodecs = function updateCodecs() {
+ if (!_this4.sourceUpdater_.hasCreatedSourceBuffers()) {
+ return _this4.tryToCreateSourceBuffers_();
+ }
- var ABORT_EARLY_BLACKLIST_SECONDS = 60 * 2;
- var Hls = void 0; // SegmentLoader stats that need to have each loader's
- // values summed to calculate the final value
+ var codecs = _this4.getCodecsOrExclude_(); // no codecs means that the playlist was excluded
- var loaderStats = ['mediaRequests', 'mediaRequestsAborted', 'mediaRequestsTimedout', 'mediaRequestsErrored', 'mediaTransferDuration', 'mediaBytesTransferred'];
- var sumLoaderStat = function sumLoaderStat(stat) {
- return this.audioSegmentLoader_[stat] + this.mainSegmentLoader_[stat];
- };
+ if (!codecs) {
+ return;
+ }
- var shouldSwitchToMedia = function shouldSwitchToMedia(_ref) {
- var currentPlaylist = _ref.currentPlaylist,
- nextPlaylist = _ref.nextPlaylist,
- forwardBuffer = _ref.forwardBuffer,
- bufferLowWaterLine = _ref.bufferLowWaterLine,
- duration$$1 = _ref.duration,
- log = _ref.log; // we have no other playlist to switch to
+ _this4.sourceUpdater_.addOrChangeSourceBuffers(codecs);
+ };
- if (!nextPlaylist) {
- videojs$1.log.warn('We received no playlist to switch to. Please check your stream.');
- return false;
- } // If the playlist is live, then we want to not take low water line into account.
- // This is because in LIVE, the player plays 3 segments from the end of the
- // playlist, and if `BUFFER_LOW_WATER_LINE` is greater than the duration availble
- // in those segments, a viewer will never experience a rendition upswitch.
+ this.mainSegmentLoader_.on('trackinfo', updateCodecs);
+ this.audioSegmentLoader_.on('trackinfo', updateCodecs);
+ this.mainSegmentLoader_.on('fmp4', function () {
+ if (!_this4.triggeredFmp4Usage) {
+ _this4.tech_.trigger({
+ type: 'usage',
+ name: 'vhs-fmp4'
+ });
+ _this4.tech_.trigger({
+ type: 'usage',
+ name: 'hls-fmp4'
+ });
- if (!currentPlaylist.endList) {
- return true;
- } // For the same reason as LIVE, we ignore the low water line when the VOD
- // duration is below the max potential low water line
+ _this4.triggeredFmp4Usage = true;
+ }
+ });
+ this.audioSegmentLoader_.on('fmp4', function () {
+ if (!_this4.triggeredFmp4Usage) {
+ _this4.tech_.trigger({
+ type: 'usage',
+ name: 'vhs-fmp4'
+ });
+
+ _this4.tech_.trigger({
+ type: 'usage',
+ name: 'hls-fmp4'
+ });
+ _this4.triggeredFmp4Usage = true;
+ }
+ });
+ this.audioSegmentLoader_.on('ended', function () {
+ _this4.logger_('audioSegmentLoader ended');
- if (duration$$1 < Config.MAX_BUFFER_LOW_WATER_LINE) {
- return true;
- } // we want to switch down to lower resolutions quickly to continue playback, but
+ _this4.onEndOfStream();
+ });
+ };
+ _proto.mediaSecondsLoaded_ = function mediaSecondsLoaded_() {
+ return Math.max(this.audioSegmentLoader_.mediaSecondsLoaded + this.mainSegmentLoader_.mediaSecondsLoaded);
+ }
+ /**
+ * Call load on our SegmentLoaders
+ */
+ ;
- if (nextPlaylist.attributes.BANDWIDTH < currentPlaylist.attributes.BANDWIDTH) {
- return true;
- } // ensure we have some buffer before we switch up to prevent us running out of
- // buffer while loading a higher rendition.
+ _proto.load = function load() {
+ this.mainSegmentLoader_.load();
+ if (this.mediaTypes_.AUDIO.activePlaylistLoader) {
+ this.audioSegmentLoader_.load();
+ }
- if (forwardBuffer >= bufferLowWaterLine) {
- return true;
+ if (this.mediaTypes_.SUBTITLES.activePlaylistLoader) {
+ this.subtitleSegmentLoader_.load();
+ }
+ }
+ /**
+ * Re-tune playback quality level for the current player
+ * conditions without performing destructive actions, like
+ * removing already buffered content
+ *
+ * @private
+ * @deprecated
+ */
+ ;
+
+ _proto.smoothQualityChange_ = function smoothQualityChange_(media) {
+ if (media === void 0) {
+ media = this.selectPlaylist();
+ }
+
+ this.fastQualityChange_(media);
}
+ /**
+ * Re-tune playback quality level for the current player
+ * conditions. This method will perform destructive actions like removing
+ * already buffered content in order to readjust the currently active
+ * playlist quickly. This is good for manual quality changes
+ *
+ * @private
+ */
+ ;
- return false;
- };
- /**
- * the master playlist controller controller all interactons
- * between playlists and segmentloaders. At this time this mainly
- * involves a master playlist and a series of audio playlists
- * if they are available
- *
- * @class MasterPlaylistController
- * @extends videojs.EventTarget
- */
+ _proto.fastQualityChange_ = function fastQualityChange_(media) {
+ var _this5 = this;
+
+ if (media === void 0) {
+ media = this.selectPlaylist();
+ }
+ if (media === this.masterPlaylistLoader_.media()) {
+ this.logger_('skipping fastQualityChange because new media is same as old');
+ return;
+ }
- var MasterPlaylistController = function (_videojs$EventTarget) {
- inherits$2(MasterPlaylistController, _videojs$EventTarget);
+ this.switchMedia_(media, 'fast-quality'); // Delete all buffered data to allow an immediate quality switch, then seek to give
+ // the browser a kick to remove any cached frames from the previous rendtion (.04 seconds
+ // ahead is roughly the minimum that will accomplish this across a variety of content
+ // in IE and Edge, but seeking in place is sufficient on all other browsers)
+ // Edge/IE bug: https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/14600375/
+ // Chrome bug: https://bugs.chromium.org/p/chromium/issues/detail?id=651904
- function MasterPlaylistController(options) {
- classCallCheck$1(this, MasterPlaylistController);
+ this.mainSegmentLoader_.resetEverything(function () {
+ // Since this is not a typical seek, we avoid the seekTo method which can cause segments
+ // from the previously enabled rendition to load before the new playlist has finished loading
+ if (videojs.browser.IE_VERSION || videojs.browser.IS_EDGE) {
+ _this5.tech_.setCurrentTime(_this5.tech_.currentTime() + 0.04);
+ } else {
+ _this5.tech_.setCurrentTime(_this5.tech_.currentTime());
+ }
+ }); // don't need to reset audio as it is reset when media changes
+ }
+ /**
+ * Begin playback.
+ */
+ ;
- var _this = possibleConstructorReturn$1(this, (MasterPlaylistController.__proto__ || Object.getPrototypeOf(MasterPlaylistController)).call(this));
+ _proto.play = function play() {
+ if (this.setupFirstPlay()) {
+ return;
+ }
- var url = options.url,
- handleManifestRedirects = options.handleManifestRedirects,
- withCredentials = options.withCredentials,
- tech = options.tech,
- bandwidth = options.bandwidth,
- externHls = options.externHls,
- useCueTags = options.useCueTags,
- blacklistDuration = options.blacklistDuration,
- enableLowInitialPlaylist = options.enableLowInitialPlaylist,
- cacheEncryptionKeys = options.cacheEncryptionKeys,
- sourceType = options.sourceType;
+ if (this.tech_.ended()) {
+ this.tech_.setCurrentTime(0);
+ }
- if (!url) {
- throw new Error('A non-empty playlist URL is required');
+ if (this.hasPlayed_) {
+ this.load();
}
- Hls = externHls;
- _this.withCredentials = withCredentials;
- _this.tech_ = tech;
- _this.hls_ = tech.hls;
- _this.sourceType_ = sourceType;
- _this.useCueTags_ = useCueTags;
- _this.blacklistDuration = blacklistDuration;
- _this.enableLowInitialPlaylist = enableLowInitialPlaylist;
+ var seekable = this.tech_.seekable(); // if the viewer has paused and we fell out of the live window,
+ // seek forward to the live point
- if (_this.useCueTags_) {
- _this.cueTagsTrack_ = _this.tech_.addTextTrack('metadata', 'ad-cues');
- _this.cueTagsTrack_.inBandMetadataTrackDispatchType = '';
+ if (this.tech_.duration() === Infinity) {
+ if (this.tech_.currentTime() < seekable.start(0)) {
+ return this.tech_.setCurrentTime(seekable.end(seekable.length - 1));
+ }
}
+ }
+ /**
+ * Seek to the latest media position if this is a live video and the
+ * player and video are loaded and initialized.
+ */
+ ;
- _this.requestOptions_ = {
- withCredentials: withCredentials,
- handleManifestRedirects: handleManifestRedirects,
- timeout: null
- };
- _this.mediaTypes_ = createMediaTypes();
- _this.mediaSource = new videojs$1.MediaSource(); // load the media source into the player
+ _proto.setupFirstPlay = function setupFirstPlay() {
+ var _this6 = this;
- _this.mediaSource.addEventListener('sourceopen', _this.handleSourceOpen_.bind(_this));
+ var media = this.masterPlaylistLoader_.media(); // Check that everything is ready to begin buffering for the first call to play
+ // If 1) there is no active media
+ // 2) the player is paused
+ // 3) the first play has already been setup
+ // then exit early
- _this.seekable_ = videojs$1.createTimeRanges();
- _this.hasPlayed_ = false;
- _this.syncController_ = new SyncController(options);
- _this.segmentMetadataTrack_ = tech.addRemoteTextTrack({
- kind: 'metadata',
- label: 'segment-metadata'
- }, false).track;
- _this.decrypter_ = new Decrypter$1();
- _this.inbandTextTracks_ = {};
- var segmentLoaderSettings = {
- hls: _this.hls_,
- mediaSource: _this.mediaSource,
- currentTime: _this.tech_.currentTime.bind(_this.tech_),
- seekable: function seekable$$1() {
- return _this.seekable();
- },
- seeking: function seeking() {
- return _this.tech_.seeking();
- },
- duration: function duration$$1() {
- return _this.mediaSource.duration;
- },
- hasPlayed: function hasPlayed() {
- return _this.hasPlayed_;
- },
- goalBufferLength: function goalBufferLength() {
- return _this.goalBufferLength();
- },
- bandwidth: bandwidth,
- syncController: _this.syncController_,
- decrypter: _this.decrypter_,
- sourceType: _this.sourceType_,
- inbandTextTracks: _this.inbandTextTracks_,
- cacheEncryptionKeys: cacheEncryptionKeys
- };
- _this.masterPlaylistLoader_ = _this.sourceType_ === 'dash' ? new DashPlaylistLoader(url, _this.hls_, _this.requestOptions_) : new PlaylistLoader(url, _this.hls_, _this.requestOptions_);
+ if (!media || this.tech_.paused() || this.hasPlayed_) {
+ return false;
+ } // when the video is a live stream
- _this.setupMasterPlaylistLoaderListeners_(); // setup segment loaders
- // combined audio/video or just video when alternate audio track is selected
+ if (!media.endList) {
+ var seekable = this.seekable();
- _this.mainSegmentLoader_ = new SegmentLoader(videojs$1.mergeOptions(segmentLoaderSettings, {
- segmentMetadataTrack: _this.segmentMetadataTrack_,
- loaderType: 'main'
- }), options); // alternate audio track
+ if (!seekable.length) {
+ // without a seekable range, the player cannot seek to begin buffering at the live
+ // point
+ return false;
+ }
- _this.audioSegmentLoader_ = new SegmentLoader(videojs$1.mergeOptions(segmentLoaderSettings, {
- loaderType: 'audio'
- }), options);
- _this.subtitleSegmentLoader_ = new VTTSegmentLoader(videojs$1.mergeOptions(segmentLoaderSettings, {
- loaderType: 'vtt',
- featuresNativeTextTracks: _this.tech_.featuresNativeTextTracks
- }), options);
+ if (videojs.browser.IE_VERSION && this.tech_.readyState() === 0) {
+ // IE11 throws an InvalidStateError if you try to set currentTime while the
+ // readyState is 0, so it must be delayed until the tech fires loadedmetadata.
+ this.tech_.one('loadedmetadata', function () {
+ _this6.trigger('firstplay');
- _this.setupSegmentLoaderListeners_(); // Create SegmentLoader stat-getters
+ _this6.tech_.setCurrentTime(seekable.end(0));
+ _this6.hasPlayed_ = true;
+ });
+ return false;
+ } // trigger firstplay to inform the source handler to ignore the next seek event
- loaderStats.forEach(function (stat) {
- _this[stat + '_'] = sumLoaderStat.bind(_this, stat);
- });
- _this.logger_ = logger('MPC');
- _this.masterPlaylistLoader_.load();
+ this.trigger('firstplay'); // seek to the live point
- return _this;
+ this.tech_.setCurrentTime(seekable.end(0));
+ }
+
+ this.hasPlayed_ = true; // we can begin loading now that everything is ready
+
+ this.load();
+ return true;
}
/**
- * Register event handlers on the master playlist loader. A helper
- * function for construction time.
+ * handle the sourceopen event on the MediaSource
*
* @private
*/
+ ;
+ _proto.handleSourceOpen_ = function handleSourceOpen_() {
+ // Only attempt to create the source buffer if none already exist.
+ // handleSourceOpen is also called when we are "re-opening" a source buffer
+ // after `endOfStream` has been called (in response to a seek for instance)
+ this.tryToCreateSourceBuffers_(); // if autoplay is enabled, begin playback. This is duplicative of
+ // code in video.js but is required because play() must be invoked
+ // *after* the media source has opened.
- createClass$1(MasterPlaylistController, [{
- key: 'setupMasterPlaylistLoaderListeners_',
- value: function setupMasterPlaylistLoaderListeners_() {
- var _this2 = this;
+ if (this.tech_.autoplay()) {
+ var playPromise = this.tech_.play(); // Catch/silence error when a pause interrupts a play request
+ // on browsers which return a promise
- this.masterPlaylistLoader_.on('loadedmetadata', function () {
- var media = _this2.masterPlaylistLoader_.media();
+ if (typeof playPromise !== 'undefined' && typeof playPromise.then === 'function') {
+ playPromise.then(null, function (e) {});
+ }
+ }
- var requestTimeout = media.targetDuration * 1.5 * 1000; // If we don't have any more available playlists, we don't want to
- // timeout the request.
+ this.trigger('sourceopen');
+ }
+ /**
+ * handle the sourceended event on the MediaSource
+ *
+ * @private
+ */
+ ;
- if (isLowestEnabledRendition(_this2.masterPlaylistLoader_.master, _this2.masterPlaylistLoader_.media())) {
- _this2.requestOptions_.timeout = 0;
- } else {
- _this2.requestOptions_.timeout = requestTimeout;
- } // if this isn't a live video and preload permits, start
- // downloading segments
+ _proto.handleSourceEnded_ = function handleSourceEnded_() {
+ if (!this.inbandTextTracks_.metadataTrack_) {
+ return;
+ }
+ var cues = this.inbandTextTracks_.metadataTrack_.cues;
- if (media.endList && _this2.tech_.preload() !== 'none') {
- _this2.mainSegmentLoader_.playlist(media, _this2.requestOptions_);
+ if (!cues || !cues.length) {
+ return;
+ }
- _this2.mainSegmentLoader_.load();
- }
+ var duration = this.duration();
+ cues[cues.length - 1].endTime = isNaN(duration) || Math.abs(duration) === Infinity ? Number.MAX_VALUE : duration;
+ }
+ /**
+ * handle the durationchange event on the MediaSource
+ *
+ * @private
+ */
+ ;
- setupMediaGroups({
- sourceType: _this2.sourceType_,
- segmentLoaders: {
- AUDIO: _this2.audioSegmentLoader_,
- SUBTITLES: _this2.subtitleSegmentLoader_,
- main: _this2.mainSegmentLoader_
- },
- tech: _this2.tech_,
- requestOptions: _this2.requestOptions_,
- masterPlaylistLoader: _this2.masterPlaylistLoader_,
- hls: _this2.hls_,
- master: _this2.master(),
- mediaTypes: _this2.mediaTypes_,
- blacklistCurrentPlaylist: _this2.blacklistCurrentPlaylist.bind(_this2)
- });
+ _proto.handleDurationChange_ = function handleDurationChange_() {
+ this.tech_.trigger('durationchange');
+ }
+ /**
+ * Calls endOfStream on the media source when all active stream types have called
+ * endOfStream
+ *
+ * @param {string} streamType
+ * Stream type of the segment loader that called endOfStream
+ * @private
+ */
+ ;
- _this2.triggerPresenceUsage_(_this2.master(), media);
+ _proto.onEndOfStream = function onEndOfStream() {
+ var isEndOfStream = this.mainSegmentLoader_.ended_;
- try {
- _this2.setupSourceBuffers_();
- } catch (e) {
- videojs$1.log.warn('Failed to create SourceBuffers', e);
- return _this2.mediaSource.endOfStream('decode');
- }
+ if (this.mediaTypes_.AUDIO.activePlaylistLoader) {
+ var mainMediaInfo = this.mainSegmentLoader_.getCurrentMediaInfo_(); // if the audio playlist loader exists, then alternate audio is active
- _this2.setupFirstPlay();
+ if (!mainMediaInfo || mainMediaInfo.hasVideo) {
+ // if we do not know if the main segment loader contains video yet or if we
+ // definitively know the main segment loader contains video, then we need to wait
+ // for both main and audio segment loaders to call endOfStream
+ isEndOfStream = isEndOfStream && this.audioSegmentLoader_.ended_;
+ } else {
+ // otherwise just rely on the audio loader
+ isEndOfStream = this.audioSegmentLoader_.ended_;
+ }
+ }
- if (!_this2.mediaTypes_.AUDIO.activePlaylistLoader || _this2.mediaTypes_.AUDIO.activePlaylistLoader.media()) {
- _this2.trigger('selectedinitialmedia');
- } else {
- // We must wait for the active audio playlist loader to
- // finish setting up before triggering this event so the
- // representations API and EME setup is correct
- _this2.mediaTypes_.AUDIO.activePlaylistLoader.one('loadedmetadata', function () {
- _this2.trigger('selectedinitialmedia');
- });
- }
- });
- this.masterPlaylistLoader_.on('loadedplaylist', function () {
- var updatedPlaylist = _this2.masterPlaylistLoader_.media();
+ if (!isEndOfStream) {
+ return;
+ }
- if (!updatedPlaylist) {
- // blacklist any variants that are not supported by the browser before selecting
- // an initial media as the playlist selectors do not consider browser support
- _this2.excludeUnsupportedVariants_();
+ this.stopABRTimer_();
+ this.sourceUpdater_.endOfStream();
+ }
+ /**
+ * Check if a playlist has stopped being updated
+ *
+ * @param {Object} playlist the media playlist object
+ * @return {boolean} whether the playlist has stopped being updated or not
+ */
+ ;
- var selectedMedia = void 0;
+ _proto.stuckAtPlaylistEnd_ = function stuckAtPlaylistEnd_(playlist) {
+ var seekable = this.seekable();
- if (_this2.enableLowInitialPlaylist) {
- selectedMedia = _this2.selectInitialPlaylist();
- }
+ if (!seekable.length) {
+ // playlist doesn't have enough information to determine whether we are stuck
+ return false;
+ }
- if (!selectedMedia) {
- selectedMedia = _this2.selectPlaylist();
- }
+ var expired = this.syncController_.getExpiredTime(playlist, this.duration());
- _this2.initialMedia_ = selectedMedia;
+ if (expired === null) {
+ return false;
+ } // does not use the safe live end to calculate playlist end, since we
+ // don't want to say we are stuck while there is still content
- _this2.masterPlaylistLoader_.media(_this2.initialMedia_);
- return;
- }
+ var absolutePlaylistEnd = Vhs$1.Playlist.playlistEnd(playlist, expired);
+ var currentTime = this.tech_.currentTime();
+ var buffered = this.tech_.buffered();
- if (_this2.useCueTags_) {
- _this2.updateAdCues_(updatedPlaylist);
- } // TODO: Create a new event on the PlaylistLoader that signals
- // that the segments have changed in some way and use that to
- // update the SegmentLoader instead of doing it twice here and
- // on `mediachange`
+ if (!buffered.length) {
+ // return true if the playhead reached the absolute end of the playlist
+ return absolutePlaylistEnd - currentTime <= SAFE_TIME_DELTA;
+ }
+ var bufferedEnd = buffered.end(buffered.length - 1); // return true if there is too little buffer left and buffer has reached absolute
+ // end of playlist
- _this2.mainSegmentLoader_.playlist(updatedPlaylist, _this2.requestOptions_);
+ return bufferedEnd - currentTime <= SAFE_TIME_DELTA && absolutePlaylistEnd - bufferedEnd <= SAFE_TIME_DELTA;
+ }
+ /**
+ * Blacklists a playlist when an error occurs for a set amount of time
+ * making it unavailable for selection by the rendition selection algorithm
+ * and then forces a new playlist (rendition) selection.
+ *
+ * @param {Object=} error an optional error that may include the playlist
+ * to blacklist
+ * @param {number=} blacklistDuration an optional number of seconds to blacklist the
+ * playlist
+ */
+ ;
- _this2.updateDuration(); // If the player isn't paused, ensure that the segment loader is running,
- // as it is possible that it was temporarily stopped while waiting for
- // a playlist (e.g., in case the playlist errored and we re-requested it).
+ _proto.blacklistCurrentPlaylist = function blacklistCurrentPlaylist(error, blacklistDuration) {
+ if (error === void 0) {
+ error = {};
+ } // If the `error` was generated by the playlist loader, it will contain
+ // the playlist we were trying to load (but failed) and that should be
+ // blacklisted instead of the currently selected playlist which is likely
+ // out-of-date in this scenario
- if (!_this2.tech_.paused()) {
- _this2.mainSegmentLoader_.load();
+ var currentPlaylist = error.playlist || this.masterPlaylistLoader_.media();
+ blacklistDuration = blacklistDuration || error.blacklistDuration || this.blacklistDuration; // If there is no current playlist, then an error occurred while we were
+ // trying to load the master OR while we were disposing of the tech
- if (_this2.audioSegmentLoader_) {
- _this2.audioSegmentLoader_.load();
- }
- }
+ if (!currentPlaylist) {
+ this.error = error;
- if (!updatedPlaylist.endList) {
- var addSeekableRange = function addSeekableRange() {
- var seekable$$1 = _this2.seekable();
+ if (this.mediaSource.readyState !== 'open') {
+ this.trigger('error');
+ } else {
+ this.sourceUpdater_.endOfStream('network');
+ }
- if (seekable$$1.length !== 0) {
- _this2.mediaSource.addSeekableRange_(seekable$$1.start(0), seekable$$1.end(0));
- }
- };
+ return;
+ }
- if (_this2.duration() !== Infinity) {
- var onDurationchange = function onDurationchange() {
- if (_this2.duration() === Infinity) {
- addSeekableRange();
- } else {
- _this2.tech_.one('durationchange', onDurationchange);
- }
- };
+ currentPlaylist.playlistErrors_++;
+ var playlists = this.masterPlaylistLoader_.master.playlists;
+ var enabledPlaylists = playlists.filter(isEnabled);
+ var isFinalRendition = enabledPlaylists.length === 1 && enabledPlaylists[0] === currentPlaylist; // Don't blacklist the only playlist unless it was blacklisted
+ // forever
- _this2.tech_.one('durationchange', onDurationchange);
- } else {
- addSeekableRange();
- }
- }
- });
- this.masterPlaylistLoader_.on('error', function () {
- _this2.blacklistCurrentPlaylist(_this2.masterPlaylistLoader_.error);
- });
- this.masterPlaylistLoader_.on('mediachanging', function () {
- _this2.mainSegmentLoader_.abort();
+ if (playlists.length === 1 && blacklistDuration !== Infinity) {
+ videojs.log.warn("Problem encountered with playlist " + currentPlaylist.id + ". " + 'Trying again since it is the only playlist.');
+ this.tech_.trigger('retryplaylist'); // if this is a final rendition, we should delay
- _this2.mainSegmentLoader_.pause();
- });
- this.masterPlaylistLoader_.on('mediachange', function () {
- var media = _this2.masterPlaylistLoader_.media();
+ return this.masterPlaylistLoader_.load(isFinalRendition);
+ }
- var requestTimeout = media.targetDuration * 1.5 * 1000; // If we don't have any more available playlists, we don't want to
- // timeout the request.
+ if (isFinalRendition) {
+ // Since we're on the final non-blacklisted playlist, and we're about to blacklist
+ // it, instead of erring the player or retrying this playlist, clear out the current
+ // blacklist. This allows other playlists to be attempted in case any have been
+ // fixed.
+ var reincluded = false;
+ playlists.forEach(function (playlist) {
+ // skip current playlist which is about to be blacklisted
+ if (playlist === currentPlaylist) {
+ return;
+ }
- if (isLowestEnabledRendition(_this2.masterPlaylistLoader_.master, _this2.masterPlaylistLoader_.media())) {
- _this2.requestOptions_.timeout = 0;
- } else {
- _this2.requestOptions_.timeout = requestTimeout;
- } // TODO: Create a new event on the PlaylistLoader that signals
- // that the segments have changed in some way and use that to
- // update the SegmentLoader instead of doing it twice here and
- // on `loadedplaylist`
+ var excludeUntil = playlist.excludeUntil; // a playlist cannot be reincluded if it wasn't excluded to begin with.
+ if (typeof excludeUntil !== 'undefined' && excludeUntil !== Infinity) {
+ reincluded = true;
+ delete playlist.excludeUntil;
+ }
+ });
- _this2.mainSegmentLoader_.playlist(media, _this2.requestOptions_);
+ if (reincluded) {
+ videojs.log.warn('Removing other playlists from the exclusion list because the last ' + 'rendition is about to be excluded.'); // Technically we are retrying a playlist, in that we are simply retrying a previous
+ // playlist. This is needed for users relying on the retryplaylist event to catch a
+ // case where the player might be stuck and looping through "dead" playlists.
- _this2.mainSegmentLoader_.load();
+ this.tech_.trigger('retryplaylist');
+ }
+ } // Blacklist this playlist
- _this2.tech_.trigger({
- type: 'mediachange',
- bubbles: true
- });
- });
- this.masterPlaylistLoader_.on('playlistunchanged', function () {
- var updatedPlaylist = _this2.masterPlaylistLoader_.media();
- var playlistOutdated = _this2.stuckAtPlaylistEnd_(updatedPlaylist);
+ var excludeUntil;
- if (playlistOutdated) {
- // Playlist has stopped updating and we're stuck at its end. Try to
- // blacklist it and switch to another playlist in the hope that that
- // one is updating (and give the player a chance to re-adjust to the
- // safe live point).
- _this2.blacklistCurrentPlaylist({
- message: 'Playlist no longer updating.'
- }); // useful for monitoring QoS
+ if (currentPlaylist.playlistErrors_ > this.maxPlaylistRetries) {
+ excludeUntil = Infinity;
+ } else {
+ excludeUntil = Date.now() + blacklistDuration * 1000;
+ }
+ currentPlaylist.excludeUntil = excludeUntil;
- _this2.tech_.trigger('playliststuck');
- }
- });
- this.masterPlaylistLoader_.on('renditiondisabled', function () {
- _this2.tech_.trigger({
- type: 'usage',
- name: 'hls-rendition-disabled'
- });
- });
- this.masterPlaylistLoader_.on('renditionenabled', function () {
- _this2.tech_.trigger({
- type: 'usage',
- name: 'hls-rendition-enabled'
- });
- });
+ if (error.reason) {
+ currentPlaylist.lastExcludeReason_ = error.reason;
}
- /**
- * A helper function for triggerring presence usage events once per source
- *
- * @private
- */
- }, {
- key: 'triggerPresenceUsage_',
- value: function triggerPresenceUsage_(master, media) {
- var mediaGroups = master.mediaGroups || {};
- var defaultDemuxed = true;
- var audioGroupKeys = Object.keys(mediaGroups.AUDIO);
-
- for (var mediaGroup in mediaGroups.AUDIO) {
- for (var label in mediaGroups.AUDIO[mediaGroup]) {
- var properties = mediaGroups.AUDIO[mediaGroup][label];
-
- if (!properties.uri) {
- defaultDemuxed = false;
- }
- }
- }
+ this.tech_.trigger('blacklistplaylist');
+ this.tech_.trigger({
+ type: 'usage',
+ name: 'vhs-rendition-blacklisted'
+ });
+ this.tech_.trigger({
+ type: 'usage',
+ name: 'hls-rendition-blacklisted'
+ }); // TODO: should we select a new playlist if this blacklist wasn't for the currentPlaylist?
+ // Would be something like media().id !=== currentPlaylist.id and we would need something
+ // like `pendingMedia` in playlist loaders to check against that too. This will prevent us
+ // from loading a new playlist on any blacklist.
+ // Select a new playlist
- if (defaultDemuxed) {
- this.tech_.trigger({
- type: 'usage',
- name: 'hls-demuxed'
- });
- }
+ var nextPlaylist = this.selectPlaylist();
- if (Object.keys(mediaGroups.SUBTITLES).length) {
- this.tech_.trigger({
- type: 'usage',
- name: 'hls-webvtt'
- });
- }
+ if (!nextPlaylist) {
+ this.error = 'Playback cannot continue. No available working or supported playlists.';
+ this.trigger('error');
+ return;
+ }
- if (Hls.Playlist.isAes(media)) {
- this.tech_.trigger({
- type: 'usage',
- name: 'hls-aes'
- });
- }
+ var logFn = error.internal ? this.logger_ : videojs.log.warn;
+ var errorMessage = error.message ? ' ' + error.message : '';
+ logFn((error.internal ? 'Internal problem' : 'Problem') + " encountered with playlist " + currentPlaylist.id + "." + (errorMessage + " Switching to playlist " + nextPlaylist.id + ".")); // if audio group changed reset audio loaders
- if (Hls.Playlist.isFmp4(media)) {
- this.tech_.trigger({
- type: 'usage',
- name: 'hls-fmp4'
- });
- }
+ if (nextPlaylist.attributes.AUDIO !== currentPlaylist.attributes.AUDIO) {
+ this.delegateLoaders_('audio', ['abort', 'pause']);
+ } // if subtitle group changed reset subtitle loaders
- if (audioGroupKeys.length && Object.keys(mediaGroups.AUDIO[audioGroupKeys[0]]).length > 1) {
- this.tech_.trigger({
- type: 'usage',
- name: 'hls-alternate-audio'
- });
- }
- if (this.useCueTags_) {
- this.tech_.trigger({
- type: 'usage',
- name: 'hls-playlist-cue-tags'
- });
- }
+ if (nextPlaylist.attributes.SUBTITLES !== currentPlaylist.attributes.SUBTITLES) {
+ this.delegateLoaders_('subtitle', ['abort', 'pause']);
}
- /**
- * Register event handlers on the segment loaders. A helper function
- * for construction time.
- *
- * @private
- */
-
- }, {
- key: 'setupSegmentLoaderListeners_',
- value: function setupSegmentLoaderListeners_() {
- var _this3 = this;
- this.mainSegmentLoader_.on('bandwidthupdate', function () {
- var nextPlaylist = _this3.selectPlaylist();
-
- var currentPlaylist = _this3.masterPlaylistLoader_.media();
+ this.delegateLoaders_('main', ['abort', 'pause']);
+ var delayDuration = nextPlaylist.targetDuration / 2 * 1000 || 5 * 1000;
+ var shouldDelay = typeof nextPlaylist.lastRequest === 'number' && Date.now() - nextPlaylist.lastRequest <= delayDuration; // delay if it's a final rendition or if the last refresh is sooner than half targetDuration
- var buffered = _this3.tech_.buffered();
+ return this.switchMedia_(nextPlaylist, 'exclude', isFinalRendition || shouldDelay);
+ }
+ /**
+ * Pause all segment/playlist loaders
+ */
+ ;
- var forwardBuffer = buffered.length ? buffered.end(buffered.length - 1) - _this3.tech_.currentTime() : 0;
+ _proto.pauseLoading = function pauseLoading() {
+ this.delegateLoaders_('all', ['abort', 'pause']);
+ this.stopABRTimer_();
+ }
+ /**
+ * Call a set of functions in order on playlist loaders, segment loaders,
+ * or both types of loaders.
+ *
+ * @param {string} filter
+ * Filter loaders that should call fnNames using a string. Can be:
+ * * all - run on all loaders
+ * * audio - run on all audio loaders
+ * * subtitle - run on all subtitle loaders
+ * * main - run on the main/master loaders
+ *
+ * @param {Array|string} fnNames
+ * A string or array of function names to call.
+ */
+ ;
- var bufferLowWaterLine = _this3.bufferLowWaterLine();
+ _proto.delegateLoaders_ = function delegateLoaders_(filter, fnNames) {
+ var _this7 = this;
- if (shouldSwitchToMedia({
- currentPlaylist: currentPlaylist,
- nextPlaylist: nextPlaylist,
- forwardBuffer: forwardBuffer,
- bufferLowWaterLine: bufferLowWaterLine,
- duration: _this3.duration(),
- log: _this3.logger_
- })) {
- _this3.masterPlaylistLoader_.media(nextPlaylist);
- }
+ var loaders = [];
+ var dontFilterPlaylist = filter === 'all';
- _this3.tech_.trigger('bandwidthupdate');
- });
- this.mainSegmentLoader_.on('progress', function () {
- _this3.trigger('progress');
- });
- this.mainSegmentLoader_.on('error', function () {
- _this3.blacklistCurrentPlaylist(_this3.mainSegmentLoader_.error());
- });
- this.mainSegmentLoader_.on('syncinfoupdate', function () {
- _this3.onSyncInfoUpdate_();
- });
- this.mainSegmentLoader_.on('timestampoffset', function () {
- _this3.tech_.trigger({
- type: 'usage',
- name: 'hls-timestamp-offset'
- });
- });
- this.audioSegmentLoader_.on('syncinfoupdate', function () {
- _this3.onSyncInfoUpdate_();
- });
- this.mainSegmentLoader_.on('ended', function () {
- _this3.onEndOfStream();
- });
- this.mainSegmentLoader_.on('earlyabort', function () {
- _this3.blacklistCurrentPlaylist({
- message: 'Aborted early because there isn\'t enough bandwidth to complete the ' + 'request without rebuffering.'
- }, ABORT_EARLY_BLACKLIST_SECONDS);
- });
- this.mainSegmentLoader_.on('reseteverything', function () {
- // If playing an MTS stream, a videojs.MediaSource is listening for
- // hls-reset to reset caption parsing state in the transmuxer
- _this3.tech_.trigger('hls-reset');
- });
- this.mainSegmentLoader_.on('segmenttimemapping', function (event) {
- // If playing an MTS stream in html, a videojs.MediaSource is listening for
- // hls-segment-time-mapping update its internal mapping of stream to display time
- _this3.tech_.trigger({
- type: 'hls-segment-time-mapping',
- mapping: event.mapping
- });
- });
- this.audioSegmentLoader_.on('ended', function () {
- _this3.onEndOfStream();
- });
- }
- }, {
- key: 'mediaSecondsLoaded_',
- value: function mediaSecondsLoaded_() {
- return Math.max(this.audioSegmentLoader_.mediaSecondsLoaded + this.mainSegmentLoader_.mediaSecondsLoaded);
+ if (dontFilterPlaylist || filter === 'main') {
+ loaders.push(this.masterPlaylistLoader_);
}
- /**
- * Call load on our SegmentLoaders
- */
- }, {
- key: 'load',
- value: function load() {
- this.mainSegmentLoader_.load();
+ var mediaTypes = [];
- if (this.mediaTypes_.AUDIO.activePlaylistLoader) {
- this.audioSegmentLoader_.load();
- }
+ if (dontFilterPlaylist || filter === 'audio') {
+ mediaTypes.push('AUDIO');
+ }
- if (this.mediaTypes_.SUBTITLES.activePlaylistLoader) {
- this.subtitleSegmentLoader_.load();
- }
+ if (dontFilterPlaylist || filter === 'subtitle') {
+ mediaTypes.push('CLOSED-CAPTIONS');
+ mediaTypes.push('SUBTITLES');
}
- /**
- * Re-tune playback quality level for the current player
- * conditions without performing destructive actions, like
- * removing already buffered content
- *
- * @private
- */
- }, {
- key: 'smoothQualityChange_',
- value: function smoothQualityChange_() {
- var media = this.selectPlaylist();
+ mediaTypes.forEach(function (mediaType) {
+ var loader = _this7.mediaTypes_[mediaType] && _this7.mediaTypes_[mediaType].activePlaylistLoader;
- if (media !== this.masterPlaylistLoader_.media()) {
- this.masterPlaylistLoader_.media(media);
- this.mainSegmentLoader_.resetLoader(); // don't need to reset audio as it is reset when media changes
+ if (loader) {
+ loaders.push(loader);
}
- }
- /**
- * Re-tune playback quality level for the current player
- * conditions. This method will perform destructive actions like removing
- * already buffered content in order to readjust the currently active
- * playlist quickly. This is good for manual quality changes
- *
- * @private
- */
+ });
+ ['main', 'audio', 'subtitle'].forEach(function (name) {
+ var loader = _this7[name + "SegmentLoader_"];
- }, {
- key: 'fastQualityChange_',
- value: function fastQualityChange_() {
- var _this4 = this;
+ if (loader && (filter === name || filter === 'all')) {
+ loaders.push(loader);
+ }
+ });
+ loaders.forEach(function (loader) {
+ return fnNames.forEach(function (fnName) {
+ if (typeof loader[fnName] === 'function') {
+ loader[fnName]();
+ }
+ });
+ });
+ }
+ /**
+ * set the current time on all segment loaders
+ *
+ * @param {TimeRange} currentTime the current time to set
+ * @return {TimeRange} the current time
+ */
+ ;
- var media = this.selectPlaylist();
+ _proto.setCurrentTime = function setCurrentTime(currentTime) {
+ var buffered = findRange(this.tech_.buffered(), currentTime);
- if (media === this.masterPlaylistLoader_.media()) {
- return;
- }
+ if (!(this.masterPlaylistLoader_ && this.masterPlaylistLoader_.media())) {
+ // return immediately if the metadata is not ready yet
+ return 0;
+ } // it's clearly an edge-case but don't thrown an error if asked to
+ // seek within an empty playlist
- this.masterPlaylistLoader_.media(media); // Delete all buffered data to allow an immediate quality switch, then seek to give
- // the browser a kick to remove any cached frames from the previous rendtion (.04 seconds
- // ahead is roughly the minimum that will accomplish this across a variety of content
- // in IE and Edge, but seeking in place is sufficient on all other browsers)
- // Edge/IE bug: https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/14600375/
- // Chrome bug: https://bugs.chromium.org/p/chromium/issues/detail?id=651904
- this.mainSegmentLoader_.resetEverything(function () {
- // Since this is not a typical seek, we avoid the seekTo method which can cause segments
- // from the previously enabled rendition to load before the new playlist has finished loading
- if (videojs$1.browser.IE_VERSION || videojs$1.browser.IS_EDGE) {
- _this4.tech_.setCurrentTime(_this4.tech_.currentTime() + 0.04);
- } else {
- _this4.tech_.setCurrentTime(_this4.tech_.currentTime());
- }
- }); // don't need to reset audio as it is reset when media changes
- }
- /**
- * Begin playback.
- */
+ if (!this.masterPlaylistLoader_.media().segments) {
+ return 0;
+ } // if the seek location is already buffered, continue buffering as usual
- }, {
- key: 'play',
- value: function play() {
- if (this.setupFirstPlay()) {
- return;
- }
- if (this.tech_.ended()) {
- this.tech_.setCurrentTime(0);
- }
+ if (buffered && buffered.length) {
+ return currentTime;
+ } // cancel outstanding requests so we begin buffering at the new
+ // location
- if (this.hasPlayed_) {
- this.load();
- }
- var seekable$$1 = this.tech_.seekable(); // if the viewer has paused and we fell out of the live window,
- // seek forward to the live point
+ this.mainSegmentLoader_.resetEverything();
+ this.mainSegmentLoader_.abort();
- if (this.tech_.duration() === Infinity) {
- if (this.tech_.currentTime() < seekable$$1.start(0)) {
- return this.tech_.setCurrentTime(seekable$$1.end(seekable$$1.length - 1));
- }
- }
+ if (this.mediaTypes_.AUDIO.activePlaylistLoader) {
+ this.audioSegmentLoader_.resetEverything();
+ this.audioSegmentLoader_.abort();
}
- /**
- * Seek to the latest media position if this is a live video and the
- * player and video are loaded and initialized.
- */
- }, {
- key: 'setupFirstPlay',
- value: function setupFirstPlay() {
- var _this5 = this;
+ if (this.mediaTypes_.SUBTITLES.activePlaylistLoader) {
+ this.subtitleSegmentLoader_.resetEverything();
+ this.subtitleSegmentLoader_.abort();
+ } // start segment loader loading in case they are paused
- var media = this.masterPlaylistLoader_.media(); // Check that everything is ready to begin buffering for the first call to play
- // If 1) there is no active media
- // 2) the player is paused
- // 3) the first play has already been setup
- // then exit early
- if (!media || this.tech_.paused() || this.hasPlayed_) {
- return false;
- } // when the video is a live stream
+ this.load();
+ }
+ /**
+ * get the current duration
+ *
+ * @return {TimeRange} the duration
+ */
+ ;
+ _proto.duration = function duration() {
+ if (!this.masterPlaylistLoader_) {
+ return 0;
+ }
- if (!media.endList) {
- var seekable$$1 = this.seekable();
+ var media = this.masterPlaylistLoader_.media();
- if (!seekable$$1.length) {
- // without a seekable range, the player cannot seek to begin buffering at the live
- // point
- return false;
- }
+ if (!media) {
+ // no playlists loaded yet, so can't determine a duration
+ return 0;
+ } // Don't rely on the media source for duration in the case of a live playlist since
+ // setting the native MediaSource's duration to infinity ends up with consequences to
+ // seekable behavior. See https://github.com/w3c/media-source/issues/5 for details.
+ //
+ // This is resolved in the spec by https://github.com/w3c/media-source/pull/92,
+ // however, few browsers have support for setLiveSeekableRange()
+ // https://developer.mozilla.org/en-US/docs/Web/API/MediaSource/setLiveSeekableRange
+ //
+ // Until a time when the duration of the media source can be set to infinity, and a
+ // seekable range specified across browsers, just return Infinity.
- if (videojs$1.browser.IE_VERSION && this.tech_.readyState() === 0) {
- // IE11 throws an InvalidStateError if you try to set currentTime while the
- // readyState is 0, so it must be delayed until the tech fires loadedmetadata.
- this.tech_.one('loadedmetadata', function () {
- _this5.trigger('firstplay');
- _this5.tech_.setCurrentTime(seekable$$1.end(0));
+ if (!media.endList) {
+ return Infinity;
+ } // Since this is a VOD video, it is safe to rely on the media source's duration (if
+ // available). If it's not available, fall back to a playlist-calculated estimate.
- _this5.hasPlayed_ = true;
- });
- return false;
- } // trigger firstplay to inform the source handler to ignore the next seek event
+ if (this.mediaSource) {
+ return this.mediaSource.duration;
+ }
- this.trigger('firstplay'); // seek to the live point
+ return Vhs$1.Playlist.duration(media);
+ }
+ /**
+ * check the seekable range
+ *
+ * @return {TimeRange} the seekable range
+ */
+ ;
- this.tech_.setCurrentTime(seekable$$1.end(0));
- }
+ _proto.seekable = function seekable() {
+ return this.seekable_;
+ };
- this.hasPlayed_ = true; // we can begin loading now that everything is ready
+ _proto.onSyncInfoUpdate_ = function onSyncInfoUpdate_() {
+ var audioSeekable; // If we have two source buffers and only one is created then the seekable range will be incorrect.
+ // We should wait until all source buffers are created.
- this.load();
- return true;
+ if (!this.masterPlaylistLoader_ || this.sourceUpdater_.hasCreatedSourceBuffers()) {
+ return;
}
- /**
- * handle the sourceopen event on the MediaSource
- *
- * @private
- */
- }, {
- key: 'handleSourceOpen_',
- value: function handleSourceOpen_() {
- // Only attempt to create the source buffer if none already exist.
- // handleSourceOpen is also called when we are "re-opening" a source buffer
- // after `endOfStream` has been called (in response to a seek for instance)
- try {
- this.setupSourceBuffers_();
- } catch (e) {
- videojs$1.log.warn('Failed to create Source Buffers', e);
- return this.mediaSource.endOfStream('decode');
- } // if autoplay is enabled, begin playback. This is duplicative of
- // code in video.js but is required because play() must be invoked
- // *after* the media source has opened.
+ var media = this.masterPlaylistLoader_.media();
+
+ if (!media) {
+ return;
+ }
+ var expired = this.syncController_.getExpiredTime(media, this.duration());
- if (this.tech_.autoplay()) {
- var playPromise = this.tech_.play(); // Catch/silence error when a pause interrupts a play request
- // on browsers which return a promise
+ if (expired === null) {
+ // not enough information to update seekable
+ return;
+ }
- if (typeof playPromise !== 'undefined' && typeof playPromise.then === 'function') {
- playPromise.then(null, function (e) {});
- }
- }
+ var master = this.masterPlaylistLoader_.master;
+ var mainSeekable = Vhs$1.Playlist.seekable(media, expired, Vhs$1.Playlist.liveEdgeDelay(master, media));
- this.trigger('sourceopen');
+ if (mainSeekable.length === 0) {
+ return;
}
- /**
- * Calls endOfStream on the media source when all active stream types have called
- * endOfStream
- *
- * @param {string} streamType
- * Stream type of the segment loader that called endOfStream
- * @private
- */
- }, {
- key: 'onEndOfStream',
- value: function onEndOfStream() {
- var isEndOfStream = this.mainSegmentLoader_.ended_;
-
- if (this.mediaTypes_.AUDIO.activePlaylistLoader) {
- // if the audio playlist loader exists, then alternate audio is active
- if (!this.mainSegmentLoader_.startingMedia_ || this.mainSegmentLoader_.startingMedia_.containsVideo) {
- // if we do not know if the main segment loader contains video yet or if we
- // definitively know the main segment loader contains video, then we need to wait
- // for both main and audio segment loaders to call endOfStream
- isEndOfStream = isEndOfStream && this.audioSegmentLoader_.ended_;
- } else {
- // otherwise just rely on the audio loader
- isEndOfStream = this.audioSegmentLoader_.ended_;
- }
- }
+ if (this.mediaTypes_.AUDIO.activePlaylistLoader) {
+ media = this.mediaTypes_.AUDIO.activePlaylistLoader.media();
+ expired = this.syncController_.getExpiredTime(media, this.duration());
- if (!isEndOfStream) {
+ if (expired === null) {
return;
}
- this.logger_('calling mediaSource.endOfStream()'); // on chrome calling endOfStream can sometimes cause an exception,
- // even when the media source is in a valid state.
+ audioSeekable = Vhs$1.Playlist.seekable(media, expired, Vhs$1.Playlist.liveEdgeDelay(master, media));
- try {
- this.mediaSource.endOfStream();
- } catch (e) {
- videojs$1.log.warn('Failed to call media source endOfStream', e);
+ if (audioSeekable.length === 0) {
+ return;
}
}
- /**
- * Check if a playlist has stopped being updated
- * @param {Object} playlist the media playlist object
- * @return {boolean} whether the playlist has stopped being updated or not
- */
-
- }, {
- key: 'stuckAtPlaylistEnd_',
- value: function stuckAtPlaylistEnd_(playlist) {
- var seekable$$1 = this.seekable();
- if (!seekable$$1.length) {
- // playlist doesn't have enough information to determine whether we are stuck
- return false;
- }
+ var oldEnd;
+ var oldStart;
- var expired = this.syncController_.getExpiredTime(playlist, this.mediaSource.duration);
-
- if (expired === null) {
- return false;
- } // does not use the safe live end to calculate playlist end, since we
- // don't want to say we are stuck while there is still content
+ if (this.seekable_ && this.seekable_.length) {
+ oldEnd = this.seekable_.end(0);
+ oldStart = this.seekable_.start(0);
+ }
+ if (!audioSeekable) {
+ // seekable has been calculated based on buffering video data so it
+ // can be returned directly
+ this.seekable_ = mainSeekable;
+ } else if (audioSeekable.start(0) > mainSeekable.end(0) || mainSeekable.start(0) > audioSeekable.end(0)) {
+ // seekables are pretty far off, rely on main
+ this.seekable_ = mainSeekable;
+ } else {
+ this.seekable_ = videojs.createTimeRanges([[audioSeekable.start(0) > mainSeekable.start(0) ? audioSeekable.start(0) : mainSeekable.start(0), audioSeekable.end(0) < mainSeekable.end(0) ? audioSeekable.end(0) : mainSeekable.end(0)]]);
+ } // seekable is the same as last time
- var absolutePlaylistEnd = Hls.Playlist.playlistEnd(playlist, expired);
- var currentTime = this.tech_.currentTime();
- var buffered = this.tech_.buffered();
- if (!buffered.length) {
- // return true if the playhead reached the absolute end of the playlist
- return absolutePlaylistEnd - currentTime <= SAFE_TIME_DELTA;
+ if (this.seekable_ && this.seekable_.length) {
+ if (this.seekable_.end(0) === oldEnd && this.seekable_.start(0) === oldStart) {
+ return;
}
+ }
- var bufferedEnd = buffered.end(buffered.length - 1); // return true if there is too little buffer left and buffer has reached absolute
- // end of playlist
+ this.logger_("seekable updated [" + printableRange(this.seekable_) + "]");
+ this.tech_.trigger('seekablechanged');
+ }
+ /**
+ * Update the player duration
+ */
+ ;
- return bufferedEnd - currentTime <= SAFE_TIME_DELTA && absolutePlaylistEnd - bufferedEnd <= SAFE_TIME_DELTA;
+ _proto.updateDuration = function updateDuration(isLive) {
+ if (this.updateDuration_) {
+ this.mediaSource.removeEventListener('sourceopen', this.updateDuration_);
+ this.updateDuration_ = null;
}
- /**
- * Blacklists a playlist when an error occurs for a set amount of time
- * making it unavailable for selection by the rendition selection algorithm
- * and then forces a new playlist (rendition) selection.
- *
- * @param {Object=} error an optional error that may include the playlist
- * to blacklist
- * @param {Number=} blacklistDuration an optional number of seconds to blacklist the
- * playlist
- */
- }, {
- key: 'blacklistCurrentPlaylist',
- value: function blacklistCurrentPlaylist() {
- var error = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
- var blacklistDuration = arguments[1];
- var currentPlaylist = void 0;
- var nextPlaylist = void 0; // If the `error` was generated by the playlist loader, it will contain
- // the playlist we were trying to load (but failed) and that should be
- // blacklisted instead of the currently selected playlist which is likely
- // out-of-date in this scenario
-
- currentPlaylist = error.playlist || this.masterPlaylistLoader_.media();
- blacklistDuration = blacklistDuration || error.blacklistDuration || this.blacklistDuration; // If there is no current playlist, then an error occurred while we were
- // trying to load the master OR while we were disposing of the tech
-
- if (!currentPlaylist) {
- this.error = error;
+ if (this.mediaSource.readyState !== 'open') {
+ this.updateDuration_ = this.updateDuration.bind(this, isLive);
+ this.mediaSource.addEventListener('sourceopen', this.updateDuration_);
+ return;
+ }
- try {
- return this.mediaSource.endOfStream('network');
- } catch (e) {
- return this.trigger('error');
- }
+ if (isLive) {
+ var seekable = this.seekable();
+
+ if (!seekable.length) {
+ return;
+ } // Even in the case of a live playlist, the native MediaSource's duration should not
+ // be set to Infinity (even though this would be expected for a live playlist), since
+ // setting the native MediaSource's duration to infinity ends up with consequences to
+ // seekable behavior. See https://github.com/w3c/media-source/issues/5 for details.
+ //
+ // This is resolved in the spec by https://github.com/w3c/media-source/pull/92,
+ // however, few browsers have support for setLiveSeekableRange()
+ // https://developer.mozilla.org/en-US/docs/Web/API/MediaSource/setLiveSeekableRange
+ //
+ // Until a time when the duration of the media source can be set to infinity, and a
+ // seekable range specified across browsers, the duration should be greater than or
+ // equal to the last possible seekable value.
+ // MediaSource duration starts as NaN
+ // It is possible (and probable) that this case will never be reached for many
+ // sources, since the MediaSource reports duration as the highest value without
+ // accounting for timestamp offset. For example, if the timestamp offset is -100 and
+ // we buffered times 0 to 100 with real times of 100 to 200, even though current
+ // time will be between 0 and 100, the native media source may report the duration
+ // as 200. However, since we report duration separate from the media source (as
+ // Infinity), and as long as the native media source duration value is greater than
+ // our reported seekable range, seeks will work as expected. The large number as
+ // duration for live is actually a strategy used by some players to work around the
+ // issue of live seekable ranges cited above.
+
+
+ if (isNaN(this.mediaSource.duration) || this.mediaSource.duration < seekable.end(seekable.length - 1)) {
+ this.sourceUpdater_.setDuration(seekable.end(seekable.length - 1));
}
- var isFinalRendition = this.masterPlaylistLoader_.master.playlists.filter(isEnabled).length === 1;
- var playlists = this.masterPlaylistLoader_.master.playlists;
+ return;
+ }
- if (playlists.length === 1) {
- // Never blacklisting this playlist because it's the only playlist
- videojs$1.log.warn('Problem encountered with the current ' + 'HLS playlist. Trying again since it is the only playlist.');
- this.tech_.trigger('retryplaylist');
- return this.masterPlaylistLoader_.load(isFinalRendition);
- }
-
- if (isFinalRendition) {
- // Since we're on the final non-blacklisted playlist, and we're about to blacklist
- // it, instead of erring the player or retrying this playlist, clear out the current
- // blacklist. This allows other playlists to be attempted in case any have been
- // fixed.
- videojs$1.log.warn('Removing all playlists from the blacklist because the last ' + 'rendition is about to be blacklisted.');
- playlists.forEach(function (playlist) {
- if (playlist.excludeUntil !== Infinity) {
- delete playlist.excludeUntil;
- }
- }); // Technically we are retrying a playlist, in that we are simply retrying a previous
- // playlist. This is needed for users relying on the retryplaylist event to catch a
- // case where the player might be stuck and looping through "dead" playlists.
+ var buffered = this.tech_.buffered();
+ var duration = Vhs$1.Playlist.duration(this.masterPlaylistLoader_.media());
- this.tech_.trigger('retryplaylist');
- } // Blacklist this playlist
+ if (buffered.length > 0) {
+ duration = Math.max(duration, buffered.end(buffered.length - 1));
+ }
+
+ if (this.mediaSource.duration !== duration) {
+ this.sourceUpdater_.setDuration(duration);
+ }
+ }
+ /**
+ * dispose of the MasterPlaylistController and everything
+ * that it controls
+ */
+ ;
+ _proto.dispose = function dispose() {
+ var _this8 = this;
- currentPlaylist.excludeUntil = Date.now() + blacklistDuration * 1000;
- this.tech_.trigger('blacklistplaylist');
- this.tech_.trigger({
- type: 'usage',
- name: 'hls-rendition-blacklisted'
- }); // Select a new playlist
+ this.trigger('dispose');
+ this.decrypter_.terminate();
+ this.masterPlaylistLoader_.dispose();
+ this.mainSegmentLoader_.dispose();
- nextPlaylist = this.selectPlaylist();
- videojs$1.log.warn('Problem encountered with the current HLS playlist.' + (error.message ? ' ' + error.message : '') + ' Switching to another playlist.');
- return this.masterPlaylistLoader_.media(nextPlaylist, isFinalRendition);
+ if (this.loadOnPlay_) {
+ this.tech_.off('play', this.loadOnPlay_);
}
- /**
- * Pause all segment loaders
- */
- }, {
- key: 'pauseLoading',
- value: function pauseLoading() {
- this.mainSegmentLoader_.pause();
+ ['AUDIO', 'SUBTITLES'].forEach(function (type) {
+ var groups = _this8.mediaTypes_[type].groups;
- if (this.mediaTypes_.AUDIO.activePlaylistLoader) {
- this.audioSegmentLoader_.pause();
+ for (var id in groups) {
+ groups[id].forEach(function (group) {
+ if (group.playlistLoader) {
+ group.playlistLoader.dispose();
+ }
+ });
}
+ });
+ this.audioSegmentLoader_.dispose();
+ this.subtitleSegmentLoader_.dispose();
+ this.sourceUpdater_.dispose();
+ this.timelineChangeController_.dispose();
+ this.stopABRTimer_();
- if (this.mediaTypes_.SUBTITLES.activePlaylistLoader) {
- this.subtitleSegmentLoader_.pause();
- }
+ if (this.updateDuration_) {
+ this.mediaSource.removeEventListener('sourceopen', this.updateDuration_);
}
- /**
- * set the current time on all segment loaders
- *
- * @param {TimeRange} currentTime the current time to set
- * @return {TimeRange} the current time
- */
- }, {
- key: 'setCurrentTime',
- value: function setCurrentTime(currentTime) {
- var buffered = findRange(this.tech_.buffered(), currentTime);
+ this.mediaSource.removeEventListener('durationchange', this.handleDurationChange_); // load the media source into the player
- if (!(this.masterPlaylistLoader_ && this.masterPlaylistLoader_.media())) {
- // return immediately if the metadata is not ready yet
- return 0;
- } // it's clearly an edge-case but don't thrown an error if asked to
- // seek within an empty playlist
+ this.mediaSource.removeEventListener('sourceopen', this.handleSourceOpen_);
+ this.mediaSource.removeEventListener('sourceended', this.handleSourceEnded_);
+ this.off();
+ }
+ /**
+ * return the master playlist object if we have one
+ *
+ * @return {Object} the master playlist object that we parsed
+ */
+ ;
+ _proto.master = function master() {
+ return this.masterPlaylistLoader_.master;
+ }
+ /**
+ * return the currently selected playlist
+ *
+ * @return {Object} the currently selected playlist object that we parsed
+ */
+ ;
- if (!this.masterPlaylistLoader_.media().segments) {
- return 0;
- } // In flash playback, the segment loaders should be reset on every seek, even
- // in buffer seeks. If the seek location is already buffered, continue buffering as
- // usual
- // TODO: redo this comment
+ _proto.media = function media() {
+ // playlist loader will not return media if it has not been fully loaded
+ return this.masterPlaylistLoader_.media() || this.initialMedia_;
+ };
+ _proto.areMediaTypesKnown_ = function areMediaTypesKnown_() {
+ var usingAudioLoader = !!this.mediaTypes_.AUDIO.activePlaylistLoader;
+ var hasMainMediaInfo = !!this.mainSegmentLoader_.getCurrentMediaInfo_(); // if we are not using an audio loader, then we have audio media info
+ // otherwise check on the segment loader.
- if (buffered && buffered.length) {
- return currentTime;
- } // cancel outstanding requests so we begin buffering at the new
- // location
+ var hasAudioMediaInfo = !usingAudioLoader ? true : !!this.audioSegmentLoader_.getCurrentMediaInfo_(); // one or both loaders has not loaded sufficently to get codecs
+ if (!hasMainMediaInfo || !hasAudioMediaInfo) {
+ return false;
+ }
- this.mainSegmentLoader_.resetEverything();
- this.mainSegmentLoader_.abort();
+ return true;
+ };
- if (this.mediaTypes_.AUDIO.activePlaylistLoader) {
- this.audioSegmentLoader_.resetEverything();
- this.audioSegmentLoader_.abort();
- }
+ _proto.getCodecsOrExclude_ = function getCodecsOrExclude_() {
+ var _this9 = this;
- if (this.mediaTypes_.SUBTITLES.activePlaylistLoader) {
- this.subtitleSegmentLoader_.resetEverything();
- this.subtitleSegmentLoader_.abort();
- } // start segment loader loading in case they are paused
+ var media = {
+ main: this.mainSegmentLoader_.getCurrentMediaInfo_() || {},
+ audio: this.audioSegmentLoader_.getCurrentMediaInfo_() || {}
+ }; // set "main" media equal to video
+ media.video = media.main;
+ var playlistCodecs = codecsForPlaylist(this.master(), this.media());
+ var codecs = {};
+ var usingAudioLoader = !!this.mediaTypes_.AUDIO.activePlaylistLoader;
- this.load();
+ if (media.main.hasVideo) {
+ codecs.video = playlistCodecs.video || media.main.videoCodec || DEFAULT_VIDEO_CODEC;
}
- /**
- * get the current duration
- *
- * @return {TimeRange} the duration
- */
-
- }, {
- key: 'duration',
- value: function duration$$1() {
- if (!this.masterPlaylistLoader_) {
- return 0;
- }
- if (this.mediaSource) {
- return this.mediaSource.duration;
- }
-
- return Hls.Playlist.duration(this.masterPlaylistLoader_.media());
+ if (media.main.isMuxed) {
+ codecs.video += "," + (playlistCodecs.audio || media.main.audioCodec || DEFAULT_AUDIO_CODEC);
}
- /**
- * check the seekable range
- *
- * @return {TimeRange} the seekable range
- */
- }, {
- key: 'seekable',
- value: function seekable$$1() {
- return this.seekable_;
- }
- }, {
- key: 'onSyncInfoUpdate_',
- value: function onSyncInfoUpdate_() {
- var audioSeekable = void 0;
+ if (media.main.hasAudio && !media.main.isMuxed || media.audio.hasAudio || usingAudioLoader) {
+ codecs.audio = playlistCodecs.audio || media.main.audioCodec || media.audio.audioCodec || DEFAULT_AUDIO_CODEC; // set audio isFmp4 so we use the correct "supports" function below
- if (!this.masterPlaylistLoader_) {
- return;
- }
+ media.audio.isFmp4 = media.main.hasAudio && !media.main.isMuxed ? media.main.isFmp4 : media.audio.isFmp4;
+ } // no codecs, no playback.
- var media = this.masterPlaylistLoader_.media();
- if (!media) {
- return;
- }
+ if (!codecs.audio && !codecs.video) {
+ this.blacklistCurrentPlaylist({
+ playlist: this.media(),
+ message: 'Could not determine codecs for playlist.',
+ blacklistDuration: Infinity
+ });
+ return;
+ } // fmp4 relies on browser support, while ts relies on muxer support
- var expired = this.syncController_.getExpiredTime(media, this.mediaSource.duration);
- if (expired === null) {
- // not enough information to update seekable
- return;
- }
+ var supportFunction = function supportFunction(isFmp4, codec) {
+ return isFmp4 ? browserSupportsCodec(codec) : muxerSupportsCodec(codec);
+ };
- var suggestedPresentationDelay = this.masterPlaylistLoader_.master.suggestedPresentationDelay;
- var mainSeekable = Hls.Playlist.seekable(media, expired, suggestedPresentationDelay);
+ var unsupportedCodecs = {};
+ var unsupportedAudio;
+ ['video', 'audio'].forEach(function (type) {
+ if (codecs.hasOwnProperty(type) && !supportFunction(media[type].isFmp4, codecs[type])) {
+ var supporter = media[type].isFmp4 ? 'browser' : 'muxer';
+ unsupportedCodecs[supporter] = unsupportedCodecs[supporter] || [];
+ unsupportedCodecs[supporter].push(codecs[type]);
- if (mainSeekable.length === 0) {
- return;
+ if (type === 'audio') {
+ unsupportedAudio = supporter;
+ }
}
+ });
- if (this.mediaTypes_.AUDIO.activePlaylistLoader) {
- media = this.mediaTypes_.AUDIO.activePlaylistLoader.media();
- expired = this.syncController_.getExpiredTime(media, this.mediaSource.duration);
+ if (usingAudioLoader && unsupportedAudio && this.media().attributes.AUDIO) {
+ var audioGroup = this.media().attributes.AUDIO;
+ this.master().playlists.forEach(function (variant) {
+ var variantAudioGroup = variant.attributes && variant.attributes.AUDIO;
- if (expired === null) {
- return;
+ if (variantAudioGroup === audioGroup && variant !== _this9.media()) {
+ variant.excludeUntil = Infinity;
}
+ });
+ this.logger_("excluding audio group " + audioGroup + " as " + unsupportedAudio + " does not support codec(s): \"" + codecs.audio + "\"");
+ } // if we have any unsupported codecs blacklist this playlist.
- audioSeekable = Hls.Playlist.seekable(media, expired, suggestedPresentationDelay);
- if (audioSeekable.length === 0) {
- return;
+ if (Object.keys(unsupportedCodecs).length) {
+ var message = Object.keys(unsupportedCodecs).reduce(function (acc, supporter) {
+ if (acc) {
+ acc += ', ';
}
- }
-
- var oldEnd = void 0;
- var oldStart = void 0;
- if (this.seekable_ && this.seekable_.length) {
- oldEnd = this.seekable_.end(0);
- oldStart = this.seekable_.start(0);
- }
+ acc += supporter + " does not support codec(s): \"" + unsupportedCodecs[supporter].join(',') + "\"";
+ return acc;
+ }, '') + '.';
+ this.blacklistCurrentPlaylist({
+ playlist: this.media(),
+ internal: true,
+ message: message,
+ blacklistDuration: Infinity
+ });
+ return;
+ } // check if codec switching is happening
- if (!audioSeekable) {
- // seekable has been calculated based on buffering video data so it
- // can be returned directly
- this.seekable_ = mainSeekable;
- } else if (audioSeekable.start(0) > mainSeekable.end(0) || mainSeekable.start(0) > audioSeekable.end(0)) {
- // seekables are pretty far off, rely on main
- this.seekable_ = mainSeekable;
- } else {
- this.seekable_ = videojs$1.createTimeRanges([[audioSeekable.start(0) > mainSeekable.start(0) ? audioSeekable.start(0) : mainSeekable.start(0), audioSeekable.end(0) < mainSeekable.end(0) ? audioSeekable.end(0) : mainSeekable.end(0)]]);
- } // seekable is the same as last time
+ if (this.sourceUpdater_.hasCreatedSourceBuffers() && !this.sourceUpdater_.canChangeType()) {
+ var switchMessages = [];
+ ['video', 'audio'].forEach(function (type) {
+ var newCodec = (parseCodecs(_this9.sourceUpdater_.codecs[type] || '')[0] || {}).type;
+ var oldCodec = (parseCodecs(codecs[type] || '')[0] || {}).type;
- if (this.seekable_ && this.seekable_.length) {
- if (this.seekable_.end(0) === oldEnd && this.seekable_.start(0) === oldStart) {
- return;
+ if (newCodec && oldCodec && newCodec.toLowerCase() !== oldCodec.toLowerCase()) {
+ switchMessages.push("\"" + _this9.sourceUpdater_.codecs[type] + "\" -> \"" + codecs[type] + "\"");
}
+ });
+
+ if (switchMessages.length) {
+ this.blacklistCurrentPlaylist({
+ playlist: this.media(),
+ message: "Codec switching not supported: " + switchMessages.join(', ') + ".",
+ blacklistDuration: Infinity,
+ internal: true
+ });
+ return;
}
+ } // TODO: when using the muxer shouldn't we just return
+ // the codecs that the muxer outputs?
- this.logger_('seekable updated [' + printableRange(this.seekable_) + ']');
- this.tech_.trigger('seekablechanged');
- }
- /**
- * Update the player duration
- */
- }, {
- key: 'updateDuration',
- value: function updateDuration() {
- var _this6 = this;
+ return codecs;
+ }
+ /**
+ * Create source buffers and exlude any incompatible renditions.
+ *
+ * @private
+ */
+ ;
- var oldDuration = this.mediaSource.duration;
- var newDuration = Hls.Playlist.duration(this.masterPlaylistLoader_.media());
- var buffered = this.tech_.buffered();
+ _proto.tryToCreateSourceBuffers_ = function tryToCreateSourceBuffers_() {
+ // media source is not ready yet or sourceBuffers are already
+ // created.
+ if (this.mediaSource.readyState !== 'open' || this.sourceUpdater_.hasCreatedSourceBuffers()) {
+ return;
+ }
+
+ if (!this.areMediaTypesKnown_()) {
+ return;
+ }
- var setDuration = function setDuration() {
- // on firefox setting the duration may sometimes cause an exception
- // even if the media source is open and source buffers are not
- // updating, something about the media source being in an invalid state.
- _this6.logger_('Setting duration from ' + _this6.mediaSource.duration + ' => ' + newDuration);
+ var codecs = this.getCodecsOrExclude_(); // no codecs means that the playlist was excluded
- try {
- _this6.mediaSource.duration = newDuration;
- } catch (e) {
- videojs$1.log.warn('Failed to set media source duration', e);
- }
+ if (!codecs) {
+ return;
+ }
- _this6.tech_.trigger('durationchange');
+ this.sourceUpdater_.createSourceBuffers(codecs);
+ var codecString = [codecs.video, codecs.audio].filter(Boolean).join(',');
+ this.excludeIncompatibleVariants_(codecString);
+ }
+ /**
+ * Excludes playlists with codecs that are unsupported by the muxer and browser.
+ */
+ ;
- _this6.mediaSource.removeEventListener('sourceopen', setDuration);
- };
+ _proto.excludeUnsupportedVariants_ = function excludeUnsupportedVariants_() {
+ var _this10 = this;
- if (buffered.length > 0) {
- newDuration = Math.max(newDuration, buffered.end(buffered.length - 1));
- } // if the duration has changed, invalidate the cached value
+ var playlists = this.master().playlists;
+ var ids = []; // TODO: why don't we have a property to loop through all
+ // playlist? Why did we ever mix indexes and keys?
+ Object.keys(playlists).forEach(function (key) {
+ var variant = playlists[key]; // check if we already processed this playlist.
- if (oldDuration !== newDuration) {
- // update the duration
- if (this.mediaSource.readyState !== 'open') {
- this.mediaSource.addEventListener('sourceopen', setDuration);
- } else {
- setDuration();
- }
+ if (ids.indexOf(variant.id) !== -1) {
+ return;
}
- }
- /**
- * dispose of the MasterPlaylistController and everything
- * that it controls
- */
-
- }, {
- key: 'dispose',
- value: function dispose() {
- var _this7 = this;
- this.trigger('dispose');
+ ids.push(variant.id);
+ var codecs = codecsForPlaylist(_this10.master, variant);
+ var unsupported = [];
- if (this.decrypter_) {
- this.decrypter_.terminate();
+ if (codecs.audio && !muxerSupportsCodec(codecs.audio) && !browserSupportsCodec(codecs.audio)) {
+ unsupported.push("audio codec " + codecs.audio);
}
- this.masterPlaylistLoader_.dispose();
- this.mainSegmentLoader_.dispose();
- ['AUDIO', 'SUBTITLES'].forEach(function (type) {
- var groups = _this7.mediaTypes_[type].groups;
-
- for (var id in groups) {
- groups[id].forEach(function (group) {
- if (group.playlistLoader) {
- group.playlistLoader.dispose();
- }
- });
- }
- });
- this.audioSegmentLoader_.dispose();
- this.subtitleSegmentLoader_.dispose();
- this.off();
+ if (codecs.video && !muxerSupportsCodec(codecs.video) && !browserSupportsCodec(codecs.video)) {
+ unsupported.push("video codec " + codecs.video);
+ }
- if (this.mediaSource.dispose) {
- this.mediaSource.dispose();
+ if (codecs.text && codecs.text === 'stpp.ttml.im1t') {
+ unsupported.push("text codec " + codecs.text);
}
- }
- /**
- * return the master playlist object if we have one
- *
- * @return {Object} the master playlist object that we parsed
- */
- }, {
- key: 'master',
- value: function master() {
- return this.masterPlaylistLoader_.master;
- }
- /**
- * return the currently selected playlist
- *
- * @return {Object} the currently selected playlist object that we parsed
- */
+ if (unsupported.length) {
+ variant.excludeUntil = Infinity;
- }, {
- key: 'media',
- value: function media() {
- // playlist loader will not return media if it has not been fully loaded
- return this.masterPlaylistLoader_.media() || this.initialMedia_;
- }
- /**
- * setup our internal source buffers on our segment Loaders
- *
- * @private
- */
+ _this10.logger_("excluding " + variant.id + " for unsupported: " + unsupported.join(', '));
+ }
+ });
+ }
+ /**
+ * Blacklist playlists that are known to be codec or
+ * stream-incompatible with the SourceBuffer configuration. For
+ * instance, Media Source Extensions would cause the video element to
+ * stall waiting for video data if you switched from a variant with
+ * video and audio to an audio-only one.
+ *
+ * @param {Object} media a media playlist compatible with the current
+ * set of SourceBuffers. Variants in the current master playlist that
+ * do not appear to have compatible codec or stream configurations
+ * will be excluded from the default playlist selection algorithm
+ * indefinitely.
+ * @private
+ */
+ ;
- }, {
- key: 'setupSourceBuffers_',
- value: function setupSourceBuffers_() {
- var media = this.masterPlaylistLoader_.media();
- var mimeTypes = void 0; // wait until a media playlist is available and the Media Source is
- // attached
+ _proto.excludeIncompatibleVariants_ = function excludeIncompatibleVariants_(codecString) {
+ var _this11 = this;
- if (!media || this.mediaSource.readyState !== 'open') {
+ var ids = [];
+ var playlists = this.master().playlists;
+ var codecs = unwrapCodecList(parseCodecs(codecString));
+ var codecCount_ = codecCount(codecs);
+ var videoDetails = codecs.video && parseCodecs(codecs.video)[0] || null;
+ var audioDetails = codecs.audio && parseCodecs(codecs.audio)[0] || null;
+ Object.keys(playlists).forEach(function (key) {
+ var variant = playlists[key]; // check if we already processed this playlist.
+ // or it if it is already excluded forever.
+
+ if (ids.indexOf(variant.id) !== -1 || variant.excludeUntil === Infinity) {
return;
}
- mimeTypes = mimeTypesForPlaylist(this.masterPlaylistLoader_.master, media);
+ ids.push(variant.id);
+ var blacklistReasons = []; // get codecs from the playlist for this variant
- if (mimeTypes.length < 1) {
- this.error = 'No compatible SourceBuffer configuration for the variant stream:' + media.resolvedUri;
- return this.mediaSource.endOfStream('decode');
- }
+ var variantCodecs = codecsForPlaylist(_this11.masterPlaylistLoader_.master, variant);
+ var variantCodecCount = codecCount(variantCodecs); // if no codecs are listed, we cannot determine that this
+ // variant is incompatible. Wait for mux.js to probe
- this.configureLoaderMimeTypes_(mimeTypes); // exclude any incompatible variant streams from future playlist
- // selection
+ if (!variantCodecs.audio && !variantCodecs.video) {
+ return;
+ } // TODO: we can support this by removing the
+ // old media source and creating a new one, but it will take some work.
+ // The number of streams cannot change
- this.excludeIncompatibleVariants_(media);
- }
- }, {
- key: 'configureLoaderMimeTypes_',
- value: function configureLoaderMimeTypes_(mimeTypes) {
- // If the content is demuxed, we can't start appending segments to a source buffer
- // until both source buffers are set up, or else the browser may not let us add the
- // second source buffer (it will assume we are playing either audio only or video
- // only).
- var sourceBufferEmitter = // If there is more than one mime type
- mimeTypes.length > 1 && // and the first mime type does not have muxed video and audio
- mimeTypes[0].indexOf(',') === -1 && // and the two mime types are different (they can be the same in the case of audio
- // only with alternate audio)
- mimeTypes[0] !== mimeTypes[1] ? // then we want to wait on the second source buffer
- new videojs$1.EventTarget() : // otherwise there is no need to wait as the content is either audio only,
- // video only, or muxed content.
- null;
- this.mainSegmentLoader_.mimeType(mimeTypes[0], sourceBufferEmitter);
-
- if (mimeTypes[1]) {
- this.audioSegmentLoader_.mimeType(mimeTypes[1], sourceBufferEmitter);
- }
- }
- /**
- * Blacklists playlists with codecs that are unsupported by the browser.
- */
- }, {
- key: 'excludeUnsupportedVariants_',
- value: function excludeUnsupportedVariants_() {
- this.master().playlists.forEach(function (variant) {
- if (variant.attributes.CODECS && window$3.MediaSource && window$3.MediaSource.isTypeSupported && !window$3.MediaSource.isTypeSupported('video/mp4; codecs="' + mapLegacyAvcCodecs(variant.attributes.CODECS) + '"')) {
- variant.excludeUntil = Infinity;
- }
- });
- }
- /**
- * Blacklist playlists that are known to be codec or
- * stream-incompatible with the SourceBuffer configuration. For
- * instance, Media Source Extensions would cause the video element to
- * stall waiting for video data if you switched from a variant with
- * video and audio to an audio-only one.
- *
- * @param {Object} media a media playlist compatible with the current
- * set of SourceBuffers. Variants in the current master playlist that
- * do not appear to have compatible codec or stream configurations
- * will be excluded from the default playlist selection algorithm
- * indefinitely.
- * @private
- */
+ if (variantCodecCount !== codecCount_) {
+ blacklistReasons.push("codec count \"" + variantCodecCount + "\" !== \"" + codecCount_ + "\"");
+ } // only exclude playlists by codec change, if codecs cannot switch
+ // during playback.
- }, {
- key: 'excludeIncompatibleVariants_',
- value: function excludeIncompatibleVariants_(media) {
- var codecCount = 2;
- var videoCodec = null;
- var codecs = void 0;
- if (media.attributes.CODECS) {
- codecs = parseCodecs(media.attributes.CODECS);
- videoCodec = codecs.videoCodec;
- codecCount = codecs.codecCount;
- }
+ if (!_this11.sourceUpdater_.canChangeType()) {
+ var variantVideoDetails = variantCodecs.video && parseCodecs(variantCodecs.video)[0] || null;
+ var variantAudioDetails = variantCodecs.audio && parseCodecs(variantCodecs.audio)[0] || null; // the video codec cannot change
- this.master().playlists.forEach(function (variant) {
- var variantCodecs = {
- codecCount: 2,
- videoCodec: null
- };
+ if (variantVideoDetails && videoDetails && variantVideoDetails.type.toLowerCase() !== videoDetails.type.toLowerCase()) {
+ blacklistReasons.push("video codec \"" + variantVideoDetails.type + "\" !== \"" + videoDetails.type + "\"");
+ } // the audio codec cannot change
- if (variant.attributes.CODECS) {
- variantCodecs = parseCodecs(variant.attributes.CODECS);
- } // if the streams differ in the presence or absence of audio or
- // video, they are incompatible
+ if (variantAudioDetails && audioDetails && variantAudioDetails.type.toLowerCase() !== audioDetails.type.toLowerCase()) {
+ blacklistReasons.push("audio codec \"" + variantAudioDetails.type + "\" !== \"" + audioDetails.type + "\"");
+ }
+ }
- if (variantCodecs.codecCount !== codecCount) {
- variant.excludeUntil = Infinity;
- } // if h.264 is specified on the current playlist, some flavor of
- // it must be specified on all compatible variants
+ if (blacklistReasons.length) {
+ variant.excludeUntil = Infinity;
+ _this11.logger_("blacklisting " + variant.id + ": " + blacklistReasons.join(' && '));
+ }
+ });
+ };
- if (variantCodecs.videoCodec !== videoCodec) {
- variant.excludeUntil = Infinity;
- }
- });
+ _proto.updateAdCues_ = function updateAdCues_(media) {
+ var offset = 0;
+ var seekable = this.seekable();
+
+ if (seekable.length) {
+ offset = seekable.start(0);
}
- }, {
- key: 'updateAdCues_',
- value: function updateAdCues_(media) {
- var offset = 0;
- var seekable$$1 = this.seekable();
- if (seekable$$1.length) {
- offset = seekable$$1.start(0);
- }
+ updateAdCues(media, this.cueTagsTrack_, offset);
+ }
+ /**
+ * Calculates the desired forward buffer length based on current time
+ *
+ * @return {number} Desired forward buffer length in seconds
+ */
+ ;
- updateAdCues(media, this.cueTagsTrack_, offset);
- }
- /**
- * Calculates the desired forward buffer length based on current time
- *
- * @return {Number} Desired forward buffer length in seconds
- */
+ _proto.goalBufferLength = function goalBufferLength() {
+ var currentTime = this.tech_.currentTime();
+ var initial = Config.GOAL_BUFFER_LENGTH;
+ var rate = Config.GOAL_BUFFER_LENGTH_RATE;
+ var max = Math.max(initial, Config.MAX_GOAL_BUFFER_LENGTH);
+ return Math.min(initial + currentTime * rate, max);
+ }
+ /**
+ * Calculates the desired buffer low water line based on current time
+ *
+ * @return {number} Desired buffer low water line in seconds
+ */
+ ;
- }, {
- key: 'goalBufferLength',
- value: function goalBufferLength() {
- var currentTime = this.tech_.currentTime();
- var initial = Config.GOAL_BUFFER_LENGTH;
- var rate = Config.GOAL_BUFFER_LENGTH_RATE;
- var max = Math.max(initial, Config.MAX_GOAL_BUFFER_LENGTH);
- return Math.min(initial + currentTime * rate, max);
- }
- /**
- * Calculates the desired buffer low water line based on current time
- *
- * @return {Number} Desired buffer low water line in seconds
- */
+ _proto.bufferLowWaterLine = function bufferLowWaterLine() {
+ var currentTime = this.tech_.currentTime();
+ var initial = Config.BUFFER_LOW_WATER_LINE;
+ var rate = Config.BUFFER_LOW_WATER_LINE_RATE;
+ var max = Math.max(initial, Config.MAX_BUFFER_LOW_WATER_LINE);
+ var newMax = Math.max(initial, Config.EXPERIMENTAL_MAX_BUFFER_LOW_WATER_LINE);
+ return Math.min(initial + currentTime * rate, this.experimentalBufferBasedABR ? newMax : max);
+ };
+
+ _proto.bufferHighWaterLine = function bufferHighWaterLine() {
+ return Config.BUFFER_HIGH_WATER_LINE;
+ };
- }, {
- key: 'bufferLowWaterLine',
- value: function bufferLowWaterLine() {
- var currentTime = this.tech_.currentTime();
- var initial = Config.BUFFER_LOW_WATER_LINE;
- var rate = Config.BUFFER_LOW_WATER_LINE_RATE;
- var max = Math.max(initial, Config.MAX_BUFFER_LOW_WATER_LINE);
- return Math.min(initial + currentTime * rate, max);
- }
- }]);
return MasterPlaylistController;
- }(videojs$1.EventTarget);
+ }(videojs.EventTarget);
/**
* Returns a function that acts as the Enable/disable playlist function.
*
* @param {PlaylistLoader} loader - The master playlist loader
-
* @param {string} playlistID - id of the playlist
* @param {Function} changePlaylistFn - A function to be called after a
* playlist's enabled-state has been changed. Will NOT be called if a
* playlist's enabled-state is unchanged
- * @param {Boolean=} enable - Value to set the playlist enabled-state to
+ * @param {boolean=} enable - Value to set the playlist enabled-state to
* or if undefined returns the current enabled-state for the playlist
* @return {Function} Function for setting/getting enabled
*/
*/
- var Representation = function Representation(hlsHandler, playlist, id) {
- classCallCheck$1(this, Representation);
- var mpc = hlsHandler.masterPlaylistController_,
- smoothQualityChange = hlsHandler.options_.smoothQualityChange; // Get a reference to a bound version of the quality change function
+ var Representation = function Representation(vhsHandler, playlist, id) {
+ var mpc = vhsHandler.masterPlaylistController_,
+ smoothQualityChange = vhsHandler.options_.smoothQualityChange; // Get a reference to a bound version of the quality change function
var changeType = smoothQualityChange ? 'smooth' : 'fast';
- var qualityChangeFunction = mpc[changeType + 'QualityChange_'].bind(mpc); // some playlist attributes are optional
+ var qualityChangeFunction = mpc[changeType + "QualityChange_"].bind(mpc); // some playlist attributes are optional
- if (playlist.attributes.RESOLUTION) {
+ if (playlist.attributes) {
var resolution = playlist.attributes.RESOLUTION;
- this.width = resolution.width;
- this.height = resolution.height;
+ this.width = resolution && resolution.width;
+ this.height = resolution && resolution.height;
+ this.bandwidth = playlist.attributes.BANDWIDTH;
}
- this.bandwidth = playlist.attributes.BANDWIDTH; // The id is simply the ordinality of the media playlist
+ this.codecs = codecsForPlaylist(mpc.master(), playlist);
+ this.playlist = playlist; // The id is simply the ordinality of the media playlist
// within the master playlist
this.id = id; // Partially-apply the enableFunction to create a playlist-
// specific variant
- this.enabled = enableFunction(hlsHandler.playlists, playlist.id, qualityChangeFunction);
+ this.enabled = enableFunction(vhsHandler.playlists, playlist.id, qualityChangeFunction);
};
/**
* A mixin function that adds the `representations` api to an instance
- * of the HlsHandler class
- * @param {HlsHandler} hlsHandler - An instance of HlsHandler to add the
+ * of the VhsHandler class
+ *
+ * @param {VhsHandler} vhsHandler - An instance of VhsHandler to add the
* representation API into
*/
- var renditionSelectionMixin = function renditionSelectionMixin(hlsHandler) {
- var playlists = hlsHandler.playlists; // Add a single API-specific function to the HlsHandler instance
+ var renditionSelectionMixin = function renditionSelectionMixin(vhsHandler) {
+ // Add a single API-specific function to the VhsHandler instance
+ vhsHandler.representations = function () {
+ var master = vhsHandler.masterPlaylistController_.master();
+ var playlists = isAudioOnly(master) ? vhsHandler.masterPlaylistController_.getAudioTrackPlaylists_() : master.playlists;
- hlsHandler.representations = function () {
- if (!playlists || !playlists.master || !playlists.master.playlists) {
+ if (!playlists) {
return [];
}
- return playlists.master.playlists.filter(function (media) {
+ return playlists.filter(function (media) {
return !isIncompatible(media);
}).map(function (e, i) {
- return new Representation(hlsHandler, e, e.id);
+ return new Representation(vhsHandler, e, e.id);
});
};
};
* I am the watcher of gaps. I am the shield that guards the realms of seekable. I pledge
* my life and honor to the Playback Watch, for this Player and all the Players to come.
*/
- // Set of events that reset the playback-watcher time check logic and clear the timeout
var timerCancelEvents = ['seeking', 'seeked', 'pause', 'playing', 'error'];
* @class PlaybackWatcher
*/
- var PlaybackWatcher = function () {
+ var PlaybackWatcher = /*#__PURE__*/function () {
/**
* Represents an PlaybackWatcher object.
- * @constructor
- * @param {object} options an object that includes the tech and settings
+ *
+ * @class
+ * @param {Object} options an object that includes the tech and settings
*/
function PlaybackWatcher(options) {
var _this = this;
- classCallCheck$1(this, PlaybackWatcher);
+ this.masterPlaylistController_ = options.masterPlaylistController;
this.tech_ = options.tech;
this.seekable = options.seekable;
this.allowSeeksWithinUnsafeLiveWindow = options.allowSeeksWithinUnsafeLiveWindow;
+ this.liveRangeSafeTimeDelta = options.liveRangeSafeTimeDelta;
this.media = options.media;
this.consecutiveUpdates = 0;
this.lastRecordedTime = null;
this.logger_ = logger('PlaybackWatcher');
this.logger_('initialize');
+ var playHandler = function playHandler() {
+ return _this.monitorCurrentTime_();
+ };
+
var canPlayHandler = function canPlayHandler() {
return _this.monitorCurrentTime_();
};
return _this.cancelTimer_();
};
- var fixesBadSeeksHandler = function fixesBadSeeksHandler() {
- return _this.fixesBadSeeks_();
+ var mpc = this.masterPlaylistController_;
+ var loaderTypes = ['main', 'subtitle', 'audio'];
+ var loaderChecks = {};
+ loaderTypes.forEach(function (type) {
+ loaderChecks[type] = {
+ reset: function reset() {
+ return _this.resetSegmentDownloads_(type);
+ },
+ updateend: function updateend() {
+ return _this.checkSegmentDownloads_(type);
+ }
+ };
+ mpc[type + "SegmentLoader_"].on('appendsdone', loaderChecks[type].updateend); // If a rendition switch happens during a playback stall where the buffer
+ // isn't changing we want to reset. We cannot assume that the new rendition
+ // will also be stalled, until after new appends.
+
+ mpc[type + "SegmentLoader_"].on('playlistupdate', loaderChecks[type].reset); // Playback stalls should not be detected right after seeking.
+ // This prevents one segment playlists (single vtt or single segment content)
+ // from being detected as stalling. As the buffer will not change in those cases, since
+ // the buffer is the entire video duration.
+
+ _this.tech_.on(['seeked', 'seeking'], loaderChecks[type].reset);
+ });
+ /**
+ * We check if a seek was into a gap through the following steps:
+ * 1. We get a seeking event and we do not get a seeked event. This means that
+ * a seek was attempted but not completed.
+ * 2. We run `fixesBadSeeks_` on segment loader appends. This means that we already
+ * removed everything from our buffer and appended a segment, and should be ready
+ * to check for gaps.
+ */
+
+ var setSeekingHandlers = function setSeekingHandlers(fn) {
+ ['main', 'audio'].forEach(function (type) {
+ mpc[type + "SegmentLoader_"][fn]('appended', _this.seekingAppendCheck_);
+ });
+ };
+
+ this.seekingAppendCheck_ = function () {
+ if (_this.fixesBadSeeks_()) {
+ _this.consecutiveUpdates = 0;
+ _this.lastRecordedTime = _this.tech_.currentTime();
+ setSeekingHandlers('off');
+ }
+ };
+
+ this.clearSeekingAppendCheck_ = function () {
+ return setSeekingHandlers('off');
+ };
+
+ this.watchForBadSeeking_ = function () {
+ _this.clearSeekingAppendCheck_();
+
+ setSeekingHandlers('on');
};
- this.tech_.on('seekablechanged', fixesBadSeeksHandler);
+ this.tech_.on('seeked', this.clearSeekingAppendCheck_);
+ this.tech_.on('seeking', this.watchForBadSeeking_);
this.tech_.on('waiting', waitingHandler);
this.tech_.on(timerCancelEvents, cancelTimerHandler);
- this.tech_.on('canplay', canPlayHandler); // Define the dispose function to clean up our events
+ this.tech_.on('canplay', canPlayHandler);
+ /*
+ An edge case exists that results in gaps not being skipped when they exist at the beginning of a stream. This case
+ is surfaced in one of two ways:
+ 1) The `waiting` event is fired before the player has buffered content, making it impossible
+ to find or skip the gap. The `waiting` event is followed by a `play` event. On first play
+ we can check if playback is stalled due to a gap, and skip the gap if necessary.
+ 2) A source with a gap at the beginning of the stream is loaded programatically while the player
+ is in a playing state. To catch this case, it's important that our one-time play listener is setup
+ even if the player is in a playing state
+ */
+
+ this.tech_.one('play', playHandler); // Define the dispose function to clean up our events
this.dispose = function () {
- _this.logger_('dispose');
+ _this.clearSeekingAppendCheck_();
- _this.tech_.off('seekablechanged', fixesBadSeeksHandler);
+ _this.logger_('dispose');
_this.tech_.off('waiting', waitingHandler);
_this.tech_.off('canplay', canPlayHandler);
+ _this.tech_.off('play', playHandler);
+
+ _this.tech_.off('seeking', _this.watchForBadSeeking_);
+
+ _this.tech_.off('seeked', _this.clearSeekingAppendCheck_);
+
+ loaderTypes.forEach(function (type) {
+ mpc[type + "SegmentLoader_"].off('appendsdone', loaderChecks[type].updateend);
+ mpc[type + "SegmentLoader_"].off('playlistupdate', loaderChecks[type].reset);
+
+ _this.tech_.off(['seeked', 'seeking'], loaderChecks[type].reset);
+ });
+
if (_this.checkCurrentTimeTimeout_) {
- window$3.clearTimeout(_this.checkCurrentTimeTimeout_);
+ window.clearTimeout(_this.checkCurrentTimeTimeout_);
}
_this.cancelTimer_();
*/
- createClass$1(PlaybackWatcher, [{
- key: 'monitorCurrentTime_',
- value: function monitorCurrentTime_() {
- this.checkCurrentTime_();
+ var _proto = PlaybackWatcher.prototype;
+
+ _proto.monitorCurrentTime_ = function monitorCurrentTime_() {
+ this.checkCurrentTime_();
- if (this.checkCurrentTimeTimeout_) {
- window$3.clearTimeout(this.checkCurrentTimeTimeout_);
- } // 42 = 24 fps // 250 is what Webkit uses // FF uses 15
+ if (this.checkCurrentTimeTimeout_) {
+ window.clearTimeout(this.checkCurrentTimeTimeout_);
+ } // 42 = 24 fps // 250 is what Webkit uses // FF uses 15
- this.checkCurrentTimeTimeout_ = window$3.setTimeout(this.monitorCurrentTime_.bind(this), 250);
+ this.checkCurrentTimeTimeout_ = window.setTimeout(this.monitorCurrentTime_.bind(this), 250);
+ }
+ /**
+ * Reset stalled download stats for a specific type of loader
+ *
+ * @param {string} type
+ * The segment loader type to check.
+ *
+ * @listens SegmentLoader#playlistupdate
+ * @listens Tech#seeking
+ * @listens Tech#seeked
+ */
+ ;
+
+ _proto.resetSegmentDownloads_ = function resetSegmentDownloads_(type) {
+ var loader = this.masterPlaylistController_[type + "SegmentLoader_"];
+
+ if (this[type + "StalledDownloads_"] > 0) {
+ this.logger_("resetting possible stalled download count for " + type + " loader");
}
- /**
- * The purpose of this function is to emulate the "waiting" event on
- * browsers that do not emit it when they are waiting for more
- * data to continue playback
- *
- * @private
- */
- }, {
- key: 'checkCurrentTime_',
- value: function checkCurrentTime_() {
- if (this.tech_.seeking() && this.fixesBadSeeks_()) {
- this.consecutiveUpdates = 0;
- this.lastRecordedTime = this.tech_.currentTime();
- return;
- }
+ this[type + "StalledDownloads_"] = 0;
+ this[type + "Buffered_"] = loader.buffered_();
+ }
+ /**
+ * Checks on every segment `appendsdone` to see
+ * if segment appends are making progress. If they are not
+ * and we are still downloading bytes. We blacklist the playlist.
+ *
+ * @param {string} type
+ * The segment loader type to check.
+ *
+ * @listens SegmentLoader#appendsdone
+ */
+ ;
- if (this.tech_.paused() || this.tech_.seeking()) {
- return;
- }
+ _proto.checkSegmentDownloads_ = function checkSegmentDownloads_(type) {
+ var mpc = this.masterPlaylistController_;
+ var loader = mpc[type + "SegmentLoader_"];
+ var buffered = loader.buffered_();
+ var isBufferedDifferent = isRangeDifferent(this[type + "Buffered_"], buffered);
+ this[type + "Buffered_"] = buffered; // if another watcher is going to fix the issue or
+ // the buffered value for this loader changed
+ // appends are working
+
+ if (isBufferedDifferent) {
+ this.resetSegmentDownloads_(type);
+ return;
+ }
- var currentTime = this.tech_.currentTime();
- var buffered = this.tech_.buffered();
+ this[type + "StalledDownloads_"]++;
+ this.logger_("found #" + this[type + "StalledDownloads_"] + " " + type + " appends that did not increase buffer (possible stalled download)", {
+ playlistId: loader.playlist_ && loader.playlist_.id,
+ buffered: timeRangesToArray(buffered)
+ }); // after 10 possibly stalled appends with no reset, exclude
- if (this.lastRecordedTime === currentTime && (!buffered.length || currentTime + SAFE_TIME_DELTA >= buffered.end(buffered.length - 1))) {
- // If current time is at the end of the final buffered region, then any playback
- // stall is most likely caused by buffering in a low bandwidth environment. The tech
- // should fire a `waiting` event in this scenario, but due to browser and tech
- // inconsistencies. Calling `techWaiting_` here allows us to simulate
- // responding to a native `waiting` event when the tech fails to emit one.
- return this.techWaiting_();
- }
+ if (this[type + "StalledDownloads_"] < 10) {
+ return;
+ }
- if (this.consecutiveUpdates >= 5 && currentTime === this.lastRecordedTime) {
- this.consecutiveUpdates++;
- this.waiting_();
- } else if (currentTime === this.lastRecordedTime) {
- this.consecutiveUpdates++;
- } else {
- this.consecutiveUpdates = 0;
- this.lastRecordedTime = currentTime;
- }
+ this.logger_(type + " loader stalled download exclusion");
+ this.resetSegmentDownloads_(type);
+ this.tech_.trigger({
+ type: 'usage',
+ name: "vhs-" + type + "-download-exclusion"
+ });
+
+ if (type === 'subtitle') {
+ return;
+ } // TODO: should we exclude audio tracks rather than main tracks
+ // when type is audio?
+
+
+ mpc.blacklistCurrentPlaylist({
+ message: "Excessive " + type + " segment downloading detected."
+ }, Infinity);
+ }
+ /**
+ * The purpose of this function is to emulate the "waiting" event on
+ * browsers that do not emit it when they are waiting for more
+ * data to continue playback
+ *
+ * @private
+ */
+ ;
+
+ _proto.checkCurrentTime_ = function checkCurrentTime_() {
+ if (this.tech_.paused() || this.tech_.seeking()) {
+ return;
}
- /**
- * Cancels any pending timers and resets the 'timeupdate' mechanism
- * designed to detect that we are stalled
- *
- * @private
- */
- }, {
- key: 'cancelTimer_',
- value: function cancelTimer_() {
+ var currentTime = this.tech_.currentTime();
+ var buffered = this.tech_.buffered();
+
+ if (this.lastRecordedTime === currentTime && (!buffered.length || currentTime + SAFE_TIME_DELTA >= buffered.end(buffered.length - 1))) {
+ // If current time is at the end of the final buffered region, then any playback
+ // stall is most likely caused by buffering in a low bandwidth environment. The tech
+ // should fire a `waiting` event in this scenario, but due to browser and tech
+ // inconsistencies. Calling `techWaiting_` here allows us to simulate
+ // responding to a native `waiting` event when the tech fails to emit one.
+ return this.techWaiting_();
+ }
+
+ if (this.consecutiveUpdates >= 5 && currentTime === this.lastRecordedTime) {
+ this.consecutiveUpdates++;
+ this.waiting_();
+ } else if (currentTime === this.lastRecordedTime) {
+ this.consecutiveUpdates++;
+ } else {
this.consecutiveUpdates = 0;
+ this.lastRecordedTime = currentTime;
+ }
+ }
+ /**
+ * Cancels any pending timers and resets the 'timeupdate' mechanism
+ * designed to detect that we are stalled
+ *
+ * @private
+ */
+ ;
- if (this.timer_) {
- this.logger_('cancelTimer_');
- clearTimeout(this.timer_);
- }
+ _proto.cancelTimer_ = function cancelTimer_() {
+ this.consecutiveUpdates = 0;
- this.timer_ = null;
+ if (this.timer_) {
+ this.logger_('cancelTimer_');
+ clearTimeout(this.timer_);
}
- /**
- * Fixes situations where there's a bad seek
- *
- * @return {Boolean} whether an action was taken to fix the seek
- * @private
- */
- }, {
- key: 'fixesBadSeeks_',
- value: function fixesBadSeeks_() {
- var seeking = this.tech_.seeking();
+ this.timer_ = null;
+ }
+ /**
+ * Fixes situations where there's a bad seek
+ *
+ * @return {boolean} whether an action was taken to fix the seek
+ * @private
+ */
+ ;
- if (!seeking) {
- return false;
- }
+ _proto.fixesBadSeeks_ = function fixesBadSeeks_() {
+ var seeking = this.tech_.seeking();
- var seekable = this.seekable();
- var currentTime = this.tech_.currentTime();
- var isAfterSeekableRange = this.afterSeekableWindow_(seekable, currentTime, this.media(), this.allowSeeksWithinUnsafeLiveWindow);
- var seekTo = void 0;
+ if (!seeking) {
+ return false;
+ } // TODO: It's possible that these seekable checks should be moved out of this function
+ // and into a function that runs on seekablechange. It's also possible that we only need
+ // afterSeekableWindow as the buffered check at the bottom is good enough to handle before
+ // seekable range.
- if (isAfterSeekableRange) {
- var seekableEnd = seekable.end(seekable.length - 1); // sync to live point (if VOD, our seekable was updated and we're simply adjusting)
- seekTo = seekableEnd;
- }
+ var seekable = this.seekable();
+ var currentTime = this.tech_.currentTime();
+ var isAfterSeekableRange = this.afterSeekableWindow_(seekable, currentTime, this.media(), this.allowSeeksWithinUnsafeLiveWindow);
+ var seekTo;
+
+ if (isAfterSeekableRange) {
+ var seekableEnd = seekable.end(seekable.length - 1); // sync to live point (if VOD, our seekable was updated and we're simply adjusting)
+
+ seekTo = seekableEnd;
+ }
+
+ if (this.beforeSeekableWindow_(seekable, currentTime)) {
+ var seekableStart = seekable.start(0); // sync to the beginning of the live window
+ // provide a buffer of .1 seconds to handle rounding/imprecise numbers
+
+ seekTo = seekableStart + ( // if the playlist is too short and the seekable range is an exact time (can
+ // happen in live with a 3 segment playlist), then don't use a time delta
+ seekableStart === seekable.end(0) ? 0 : SAFE_TIME_DELTA);
+ }
+
+ if (typeof seekTo !== 'undefined') {
+ this.logger_("Trying to seek outside of seekable at time " + currentTime + " with " + ("seekable range " + printableRange(seekable) + ". Seeking to ") + (seekTo + "."));
+ this.tech_.setCurrentTime(seekTo);
+ return true;
+ }
- if (this.beforeSeekableWindow_(seekable, currentTime)) {
- var seekableStart = seekable.start(0); // sync to the beginning of the live window
- // provide a buffer of .1 seconds to handle rounding/imprecise numbers
+ var sourceUpdater = this.masterPlaylistController_.sourceUpdater_;
+ var buffered = this.tech_.buffered();
+ var audioBuffered = sourceUpdater.audioBuffer ? sourceUpdater.audioBuffered() : null;
+ var videoBuffered = sourceUpdater.videoBuffer ? sourceUpdater.videoBuffered() : null;
+ var media = this.media(); // verify that at least two segment durations or one part duration have been
+ // appended before checking for a gap.
- seekTo = seekableStart + SAFE_TIME_DELTA;
+ var minAppendedDuration = media.partTargetDuration ? media.partTargetDuration : (media.targetDuration - TIME_FUDGE_FACTOR) * 2; // verify that at least two segment durations have been
+ // appended before checking for a gap.
+
+ var bufferedToCheck = [audioBuffered, videoBuffered];
+
+ for (var i = 0; i < bufferedToCheck.length; i++) {
+ // skip null buffered
+ if (!bufferedToCheck[i]) {
+ continue;
}
- if (typeof seekTo !== 'undefined') {
- this.logger_('Trying to seek outside of seekable at time ' + currentTime + ' with ' + ('seekable range ' + printableRange(seekable) + '. Seeking to ') + (seekTo + '.'));
- this.tech_.setCurrentTime(seekTo);
- return true;
+ var timeAhead = timeAheadOf(bufferedToCheck[i], currentTime); // if we are less than two video/audio segment durations or one part
+ // duration behind we haven't appended enough to call this a bad seek.
+
+ if (timeAhead < minAppendedDuration) {
+ return false;
}
+ }
+
+ var nextRange = findNextRange(buffered, currentTime); // we have appended enough content, but we don't have anything buffered
+ // to seek over the gap
+ if (nextRange.length === 0) {
return false;
}
- /**
- * Handler for situations when we determine the player is waiting.
- *
- * @private
- */
- }, {
- key: 'waiting_',
- value: function waiting_() {
- if (this.techWaiting_()) {
- return;
- } // All tech waiting checks failed. Use last resort correction
-
-
- var currentTime = this.tech_.currentTime();
- var buffered = this.tech_.buffered();
- var currentRange = findRange(buffered, currentTime); // Sometimes the player can stall for unknown reasons within a contiguous buffered
- // region with no indication that anything is amiss (seen in Firefox). Seeking to
- // currentTime is usually enough to kickstart the player. This checks that the player
- // is currently within a buffered region before attempting a corrective seek.
- // Chrome does not appear to continue `timeupdate` events after a `waiting` event
- // until there is ~ 3 seconds of forward buffer available. PlaybackWatcher should also
- // make sure there is ~3 seconds of forward buffer before taking any corrective action
- // to avoid triggering an `unknownwaiting` event when the network is slow.
-
- if (currentRange.length && currentTime + 3 <= currentRange.end(0)) {
- this.cancelTimer_();
- this.tech_.setCurrentTime(currentTime);
- this.logger_('Stopped at ' + currentTime + ' while inside a buffered region ' + ('[' + currentRange.start(0) + ' -> ' + currentRange.end(0) + ']. Attempting to resume ') + 'playback by seeking to the current time.'); // unknown waiting corrections may be useful for monitoring QoS
-
- this.tech_.trigger({
- type: 'usage',
- name: 'hls-unknown-waiting'
- });
- return;
- }
+ seekTo = nextRange.start(0) + SAFE_TIME_DELTA;
+ this.logger_("Buffered region starts (" + nextRange.start(0) + ") " + (" just beyond seek point (" + currentTime + "). Seeking to " + seekTo + "."));
+ this.tech_.setCurrentTime(seekTo);
+ return true;
+ }
+ /**
+ * Handler for situations when we determine the player is waiting.
+ *
+ * @private
+ */
+ ;
+
+ _proto.waiting_ = function waiting_() {
+ if (this.techWaiting_()) {
+ return;
+ } // All tech waiting checks failed. Use last resort correction
+
+
+ var currentTime = this.tech_.currentTime();
+ var buffered = this.tech_.buffered();
+ var currentRange = findRange(buffered, currentTime); // Sometimes the player can stall for unknown reasons within a contiguous buffered
+ // region with no indication that anything is amiss (seen in Firefox). Seeking to
+ // currentTime is usually enough to kickstart the player. This checks that the player
+ // is currently within a buffered region before attempting a corrective seek.
+ // Chrome does not appear to continue `timeupdate` events after a `waiting` event
+ // until there is ~ 3 seconds of forward buffer available. PlaybackWatcher should also
+ // make sure there is ~3 seconds of forward buffer before taking any corrective action
+ // to avoid triggering an `unknownwaiting` event when the network is slow.
+
+ if (currentRange.length && currentTime + 3 <= currentRange.end(0)) {
+ this.cancelTimer_();
+ this.tech_.setCurrentTime(currentTime);
+ this.logger_("Stopped at " + currentTime + " while inside a buffered region " + ("[" + currentRange.start(0) + " -> " + currentRange.end(0) + "]. Attempting to resume ") + 'playback by seeking to the current time.'); // unknown waiting corrections may be useful for monitoring QoS
+
+ this.tech_.trigger({
+ type: 'usage',
+ name: 'vhs-unknown-waiting'
+ });
+ this.tech_.trigger({
+ type: 'usage',
+ name: 'hls-unknown-waiting'
+ });
+ return;
}
- /**
- * Handler for situations when the tech fires a `waiting` event
- *
- * @return {Boolean}
- * True if an action (or none) was needed to correct the waiting. False if no
- * checks passed
- * @private
- */
+ }
+ /**
+ * Handler for situations when the tech fires a `waiting` event
+ *
+ * @return {boolean}
+ * True if an action (or none) was needed to correct the waiting. False if no
+ * checks passed
+ * @private
+ */
+ ;
- }, {
- key: 'techWaiting_',
- value: function techWaiting_() {
- var seekable = this.seekable();
- var currentTime = this.tech_.currentTime();
+ _proto.techWaiting_ = function techWaiting_() {
+ var seekable = this.seekable();
+ var currentTime = this.tech_.currentTime();
- if (this.tech_.seeking() && this.fixesBadSeeks_()) {
- // Tech is seeking or bad seek fixed, no action needed
- return true;
- }
+ if (this.tech_.seeking() || this.timer_ !== null) {
+ // Tech is seeking or already waiting on another action, no action needed
+ return true;
+ }
- if (this.tech_.seeking() || this.timer_ !== null) {
- // Tech is seeking or already waiting on another action, no action needed
- return true;
- }
+ if (this.beforeSeekableWindow_(seekable, currentTime)) {
+ var livePoint = seekable.end(seekable.length - 1);
+ this.logger_("Fell out of live window at time " + currentTime + ". Seeking to " + ("live point (seekable end) " + livePoint));
+ this.cancelTimer_();
+ this.tech_.setCurrentTime(livePoint); // live window resyncs may be useful for monitoring QoS
- if (this.beforeSeekableWindow_(seekable, currentTime)) {
- var livePoint = seekable.end(seekable.length - 1);
- this.logger_('Fell out of live window at time ' + currentTime + '. Seeking to ' + ('live point (seekable end) ' + livePoint));
- this.cancelTimer_();
- this.tech_.setCurrentTime(livePoint); // live window resyncs may be useful for monitoring QoS
+ this.tech_.trigger({
+ type: 'usage',
+ name: 'vhs-live-resync'
+ });
+ this.tech_.trigger({
+ type: 'usage',
+ name: 'hls-live-resync'
+ });
+ return true;
+ }
- this.tech_.trigger({
- type: 'usage',
- name: 'hls-live-resync'
- });
- return true;
- }
+ var sourceUpdater = this.tech_.vhs.masterPlaylistController_.sourceUpdater_;
+ var buffered = this.tech_.buffered();
+ var videoUnderflow = this.videoUnderflow_({
+ audioBuffered: sourceUpdater.audioBuffered(),
+ videoBuffered: sourceUpdater.videoBuffered(),
+ currentTime: currentTime
+ });
- var buffered = this.tech_.buffered();
- var nextRange = findNextRange(buffered, currentTime);
+ if (videoUnderflow) {
+ // Even though the video underflowed and was stuck in a gap, the audio overplayed
+ // the gap, leading currentTime into a buffered range. Seeking to currentTime
+ // allows the video to catch up to the audio position without losing any audio
+ // (only suffering ~3 seconds of frozen video and a pause in audio playback).
+ this.cancelTimer_();
+ this.tech_.setCurrentTime(currentTime); // video underflow may be useful for monitoring QoS
- if (this.videoUnderflow_(nextRange, buffered, currentTime)) {
- // Even though the video underflowed and was stuck in a gap, the audio overplayed
- // the gap, leading currentTime into a buffered range. Seeking to currentTime
- // allows the video to catch up to the audio position without losing any audio
- // (only suffering ~3 seconds of frozen video and a pause in audio playback).
- this.cancelTimer_();
- this.tech_.setCurrentTime(currentTime); // video underflow may be useful for monitoring QoS
+ this.tech_.trigger({
+ type: 'usage',
+ name: 'vhs-video-underflow'
+ });
+ this.tech_.trigger({
+ type: 'usage',
+ name: 'hls-video-underflow'
+ });
+ return true;
+ }
- this.tech_.trigger({
- type: 'usage',
- name: 'hls-video-underflow'
- });
- return true;
- } // check for gap
+ var nextRange = findNextRange(buffered, currentTime); // check for gap
+ if (nextRange.length > 0) {
+ var difference = nextRange.start(0) - currentTime;
+ this.logger_("Stopped at " + currentTime + ", setting timer for " + difference + ", seeking " + ("to " + nextRange.start(0)));
+ this.cancelTimer_();
+ this.timer_ = setTimeout(this.skipTheGap_.bind(this), difference * 1000, currentTime);
+ return true;
+ } // All checks failed. Returning false to indicate failure to correct waiting
- if (nextRange.length > 0) {
- var difference = nextRange.start(0) - currentTime;
- this.logger_('Stopped at ' + currentTime + ', setting timer for ' + difference + ', seeking ' + ('to ' + nextRange.start(0)));
- this.timer_ = setTimeout(this.skipTheGap_.bind(this), difference * 1000, currentTime);
- return true;
- } // All checks failed. Returning false to indicate failure to correct waiting
+ return false;
+ };
+
+ _proto.afterSeekableWindow_ = function afterSeekableWindow_(seekable, currentTime, playlist, allowSeeksWithinUnsafeLiveWindow) {
+ if (allowSeeksWithinUnsafeLiveWindow === void 0) {
+ allowSeeksWithinUnsafeLiveWindow = false;
+ }
+ if (!seekable.length) {
+ // we can't make a solid case if there's no seekable, default to false
return false;
}
- }, {
- key: 'afterSeekableWindow_',
- value: function afterSeekableWindow_(seekable, currentTime, playlist) {
- var allowSeeksWithinUnsafeLiveWindow = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
- if (!seekable.length) {
- // we can't make a solid case if there's no seekable, default to false
- return false;
- }
+ var allowedEnd = seekable.end(seekable.length - 1) + SAFE_TIME_DELTA;
+ var isLive = !playlist.endList;
+
+ if (isLive && allowSeeksWithinUnsafeLiveWindow) {
+ allowedEnd = seekable.end(seekable.length - 1) + playlist.targetDuration * 3;
+ }
+
+ if (currentTime > allowedEnd) {
+ return true;
+ }
- var allowedEnd = seekable.end(seekable.length - 1) + SAFE_TIME_DELTA;
- var isLive = !playlist.endList;
+ return false;
+ };
+
+ _proto.beforeSeekableWindow_ = function beforeSeekableWindow_(seekable, currentTime) {
+ if (seekable.length && // can't fall before 0 and 0 seekable start identifies VOD stream
+ seekable.start(0) > 0 && currentTime < seekable.start(0) - this.liveRangeSafeTimeDelta) {
+ return true;
+ }
+
+ return false;
+ };
+
+ _proto.videoUnderflow_ = function videoUnderflow_(_ref) {
+ var videoBuffered = _ref.videoBuffered,
+ audioBuffered = _ref.audioBuffered,
+ currentTime = _ref.currentTime; // audio only content will not have video underflow :)
+
+ if (!videoBuffered) {
+ return;
+ }
+
+ var gap; // find a gap in demuxed content.
+
+ if (videoBuffered.length && audioBuffered.length) {
+ // in Chrome audio will continue to play for ~3s when we run out of video
+ // so we have to check that the video buffer did have some buffer in the
+ // past.
+ var lastVideoRange = findRange(videoBuffered, currentTime - 3);
+ var videoRange = findRange(videoBuffered, currentTime);
+ var audioRange = findRange(audioBuffered, currentTime);
+
+ if (audioRange.length && !videoRange.length && lastVideoRange.length) {
+ gap = {
+ start: lastVideoRange.end(0),
+ end: audioRange.end(0)
+ };
+ } // find a gap in muxed content.
- if (isLive && allowSeeksWithinUnsafeLiveWindow) {
- allowedEnd = seekable.end(seekable.length - 1) + playlist.targetDuration * 3;
- }
+ } else {
+ var nextRange = findNextRange(videoBuffered, currentTime); // Even if there is no available next range, there is still a possibility we are
+ // stuck in a gap due to video underflow.
- if (currentTime > allowedEnd) {
- return true;
+ if (!nextRange.length) {
+ gap = this.gapFromVideoUnderflow_(videoBuffered, currentTime);
}
-
- return false;
}
- }, {
- key: 'beforeSeekableWindow_',
- value: function beforeSeekableWindow_(seekable, currentTime) {
- if (seekable.length && // can't fall before 0 and 0 seekable start identifies VOD stream
- seekable.start(0) > 0 && currentTime < seekable.start(0) - SAFE_TIME_DELTA) {
- return true;
- }
- return false;
+ if (gap) {
+ this.logger_("Encountered a gap in video from " + gap.start + " to " + gap.end + ". " + ("Seeking to current time " + currentTime));
+ return true;
}
- }, {
- key: 'videoUnderflow_',
- value: function videoUnderflow_(nextRange, buffered, currentTime) {
- if (nextRange.length === 0) {
- // Even if there is no available next range, there is still a possibility we are
- // stuck in a gap due to video underflow.
- var gap = this.gapFromVideoUnderflow_(buffered, currentTime);
-
- if (gap) {
- this.logger_('Encountered a gap in video from ' + gap.start + ' to ' + gap.end + '. ' + ('Seeking to current time ' + currentTime));
- return true;
- }
- }
- return false;
- }
- /**
- * Timer callback. If playback still has not proceeded, then we seek
- * to the start of the next buffered region.
- *
- * @private
- */
+ return false;
+ }
+ /**
+ * Timer callback. If playback still has not proceeded, then we seek
+ * to the start of the next buffered region.
+ *
+ * @private
+ */
+ ;
- }, {
- key: 'skipTheGap_',
- value: function skipTheGap_(scheduledCurrentTime) {
- var buffered = this.tech_.buffered();
- var currentTime = this.tech_.currentTime();
- var nextRange = findNextRange(buffered, currentTime);
- this.cancelTimer_();
+ _proto.skipTheGap_ = function skipTheGap_(scheduledCurrentTime) {
+ var buffered = this.tech_.buffered();
+ var currentTime = this.tech_.currentTime();
+ var nextRange = findNextRange(buffered, currentTime);
+ this.cancelTimer_();
- if (nextRange.length === 0 || currentTime !== scheduledCurrentTime) {
- return;
- }
+ if (nextRange.length === 0 || currentTime !== scheduledCurrentTime) {
+ return;
+ }
- this.logger_('skipTheGap_:', 'currentTime:', currentTime, 'scheduled currentTime:', scheduledCurrentTime, 'nextRange start:', nextRange.start(0)); // only seek if we still have not played
+ this.logger_('skipTheGap_:', 'currentTime:', currentTime, 'scheduled currentTime:', scheduledCurrentTime, 'nextRange start:', nextRange.start(0)); // only seek if we still have not played
- this.tech_.setCurrentTime(nextRange.start(0) + TIME_FUDGE_FACTOR);
- this.tech_.trigger({
- type: 'usage',
- name: 'hls-gap-skip'
- });
- }
- }, {
- key: 'gapFromVideoUnderflow_',
- value: function gapFromVideoUnderflow_(buffered, currentTime) {
- // At least in Chrome, if there is a gap in the video buffer, the audio will continue
- // playing for ~3 seconds after the video gap starts. This is done to account for
- // video buffer underflow/underrun (note that this is not done when there is audio
- // buffer underflow/underrun -- in that case the video will stop as soon as it
- // encounters the gap, as audio stalls are more noticeable/jarring to a user than
- // video stalls). The player's time will reflect the playthrough of audio, so the
- // time will appear as if we are in a buffered region, even if we are stuck in a
- // "gap."
- //
- // Example:
- // video buffer: 0 => 10.1, 10.2 => 20
- // audio buffer: 0 => 20
- // overall buffer: 0 => 10.1, 10.2 => 20
- // current time: 13
- //
- // Chrome's video froze at 10 seconds, where the video buffer encountered the gap,
- // however, the audio continued playing until it reached ~3 seconds past the gap
- // (13 seconds), at which point it stops as well. Since current time is past the
- // gap, findNextRange will return no ranges.
- //
- // To check for this issue, we see if there is a gap that starts somewhere within
- // a 3 second range (3 seconds +/- 1 second) back from our current time.
- var gaps = findGaps(buffered);
+ this.tech_.setCurrentTime(nextRange.start(0) + TIME_FUDGE_FACTOR);
+ this.tech_.trigger({
+ type: 'usage',
+ name: 'vhs-gap-skip'
+ });
+ this.tech_.trigger({
+ type: 'usage',
+ name: 'hls-gap-skip'
+ });
+ };
+
+ _proto.gapFromVideoUnderflow_ = function gapFromVideoUnderflow_(buffered, currentTime) {
+ // At least in Chrome, if there is a gap in the video buffer, the audio will continue
+ // playing for ~3 seconds after the video gap starts. This is done to account for
+ // video buffer underflow/underrun (note that this is not done when there is audio
+ // buffer underflow/underrun -- in that case the video will stop as soon as it
+ // encounters the gap, as audio stalls are more noticeable/jarring to a user than
+ // video stalls). The player's time will reflect the playthrough of audio, so the
+ // time will appear as if we are in a buffered region, even if we are stuck in a
+ // "gap."
+ //
+ // Example:
+ // video buffer: 0 => 10.1, 10.2 => 20
+ // audio buffer: 0 => 20
+ // overall buffer: 0 => 10.1, 10.2 => 20
+ // current time: 13
+ //
+ // Chrome's video froze at 10 seconds, where the video buffer encountered the gap,
+ // however, the audio continued playing until it reached ~3 seconds past the gap
+ // (13 seconds), at which point it stops as well. Since current time is past the
+ // gap, findNextRange will return no ranges.
+ //
+ // To check for this issue, we see if there is a gap that starts somewhere within
+ // a 3 second range (3 seconds +/- 1 second) back from our current time.
+ var gaps = findGaps(buffered);
- for (var i = 0; i < gaps.length; i++) {
- var start = gaps.start(i);
- var end = gaps.end(i); // gap is starts no more than 4 seconds back
+ for (var i = 0; i < gaps.length; i++) {
+ var start = gaps.start(i);
+ var end = gaps.end(i); // gap is starts no more than 4 seconds back
- if (currentTime - start < 4 && currentTime - start > 2) {
- return {
- start: start,
- end: end
- };
- }
+ if (currentTime - start < 4 && currentTime - start > 2) {
+ return {
+ start: start,
+ end: end
+ };
}
-
- return null;
}
- }]);
+
+ return null;
+ };
+
return PlaybackWatcher;
}();
var tech = this.tech({
IWillNotUseThisInPlugins: true
});
- var sourceObj = tech.currentSource_;
+ var sourceObj = tech.currentSource_ || this.currentSource();
return next(sourceObj);
}
};
var initPlugin = function initPlugin(player, options) {
var lastCalled = 0;
var seekTo = 0;
- var localOptions = videojs$1.mergeOptions(defaultOptions, options);
+ var localOptions = videojs.mergeOptions(defaultOptions, options);
player.ready(function () {
+ player.trigger({
+ type: 'usage',
+ name: 'vhs-error-reload-initialized'
+ });
player.trigger({
type: 'usage',
name: 'hls-error-reload-initialized'
return;
}
+ if(player == null){
+ return;
+ }
+
seekTo = player.duration() !== Infinity && player.currentTime() || 0;
player.one('loadedmetadata', loadedMetadataHandler);
player.src(sourceObj);
+ player.trigger({
+ type: 'usage',
+ name: 'vhs-error-reload'
+ });
player.trigger({
type: 'usage',
name: 'hls-error-reload'
// Do not attempt to reload the source if a source-reload occurred before
// 'errorInterval' time has elapsed since the last source-reload
if (Date.now() - lastCalled < localOptions.errorInterval * 1000) {
+ player.trigger({
+ type: 'usage',
+ name: 'vhs-error-reload-canceled'
+ });
player.trigger({
type: 'usage',
name: 'hls-error-reload-canceled'
}
if (!localOptions.getSource || typeof localOptions.getSource !== 'function') {
- videojs$1.log.error('ERROR: reloadSourceOnError - The option getSource must be a function!');
+ videojs.log.error('ERROR: reloadSourceOnError - The option getSource must be a function!');
return;
}
initPlugin(this, options);
};
- var version$1 = "1.13.2";
- /**
- * @file videojs-http-streaming.js
- *
- * The main file for the HLS project.
- * License: https://github.com/videojs/videojs-http-streaming/blob/master/LICENSE
- */
-
- var Hls$1 = {
+ var version$4 = "2.12.0";
+ var version$3 = "5.14.1";
+ var version$2 = "0.19.2";
+ var version$1 = "4.7.0";
+ var version = "3.1.2";
+ var Vhs = {
PlaylistLoader: PlaylistLoader,
Playlist: Playlist,
- Decrypter: Decrypter,
- AsyncStream: AsyncStream,
- decrypt: decrypt,
- utils: utils$1,
+ utils: utils,
STANDARD_PLAYLIST_SELECTOR: lastBandwidthSelector,
INITIAL_PLAYLIST_SELECTOR: lowestBitrateCompatibleVariantSelector,
+ lastBandwidthSelector: lastBandwidthSelector,
+ movingAverageBandwidthSelector: movingAverageBandwidthSelector,
comparePlaylistBandwidth: comparePlaylistBandwidth,
comparePlaylistResolution: comparePlaylistResolution,
xhr: xhrFactory()
- }; // Define getter/setters for config properites
+ }; // Define getter/setters for config properties
- ['GOAL_BUFFER_LENGTH', 'MAX_GOAL_BUFFER_LENGTH', 'GOAL_BUFFER_LENGTH_RATE', 'BUFFER_LOW_WATER_LINE', 'MAX_BUFFER_LOW_WATER_LINE', 'BUFFER_LOW_WATER_LINE_RATE', 'BANDWIDTH_VARIANCE'].forEach(function (prop) {
- Object.defineProperty(Hls$1, prop, {
- get: function get$$1() {
- videojs$1.log.warn('using Hls.' + prop + ' is UNSAFE be sure you know what you are doing');
+ Object.keys(Config).forEach(function (prop) {
+ Object.defineProperty(Vhs, prop, {
+ get: function get() {
+ videojs.log.warn("using Vhs." + prop + " is UNSAFE be sure you know what you are doing");
return Config[prop];
},
- set: function set$$1(value) {
- videojs$1.log.warn('using Hls.' + prop + ' is UNSAFE be sure you know what you are doing');
+ set: function set(value) {
+ videojs.log.warn("using Vhs." + prop + " is UNSAFE be sure you know what you are doing");
if (typeof value !== 'number' || value < 0) {
- videojs$1.log.warn('value of Hls.' + prop + ' must be greater than or equal to 0');
+ videojs.log.warn("value of Vhs." + prop + " must be greater than or equal to 0");
return;
}
}
});
});
- var LOCAL_STORAGE_KEY$1 = 'videojs-vhs';
-
- var simpleTypeFromSourceType = function simpleTypeFromSourceType(type) {
- var mpegurlRE = /^(audio|video|application)\/(x-|vnd\.apple\.)?mpegurl/i;
-
- if (mpegurlRE.test(type)) {
- return 'hls';
- }
-
- var dashRE = /^application\/dash\+xml/i;
-
- if (dashRE.test(type)) {
- return 'dash';
- }
-
- return null;
- };
+ var LOCAL_STORAGE_KEY = 'videojs-vhs';
/**
- * Updates the selectedIndex of the QualityLevelList when a mediachange happens in hls.
+ * Updates the selectedIndex of the QualityLevelList when a mediachange happens in vhs.
*
* @param {QualityLevelList} qualityLevels The QualityLevelList to update.
* @param {PlaylistLoader} playlistLoader PlaylistLoader containing the new media info.
- * @function handleHlsMediaChange
+ * @function handleVhsMediaChange
*/
-
- var handleHlsMediaChange = function handleHlsMediaChange(qualityLevels, playlistLoader) {
+ var handleVhsMediaChange = function handleVhsMediaChange(qualityLevels, playlistLoader) {
var newPlaylist = playlistLoader.media();
var selectedIndex = -1;
* Adds quality levels to list once playlist metadata is available
*
* @param {QualityLevelList} qualityLevels The QualityLevelList to attach events to.
- * @param {Object} hls Hls object to listen to for media events.
- * @function handleHlsLoadedMetadata
+ * @param {Object} vhs Vhs object to listen to for media events.
+ * @function handleVhsLoadedMetadata
*/
- var handleHlsLoadedMetadata = function handleHlsLoadedMetadata(qualityLevels, hls) {
- hls.representations().forEach(function (rep) {
+ var handleVhsLoadedMetadata = function handleVhsLoadedMetadata(qualityLevels, vhs) {
+ vhs.representations().forEach(function (rep) {
qualityLevels.addQualityLevel(rep);
});
- handleHlsMediaChange(qualityLevels, hls.playlists);
+ handleVhsMediaChange(qualityLevels, vhs.playlists);
}; // HLS is a source handler, not a tech. Make sure attempts to use it
// as one do not cause exceptions.
- Hls$1.canPlaySource = function () {
- return videojs$1.log.warn('HLS is no longer a tech. Please remove it from ' + 'your player\'s techOrder.');
+ Vhs.canPlaySource = function () {
+ return videojs.log.warn('HLS is no longer a tech. Please remove it from ' + 'your player\'s techOrder.');
};
- var emeKeySystems = function emeKeySystems(keySystemOptions, mainSegmentLoader, audioSegmentLoader) {
+ var emeKeySystems = function emeKeySystems(keySystemOptions, mainPlaylist, audioPlaylist) {
if (!keySystemOptions) {
return keySystemOptions;
}
- var videoMimeType = void 0;
- var audioMimeType = void 0; // if there is a mimeType associated with the audioSegmentLoader, then the audio
- // and video mimeType and codec strings are already in the format we need to
- // pass with the other key systems
+ var codecs = {};
- if (audioSegmentLoader.mimeType_) {
- videoMimeType = mainSegmentLoader.mimeType_;
- audioMimeType = audioSegmentLoader.mimeType_; // if there is no audioSegmentLoader mimeType, then we have to create the
- // the audio and video mimeType/codec strings from information extrapolated
- // from the mainSegmentLoader mimeType (ex. 'video/mp4; codecs="mp4, avc1"' -->
- // 'video/mp4; codecs="avc1"' and 'audio/mp4; codecs="mp4"')
- } else {
- var parsedMimeType = parseContentType(mainSegmentLoader.mimeType_);
- var codecs = parsedMimeType.parameters.codecs.split(',');
- var audioCodec = void 0;
- var videoCodec = void 0;
- codecs.forEach(function (codec) {
- codec = codec.trim();
+ if (mainPlaylist && mainPlaylist.attributes && mainPlaylist.attributes.CODECS) {
+ codecs = unwrapCodecList(parseCodecs(mainPlaylist.attributes.CODECS));
+ }
- if (isAudioCodec(codec)) {
- audioCodec = codec;
- } else if (isVideoCodec(codec)) {
- videoCodec = codec;
- }
- });
- videoMimeType = parsedMimeType.type + '; codecs="' + videoCodec + '"';
- audioMimeType = parsedMimeType.type.replace('video', 'audio') + '; codecs="' + audioCodec + '"';
- } // upsert the content types based on the selected playlist
+ if (audioPlaylist && audioPlaylist.attributes && audioPlaylist.attributes.CODECS) {
+ codecs.audio = audioPlaylist.attributes.CODECS;
+ }
+ var videoContentType = getMimeForCodec(codecs.video);
+ var audioContentType = getMimeForCodec(codecs.audio); // upsert the content types based on the selected playlist
var keySystemContentTypes = {};
- var videoPlaylist = mainSegmentLoader.playlist_;
for (var keySystem in keySystemOptions) {
- keySystemContentTypes[keySystem] = {
- audioContentType: audioMimeType,
- videoContentType: videoMimeType
- };
+ keySystemContentTypes[keySystem] = {};
+
+ if (audioContentType) {
+ keySystemContentTypes[keySystem].audioContentType = audioContentType;
+ }
- if (videoPlaylist.contentProtection && videoPlaylist.contentProtection[keySystem] && videoPlaylist.contentProtection[keySystem].pssh) {
- keySystemContentTypes[keySystem].pssh = videoPlaylist.contentProtection[keySystem].pssh;
+ if (videoContentType) {
+ keySystemContentTypes[keySystem].videoContentType = videoContentType;
+ } // Default to using the video playlist's PSSH even though they may be different, as
+ // videojs-contrib-eme will only accept one in the options.
+ //
+ // This shouldn't be an issue for most cases as early intialization will handle all
+ // unique PSSH values, and if they aren't, then encrypted events should have the
+ // specific information needed for the unique license.
+
+
+ if (mainPlaylist.contentProtection && mainPlaylist.contentProtection[keySystem] && mainPlaylist.contentProtection[keySystem].pssh) {
+ keySystemContentTypes[keySystem].pssh = mainPlaylist.contentProtection[keySystem].pssh;
} // videojs-contrib-eme accepts the option of specifying: 'com.some.cdm': 'url'
// so we need to prevent overwriting the URL entirely
}
}
- return videojs$1.mergeOptions(keySystemOptions, keySystemContentTypes);
+ return videojs.mergeOptions(keySystemOptions, keySystemContentTypes);
};
+ /**
+ * @typedef {Object} KeySystems
+ *
+ * keySystems configuration for https://github.com/videojs/videojs-contrib-eme
+ * Note: not all options are listed here.
+ *
+ * @property {Uint8Array} [pssh]
+ * Protection System Specific Header
+ */
+
+ /**
+ * Goes through all the playlists and collects an array of KeySystems options objects
+ * containing each playlist's keySystems and their pssh values, if available.
+ *
+ * @param {Object[]} playlists
+ * The playlists to look through
+ * @param {string[]} keySystems
+ * The keySystems to collect pssh values for
+ *
+ * @return {KeySystems[]}
+ * An array of KeySystems objects containing available key systems and their
+ * pssh values
+ */
- var setupEmeOptions = function setupEmeOptions(hlsHandler) {
- var mainSegmentLoader = hlsHandler.masterPlaylistController_.mainSegmentLoader_;
- var audioSegmentLoader = hlsHandler.masterPlaylistController_.audioSegmentLoader_;
- var player = videojs$1.players[hlsHandler.tech_.options_.playerId];
- if (player.eme) {
- var sourceOptions = emeKeySystems(hlsHandler.source_.keySystems, mainSegmentLoader, audioSegmentLoader);
+ var getAllPsshKeySystemsOptions = function getAllPsshKeySystemsOptions(playlists, keySystems) {
+ return playlists.reduce(function (keySystemsArr, playlist) {
+ if (!playlist.contentProtection) {
+ return keySystemsArr;
+ }
- if (sourceOptions) {
- player.currentSource().keySystems = sourceOptions; // Works around https://bugs.chromium.org/p/chromium/issues/detail?id=895449
- // in non-IE11 browsers. In IE11 this is too early to initialize media keys
+ var keySystemsOptions = keySystems.reduce(function (keySystemsObj, keySystem) {
+ var keySystemOptions = playlist.contentProtection[keySystem];
- if (!(videojs$1.browser.IE_VERSION === 11) && player.eme.initializeMediaKeys) {
- player.eme.initializeMediaKeys();
+ if (keySystemOptions && keySystemOptions.pssh) {
+ keySystemsObj[keySystem] = {
+ pssh: keySystemOptions.pssh
+ };
}
+
+ return keySystemsObj;
+ }, {});
+
+ if (Object.keys(keySystemsOptions).length) {
+ keySystemsArr.push(keySystemsOptions);
}
+
+ return keySystemsArr;
+ }, []);
+ };
+ /**
+ * Returns a promise that waits for the
+ * [eme plugin](https://github.com/videojs/videojs-contrib-eme) to create a key session.
+ *
+ * Works around https://bugs.chromium.org/p/chromium/issues/detail?id=895449 in non-IE11
+ * browsers.
+ *
+ * As per the above ticket, this is particularly important for Chrome, where, if
+ * unencrypted content is appended before encrypted content and the key session has not
+ * been created, a MEDIA_ERR_DECODE will be thrown once the encrypted content is reached
+ * during playback.
+ *
+ * @param {Object} player
+ * The player instance
+ * @param {Object[]} sourceKeySystems
+ * The key systems options from the player source
+ * @param {Object} [audioMedia]
+ * The active audio media playlist (optional)
+ * @param {Object[]} mainPlaylists
+ * The playlists found on the master playlist object
+ *
+ * @return {Object}
+ * Promise that resolves when the key session has been created
+ */
+
+
+ var waitForKeySessionCreation = function waitForKeySessionCreation(_ref) {
+ var player = _ref.player,
+ sourceKeySystems = _ref.sourceKeySystems,
+ audioMedia = _ref.audioMedia,
+ mainPlaylists = _ref.mainPlaylists;
+
+ if (!player.eme.initializeMediaKeys) {
+ return Promise.resolve();
+ } // TODO should all audio PSSH values be initialized for DRM?
+ //
+ // All unique video rendition pssh values are initialized for DRM, but here only
+ // the initial audio playlist license is initialized. In theory, an encrypted
+ // event should be fired if the user switches to an alternative audio playlist
+ // where a license is required, but this case hasn't yet been tested. In addition, there
+ // may be many alternate audio playlists unlikely to be used (e.g., multiple different
+ // languages).
+
+
+ var playlists = audioMedia ? mainPlaylists.concat([audioMedia]) : mainPlaylists;
+ var keySystemsOptionsArr = getAllPsshKeySystemsOptions(playlists, Object.keys(sourceKeySystems));
+ var initializationFinishedPromises = [];
+ var keySessionCreatedPromises = []; // Since PSSH values are interpreted as initData, EME will dedupe any duplicates. The
+ // only place where it should not be deduped is for ms-prefixed APIs, but the early
+ // return for IE11 above, and the existence of modern EME APIs in addition to
+ // ms-prefixed APIs on Edge should prevent this from being a concern.
+ // initializeMediaKeys also won't use the webkit-prefixed APIs.
+
+ keySystemsOptionsArr.forEach(function (keySystemsOptions) {
+ keySessionCreatedPromises.push(new Promise(function (resolve, reject) {
+ player.tech_.one('keysessioncreated', resolve);
+ }));
+ initializationFinishedPromises.push(new Promise(function (resolve, reject) {
+ player.eme.initializeMediaKeys({
+ keySystems: keySystemsOptions
+ }, function (err) {
+ if (err) {
+ reject(err);
+ return;
+ }
+
+ resolve();
+ });
+ }));
+ }); // The reasons Promise.race is chosen over Promise.any:
+ //
+ // * Promise.any is only available in Safari 14+.
+ // * None of these promises are expected to reject. If they do reject, it might be
+ // better here for the race to surface the rejection, rather than mask it by using
+ // Promise.any.
+
+ return Promise.race([// If a session was previously created, these will all finish resolving without
+ // creating a new session, otherwise it will take until the end of all license
+ // requests, which is why the key session check is used (to make setup much faster).
+ Promise.all(initializationFinishedPromises), // Once a single session is created, the browser knows DRM will be used.
+ Promise.race(keySessionCreatedPromises)]);
+ };
+ /**
+ * If the [eme](https://github.com/videojs/videojs-contrib-eme) plugin is available, and
+ * there are keySystems on the source, sets up source options to prepare the source for
+ * eme.
+ *
+ * @param {Object} player
+ * The player instance
+ * @param {Object[]} sourceKeySystems
+ * The key systems options from the player source
+ * @param {Object} media
+ * The active media playlist
+ * @param {Object} [audioMedia]
+ * The active audio media playlist (optional)
+ *
+ * @return {boolean}
+ * Whether or not options were configured and EME is available
+ */
+
+
+ var setupEmeOptions = function setupEmeOptions(_ref2) {
+ var player = _ref2.player,
+ sourceKeySystems = _ref2.sourceKeySystems,
+ media = _ref2.media,
+ audioMedia = _ref2.audioMedia;
+ var sourceOptions = emeKeySystems(sourceKeySystems, media, audioMedia);
+
+ if (!sourceOptions) {
+ return false;
+ }
+
+ player.currentSource().keySystems = sourceOptions; // eme handles the rest of the setup, so if it is missing
+ // do nothing.
+
+ if (sourceOptions && !player.eme) {
+ videojs.log.warn('DRM encrypted source cannot be decrypted without a DRM plugin');
+ return false;
}
+
+ return true;
};
var getVhsLocalStorage = function getVhsLocalStorage() {
return null;
}
- var storedObject = window.localStorage.getItem(LOCAL_STORAGE_KEY$1);
+ var storedObject = window.localStorage.getItem(LOCAL_STORAGE_KEY);
if (!storedObject) {
return null;
}
var objectToStore = getVhsLocalStorage();
- objectToStore = objectToStore ? videojs$1.mergeOptions(objectToStore, options) : options;
+ objectToStore = objectToStore ? videojs.mergeOptions(objectToStore, options) : options;
try {
- window.localStorage.setItem(LOCAL_STORAGE_KEY$1, JSON.stringify(objectToStore));
+ window.localStorage.setItem(LOCAL_STORAGE_KEY, JSON.stringify(objectToStore));
} catch (e) {
// Throws if storage is full (e.g., always on iOS 5+ Safari private mode, where
// storage is set to 0).
return objectToStore;
};
+ /**
+ * Parses VHS-supported media types from data URIs. See
+ * https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URIs
+ * for information on data URIs.
+ *
+ * @param {string} dataUri
+ * The data URI
+ *
+ * @return {string|Object}
+ * The parsed object/string, or the original string if no supported media type
+ * was found
+ */
+
+
+ var expandDataUri = function expandDataUri(dataUri) {
+ if (dataUri.toLowerCase().indexOf('data:application/vnd.videojs.vhs+json,') === 0) {
+ return JSON.parse(dataUri.substring(dataUri.indexOf(',') + 1));
+ } // no known case for this data URI, return the string as-is
+
+
+ return dataUri;
+ };
/**
* Whether the browser has built-in HLS support.
*/
- Hls$1.supportsNativeHls = function () {
+ Vhs.supportsNativeHls = function () {
+ if (!document || !document.createElement) {
+ return false;
+ }
+
var video = document.createElement('video'); // native HLS is definitely not supported if HTML5 video isn't
- if (!videojs$1.getTech('Html5').isSupported()) {
+ if (!videojs.getTech('Html5').isSupported()) {
return false;
} // HLS manifests can go by many mime-types
});
}();
- Hls$1.supportsNativeDash = function () {
- if (!videojs$1.getTech('Html5').isSupported()) {
+ Vhs.supportsNativeDash = function () {
+ if (!document || !document.createElement || !videojs.getTech('Html5').isSupported()) {
return false;
}
return /maybe|probably/i.test(document.createElement('video').canPlayType('application/dash+xml'));
}();
- Hls$1.supportsTypeNatively = function (type) {
+ Vhs.supportsTypeNatively = function (type) {
if (type === 'hls') {
- return Hls$1.supportsNativeHls;
+ return Vhs.supportsNativeHls;
}
if (type === 'dash') {
- return Hls$1.supportsNativeDash;
+ return Vhs.supportsNativeDash;
}
return false;
*/
- Hls$1.isSupported = function () {
- return videojs$1.log.warn('HLS is no longer a tech. Please remove it from ' + 'your player\'s techOrder.');
+ Vhs.isSupported = function () {
+ return videojs.log.warn('HLS is no longer a tech. Please remove it from ' + 'your player\'s techOrder.');
};
- var Component$1 = videojs$1.getComponent('Component');
+ var Component = videojs.getComponent('Component');
/**
- * The Hls Handler object, where we orchestrate all of the parts
+ * The Vhs Handler object, where we orchestrate all of the parts
* of HLS to interact with video.js
*
- * @class HlsHandler
+ * @class VhsHandler
* @extends videojs.Component
* @param {Object} source the soruce object
* @param {Tech} tech the parent tech object
* @param {Object} options optional and required options
*/
- var HlsHandler = function (_Component) {
- inherits$2(HlsHandler, _Component);
+ var VhsHandler = /*#__PURE__*/function (_Component) {
+ inheritsLoose(VhsHandler, _Component);
- function HlsHandler(source, tech, options) {
- classCallCheck$1(this, HlsHandler); // tech.player() is deprecated but setup a reference to HLS for
- // backwards-compatibility
+ function VhsHandler(source, tech, options) {
+ var _this;
+
+ _this = _Component.call(this, tech, videojs.mergeOptions(options.hls, options.vhs)) || this;
- var _this = possibleConstructorReturn$1(this, (HlsHandler.__proto__ || Object.getPrototypeOf(HlsHandler)).call(this, tech, options.hls));
+ if (options.hls && Object.keys(options.hls).length) {
+ videojs.log.warn('Using hls options is deprecated. Use vhs instead.');
+ } // if a tech level `initialBandwidth` option was passed
+ // use that over the VHS level `bandwidth` option
+
+
+ if (typeof options.initialBandwidth === 'number') {
+ _this.options_.bandwidth = options.initialBandwidth;
+ }
+
+ _this.logger_ = logger('VhsHandler'); // tech.player() is deprecated but setup a reference to HLS for
+ // backwards-compatibility
if (tech.options_ && tech.options_.playerId) {
- var _player = videojs$1(tech.options_.playerId);
+ var _player = videojs(tech.options_.playerId);
if (!_player.hasOwnProperty('hls')) {
Object.defineProperty(_player, 'hls', {
- get: function get$$1() {
- videojs$1.log.warn('player.hls is deprecated. Use player.tech().hls instead.');
+ get: function get() {
+ videojs.log.warn('player.hls is deprecated. Use player.tech().vhs instead.');
tech.trigger({
type: 'usage',
name: 'hls-player-access'
});
- return _this;
+ return assertThisInitialized(_this);
},
configurable: true
});
- } // Set up a reference to the HlsHandler from player.vhs. This allows users to start
- // migrating from player.tech_.hls... to player.vhs... for API access. Although this
- // isn't the most appropriate form of reference for video.js (since all APIs should
- // be provided through core video.js), it is a common pattern for plugins, and vhs
- // will act accordingly.
+ }
+ if (!_player.hasOwnProperty('vhs')) {
+ Object.defineProperty(_player, 'vhs', {
+ get: function get() {
+ videojs.log.warn('player.vhs is deprecated. Use player.tech().vhs instead.');
+ tech.trigger({
+ type: 'usage',
+ name: 'vhs-player-access'
+ });
+ return assertThisInitialized(_this);
+ },
+ configurable: true
+ });
+ }
- _player.vhs = _this; // deprecated, for backwards compatibility
+ if (!_player.hasOwnProperty('dash')) {
+ Object.defineProperty(_player, 'dash', {
+ get: function get() {
+ videojs.log.warn('player.dash is deprecated. Use player.tech().vhs instead.');
+ return assertThisInitialized(_this);
+ },
+ configurable: true
+ });
+ }
- _player.dash = _this;
_this.player_ = _player;
}
var fullscreenElement = document.fullscreenElement || document.webkitFullscreenElement || document.mozFullScreenElement || document.msFullscreenElement;
if (fullscreenElement && fullscreenElement.contains(_this.tech_.el())) {
- _this.masterPlaylistController_.smoothQualityChange_();
+ _this.masterPlaylistController_.fastQualityChange_();
+ } else {
+ // When leaving fullscreen, since the in page pixel dimensions should be smaller
+ // than full screen, see if there should be a rendition switch down to preserve
+ // bandwidth.
+ _this.masterPlaylistController_.checkABR_();
}
});
});
_this.on(_this.tech_, 'error', function () {
- if (this.masterPlaylistController_) {
+ // verify that the error was real and we are loaded
+ // enough to have mpc loaded.
+ if (this.tech_.error() && this.masterPlaylistController_) {
this.masterPlaylistController_.pauseLoading();
}
});
return _this;
}
- createClass$1(HlsHandler, [{
- key: 'setOptions_',
- value: function setOptions_() {
- var _this2 = this; // defaults
+ var _proto = VhsHandler.prototype;
+ _proto.setOptions_ = function setOptions_() {
+ var _this2 = this; // defaults
- this.options_.withCredentials = this.options_.withCredentials || false;
- this.options_.handleManifestRedirects = this.options_.handleManifestRedirects || false;
- this.options_.limitRenditionByPlayerDimensions = this.options_.limitRenditionByPlayerDimensions === false ? false : true;
- this.options_.useDevicePixelRatio = this.options_.useDevicePixelRatio || false;
- this.options_.smoothQualityChange = this.options_.smoothQualityChange || false;
- this.options_.useBandwidthFromLocalStorage = typeof this.source_.useBandwidthFromLocalStorage !== 'undefined' ? this.source_.useBandwidthFromLocalStorage : this.options_.useBandwidthFromLocalStorage || false;
- this.options_.customTagParsers = this.options_.customTagParsers || [];
- this.options_.customTagMappers = this.options_.customTagMappers || [];
- this.options_.cacheEncryptionKeys = this.options_.cacheEncryptionKeys || false;
- if (typeof this.options_.blacklistDuration !== 'number') {
- this.options_.blacklistDuration = 5 * 60;
- }
+ this.options_.withCredentials = this.options_.withCredentials || false;
+ this.options_.handleManifestRedirects = this.options_.handleManifestRedirects === false ? false : true;
+ this.options_.limitRenditionByPlayerDimensions = this.options_.limitRenditionByPlayerDimensions === false ? false : true;
+ this.options_.useDevicePixelRatio = this.options_.useDevicePixelRatio || false;
+ this.options_.smoothQualityChange = this.options_.smoothQualityChange || false;
+ this.options_.useBandwidthFromLocalStorage = typeof this.source_.useBandwidthFromLocalStorage !== 'undefined' ? this.source_.useBandwidthFromLocalStorage : this.options_.useBandwidthFromLocalStorage || false;
+ this.options_.useNetworkInformationApi = this.options_.useNetworkInformationApi || false;
+ this.options_.customTagParsers = this.options_.customTagParsers || [];
+ this.options_.customTagMappers = this.options_.customTagMappers || [];
+ this.options_.cacheEncryptionKeys = this.options_.cacheEncryptionKeys || false;
- if (typeof this.options_.bandwidth !== 'number') {
- if (this.options_.useBandwidthFromLocalStorage) {
- var storedObject = getVhsLocalStorage();
+ if (typeof this.options_.blacklistDuration !== 'number') {
+ this.options_.blacklistDuration = 5 * 60;
+ }
- if (storedObject && storedObject.bandwidth) {
- this.options_.bandwidth = storedObject.bandwidth;
- this.tech_.trigger({
- type: 'usage',
- name: 'hls-bandwidth-from-local-storage'
- });
- }
+ if (typeof this.options_.bandwidth !== 'number') {
+ if (this.options_.useBandwidthFromLocalStorage) {
+ var storedObject = getVhsLocalStorage();
- if (storedObject && storedObject.throughput) {
- this.options_.throughput = storedObject.throughput;
- this.tech_.trigger({
- type: 'usage',
- name: 'hls-throughput-from-local-storage'
- });
- }
+ if (storedObject && storedObject.bandwidth) {
+ this.options_.bandwidth = storedObject.bandwidth;
+ this.tech_.trigger({
+ type: 'usage',
+ name: 'vhs-bandwidth-from-local-storage'
+ });
+ this.tech_.trigger({
+ type: 'usage',
+ name: 'hls-bandwidth-from-local-storage'
+ });
+ }
+
+ if (storedObject && storedObject.throughput) {
+ this.options_.throughput = storedObject.throughput;
+ this.tech_.trigger({
+ type: 'usage',
+ name: 'vhs-throughput-from-local-storage'
+ });
+ this.tech_.trigger({
+ type: 'usage',
+ name: 'hls-throughput-from-local-storage'
+ });
}
- } // if bandwidth was not set by options or pulled from local storage, start playlist
- // selection at a reasonable bandwidth
+ }
+ } // if bandwidth was not set by options or pulled from local storage, start playlist
+ // selection at a reasonable bandwidth
- if (typeof this.options_.bandwidth !== 'number') {
- this.options_.bandwidth = Config.INITIAL_BANDWIDTH;
- } // If the bandwidth number is unchanged from the initial setting
- // then this takes precedence over the enableLowInitialPlaylist option
+ if (typeof this.options_.bandwidth !== 'number') {
+ this.options_.bandwidth = Config.INITIAL_BANDWIDTH;
+ } // If the bandwidth number is unchanged from the initial setting
+ // then this takes precedence over the enableLowInitialPlaylist option
- this.options_.enableLowInitialPlaylist = this.options_.enableLowInitialPlaylist && this.options_.bandwidth === Config.INITIAL_BANDWIDTH; // grab options passed to player.src
+ this.options_.enableLowInitialPlaylist = this.options_.enableLowInitialPlaylist && this.options_.bandwidth === Config.INITIAL_BANDWIDTH; // grab options passed to player.src
- ['withCredentials', 'useDevicePixelRatio', 'limitRenditionByPlayerDimensions', 'bandwidth', 'smoothQualityChange', 'customTagParsers', 'customTagMappers', 'handleManifestRedirects', 'cacheEncryptionKeys'].forEach(function (option) {
- if (typeof _this2.source_[option] !== 'undefined') {
- _this2.options_[option] = _this2.source_[option];
- }
- });
- this.limitRenditionByPlayerDimensions = this.options_.limitRenditionByPlayerDimensions;
- this.useDevicePixelRatio = this.options_.useDevicePixelRatio;
+ ['withCredentials', 'useDevicePixelRatio', 'limitRenditionByPlayerDimensions', 'bandwidth', 'smoothQualityChange', 'customTagParsers', 'customTagMappers', 'handleManifestRedirects', 'cacheEncryptionKeys', 'playlistSelector', 'initialPlaylistSelector', 'experimentalBufferBasedABR', 'liveRangeSafeTimeDelta', 'experimentalLLHLS', 'useNetworkInformationApi', 'experimentalExactManifestTimings', 'experimentalLeastPixelDiffSelector'].forEach(function (option) {
+ if (typeof _this2.source_[option] !== 'undefined') {
+ _this2.options_[option] = _this2.source_[option];
+ }
+ });
+ this.limitRenditionByPlayerDimensions = this.options_.limitRenditionByPlayerDimensions;
+ this.useDevicePixelRatio = this.options_.useDevicePixelRatio;
+ }
+ /**
+ * called when player.src gets called, handle a new source
+ *
+ * @param {Object} src the source object to handle
+ */
+ ;
+
+ _proto.src = function src(_src, type) {
+ var _this3 = this; // do nothing if the src is falsey
+
+
+ if (!_src) {
+ return;
}
- /**
- * called when player.src gets called, handle a new source
- *
- * @param {Object} src the source object to handle
- */
- }, {
- key: 'src',
- value: function src(_src, type) {
- var _this3 = this; // do nothing if the src is falsey
+ this.setOptions_(); // add master playlist controller options
+ this.options_.src = expandDataUri(this.source_.src);
+ this.options_.tech = this.tech_;
+ this.options_.externVhs = Vhs;
+ this.options_.sourceType = simpleTypeFromSourceType(type); // Whenever we seek internally, we should update the tech
- if (!_src) {
- return;
+ this.options_.seekTo = function (time) {
+ _this3.tech_.setCurrentTime(time);
+ };
+
+ if (this.options_.smoothQualityChange) {
+ videojs.log.warn('smoothQualityChange is deprecated and will be removed in the next major version');
+ }
+
+ this.masterPlaylistController_ = new MasterPlaylistController(this.options_);
+ var playbackWatcherOptions = videojs.mergeOptions({
+ liveRangeSafeTimeDelta: SAFE_TIME_DELTA
+ }, this.options_, {
+ seekable: function seekable() {
+ return _this3.seekable();
+ },
+ media: function media() {
+ return _this3.masterPlaylistController_.media();
+ },
+ masterPlaylistController: this.masterPlaylistController_
+ });
+ this.playbackWatcher_ = new PlaybackWatcher(playbackWatcherOptions);
+ this.masterPlaylistController_.on('error', function () {
+ var player = videojs.players[_this3.tech_.options_.playerId];
+ var error = _this3.masterPlaylistController_.error;
+
+ if (typeof error === 'object' && !error.code) {
+ error.code = 3;
+ } else if (typeof error === 'string') {
+ error = {
+ message: error,
+ code: 3
+ };
}
- this.setOptions_(); // add master playlist controller options
+ player.error(error);
+ });
+ var defaultSelector = this.options_.experimentalBufferBasedABR ? Vhs.movingAverageBandwidthSelector(0.55) : Vhs.STANDARD_PLAYLIST_SELECTOR; // `this` in selectPlaylist should be the VhsHandler for backwards
+ // compatibility with < v2
- this.options_.url = this.source_.src;
- this.options_.tech = this.tech_;
- this.options_.externHls = Hls$1;
- this.options_.sourceType = simpleTypeFromSourceType(type); // Whenever we seek internally, we should update the tech
+ this.masterPlaylistController_.selectPlaylist = this.selectPlaylist ? this.selectPlaylist.bind(this) : defaultSelector.bind(this);
+ this.masterPlaylistController_.selectInitialPlaylist = Vhs.INITIAL_PLAYLIST_SELECTOR.bind(this); // re-expose some internal objects for backwards compatibility with < v2
- this.options_.seekTo = function (time) {
- _this3.tech_.setCurrentTime(time);
- };
+ this.playlists = this.masterPlaylistController_.masterPlaylistLoader_;
+ this.mediaSource = this.masterPlaylistController_.mediaSource; // Proxy assignment of some properties to the master playlist
+ // controller. Using a custom property for backwards compatibility
+ // with < v2
- this.masterPlaylistController_ = new MasterPlaylistController(this.options_);
- this.playbackWatcher_ = new PlaybackWatcher(videojs$1.mergeOptions(this.options_, {
- seekable: function seekable$$1() {
- return _this3.seekable();
+ Object.defineProperties(this, {
+ selectPlaylist: {
+ get: function get() {
+ return this.masterPlaylistController_.selectPlaylist;
},
- media: function media() {
- return _this3.masterPlaylistController_.media();
+ set: function set(selectPlaylist) {
+ this.masterPlaylistController_.selectPlaylist = selectPlaylist.bind(this);
}
- }));
- this.masterPlaylistController_.on('error', function () {
- var player = videojs$1.players[_this3.tech_.options_.playerId];
- player.error(_this3.masterPlaylistController_.error);
- }); // `this` in selectPlaylist should be the HlsHandler for backwards
- // compatibility with < v2
-
- this.masterPlaylistController_.selectPlaylist = this.selectPlaylist ? this.selectPlaylist.bind(this) : Hls$1.STANDARD_PLAYLIST_SELECTOR.bind(this);
- this.masterPlaylistController_.selectInitialPlaylist = Hls$1.INITIAL_PLAYLIST_SELECTOR.bind(this); // re-expose some internal objects for backwards compatibility with < v2
-
- this.playlists = this.masterPlaylistController_.masterPlaylistLoader_;
- this.mediaSource = this.masterPlaylistController_.mediaSource; // Proxy assignment of some properties to the master playlist
- // controller. Using a custom property for backwards compatibility
- // with < v2
-
- Object.defineProperties(this, {
- selectPlaylist: {
- get: function get$$1() {
- return this.masterPlaylistController_.selectPlaylist;
- },
- set: function set$$1(selectPlaylist) {
- this.masterPlaylistController_.selectPlaylist = selectPlaylist.bind(this);
- }
+ },
+ throughput: {
+ get: function get() {
+ return this.masterPlaylistController_.mainSegmentLoader_.throughput.rate;
},
- throughput: {
- get: function get$$1() {
- return this.masterPlaylistController_.mainSegmentLoader_.throughput.rate;
- },
- set: function set$$1(throughput) {
- this.masterPlaylistController_.mainSegmentLoader_.throughput.rate = throughput; // By setting `count` to 1 the throughput value becomes the starting value
- // for the cumulative average
+ set: function set(throughput) {
+ this.masterPlaylistController_.mainSegmentLoader_.throughput.rate = throughput; // By setting `count` to 1 the throughput value becomes the starting value
+ // for the cumulative average
- this.masterPlaylistController_.mainSegmentLoader_.throughput.count = 1;
- }
- },
- bandwidth: {
- get: function get$$1() {
- return this.masterPlaylistController_.mainSegmentLoader_.bandwidth;
- },
- set: function set$$1(bandwidth) {
- this.masterPlaylistController_.mainSegmentLoader_.bandwidth = bandwidth; // setting the bandwidth manually resets the throughput counter
- // `count` is set to zero that current value of `rate` isn't included
- // in the cumulative average
-
- this.masterPlaylistController_.mainSegmentLoader_.throughput = {
- rate: 0,
- count: 0
- };
+ this.masterPlaylistController_.mainSegmentLoader_.throughput.count = 1;
+ }
+ },
+ bandwidth: {
+ get: function get() {
+ var playerBandwidthEst = this.masterPlaylistController_.mainSegmentLoader_.bandwidth;
+ var networkInformation = window.navigator.connection || window.navigator.mozConnection || window.navigator.webkitConnection;
+ var tenMbpsAsBitsPerSecond = 10e6;
+
+ if (this.options_.useNetworkInformationApi && networkInformation) {
+ // downlink returns Mbps
+ // https://developer.mozilla.org/en-US/docs/Web/API/NetworkInformation/downlink
+ var networkInfoBandwidthEstBitsPerSec = networkInformation.downlink * 1000 * 1000; // downlink maxes out at 10 Mbps. In the event that both networkInformationApi and the player
+ // estimate a bandwidth greater than 10 Mbps, use the larger of the two estimates to ensure that
+ // high quality streams are not filtered out.
+
+ if (networkInfoBandwidthEstBitsPerSec >= tenMbpsAsBitsPerSecond && playerBandwidthEst >= tenMbpsAsBitsPerSecond) {
+ playerBandwidthEst = Math.max(playerBandwidthEst, networkInfoBandwidthEstBitsPerSec);
+ } else {
+ playerBandwidthEst = networkInfoBandwidthEstBitsPerSec;
+ }
}
- },
- /**
- * `systemBandwidth` is a combination of two serial processes bit-rates. The first
- * is the network bitrate provided by `bandwidth` and the second is the bitrate of
- * the entire process after that - decryption, transmuxing, and appending - provided
- * by `throughput`.
- *
- * Since the two process are serial, the overall system bandwidth is given by:
- * sysBandwidth = 1 / (1 / bandwidth + 1 / throughput)
- */
- systemBandwidth: {
- get: function get$$1() {
- var invBandwidth = 1 / (this.bandwidth || 1);
- var invThroughput = void 0;
+ return playerBandwidthEst;
+ },
+ set: function set(bandwidth) {
+ this.masterPlaylistController_.mainSegmentLoader_.bandwidth = bandwidth; // setting the bandwidth manually resets the throughput counter
+ // `count` is set to zero that current value of `rate` isn't included
+ // in the cumulative average
+
+ this.masterPlaylistController_.mainSegmentLoader_.throughput = {
+ rate: 0,
+ count: 0
+ };
+ }
+ },
- if (this.throughput > 0) {
- invThroughput = 1 / this.throughput;
- } else {
- invThroughput = 0;
- }
+ /**
+ * `systemBandwidth` is a combination of two serial processes bit-rates. The first
+ * is the network bitrate provided by `bandwidth` and the second is the bitrate of
+ * the entire process after that - decryption, transmuxing, and appending - provided
+ * by `throughput`.
+ *
+ * Since the two process are serial, the overall system bandwidth is given by:
+ * sysBandwidth = 1 / (1 / bandwidth + 1 / throughput)
+ */
+ systemBandwidth: {
+ get: function get() {
+ var invBandwidth = 1 / (this.bandwidth || 1);
+ var invThroughput;
- var systemBitrate = Math.floor(1 / (invBandwidth + invThroughput));
- return systemBitrate;
- },
- set: function set$$1() {
- videojs$1.log.error('The "systemBandwidth" property is read-only');
+ if (this.throughput > 0) {
+ invThroughput = 1 / this.throughput;
+ } else {
+ invThroughput = 0;
}
- }
- });
- if (this.options_.bandwidth) {
- this.bandwidth = this.options_.bandwidth;
+ var systemBitrate = Math.floor(1 / (invBandwidth + invThroughput));
+ return systemBitrate;
+ },
+ set: function set() {
+ videojs.log.error('The "systemBandwidth" property is read-only');
+ }
}
+ });
- if (this.options_.throughput) {
- this.throughput = this.options_.throughput;
- }
+ if (this.options_.bandwidth) {
+ this.bandwidth = this.options_.bandwidth;
+ }
- Object.defineProperties(this.stats, {
- bandwidth: {
- get: function get$$1() {
- return _this3.bandwidth || 0;
- },
- enumerable: true
+ if (this.options_.throughput) {
+ this.throughput = this.options_.throughput;
+ }
+
+ Object.defineProperties(this.stats, {
+ bandwidth: {
+ get: function get() {
+ return _this3.bandwidth || 0;
},
- mediaRequests: {
- get: function get$$1() {
- return _this3.masterPlaylistController_.mediaRequests_() || 0;
- },
- enumerable: true
+ enumerable: true
+ },
+ mediaRequests: {
+ get: function get() {
+ return _this3.masterPlaylistController_.mediaRequests_() || 0;
},
- mediaRequestsAborted: {
- get: function get$$1() {
- return _this3.masterPlaylistController_.mediaRequestsAborted_() || 0;
- },
- enumerable: true
+ enumerable: true
+ },
+ mediaRequestsAborted: {
+ get: function get() {
+ return _this3.masterPlaylistController_.mediaRequestsAborted_() || 0;
},
- mediaRequestsTimedout: {
- get: function get$$1() {
- return _this3.masterPlaylistController_.mediaRequestsTimedout_() || 0;
- },
- enumerable: true
+ enumerable: true
+ },
+ mediaRequestsTimedout: {
+ get: function get() {
+ return _this3.masterPlaylistController_.mediaRequestsTimedout_() || 0;
},
- mediaRequestsErrored: {
- get: function get$$1() {
- return _this3.masterPlaylistController_.mediaRequestsErrored_() || 0;
- },
- enumerable: true
+ enumerable: true
+ },
+ mediaRequestsErrored: {
+ get: function get() {
+ return _this3.masterPlaylistController_.mediaRequestsErrored_() || 0;
},
- mediaTransferDuration: {
- get: function get$$1() {
- return _this3.masterPlaylistController_.mediaTransferDuration_() || 0;
- },
- enumerable: true
+ enumerable: true
+ },
+ mediaTransferDuration: {
+ get: function get() {
+ return _this3.masterPlaylistController_.mediaTransferDuration_() || 0;
},
- mediaBytesTransferred: {
- get: function get$$1() {
- return _this3.masterPlaylistController_.mediaBytesTransferred_() || 0;
- },
- enumerable: true
+ enumerable: true
+ },
+ mediaBytesTransferred: {
+ get: function get() {
+ return _this3.masterPlaylistController_.mediaBytesTransferred_() || 0;
},
- mediaSecondsLoaded: {
- get: function get$$1() {
- return _this3.masterPlaylistController_.mediaSecondsLoaded_() || 0;
- },
- enumerable: true
+ enumerable: true
+ },
+ mediaSecondsLoaded: {
+ get: function get() {
+ return _this3.masterPlaylistController_.mediaSecondsLoaded_() || 0;
},
- buffered: {
- get: function get$$1() {
- return timeRangesToArray(_this3.tech_.buffered());
- },
- enumerable: true
+ enumerable: true
+ },
+ mediaAppends: {
+ get: function get() {
+ return _this3.masterPlaylistController_.mediaAppends_() || 0;
},
- currentTime: {
- get: function get$$1() {
- return _this3.tech_.currentTime();
- },
- enumerable: true
+ enumerable: true
+ },
+ mainAppendsToLoadedData: {
+ get: function get() {
+ return _this3.masterPlaylistController_.mainAppendsToLoadedData_() || 0;
},
- currentSource: {
- get: function get$$1() {
- return _this3.tech_.currentSource_;
- },
- enumerable: true
+ enumerable: true
+ },
+ audioAppendsToLoadedData: {
+ get: function get() {
+ return _this3.masterPlaylistController_.audioAppendsToLoadedData_() || 0;
},
- currentTech: {
- get: function get$$1() {
- return _this3.tech_.name_;
- },
- enumerable: true
+ enumerable: true
+ },
+ appendsToLoadedData: {
+ get: function get() {
+ return _this3.masterPlaylistController_.appendsToLoadedData_() || 0;
},
- duration: {
- get: function get$$1() {
- return _this3.tech_.duration();
- },
- enumerable: true
+ enumerable: true
+ },
+ timeToLoadedData: {
+ get: function get() {
+ return _this3.masterPlaylistController_.timeToLoadedData_() || 0;
},
- master: {
- get: function get$$1() {
- return _this3.playlists.master;
- },
- enumerable: true
+ enumerable: true
+ },
+ buffered: {
+ get: function get() {
+ return timeRangesToArray(_this3.tech_.buffered());
},
- playerDimensions: {
- get: function get$$1() {
- return _this3.tech_.currentDimensions();
- },
- enumerable: true
+ enumerable: true
+ },
+ currentTime: {
+ get: function get() {
+ return _this3.tech_.currentTime();
},
- seekable: {
- get: function get$$1() {
- return timeRangesToArray(_this3.tech_.seekable());
- },
- enumerable: true
+ enumerable: true
+ },
+ currentSource: {
+ get: function get() {
+ return _this3.tech_.currentSource_;
},
- timestamp: {
- get: function get$$1() {
- return Date.now();
- },
- enumerable: true
+ enumerable: true
+ },
+ currentTech: {
+ get: function get() {
+ return _this3.tech_.name_;
},
- videoPlaybackQuality: {
- get: function get$$1() {
- return _this3.tech_.getVideoPlaybackQuality();
- },
- enumerable: true
- }
- });
- this.tech_.one('canplay', this.masterPlaylistController_.setupFirstPlay.bind(this.masterPlaylistController_));
- this.tech_.on('bandwidthupdate', function () {
- if (_this3.options_.useBandwidthFromLocalStorage) {
- updateVhsLocalStorage({
- bandwidth: _this3.bandwidth,
- throughput: Math.round(_this3.throughput)
- });
- }
- });
- this.masterPlaylistController_.on('selectedinitialmedia', function () {
- // Add the manual rendition mix-in to HlsHandler
- renditionSelectionMixin(_this3);
- setupEmeOptions(_this3);
- }); // the bandwidth of the primary segment loader is our best
- // estimate of overall bandwidth
-
- this.on(this.masterPlaylistController_, 'progress', function () {
- this.tech_.trigger('progress');
- }); // In the live case, we need to ignore the very first `seeking` event since
- // that will be the result of the seek-to-live behavior
-
- this.on(this.masterPlaylistController_, 'firstplay', function () {
- this.ignoreNextSeekingEvent_ = true;
- });
- this.setupQualityLevels_(); // do nothing if the tech has been disposed already
- // this can occur if someone sets the src in player.ready(), for instance
-
- if (!this.tech_.el()) {
- return;
+ enumerable: true
+ },
+ duration: {
+ get: function get() {
+ return _this3.tech_.duration();
+ },
+ enumerable: true
+ },
+ master: {
+ get: function get() {
+ return _this3.playlists.master;
+ },
+ enumerable: true
+ },
+ playerDimensions: {
+ get: function get() {
+ return _this3.tech_.currentDimensions();
+ },
+ enumerable: true
+ },
+ seekable: {
+ get: function get() {
+ return timeRangesToArray(_this3.tech_.seekable());
+ },
+ enumerable: true
+ },
+ timestamp: {
+ get: function get() {
+ return Date.now();
+ },
+ enumerable: true
+ },
+ videoPlaybackQuality: {
+ get: function get() {
+ return _this3.tech_.getVideoPlaybackQuality();
+ },
+ enumerable: true
+ }
+ });
+ this.tech_.one('canplay', this.masterPlaylistController_.setupFirstPlay.bind(this.masterPlaylistController_));
+ this.tech_.on('bandwidthupdate', function () {
+ if (_this3.options_.useBandwidthFromLocalStorage) {
+ updateVhsLocalStorage({
+ bandwidth: _this3.bandwidth,
+ throughput: Math.round(_this3.throughput)
+ });
}
+ });
+ this.masterPlaylistController_.on('selectedinitialmedia', function () {
+ // Add the manual rendition mix-in to VhsHandler
+ renditionSelectionMixin(_this3);
+ });
+ this.masterPlaylistController_.sourceUpdater_.on('createdsourcebuffers', function () {
+ _this3.setupEme_();
+ }); // the bandwidth of the primary segment loader is our best
+ // estimate of overall bandwidth
+
+ this.on(this.masterPlaylistController_, 'progress', function () {
+ this.tech_.trigger('progress');
+ }); // In the live case, we need to ignore the very first `seeking` event since
+ // that will be the result of the seek-to-live behavior
+
+ this.on(this.masterPlaylistController_, 'firstplay', function () {
+ this.ignoreNextSeekingEvent_ = true;
+ });
+ this.setupQualityLevels_(); // do nothing if the tech has been disposed already
+ // this can occur if someone sets the src in player.ready(), for instance
- this.tech_.src(videojs$1.URL.createObjectURL(this.masterPlaylistController_.mediaSource));
+ if (!this.tech_.el()) {
+ return;
}
- /**
- * Initializes the quality levels and sets listeners to update them.
- *
- * @method setupQualityLevels_
- * @private
- */
- }, {
- key: 'setupQualityLevels_',
- value: function setupQualityLevels_() {
- var _this4 = this;
+ this.mediaSourceUrl_ = window.URL.createObjectURL(this.masterPlaylistController_.mediaSource);
+ this.tech_.src(this.mediaSourceUrl_);
+ }
+ /**
+ * If necessary and EME is available, sets up EME options and waits for key session
+ * creation.
+ *
+ * This function also updates the source updater so taht it can be used, as for some
+ * browsers, EME must be configured before content is appended (if appending unencrypted
+ * content before encrypted content).
+ */
+ ;
- var player = videojs$1.players[this.tech_.options_.playerId]; // if there isn't a player or there isn't a qualityLevels plugin
- // or qualityLevels_ listeners have already been setup, do nothing.
+ _proto.setupEme_ = function setupEme_() {
+ var _this4 = this;
- if (!player || !player.qualityLevels || this.qualityLevels_) {
- return;
+ var audioPlaylistLoader = this.masterPlaylistController_.mediaTypes_.AUDIO.activePlaylistLoader;
+ var didSetupEmeOptions = setupEmeOptions({
+ player: this.player_,
+ sourceKeySystems: this.source_.keySystems,
+ media: this.playlists.media(),
+ audioMedia: audioPlaylistLoader && audioPlaylistLoader.media()
+ });
+ this.player_.tech_.on('keystatuschange', function (e) {
+ if (e.status === 'output-restricted') {
+ _this4.masterPlaylistController_.blacklistCurrentPlaylist({
+ playlist: _this4.masterPlaylistController_.media(),
+ message: "DRM keystatus changed to " + e.status + ". Playlist will fail to play. Check for HDCP content.",
+ blacklistDuration: Infinity
+ });
}
+ }); // In IE11 this is too early to initialize media keys, and IE11 does not support
+ // promises.
- this.qualityLevels_ = player.qualityLevels();
- this.masterPlaylistController_.on('selectedinitialmedia', function () {
- handleHlsLoadedMetadata(_this4.qualityLevels_, _this4);
- });
- this.playlists.on('mediachange', function () {
- handleHlsMediaChange(_this4.qualityLevels_, _this4.playlists);
+ if (videojs.browser.IE_VERSION === 11 || !didSetupEmeOptions) {
+ // If EME options were not set up, we've done all we could to initialize EME.
+ this.masterPlaylistController_.sourceUpdater_.initializedEme();
+ return;
+ }
+
+ this.logger_('waiting for EME key session creation');
+ waitForKeySessionCreation({
+ player: this.player_,
+ sourceKeySystems: this.source_.keySystems,
+ audioMedia: audioPlaylistLoader && audioPlaylistLoader.media(),
+ mainPlaylists: this.playlists.master.playlists
+ }).then(function () {
+ _this4.logger_('created EME key session');
+
+ _this4.masterPlaylistController_.sourceUpdater_.initializedEme();
+ })["catch"](function (err) {
+ _this4.logger_('error while creating EME key session', err);
+
+ _this4.player_.error({
+ message: 'Failed to initialize media keys for EME',
+ code: 3
});
+ });
+ }
+ /**
+ * Initializes the quality levels and sets listeners to update them.
+ *
+ * @method setupQualityLevels_
+ * @private
+ */
+ ;
+
+ _proto.setupQualityLevels_ = function setupQualityLevels_() {
+ var _this5 = this;
+
+ var player = videojs.players[this.tech_.options_.playerId]; // if there isn't a player or there isn't a qualityLevels plugin
+ // or qualityLevels_ listeners have already been setup, do nothing.
+
+ if (!player || !player.qualityLevels || this.qualityLevels_) {
+ return;
}
- /**
- * Begin playing the video.
- */
- }, {
- key: 'play',
- value: function play() {
- this.masterPlaylistController_.play();
+ this.qualityLevels_ = player.qualityLevels();
+ this.masterPlaylistController_.on('selectedinitialmedia', function () {
+ handleVhsLoadedMetadata(_this5.qualityLevels_, _this5);
+ });
+ this.playlists.on('mediachange', function () {
+ handleVhsMediaChange(_this5.qualityLevels_, _this5.playlists);
+ });
+ }
+ /**
+ * return the version
+ */
+ ;
+
+ VhsHandler.version = function version$5() {
+ return {
+ '@videojs/http-streaming': version$4,
+ 'mux.js': version$3,
+ 'mpd-parser': version$2,
+ 'm3u8-parser': version$1,
+ 'aes-decrypter': version
+ };
+ }
+ /**
+ * return the version
+ */
+ ;
+
+ _proto.version = function version() {
+ return this.constructor.version();
+ };
+
+ _proto.canChangeType = function canChangeType() {
+ return SourceUpdater.canChangeType();
+ }
+ /**
+ * Begin playing the video.
+ */
+ ;
+
+ _proto.play = function play() {
+ this.masterPlaylistController_.play();
+ }
+ /**
+ * a wrapper around the function in MasterPlaylistController
+ */
+ ;
+
+ _proto.setCurrentTime = function setCurrentTime(currentTime) {
+ this.masterPlaylistController_.setCurrentTime(currentTime);
+ }
+ /**
+ * a wrapper around the function in MasterPlaylistController
+ */
+ ;
+
+ _proto.duration = function duration() {
+ return this.masterPlaylistController_.duration();
+ }
+ /**
+ * a wrapper around the function in MasterPlaylistController
+ */
+ ;
+
+ _proto.seekable = function seekable() {
+ return this.masterPlaylistController_.seekable();
+ }
+ /**
+ * Abort all outstanding work and cleanup.
+ */
+ ;
+
+ _proto.dispose = function dispose() {
+ if (this.playbackWatcher_) {
+ this.playbackWatcher_.dispose();
}
- /**
- * a wrapper around the function in MasterPlaylistController
- */
- }, {
- key: 'setCurrentTime',
- value: function setCurrentTime(currentTime) {
- this.masterPlaylistController_.setCurrentTime(currentTime);
+ if (this.masterPlaylistController_) {
+ this.masterPlaylistController_.dispose();
}
- /**
- * a wrapper around the function in MasterPlaylistController
- */
- }, {
- key: 'duration',
- value: function duration$$1() {
- return this.masterPlaylistController_.duration();
+ if (this.qualityLevels_) {
+ this.qualityLevels_.dispose();
}
- /**
- * a wrapper around the function in MasterPlaylistController
- */
- }, {
- key: 'seekable',
- value: function seekable$$1() {
- return this.masterPlaylistController_.seekable();
+ if (this.player_) {
+ delete this.player_.vhs;
+ delete this.player_.dash;
+ delete this.player_.hls;
}
- /**
- * Abort all outstanding work and cleanup.
- */
- }, {
- key: 'dispose',
- value: function dispose() {
- if (this.playbackWatcher_) {
- this.playbackWatcher_.dispose();
- }
+ if (this.tech_ && this.tech_.vhs) {
+ delete this.tech_.vhs;
+ } // don't check this.tech_.hls as it will log a deprecated warning
- if (this.masterPlaylistController_) {
- this.masterPlaylistController_.dispose();
- }
- if (this.qualityLevels_) {
- this.qualityLevels_.dispose();
- }
+ if (this.tech_) {
+ delete this.tech_.hls;
+ }
- if (this.player_) {
- delete this.player_.vhs;
- delete this.player_.dash;
- delete this.player_.hls;
- }
+ if (this.mediaSourceUrl_ && window.URL.revokeObjectURL) {
+ window.URL.revokeObjectURL(this.mediaSourceUrl_);
+ this.mediaSourceUrl_ = null;
+ }
- if (this.tech_ && this.tech_.hls) {
- delete this.tech_.hls;
- }
+ _Component.prototype.dispose.call(this);
+ };
+
+ _proto.convertToProgramTime = function convertToProgramTime(time, callback) {
+ return getProgramTime({
+ playlist: this.masterPlaylistController_.media(),
+ time: time,
+ callback: callback
+ });
+ } // the player must be playing before calling this
+ ;
- get$1(HlsHandler.prototype.__proto__ || Object.getPrototypeOf(HlsHandler.prototype), 'dispose', this).call(this);
+ _proto.seekToProgramTime = function seekToProgramTime$1(programTime, callback, pauseAfterSeek, retryCount) {
+ if (pauseAfterSeek === void 0) {
+ pauseAfterSeek = true;
}
- }, {
- key: 'convertToProgramTime',
- value: function convertToProgramTime(time, callback) {
- return getProgramTime({
- playlist: this.masterPlaylistController_.media(),
- time: time,
- callback: callback
- });
- } // the player must be playing before calling this
- }, {
- key: 'seekToProgramTime',
- value: function seekToProgramTime$$1(programTime, callback) {
- var pauseAfterSeek = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
- var retryCount = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 2;
- return seekToProgramTime({
- programTime: programTime,
- playlist: this.masterPlaylistController_.media(),
- retryCount: retryCount,
- pauseAfterSeek: pauseAfterSeek,
- seekTo: this.options_.seekTo,
- tech: this.options_.tech,
- callback: callback
- });
+ if (retryCount === void 0) {
+ retryCount = 2;
}
- }]);
- return HlsHandler;
- }(Component$1);
+
+ return seekToProgramTime({
+ programTime: programTime,
+ playlist: this.masterPlaylistController_.media(),
+ retryCount: retryCount,
+ pauseAfterSeek: pauseAfterSeek,
+ seekTo: this.options_.seekTo,
+ tech: this.options_.tech,
+ callback: callback
+ });
+ };
+
+ return VhsHandler;
+ }(Component);
/**
* The Source Handler object, which informs video.js what additional
* MIME types are supported and sets up playback. It is registered
*/
- var HlsSourceHandler = {
+ var VhsSourceHandler = {
name: 'videojs-http-streaming',
- VERSION: version$1,
- canHandleSource: function canHandleSource(srcObj) {
- var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
- var localOptions = videojs$1.mergeOptions(videojs$1.options, options);
- return HlsSourceHandler.canPlayType(srcObj.type, localOptions);
+ VERSION: version$4,
+ canHandleSource: function canHandleSource(srcObj, options) {
+ if (options === void 0) {
+ options = {};
+ }
+
+ var localOptions = videojs.mergeOptions(videojs.options, options);
+ return VhsSourceHandler.canPlayType(srcObj.type, localOptions);
},
- handleSource: function handleSource(source, tech) {
- var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
- var localOptions = videojs$1.mergeOptions(videojs$1.options, options);
- tech.hls = new HlsHandler(source, tech, localOptions);
- tech.hls.xhr = xhrFactory();
- tech.hls.src(source.src, source.type);
- return tech.hls;
+ handleSource: function handleSource(source, tech, options) {
+ if (options === void 0) {
+ options = {};
+ }
+
+ var localOptions = videojs.mergeOptions(videojs.options, options);
+ tech.vhs = new VhsHandler(source, tech, localOptions);
+
+ if (!videojs.hasOwnProperty('hls')) {
+ Object.defineProperty(tech, 'hls', {
+ get: function get() {
+ videojs.log.warn('player.tech().hls is deprecated. Use player.tech().vhs instead.');
+ return tech.vhs;
+ },
+ configurable: true
+ });
+ }
+
+ tech.vhs.xhr = xhrFactory();
+ tech.vhs.src(source.src, source.type);
+ return tech.vhs;
},
- canPlayType: function canPlayType(type) {
- var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+ canPlayType: function canPlayType(type, options) {
+ if (options === void 0) {
+ options = {};
+ }
- var _videojs$mergeOptions = videojs$1.mergeOptions(videojs$1.options, options),
- overrideNative = _videojs$mergeOptions.hls.overrideNative;
+ var _videojs$mergeOptions = videojs.mergeOptions(videojs.options, options),
+ _videojs$mergeOptions2 = _videojs$mergeOptions.vhs.overrideNative,
+ overrideNative = _videojs$mergeOptions2 === void 0 ? !videojs.browser.IS_ANY_SAFARI : _videojs$mergeOptions2;
var supportedType = simpleTypeFromSourceType(type);
- var canUseMsePlayback = supportedType && (!Hls$1.supportsTypeNatively(supportedType) || overrideNative);
+ var canUseMsePlayback = supportedType && (!Vhs.supportsTypeNatively(supportedType) || overrideNative);
return canUseMsePlayback ? 'maybe' : '';
}
};
+ /**
+ * Check to see if the native MediaSource object exists and supports
+ * an MP4 container with both H.264 video and AAC-LC audio.
+ *
+ * @return {boolean} if native media sources are supported
+ */
- if (typeof videojs$1.MediaSource === 'undefined' || typeof videojs$1.URL === 'undefined') {
- videojs$1.MediaSource = MediaSource;
- videojs$1.URL = URL$1;
- } // register source handlers with the appropriate techs
+ var supportsNativeMediaSources = function supportsNativeMediaSources() {
+ return browserSupportsCodec('avc1.4d400d,mp4a.40.2');
+ }; // register source handlers with the appropriate techs
- if (MediaSource.supportsNativeMediaSources()) {
- videojs$1.getTech('Html5').registerSourceHandler(HlsSourceHandler, 0);
+ if (supportsNativeMediaSources()) {
+ videojs.getTech('Html5').registerSourceHandler(VhsSourceHandler, 0);
}
- videojs$1.HlsHandler = HlsHandler;
- videojs$1.HlsSourceHandler = HlsSourceHandler;
- videojs$1.Hls = Hls$1;
+ videojs.VhsHandler = VhsHandler;
+ Object.defineProperty(videojs, 'HlsHandler', {
+ get: function get() {
+ videojs.log.warn('videojs.HlsHandler is deprecated. Use videojs.VhsHandler instead.');
+ return VhsHandler;
+ },
+ configurable: true
+ });
+ videojs.VhsSourceHandler = VhsSourceHandler;
+ Object.defineProperty(videojs, 'HlsSourceHandler', {
+ get: function get() {
+ videojs.log.warn('videojs.HlsSourceHandler is deprecated. ' + 'Use videojs.VhsSourceHandler instead.');
+ return VhsSourceHandler;
+ },
+ configurable: true
+ });
+ videojs.Vhs = Vhs;
+ Object.defineProperty(videojs, 'Hls', {
+ get: function get() {
+ videojs.log.warn('videojs.Hls is deprecated. Use videojs.Vhs instead.');
+ return Vhs;
+ },
+ configurable: true
+ });
- if (!videojs$1.use) {
- videojs$1.registerComponent('Hls', Hls$1);
+ if (!videojs.use) {
+ videojs.registerComponent('Hls', Vhs);
+ videojs.registerComponent('Vhs', Vhs);
}
- videojs$1.options.hls = videojs$1.options.hls || {};
+ videojs.options.vhs = videojs.options.vhs || {};
+ videojs.options.hls = videojs.options.hls || {};
- if (videojs$1.registerPlugin) {
- videojs$1.registerPlugin('reloadSourceOnError', reloadSourceOnError);
- } else {
- videojs$1.plugin('reloadSourceOnError', reloadSourceOnError);
+ if (!videojs.getPlugin || !videojs.getPlugin('reloadSourceOnError')) {
+ var registerPlugin = videojs.registerPlugin || videojs.plugin;
+ registerPlugin('reloadSourceOnError', reloadSourceOnError);
}
- return videojs$1;
+ return videojs;
})));
https://git.useribm.hu / mediacube.git / commitdiff