cloudinary-video-player 2.6.1-edge.0 → 2.6.1-edge.2

package/lib/videoPlayer.js.LICENSE.txt

@@ -1,19 +1,21 @@
-/*! @name @videojs/http-streaming @version 3.17.0 @license Apache-2.0 */
-
-/*! @name aes-decrypter @version 4.0.2 @license Apache-2.0 */
-
-/*! @name m3u8-parser @version 7.2.0 @license Apache-2.0 */
-
-/*! @name pkcs7 @version 1.0.4 @license Apache-2.0 */
-
-/*! @name videojs-contrib-quality-levels @version 4.1.0 @license Apache-2.0 */
-
 /*! @name videojs-per-source-behaviors @version 3.0.1 @license Apache-2.0 */
 
+/**
+   * @license
+   * slighly modified parse-headers 2.0.2 <https://github.com/kesla/parse-headers/>
+   * Copyright (c) 2014 David Björklund
+   * Available under the MIT license
+   * <https://github.com/kesla/parse-headers/blob/master/LICENCE>
+   */
+
 /**
  * @license
- * slighly modified parse-headers 2.0.2 <https://github.com/kesla/parse-headers/>
- * Copyright (c) 2014 David Björklund
- * Available under the MIT license
- * <https://github.com/kesla/parse-headers/blob/master/LICENCE>
+ * 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>
+ *
+ * Includes vtt.js <https://github.com/mozilla/vtt.js>
+ * Available under Apache License Version 2.0
+ * <https://github.com/mozilla/vtt.js/blob/main/LICENSE>
  */

package/lib/visual-search.js

@@ -1,2 +1,2 @@
-(self.cloudinaryVideoPlayerChunkLoading=self.cloudinaryVideoPlayerChunkLoading||[]).push([[728],{9148:(e,a,s)=>{s.d(a,{default:()=>l});var t=s(7938),r=s.n(t);const l=(e,a)=>{a.addClass("vjs-visual-search");let s=!1;const t=(e=>{const a=()=>{e.$$(".vjs-visual-search-marker").forEach((e=>e.remove())),e.$$(".vjs-visual-search-results-wrapper").forEach((e=>e.remove())),e.removeClass("vjs-visual-search-results-active")};return{displayResults:s=>{a();const t=e.duration(),l=e.controlBar.progressControl.seekBar,n=r().dom.createEl("div",{className:"vjs-visual-search-results-wrapper",role:"presentation"});s.forEach((a=>{const{start_time:s,end_time:l}=a,c=s/t*100,o=(l-s)/t*100,i=`${Math.floor(s/60)}:${Math.floor(s%60).toString().padStart(2,"0")}`,d=r().dom.createEl("div",{className:"vjs-control vjs-visual-search-marker",style:`left: ${c}%; width: ${o}%`,tabIndex:0,role:"button",title:`Search result at ${i}`,ariaLabel:`Search result at ${i}`});n.appendChild(d),d.addEventListener("click",(()=>{e.currentTime(s)})),d.addEventListener("keydown",(a=>{"Enter"!==a.key&&" "!==a.key||(a.preventDefault(),e.currentTime(s))}))})),l.el().appendChild(n),s.length>0&&e.addClass("vjs-visual-search-results-active")},clearMarkers:a}})(a),l=async e=>{const s=a.$(".vjs-visual-search-button");s.classList.add("vjs-waiting");try{const s=a.cloudinary.source(),r=s.publicId(),l=Object.assign({},s.transformation());l.flags=l.flags||[],l.flags.push(`getinfo:search_b64_${btoa(e)}`);const n=s.config().url(`${r}`,{transformation:l}),c=await fetch(n,{method:"GET",headers:{"Content-Type":"application/json"}});if(!c.ok)throw new Error(`Search request failed with status: ${c.status}`);const o=await c.json();t.displayResults(o.timestamps),o&&!a.hasStarted()&&a.play().then((()=>a.pause()))}catch(e){console.error("Error performing visual search:",e)}finally{s.classList.remove("vjs-waiting")}},n=()=>{s=!1,t.clearMarkers(),a.$(".vjs-visual-search-wrapper")?.remove()},c=()=>{n();const e=a.$(".vjs-title-bar");e&&e.classList.remove("vjs-hidden");const c=r().dom.createEl("div",{className:"vjs-visual-search-wrapper"}),o=()=>{s&&(s=!1,c.classList.remove("vjs-visual-search-active"),d.input.value="",d.input.tabIndex=-1,d.closeButton.tabIndex=-1,t.clearMarkers())},i=(e=>{const a=r().dom.createEl("button",{className:"vjs-control vjs-button vjs-visual-search-button",title:"Search video content",ariaLabel:"Search video content"}),t=r().dom.createEl("span",{className:"vjs-icon-search"});a.appendChild(t);const n=r().dom.createEl("span",{className:"vjs-loading-spinner"});return a.appendChild(n),a.addEventListener("click",(()=>{if(s){const e=d.input.value.trim();e&&l(e)}else s=!0,c.classList.add("vjs-visual-search-active"),d.input.tabIndex=0,d.closeButton.tabIndex=0,d.input.focus()})),a})(),d=((e,a)=>{const s=r().dom.createEl("form",{className:"vjs-visual-search-form"}),t=r().dom.createEl("input",{className:"vjs-visual-search-input",type:"text",ariaLabel:"Search input",tabIndex:-1}),l=r().dom.createEl("button",{className:"vjs-control vjs-button vjs-visual-search-close",type:"button",title:"Close search",ariaLabel:"Close search",tabIndex:-1}),n=r().dom.createEl("span",{className:"vjs-icon-close"});return l.appendChild(n),s.appendChild(t),s.appendChild(l),s.addEventListener("submit",(a=>{a.preventDefault();const s=t.value.trim();s&&e(s)})),l.addEventListener("click",(e=>{e.preventDefault(),a&&a()})),{element:s,input:t,closeButton:l}})(l,o);c.appendChild(i),c.appendChild(d.element),e.prepend(c),a.on("keydown",(e=>{"Escape"===e.key&&s&&o()}))};c(),a.visualSearch={createSearchUI:c,clearUI:n}}}}]);
+(self.cloudinaryVideoPlayerChunkLoading=self.cloudinaryVideoPlayerChunkLoading||[]).push([[728],{9148:(e,a,s)=>{s.d(a,{default:()=>l});var t=s(6673),r=s.n(t);const l=(e,a)=>{a.addClass("vjs-visual-search");let s=!1;const t=(e=>{const a=()=>{e.$$(".vjs-visual-search-marker").forEach((e=>e.remove())),e.$$(".vjs-visual-search-results-wrapper").forEach((e=>e.remove())),e.removeClass("vjs-visual-search-results-active")};return{displayResults:s=>{a();const t=e.duration(),l=e.controlBar.progressControl.seekBar,n=r().dom.createEl("div",{className:"vjs-visual-search-results-wrapper",role:"presentation"});s.forEach((a=>{const{start_time:s,end_time:l}=a,c=s/t*100,o=(l-s)/t*100,i=`${Math.floor(s/60)}:${Math.floor(s%60).toString().padStart(2,"0")}`,d=r().dom.createEl("div",{className:"vjs-control vjs-visual-search-marker",style:`left: ${c}%; width: ${o}%`,tabIndex:0,role:"button",title:`Search result at ${i}`,ariaLabel:`Search result at ${i}`});n.appendChild(d),d.addEventListener("click",(()=>{e.currentTime(s)})),d.addEventListener("keydown",(a=>{"Enter"!==a.key&&" "!==a.key||(a.preventDefault(),e.currentTime(s))}))})),l.el().appendChild(n),s.length>0&&e.addClass("vjs-visual-search-results-active")},clearMarkers:a}})(a),l=async e=>{const s=a.$(".vjs-visual-search-button");s.classList.add("vjs-waiting");try{const s=a.cloudinary.source(),r=s.publicId(),l=Object.assign({},s.transformation());l.flags=l.flags||[],l.flags.push(`getinfo:search_b64_${btoa(e)}`);const n=s.config().url(`${r}`,{transformation:l}),c=await fetch(n,{method:"GET",headers:{"Content-Type":"application/json"}});if(!c.ok)throw new Error(`Search request failed with status: ${c.status}`);const o=await c.json();t.displayResults(o.timestamps),o&&!a.hasStarted()&&a.play().then((()=>a.pause()))}catch(e){console.error("Error performing visual search:",e)}finally{s.classList.remove("vjs-waiting")}},n=()=>{s=!1,t.clearMarkers(),a.$(".vjs-visual-search-wrapper")?.remove()},c=()=>{n();const e=a.$(".vjs-title-bar");e&&e.classList.remove("vjs-hidden");const c=r().dom.createEl("div",{className:"vjs-visual-search-wrapper"}),o=()=>{s&&(s=!1,c.classList.remove("vjs-visual-search-active"),d.input.value="",d.input.tabIndex=-1,d.closeButton.tabIndex=-1,t.clearMarkers())},i=(e=>{const a=r().dom.createEl("button",{className:"vjs-control vjs-button vjs-visual-search-button",title:"Search video content",ariaLabel:"Search video content"}),t=r().dom.createEl("span",{className:"vjs-icon-search"});a.appendChild(t);const n=r().dom.createEl("span",{className:"vjs-loading-spinner"});return a.appendChild(n),a.addEventListener("click",(()=>{if(s){const e=d.input.value.trim();e&&l(e)}else s=!0,c.classList.add("vjs-visual-search-active"),d.input.tabIndex=0,d.closeButton.tabIndex=0,d.input.focus()})),a})(),d=((e,a)=>{const s=r().dom.createEl("form",{className:"vjs-visual-search-form"}),t=r().dom.createEl("input",{className:"vjs-visual-search-input",type:"text",ariaLabel:"Search input",tabIndex:-1}),l=r().dom.createEl("button",{className:"vjs-control vjs-button vjs-visual-search-close",type:"button",title:"Close search",ariaLabel:"Close search",tabIndex:-1}),n=r().dom.createEl("span",{className:"vjs-icon-close"});return l.appendChild(n),s.appendChild(t),s.appendChild(l),s.addEventListener("submit",(a=>{a.preventDefault();const s=t.value.trim();s&&e(s)})),l.addEventListener("click",(e=>{e.preventDefault(),a&&a()})),{element:s,input:t,closeButton:l}})(l,o);c.appendChild(i),c.appendChild(d.element),e.prepend(c),a.on("keydown",(e=>{"Escape"===e.key&&s&&o()}))};c(),a.visualSearch={createSearchUI:c,clearUI:n}}}}]);
 //# sourceMappingURL=visual-search.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cloudinary-video-player",
-  "version": "2.6.1-edge.0",
+  "version": "2.6.1-edge.2",
   "description": "Cloudinary Video Player",
   "author": "Cloudinary",
   "license": "MIT",
@@ -23,26 +23,18 @@
       "require": "./dist/cld-video-player.min.js"
     },
     "./*": "./lib/*",
-    "./light": {
-      "import": "./lib/light/index.js",
-      "require": "./dist/cld-video-player.light.min.js"
-    },
-    "./light/*": "./lib/light/*"
+    "./light/*": "./lib/*"
   },
   "scripts": {
     "prepare": "shx cp env.example.js env.js",
     "clean": "rm -rf dist lib",
     "start": "webpack serve --config webpack/dev.config.js",
-    "start:light": "WEBPACK_BUILD_LIGHT=1 webpack serve --config webpack/dev.config.js",
     "build": "WEBPACK_BUILD_MIN=1 webpack --config webpack/build.config.js --progress --color",
     "build-dev": "webpack --config webpack/build.config.js  --progress --color --mode=development",
     "build-es": "WEBPACK_BUILD_MIN=1 webpack --config webpack/es6.config.js --progress --color",
-    "build-light": "WEBPACK_BUILD_LIGHT=1 WEBPACK_BUILD_MIN=1 webpack --config webpack/build.config.js --progress --color",
-    "build-light-dev": "WEBPACK_BUILD_LIGHT=1 webpack --config webpack/build.config.js --progress --color --mode=development",
-    "build-light-es": "WEBPACK_BUILD_LIGHT=1 WEBPACK_BUILD_MIN=1 webpack --config webpack/es-light.config.js --progress --color",
-    "build-all": "npm run clean && npm run build && npm run build-dev && npm run build-light && npm run build-light-dev && npm run build-light-es && npm run build-es",
+    "build-light": "node webpack/copy-light-bundle.js",
+    "build-all": "npm run clean && npm run build && npm run build-dev && npm run build-es && npm run build-light",
     "analyze": "webpack --config webpack/analyzer.config.js",
-    "analyze:light": "WEBPACK_BUILD_LIGHT=1 webpack --config webpack/analyzer.config.js",
     "postbuild-all": "bundlewatch",
     "precommit": "eslint src",
     "test": "jest --no-cache --detectOpenHandles",
@@ -63,27 +55,19 @@
     "files": [
       {
         "path": "./dist/cld-video-player.min.js",
-        "maxSize": "260kb"
-      },
-      {
-        "path": "./dist/cld-video-player.light.min.js",
         "maxSize": "135kb"
       },
       {
         "path": "./lib/cld-video-player.js",
-        "maxSize": "260kb"
+        "maxSize": "135kb"
       },
       {
         "path": "./lib/videoPlayer.js",
-        "maxSize": "260kb"
+        "maxSize": "135kb"
       },
       {
         "path": "./lib/all.js",
-        "maxSize": "291kb"
-      },
-      {
-        "path": "./lib/light/index.js",
-        "maxSize": "135kb"
+        "maxSize": "320kb"
       }
     ]
   },
@@ -91,12 +75,15 @@
     "@cloudinary/url-gen": "^1.21.0",
     "cloudinary-video-analytics": "1.8.2",
     "cloudinary-video-player-profiles": "1.3.0",
+    "hls.js": "^1.6.2",
     "lodash": "^4.17.21",
     "srt-parser-2": "^1.2.3",
     "uuid": "^11.0.3",
     "video.js": "^8.23.3",
     "videojs-contrib-ads": "^7.5.2",
     "videojs-contrib-dash": "^5.1.1",
+    "videojs-contrib-quality-levels": "^4.1.0",
+    "videojs-contrib-quality-menu": "^1.0.4",
     "videojs-ima": "^2.3.0",
     "videojs-per-source-behaviors": "^3.0.1",
     "webfontloader": "^1.6.28"

package/dist/chapters.light.js

@@ -1,233 +0,0 @@
-"use strict";
-(self["cloudinaryVideoPlayerChunkLoading"] = self["cloudinaryVideoPlayerChunkLoading"] || []).push([["chapters"],{
-
-/***/ "./plugins/chapters/chapters.js":
-/*!**************************************!*\
-  !*** ./plugins/chapters/chapters.js ***!
-  \**************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var video_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! video.js */ "../node_modules/video.js/dist/alt/video.core-exposed.js");
-/* harmony import */ var video_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(video_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _chapters_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./chapters.scss */ "./plugins/chapters/chapters.scss");
-/* harmony import */ var _cloudinary_common__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../cloudinary/common */ "./plugins/cloudinary/common.js");
-
-
-
-
-/**
- * Chapters plugin.
- *
- * @function chapters
- * @param    {Object} [options={}]
- *           An object of options left to the plugin author to define.
- * @param    {Player} player
- *           A Video.js player object.
- */
-const chapters = function chapters(options, player) {
-  player.addClass('vjs-chapters');
-  player.chapters = new ChaptersPlugin(player, options);
-};
-
-/**
- * Chapters
- */
-const ChaptersPlugin = function () {
-  /**
-   * Plugin class constructor, called by videojs on
-   * ready event.
-   *
-   * @function  constructor
-   * @param    {Player} player
-   *           A Video.js player object.
-   *
-   * @param    {Object} [options={}]
-   *           A plain object containing options for the plugin.
-   */
-  function ChaptersPlugin(player, options) {
-    this.player = player;
-    this.options = options;
-    this.player.one('loadedmetadata', this.initializeChapters.bind(this));
-    return this;
-  }
-  ChaptersPlugin.prototype.src = function src(options) {
-    this.resetPlugin();
-    this.options = options;
-    this.player.one('loadedmetadata', this.initializeChapters.bind(this));
-  };
-  ChaptersPlugin.prototype.detach = function detach() {
-    this.resetPlugin();
-  };
-  ChaptersPlugin.prototype.resetPlugin = function resetPlugin() {
-    if (this.chaptersTrack) {
-      this.player.$('.vjs-control-bar-chapter-display').remove();
-      this.player.$('.vjs-chapter-display').remove();
-      this.player.$$('.vjs-chapter-marker').forEach(el => el.remove());
-      this.player.removeRemoteTextTrack(this.chaptersTrack);
-      delete this.chaptersTrack;
-    }
-  };
-  ChaptersPlugin.prototype.getChaptersFileUrlByName = function getChaptersFileUrlByName() {
-    const currentPublicId = this.player.cloudinary.currentPublicId();
-    if (!currentPublicId) {
-      return null;
-    }
-    const fullUrl = (0,_cloudinary_common__WEBPACK_IMPORTED_MODULE_2__.getCloudinaryUrl)(`${currentPublicId}-chapters.vtt`, (0,_cloudinary_common__WEBPACK_IMPORTED_MODULE_2__.extendCloudinaryConfig)(this.player.cloudinary.cloudinaryConfig(), {
-      resource_type: 'raw',
-      version: '1'
-    }));
-    return `${fullUrl}?t=${Date.now()}`;
-  };
-
-  /**
-   * Bootstrap the plugin.
-   */
-  ChaptersPlugin.prototype.initializeChapters = async function initializeChapters() {
-    const chaptersUrl = this.options === true ? this.getChaptersFileUrlByName() : this.options.url;
-    if (chaptersUrl) {
-      // Fetch chapters VTT from URL
-      const chaptersTrack = {
-        kind: 'chapters',
-        src: chaptersUrl,
-        default: true
-      };
-      const textTrack = this.player.addRemoteTextTrack(chaptersTrack);
-      textTrack.addEventListener('load', () => {
-        this.chaptersTrack = textTrack.track;
-        this.setupChaptersDisplays();
-      });
-    } else if (Object.entries(this.options).length) {
-      // Setup chapters from options
-      const textTrack = this.player.addRemoteTextTrack({
-        kind: 'chapters',
-        default: true
-      });
-      const end = this.player.duration();
-      Object.entries(this.options).forEach((entry, index, arr) => {
-        const cue = new VTTCue(parseFloat(entry[0]), parseFloat(arr[index + 1] ? arr[index + 1][0] : end), entry[1]);
-        textTrack.track.addCue(cue);
-      });
-      this.chaptersTrack = textTrack.track;
-      this.setupChaptersDisplays();
-      if (this.player.controlBar.chaptersButton) {
-        this.player.controlBar.chaptersButton.update();
-      }
-    }
-  };
-
-  /**
-   * Setup chapter displays.
-   */
-  ChaptersPlugin.prototype.setupChaptersDisplays = function initializeChapters() {
-    this.setupProgressBarMarkers();
-    this.setupProgressBarChapter();
-    this.setupControlBarChapter();
-  };
-
-  /**
-   * Setup the controlbar chapter display.
-   */
-  ChaptersPlugin.prototype.setupControlBarChapter = function setupControlBarChapter() {
-    const controlBarChapterHolder = this.player.$('.vjs-control-bar-chapter-display') || document.createElement('div');
-    controlBarChapterHolder.setAttribute('class', 'vjs-control-bar-chapter-display');
-    const wrapper = this.player.$('.vjs-control-bar .vjs-spacer');
-    wrapper.innerHTML = '';
-    wrapper.classList.add('vjs-control-bar-chapter-wrapper');
-    wrapper.appendChild(controlBarChapterHolder);
-    this.chaptersTrack.addEventListener('cuechange', () => {
-      const activeCues = Array.from(this.chaptersTrack.activeCues); // Safari needs Array.from()
-      controlBarChapterHolder.innerText = activeCues.length > 0 ? activeCues[0].text : '';
-    });
-  };
-
-  /**
-   * Setup the progress bar markers.
-   */
-  ChaptersPlugin.prototype.setupProgressBarMarkers = function setupProgressBarMarkers() {
-    const total = this.player.duration();
-    const {
-      seekBar
-    } = this.player.controlBar.progressControl;
-    Array.from(this.chaptersTrack.cues).forEach(marker => {
-      // Safari needs Array.from()
-      if (marker.startTime !== 0) {
-        const markerTime = marker.startTime;
-        const left = markerTime / total * 100 + '%';
-        const markerEl = video_js__WEBPACK_IMPORTED_MODULE_0___default().dom.createEl('div', undefined, {
-          class: 'vjs-chapter-marker',
-          style: `left: ${left}`
-        });
-        seekBar.el().append(markerEl);
-      }
-    });
-  };
-
-  /**
-   * Setup the progrees bar on-hover chapter display.
-   */
-  ChaptersPlugin.prototype.setupProgressBarChapter = function setupProgressBarChapter() {
-    const chapterEl = video_js__WEBPACK_IMPORTED_MODULE_0___default().dom.createEl('div', undefined, {
-      class: 'vjs-chapter-display',
-      style: `max-width: ${this.player.$('.vjs-vtt-thumbnail-display') ? this.player.$('.vjs-vtt-thumbnail-display').style.width : '160px'}`
-    });
-    const mouseTimeDisplay = this.player.getDescendant(['controlBar', 'progressControl', 'seekBar', 'mouseTimeDisplay']);
-    const timeTooltip = mouseTimeDisplay.getDescendant(['timeTooltip']);
-    timeTooltip.el().parentElement.prepend(chapterEl);
-    const getChapterFromPoint = point => {
-      const total = this.player.duration();
-      const seekBarTime = point * total;
-      const chapter = Array.from(this.chaptersTrack?.cues || []).find(marker => {
-        return seekBarTime >= marker.startTime && seekBarTime <= marker.endTime;
-      });
-      return chapter ? chapter.text : '';
-    };
-    timeTooltip.update = function (seekBarRect, seekBarPoint, content) {
-      const originalUpdateFn = Object.getPrototypeOf(this).update;
-      originalUpdateFn.call(this, seekBarRect, seekBarPoint, content);
-      chapterEl.innerText = getChapterFromPoint(seekBarPoint);
-    };
-
-    // Handle case of no seek-thumbnails
-    if (typeof this.player.vttThumbnails !== 'object') {
-      mouseTimeDisplay.update = function (seekBarRect, seekBarPoint) {
-        const time = seekBarPoint * this.player_.duration();
-        const width = seekBarRect.width;
-        const size = chapterEl.clientWidth / 2;
-        timeTooltip.updateTime(seekBarRect, seekBarPoint, time, () => {
-          // Make sure it doesn't exit the player
-          if (seekBarRect.width * seekBarPoint < size) {
-            this.el_.style.left = `${size}px`;
-          } else if (seekBarRect.width * seekBarPoint + size > width) {
-            this.el_.style.left = `${seekBarRect.width - size}px`;
-          } else {
-            this.el_.style.left = `${seekBarRect.width * seekBarPoint}px`;
-          }
-        });
-        timeTooltip.write(video_js__WEBPACK_IMPORTED_MODULE_0___default().time.formatTime(time));
-      };
-    }
-  };
-  return ChaptersPlugin;
-}();
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (chapters);
-
-/***/ }),
-
-/***/ "./plugins/chapters/chapters.scss":
-/*!****************************************!*\
-  !*** ./plugins/chapters/chapters.scss ***!
-  \****************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-// extracted by mini-css-extract-plugin
-
-
-/***/ })
-
-}]);
-//# sourceMappingURL=chapters.light.js.map

package/dist/chapters.light.min.js

@@ -1,2 +0,0 @@
-"use strict";(self.cloudinaryVideoPlayerChunkLoading=self.cloudinaryVideoPlayerChunkLoading||[]).push([[625],{9234:(t,e,r)=>{r.d(e,{default:()=>n});var s=r(6673),a=r.n(s),i=r(9388);const o=function(){function t(t,e){return this.player=t,this.options=e,this.player.one("loadedmetadata",this.initializeChapters.bind(this)),this}return t.prototype.src=function(t){this.resetPlugin(),this.options=t,this.player.one("loadedmetadata",this.initializeChapters.bind(this))},t.prototype.detach=function(){this.resetPlugin()},t.prototype.resetPlugin=function(){this.chaptersTrack&&(this.player.$(".vjs-control-bar-chapter-display").remove(),this.player.$(".vjs-chapter-display").remove(),this.player.$$(".vjs-chapter-marker").forEach((t=>t.remove())),this.player.removeRemoteTextTrack(this.chaptersTrack),delete this.chaptersTrack)},t.prototype.getChaptersFileUrlByName=function(){const t=this.player.cloudinary.currentPublicId();if(!t)return null;return`${(0,i.KA)(`${t}-chapters.vtt`,(0,i.lP)(this.player.cloudinary.cloudinaryConfig(),{resource_type:"raw",version:"1"}))}?t=${Date.now()}`},t.prototype.initializeChapters=async function(){const t=!0===this.options?this.getChaptersFileUrlByName():this.options.url;if(t){const e={kind:"chapters",src:t,default:!0},r=this.player.addRemoteTextTrack(e);r.addEventListener("load",(()=>{this.chaptersTrack=r.track,this.setupChaptersDisplays()}))}else if(Object.entries(this.options).length){const t=this.player.addRemoteTextTrack({kind:"chapters",default:!0}),e=this.player.duration();Object.entries(this.options).forEach(((r,s,a)=>{const i=new VTTCue(parseFloat(r[0]),parseFloat(a[s+1]?a[s+1][0]:e),r[1]);t.track.addCue(i)})),this.chaptersTrack=t.track,this.setupChaptersDisplays(),this.player.controlBar.chaptersButton&&this.player.controlBar.chaptersButton.update()}},t.prototype.setupChaptersDisplays=function(){this.setupProgressBarMarkers(),this.setupProgressBarChapter(),this.setupControlBarChapter()},t.prototype.setupControlBarChapter=function(){const t=this.player.$(".vjs-control-bar-chapter-display")||document.createElement("div");t.setAttribute("class","vjs-control-bar-chapter-display");const e=this.player.$(".vjs-control-bar .vjs-spacer");e.innerHTML="",e.classList.add("vjs-control-bar-chapter-wrapper"),e.appendChild(t),this.chaptersTrack.addEventListener("cuechange",(()=>{const e=Array.from(this.chaptersTrack.activeCues);t.innerText=e.length>0?e[0].text:""}))},t.prototype.setupProgressBarMarkers=function(){const t=this.player.duration(),{seekBar:e}=this.player.controlBar.progressControl;Array.from(this.chaptersTrack.cues).forEach((r=>{if(0!==r.startTime){const s=r.startTime/t*100+"%",i=a().dom.createEl("div",void 0,{class:"vjs-chapter-marker",style:`left: ${s}`});e.el().append(i)}}))},t.prototype.setupProgressBarChapter=function(){const t=a().dom.createEl("div",void 0,{class:"vjs-chapter-display",style:`max-width: ${this.player.$(".vjs-vtt-thumbnail-display")?this.player.$(".vjs-vtt-thumbnail-display").style.width:"160px"}`}),e=this.player.getDescendant(["controlBar","progressControl","seekBar","mouseTimeDisplay"]),r=e.getDescendant(["timeTooltip"]);r.el().parentElement.prepend(t);const s=t=>{const e=t*this.player.duration(),r=Array.from(this.chaptersTrack?.cues||[]).find((t=>e>=t.startTime&&e<=t.endTime));return r?r.text:""};r.update=function(e,r,a){Object.getPrototypeOf(this).update.call(this,e,r,a),t.innerText=s(r)},"object"!=typeof this.player.vttThumbnails&&(e.update=function(e,s){const i=s*this.player_.duration(),o=e.width,n=t.clientWidth/2;r.updateTime(e,s,i,(()=>{e.width*s<n?this.el_.style.left=`${n}px`:e.width*s+n>o?this.el_.style.left=e.width-n+"px":this.el_.style.left=e.width*s+"px"})),r.write(a().time.formatTime(i))})},t}(),n=function(t,e){e.addClass("vjs-chapters"),e.chapters=new o(e,t)}}}]);
-//# sourceMappingURL=chapters.light.min.js.map