@cloud-app-dev/vidc 3.1.15 → 3.1.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/Api/index.js +0 -23
- package/es/AppContext/Sync.js +1 -15
- package/es/AppContext/index.js +21 -52
- package/es/AppContext/static.js +0 -7
- package/es/Auth/index.js +2 -5
- package/es/AutoExit/index.js +1 -5
- package/es/Box/BetweenBox/index.js +6 -8
- package/es/Box/InfoBox/index.js +6 -8
- package/es/Box/TwoColumnBox/index.js +8 -18
- package/es/Box/deps/grid-factory.js +0 -12
- package/es/Box/index.js +4 -6
- package/es/CheckGroupFixed/index.js +19 -34
- package/es/Config/index.js +0 -4
- package/es/Config/utils.js +3 -18
- package/es/ConfigContext/index.js +1 -3
- package/es/CustomRenderSelect/index.js +13 -29
- package/es/DisableMark/index.js +2 -2
- package/es/DomMove/index.js +24 -37
- package/es/DomMove/utils.js +3 -8
- package/es/Drag/DragAndDropItem.js +19 -37
- package/es/Drag/DropItem.js +5 -15
- package/es/Drawer/Demo.js +3 -17
- package/es/Drawer/Footer.js +3 -5
- package/es/Drawer/index.js +28 -50
- package/es/ErrorFallback/index.js +1 -3
- package/es/FullScreen/index.js +8 -18
- package/es/HightLevel/index.js +1 -5
- package/es/IconFont/index.js +5 -11
- package/es/ImageView/index.js +8 -20
- package/es/Input/index.js +14 -27
- package/es/InstanceHistory/index.js +0 -2
- package/es/LabelValue/index.js +8 -10
- package/es/List/DynamicGridList/Demo.js +0 -11
- package/es/List/DynamicGridList/index.js +16 -25
- package/es/List/DynamicList/index.js +23 -38
- package/es/List/GridList/Demo.js +3 -16
- package/es/List/GridList/hook.js +34 -65
- package/es/List/GridList/utils.js +0 -1
- package/es/List/VList/index.js +10 -20
- package/es/List/VList/utils.js +2 -3
- package/es/List/index.js +5 -7
- package/es/LoaderApp/index.js +5 -22
- package/es/LoaderApp/loader.js +5 -13
- package/es/LoaderApp/sandbox.back.js +16 -81
- package/es/LoaderApp/sandbox.js +8 -22
- package/es/LoaderApp/utils.js +20 -49
- package/es/LoaderScript/index.js +8 -19
- package/es/LoaderScript/utils.js +0 -51
- package/es/Map/BasicMap/AMapInstance.js +0 -10
- package/es/Map/BasicMap/LeafletInstance.js +11 -20
- package/es/Map/BasicMap/index.js +6 -28
- package/es/Map/ClusterLayer/hook.js +10 -32
- package/es/Map/ClusterLayer/index.js +2 -6
- package/es/Map/Config/index.js +8 -21
- package/es/Map/Config/utils.js +0 -6
- package/es/Map/Context/index.js +2 -22
- package/es/Map/FindPio/index.js +0 -2
- package/es/Map/InfoWindow/MakerLikeWindow.js +9 -28
- package/es/Map/InfoWindow/demo.js +5 -22
- package/es/Map/InfoWindow/index.js +13 -29
- package/es/Map/LevelCenter/DragMarker/index.js +5 -9
- package/es/Map/LevelCenter/demo.js +6 -16
- package/es/Map/LevelCenter/index.js +8 -15
- package/es/Map/LoaderMap/index.js +10 -10
- package/es/Map/MapDrawSelect/demo.js +12 -23
- package/es/Map/MapDrawSelect/index.js +14 -21
- package/es/Map/MouseTool/index.js +16 -26
- package/es/Map/MouseTool/useMouseTools.js +6 -29
- package/es/Map/ResetTools/index.js +4 -8
- package/es/Map/SinglePoint/index.js +6 -13
- package/es/Map/hook/useMapEvent.js +3 -7
- package/es/Map/hook/useMapType.js +1 -2
- package/es/Map/useMarker/index.js +10 -24
- package/es/Map/withMap/index.js +0 -2
- package/es/Modal/index.d.ts +1 -1
- package/es/Modal/index.js +29 -50
- package/es/Picture/component/DefaultRects/RectInfo.js +11 -25
- package/es/Picture/component/DefaultRects/index.js +3 -5
- package/es/Picture/component/DrawRect/index.js +6 -8
- package/es/Picture/component/RectMenu/index.js +10 -16
- package/es/Picture/component/RectMenu/utils.js +3 -6
- package/es/Picture/component/Tools/index.js +6 -8
- package/es/Picture/component/WheelScale/index.js +3 -6
- package/es/Picture/dragBound.js +4 -17
- package/es/Picture/index.js +46 -87
- package/es/Picture/loadCaptureRectImage.js +10 -26
- package/es/Picture/useDraw.js +20 -39
- package/es/Picture/utils.js +2 -11
- package/es/Player/api/index.js +14 -78
- package/es/Player/context.js +1 -2
- package/es/Player/contraller_bar/bar.js +5 -9
- package/es/Player/contraller_bar/contraller_event.js +5 -23
- package/es/Player/contraller_bar/index.js +7 -9
- package/es/Player/contraller_bar/left_bar.js +15 -27
- package/es/Player/contraller_bar/right_bar.js +7 -18
- package/es/Player/contraller_bar/time.js +6 -16
- package/es/Player/contraller_bar/useBarStatus.js +5 -16
- package/es/Player/contraller_bar/volume.js +6 -26
- package/es/Player/demo.js +59 -75
- package/es/Player/event/errorEvent.js +14 -39
- package/es/Player/event/eventName.js +1 -1
- package/es/Player/event/index.js +19 -53
- package/es/Player/fps_play.js +10 -27
- package/es/Player/frontend_player.js +10 -19
- package/es/Player/frontend_timeline.js +25 -47
- package/es/Player/iconfont.js +2 -5
- package/es/Player/live_heart.js +2 -14
- package/es/Player/message.js +9 -29
- package/es/Player/segment_player.js +39 -77
- package/es/Player/segment_timeline.js +42 -68
- package/es/Player/single_player.js +64 -87
- package/es/Player/style/iconfont.js +10 -17
- package/es/Player/timeline.js +11 -28
- package/es/Player/util.js +0 -21
- package/es/PlayerExt/demo.js +11 -21
- package/es/PlayerExt/index.js +18 -43
- package/es/Progress/index.js +3 -15
- package/es/ROI/demo.js +0 -2
- package/es/ROI/index.js +15 -22
- package/es/ScreenPlayer/Live.js +35 -68
- package/es/ScreenPlayer/LiveTools.js +24 -37
- package/es/ScreenPlayer/PlayerWithExt.js +43 -78
- package/es/ScreenPlayer/RatePick.js +1 -3
- package/es/ScreenPlayer/Record.js +52 -123
- package/es/ScreenPlayer/RecordTools.js +32 -53
- package/es/ScreenPlayer/ScreenSelect.js +1 -3
- package/es/ScreenPlayer/SegmentTimeLine.js +8 -12
- package/es/ScreenPlayer/TimeMode.js +1 -3
- package/es/ScreenPlayer/TimeSelect.js +11 -26
- package/es/ScreenPlayer/demo.js +3 -1
- package/es/ScreenPlayer/demo2.js +10 -46
- package/es/ScreenPlayer/useRecordList.js +7 -72
- package/es/ScreenPlayer/useTimeSlider.js +40 -132
- package/es/ScreenPlayer/useVideoFit.js +5 -18
- package/es/ScreenPlayer/utils.js +0 -8
- package/es/Service/fetch-adapter.js +2 -37
- package/es/Service/http.js +8 -27
- package/es/TableLayout/index.js +3 -7
- package/es/ThemeAntd/demo.js +0 -2
- package/es/Timeout/index.js +10 -26
- package/es/Tree/demo.js +0 -2
- package/es/Tree/index.js +14 -21
- package/es/useDrawROI/index.js +51 -105
- package/es/useEventEmitterHandle/index.js +2 -6
- package/es/useFullscreen/demo.js +6 -16
- package/es/useFullscreen/index.js +5 -25
- package/es/useHistory/index.js +0 -2
- package/es/useInfiniteScroll/index.js +14 -39
- package/es/useRafInterval/index.js +2 -26
- package/es/useSimpleState/index.js +5 -16
- package/es/useVirtualList/index.js +19 -57
- package/es/utils.js +0 -28
- package/package.json +14 -14
package/es/ScreenPlayer/Live.js
CHANGED
|
@@ -1,25 +1,14 @@
|
|
|
1
1
|
import _useUpdateEffect from "ahooks/es/useUpdateEffect";
|
|
2
|
-
|
|
3
2
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
4
|
-
|
|
5
3
|
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."); }
|
|
6
|
-
|
|
7
4
|
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
8
|
-
|
|
9
5
|
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
10
|
-
|
|
11
6
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
12
|
-
|
|
13
7
|
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."); }
|
|
14
|
-
|
|
15
8
|
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); }
|
|
16
|
-
|
|
17
9
|
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; }
|
|
18
|
-
|
|
19
10
|
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; }
|
|
20
|
-
|
|
21
11
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
22
|
-
|
|
23
12
|
import { __rest } from "tslib";
|
|
24
13
|
import React, { useEffect, useMemo, useRef, useState } from 'react';
|
|
25
14
|
import { ScreenType, mergeFill } from './utils';
|
|
@@ -28,44 +17,38 @@ import Tools from './LiveTools';
|
|
|
28
17
|
import useVideoFit from './useVideoFit';
|
|
29
18
|
import DisableMark from '../DisableMark';
|
|
30
19
|
import "./index.css";
|
|
31
|
-
|
|
32
20
|
function LivePlayer(_a) {
|
|
33
21
|
var list = _a.list,
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
22
|
+
children = _a.children,
|
|
23
|
+
onIndexChange = _a.onIndexChange,
|
|
24
|
+
onClose = _a.onClose,
|
|
25
|
+
onCloseAll = _a.onCloseAll,
|
|
26
|
+
snapshot = _a.snapshot,
|
|
27
|
+
defaultScreen = _a.defaultScreen,
|
|
28
|
+
screenChange = _a.screenChange,
|
|
29
|
+
defaultSelectIndex = _a.defaultSelectIndex,
|
|
30
|
+
oneWinExtTools = _a.oneWinExtTools,
|
|
31
|
+
allWinExtTools = _a.allWinExtTools,
|
|
32
|
+
pluginDownloadUrl = _a.pluginDownloadUrl,
|
|
33
|
+
options = __rest(_a, ["list", "children", "onIndexChange", "onClose", "onCloseAll", "snapshot", "defaultScreen", "screenChange", "defaultSelectIndex", "oneWinExtTools", "allWinExtTools", "pluginDownloadUrl"]);
|
|
47
34
|
var _useState = useState({
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
35
|
+
screenNum: defaultScreen !== null && defaultScreen !== void 0 ? defaultScreen : 4,
|
|
36
|
+
selectIndex: defaultSelectIndex !== null && defaultSelectIndex !== void 0 ? defaultSelectIndex : 0,
|
|
37
|
+
modes: []
|
|
38
|
+
}),
|
|
39
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
40
|
+
state = _useState2[0],
|
|
41
|
+
setState = _useState2[1];
|
|
56
42
|
var domRef = useRef(null);
|
|
57
|
-
|
|
58
43
|
var _useVideoFit = useVideoFit(domRef, []),
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
44
|
+
fit = _useVideoFit.fit,
|
|
45
|
+
toggleFit = _useVideoFit.toggleFit;
|
|
46
|
+
// 若外部来控制screenNum 则由外部完全控制
|
|
63
47
|
var screenNum = useMemo(function () {
|
|
64
48
|
var _a;
|
|
65
|
-
|
|
66
49
|
return (_a = options.screenNum) !== null && _a !== void 0 ? _a : state.screenNum;
|
|
67
|
-
}, [options.screenNum, state.screenNum]);
|
|
68
|
-
|
|
50
|
+
}, [options.screenNum, state.screenNum]);
|
|
51
|
+
// 缓存所有player对象
|
|
69
52
|
var playerRef = useRef([]);
|
|
70
53
|
var screenType = useMemo(function () {
|
|
71
54
|
return ScreenType.find(function (v) {
|
|
@@ -74,81 +57,67 @@ function LivePlayer(_a) {
|
|
|
74
57
|
}, [screenNum]);
|
|
75
58
|
var screenList = useMemo(function () {
|
|
76
59
|
return mergeFill(screenNum, list, {});
|
|
77
|
-
}, [list, screenNum]);
|
|
78
|
-
|
|
60
|
+
}, [list, screenNum]);
|
|
61
|
+
// 获取选中player对象
|
|
79
62
|
var getPlayerItem = function getPlayerItem() {
|
|
80
63
|
var _a;
|
|
81
|
-
|
|
82
64
|
return (_a = playerRef.current[state.selectIndex]) === null || _a === void 0 ? void 0 : _a.current;
|
|
83
|
-
};
|
|
84
|
-
|
|
85
|
-
|
|
65
|
+
};
|
|
66
|
+
// 更新状态
|
|
86
67
|
var updateState = function updateState(newState) {
|
|
87
68
|
var obj = {};
|
|
88
|
-
|
|
89
69
|
if (newState.hasOwnProperty('screenNum')) {
|
|
90
70
|
if (options.screenNum) {
|
|
91
71
|
// 若外部控制,不需要update state
|
|
92
72
|
screenChange === null || screenChange === void 0 ? void 0 : screenChange(newState.screenNum);
|
|
93
73
|
} else {
|
|
94
74
|
obj.screenNum = newState.screenNum;
|
|
95
|
-
}
|
|
96
|
-
|
|
97
|
-
|
|
75
|
+
}
|
|
76
|
+
// 修正选中索引
|
|
98
77
|
if (newState.screenNum < state.selectIndex) {
|
|
99
78
|
obj.selectIndex = 0;
|
|
100
79
|
}
|
|
101
80
|
}
|
|
102
|
-
|
|
103
81
|
if (newState.hasOwnProperty('mode')) {
|
|
104
82
|
var newModes = _toConsumableArray(state.modes);
|
|
105
|
-
|
|
106
83
|
newModes[state.selectIndex] = newState.mode;
|
|
107
84
|
obj.modes = newModes;
|
|
108
85
|
}
|
|
109
|
-
|
|
110
86
|
setState(function (old) {
|
|
111
87
|
return Object.assign(Object.assign({}, old), obj);
|
|
112
88
|
});
|
|
113
|
-
};
|
|
114
|
-
|
|
115
|
-
|
|
89
|
+
};
|
|
90
|
+
// 当前窗口信息
|
|
116
91
|
var segmentItem = useMemo(function () {
|
|
117
92
|
return list[state.selectIndex] || {};
|
|
118
93
|
}, [state.selectIndex, list]);
|
|
119
94
|
/**
|
|
120
95
|
* 同步外部的selectIndex变化
|
|
121
96
|
*/
|
|
122
|
-
|
|
123
97
|
useEffect(function () {
|
|
124
98
|
if (typeof defaultSelectIndex !== 'number') {
|
|
125
99
|
return;
|
|
126
100
|
}
|
|
127
|
-
|
|
128
101
|
setState(function (old) {
|
|
129
102
|
if (old.selectIndex !== defaultSelectIndex) {
|
|
130
103
|
return Object.assign(Object.assign({}, old), {
|
|
131
104
|
selectIndex: defaultSelectIndex
|
|
132
105
|
});
|
|
133
106
|
}
|
|
134
|
-
|
|
135
107
|
return old;
|
|
136
108
|
});
|
|
137
|
-
}, [defaultSelectIndex]);
|
|
109
|
+
}, [defaultSelectIndex]);
|
|
110
|
+
// index变化同步到父组件
|
|
138
111
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
139
|
-
|
|
140
112
|
_useUpdateEffect(function () {
|
|
141
113
|
return onIndexChange === null || onIndexChange === void 0 ? void 0 : onIndexChange(state.selectIndex);
|
|
142
114
|
}, [state.selectIndex]);
|
|
143
115
|
/**
|
|
144
116
|
* 通知screenNum变化
|
|
145
117
|
*/
|
|
146
|
-
|
|
147
|
-
|
|
148
118
|
_useUpdateEffect(function () {
|
|
149
119
|
return screenChange === null || screenChange === void 0 ? void 0 : screenChange(state.screenNum);
|
|
150
120
|
}, [state.screenNum]);
|
|
151
|
-
|
|
152
121
|
return /*#__PURE__*/React.createElement("div", {
|
|
153
122
|
className: "split-screen-player-wrapper split-screen-player-live-wrapper"
|
|
154
123
|
}, /*#__PURE__*/React.createElement("div", {
|
|
@@ -156,9 +125,8 @@ function LivePlayer(_a) {
|
|
|
156
125
|
ref: domRef
|
|
157
126
|
}, screenList.map(function (item, index) {
|
|
158
127
|
var _a;
|
|
159
|
-
|
|
160
128
|
return /*#__PURE__*/React.createElement(LivePlayerWithExt, Object.assign({}, item, {
|
|
161
|
-
mode: (_a =
|
|
129
|
+
mode: (_a = state.modes[index]) !== null && _a !== void 0 ? _a : item.mode,
|
|
162
130
|
key: "".concat(item.url, "-").concat(index),
|
|
163
131
|
updatePlayer: function updatePlayer(player) {
|
|
164
132
|
return playerRef.current[index] = player;
|
|
@@ -197,7 +165,6 @@ function LivePlayer(_a) {
|
|
|
197
165
|
selectIndex: state.selectIndex
|
|
198
166
|
})));
|
|
199
167
|
}
|
|
200
|
-
|
|
201
168
|
LivePlayer.defaultProps = {
|
|
202
169
|
list: []
|
|
203
170
|
};
|
|
@@ -1,74 +1,59 @@
|
|
|
1
1
|
import _useInterval from "ahooks/es/useInterval";
|
|
2
2
|
import _useUpdate from "ahooks/es/useUpdate";
|
|
3
|
-
|
|
4
3
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
5
|
-
|
|
6
4
|
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."); }
|
|
7
|
-
|
|
8
5
|
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); }
|
|
9
|
-
|
|
10
6
|
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; }
|
|
11
|
-
|
|
12
7
|
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; }
|
|
13
|
-
|
|
14
8
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
15
|
-
|
|
16
9
|
import React from 'react';
|
|
17
10
|
import IconFont from '../Player/iconfont';
|
|
18
11
|
import ScreenSelect from './ScreenSelect';
|
|
19
12
|
import useFullscreen from '../useFullscreen';
|
|
20
13
|
import Volume from '../Player/contraller_bar/volume';
|
|
21
|
-
|
|
22
14
|
function LiveTools(_ref) {
|
|
23
15
|
var containerRef = _ref.containerRef,
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
16
|
+
oneWinExtTools = _ref.oneWinExtTools,
|
|
17
|
+
allWinExtTools = _ref.allWinExtTools,
|
|
18
|
+
updateState = _ref.updateState,
|
|
19
|
+
screenNum = _ref.screenNum,
|
|
20
|
+
getPlayerItem = _ref.getPlayerItem,
|
|
21
|
+
_ref$mode = _ref.mode,
|
|
22
|
+
mode = _ref$mode === void 0 ? 1 : _ref$mode,
|
|
23
|
+
toggleFit = _ref.toggleFit,
|
|
24
|
+
fit = _ref.fit,
|
|
25
|
+
onClose = _ref.onClose,
|
|
26
|
+
onCloseAll = _ref.onCloseAll,
|
|
27
|
+
snapshot = _ref.snapshot;
|
|
36
28
|
var _useFullscreen = useFullscreen(containerRef),
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
29
|
+
_useFullscreen2 = _slicedToArray(_useFullscreen, 2),
|
|
30
|
+
isFullscreen = _useFullscreen2[0],
|
|
31
|
+
toggleFullscreen = _useFullscreen2[1].toggleFullscreen;
|
|
32
|
+
var update = _useUpdate();
|
|
33
|
+
// 播放状态控制
|
|
44
34
|
var playToggle = function playToggle() {
|
|
45
|
-
var player = getPlayerItem();
|
|
46
|
-
|
|
35
|
+
var player = getPlayerItem();
|
|
36
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-expressions
|
|
47
37
|
player ? player.video.paused ? player.api.play() : player.api.pause() : undefined;
|
|
48
38
|
update();
|
|
49
|
-
};
|
|
50
|
-
|
|
51
|
-
|
|
39
|
+
};
|
|
40
|
+
// 重连
|
|
52
41
|
var reload = function reload() {
|
|
53
42
|
var player = getPlayerItem();
|
|
54
43
|
player === null || player === void 0 ? void 0 : player.api.reload();
|
|
55
44
|
};
|
|
56
|
-
|
|
57
45
|
var snapshotaction = function snapshotaction() {
|
|
58
46
|
var player = getPlayerItem();
|
|
59
47
|
var base64 = player === null || player === void 0 ? void 0 : player.api.snapshot();
|
|
60
48
|
snapshot === null || snapshot === void 0 ? void 0 : snapshot(base64);
|
|
61
49
|
};
|
|
62
|
-
|
|
63
50
|
var player = getPlayerItem();
|
|
64
51
|
/**
|
|
65
52
|
* 定时获取play状态
|
|
66
53
|
*/
|
|
67
|
-
|
|
68
54
|
_useInterval(function () {
|
|
69
55
|
return update();
|
|
70
56
|
}, 2000);
|
|
71
|
-
|
|
72
57
|
return /*#__PURE__*/React.createElement("div", {
|
|
73
58
|
className: "player-tools"
|
|
74
59
|
}, /*#__PURE__*/React.createElement("div", {
|
|
@@ -99,6 +84,9 @@ function LiveTools(_ref) {
|
|
|
99
84
|
}, /*#__PURE__*/React.createElement(IconFont, {
|
|
100
85
|
type: "lm-player-S_Device_shezhi",
|
|
101
86
|
className: "icon-chajian",
|
|
87
|
+
style: mode === 2 ? {
|
|
88
|
+
color: 'var(--primary)'
|
|
89
|
+
} : null,
|
|
102
90
|
title: "\u5207\u6362".concat(mode === 1 ? '插件' : '浏览器', "\u6A21\u5F0F")
|
|
103
91
|
})), /*#__PURE__*/React.createElement("div", {
|
|
104
92
|
className: "player-tools-item",
|
|
@@ -157,5 +145,4 @@ function LiveTools(_ref) {
|
|
|
157
145
|
title: "\u5168\u5C4F"
|
|
158
146
|
}))));
|
|
159
147
|
}
|
|
160
|
-
|
|
161
148
|
export default LiveTools;
|
|
@@ -1,19 +1,12 @@
|
|
|
1
1
|
import _useMemoizedFn from "ahooks/es/useMemoizedFn";
|
|
2
2
|
import _useLatest from "ahooks/es/useLatest";
|
|
3
3
|
import _useUpdate from "ahooks/es/useUpdate";
|
|
4
|
-
|
|
5
4
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
6
|
-
|
|
7
5
|
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."); }
|
|
8
|
-
|
|
9
6
|
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); }
|
|
10
|
-
|
|
11
7
|
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; }
|
|
12
|
-
|
|
13
8
|
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; }
|
|
14
|
-
|
|
15
9
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
16
|
-
|
|
17
10
|
import { __rest } from "tslib";
|
|
18
11
|
import React, { useEffect, useRef, useState } from 'react';
|
|
19
12
|
import LivePlayer from '../Player/single_player';
|
|
@@ -24,30 +17,24 @@ import moment from 'moment';
|
|
|
24
17
|
import useFullscreen from '../useFullscreen';
|
|
25
18
|
export function LivePlayerWithExt(_a) {
|
|
26
19
|
var _b;
|
|
27
|
-
|
|
28
20
|
var mode = _a.mode,
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
21
|
+
url = _a.url,
|
|
22
|
+
type = _a.type,
|
|
23
|
+
style = _a.style,
|
|
24
|
+
className = _a.className,
|
|
25
|
+
updatePlayer = _a.updatePlayer,
|
|
26
|
+
onClick = _a.onClick,
|
|
27
|
+
pluginDownloadUrl = _a.pluginDownloadUrl,
|
|
28
|
+
props = __rest(_a, ["mode", "url", "type", "style", "className", "updatePlayer", "onClick", "pluginDownloadUrl"]);
|
|
38
29
|
var forceUpdate = _useUpdate();
|
|
39
|
-
|
|
40
30
|
var ref = useRef();
|
|
41
|
-
|
|
42
31
|
var update = function update() {
|
|
43
32
|
updatePlayer(ref);
|
|
44
33
|
forceUpdate();
|
|
45
34
|
};
|
|
46
|
-
|
|
47
35
|
var _useFullscreen = useFullscreen((_b = ref.current) === null || _b === void 0 ? void 0 : _b.container),
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
36
|
+
_useFullscreen2 = _slicedToArray(_useFullscreen, 2),
|
|
37
|
+
toggleFullscreen = _useFullscreen2[1].toggleFullscreen;
|
|
51
38
|
return /*#__PURE__*/React.createElement("div", {
|
|
52
39
|
className: "player-with-ext-layout ".concat(className),
|
|
53
40
|
style: style,
|
|
@@ -68,32 +55,26 @@ export function LivePlayerWithExt(_a) {
|
|
|
68
55
|
}
|
|
69
56
|
export function SegmentPlayerWithExt(_a) {
|
|
70
57
|
var _b;
|
|
71
|
-
|
|
72
58
|
var begin = _a.begin,
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
59
|
+
style = _a.style,
|
|
60
|
+
className = _a.className,
|
|
61
|
+
segments = _a.segments,
|
|
62
|
+
updatePlayer = _a.updatePlayer,
|
|
63
|
+
onClick = _a.onClick,
|
|
64
|
+
mode = _a.mode,
|
|
65
|
+
fpsDelay = _a.fpsDelay,
|
|
66
|
+
fps = _a.fps,
|
|
67
|
+
httpLoading = _a.httpLoading,
|
|
68
|
+
props = __rest(_a, ["begin", "style", "className", "segments", "updatePlayer", "onClick", "mode", "fpsDelay", "fps", "httpLoading"]);
|
|
84
69
|
var forceUpdate = _useUpdate();
|
|
85
|
-
|
|
86
70
|
var ref = useRef();
|
|
87
|
-
|
|
88
71
|
var update = function update() {
|
|
89
72
|
updatePlayer(ref);
|
|
90
73
|
forceUpdate();
|
|
91
74
|
};
|
|
92
|
-
|
|
93
75
|
var _useFullscreen3 = useFullscreen((_b = ref.current) === null || _b === void 0 ? void 0 : _b.container),
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
76
|
+
_useFullscreen4 = _slicedToArray(_useFullscreen3, 2),
|
|
77
|
+
toggleFullscreen = _useFullscreen4[1].toggleFullscreen;
|
|
97
78
|
return /*#__PURE__*/React.createElement("div", {
|
|
98
79
|
className: "player-with-ext-layout ".concat(className),
|
|
99
80
|
style: style,
|
|
@@ -116,47 +97,39 @@ export function SegmentPlayerWithExt(_a) {
|
|
|
116
97
|
}
|
|
117
98
|
export function FrontendPlayerWithExt(_ref) {
|
|
118
99
|
var mode = _ref.mode,
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
100
|
+
style = _ref.style,
|
|
101
|
+
className = _ref.className,
|
|
102
|
+
segments = _ref.segments,
|
|
103
|
+
updatePlayer = _ref.updatePlayer,
|
|
104
|
+
onClick = _ref.onClick,
|
|
105
|
+
pluginDownloadUrl = _ref.pluginDownloadUrl,
|
|
106
|
+
httpLoading = _ref.httpLoading,
|
|
107
|
+
getLocalRecordUrl = _ref.getLocalRecordUrl;
|
|
128
108
|
var _a;
|
|
129
|
-
|
|
130
109
|
var _useState = useState({
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
110
|
+
begin: 0,
|
|
111
|
+
end: 0,
|
|
112
|
+
url: undefined
|
|
113
|
+
}),
|
|
114
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
115
|
+
state = _useState2[0],
|
|
116
|
+
setState = _useState2[1];
|
|
139
117
|
var latestUrl = _useLatest(state.url);
|
|
140
|
-
|
|
141
118
|
useEffect(function () {
|
|
142
119
|
if (!(Array.isArray(segments) && segments.length > 0)) {
|
|
143
120
|
return undefined;
|
|
144
121
|
}
|
|
145
|
-
|
|
146
122
|
var index = segments.findIndex(function (v) {
|
|
147
123
|
return !!v.url;
|
|
148
124
|
});
|
|
149
|
-
|
|
150
125
|
if (index === -1) {
|
|
151
126
|
return undefined;
|
|
152
127
|
}
|
|
153
|
-
|
|
154
128
|
var _ref2 = [segments[0].beginTime, segments[segments.length - 1].endTime],
|
|
155
|
-
|
|
156
|
-
|
|
129
|
+
begin = _ref2[0],
|
|
130
|
+
end = _ref2[1];
|
|
157
131
|
var videoUrl = new URL(segments[index].url);
|
|
158
132
|
var url;
|
|
159
|
-
|
|
160
133
|
if (getLocalRecordUrl) {
|
|
161
134
|
getLocalRecordUrl({
|
|
162
135
|
url: videoUrl,
|
|
@@ -178,19 +151,16 @@ export function FrontendPlayerWithExt(_ref) {
|
|
|
178
151
|
end: end,
|
|
179
152
|
url: url
|
|
180
153
|
});
|
|
181
|
-
}
|
|
182
|
-
|
|
154
|
+
}
|
|
155
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
183
156
|
}, [segments]);
|
|
184
|
-
|
|
185
157
|
var seekTo = _useMemoizedFn(function (time) {
|
|
186
158
|
if (!latestUrl.current) {
|
|
187
159
|
return;
|
|
188
160
|
}
|
|
189
|
-
|
|
190
161
|
var end = moment().unix();
|
|
191
162
|
var begin = moment(time).unix();
|
|
192
163
|
var videoUrl = new URL(latestUrl.current);
|
|
193
|
-
|
|
194
164
|
if (getLocalRecordUrl) {
|
|
195
165
|
getLocalRecordUrl({
|
|
196
166
|
url: videoUrl,
|
|
@@ -214,20 +184,15 @@ export function FrontendPlayerWithExt(_ref) {
|
|
|
214
184
|
});
|
|
215
185
|
}
|
|
216
186
|
});
|
|
217
|
-
|
|
218
187
|
var forceUpdate = _useUpdate();
|
|
219
|
-
|
|
220
188
|
var ref = useRef();
|
|
221
|
-
|
|
222
189
|
var update = _useMemoizedFn(function () {
|
|
223
190
|
updatePlayer(ref);
|
|
224
191
|
forceUpdate();
|
|
225
192
|
});
|
|
226
|
-
|
|
227
193
|
var _useFullscreen5 = useFullscreen((_a = ref.current) === null || _a === void 0 ? void 0 : _a.container),
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
194
|
+
_useFullscreen6 = _slicedToArray(_useFullscreen5, 2),
|
|
195
|
+
toggleFullscreen = _useFullscreen6[1].toggleFullscreen;
|
|
231
196
|
return /*#__PURE__*/React.createElement("div", {
|
|
232
197
|
className: "player-with-ext-layout ".concat(className),
|
|
233
198
|
style: style,
|
|
@@ -2,10 +2,9 @@ import "antd/lib/select/style";
|
|
|
2
2
|
import _Select from "antd/lib/select";
|
|
3
3
|
import React from 'react';
|
|
4
4
|
import CustomRenderSelect from '../CustomRenderSelect';
|
|
5
|
-
|
|
6
5
|
function RatePick(_ref) {
|
|
7
6
|
var onChange = _ref.onChange,
|
|
8
|
-
|
|
7
|
+
value = _ref.value;
|
|
9
8
|
return /*#__PURE__*/React.createElement(CustomRenderSelect, {
|
|
10
9
|
value: value,
|
|
11
10
|
popupClassName: "rate-select-dropdown ",
|
|
@@ -26,5 +25,4 @@ function RatePick(_ref) {
|
|
|
26
25
|
value: 0.5
|
|
27
26
|
}, "x0.5"));
|
|
28
27
|
}
|
|
29
|
-
|
|
30
28
|
export default RatePick;
|