diff --git a/apps/web/src/pages/editing-planner/components/PreviewPlayer.tsx b/apps/web/src/pages/editing-planner/components/PreviewPlayer.tsx deleted file mode 100644 index b56abe469..000000000 --- a/apps/web/src/pages/editing-planner/components/PreviewPlayer.tsx +++ /dev/null @@ -1,130 +0,0 @@ -/** - * 预览区 — V8 原型 1:1 还原 - * 手机模型预览 - */ -import React from "react" -import type { ClipData, ClipType } from "../types" -import type { TitleConfig } from "@/api/template-editor" -import { getFontFamily } from "@/pages/generate/constants" - -interface SubtitleSettings { - enabled: boolean - position: string - font: string - size: number - animation: string -} - -interface PreviewPlayerProps { - clips: ClipData[] - selectedClipId: string | null - isPlaying: boolean - titleConfig?: TitleConfig - subtitleSettings?: SubtitleSettings - onClipSelect: (clipId: string) => void - onPlayPause: () => void -} - -const CLIP_TYPE_ICONS: Record = { - voice: "🎙️", - pip: "🖼️", -} - -const CLIP_TYPE_LABELS: Record = { - voice: "口播", - pip: "混剪", -} - -const PreviewPlayer: React.FC = ({ - clips, - selectedClipId, - isPlaying, - titleConfig, - subtitleSettings, - onPlayPause, -}) => { - const selectedClip = clips.find((c) => c.id === selectedClipId) - const displayClip = selectedClip || clips[0] - - return ( -
- {/* 手机模型预览 */} -
-
- 9:41 - 📶 🔋 -
-
- {displayClip ? ( - <> - -
-
-
-
- {CLIP_TYPE_ICONS[displayClip.type] || "🎬"}{" "} - {CLIP_TYPE_LABELS[displayClip.type] || "片段"} -
- - ) : ( - 暂无片段 - )} - - {/* 标题实时预览 */} - {titleConfig && !titleConfig.ai_auto_select && titleConfig.content && ( -
- {titleConfig.content} -
- )} - - {/* 字幕实时预览 */} - {subtitleSettings?.enabled && ( -
- 字幕预览文字 -
- )} -
-
-
- ) -} - -export default PreviewPlayer