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

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

frontend_nuxt/config/uploadConfig.js

@@ -0,0 +1,137 @@
+/**
+ * 文件上传配置 - 简化版
+ * 专注于 FFmpeg.wasm 视频压缩，支持 Chrome/Safari
+ */
+
+// 声明全局变量以避免 TypeScript 错误
+/* global useRuntimeConfig */
+
+// 简化的环境变量读取功能
+function getEnvNumber(key, defaultValue) {
+  if (typeof window !== 'undefined') {
+    // 客户端：尝试从 Nuxt 环境获取
+    try {
+      // 使用 globalThis 避免直接引用未定义的变量
+      const nuxtApp = globalThis.$nuxt || globalThis.nuxtApp
+      if (nuxtApp && nuxtApp.$config) {
+        const value = nuxtApp.$config.public?.[key.replace('NUXT_PUBLIC_', '').toLowerCase()]
+        return value ? Number(value) : defaultValue
+      }
+      return defaultValue
+    } catch {
+      return defaultValue
+    }
+  }
+  // 服务端：从 process.env 获取
+  return process.env[key] ? Number(process.env[key]) : defaultValue
+}
+
+function getEnvBoolean(key, defaultValue) {
+  if (typeof window !== 'undefined') {
+    try {
+      // 使用 globalThis 避免直接引用未定义的变量
+      const nuxtApp = globalThis.$nuxt || globalThis.nuxtApp
+      if (nuxtApp && nuxtApp.$config) {
+        const value = nuxtApp.$config.public?.[key.replace('NUXT_PUBLIC_', '').toLowerCase()]
+        return value === 'true' || value === true
+      }
+      return defaultValue
+    } catch {
+      return defaultValue
+    }
+  }
+  const envValue = process.env[key]
+  return envValue ? envValue === 'true' : defaultValue
+}
+
+export const UPLOAD_CONFIG = {
+  // 视频文件配置 - 专为 FFmpeg.wasm 优化
+  VIDEO: {
+    // 文件大小限制 (字节)
+    MAX_SIZE: getEnvNumber('NUXT_PUBLIC_VIDEO_MAX_SIZE', 20 * 1024 * 1024), // 5MB
+    TARGET_SIZE: getEnvNumber('NUXT_PUBLIC_VIDEO_TARGET_SIZE', 5 * 1024 * 1024), // 5MB
+
+    // 支持的输入格式 (FFmpeg.wasm 支持更多格式)
+    SUPPORTED_FORMATS: ['mp4', 'webm', 'avi', 'mov', 'wmv', 'flv', 'mkv', 'm4v', 'ogv'],
+
+    // 输出格式 - MP4 (兼容性最好)
+    OUTPUT_FORMAT: 'mp4',
+    OUTPUT_CODEC: 'h264',
+  },
+
+  // 图片文件配置
+  IMAGE: {
+    MAX_SIZE: 5 * 1024 * 1024, // 5MB
+    TARGET_SIZE: 5 * 1024 * 1024, // 5MB
+    SUPPORTED_FORMATS: ['jpg', 'jpeg', 'png', 'gif', 'webp', 'svg', 'bmp'],
+  },
+
+  // 音频文件配置
+  AUDIO: {
+    MAX_SIZE: 5 * 1024 * 1024, // 5MB
+    TARGET_SIZE: 5 * 1024 * 1024, // 5MB
+    SUPPORTED_FORMATS: ['mp3', 'wav', 'ogg', 'aac', 'm4a'],
+  },
+
+  // 通用文件配置
+  GENERAL: {
+    MAX_SIZE: 100 * 1024 * 1024, // 100MB
+    CHUNK_SIZE: 5 * 1024 * 1024, // 5MB 分片大小
+  },
+
+  // 用户体验配置
+  UI: {
+    SUCCESS_DURATION: 2000,
+    ERROR_DURATION: 3000,
+    WARNING_DURATION: 3000,
+  },
+}
+
+/**
+ * 获取文件类型配置
+ */
+export function getFileTypeConfig(filename) {
+  const ext = filename.split('.').pop().toLowerCase()
+
+  if (UPLOAD_CONFIG.VIDEO.SUPPORTED_FORMATS.includes(ext)) {
+    return { type: 'video', config: UPLOAD_CONFIG.VIDEO }
+  }
+
+  if (UPLOAD_CONFIG.IMAGE.SUPPORTED_FORMATS.includes(ext)) {
+    return { type: 'image', config: UPLOAD_CONFIG.IMAGE }
+  }
+
+  if (UPLOAD_CONFIG.AUDIO.SUPPORTED_FORMATS.includes(ext)) {
+    return { type: 'audio', config: UPLOAD_CONFIG.AUDIO }
+  }
+
+  return { type: 'general', config: UPLOAD_CONFIG.GENERAL }
+}
+
+/**
+ * 格式化文件大小
+ */
+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]
+}
+
+/**
+ * 计算压缩节省的费用 (示例函数)
+ */
+export function calculateSavings(originalSize, compressedSize, costPerMB = 0.01) {
+  const originalMB = originalSize / (1024 * 1024)
+  const compressedMB = compressedSize / (1024 * 1024)
+  const savedMB = originalMB - compressedMB
+  const savedCost = savedMB * costPerMB
+
+  return {
+    savedMB: savedMB.toFixed(2),
+    savedCost: savedCost.toFixed(4),
+    originalCost: (originalMB * costPerMB).toFixed(4),
+    compressedCost: (compressedMB * costPerMB).toFixed(4),
+  }
+}