https://github.com/pansyjs/video-editing-timeline
Timeline for video editing(为视频编辑而写时间线)
https://github.com/pansyjs/video-editing-timeline
clip cut editing timeline video video-clip video-cut video-editing
Last synced: 7 months ago
JSON representation
Timeline for video editing(为视频编辑而写时间线)
- Host: GitHub
- URL: https://github.com/pansyjs/video-editing-timeline
- Owner: pansyjs
- License: mit
- Created: 2021-01-16T12:27:26.000Z (almost 5 years ago)
- Default Branch: main
- Last Pushed: 2023-12-15T14:31:58.000Z (almost 2 years ago)
- Last Synced: 2024-05-28T18:41:47.938Z (over 1 year ago)
- Topics: clip, cut, editing, timeline, video, video-clip, video-cut, video-editing
- Language: TypeScript
- Homepage: https://video-editing-timeline.vercel.app/
- Size: 179 KB
- Stars: 77
- Watchers: 6
- Forks: 16
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
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
``` html
```
```
import VideoEditingTimeline from 'video-editing-timeline';
const config = {
el: "#canvas",
canvasWidth: 5000,
canvasHeight: 50,
minimumScale: 10, // 一个小刻度长度(单位px)
minimumScaleTime: 1, // 一个小刻度代表时间（单位秒）
}
const videoEditingTimeline = new VideoEditingTimeline(config)
```