@gentomiyano/optimized-web-audio-player 0.2.3 → 0.3.0

package/dist/react/index.js

@@ -563,11 +563,14 @@ var BrowserMediaSessionController = class {
       }
       return;
     }
+    const intrinsicContext = item.contentContext;
+    const creatorName = item.creatorName ?? (intrinsicContext?.sourceType === "release-track" ? intrinsicContext.artistName : void 0);
+    const collectionTitle = item.collectionTitle ?? (intrinsicContext?.sourceType === "release-track" ? intrinsicContext.releaseTitle : intrinsicContext?.sourceType === "podcast-episode" ? intrinsicContext.programTitle : void 0);
     const identity = [
       item.id,
       item.title,
-      item.creatorName ?? "",
-      item.collectionTitle ?? "",
+      creatorName ?? "",
+      collectionTitle ?? "",
       item.artwork?.url ?? ""
     ].join("\0");
     if (identity === this.#metadataIdentity || this.#createMetadata === void 0) {
@@ -576,8 +579,8 @@ var BrowserMediaSessionController = class {
     try {
       session.metadata = this.#createMetadata({
         title: item.title,
-        artist: item.creatorName ?? "",
-        album: item.collectionTitle ?? "",
+        artist: creatorName ?? "",
+        album: collectionTitle ?? "",
         artwork: item.artwork === void 0 ? [] : [{ src: item.artwork.url }]
       });
       this.#metadataIdentity = identity;
@@ -1108,6 +1111,7 @@ var CorePlayerStore = class {
   #handlingEnded = false;
   #destroyed = false;
   #lastSavedPodcastPositions = /* @__PURE__ */ new Map();
+  #pendingSeekRetrySec = null;
   #progressSaveChain = Promise.resolve();
   constructor(options) {
     this.#media = options.media;
@@ -1436,6 +1440,7 @@ var CorePlayerStore = class {
       return failed(INVALID_QUEUE_ERROR);
     }
     const config = this.#state.experienceConfig;
+    this.#pendingSeekRetrySec = null;
     const replacingCurrent = this.#state.currentItem !== null;
     let transitionError = null;
     if (replacingCurrent) {
@@ -1662,13 +1667,24 @@ var CorePlayerStore = class {
       curve: fadeCurve
     });
     if (!this.#isCurrentCommand(version)) {
-      return;
+      return OK_RESULT;
     }
     if (fadeOut.error !== null) {
       this.#setState({ error: fadeOut.error });
     }
     this.#setState({ status: "seeking" });
-    this.#media.seekTo(target);
+    try {
+      this.#media.seekTo(target);
+      this.#pendingSeekRetrySec = null;
+    } catch {
+      const error = createPlayerError("seek", true);
+      this.#pendingSeekRetrySec = target;
+      this.#setState({
+        status: this.#media.isPaused() ? "paused" : "playing",
+        error
+      });
+      return failed(error);
+    }
     this.#setState({ currentTimeSec: target });
     const fadeIn = await runFade(this.#gain, {
       target: 1,
@@ -1676,7 +1692,7 @@ var CorePlayerStore = class {
       curve: fadeCurve
     });
     if (!this.#isCurrentCommand(version)) {
-      return;
+      return OK_RESULT;
     }
     if (fadeIn.error !== null) {
       this.#setState({ error: fadeIn.error });
@@ -1684,6 +1700,7 @@ var CorePlayerStore = class {
     this.#setState({
       status: this.#media.isPaused() ? "paused" : "playing"
     });
+    return OK_RESULT;
   }
   #setVolume(volume) {
     if (this.#destroyed) {
@@ -1794,6 +1811,18 @@ var CorePlayerStore = class {
     if (this.#state.currentQueueIndex === null || this.#state.error === null || !this.#state.error.recoverable) {
       return failed(this.#state.error ?? NO_ITEM_ERROR);
     }
+    if (this.#state.error.code === "seek" && this.#pendingSeekRetrySec !== null) {
+      const target = this.#pendingSeekRetrySec;
+      const version2 = this.#beginCommand(this.#desiredPlayback);
+      const config = this.#state.experienceConfig;
+      this.#setState({ error: null });
+      return this.#performSeek(
+        version2,
+        target,
+        config.seekFadeMs,
+        config.fadeCurve
+      );
+    }
     const version = this.#beginCommand("playing");
     this.#setState({ error: null, needsUserGesture: false });
     return this.#selectQueueIndex(
@@ -1807,6 +1836,7 @@ var CorePlayerStore = class {
       return;
     }
     const version = this.#beginCommand("paused");
+    this.#pendingSeekRetrySec = null;
     const config = this.#state.experienceConfig;
     const halted = await this.#halt(version, {
       fadeDurationMs: config.pauseFadeOutMs,
@@ -2891,6 +2921,9 @@ function TrackMetadata({
   scrollTitle = false,
   status
 }) {
+  const intrinsicContext = item?.contentContext;
+  const creatorName = item?.creatorName ?? (intrinsicContext?.sourceType === "release-track" ? intrinsicContext.artistName : void 0);
+  const collectionTitle = item?.collectionTitle ?? (intrinsicContext?.sourceType === "release-track" ? intrinsicContext.releaseTitle : intrinsicContext?.sourceType === "podcast-episode" ? intrinsicContext.programTitle : void 0);
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -2905,8 +2938,8 @@ function TrackMetadata({
           },
           item?.title ?? "No media selected"
         ),
-        /* @__PURE__ */ jsx("span", { className: "player-creator", children: item === null ? "Select media to begin" : item.creatorName ?? "Artist unavailable" }),
-        item?.collectionTitle === void 0 ? null : /* @__PURE__ */ jsx("span", { className: "player-collection", children: item.collectionTitle })
+        /* @__PURE__ */ jsx("span", { className: "player-creator", children: item === null ? "Select media to begin" : creatorName ?? "Artist unavailable" }),
+        collectionTitle === void 0 ? null : /* @__PURE__ */ jsx("span", { className: "player-collection", children: collectionTitle })
       ]
     }
   );