(null);
+
+ // 播放/暂停预览
+ const togglePlayPreview = (audio: RefAudio, e: React.MouseEvent) => {
+ e.stopPropagation();
+
+ if (playingAudioId === audio.id) {
+ // 停止
+ if (audioPlayerRef.current) {
+ audioPlayerRef.current.pause();
+ audioPlayerRef.current.currentTime = 0;
+ }
+ setPlayingAudioId(null);
+ } else {
+ // 播放新的
+ if (audioPlayerRef.current) {
+ audioPlayerRef.current.pause();
+ }
+ const player = new Audio(audio.path);
+ player.onended = () => setPlayingAudioId(null);
+ player.play().catch(e => alert("播放失败: " + e));
+ audioPlayerRef.current = player;
+ setPlayingAudioId(audio.id);
+ }
+ };
+
+ // 重命名参考音频
+ const startEditing = (audio: RefAudio, e: React.MouseEvent) => {
+ e.stopPropagation();
+ setEditingAudioId(audio.id);
+ // 去掉后缀名进行编辑 (体验更好)
+ const nameWithoutExt = audio.name.substring(0, audio.name.lastIndexOf('.'));
+ setEditName(nameWithoutExt || audio.name);
+ };
+
+ const cancelEditing = (e: React.MouseEvent) => {
+ e.stopPropagation();
+ setEditingAudioId(null);
+ setEditName("");
+ };
+
+ const saveEditing = async (audioId: string, e: React.MouseEvent) => {
+ e.stopPropagation();
+ if (!editName.trim()) return;
+
+ try {
+ await api.put(`/api/ref-audios/${encodeURIComponent(audioId)}`, { new_name: editName });
+ setEditingAudioId(null);
+ fetchRefAudios(); // 刷新列表
+ } catch (err: any) {
+ alert("重命名失败: " + err);
+ }
+ };
+
// AI 生成标题标签
const [isGeneratingMeta, setIsGeneratingMeta] = useState(false);
@@ -139,14 +209,16 @@ export default function Home() {
// 监听任务完成，自动显示视频
useEffect(() => {
if (currentTask?.status === 'completed' && currentTask.download_url) {
- const API_BASE = typeof window === 'undefined'
- ? process.env.NEXT_PUBLIC_API_BASE_URL || 'http://localhost:8006'
- : (process.env.NEXT_PUBLIC_API_BASE_URL || 'http://localhost:8006');
-
- setGeneratedVideo(`${API_BASE}${currentTask.download_url}`);
+ const resolvedUrl = resolveMediaUrl(currentTask.download_url);
+ if (resolvedUrl) {
+ setGeneratedVideo(resolvedUrl);
+ }
+ if (currentTask.task_id) {
+ setSelectedVideoId(`${currentTask.task_id}_output`);
+ }
fetchGeneratedVideos(); // 刷新历史视频列表
}
- }, [currentTask?.status, currentTask?.download_url]);
+ }, [currentTask?.status, currentTask?.download_url, currentTask?.task_id]);
// 从 localStorage 恢复用户输入（等待认证完成后）
useEffect(() => {
@@ -245,12 +317,46 @@ export default function Home() {
const fetchRefAudios = async () => {
try {
const { data } = await api.get('/api/ref-audios');
- setRefAudios(data.items || []);
+ const items: RefAudio[] = data.items || [];
+ // 按时间倒序排序 (最新的在前面)
+ items.sort((a, b) => b.created_at - a.created_at);
+ setRefAudios(items);
} catch (error) {
console.error("获取参考音频失败:", error);
}
};
+ // 自动选择参考音频 (恢复上次选择 或 默认最新的)
+ useEffect(() => {
+ // 只有在数据加载完成且尚未选择时才执行
+ if (refAudios.length > 0 && !selectedRefAudio && isRestored) {
+ const savedId = localStorage.getItem(`vigent_${storageKey}_refAudioId`);
+ let targetAudio = null;
+
+ if (savedId) {
+ targetAudio = refAudios.find(a => a.id === savedId);
+ }
+
+ // 如果没找到保存的，或者没有保存，则默认选第一个(最新的)
+ if (!targetAudio) {
+ targetAudio = refAudios[0];
+ }
+
+ if (targetAudio) {
+ console.log("[Home] Auto selecting ref audio:", targetAudio.name);
+ setSelectedRefAudio(targetAudio);
+ setRefText(targetAudio.ref_text);
+ }
+ }
+ }, [refAudios, isRestored, storageKey]); // 移除 selectedRefAudio 避免循环，但在逻辑中检查 !selectedRefAudio
+
+ // 保存参考音频选择
+ useEffect(() => {
+ if (isRestored && selectedRefAudio) {
+ localStorage.setItem(`vigent_${storageKey}_refAudioId`, selectedRefAudio.id);
+ }
+ }, [selectedRefAudio, storageKey, isRestored]);
+
// 上传参考音频（使用固定参考文字）
const uploadRefAudio = async (file: File) => {
const refTextInput = FIXED_REF_TEXT;
@@ -337,7 +443,10 @@ export default function Home() {
const useRecording = async () => {
if (!recordedBlob) return;
- const file = new File([recordedBlob], 'recording.webm', { type: 'audio/webm' });
+ // 回归：使用固定文件名，依靠后端自动重命名 (recording(1).webm)
+ const filename = 'recording.webm';
+
+ const file = new File([recordedBlob], filename, { type: 'audio/webm' });
await uploadRefAudio(file);
setRecordedBlob(null);
setRecordingTime(0);
@@ -667,7 +776,7 @@ export default function Home() {
onClick={(e) => {
e.stopPropagation();
if (m.path) {
- setPreviewMaterial(`${API_BASE}${m.path}`);
+ setPreviewMaterial(resolveMediaUrl(m.path));
}
}}
className="absolute top-2 right-10 p-1 text-gray-500 hover:text-white opacity-0 group-hover:opacity-100 transition-opacity"
@@ -880,21 +989,63 @@ export default function Home() {
: "border-white/10 bg-white/5 hover:border-white/30"
}`}
onClick={() => {
- setSelectedRefAudio(audio);
- setRefText(audio.ref_text);
+ if (editingAudioId !== audio.id) {
+ setSelectedRefAudio(audio);
+ setRefText(audio.ref_text);
+ }
}}
>
- {audio.name}
- {audio.duration_sec.toFixed(1)}s
-
+ {/* 正常显示模式 vs 编辑模式 */}
+ {editingAudioId === audio.id ? (
+ e.stopPropagation()}>
+ setEditName(e.target.value)}
+ className="w-full bg-black/50 text-white text-xs px-1 py-0.5 rounded border border-purple-500 focus:outline-none"
+ autoFocus
+ onKeyDown={e => {
+ if (e.key === 'Enter') saveEditing(audio.id, e as any);
+ if (e.key === 'Escape') cancelEditing(e as any);
+ }}
+ />
+
+
+
+ ) : (
+ <>
+
+
{audio.name}
+
+
+
+
+
+
{audio.duration_sec.toFixed(1)}s
+
+ )}
))}
@@ -1088,7 +1239,7 @@ export default function Home() {