视频编辑时间线开源了

1,678 阅读1分钟

video-editing-timeline

专为视频编辑场景定制时间线,欢迎star,fork,提供原生版和vue版,react版本

特性

  • 💻 使用 TypeScript 编写,提供完善的类型定义
  • 🚀 小巧,不到10K大小,Gzip压缩后不到3K
  • 📦 提供cjsesumd三种格式
  • 🎉 提供VueReact组件包

如何安装

// npm
npm install video-editing-timeline --save

// yarn
yarn add video-editing-timeline

怎么使用


<canvas id='timeline' />

import VideoEditingTimeline from 'video-editing-timeline';

const config = {
    el: "#canvas",
    canvasWidth: 5000,
    canvasHeight: 50,
    minimumScale: 10, // 一个小刻度长度(单位px)
    minimumScaleTime: 1, // 一个小刻度代表时间(单位秒)
}

const videoEditingTimeline = new VideoEditingTimeline(config)