Compare commits
No commits in common. "bba78d1dcaded7c6fd934b6aa210617d8e8ffcd7" and "c855cf5be71ad45c73db6a91cf5522fe2fad3267" have entirely different histories.
bba78d1dca
...
c855cf5be7
67
package-lock.json
generated
67
package-lock.json
generated
@ -11,8 +11,7 @@
|
||||
"@tauri-apps/api": "^2.0.0",
|
||||
"@tauri-apps/plugin-dialog": "^2.0.0",
|
||||
"pinia": "^2.1.7",
|
||||
"vue": "^3.5.13",
|
||||
"vue-i18n": "^9.14.4"
|
||||
"vue": "^3.5.13"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@tauri-apps/cli": "^2.0.4",
|
||||
@ -526,50 +525,6 @@
|
||||
"node": ">=18"
|
||||
}
|
||||
},
|
||||
"node_modules/@intlify/core-base": {
|
||||
"version": "9.14.4",
|
||||
"resolved": "https://registry.npmmirror.com/@intlify/core-base/-/core-base-9.14.4.tgz",
|
||||
"integrity": "sha512-vtZCt7NqWhKEtHa3SD/322DlgP5uR9MqWxnE0y8Q0tjDs9H5Lxhss+b5wv8rmuXRoHKLESNgw9d+EN9ybBbj9g==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@intlify/message-compiler": "9.14.4",
|
||||
"@intlify/shared": "9.14.4"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">= 16"
|
||||
},
|
||||
"funding": {
|
||||
"url": "https://github.com/sponsors/kazupon"
|
||||
}
|
||||
},
|
||||
"node_modules/@intlify/message-compiler": {
|
||||
"version": "9.14.4",
|
||||
"resolved": "https://registry.npmmirror.com/@intlify/message-compiler/-/message-compiler-9.14.4.tgz",
|
||||
"integrity": "sha512-vcyCLiVRN628U38c3PbahrhbbXrckrM9zpy0KZVlDk2Z0OnGwv8uQNNXP3twwGtfLsCf4gu3ci6FMIZnPaqZsw==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@intlify/shared": "9.14.4",
|
||||
"source-map-js": "^1.0.2"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">= 16"
|
||||
},
|
||||
"funding": {
|
||||
"url": "https://github.com/sponsors/kazupon"
|
||||
}
|
||||
},
|
||||
"node_modules/@intlify/shared": {
|
||||
"version": "9.14.4",
|
||||
"resolved": "https://registry.npmmirror.com/@intlify/shared/-/shared-9.14.4.tgz",
|
||||
"integrity": "sha512-P9zv6i1WvMc9qDBWvIgKkymjY2ptIiQ065PjDv7z7fDqH3J/HBRBN5IoiR46r/ujRcU7hCuSIZWvCAFCyuOYZA==",
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": ">= 16"
|
||||
},
|
||||
"funding": {
|
||||
"url": "https://github.com/sponsors/kazupon"
|
||||
}
|
||||
},
|
||||
"node_modules/@jridgewell/gen-mapping": {
|
||||
"version": "0.3.13",
|
||||
"resolved": "https://registry.npmmirror.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
|
||||
@ -2893,26 +2848,6 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/vue-i18n": {
|
||||
"version": "9.14.4",
|
||||
"resolved": "https://registry.npmmirror.com/vue-i18n/-/vue-i18n-9.14.4.tgz",
|
||||
"integrity": "sha512-B934C8yUyWLT0EMud3DySrwSUJI7ZNiWYsEEz2gknTthqKiG4dzWE/WSa8AzCuSQzwBEv4HtG1jZDhgzPfWSKQ==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@intlify/core-base": "9.14.4",
|
||||
"@intlify/shared": "9.14.4",
|
||||
"@vue/devtools-api": "^6.5.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">= 16"
|
||||
},
|
||||
"funding": {
|
||||
"url": "https://github.com/sponsors/kazupon"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"vue": "^3.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/vue-tsc": {
|
||||
"version": "2.2.12",
|
||||
"resolved": "https://registry.npmmirror.com/vue-tsc/-/vue-tsc-2.2.12.tgz",
|
||||
|
||||
@ -18,8 +18,7 @@
|
||||
"@tauri-apps/api": "^2.0.0",
|
||||
"@tauri-apps/plugin-dialog": "^2.0.0",
|
||||
"pinia": "^2.1.7",
|
||||
"vue": "^3.5.13",
|
||||
"vue-i18n": "^9.14.4"
|
||||
"vue": "^3.5.13"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@tauri-apps/cli": "^2.0.4",
|
||||
|
||||
@ -146,11 +146,6 @@ fn configure_macos_menu(app: &AppHandle) -> tauri::Result<()> {
|
||||
.item(&MenuItemBuilder::with_id("reset_models", "恢复默认模型路径").build(app)?)
|
||||
.build()?;
|
||||
|
||||
let language_menu = SubmenuBuilder::new(app, "语言")
|
||||
.item(&MenuItemBuilder::with_id("set_lang_zh_cn", "中文").build(app)?)
|
||||
.item(&MenuItemBuilder::with_id("set_lang_en", "English").build(app)?)
|
||||
.build()?;
|
||||
|
||||
let window_menu = SubmenuBuilder::new(app, "窗口")
|
||||
.item(&PredefinedMenuItem::minimize(app, None)?)
|
||||
.item(&PredefinedMenuItem::maximize(app, None)?)
|
||||
@ -163,7 +158,6 @@ fn configure_macos_menu(app: &AppHandle) -> tauri::Result<()> {
|
||||
.item(&file_menu)
|
||||
.item(&edit_menu)
|
||||
.item(&settings_menu)
|
||||
.item(&language_menu)
|
||||
.item(&window_menu)
|
||||
.build()?;
|
||||
|
||||
@ -177,8 +171,6 @@ fn configure_macos_menu(app: &AppHandle) -> tauri::Result<()> {
|
||||
"toggle_advanced" => Some("toggle-advanced"),
|
||||
"toggle_bilingual" => Some("toggle-bilingual"),
|
||||
"reset_models" => Some("reset-models"),
|
||||
"set_lang_zh_cn" => Some("set-lang-zh-CN"),
|
||||
"set_lang_en" => Some("set-lang-en"),
|
||||
_ => None,
|
||||
};
|
||||
|
||||
|
||||
@ -146,38 +146,26 @@ async fn run_pipeline(
|
||||
let app_state = app.state::<AppState>();
|
||||
let workspace = std::env::temp_dir().join("crosssubtitle-ai").join(&task.id);
|
||||
let should_translate = matches!(payload.output_mode, OutputMode::Translate);
|
||||
|
||||
if let Some(ref whisper_path) = payload.whisper_model_path {
|
||||
if !Path::new(whisper_path).exists() {
|
||||
return Err(anyhow::anyhow!("Whisper 模型文件不存在: {whisper_path}"));
|
||||
}
|
||||
}
|
||||
if let Some(ref vad_path) = payload.vad_model_path {
|
||||
if !Path::new(vad_path).exists() {
|
||||
return Err(anyhow::anyhow!("VAD 模型文件不存在: {vad_path}"));
|
||||
}
|
||||
}
|
||||
|
||||
let ffmpeg_path = resolve_ffmpeg_path(&app)
|
||||
.ok_or_else(|| anyhow::anyhow!("未找到可用 ffmpeg，请重新执行打包命令或在系统中安装 ffmpeg"))?;
|
||||
|
||||
set_status(&window, &app_state, &mut task, TaskStatus::Extracting, 5.0, "正在抽取音频")?;
|
||||
set_status(&window, &app_state, &mut task, TaskStatus::Extracting, 8.0, "正在抽取音频")?;
|
||||
emit_log(&window, &task.id, format!("task: input file={}", payload.file_path))?;
|
||||
emit_log(&window, &task.id, format!("audio: ffmpeg={}", ffmpeg_path.display()))?;
|
||||
let wav_path = AudioPipeline::extract_to_wav(&ffmpeg_path, &payload.file_path, &workspace)?;
|
||||
emit_log(&window, &task.id, format!("audio: normalized wav={}", wav_path.display()))?;
|
||||
|
||||
set_status(&window, &app_state, &mut task, TaskStatus::VadProcessing, 15.0, "正在分析语音片段")?;
|
||||
set_status(&window, &app_state, &mut task, TaskStatus::VadProcessing, 22.0, "正在分析语音片段")?;
|
||||
let samples = AudioPipeline::load_wav_f32(&wav_path)?;
|
||||
let vad = VadEngine::new(payload.vad_model_path.clone(), VadConfig::default())?;
|
||||
let speech_ranges = vad.detect_segments(&samples).await;
|
||||
let speech_ranges = vad.detect_segments(&samples);
|
||||
emit_log(
|
||||
&window,
|
||||
&task.id,
|
||||
format!("vad: detected {} speech ranges", speech_ranges.len()),
|
||||
)?;
|
||||
|
||||
set_status(&window, &app_state, &mut task, TaskStatus::Transcribing, 30.0, "正在执行 Whisper")?;
|
||||
set_status(&window, &app_state, &mut task, TaskStatus::Transcribing, 45.0, "正在执行 Whisper")?;
|
||||
let whisper = WhisperEngine::new(payload.whisper_model_path.clone());
|
||||
let task_id_for_progress = task.id.clone();
|
||||
let task_id_for_segment = task.id.clone();
|
||||
@ -193,7 +181,7 @@ async fn run_pipeline(
|
||||
should_translate,
|
||||
&speech_ranges,
|
||||
|ratio| {
|
||||
let progress = 30.0 + ratio.clamp(0.0, 1.0) * 40.0;
|
||||
let progress = 45.0 + ratio.clamp(0.0, 1.0) * 27.0;
|
||||
window.emit(
|
||||
"task:progress",
|
||||
ProgressEvent {
|
||||
@ -244,13 +232,11 @@ async fn run_pipeline(
|
||||
.clone()
|
||||
.or_else(load_translation_config)
|
||||
.ok_or_else(|| anyhow::anyhow!("翻译模式需要填写 LLM API 配置，或设置 OPENAI_API_BASE / OPENAI_API_KEY"))?;
|
||||
set_status(&window, &app_state, &mut task, TaskStatus::Translating, 70.0, "正在生成译文")?;
|
||||
set_status(&window, &app_state, &mut task, TaskStatus::Translating, 72.0, "正在生成译文")?;
|
||||
let translator = Translator::new(config)?;
|
||||
let task_id_for_translate = task.id.clone();
|
||||
let app_state_for_translate = app_state.clone();
|
||||
let window_for_translate = window.clone();
|
||||
let task_id_for_translate_progress = task.id.clone();
|
||||
let window_for_translate_progress = window.clone();
|
||||
segments = translator
|
||||
.translate_segments_with_progress(
|
||||
&segments,
|
||||
@ -258,18 +244,6 @@ async fn run_pipeline(
|
||||
|message| {
|
||||
let _ = emit_log(&window_for_translate, &task_id_for_translate, message);
|
||||
},
|
||||
|ratio| {
|
||||
let progress = 70.0 + ratio.clamp(0.0, 1.0) * 25.0;
|
||||
let _ = window_for_translate_progress.emit(
|
||||
"task:progress",
|
||||
ProgressEvent {
|
||||
task_id: task_id_for_translate_progress.clone(),
|
||||
status: TaskStatus::Translating,
|
||||
progress,
|
||||
message: "正在生成译文".to_string(),
|
||||
},
|
||||
);
|
||||
},
|
||||
|segment| {
|
||||
if let Ok(mut current_task) = app_state_for_translate.get_task(&task_id_for_translate) {
|
||||
upsert_segment(&mut current_task.segments, segment.clone());
|
||||
|
||||
@ -70,17 +70,15 @@ impl Translator {
|
||||
Ok(Self { client, config })
|
||||
}
|
||||
|
||||
pub async fn translate_segments_with_progress<LF, PF, SF>(
|
||||
pub async fn translate_segments_with_progress<LF, SF>(
|
||||
&self,
|
||||
segments: &[SubtitleSegment],
|
||||
target_language: &TargetLanguage,
|
||||
mut log: LF,
|
||||
mut on_progress: PF,
|
||||
mut emit_segment: SF,
|
||||
) -> Result<Vec<SubtitleSegment>>
|
||||
where
|
||||
LF: FnMut(String),
|
||||
PF: FnMut(f32),
|
||||
SF: FnMut(SubtitleSegment),
|
||||
{
|
||||
let batch_size = self.config.batch_size.clamp(10, 15);
|
||||
@ -90,9 +88,8 @@ impl Translator {
|
||||
TargetLanguage::Zh => "简体中文",
|
||||
TargetLanguage::En => "英文",
|
||||
};
|
||||
let total_batches = (segments.len() + batch_size - 1) / batch_size;
|
||||
|
||||
for (batch_index, batch_start) in (0..segments.len()).step_by(batch_size).enumerate() {
|
||||
for batch_start in (0..segments.len()).step_by(batch_size) {
|
||||
let batch_end = (batch_start + batch_size).min(segments.len());
|
||||
let context_start = batch_start.saturating_sub(context_size);
|
||||
let context = &segments[context_start..batch_start];
|
||||
@ -107,8 +104,6 @@ impl Translator {
|
||||
.collect::<Vec<_>>()
|
||||
.join(", ")
|
||||
));
|
||||
let batch_progress = (batch_index + 1) as f32 / total_batches.max(1) as f32;
|
||||
on_progress(batch_progress);
|
||||
let rows = self
|
||||
.translate_batch_with_retries(context, batch, target_language_name)
|
||||
.await?;
|
||||
|
||||
@ -1,5 +1,6 @@
|
||||
use std::{
|
||||
path::{Path, PathBuf},
|
||||
sync::mpsc,
|
||||
time::Duration,
|
||||
};
|
||||
|
||||
@ -14,7 +15,6 @@ pub struct VadConfig {
|
||||
pub min_speech_ms: usize,
|
||||
pub min_silence_ms: usize,
|
||||
pub pad_ms: usize,
|
||||
pub timeout_seconds: u64,
|
||||
}
|
||||
|
||||
impl Default for VadConfig {
|
||||
@ -25,7 +25,6 @@ impl Default for VadConfig {
|
||||
min_speech_ms: 180,
|
||||
min_silence_ms: 320,
|
||||
pad_ms: 220,
|
||||
timeout_seconds: 60,
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -47,65 +46,49 @@ impl VadEngine {
|
||||
Ok(Self { model_path, config })
|
||||
}
|
||||
|
||||
pub async fn detect_segments(&self, samples: &[f32]) -> Vec<(f32, f32)> {
|
||||
if self.model_path.is_some() {
|
||||
let samples_owned = samples.to_vec();
|
||||
let model_path = self.model_path.clone().unwrap();
|
||||
pub fn detect_segments(&self, samples: &[f32]) -> Vec<(f32, f32)> {
|
||||
if let Some(model_path) = &self.model_path {
|
||||
let model_path = model_path.clone();
|
||||
let samples = samples.to_vec();
|
||||
let config = self.config.clone();
|
||||
let timeout_secs = self.config.timeout_seconds;
|
||||
let (sender, receiver) = mpsc::channel();
|
||||
|
||||
match tokio::time::timeout(
|
||||
Duration::from_secs(timeout_secs),
|
||||
tokio::task::spawn_blocking(move || {
|
||||
let mut session = match Self::load_onnx_session(&model_path) {
|
||||
Ok(s) => s,
|
||||
Err(e) => {
|
||||
eprintln!("vad: failed to load onnx session: {e:#}");
|
||||
return None;
|
||||
}
|
||||
std::thread::spawn(move || {
|
||||
let engine = VadEngine {
|
||||
model_path: Some(model_path.clone()),
|
||||
config,
|
||||
};
|
||||
Self::detect_with_onnx(&mut session, &samples_owned, &config).ok()
|
||||
}),
|
||||
)
|
||||
.await
|
||||
{
|
||||
Ok(Ok(Some(ranges))) if !ranges.is_empty() => {
|
||||
eprintln!("vad: onnx detected {} speech ranges", ranges.len());
|
||||
return ranges;
|
||||
}
|
||||
let result = engine.detect_segments_with_onnx(&samples, &model_path);
|
||||
let _ = sender.send(result);
|
||||
});
|
||||
|
||||
match receiver.recv_timeout(Duration::from_secs(3)) {
|
||||
Ok(Ok(result)) if !result.is_empty() => return result,
|
||||
Ok(Ok(_)) => {}
|
||||
Ok(Err(e)) => {
|
||||
eprintln!("vad: onnx error: {e:#}, falling back to energy detection");
|
||||
Ok(Err(error)) => {
|
||||
eprintln!("silero vad failed, falling back to energy detection: {error:#}");
|
||||
}
|
||||
Err(_) => {
|
||||
eprintln!(
|
||||
"vad: onnx timed out after {}s, falling back to energy detection",
|
||||
timeout_secs
|
||||
);
|
||||
Err(mpsc::RecvTimeoutError::Timeout) => {
|
||||
eprintln!("silero vad timed out, falling back to energy detection");
|
||||
}
|
||||
Err(mpsc::RecvTimeoutError::Disconnected) => {
|
||||
eprintln!("silero vad worker disconnected, falling back to energy detection");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
let ranges = self.detect_segments_with_energy(samples);
|
||||
eprintln!("vad: energy detection found {} speech ranges", ranges.len());
|
||||
ranges
|
||||
self.detect_segments_with_energy(samples)
|
||||
}
|
||||
|
||||
fn load_onnx_session(model_path: &Path) -> Result<Session> {
|
||||
Session::builder()
|
||||
fn detect_segments_with_onnx(&self, samples: &[f32], model_path: &Path) -> Result<Vec<(f32, f32)>> {
|
||||
let mut session = Session::builder()
|
||||
.context("failed to build onnx session")?
|
||||
.commit_from_file(model_path)
|
||||
.with_context(|| format!("failed to load silero vad model: {}", model_path.display()))
|
||||
}
|
||||
.with_context(|| format!("failed to load silero vad model: {}", model_path.display()))?;
|
||||
|
||||
fn detect_with_onnx(
|
||||
session: &mut Session,
|
||||
samples: &[f32],
|
||||
config: &VadConfig,
|
||||
) -> Result<Vec<(f32, f32)>> {
|
||||
let chunk_size = 512usize;
|
||||
let mut state = Array3::<f32>::zeros((2, 1, 128));
|
||||
let sr = Array1::<i64>::from_vec(vec![config.sample_rate as i64]);
|
||||
let sr = Array1::<i64>::from_vec(vec![self.config.sample_rate as i64]);
|
||||
let mut speech_probabilities = Vec::new();
|
||||
|
||||
for chunk in samples.chunks(chunk_size) {
|
||||
@ -126,7 +109,10 @@ impl VadEngine {
|
||||
let (_, probs) = first
|
||||
.try_extract_tensor::<f32>()
|
||||
.context("failed to extract vad probabilities")?;
|
||||
let probability = probs.iter().copied().fold(0.0_f32, f32::max);
|
||||
let probability = probs
|
||||
.iter()
|
||||
.copied()
|
||||
.fold(0.0_f32, f32::max);
|
||||
speech_probabilities.push(probability);
|
||||
|
||||
if outputs.len() > 1 {
|
||||
@ -141,7 +127,7 @@ impl VadEngine {
|
||||
}
|
||||
}
|
||||
|
||||
Ok(Self::merge_probabilities(&speech_probabilities, chunk_size, config))
|
||||
Ok(self.merge_probabilities(&speech_probabilities, chunk_size))
|
||||
}
|
||||
|
||||
fn detect_segments_with_energy(&self, samples: &[f32]) -> Vec<(f32, f32)> {
|
||||
@ -162,22 +148,22 @@ impl VadEngine {
|
||||
energies.len(),
|
||||
dynamic_threshold
|
||||
);
|
||||
Self::merge_probabilities_with_threshold(&energies, frame_size, dynamic_threshold, &self.config)
|
||||
self.merge_probabilities_with_threshold(&energies, frame_size, dynamic_threshold)
|
||||
}
|
||||
|
||||
fn merge_probabilities(frames: &[f32], frame_size: usize, config: &VadConfig) -> Vec<(f32, f32)> {
|
||||
Self::merge_probabilities_with_threshold(frames, frame_size, config.threshold, config)
|
||||
fn merge_probabilities(&self, frames: &[f32], frame_size: usize) -> Vec<(f32, f32)> {
|
||||
self.merge_probabilities_with_threshold(frames, frame_size, self.config.threshold)
|
||||
}
|
||||
|
||||
fn merge_probabilities_with_threshold(
|
||||
&self,
|
||||
frames: &[f32],
|
||||
frame_size: usize,
|
||||
threshold: f32,
|
||||
config: &VadConfig,
|
||||
) -> Vec<(f32, f32)> {
|
||||
let min_speech_frames = (config.min_speech_ms / 20).max(1);
|
||||
let min_silence_frames = (config.min_silence_ms / 20).max(1);
|
||||
let pad_seconds = config.pad_ms as f32 / 1000.0;
|
||||
let min_speech_frames = (self.config.min_speech_ms / 20).max(1);
|
||||
let min_silence_frames = (self.config.min_silence_ms / 20).max(1);
|
||||
let pad_seconds = self.config.pad_ms as f32 / 1000.0;
|
||||
|
||||
let mut result = Vec::new();
|
||||
let mut start_frame: Option<usize> = None;
|
||||
@ -197,8 +183,8 @@ impl VadEngine {
|
||||
if silent_frames >= min_silence_frames {
|
||||
let end_frame = index.saturating_sub(silent_frames);
|
||||
if end_frame.saturating_sub(start) >= min_speech_frames {
|
||||
let start_sec = (start * frame_size) as f32 / config.sample_rate as f32;
|
||||
let end_sec = ((end_frame + 1) * frame_size) as f32 / config.sample_rate as f32;
|
||||
let start_sec = (start * frame_size) as f32 / self.config.sample_rate as f32;
|
||||
let end_sec = ((end_frame + 1) * frame_size) as f32 / self.config.sample_rate as f32;
|
||||
result.push(((start_sec - pad_seconds).max(0.0), end_sec + pad_seconds));
|
||||
}
|
||||
start_frame = None;
|
||||
@ -210,14 +196,14 @@ impl VadEngine {
|
||||
if let Some(start) = start_frame {
|
||||
let end_frame = frames.len().saturating_sub(1);
|
||||
if end_frame.saturating_sub(start) >= min_speech_frames {
|
||||
let start_sec = (start * frame_size) as f32 / config.sample_rate as f32;
|
||||
let end_sec = ((end_frame + 1) * frame_size) as f32 / config.sample_rate as f32;
|
||||
let start_sec = (start * frame_size) as f32 / self.config.sample_rate as f32;
|
||||
let end_sec = ((end_frame + 1) * frame_size) as f32 / self.config.sample_rate as f32;
|
||||
result.push(((start_sec - pad_seconds).max(0.0), end_sec + pad_seconds));
|
||||
}
|
||||
}
|
||||
|
||||
if result.is_empty() && !frames.is_empty() {
|
||||
let total_seconds = (frames.len() * frame_size) as f32 / config.sample_rate as f32;
|
||||
let total_seconds = (frames.len() * frame_size) as f32 / self.config.sample_rate as f32;
|
||||
result.push((0.0, total_seconds));
|
||||
}
|
||||
|
||||
|
||||
@ -104,9 +104,9 @@ impl WhisperEngine {
|
||||
let vad_coverage = speech_coverage_ratio(&normalized_ranges, total_seconds);
|
||||
let should_retry_full_audio = !audio.is_empty()
|
||||
&& (segments.is_empty()
|
||||
|| vad_coverage < 0.60
|
||||
|| vad_end + 5.0 < total_seconds
|
||||
|| (total_seconds > 60.0 && vad_text_len < (total_seconds / 3.0) as usize));
|
||||
|| vad_coverage < 0.72
|
||||
|| vad_end + 2.5 < total_seconds
|
||||
|| (total_seconds > 45.0 && vad_text_len < (total_seconds / 2.4) as usize));
|
||||
|
||||
if should_retry_full_audio {
|
||||
on_log(format!(
|
||||
@ -141,12 +141,6 @@ impl WhisperEngine {
|
||||
))?;
|
||||
segments = full_audio_segments;
|
||||
} else {
|
||||
on_log(format!(
|
||||
"whisper: keeping VAD-based transcript (vad_segments={}, full_segments={})",
|
||||
segments.len(),
|
||||
full_audio_segments.len()
|
||||
))?;
|
||||
on_reset_segments()?;
|
||||
segments.iter().cloned().try_for_each(&mut on_segment)?;
|
||||
}
|
||||
}
|
||||
@ -333,10 +327,10 @@ fn should_prefer_full_audio(
|
||||
let vad_end = last_end(vad_segments);
|
||||
let full_end = last_end(full_audio_segments);
|
||||
|
||||
full_text_len > vad_text_len + vad_text_len * 3 / 5
|
||||
|| full_audio_segments.len() > vad_segments.len() + 5
|
||||
|| full_end > vad_end + 5.0
|
||||
|| (total_seconds > 60.0 && full_end + 1.5 >= total_seconds && vad_end + 5.0 < total_seconds)
|
||||
full_text_len > vad_text_len + vad_text_len / 5
|
||||
|| full_audio_segments.len() > vad_segments.len() + 2
|
||||
|| full_end > vad_end + 2.0
|
||||
|| (total_seconds > 30.0 && full_end + 1.5 >= total_seconds && vad_end + 3.0 < total_seconds)
|
||||
}
|
||||
|
||||
fn resolve_source_language<'a>(
|
||||
|
||||
81
src/App.vue
81
src/App.vue
@ -1,6 +1,5 @@
|
||||
<script setup lang="ts">
|
||||
import { computed, onMounted, onUnmounted, ref, watch } from 'vue'
|
||||
import { useI18n } from 'vue-i18n'
|
||||
import { computed, onMounted, onUnmounted, ref } from 'vue'
|
||||
import { invoke } from '@tauri-apps/api/core'
|
||||
import { open } from '@tauri-apps/plugin-dialog'
|
||||
import { listen, type UnlistenFn } from '@tauri-apps/api/event'
|
||||
@ -9,8 +8,10 @@ import SubtitleEditor from './components/SubtitleEditor.vue'
|
||||
import { useTaskStore } from './stores/tasks'
|
||||
import type { DefaultModelPaths, OutputMode, TargetLanguage, TranslationConfig } from './lib/types'
|
||||
|
||||
const { t, locale } = useI18n()
|
||||
const DEFAULT_WHISPER_MODEL = '应用内置 Whisper 模型'
|
||||
const DEFAULT_VAD_MODEL = '应用内置 VAD 模型'
|
||||
const SOURCE_LANGUAGE_OPTIONS = [
|
||||
{ value: 'auto', label: '自动识别' },
|
||||
{ value: 'zh', label: '中文' },
|
||||
{ value: 'en', label: 'English' },
|
||||
{ value: 'ja', label: '日本語' },
|
||||
@ -30,7 +31,7 @@ const SOURCE_LANGUAGE_OPTIONS = [
|
||||
{ value: 'uk', label: 'Українська' },
|
||||
{ value: 'pl', label: 'Polski' },
|
||||
{ value: 'nl', label: 'Nederlands' },
|
||||
]
|
||||
] as const
|
||||
const MEDIA_EXTENSIONS = [
|
||||
'mp3',
|
||||
'wav',
|
||||
@ -89,10 +90,6 @@ onUnmounted(() => {
|
||||
}
|
||||
})
|
||||
|
||||
watch(locale, (newLocale) => {
|
||||
localStorage.setItem('locale', newLocale)
|
||||
})
|
||||
|
||||
function persistTranslationConfig() {
|
||||
localStorage.setItem('llm.apiBase', translationConfig.value.apiBase)
|
||||
localStorage.setItem('llm.apiKey', translationConfig.value.apiKey)
|
||||
@ -104,7 +101,7 @@ function persistTranslationConfig() {
|
||||
function resetModelPaths() {
|
||||
whisperModelPath.value = defaultModelPaths.value?.whisperModelPath ?? ''
|
||||
vadModelPath.value = defaultModelPaths.value?.vadModelPath ?? ''
|
||||
feedback.value = t('app.feedback.restoredDefaults')
|
||||
feedback.value = '已恢复默认模型路径'
|
||||
}
|
||||
|
||||
async function loadDefaultModelPaths() {
|
||||
@ -119,7 +116,7 @@ async function loadDefaultModelPaths() {
|
||||
}
|
||||
} catch (error) {
|
||||
feedback.value =
|
||||
error instanceof Error ? `${t('app.feedback.loadModelError')}${error.message}` : t('app.feedback.loadModelErrorFallback')
|
||||
error instanceof Error ? `读取默认模型路径失败：${error.message}` : '读取默认模型路径失败'
|
||||
}
|
||||
}
|
||||
|
||||
@ -143,17 +140,11 @@ async function bindMenuActions() {
|
||||
break
|
||||
case 'toggle-bilingual':
|
||||
bilingualOutput.value = !bilingualOutput.value
|
||||
feedback.value = bilingualOutput.value ? t('app.feedback.bilingualOn') : t('app.feedback.bilingualOff')
|
||||
feedback.value = bilingualOutput.value ? '已开启双语导出' : '已关闭双语导出'
|
||||
break
|
||||
case 'reset-models':
|
||||
resetModelPaths()
|
||||
break
|
||||
case 'set-lang-zh-CN':
|
||||
locale.value = 'zh-CN'
|
||||
break
|
||||
case 'set-lang-en':
|
||||
locale.value = 'en'
|
||||
break
|
||||
default:
|
||||
break
|
||||
}
|
||||
@ -181,12 +172,12 @@ async function submitFiles(filePaths: string[]) {
|
||||
})
|
||||
}
|
||||
if (fallbackToSource) {
|
||||
feedback.value = t('app.feedback.fallbackSource')
|
||||
feedback.value = '未填写 LLM API Key，已自动回退为原文转录'
|
||||
} else {
|
||||
feedback.value = t('app.feedback.submitted', { count: filePaths.length })
|
||||
feedback.value = `已提交 ${filePaths.length} 个任务`
|
||||
}
|
||||
} catch (error) {
|
||||
feedback.value = error instanceof Error ? error.message : t('app.feedback.submitFailed')
|
||||
feedback.value = error instanceof Error ? error.message : '任务提交失败'
|
||||
} finally {
|
||||
pending.value = false
|
||||
}
|
||||
@ -199,10 +190,10 @@ async function handlePickFiles() {
|
||||
const selected = await open({
|
||||
multiple: true,
|
||||
directory: false,
|
||||
title: t('app.pickFiles'),
|
||||
title: '选择音视频文件',
|
||||
filters: [
|
||||
{
|
||||
name: t('app.mediaFiles'),
|
||||
name: '媒体文件',
|
||||
extensions: [...MEDIA_EXTENSIONS],
|
||||
},
|
||||
],
|
||||
@ -215,7 +206,7 @@ async function handlePickFiles() {
|
||||
|
||||
await submitFiles(filePaths)
|
||||
} catch (error) {
|
||||
feedback.value = error instanceof Error ? `${t('app.feedback.dialogError')}${error.message}` : t('app.feedback.dialogErrorFallback')
|
||||
feedback.value = error instanceof Error ? `打开文件对话框失败：${error.message}` : '打开文件对话框失败'
|
||||
}
|
||||
}
|
||||
|
||||
@ -239,7 +230,7 @@ async function handleFiles(event: Event) {
|
||||
async function handleExport(format: 'srt' | 'vtt' | 'ass') {
|
||||
if (!selectedTask.value) return
|
||||
const output = await taskStore.exportTask(selectedTask.value.id, format)
|
||||
feedback.value = output
|
||||
feedback.value = `已导出到 ${output}`
|
||||
}
|
||||
</script>
|
||||
|
||||
@ -255,10 +246,10 @@ async function handleExport(format: 'srt' | 'vtt' | 'ass') {
|
||||
</div>
|
||||
<div class="toolbar-actions">
|
||||
<button class="button secondary toggle-button" type="button" @click="showAdvanced = !showAdvanced">
|
||||
{{ showAdvanced ? $t('app.collapse') : $t('app.settings') }}
|
||||
{{ showAdvanced ? '收起' : '设置' }}
|
||||
</button>
|
||||
<button class="button" type="button" :disabled="pending" @click="handlePickFiles">
|
||||
{{ pending ? $t('app.submitting') : $t('app.addTask') }}
|
||||
{{ pending ? '提交中...' : '添加任务' }}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
@ -267,23 +258,22 @@ async function handleExport(format: 'srt' | 'vtt' | 'ass') {
|
||||
<div class="toolbar-group">
|
||||
<div class="form-grid">
|
||||
<label class="field">
|
||||
<span>{{ $t('app.mode') }}</span>
|
||||
<span>模式</span>
|
||||
<select v-model="outputMode">
|
||||
<option value="source">{{ $t('app.source') }}</option>
|
||||
<option value="translate">{{ $t('app.translate') }}</option>
|
||||
<option value="source">原文</option>
|
||||
<option value="translate">翻译</option>
|
||||
</select>
|
||||
</label>
|
||||
<label v-if="outputMode === 'translate'" class="field">
|
||||
<span>{{ $t('app.targetLang') }}</span>
|
||||
<span>目标语言</span>
|
||||
<select v-model="targetLang">
|
||||
<option value="zh">{{ $t('app.chinese') }}</option>
|
||||
<option value="en">{{ $t('app.english') }}</option>
|
||||
<option value="zh">中文</option>
|
||||
<option value="en">英文</option>
|
||||
</select>
|
||||
</label>
|
||||
<label class="field">
|
||||
<span>{{ $t('app.sourceLang') }}</span>
|
||||
<span>源语言</span>
|
||||
<select v-model="sourceLang">
|
||||
<option value="auto">{{ $t('app.autoDetect') }}</option>
|
||||
<option
|
||||
v-for="option in SOURCE_LANGUAGE_OPTIONS"
|
||||
:key="option.value"
|
||||
@ -295,7 +285,7 @@ async function handleExport(format: 'srt' | 'vtt' | 'ass') {
|
||||
</label>
|
||||
<label class="check desktop-check">
|
||||
<input v-model="bilingualOutput" type="checkbox" />
|
||||
<span>{{ $t('app.bilingualExport') }}</span>
|
||||
<span>双语导出</span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
@ -304,42 +294,42 @@ async function handleExport(format: 'srt' | 'vtt' | 'ass') {
|
||||
</div>
|
||||
|
||||
<div v-if="showAdvanced" class="advanced-shell">
|
||||
<span class="group-title">{{ $t('app.advanced') }}</span>
|
||||
<span class="group-title">高级设置</span>
|
||||
<div class="advanced-grid">
|
||||
<template v-if="outputMode === 'translate'">
|
||||
<label class="field wide">
|
||||
<span>{{ $t('app.llm.apiBase') }}</span>
|
||||
<span>LLM API Base</span>
|
||||
<input v-model="translationConfig.apiBase" placeholder="https://api.openai.com/v1" />
|
||||
</label>
|
||||
<label class="field wide">
|
||||
<span>{{ $t('app.llm.apiKey') }}</span>
|
||||
<span>LLM API Key</span>
|
||||
<input v-model="translationConfig.apiKey" type="password" placeholder="sk-..." />
|
||||
</label>
|
||||
<label class="field">
|
||||
<span>{{ $t('app.llm.model') }}</span>
|
||||
<span>LLM Model</span>
|
||||
<input v-model="translationConfig.model" placeholder="GLM-4-Flash-250414" />
|
||||
</label>
|
||||
<label class="field">
|
||||
<span>{{ $t('app.llm.batchSize') }}</span>
|
||||
<span>批大小</span>
|
||||
<input v-model.number="translationConfig.batchSize" type="number" min="10" max="15" />
|
||||
</label>
|
||||
<label class="field">
|
||||
<span>{{ $t('app.llm.contextSize') }}</span>
|
||||
<span>上下文</span>
|
||||
<input v-model.number="translationConfig.contextSize" type="number" min="0" max="5" />
|
||||
</label>
|
||||
</template>
|
||||
<label class="field wide">
|
||||
<span>{{ $t('app.model.whisper') }}</span>
|
||||
<span>Whisper 模型</span>
|
||||
<input
|
||||
v-model="whisperModelPath"
|
||||
:placeholder="defaultModelPaths?.whisperModelPath || $t('app.model.defaultWhisper')"
|
||||
:placeholder="defaultModelPaths?.whisperModelPath || DEFAULT_WHISPER_MODEL"
|
||||
/>
|
||||
</label>
|
||||
<label class="field wide">
|
||||
<span>{{ $t('app.model.vad') }}</span>
|
||||
<span>VAD 模型</span>
|
||||
<input
|
||||
v-model="vadModelPath"
|
||||
:placeholder="defaultModelPaths?.vadModelPath || $t('app.model.defaultVad')"
|
||||
:placeholder="defaultModelPaths?.vadModelPath || DEFAULT_VAD_MODEL"
|
||||
/>
|
||||
</label>
|
||||
</div>
|
||||
@ -351,7 +341,6 @@ async function handleExport(format: 'srt' | 'vtt' | 'ass') {
|
||||
:tasks="taskStore.tasks"
|
||||
:selected-task-id="taskStore.selectedTaskId"
|
||||
@select="taskStore.selectTask"
|
||||
@retry="taskStore.retryTask"
|
||||
/>
|
||||
<SubtitleEditor
|
||||
:task="selectedTask"
|
||||
|
||||
@ -48,9 +48,9 @@ function updateTranslatedText(segment: SubtitleSegment, value: string) {
|
||||
<section class="panel workspace-panel">
|
||||
<div class="workspace-header">
|
||||
<div>
|
||||
<strong>{{ task?.fileName ?? $t('editor.title') }}</strong>
|
||||
<strong>{{ task?.fileName ?? '字幕工作区' }}</strong>
|
||||
<p class="panel-subtitle">
|
||||
{{ task ? $t('editor.segments', { count: segments.length }) : $t('editor.selectTask') }}
|
||||
{{ task ? `${segments.length} 条片段` : '选择左侧任务后开始查看' }}
|
||||
</p>
|
||||
</div>
|
||||
<div v-if="task" class="export-actions">
|
||||
@ -61,14 +61,14 @@ function updateTranslatedText(segment: SubtitleSegment, value: string) {
|
||||
</div>
|
||||
|
||||
<div v-if="!task" class="empty-state">
|
||||
<p>{{ $t('editor.empty') }}</p>
|
||||
<p style="margin-top: 6px; font-size: 11px;">{{ $t('editor.emptyHint') }}</p>
|
||||
<p>选择任务后显示字幕</p>
|
||||
<p style="margin-top: 6px; font-size: 11px;">点击左侧任务列表中的任务开始查看</p>
|
||||
</div>
|
||||
|
||||
<div v-else-if="segments.length === 0" class="empty-state">
|
||||
<template v-if="isProcessing">{{ $t('editor.processing') }}</template>
|
||||
<template v-else-if="task?.status === 'failed'">{{ $t('editor.failed') }}</template>
|
||||
<template v-else>{{ $t('editor.noSegments') }}</template>
|
||||
<template v-if="isProcessing">正在处理中，请稍候...</template>
|
||||
<template v-else-if="task?.status === 'failed'">任务处理失败，无法生成字幕</template>
|
||||
<template v-else>暂无字幕片段</template>
|
||||
</div>
|
||||
|
||||
<div v-else class="segment-list">
|
||||
@ -81,11 +81,11 @@ function updateTranslatedText(segment: SubtitleSegment, value: string) {
|
||||
<span>{{ formatTime(segment.start) }} - {{ formatTime(segment.end) }}</span>
|
||||
<span class="segment-id">{{ segment.id }}</span>
|
||||
</div>
|
||||
<p class="source-text">{{ segment.sourceText || $t('editor.waiting') }}</p>
|
||||
<p class="source-text">{{ segment.sourceText || '等待识别结果...' }}</p>
|
||||
<textarea
|
||||
class="editor-input"
|
||||
:value="segment.translatedText ?? ''"
|
||||
:placeholder="task.outputMode === 'translate' ? $t('editor.translation') : $t('editor.source')"
|
||||
:placeholder="task.outputMode === 'translate' ? '译文' : '原文'"
|
||||
:disabled="task.outputMode === 'source'"
|
||||
@change="updateTranslatedText(segment, ($event.target as HTMLTextAreaElement).value)"
|
||||
/>
|
||||
@ -94,13 +94,13 @@ function updateTranslatedText(segment: SubtitleSegment, value: string) {
|
||||
|
||||
<div class="log-drawer" :class="{ expanded: logsExpanded }">
|
||||
<button class="log-toggle" type="button" @click="logsExpanded = !logsExpanded">
|
||||
<span>{{ $t('editor.logs') }}</span>
|
||||
<span>日志</span>
|
||||
<span class="subtle">{{ logs.length }}</span>
|
||||
<span class="log-chevron">{{ logsExpanded ? '−' : '+' }}</span>
|
||||
</button>
|
||||
<div v-if="logsExpanded" class="log-panel">
|
||||
<div v-if="logs.length === 0" class="empty-state">
|
||||
{{ $t('editor.noLogs') }}
|
||||
暂无日志
|
||||
</div>
|
||||
<div v-else class="log-list">
|
||||
<pre v-for="(line, index) in logs" :key="`${index}-${line}`" class="log-line">{{ line }}</pre>
|
||||
|
||||
@ -8,22 +8,31 @@ defineProps<{
|
||||
|
||||
const emit = defineEmits<{
|
||||
select: [taskId: string]
|
||||
retry: [taskId: string]
|
||||
}>()
|
||||
|
||||
const statusLabel: Record<SubtitleTask['status'], string> = {
|
||||
queued: '排队中',
|
||||
extracting: '抽取',
|
||||
vad_processing: 'VAD',
|
||||
transcribing: '识别',
|
||||
translating: '翻译',
|
||||
completed: '完成',
|
||||
failed: '失败',
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<aside class="panel sidebar-panel">
|
||||
<div class="panel-title">
|
||||
<div>
|
||||
<strong>{{ $t('taskQueue.title') }}</strong>
|
||||
<p class="panel-subtitle">{{ $t('taskQueue.subtitle') }}</p>
|
||||
<strong>任务</strong>
|
||||
<p class="panel-subtitle">选择任务查看字幕</p>
|
||||
</div>
|
||||
<span class="badge">{{ tasks.length }}</span>
|
||||
</div>
|
||||
|
||||
<div v-if="tasks.length === 0" class="empty-state">
|
||||
{{ $t('taskQueue.empty') }}
|
||||
暂无任务
|
||||
</div>
|
||||
|
||||
<div v-else class="list-stack">
|
||||
@ -34,7 +43,6 @@ const emit = defineEmits<{
|
||||
:class="{
|
||||
active: task.id === selectedTaskId,
|
||||
completed: task.status === 'completed',
|
||||
failed: task.status === 'failed',
|
||||
}"
|
||||
@click="emit('select', task.id)"
|
||||
>
|
||||
@ -43,15 +51,12 @@ const emit = defineEmits<{
|
||||
<span
|
||||
class="subtle"
|
||||
:class="{ 'status-active': task.status !== 'completed' && task.status !== 'failed' && task.status !== 'queued' }"
|
||||
>{{ $t(`taskQueue.status.${task.status}`) }}</span>
|
||||
>{{ statusLabel[task.status] }}</span>
|
||||
</div>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" :style="{ width: `${task.progress}%` }" />
|
||||
</div>
|
||||
<div v-if="task.status === 'failed'" class="failed-footer">
|
||||
<p class="error-text">{{ task.error }}</p>
|
||||
<button class="retry-button" type="button" @click.stop="emit('retry', task.id)">{{ $t('taskQueue.retry') }}</button>
|
||||
</div>
|
||||
<p v-if="task.error" class="error-text">{{ task.error }}</p>
|
||||
</button>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
26
src/i18n.ts
26
src/i18n.ts
@ -1,26 +0,0 @@
|
||||
import { createI18n } from 'vue-i18n'
|
||||
import zhCN from './locales/zh-CN'
|
||||
import en from './locales/en'
|
||||
|
||||
function detectSystemLocale(): string {
|
||||
const saved = localStorage.getItem('locale')
|
||||
if (saved) return saved
|
||||
|
||||
const lang = navigator.language
|
||||
if (lang.startsWith('zh')) return 'zh-CN'
|
||||
return 'en'
|
||||
}
|
||||
|
||||
const defaultLocale = detectSystemLocale()
|
||||
|
||||
export type Locale = 'zh-CN' | 'en'
|
||||
|
||||
export const i18n = createI18n({
|
||||
legacy: false,
|
||||
locale: defaultLocale,
|
||||
fallbackLocale: 'en',
|
||||
messages: {
|
||||
'zh-CN': zhCN,
|
||||
en,
|
||||
},
|
||||
})
|
||||
@ -1,77 +0,0 @@
|
||||
export default {
|
||||
app: {
|
||||
title: 'CrossSubtitle',
|
||||
credit: 'by {author}',
|
||||
collapse: 'Collapse',
|
||||
settings: 'Settings',
|
||||
submitting: 'Submitting...',
|
||||
addTask: 'Add Task',
|
||||
mode: 'Mode',
|
||||
source: 'Source',
|
||||
translate: 'Translate',
|
||||
targetLang: 'Target Language',
|
||||
chinese: 'Chinese',
|
||||
english: 'English',
|
||||
sourceLang: 'Source Language',
|
||||
bilingualExport: 'Bilingual Export',
|
||||
autoDetect: 'Auto Detect',
|
||||
advanced: 'Advanced Settings',
|
||||
feedback: {
|
||||
restoredDefaults: 'Restored default model paths',
|
||||
loadModelError: 'Failed to load default model paths: {message}',
|
||||
loadModelErrorFallback: 'Failed to load default model paths',
|
||||
bilingualOn: 'Bilingual export enabled',
|
||||
bilingualOff: 'Bilingual export disabled',
|
||||
fallbackSource: 'LLM API Key not set, falling back to source transcription',
|
||||
submitted: 'Submitted {count} tasks',
|
||||
submitFailed: 'Task submission failed',
|
||||
dialogError: 'Failed to open file dialog: {message}',
|
||||
dialogErrorFallback: 'Failed to open file dialog',
|
||||
},
|
||||
llm: {
|
||||
apiBase: 'LLM API Base',
|
||||
apiKey: 'LLM API Key',
|
||||
model: 'LLM Model',
|
||||
batchSize: 'Batch Size',
|
||||
contextSize: 'Context Size',
|
||||
},
|
||||
model: {
|
||||
whisper: 'Whisper Model',
|
||||
vad: 'VAD Model',
|
||||
defaultWhisper: 'Built-in Whisper Model',
|
||||
defaultVad: 'Built-in VAD Model',
|
||||
},
|
||||
pickFiles: 'Select Media Files',
|
||||
mediaFiles: 'Media Files',
|
||||
},
|
||||
taskQueue: {
|
||||
title: 'Tasks',
|
||||
subtitle: 'Select a task to view subtitles',
|
||||
empty: 'No tasks',
|
||||
retry: 'Retry',
|
||||
status: {
|
||||
queued: 'Queued',
|
||||
extracting: 'Extracting',
|
||||
vad_processing: 'VAD',
|
||||
transcribing: 'Transcribing',
|
||||
translating: 'Translating',
|
||||
completed: 'Completed',
|
||||
failed: 'Failed',
|
||||
},
|
||||
},
|
||||
editor: {
|
||||
title: 'Workspace',
|
||||
segments: '{count} segments',
|
||||
selectTask: 'Select a task from the left to start',
|
||||
empty: 'Select a task to view subtitles',
|
||||
emptyHint: 'Click a task in the list to start viewing',
|
||||
processing: 'Processing, please wait...',
|
||||
failed: 'Task failed, unable to generate subtitles',
|
||||
noSegments: 'No subtitle segments',
|
||||
waiting: 'Waiting for transcription...',
|
||||
translation: 'Translation',
|
||||
source: 'Source',
|
||||
logs: 'Logs',
|
||||
noLogs: 'No logs',
|
||||
},
|
||||
}
|
||||
@ -1,77 +0,0 @@
|
||||
export default {
|
||||
app: {
|
||||
title: 'CrossSubtitle',
|
||||
credit: 'by {author}',
|
||||
collapse: '收起',
|
||||
settings: '设置',
|
||||
submitting: '提交中...',
|
||||
addTask: '添加任务',
|
||||
mode: '模式',
|
||||
source: '原文',
|
||||
translate: '翻译',
|
||||
targetLang: '目标语言',
|
||||
chinese: '中文',
|
||||
english: '英文',
|
||||
sourceLang: '源语言',
|
||||
bilingualExport: '双语导出',
|
||||
autoDetect: '自动识别',
|
||||
advanced: '高级设置',
|
||||
feedback: {
|
||||
restoredDefaults: '已恢复默认模型路径',
|
||||
loadModelError: '读取默认模型路径失败：{message}',
|
||||
loadModelErrorFallback: '读取默认模型路径失败',
|
||||
bilingualOn: '已开启双语导出',
|
||||
bilingualOff: '已关闭双语导出',
|
||||
fallbackSource: '未填写 LLM API Key，已自动回退为原文转录',
|
||||
submitted: '已提交 {count} 个任务',
|
||||
submitFailed: '任务提交失败',
|
||||
dialogError: '打开文件对话框失败：{message}',
|
||||
dialogErrorFallback: '打开文件对话框失败',
|
||||
},
|
||||
llm: {
|
||||
apiBase: 'LLM API Base',
|
||||
apiKey: 'LLM API Key',
|
||||
model: 'LLM Model',
|
||||
batchSize: '批大小',
|
||||
contextSize: '上下文',
|
||||
},
|
||||
model: {
|
||||
whisper: 'Whisper 模型',
|
||||
vad: 'VAD 模型',
|
||||
defaultWhisper: '应用内置 Whisper 模型',
|
||||
defaultVad: '应用内置 VAD 模型',
|
||||
},
|
||||
pickFiles: '选择音视频文件',
|
||||
mediaFiles: '媒体文件',
|
||||
},
|
||||
taskQueue: {
|
||||
title: '任务',
|
||||
subtitle: '选择任务查看字幕',
|
||||
empty: '暂无任务',
|
||||
retry: '重试',
|
||||
status: {
|
||||
queued: '排队中',
|
||||
extracting: '抽取',
|
||||
vad_processing: 'VAD',
|
||||
transcribing: '识别',
|
||||
translating: '翻译',
|
||||
completed: '完成',
|
||||
failed: '失败',
|
||||
},
|
||||
},
|
||||
editor: {
|
||||
title: '字幕工作区',
|
||||
segments: '{count} 条片段',
|
||||
selectTask: '选择左侧任务后开始查看',
|
||||
empty: '选择任务后显示字幕',
|
||||
emptyHint: '点击左侧任务列表中的任务开始查看',
|
||||
processing: '正在处理中，请稍候...',
|
||||
failed: '任务处理失败，无法生成字幕',
|
||||
noSegments: '暂无字幕片段',
|
||||
waiting: '等待识别结果...',
|
||||
translation: '译文',
|
||||
source: '原文',
|
||||
logs: '日志',
|
||||
noLogs: '暂无日志',
|
||||
},
|
||||
}
|
||||
@ -1,7 +1,6 @@
|
||||
import { createApp } from 'vue'
|
||||
import { createPinia } from 'pinia'
|
||||
import App from './App.vue'
|
||||
import { i18n } from './i18n'
|
||||
import './style.css'
|
||||
|
||||
createApp(App).use(createPinia()).use(i18n).mount('#app')
|
||||
createApp(App).use(createPinia()).mount('#app')
|
||||
|
||||
@ -29,7 +29,6 @@ export const useTaskStore = defineStore('tasks', {
|
||||
selectedTaskId: '' as string,
|
||||
ready: false,
|
||||
unlisteners: [] as UnlistenFn[],
|
||||
pendingPayloads: {} as Record<string, StartTaskPayload>,
|
||||
}),
|
||||
getters: {
|
||||
selectedTask(state) {
|
||||
@ -112,24 +111,10 @@ export const useTaskStore = defineStore('tasks', {
|
||||
async startTask(payload: StartTaskPayload) {
|
||||
const task = await invoke<SubtitleTask>('start_subtitle_task', { payload })
|
||||
this.tasks.unshift(task)
|
||||
this.pendingPayloads[task.id] = payload
|
||||
this.logsByTaskId[task.id] = []
|
||||
this.selectedTaskId = task.id
|
||||
},
|
||||
|
||||
async retryTask(taskId: string) {
|
||||
const payload = this.pendingPayloads[taskId]
|
||||
if (!payload) return
|
||||
|
||||
const index = this.tasks.findIndex((t) => t.id === taskId)
|
||||
if (index >= 0) {
|
||||
this.tasks.splice(index, 1)
|
||||
}
|
||||
delete this.logsByTaskId[taskId]
|
||||
|
||||
await this.startTask(payload)
|
||||
},
|
||||
|
||||
selectTask(taskId: string) {
|
||||
this.selectedTaskId = taskId
|
||||
},
|
||||
|
||||
136
src/style.css
136
src/style.css
@ -3,30 +3,26 @@
|
||||
@tailwind utilities;
|
||||
|
||||
:root {
|
||||
--c-bg: #f5f5f7;
|
||||
--c-bg: #fafafa;
|
||||
--c-surface: #ffffff;
|
||||
--c-border: #d8d8e0;
|
||||
--c-border-hover: #c0c0cc;
|
||||
--c-border: #ebebeb;
|
||||
--c-border-hover: #d4d4d4;
|
||||
--c-text: #1a1a2e;
|
||||
--c-text-secondary: #505065;
|
||||
--c-text-tertiary: #7a7a8e;
|
||||
--c-text-secondary: #6b6b7b;
|
||||
--c-text-tertiary: #9999a8;
|
||||
--c-accent: #1a1a2e;
|
||||
--c-accent-hover: #353550;
|
||||
--c-focus: rgba(26, 26, 46, 0.12);
|
||||
--c-accent-hover: #2a2a3e;
|
||||
--c-focus: rgba(26, 26, 46, 0.08);
|
||||
--c-progress: #1a1a2e;
|
||||
--c-error: #dc2626;
|
||||
--c-success: #2d6a4f;
|
||||
--c-log-bg: #1a1a2e;
|
||||
--c-log-text: #d4d4d4;
|
||||
--c-accent-gradient: linear-gradient(135deg, #1a1a2e, #2d2d4a);
|
||||
--c-surface-gradient: linear-gradient(135deg, #ffffff, #f8f8fc);
|
||||
--c-progress-gradient: linear-gradient(90deg, #1a1a2e, #4a4a6e);
|
||||
--radius-sm: 6px;
|
||||
--radius-md: 10px;
|
||||
--radius-lg: 14px;
|
||||
--radius-full: 999px;
|
||||
--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
|
||||
--shadow-md: 0 4px 16px rgba(0, 0, 0, 0.08);
|
||||
--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
|
||||
--shadow-md: 0 4px 16px rgba(0, 0, 0, 0.06);
|
||||
--transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
||||
color: var(--c-text);
|
||||
background: var(--c-bg);
|
||||
@ -95,16 +91,15 @@ textarea {
|
||||
}
|
||||
|
||||
.panel {
|
||||
background: var(--c-surface-gradient);
|
||||
background: var(--c-surface);
|
||||
border: 1px solid var(--c-border);
|
||||
border-radius: var(--radius-lg);
|
||||
box-shadow: var(--shadow-sm);
|
||||
transition: box-shadow var(--transition), border-color var(--transition);
|
||||
transition: box-shadow var(--transition);
|
||||
}
|
||||
|
||||
.panel:hover {
|
||||
box-shadow: var(--shadow-md);
|
||||
border-color: var(--c-border-hover);
|
||||
}
|
||||
|
||||
.topbar {
|
||||
@ -246,7 +241,7 @@ textarea {
|
||||
.editor-input:focus {
|
||||
outline: none;
|
||||
border-color: var(--c-accent);
|
||||
box-shadow: 0 0 0 3px var(--c-focus), 0 1px 4px rgba(26, 26, 46, 0.06);
|
||||
box-shadow: 0 0 0 3px var(--c-focus);
|
||||
}
|
||||
|
||||
.check {
|
||||
@ -288,17 +283,16 @@ textarea {
|
||||
padding: 0 16px;
|
||||
border: 1px solid var(--c-accent);
|
||||
border-radius: var(--radius-sm);
|
||||
background: var(--c-accent-gradient);
|
||||
background: var(--c-accent);
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
font-weight: 500;
|
||||
font-weight: 400;
|
||||
letter-spacing: 0.01em;
|
||||
transition: background var(--transition), border-color var(--transition), transform 0.1s ease, box-shadow var(--transition);
|
||||
transition: background var(--transition), border-color var(--transition), transform 0.1s ease;
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
background: var(--c-accent-hover);
|
||||
box-shadow: 0 2px 8px rgba(26, 26, 46, 0.15);
|
||||
}
|
||||
|
||||
.button:active {
|
||||
@ -361,16 +355,15 @@ textarea {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
min-width: 26px;
|
||||
height: 26px;
|
||||
padding: 0 10px;
|
||||
min-width: 24px;
|
||||
height: 24px;
|
||||
padding: 0 8px;
|
||||
border-radius: var(--radius-full);
|
||||
background: var(--c-accent-gradient);
|
||||
color: #fff;
|
||||
background: var(--c-bg);
|
||||
color: var(--c-text-secondary);
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
letter-spacing: 0.02em;
|
||||
box-shadow: 0 1px 4px rgba(26, 26, 46, 0.15);
|
||||
font-weight: 500;
|
||||
border: 1px solid var(--c-border);
|
||||
}
|
||||
|
||||
.empty-state {
|
||||
@ -415,15 +408,10 @@ textarea {
|
||||
box-shadow: var(--shadow-sm);
|
||||
}
|
||||
|
||||
.task-item:hover {
|
||||
background: rgba(26, 26, 46, 0.02);
|
||||
}
|
||||
|
||||
.task-item.active {
|
||||
border-color: var(--c-accent);
|
||||
background: rgba(26, 26, 46, 0.04);
|
||||
border-left-color: var(--c-accent);
|
||||
box-shadow: inset 0 0 0 1px var(--c-accent), 0 2px 8px rgba(26, 26, 46, 0.06);
|
||||
background: rgba(26, 26, 46, 0.03);
|
||||
box-shadow: inset 0 0 0 1px var(--c-accent);
|
||||
}
|
||||
|
||||
.task-item.completed {
|
||||
@ -438,54 +426,11 @@ textarea {
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
border-radius: 50%;
|
||||
background: var(--c-success);
|
||||
box-shadow: 0 0 6px rgba(45, 106, 79, 0.4);
|
||||
}
|
||||
|
||||
.task-item.failed {
|
||||
border-color: var(--c-error);
|
||||
background: rgba(220, 38, 38, 0.03);
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.failed-footer {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
justify-content: space-between;
|
||||
gap: 8px;
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.failed-footer .error-text {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.retry-button {
|
||||
flex-shrink: 0;
|
||||
min-height: 26px;
|
||||
padding: 0 10px;
|
||||
border: 1px solid var(--c-error);
|
||||
border-radius: var(--radius-sm);
|
||||
background: transparent;
|
||||
color: var(--c-error);
|
||||
font-size: 11px;
|
||||
cursor: pointer;
|
||||
white-space: nowrap;
|
||||
transition: background var(--transition), color var(--transition);
|
||||
}
|
||||
|
||||
.retry-button:hover {
|
||||
background: var(--c-error);
|
||||
color: #fff;
|
||||
background: var(--c-success, #2d6a4f);
|
||||
}
|
||||
|
||||
.task-item {
|
||||
position: relative;
|
||||
border-left: 3px solid transparent;
|
||||
}
|
||||
|
||||
.truncate {
|
||||
@ -495,7 +440,7 @@ textarea {
|
||||
}
|
||||
|
||||
.progress {
|
||||
height: 3px;
|
||||
height: 2px;
|
||||
margin-top: 8px;
|
||||
background: var(--c-border);
|
||||
border-radius: var(--radius-full);
|
||||
@ -504,9 +449,8 @@ textarea {
|
||||
|
||||
.progress-bar {
|
||||
height: 100%;
|
||||
background: var(--c-progress-gradient);
|
||||
border-radius: var(--radius-full);
|
||||
transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
|
||||
background: var(--c-progress);
|
||||
transition: width 0.3s ease;
|
||||
}
|
||||
|
||||
.error-text {
|
||||
@ -524,15 +468,11 @@ textarea {
|
||||
|
||||
.source-text {
|
||||
margin: 10px 0;
|
||||
padding: 10px 12px;
|
||||
white-space: pre-wrap;
|
||||
word-break: break-word;
|
||||
font-size: 13px;
|
||||
color: var(--c-text);
|
||||
line-height: 1.6;
|
||||
background: var(--c-bg);
|
||||
border-radius: var(--radius-sm);
|
||||
border-left: 3px solid var(--c-border);
|
||||
}
|
||||
|
||||
.editor-input {
|
||||
@ -563,17 +503,15 @@ textarea {
|
||||
padding: 0 14px;
|
||||
border: 1px solid var(--c-border);
|
||||
border-radius: var(--radius-md);
|
||||
background: var(--c-surface-gradient);
|
||||
background: var(--c-surface);
|
||||
color: var(--c-text);
|
||||
cursor: pointer;
|
||||
font-weight: 500;
|
||||
transition: border-color var(--transition), background var(--transition), box-shadow var(--transition);
|
||||
transition: border-color var(--transition), background var(--transition);
|
||||
}
|
||||
|
||||
.log-toggle:hover {
|
||||
border-color: var(--c-border-hover);
|
||||
background: var(--c-bg);
|
||||
box-shadow: var(--shadow-sm);
|
||||
}
|
||||
|
||||
.log-panel {
|
||||
@ -641,26 +579,16 @@ textarea {
|
||||
|
||||
.task-item .status-active {
|
||||
color: var(--c-accent);
|
||||
font-weight: 600;
|
||||
position: relative;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.segment-item {
|
||||
border-left: 3px solid transparent;
|
||||
transition: border-color var(--transition), background var(--transition), box-shadow var(--transition);
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.segment-item:hover {
|
||||
border-left-color: var(--c-accent);
|
||||
background: rgba(26, 26, 46, 0.02);
|
||||
box-shadow: var(--shadow-sm);
|
||||
}
|
||||
|
||||
.segment-item:focus-within {
|
||||
border-left-color: var(--c-accent);
|
||||
background: rgba(26, 26, 46, 0.03);
|
||||
box-shadow: 0 0 0 1px rgba(26, 26, 46, 0.08);
|
||||
border-left-color: var(--c-border-hover);
|
||||
}
|
||||
|
||||
.segment-item .task-row {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user