@gcorevideo/player 2.20.8 → 2.20.11

package/lib/types.d.ts

@@ -1,10 +1,11 @@
+import { $, Container, Core } from "@clappr/core";
 /**
  * Describes a media source with its MIME type and URL.
  *
  * @remarks
  * When the MIME type is provided, it helps the player determine the appropriate playback engine.
  * If omitted, the player will attempt to detect the type from the source URL extension.
- * @beta
+ * @public
  */
 export interface PlayerMediaSourceDesc {
     /**
@@ -19,49 +20,54 @@ export interface PlayerMediaSourceDesc {
 }
 /**
  * A media source to fetch the media data from
- * @beta
+ * @public
  */
 export type PlayerMediaSource = string | PlayerMediaSourceDesc;
 /**
  * Debug output category selector
- * @beta
+ * @public
  */
 export type PlayerDebugTag = 'all' | 'clappr' | 'dash' | 'hls' | 'none';
 /**
  * @remarks `true` is equivalent to `'all'`, `false` is equivalent to `'none'`
- * @beta
+ * @public
  */
 export type PlayerDebugSettings = PlayerDebugTag | boolean;
 /**
- * Type of a stream playback
- * @beta
+ * Type of a stream
+ * @public
  */
 export type PlaybackType = 'live' | 'vod';
 /**
- * Media delivery protocol
- * @beta
+ * Preferred streaming media delivery protocol
+ * @public
  */
-export type MediaTransport = 'dash' | 'hls';
+export type TransportPreference = 'dash' | 'hls';
 /**
- * Preferred media delivery protocol
- * @beta
- */
-export type TransportPreference = MediaTransport;
-/**
- * @beta
+ * @public
  * @see {@link https://clappr.github.io/classes/UIContainerPlugin.html},
  * {@link https://clappr.github.io/classes/ContainerPlugin.html}
  */
 export type PlayerPlugin = {
-    new (...args: any[]): unknown;
     name: string;
 };
+/**
+ * @public
+ */
 export type PlayerPluginConstructor = CorePluginConstructor | ContainerPluginConstructor;
-export type CorePluginConstructor = ((core: unknown) => PlayerPlugin) & {
-    type: 'core';
+/**
+ * @public
+ */
+export type CorePluginConstructor = {
+    new (core: Core): PlayerPlugin;
+    type: string;
 };
-export type ContainerPluginConstructor = ((container: unknown) => PlayerPlugin) & {
-    type: 'container';
+/**
+ * @public
+ */
+export type ContainerPluginConstructor = {
+    new (container: Container): PlayerPlugin;
+    type: string;
 };
 /**
  * Configuration options for the player
@@ -102,7 +108,7 @@ export type ContainerPluginConstructor = ((container: unknown) => PlayerPlugin)
  *   },
  * }
  * ```
- * @beta
+ * @public
  */
 export interface PlayerConfig extends Record<string, unknown> {
     /**
@@ -160,16 +166,16 @@ export interface PlayerConfig extends Record<string, unknown> {
 /**
  * An ISO 639-1 language code.
  * @example `pt`
- * @beta
+ * @public
  */
 export type LangTag = string;
 /**
- * @beta
+ * @public
  */
 export type TranslationKey = string;
 /**
  * A plain JS object that must conform to the DASH.js settings schema.
- * @beta
+ * @public
  * {@link https://cdn.dashjs.org/latest/jsdoc/module-Settings.html | DASH.js settings}
  */
 export type DashSettings = Record<string, unknown>;
@@ -195,12 +201,12 @@ export type DashSettings = Record<string, unknown>;
  * }
  * ```
  *
- * @beta
+ * @public
  */
 export type TranslationSettings = Partial<Record<LangTag, Record<TranslationKey, string>>>;
 /**
  * Dimensions of the player container DOM element.
- * @beta
+ * @public
  */
 export type ContainerSize = {
     width: number;
@@ -208,7 +214,7 @@ export type ContainerSize = {
 };
 /**
  * A top-level event on the player object
- * @beta
+ * @public
  */
 export declare enum PlayerEvent {
     /**
@@ -261,4 +267,9 @@ export declare enum PlayerEvent {
      */
     VolumeUpdate = "volumeupdate"
 }
+/**
+ * {@link https://zeptojs.com/#$() | Zepto query result}
+ * @beta
+ */
+export type ZeptoResult = ReturnType<typeof $>;
 //# sourceMappingURL=types.d.ts.map

package/lib/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAElD;;;;;;;GAOG;AACH,MAAM,WAAW,qBAAqB;IACpC;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB;;OAEG;IACH,MAAM,EAAE,MAAM,CAAA;CACf;AAED;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,qBAAqB,CAAA;AAE9D;;;GAGG;AACH,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,KAAK,GAAG,MAAM,CAAA;AAEvE;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAAG,cAAc,GAAG,OAAO,CAAA;AAE1D;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,KAAK,CAAA;AAEzC;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,KAAK,CAAA;AAEhD;;;;GAIG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG,qBAAqB,GAAG,0BAA0B,CAAA;AAExF;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,IAAI,EAAE,IAAI,GAAG,YAAY,CAAA;IAC9B,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,0BAA0B,GAAG;IACvC,KAAK,SAAS,EAAE,SAAS,GAAG,YAAY,CAAA;IACxC,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,MAAM,WAAW,YAAa,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC3D;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,IAAI,CAAC,EAAE,YAAY,CAAA;IAEnB;;;OAGG;IACH,KAAK,CAAC,EAAE,mBAAmB,CAAA;IAE3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd;;;;OAIG;IACH,YAAY,CAAC,EAAE,YAAY,CAAA;IAE3B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,mBAAmB,CAAA;IAEvC;;OAEG;IACH,OAAO,EAAE,iBAAiB,EAAE,CAAA;IAE5B;;OAEG;IACH,OAAO,CAAC,EAAE,mBAAmB,CAAA;CAC9B;AAED;;;;GAIG;AACH,MAAM,MAAM,OAAO,GAAG,MAAM,CAAA;AAE5B;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,MAAM,CAAA;AAEnC;;;;GAIG;AACH,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;AAElD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,MAAM,mBAAmB,GAAG,OAAO,CACvC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC,CAChD,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf,CAAA;AAED;;;GAGG;AACH,oBAAY,WAAW;IACrB;;OAEG;IACH,KAAK,UAAU;IACf;;;OAGG;IACH,KAAK,UAAU;IACf;;;OAGG;IACH,UAAU,eAAe;IACzB;;OAEG;IACH,KAAK,UAAU;IACf;;OAEG;IACH,IAAI,SAAS;IACb;;OAEG;IACH,KAAK,UAAU;IACf;;;OAGG;IACH,MAAM,WAAW;IACjB;;OAEG;IACH,IAAI,SAAS;IACb;;OAEG;IACH,IAAI,SAAS;IACb;;;OAGG;IACH,UAAU,eAAe;IACzB;;;OAGG;IACH,YAAY,iBAAiB;CAC9B;AAED;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC"}

package/lib/types.js

@@ -1,6 +1,6 @@
 /**
  * A top-level event on the player object
- * @beta
+ * @public
  */
 export var PlayerEvent;
 (function (PlayerEvent) {

package/lib/utils/types.d.ts

@@ -1,9 +1,3 @@
-import { $ } from "@clappr/core";
-/**
- * {@link https://zeptojs.com/#$() | Zepto query result}
- * @beta
- */
-export type ZeptoResult = ReturnType<typeof $>;
 /**
  * @internal
  */

package/lib/utils/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/utils/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AAEjC;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;AAE/C;;GAEG;AACH,MAAM,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/utils/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gcorevideo/player",
-  "version": "2.20.8",
+  "version": "2.20.11",
   "description": "Gcore JavaScript video player",
   "main": "dist/index.js",
   "type": "module",

package/src/Player.ts

@@ -26,7 +26,7 @@ import { registerPlaybacks } from './playback/index.js'
 import { PlaybackError, TimePosition } from './playback.types.js'
 
 /**
- * @beta
+ * @public
  */
 export type PlayerEventParams<E extends PlayerEvent> =
   E extends PlayerEvent.Seek
@@ -46,7 +46,7 @@ export type PlayerEventParams<E extends PlayerEvent> =
 /**
  * Type of a listener callback function for a player event.
  * See the description of the event parameters in {@link PlayerEvent}.
- * @beta
+ * @public
  */
 export type PlayerEventHandler<E extends PlayerEvent> = (
   ...args: PlayerEventParams<E>
@@ -67,15 +67,15 @@ const DEFAULT_OPTIONS: PlayerConfig = {
 
 /**
  * Module to perform the playback.
- * @beta
+ * @public
  */
 export type PlaybackModule = 'dash' | 'hls' | 'html5_video'
 
 type PluginOptions = Record<string, unknown>
 
 /**
- * The main component to use in the application code.
- * @beta
+ * `MAIN` component to use in the application code.
+ * @public
  * @remarks
  * The Player object provides very basic API to control playback.
  * To build a sophisticated UI, use the plugins framework to tap into the Clappr core.
@@ -360,6 +360,24 @@ export class Player {
     Loader.registerPlugin(plugin)
   }
 
+  /**
+   * Unregisters a plugin registered earlier with {@link Player.registerPlugin}.
+   * @remarks
+   * It can be also used to unregister a built-in default plugin.
+   *
+   * Currently, the plugins that are always registered are:
+   *
+   * - {@link https://github.com/clappr/clappr-core/blob/3126c3a38a6eee9d5aba3918b194e6380fa1178c/src/plugins/strings/strings.js | 'strings'}, which supports internationalization of the player UI
+   *
+   * - {@link https://github.com/clappr/clappr-core/blob/3126c3a38a6eee9d5aba3918b194e6380fa1178c/src/plugins/sources/sources.js | 'sources'}, which lets to specify multiple media sources and selects the first suitable playback module
+   *
+   * @param name - name of the plugin
+   */
+  static unregisterPlugin(name: string) {
+    Player.corePlugins = Player.corePlugins.filter((p) => p.prototype.name !== name)
+    Loader.unregisterPlugin(name)
+  }
+
   private static getRegisteredPlugins(): {
     core: Record<string, PlayerPluginConstructor>
     container: Record<string, PlayerPluginConstructor>
@@ -372,22 +390,6 @@ export class Player {
 
   private static corePlugins: PlayerPluginConstructor[] = []
 
-  /**
-   * Unregisters a plugin registered earlier with {@link Player.registerPlugin}.
-   * @param plugin - a plugin class
-   */
-  static unregisterPlugin(plugin: PlayerPluginConstructor) {
-    assert.ok(
-      plugin.type === 'core' || plugin.type === 'container',
-      'Invalid plugin type',
-    )
-    if (plugin.type === 'core') {
-      Player.corePlugins = Player.corePlugins.filter((p) => p !== plugin)
-      return
-    }
-    Loader.unregisterPlugin(plugin)
-  }
-
   private setConfig(config: Partial<PlayerConfig>) {
     this.config = $.extend(true, this.config, config)
   }

package/src/index.core.ts

@@ -2,5 +2,4 @@ export { LogTracer, Logger, SentryTracer, reportError, setTracer, trace } from '
 export * from './Player.js'
 export * from './playback.types.js'
 export * from './types.js'
-export * from './utils/types.js'
 export * from './version.js'

package/src/index.plugins.ts

@@ -13,7 +13,6 @@ export * from "./plugins/error-screen/ErrorScreen.js";
 export * from "./plugins/favicon/Favicon.js";
 // _ ga-events
 export * from "./plugins/google-analytics/GoogleAnalytics.js";
-export * from "./plugins/kibo/index.js";
 export * from "./plugins/level-selector/LevelSelector.js";
 export * from "./plugins/logo/Logo.js";
 export * from "./plugins/media-control/MediaControl.js";

package/src/index.ts

@@ -3,9 +3,26 @@
  *
  * @remarks
  * This package provides a video player for the Gcore streaming platform.
- * It is built on top of the Clappr library and provides a framework for building custom integrations.
+ * It is built on top of the {@link https://github.com/clappr/clappr | Clappr} library and provides a framework for building custom integrations.
  * Start with {@link Player} for more information.
  *
+ * Various plugins (marked with `PLUGIN` keyword) are available to extend the player with additional features.
+ * @example
+ * ```ts
+ * import { Player, MediaControl, ErrorScreen } from '@gcorevideo/player'
+ *
+ * Player.registerPlugin(MediaControl)
+ * Player.registerPlugin(ErrorScreen)
+ *
+ * const player = new Player({
+ *   autoPlay: true,
+ *   mute: true,
+ *   sources: [{ source: 'https://example.com/a.mpd', mimeType: 'application/dash+xml' }],
+ * })
+ *
+ * player.attachTo(document.getElementById('container'))
+ * ```
+ *
  * @packageDocumentation
  */
 export * from './index.core.js'

package/src/playback/hls-playback/HlsPlayback.ts

@@ -2,14 +2,7 @@
 // Use of this source code is governed by a BSD-style
 // license that can be found on https://github.com/clappr/hlsjs-playback/blob/main/LICENSE
 
-import {
-  Events,
-  Log,
-  Playback,
-  PlayerError,
-  Utils,
-  $,
-} from '@clappr/core'
+import { Events, Log, Playback, PlayerError, Utils, $ } from '@clappr/core'
 import { trace } from '@gcorevideo/utils'
 import assert from 'assert'
 import HLSJS, {
@@ -1104,9 +1097,12 @@ export default class HlsPlayback extends BasePlayback {
   }
 
   private triggerError(error: PlaybackError) {
-    this.trigger(Events.PLAYBACK_ERROR, this.createError(error, {
-      useCodePrefix: false,
-    }))
+    this.trigger(
+      Events.PLAYBACK_ERROR,
+      this.createError(error, {
+        useCodePrefix: false,
+      }),
+    )
     this.stop()
   }
 }

package/src/playback.types.ts

@@ -1,12 +1,12 @@
 /**
  * Playback time in seconds since the beginning of the stream (or a segment for the live streams)
- * @beta
+ * @public
  */
 export type TimeValue = number
 
 /**
  * Current playback time and total duration of the media.
- * @beta
+ * @public
  */
 export interface TimePosition {
   /**
@@ -35,7 +35,7 @@ export type TimeUpdate = TimePosition & {
 
 /**
  * A level of quality within a media source.
- * @beta
+ * @public
  */
 export interface QualityLevel {
   /**
@@ -58,7 +58,7 @@ export interface QualityLevel {
 
 /**
  * Codes of errors occurring within the playback component.
- * @beta
+ * @public
  */
 export enum PlaybackErrorCode {
   /**
@@ -77,19 +77,19 @@ export enum PlaybackErrorCode {
 
 /**
  * Levels of severity of errors. Non-fatal errors usually can be ignored.
- * @beta
+ * @public
  */
 export type ErrorLevel = 'FATAL' | 'WARN' | 'INFO'
 
 /**
  * Subsystems of a player component.
- * @beta
+ * @public
  */
 export type PlayerComponentType = 'container' | 'core' | 'playback'
 
 /**
  * An error occurred during the playback.
- * @beta
+ * @public
  */
 export interface PlaybackError {
   /**
@@ -127,5 +127,6 @@ export interface PlaybackError {
   UI?: {
     title: string
     message: string
+    icon?: string
   }
 }

package/src/plugins/audio-selector/AudioSelector.ts

@@ -11,7 +11,7 @@ import { CLAPPR_VERSION } from '../../build.js'
 import pluginHtml from '../../../assets/audio-selector/track-selector.ejs'
 import '../../../assets/audio-selector/style.scss'
 import audioArrow from '../../../assets/icons/old/quality-arrow.svg'
-import { ZeptoResult } from '../../utils/types.js'
+import { ZeptoResult } from '../../types.js'
 import assert from 'assert'
 
 const VERSION: string = '0.0.1'
@@ -43,7 +43,7 @@ type AudioTrackList = {
 }
 
 /**
- * Adds an audio track selector to the media control UI.
+ * `PLUGIN` that adds an audio track selector to the media control UI.
  * @beta
  */
 export class AudioSelector extends UICorePlugin {

package/src/plugins/big-mute-button/BigMuteButton.ts

@@ -2,7 +2,7 @@ import { Events, template, UICorePlugin, Utils } from '@clappr/core'
 import { trace } from '@gcorevideo/utils'
 
 import { CLAPPR_VERSION } from '../../build.js'
-import { ZeptoResult } from '../../utils/types.js'
+import { ZeptoResult } from '../../types.js'
 
 import volumeMuteIcon from '../../../assets/icons/new/volume-off.svg'
 import pluginHtml from '../../../assets/big-mute-button/big-mute-button.ejs'
@@ -13,7 +13,7 @@ const T = 'plugins.big_mute_button'
 // TODO rewrite as a container plugin
 
 /**
- * Displays a big mute button over the video when it's muted.
+ * `PLUGIN` that displays a big mute button over the video when it's muted.
  * Once pressed, it unmutes the video.
  * @beta
  */
@@ -56,7 +56,6 @@ export class BigMuteButton extends UICorePlugin {
    * @internal
    */
   override bindEvents() {
-    super.bindEvents()
     this.listenTo(this.core, Events.CORE_READY, this.onCoreReady)
     this.listenTo(this.core, 'core:advertisement:start', this.onStartAd)
     this.listenTo(this.core, 'core:advertisement:finish', this.onFinishAd)

package/src/plugins/bottom-gear/BottomGear.ts

@@ -9,7 +9,7 @@ import '../../../assets/bottom-gear/gear.scss';
 import '../../../assets/bottom-gear/gear-sub-menu.scss';
 import gearIcon from '../../../assets/icons/new/gear.svg';
 import gearHdIcon from '../../../assets/icons/new/gear-hd.svg';
-import { ZeptoResult } from '../../utils/types.js';
+import { ZeptoResult } from '../../types.js';
 import { MediaControlEvents } from '../media-control/MediaControl';
 
 const VERSION = '2.19.12';
@@ -23,7 +23,7 @@ const T = 'plugins.bottom_gear';
 export type GearItemElement = 'quality' | 'rate' | 'nerd';
 
 /**
- * Adds the gear button that triggers extra options menu on the right side of the {@link MediaControl | media control} UI
+ * `PLUGIN` that adds the gear button with an extra options menu on the right side of the {@link MediaControl | media control} UI
  * @beta
  * @remarks
  * The plugins provides a base for attaching custom settings UI in the gear menu

package/src/plugins/clappr-nerd-stats/ClapprNerdStats.ts

@@ -18,7 +18,7 @@ import {
   stopSpeedtest,
 } from './speedtest/index.js'
 import { CustomMetrics } from './speedtest/types.js'
-import { ZeptoResult } from '../../utils/types.js'
+import { ZeptoResult } from '../../types.js'
 
 import '../../../assets/clappr-nerd-stats/clappr-nerd-stats.scss'
 import pluginHtml from '../../../assets/clappr-nerd-stats/clappr-nerd-stats.ejs'
@@ -117,7 +117,7 @@ type Metrics = BaseMetrics & {
 // const T = 'plugins.clappr_nerd_stats';
 
 /**
- * Displays useful network-related statistics.
+ * `PLUGIN` that displays useful network-related statistics.
  * @beta
  *
  * @remarks