@eluvio/elv-player-js 2.1.25 → 2.1.28

package/dist/{index-De5RSRMm.mjs → index-6QSSUbYO.mjs}

@@ -50039,7 +50039,7 @@ function VP() {
     ElvCrypto: async () => {
       try {
         if (!a.elvCrypto) {
-          const s = (await import("./index-bl4NgMQP.mjs")).default;
+          const s = (await import("./index-7ELuCGgQ.mjs")).default;
           a.elvCrypto = await new s().init();
         }
         return a.elvCrypto;
@@ -67058,8 +67058,8 @@ class Kw {
   async __PlayoutOptions() {
     const e = await this.__Client(), t = this.sourceOptions.playoutParameters || {};
     if (this.collectionInfo) {
-      const M = this.collectionInfo.content[this.collectionInfo.mediaIndex];
-      t.objectId = e.utils.DecodeVersionHash(M.mediaHash).objectId, t.versionHash = M.mediaHash, this.sourceOptions.playoutOptions = void 0;
+      const R = this.collectionInfo.content[this.collectionInfo.mediaIndex];
+      t.objectId = e.utils.DecodeVersionHash(R.mediaHash).objectId, t.versionHash = R.mediaHash, this.sourceOptions.playoutOptions = void 0;
     }
     let a, s, u = {
       ignore_trimming: t.ignoreTrimming,
@@ -67069,7 +67069,7 @@ class Kw {
       clip_end: (t.options || {}).clip_end || t.clipEnd
     }, o, c;
     if ((u.clip_start || u.clip_end) && (o = parseFloat(u.clip_start || 0), c = parseFloat(u.clip_end || 0), delete u.clip_start, delete u.clip_end), !t.channel) {
-      let M = await e.AvailableOfferings({
+      let R = await e.AvailableOfferings({
         objectId: t.objectId,
         versionHash: t.versionHash,
         writeToken: t.writeToken,
@@ -67078,53 +67078,53 @@ class Kw {
         resolveIncludeSource: !0,
         authorizationToken: t.authorizationToken
       }) || {};
-      if (a = M.default ? "default" : Object.keys(M)[0], t.offering ? a = M[t.offering] ? t.offering : void 0 : (t.offerings || []).length > 0 ? a = t.offerings.find((O) => M[O]) : t.offerings && t.offerings.length > 0 && (a = t.offerings.find((O) => M[O])), !a)
+      if (a = R.default ? "default" : Object.keys(R)[0], t.offering ? a = R[t.offering] ? t.offering : void 0 : (t.offerings || []).length > 0 ? a = t.offerings.find((W) => R[W]) : t.offerings && t.offerings.length > 0 && (a = t.offerings.find((W) => R[W])), !a)
         throw new Error(`Unable to find offering from '${t.offering || t.offerings}'`);
-      const R = M[a] && M[a].properties || {};
-      s = M[a].uri, this.sourceOptions.contentInfo.liveDVR === $t.liveDVR.ON && R.dvr_available ? (u.dvr = 1, this.dvrAvailable = !0) : this.dvrAvailable = !1, this.isLive = R.live;
+      const O = R[a] && R[a].properties || {};
+      s = R[a].uri, this.sourceOptions.contentInfo.liveDVR === $t.liveDVR.ON && O.dvr_available ? (u.dvr = 1, this.dvrAvailable = !0) : this.dvrAvailable = !1, this.isLive = O.live;
     }
-    const p = async (M) => t.directLink ? await e.PlayoutOptions({
+    const p = async (R) => t.directLink ? await e.PlayoutOptions({
       offeringURI: s,
-      options: M
+      options: R
     }) : await e.PlayoutOptions({
       ...t,
       handler: t.channel ? "channel" : "playout",
       offering: t.channel || a,
-      options: M
+      options: R
     });
     if (!this.sourceOptions.playoutOptions) {
-      let M;
+      let R;
       if (!o && !c)
-        M = await p(u);
+        R = await p(u);
       else if (!t.clipRelativeToUntrimmed)
-        M = await p({
+        R = await p({
           ...u,
           clip_start: o,
           clip_end: c
         });
       else {
-        M = await p(u);
-        let R;
+        R = await p(u);
+        let O;
         try {
-          for (const O of Object.keys(M || {})) {
-            for (const W of Object.keys(M[O].playoutMethods || {}))
-              if (typeof (M[O].playoutMethods[W].properties || {}).start_offset_float < "u") {
-                R = parseFloat(M[O].playoutMethods[W].properties.start_offset_float);
+          for (const W of Object.keys(R || {})) {
+            for (const Z of Object.keys(R[W].playoutMethods || {}))
+              if (typeof (R[W].playoutMethods[Z].properties || {}).start_offset_float < "u") {
+                O = parseFloat(R[W].playoutMethods[Z].properties.start_offset_float);
                 break;
               }
-            if (typeof R < "u")
+            if (typeof O < "u")
               break;
           }
-        } catch (O) {
-          this.Log("Failed to load content offset for clip adjustment:"), this.Log(O, !0);
+        } catch (W) {
+          this.Log("Failed to load content offset for clip adjustment:"), this.Log(W, !0);
         }
-        M = await p({
+        R = await p({
           ...u,
-          clip_start: (o || 0) - (R || 0),
-          clip_end: (c || 0) - (R || 0) || 9999999
+          clip_start: (o || 0) - (O || 0),
+          clip_end: (c || 0) - (O || 0) || 9999999
         });
       }
-      this.sourceOptions.playoutOptions = M;
+      this.sourceOptions.playoutOptions = R;
     }
     t.directLink ? this.sourceOptions.playoutOptions || (this.sourceOptions.playoutOptions = await e.PlayoutOptions({
       offeringURI: s,
@@ -67135,14 +67135,14 @@ class Kw {
       offering: t.channel || a,
       options: u
     }));
-    let d = (await e.AvailableDRMs()).filter((M) => (this.sourceOptions.drms || []).includes(M)), y = this.sourceOptions.protocols, m, v;
+    let d = (await e.AvailableDRMs()).filter((R) => (this.sourceOptions.drms || []).includes(R)), y = this.sourceOptions.protocols, m, v;
     for (; !(m && v); ) {
-      m = y.find((R) => this.sourceOptions.playoutOptions[R]);
-      const M = Object.keys(this.sourceOptions.playoutOptions[m].playoutMethods);
-      if (v = (this.sourceOptions.drms || []).length === 0 ? M.find((R) => R !== "clear") || M[0] : this.sourceOptions.drms.sort().reverse().find((R) => d.includes(R) && this.sourceOptions.playoutOptions[m].playoutMethods[R]), !v && (y = y.filter((R) => R !== m), y.length === 0))
+      m = y.find((O) => this.sourceOptions.playoutOptions[O]);
+      const R = Object.keys(this.sourceOptions.playoutOptions[m].playoutMethods);
+      if (v = (this.sourceOptions.drms || []).length === 0 ? R.find((O) => O !== "clear") || R[0] : this.sourceOptions.drms.sort().reverse().find((O) => d.includes(O) && this.sourceOptions.playoutOptions[m].playoutMethods[O]), !v && (y = y.filter((O) => O !== m), y.length === 0))
         throw Error("No valid protocol / DRM combination available");
     }
-    const { playoutUrl: b, drms: x, thumbnailTrack: E, properties: C } = this.sourceOptions.playoutOptions[m].playoutMethods[v], T = b.split("/").find((M) => M.startsWith("hq__")), k = (C || {}).start_offset_float || 0;
+    const { playoutUrl: b, drms: x, thumbnailTrack: E, properties: C } = this.sourceOptions.playoutOptions[m].playoutMethods[v], T = b.split("/").find((R) => R.startsWith("hq__")), k = (C || {}).start_offset_float || 0, M = (o || 0) + (k || 0);
     return {
       playoutParameters: {
         ...t,
@@ -67162,6 +67162,7 @@ class Kw {
       clipStart: u.clip_start,
       clipEnd: u.clip_end,
       trimOffset: k,
+      thumbnailOffset: M,
       sessionId: this.sourceOptions.playoutOptions.sessionId,
       multiviewOptions: {
         enabled: this.sourceOptions.playoutOptions.multiview,
@@ -67231,8 +67232,8 @@ class Kw {
           onUpdate: () => {
             this.__SettingsUpdate();
           }
-        })), this.__RegisterVideoEventListener("webkitplaybacktargetavailabilitychanged", (M) => {
-          this.airplayAvailable = M.availability === "available", this.__SettingsUpdate();
+        })), this.__RegisterVideoEventListener("webkitplaybacktargetavailabilitychanged", (R) => {
+          this.airplayAvailable = R.availability === "available", this.__SettingsUpdate();
         });
         const a = this.__RegisterVideoEventListener("timeupdate", () => {
           this.reloads = 0, this.playbackStarted = !0, this.__SettingsUpdate(), a();
@@ -67242,8 +67243,8 @@ class Kw {
         }), this.__RegisterVideoEventListener("seeking", () => {
           if (!this.isLive || !this.dvrAvailable)
             return;
-          const M = this.video.duration - this.video.currentTime;
-          this.behindLiveEdge = M > 15, this.__SettingsUpdate();
+          const R = this.video.duration - this.video.currentTime;
+          this.behindLiveEdge = R > 15, this.__SettingsUpdate();
         }), await this.__LoadCollection(), this.collectionInfo && this.collectionInfo.isPlaylist && this.collectionInfo.mediaIndex < this.collectionInfo.mediaLength - 1 && this.__RegisterVideoEventListener("ended", () => this.controls && this.controls.CollectionPlayNext({ autoplay: !0 }));
         let {
           objectId: s,
@@ -67256,42 +67257,44 @@ class Kw {
           multiviewOptions: m,
           playoutParameters: v,
           trimOffset: b,
-          offering: x,
-          compositionKey: E,
-          clipStart: C,
-          clipEnd: T
+          thumbnailOffset: x,
+          offering: E,
+          compositionKey: C,
+          clipStart: T,
+          clipEnd: k
         } = await this.__PlayoutOptions();
         this.playoutInfo = {
           objectId: s,
           versionHash: u,
-          offering: x,
-          compositionKey: E,
+          offering: E,
+          compositionKey: C,
           trimOffset: b,
-          clipStart: C,
-          clipEnd: T
+          thumbnailOffset: x,
+          clipStart: T,
+          clipEnd: k
         }, this.contentHash = u, o = new URL(o);
-        const k = this.sourceOptions.playoutParameters.authorizationToken || o.searchParams.get("authorization");
-        if (this.authorizationToken = k, this.playoutUrl = o.toString(), this.thumbnailTrackUrl = c, this.castHandler && this.castHandler.SetMedia({
+        const M = this.sourceOptions.playoutParameters.authorizationToken || o.searchParams.get("authorization");
+        if (this.authorizationToken = M, this.playoutUrl = o.toString(), this.thumbnailTrackUrl = c, this.castHandler && this.castHandler.SetMedia({
           playoutOptions: this.sourceOptions.playoutOptions,
           playoutParameters: v
         }), this.__destroyed)
           return;
-        p === "hls" ? await this.__InitializeHLS({ playoutUrl: o, authorizationToken: k, drm: d, drms: y, multiviewOptions: m }) : await this.__InitializeDash({ playoutUrl: o, authorizationToken: k, drm: d, drms: y, multiviewOptions: m }), this.playerOptions.collectVideoAnalytics && import("./Analytics-Cia_WeMD.mjs").then(({ InitializeMuxMonitoring: M }) => M({
+        p === "hls" ? await this.__InitializeHLS({ playoutUrl: o, authorizationToken: M, drm: d, drms: y, multiviewOptions: m }) : await this.__InitializeDash({ playoutUrl: o, authorizationToken: M, drm: d, drms: y, multiviewOptions: m }), this.playerOptions.collectVideoAnalytics && import("./Analytics-Cia_WeMD.mjs").then(({ InitializeMuxMonitoring: R }) => R({
           appName: this.playerOptions.appName || "elv-player-js",
           elvPlayer: this,
           playoutUrl: o,
-          authorizationToken: k,
+          authorizationToken: M,
           disableCookies: this.playerOptions.collectVideoAnalytics === $t.collectVideoAnalytics.DISABLE_COOKIES
         })), this.playerOptions.verifyContent && setTimeout(() => {
           this.__VerifyContent();
-        }, 1e3), this.playerOptions.loadChapters && this.__LoadChapters({ ...this.playoutInfo || {} }).then((M) => this.__chapterTags = M).catch((M) => this.Log(M, !0)), this.playerOptions.playerCallback && this.playerOptions.playerCallback({
+        }, 1e3), this.playerOptions.loadChapters && this.__LoadChapters({ ...this.playoutInfo || {} }).then((R) => this.__chapterTags = R).catch((R) => this.Log(R, !0)), this.playerOptions.playerCallback && this.playerOptions.playerCallback({
           player: this,
           videoElement: this.video,
           hlsPlayer: this.hlsPlayer,
           dashPlayer: this.dashPlayer
         }), this.__destroyed && this.__DestroyPlayer(), this.initialized = !0, this.restartParameters = void 0, this.thumbnailTrackUrl && (this.thumbnailHandler = new Cee(
           this.thumbnailTrackUrl,
-          b || 0
+          x || b || 0
         ), this.thumbnailHandler.LoadThumbnails().then(() => {
           this.thumbnailsLoaded = !0, this.__SettingsUpdate();
         }));
@@ -67426,7 +67429,7 @@ class Kw {
     }
   }
   async __InitializeDash({ playoutUrl: e, authorizationToken: t, drm: a, drms: s }) {
-    this.Dash = (await import("./dash.all.min-DiKkCxTo.mjs").then((c) => c.d)).default;
+    this.Dash = (await import("./dash.all.min-b5eK40ke.mjs").then((c) => c.d)).default;
     const u = this.Dash.MediaPlayer().create(), o = this.playerOptions.dashjsOptions || {};
     if (u.updateSettings({
       ...o,
@@ -69152,7 +69155,7 @@ const pD = ({ player: r, videoState: e, setRecentUserAction: t, className: a = "
               onClick: () => {
                 r.controls.Play(), r.target.firstChild.focus();
               },
-              className: `${Bn["center-play-button"]} ${t && !e && !(r && r.casting) ? "" : Bn["center-play-button--hidden"]}`
+              className: `${Bn["center-play-button"]} ${t && !e && !(r && r.casting) && !(r && r.controls && r.controls.IsPlaying() && !r.casting) ? "" : Bn["center-play-button--hidden"]}`
             }
           ),
           /* @__PURE__ */ Ue.jsxs("div", { className: `${Bn["bottom-controls-container"]} ${x ? Bn["bottom-controls-container--autohide"] : ""}`, children: [
@@ -69768,14 +69771,14 @@ const hne = ({
           parameters: e,
           SetErrorMessage: k,
           Reload: u,
-          UpdateParameters: (fe) => {
-            o(fe);
+          UpdateParameters: (xe) => {
+            o(xe);
           }
         });
         window.__elvPlayer = Oe;
         const Se = Oe.controls.RegisterSettingsListener(
           () => {
-            $(Oe.controls.AllowRotation()), se(Oe.playbackStarted), R(!Oe.loading), _(Oe.__showPlayerProfileForm), N(Oe && Oe.casting);
+            $(Oe.controls.AllowRotation()), se(Oe.playbackStarted || Oe.controls && Oe.controls.IsPlaying()), R(!Oe.loading), _(Oe.__showPlayerProfileForm), N(Oe && Oe.casting);
           }
         );
         Oe.Destroy = () => {
@@ -69793,9 +69796,9 @@ const hne = ({
           setRecentUserAction: V
         }), be = Yee({ player: Oe });
         t(Oe), p(Oe);
-        const me = Oe.controls.RegisterVideoEventListener("canplay", () => he(!0));
+        const me = Oe.controls.RegisterVideoEventListener("canplay", () => he(!0)), fe = Oe.controls.RegisterVideoEventListener("play", () => se(!0));
         return () => {
-          Y && Y.current && Y.current.removeEventListener("play", se), Se && Se(), Te && Te(), oe && oe(), ce && ce(), be && be(), me && me(), Oe && Oe.__DestroyPlayer();
+          Se && Se(), Te && Te(), oe && oe(), ce && ce(), be && be(), me && me(), fe && fe(), Oe && Oe.__DestroyPlayer();
         };
       } catch (Oe) {
         a(Oe), s();

package/dist/{index-bl4NgMQP.mjs → index-7ELuCGgQ.mjs}

@@ -1,4 +1,4 @@
-import { c as DI, r as tI, a as TA, b as rI, d as oA, e as uA, f as PA, g as cI } from "./index-De5RSRMm.mjs";
+import { c as DI, r as tI, a as TA, b as rI, d as oA, e as uA, f as PA, g as cI } from "./index-6QSSUbYO.mjs";
 class BA {
   constructor(B) {
     this.wasm = B;