@mottosports/motto-video-player 1.0.1-rc.26 → 1.0.1-rc.27

package/dist/index.js

@@ -1196,55 +1196,6 @@ var useShakePlayer = ({
       if (shakaConfig) {
         player.configure(shakaConfig);
       }
-      let manifestUrl = src.url;
-      const isDRM = Boolean(src.drm);
-      let cert = null;
-      if (isDRM) {
-        const isPlayReady = isPlayReadySupported();
-        const isFairPlay = isAppleDevice();
-        if (isAppleDevice() && src.drm.fairplay?.certificate_url) {
-          const req = await fetch(src.drm.fairplay.certificate_url);
-          cert = await req.arrayBuffer();
-          manifestUrl = src.drm.fairplay.playlist_url;
-        } else if (isPlayReady && src.drm.playready?.license_url) {
-          manifestUrl = src.drm.playready.playlist_url;
-        } else {
-          manifestUrl = src.drm?.widevine?.playlist_url || "";
-        }
-        player.configure({
-          drm: {
-            servers: {
-              "com.widevine.alpha": src.drm.widevine?.license_url,
-              "com.microsoft.playready": src.drm.playready?.license_url,
-              "com.apple.fps": src.drm.fairplay?.license_url
-            },
-            ...cert && {
-              advanced: {
-                "com.apple.fps": {
-                  serverCertificate: new Uint8Array(cert)
-                }
-              }
-            }
-          }
-        });
-        const netEngine = player.getNetworkingEngine();
-        if (netEngine) {
-          netEngine.registerRequestFilter((type, request) => {
-            if (type === import_shaka_player.default.net.NetworkingEngine.RequestType.LICENSE) {
-              request.headers["x-dt-custom-data"] = src.drm.token;
-            }
-          });
-          netEngine.registerResponseFilter((type, response) => {
-            if (type === import_shaka_player.default.net.NetworkingEngine.RequestType.LICENSE) {
-              const ks = player.keySystem && player.keySystem();
-              if (ks === "com.apple.fps") {
-                const responseText = import_shaka_player.default.util.StringUtils.fromUTF8(response.data);
-                response.data = import_shaka_player.default.util.Uint8ArrayUtils.fromBase64(responseText).buffer;
-              }
-            }
-          });
-        }
-      }
       player?.addEventListener("error", (event) => {
         const error = event.detail;
         if (error?.code === 7e3) {
@@ -1253,7 +1204,6 @@ var useShakePlayer = ({
         console.error("Shaka Player Error:", error);
         onError?.(new Error(`Shaka Player Error: ${error.message || "Unknown error"}`));
       });
-      await player.load(manifestUrl);
       onPlayerReady?.(player);
       return player;
     } catch (error) {
@@ -1265,6 +1215,60 @@ var useShakePlayer = ({
       throw error;
     }
   }, [shakaConfig, drmConfig, src, onError, onPlayerReady]);
+  const loadSource = (0, import_react.useCallback)(async () => {
+    const player = playerRef.current;
+    if (!player) return;
+    let manifestUrl = src.url;
+    const isDRM = Boolean(src.drm);
+    let cert = null;
+    if (isDRM) {
+      const isPlayReady = isPlayReadySupported();
+      const isFairPlay = isAppleDevice();
+      if (isFairPlay && src.drm.fairplay?.certificate_url) {
+        const req = await fetch(src.drm.fairplay.certificate_url);
+        cert = await req.arrayBuffer();
+        manifestUrl = src.drm.fairplay.playlist_url;
+      } else if (isPlayReady && src.drm.playready?.license_url) {
+        manifestUrl = src.drm.playready.playlist_url;
+      } else {
+        manifestUrl = src.drm?.widevine?.playlist_url || "";
+      }
+      player.configure({
+        drm: {
+          servers: {
+            "com.widevine.alpha": src.drm.widevine?.license_url,
+            "com.microsoft.playready": src.drm.playready?.license_url,
+            "com.apple.fps": src.drm.fairplay?.license_url
+          },
+          ...cert && {
+            advanced: {
+              "com.apple.fps": {
+                serverCertificate: new Uint8Array(cert)
+              }
+            }
+          }
+        }
+      });
+      const netEngine = player.getNetworkingEngine();
+      if (netEngine) {
+        netEngine.registerRequestFilter((type, request) => {
+          if (type === import_shaka_player.default.net.NetworkingEngine.RequestType.LICENSE) {
+            request.headers["x-dt-custom-data"] = src.drm.token;
+          }
+        });
+        netEngine.registerResponseFilter((type, response) => {
+          if (type === import_shaka_player.default.net.NetworkingEngine.RequestType.LICENSE) {
+            const ks = player.keySystem && player.keySystem();
+            if (ks === "com.apple.fps") {
+              const responseText = import_shaka_player.default.util.StringUtils.fromUTF8(response.data);
+              response.data = import_shaka_player.default.util.Uint8ArrayUtils.fromBase64(responseText).buffer;
+            }
+          }
+        });
+      }
+    }
+    await player.load(manifestUrl);
+  }, [src]);
   const destroyPlayer = (0, import_react.useCallback)(async () => {
     if (playerRef.current) {
       try {
@@ -1279,6 +1283,7 @@ var useShakePlayer = ({
   return {
     playerRef,
     initializePlayer,
+    loadSource,
     destroyPlayer
   };
 };
@@ -1403,7 +1408,7 @@ var import_mux_data_shakaplayer = __toESM(require("@mux/mux-data-shakaplayer"));
 var import_shaka_player2 = __toESM(require("shaka-player/dist/shaka-player.ui"));
 
 // package.json
-var version = "1.0.1-rc.26";
+var version = "1.0.1-rc.27";
 
 // src/hooks/useMuxAnalytics.ts
 var useMuxAnalytics = (playerRef, muxConfig, onMuxReady, onMuxDataUpdate) => {
@@ -3308,7 +3313,7 @@ var Player = (0, import_react12.forwardRef)(
     const containerRef = (0, import_react12.useRef)(null);
     const adContainerRef = (0, import_react12.useRef)(null);
     (0, import_react12.useImperativeHandle)(ref, () => videoRef.current, []);
-    const { playerRef, initializePlayer, destroyPlayer } = useShakePlayer({
+    const { playerRef, initializePlayer, loadSource, destroyPlayer } = useShakePlayer({
       src,
       shakaConfig,
       drmConfig,
@@ -3416,11 +3421,12 @@ var Player = (0, import_react12.forwardRef)(
       const initialize = async () => {
         try {
           await initializePlayer(video);
+          initializeMux();
+          await loadSource();
           setupEventListeners();
           const cleanupQuality = setupQualityTracking();
           configureQuality();
           await initializeUI();
-          initializeMux();
           initializeAds();
           initializeChromecast();
         } catch (error) {