@eluvio/elv-player-js 2.1.26 → 2.1.29

package/dist/{index-znYnmQZ9.mjs → index-BrEf07aq.mjs}

@@ -21656,17 +21656,17 @@ class Iq {
     }, this.ready = !0, this.playoutUrl && this.onReady && this.onReady();
   }
   async SetMedia({ playoutOptions: e, playoutParameters: t }) {
-    let a = ((e || {}).dash || {}).playoutMethods || {}, s = a.clear;
+    let a = ((e || {}).dash || {}).playoutMethods || {}, s = a.clear || a.widevine;
     if (!s)
       try {
         e = await (await this.player.__Client()).PlayoutOptions({
           ...t,
           offering: "default_dash"
-        }), a = ((e || {}).dash || {}).playoutMethods || {}, s = a.clear || {};
+        }), a = ((e || {}).dash || {}).playoutMethods || {}, s = a.clear || a.widevine || {};
       } catch {
         this.player.Log("Unable to find dash playout options for chromecast");
       }
-    this.playoutUrl = (s || {}).playoutUrl, this.playoutUrl && this.ready && this.onReady && this.onReady();
+    this.playoutUrl = (s || {}).playoutUrl, console.log("Chromecast Playout URL: ", this.playoutUrl), this.playoutUrl && this.ready && this.onReady && this.onReady();
   }
   async Start() {
     this.player && this.player.__SetCasting(!0);
@@ -50039,7 +50039,7 @@ function VP() {
     ElvCrypto: async () => {
       try {
         if (!a.elvCrypto) {
-          const s = (await import("./index-DIMPV66P.mjs")).default;
+          const s = (await import("./index-D31_YQxo.mjs")).default;
           a.elvCrypto = await new s().init();
         }
         return a.elvCrypto;
@@ -66073,12 +66073,12 @@ class pee {
           active: this.player.hlsPlayer.autoLevelEnabled
         });
       }
-    } else this.player.dashPlayer && (e = this.player.dashPlayer.getBitrateInfoListFor("video").map((t) => ({
-      index: t.qualityIndex,
-      active: t.qualityIndex === this.player.dashPlayer.getQualityFor("video"),
+    } else this.player.dashPlayer && (e = this.player.dashPlayer.getRepresentationsByType("video").map((t) => ({
+      index: t.index,
+      active: t.index === this.player.dashPlayer.getCurrentRepresentationForType("video").index,
       resolution: `${t.width}x${t.height}`,
-      bitrate: t.bitrate,
-      label: `${t.width}x${t.height} (${(t.bitrate / 1e3 / 1e3).toFixed(1)}Mbps)`,
+      bitrate: t.bitrateInKbit * 1e3,
+      label: `${t.width}x${t.height} (${(t.bitrateInKbit / 1e3).toFixed(1)}Mbps)`,
       activeLabel: `${t.width}x${t.height}`
     })).sort((t, a) => t.bitrate < a.bitrate ? 1 : -1));
     return {
@@ -66094,7 +66094,7 @@ class pee {
    * @param levelIndex - The index of the quality level to set
    */
   SetQualityLevel(e) {
-    this.player.hlsPlayer ? (this.player.hlsPlayer.nextLevel = e, this.player.hlsPlayer.streamController.immediateLevelSwitch()) : this.player.dashPlayer && (this.player.dashPlayer.setQualityFor("video", e), this.player.dashPlayer.updateSettings({
+    this.player.hlsPlayer ? (this.player.hlsPlayer.nextLevel = e, this.player.hlsPlayer.streamController.immediateLevelSwitch()) : this.player.dashPlayer && (this.player.dashPlayer.setRepresentationForTypeByIndex("video", e), this.player.dashPlayer.updateSettings({
       streaming: {
         trackSwitchMode: "alwaysReplace",
         buffer: {
@@ -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-PhARu_hv.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,8 +67429,8 @@ class Kw {
     }
   }
   async __InitializeDash({ playoutUrl: e, authorizationToken: t, drm: a, drms: s }) {
-    this.Dash = (await import("./dash.all.min-CyrHsR08.mjs").then((c) => c.d)).default;
-    const u = this.Dash.MediaPlayer().create(), o = this.playerOptions.dashjsOptions || {};
+    this.Dash = (await import("./dash.all.min-yDykE22p.mjs")).MediaPlayer;
+    const u = this.Dash().create(), o = this.playerOptions.dashjsOptions || {};
     if (u.updateSettings({
       ...o,
       streaming: {
@@ -67454,11 +67457,8 @@ class Kw {
           maxBitrate: { video: this.playerOptions.maxBitrate / 1e3 }
         }
       }
-    }), e.searchParams.delete("authorization"), u.extend("RequestModifier", function() {
-      return {
-        modifyRequestHeader: (c) => (c.setRequestHeader("Authorization", `Bearer ${t}`), c),
-        modifyRequestURL: (c) => c
-      };
+    }), e.searchParams.delete("authorization"), u.addRequestInterceptor(function(c) {
+      return c.headers.Authorization = `Bearer ${t}`, c;
     }), a === $t.drms.WIDEVINE) {
       const c = s.widevine.licenseServers[0];
       u.setProtectionData({
@@ -67472,15 +67472,15 @@ class Kw {
       e.toString(),
       this.playerOptions.autoplay === $t.autoplay.ON
     ), [
-      this.Dash.MediaPlayer.events.TRACK_CHANGE_RENDERED,
-      this.Dash.MediaPlayer.events.QUALITY_CHANGE_RENDERED,
-      this.Dash.MediaPlayer.events.REPRESENTATION_SWITCH,
-      this.Dash.MediaPlayer.events.TEXT_TRACKS_ADDED,
-      this.Dash.MediaPlayer.events.TEXT_TRACK_ADDED,
-      this.Dash.MediaPlayer.events.MANIFEST_LOADED,
-      this.Dash.MediaPlayer.events.CAN_PLAY
+      this.Dash.events.TRACK_CHANGE_RENDERED,
+      this.Dash.events.QUALITY_CHANGE_RENDERED,
+      this.Dash.events.REPRESENTATION_SWITCH,
+      this.Dash.events.TEXT_TRACKS_ADDED,
+      this.Dash.events.TEXT_TRACK_ADDED,
+      this.Dash.events.MANIFEST_LOADED,
+      this.Dash.events.CAN_PLAY
     ].map((c) => u.on(c, () => this.__SettingsUpdate())), typeof this.sourceOptions.playoutParameters.audioTrackLabel < "u" && u.on(
-      this.Dash.MediaPlayer.events.CAN_PLAY,
+      this.Dash.events.CAN_PLAY,
       () => {
         const c = (this.controls.GetAudioTracks().options || []).find((p) => p.label === this.sourceOptions.playoutParameters.audioTrackLabel);
         c && this.controls.SetAudioTrack(c.index);
@@ -69152,7 +69152,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: [
@@ -69775,7 +69775,7 @@ const hne = ({
         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 = () => {

package/dist/{index-DIMPV66P.mjs → index-D31_YQxo.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-znYnmQZ9.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-BrEf07aq.mjs";
 class BA {
   constructor(B) {
     this.wasm = B;