Repository files navigation

一方云剪是一款不依赖服务器服务的视频剪辑站点，通过整合@hughfenghen 作者的 WebAV、opfs-tools，添加一些必要的剪辑功能，希望能给相关开发者更多的帮助和启发。如果对您有帮助，请给个 star 支持一下。如果在使用中遇到问题，请在 issue 中提出，也欢迎提交 PR。

https://github.com/caohongz/yifang-clip

https://caohongz.github.io/yifang-clip/

1. 多轨道编辑

   • 支持多个视频、音频、图片和文字轨道
   • 轨道间支持拖拽排序和位置调整
   • 轨道操作历史记录
   • 最多支持 10 个并行轨道

2. 媒体剪辑功能

   • 视频分割
   • 音频波形可视化
   • 视频帧级精确定位
   • 支持动态图片（GIF）
   • 支持视频片段的音量调节
   • 支持视频片段的滤镜

3. 文字编辑功能

   • 丰富的文字样式设置
   • 自定义字体大小、颜色
   • 文字阴影和描边效果
   • 多种文本对齐方式

4. 实时预览

   • 实时预览编辑效果
   • 支持全屏预览
   • 帧进帧退精确预览
   • 自适应画布尺寸

5. 项目管理

   • 本地项目保存

6. 导出功能

   • 支持导出 MP4 格式
   • 导出进度实时显示
   • 支持中断导出操作

7. 本地化存储

   • 使用 IndexedDB 存储项目数据
   • 使用 OPFS 存储媒体文件
   • 无需服务器即可运行
   • 保护用户隐私数据

8. 用户界面

   • 现代化深色主题界面
   • 响应式布局设计
   • 可调节编辑区域比例
   • 友好的拖放操作体验

1. 浏览器兼容性

   • 仅支持本地部署或 HTTPS 协议
   • 仅支持 Chrome 102+和 Edge 102+版本
   • 建议使用最新版 Chrome 或 Edge 以获得最佳体验

2. 存储限制

   • 使用 IndexedDB 存储项目数据
   • 使用 OPFS (Origin Private File System) 存储媒体文件
   • 注意浏览器存储空间限制

3. 性能考虑

   • 建议处理 1080p 以下视频
   • 长视频处理可能需要较长时间
   • 导出时占用资源较多,请耐心等待

• Vue 3
• TypeScript
• Element Plus
• WebCodecs API
• WebAV
• PIXI.js (v7.4.2)
• IndexedDB
• Tailwind CSS

1. Fork 本仓库
2. 创建特性分支 (git checkout -b feature/AmazingFeature)
3. 提交更改 (git commit -m 'Add some AmazingFeature')
4. 推送到分支 (git push origin feature/AmazingFeature)
5. 提交 Pull Request

• @hughfenghen/WebAV
• @hughfenghen/opfs-tools

如有合作意向可通过邮箱：adige2020@163.com请简要说明情况

MIT License - 详见LICENSE 文件