video-range-bar

video clips bar

Usage no npm install needed!

<script type="module">
  import videoRangeBar from 'https://cdn.skypack.dev/video-range-bar';
</script>

README

video-range-bar

Preview Picture

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) {
    // 右滑块拖动回调
  },
});

Example

video-range-bar