/videoEdit

vue前端视频剪辑(视频编辑)、视频拆条,云剪辑、云拆条。demo地址

Primary LanguageVue

前言

没啥要说的,使用vue重新改写了视频云剪辑,云拆条。时间精力有限,闲下来的时候会持续更新。虽然在原先1.0的基础上有很多的用户咨询该实现方法。但是本次我还是不准备建立群聊(怕被催更),写这个纯属兴趣没有任何利益可言。如有有帮助到你,右上角 点个 star 足以;原1.0版已复制到根目录video-edit-v1.0;缓慢更新中...(作者已转岗产品,是在太忙大概率不会更新新版本,所有源码均已提交,若想要沟通交流转岗相关作者wx:deng9466)

v1.5界面截图(演示地址:http://docs.fst1994.com/wm/v1.5/index.html)

v1.0 界面截图(演示地址:http://docs.fst1994.com/wm/demo/index.html)

安装

npm install

运行

npm run serve



运行v1.0版本

cd video-edit-v1.0

npm install 

npm run serve

功能清单

v1.0

  • 视频分段剪辑,打入打出点;

  • canvas刻度尺 调整不同时间刻度,并适配剪辑的短视频宽度

  • 支持对每段剪辑视频的编辑,拖拽,改变宽度以及左侧距离

  • 双击刻度尺调整当前时间位置

  • 支持对某一段视频进行删除修改标题

  • 支持对拆条视频左右微调

  • 反选当前剪切的视频片段

  • 自动拆分视频,平均拆分视频

  • 支持视频 上一帧,下一帧

  • 内置部分快捷供快捷使用 具体参照例子

v1.5

  • 支持多轨道(视频轨道、音频轨道、字幕轨道、图片轨道)
  • 支持多类型拖拽形成轨道
  • 支持轨道拖拽、移动、改变大小
  • 支持改变轨道刻度基准
  • 支持改变轨道自适应现轨道长度

v2.0(计划更新)

  • 可视化预览
  • bug优化
  • 字幕生成、预览
  • 图片生成、预览

编码思路

心路历程:https://www.showdoc.com.cn/1381593190149892?page_id=6817692108459109