feat(frontend/vditor): 实现基于 FFmpeg.wasm 的视频压缩功能

- 添加视频压缩相关配置和工具函数
- 实现 FFmpeg.wasm 初始化和视频压缩功能
- 优化文件上传流程，支持视频文件压缩

frontend_nuxt/utils/videoCompressor.js

@@ -0,0 +1,79 @@
+/**
+ * 基于 FFmpeg.wasm 的视频压缩工具
+ * 专为现代浏览器 (Chrome/Safari) 优化
+ */
+
+import { UPLOAD_CONFIG } from '../config/uploadConfig.js'
+import { compressVideoWithFFmpeg, isFFmpegSupported } from './ffmpegVideoCompressor.js'
+import { useNuxtApp } from '#app'
+
+// 导出配置供外部使用
+export const VIDEO_CONFIG = UPLOAD_CONFIG.VIDEO
+
+/**
+ * 检查文件大小是否超出限制
+ */
+export function checkFileSize(file) {
+  return {
+    isValid: file.size <= VIDEO_CONFIG.MAX_SIZE,
+    actualSize: file.size,
+    maxSize: VIDEO_CONFIG.MAX_SIZE,
+    needsCompression: file.size > VIDEO_CONFIG.TARGET_SIZE,
+  }
+}
+
+/**
+ * 格式化文件大小显示
+ */
+export function formatFileSize(bytes) {
+  if (bytes === 0) return '0 B'
+  const k = 1024
+  const sizes = ['B', 'KB', 'MB', 'GB']
+  const i = Math.floor(Math.log(bytes) / Math.log(k))
+  return parseFloat((bytes / Math.pow(k, i)).toFixed(1)) + ' ' + sizes[i]
+}
+
+/**
+ * 压缩视频文件 - 使用 FFmpeg.wasm
+ */
+export async function compressVideo(file, onProgress = () => {}) {
+  // 检查是否需要压缩
+  const sizeCheck = checkFileSize(file)
+  if (!sizeCheck.needsCompression) {
+    onProgress({ stage: 'completed', progress: 100 })
+    return file
+  }
+
+  // 检查 FFmpeg 支持
+  if (!isFFmpegSupported()) {
+    throw new Error('当前浏览器不支持视频压缩功能，请使用 Chrome 或 Safari 浏览器')
+  }
+
+  try {
+    const { $ffmpeg } = useNuxtApp()
+    const ff = await $ffmpeg()
+    return await compressVideoWithFFmpeg(ff, file, { onProgress })
+  } catch (error) {
+    console.error('FFmpeg 压缩失败:', error)
+    throw new Error(`视频压缩失败: ${error.message}`)
+  }
+}
+
+/**
+ * 预加载 FFmpeg（可选的性能优化）
+ */
+export async function preloadVideoCompressor() {
+  try {
+    // FFmpeg 初始化现在通过 Nuxt 插件处理
+    // 这里只需要检查支持性
+    if (!isFFmpegSupported()) {
+      throw new Error('当前浏览器不支持 FFmpeg')
+    }
+    const { $ffmpeg } = useNuxtApp()
+    await $ffmpeg()
+    return { success: true, message: 'FFmpeg 预加载成功' }
+  } catch (error) {
+    console.warn('FFmpeg 预加载失败:', error)
+    return { success: false, error: error.message }
+  }
+}