feat: use audio path for episode player and tts file name

frontend/src/components/EpisodePlayer.tsx

@@ -36,7 +36,7 @@ export default function EpisodePlayer() {
 
   const handlePlay = (episode: Episode) => {
     setSelectedEpisode(episode);
-    setAudioUrl(`/podcast_audio/${episode.id}.mp3`);
+    setAudioUrl(`/podcast_audio/${episode.audioPath}`);
   };
 
   if (loading) return <div>読み込み中...</div>;
@@ -68,11 +68,7 @@ export default function EpisodePlayer() {
             再生中: {selectedEpisode.title}
           </h4>
           {audioUrl ? (
-            <audio
+            <audio src={audioUrl} controls className="w-full" />
-              src={audioUrl}
-              controls
-              className="w-full"
-            />
           ) : (
             <div>音声ファイルを読み込み中...</div>
           )}

services/podcast.ts

@@ -44,7 +44,7 @@ export async function updatePodcastRSS() {
   }
 
   const outputPath = join(__dirname, "../public/podcast.xml");
-  
+
   // 既存のRSSファイルの読み込み
   let existingXml = "";
   try {
@@ -56,26 +56,28 @@ export async function updatePodcastRSS() {
 
   if (existingXml) {
     // 既存のitem部分を抽出
-    const existingItemsMatch = existingXml.match(/<channel>([\s\S]*?)<\/channel>/);
+    const existingItemsMatch = existingXml.match(
+      /<channel>([\s\S]*?)<\/channel>/,
+    );
     if (existingItemsMatch) {
       const existingItems = existingItemsMatch[1];
-      const newItemStartIndex = existingItems.lastIndexOf("<item>");
+      const newItemStartIndex = existingItems!.lastIndexOf("<item>");
-      
+
       // 新しいitemを追加
       const updatedItems = existingItems + itemsXml;
-      
+
       // lastBuildDateを更新
       const updatedXml = existingXml.replace(
         /<lastBuildDate>.*?<\/lastBuildDate>/,
-        `<lastBuildDate>${lastBuildDate}</lastBuildDate>`
+        `<lastBuildDate>${lastBuildDate}</lastBuildDate>`,
       );
-      
+
       // items部分を置き換え
       const finalXml = updatedXml.replace(
         /<channel>[\s\S]*?<\/channel>/,
-        `<channel>${updatedItems}</channel>`
+        `<channel>${updatedItems}</channel>`,
       );
-      
+
       // ファイルに書き込み
       await fs.writeFile(outputPath, finalXml.trim());
     } else {
@@ -106,7 +108,7 @@ export async function updatePodcastRSS() {
       </channel>
     </rss>
     `;
-    
+
     // Ensure directory exists
     await fs.mkdir(dirname(outputPath), { recursive: true });
     await fs.writeFile(outputPath, rssXml.trim());

services/tts.ts

@@ -66,5 +66,5 @@ export async function generateTTS(
   fs.writeFileSync(filePath, audioBuffer);
   console.log(`音声ファイル保存完了: ${filePath}`);
 
-  return filePath;
+  return path.basename(filePath);
 }