https://github.com/pansyjs/video-range-bar

截取视频片段条，支持pc和mobile
https://github.com/pansyjs/video-range-bar

bar clips range typescript video video-editing

Last synced: 12 months ago
JSON representation

截取视频片段条，支持pc和mobile

• Host: GitHub
• URL: https://github.com/pansyjs/video-range-bar
• Owner: pansyjs
• Created: 2021-07-05T09:20:05.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2023-12-15T08:32:13.000Z (over 2 years ago)
• Last Synced: 2024-10-28T14:59:07.877Z (over 1 year ago)
• Topics: bar, clips, range, typescript, video, video-editing
• Language: HTML
• Homepage: https://video-range-bar.vercel.app/
• Size: 480 KB
• Stars: 12
• Watchers: 3
• Forks: 3
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# video-range-bar

> 截取视频片段操作场景打造组件库

## Preview Picture

![Preview Picture](https://cdn.jsdelivr.net/gh/wangxingkang/pictures@latest/imgs/20210707183938.png)

## ✨ Features

- 💻 使用 TypeScript 编写，提供完善的类型定义

- 💻 支持移动和 pc 端

- 🚀 小巧，不到 10K 大小，Gzip 压缩后不到 3K

- 📦 提供`cjs`、`es`、`umd`三种格式

- 🎉 提供`Vue`、`React`组件包

## 🏗 Install

```

// npm

npm install video-range-bar --save

// yarn

yarn add video-range-bar

```

## 🔨 Usage

```html



```


```js

import VideoRangeBar from 'video-range-bar';

new VideoRangeBar({

  id: 'video-range-bar',

  startLeftSlider(value) {

    // 左滑块按下回调

  },

  startRightSlider(value) {

    // 右滑块按下回调

  },

  moveLeftSlider(value) {

    // 左滑块拖动回调

  },

  moveRightSlider(value) {

    // 右滑块拖动回调

  },

});

```