From bcfc53a0982c462665de377396f27964c3470811 Mon Sep 17 00:00:00 2001
From: Satsuki Akiba <anosatsuk124@gmail.com>
Date: Sun, 8 Jun 2025 16:09:14 +0900
Subject: [PATCH] Fix

---
 frontend/src/components/EpisodeDetail.tsx | 4 ++--
 frontend/src/components/EpisodeList.tsx   | 6 +++---
 frontend/src/components/FeedDetail.tsx    | 6 +++---
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/frontend/src/components/EpisodeDetail.tsx b/frontend/src/components/EpisodeDetail.tsx
index d5bb85b..d9400da 100644
--- a/frontend/src/components/EpisodeDetail.tsx
+++ b/frontend/src/components/EpisodeDetail.tsx
@@ -189,7 +189,7 @@ function EpisodeDetail() {
           <audio
             controls
             className="audio-player"
-            src={episode.audioPath}
+            src={episode.audioPath.startsWith('/') ? episode.audioPath : `/podcast_audio/${episode.audioPath}`}
             style={{ width: "100%", height: "60px" }}
           >
             お使いのブラウザは音声の再生に対応していません。
@@ -277,7 +277,7 @@ function EpisodeDetail() {
             <div>
               <strong>音声URL:</strong>
               <a
-                href={episode.audioPath}
+                href={episode.audioPath.startsWith('/') ? episode.audioPath : `/podcast_audio/${episode.audioPath}`}
                 target="_blank"
                 rel="noopener noreferrer"
                 style={{ marginLeft: "5px" }}
diff --git a/frontend/src/components/EpisodeList.tsx b/frontend/src/components/EpisodeList.tsx
index bcc91e8..bfa8ee3 100644
--- a/frontend/src/components/EpisodeList.tsx
+++ b/frontend/src/components/EpisodeList.tsx
@@ -303,7 +303,7 @@ function EpisodeList() {
                   <div style={{ display: "flex", gap: "8px" }}>
                     <button
                       className="btn btn-primary"
-                      onClick={() => playAudio(episode.audioPath)}
+                      onClick={() => playAudio(episode.audioPath.startsWith('/') ? episode.audioPath : `/podcast_audio/${episode.audioPath}`)}
                     >
                       再生
                     </button>
@@ -314,13 +314,13 @@ function EpisodeList() {
                       共有
                     </button>
                   </div>
-                  {currentAudio === episode.audioPath && (
+                  {currentAudio === (episode.audioPath.startsWith('/') ? episode.audioPath : `/podcast_audio/${episode.audioPath}`) && (
                     <div>
                       <audio
                         id={episode.audioPath}
                         controls
                         className="audio-player"
-                        src={episode.audioPath}
+                        src={episode.audioPath.startsWith('/') ? episode.audioPath : `/podcast_audio/${episode.audioPath}`}
                         onEnded={() => setCurrentAudio(null)}
                       />
                     </div>
diff --git a/frontend/src/components/FeedDetail.tsx b/frontend/src/components/FeedDetail.tsx
index 1403b3a..fa49b24 100644
--- a/frontend/src/components/FeedDetail.tsx
+++ b/frontend/src/components/FeedDetail.tsx
@@ -284,7 +284,7 @@ function FeedDetail() {
                     <div style={{ display: "flex", gap: "8px" }}>
                       <button
                         className="btn btn-primary"
-                        onClick={() => playAudio(episode.audioPath)}
+                        onClick={() => playAudio(episode.audioPath.startsWith('/') ? episode.audioPath : `/podcast_audio/${episode.audioPath}`)}
                       >
                         再生
                       </button>
@@ -295,13 +295,13 @@ function FeedDetail() {
                         共有
                       </button>
                     </div>
-                    {currentAudio === episode.audioPath && (
+                    {currentAudio === (episode.audioPath.startsWith('/') ? episode.audioPath : `/podcast_audio/${episode.audioPath}`) && (
                       <div>
                         <audio
                           id={episode.audioPath}
                           controls
                           className="audio-player"
-                          src={episode.audioPath}
+                          src={episode.audioPath.startsWith('/') ? episode.audioPath : `/podcast_audio/${episode.audioPath}`}
                           onEnded={() => setCurrentAudio(null)}
                         />
                       </div>