cloudinary-video-player 2.4.1-edge.8 → 2.4.1

package/dist/cld-video-player.light.js

@@ -1418,7 +1418,7 @@ class CloudinaryAnalytics {
       this.cloudinaryAnalytics.startManualTracking(metadata, {
         ...(lodash_isPlainObject__WEBPACK_IMPORTED_MODULE_1___default()(this.analyticsOptions) ? this.analyticsOptions : {}),
         videoPlayerType: 'cloudinary video player',
-        videoPlayerVersion: "2.4.1-edge.8"
+        videoPlayerVersion: "2.4.1"
       });
     } else if (this.currentVideMetadata.cloudName !== metadata.cloudName || this.currentVideMetadata.publicId !== metadata.publicId) {
       this.cloudinaryAnalytics.stopManualTracking();
@@ -1791,7 +1791,7 @@ class CloudinaryContext {
       options.sourceTypes = options.sourceTypes || _this.sourceTypes();
       options.poster = options.poster || posterOptionsForCurrent();
       options.queryParams = Object.assign(options.queryParams || {}, options.usageReport ? {
-        _s: `vp-${"2.4.1-edge.8"}`
+        _s: `vp-${"2.4.1"}`
       } : {});
       if (options.sourceTypes.indexOf('audio') > -1) {
         builtSrc = new _models_audio_source_audio_source__WEBPACK_IMPORTED_MODULE_7__["default"](publicId, options);
@@ -3058,7 +3058,7 @@ const contextMenuContent = player => {
   const isFullscreen = player.isFullscreen();
   const aboutMenuItem = {
     class: 'player-version',
-    label: 'Cloudinary Player v' + "2.4.1-edge.8"
+    label: 'Cloudinary Player v' + "2.4.1"
   };
   if (!player.controls()) {
     return [aboutMenuItem];
@@ -5553,7 +5553,7 @@ class VideoPlayer extends _utils__WEBPACK_IMPORTED_MODULE_9__["default"].mixin(_
       const analyticsData = (0,_utils_get_analytics_player_options__WEBPACK_IMPORTED_MODULE_18__.getAnalyticsFromPlayerOptions)(options);
       const analyticsParams = new URLSearchParams(analyticsData).toString();
       const baseParams = new URLSearchParams({
-        vpVersion: "2.4.1-edge.8",
+        vpVersion: "2.4.1",
         vpInstanceId: this.getVPInstanceId(),
         // #if (process.env.WEBPACK_BUILD_LIGHT)
         vpLightBuild: true,
@@ -13217,7 +13217,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /**
  * @license
- * Video.js 8.21.0 <http://videojs.com/>
+ * Video.js 8.23.3 <http://videojs.com/>
  * Copyright Brightcove, Inc. <https://www.brightcove.com/>
  * Available under Apache License Version 2.0
  * <https://github.com/videojs/video.js/blob/main/LICENSE>
@@ -13232,7 +13232,7 @@ __webpack_require__.r(__webpack_exports__);
   0;
 })(this, (function () { 'use strict';
 
-  var version = "8.21.0";
+  var version = "8.23.3";
 
   /**
    * An Object that contains lifecycle hooks as keys which point to an array
@@ -18583,10 +18583,14 @@ __webpack_require__.r(__webpack_exports__);
 
         // If we have players that were disposed, then their name will still be
         // in Players.players. So, we must loop through and verify that the value
-        // for each item is not null. This allows registration of the Player component
+        // for each item is null. This allows registration of the Player component
         // after all players have been disposed or before any were created.
-        if (players && playerNames.length > 0 && playerNames.map(pname => players[pname]).every(Boolean)) {
-          throw new Error('Can not register Player component after player has been created.');
+        if (players && playerNames.length > 0) {
+          for (let i = 0; i < playerNames.length; i++) {
+            if (players[playerNames[i]] !== null) {
+              throw new Error('Can not register Player component after player has been created.');
+            }
+          }
         }
       }
       Component.components_[name] = ComponentToRegister;
@@ -19165,7 +19169,7 @@ __webpack_require__.r(__webpack_exports__);
    *         A serializable javascript representation of the TextTrack.
    * @private
    */
-  const trackToJson_ = function (track) {
+  const trackToJson = function (track) {
     const ret = ['kind', 'label', 'language', 'id', 'inBandMetadataTrackDispatchType', 'mode', 'src'].reduce((acc, prop, i) => {
       if (track[prop]) {
         acc[prop] = track[prop];
@@ -19200,7 +19204,7 @@ __webpack_require__.r(__webpack_exports__);
     const trackEls = tech.$$('track');
     const trackObjs = Array.prototype.map.call(trackEls, t => t.track);
     const tracks = Array.prototype.map.call(trackEls, function (trackEl) {
-      const json = trackToJson_(trackEl.track);
+      const json = trackToJson(trackEl.track);
       if (trackEl.src) {
         json.src = trackEl.src;
       }
@@ -19208,7 +19212,7 @@ __webpack_require__.r(__webpack_exports__);
     });
     return tracks.concat(Array.prototype.filter.call(tech.textTracks(), function (track) {
       return trackObjs.indexOf(track) === -1;
-    }).map(trackToJson_));
+    }).map(trackToJson));
   };
 
   /**
@@ -19234,7 +19238,7 @@ __webpack_require__.r(__webpack_exports__);
   var textTrackConverter = {
     textTracksToJson,
     jsonToTextTracks,
-    trackToJson_
+    trackToJson
   };
 
   /**
@@ -20198,6 +20202,16 @@ __webpack_require__.r(__webpack_exports__);
         }
       }
     }
+
+    /**
+     * Creates a serializable array of objects that contains serialized copies
+     * of each text track.
+     *
+     * @return {Object[]} A serializable list of objects for the text track list
+     */
+    toJSON() {
+      return this.tracks_.map(track => track.toJSON());
+    }
   }
 
   /**
@@ -20631,11 +20645,9 @@ __webpack_require__.r(__webpack_exports__);
    */
   const getFileExtension = function (path) {
     if (typeof path === 'string') {
-      const splitPathRe = /^(\/?)([\s\S]*?)((?:\.{1,2}|[^\/]+?)(\.([^\.\/\?]+)))(?:[\/]*|[\?].*)$/;
-      const pathParts = splitPathRe.exec(path);
-      if (pathParts) {
-        return pathParts.pop().toLowerCase();
-      }
+      const cleanPath = path.split('?')[0].replace(/\/+$/, '');
+      const match = cleanPath.match(/\.([^.\/]+)$/);
+      return match ? match[1].toLowerCase() : '';
     }
     return '';
   };
@@ -21637,6 +21649,16 @@ __webpack_require__.r(__webpack_exports__);
       this.cues.setCues_(this.cues_);
     }
 
+    /**
+     * Creates a copy of the text track and makes it serializable
+     * by removing circular dependencies.
+     *
+     * @return {Object} The track information as a serializable object
+     */
+    toJSON() {
+      return textTrackConverter.trackToJson(this);
+    }
+
     /**
      * Remove a cue from our internal list
      *
@@ -25561,7 +25583,7 @@ __webpack_require__.r(__webpack_exports__);
   /** @import Player from './player' */
 
   // The number of seconds the `step*` functions move the timeline.
-  const STEP_SECONDS$1 = 5;
+  const STEP_SECONDS = 5;
 
   /**
    * Spatial Navigation in Video.js enhances user experience and accessibility on smartTV devices,
@@ -25695,10 +25717,10 @@ __webpack_require__.r(__webpack_exports__);
             }
             break;
           case 'ff':
-            this.userSeek_(this.player_.currentTime() + STEP_SECONDS$1);
+            this.userSeek_(this.player_.currentTime() + STEP_SECONDS);
             break;
           case 'rw':
-            this.userSeek_(this.player_.currentTime() - STEP_SECONDS$1);
+            this.userSeek_(this.player_.currentTime() - STEP_SECONDS);
             break;
         }
       }
@@ -26755,6 +26777,8 @@ __webpack_require__.r(__webpack_exports__);
         this.updateDisplay(e);
       };
       player.on('loadstart', e => this.toggleDisplay(e));
+      player.on('useractive', updateDisplayTextHandler);
+      player.on('userinactive', updateDisplayTextHandler);
       player.on('texttrackchange', updateDisplayTextHandler);
       player.on('loadedmetadata', e => {
         this.updateDisplayOverlay();
@@ -26883,11 +26907,14 @@ __webpack_require__.r(__webpack_exports__);
     }
 
     /**
-     * Update the displayed TextTrack when a either a {@link Player#texttrackchange} or
-     * a {@link Player#fullscreenchange} is fired.
+     * Update the displayed {@link TextTrack} when either a {@link Player#texttrackchange},
+     * a {@link Player#fullscreenchange}, a {@link Player#useractive}, or a
+     * {@link Player#userinactive} is fired.
      *
      * @listens Player#texttrackchange
      * @listens Player#fullscreenchange
+     * @listens Player#useractive
+     * @listens Player#userinactive
      */
     updateDisplay() {
       const tracks = this.player_.textTracks();
@@ -27309,8 +27336,8 @@ __webpack_require__.r(__webpack_exports__);
     handleClick(event) {
       const playPromise = this.player_.play();
 
-      // exit early if clicked via the mouse
-      if (this.mouseused_ && 'clientX' in event && 'clientY' in event) {
+      // exit early if tapped or clicked via the mouse
+      if (event.type === 'tap' || this.mouseused_ && 'clientX' in event && 'clientY' in event) {
         silencePromise(playPromise);
         if (this.player_.tech(true)) {
           this.player_.tech(true).focus();
@@ -27775,6 +27802,8 @@ __webpack_require__.r(__webpack_exports__);
       let time;
       if (this.player_.ended()) {
         time = this.player_.duration();
+      } else if (event && event.target && typeof event.target.pendingSeekTime === 'function') {
+        time = event.target.pendingSeekTime();
       } else {
         time = this.player_.scrubbing() ? this.player_.getCache().currentTime : this.player_.currentTime();
       }
@@ -28521,6 +28550,10 @@ __webpack_require__.r(__webpack_exports__);
           event.stopPropagation();
           this.stepForward();
         } else {
+          if (this.pendingSeekTime()) {
+            this.pendingSeekTime(null);
+            this.userSeek_(this.player_.currentTime());
+          }
           super.handleKeyDown(event);
         }
 
@@ -28906,13 +28939,18 @@ __webpack_require__.r(__webpack_exports__);
      * @param {number} seekBarPoint
      *        A number from 0 to 1, representing a horizontal reference point
      *        from the left edge of the {@link SeekBar}
+     *
+     * @param {Event} [event]
+     *        The `timeupdate` event that caused this function to run.
      */
-    update(seekBarRect, seekBarPoint) {
+    update(seekBarRect, seekBarPoint, event) {
       const timeTooltip = this.getChild('timeTooltip');
       if (!timeTooltip) {
         return;
       }
-      const time = this.player_.scrubbing() ? this.player_.getCache().currentTime : this.player_.currentTime();
+
+      // Combined logic: if an event with a valid pendingSeekTime getter exists, use it.
+      const time = event && event.target && typeof event.target.pendingSeekTime === 'function' ? event.target.pendingSeekTime() : this.player_.scrubbing() ? this.player_.getCache().currentTime : this.player_.currentTime();
       timeTooltip.updateTime(seekBarRect, seekBarPoint, time);
     }
   }
@@ -29006,12 +29044,6 @@ __webpack_require__.r(__webpack_exports__);
    * @file seek-bar.js
    */
 
-  // The number of seconds the `step*` functions move the timeline.
-  const STEP_SECONDS = 5;
-
-  // The multiplier of STEP_SECONDS that PgUp/PgDown move the timeline.
-  const PAGE_KEY_MULTIPLIER = 12;
-
   /**
    * Seek bar and container for the progress bars. Uses {@link PlayProgressBar}
    * as its `bar`.
@@ -29027,20 +29059,24 @@ __webpack_require__.r(__webpack_exports__);
      *
      * @param {Object} [options]
      *        The key/value store of player options.
+     * @param {number} [options.stepSeconds=5]
+     *        The number of seconds to increment on keyboard control
+     * @param {number} [options.pageMultiplier=12]
+     *        The multiplier of stepSeconds that PgUp/PgDown move the timeline.
      */
     constructor(player, options) {
       options = merge(SeekBar.prototype.options_, options);
 
       // Avoid mutating the prototype's `children` array by creating a copy
       options.children = [...options.children];
-      const shouldDisableSeekWhileScrubbingOnMobile = player.options_.disableSeekWhileScrubbingOnMobile && (IS_IOS || IS_ANDROID);
+      const shouldDisableSeekWhileScrubbing = player.options_.disableSeekWhileScrubbingOnMobile && (IS_IOS || IS_ANDROID) || player.options_.disableSeekWhileScrubbingOnSTV;
 
       // Add the TimeTooltip as a child if we are on desktop, or on mobile with `disableSeekWhileScrubbingOnMobile: true`
-      if (!IS_IOS && !IS_ANDROID || shouldDisableSeekWhileScrubbingOnMobile) {
+      if (!IS_IOS && !IS_ANDROID || shouldDisableSeekWhileScrubbing) {
         options.children.splice(1, 0, 'mouseTimeDisplay');
       }
       super(player, options);
-      this.shouldDisableSeekWhileScrubbingOnMobile_ = shouldDisableSeekWhileScrubbingOnMobile;
+      this.shouldDisableSeekWhileScrubbing_ = shouldDisableSeekWhileScrubbing;
       this.pendingSeekTime_ = null;
       this.setEventHandlers_();
     }
@@ -29157,7 +29193,7 @@ __webpack_require__.r(__webpack_exports__);
 
         // update the progress bar time tooltip with the current time
         if (this.bar) {
-          this.bar.update(getBoundingClientRect(this.el()), this.getProgress());
+          this.bar.update(getBoundingClientRect(this.el()), this.getProgress(), event);
         }
       });
       return percent;
@@ -29190,6 +29226,25 @@ __webpack_require__.r(__webpack_exports__);
       return this.player_.scrubbing() ? this.player_.getCache().currentTime : this.player_.currentTime();
     }
 
+    /**
+     * Getter and setter for pendingSeekTime.
+     * Ensures the value is clamped between 0 and duration.
+     *
+     * @param {number|null} [time] - Optional. The new pending seek time, can be a number or null.
+     * @return {number|null} - The current pending seek time.
+     */
+    pendingSeekTime(time) {
+      if (time !== undefined) {
+        if (time !== null) {
+          const duration = this.player_.duration();
+          this.pendingSeekTime_ = Math.max(0, Math.min(time, duration));
+        } else {
+          this.pendingSeekTime_ = null;
+        }
+      }
+      return this.pendingSeekTime_;
+    }
+
     /**
      * Get the percentage of media played so far.
      *
@@ -29199,8 +29254,8 @@ __webpack_require__.r(__webpack_exports__);
     getPercent() {
       // If we have a pending seek time, we are scrubbing on mobile and should set the slider percent
       // to reflect the current scrub location.
-      if (this.pendingSeekTime_) {
-        return this.pendingSeekTime_ / this.player_.duration();
+      if (this.pendingSeekTime() !== null) {
+        return this.pendingSeekTime() / this.player_.duration();
       }
       const currentTime = this.getCurrentTime_();
       let percent;
@@ -29237,7 +29292,7 @@ __webpack_require__.r(__webpack_exports__);
 
       // Don't pause if we are on mobile and `disableSeekWhileScrubbingOnMobile: true`.
       // In that case, playback should continue while the player scrubs to a new location.
-      if (!this.shouldDisableSeekWhileScrubbingOnMobile_) {
+      if (!this.shouldDisableSeekWhileScrubbing_) {
         this.player_.pause();
       }
       super.handleMouseDown(event);
@@ -29298,8 +29353,8 @@ __webpack_require__.r(__webpack_exports__);
       }
 
       // if on mobile and `disableSeekWhileScrubbingOnMobile: true`, keep track of the desired seek point but we won't initiate the seek until 'touchend'
-      if (this.shouldDisableSeekWhileScrubbingOnMobile_) {
-        this.pendingSeekTime_ = newTime;
+      if (this.shouldDisableSeekWhileScrubbing_) {
+        this.pendingSeekTime(newTime);
       } else {
         this.userSeek_(newTime);
       }
@@ -29342,9 +29397,9 @@ __webpack_require__.r(__webpack_exports__);
       this.player_.scrubbing(false);
 
       // If we have a pending seek time, then we have finished scrubbing on mobile and should initiate a seek.
-      if (this.pendingSeekTime_) {
-        this.userSeek_(this.pendingSeekTime_);
-        this.pendingSeekTime_ = null;
+      if (this.pendingSeekTime() !== null) {
+        this.userSeek_(this.pendingSeekTime());
+        this.pendingSeekTime(null);
       }
 
       /**
@@ -29368,18 +29423,46 @@ __webpack_require__.r(__webpack_exports__);
       }
     }
 
+    /**
+     * Handles pending seek time when `disableSeekWhileScrubbingOnSTV` is enabled.
+     *
+     * @param {number} stepAmount - The number of seconds to step (positive for forward, negative for backward).
+     */
+    handlePendingSeek_(stepAmount) {
+      if (!this.player_.paused()) {
+        this.player_.pause();
+      }
+      const currentPos = this.pendingSeekTime() !== null ? this.pendingSeekTime() : this.player_.currentTime();
+      this.pendingSeekTime(currentPos + stepAmount);
+      this.player_.trigger({
+        type: 'timeupdate',
+        target: this,
+        manuallyTriggered: true
+      });
+    }
+
     /**
      * Move more quickly fast forward for keyboard-only users
      */
     stepForward() {
-      this.userSeek_(this.player_.currentTime() + STEP_SECONDS);
+      // if `disableSeekWhileScrubbingOnSTV: true`, keep track of the desired seek point but we won't initiate the seek
+      if (this.shouldDisableSeekWhileScrubbing_) {
+        this.handlePendingSeek_(this.options().stepSeconds);
+      } else {
+        this.userSeek_(this.player_.currentTime() + this.options().stepSeconds);
+      }
     }
 
     /**
      * Move more quickly rewind for keyboard-only users
      */
     stepBack() {
-      this.userSeek_(this.player_.currentTime() - STEP_SECONDS);
+      // if `disableSeekWhileScrubbingOnSTV: true`, keep track of the desired seek point but we won't initiate the seek
+      if (this.shouldDisableSeekWhileScrubbing_) {
+        this.handlePendingSeek_(-this.options().stepSeconds);
+      } else {
+        this.userSeek_(this.player_.currentTime() - this.options().stepSeconds);
+      }
     }
 
     /**
@@ -29391,6 +29474,10 @@ __webpack_require__.r(__webpack_exports__);
      *
      */
     handleAction(event) {
+      if (this.pendingSeekTime() !== null) {
+        this.userSeek_(this.pendingSeekTime());
+        this.pendingSeekTime(null);
+      }
       if (this.player_.paused()) {
         this.player_.play();
       } else {
@@ -29444,11 +29531,11 @@ __webpack_require__.r(__webpack_exports__);
       } else if (event.key === 'PageDown') {
         event.preventDefault();
         event.stopPropagation();
-        this.userSeek_(this.player_.currentTime() - STEP_SECONDS * PAGE_KEY_MULTIPLIER);
+        this.userSeek_(this.player_.currentTime() - this.options().stepSeconds * this.options().pageMultiplier);
       } else if (event.key === 'PageUp') {
         event.preventDefault();
         event.stopPropagation();
-        this.userSeek_(this.player_.currentTime() + STEP_SECONDS * PAGE_KEY_MULTIPLIER);
+        this.userSeek_(this.player_.currentTime() + this.options().stepSeconds * this.options().pageMultiplier);
       } else {
         // Pass keydown handling up for unsupported keys
         super.handleKeyDown(event);
@@ -29481,7 +29568,9 @@ __webpack_require__.r(__webpack_exports__);
    */
   SeekBar.prototype.options_ = {
     children: ['loadProgressBar', 'playProgressBar'],
-    barName: 'playProgressBar'
+    barName: 'playProgressBar',
+    stepSeconds: 5,
+    pageMultiplier: 12
   };
   Component.registerComponent('SeekBar', SeekBar);
 
@@ -33768,22 +33857,22 @@ __webpack_require__.r(__webpack_exports__);
       super(player, options);
 
       // Create DOM elements
-      const defaultsDescription = this.localize('restore all settings to the default values');
       const resetButton = new Button(player, {
-        controlText: defaultsDescription,
+        controlText: this.localize('restore all settings to the default values'),
         className: 'vjs-default-button'
       });
       resetButton.el().classList.remove('vjs-control', 'vjs-button');
       resetButton.el().textContent = this.localize('Reset');
       this.addChild(resetButton);
+      const doneText = this.localize('Done');
       const doneButton = new Button(player, {
-        controlText: defaultsDescription,
+        controlText: doneText,
         className: 'vjs-done-button'
       });
 
       // Remove unrequired style classes
       doneButton.el().classList.remove('vjs-control', 'vjs-button');
-      doneButton.el().textContent = this.localize('Done');
+      doneButton.el().textContent = doneText;
       this.addChild(doneButton);
     }
 
@@ -37121,8 +37210,12 @@ __webpack_require__.r(__webpack_exports__);
    * @file player.js
    */
 
-  /** @import { TimeRange } from './utils/time' */
+  /** @import AudioTrackList from './tracks/audio-track-list' */
   /** @import HtmlTrackElement from './tracks/html-track-element' */
+  /** @import HtmlTrackElementList from './tracks/html-track-element-list' */
+  /** @import TextTrackList from './tracks/text-track-list' */
+  /** @import { TimeRange } from './utils/time' */
+  /** @import VideoTrackList from './tracks/video-track-list' */
 
   /**
    * @callback PlayerReadyCallback
@@ -42112,6 +42205,7 @@ __webpack_require__.r(__webpack_exports__);
    *
    * @method Player.prototype.videoTracks
    */
+  Player.prototype.videoTracks = () => {};
 
   /**
    * Get the {@link AudioTrackList}
@@ -42123,6 +42217,7 @@ __webpack_require__.r(__webpack_exports__);
    *
    * @method Player.prototype.audioTracks
    */
+  Player.prototype.audioTracks = () => {};
 
   /**
    * Get the {@link TextTrackList}
@@ -42134,6 +42229,7 @@ __webpack_require__.r(__webpack_exports__);
    *
    * @method Player.prototype.textTracks
    */
+  Player.prototype.textTracks = () => {};
 
   /**
    * Get the remote {@link TextTrackList}
@@ -42143,6 +42239,7 @@ __webpack_require__.r(__webpack_exports__);
    *
    * @method Player.prototype.remoteTextTracks
    */
+  Player.prototype.remoteTextTracks = () => {};
 
   /**
    * Get the remote {@link HtmlTrackElementList} tracks.
@@ -42152,7 +42249,7 @@ __webpack_require__.r(__webpack_exports__);
    *
    * @method Player.prototype.remoteTextTrackEls
    */
-
+  Player.prototype.remoteTextTrackEls = () => {};
   ALL.names.forEach(function (name) {
     const props = ALL[name];
     Player.prototype[props.getterName] = function () {
@@ -42239,7 +42336,8 @@ __webpack_require__.r(__webpack_exports__);
     },
     // Default smooth seeking to false
     enableSmoothSeeking: false,
-    disableSeekWhileScrubbingOnMobile: false
+    disableSeekWhileScrubbingOnMobile: false,
+    disableSeekWhileScrubbingOnSTV: false
   };
   TECH_EVENTS_RETRIGGER.forEach(function (event) {
     Player.prototype[`handleTech${toTitleCase(event)}_`] = function () {
@@ -43331,9 +43429,13 @@ __webpack_require__.r(__webpack_exports__);
    * @see      https://github.com/Raynos/xhr
    */
   videojs.xhr = lib;
+  videojs.TrackList = TrackList;
   videojs.TextTrack = TextTrack;
+  videojs.TextTrackList = TextTrackList;
   videojs.AudioTrack = AudioTrack;
+  videojs.AudioTrackList = AudioTrackList;
   videojs.VideoTrack = VideoTrack;
+  videojs.VideoTrackList = VideoTrackList;
   ['isEl', 'isTextNode', 'createEl', 'hasClass', 'addClass', 'removeClass', 'toggleClass', 'setAttributes', 'getAttributes', 'emptyEl', 'appendContent', 'insertContent'].forEach(k => {
     videojs[k] = function () {
       log.warn(`videojs.${k}() is deprecated; use videojs.dom.${k}() instead`);