/VideoEditor

网页视频编辑器

Primary LanguageTypeScript

VideoEdit

介绍

基于 ffmpeg 的使用 vue3 + ts 开发的纯前端视频剪辑器

特性

  1. 完整的eslint、stylelint配置,严格的ts类型限制
  2. vue3 + ts + vite + vueuse + pinia
  3. ffmpeg、wasm 底层音视频处理集成
  4. WebWorker + OffscreenCanvas 异步进行帧计算、绘制

功能

  1. 支持深色模式(使用element-plus)
  2. 支持云素材(暂为mock模拟)以及本地上传素材
  3. 支持拖拽添加资源(拖拽放置时显示提示线)
  4. 支持表单调整资源位置、属性
  5. 支持音视频裁剪,以及添加贴图、文字
  6. 支持时间轴缩放(ctrl+滚轮),最多显示30帧
  7. 支持播放预览
  8. 添加操作撤销、重做功能

下一步

  1. 添加导出功能
  2. 添加拖拽调节资源大小、位置功能
  3. 添加持久化存储功能
  4. 改善性能
  5. ...

预览

image

image

image