@gcorevideo/player 2.20.3 → 2.20.5

package/dist/plugins/index.js

@@ -32649,7 +32649,7 @@ const volumeOffIcon = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fil
 
 const pluginHtml$7 = "<div class=\"big-mute-icon-wrapper\" data-big-mute>\n    <div class=\"big-mute-icon gcore-skin-border-color\" data-big-mute-icon></div>\n</div>\n";
 
-const T$9 = 'plugins.big_mute_button';
+const T$a = 'plugins.big_mute_button';
 // TODO rewrite as a container plugin
 /**
  * Displays a big mute button over the video when it's muted.
@@ -32691,7 +32691,7 @@ class BigMuteButton extends UICorePlugin {
         this.listenTo(this.core, Events$1.CORE_READY, this.onCoreReady);
         this.listenTo(this.core, 'core:advertisement:start', this.onStartAd);
         this.listenTo(this.core, 'core:advertisement:finish', this.onFinishAd);
-        trace(`${T$9} bindEvents`, {
+        trace(`${T$a} bindEvents`, {
             mediacontrol: !!this.core.mediaControl,
         });
         this.listenTo(this.core.mediaControl, Events$1.MEDIACONTROL_RENDERED, this.mediaControlRendered);
@@ -32748,7 +32748,7 @@ class BigMuteButton extends UICorePlugin {
      */
     render() {
         if (this.shouldRender()) {
-            trace(`${T$9} render`, {
+            trace(`${T$a} render`, {
                 el: !!this.$el,
             });
             this.$el.html(BigMuteButton.template());
@@ -35958,7 +35958,7 @@ class ClipsPlugin extends UICorePlugin {
 
 const templateHtml$1 = "<ul class=\"context-menu-list\">\n    <% if(options) { %>\n        <% for (var i = 0; i < options.length; i++) { %>\n        <li class=\"context-menu-list-item <%= options[i].class %>\"\n            data-<%= options[i].name %>><%= options[i].label %></li>\n        <% } %>\n    <% } %>\n</ul>\n";
 
-var version$1 = "2.20.3";
+var version$1 = "2.20.5";
 
 var packages = {
 	"node_modules/@clappr/core": {
@@ -36040,7 +36040,7 @@ class ContextMenu extends UIContainerPlugin {
             this._url = this.options.contextMenu.url;
         }
         this.render();
-        this.bindEvents();
+        $('body').on('click', this.hideOnBodyClick);
     }
     /**
      * @internal
@@ -36048,7 +36048,6 @@ class ContextMenu extends UIContainerPlugin {
     bindEvents() {
         this.listenTo(this.container, Events$1.CONTAINER_CONTEXTMENU, this.toggleContextMenu);
         this.listenTo(this.container, Events$1.CONTAINER_CLICK, this.hide);
-        $('body').on('click', this.hideOnBodyClick);
     }
     /**
      * @internal
@@ -36217,178 +36216,114 @@ class DvrControls extends UICorePlugin {
 
 const reloadIcon = "<svg fill=\"#FFFFFF\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z\"/>\n    <path d=\"M0 0h24v24H0z\" fill=\"none\"/>\n</svg>";
 
-const templateHtml = "<div class=\"player-error-screen__content\" data-error-screen>\n    <% if (icon) { %>\n        <div class=\"player-error-screen__icon\" data-error-screen><%= icon %></div>\n    <% } %>\n    <div class=\"player-error-screen__title\" data-error-screen><%= title %></div>\n    <% if (message) { %>\n        <div class=\"player-error-screen__message\" data-error-screen><%= message %></div>\n    <% } %>\n    <% if (code) { %>\n        <div class=\"player-error-screen__code\" data-error-screen>Error code: <%= code %></div>\n    <% } %>\n    <div class=\"player-error-screen__reload\" data-error-screen><%= reloadIcon %></div>\n</div>\n";
+const templateHtml = "<div class=\"player-error-screen__content\" data-error-screen>\n    <% if (icon) { %>\n        <div class=\"player-error-screen__icon\" data-error-screen><%= icon %></div>\n    <% } %>\n    <div class=\"player-error-screen__title\" data-error-screen><%= title %></div>\n    <% if (message) { %>\n        <div class=\"player-error-screen__message\" data-error-screen><%= message %></div>\n    <% } %>\n    <% if (code) { %>\n        <div class=\"player-error-screen__code\" data-error-screen>Error code: <%= code %></div>\n    <% } %>\n    <% if (reloadIcon) { %>\n        <div class=\"player-error-screen__reload\" data-error-screen><%= reloadIcon %></div>\n    <% } %>\n</div>\n";
 
-const TIME_FOR_UPDATE = 10000;
-const MAX_RETRY = 10;
+const T$9 = 'plugins.error_screen';
 /**
- * Displays a descriptive error in the overlay on top of the player.
+ * Displays an error nicely in the overlay on top of the player.
  * @beta
  */
 class ErrorScreen extends UICorePlugin {
-    _retry = 0;
     err = null;
-    hideValue = false;
-    timeout = null;
-    reloadButton = null;
+    /**
+     * @internal
+     */
     get name() {
-        return 'error_gplayer';
+        return 'error_screen';
     }
+    /**
+     * @internal
+     */
     get supportedVersion() {
         return { min: CLAPPR_VERSION };
     }
-    get template() {
-        return tmpl(templateHtml);
-    }
-    get container() {
-        return this.core.activeContainer;
-    }
+    static template = tmpl(templateHtml);
+    /**
+     * @internal
+     */
     get attributes() {
         return {
-            'class': 'player-error-screen',
+            class: 'player-error-screen',
             'data-error-screen': '',
         };
     }
+    /**
+     * @internal
+     */
     bindEvents() {
         this.listenTo(this.core, Events$1.ERROR, this.onError);
-        this.listenTo(this.core, Events$1.CORE_READY, this.onCoreReady);
-        this.listenTo(this.core, 'core:advertisement:start', this.onStartAd);
-        this.listenTo(this.core, 'core:advertisement:finish', this.onFinishAd);
-        this.listenTo(this.core.mediaControl, Events$1.MEDIACONTROL_CONTAINERCHANGED, this.onContainerChanged);
-    }
-    onCoreReady() {
-        if (this.core.activePlayback) {
-            this.listenTo(this.core.activePlayback, Events$1.PLAYBACK_PLAY, this.onPlay);
-        }
+        this.listenTo(this.core, Events$1.CORE_ACTIVE_CONTAINER_CHANGED, this.onActiveContainerChanged);
     }
     onPlay() {
-        this.destroyError();
+        this.unmount();
     }
-    destroyError() {
-        this._retry = 0;
+    unmount() {
         this.err = null;
-        if (this.timeout !== null) {
-            clearTimeout(this.timeout);
-            this.timeout = null;
-        }
-        this.$el.hide();
-    }
-    unBindEvents() {
-        // @ts-ignore
-        this.stopListening(this.core, 'core:advertisement:start');
-        // @ts-ignore
-        this.stopListening(this.core, 'core:advertisement:finish');
-        // @ts-ignore
-        this.stopListening(this.core, Events$1.ERROR);
+        this.$el.empty();
+        // this.$el.hide();
     }
-    bindReload() {
-        this.reloadButton = this.$el.find('.player-error-screen__reload');
-        this.reloadButton && this.reloadButton.on('click', this.reload.bind(this));
+    /**
+     * @internal
+     */
+    get events() {
+        return {
+            'click .player-error-screen__reload': 'reload',
+        };
     }
     reload() {
-        this._retry++;
-        this.core.configure({
-            ...this.options,
-            autoPlay: true
-        });
-        this.core.activeContainer.mediaControlDisabled = false;
-        this.unbindReload();
-    }
-    unbindReload() {
-        this.reloadButton && this.reloadButton.off('click');
+        setTimeout(() => {
+            this.core.configure({
+                reloading: true,
+                source: this.core.options.source,
+                sources: this.core.options.sources,
+            });
+        }, 0);
     }
-    onContainerChanged() {
+    onActiveContainerChanged() {
+        trace(`${T$9} onActiveContainerChanged`, {
+            reloading: this.core.options.reloading,
+        });
         this.err = null;
-        if (this.core.getPlugin('error_screen')) {
-            this.core.getPlugin('error_screen').disable();
-        }
-        this.unbindReload();
-        this.hide();
-    }
-    onStartAd() {
-        this.hideValue = true;
-        if (this.err) {
-            this.hide();
-        }
-    }
-    onFinishAd() {
-        this.hideValue = false;
-        if (this.err) {
-            this.container.disableMediaControl();
-            this.container.stop();
-            this.show();
+        this.listenTo(this.core.activeContainer.playback, Events$1.PLAYBACK_PLAY, this.onPlay);
+        if (this.core.options.reloading) {
+            setTimeout(() => {
+                this.core.options.reloading = false;
+                this.unmount();
+                this.core.activeContainer.play({
+                    reloading: true,
+                });
+            }, 0);
         }
     }
     onError(err) {
-        if (err.level === PlayerError.Levels.FATAL ||
-            err.details === 'bufferStalledError' ||
-            err.details === 'manifestParsingError') {
+        if (err.UI) {
+            if (this.err) {
+                this.unmount();
+            }
             this.err = {
-                title: this.core.i18n.t('no_broadcast'),
-                message: '',
-                code: '',
-                // icon: (this.err.UI && this.err.UI.icon) || '',
-                icon: '',
-                reloadIcon,
+                title: err.UI.title,
+                message: err.UI.message,
+                code: err.code,
+                icon: err.UI.icon,
             };
-            if (this.options.errorScreen?.reloadOnError === false) {
-                return;
-            }
-            if (this.options.errorScreen?.neverStopToRetry) {
-                this._retry = 0;
-            }
-            if (this._retry >= MAX_RETRY) {
-                this.drying();
-                return;
-            }
-            const ctp = this.container.getPlugin('click_to_pause_custom');
-            const toggleCTP = !!ctp?.enabled;
-            if (toggleCTP) {
-                // clickToPausePlugin.afterEnabled = true;
-                ctp.disable();
-            }
-            this.timeout = setTimeout(() => {
-                if (toggleCTP) {
-                    ctp.enable();
-                }
-                this.reload();
-            }, TIME_FOR_UPDATE);
-            const spinnerPlugin = this.container.getPlugin('spinner');
-            if (spinnerPlugin) {
-                spinnerPlugin.show(); // TODO remove?
-                setTimeout(() => spinnerPlugin.show(), 0);
-            }
-        }
-    }
-    drying() {
-        const spinnerPlugin = this.container.getPlugin('spinner');
-        spinnerPlugin?.hide();
-        this._retry = 0;
-        if (!this.hideValue) {
-            this.container.disableMediaControl();
-            this.container.stop();
-            this.show();
-        }
-    }
-    show(err) {
-        if (err) {
-            this.err = err;
+            this.render();
         }
-        // TODO use container.disableMediaControl() instead
-        this.core.mediaControl.disable();
-        this.render();
-        this.$el.show();
-    }
-    hide() {
-        this.$el.hide();
     }
+    /**
+     * @internal
+     */
     render() {
         if (!this.err) {
             return this;
         }
-        this.$el.html(this.template(this.err));
-        this.core.$el.append(this.el);
-        this.bindReload();
+        this.$el.html(ErrorScreen.template({
+            ...this.err,
+            reloadIcon: this.options.errorScreen?.noReload ? null : reloadIcon,
+        }));
+        // TODO append to container instead of core?
+        if (!this.el.parentElement) {
+            this.core.$el.append(this.el);
+        }
         return this;
     }
 }
@@ -37587,7 +37522,7 @@ class MediaControl extends UICorePlugin {
         }
     }
     /**
-     * Disables the plugin and unmounts its UI
+     * Hides the media control UI
      */
     disable() {
         this.userDisabled = true;
@@ -38275,13 +38210,13 @@ class MediaControl extends UICorePlugin {
     destroy() {
         $(document).unbind('mouseup', this.stopDrag);
         $(document).unbind('mousemove', this.updateDrag);
+        $(document).unbind('touchend', this.stopDrag);
+        $(document).unbind('touchmove', this.updateDrag);
         this.unbindKeyEvents();
-        // @ts-ignore
-        this.stopListening();
         return super.destroy();
     }
     configure() {
-        this.advertisementPlaying ? this.disable() : this.enable();
+        // this.advertisementPlaying ? this.disable() : this.enable()
         this.trigger(Events$1.MEDIACONTROL_OPTIONS_CHANGE);
     }
     /**
@@ -38422,9 +38357,10 @@ const streamsMomentoIcon = "<svg id=\"Слой_1\" data-name=\"Слой 1\" xmln
 const streamsWhiteNightsIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"50\" height=\"50\" viewBox=\"0 0 50 50\">\n  <defs>\n    <clipPath id=\"clip-Icon\">\n      <rect width=\"50\" height=\"50\"/>\n    </clipPath>\n  </defs>\n  <g id=\"Icon\" clip-path=\"url(#clip-Icon)\">\n    <g id=\"icon2\" transform=\"translate(-0.041 0)\">\n      <path id=\"Контур_77\" data-name=\"Контур 77\" d=\"M6.493,13v8.266h6.275V19.74H8.31V17.714h4.006V16.3H8.31V14.53h4.365V13Zm7.5,0v8.266h1.7V15.732h.023l3.438,5.534h1.818V13h-1.7v5.545h-.023L15.8,13Z\" fill=\"#fff\"/>\n      <path id=\"Контур_76\" data-name=\"Контур 76\" d=\"M29.949,29.1V26.774H31.94a1.4,1.4,0,0,1,.938.272,1.1,1.1,0,0,1,.313.874,1.155,1.155,0,0,1-.313.9,1.375,1.375,0,0,1-.938.278ZM28.132,25.36v8.266h1.817V30.4h1.818a1.353,1.353,0,0,1,.984.3,1.637,1.637,0,0,1,.394.949c.046.333.079.681.1,1.042a3.2,3.2,0,0,0,.185.938h1.819a1.218,1.218,0,0,1-.191-.423,3.611,3.611,0,0,1-.093-.527c-.019-.185-.033-.367-.041-.544s-.016-.332-.023-.463a5.052,5.052,0,0,0-.087-.625,2.109,2.109,0,0,0-.2-.573,1.586,1.586,0,0,0-.359-.451,1.414,1.414,0,0,0-.556-.284v-.023a1.926,1.926,0,0,0,1-.81,2.494,2.494,0,0,0,.307-1.262,2.308,2.308,0,0,0-.165-.88,2.128,2.128,0,0,0-.486-.724,2.3,2.3,0,0,0-.764-.492,2.67,2.67,0,0,0-1-.179ZM43.506,30.5V25.36H41.689V30.5a2.065,2.065,0,0,1-.37,1.36,1.7,1.7,0,0,1-1.343.434,2.086,2.086,0,0,1-.886-.156,1.283,1.283,0,0,1-.758-.978,3.748,3.748,0,0,1-.058-.66V25.36H36.456V30.5a3.16,3.16,0,0,0,.92,2.5,3.807,3.807,0,0,0,2.6.81,3.82,3.82,0,0,0,2.593-.816,3.132,3.132,0,0,0,.937-2.492Z\" fill=\"#fff\"/>\n      <path id=\"Контур_80\" data-name=\"Контур 80\" d=\"M22.646,31.2H4.689a4.505,4.505,0,0,1-4.5-4.5V8.5A4.505,4.505,0,0,1,4.689,4h18.2a4.505,4.505,0,0,1,4.5,4.5v8.445l-.893.1a3.184,3.184,0,0,0-2.846,3.177V30.5l-.465.7ZM4.689,6a2.5,2.5,0,0,0-2.5,2.5V26.7a2.5,2.5,0,0,0,2.5,2.5H21.65V20.22a5.18,5.18,0,0,1,3.739-4.992V8.5a2.5,2.5,0,0,0-2.5-2.5Z\" fill=\"#fff\"/>\n      <path id=\"Контур_81\" data-name=\"Контур 81\" d=\"M30.127,47.884a1,1,0,0,1-1-1V43.267H26.846a5.206,5.206,0,0,1-5.2-5.2V20.222a5.206,5.206,0,0,1,5.2-5.2H44.692a5.206,5.206,0,0,1,5.2,5.2V38.068a5.206,5.206,0,0,1-5.2,5.2H35.058l-4.216,4.316A1,1,0,0,1,30.127,47.884ZM26.846,17.022a3.2,3.2,0,0,0-3.2,3.2V38.067a3.2,3.2,0,0,0,3.2,3.2h3.281a1,1,0,0,1,1,1v2.162l2.8-2.86a1,1,0,0,1,.715-.3H44.692a3.2,3.2,0,0,0,3.2-3.2V20.222a3.2,3.2,0,0,0-3.2-3.2Z\" fill=\"#fff\"/>\n    </g>\n  </g>\n</svg>\n";
 
 const VERSION$3 = '0.0.1';
-const T$7 = 'plugins.media_control_multicamera';
+const T$7 = 'plugins.multicamera';
 /**
  * The plugin adds support for loading multiple streams and switching between them using the media control UI.
+ * @beta
  */
 class MultiCamera extends UICorePlugin {
     currentCamera = null;
@@ -38433,7 +38369,7 @@ class MultiCamera extends UICorePlugin {
     multicamera = [];
     noActiveStreams = false;
     get name() {
-        return 'media_control_multicamera';
+        return 'multicamera';
     }
     get supportedVersion() {
         return { min: CLAPPR_VERSION };
@@ -38672,13 +38608,12 @@ class MultiCamera extends UICorePlugin {
         }
         catch (error) {
         }
-        // TODO figure out
-        this.core.getPlugin('error_gplayer')?.show({
+        // TODO trigger error instead
+        this.core.getPlugin('error_screen')?.show({
             title: this.core.i18n.t('source_offline'),
             message: '',
             code: '',
             icon: '',
-            reloadIcon: '',
         });
     }
     hideError() {
@@ -39139,7 +39074,7 @@ class Poster extends UIContainerPlugin {
     }
     static template = tmpl(posterHTML);
     get shouldRender() {
-        if (!this.enabled) {
+        if (!this.enabled || this.options.reloading) {
             return false;
         }
         const showForNoOp = !!this.options.poster?.showForNoOp;
@@ -39370,7 +39305,7 @@ const { formatTime } = Utils;
  */
 class SeekTime extends UICorePlugin {
     get name() {
-        return 'media_control_seek_time';
+        return 'seek_time';
     }
     get supportedVersion() {
         return { min: CLAPPR_VERSION };
@@ -39531,7 +39466,7 @@ class Share extends UICorePlugin {
     hide = false;
     container = null;
     get name() {
-        return 'media_control_share';
+        return 'share';
     }
     get supportedVersion() {
         return { min: CLAPPR_VERSION };
@@ -39739,15 +39674,15 @@ var PlaybackErrorCode;
     /**
      * An unknown or uncategorised error.
      */
-    PlaybackErrorCode[PlaybackErrorCode["Generic"] = 0] = "Generic";
+    PlaybackErrorCode["Generic"] = "GENERIC_ERROR";
     /**
      * The media source is not available. Typically a network error.
      */
-    PlaybackErrorCode[PlaybackErrorCode["MediaSourceUnavailable"] = 1] = "MediaSourceUnavailable";
+    PlaybackErrorCode["MediaSourceUnavailable"] = "MEDIA_SOURCE_UNAVAILABLE";
     /**
      * The media source is not accessible due to some protection policy.
      */
-    PlaybackErrorCode[PlaybackErrorCode["MediaSourceAccessDenied"] = 3] = "MediaSourceAccessDenied";
+    PlaybackErrorCode["MediaSourceAccessDenied"] = "MEDIA_SOURCE_ACCESS_DENIED";
 })(PlaybackErrorCode || (PlaybackErrorCode = {}));
 
 const spinnerHTML = "<div data-bounce1></div>\n<div data-bounce2></div>\n<div data-bounce3></div>\n";
@@ -39795,6 +39730,7 @@ class SpinnerThreeBounce extends UIContainerPlugin {
             'class': 'spinner-three-bounce'
         };
     }
+    hideTimeout = null;
     showTimeout = null;
     template = tmpl(spinnerHTML);
     hasFatalError = false;
@@ -39848,8 +39784,17 @@ class SpinnerThreeBounce extends UIContainerPlugin {
     /**
      * Shows the spinner
      */
-    show() {
-        this.showTimeout = setTimeout(() => this.$el.show(), 300);
+    show(delay = 300) {
+        if (this.showTimeout === null) {
+            if (this.hideTimeout !== null) {
+                clearTimeout(this.hideTimeout);
+                this.hideTimeout = null;
+            }
+            this.showTimeout = setTimeout(() => {
+                this.showTimeout = null;
+                this.$el.show();
+            }, delay);
+        }
     }
     /**
      * Hides the spinner
@@ -39859,7 +39804,12 @@ class SpinnerThreeBounce extends UIContainerPlugin {
             clearTimeout(this.showTimeout);
             this.showTimeout = null;
         }
-        this.$el.hide();
+        this.hideTimeout = setTimeout(() => {
+            this.hideTimeout = null;
+            if (this.showTimeout === null) {
+                this.$el.hide();
+            }
+        }, 0);
     }
     /**
      * @internal
@@ -39980,10 +39930,14 @@ class SourceController extends CorePlugin {
      */
     bindEvents() {
         super.bindEvents();
-        this.listenTo(this.core, Events$1.CORE_ACTIVE_CONTAINER_CHANGED, () => this.onReady());
+        this.listenTo(this.core, Events$1.CORE_READY, this.onCoreReady);
+        this.listenTo(this.core, Events$1.CORE_ACTIVE_CONTAINER_CHANGED, this.onActiveContainerChanged);
     }
-    onReady() {
-        trace(`${T$3} onReady`, {
+    onCoreReady() {
+        this.core.getPlugin('error_screen')?.disable(); //  TODO test
+    }
+    onActiveContainerChanged() {
+        trace(`${T$3} onActiveContainerChanged`, {
             retrying: this.active,
             currentSource: this.sourcesList[this.currentSourceIndex],
         });
@@ -39999,7 +39953,7 @@ class SourceController extends CorePlugin {
         this.bindContainerEventListeners();
         if (this.active) {
             this.core.activeContainer?.getPlugin('poster_custom')?.disable();
-            spinner?.show();
+            spinner?.show(0);
         }
     }
     bindContainerEventListeners() {
@@ -40016,7 +39970,7 @@ class SourceController extends CorePlugin {
             switch (error.code) {
                 case PlaybackErrorCode.MediaSourceUnavailable:
                     this.core.activeContainer?.getPlugin('poster_custom')?.disable();
-                    this.retryPlayback();
+                    setTimeout(() => this.retryPlayback(), 0);
                     break;
             }
         });
@@ -40043,6 +39997,7 @@ class SourceController extends CorePlugin {
             currentSource: this.sourcesList[this.currentSourceIndex],
         });
         this.active = true;
+        this.core.activeContainer?.getPlugin('spinner')?.show(0);
         this.getNextMediaSource().then((nextSource) => {
             const rnd = RETRY_DELAY_BLUR * Math.random();
             this.sync(() => {
@@ -41174,6 +41129,10 @@ class Thumbnails extends UICorePlugin {
     }
 }
 
+/**
+ * Events emitted by the VolumeFade plugin.
+ * @beta
+ */
 var VolumeFadeEvents;
 (function (VolumeFadeEvents) {
     VolumeFadeEvents["FADE"] = "core:volume:fade";

package/docs/api/player.contextmenupluginsettings.label.md

@@ -4,6 +4,9 @@
 
 ## ContextMenuPluginSettings.label property
 
+> This API is provided as a beta preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
+> 
+
 **Signature:**
 
 ```typescript

package/docs/api/player.contextmenupluginsettings.md

@@ -4,6 +4,11 @@
 
 ## ContextMenuPluginSettings interface
 
+> This API is provided as a beta preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
+> 
+
+The plugin adds a context menu to the player.
+
 **Signature:**
 
 ```typescript
@@ -48,7 +53,7 @@ string
 
 </td><td>
 
-_(Optional)_
+**_(BETA)_** _(Optional)_
 
 
 </td></tr>
@@ -67,7 +72,7 @@ boolean
 
 </td><td>
 
-_(Optional)_
+**_(BETA)_** _(Optional)_
 
 
 </td></tr>
@@ -86,7 +91,7 @@ string
 
 </td><td>
 
-_(Optional)_
+**_(BETA)_** _(Optional)_
 
 
 </td></tr>

package/docs/api/player.contextmenupluginsettings.preventshowcontextmenu.md

@@ -4,6 +4,9 @@
 
 ## ContextMenuPluginSettings.preventShowContextMenu property
 
+> This API is provided as a beta preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
+> 
+
 **Signature:**
 
 ```typescript

package/docs/api/player.contextmenupluginsettings.url.md

@@ -4,6 +4,9 @@
 
 ## ContextMenuPluginSettings.url property
 
+> This API is provided as a beta preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
+> 
+
 **Signature:**
 
 ```typescript

package/docs/api/player.md

@@ -195,7 +195,7 @@ Description
 
 </td><td>
 
-The plugin adds support for loading multiple streams and switching between them using the media control UI.
+**_(BETA)_** The plugin adds support for loading multiple streams and switching between them using the media control UI.
 
 
 </td></tr>
@@ -419,6 +419,8 @@ Custom events emitted by the plugin
 
 </td><td>
 
+**_(BETA)_** Events emitted by the VolumeFade plugin.
+
 
 </td></tr>
 </tbody></table>
@@ -480,6 +482,8 @@ Configuration options
 
 </td><td>
 
+**_(BETA)_** The plugin adds a context menu to the player.
+
 
 </td></tr>
 <tr><td>
@@ -891,7 +895,7 @@ Description
 
 </td><td>
 
-**_(BETA)_**
+**_(BETA)_** [Zepto query result](https://zeptojs.com/#$())
 
 
 </td></tr>

package/docs/api/player.multicamera._constructor_.md

@@ -4,6 +4,9 @@
 
 ## MultiCamera.(constructor)
 
+> This API is provided as a beta preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
+> 
+
 Constructs a new instance of the `MultiCamera` class
 
 **Signature:**

package/docs/api/player.multicamera.activebyid.md

@@ -4,6 +4,9 @@
 
 ## MultiCamera.activeById() method
 
+> This API is provided as a beta preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
+> 
+
 **Signature:**
 
 ```typescript

package/docs/api/player.multicamera.attributes.md

@@ -4,6 +4,9 @@
 
 ## MultiCamera.attributes property
 
+> This API is provided as a beta preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
+> 
+
 **Signature:**
 
 ```typescript

package/docs/api/player.multicamera.bindevents.md

@@ -4,6 +4,9 @@
 
 ## MultiCamera.bindEvents() method
 
+> This API is provided as a beta preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
+> 
+
 **Signature:**
 
 ```typescript

package/docs/api/player.multicamera.events.md

@@ -4,6 +4,9 @@
 
 ## MultiCamera.events property
 
+> This API is provided as a beta preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
+> 
+
 **Signature:**
 
 ```typescript