rx-player 4.0.0 → 4.1.0-dev.2024031100

package/dist/commonjs/main_thread/tracks_store/media_element_tracks_store.js

@@ -0,0 +1,691 @@
+"use strict";
+/**
+ * Copyright 2015 CANAL+ Group
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * 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 });
+var enable_audio_track_1 = require("../../compat/enable_audio_track");
+var event_emitter_1 = require("../../utils/event_emitter");
+var is_null_or_undefined_1 = require("../../utils/is_null_or_undefined");
+var languages_1 = require("../../utils/languages");
+/**
+ * Check if track array is different from an other one
+ * @param {Array.<Object>} oldTrackArray
+ * @param {Array.<Object>} newTrackArray
+ * @returns {boolean}
+ */
+function areTrackArraysDifferent(oldTrackArray, newTrackArray) {
+    var _a;
+    if (newTrackArray.length !== oldTrackArray.length) {
+        return true;
+    }
+    for (var i = 0; i < newTrackArray.length; i++) {
+        if (newTrackArray[i].nativeTrack !== ((_a = oldTrackArray[i]) === null || _a === void 0 ? void 0 : _a.nativeTrack)) {
+            return true;
+        }
+    }
+    return false;
+}
+/**
+ * Create audio tracks from native audio tracks.
+ * @param {AudioTrackList} audioTracks
+ * @returns {Array.<Object>}
+ */
+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" : audioTrack.language;
+        var occurences = (_a = languagesOccurences[language]) !== null && _a !== void 0 ? _a : 1;
+        var id = "gen_audio_" + language + "_" + occurences.toString();
+        languagesOccurences[language] = occurences + 1;
+        var track = {
+            language: audioTrack.language,
+            id: 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 });
+    }
+    return newAudioTracks;
+}
+/**
+ * Create text tracks from native text tracks.
+ * @param {TextTrackList} textTracks
+ * @returns {Array.<Object>}
+ */
+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" : textTrack.language;
+        var occurences = (_a = languagesOccurences[language]) !== null && _a !== void 0 ? _a : 1;
+        var id = "gen_text_" + language + "_" + occurences.toString();
+        languagesOccurences[language] = occurences + 1;
+        // Safari seems to be indicating that the subtitles track is a forced
+        // 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" ? true : undefined;
+        var track = {
+            language: textTrack.language,
+            forced: forced,
+            label: textTrack.label,
+            id: id,
+            normalized: (0, languages_1.default)(textTrack.language),
+            closedCaption: textTrack.kind === "captions",
+        };
+        newTextTracks.push({ track: track, nativeTrack: textTrack });
+    }
+    return newTextTracks;
+}
+/**
+ * Create video tracks from native video tracks.
+ * @param {VideoTrackList} videoTracks
+ * @returns {Array.<Object>}
+ */
+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" : videoTrack.language;
+        var occurences = (_a = languagesOccurences[language]) !== null && _a !== void 0 ? _a : 1;
+        var id = "gen_video_" + language + "_" + occurences.toString();
+        languagesOccurences[language] = occurences + 1;
+        newVideoTracks.push({
+            track: { id: id, representations: [] },
+            nativeTrack: videoTrack,
+        });
+    }
+    return newVideoTracks;
+}
+/**
+ * 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 _a, _b, _c;
+        var _this = _super.call(this) || this;
+        // 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._videoTracks =
+            _this._nativeVideoTracks !== undefined
+                ? createVideoTracks(_this._nativeVideoTracks)
+                : [];
+        _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;
+    }
+    /**
+     * Update the currently active audio track by setting the wanted audio track's
+     * ID property.
+     * 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;
+            if (track.id === id) {
+                this._enableAudioTrackFromIndex(i);
+                this._audioTrackLockedOn = nativeTrack;
+                return;
+            }
+        }
+        throw new Error("Audio track not found.");
+    };
+    /**
+     * Disable the currently-active text track, if one.
+     */
+    MediaElementTracksStore.prototype.disableTextTrack = function () {
+        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;
+            if (track.id === id) {
+                nativeTrack.mode = "showing";
+                hasSetTrack = true;
+                this._textTrackLockedOn = nativeTrack;
+            }
+            else if (nativeTrack.mode === "showing" || nativeTrack.mode === "hidden") {
+                nativeTrack.mode = "disabled";
+            }
+        }
+        if (!hasSetTrack) {
+            throw new Error("Text track not found.");
+        }
+    };
+    /**
+     * Disable the currently-active video track, if one.
+     */
+    MediaElementTracksStore.prototype.disableVideoTrack = function () {
+        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;
+            if (track.id === id) {
+                nativeTrack.selected = true;
+                this._videoTrackLockedOn = nativeTrack;
+                return;
+            }
+        }
+        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 (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 (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 (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;
+            return {
+                id: track.id,
+                language: track.language,
+                normalized: track.normalized,
+                audioDescription: track.audioDescription,
+                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;
+            return {
+                id: track.id,
+                label: track.label,
+                forced: track.forced,
+                language: track.language,
+                normalized: track.normalized,
+                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;
+            return {
+                id: track.id,
+                representations: track.representations,
+                active: nativeTrack.selected,
+            };
+        });
+    };
+    /**
+     * Free the resources used by the MediaElementTracksStore.
+     */
+    MediaElementTracksStore.prototype.dispose = function () {
+        if (this._nativeVideoTracks !== undefined) {
+            this._nativeVideoTracks.onchange = null;
+            this._nativeVideoTracks.onaddtrack = null;
+            this._nativeVideoTracks.onremovetrack = null;
+        }
+        if (this._nativeAudioTracks !== undefined) {
+            this._nativeAudioTracks.onchange = null;
+            this._nativeAudioTracks.onaddtrack = null;
+            this._nativeAudioTracks.onremovetrack = null;
+        }
+        if (this._nativeTextTracks !== undefined) {
+            this._nativeTextTracks.onchange = null;
+            this._nativeTextTracks.onaddtrack = null;
+            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 () {
+        if (this._nativeAudioTracks === undefined) {
+            return undefined;
+        }
+        for (var i = 0; i < this._audioTracks.length; i++) {
+            var 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 () {
+        if (this._nativeVideoTracks === undefined) {
+            return undefined;
+        }
+        for (var i = 0; i < this._videoTracks.length; i++) {
+            var 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 () {
+        if (this._nativeTextTracks === undefined) {
+            return undefined;
+        }
+        for (var i = 0; i < this._textTracks.length; i++) {
+            var 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 () {
+        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;
+                nativeTrack.enabled = false;
+            }
+        }
+        else {
+            for (var i = 0; i < this._audioTracks.length; i++) {
+                var nativeTrack = this._audioTracks[i].nativeTrack;
+                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 () {
+        if (this._textTrackLockedOn === undefined) {
+            return;
+        }
+        else if (this._textTrackLockedOn === null) {
+            disableTextTracks(this._textTracks);
+            return;
+        }
+        else {
+            for (var i = 0; i < this._textTracks.length; i++) {
+                var nativeTrack = this._textTracks[i].nativeTrack;
+                if (nativeTrack === this._textTrackLockedOn) {
+                    // disable the rest
+                    disableAllTextTracksBut(this._textTracks, nativeTrack);
+                    if (nativeTrack.mode !== "showing") {
+                        nativeTrack.mode = "showing";
+                    }
+                    return;
+                }
+            }
+        }
+    };
+    /**
+     * 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 () {
+        if (this._videoTrackLockedOn === undefined) {
+            return;
+        }
+        else if (this._videoTrackLockedOn === null) {
+            disableVideoTracks(this._videoTracks);
+            return;
+        }
+        else {
+            for (var i = 0; i < this._videoTracks.length; i++) {
+                var nativeTrack = this._videoTracks[i].nativeTrack;
+                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;
+        if (this._nativeAudioTracks !== undefined) {
+            this._nativeAudioTracks.onaddtrack = function () {
+                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;
+                        }
+                    }
+                }
+            };
+            this._nativeAudioTracks.onremovetrack = function () {
+                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;
+                        }
+                    }
+                }
+            };
+            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;
+                        if (nativeTrack.enabled) {
+                            if (nativeTrack !== _this._lastEmittedNativeAudioTrack) {
+                                _this.trigger("audioTrackChange", track);
+                                _this._lastEmittedNativeAudioTrack = nativeTrack;
+                            }
+                            return;
+                        }
+                    }
+                }
+                if (_this._lastEmittedNativeAudioTrack !== null) {
+                    _this.trigger("audioTrackChange", null);
+                    _this._lastEmittedNativeAudioTrack = null;
+                }
+                return;
+            };
+        }
+        if (this._nativeTextTracks !== undefined) {
+            this._nativeTextTracks.onaddtrack = function () {
+                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;
+                        }
+                    }
+                }
+            };
+            this._nativeTextTracks.onremovetrack = function () {
+                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;
+                        }
+                    }
+                }
+            };
+            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;
+                        if (nativeTrack.mode === "showing") {
+                            if (nativeTrack !== _this._lastEmittedNativeTextTrack) {
+                                _this.trigger("textTrackChange", track);
+                                _this._lastEmittedNativeTextTrack = nativeTrack;
+                            }
+                            return;
+                        }
+                    }
+                }
+                if (_this._lastEmittedNativeTextTrack !== null) {
+                    _this.trigger("textTrackChange", null);
+                    _this._lastEmittedNativeTextTrack = null;
+                }
+                return;
+            };
+        }
+        if (this._nativeVideoTracks !== undefined) {
+            this._nativeVideoTracks.onaddtrack = function () {
+                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;
+                        }
+                    }
+                }
+            };
+            this._nativeVideoTracks.onremovetrack = function () {
+                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;
+                        }
+                    }
+                }
+            };
+            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;
+                        if (nativeTrack.selected) {
+                            if (nativeTrack !== _this._lastEmittedNativeVideoTrack) {
+                                _this.trigger("videoTrackChange", track);
+                                _this._lastEmittedNativeVideoTrack = nativeTrack;
+                            }
+                            return;
+                        }
+                    }
+                }
+                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) {
+        (0, enable_audio_track_1.default)(this._audioTracks.map(function (_a) {
+            var nativeTrack = _a.nativeTrack;
+            return nativeTrack;
+        }), index);
+    };
+    return MediaElementTracksStore;
+}(event_emitter_1.default));
+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;
+        nativeTrack.mode = "disabled";
+    }
+}
+/**
+ * Disable all text track elements in the given array from showing but one which
+ * should stay in the same state it was before.
+ * @param {Array.<Object>} textTracks
+ * @param {TextTrack} track
+ */
+function disableAllTextTracksBut(textTracks, track) {
+    for (var i = 0; i < textTracks.length; i++) {
+        var nativeTrack = textTracks[i].nativeTrack;
+        if (nativeTrack !== track &&
+            (nativeTrack.mode === "showing" || nativeTrack.mode === "hidden")) {
+            nativeTrack.mode = "disabled";
+        }
+    }
+}
+/**
+ * Disable all video track elements in the given array from showing.
+ * Note that browser need to support that use case, which they often do not.
+ * @param {Array.<Object>} videoTracks
+ */
+function disableVideoTracks(videoTracks) {
+    for (var i = 0; i < videoTracks.length; i++) {
+        var nativeTrack = videoTracks[i].nativeTrack;
+        nativeTrack.selected = false;
+    }
+}