rx-player 3.25.2 → 3.26.3-dev.2022021400

package/CONTRIBUTING.md

@@ -82,11 +82,14 @@ directory) by calling `npm run lint:tests`.
 <a name="code-types"></a>
 ### Types ######################################################################
 
+#### General TypeScript rules ##################################################
+
 We try to be as strict as possible with types:
 
   - the `any` type should be avoided
 
-  - the `as` keyword should also be avoided as much as possible.
+  - the `as` TypeScript keyword, used for type casting, should also be avoided
+    as much as possible.
 
   - the `is` keyword is fine in some situations, but simpler solutions should be
     preferred.
@@ -94,8 +97,70 @@ We try to be as strict as possible with types:
 This is to be sure we can detect as much as possible type errors automatically
 with TypeScript.
 
-Also, created TypeScript's `type` and `interface` should all be named beginning
-with the letter I, for easier identification purposes.
+### `type` and `interface` typing
+
+TypeScript's `type` and `interface` should all be named beginning with the
+letter `I`, for easier identification purposes\*:
+```
+interface IMyObject {
+  someKey: string;
+}
+
+type IStringOrNumber = string |
+                       number;
+```
+
+\*We know that this rule is a controversial subject amongst TypeScript
+developpers, yet we still decide to enforce it for now.
+
+#### Generic parameters typing #################################################
+
+Generic parameters are usually named in order `T` (for the first generic
+parameter), then `U` (if there's two), then `V` (if there's three):
+
+Examples:
+```
+type IMyGenericType<T> = Array<T>;
+
+type IMyGenericType2<T, U> = Promise<T> |
+                             U;
+
+function mergeThree<T, U, V>(
+  arg1: T,
+  arg2: U,
+  arg3: V
+) : T & U & V {
+  return Object.assign({}, arg1, arg2, arg3);
+}
+```
+
+Some exceptions exist like for things like key-values couples, which can be named
+respectively `K` and `V`:
+```
+type IMyMap<K, V> = Map<K, V>;
+```
+
+This is a general convention for generic parameters inherited from Java, and
+re-used by TypeScript, and it helps identifying which type is a generic
+parameter vs which type is a real type (no prefix) vs which type is a type
+definition (prefixed by `I`).
+
+If what they correspond to is not obvious (and if there's more than one, it
+might well be), you're encouraged to add a more verbose and clear name, that you
+should prefix by `T`:
+```
+function loadResource<TResourceFormat>(
+  url : string
+) : Promise<TResourceFormat> {
+  // ...
+}
+```
+
+However note that typing rules for generic parameters is a very minor
+consideration and may not always need to be respected depending on the code it
+is applied on.
+In the end, it will be up to the RxPlayer's maintainers to decide that those
+rules should be enforced or not on a given code.
 
 
 <a name="code-forbidden"></a>

package/MAINTAINERS.md

@@ -16,7 +16,6 @@ RxPlayer-related question or to propose new features.
 Here is the list of current maintainers:
 
 - Paul Berberian <paul.berberian@canal-plus.com>
-- Guillaume Renault <guillaume.renault@canal-plus.com>
 - Paul Rosset <paul.rosset@canal-plus.com>
 
 
@@ -28,4 +27,5 @@ anymore:
 - Alexandre Duros <alexandre.duros@canal-plus.com>
 - Antoine Maillard <antoine.maillard@canal-plus.com>
 - Guillaume Bentaieb <guillaume.bentaieb@canal-plus.com>
+- Guillaume Renault <guillaume.renault@canal-plus.com>
 - Pierre Guilleminot <pierre.guilleminot@canal-plus.com>

package/README.md

@@ -1,87 +1,104 @@
- <p align="center">
-  <img src="./doc/assets/logo.png" />
+<p align="center">
+  <img src="./doc/static/img/logo.png" />
   <br /><br />
-  <a href="https://canalplus.github.io/rx-player/doc/pages/api/index.html">📖 <b>API documentation</b></a>
+  <a href="https://developers.canal-plus.com/rx-player/doc/api/Overview.html">📖 <b>API documentation</b></a>
   -
   <a href="https://developers.canal-plus.com/rx-player/">⏯ <b>Demo</b></a>
   -
-  <a href="https://canalplus.github.io/rx-player/doc/pages/tutorials/index.html">🎓 <b>Tutorials</b></a>
+  <a href="https://developers.canal-plus.com/rx-player/doc/Getting_Started/Welcome.html">🎓 <b>Getting Started</b></a>
   -
   <a href="./CONTRIBUTING.md">🔧 <b>Contributing</b></a>
   <br /><br />
   <a href="https://github.com/canalplus/rx-player/releases">
     <img src="https://img.shields.io/badge/dynamic/json.svg?label=Latest%20release&url=https://api.github.com/repos/canalplus/rx-player/releases/latest&query=$.tag_name&colorB=blue" />
- </a>
- <a href="https://travis-ci.org/canalplus/rx-player">
-  <img src="https://travis-ci.org/canalplus/rx-player.svg?branch=master" />
- </a>
- <a href="https://gitter.im/canalplus/rx-player">
-  <img src="https://img.shields.io/gitter/room/canalplus/rx-player.svg" />
- </a>
- <br /><br />
- <a href="https://nodei.co/npm/rx-player/">
-  <img src="https://nodei.co/npm/rx-player.png?compact=true)" />
- </a>
+  </a>
+  <a href="https://github.com/canalplus/rx-player/actions/workflows/checks.yml">
+    <img src="https://github.com/canalplus/rx-player/actions/workflows/checks.yml/badge.svg" />
+  </a>
+  <a href="https://sonarcloud.io/summary/new_code?id=rx-player">
+    <img src="https://sonarcloud.io/api/project_badges/measure?project=rx-player&metric=alert_status" />
+  </a>
+  <a href="https://gitter.im/canalplus/rx-player">
+    <img src="https://img.shields.io/gitter/room/canalplus/rx-player.svg" />
+  </a>
+  <br /><br />
+  <a href="https://nodei.co/npm/rx-player/">
+    <img src="https://nodei.co/npm/rx-player.png?compact=true)" />
+  </a>
 </p>
 
 The RxPlayer is a library implementing a [DASH](https://en.wikipedia.org/wiki/Dynamic_Adaptive_Streaming_over_HTTP)
 and [Microsoft Smooth Streaming](https://en.wikipedia.org/wiki/Adaptive_bitrate_streaming#Microsoft_Smooth_Streaming)
-video player directly on the browser, without plugins.
-It relies on HTML5 [Media Source Extensions](https://en.wikipedia.org/wiki/Media_Source_Extensions)
+media player on a browser, by relying on the HTML5
+[Media Source Extensions](https://en.wikipedia.org/wiki/Media_Source_Extensions)
 and [Encrypted Media extensions](https://en.wikipedia.org/wiki/Encrypted_Media_Extensions)
-and is written in [TypeScript](http://www.typescriptlang.org/), a superset of
-JavaScript.
+browser APIs.
+
+---
 
-It is currently used in production for premium services and targets several
-devices, such as computers, phones, but also set-top-boxes, smart TVs and other
-peculiar environments.
+Originally designed to power Canal+ many applications, the RxPlayer is today
+used in production by several companies in multiple countries and runs on most
+devices where a browser can run: Computers, phones, set-top-boxes, smart TVs,
+game consoles and other peculiar environments are all supported and able to
+profit from its many features.
 
 Its main goals are:
 
-  - To play live and On Demand Smooth and DASH contents for extended amounts of
-    time, with or without DRM
+  - __Stability__: The RxPlayer can play live and On Demand DASH and Smooth
+    contents for extended amounts of time, with or without DRM - without any
+    performance, memory or logic issue.
 
-  - To offer a first-class user experience (best quality without any buffering,
-    low latency...)
+    If you encounter a new issue while using it, we'll be very happy to help
+    fixing it. Any encountered bug is put at high priority.
 
-  - To be configurable and extendable (e.g. for Peer-to-Peer streaming, STB
-    integration...)
+  - __Quality of experience__: It aims to play the best possible quality
+    without any rebuffering.
 
-  - To be easy to integrate and use as a library in various codebases.
+    Unsupported codecs and undecipherable qualities (e.g. higher qualities with
+    more drastic DRM conditions on untrusted devices) are automatically
+    filtered out, even if this happens during playback.
 
+    The player is also very resilient: any temporary network issue, fall in
+    bandwidth, poorly-packaged content or platform quirk should be properly
+    handled with the main goal of avoiding playback interruption.
 
-## API #########################################################################
+  - __Portability__: The RxPlayer has been ported to a lot of devices, some on
+    the lower-end of performance and memory capabilities and others on the higher end.
 
-We documented the API in every little details in [the API
-documentation](https://canalplus.github.io/rx-player/doc/pages/api/index.html).
+    As such, it can adapt to important memory and performance constraints while
+    still being able to retain its many features.
 
-You can also refer to the documentation of our previous versions
-[here](https://developers.canal-plus.com/rx-player/documentation_pages_by_version.html)
+  - __Configurability__: The RxPlayer has a plethora of options to let you tweak
+    its behavior.
+    You should be able to play any content the way you want, on any device.
 
-These documentation pages are automatically generated from the content of the
-[doc/api](./doc/api/index.md) directory in this repository.
+    You should also be able to integrate complex supplementary logic like
+    Peer-to-Peer solutions.
 
+  - __Easy to use__: We try hard to make this player easy to integrate and to
+    use in various codebases.
 
+    Even for the more advanced options, we aim to make our documentation as
+    legible and as complete as possible.
 
-## Demo ########################################################################
+The RxPlayer has probably already all the features you want :)!
 
-You can view our online Demo, built from our last version,
-[here](https://developers.canal-plus.com/rx-player/).
-
-This demo is a small application written in
-[React](https://github.com/facebook/react) demonstrating a simple usage of the
-player.
-
-Demo pages for our previous versions are also available
-[here](https://developers.canal-plus.com/rx-player/demo_page_by_version.html).
+Even if that's not the case, we will be very pleased to exchange with you on it
+and look forward for external contributions.
 
 
 ## How to use it? ##############################################################
 
 The fastest way to use the player directly in your code is to add this
-repository as a dependency. You can do it via npm:
-```
+repository as a dependency.
+
+You can do it via [npm](https://www.npmjs.com/) or [yarn](https://yarnpkg.com/):
+```sh
+# when using npm:
 npm install --save rx-player
+
+# or, when using yarn instead:
+yarn add rx-player
 ```
 
 You can then directly import and use the RxPlayer in your code:
@@ -105,22 +122,26 @@ player.loadVideo({
 });
 ```
 
-We've also written [short
-tutorials](https://canalplus.github.io/rx-player/doc/pages/tutorials/index.html)
-to help you familiarize with the RxPlayer API:
-  - [Quick start into the API](https://canalplus.github.io/rx-player/doc/pages/tutorials/quick_start.html).
-  - [Playing contents with DRMs](https://canalplus.github.io/rx-player/doc/pages/tutorials/contents_with_DRM.html).
-  - [Selecting a track](https://developers.canal-plus.com/rx-player/doc/pages/tutorials/track_selection.html)
-  - [Listening to events contained in the content](https://canalplus.github.io/rx-player/doc/pages/tutorials/stream_events.html)
+We've also written short tutorials to help you familiarize with the RxPlayer API:
+  - [Quick start into the API](https://developers.canal-plus.com/rx-player/doc/Getting_Started/Tutorials/Quick_Start.html).
+  - [Playing contents with DRMs](https://developers.canal-plus.com/rx-player/doc/Getting_Started/Tutorials/Content_with_DRM.html).
+  - [Selecting a track](https://developers.canal-plus.com/rx-player/doc/Getting_Started/Tutorials/Selecting_a_Track.html)
+  - [Listening to events contained in the content](https://developers.canal-plus.com/rx-player/doc/Getting_Started/Tutorials/EventStream_Handling.html)
 
+To be able to play with the player without needing to perform any setup we also
+created multiple live-editable demos:
+ - [Playing a clear DASH content](https://codesandbox.io/s/rx-player-classic-wc38j)
+ - [Playing an encrypted DASH content](https://codesandbox.io/s/rx-player-drm-g51hb)
+ - [Playing an RxPlayer-specific MetaPlaylist content](https://codesandbox.io/s/rx-player-metaplaylist-l0t0d)
 
 ### Minimal Builds #############################################################
 
 To reduce the size of the final code, you might also want to import a minimal
 version of the player and only import the features you need. This is documented
 [here
-](https://canalplus.github.io/rx-player/doc/pages/api/minimal_player.html):
+](https://developers.canal-plus.com/rx-player/doc/Getting_Started/Minimal_Player.html):
 
+For example, to play encrypted DASH contents, you could just write:
 ```js
 import RxPlayer from "rx-player/minimal";
 import { DASH, EME } from "rx-player/features";
@@ -130,6 +151,32 @@ RxPlayer.addFeatures([DASH, EME]);
 ```
 
 
+## API #########################################################################
+
+We documented the API in every little details in [the API
+documentation](https://developers.canal-plus.com/rx-player/doc/api/Overview.html).
+
+You can also refer to the documentation of our previous versions
+[here](https://developers.canal-plus.com/rx-player/documentation_pages_by_version.html)
+
+These documentation pages are automatically generated from the content of the
+[doc/api](./doc/api/Overview.md) directory in this repository.
+
+
+
+## Demo ########################################################################
+
+You can view our online Demo, built from our last version,
+[here](https://developers.canal-plus.com/rx-player/).
+
+This demo is a small application written in
+[React](https://github.com/facebook/react) demonstrating a simple usage of the
+player.
+
+Demo pages for our previous versions are also available
+[here](https://developers.canal-plus.com/rx-player/demo_page_by_version.html).
+
+
 
 ## Your questions ##############################################################
 
@@ -150,7 +197,7 @@ room](https://gitter.im/canalplus/rx-player).
 
 ### Dependencies ###############################################################
 
-After cloning our repo, you should first install our dependencies via
+After cloning our repo, you should first install our dependencies via either
 [npm](https://www.npmjs.com/):
 ```sh
 npm install
@@ -174,7 +221,7 @@ npm run start
 npm run test
 
 # list all available npm scripts
-npm run info
+npm run list
 ```
 
 Builds are included in the ``dist/`` directory (builds based on the last version
@@ -187,7 +234,7 @@ are already included there).
 ### A need for an advanced media player ########################################
 
 Canal+ Group is a media company with many advanced needs when it comes to media
-playback: it provides both live and VoD stream with many encryption
+playback: it provides both live and VoD stream with multiple encryption
 requirements, supports a very large panel of devices and has many other
 specificities (like adult content restrictions, ad-insertion, Peer-To-Peer
 integration...).
@@ -201,24 +248,18 @@ The R&D department of Canal+ Group thus started to work on a new featureful
 media-player: the RxPlayer. To both help and profit from the community, it also
 decided to share it to everyone under a permissive open-source licence.
 
-Now, more than 5 years later, the RxPlayer continues to evolve at the same fast
-pace to include a lot of features we don't find in other media players.
+Now, more than 6 years later, the RxPlayer continues to evolve at the same fast
+pace to include a lot of features and improvements you may not find in other
+media players.
 You can look at our
-[API documentation](https://canalplus.github.io/rx-player/doc/pages/api/index.html),
-[tutorials](https://canalplus.github.io/rx-player/doc/pages/tutorials/index.html)
-and our [demo page](https://canalplus.github.io/rx-player/doc/pages/api/index.html)
+[API documentation](https://developers.canal-plus.com/rx-player/doc/api/Overview.html),
+[tutorials](https://developers.canal-plus.com/rx-player/doc/Getting_Started/Tutorials/Quick_Start.html)
+and our [demo page](https://developers.canal-plus.com/rx-player/)
 (an RxPlayer instance is available in the console through the global `player`
 variable there) to see if it matches your need.
 
 
-### Our approach ###############################################################
-
-As media players rely a lot on asynchronous interactions with the outside world
-(HTTP requests, browser events, CDM messages), we felt that we could profit a
-lot by adopting reactive programming patterns with the help of the RxJS library.
-The abstractions provided by this library and the inclusion of cancellation
-mechanisms (unlike say, ES6 Promises) were perfectly adapted to some of our
-IO-heavy code.
+### A featureful player ########################################################
 
 With the help of a carefully-crafted and well-documented architecture, we were
 able to quickly support avanced features when we - or the community - needed
@@ -236,7 +277,8 @@ them. Amongst those:
 
   - support of TTML, WebVTT, SAMI and SRT subtitles
 
-  - advanced optimizations for devices with low memory constraints
+  - an available WebAssembly-based MPD parser for DASH contents, allowing to
+    drastically reduce the loading time and memory usage of larger contents.
 
   - advanced APIs for advanced use-cases (audio-only mode, video track
     selection, manual garbage collection of segments, Peer-To-Peer
@@ -246,6 +288,12 @@ them. Amongst those:
     approach (for quick start-up) and a buffer-based one (to provide the best
     quality possible).
 
+  - advanced optimizations for devices with low memory constraints
+
+  - a complex segment scheduling logic, prioritizing closer media segments while
+    making sure that the bandwidth usage is always optimal and the rebuffering
+    risks always low.
+
 \* In "directfile" mode, on compatible browsers
 
 

package/VERSION

@@ -1 +1 @@
-3.25.2
+3.26.3-dev.2022021400

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

@@ -52,15 +52,15 @@ interface ICompatTextTrack extends TextTrack {
  * functions for some "old" browsers.
  */
 interface ICompatDocument extends Document {
+    fullscreenElement: Element | null;
     mozCancelFullScreen?: () => void;
     mozFullScreenElement?: HTMLElement;
     mozHidden?: boolean;
     msExitFullscreen?: () => void;
-    webkitExitFullscreen: () => void;
-    fullscreenElement: Element | null;
     msFullscreenElement?: Element | null;
-    webkitFullscreenElement: Element | null;
     msHidden?: boolean;
+    webkitExitFullscreen: () => void;
+    webkitFullscreenElement: Element | null;
     webkitHidden?: boolean;
 }
 /**
@@ -77,7 +77,16 @@ interface ICompatDocument extends Document {
 interface ICompatHTMLMediaElement extends HTMLMediaElement {
     mozRequestFullScreen?: () => void;
     msRequestFullscreen?: () => void;
-    webkitRequestFullscreen: () => void;
+    webkitRequestFullscreen?: () => void;
+    webkitSupportsPresentationMode?: boolean;
+    webkitSetPresentationMode?: () => void;
+    webkitPresentationMode?: string;
+    mozSetMediaKeys?: (mediaKeys: unknown) => void;
+    msSetMediaKeys?: (mediaKeys: unknown) => void;
+    webkitSetMediaKeys?: (mediaKeys: unknown) => void;
+    webkitKeys?: {
+        createSession?: (mimeType: string, initData: BufferSource) => MediaKeySession;
+    };
     readonly audioTracks?: ICompatAudioTrackList;
     readonly videoTracks?: ICompatVideoTrackList;
 }
@@ -141,10 +150,6 @@ export interface ICompatPictureInPictureWindow extends EventTarget {
     width: number;
     height: number;
 }
-/** Browser implementation of an HTMLElement. */
-declare const HTMLElement_: typeof HTMLElement;
-/** TextTrack cue constructor, as implemented by the browser. */
-declare const VTTCue_: ICompatVTTCueConstructor | undefined;
 /** MediaSource implementation, including vendored implementations. */
 declare const MediaSource_: typeof MediaSource | undefined;
 /** List an HTMLMediaElement's possible values for its readyState property. */
@@ -164,4 +169,4 @@ export interface ICompatTextTrackList extends TextTrackList {
     onremovetrack: ((ev: TrackEvent) => void) | null;
     onchange: (() => void) | null;
 }
-export { HTMLElement_, ICompatDocument, ICompatHTMLMediaElement, ICompatAudioTrackList, ICompatVideoTrackList, ICompatAudioTrack, ICompatVideoTrack, ICompatMediaKeysConstructor, ICompatTextTrack, ICompatVTTCue, ICompatVTTCueConstructor, MediaSource_, READY_STATES, VTTCue_, };
+export { ICompatDocument, ICompatHTMLMediaElement, ICompatAudioTrackList, ICompatVideoTrackList, ICompatAudioTrack, ICompatVideoTrack, ICompatMediaKeysConstructor, ICompatTextTrack, ICompatVTTCue, ICompatVTTCueConstructor, MediaSource_, READY_STATES, };

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

@@ -15,30 +15,18 @@
  */
 import isNullOrUndefined from "../utils/is_null_or_undefined";
 import isNode from "./is_node";
-/* eslint-disable @typescript-eslint/no-unsafe-assignment */
-/* eslint-disable @typescript-eslint/no-unsafe-member-access */
-/**
- * Shortcut to the global browser object `window`. Set to an empty object in
- * non-browser platforms
- */
-var win = isNode ? {} :
+var win = isNode ? undefined :
     window;
-/** Browser implementation of an HTMLElement. */
-var HTMLElement_ = win.HTMLElement;
-/** TextTrack cue constructor, as implemented by the browser. */
-var VTTCue_ = !isNullOrUndefined(win.VTTCue) ? win.VTTCue :
-    win.TextTrackCue;
 /** MediaSource implementation, including vendored implementations. */
-var MediaSource_ = !isNullOrUndefined(win.MediaSource) ? win.MediaSource :
-    !isNullOrUndefined(win.MozMediaSource) ? win.MozMediaSource :
-        !isNullOrUndefined(win.WebKitMediaSource) ? win.WebKitMediaSource :
-            win.MSMediaSource;
-/* eslint-enable @typescript-eslint/no-unsafe-assignment */
-/* eslint-disable @typescript-eslint/no-unsafe-member-access */
+var MediaSource_ = win === undefined ? undefined :
+    !isNullOrUndefined(win.MediaSource) ? win.MediaSource :
+        !isNullOrUndefined(win.MozMediaSource) ? win.MozMediaSource :
+            !isNullOrUndefined(win.WebKitMediaSource) ? win.WebKitMediaSource :
+                win.MSMediaSource;
 /** List an HTMLMediaElement's possible values for its readyState property. */
 var READY_STATES = { HAVE_NOTHING: 0,
     HAVE_METADATA: 1,
     HAVE_CURRENT_DATA: 2,
     HAVE_FUTURE_DATA: 3,
     HAVE_ENOUGH_DATA: 4 };
-export { HTMLElement_, MediaSource_, READY_STATES, VTTCue_, };
+export { MediaSource_, READY_STATES, };

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

@@ -13,17 +13,13 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-var _a;
+var _a, _b;
 import isNode from "./is_node";
 // true on IE11
 // false on Edge and other IEs/browsers.
-/* eslint-disable @typescript-eslint/strict-boolean-expressions */
-/* eslint-disable @typescript-eslint/no-unsafe-member-access */
 var isIE11 = !isNode &&
-    !!window.MSInputMethodContext &&
-    !!document.documentMode;
-/* eslint-enable @typescript-eslint/strict-boolean-expressions */
-/* eslint-enable @typescript-eslint/no-unsafe-member-access */
+    typeof window.MSInputMethodContext !== "undefined" &&
+    typeof document.documentMode !== "undefined";
 // true for IE / Edge
 var isIEOrEdge = isNode ?
     false :
@@ -38,13 +34,9 @@ var isSamsungBrowser = !isNode &&
     /SamsungBrowser/.test(navigator.userAgent);
 var isTizen = !isNode &&
     /Tizen/.test(navigator.userAgent);
-/* eslint-disable @typescript-eslint/no-unsafe-member-access */
-/* eslint-disable @typescript-eslint/no-unsafe-call */
 var isSafari = !isNode && (Object.prototype.toString.call(window.HTMLElement).indexOf("Constructor") >= 0 ||
-    ((_a = window.safari) === null || _a === void 0 ? void 0 : _a.pushNotification.toString()) ===
+    ((_b = (_a = window.safari) === null || _a === void 0 ? void 0 : _a.pushNotification) === null || _b === void 0 ? void 0 : _b.toString()) ===
         "[object SafariRemoteNotification]");
-/* eslint-enable @typescript-eslint/no-unsafe-member-access */
-/* eslint-enable @typescript-eslint/no-unsafe-call */
 var isSafariMobile = !isNode &&
     typeof navigator.platform === "string" &&
     /iPad|iPhone|iPod/.test(navigator.platform);

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

@@ -37,8 +37,6 @@ import { getFirefoxVersion } from "./browser_version";
  * @returns {boolean}
  */
 export default function canRelyOnVideoVisibilityAndSize() {
-    var _a, _b;
-    /* eslint-disable @typescript-eslint/no-unsafe-member-access */
     if (!isFirefox) {
         return true;
     }
@@ -46,6 +44,6 @@ export default function canRelyOnVideoVisibilityAndSize() {
     if (firefoxVersion === null || firefoxVersion < 67) {
         return true;
     }
-    return ((_b = (_a = HTMLVideoElement) === null || _a === void 0 ? void 0 : _a.prototype) === null || _b === void 0 ? void 0 : _b.requirePictureInPicture) !== undefined;
-    /* eslint-enable @typescript-eslint/no-unsafe-member-access */
+    var proto = HTMLVideoElement === null || HTMLVideoElement === void 0 ? void 0 : HTMLVideoElement.prototype;
+    return (proto === null || proto === void 0 ? void 0 : proto.requirePictureInPicture) !== undefined;
 }

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

@@ -14,18 +14,20 @@
  * limitations under the License.
  */
 import log from "../log";
-import { isFirefox } from "./browser_detection";
+import isNullOrUndefined from "../utils/is_null_or_undefined";
 /**
  * Clear element's src attribute.
  * @param {HTMLMediaElement} element
  */
 export default function clearElementSrc(element) {
-    // On Firefox, we also have to make sure the textTracks elements are both
-    // disabled and removed from the DOM.
+    // On some browsers, we first have to make sure the textTracks elements are
+    // both disabled and removed from the DOM.
     // If we do not do that, we may be left with displayed text tracks on the
-    // screen
-    if (isFirefox) {
-        var textTracks = element.textTracks;
+    // screen, even if the track elements are properly removed, due to browser
+    // issues.
+    // Bug seen on Firefox (I forgot which version) and Chrome 96.
+    var textTracks = element.textTracks;
+    if (!isNullOrUndefined(textTracks)) {
         for (var i = 0; i < textTracks.length; i++) {
             textTracks[i].mode = "disabled";
         }

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

@@ -13,8 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { of as observableOf, race as observableRace, timer as observableTimer, } from "rxjs";
-import { catchError, map, mergeMap, } from "rxjs/operators";
+import { catchError, map, mergeMap, of as observableOf, race as observableRace, timer as observableTimer, } from "rxjs";
 import castToObservable from "../../utils/cast_to_observable";
 /**
  * Close session and returns and observable that emits when
@@ -43,6 +42,9 @@ export default function closeSession$(session) {
             }
             // The `closed` promise may resolve, even if `close()` result has not
             // (it may happen on Firefox). Wait for it and timeout after 1 second.
+            // TODO There is a subtle TypeScript issue there that made casting to
+            // a type-compatible type mandatory. If a more elegant solution can
+            // be found, it should be preffered.
             var sessionIsClosed$ = castToObservable(session.closed);
             return observableRace(sessionIsClosed$, observableTimer(1000).pipe(map(function () {
                 throw new Error("Compat: Couldn't know if session is " +