@cloud-app-dev/vidc 3.2.11 → 3.2.14

package/es/Player/api/index.js

@@ -1,111 +1,120 @@
 import _nextTick from "@cloud-app-dev/utils/es/nextTick";
+
 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(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 import { useEffect, useState } from 'react';
-import { createFlvPlayer, createHlsPlayer, tryCatch } from '../util';
+import { createFlvPlayer, createHlsPlayer, tryCatch } from "../util";
+
 var Api = /*#__PURE__*/function () {
   function Api(container) {
     var _this = this;
+
     _classCallCheck(this, Api);
-    this.play = function () {
+
+    _defineProperty(this, "container", void 0);
+
+    _defineProperty(this, "play", function () {
       tryCatch(function () {
         return _this.video.play();
       });
-    };
-    this.pause = function () {
+    });
+
+    _defineProperty(this, "pause", function () {
       _this.video.pause();
-    };
-    /**
-     * 设置currentTime实现seek
-     * @param {*} seconds
-     */
-    this.seekTo = function (seconds) {
+    });
+
+    _defineProperty(this, "seekTo", function (seconds) {
       _this.video.currentTime = seconds;
-    };
-    this.setVolume = function (fraction) {
+    });
+
+    _defineProperty(this, "setVolume", function (fraction) {
       _this.video.volume = fraction;
-    };
-    this.getVolume = function () {
+    });
+
+    _defineProperty(this, "getVolume", function () {
       return _this.video.volume;
-    };
-    this.mute = function () {
+    });
+
+    _defineProperty(this, "mute", function () {
       _this.video.muted = true;
-    };
-    this.unmute = function () {
+    });
+
+    _defineProperty(this, "unmute", function () {
       _this.video.muted = false;
-    };
-    /**
-     * 开启画中画功能
-     */
-    this.requestPictureInPicture = function () {
+    });
+
+    _defineProperty(this, "requestPictureInPicture", function () {
       _this.video.requestPictureInPicture();
-    };
-    /**
-     * 关闭画中画功能
-     */
-    this.exitPictureInPicture = function () {
+    });
+
+    _defineProperty(this, "exitPictureInPicture", function () {
       if (document.exitPictureInPicture && document.pictureInPictureElement === _this.video) {
         document.exitPictureInPicture();
       }
-    };
-    /**
-     * 设置播放速率
-     * @param {*} rate
-     */
-    this.setPlaybackRate = function (rate) {
+    });
+
+    _defineProperty(this, "setPlaybackRate", function (rate) {
       _this.video.playbackRate = rate;
-    };
-    /**
-     * 获取视频总时长
-     */
-    this.getDuration = function () {
+    });
+
+    _defineProperty(this, "getDuration", function () {
       var _this$video = _this.video,
-        duration = _this$video.duration,
-        seekable = _this$video.seekable;
+          duration = _this$video.duration,
+          seekable = _this$video.seekable;
+
       if (duration === Infinity && seekable.length > 0) {
         return seekable.end(seekable.length - 1);
       }
+
       return duration;
-    };
-    /**
-     * 获取当前播放时间
-     */
-    this.getCurrentTime = function () {
+    });
+
+    _defineProperty(this, "getCurrentTime", function () {
       return _this.video.currentTime;
-    };
-    /**
-     * 获取缓存时间
-     */
-    this.getSecondsLoaded = function () {
+    });
+
+    _defineProperty(this, "getSecondsLoaded", function () {
       return _this.getBufferedTime()[1];
-    };
-    /**
-     * 获取当前视频缓存的起止时间
-     */
-    this.getBufferedTime = function () {
+    });
+
+    _defineProperty(this, "getBufferedTime", function () {
       var buffered = _this.video.buffered;
+
       if (buffered.length === 0) {
         return [0, 0];
       }
+
       var end = buffered.end(buffered.length - 1);
       var start = buffered.start(buffered.length - 1);
+
       var duration = _this.getDuration();
+
       if (end > duration) {
         return duration;
       }
+
       return [start, end];
-    };
-    /**
-     * 视频截屏方法
-     */
-    this.snapshot = function () {
+    });
+
+    _defineProperty(this, "snapshot", function () {
       var canvas = document.createElement('canvas');
       var ctx = canvas.getContext('2d');
       canvas.width = _this.video.videoWidth;
@@ -117,17 +126,25 @@ var Api = /*#__PURE__*/function () {
         ctx = null;
       }, 200);
       return canvas.toDataURL();
-    };
-    this.unload = function () {};
-    this.reload = function () {};
-    this.toggleFit = function () {};
-    this.openFpsPlay = function () {};
-    this.closeFpsPlay = function () {};
-    this.destroy = function () {
+    });
+
+    _defineProperty(this, "unload", function () {});
+
+    _defineProperty(this, "reload", function () {});
+
+    _defineProperty(this, "toggleFit", function () {});
+
+    _defineProperty(this, "openFpsPlay", function () {});
+
+    _defineProperty(this, "closeFpsPlay", function () {});
+
+    _defineProperty(this, "destroy", function () {
       _this.container = null;
-    };
+    });
+
     this.container = container;
   }
+
   _createClass(Api, [{
     key: "video",
     get: function get() {
@@ -143,39 +160,54 @@ var Api = /*#__PURE__*/function () {
     get: function get() {
       return this.video.muted;
     }
+    /**
+     * 设置currentTime实现seek
+     * @param {*} seconds
+     */
+
   }]);
+
   return Api;
-}(); // 创建播放介质
+}();
+
+// 创建播放介质
 export function useTypeAndPlay(url, type, isLive, container, segments, flvConfig, hlsConfig) {
   var _useState = useState({
-      type: '',
-      flv: undefined,
-      hls: undefined
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    state = _useState2[0],
-    setState = _useState2[1];
+    type: '',
+    flv: undefined,
+    hls: undefined
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      state = _useState2[0],
+      setState = _useState2[1];
+
   useEffect(function () {
     var isReady = container && (url || type === 'flv' && segments);
+
     if (!isReady) {
       return undefined;
     }
+
     var video = container.querySelector('video');
     var options = {};
+
     switch (type) {
       case 'flv':
         options.type = 'flv';
         options.flv = createFlvPlayer(video, url, isLive, flvConfig);
         break;
+
       case 'hls':
         options.type = 'hls';
         options.hls = createHlsPlayer(video, url, isLive, hlsConfig);
         break;
+
       default:
         options.type = 'native';
         video.setAttribute('src', url);
         break;
     }
+
     video.paused && tryCatch(function () {
       return video.play();
     });
@@ -195,23 +227,26 @@ export function useTypeAndPlay(url, type, isLive, container, segments, flvConfig
         video.pause();
         video.removeAttribute('src');
       }
+
       setState({});
     };
   }, [url, container, segments, type, isLive, flvConfig, hlsConfig]);
   return [state.type, state.flv, state.hls];
-}
-//创建Api
+} //创建Api
+
 export function usePlayerApi(url, type, isLive, container, segments, flvConfig, hlsConfig) {
   var _useState3 = useState(null),
-    _useState4 = _slicedToArray(_useState3, 2),
-    api = _useState4[0],
-    setApi = _useState4[1];
+      _useState4 = _slicedToArray(_useState3, 2),
+      api = _useState4[0],
+      setApi = _useState4[1];
+
   var typePlay = useTypeAndPlay(url, type, isLive, container, segments, flvConfig, hlsConfig);
   useEffect(function () {
     if (!container) {
       console.debug('wait create api...');
       return undefined;
     }
+
     var api = new Api(container);
     setApi(api);
     return function () {

package/es/Player/context.js

@@ -1,12 +1,26 @@
-import { __rest } from "tslib";
+var _excluded = ["children"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 export var Context = /*#__PURE__*/React.createContext(null);
-export function Provider(_a) {
-  var children = _a.children,
-    props = __rest(_a, ["children"]);
-  return /*#__PURE__*/React.createElement(Context.Provider, {
-    value: Object.assign({}, props)
-  }, children);
+export function Provider(_ref) {
+  var children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/_jsx(Context.Provider, {
+    value: _objectSpread({}, props),
+    children: children
+  });
 }
 Provider.defaultProps = {
   getContainer: function getContainer() {

package/es/Player/contraller_bar/bar.d.ts

@@ -4,5 +4,5 @@ interface IBarProps extends React.HTMLAttributes<HTMLSpanElement> {
     className?: string;
     children?: React.ReactNode;
 }
-declare function Bar({ visibel, className, children, ...props }: IBarProps): JSX.Element;
+declare function Bar({ visibel, className, children, ...props }: IBarProps): JSX.Element | null;
 export default Bar;

package/es/Player/contraller_bar/bar.js

@@ -1,17 +1,35 @@
-import { __rest } from "tslib";
+var _excluded = ["visibel", "className", "children"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 import React from 'react';
-function Bar(_a) {
-  var _a$visibel = _a.visibel,
-    visibel = _a$visibel === void 0 ? true : _a$visibel,
-    _a$className = _a.className,
-    className = _a$className === void 0 ? '' : _a$className,
-    children = _a.children,
-    props = __rest(_a, ["visibel", "className", "children"]);
+import { jsx as _jsx } from "react/jsx-runtime";
+
+function Bar(_ref) {
+  var _ref$visibel = _ref.visibel,
+      visibel = _ref$visibel === void 0 ? true : _ref$visibel,
+      _ref$className = _ref.className,
+      className = _ref$className === void 0 ? '' : _ref$className,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
   if (visibel === false) {
     return null;
   }
-  return /*#__PURE__*/React.createElement("span", Object.assign({
+
+  return /*#__PURE__*/_jsx("span", _objectSpread(_objectSpread({
     className: "contraller-bar-item ".concat(className)
-  }, props), children);
+  }, props), {}, {
+    children: children
+  }));
 }
+
 export default Bar;

package/es/Player/contraller_bar/contraller_event.js

@@ -1,29 +1,44 @@
 import _useEventListener from "ahooks/es/useEventListener";
 import _useMount from "ahooks/es/useMount";
+
 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(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 import React, { useState, useRef, useContext } from 'react';
-import { Context } from '../context';
-import EventName from '../event/eventName';
+import { Context } from "../context";
+import EventName from "../event/eventName";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+
 function ContrallerEvent(_ref) {
   var children = _ref.children;
+
   var _useContext = useContext(Context),
-    event = _useContext.event,
-    container = _useContext.container;
+      event = _useContext.event,
+      container = _useContext.container;
+
   var timer = useRef(null);
+
   var _useState = useState(true),
-    _useState2 = _slicedToArray(_useState, 2),
-    visibel = _useState2[0],
-    setVisibel = _useState2[1];
+      _useState2 = _slicedToArray(_useState, 2),
+      visibel = _useState2[0],
+      setVisibel = _useState2[1];
+
   var showContraller = function showContraller() {
     clearTimeout(timer.current);
     setVisibel(true);
     event.emit(EventName.SHOW_CONTRALLER);
   };
+
   var hideContraller = function hideContraller() {
     clearTimeout(timer.current);
     timer.current = setTimeout(function () {
@@ -31,19 +46,26 @@ function ContrallerEvent(_ref) {
       event.emit(EventName.HIDE_CONTRALLER);
     }, 3 * 1000);
   };
+
   _useMount(function () {
     return hideContraller();
   });
+
   _useEventListener('mouseenter', showContraller, {
     target: container
   });
+
   _useEventListener('mouseleave', hideContraller, {
     target: container
   });
-  return /*#__PURE__*/React.createElement(React.Fragment, null, React.Children.map(children, function (child) {
-    return /*#__PURE__*/React.isValidElement(child) ? /*#__PURE__*/React.cloneElement(child, {
-      visibel: visibel
-    }) : child;
-  }));
+
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: React.Children.map(children, function (child) {
+      return /*#__PURE__*/React.isValidElement(child) ? /*#__PURE__*/React.cloneElement(child, {
+        visibel: visibel
+      }) : child;
+    })
+  });
 }
+
 export default ContrallerEvent;

package/es/Player/contraller_bar/index.js

@@ -1,27 +1,35 @@
 import React from 'react';
-import LeftBar from './left_bar';
-import RightBar from './right_bar';
-import "../style/bar.css";
+import LeftBar from "./left_bar";
+import RightBar from "./right_bar";
+import "../style/bar.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+
 function ContrallerBar(_ref) {
   var rightExtContents = _ref.rightExtContents,
-    rightMidExtContents = _ref.rightMidExtContents,
-    visibel = _ref.visibel,
-    leftExtContents = _ref.leftExtContents,
-    leftMidExtContents = _ref.leftMidExtContents,
-    reload = _ref.reload,
-    hideTimeProgress = _ref.hideTimeProgress,
-    oneFpsPlay = _ref.oneFpsPlay;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "contraller-bar-layout ".concat(!visibel ? 'hide-contraller-bar' : '')
-  }, /*#__PURE__*/React.createElement(LeftBar, {
-    oneFpsPlay: oneFpsPlay,
-    hideTimeProgress: hideTimeProgress,
-    reload: reload,
-    leftMidExtContents: leftMidExtContents,
-    leftExtContents: leftExtContents
-  }), /*#__PURE__*/React.createElement(RightBar, {
-    rightExtContents: rightExtContents,
-    rightMidExtContents: rightMidExtContents
-  })));
+      rightMidExtContents = _ref.rightMidExtContents,
+      visibel = _ref.visibel,
+      leftExtContents = _ref.leftExtContents,
+      leftMidExtContents = _ref.leftMidExtContents,
+      reload = _ref.reload,
+      hideTimeProgress = _ref.hideTimeProgress,
+      oneFpsPlay = _ref.oneFpsPlay;
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsxs("div", {
+      className: "contraller-bar-layout ".concat(!visibel ? 'hide-contraller-bar' : ''),
+      children: [/*#__PURE__*/_jsx(LeftBar, {
+        oneFpsPlay: oneFpsPlay,
+        hideTimeProgress: hideTimeProgress,
+        reload: reload,
+        leftMidExtContents: leftMidExtContents,
+        leftExtContents: leftExtContents
+      }), /*#__PURE__*/_jsx(RightBar, {
+        rightExtContents: rightExtContents,
+        rightMidExtContents: rightMidExtContents
+      })]
+    })
+  });
 }
+
 export default ContrallerBar;