@cloud-app-dev/vidc 4.0.20 → 4.0.22

package/es/ScreenPlayer/useTimeSlider.js

@@ -0,0 +1,456 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useEventListener, useSize, useUpdateEffect } from 'ahooks';
+import moment from 'dayjs';
+import { useEffect, useMemo, useRef, useState } from 'react';
+import nextTick from "../nextTick";
+var hours = [1, 6, 12, 24];
+var currentColor = '#FF000A';
+var normalLineColor = '#ffffff';
+var hoverLineColor = '#319BFF';
+var minPerStep = [1, 2, 5, 10, 15, 20, 30, 60, 120, 180, 240, 360, 720, 1440];
+var minStepSize = 20;
+var distance_between_gtitle = 80;
+
+/**
+ * 下一个刻度
+ */
+function ms_to_next_step(timestamp, step) {
+  var remainder = timestamp % step;
+  return remainder ? step - remainder : 0;
+}
+
+/**
+ * 返回 2018-01-01 10:00:00 格式时间
+ * @param {*} time
+ */
+function formartTimestemp(time) {
+  return moment(time).format('YYYY-MM-DD HH:mm:ss');
+}
+/**
+ * 返回时间轴上刻度的时间
+ * @param {*} datetime new Date 格式
+ */
+function graduation_title(datetime) {
+  var mom = moment(datetime);
+  var h = mom.get('hours');
+  var m = mom.get('minutes');
+  var s = mom.get('seconds');
+  if (h === 0 && m === 0 && s === 0) {
+    return mom.format('YYYY.MM.DD');
+  }
+  return mom.format('HH:mm');
+}
+
+/**
+ * 绘制线条
+ */
+function drawLine(ctx, beginX, beginY, endX, endY, color, width) {
+  ctx.beginPath();
+  ctx.moveTo(beginX, beginY);
+  ctx.lineTo(endX, endY);
+  ctx.strokeStyle = color;
+  ctx.lineWidth = width;
+  ctx.stroke();
+}
+function drawText(ctx, _ref) {
+  var fillStyle = _ref.fillStyle,
+    font = _ref.font,
+    text = _ref.text,
+    x = _ref.x,
+    y = _ref.y;
+  ctx.fillStyle = fillStyle;
+  ctx.font = font;
+  ctx.fillText(text, x, y);
+}
+function useTimeSlider(canvasRef, _ref2) {
+  var hoursPer = _ref2.hoursPer,
+    begin = _ref2.begin,
+    currentTime = _ref2.currentTime,
+    _ref2$segments = _ref2.segments,
+    segments = _ref2$segments === void 0 ? [] : _ref2$segments,
+    onTimeChange = _ref2.onTimeChange,
+    onHoursPerChange = _ref2.onHoursPerChange;
+  var _useState = useState({
+      hoursPer: hoursPer,
+      begin: begin,
+      currentTime: currentTime,
+      hover: {
+        x: 0,
+        time: undefined
+      }
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
+  var extRef = useRef({
+    mousedownTime: undefined,
+    mousedownX: 0
+  });
+  var size = useSize(canvasRef);
+  var canvas = canvasRef.current;
+  var _useMemo = useMemo(function () {
+      return size ? size : {
+        width: 0,
+        height: 0
+      };
+    }, [size]),
+    width = _useMemo.width,
+    height = _useMemo.height;
+  var ctx = canvas === null || canvas === void 0 ? void 0 : canvas.getContext('2d');
+  var update = function update() {
+    var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    return setState(function (old) {
+      return _objectSpread(_objectSpread({}, old), params);
+    });
+  };
+  var clearCanvas = function clearCanvas() {
+    return ctx === null || ctx === void 0 ? void 0 : ctx.clearRect(0, 0, width, height);
+  };
+
+  /**
+   * 绘制覆盖时间刻度颜色，表示有录像的部分
+   */
+  var drawOverlay = function drawOverlay() {
+    segments.forEach(function (item) {
+      var px_ms = width / (state.hoursPer * 60 * 60 * 1000); // px/ms
+      var beginX = (item.beginTime - state.begin) * px_ms;
+      var scale_width = (item.endTime - item.beginTime) * px_ms;
+      if (ctx) {
+        var _item$style;
+        ctx.fillStyle = item.url ? ((_item$style = item.style) === null || _item$style === void 0 ? void 0 : _item$style.background) || hoverLineColor : '#242C3D';
+        ctx.fillRect(beginX, height - 10, scale_width + 1, height);
+      }
+    });
+  };
+
+  /**
+   * 绘制刻度相关的
+   */
+  var drawScale = function drawScale() {
+    var px_per_min = width / (state.hoursPer * 60); // px/min
+    var px_per_ms = width / (state.hoursPer * 60 * 60 * 1000); // px/ms
+    var px_per_step = minStepSize; // px/格 默认最小值20px
+    var min_per_step = px_per_step / px_per_min; // min/格
+
+    for (var i = 0; i < minPerStep.length; i++) {
+      if (min_per_step <= minPerStep[i]) {
+        //让每格时间在minutes_per_step规定的范围内
+        min_per_step = minPerStep[i];
+        px_per_step = px_per_min * min_per_step;
+        break;
+      }
+    }
+    var medium_step = 30;
+    for (var _i = 0; _i < minPerStep.length; _i++) {
+      if (distance_between_gtitle / px_per_min <= minPerStep[_i]) {
+        medium_step = minPerStep[_i];
+        break;
+      }
+    }
+    var num_steps = width / px_per_step; //总格数
+    var ms_offset = ms_to_next_step(state.begin, min_per_step * 60 * 1000); //开始的偏移时间 ms
+    var px_offset = ms_offset * px_per_ms; //开始的偏移距离 px
+    var ms_per_step = px_per_step / px_per_ms; // ms/step
+
+    var graduation_left, graduation_time, lineH;
+    for (var _i2 = 0; _i2 < num_steps; _i2++) {
+      graduation_left = px_offset + _i2 * px_per_step; // 距离=开始的偏移距离+格数*px/格
+      graduation_time = state.begin + ms_offset + _i2 * ms_per_step; //时间=左侧开始时间+偏移时间+格数*ms/格
+      var date = moment(graduation_time);
+      if (date.get('hours') === 0 && date.get('minutes') === 0) {
+        lineH = 10;
+        var big_date = graduation_title(date.valueOf());
+        var x = graduation_left - 30;
+        drawText(ctx, {
+          fillStyle: normalLineColor,
+          font: '10px Arial',
+          x: x,
+          y: 30,
+          text: big_date
+        });
+      } else if (graduation_time / (60 * 1000) % medium_step === 0) {
+        lineH = 10;
+        var middle_date = graduation_title(date.valueOf());
+        var _x = graduation_left - (middle_date.length > 5 ? 24 : 12);
+        drawText(ctx, {
+          fillStyle: normalLineColor,
+          font: '10px Arial',
+          x: _x,
+          y: 30,
+          text: middle_date
+        });
+      } else {
+        lineH = 5;
+      }
+      drawLine(ctx, graduation_left, height - lineH, graduation_left, height, normalLineColor, 2);
+    }
+  };
+
+  /**
+   * 绘制当前刻度
+   * @returns
+   */
+  var drawCurrentLine = function drawCurrentLine() {
+    var currentTime = state.currentTime,
+      begin = state.begin,
+      hoursPer = state.hoursPer;
+    var time = currentTime;
+    var range = [begin, currentTime + hoursPer * 3600 * 1000];
+    if (time < range[0] || time > range[1]) {
+      return;
+    }
+    var ms_current = time - begin;
+    var px_per_ms = width / (hoursPer * 60 * 60 * 1000); // px/ms
+    var left = px_per_ms * ms_current;
+    drawText(ctx, {
+      fillStyle: '#ffffff',
+      font: '12px Arial',
+      x: left - 64,
+      y: 14,
+      text: formartTimestemp(time)
+    });
+    drawLine(ctx, left, 20, left, height, currentColor, 2); //中间当前点线
+  };
+
+  /**
+   * 绘制提示时间
+   */
+  var drawHoverLine = function drawHoverLine() {
+    var _state$hover$x, _state$hover$time, _state$hover$x2, _state$hover$x3;
+    drawText(ctx, {
+      fillStyle: hoverLineColor,
+      font: '12px Arial',
+      x: ((_state$hover$x = state.hover.x) !== null && _state$hover$x !== void 0 ? _state$hover$x : 0) - 50,
+      y: 12,
+      text: formartTimestemp((_state$hover$time = state.hover.time) !== null && _state$hover$time !== void 0 ? _state$hover$time : 0)
+    });
+    drawLine(ctx, (_state$hover$x2 = state.hover.x) !== null && _state$hover$x2 !== void 0 ? _state$hover$x2 : 0, 20, (_state$hover$x3 = state.hover.x) !== null && _state$hover$x3 !== void 0 ? _state$hover$x3 : 0, height, hoverLineColor, 1);
+  };
+
+  /**
+   * 获取鼠标posx
+   * @param {*} e
+   */
+  var get_cursor_x_position = function get_cursor_x_position(e) {
+    return e.offsetX;
+  };
+
+  /**
+   * 更新画布大小
+   */
+  useUpdateEffect(function () {
+    if (canvas) {
+      canvas.width = width;
+      canvas.height = height;
+    }
+  }, [canvas, height, width]);
+  useEffect(function () {
+    if (canvas) {
+      clearCanvas();
+      drawOverlay();
+      drawScale();
+      drawCurrentLine();
+      if (state.hover.time) {
+        drawHoverLine();
+      }
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [canvas, state.begin, state.currentTime, state.hoursPer, segments, state.hover, size]);
+  useUpdateEffect(function () {
+    return update({
+      begin: begin
+    });
+  }, [begin]);
+  useUpdateEffect(function () {
+    return update({
+      hoursPer: hoursPer
+    });
+  }, [hoursPer]);
+  useUpdateEffect(function () {
+    return update({
+      currentTime: currentTime
+    });
+  }, [currentTime]);
+
+  /**
+   * 触发绘制范围单位（hour）
+   */
+  useEventListener('mousewheel', function (event) {
+    var _canvasRef$current, _canvasRef$current2, _canvasRef$current3;
+    if (!(canvasRef !== null && canvasRef !== void 0 && (_canvasRef$current = canvasRef.current) !== null && _canvasRef$current !== void 0 && _canvasRef$current.width)) return;
+    event.preventDefault();
+    var delta = Math.max(-1, Math.min(1, event.wheelDelta || -event.detail));
+    var event_time = state.begin + state.hoursPer * 3600 * 1000 * (event.offsetX / (canvasRef === null || canvasRef === void 0 || (_canvasRef$current2 = canvasRef.current) === null || _canvasRef$current2 === void 0 ? void 0 : _canvasRef$current2.width));
+    // const middle_time = state.begin + (state.hoursPer * 3600 * 1000) / 2; //ms 记住当前中间的时间
+    var new_hoursPer = state.hoursPer;
+    var index = hours.indexOf(new_hoursPer);
+    if (delta < 0) {
+      // 缩小
+      if (index === hours.length - 1) {
+        new_hoursPer = hours[index];
+      } else {
+        new_hoursPer = hours[index + 1];
+      }
+    } else if (delta > 0) {
+      // 放大
+      if (index === 0) {
+        new_hoursPer = hours[0];
+      } else {
+        new_hoursPer = hours[index - 1];
+      }
+    }
+    var new_event_begin = event_time - new_hoursPer * 3600 * 1000 * (event.offsetX / (canvasRef === null || canvasRef === void 0 || (_canvasRef$current3 = canvasRef.current) === null || _canvasRef$current3 === void 0 ? void 0 : _canvasRef$current3.width));
+
+    // const new_begin = middle_time - (state.hoursPer * 3600 * 1000) / 2; //new_begin = 当前中间的时间 - hoursPer/2
+    setState(function (old) {
+      return _objectSpread(_objectSpread({}, old), {}, {
+        begin: new_event_begin,
+        hoursPer: new_hoursPer
+      });
+    });
+    onTimeChange === null || onTimeChange === void 0 || onTimeChange({
+      begin: new_event_begin
+    });
+    nextTick(function () {
+      return onHoursPerChange === null || onHoursPerChange === void 0 ? void 0 : onHoursPerChange(new_hoursPer);
+    });
+  }, {
+    target: canvasRef
+  });
+
+  /**
+   * 用于处理canvas移除hover效果
+   */
+  useEventListener('mouseout', function () {
+    return setState(function (old) {
+      return _objectSpread(_objectSpread({}, old), {}, {
+        hover: {
+          x: 0,
+          time: undefined
+        }
+      });
+    });
+  }, {
+    target: canvasRef
+  });
+
+  /**
+   * hover效果绘制
+   */
+  useEventListener('mousemove', function (e) {
+    if (extRef.current.mousedownTime) {
+      setState(function (old) {
+        return _objectSpread(_objectSpread({}, old), {}, {
+          hover: old.hover.time ? {
+            x: 0,
+            time: undefined
+          } : old.hover
+        });
+      });
+    } else {
+      // 触发绘制hover tips
+      var pos_x = get_cursor_x_position(e);
+      var ms_per_px = state.hoursPer * 3600 * 1000 / width; // ms/px
+      var current_timestamp = state.begin + pos_x * ms_per_px;
+      setState(function (old) {
+        return _objectSpread(_objectSpread({}, old), {}, {
+          hover: {
+            x: pos_x,
+            time: current_timestamp
+          }
+        });
+      });
+    }
+  }, {
+    target: canvasRef
+  });
+
+  /**
+   * 标记点击、拖动的触发器
+   */
+  useEventListener('mousedown', function (e) {
+    extRef.current.mousedownTime = Date.now();
+    extRef.current.mousedownX = get_cursor_x_position(e); //记住mousedown的位置
+  }, {
+    target: canvasRef
+  });
+
+  /**
+   * 处理点击、结束拖动的处理
+   */
+  useEventListener('mouseup', function (e) {
+    if (!extRef.current.mousedownTime) {
+      // 未在canvas上触发mousedown 过滤
+      return;
+    }
+    var clickDelay = Date.now() - extRef.current.mousedownTime;
+    if (clickDelay < 200 && e.target === canvas) {
+      // click 事件
+      var pos_x = get_cursor_x_position(e); //鼠标距离 px
+      var ms_per_px = state.hoursPer * 3600 * 1000 / width; // ms/px
+      var new_current = state.begin + pos_x * ms_per_px;
+      var segmentItem = segments.find(function (v) {
+        return new_current >= v.beginTime && new_current < v.endTime;
+      });
+      // 当前片段没有录像的时候
+      var _outTimeline = segmentItem && !segmentItem.url;
+      // const new_begin = new_current - (state.hoursPer * 60 * 60 * 1000) / 2;
+
+      // setState((old) => ({ ...old, begin: new_begin, current: new_current }));
+      setState(function (old) {
+        return _objectSpread(_objectSpread({}, old), {}, {
+          current: new_current
+        });
+      });
+      nextTick(function () {
+        return onTimeChange === null || onTimeChange === void 0 ? void 0 : onTimeChange({
+          currentTime: new_current
+        }, _outTimeline);
+      });
+    }
+    // 清楚拖拽关联信息
+    extRef.current.mousedownTime = undefined;
+    extRef.current.mousedownX = 0;
+  }, {
+    target: document
+  });
+  var moveTimerRef = useRef();
+
+  /**
+   * 拖动处理
+   */
+  useEventListener('mousemove', function (e) {
+    if (!extRef.current.mousedownTime) {
+      return;
+    }
+    clearTimeout(moveTimerRef.current);
+    // 触发拖动
+    var pos_x = get_cursor_x_position(e);
+    var px_per_ms = width / (state.hoursPer * 60 * 60 * 1000); // px/ms
+    var diff_x = pos_x - extRef.current.mousedownX;
+    var new_begin = state.begin - Math.round(diff_x / px_per_ms);
+    extRef.current.mousedownX = pos_x;
+    update({
+      begin: new_begin
+    });
+    moveTimerRef.current = setTimeout(function () {
+      return onTimeChange === null || onTimeChange === void 0 ? void 0 : onTimeChange({
+        begin: new_begin
+      });
+    }, 300);
+  }, {
+    target: document
+  });
+}
+export default useTimeSlider;

package/es/ScreenPlayer/useVideoFit.js

@@ -0,0 +1,35 @@
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useToggle } from 'ahooks';
+import { useEffect, useMemo } from 'react';
+export default function useVideoFit(containerRef) {
+  var deps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  var _useToggle = useToggle('fill', 'contain'),
+    _useToggle2 = _slicedToArray(_useToggle, 2),
+    fit = _useToggle2[0],
+    toggle = _useToggle2[1].toggle;
+  useEffect(function () {
+    if (!containerRef.current) {
+      return;
+    }
+    var videos = containerRef.current.querySelectorAll('video');
+    Array.from(videos).forEach(function (item) {
+      item.style.objectFit = fit;
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [].concat(_toConsumableArray(deps), [fit]));
+  return useMemo(function () {
+    return {
+      fit: fit,
+      toggleFit: toggle
+    };
+  }, [fit, toggle]);
+}

package/es/ScreenPlayer/utils.js

@@ -0,0 +1,85 @@
+export var ScreenType = [{
+  name: 1,
+  icon: 'lm-player-fenping1'
+}, {
+  name: 4,
+  icon: 'lm-player-fenping4'
+}, {
+  name: 6,
+  icon: 'lm-player-fenping6'
+}, {
+  name: 8,
+  icon: 'lm-player-fenping8'
+}, {
+  name: 9,
+  icon: 'lm-player-fenping9'
+}, {
+  name: 10,
+  icon: 'lm-player-fenping10'
+}, {
+  name: 13,
+  icon: 'lm-player-fenping13'
+}, {
+  name: 16,
+  icon: 'lm-player-fenping16'
+}];
+export var TimeModeLibs = [{
+  name: 1
+}, {
+  name: 6
+}, {
+  name: 12
+}, {
+  name: 24
+}];
+export function mergeFill(len) {
+  var mergeArr = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  var fillItem = arguments.length > 2 ? arguments[2] : undefined;
+  return new Array(len).fill(fillItem).map(function (v, i) {
+    return mergeArr[i] ? mergeArr[i] : v;
+  });
+}
+
+/**
+ * unix时间戳
+ * @param start
+ * @param end
+ * @param segments
+ */
+export var completionSegments = function completionSegments(start, end, segments) {
+  var arr = [];
+  if (segments.length > 0 && start < +segments[0].beginTime) {
+    arr.push({
+      beginTime: start,
+      endTime: +segments[0].beginTime
+    });
+  }
+  segments.reduce(function (prev, current, idx) {
+    if (arr.length === 0 && idx === 0) {
+      prev.push(current);
+    } else if (idx > 0 && segments[idx - 1].endTime !== current.beginTime) {
+      prev.push({
+        beginTime: segments[idx - 1].endTime,
+        endTime: current.beginTime
+      }, current);
+    } else {
+      prev.push(current);
+    }
+    return prev;
+  }, arr);
+  if (end > +segments[segments.length - 1].endTime) {
+    arr.push({
+      beginTime: segments[segments.length - 1].endTime,
+      endTime: end
+    });
+  }
+  return arr;
+};
+export function sleep(time) {
+  // eslint-disable-next-line no-promise-executor-return
+  return new Promise(function (reslove) {
+    return setTimeout(function () {
+      return reslove(time);
+    }, time);
+  });
+}

package/es/SegmentPlayer/index.js

@@ -0,0 +1,2 @@
+import SegmentPlayer from "../Player/segment_player";
+export default SegmentPlayer;