fix(#1196): TtsPanel传入新的props给VoiceSelector,支持克隆音色展示与试听
This commit is contained in:
@@ -1,6 +1,6 @@
|
||||
/**
|
||||
* TTS 配音面板 — Drawer 形式
|
||||
* 配音模式切换 + 文本输入 + 音色选择 + 语速/语调/音量 + 试听 + 字幕联动
|
||||
* 配音模式切换 + 文本输入 + 音色选择(预设+克隆) + 语速/语调/音量 + 试听 + 字幕联动
|
||||
*/
|
||||
import React from "react"
|
||||
import { Drawer } from "antd"
|
||||
@@ -21,12 +21,15 @@ export interface TtsPanelProps {
|
||||
|
||||
const TtsPanel: React.FC<TtsPanelProps> = ({ open, onClose, config, onChange }) => {
|
||||
const {
|
||||
voices,
|
||||
presetVoices,
|
||||
cloneVoices,
|
||||
voicesLoading,
|
||||
previewLoading,
|
||||
playingVoiceId,
|
||||
handleModeChange,
|
||||
handleTextChange,
|
||||
handleVoiceSelect,
|
||||
handlePlayVoiceSample,
|
||||
handleSpeedChange,
|
||||
handlePitchChange,
|
||||
handleVolumeChange,
|
||||
@@ -83,10 +86,13 @@ const TtsPanel: React.FC<TtsPanelProps> = ({ open, onClose, config, onChange })
|
||||
|
||||
{/* 音色选择 */}
|
||||
<VoiceSelector
|
||||
voices={voices}
|
||||
presetVoices={presetVoices}
|
||||
cloneVoices={cloneVoices}
|
||||
selectedVoiceId={config.voice_id}
|
||||
loading={voicesLoading}
|
||||
playingVoiceId={playingVoiceId}
|
||||
onSelect={handleVoiceSelect}
|
||||
onPlaySample={handlePlayVoiceSample}
|
||||
/>
|
||||
|
||||
{/* 语速 */}
|
||||
@@ -169,4 +175,4 @@ const TtsPanel: React.FC<TtsPanelProps> = ({ open, onClose, config, onChange })
|
||||
)
|
||||
}
|
||||
|
||||
export default TtsPanel
|
||||
export default TtsPanel
|
||||
Reference in New Issue
Block a user