video-editing-timeline-react

Timeline for video editing

Usage no npm install needed!

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

README

video-editing-timeline-react

install

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

// yarn
yarn add  video-editing-timeline-react

usage

import React from 'react';
import VideoEditingTimeline from 'video-editing-timeline-react';

export default () => {
  const config = {
      canvasWidth: 5000,
      canvasHeight: 50,
      minimumScale: 10, // 一个小刻度长度(单位px)
      minimumScaleTime: 1, // 一个小刻度代表时间(单位秒)
  };
  
  return <VideoEditingTimeline config={config} />;
};