video-editing-timeline

Timeline for video editing

Usage no npm install needed!

<script type="module">
  import videoEditingTimeline from 'https://cdn.skypack.dev/video-editing-timeline';
</script>

README

video-editing-timeline

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)