imeepos
/
mixvideo-v2
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
视频混剪
134 Commits 1 Branch 0 Tags 7.3 MiB
Rust 52%
TypeScript 47%
CSS 0.8%
Go to file
imeepos 49bc9211d6 feat: 重构MaterialSegmentView为多条件检索标签页风格 
核心功能重构:
- 将MaterialSegmentView改为多条件检索的标签页风格
- 实现AI分类和模特两个主要检索维度
- 移除折叠/展开功能，改为直接平铺Card卡片风格

 标签页检索系统:
- AI分类标签页：显示所有分类选项及对应数量
- 模特标签页：显示所有模特选项及对应数量
- 全部选项：显示总片段数量
- 动态数量显示：每个选项显示对应的片段数量

 UI/UX优化:
- Card卡片风格：每个片段使用独立卡片展示
- 缩略图显示：支持视频缩略图预览
- 标签信息：显示分类、模特、置信度等信息
- 操作按钮：查看、编辑、删除等快捷操作
- 搜索功能：支持按片段名称、分类、模特搜索

 数据展示优化:
- 时长格式化：MM:SS格式显示时间
- 置信度显示：百分比形式显示AI分类置信度
- 状态标签：不同颜色区分分类和模特信息
- 响应式布局：适配不同屏幕尺寸

 技术实现:
- 使用get_project_segment_view API获取数据
- useMemo优化性能，避免不必要的重新计算
- TypeScript类型安全，完整的接口定义
- 错误处理和加载状态管理

 交互体验:
- 标签页切换：平滑的标签页切换动画
- 过滤选择：点击标签即可过滤对应内容
- 实时搜索：输入即时过滤结果
- 空状态处理：友好的空数据提示

 性能优化:
- 智能过滤：基于选中标签和搜索词的组合过滤
- 数据缓存：避免重复API调用
- 组件优化：使用React hooks优化渲染性能

这个重构完全满足了用户的需求：
1.  检索风格改为标签页
2.  AI分类和模特维度，显示全部/具体选项+数量
3.  内容直接平铺Card卡片风格，无折叠/展开
4.  合理规划内容布局，美观易用
 		2025-07-15 21:26:53 +08:00
.github/workflows Initial commit: MixVideo Desktop v0.1.0 2025-07-13 17:57:52 +08:00
apps/desktop feat: 重构MaterialSegmentView为多条件检索标签页风格 2025-07-15 21:26:53 +08:00
docs docs: 添加项目一键AI分类功能开发文档 2025-07-14 18:29:28 +08:00
.gitignore Initial commit: MixVideo Desktop v0.1.0 2025-07-13 17:57:52 +08:00
Cargo.lock feat: 完善模板导入功能 2025-07-14 21:34:07 +08:00
Cargo.toml Initial commit: MixVideo Desktop v0.1.0 2025-07-13 17:57:52 +08:00
HOTFIX_TEST_GUIDE.md hotfix: 修复 Windows 上 FFmpeg/FFprobe 命令行闪现问题 2025-07-13 23:06:22 +08:00
LICENSE add LICENSE. 2025-07-13 09:59:41 +00:00
OPTIMIZATION_PLAN.md feat: 优化模特管理界面UI/UX设计 2025-07-14 10:45:08 +08:00
README.md Initial commit: MixVideo Desktop v0.1.0 2025-07-13 17:57:52 +08:00
RELEASE-v0.1.9.md docs: 添加 v0.1.9 发布说明 2025-07-14 18:41:56 +08:00
RELEASE_NOTES_0.1.6.md chore: 发布 v0.1.6 版本 2025-07-14 10:50:17 +08:00
RELEASE_NOTES_v0.1.2.md hotfix: 修复 Windows 上 FFmpeg/FFprobe 命令行闪现问题 2025-07-13 23:06:22 +08:00
RELEASE_NOTES_v0.1.5.md docs: add release notes for v0.1.5 2025-07-14 00:34:07 +08:00
SELECT_COMPONENT_OPTIMIZATION.md feat: 优化模特管理界面UI/UX设计 2025-07-14 10:45:08 +08:00
UI_SIZE_OPTIMIZATION_SUMMARY.md feat: 优化模特管理界面UI/UX设计 2025-07-14 10:45:08 +08:00
UI_UX_OPTIMIZATION_SUMMARY.md feat: 优化模特管理界面UI/UX设计 2025-07-14 10:45:08 +08:00
package.json feat: 添加项目详情/素材管理的MaterialSegment聚合视图功能 2025-07-15 16:49:08 +08:00
pnpm-lock.yaml feat: 添加项目详情/素材管理的MaterialSegment聚合视图功能 2025-07-15 16:49:08 +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