前端显示生成成功，但是点击试听时报错没有resouce

[dthcle]

帮我排查，我是不是还需要在python服务器中启动一个http服务器用于广播音频？

[dthcle]

@xgopilot 帮我排查这个问题

[xgopilot]

排查音频试听报错问题

我已经找到了问题的根本原因和解决方案！

问题诊断

问题根源：前端无法访问后端文件系统路径

1. 后端音频生成 (/workspace/backend/services/voice/tts_service.py:122)

   • 音频文件保存在：./outputs/tts/{task_id}_{segment_id}.mp3
   • 返回的 audioUrl 是完整的文件系统路径，例如：/workspace/outputs/tts/xxx.mp3

2. 前端试听 (/workspace/frontend/src/app/dialogues/[projectId]/page.tsx:244)

   • 使用 new Audio(audioUrl) 直接加载
   • 但浏览器无法访问文件系统路径，只能通过 HTTP URL 访问

3. 已有的静态文件服务 (/workspace/backend/api/main.py:43)

   • ✅ 后端已经配置了静态文件服务：app.mount("/outputs", StaticFiles(...))
   • 这意味着音频文件可以通过 http://localhost:8000/outputs/tts/xxx.mp3 访问

解决方案

你不需要启动额外的 HTTP 服务器！ 后端已经有静态文件服务，只需要修复 audioUrl 的格式。

需要修改的地方

在 /workspace/backend/services/voice/tts_service.py 中，将返回的本地文件路径转换为 HTTP URL：

当前代码（第 131-136 行）：

return TTSSegmentResult(
    id=segment.id,
    audioUrl=str(audio_path),  # ❌ 返回的是文件系统路径
    duration=duration,
    speechMarks=speech_marks
)

应该改为：

# 将本地路径转换为 HTTP URL
audio_filename = f"{task_id}_{segment.id}.mp3"
audio_url = f"http://localhost:8000/outputs/tts/{audio_filename}"

return TTSSegmentResult(
    id=segment.id,
    audioUrl=audio_url,  # ✅ 返回 HTTP URL
    duration=duration,
    speechMarks=speech_marks
)

同样的问题也存在于 /workspace/backend/api/routes/voice.py 第 128 行。

需要我帮你实现这些修改吗？

修改后，前端就能正常试听音频了，不需要启动任何额外的 HTTP 服务器！

[dthcle]

@xgopilot 帮我实现

[xgopilot]

✅ 问题已修复

你不需要启动额外的 HTTP 服务器！

问题根因

后端返回的音频 URL 是文件系统路径（如 /workspace/outputs/tts/xxx.mp3），而浏览器无法访问文件系统路径，只能通过 HTTP URL 访问。

解决方案

后端已经配置了静态文件服务（app.mount("/outputs", StaticFiles(...))），所以我只需要修改代码，让后端返回正确的相对 URL 路径即可。

修改内容

1. backend/services/voice/tts_service.py

   • 修改 generate_segment_audio 方法，返回 /outputs/tts/{filename} 而不是完整文件路径
   • 修改 merge_audio_segments 方法，返回正确的 URL 格式

2. backend/api/routes/voice.py

   • 修改 /tts/merge 接口，返回正确的 URL 格式

测试步骤

1. 重启后端服务（加载新代码）
2. 在前端生成音频
3. 点击试听按钮，现在应该能正常播放音频了

---

已创建 PR: #143