rx-player 4.0.0-beta.2 → 4.0.0-beta.3

package/dist/_esm5.processed/core/api/track_management/media_element_tracks_store.js

@@ -1,3 +1,4 @@
+"use strict";
 /**
  * Copyright 2015 CANAL+ Group
  *
@@ -13,29 +14,15 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
+Object.defineProperty(exports, "__esModule", { value: true });
 /**
  * /!\ This file is feature-switchable.
  * It always should be imported through the `features` object.
  */
-import { enableAudioTrack } from "../../../compat";
-import EventEmitter from "../../../utils/event_emitter";
-import isNullOrUndefined from "../../../utils/is_null_or_undefined";
-import normalizeLanguage from "../../../utils/languages";
+const compat_1 = require("../../../compat");
+const event_emitter_1 = require("../../../utils/event_emitter");
+const is_null_or_undefined_1 = require("../../../utils/is_null_or_undefined");
+const languages_1 = require("../../../utils/languages");
 /**
  * Check if track array is different from an other one
  * @param {Array.<Object>} oldTrackArray
@@ -47,7 +34,7 @@ function areTrackArraysDifferent(oldTrackArray, newTrackArray) {
     if (newTrackArray.length !== oldTrackArray.length) {
         return true;
     }
-    for (var i = 0; i < newTrackArray.length; i++) {
+    for (let i = 0; i < newTrackArray.length; i++) {
         if (newTrackArray[i].nativeTrack !== ((_a = oldTrackArray[i]) === null || _a === void 0 ? void 0 : _a.nativeTrack)) {
             return true;
         }
@@ -61,25 +48,28 @@ function areTrackArraysDifferent(oldTrackArray, newTrackArray) {
  */
 function createAudioTracks(audioTracks) {
     var _a;
-    var newAudioTracks = [];
-    var languagesOccurences = {};
-    for (var i = 0; i < audioTracks.length; i++) {
-        var audioTrack = audioTracks[i];
-        var language = audioTrack.language === "" ? "nolang" :
+    const newAudioTracks = [];
+    const languagesOccurences = {};
+    for (let i = 0; i < audioTracks.length; i++) {
+        const audioTrack = audioTracks[i];
+        const language = audioTrack.language === "" ? "nolang" :
             audioTrack.language;
-        var occurences = (_a = languagesOccurences[language]) !== null && _a !== void 0 ? _a : 1;
-        var id = "gen_audio_" +
+        const occurences = (_a = languagesOccurences[language]) !== null && _a !== void 0 ? _a : 1;
+        const id = "gen_audio_" +
             language +
             "_" +
             occurences.toString();
         languagesOccurences[language] = occurences + 1;
-        var track = { language: audioTrack.language, id: id, normalized: normalizeLanguage(audioTrack.language),
+        const track = { language: audioTrack.language,
+            id,
+            normalized: (0, languages_1.default)(audioTrack.language),
             audioDescription: audioTrack.kind === "descriptions" ||
                 // Safari seem to prefer the non-standard singular
                 // version, funnily enough
                 audioTrack.kind === "description",
             representations: [] };
-        newAudioTracks.push({ track: track, nativeTrack: audioTrack });
+        newAudioTracks.push({ track,
+            nativeTrack: audioTrack });
     }
     return newAudioTracks;
 }
@@ -90,14 +80,14 @@ function createAudioTracks(audioTracks) {
  */
 function createTextTracks(textTracks) {
     var _a;
-    var newTextTracks = [];
-    var languagesOccurences = {};
-    for (var i = 0; i < textTracks.length; i++) {
-        var textTrack = textTracks[i];
-        var language = textTrack.language === "" ? "nolang" :
+    const newTextTracks = [];
+    const languagesOccurences = {};
+    for (let i = 0; i < textTracks.length; i++) {
+        const textTrack = textTracks[i];
+        const language = textTrack.language === "" ? "nolang" :
             textTrack.language;
-        var occurences = (_a = languagesOccurences[language]) !== null && _a !== void 0 ? _a : 1;
-        var id = "gen_text_" +
+        const occurences = (_a = languagesOccurences[language]) !== null && _a !== void 0 ? _a : 1;
+        const id = "gen_text_" +
             language +
             "_" +
             occurences.toString();
@@ -106,12 +96,17 @@ function createTextTracks(textTracks) {
         // subtitles track by setting the `kind` attribute to `"forced"`.
         // As of now (2023-04-04), this is not standard.
         // @see https://github.com/whatwg/html/issues/4472
-        var forced = textTrack.kind === "forced" ?
+        const forced = textTrack.kind === "forced" ?
             true :
             undefined;
-        var track = { language: textTrack.language, forced: forced, label: textTrack.label, id: id, normalized: normalizeLanguage(textTrack.language),
+        const track = { language: textTrack.language,
+            forced,
+            label: textTrack.label,
+            id,
+            normalized: (0, languages_1.default)(textTrack.language),
             closedCaption: textTrack.kind === "captions" };
-        newTextTracks.push({ track: track, nativeTrack: textTrack });
+        newTextTracks.push({ track,
+            nativeTrack: textTrack });
     }
     return newTextTracks;
 }
@@ -122,19 +117,20 @@ function createTextTracks(textTracks) {
  */
 function createVideoTracks(videoTracks) {
     var _a;
-    var newVideoTracks = [];
-    var languagesOccurences = {};
-    for (var i = 0; i < videoTracks.length; i++) {
-        var videoTrack = videoTracks[i];
-        var language = videoTrack.language === "" ? "nolang" :
+    const newVideoTracks = [];
+    const languagesOccurences = {};
+    for (let i = 0; i < videoTracks.length; i++) {
+        const videoTrack = videoTracks[i];
+        const language = videoTrack.language === "" ? "nolang" :
             videoTrack.language;
-        var occurences = (_a = languagesOccurences[language]) !== null && _a !== void 0 ? _a : 1;
-        var id = "gen_video_" +
+        const occurences = (_a = languagesOccurences[language]) !== null && _a !== void 0 ? _a : 1;
+        const id = "gen_video_" +
             language +
             "_" +
             occurences.toString();
         languagesOccurences[language] = occurences + 1;
-        newVideoTracks.push({ track: { id: id, representations: [] },
+        newVideoTracks.push({ track: { id,
+                representations: [] },
             nativeTrack: videoTrack });
     }
     return newVideoTracks;
@@ -143,32 +139,29 @@ function createVideoTracks(videoTracks) {
  * Manage video, audio and text tracks for current direct file content.
  * @class MediaElementTracksStore
  */
-var MediaElementTracksStore = /** @class */ (function (_super) {
-    __extends(MediaElementTracksStore, _super);
-    function MediaElementTracksStore(mediaElement) {
-        var _this = this;
+class MediaElementTracksStore extends event_emitter_1.default {
+    constructor(mediaElement) {
         var _a, _b, _c;
-        _this = _super.call(this) || this;
+        super();
         // TODO In practice, the audio/video/text tracks API are not always implemented on
         // the media element, although Typescript HTMLMediaElement types tend to mean
         // that can't be undefined.
-        _this._nativeAudioTracks = mediaElement.audioTracks;
-        _this._nativeVideoTracks = mediaElement.videoTracks;
-        _this._nativeTextTracks = mediaElement.textTracks;
-        _this._audioTracks =
-            _this._nativeAudioTracks !== undefined ? createAudioTracks(_this._nativeAudioTracks) :
+        this._nativeAudioTracks = mediaElement.audioTracks;
+        this._nativeVideoTracks = mediaElement.videoTracks;
+        this._nativeTextTracks = mediaElement.textTracks;
+        this._audioTracks =
+            this._nativeAudioTracks !== undefined ? createAudioTracks(this._nativeAudioTracks) :
                 [];
-        _this._videoTracks =
-            _this._nativeVideoTracks !== undefined ? createVideoTracks(_this._nativeVideoTracks) :
+        this._videoTracks =
+            this._nativeVideoTracks !== undefined ? createVideoTracks(this._nativeVideoTracks) :
                 [];
-        _this._textTracks =
-            _this._nativeTextTracks !== undefined ? createTextTracks(_this._nativeTextTracks) :
+        this._textTracks =
+            this._nativeTextTracks !== undefined ? createTextTracks(this._nativeTextTracks) :
                 [];
-        _this._lastEmittedNativeAudioTrack = (_a = _this._getCurrentAudioTrack()) === null || _a === void 0 ? void 0 : _a.nativeTrack;
-        _this._lastEmittedNativeVideoTrack = (_b = _this._getCurrentVideoTrack()) === null || _b === void 0 ? void 0 : _b.nativeTrack;
-        _this._lastEmittedNativeTextTrack = (_c = _this._getCurrentTextTrack()) === null || _c === void 0 ? void 0 : _c.nativeTrack;
-        _this._handleNativeTracksCallbacks();
-        return _this;
+        this._lastEmittedNativeAudioTrack = (_a = this._getCurrentAudioTrack()) === null || _a === void 0 ? void 0 : _a.nativeTrack;
+        this._lastEmittedNativeVideoTrack = (_b = this._getCurrentVideoTrack()) === null || _b === void 0 ? void 0 : _b.nativeTrack;
+        this._lastEmittedNativeTextTrack = (_c = this._getCurrentTextTrack()) === null || _c === void 0 ? void 0 : _c.nativeTrack;
+        this._handleNativeTracksCallbacks();
     }
     /**
      * Update the currently active audio track by setting the wanted audio track's
@@ -176,9 +169,9 @@ var MediaElementTracksStore = /** @class */ (function (_super) {
      * Throws if the wanted audio track is not found.
      * @param {string|number|undefined} id
      */
-    MediaElementTracksStore.prototype.setAudioTrackById = function (id) {
-        for (var i = 0; i < this._audioTracks.length; i++) {
-            var _a = this._audioTracks[i], track = _a.track, nativeTrack = _a.nativeTrack;
+    setAudioTrackById(id) {
+        for (let i = 0; i < this._audioTracks.length; i++) {
+            const { track, nativeTrack } = this._audioTracks[i];
             if (track.id === id) {
                 this._enableAudioTrackFromIndex(i);
                 this._audioTrackLockedOn = nativeTrack;
@@ -186,24 +179,24 @@ var MediaElementTracksStore = /** @class */ (function (_super) {
             }
         }
         throw new Error("Audio track not found.");
-    };
+    }
     /**
      * Disable the currently-active text track, if one.
      */
-    MediaElementTracksStore.prototype.disableTextTrack = function () {
+    disableTextTrack() {
         disableTextTracks(this._textTracks);
         this._textTrackLockedOn = null;
-    };
+    }
     /**
      * Update the currently active text track by setting the wanted text track's
      * ID property.
      * Throws if the wanted text track is not found.
      * @param {string|number|undefined} id
      */
-    MediaElementTracksStore.prototype.setTextTrackById = function (id) {
-        var hasSetTrack = false;
-        for (var i = 0; i < this._textTracks.length; i++) {
-            var _a = this._textTracks[i], track = _a.track, nativeTrack = _a.nativeTrack;
+    setTextTrackById(id) {
+        let hasSetTrack = false;
+        for (let i = 0; i < this._textTracks.length; i++) {
+            const { track, nativeTrack } = this._textTracks[i];
             if (track.id === id) {
                 nativeTrack.mode = "showing";
                 hasSetTrack = true;
@@ -216,23 +209,23 @@ var MediaElementTracksStore = /** @class */ (function (_super) {
         if (!hasSetTrack) {
             throw new Error("Text track not found.");
         }
-    };
+    }
     /**
      * Disable the currently-active video track, if one.
      */
-    MediaElementTracksStore.prototype.disableVideoTrack = function () {
+    disableVideoTrack() {
         disableVideoTracks(this._videoTracks);
         this._videoTrackLockedOn = null;
-    };
+    }
     /**
      * Update the currently active video track by setting the wanted video track's
      * ID property.
      * Throws if the wanted video track is not found.
      * @param {string|number|undefined} id
      */
-    MediaElementTracksStore.prototype.setVideoTrackById = function (id) {
-        for (var i = 0; i < this._videoTracks.length; i++) {
-            var _a = this._videoTracks[i], track = _a.track, nativeTrack = _a.nativeTrack;
+    setVideoTrackById(id) {
+        for (let i = 0; i < this._videoTracks.length; i++) {
+            const { track, nativeTrack } = this._videoTracks[i];
             if (track.id === id) {
                 nativeTrack.selected = true;
                 this._videoTrackLockedOn = nativeTrack;
@@ -240,50 +233,49 @@ var MediaElementTracksStore = /** @class */ (function (_super) {
             }
         }
         throw new Error("Video track not found.");
-    };
+    }
     /**
      * Returns the currently active audio track.
      * Returns `null` if no audio track is active.
      * Returns `undefined` if we cannot know which audio track is active.
      * @returns {Object|null|undefined}
      */
-    MediaElementTracksStore.prototype.getChosenAudioTrack = function () {
-        var currentAudioTrack = this._getCurrentAudioTrack();
-        return isNullOrUndefined(currentAudioTrack) ?
+    getChosenAudioTrack() {
+        const currentAudioTrack = this._getCurrentAudioTrack();
+        return (0, is_null_or_undefined_1.default)(currentAudioTrack) ?
             currentAudioTrack :
             currentAudioTrack.track;
-    };
+    }
     /**
      * Returns the currently active text track.
      * Returns `null` if no text track is active.
      * Returns `undefined` if we cannot know which text track is active.
      * @returns {Object|null|undefined}
      */
-    MediaElementTracksStore.prototype.getChosenTextTrack = function () {
-        var currentTextTrack = this._getCurrentTextTrack();
-        return isNullOrUndefined(currentTextTrack) ?
+    getChosenTextTrack() {
+        const currentTextTrack = this._getCurrentTextTrack();
+        return (0, is_null_or_undefined_1.default)(currentTextTrack) ?
             currentTextTrack :
             currentTextTrack.track;
-    };
+    }
     /**
      * Returns the currently active video track.
      * Returns `null` if no video track is active.
      * Returns `undefined` if we cannot know which video track is active.
      * @returns {Object|null|undefined}
      */
-    MediaElementTracksStore.prototype.getChosenVideoTrack = function () {
-        var currentVideoTrack = this._getCurrentVideoTrack();
-        return isNullOrUndefined(currentVideoTrack) ?
+    getChosenVideoTrack() {
+        const currentVideoTrack = this._getCurrentVideoTrack();
+        return (0, is_null_or_undefined_1.default)(currentVideoTrack) ?
             currentVideoTrack :
             currentVideoTrack.track;
-    };
+    }
     /**
      * Returns a description of every available audio tracks.
      * @returns {Array.<Object>}
      */
-    MediaElementTracksStore.prototype.getAvailableAudioTracks = function () {
-        return this._audioTracks.map(function (_a) {
-            var track = _a.track, nativeTrack = _a.nativeTrack;
+    getAvailableAudioTracks() {
+        return this._audioTracks.map(({ track, nativeTrack }) => {
             return { id: track.id,
                 language: track.language,
                 normalized: track.normalized,
@@ -291,14 +283,13 @@ var MediaElementTracksStore = /** @class */ (function (_super) {
                 active: nativeTrack.enabled,
                 representations: track.representations };
         });
-    };
+    }
     /**
      * Returns a description of every available text tracks.
      * @returns {Array.<Object>}
      */
-    MediaElementTracksStore.prototype.getAvailableTextTracks = function () {
-        return this._textTracks.map(function (_a) {
-            var track = _a.track, nativeTrack = _a.nativeTrack;
+    getAvailableTextTracks() {
+        return this._textTracks.map(({ track, nativeTrack }) => {
             return { id: track.id,
                 label: track.label,
                 forced: track.forced,
@@ -307,23 +298,22 @@ var MediaElementTracksStore = /** @class */ (function (_super) {
                 closedCaption: track.closedCaption,
                 active: nativeTrack.mode === "showing" };
         });
-    };
+    }
     /**
      * Returns a description of every available video tracks.
      * @returns {Array.<Object>}
      */
-    MediaElementTracksStore.prototype.getAvailableVideoTracks = function () {
-        return this._videoTracks.map(function (_a) {
-            var track = _a.track, nativeTrack = _a.nativeTrack;
+    getAvailableVideoTracks() {
+        return this._videoTracks.map(({ track, nativeTrack }) => {
             return { id: track.id,
                 representations: track.representations,
                 active: nativeTrack.selected };
         });
-    };
+    }
     /**
      * Free the resources used by the MediaElementTracksStore.
      */
-    MediaElementTracksStore.prototype.dispose = function () {
+    dispose() {
         if (this._nativeVideoTracks !== undefined) {
             this._nativeVideoTracks.onchange = null;
             this._nativeVideoTracks.onaddtrack = null;
@@ -340,92 +330,92 @@ var MediaElementTracksStore = /** @class */ (function (_super) {
             this._nativeTextTracks.onremovetrack = null;
         }
         this.removeEventListener();
-    };
+    }
     /**
      * Get information about the currently chosen audio track.
      * `undefined` if we cannot know it.
      * `null` if no audio track is chosen.
      * @returns {Object|undefined|null}
      */
-    MediaElementTracksStore.prototype._getCurrentAudioTrack = function () {
+    _getCurrentAudioTrack() {
         if (this._nativeAudioTracks === undefined) {
             return undefined;
         }
-        for (var i = 0; i < this._audioTracks.length; i++) {
-            var audioTrack = this._audioTracks[i];
+        for (let i = 0; i < this._audioTracks.length; i++) {
+            const audioTrack = this._audioTracks[i];
             if (audioTrack.nativeTrack.enabled) {
                 return audioTrack;
             }
         }
         return null;
-    };
+    }
     /**
      * Get information about the currently chosen video track.
      * `undefined` if we cannot know it.
      * `null` if no video track is chosen.
      * @returns {Object|undefined|null}
      */
-    MediaElementTracksStore.prototype._getCurrentVideoTrack = function () {
+    _getCurrentVideoTrack() {
         if (this._nativeVideoTracks === undefined) {
             return undefined;
         }
-        for (var i = 0; i < this._videoTracks.length; i++) {
-            var videoTrack = this._videoTracks[i];
+        for (let i = 0; i < this._videoTracks.length; i++) {
+            const videoTrack = this._videoTracks[i];
             if (videoTrack.nativeTrack.selected) {
                 return videoTrack;
             }
         }
         return null;
-    };
+    }
     /**
      * Get information about the currently chosen text track.
      * `undefined` if we cannot know it.
      * `null` if no text track is chosen.
      * @returns {Object|undefined|null}
      */
-    MediaElementTracksStore.prototype._getCurrentTextTrack = function () {
+    _getCurrentTextTrack() {
         if (this._nativeTextTracks === undefined) {
             return undefined;
         }
-        for (var i = 0; i < this._textTracks.length; i++) {
-            var textTrack = this._textTracks[i];
+        for (let i = 0; i < this._textTracks.length; i++) {
+            const textTrack = this._textTracks[i];
             if (textTrack.nativeTrack.mode === "showing") {
                 return textTrack;
             }
         }
         return null;
-    };
+    }
     /**
      * Iterate over every available audio tracks on the media element and either:
      *   - if the last manually set audio track is found, set that one.
      *   - if we still do not find an optimal track, let the one chosen by default
      */
-    MediaElementTracksStore.prototype._setPreviouslyLockedAudioTrack = function () {
+    _setPreviouslyLockedAudioTrack() {
         if (this._audioTrackLockedOn === undefined) {
             return;
         }
         else if (this._audioTrackLockedOn === null) {
-            for (var i = 0; i < this._audioTracks.length; i++) {
-                var nativeTrack = this._audioTracks[i].nativeTrack;
+            for (let i = 0; i < this._audioTracks.length; i++) {
+                const { nativeTrack } = this._audioTracks[i];
                 nativeTrack.enabled = false;
             }
         }
         else {
-            for (var i = 0; i < this._audioTracks.length; i++) {
-                var nativeTrack = this._audioTracks[i].nativeTrack;
+            for (let i = 0; i < this._audioTracks.length; i++) {
+                const { nativeTrack } = this._audioTracks[i];
                 if (nativeTrack === this._audioTrackLockedOn) {
                     this._enableAudioTrackFromIndex(i);
                     return;
                 }
             }
         }
-    };
+    }
     /**
      * Iterate over every available text tracks on the media element and either:
      *   - if the last manually set text track is found, set that one.
      *   - if we still do not find an optimal track, just disable it.
      */
-    MediaElementTracksStore.prototype._setPreviouslyLockedTextTrack = function () {
+    _setPreviouslyLockedTextTrack() {
         if (this._textTrackLockedOn === undefined) {
             return;
         }
@@ -434,8 +424,8 @@ var MediaElementTracksStore = /** @class */ (function (_super) {
             return;
         }
         else {
-            for (var i = 0; i < this._textTracks.length; i++) {
-                var nativeTrack = this._textTracks[i].nativeTrack;
+            for (let i = 0; i < this._textTracks.length; i++) {
+                const { nativeTrack } = this._textTracks[i];
                 if (nativeTrack === this._textTrackLockedOn) {
                     // disable the rest
                     disableAllTextTracksBut(this._textTracks, nativeTrack);
@@ -446,13 +436,13 @@ var MediaElementTracksStore = /** @class */ (function (_super) {
                 }
             }
         }
-    };
+    }
     /**
      * Iterate over every available video tracks on the media element and either:
      *   - if the last manually set video track is found, set that one.
      *   - if we still do not find an optimal track, let the one chosen by default
      */
-    MediaElementTracksStore.prototype._setPreviouslyLockedVideoTrack = function () {
+    _setPreviouslyLockedVideoTrack() {
         if (this._videoTrackLockedOn === undefined) {
             return;
         }
@@ -461,201 +451,196 @@ var MediaElementTracksStore = /** @class */ (function (_super) {
             return;
         }
         else {
-            for (var i = 0; i < this._videoTracks.length; i++) {
-                var nativeTrack = this._videoTracks[i].nativeTrack;
+            for (let i = 0; i < this._videoTracks.length; i++) {
+                const { nativeTrack } = this._videoTracks[i];
                 if (nativeTrack === this._videoTrackLockedOn) {
                     nativeTrack.selected = true;
                     return;
                 }
             }
         }
-    };
+    }
     /**
      * Monitor native tracks add, remove and change callback and trigger the
      * change events.
      */
-    MediaElementTracksStore.prototype._handleNativeTracksCallbacks = function () {
-        var _this = this;
+    _handleNativeTracksCallbacks() {
         if (this._nativeAudioTracks !== undefined) {
-            this._nativeAudioTracks.onaddtrack = function () {
+            this._nativeAudioTracks.onaddtrack = () => {
                 var _a, _b;
-                if (_this._nativeAudioTracks !== undefined) {
-                    var newAudioTracks = createAudioTracks(_this._nativeAudioTracks);
-                    if (areTrackArraysDifferent(_this._audioTracks, newAudioTracks)) {
-                        _this._audioTracks = newAudioTracks;
-                        _this._setPreviouslyLockedAudioTrack();
-                        _this.trigger("availableAudioTracksChange", _this.getAvailableAudioTracks());
-                        var chosenAudioTrack = _this._getCurrentAudioTrack();
-                        if ((chosenAudioTrack === null || chosenAudioTrack === void 0 ? void 0 : chosenAudioTrack.nativeTrack) !== _this._lastEmittedNativeAudioTrack) {
-                            _this.trigger("audioTrackChange", (_a = chosenAudioTrack === null || chosenAudioTrack === void 0 ? void 0 : chosenAudioTrack.track) !== null && _a !== void 0 ? _a : null);
-                            _this._lastEmittedNativeAudioTrack = (_b = chosenAudioTrack === null || chosenAudioTrack === void 0 ? void 0 : chosenAudioTrack.nativeTrack) !== null && _b !== void 0 ? _b : null;
+                if (this._nativeAudioTracks !== undefined) {
+                    const newAudioTracks = createAudioTracks(this._nativeAudioTracks);
+                    if (areTrackArraysDifferent(this._audioTracks, newAudioTracks)) {
+                        this._audioTracks = newAudioTracks;
+                        this._setPreviouslyLockedAudioTrack();
+                        this.trigger("availableAudioTracksChange", this.getAvailableAudioTracks());
+                        const chosenAudioTrack = this._getCurrentAudioTrack();
+                        if ((chosenAudioTrack === null || chosenAudioTrack === void 0 ? void 0 : chosenAudioTrack.nativeTrack) !== this._lastEmittedNativeAudioTrack) {
+                            this.trigger("audioTrackChange", (_a = chosenAudioTrack === null || chosenAudioTrack === void 0 ? void 0 : chosenAudioTrack.track) !== null && _a !== void 0 ? _a : null);
+                            this._lastEmittedNativeAudioTrack = (_b = chosenAudioTrack === null || chosenAudioTrack === void 0 ? void 0 : chosenAudioTrack.nativeTrack) !== null && _b !== void 0 ? _b : null;
                         }
                     }
                 }
             };
-            this._nativeAudioTracks.onremovetrack = function () {
+            this._nativeAudioTracks.onremovetrack = () => {
                 var _a, _b;
-                if (_this._nativeAudioTracks !== undefined) {
-                    var newAudioTracks = createAudioTracks(_this._nativeAudioTracks);
-                    if (areTrackArraysDifferent(_this._audioTracks, newAudioTracks)) {
-                        _this._audioTracks = newAudioTracks;
-                        _this.trigger("availableAudioTracksChange", _this.getAvailableAudioTracks());
-                        var chosenAudioTrack = _this._getCurrentAudioTrack();
-                        if ((chosenAudioTrack === null || chosenAudioTrack === void 0 ? void 0 : chosenAudioTrack.nativeTrack) !== _this._lastEmittedNativeAudioTrack) {
-                            _this.trigger("audioTrackChange", (_a = chosenAudioTrack === null || chosenAudioTrack === void 0 ? void 0 : chosenAudioTrack.track) !== null && _a !== void 0 ? _a : null);
-                            _this._lastEmittedNativeAudioTrack = (_b = chosenAudioTrack === null || chosenAudioTrack === void 0 ? void 0 : chosenAudioTrack.nativeTrack) !== null && _b !== void 0 ? _b : null;
+                if (this._nativeAudioTracks !== undefined) {
+                    const newAudioTracks = createAudioTracks(this._nativeAudioTracks);
+                    if (areTrackArraysDifferent(this._audioTracks, newAudioTracks)) {
+                        this._audioTracks = newAudioTracks;
+                        this.trigger("availableAudioTracksChange", this.getAvailableAudioTracks());
+                        const chosenAudioTrack = this._getCurrentAudioTrack();
+                        if ((chosenAudioTrack === null || chosenAudioTrack === void 0 ? void 0 : chosenAudioTrack.nativeTrack) !== this._lastEmittedNativeAudioTrack) {
+                            this.trigger("audioTrackChange", (_a = chosenAudioTrack === null || chosenAudioTrack === void 0 ? void 0 : chosenAudioTrack.track) !== null && _a !== void 0 ? _a : null);
+                            this._lastEmittedNativeAudioTrack = (_b = chosenAudioTrack === null || chosenAudioTrack === void 0 ? void 0 : chosenAudioTrack.nativeTrack) !== null && _b !== void 0 ? _b : null;
                         }
                     }
                 }
             };
-            this._nativeAudioTracks.onchange = function () {
-                if (_this._audioTracks !== undefined) {
-                    for (var i = 0; i < _this._audioTracks.length; i++) {
-                        var _a = _this._audioTracks[i], track = _a.track, nativeTrack = _a.nativeTrack;
+            this._nativeAudioTracks.onchange = () => {
+                if (this._audioTracks !== undefined) {
+                    for (let i = 0; i < this._audioTracks.length; i++) {
+                        const { track, nativeTrack } = this._audioTracks[i];
                         if (nativeTrack.enabled) {
-                            if (nativeTrack !== _this._lastEmittedNativeAudioTrack) {
-                                _this.trigger("audioTrackChange", track);
-                                _this._lastEmittedNativeAudioTrack = nativeTrack;
+                            if (nativeTrack !== this._lastEmittedNativeAudioTrack) {
+                                this.trigger("audioTrackChange", track);
+                                this._lastEmittedNativeAudioTrack = nativeTrack;
                             }
                             return;
                         }
                     }
                 }
-                if (_this._lastEmittedNativeAudioTrack !== null) {
-                    _this.trigger("audioTrackChange", null);
-                    _this._lastEmittedNativeAudioTrack = null;
+                if (this._lastEmittedNativeAudioTrack !== null) {
+                    this.trigger("audioTrackChange", null);
+                    this._lastEmittedNativeAudioTrack = null;
                 }
                 return;
             };
         }
         if (this._nativeTextTracks !== undefined) {
-            this._nativeTextTracks.onaddtrack = function () {
+            this._nativeTextTracks.onaddtrack = () => {
                 var _a, _b;
-                if (_this._nativeTextTracks !== undefined) {
-                    var newTextTracks = createTextTracks(_this._nativeTextTracks);
-                    if (areTrackArraysDifferent(_this._textTracks, newTextTracks)) {
-                        _this._textTracks = newTextTracks;
-                        _this._setPreviouslyLockedTextTrack();
-                        _this.trigger("availableTextTracksChange", _this.getAvailableTextTracks());
-                        var chosenTextTrack = _this._getCurrentTextTrack();
-                        if ((chosenTextTrack === null || chosenTextTrack === void 0 ? void 0 : chosenTextTrack.nativeTrack) !== _this._lastEmittedNativeTextTrack) {
-                            _this.trigger("textTrackChange", (_a = chosenTextTrack === null || chosenTextTrack === void 0 ? void 0 : chosenTextTrack.track) !== null && _a !== void 0 ? _a : null);
-                            _this._lastEmittedNativeTextTrack = (_b = chosenTextTrack === null || chosenTextTrack === void 0 ? void 0 : chosenTextTrack.nativeTrack) !== null && _b !== void 0 ? _b : null;
+                if (this._nativeTextTracks !== undefined) {
+                    const newTextTracks = createTextTracks(this._nativeTextTracks);
+                    if (areTrackArraysDifferent(this._textTracks, newTextTracks)) {
+                        this._textTracks = newTextTracks;
+                        this._setPreviouslyLockedTextTrack();
+                        this.trigger("availableTextTracksChange", this.getAvailableTextTracks());
+                        const chosenTextTrack = this._getCurrentTextTrack();
+                        if ((chosenTextTrack === null || chosenTextTrack === void 0 ? void 0 : chosenTextTrack.nativeTrack) !== this._lastEmittedNativeTextTrack) {
+                            this.trigger("textTrackChange", (_a = chosenTextTrack === null || chosenTextTrack === void 0 ? void 0 : chosenTextTrack.track) !== null && _a !== void 0 ? _a : null);
+                            this._lastEmittedNativeTextTrack = (_b = chosenTextTrack === null || chosenTextTrack === void 0 ? void 0 : chosenTextTrack.nativeTrack) !== null && _b !== void 0 ? _b : null;
                         }
                     }
                 }
             };
-            this._nativeTextTracks.onremovetrack = function () {
+            this._nativeTextTracks.onremovetrack = () => {
                 var _a, _b;
-                if (_this._nativeTextTracks !== undefined) {
-                    var newTextTracks = createTextTracks(_this._nativeTextTracks);
-                    if (areTrackArraysDifferent(_this._textTracks, newTextTracks)) {
-                        _this._textTracks = newTextTracks;
-                        _this._setPreviouslyLockedTextTrack();
-                        _this.trigger("availableTextTracksChange", _this.getAvailableTextTracks());
-                        var chosenTextTrack = _this._getCurrentTextTrack();
-                        if ((chosenTextTrack === null || chosenTextTrack === void 0 ? void 0 : chosenTextTrack.nativeTrack) !== _this._lastEmittedNativeTextTrack) {
-                            _this.trigger("textTrackChange", (_a = chosenTextTrack === null || chosenTextTrack === void 0 ? void 0 : chosenTextTrack.track) !== null && _a !== void 0 ? _a : null);
-                            _this._lastEmittedNativeTextTrack = (_b = chosenTextTrack === null || chosenTextTrack === void 0 ? void 0 : chosenTextTrack.nativeTrack) !== null && _b !== void 0 ? _b : null;
+                if (this._nativeTextTracks !== undefined) {
+                    const newTextTracks = createTextTracks(this._nativeTextTracks);
+                    if (areTrackArraysDifferent(this._textTracks, newTextTracks)) {
+                        this._textTracks = newTextTracks;
+                        this._setPreviouslyLockedTextTrack();
+                        this.trigger("availableTextTracksChange", this.getAvailableTextTracks());
+                        const chosenTextTrack = this._getCurrentTextTrack();
+                        if ((chosenTextTrack === null || chosenTextTrack === void 0 ? void 0 : chosenTextTrack.nativeTrack) !== this._lastEmittedNativeTextTrack) {
+                            this.trigger("textTrackChange", (_a = chosenTextTrack === null || chosenTextTrack === void 0 ? void 0 : chosenTextTrack.track) !== null && _a !== void 0 ? _a : null);
+                            this._lastEmittedNativeTextTrack = (_b = chosenTextTrack === null || chosenTextTrack === void 0 ? void 0 : chosenTextTrack.nativeTrack) !== null && _b !== void 0 ? _b : null;
                         }
                     }
                 }
             };
-            this._nativeTextTracks.onchange = function () {
-                if (_this._textTracks !== undefined) {
-                    for (var i = 0; i < _this._textTracks.length; i++) {
-                        var _a = _this._textTracks[i], track = _a.track, nativeTrack = _a.nativeTrack;
+            this._nativeTextTracks.onchange = () => {
+                if (this._textTracks !== undefined) {
+                    for (let i = 0; i < this._textTracks.length; i++) {
+                        const { track, nativeTrack } = this._textTracks[i];
                         if (nativeTrack.mode === "showing") {
-                            if (nativeTrack !== _this._lastEmittedNativeTextTrack) {
-                                _this.trigger("textTrackChange", track);
-                                _this._lastEmittedNativeTextTrack = nativeTrack;
+                            if (nativeTrack !== this._lastEmittedNativeTextTrack) {
+                                this.trigger("textTrackChange", track);
+                                this._lastEmittedNativeTextTrack = nativeTrack;
                             }
                             return;
                         }
                     }
                 }
-                if (_this._lastEmittedNativeTextTrack !== null) {
-                    _this.trigger("textTrackChange", null);
-                    _this._lastEmittedNativeTextTrack = null;
+                if (this._lastEmittedNativeTextTrack !== null) {
+                    this.trigger("textTrackChange", null);
+                    this._lastEmittedNativeTextTrack = null;
                 }
                 return;
             };
         }
         if (this._nativeVideoTracks !== undefined) {
-            this._nativeVideoTracks.onaddtrack = function () {
+            this._nativeVideoTracks.onaddtrack = () => {
                 var _a, _b;
-                if (_this._nativeVideoTracks !== undefined) {
-                    var newVideoTracks = createVideoTracks(_this._nativeVideoTracks);
-                    if (areTrackArraysDifferent(_this._videoTracks, newVideoTracks)) {
-                        _this._videoTracks = newVideoTracks;
-                        _this._setPreviouslyLockedVideoTrack();
-                        _this.trigger("availableVideoTracksChange", _this.getAvailableVideoTracks());
-                        var chosenVideoTrack = _this._getCurrentVideoTrack();
-                        if ((chosenVideoTrack === null || chosenVideoTrack === void 0 ? void 0 : chosenVideoTrack.nativeTrack) !== _this._lastEmittedNativeVideoTrack) {
-                            _this.trigger("videoTrackChange", (_a = chosenVideoTrack === null || chosenVideoTrack === void 0 ? void 0 : chosenVideoTrack.track) !== null && _a !== void 0 ? _a : null);
-                            _this._lastEmittedNativeVideoTrack = (_b = chosenVideoTrack === null || chosenVideoTrack === void 0 ? void 0 : chosenVideoTrack.nativeTrack) !== null && _b !== void 0 ? _b : null;
+                if (this._nativeVideoTracks !== undefined) {
+                    const newVideoTracks = createVideoTracks(this._nativeVideoTracks);
+                    if (areTrackArraysDifferent(this._videoTracks, newVideoTracks)) {
+                        this._videoTracks = newVideoTracks;
+                        this._setPreviouslyLockedVideoTrack();
+                        this.trigger("availableVideoTracksChange", this.getAvailableVideoTracks());
+                        const chosenVideoTrack = this._getCurrentVideoTrack();
+                        if ((chosenVideoTrack === null || chosenVideoTrack === void 0 ? void 0 : chosenVideoTrack.nativeTrack) !== this._lastEmittedNativeVideoTrack) {
+                            this.trigger("videoTrackChange", (_a = chosenVideoTrack === null || chosenVideoTrack === void 0 ? void 0 : chosenVideoTrack.track) !== null && _a !== void 0 ? _a : null);
+                            this._lastEmittedNativeVideoTrack = (_b = chosenVideoTrack === null || chosenVideoTrack === void 0 ? void 0 : chosenVideoTrack.nativeTrack) !== null && _b !== void 0 ? _b : null;
                         }
                     }
                 }
             };
-            this._nativeVideoTracks.onremovetrack = function () {
+            this._nativeVideoTracks.onremovetrack = () => {
                 var _a, _b;
-                if (_this._nativeVideoTracks !== undefined) {
-                    var newVideoTracks = createVideoTracks(_this._nativeVideoTracks);
-                    if (areTrackArraysDifferent(_this._videoTracks, newVideoTracks)) {
-                        _this._videoTracks = newVideoTracks;
-                        _this._setPreviouslyLockedVideoTrack();
-                        _this.trigger("availableVideoTracksChange", _this.getAvailableVideoTracks());
-                        var chosenVideoTrack = _this._getCurrentVideoTrack();
-                        if ((chosenVideoTrack === null || chosenVideoTrack === void 0 ? void 0 : chosenVideoTrack.nativeTrack) !== _this._lastEmittedNativeVideoTrack) {
-                            _this.trigger("videoTrackChange", (_a = chosenVideoTrack === null || chosenVideoTrack === void 0 ? void 0 : chosenVideoTrack.track) !== null && _a !== void 0 ? _a : null);
-                            _this._lastEmittedNativeVideoTrack = (_b = chosenVideoTrack === null || chosenVideoTrack === void 0 ? void 0 : chosenVideoTrack.nativeTrack) !== null && _b !== void 0 ? _b : null;
+                if (this._nativeVideoTracks !== undefined) {
+                    const newVideoTracks = createVideoTracks(this._nativeVideoTracks);
+                    if (areTrackArraysDifferent(this._videoTracks, newVideoTracks)) {
+                        this._videoTracks = newVideoTracks;
+                        this._setPreviouslyLockedVideoTrack();
+                        this.trigger("availableVideoTracksChange", this.getAvailableVideoTracks());
+                        const chosenVideoTrack = this._getCurrentVideoTrack();
+                        if ((chosenVideoTrack === null || chosenVideoTrack === void 0 ? void 0 : chosenVideoTrack.nativeTrack) !== this._lastEmittedNativeVideoTrack) {
+                            this.trigger("videoTrackChange", (_a = chosenVideoTrack === null || chosenVideoTrack === void 0 ? void 0 : chosenVideoTrack.track) !== null && _a !== void 0 ? _a : null);
+                            this._lastEmittedNativeVideoTrack = (_b = chosenVideoTrack === null || chosenVideoTrack === void 0 ? void 0 : chosenVideoTrack.nativeTrack) !== null && _b !== void 0 ? _b : null;
                         }
                     }
                 }
             };
-            this._nativeVideoTracks.onchange = function () {
-                if (_this._videoTracks !== undefined) {
-                    for (var i = 0; i < _this._videoTracks.length; i++) {
-                        var _a = _this._videoTracks[i], track = _a.track, nativeTrack = _a.nativeTrack;
+            this._nativeVideoTracks.onchange = () => {
+                if (this._videoTracks !== undefined) {
+                    for (let i = 0; i < this._videoTracks.length; i++) {
+                        const { track, nativeTrack } = this._videoTracks[i];
                         if (nativeTrack.selected) {
-                            if (nativeTrack !== _this._lastEmittedNativeVideoTrack) {
-                                _this.trigger("videoTrackChange", track);
-                                _this._lastEmittedNativeVideoTrack = nativeTrack;
+                            if (nativeTrack !== this._lastEmittedNativeVideoTrack) {
+                                this.trigger("videoTrackChange", track);
+                                this._lastEmittedNativeVideoTrack = nativeTrack;
                             }
                             return;
                         }
                     }
                 }
-                if (_this._lastEmittedNativeVideoTrack !== null) {
-                    _this.trigger("videoTrackChange", null);
-                    _this._lastEmittedNativeVideoTrack = null;
+                if (this._lastEmittedNativeVideoTrack !== null) {
+                    this.trigger("videoTrackChange", null);
+                    this._lastEmittedNativeVideoTrack = null;
                 }
                 return;
             };
         }
-    };
+    }
     /**
      * Enable an audio track (and disable all others), based on its index in the
      * `this._audioTracks` array.
      * @param {number} index}
      */
-    MediaElementTracksStore.prototype._enableAudioTrackFromIndex = function (index) {
-        enableAudioTrack(this._audioTracks.map(function (_a) {
-            var nativeTrack = _a.nativeTrack;
-            return nativeTrack;
-        }), index);
-    };
-    return MediaElementTracksStore;
-}(EventEmitter));
-export default MediaElementTracksStore;
+    _enableAudioTrackFromIndex(index) {
+        (0, compat_1.enableAudioTrack)(this._audioTracks.map(({ nativeTrack }) => nativeTrack), index);
+    }
+}
+exports.default = MediaElementTracksStore;
 /**
  * Disable all text track elements in the given array from showing.
  * @param {Array.<Object>} textTracks
  */
 function disableTextTracks(textTracks) {
-    for (var i = 0; i < textTracks.length; i++) {
-        var nativeTrack = textTracks[i].nativeTrack;
+    for (let i = 0; i < textTracks.length; i++) {
+        const { nativeTrack } = textTracks[i];
         nativeTrack.mode = "disabled";
     }
 }
@@ -666,8 +651,8 @@ function disableTextTracks(textTracks) {
  * @param {TextTrack} track
  */
 function disableAllTextTracksBut(textTracks, track) {
-    for (var i = 0; i < textTracks.length; i++) {
-        var nativeTrack = textTracks[i].nativeTrack;
+    for (let i = 0; i < textTracks.length; i++) {
+        const { nativeTrack } = textTracks[i];
         if (nativeTrack !== track &&
             (nativeTrack.mode === "showing" || nativeTrack.mode === "hidden")) {
             nativeTrack.mode = "disabled";
@@ -680,8 +665,8 @@ function disableAllTextTracksBut(textTracks, track) {
  * @param {Array.<Object>} videoTracks
  */
 function disableVideoTracks(videoTracks) {
-    for (var i = 0; i < videoTracks.length; i++) {
-        var nativeTrack = videoTracks[i].nativeTrack;
+    for (let i = 0; i < videoTracks.length; i++) {
+        const { nativeTrack } = videoTracks[i];
         nativeTrack.selected = false;
     }
 }