Chatvideo Yucut

V编辑器

英语| 中文

V编辑器 是一款基于人工智能的在线视频编辑器，让人工智能成为你的创意编辑总监。

🌐 现场演示: web-ai-media-editor.cn | 网络媒体编辑.xyz

______________________________________________________________________

✨ 主要特点

🤖 AI代理系统

V-Editor附带了完整的AI Agent系统，而不仅仅是简单的工具调用：

• 多阶段工作流 -Agent自动计划、执行、验证和修复
• 智能决策 -根据执行结果自动决定下一步
• 目视验证 -操作后自动捕获屏幕截图以验证效果
• 错误恢复 -遇到问题时自动尝试修复，而不仅仅是报告错误
• 上下文压缩 -长对话会自动压缩以保持响应速度
• 多型号支持 -支持Gemini、Claude、GPT等主流机型

🎬 动画IDE（原创）

V-Editor包括一个专门为视频动画构建的IDE：

• 时间同步 -The time 代码中的变量与时间线实时同步
• 谷歌搜索结果预览功能 -代码更改后立即在预览窗口中查看效果
• 拖动到调试 -拖动时间线，动画随之播放
• React组件 -使用Tailwind CSS和Framer Motion支持在React中编写动画
• 嵌入式视频检测 -自动识别HTML中的视频资源
• 动画节点标记 -AI可以自动生成动画关键帧标记

🎥 TransNet V2场景检测

内置深度学习场景检测，可自动识别视频中的镜头过渡：

• 一键检测 -自动分析视频并标记所有场景转换点
• 可调阈值 -根据视频类型调整检测灵敏度
• 自动拆分 -一键将检测到的场景添加到时间线中
• 短场景合并 -智能地合并过短的场景片段

🔍 媒体刮刀（V-Editor Box）

桌面版包括内置的媒体抓取器服务，可一键搜索和下载：

• 免费视频 -Mixkit高品质免版税视频
• 免费图像 -Pexels专业摄影
• 免费音乐 -无能（凯文·麦克劳德）+Mixkit音乐
• 视频下载 -yt-dlp支持YouTube、Bilibili、TikTok和1000多个平台

🔗 MCP协议支持

与Kiro、Cursor和Claude Desktop等AI IDE无缝集成：

• 从AI IDE直接操纵视频时间线
• AI可以查看时间线状态并捕获帧
• 实现代码和视频编辑之间的无缝协作

🎯 专业编辑能力

• 多轨道时间线 -支持无限制的轨道和层堆叠
• 关键帧动画 -设置不透明度、位置、比例和其他属性的动画
• 过渡效果 -褪色、滑动、擦拭（从Remotion移植）
• 3D相机移动 -摇动、变焦、希区柯克、轨道
• 语义搜索 -使用自然语言搜索媒体（CLIP模型）
• 字幕演讲 -用单词级时间戳悄悄地进行本地转录
• 一键语音错误编辑 -自动检测并删除口吃、重复、填充词

______________________________________________________________________

🖥️ 运行模式

V-Editor可以在两种环境中运行：

Web版本

直接访问已部署的URL或启动本地开发服务器。所有编辑功能都可用，但没有媒体抓取器。

V编辑器框（此项目）

内置媒体抓取器服务的电子桌面客户端：

• Mixkit免费视频/音乐
• 无像素图像
• yt-dlp视频下载（支持1000+平台）

______________________________________________________________________

🎮 用法

基本操作

1. 导入媒体 -将视频/图像/音频拖放到媒体库
2. 添加到时间线 -将媒体拖动到时间线
3. AI聊天 -在聊天框中用自然语言描述所需效果
4. 预览和导出 -实时预览和导出最终产品

键盘快捷键

AI助手示例

在聊天框中键入：

• “添加一个5秒的标题，上面写着‘欢迎’”
• “为视频添加淡入/淡出效果”
• “将此视频剪辑为10秒”
• “添加从左到右的幻灯片过渡”
• “设置为TikTok垂直格式”

______________________________________________________________________

🛠️ AI工具列表

编辑工具

查询工具

验证工具

媒体分析工具

搜索工具

媒体刮刀工具（仅限V编辑器框）

任务控制工具

______________________________________________________________________

🔗 MCP集成配置

V-Editor通过MCP服务器连接到AI IDE。连接流程：

1. 在AI IDE中配置MCP服务器
2. 打开V-Editor网页
3. 点击 MCP连接按钮 在网页上（自动连接或手动输入地址）

一键安装（npx方法）

添加到MCP配置文件中：

{
  "mcpServers": {
    "editor": {
      "command": "npx",
      "args": ["-y", "web-ai-editor-mcp-server@latest"],
      "env": {
        "EDITOR_WS_PORT": "9528"
      }
    }
  }
}

配置文件位置

连接步骤

1. 添加上述配置后，重新启动AI工具
2. 打开 web-ai-media-editor.cn
3. 点击 主控程序 网页右上角的按钮
4. 选择“自动连接”或手动输入 ws://localhost:9528
5. 一旦连接，AI就可以控制编辑器✅

______________________________________________________________________

🚀 部署与开发

Web版本部署

# Install dependencies
npm install

# Development mode
npm run dev

# Build production version
npm run build

V-Editor Box开发

cd v-editor-box

# Install dependencies
npm install

# Build scraper module
npm run build:scraper

# Start Electron app
npm start

构建桌面安装程序

npm run build:win    # Windows
npm run build:mac    # macOS
npm run build:linux  # Linux

环境变量

# AI Service Configuration (Optional)
VITE_OPENAI_API_KEY=your_api_key
VITE_OPENAI_BASE_URL=https://api.openai.com/v1

# Groq Speech Transcription (Optional)
VITE_GROQ_API_KEY=your_groq_key

______________________________________________________________________

📁 项目结构

v-editor/
├── src/                  # V-Editor frontend source code
│   ├── agentSystem.ts    # AI Agent system
│   ├── mcpBridge.ts      # MCP protocol bridge
│   └── App.tsx           # Main application
├── api/                  # Serverless API
└── v-editor-box/         # Electron desktop client
    ├── main.js           # Electron main process + HTTP service
    ├── scraper-src/      # Media scraper source code
    └── storage/          # Media storage directory

______________________________________________________________________

📄 许可证

MIT许可证