pansyjs / video-range-bar

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

Home Page:https://video-range-bar.vercel.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

video-range-bar

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

Preview Picture

Preview Picture

✨ Features

  • 💻 使用 TypeScript 编写,提供完善的类型定义
  • 💻 支持移动和 pc 端
  • 🚀 小巧,不到 10K 大小,Gzip 压缩后不到 3K
  • 📦 提供cjsesumd三种格式
  • 🎉 提供VueReact组件包

🏗 Install

// npm
npm install video-range-bar --save

// yarn
yarn add video-range-bar

🔨 Usage

<div id="video-range-bar"></div>
import VideoRangeBar from 'video-range-bar';

new VideoRangeBar({
  id: 'video-range-bar',
  startLeftSlider(value) {
    // 左滑块按下回调
  },
  startRightSlider(value) {
    // 右滑块按下回调
  },
  moveLeftSlider(value) {
    // 左滑块拖动回调
  },
  moveRightSlider(value) {
    // 右滑块拖动回调
  },
});

About

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

https://video-range-bar.vercel.app/


Languages

Language:HTML 56.9%Language:TypeScript 31.7%Language:Less 8.2%Language:Vue 2.0%Language:JavaScript 1.2%