跳到主要内容

视频剪辑区间选择

  • 可以使用 noUiSlider 来封装一个 Vue 3 组件,实现通过左右拖动来选择剪辑时间段。

特点:

  • 使用 noUiSlider 封装成 Vue 3 组件;
  • 支持双滑块(左边为开始时间,右边为结束时间);
  • 可自定义最大时长(如视频总时长);
  • 拖动时实时显示当前区间;
  • 支持外部控制更新;
  • 拖动结束时触发事件(如更新剪辑范围)。

noUiSlider​

自定义滑块手柄​