yootd 0.2.24 → 0.2.25

package/dist/hooks/useBaseURL.d.ts

@@ -0,0 +1 @@
+export declare const useBaseURL: () => string;

package/dist/hooks/useBaseURL.js

@@ -0,0 +1,11 @@
+import _ from "lodash";
+import { useContext } from "react";
+import { ConfigContext } from "../config-provider/context";
+export var useBaseURL = function useBaseURL() {
+  var _useContext = useContext(ConfigContext),
+    baseURL = _useContext.baseURL;
+  if (_.isNil(baseURL)) {
+    throw new Error('baseURL is not found');
+  }
+  return baseURL;
+};

package/dist/video-player/index.js

@@ -19,6 +19,7 @@ import { Spin } from "./..";
 import { useOSS } from "../hooks/useOSS";
 import { useRequest } from "../hooks/useRequest";
 import controlBottomBg from "./assets/control-background.png";
+import { useBaseURL } from "../hooks/useBaseURL";
 var PROGRESS_BAR_HEIGHT = 63;
 var MIN_SCORE = 0.5; // minimum score
 var MAX_RESULTS = 20; // maximum number of results to return
@@ -66,111 +67,109 @@ export var VideoPlayer = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var poseCanvasRef = useRef(null);
   var detectAllFacesRef = useRef();
   var getAdjacentPairsRef = useRef();
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    downloading = _useState2[0],
-    setDownloading = _useState2[1];
   var request = useRequest();
-  var _useState3 = useState(null),
-    _useState4 = _slicedToArray(_useState3, 2),
-    poseDetector = _useState4[0],
-    setPoseDetector = _useState4[1];
+  var baseURL = useBaseURL();
+  console.log("baseURL", baseURL);
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    poseDetector = _useState2[0],
+    setPoseDetector = _useState2[1];
   var OSS = useOSS();
   var bem = useBem('video-player');
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isFullScreen = _useState4[0],
+    setIsFullScreen = _useState4[1];
   var _useState5 = useState(false),
     _useState6 = _slicedToArray(_useState5, 2),
-    isFullScreen = _useState6[0],
-    setIsFullScreen = _useState6[1];
-  var _useState7 = useState(false),
+    isPlaying = _useState6[0],
+    setIsPlaying = _useState6[1];
+  var _useState7 = useState(0),
     _useState8 = _slicedToArray(_useState7, 2),
-    isPlaying = _useState8[0],
-    setIsPlaying = _useState8[1];
-  var _useState9 = useState(0),
+    volume = _useState8[0],
+    setVolume = _useState8[1];
+  var _useState9 = useState(false),
     _useState10 = _slicedToArray(_useState9, 2),
-    volume = _useState10[0],
-    setVolume = _useState10[1];
-  var _useState11 = useState(false),
+    hasAudio = _useState10[0],
+    setHasAudio = _useState10[1];
+  var _useState11 = useState(0),
     _useState12 = _slicedToArray(_useState11, 2),
-    hasAudio = _useState12[0],
-    setHasAudio = _useState12[1];
-  var _useState13 = useState(0),
+    currentTime = _useState12[0],
+    setCurrentTime = _useState12[1];
+  var _useState13 = useState(),
     _useState14 = _slicedToArray(_useState13, 2),
-    currentTime = _useState14[0],
-    setCurrentTime = _useState14[1];
-  var _useState15 = useState(),
+    duration = _useState14[0],
+    setDuration = _useState14[1];
+  var _useState15 = useState(false),
     _useState16 = _slicedToArray(_useState15, 2),
-    duration = _useState16[0],
-    setDuration = _useState16[1];
-  var _useState17 = useState(false),
+    showSpeedPicker = _useState16[0],
+    setShowSpeedPicker = _useState16[1];
+  var _useState17 = useState('1.0'),
     _useState18 = _slicedToArray(_useState17, 2),
-    showSpeedPicker = _useState18[0],
-    setShowSpeedPicker = _useState18[1];
-  var _useState19 = useState('1.0'),
+    speed = _useState18[0],
+    setSpeed = _useState18[1];
+  var _useState19 = useState(false),
     _useState20 = _slicedToArray(_useState19, 2),
-    speed = _useState20[0],
-    setSpeed = _useState20[1];
+    showVolumeSlider = _useState20[0],
+    setShowVolumeSlider = _useState20[1];
   var _useState21 = useState(false),
     _useState22 = _slicedToArray(_useState21, 2),
-    showVolumeSlider = _useState22[0],
-    setShowVolumeSlider = _useState22[1];
-  var _useState23 = useState(false),
+    mouseDown = _useState22[0],
+    setMouseDown = _useState22[1];
+  var _useState23 = useState(0),
     _useState24 = _slicedToArray(_useState23, 2),
-    mouseDown = _useState24[0],
-    setMouseDown = _useState24[1];
-  var _useState25 = useState(0),
+    buffered = _useState24[0],
+    setBuffered = _useState24[1];
+  var _useState25 = useState(false),
     _useState26 = _slicedToArray(_useState25, 2),
-    buffered = _useState26[0],
-    setBuffered = _useState26[1];
+    showSettingPanel = _useState26[0],
+    setShowSettingPanel = _useState26[1];
   var _useState27 = useState(false),
     _useState28 = _slicedToArray(_useState27, 2),
-    showSettingPanel = _useState28[0],
-    setShowSettingPanel = _useState28[1];
-  var _useState29 = useState(false),
-    _useState30 = _slicedToArray(_useState29, 2),
-    tfInitialized = _useState30[0],
-    setTfInitialized = _useState30[1];
-  var _useState31 = useState({
+    tfInitialized = _useState28[0],
+    setTfInitialized = _useState28[1];
+  var _useState29 = useState({
       emotion: false,
       character: false,
       anchor: false,
       pose: false
     }),
+    _useState30 = _slicedToArray(_useState29, 2),
+    aiFeature = _useState30[0],
+    setAIFeature = _useState30[1];
+  var _useState31 = useState(null),
     _useState32 = _slicedToArray(_useState31, 2),
-    aiFeature = _useState32[0],
-    setAIFeature = _useState32[1];
-  var _useState33 = useState(null),
+    options = _useState32[0],
+    setOptions = _useState32[1];
+  var _useState33 = useState(false),
     _useState34 = _slicedToArray(_useState33, 2),
-    options = _useState34[0],
-    setOptions = _useState34[1];
-  var _useState35 = useState(false),
-    _useState36 = _slicedToArray(_useState35, 2),
-    faceApiInitialized = _useState36[0],
-    setFaceApiInitialized = _useState36[1];
-  var _useState37 = useState({
+    faceApiInitialized = _useState34[0],
+    setFaceApiInitialized = _useState34[1];
+  var _useState35 = useState({
       width: 0,
       height: 0
     }),
-    _useState38 = _slicedToArray(_useState37, 2),
-    canvasSize = _useState38[0],
-    setCanvasSize = _useState38[1];
-  var _useState39 = useState({
+    _useState36 = _slicedToArray(_useState35, 2),
+    canvasSize = _useState36[0],
+    setCanvasSize = _useState36[1];
+  var _useState37 = useState({
       width: 0,
       height: 0
     }),
+    _useState38 = _slicedToArray(_useState37, 2),
+    videoEleSize = _useState38[0],
+    setVideoEleSize = _useState38[1];
+  var _useState39 = useState(false),
     _useState40 = _slicedToArray(_useState39, 2),
-    videoEleSize = _useState40[0],
-    setVideoEleSize = _useState40[1];
+    isSeeking = _useState40[0],
+    setIsSeeking = _useState40[1];
   var _useState41 = useState(false),
     _useState42 = _slicedToArray(_useState41, 2),
-    isSeeking = _useState42[0],
-    setIsSeeking = _useState42[1];
-  var _useState43 = useState(false),
+    setIsError = _useState42[1];
+  var _useState43 = useState(),
     _useState44 = _slicedToArray(_useState43, 2),
-    setIsError = _useState44[1];
-  var _useState45 = useState(),
-    _useState46 = _slicedToArray(_useState45, 2),
-    features = _useState46[0],
-    setFeatures = _useState46[1];
+    features = _useState44[0],
+    setFeatures = _useState44[1];
   var _useQuery = useQuery({
       queryKey: ['config'],
       queryFn: function queryFn() {
@@ -643,36 +642,19 @@ export var VideoPlayer = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }
   };
   var handleDownload = function handleDownload() {
-    if (downloading) {
-      return;
-    }
     if (videoRef.current != null) {
       if (videoRef.current.readyState != 4) {
         return;
       }
-      // 检测 fetch 是否可用
-      if (typeof fetch === 'undefined') {
-        onError === null || onError === void 0 || onError("fetch 不可用，无法现在视频");
-        return;
-      }
-      setDownloading(true);
       var filename = videoRef.current.src.split('/').pop() || 'video.mp4';
-      fetch(src).then(function (res) {
-        return res.blob();
-      }).then(function (blob) {
-        var url = URL.createObjectURL(blob);
-        var a = document.createElement('a');
-        a.style.display = 'none';
-        a.href = url;
-        a.download = filename;
-        document.body.appendChild(a);
-        a.click();
-        document.body.removeChild(a);
-      }).catch(function (e) {
-        onError === null || onError === void 0 || onError("发生错误：" + e);
-      }).finally(function () {
-        setDownloading(false);
-      });
+      var a = document.createElement('a');
+      a.style.display = 'none';
+      // a.href = videoRef.current.src
+      a.href = "".concat(baseURL, "/v1/media/stream/download?url=").concat(videoRef.current.src);
+      a.download = filename;
+      document.body.appendChild(a);
+      a.click();
+      document.body.removeChild(a);
     }
   };
   // 开始跳转时触发
@@ -1136,19 +1118,7 @@ export var VideoPlayer = /*#__PURE__*/forwardRef(function (_ref, ref) {
     fill: "white"
   })))) : null, showDownload && !isLive ? /*#__PURE__*/React.createElement("div", {
     className: "".concat(bem.b('container').e('controls-download'))
-  }, downloading ? /*#__PURE__*/React.createElement("svg", {
-    viewBox: "0 0 1024 1024",
-    version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    "p-id": "1136",
-    width: "200",
-    height: "200",
-    className: "".concat(bem.b('container').e('controls-download').e('downloading-icon'))
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M300.580571 796.562286c0 40.009143-32.585143 73.142857-73.142857 73.142857-40.009143 0-73.142857-33.133714-73.142857-73.142857 0-40.557714 33.133714-73.142857 73.142857-73.142857 40.557714 0 73.142857 32.585143 73.142857 73.142857zM585.142857 914.285714c0 40.557714-32.585143 73.142857-73.142857 73.142857s-73.142857-32.585143-73.142857-73.142857 32.585143-73.142857 73.142857-73.142857 73.142857 32.585143 73.142857 73.142857zM182.857143 512c0 40.557714-32.585143 73.142857-73.142857 73.142857s-73.142857-32.585143-73.142857-73.142857 32.585143-73.142857 73.142857-73.142857 73.142857 32.585143 73.142857 73.142857z m686.848 284.562286c0 40.009143-33.133714 73.142857-73.142857 73.142857-40.557714 0-73.142857-33.133714-73.142857-73.142857 0-40.557714 32.585143-73.142857 73.142857-73.142857 40.009143 0 73.142857 32.585143 73.142857 73.142857zM318.866286 227.437714c0 50.285714-41.142857 91.428571-91.428572 91.428572s-91.428571-41.142857-91.428571-91.428572 41.142857-91.428571 91.428571-91.428571 91.428571 41.142857 91.428572 91.428571zM987.428571 512c0 40.557714-32.585143 73.142857-73.142857 73.142857s-73.142857-32.585143-73.142857-73.142857 32.585143-73.142857 73.142857-73.142857 73.142857 32.585143 73.142857 73.142857zM621.714286 109.714286a109.750857 109.750857 0 0 1-219.428572 0 109.750857 109.750857 0 0 1 219.428572 0z m302.848 117.723428c0 70.838857-57.709714 128-128 128a127.817143 127.817143 0 0 1-128-128c0-70.290286 57.161143-128 128-128 70.290286 0 128 57.709714 128 128z",
-    fill: "#ffffff",
-    "p-id": "1137"
-  })) : /*#__PURE__*/React.createElement("svg", {
+  }, /*#__PURE__*/React.createElement("svg", {
     viewBox: "0 0 1024 1024",
     version: "1.1",
     xmlns: "http://www.w3.org/2000/svg",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yootd",
-  "version": "0.2.24",
+  "version": "0.2.25",
   "description": "基于 Antd 二次开发的组件库",
   "license": "MIT",
   "module": "dist/index.js",