rx-player 4.0.0-alpha.2023012000 → 4.0.0-beta.1

package/.eslintrc.js

@@ -16,10 +16,18 @@ module.exports = {
   "plugins": [
     "eslint-plugin-import",
     "eslint-plugin-jsdoc",
+    "ban",
     "@typescript-eslint",
     "@typescript-eslint/tslint"
   ],
   "rules": {
+    "ban/ban": [
+      2,
+      {
+        "name": ["*", "finally"],
+        "message": "Promise.prototype.finally is forbidden due to poor support from older devices.\nNote that this linting rule just bans naively all \"finally\" method calls, if in this case it wasn't called on a Promise, you can safely ignore this error",
+      }
+    ],
     "@typescript-eslint/adjacent-overload-signatures": "error",
     "@typescript-eslint/array-type": [
       "error",

package/CHANGELOG.md

@@ -1,8 +1,61 @@
 # Changelog
 
-## v4.0.0-alpha.2022110300 (2022-11-03)
+## v4.0.0-beta.1 (2023-03-08)
 
-### Changed
+### Bug fixes
+
+  - (v4.0.0-beta.0-only issue) Fix memory leak
+  - (v4.0.0-beta.0-only issue) Fix MediaSource duration when maxBufferedEnd is inferior to current duration but superior to calculated duration
+  - (v4.0.0-beta.0-only issue) Fix stopAtEnd option by also switching to STOPPED state on ended
+  - (v4.0.0-beta.0-only issue) Fix some target's support by not relying on Promise.prototype.finally anymore [#1224]
+  - (v4.0.0-beta.0-only issue) For dynamic contents, always set a very high duration [#1220]
+  - (v4.0.0-beta.0-only issue) DRM: Fix fallbacking for an already-played content by checking key statuses initially linked to a MediaKeySession
+
+### Other improvements
+
+  - Based on the v3.30.0 of which it inherits all the features, bug fixes and other improvments
+
+
+## v3.30.0 (2023-03-07)
+
+### Features
+
+  - Add `updateContentUrls` API, allowing to update the Manifest's URL during playback [#1182]
+  - DASH: implement forced-subtitles, adding the `forced` property to the audio tracks API and selecting by default a forced text track linked to the audio track's language if present [#1187]
+  - DRM: add the `getKeySystemConfiguration` method to the RxPlayer [#1202]
+  - add experimental `DEBUG_ELEMENT` feature and `createDebugElement` method to render a default debugging HTML element [#1200]
+
+### Deprecated
+
+  - Deprecate the `getVideoLoadedTime` method which can be easily replaced (see Deprecated method documentation)
+  - Deprecate the `getVideoPlayedTime` method which can be easily replaced (see Deprecated method documentation)
+  - Deprecate the `transportOptions.aggressiveMode` option
+  - DRM: Deprecate the `keySystems[].onKeyStatusesChange` callback as no good use case was found for it.
+
+### Bug fixes
+
+  - Fix segment requesting error when playing a DASH content without an url and without BaseURL elements [#1192]
+  - API: Stop sending events if the content is stopped due to a side-effect of one of the event handler [#1197]
+  - text-tracks/ttml: fix inconsistent line spacing when resizing the `textTrackElement` [#1191]
+  - DRM: Fix race condition leading to a JS error instead of a `NO_PLAYABLE_REPRESENTATION` [#1201]
+  - DRM/Compat: Renew MediaKeys at each `loadVideo` on all WebOS (LG TV) platforms to work around issues [#1188]
+
+### Other improvements
+
+  - DASH: better detect closed captions [#1187]
+  - DASH: handle `endNumber` DASH attribute [#1186]
+  - DASH: Do not merge AdaptationSet with role "main" anymore [#1214]
+  - DASH: parse `transferCharacteristics` property in the MPD to better detect hdr [#1212]
+  - Support encrypted contents on Panasonic 2019 TVs [#1226]
+  - Better handle SourceBuffer's QuotaExceededError, responsible for `MediaError` with the `BUFFER_FULL_ERROR` code [#1221]
+  - API: send available...TracksChange events in the very unlikely scenario where tracks are added after a manifest update [#1197]
+  - Completely remove RxJS dependency from the RxPlayer's source code [#1193]
+  - DRM: Request PR recommendation when PlayReady is asked and try default recommendation robustnesses [#1189]
+
+
+## v4.0.0-beta.0 (2023-01-27)
+
+### Changes
 
   - Create `"FREEZING"` player state for cases where the playback position is currently not advancing due to an unknown reason, to separate it from regular `"BUFFERING"`. [#1146]
   - The `RELOADING` player state (gettable  through the `getPlayerState` and `playerStateChange` API) can now happen at any time to unlock playback.
@@ -17,6 +70,7 @@
   - Remove `audioBitrateChange` and `videoBitrateChange` events in profit of the new `audioRepresentationChange` and `videoRepresentationChange` events
   - Remove `availableAudioBitratesChange` and `availableVideoBitratesChange` events. Those are less needed with the new Representations lock API and can be mostly replicated through the `audioTrackChange` and `videoTrackChange` events
   - "Flatten" the `transportOptions` loadVideo options by putting all its inner properties directly at the top level of loadVideo options, to simplify its documentation and discoverability [#1149]
+  - Remove `limitVideoWidth` constructor option in profit of the more configurable `videoResolutionLimit` constructor option
   - Rename `networkConfig` into `requestConfig` and re-organize its inner properties to pave the way for future request-related APIs.
   - Remove `stopAtEnd` `loadVideo` option and don't automatically stop when reaching the end by default. This behavior can be counter-intuitive and can be very easily implemented by the application.
   - Remove `decipherabilityUpdate` event as it appeared to be not easily exploitable and exposed internal logic too much [#1168]
@@ -74,7 +128,10 @@
   - Add `lockVideoRepresentations`, `lockAudioRepresentations`, `getLockedVideoRepresentations`, `getLockedAudioRepresentations`, `unlockVideoRepresentations` and `unlockAudioRepresentations` methods to allow a complex selection of Representations that are currently allowed to play.
   - Add `getVideoRepresentation` and `getAudioRepresentation` method to retrieve information on the currently loaded representations [#1144]
   - Add `audioRepresentationChange` and `videoRepresentationChange` events to be notified when the currently-loaded Representation for the current Period changes.
+  - Add `updateContentUrls` API, allowing to update the Manifest's URL during playback [#1182]
+  - DASH: implement forced-subtitles, adding the `forced` property to the audio tracks API and selecting by default a forced text track linked to the audio track's language if present [#1187]
   - Add `getContentUrls` allowing to retrieve the one or several known URLs through which the current Manifest or content is reachable.
+  - Add `videoResolutionLimit` constructor option allowing to automatically limit a video Representation's resolution.
   - Add `newAvailablePeriods` event to signal new Period on which a track and/or Representation choice can be made
   - Add `brokenRepresentationsLock` event for when a Representations lock could not be respected anymore
   - Add `trackUpdate` event for when a track has been updated for any type and Period
@@ -99,6 +156,18 @@
   - Add `IVideoTrackSetting` public type to define the object that may be given to the `setVideoTrack` method
   - Add `ITextTrackSetting` public type to define the object that may be given to the `setTextTrack` method
 
+### Bug fixes
+
+  - Fix segment requesting error when playing a DASH content without an url and without BaseURL elements [#1192]
+  - API: Stop sending events if the content is stopped due to a side-effect of one of the event handler [#1197]
+  - text-tracks/ttml: fix inconsistent line spacing when resizing the `textTrackElement` [#1191]
+  - DRM: Fix race condition leading to a JS error instead of a `NO_PLAYABLE_REPRESENTATION` [#1201]
+  - DRM/Compat: Renew MediaKeys at each `loadVideo` on all WebOS (LG TV) platforms to work around issues [#1188]
+
+### Other improvements
+
+  - Remove dependency to RxJS, improving the debugging experience and preventing some uncaught Error from being thrown
+
 
 ## v3.29.0 (2022-11-16)
 

package/VERSION

@@ -1 +1 @@
-4.0.0-alpha.2023012000
+4.0.0-beta.1

package/dist/_esm5.processed/compat/browser_detection.d.ts

@@ -13,17 +13,28 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-declare const isIE11: boolean;
-declare const isIEOrEdge: boolean;
-declare const isEdgeChromium: boolean;
-declare const isFirefox: boolean;
-declare const isSamsungBrowser: boolean;
-declare const isTizen: boolean;
-declare const isWebOs: boolean;
-declare const isWebOs2021: boolean;
-declare const isWebOs2022: boolean;
+/** Edge Chromium, regardless of the device */
+declare let isEdgeChromium: boolean;
+/** IE11, regardless of the device */
+declare let isIE11: boolean;
+/** IE11 or Edge __Legacy__ (not Edge Chromium), regardless of the device */
+declare let isIEOrEdge: boolean;
+/** Firefox, regardless of the device */
+declare let isFirefox: boolean;
 /** `true` on Safari on a PC platform (i.e. not iPhone / iPad etc.) */
-declare const isSafariDesktop: boolean;
+declare let isSafariDesktop: boolean;
 /** `true` on Safari on an iPhone, iPad & iPod platform */
-declare const isSafariMobile: boolean;
-export { isEdgeChromium, isIE11, isIEOrEdge, isFirefox, isSafariDesktop, isSafariMobile, isSamsungBrowser, isTizen, isWebOs, isWebOs2021, isWebOs2022, };
+declare let isSafariMobile: boolean;
+/** Samsung's own browser application */
+declare let isSamsungBrowser: boolean;
+/** `true` on devices where Tizen is the OS (e.g. Samsung TVs). */
+declare let isTizen: boolean;
+/** `true` on devices where WebOS is the OS (e.g. LG TVs). */
+declare let isWebOs: boolean;
+/** `true` specifically for WebOS 2021 version. */
+declare let isWebOs2021: boolean;
+/** `true` specifically for WebOS 2022 version. */
+declare let isWebOs2022: boolean;
+/** `true` for Panasonic devices. */
+declare let isPanasonic: boolean;
+export { isEdgeChromium, isIE11, isIEOrEdge, isFirefox, isPanasonic, isSafariDesktop, isSafariMobile, isSamsungBrowser, isTizen, isWebOs, isWebOs2021, isWebOs2022, };

package/dist/_esm5.processed/compat/browser_detection.js

@@ -13,44 +13,86 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-var _a, _b;
 import isNode from "./is_node";
-// true on IE11
-// false on Edge and other IEs/browsers.
-var isIE11 = !isNode &&
-    typeof window.MSInputMethodContext !== "undefined" &&
-    typeof document.documentMode !== "undefined";
-// true for IE / Edge
-var isIEOrEdge = isNode ?
-    false :
-    navigator.appName === "Microsoft Internet Explorer" ||
-        navigator.appName === "Netscape" &&
-            /(Trident|Edge)\//.test(navigator.userAgent);
-var isEdgeChromium = !isNode &&
-    navigator.userAgent.toLowerCase().indexOf("edg/") !== -1;
-var isFirefox = !isNode &&
-    navigator.userAgent.toLowerCase().indexOf("firefox") !== -1;
-var isSamsungBrowser = !isNode &&
-    /SamsungBrowser/.test(navigator.userAgent);
-var isTizen = !isNode &&
-    /Tizen/.test(navigator.userAgent);
-var isWebOs = !isNode &&
-    navigator.userAgent.indexOf("Web0S") >= 0;
-// Inspired form: http://webostv.developer.lge.com/discover/specifications/web-engine/
-// Note: even that page doesn't correspond to what we've actually seen in the
-// wild
-var isWebOs2021 = isWebOs &&
-    (/[Ww]eb[O0]S.TV-2021/.test(navigator.userAgent) ||
-        /[Cc]hr[o0]me\/79/.test(navigator.userAgent));
-var isWebOs2022 = isWebOs &&
-    (/[Ww]eb[O0]S.TV-2022/.test(navigator.userAgent) ||
-        /[Cc]hr[o0]me\/87/.test(navigator.userAgent));
+/** Edge Chromium, regardless of the device */
+var isEdgeChromium = false;
+/** IE11, regardless of the device */
+var isIE11 = false;
+/** IE11 or Edge __Legacy__ (not Edge Chromium), regardless of the device */
+var isIEOrEdge = false;
+/** Firefox, regardless of the device */
+var isFirefox = false;
 /** `true` on Safari on a PC platform (i.e. not iPhone / iPad etc.) */
-var isSafariDesktop = !isNode && (Object.prototype.toString.call(window.HTMLElement).indexOf("Constructor") >= 0 ||
-    ((_b = (_a = window.safari) === null || _a === void 0 ? void 0 : _a.pushNotification) === null || _b === void 0 ? void 0 : _b.toString()) ===
-        "[object SafariRemoteNotification]");
+var isSafariDesktop = false;
 /** `true` on Safari on an iPhone, iPad & iPod platform */
-var isSafariMobile = !isNode &&
-    typeof navigator.platform === "string" &&
-    /iPad|iPhone|iPod/.test(navigator.platform);
-export { isEdgeChromium, isIE11, isIEOrEdge, isFirefox, isSafariDesktop, isSafariMobile, isSamsungBrowser, isTizen, isWebOs, isWebOs2021, isWebOs2022, };
+var isSafariMobile = false;
+/** Samsung's own browser application */
+var isSamsungBrowser = false;
+/** `true` on devices where Tizen is the OS (e.g. Samsung TVs). */
+var isTizen = false;
+/** `true` on devices where WebOS is the OS (e.g. LG TVs). */
+var isWebOs = false;
+/** `true` specifically for WebOS 2021 version. */
+var isWebOs2021 = false;
+/** `true` specifically for WebOS 2022 version. */
+var isWebOs2022 = false;
+/** `true` for Panasonic devices. */
+var isPanasonic = false;
+((function findCurrentBrowser() {
+    var _a, _b;
+    if (isNode) {
+        return;
+    }
+    // 1 - Find out browser between IE/Edge Legacy/Edge Chromium/Firefox/Safari
+    if (typeof window.MSInputMethodContext !== "undefined" &&
+        typeof document.documentMode !== "undefined") {
+        isIE11 = true;
+        isIEOrEdge = true;
+    }
+    else if (navigator.appName === "Microsoft Internet Explorer" ||
+        navigator.appName === "Netscape" &&
+            /(Trident|Edge)\//.test(navigator.userAgent)) {
+        isIEOrEdge = true;
+    }
+    else if (navigator.userAgent.toLowerCase().indexOf("edg/") !== -1) {
+        isEdgeChromium = true;
+    }
+    else if (navigator.userAgent.toLowerCase().indexOf("firefox") !== -1) {
+        isFirefox = true;
+    }
+    else if (typeof navigator.platform === "string" &&
+        /iPad|iPhone|iPod/.test(navigator.platform)) {
+        isSafariMobile = true;
+    }
+    else if (Object.prototype.toString.call(window.HTMLElement).indexOf("Constructor") >= 0 ||
+        ((_b = (_a = window.safari) === null || _a === void 0 ? void 0 : _a.pushNotification) === null || _b === void 0 ? void 0 : _b.toString()) ===
+            "[object SafariRemoteNotification]") {
+        isSafariDesktop = true;
+    }
+    // 2 - Find out specific device/platform information
+    // Samsung browser e.g. on Android
+    if (/SamsungBrowser/.test(navigator.userAgent)) {
+        isSamsungBrowser = true;
+    }
+    if (/Tizen/.test(navigator.userAgent)) {
+        isTizen = true;
+        // Inspired form: http://webostv.developer.lge.com/discover/specifications/web-engine/
+        // Note: even that page doesn't correspond to what we've actually seen in the
+        // wild
+    }
+    else if (/[Ww]eb[O0]S/.test(navigator.userAgent)) {
+        isWebOs = true;
+        if (/[Ww]eb[O0]S.TV-2022/.test(navigator.userAgent) ||
+            /[Cc]hr[o0]me\/87/.test(navigator.userAgent)) {
+            isWebOs2022 = true;
+        }
+        else if (/[Ww]eb[O0]S.TV-2021/.test(navigator.userAgent) ||
+            /[Cc]hr[o0]me\/79/.test(navigator.userAgent)) {
+            isWebOs2021 = true;
+        }
+    }
+    else if (/[Pp]anasonic/.test(navigator.userAgent)) {
+        isPanasonic = true;
+    }
+})());
+export { isEdgeChromium, isIE11, isIEOrEdge, isFirefox, isPanasonic, isSafariDesktop, isSafariMobile, isSamsungBrowser, isTizen, isWebOs, isWebOs2021, isWebOs2022, };

package/dist/_esm5.processed/compat/can_reuse_media_keys.js

@@ -1,4 +1,4 @@
-import { isWebOs } from "./browser_detection";
+import { isPanasonic, isWebOs, } from "./browser_detection";
 /**
  * Returns `true` if a `MediaKeys` instance (the  `Encrypted Media Extension`
  * concept) can be reused between contents.
@@ -12,5 +12,5 @@ import { isWebOs } from "./browser_detection";
  * @returns {boolean}
  */
 export default function canReuseMediaKeys() {
-    return !isWebOs;
+    return !isWebOs && !isPanasonic;
 }

package/dist/_esm5.processed/compat/eme/close_session.js

@@ -136,7 +136,7 @@ export default function closeSession(session) {
                         return [3 /*break*/, 4];
                     case 2:
                         err_2 = _a.sent();
-                        if (timeoutCanceller.isUsed) { // Reminder: cancelled == session closed
+                        if (timeoutCanceller.isUsed()) { // Reminder: cancelled == session closed
                             return [2 /*return*/];
                         }
                         // The caught error can tell if session is closed
@@ -151,7 +151,7 @@ export default function closeSession(session) {
                         _a.sent();
                         return [3 /*break*/, 4];
                     case 4:
-                        if (timeoutCanceller.isUsed) { // Reminder: cancelled == session closed
+                        if (timeoutCanceller.isUsed()) { // Reminder: cancelled == session closed
                             return [2 /*return*/];
                         }
                         throw new Error("Compat: Couldn't know if session is closed");

package/dist/_esm5.processed/compat/event_listeners.d.ts

@@ -22,6 +22,12 @@ export interface IEventEmitterLike {
     removeEventListener: (eventName: string, handler: () => void) => void;
 }
 export type IEventTargetLike = HTMLElement | IEventEmitterLike | IEventEmitter<unknown>;
+/**
+ * Get video width from Picture-in-Picture window
+ * @param {HTMLMediaElement} mediaElement
+ * @param {Object} pipWindow
+ * @returns {number}
+ */
 export interface IPictureInPictureEvent {
     isEnabled: boolean;
     pipWindow: ICompatPictureInPictureWindow | null;
@@ -45,14 +51,28 @@ declare function getPictureOnPictureStateRef(elt: HTMLMediaElement, stopListenin
  */
 declare function getVideoVisibilityRef(pipStatus: IReadOnlySharedReference<IPictureInPictureEvent>, stopListening: CancellationSignal): IReadOnlySharedReference<boolean>;
 /**
- * Get video width from HTML video element, or video estimated dimensions
- * when Picture-in-Picture is activated.
+ * Get video width and height from the screen dimensions.
+ * @param {Object} stopListening
+ * @returns {Object}
+ */
+declare function getScreenResolutionRef(stopListening: CancellationSignal): IReadOnlySharedReference<{
+    width: number | undefined;
+    height: number | undefined;
+    pixelRatio: number;
+}>;
+/**
+ * Get video width and height from HTML media element, or video estimated
+ * dimensions when Picture-in-Picture is activated.
  * @param {HTMLMediaElement} mediaElement
  * @param {Object} pipStatusRef
  * @param {Object} stopListening
  * @returns {Object}
  */
-declare function getVideoWidthRef(mediaElement: HTMLMediaElement, pipStatusRef: IReadOnlySharedReference<IPictureInPictureEvent>, stopListening: CancellationSignal): IReadOnlySharedReference<number>;
+declare function getElementResolutionRef(mediaElement: HTMLMediaElement, pipStatusRef: IReadOnlySharedReference<IPictureInPictureEvent>, stopListening: CancellationSignal): IReadOnlySharedReference<{
+    width: number | undefined;
+    height: number | undefined;
+    pixelRatio: number;
+}>;
 /**
  * @param {HTMLMediaElement} mediaElement
  */
@@ -142,4 +162,4 @@ declare const onEnded: (element: IEventTargetLike, listener: (event?: unknown) =
  * emits
  */
 declare function addEventListener(elt: IEventEmitterLike, evt: string, listener: (x?: unknown) => void, stopListening: CancellationSignal): void;
-export { addEventListener, getPictureOnPictureStateRef, getVideoVisibilityRef, getVideoWidthRef, onEncrypted, onEnded, onKeyAdded, onKeyError, onKeyMessage, onKeyStatusesChange, onLoadedMetadata, onRemoveSourceBuffers, onSeeked, onSeeking, onSourceClose, onSourceEnded, onSourceOpen, onTimeUpdate, onSourceBufferUpdate, onTextTrackAdded, onTextTrackRemoved, };
+export { addEventListener, getPictureOnPictureStateRef, getVideoVisibilityRef, getElementResolutionRef, getScreenResolutionRef, onEncrypted, onEnded, onKeyAdded, onKeyError, onKeyMessage, onKeyStatusesChange, onLoadedMetadata, onRemoveSourceBuffers, onSeeked, onSeeking, onSourceClose, onSourceEnded, onSourceOpen, onTimeUpdate, onSourceBufferUpdate, onTextTrackAdded, onTextTrackRemoved, };

package/dist/_esm5.processed/compat/event_listeners.js

@@ -19,13 +19,8 @@ import isNonEmptyString from "../utils/is_non_empty_string";
 import isNullOrUndefined from "../utils/is_null_or_undefined";
 import noop from "../utils/noop";
 import createSharedReference from "../utils/reference";
-import isNode from "./is_node";
 import shouldFavourCustomSafariEME from "./should_favour_custom_safari_EME";
 var BROWSER_PREFIXES = ["", "webkit", "moz", "ms"];
-var pixelRatio = isNode ||
-    window.devicePixelRatio == null ||
-    window.devicePixelRatio === 0 ? 1 :
-    window.devicePixelRatio;
 /**
  * Find the first supported event from the list given.
  * @param {HTMLElement} element
@@ -80,7 +75,7 @@ function createCompatibleEventListener(eventNames, prefixes) {
     var mem;
     var prefixedEvents = eventPrefixed(eventNames, prefixes);
     return function (element, listener, cancelSignal) {
-        if (cancelSignal.isCancelled) {
+        if (cancelSignal.isCancelled()) {
             return;
         }
         // if the element is a HTMLElement we can detect
@@ -167,18 +162,6 @@ function getDocumentVisibilityRef(stopListening) {
     }, stopListening);
     return ref;
 }
-/**
- * Get video width from Picture-in-Picture window
- * @param {HTMLMediaElement} mediaElement
- * @param {Object} pipWindow
- * @returns {number}
- */
-function getVideoWidthFromPIPWindow(mediaElement, pipWindow) {
-    var width = pipWindow.width, height = pipWindow.height;
-    var videoRatio = mediaElement.clientHeight / mediaElement.clientWidth;
-    var calcWidth = height / videoRatio;
-    return Math.min(width, calcWidth);
-}
 /**
  * Emit when video enters and leaves Picture-In-Picture mode.
  * @param {HTMLMediaElement} elt
@@ -252,46 +235,98 @@ function getVideoVisibilityRef(pipStatus, stopListening) {
     }
 }
 /**
- * Get video width from HTML video element, or video estimated dimensions
- * when Picture-in-Picture is activated.
+ * Get video width and height from the screen dimensions.
+ * @param {Object} stopListening
+ * @returns {Object}
+ */
+function getScreenResolutionRef(stopListening) {
+    var pixelRatio = window.devicePixelRatio == null ||
+        window.devicePixelRatio === 0 ? 1 :
+        window.devicePixelRatio;
+    var ref = createSharedReference({ width: window.screen.width,
+        height: window.screen.height, pixelRatio: pixelRatio }, stopListening);
+    var interval = window.setInterval(checkScreenResolution, 20000);
+    stopListening.register(function stopUpdating() {
+        clearInterval(interval);
+    });
+    return ref;
+    function checkScreenResolution() {
+        var oldVal = ref.getValue();
+        if (oldVal.width !== screen.width ||
+            oldVal.height !== screen.height ||
+            oldVal.pixelRatio !== pixelRatio) {
+            ref.setValue({ width: screen.width,
+                height: screen.height, pixelRatio: pixelRatio });
+        }
+    }
+}
+/**
+ * Get video width and height from HTML media element, or video estimated
+ * dimensions when Picture-in-Picture is activated.
  * @param {HTMLMediaElement} mediaElement
  * @param {Object} pipStatusRef
  * @param {Object} stopListening
  * @returns {Object}
  */
-function getVideoWidthRef(mediaElement, pipStatusRef, stopListening) {
-    var ref = createSharedReference(mediaElement.clientWidth * pixelRatio, stopListening);
+function getElementResolutionRef(mediaElement, pipStatusRef, stopListening) {
+    var pixelRatio = window.devicePixelRatio == null ||
+        window.devicePixelRatio === 0 ? 1 :
+        window.devicePixelRatio;
+    var ref = createSharedReference({ width: mediaElement.clientWidth,
+        height: mediaElement.clientHeight, pixelRatio: pixelRatio }, stopListening);
     var clearPreviousEventListener = noop;
-    pipStatusRef.onUpdate(checkVideoWidth, { clearSignal: stopListening });
-    addEventListener(window, "resize", checkVideoWidth, stopListening);
-    var interval = window.setInterval(checkVideoWidth, 20000);
-    checkVideoWidth();
-    stopListening.register(function stopUpdatingVideoWidthRef() {
+    pipStatusRef.onUpdate(checkElementResolution, { clearSignal: stopListening });
+    addEventListener(window, "resize", checkElementResolution, stopListening);
+    addEventListener(mediaElement, "enterpictureinpicture", checkElementResolution, stopListening);
+    addEventListener(mediaElement, "leavepictureinpicture", checkElementResolution, stopListening);
+    var interval = window.setInterval(checkElementResolution, 20000);
+    checkElementResolution();
+    stopListening.register(function stopUpdating() {
         clearPreviousEventListener();
         clearInterval(interval);
     });
     return ref;
-    function checkVideoWidth() {
+    function checkElementResolution() {
         clearPreviousEventListener();
         var pipStatus = pipStatusRef.getValue();
+        var pipWindow = pipStatus.pipWindow;
         if (!pipStatus.isEnabled) {
-            ref.setValueIfChanged(mediaElement.clientWidth * pixelRatio);
+            var oldVal = ref.getValue();
+            if (oldVal.width !== mediaElement.clientWidth ||
+                oldVal.height !== mediaElement.clientHeight ||
+                oldVal.pixelRatio !== pixelRatio) {
+                ref.setValue({ width: mediaElement.clientWidth,
+                    height: mediaElement.clientHeight, pixelRatio: pixelRatio });
+            }
         }
-        else if (!isNullOrUndefined(pipStatus.pipWindow)) {
-            var pipWindow_1 = pipStatus.pipWindow;
-            var firstWidth = getVideoWidthFromPIPWindow(mediaElement, pipWindow_1);
+        else if (!isNullOrUndefined(pipWindow)) {
             var onPipResize_1 = function () {
-                ref.setValueIfChanged(getVideoWidthFromPIPWindow(mediaElement, pipWindow_1) * pixelRatio);
+                updateToPipWindowResolution();
             };
-            pipWindow_1.addEventListener("resize", onPipResize_1);
+            pipWindow.addEventListener("resize", onPipResize_1);
             clearPreviousEventListener = function () {
-                pipWindow_1.removeEventListener("resize", onPipResize_1);
+                pipWindow.removeEventListener("resize", onPipResize_1);
                 clearPreviousEventListener = noop;
             };
-            ref.setValueIfChanged(firstWidth * pixelRatio);
+            updateToPipWindowResolution();
         }
         else {
-            ref.setValueIfChanged(Infinity);
+            var oldVal = ref.getValue();
+            if (oldVal.width !== undefined ||
+                oldVal.height !== undefined ||
+                oldVal.pixelRatio !== pixelRatio) {
+                ref.setValue({ width: undefined,
+                    height: undefined, pixelRatio: pixelRatio });
+            }
+        }
+        function updateToPipWindowResolution() {
+            var oldVal = ref.getValue();
+            if (oldVal.width !== (pipWindow === null || pipWindow === void 0 ? void 0 : pipWindow.width) ||
+                oldVal.height !== (pipWindow === null || pipWindow === void 0 ? void 0 : pipWindow.height) ||
+                oldVal.pixelRatio !== pixelRatio) {
+                ref.setValue({ width: pipWindow === null || pipWindow === void 0 ? void 0 : pipWindow.width,
+                    height: pipWindow === null || pipWindow === void 0 ? void 0 : pipWindow.height, pixelRatio: pixelRatio });
+            }
         }
     }
 }
@@ -390,4 +425,4 @@ function addEventListener(elt, evt, listener, stopListening) {
         elt.removeEventListener(evt, listener);
     });
 }
-export { addEventListener, getPictureOnPictureStateRef, getVideoVisibilityRef, getVideoWidthRef, onEncrypted, onEnded, onKeyAdded, onKeyError, onKeyMessage, onKeyStatusesChange, onLoadedMetadata, onRemoveSourceBuffers, onSeeked, onSeeking, onSourceClose, onSourceEnded, onSourceOpen, onTimeUpdate, onSourceBufferUpdate, onTextTrackAdded, onTextTrackRemoved, };
+export { addEventListener, getPictureOnPictureStateRef, getVideoVisibilityRef, getElementResolutionRef, getScreenResolutionRef, onEncrypted, onEnded, onKeyAdded, onKeyError, onKeyMessage, onKeyStatusesChange, onLoadedMetadata, onRemoveSourceBuffers, onSeeked, onSeeking, onSourceClose, onSourceEnded, onSourceOpen, onTimeUpdate, onSourceBufferUpdate, onTextTrackAdded, onTextTrackRemoved, };

package/dist/_esm5.processed/compat/should_reload_media_source_on_decipherability_update.d.ts

@@ -20,7 +20,7 @@
  * We found that on all Widevine targets tested, a simple seek is sufficient.
  * As widevine clients make a good chunk of users, we can make a difference
  * between them and others as it is for the better.
- * @param {string|null} currentKeySystem
+ * @param {string|undefined} currentKeySystem
  * @returns {Boolean}
  */
-export default function shouldReloadMediaSourceOnDecipherabilityUpdate(currentKeySystem: string | null): boolean;
+export default function shouldReloadMediaSourceOnDecipherabilityUpdate(currentKeySystem: string | undefined): boolean;

package/dist/_esm5.processed/compat/should_reload_media_source_on_decipherability_update.js

@@ -20,10 +20,10 @@
  * We found that on all Widevine targets tested, a simple seek is sufficient.
  * As widevine clients make a good chunk of users, we can make a difference
  * between them and others as it is for the better.
- * @param {string|null} currentKeySystem
+ * @param {string|undefined} currentKeySystem
  * @returns {Boolean}
  */
 export default function shouldReloadMediaSourceOnDecipherabilityUpdate(currentKeySystem) {
-    return currentKeySystem === null ||
+    return currentKeySystem === undefined ||
         currentKeySystem.indexOf("widevine") < 0;
 }

package/dist/_esm5.processed/config.d.ts

@@ -39,7 +39,7 @@ declare class ConfigHandler {
         DEFAULT_BASE_BANDWIDTH: number;
         INACTIVITY_DELAY: number;
         DEFAULT_THROTTLE_VIDEO_BITRATE_WHEN_HIDDEN: boolean;
-        DEFAULT_LIMIT_VIDEO_WIDTH: boolean;
+        DEFAULT_VIDEO_RESOLUTION_LIMIT: "none";
         DEFAULT_LIVE_GAP: {
             DEFAULT: number;
             LOW_LATENCY: number;
@@ -124,6 +124,8 @@ declare class ConfigHandler {
         SEGMENT_PRIORITIES_STEPS: number[];
         MAX_HIGH_PRIORITY_LEVEL: number;
         MIN_CANCELABLE_PRIORITY: number;
+        EME_DEFAULT_VIDEO_CODECS: string[];
+        EME_DEFAULT_AUDIO_CODECS: string[];
         EME_DEFAULT_WIDEVINE_ROBUSTNESSES: string[];
         EME_DEFAULT_PLAYREADY_RECOMMENDATION_ROBUSTNESSES: string[];
         EME_KEY_SYSTEMS: Partial<Record<string, string[]>>;

package/dist/_esm5.processed/core/adaptive/adaptive_representation_selector.d.ts

@@ -19,6 +19,7 @@ import { CancellationSignal } from "../../utils/task_canceller";
 import { IReadOnlyPlaybackObserver } from "../api";
 import { IBufferType } from "../segment_buffers";
 import BandwidthEstimator from "./utils/bandwidth_estimator";
+import { IResolutionInfo } from "./utils/filter_by_resolution";
 import { IPendingRequestStoreBegin, IPendingRequestStoreProgress } from "./utils/pending_requests_store";
 /**
  * Select the most adapted Representation according to the network and buffer
@@ -219,7 +220,7 @@ export interface IRepresentationEstimatorArguments {
     currentRepresentation: IReadOnlySharedReference<Representation | null>;
     /** Throttle Representation pool according to filters. */
     filters: {
-        limitWidth: IReadOnlySharedReference<number | undefined>;
+        limitResolution: IReadOnlySharedReference<IResolutionInfo | undefined>;
         throttleBitrate: IReadOnlySharedReference<number>;
     };
     /**
@@ -300,6 +301,6 @@ export interface IAdaptiveRepresentationSelectorArguments {
  * to choose from.
  */
 export interface IRepresentationEstimatorThrottlers {
-    limitWidth: Partial<Record<IBufferType, IReadOnlySharedReference<number>>>;
+    limitResolution: Partial<Record<IBufferType, IReadOnlySharedReference<IResolutionInfo>>>;
     throttleBitrate: Partial<Record<IBufferType, IReadOnlySharedReference<number>>>;
 }