@theoplayer/web-ui 1.14.0 → 1.16.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @theoplayer/web-ui
 
+## 1.16.0
+
+### ✨ Features
+
+- Added `centered-chrome` slot to `<theoplayer-default-ui>` to replace all controls in the center of the player.
+
+### 🐛 Issues
+
+- Fixed an issue where buttons inside the default UI could accidentally be clicked even when they were hidden because of user inactivity.
+
+## 1.15.0
+
+### ✨ Features
+
+- The UI now takes `SourceDescription.streamType` into account when computing its own `stream-type` attribute. This is now the preferred method of overriding the stream type.
+
+### 🐛 Issues
+
+- Fixed `<theolive-default-ui>` to stop using deprecated OptiView Live events.
+- Fixed an issue where the `<theoplayer-time-range>` inside the default UI could accidentally be clicked even when it was hidden because of user inactivity.
+
 ## 1.14.0
 
 ### ✨ Features

package/dist/THEOplayerUI.d.ts

@@ -1,5 +1,5 @@
 /*!
- * THEOplayer Open Video UI for Web (v1.14.0)
+ * THEOplayer Open Video UI for Web (v1.16.0)
  * License: MIT
  */
 import { ChromelessPlayer, VideoQuality, THEOplayerError, MediaTrack, TextTrack, TextTracksList, EdgeStyle, VendorCast, CastState, UIPlayerConfiguration, SourceDescription } from 'theoplayer/chromeless';
@@ -39,6 +39,7 @@ declare enum Attribute {
     USER_IDLE_TIMEOUT = "user-idle-timeout",
     NO_AUTO_HIDE = "no-auto-hide",
     DISABLED = "disabled",
+    INERT = "inert",
     HIDDEN = "hidden",
     PAUSED = "paused",
     ENDED = "ended",
@@ -1197,6 +1198,8 @@ declare const Range_base: {
  *
  * @attribute `disabled` - Whether the range is disabled.
  *   When disabled, the slider value cannot be changed, and the slider thumb is hidden.
+ * @attribute `inert` - Whether the range is inert.
+ *   When inert, the slider value cannot be changed, but the slider thumb is still visible.
  *
  * @group Components
  */
@@ -1217,6 +1220,13 @@ declare abstract class Range extends Range_base {
      */
     get disabled(): boolean;
     set disabled(disabled: boolean);
+    /**
+     * Whether the range is inert.
+     *
+     * When inert, the slider value cannot be changed, but the slider thumb is still visible.
+     */
+    get inert(): boolean;
+    set inert(inert: boolean);
     /**
      * The current value.
      */
@@ -1842,8 +1852,8 @@ declare const READY_EVENT: "theoplayerready";
  * @slot `top-chrome` - A slot for controls at the top of the player.
  *   Can be used to display the stream's title, or for a cast button ({@link ChromecastButton | `<theoplayer-chromecast-button>`}).
  * @slot `middle-chrome` - A slot for controls in the middle of the player (between the top and bottom chrome).
- * @slot `centered-chrome` - A slot for controls centered on the player, on top of other controls.
- * @slot `centered-loading` - A slot for a loading indicator centered on the player, on top of other controls
+ * @slot `centered-chrome` - A slot for controls in the center of the player, layered on top of other controls.
+ * @slot `centered-loading` - A slot for a loading indicator in the center of the player, layered on top of other controls
  *   but behind the centered chrome.
  * @slot `menu` - A slot for extra menus (see {@link Menu | `<theoplayer-menu>`}).
  * @slot `error` - A slot for an error display, to show when the player encounters a fatal error
@@ -1874,6 +1884,7 @@ declare class UIContainer extends HTMLElement {
     private readonly _stateReceivers;
     private _player;
     private _source;
+    private _isUserActive;
     private _userIdleTimer;
     private _previewTime;
     private _activeVideoTrack;
@@ -1938,6 +1949,11 @@ declare class UIContainer extends HTMLElement {
      * Whether the player is casting to a remote receiver.
      */
     get casting(): boolean;
+    /**
+     * Whether the user has stopped interacting with the UI and is considered to be "idle".
+     */
+    get userIdle(): boolean;
+    private set userIdle(value);
     /**
      * The timeout (in seconds) between when the user stops interacting with the UI,
      * and when the user is considered to be "idle".
@@ -1955,6 +1971,9 @@ declare class UIContainer extends HTMLElement {
      * when the player switches between its VOD-specific and live-only controls.
      */
     get streamType(): StreamType;
+    /**
+     * @deprecated use {@link SourceDescription.streamType} instead.
+     */
     set streamType(streamType: StreamType);
     /**
      * The minimum length (in seconds) of a livestream's sliding window for the stream to be DVR
@@ -1991,6 +2010,7 @@ declare class UIContainer extends HTMLElement {
     private readonly _updatePausedAndEnded;
     private readonly _updateEnded;
     private readonly _updateStreamType;
+    private computeStreamType_;
     private readonly _updatePlaybackRate;
     private readonly _updateMuted;
     private readonly _updateActiveVideoTrack;
@@ -2003,6 +2023,7 @@ declare class UIContainer extends HTMLElement {
     private setUserActive_;
     private readonly setUserIdle_;
     private readonly scheduleUserIdle_;
+    private updateUserIdle_;
     private isPlayerOrMedia_;
     private readonly _onTvKeyDown;
     private readonly _onKeyUp;
@@ -2065,6 +2086,8 @@ declare global {
  *
  * @slot `title` - A slot for the stream's title in the top control bar.
  * @slot `top-control-bar` - A slot for extra UI controls in the top control bar.
+ * @slot `centered-chrome` - A slot to replace the controls in the center of the player,
+ *   layered on top of other controls.
  * @slot `bottom-control-bar` - A slot for extra UI controls in the bottom control bar.
  * @slot `menu` - A slot for extra menus (see {@link Menu | `<theoplayer-menu>`}).
  * @slot `error` - A slot for an error display, to show when the player encounters a fatal error.
@@ -2083,6 +2106,7 @@ declare class DefaultUI extends HTMLElement {
     protected readonly _ui: UIContainer;
     private readonly _titleSlot;
     private readonly _timeRange;
+    private _timeRangeInertTimeout;
     private _appliedExtensions;
     /**
      * Creates a new THEOplayer default UI.
@@ -2137,6 +2161,10 @@ declare class DefaultUI extends HTMLElement {
      */
     get streamType(): StreamType;
     set streamType(value: StreamType);
+    /**
+     * Whether the user has stopped interacting with the UI and is considered to be "idle".
+     */
+    get userIdle(): boolean;
     /**
      * The timeout (in seconds) between when the user stops interacting with the UI,
      * and when the user is considered to be "idle".
@@ -2154,6 +2182,7 @@ declare class DefaultUI extends HTMLElement {
     attributeChangedCallback(attrName: string, oldValue: any, newValue: any): void;
     private readonly _updateStreamType;
     private readonly _dispatchReadyEvent;
+    private readonly _updateUserIdle;
     private readonly _onTitleSlotChange;
 }
 declare global {