/video-editing-timeline

Timeline for video editing(为视频编辑而写时间线)

Primary LanguageTypeScriptMIT LicenseMIT

video-editing-timeline

The video-editing-timeline repo contains three packages: video-editing-timeline (native version), video-editing-timeline-react (react version), and video-editing-timelinevue (vue version). You can install the corresponding version as required

Features

  • 💻 使用 TypeScript 编写，提供完善的类型定义
  • 🚀 小巧，不到10K大小，Gzip压缩后不到3K
  • 📦 提供cjs、es、umd三种格式
  • 🎉 提供Vue、React组件包

install

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

// yarn
yarn add video-editing-timeline

usage

<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)