video.js - npm Package Compare versions

Comparing version 8.1.1 to 8.2.0

dist/lang/en.js

@@ -93,3 +93,5 @@ videojs.addLanguage('en', {
   "Text Background": "Text Background",
-  "Caption Area Background": "Caption Area Background"
+  "Caption Area Background": "Caption Area Background",
+  "Skip backward {1} seconds": "Skip backward {1} seconds",
+  "Skip forward {1} seconds": "Skip forward {1} seconds"
 });

dist/lang/en.json

@@ -93,3 +93,5 @@ {
   "Text Background": "Text Background",
-  "Caption Area Background": "Caption Area Background"
+  "Caption Area Background": "Caption Area Background",
+  "Skip backward {1} seconds": "Skip backward {1} seconds",
+  "Skip forward {1} seconds": "Skip forward {1} seconds"
 }

dist/types/big-play-button.d.ts

 export default BigPlayButton;
+export type Event = any;
 /**
+ *  @typedef {import('../event-target').Event} Event
+ */
+/**
  * The initial play button that shows before the video has played. The hiding of the
@@ -15,3 +19,3 @@ * `BigPlayButton` get done via CSS and `Player` states.
      *
-     * @param {EventTarget~Event} event
+     * @param {Event} event
      *        The `keydown`, `tap`, or `click` event that caused this function to be
@@ -18,0 +22,0 @@ *        called.

dist/types/clickable-component.d.ts

 export default ClickableComponent;
+export type Player = import('./player').default;
 /**
+ * @typedef { import('./player').default } Player
+ */
+/**
  * Component which is clickable or keyboard actionable, but is not a
@@ -78,3 +82,3 @@ * native HTML button.
      *
-     * @param {EventTarget~Event} event
+     * @param {Event} event
      *        The `tap` or `click` event that caused this function to be called.
@@ -86,5 +90,17 @@ *
      */
-    handleClick(event: any, ...args: any[]): void;
+    handleClick(event: Event, ...args: any[]): void;
+    /**
+     * Event handler that is called when a `ClickableComponent` receives a
+     * `keydown` event.
+     *
+     * By default, if the key is Space or Enter, it will trigger a `click` event.
+     *
+     * @param {Event} event
+     *        The `keydown` event that caused this function to be called.
+     *
+     * @listens keydown
+     */
+    handleKeyDown(event: Event): void;
 }
 import Component from "./component";
 //# sourceMappingURL=clickable-component.d.ts.map

dist/types/close-button.d.ts

 export default CloseButton;
+export type Player = import('./player').default;
 /**
+ * @typedef { import('./player').default } Player
+ */
+/**
  * The `CloseButton` is a `{@link Button}` that fires a `close` event when
@@ -24,3 +28,3 @@ * it gets clicked.
      *
-     * @param {EventTarget~Event} event
+     * @param {Event} event
      *        The `keydown`, `tap`, or `click` event that caused this function to be
@@ -33,5 +37,5 @@ *        called.
      */
-    handleClick(event: any): void;
+    handleClick(event: Event): void;
 }
 import Button from "./button";
 //# sourceMappingURL=close-button.d.ts.map

dist/types/component.d.ts

 export default Component;
+export type Player = import('./player').default;
+export type Event = import('./event-target').Event;
 /**
+ * @typedef { import('./player').default } Player
+ * @typedef { import('./event-target').Event} Event
+*/
+/**
  * Base class for all UI Components.
@@ -45,3 +51,3 @@ * Components are UI objects which represent both a javascript object and an element
      *
-     * @callback Component~ReadyCallback
+     * @callback ReadyCallback
      * @this Component
@@ -66,3 +72,3 @@ */
      *
-     * @param {Component~ReadyCallback} [ready]
+     * @param {ReadyCallback} [ready]
      *        Function that gets called when the `Component` is ready.
@@ -73,3 +79,3 @@ */
         className?: string;
-    }, ready: any);
+    }, ready?: () => any);
     player_: any;
@@ -97,2 +103,67 @@ isDisposed_: boolean;
     /**
+     * Adds an `event listener` to an instance of an `EventTarget`. An `event listener` is a
+     * function that will get called when an event with a certain name gets triggered.
+     *
+     * @param {string|string[]} type
+     *        An event name or an array of event names.
+     *
+     * @param {Function} fn
+     *        The function to call with `EventTarget`s
+     */
+    on(type: string | string[], fn: Function): void;
+    /**
+     * Removes an `event listener` for a specific event from an instance of `EventTarget`.
+     * This makes it so that the `event listener` will no longer get called when the
+     * named event happens.
+     *
+     * @param {string|string[]} type
+     *        An event name or an array of event names.
+     *
+     * @param {Function} fn
+     *        The function to remove.
+     */
+    off(type: string | string[], fn: Function): void;
+    /**
+     * This function will add an `event listener` that gets triggered only once. After the
+     * first trigger it will get removed. This is like adding an `event listener`
+     * with {@link EventTarget#on} that calls {@link EventTarget#off} on itself.
+     *
+     * @param {string|string[]} type
+     *        An event name or an array of event names.
+     *
+     * @param {Function} fn
+     *        The function to be called once for each event name.
+     */
+    one(type: string | string[], fn: Function): void;
+    /**
+     * This function will add an `event listener` that gets triggered only once and is
+     * removed from all events. This is like adding an array of `event listener`s
+     * with {@link EventTarget#on} that calls {@link EventTarget#off} on all events the
+     * first time it is triggered.
+     *
+     * @param {string|string[]} type
+     *        An event name or an array of event names.
+     *
+     * @param {Function} fn
+     *        The function to be called once for each event name.
+     */
+    any(type: string | string[], fn: Function): void;
+    /**
+     * This function causes an event to happen. This will then cause any `event listeners`
+     * that are waiting for that event, to get called. If there are no `event listeners`
+     * for an event then nothing will happen.
+     *
+     * If the name of the `Event` that is being triggered is in `EventTarget.allowedEvents_`.
+     * Trigger will also call the `on` + `uppercaseEventName` function.
+     *
+     * Example:
+     * 'click' is in `EventTarget.allowedEvents_`, so, trigger will attempt to call
+     * `onClick` if it exists.
+     *
+     * @param {string|Event|Object} event
+     *        The name of the event, an `Event`, or an object with a key of type set to
+     *        an event name.
+     */
+    trigger(event: string | Event | any): void;
+    /**
      * Dispose of the `Component` and all child components.
@@ -306,3 +377,3 @@ *
      *
-     * @param {Component~ReadyCallback} fn
+     * @param {ReadyCallback} fn
      *        Function that gets called when the `Component` is ready.
@@ -313,3 +384,3 @@ *
      */
-    ready(fn: any, sync?: boolean): Component;
+    ready(fn: () => any, sync?: boolean): Component;
     readyQueue_: any;
@@ -593,6 +664,6 @@ /**
      *
-     * @param {EventTarget~Event} event
+     * @param {Event} event
      *        The `keydown` event that caused this function to be called.
      */
-    handleKeyDown(event: any): void;
+    handleKeyDown(event: Event): void;
     /**
@@ -604,6 +675,6 @@ * Many components used to have a `handleKeyPress` method, which was poorly
      *
-     * @param {EventTarget~Event} event
+     * @param {Event} event
      *        The event that caused this function to be called.
      */
-    handleKeyPress(event: any): void;
+    handleKeyPress(event: Event): void;
     /**
@@ -610,0 +681,0 @@ * Emit a 'tap' events when touch event support gets detected. This gets used to

dist/types/control-bar/audio-track-controls/audio-track-menu-item.d.ts

 export default AudioTrackMenuItem;
+export type Player = import('../../player').default;
 /**
+ * @typedef { import('../../player').default } Player
+ */
+/**
  * An {@link AudioTrack} {@link MenuItem}
@@ -11,5 +15,17 @@ *
     /**
+     * This gets called when an `AudioTrackMenuItem is "clicked". See {@link ClickableComponent}
+     * for more detailed information on what a click can be.
+     *
+     * @param {Event} [event]
+     *        The `keydown`, `tap`, or `click` event that caused this function to be
+     *        called.
+     *
+     * @listens tap
+     * @listens click
+     */
+    handleClick(event?: Event): void;
+    /**
      * Handle any {@link AudioTrack} change.
      *
-     * @param {EventTarget~Event} [event]
+     * @param {Event} [event]
      *        The {@link AudioTrackList#change} event that caused this to run.
@@ -19,5 +35,5 @@ *
      */
-    handleTracksChange(event: any): void;
+    handleTracksChange(event?: Event): void;
 }
 import MenuItem from "../../menu/menu-item.js";
 //# sourceMappingURL=audio-track-menu-item.d.ts.map

dist/types/control-bar/fullscreen-toggle.d.ts

 export default FullscreenToggle;
+export type Player = any;
 /**
+ * @typedef { import('./player').default } Player
+ */
+/**
  * Toggle fullscreen video
@@ -17,7 +21,7 @@ *
      */
-    constructor(player: Player, options?: any);
+    constructor(player: any, options?: any);
     /**
      * Handles fullscreenchange on the player and change control text accordingly.
      *
-     * @param {EventTarget~Event} [event]
+     * @param {Event} [event]
      *        The {@link Player#fullscreenchange} event that caused this function to be
@@ -28,3 +32,3 @@ *        called.
      */
-    handleFullscreenChange(event: any): void;
+    handleFullscreenChange(event?: Event): void;
     /**
@@ -34,3 +38,3 @@ * This gets called when an `FullscreenToggle` is "clicked". See
      *
-     * @param {EventTarget~Event} [event]
+     * @param {Event} [event]
      *        The `keydown`, `tap`, or `click` event that caused this function to be
@@ -42,5 +46,5 @@ *        called.
      */
-    handleClick(event: any): void;
+    handleClick(event?: Event): void;
 }
 import Button from "../button.js";
 //# sourceMappingURL=fullscreen-toggle.d.ts.map

dist/types/control-bar/live-display.d.ts

 export default LiveDisplay;
+export type Player = any;
 /**
+ * @typedef { import('./player').default } Player
+ */
+/**
  * Displays the live indicator when duration is Infinity.
@@ -17,3 +21,3 @@ *
      */
-    constructor(player: Player, options?: any);
+    constructor(player: any, options?: any);
     /**
@@ -32,3 +36,3 @@ * Create the `Component`'s DOM element
      *
-     * @param {EventTarget~Event} [event]
+     * @param {Event} [event]
      *        The {@link Player#durationchange} event that caused this function to run.
@@ -38,5 +42,5 @@ *
      */
-    updateShowing(event: any): void;
+    updateShowing(event?: Event): void;
 }
 import Component from "../component";
 //# sourceMappingURL=live-display.d.ts.map

dist/types/control-bar/mute-toggle.d.ts

 export default MuteToggle;
+export type Player = any;
 /**
+ * @typedef { import('./player').default } Player
+ */
+/**
  * A button component for muting the audio.
@@ -17,3 +21,3 @@ *
      */
-    constructor(player: Player, options?: any);
+    constructor(player: any, options?: any);
     /**
@@ -23,3 +27,3 @@ * This gets called when an `MuteToggle` is "clicked". See
      *
-     * @param {EventTarget~Event} [event]
+     * @param {Event} [event]
      *        The `keydown`, `tap`, or `click` event that caused this function to be
@@ -31,3 +35,3 @@ *        called.
      */
-    handleClick(event: any): void;
+    handleClick(event?: Event): void;
     /**
@@ -37,3 +41,3 @@ * Update the `MuteToggle` button based on the state of `volume` and `muted`
      *
-     * @param {EventTarget~Event} [event]
+     * @param {Event} [event]
      *        The {@link Player#loadstart} event if this function was called
@@ -45,3 +49,3 @@ *        through an event.
      */
-    update(event: any): void;
+    update(event?: Event): void;
     /**
@@ -48,0 +52,0 @@ * Update the appearance of the `MuteToggle` icon.

dist/types/control-bar/picture-in-picture-toggle.d.ts

 export default PictureInPictureToggle;
+export type Player = any;
 /**
+ * @typedef { import('./player').default } Player
+ */
+/**
  * Toggle Picture-in-Picture mode
@@ -20,3 +24,3 @@ *
      */
-    constructor(player: Player, options?: any);
+    constructor(player: any, options?: any);
     /**
@@ -30,3 +34,3 @@ * Enables or disables button based on document.pictureInPictureEnabled property value
      *
-     * @param {EventTarget~Event} [event]
+     * @param {Event} [event]
      *        The {@link Player#enterpictureinpicture} or {@link Player#leavepictureinpicture} event that caused this function to be
@@ -38,3 +42,3 @@ *        called.
      */
-    handlePictureInPictureChange(event: any): void;
+    handlePictureInPictureChange(event?: Event): void;
     /**
@@ -44,3 +48,3 @@ * This gets called when an `PictureInPictureToggle` is "clicked". See
      *
-     * @param {EventTarget~Event} [event]
+     * @param {Event} [event]
      *        The `keydown`, `tap`, or `click` event that caused this function to be
@@ -52,5 +56,5 @@ *        called.
      */
-    handleClick(event: any): void;
+    handleClick(event?: Event): void;
 }
 import Button from "../button.js";
 //# sourceMappingURL=picture-in-picture-toggle.d.ts.map

dist/types/control-bar/play-toggle.d.ts

 export default PlayToggle;
+export type Player = any;
 /**
+ * @typedef { import('./player').default } Player
+ */
+/**
  * Button to toggle between play and pause.
@@ -17,3 +21,3 @@ *
      */
-    constructor(player: Player, options?: any);
+    constructor(player: any, options?: any);
     /**
@@ -23,3 +27,3 @@ * This gets called when an `PlayToggle` is "clicked". See
      *
-     * @param {EventTarget~Event} [event]
+     * @param {Event} [event]
      *        The `keydown`, `tap`, or `click` event that caused this function to be
@@ -31,3 +35,3 @@ *        called.
      */
-    handleClick(event: any): void;
+    handleClick(event?: Event): void;
     /**
@@ -37,3 +41,3 @@ * This gets called once after the video has ended and the user seeks so that
      *
-     * @param {EventTarget~Event} [event]
+     * @param {Event} [event]
      *        The event that caused this function to run.
@@ -43,7 +47,7 @@ *
      */
-    handleSeeked(event: any): void;
+    handleSeeked(event?: Event): void;
     /**
      * Add the vjs-playing class to the element so it can change appearance.
      *
-     * @param {EventTarget~Event} [event]
+     * @param {Event} [event]
      *        The event that caused this function to run.
@@ -53,7 +57,7 @@ *
      */
-    handlePlay(event: any): void;
+    handlePlay(event?: Event): void;
     /**
      * Add the vjs-paused class to the element so it can change appearance.
      *
-     * @param {EventTarget~Event} [event]
+     * @param {Event} [event]
      *        The event that caused this function to run.
@@ -63,7 +67,7 @@ *
      */
-    handlePause(event: any): void;
+    handlePause(event?: Event): void;
     /**
      * Add the vjs-ended class to the element so it can change appearance
      *
-     * @param {EventTarget~Event} [event]
+     * @param {Event} [event]
      *        The event that caused this function to run.
@@ -73,5 +77,5 @@ *
      */
-    handleEnded(event: any): void;
+    handleEnded(event?: Event): void;
 }
 import Button from "../button.js";
 //# sourceMappingURL=play-toggle.d.ts.map

dist/types/control-bar/playback-rate-menu/playback-rate-menu-button.d.ts

 export default PlaybackRateMenuButton;
+export type Player = import('../../player').default;
 /**
+ * @typedef { import('../../player').default } Player
+ */
+/**
  * The component for controlling the playback rate.
@@ -39,3 +43,3 @@ *
      *
-     * @param {EventTarget~Event} [event]
+     * @param {Event} [event]
      *        The event that caused this function to run.
@@ -45,7 +49,7 @@ *
      */
-    updateVisibility(event: any): void;
+    updateVisibility(event?: Event): void;
     /**
      * Update button label when rate changed
      *
-     * @param {EventTarget~Event} [event]
+     * @param {Event} [event]
      *        The event that caused this function to run.
@@ -55,3 +59,3 @@ *
      */
-    updateLabel(event: any): void;
+    updateLabel(event?: Event): void;
     /**
@@ -58,0 +62,0 @@ * The text that should display over the `PlaybackRateMenuButton`s controls.

dist/types/control-bar/playback-rate-menu/playback-rate-menu-item.d.ts

 export default PlaybackRateMenuItem;
+export type Player = import('../../player').default;
 /**
+ * @typedef { import('../../player').default } Player
+ */
+/**
  * The specific menu item type for selecting a playback rate.
@@ -11,5 +15,17 @@ *
     /**
+     * This gets called when an `PlaybackRateMenuItem` is "clicked". See
+     * {@link ClickableComponent} for more detailed information on what a click can be.
+     *
+     * @param {Event} [event]
+     *        The `keydown`, `tap`, or `click` event that caused this function to be
+     *        called.
+     *
+     * @listens tap
+     * @listens click
+     */
+    handleClick(event?: Event): void;
+    /**
      * Update the PlaybackRateMenuItem when the playbackrate changes.
      *
-     * @param {EventTarget~Event} [event]
+     * @param {Event} [event]
      *        The `ratechange` event that caused this function to run.
@@ -19,3 +35,3 @@ *
      */
-    update(event: any): void;
+    update(event?: Event): void;
     /**
@@ -22,0 +38,0 @@ * The text that should display over the `PlaybackRateMenuItem`s controls. Added for localization.

dist/types/control-bar/progress-control/load-progress-bar.d.ts

 export default LoadProgressBar;
+export type Player = import('../../player').default;
 /**
@@ -31,3 +32,3 @@ * Shows loading progress
      *
-     * @param {EventTarget~Event} [event]
+     * @param {Event} [event]
      *        The `progress` event that caused this function to run.
@@ -37,3 +38,3 @@ *
      */
-    update(event: any): void;
+    update(event?: Event): void;
     percent_: any;
@@ -40,0 +41,0 @@ }

dist/types/control-bar/progress-control/mouse-time-display.d.ts

 export default MouseTimeDisplay;
+export type Player = import('../../player').default;
 /**
+ * @typedef { import('../../player').default } Player
+ */
+/**
  * The {@link MouseTimeDisplay} component tracks mouse movement over the
@@ -4,0 +8,0 @@ * {@link ProgressControl}. It displays an indicator and a {@link TimeTooltip}

dist/types/control-bar/progress-control/play-progress-bar.d.ts

 export default PlayProgressBar;
+export type Player = import('../../player').default;
 /**
+ * @typedef { import('../../player').default } Player
+ */
+/**
  * Used by {@link SeekBar} to display media playback progress as part of the
@@ -4,0 +8,0 @@ * {@link ProgressControl}.

dist/types/control-bar/progress-control/progress-control.d.ts

 export default ProgressControl;
+export type Player = import('../../player').default;
 /**
+ * @typedef { import('../../player').default } Player
+ */
+/**
  * The Progress Control component contains the seek bar, load progress,
@@ -23,3 +27,3 @@ * and play progress.
      *
-     * @param {EventTarget~Event} event
+     * @param {Event} event
      *        The `mousemove` event that caused this function to run.
@@ -29,3 +33,3 @@ *
      */
-    handleMouseMove(event: any): void;
+    handleMouseMove(event: Event): void;
     throttledHandleMouseSeek: Function;
@@ -45,3 +49,3 @@ handleMouseUpHandler_: (e: any) => void;
      * @method ProgressControl#throttledHandleMouseSeek
-     * @param {EventTarget~Event} event
+     * @param {Event} event
      *        The `mousemove` event that caused this function to run.
@@ -55,3 +59,3 @@ *
      *
-     * @param {EventTarget~Event} event
+     * @param {Event} event
      *        `mousedown` or `touchstart` event that triggered this function
@@ -62,3 +66,3 @@ *
      */
-    handleMouseSeek(event: any): void;
+    handleMouseSeek(event: Event): void;
     /**
@@ -87,3 +91,3 @@ * Are controls are currently enabled for this progress control.
      *
-     * @param {EventTarget~Event} event
+     * @param {Event} event
      *        `mousedown` or `touchstart` event that triggered this function
@@ -94,7 +98,7 @@ *
      */
-    handleMouseDown(event: any): void;
+    handleMouseDown(event: Event): void;
     /**
      * Handle `mouseup` or `touchend` events on the `ProgressControl`.
      *
-     * @param {EventTarget~Event} event
+     * @param {Event} event
      *        `mouseup` or `touchend` event that triggered this function.
@@ -105,5 +109,5 @@ *
      */
-    handleMouseUp(event: any): void;
+    handleMouseUp(event: Event): void;
 }
 import Component from "../../component.js";
 //# sourceMappingURL=progress-control.d.ts.map

dist/types/control-bar/progress-control/seek-bar.d.ts

 export default SeekBar;
+export type Player = import('../../player').default;
+export type Event = any;
 /**
@@ -19,3 +21,3 @@ * Seek bar and container for the progress bars. Uses {@link PlayProgressBar}
      *
-     * @param {EventTarget~Event} [event]
+     * @param {Event} [event]
      *        The `timeupdate` or `ended` event that caused this to run.
@@ -28,3 +30,3 @@ *
      */
-    update(event: any): number;
+    update(event?: any): number;
     updateInterval: number;
@@ -71,2 +73,11 @@ enableIntervalHandler_: (e: any) => void;
     getPercent(): number;
+    /**
+     * Handle mouse down on seek bar
+     *
+     * @param {Event} event
+     *        The `mousedown` event that caused this to run.
+     *
+     * @listens mousedown
+     */
+    handleMouseDown(event: any): void;
     videoWasPlaying: boolean;
@@ -76,3 +87,3 @@ /**
      *
-     * @param {EventTarget~Event} event
+     * @param {Event} event
      *        The `mousemove` event that caused this to run.
@@ -87,3 +98,3 @@ * @param {boolean} mouseDown this is a flag that should be set to true if `handleMouseMove` is called directly. It allows us to skip things that should not happen if coming from mouse down but should happen on regular mouse move handler. Defaults to false
      *
-     * @param {EventTarget~Event} event
+     * @param {Event} event
      *        The `mouseup` event that caused this to run.
@@ -106,3 +117,3 @@ *
      *
-     * @param {EventTarget~Event} event
+     * @param {Event} event
      *        The `keydown` event that caused this function to be called
@@ -112,2 +123,19 @@ *
     handleAction(event: any): void;
+    /**
+     * Called when this SeekBar has focus and a key gets pressed down.
+     * Supports the following keys:
+     *
+     *   Space or Enter key fire a click event
+     *   Home key moves to start of the timeline
+     *   End key moves to end of the timeline
+     *   Digit "0" through "9" keys move to 0%, 10% ... 80%, 90% of the timeline
+     *   PageDown key moves back a larger step than ArrowDown
+     *   PageUp key moves forward a large step
+     *
+     * @param {Event} event
+     *        The `keydown` event that caused this function to be called.
+     *
+     * @listens keydown
+     */
+    handleKeyDown(event: any): void;
     dispose(): void;
@@ -114,0 +142,0 @@ }

dist/types/control-bar/progress-control/time-tooltip.d.ts

 export default TimeTooltip;
+export type Player = import('../../player').default;
 /**
+ * @typedef { import('../../player').default } Player
+ */
+/**
  * Time tooltips display a time above the progress bar.
@@ -4,0 +8,0 @@ *

dist/types/control-bar/seek-to-live.d.ts

 export default SeekToLive;
+export type Player = any;
 /**
+ * @typedef { import('./player').default } Player
+ */
+/**
  * Displays the live indicator when duration is Infinity.
@@ -17,3 +21,3 @@ *
      */
-    constructor(player: Player, options?: any);
+    constructor(player: any, options?: any);
     updateLiveEdgeStatusHandler_: (e: any) => void;
@@ -20,0 +24,0 @@ /**

dist/types/control-bar/text-track-controls/caption-settings-menu-item.d.ts

 export default CaptionSettingsMenuItem;
+export type Player = import('../../player').default;
 /**
+ * @typedef { import('../../player').default } Player
+ */
+/**
  * The menu item for caption track settings menu
@@ -8,4 +12,16 @@ *
 declare class CaptionSettingsMenuItem extends TextTrackMenuItem {
+    /**
+     * This gets called when an `CaptionSettingsMenuItem` is "clicked". See
+     * {@link ClickableComponent} for more detailed information on what a click can be.
+     *
+     * @param {Event} [event]
+     *        The `keydown`, `tap`, or `click` event that caused this function to be
+     *        called.
+     *
+     * @listens tap
+     * @listens click
+     */
+    handleClick(event?: Event): void;
 }
 import TextTrackMenuItem from "./text-track-menu-item.js";
 //# sourceMappingURL=caption-settings-menu-item.d.ts.map

dist/types/control-bar/text-track-controls/captions-button.d.ts

 export default CaptionsButton;
+export type Player = import('../../player').default;
 /**
+ * @typedef { import('../../player').default } Player
+ */
+/**
  * The button component for toggling and selecting captions
@@ -17,6 +21,6 @@ *
      *
-     * @param {Component~ReadyCallback} [ready]
+     * @param {Function} [ready]
      *        The function to call when this component is ready.
      */
-    constructor(player: Player, options?: any, ready: any);
+    constructor(player: Player, options?: any, ready?: Function);
     /**
@@ -23,0 +27,0 @@ * Builds the default DOM `className`.

dist/types/control-bar/text-track-controls/chapters-button.d.ts

 export default ChaptersButton;
+export type Player = import('../../player').default;
+export type Menu = import('../../menu/menu').default;
+export type TextTrackMenuItem = any;
 /**
+ * @typedef { import('../../player').default } Player
+ * @typedef { import('../../menu/menu').default } Menu
+ * @typedef { import('../text-track-menu-item/menu/').default } TextTrackMenuItem
+ */
+/**
  * The button component for toggling and selecting chapters
@@ -19,6 +27,6 @@ * Chapters act much differently than other text tracks
      *
-     * @param {Component~ReadyCallback} [ready]
+     * @param {Function} [ready]
      *        The function to call when this function is ready.
      */
-    constructor(player: Player, options?: any, ready: any);
+    constructor(player: Player, options?: any, ready?: Function);
     selectCurrentItem_: () => void;
@@ -36,3 +44,3 @@ /**
      *
-     * @param {EventTarget~Event} [event]
+     * @param {Event} [event]
      *        An event that triggered this function to run.
@@ -44,3 +52,3 @@ *
      */
-    update(event: any): void;
+    update(event?: Event): void;
     /**
@@ -47,0 +55,0 @@ * Set the currently selected track for the chapters button.

dist/types/control-bar/text-track-controls/chapters-track-menu-item.d.ts

 export default ChaptersTrackMenuItem;
+export type Player = import('../../player').default;
 /**
+ * @typedef { import('../../player').default } Player
+ */
+/**
  * The chapter track menu item
@@ -10,4 +14,16 @@ *
     cue: any;
+    /**
+     * This gets called when an `ChaptersTrackMenuItem` is "clicked". See
+     * {@link ClickableComponent} for more detailed information on what a click can be.
+     *
+     * @param {Event} [event]
+     *        The `keydown`, `tap`, or `click` event that caused this function to be
+     *        called.
+     *
+     * @listens tap
+     * @listens click
+     */
+    handleClick(event?: Event): void;
 }
 import MenuItem from "../../menu/menu-item.js";
 //# sourceMappingURL=chapters-track-menu-item.d.ts.map

dist/types/control-bar/text-track-controls/descriptions-button.d.ts

 export default DescriptionsButton;
+export type Player = import('../../player').default;
 /**
+ * @typedef { import('../../player').default } Player
+ */
+/**
  * The button component for toggling and selecting descriptions
@@ -17,10 +21,10 @@ *
      *
-     * @param {Component~ReadyCallback} [ready]
+     * @param {Function} [ready]
      *        The function to call when this component is ready.
      */
-    constructor(player: Player, options?: any, ready: any);
+    constructor(player: Player, options?: any, ready?: Function);
     /**
      * Handle text track change
      *
-     * @param {EventTarget~Event} event
+     * @param {Event} event
      *        The event that caused this function to run
@@ -30,3 +34,3 @@ *
      */
-    handleTracksChange(event: any): void;
+    handleTracksChange(event: Event): void;
     /**
@@ -33,0 +37,0 @@ * Builds the default DOM `className`.

dist/types/control-bar/text-track-controls/off-text-track-menu-item.d.ts

 export default OffTextTrackMenuItem;
+export type Player = import('../../player').default;
 /**
+ * @typedef { import('../../player').default } Player
+ */
+/**
  * A special menu item for turning of a specific type of text track
@@ -4,0 +8,0 @@ *

dist/types/control-bar/text-track-controls/subs-caps-button.d.ts

 export default SubsCapsButton;
+export type Player = import('../../player').default;
 /**
+ * @typedef { import('../../player').default } Player
+ */
+/**
  * The button component for toggling and selecting captions and/or subtitles
@@ -8,3 +12,2 @@ *
 declare class SubsCapsButton extends TextTrackButton {
-    constructor(player: any, options?: {});
     label_: string;
@@ -11,0 +14,0 @@ /**

dist/types/control-bar/text-track-controls/subtitles-button.d.ts

 export default SubtitlesButton;
+export type Player = import('../../player').default;
 /**
+ * @typedef { import('../../player').default } Player
+ */
+/**
  * The button component for toggling and selecting subtitles
@@ -17,6 +21,6 @@ *
      *
-     * @param {Component~ReadyCallback} [ready]
+     * @param {Function} [ready]
      *        The function to call when this component is ready.
      */
-    constructor(player: Player, options?: any, ready: any);
+    constructor(player: Player, options?: any, ready?: Function);
     /**
@@ -23,0 +27,0 @@ * Builds the default DOM `className`.

dist/types/control-bar/text-track-controls/text-track-button.d.ts

 export default TextTrackButton;
+export type Player = import('../../player').default;
 /**
+ * @typedef { import('../../player').default } Player
+ */
+/**
  * The base class for buttons that toggle specific text track types (e.g. subtitles)
@@ -4,0 +8,0 @@ *

dist/types/control-bar/text-track-controls/text-track-menu-item.d.ts

 export default TextTrackMenuItem;
+export type Player = import('../../player').default;
 /**
+ * @typedef { import('../../player').default } Player
+ */
+/**
  * The specific menu item type for selecting a language within a text track kind
@@ -13,3 +17,3 @@ *
      *
-     * @param {EventTarget~Event} event
+     * @param {Event} event
      *        The `change` event that caused this function to be called.
@@ -19,3 +23,3 @@ *
      */
-    handleTracksChange(event: any): void;
+    handleTracksChange(event: Event): void;
     handleSelectedLanguageChange(event: any): void;
@@ -22,0 +26,0 @@ }

dist/types/control-bar/time-controls/current-time-display.d.ts

@@ -11,3 +11,3 @@ export default CurrentTimeDisplay;
      *
-     * @param {EventTarget~Event} [event]
+     * @param {Event} [event]
      *        The `timeupdate` event that caused this function to run.
@@ -17,3 +17,3 @@ *
      */
-    updateContent(event: any): void;
+    updateContent(event?: Event): void;
     /**
@@ -20,0 +20,0 @@ * The text that is added to the `CurrentTimeDisplay` for screen reader users.

dist/types/control-bar/time-controls/duration-display.d.ts

 export default DurationDisplay;
+export type Player = import('../../player').default;
 /**
+ * @typedef { import('../../player').default } Player
+ */
+/**
  * Displays the duration
@@ -21,3 +25,3 @@ *
      *
-     * @param {EventTarget~Event} [event]
+     * @param {Event} [event]
      *        The `durationchange`, `timeupdate`, or `loadedmetadata` event that caused
@@ -30,3 +34,3 @@ *        this function to be called.
      */
-    updateContent(event: any): void;
+    updateContent(event?: Event): void;
     /**
@@ -33,0 +37,0 @@ * The text that is added to the `DurationDisplay` for screen reader users.

dist/types/control-bar/time-controls/remaining-time-display.d.ts

 export default RemainingTimeDisplay;
+export type Player = import('../../player').default;
 /**
+ * @typedef { import('../../player').default } Player
+ */
+/**
  * Displays the time left in the video
@@ -28,3 +32,3 @@ *
      *
-     * @param {EventTarget~Event} [event]
+     * @param {Event} [event]
      *        The `timeupdate` or `durationchange` event that caused this to run.
@@ -35,3 +39,3 @@ *
      */
-    updateContent(event: any): void;
+    updateContent(event?: Event): void;
     /**
@@ -38,0 +42,0 @@ * The text that is added to the `RemainingTimeDisplay` for screen reader users.

dist/types/control-bar/time-controls/time-display.d.ts

 export default TimeDisplay;
+export type Player = import('../../player').default;
 /**
+ * @typedef { import('../../player').default } Player
+ */
+/**
  * Displays time information about the video
@@ -41,3 +45,3 @@ *
      *
-     * @param {EventTarget~Event} [event]
+     * @param {Event} [event]
      *        The `timeupdate`  event that caused this to run.
@@ -47,3 +51,3 @@ *
      */
-    updateContent(event: any): void;
+    updateContent(event?: Event): void;
     /**
@@ -50,0 +54,0 @@ * The text that is added to the `TimeDisplay` for screen reader users.

dist/types/control-bar/track-button.d.ts

 export default TrackButton;
+export type Player = any;
 /**
+ * @typedef { import('./player').default } Player
+ */
+/**
  * The base class for buttons that toggle specific  track types (e.g. subtitles).
@@ -8,4 +12,14 @@ *
 declare class TrackButton extends MenuButton {
+    /**
+     * Creates an instance of this class.
+     *
+     * @param {Player} player
+     *        The `Player` that this class should be attached to.
+     *
+     * @param {Object} [options]
+     *        The key/value store of player options.
+     */
+    constructor(player: any, options?: any);
 }
 import MenuButton from "../menu/menu-button.js";
 //# sourceMappingURL=track-button.d.ts.map

dist/types/control-bar/volume-control/check-mute-support.d.ts

 export default checkMuteSupport;
+export type Player = import('../../player').default;
+export type Component = import('../../component').default;
 /**
+ * @typedef { import('../../player').default } Player
+ * @typedef { import('../../component').default } Component
+ */
+/**
  * Check if muting volume is supported and if it isn't hide the mute toggle
@@ -4,0 +10,0 @@ * button.

dist/types/control-bar/volume-control/check-volume-support.d.ts

 export default checkVolumeSupport;
+export type Player = import('../../player').default;
+export type Component = import('../../component').default;
 /**
+ * @typedef { import('../../player').default } Player
+ * @typedef { import('../../component').default } Component
+ */
+/**
  * Check if volume control is supported and if it isn't hide the
@@ -4,0 +10,0 @@ * `Component` that was passed  using the `vjs-hidden` class.

dist/types/control-bar/volume-control/mouse-volume-level-display.d.ts

 export default MouseVolumeLevelDisplay;
+export type Player = import('../../player').default;
 /**
@@ -3,0 +4,0 @@ * The {@link MouseVolumeLevelDisplay} component tracks mouse movement over the

dist/types/control-bar/volume-control/volume-bar.d.ts

 export default VolumeBar;
+export type Player = import('../../player').default;
+export type Event = import('../../event-target').Event;
 /**
+ * @typedef { import('../../player').default } Player
+ * @typedef {import('../../event-target').Event} Event
+ */
+/**
  * The bar that contains the volume level and can be clicked on to adjust the level
@@ -37,3 +43,3 @@ *
      *
-     * @param {EventTarget~Event} [event]
+     * @param {Event} [event]
      *        The `volumechange` event that caused this function to run.
@@ -43,3 +49,3 @@ *
      */
-    updateARIAAttributes(event: any): void;
+    updateARIAAttributes(event?: Event): void;
     /**
@@ -46,0 +52,0 @@ * Returns the current value of the player volume as a percentage

dist/types/control-bar/volume-control/volume-control.d.ts

 export default VolumeControl;
+export type Player = import('../../player').default;
 /**
+ * @typedef { import('../../player').default } Player
+ */
+/**
  * The component for controlling the volume level
@@ -30,3 +34,3 @@ *
      *
-     * @param {EventTarget~Event} event
+     * @param {Event} event
      *        `mousedown` or `touchstart` event that triggered this function
@@ -37,7 +41,7 @@ *
      */
-    handleMouseDown(event: any): void;
+    handleMouseDown(event: Event): void;
     /**
      * Handle `mouseup` or `touchend` events on the `VolumeControl`.
      *
-     * @param {EventTarget~Event} event
+     * @param {Event} event
      *        `mouseup` or `touchend` event that triggered this function.
@@ -48,7 +52,7 @@ *
      */
-    handleMouseUp(event: any): void;
+    handleMouseUp(event: Event): void;
     /**
      * Handle `mousedown` or `touchstart` events on the `VolumeControl`.
      *
-     * @param {EventTarget~Event} event
+     * @param {Event} event
      *        `mousedown` or `touchstart` event that triggered this function
@@ -59,5 +63,5 @@ *
      */
-    handleMouseMove(event: any): void;
+    handleMouseMove(event: Event): void;
 }
 import Component from "../../component.js";
 //# sourceMappingURL=volume-control.d.ts.map

dist/types/control-bar/volume-control/volume-level-tooltip.d.ts

 export default VolumeLevelTooltip;
+export type Player = import('../../player').default;
 /**
+ * @typedef { import('../../player').default } Player
+ */
+/**
  * Volume level tooltips display a volume above or side by side the volume bar.
@@ -4,0 +8,0 @@ *

dist/types/control-bar/volume-panel.d.ts

 export default VolumePanel;
+export type Player = any;
 /**
@@ -18,3 +19,3 @@ * A Component to contain the MuteToggle and VolumeControl so that
      */
-    constructor(player: Player, options?: any);
+    constructor(player: any, options?: any);
     handleKeyPressHandler_: (e: any) => void;
@@ -58,3 +59,3 @@ /**
      *
-     * @param {EventTarget~Event} event
+     * @param {Event} event
      *        The `keyup` event that caused this function to be called.
@@ -64,3 +65,3 @@ *
      */
-    handleVolumeControlKeyUp(event: any): void;
+    handleVolumeControlKeyUp(event: Event): void;
     /**
@@ -71,3 +72,3 @@ * This gets called when a `VolumePanel` gains hover via a `mouseover` event.
      *
-     * @param {EventTarget~Event} event
+     * @param {Event} event
      *        The `mouseover` event that caused this function to be called.
@@ -77,3 +78,3 @@ *
      */
-    handleMouseOver(event: any): void;
+    handleMouseOver(event: Event): void;
     /**
@@ -84,3 +85,3 @@ * This gets called when a `VolumePanel` gains hover via a `mouseout` event.
      *
-     * @param {EventTarget~Event} event
+     * @param {Event} event
      *        The `mouseout` event that caused this function to be called.
@@ -90,5 +91,15 @@ *
      */
-    handleMouseOut(event: any): void;
+    handleMouseOut(event: Event): void;
+    /**
+     * Handles `keyup` event on the document or `keydown` event on the `VolumePanel`,
+     * looking for ESC, which hides the `VolumeControl`.
+     *
+     * @param {Event} event
+     *        The keypress that triggered this event.
+     *
+     * @listens keydown | keyup
+     */
+    handleKeyPress(event: Event): void;
 }
 import Component from "../component.js";
 //# sourceMappingURL=volume-panel.d.ts.map

dist/types/error-display.d.ts

 export default ErrorDisplay;
+export type Player = import('./player').default;
 /**
+ * @typedef { import('./player').default } Player
+ */
+/**
  * A display that indicates an error has occurred. This means that the video
@@ -4,0 +8,0 @@ * is unplayable.

dist/types/event-target.d.ts

@@ -5,3 +5,3 @@ export default EventTarget;
  */
-export type Event = EventTarget;
+export type Event = CustomEvent;
 /**
@@ -27,6 +27,6 @@ * ~EventListener
      *
-     * @param {EventTarget~EventListener} fn
+     * @param {Function} fn
      *        The function to call with `EventTarget`s
      */
-    on(type: string | string[], fn: any): void;
+    on(type: string | string[], fn: Function): void;
     addEventListener: any;
@@ -41,6 +41,6 @@ /**
      *
-     * @param {EventTarget~EventListener} fn
+     * @param {Function} fn
      *        The function to remove.
      */
-    off(type: string | string[], fn: any): void;
+    off(type: string | string[], fn: Function): void;
     /**
@@ -54,8 +54,20 @@ * This function will add an `event listener` that gets triggered only once. After the
      *
-     * @param {EventTarget~EventListener} fn
+     * @param {Function} fn
      *        The function to be called once for each event name.
      */
-    one(type: string | string[], fn: any): void;
-    any(type: any, fn: any): void;
+    one(type: string | string[], fn: Function): void;
     /**
+     * This function will add an `event listener` that gets triggered only once and is
+     * removed from all events. This is like adding an array of `event listener`s
+     * with {@link EventTarget#on} that calls {@link EventTarget#off} on all events the
+     * first time it is triggered.
+     *
+     * @param {string|string[]} type
+     *        An event name or an array of event names.
+     *
+     * @param {Function} fn
+     *        The function to be called once for each event name.
+     */
+    any(type: string | string[], fn: Function): void;
+    /**
      * This function causes an event to happen. This will then cause any `event listeners`
@@ -81,3 +93,3 @@ * that are waiting for that event, to get called. If there are no `event listeners`
      *
-     * @typedef {EventTarget} Event
+     * @typedef {CustomEvent} Event
      * @see [Properties]{@link https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent}
@@ -91,3 +103,3 @@ */
      *
-     * @param {EventTarget~Event} event
+     * @param {Event} event
      *        the event that triggered this function
@@ -115,3 +127,3 @@ *
      */
-    removeEventListener: (type: string | string[], fn: any) => void;
+    removeEventListener: (type: string | string[], fn: Function) => void;
     /**
@@ -118,0 +130,0 @@ * An alias of {@link EventTarget#trigger}. Allows `EventTarget` to mimic

dist/types/live-tracker.d.ts

 export default LiveTracker;
+export type Player = import('./player').default;
 /**
@@ -3,0 +4,0 @@ * A class for checking live current time and determining when the player

dist/types/menu/menu-button.d.ts

 export default MenuButton;
+export type Player = import('../player').default;
 /**
+ * @typedef { import('../player').default } Player
+ */
+/**
  * A `MenuButton` class for any popup {@link Menu}.
@@ -93,3 +97,3 @@ *
      *
-     * @param {EventTarget~Event} event
+     * @param {Event} event
      *        The `keydown`, `tap`, or `click` event that caused this function to be
@@ -101,7 +105,7 @@ *        called.
      */
-    handleClick(event: any): void;
+    handleClick(event: Event): void;
     /**
      * Handle `mouseleave` for `MenuButton`.
      *
-     * @param {EventTarget~Event} event
+     * @param {Event} event
      *        The `mouseleave` event that caused this function to be called.
@@ -111,8 +115,18 @@ *
      */
-    handleMouseLeave(event: any): void;
+    handleMouseLeave(event: Event): void;
     /**
+     * Handle tab, escape, down arrow, and up arrow keys for `MenuButton`. See
+     * {@link ClickableComponent#handleKeyDown} for instances where this is called.
+     *
+     * @param {Event} event
+     *        The `keydown` event that caused this function to be called.
+     *
+     * @listens keydown
+     */
+    handleKeyDown(event: Event): void;
+    /**
      * Handle a `keyup` event on a `MenuButton`. The listener for this is added in
      * the constructor.
      *
-     * @param {EventTarget~Event} event
+     * @param {Event} event
      *        Key press event
@@ -122,3 +136,3 @@ *
      */
-    handleMenuKeyUp(event: any): void;
+    handleMenuKeyUp(event: Event): void;
     /**
@@ -129,6 +143,6 @@ * This method name now delegates to `handleSubmenuKeyDown`. This means
      *
-     * @param {EventTarget~Event} event
+     * @param {Event} event
      *        The event that caused this function to be called.
      */
-    handleSubmenuKeyPress(event: any): void;
+    handleSubmenuKeyPress(event: Event): void;
     /**
@@ -138,3 +152,3 @@ * Handle a `keydown` event on a sub-menu. The listener for this is added in
      *
-     * @param {EventTarget~Event} event
+     * @param {Event} event
      *        Key press event
@@ -144,3 +158,3 @@ *
      */
-    handleSubmenuKeyDown(event: any): void;
+    handleSubmenuKeyDown(event: Event): void;
     /**
@@ -147,0 +161,0 @@ * Put the current `MenuButton` into a pressed state.

dist/types/menu/menu-item.d.ts

 export default MenuItem;
+export type Player = import('../player').default;
 /**
+ * @typedef { import('../player').default } Player
+ */
+/**
  * The component for a menu item. `<li>`
@@ -27,3 +31,3 @@ *
      *
-     * @param {EventTarget~Event} event
+     * @param {Event} event
      *        The `keydown`, `tap`, or `click` event that caused this function to be
@@ -35,3 +39,3 @@ *        called.
      */
-    handleClick(event: any): void;
+    handleClick(event: Event): void;
     /**
@@ -38,0 +42,0 @@ * Set the state for this menu item as selected or not.

dist/types/menu/menu.d.ts

 export default Menu;
+export type Player = import('../player').default;
 /**
+ * @typedef { import('../player').default } Player
+ */
+/**
  * The Menu component is used to build popup menus, including subtitle and
@@ -70,3 +74,3 @@ * captions selection menus.
      *
-     * @param {EventTarget~Event} event
+     * @param {Event} event
      *        The `blur` event that caused this function to be called.
@@ -76,7 +80,7 @@ *
      */
-    handleBlur(event: any): void;
+    handleBlur(event: Event): void;
     /**
      * Called when a `MenuItem` gets clicked or tapped.
      *
-     * @param {EventTarget~Event} event
+     * @param {Event} event
      *        The `click` or `tap` event that caused this function to be called.
@@ -86,4 +90,13 @@ *
      */
-    handleTapClick(event: any): void;
+    handleTapClick(event: Event): void;
     /**
+     * Handle a `keydown` event on this menu. This listener is added in the constructor.
+     *
+     * @param {Event} event
+     *        A `keydown` event that happened on the menu.
+     *
+     * @listens keydown
+     */
+    handleKeyDown(event: Event): void;
+    /**
      * Move to next (lower) menu item for keyboard users.
@@ -90,0 +103,0 @@ */

dist/types/modal-dialog.d.ts

 export default ModalDialog;
+export type Player = import('./player').default;
+export type ContentDescriptor = import('./utils/dom').ContentDescriptor;
 /**
@@ -21,3 +23,3 @@ * The `ModalDialog` displays over the video and its controls, which blocks
      *
-     * @param {Mixed} [options.content=undefined]
+     * @param {ContentDescriptor} [options.content=undefined]
      *        Provide customized content for this modal.
@@ -50,3 +52,3 @@ *
     constructor(player: Player, options?: {
-        content?: Mixed;
+        content?: ContentDescriptor;
         description?: string;
@@ -98,3 +100,3 @@ fillAlways?: boolean;
     wasPlaying_: boolean;
-    hadControls_: any;
+    hadControls_: boolean;
     /**
@@ -141,6 +143,6 @@ * If the `ModalDialog` is currently open or closed.
      *
-     * @param {Mixed} [content]
+     * @param {ContentDescriptor} [content]
      *        The same rules apply to this as apply to the `content` option.
      */
-    fillWith(content?: Mixed): void;
+    fillWith(content?: ContentDescriptor): void;
     /**
@@ -160,3 +162,3 @@ * Empties the content element. This happens anytime the modal is filled.
      *
-     * @param  {Mixed} [value]
+     * @param  {ContentDescriptor} [value]
      *         If defined, sets the internal content value to be used on the
@@ -166,7 +168,7 @@ *         next call(s) to `fill`. This value is normalized before being
      *
-     * @return {Mixed}
+     * @return {ContentDescriptor}
      *         The current content of the modal dialog
      */
-    content(value?: Mixed): Mixed;
-    content_: Mixed;
+    content(value?: ContentDescriptor): ContentDescriptor;
+    content_: Dom.ContentDescriptor;
     /**
@@ -198,2 +200,3 @@ * conditionally focus the modal dialog if focus was previously on the player.
 import Component from "./component";
+import * as Dom from "./utils/dom";
 //# sourceMappingURL=modal-dialog.d.ts.map

dist/types/player.d.ts

 export default Player;
+export type HtmlTrackElement = import('./tracks/html-track-element').default;
+export type TimeRange = import('./utils/time').TimeRange;
 /**
@@ -6,7 +8,9 @@ * An instance of the `Player` class is created when any of the Video.js setup methods
  *
- * After an instance has been created it can be accessed globally in two ways:
- * 1. By calling `videojs('example_video_1');`
+ * After an instance has been created it can be accessed globally in three ways:
+ * 1. By calling `videojs.getPlayer('example_video_1');`
+ * 2. By calling `videojs('example_video_1');` (not recomended)
  * 2. By using it directly via  `videojs.players.example_video_1;`
  *
  * @extends Component
+ * @global
  */
@@ -34,6 +38,6 @@ declare class Player extends Component {
      *
-     * @param {Component~ReadyCallback} [ready]
+     * @param {Function} [ready]
      *        Ready callback function.
      */
-    constructor(tag: Element, options?: any, ready: any);
+    constructor(tag: Element, options?: any, ready?: Function);
     boundDocumentFullscreenChange_: (e: any) => void;
@@ -324,3 +328,3 @@ boundFullWindowOnEscKey_: (e: any) => void;
      * @event Player#sourceset
-     * @type {EventTarget~Event}
+     * @type {Event}
      * @prop {string} src
@@ -451,3 +455,3 @@ *                The source url available when the `sourceset` was triggered.
      *
-     * @param {EventTarget~Event} event
+     * @param {Event} event
      *        the event that caused this function to trigger
@@ -462,3 +466,3 @@ *
      *
-     * @param {EventTarget~Event} event
+     * @param {Event} event
      *        the event that caused this function to trigger
@@ -496,3 +500,3 @@ *
      *
-     * @param {EventTarget~Event} event
+     * @param {Event} event
      *        the touchend event that triggered
@@ -516,3 +520,3 @@ *        this function
      *
-     * @param {EventTarget~Event} event
+     * @param {Event} event
      *        the fullscreenchange event that triggered this function
@@ -536,3 +540,3 @@ *
      *
-     * @param {EventTarget~Event} event
+     * @param {Event} event
      *        the enterpictureinpicture event that triggered this function
@@ -547,3 +551,3 @@ *
      *
-     * @param {EventTarget~Event} event
+     * @param {Event} event
      *        the leavepictureinpicture event that triggered this function
@@ -757,3 +761,3 @@ *
      * @return {TimeRange}
-     *         A mock TimeRange object (following HTML spec)
+     *         A mock {@link TimeRanges} object (following HTML spec)
      */
@@ -961,2 +965,14 @@ buffered(): TimeRange;
     /**
+     * Called when this Player has focus and a key gets pressed down, or when
+     * any Component of this player receives a key press that it doesn't handle.
+     * This allows player-wide hotkeys (either as defined below, or optionally
+     * by an external function).
+     *
+     * @param {Event} event
+     *        The `keydown` event that caused this function to be called.
+     *
+     * @listens keydown
+     */
+    handleKeyDown(event: Event): void;
+    /**
      * Called when this Player receives a hotkey keydown event.
@@ -969,6 +985,6 @@ * Supported player-wide hotkeys are:
      *
-     * @param {EventTarget~Event} event
+     * @param {Event} event
      *        The `keydown` event that caused this function to be called.
      */
-    handleHotkeys(event: any): void;
+    handleHotkeys(event: Event): void;
     /**
@@ -975,0 +991,0 @@ * Check whether the player can play a given mimetype

dist/types/poster-image.d.ts

 export default PosterImage;
+export type Player = import('./player').default;
 /**
+ * @typedef { import('./player').default } Player
+ */
+/**
  * A `ClickableComponent` that handles showing the poster image for the player.
@@ -43,6 +47,6 @@ *
      *
-     * @param {EventTarget~Event} [event]
+     * @param {Event} [event]
      *        The `Player#posterchange` event that triggered this function.
      */
-    update(event: any): void;
+    update(event?: Event): void;
     /**
@@ -65,6 +69,6 @@ * Set the source of the `PosterImage` depending on the display method. (Re)creates
      *
-     * @param {EventTarget~Event} event
+     * @param {Event} event
      +        The `click`, `tap` or `keydown` event that caused this function to be called.
      */
-    handleClick(event: any): void;
+    handleClick(event: Event): void;
     /**
@@ -71,0 +75,0 @@ * Get or set the `PosterImage`'s crossorigin option. For the HTML5 player, this

dist/types/slider/slider.d.ts

 export default Slider;
+export type Player = import('../player').default;
+export type Event = import('../event-target').Event;
 /**
+ * @typedef { import('../player').default } Player
+ * @typedef {import('../event-target').Event} Event
+ */
+/**
  * The base functionality for a slider. Can be vertical or horizontal.
@@ -61,3 +67,3 @@ * For instance the volume bar or the seek bar on a video is a slider.
      *
-     * @param {EventTarget~Event} event
+     * @param {Event} event
      *        `mousedown` or `touchstart` event that triggered this function
@@ -69,3 +75,3 @@ *
      */
-    handleMouseDown(event: any): void;
+    handleMouseDown(event: Event): void;
     /**
@@ -77,3 +83,3 @@ * Handle the `mousemove`, `touchmove`, and `mousedown` events on this `Slider`.
      *
-     * @param {EventTarget~Event} event
+     * @param {Event} event
      *        `mousedown`, `mousemove`, `touchstart`, or `touchmove` event that triggered
@@ -86,7 +92,7 @@ *        this function
      */
-    handleMouseMove(event: any): void;
+    handleMouseMove(event: Event): void;
     /**
      * Handle `mouseup` or `touchend` events on the `Slider`.
      *
-     * @param {EventTarget~Event} event
+     * @param {Event} event
      *        `mouseup` or `touchend` event that triggered this function.
@@ -98,3 +104,3 @@ *
      */
-    handleMouseUp(): void;
+    handleMouseUp(event: Event): void;
     /**
@@ -120,3 +126,3 @@ * Update the progress bar of the `Slider`.
      *
-     * @param {EventTarget~Event} event
+     * @param {Event} event
      *        The event that caused this function to run.
@@ -129,3 +135,3 @@ *
      */
-    calculateDistance(event: any): number;
+    calculateDistance(event: Event): number;
     /**
@@ -132,0 +138,0 @@ * Listener for click events on slider, used to prevent clicks

dist/types/tech/html5.d.ts

@@ -9,12 +9,2 @@ export default Html5;
 declare class Html5 extends Tech {
-    /**
-    * Create an instance of this Tech.
-    *
-    * @param {Object} [options]
-    *        The key/value store of player options.
-    *
-    * @param {Component~ReadyCallback} [ready]
-    *        Callback function to call when the `HTML5` Tech is ready.
-    */
-    constructor(options?: any, ready: any);
     isScrubbing_: boolean;
@@ -46,16 +36,2 @@ /**
     /**
-     * Attempt to force override of native audio tracks.
-     *
-     * @param {boolean} override - If set to true native audio will be overridden,
-     * otherwise native audio will potentially be used.
-     */
-    overrideNativeAudioTracks(override: boolean): void;
-    /**
-     * Attempt to force override of native video tracks.
-     *
-     * @param {boolean} override - If set to true native video will be overridden,
-     * otherwise native video will potentially be used.
-     */
-    overrideNativeVideoTracks(override: boolean): void;
-    /**
      * Proxy native track list events for the given type to our track
@@ -97,12 +73,2 @@ * lists if the browser we are playing in supports that type of track list.
     /**
-     * Set whether we are scrubbing or not.
-     * This is used to decide whether we should use `fastSeek` or not.
-     * `fastSeek` is used to provide trick play on Safari browsers.
-     *
-     * @param {boolean} isScrubbing
-     *                  - true for we are currently scrubbing
-     *                  - false for we are no longer scrubbing
-     */
-    setScrubbing(isScrubbing: boolean): void;
-    /**
      * Get whether we are scrubbing or not.
@@ -116,9 +82,2 @@ *
     /**
-     * Set current time for the `HTML5` tech.
-     *
-     * @param {number} seconds
-     *        Set the current time of the media to this.
-     */
-    setCurrentTime(seconds: number): void;
-    /**
      * Get the current duration of the HTML5 media element.
@@ -302,7 +261,7 @@ *
      *
-     * @return {bolean}
+     * @return {boolean}
      *      - True if volume can be muted
      *      - False otherwise
      */
-    function canMuteVolume(): bolean;
+    function canMuteVolume(): boolean;
     /**
@@ -309,0 +268,0 @@ * Check if the playback rate can be changed in this browser/device.

dist/types/tech/loader.d.ts

 export default MediaLoader;
+export type Player = import('../player').default;
 /**
+ * @typedef { import('../player').default } Player
+ */
+/**
  * The `MediaLoader` is the `Component` that decides which playback technology to load
@@ -18,8 +22,8 @@ * when a player is initialized.
      *
-     * @param {Component~ReadyCallback} [ready]
+     * @param {Function} [ready]
      *        The function that is run when this component is ready.
      */
-    constructor(player: Player, options?: any, ready: any);
+    constructor(player: Player, options?: any, ready?: Function);
 }
 import Component from "../component.js";
 //# sourceMappingURL=loader.d.ts.map

dist/types/tech/middleware.d.ts

@@ -81,6 +81,6 @@ /**
  *
- * @return {Mixed}
+ * @return {*}
  *         The final value from the tech after middleware has intercepted it.
  */
-export function get(middleware: any[], tech: Tech, method: string): Mixed;
+export function get(middleware: any[], tech: Tech, method: string): any;
 /**
@@ -99,9 +99,9 @@ * Takes the argument given to the player and calls the setter method on each
  *
- * @param  {Mixed} arg
+ * @param  {*} arg
  *         The value to set on the tech.
  *
- * @return {Mixed}
+ * @return {*}
  *         The return value of the `method` of the `tech`.
  */
-export function set(middleware: any[], tech: Tech, method: string, arg: Mixed): Mixed;
+export function set(middleware: any[], tech: Tech, method: string, arg: any): any;
 /**
@@ -123,10 +123,10 @@ * Takes the argument given to the player and calls the `call` version of the
  *
- * @param  {Mixed} arg
+ * @param  {*} arg
  *         The value to set on the tech.
  *
- * @return {Mixed}
+ * @return {*}
  *         The return value of the `method` of the `tech`, regardless of the
  *         return values of middlewares.
  */
-export function mediate(middleware: any[], tech: Tech, method: string, arg?: Mixed): Mixed;
+export function mediate(middleware: any[], tech: Tech, method: string, arg?: any): any;
 /**
@@ -174,2 +174,4 @@ * Clear the middleware cache for a player.
 export type MiddlewareFactory = (player: Player) => any;
+export type Player = import('../player').default;
+export type Tech = import('../tech/tech').default;
 //# sourceMappingURL=middleware.d.ts.map

dist/types/tech/setup-sourceset.d.ts

 export default setupSourceset;
+export type Html5 = import('./html5').default;
 /**
@@ -3,0 +4,0 @@ * setup `sourceset` handling on the `Html5` tech. This function

dist/types/tech/tech.d.ts

 export default Tech;
+export type TimeRange = import('../utils/time').TimeRange;
 /**
@@ -19,7 +20,7 @@ * ~SourceObject
      *
-     * @param {string} type
+     * @param {string} _type
      *        The media type to check
      * @return {string} Returns the native video element's response
      */
-    static canPlayType(): string;
+    static canPlayType(_type: string): string;
     /**
@@ -62,6 +63,6 @@ * Check if the tech can support the given source
     *
-    * @param {Component~ReadyCallback} [ready]
+    * @param {Function} [ready]
     *        Callback function to call when the `HTML5` Tech is ready.
     */
-    constructor(options?: any, ready?: () => void);
+    constructor(options?: any, ready?: Function);
     onDurationChange_: (e: any) => void;
@@ -104,3 +105,3 @@ trackProgress_: (e: any) => void;
      *
-     * @param {EventTarget~Event} event
+     * @param {Event} event
      *        The `ready` event that caused this to run.
@@ -111,3 +112,3 @@ *
      */
-    trackProgress(event: any): void;
+    trackProgress(event: Event): void;
     progressInterval: number;
@@ -118,3 +119,3 @@ /**
      *
-     * @param {EventTarget~Event} event
+     * @param {Event} event
      *        The `durationchange` event that caused this to run.
@@ -124,3 +125,3 @@ *
      */
-    onDurationChange(event: any): void;
+    onDurationChange(event: Event): void;
     duration_: any;
@@ -258,6 +259,9 @@ /**
      * @abstract
+     * @param {boolean} _isScrubbing
+     *                  - true for we are currently scrubbing
+     *                  - false for we are no longer scrubbing
      *
      * @see {Html5#setScrubbing}
      */
-    setScrubbing(): void;
+    setScrubbing(_isScrubbing: boolean): void;
     /**
@@ -275,5 +279,7 @@ * Get whether we are scrubbing or not
      *
+     * @param {number} _seconds
+     *        Set the current time of the media to this.
      * @fires Tech#timeupdate
      */
-    setCurrentTime(): void;
+    setCurrentTime(_seconds: number): void;
     /**
@@ -448,3 +454,3 @@ * Turn on listeners for {@link VideoTrackList}, {@link {AudioTrackList}, and
      */
-    overrideNativeAudioTracks(): void;
+    overrideNativeAudioTracks(override: boolean): void;
     /**
@@ -458,5 +464,21 @@ * Attempt to force override of native video tracks.
      */
-    overrideNativeVideoTracks(): void;
-    canPlayType(): string;
+    overrideNativeVideoTracks(override: boolean): void;
     /**
+     * Check if the tech can support the given mime-type.
+     *
+     * The base tech does not support any type, but source handlers might
+     * overwrite this.
+     *
+     * @param  {string} _type
+     *         The mimetype to check for support
+     *
+     * @return {string}
+     *         'probably', 'maybe', or empty string
+     *
+     * @see [Spec]{@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/canPlayType}
+     *
+     * @abstract
+     */
+    canPlayType(_type: string): string;
+    /**
      * List of associated text tracks
@@ -492,6 +514,6 @@ *
      *
-     * @type {bolean}
+     * @type {boolean}
      * @default
      */
-    featuresMuteControl: bolean;
+    featuresMuteControl: boolean;
     /**
@@ -498,0 +520,0 @@ * Boolean indicating whether the `Tech` supports fullscreen resize control.

dist/types/tracks/audio-track-list.d.ts

 export default AudioTrackList;
+export type AudioTrack = import('./audio-track').default;
 /**
@@ -9,3 +10,19 @@ * The current list of {@link AudioTrack} for a media file.
 declare class AudioTrackList extends TrackList {
+    /**
+     * Create an instance of this class.
+     *
+     * @param {AudioTrack[]} [tracks=[]]
+     *        A list of `AudioTrack` to instantiate the list with.
+     */
+    constructor(tracks?: AudioTrack[]);
     changing_: boolean;
+    /**
+     * Add an {@link AudioTrack} to the `AudioTrackList`.
+     *
+     * @param {AudioTrack} track
+     *        The AudioTrack to add to the list
+     *
+     * @fires TrackList#addtrack
+     */
+    addTrack(track: AudioTrack): void;
     removeTrack(rtrack: any): void;
@@ -12,0 +29,0 @@ }

dist/types/tracks/html-track-element.d.ts

 export default HTMLTrackElement;
+export type Tech = import('../tech/tech').default;
 /**
+ * @typedef { import('../tech/tech').default } Tech
+ */
+/**
  * A single track represented in the DOM.
@@ -4,0 +8,0 @@ *

dist/types/tracks/text-track-display.d.ts

@@ -15,2 +15,4 @@ /**
 export default TextTrackDisplay;
+export type Player = any;
+export type Tech = any;
 /**
@@ -31,6 +33,6 @@ * The component for displaying text track cues.
      *
-     * @param {Component~ReadyCallback} [ready]
+     * @param {Function} [ready]
      *        The function to call when `TextTrackDisplay` is ready.
      */
-    constructor(player: Player, options?: any, ready: any);
+    constructor(player: any, options?: any, ready?: Function);
     /**
@@ -37,0 +39,0 @@ * Preselect a track following this precedence:

dist/types/tracks/text-track-list-converter.d.ts

@@ -7,2 +7,3 @@ declare namespace _default {
 export default _default;
+export type Tech = import('../tech/tech').default;
 /**
@@ -40,2 +41,5 @@ * Examine a {@link Tech} and return a JSON-compatible javascript array that represents the
 /**
+ * @typedef { import('../tech/tech').default } Tech
+ */
+/**
  * Examine a single {@link TextTrack} and return a JSON-compatible javascript object that
@@ -42,0 +46,0 @@ * represents the {@link TextTrack}'s state.

dist/types/tracks/text-track-list.d.ts

 export default TextTrackList;
+export type TextTrack = import('./text-track').default;
 /**
+ * @typedef { import('./text-track').default } TextTrack
+ */
+/**
  * The current list of {@link TextTrack} for a media file.
@@ -4,0 +8,0 @@ *

dist/types/tracks/text-track-settings.d.ts

 export default TextTrackSettings;
+export type Player = import('../player').default;
 /**
@@ -3,0 +4,0 @@ * Manipulate Text Tracks settings.

dist/types/tracks/text-track.d.ts

 export default TextTrack;
+export type Tech = import('../tech/tech').default;
 /**
@@ -3,0 +4,0 @@ * A representation of a single `TextTrack`.

dist/types/tracks/track-list.d.ts

 export default TrackList;
+export type Track = import('./track').default;
 /**
+ * @typedef { import('./track').default } Track
+ */
+/**
  * Common functionaliy between {@link TextTrackList}, {@link AudioTrackList}, and
@@ -50,3 +54,3 @@ * {@link VideoTrackList}
      * @event TrackList#change
-     * @type {EventTarget~Event}
+     * @type {Event}
      */
@@ -53,0 +57,0 @@ /**

dist/types/tracks/video-track-list.d.ts

 export default VideoTrackList;
+export type VideoTrack = import('./video-track').default;
 /**
@@ -9,3 +10,19 @@ * The current list of {@link VideoTrack} for a video.
 declare class VideoTrackList extends TrackList {
+    /**
+     * Create an instance of this class.
+     *
+     * @param {VideoTrack[]} [tracks=[]]
+     *        A list of `VideoTrack` to instantiate the list with.
+     */
+    constructor(tracks?: VideoTrack[]);
     changing_: boolean;
+    /**
+     * Add a {@link VideoTrack} to the `VideoTrackList`.
+     *
+     * @param {VideoTrack} track
+     *        The VideoTrack to add to the list
+     *
+     * @fires TrackList#addtrack
+     */
+    addTrack(track: VideoTrack): void;
     removeTrack(rtrack: any): void;
@@ -12,0 +29,0 @@ }

dist/types/utils/buffer.d.ts

 /**
+ * @typedef { import('./time').TimeRange } TimeRange
+ */
+/**
  * Compute the percentage of the media that has been buffered.
  *
  * @param {TimeRange} buffered
- *        The current `TimeRange` object representing buffered time ranges
+ *        The current `TimeRanges` object representing buffered time ranges
  *
@@ -14,2 +17,3 @@ * @param {number} duration
 export function bufferedPercent(buffered: TimeRange, duration: number): number;
+export type TimeRange = import('./time').TimeRange;
 //# sourceMappingURL=buffer.d.ts.map

dist/types/utils/create-logger.d.ts

 export default function createLogger(name: any): {
-    (...args: Mixed[]): void;
+    (...args: (any | any[])): void;
     /**
@@ -88,13 +88,13 @@ * Create a new sublogger which chains the old name to the new name.
      *
-     * @param {Mixed[]} args
+     * @param {(*|*[])} args
      *        One or more messages or objects that should be logged as an error
      */
-    error(...args: Mixed[]): any;
+    error(...args: (any | any[])): any;
     /**
      * Logs warning messages. Similar to `console.warn`.
      *
-     * @param {Mixed[]} args
+     * @param {(*|*[])} args
      *        One or more messages or objects that should be logged as a warning.
      */
-    warn(...args: Mixed[]): any;
+    warn(...args: (any | any[])): any;
     /**
@@ -104,7 +104,7 @@ * Logs debug messages. Similar to `console.debug`, but may also act as a comparable
      *
-     * @param {Mixed[]} args
+     * @param {(*|*[])} args
      *        One or more messages or objects that should be logged as debug.
      */
-    debug(...args: Mixed[]): any;
+    debug(...args: (any | any[])): any;
 };
 //# sourceMappingURL=create-logger.d.ts.map

dist/types/utils/dom.d.ts

@@ -11,3 +11,3 @@ /**
  *
- * @param  {Mixed} value
+ * @param  {*} value
  *         The value to check.
@@ -18,3 +18,3 @@ *
  */
-export function isEl(value: Mixed): boolean;
+export function isEl(value: any): boolean;
 /**
@@ -40,3 +40,3 @@ * Determines if the current DOM is embedded in an iframe.
  *
- * @param {module:dom~ContentDescriptor} content
+ * @param {ContentDescriptor} [content]
  *        A content descriptor object.
@@ -47,3 +47,3 @@ *
  */
-export function createEl(tagName?: string, properties?: any, attributes?: any, content: any): Element;
+export function createEl(tagName?: string, properties?: any, attributes?: any, content?: ContentDescriptor): Element;
 /**
@@ -278,3 +278,3 @@ * Injects text into an element, replacing any existing contents entirely.
  *
- * @param  {EventTarget~Event} event
+ * @param  {Event} event
  *         Event object.
@@ -286,7 +286,7 @@ *
  */
-export function getPointerPosition(el: Element, event: any): any;
+export function getPointerPosition(el: Element, event: Event): any;
 /**
  * Determines, via duck typing, whether or not a value is a text node.
  *
- * @param  {Mixed} value
+ * @param  {*} value
  *         Check if this value is a text node.
@@ -297,3 +297,3 @@ *
  */
-export function isTextNode(value: Mixed): boolean;
+export function isTextNode(value: any): boolean;
 /**
@@ -317,7 +317,7 @@ * Empties the contents of an element.
  * `Element`  | The value will be accepted as-is.
- * `TextNode` | The value will be accepted as-is.
+ * `Text`     | A TextNode. The value will be accepted as-is.
  * `Array`    | A one-dimensional array of strings, elements, text nodes, or functions. These functions should return a string, element, or text node (any other return value, like an array, will be ignored).
  * `Function` | A function, which is expected to return a string, element, text node, or array - any of the other possible values described above. This means that a content descriptor could be a function that returns an array of functions, but those second-level functions must return strings, elements, or text nodes.
  *
- * @typedef {string|Element|TextNode|Array|Function} module:dom~ContentDescriptor
+ * @typedef {string|Element|Text|Array|Function} ContentDescriptor
  */
@@ -334,3 +334,3 @@ /**
  *
- * @param {module:dom~ContentDescriptor} content
+ * @param {ContentDescriptor} content
  *        A content descriptor value.
@@ -342,3 +342,3 @@ *
  */
-export function normalizeContent(content: any): any[];
+export function normalizeContent(content: ContentDescriptor): any[];
 /**
@@ -350,3 +350,3 @@ * Normalizes and appends content to an element.
  *
- * @param {module:dom~ContentDescriptor} content
+ * @param {ContentDescriptor} content
  *        A content descriptor value.
@@ -357,3 +357,3 @@ *
  */
-export function appendContent(el: Element, content: any): Element;
+export function appendContent(el: Element, content: ContentDescriptor): Element;
 /**
@@ -366,3 +366,3 @@ * Normalizes and inserts content into an element; this is identical to
  *
- * @param {module:dom~ContentDescriptor} content
+ * @param {ContentDescriptor} content
  *        A content descriptor value.
@@ -373,7 +373,7 @@ *
  */
-export function insertContent(el: Element, content: any): Element;
+export function insertContent(el: Element, content: ContentDescriptor): Element;
 /**
  * Check if an event was a single left click.
  *
- * @param  {EventTarget~Event} event
+ * @param  {Event} event
  *         Event object.
@@ -384,3 +384,3 @@ *
  */
-export function isSingleLeftClick(event: any): boolean;
+export function isSingleLeftClick(event: Event): boolean;
 /**
@@ -442,2 +442,15 @@ * A safe getComputedStyle.
 export type module = (element: Element, classToToggle: string) => boolean | undefined;
+/**
+ * This is a mixed value that describes content to be injected into the DOM
+ * via some method. It can be of the following types:
+ *
+ * Type       | Description
+ * -----------|-------------
+ * `string`   | The value will be normalized into a text node.
+ * `Element`  | The value will be accepted as-is.
+ * `Text`     | A TextNode. The value will be accepted as-is.
+ * `Array`    | A one-dimensional array of strings, elements, text nodes, or functions. These functions should return a string, element, or text node (any other return value, like an array, will be ignored).
+ * `Function` | A function, which is expected to return a string, element, text node, or array - any of the other possible values described above. This means that a content descriptor could be a function that returns an array of functions, but those second-level functions must return strings, elements, or text nodes.
+ */
+export type ContentDescriptor = string | Element | Text | any[] | Function;
 //# sourceMappingURL=dom.d.ts.map

dist/types/utils/events.d.ts

@@ -23,6 +23,6 @@ /**
  *
- * @param {EventTarget~EventListener} fn
+ * @param {Function} fn
  *        Event listener.
  */
-export function on(elem: Element | any, type: string | string[], fn: any): void;
+export function on(elem: Element | any, type: string | string[], fn: Function): void;
 /**
@@ -37,7 +37,7 @@ * Removes event listeners from an element
  *
- * @param {EventTarget~EventListener} [fn]
+ * @param {Function} [fn]
  *        Specific listener to remove. Don't include to remove listeners for an event
  *        type.
  */
-export function off(elem: Element | any, type?: string | string[], fn: any): void;
+export function off(elem: Element | any, type?: string | string[], fn?: Function): void;
 /**
@@ -44,0 +44,0 @@ * Trigger an event for an element

dist/types/utils/filter-source.d.ts

 export default filterSource;
+export type Tech = import('../tech/tech').default;
 /**
+ * @typedef { import('../tech/tech').default } Tech
+ */
+/**
  * Filter out single bad source objects or multiple source objects in an
@@ -4,0 +8,0 @@ * array. Also flattens nested source object arrays into a 1 dimensional

dist/types/utils/fn.d.ts

 export const UPDATE_REFRESH_INTERVAL: 30;
-export function bind_(context: Mixed, fn: Function, uid?: number): Function;
+export function bind_(context: any, fn: Function, uid?: number): Function;
 export function throttle(fn: Function, wait: number): Function;
 export function debounce(func: Function, wait: number, immediate?: boolean, context?: any): Function;
 //# sourceMappingURL=fn.d.ts.map

dist/types/utils/log.d.ts

 export default log;
 declare const log: {
-    (...args: Mixed[]): void;
+    (...args: any): void;
     createLogger(subname: any): any;
@@ -14,7 +14,7 @@ levels: any;
     };
-    error(...args: Mixed[]): any;
-    warn(...args: Mixed[]): any;
-    debug(...args: Mixed[]): any;
+    error(...args: any): any;
+    warn(...args: any): any;
+    debug(...args: any): any;
 };
 export const createLogger: (subname: any) => any;
 //# sourceMappingURL=log.d.ts.map

dist/types/utils/mimetypes.d.ts

@@ -30,2 +30,3 @@ /**
 export function findMimetype(player: Player, src: string): string;
+export type Player = import('../player').default;
 /**
@@ -32,0 +33,0 @@ * ~Kind

dist/types/utils/obj.d.ts

@@ -22,9 +22,9 @@ /**
  *
- * @param {Mixed} [initial = 0]
+ * @param {*} [initial = 0]
  *        Starting value
  *
- * @return {Mixed}
+ * @return {*}
  *         The final accumulated value.
  */
-export function reduce(object: any, fn: Function, initial?: Mixed): Mixed;
+export function reduce(object: any, fn: Function, initial?: any): any;
 /**
@@ -79,3 +79,3 @@ * Returns whether a value is an object of any kind - including DOM nodes,
  */
-export type obj = (value: Mixed, key: string) => any;
+export type obj = (value: any, key: string) => any;
 //# sourceMappingURL=obj.d.ts.map

dist/types/utils/time.d.ts

@@ -12,8 +12,6 @@ /**
  *        the `start` argument.
+ *
+ * @return {TimeRange}
  */
-export function createTimeRanges(start: number | any[][], end: number): {
-    length: number;
-    start: any;
-    end: any;
-};
+export function createTimeRanges(start: number | any[][], end: number): TimeRange;
 /**
@@ -58,3 +56,3 @@ * Replaces the default formatTime implementation with a custom implementation.
 /**
- * An object that contains ranges of time.
+ * An object that contains ranges of time, which mimics {@link TimeRanges }.
  */
@@ -61,0 +59,0 @@ export type TimeRange = {

package.json

 {
   "name": "video.js",
   "description": "An HTML5 video player that supports HLS and DASH with a common API and skin.",
-  "version": "8.1.1",
+  "version": "8.2.0",
   "main": "./dist/video.cjs.js",
@@ -100,3 +100,3 @@ "module": "./dist/video.es.js",
     "videojs-contrib-quality-levels": "3.0.0",
-    "videojs-font": "4.0.0",
+    "videojs-font": "4.1.0",
     "videojs-vtt.js": "0.15.4"
@@ -103,0 +103,0 @@ },

No alert changes

Improved metrics

Total package byte prevSize

15686714

increased by0.75%

Number of package files

409

increased by1.74%

Lines of code

386338

increased by1.13%

Dependency changes

• + Addedvideojs-font@4.1.0(transitive)

• - Removedvideojs-font@4.0.0(transitive)

• Updatedvideojs-font@4.1.0