imeepos
/
mixvideo-v2
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
视频混剪
27 Commits 1 Branch 0 Tags 7.3 MiB
Rust 52%
TypeScript 47%
CSS 0.8%
Go to file
imeepos c2e7b2c70f feat: 大幅增强ProjectCard - 添加统计信息和打开文件夹功能 
功能增强：
为首页项目列表中的ProjectCard添加了丰富的统计信息展示和便捷的文件夹操作功能，
让用户能够快速了解项目状态并方便地访问项目文件。

新增功能：
1. 项目统计信息展示：
   - 自动加载项目素材统计数据
   - 显示素材总数和总文件大小
   - 按类型分类显示（视频、音频、图片、其他）
   - 使用颜色编码区分不同文件类型

2. 打开文件夹功能：
   - 底部按钮栏新增文件夹图标按钮
   - 下拉菜单中添加'打开文件夹'选项
   - 支持Windows长路径格式处理
   - 双重备用机制确保兼容性

3. 加载状态优化：
   - 统计信息加载时显示加载状态
   - 静默处理加载失败，不影响卡片显示
   - 优雅的动画效果

技术实现：
1. 统计数据获取：
   - 使用get_project_material_stats命令
   - React hooks管理状态
   - useEffect自动加载数据

2. 文件夹操作：
   - 集成@tauri-apps/plugin-opener
   - 路径标准化处理
   - 错误处理和用户提示

3. UI设计：
   - 统计信息卡片式展示
   - 图标+数字的直观显示
   - 响应式布局适配

4. 数据格式化：
   - formatFileSize函数处理文件大小
   - 智能单位转换（B/KB/MB/GB/TB）

视觉效果：
 项目统计信息一目了然
 文件类型分布清晰展示
 便捷的文件夹访问按钮
 加载状态友好提示
 颜色编码增强可读性

用户体验：
- 快速了解项目规模和内容
- 一键打开项目文件夹
- 直观的文件类型分布
- 流畅的交互体验

现在首页的项目卡片功能更加完善，用户可以快速了解项目状态并便捷地进行文件管理！
 		2025-07-13 22:26:18 +08:00
.github/workflows Initial commit: MixVideo Desktop v0.1.0 2025-07-13 17:57:52 +08:00
apps/desktop feat: 大幅增强ProjectCard - 添加统计信息和打开文件夹功能 2025-07-13 22:26:18 +08:00
.gitignore Initial commit: MixVideo Desktop v0.1.0 2025-07-13 17:57:52 +08:00
0.1.1.md feat: 视频切分文件输出到项目待分类目录 2025-07-13 22:03:58 +08:00
Cargo.lock fix: 修复最大片段时长限制功能 2025-07-13 21:27:36 +08:00
Cargo.toml Initial commit: MixVideo Desktop v0.1.0 2025-07-13 17:57:52 +08:00
LICENSE add LICENSE. 2025-07-13 09:59:41 +00:00
README.md Initial commit: MixVideo Desktop v0.1.0 2025-07-13 17:57:52 +08:00
package.json release: MixVideo Desktop v0.1.1 2025-07-13 19:44:48 +08:00
pnpm-lock.yaml feat: 实现项目管理功能 v0.1.1 2025-07-13 18:46:58 +08:00
pnpm-workspace.yaml Initial commit: MixVideo Desktop v0.1.0 2025-07-13 17:57:52 +08:00
tsconfig.json Initial commit: MixVideo Desktop v0.1.0 2025-07-13 17:57:52 +08:00

README.md

MixVideo

🎬 MixVideo - 基于 Tauri 构建的跨平台多媒体处理桌面应用

✨ 特性

  • 🚀 跨平台: 支持 Windows、macOS、Linux
  • ⚡ 高性能: 基于 Rust + Tauri 2.0 构建
  • 🎨 现代界面: React + TypeScript + Vite
  • 🔧 可扩展: 支持多语言微服务架构
  • 📦 多包管理: PNPM Workspace + Cargo Workspace

🏗️ 项目结构

mixvideo/
├── apps/
│   └── desktop/           # Tauri 桌面应用
├── packages/
│   ├── services/          # 微服务 (Python, Rust)
│   └── shared/            # 共享代码和协议
├── tools/                 # 开发工具
└── docs/                  # 文档

🚀 快速开始

环境要求

  • Node.js 18+
  • Rust 1.70+
  • PNPM 8+

安装依赖

pnpm install

开发模式

# 启动桌面应用开发模式
pnpm tauri:dev

# 或者直接在 apps/desktop 目录下
cd apps/desktop
pnpm dev

构建应用

# 构建生产版本
pnpm tauri:build

# 或者在 apps/desktop 目录下
cd apps/desktop
pnpm tauri build

📦 发布

手动发布

  1. 构建应用: pnpm tauri:build
  2. 安装包位置: target/release/bundle/
    • Windows: .msi 和 .exe 安装包
    • macOS: .dmg 和 .app 包
    • Linux: .deb, .rpm 和 .AppImage

自动发布 (GitHub Actions)

  1. 创建新的 Git 标签:

    git tag v0.1.0
git push origin v0.1.0

  2. GitHub Actions 将自动构建并创建 Release

🛠️ 技术栈

桌面应用

  • 前端: React 18 + TypeScript + Vite
  • 后端: Rust + Tauri 2.0
  • 状态管理: 待定
  • UI 组件: 待定

微服务 (计划中)

  • Python 服务: FastAPI + gRPC
  • Rust 服务: Tonic + gRPC
  • 通信协议: Protocol Buffers

📝 开发指南

推荐 IDE

  • VS Code + 扩展:
    • Tauri
    • rust-analyzer
    • ES7+ React/Redux/React-Native snippets

代码规范

  • Rust: 使用 cargo fmt 和 cargo clippy
  • TypeScript: 使用 ESLint + Prettier
  • Python: 使用 Black + isort + flake8

🤝 贡献

欢迎提交 Issue 和 Pull Request！

📄 许可证

MIT License - 详见 LICENSE 文件

👨‍💻 作者

imeepos - GitHub