@vtx/player 1.7.14 → 1.7.15
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/README.md +2 -2
- package/lib/api/fetch.js +91 -62
- package/lib/api/fetch.js.map +1 -1
- package/lib/api/index.js +63 -18
- package/lib/api/index.js.map +1 -1
- package/lib/api/types.d.ts +5 -5
- package/lib/bd/PlayerManager.js +68 -38
- package/lib/bd/PlayerManager.js.map +1 -1
- package/lib/bill-player/index.d.ts +1 -1
- package/lib/bill-player/index.js +121 -66
- package/lib/bill-player/index.js.map +1 -1
- package/lib/bill-player/style/css.js +9 -0
- package/lib/bill-player/style/css.js.map +1 -1
- package/lib/bill-player/style/index.js +9 -0
- package/lib/bill-player/style/index.js.map +1 -1
- package/lib/bill-player/style/index.less +297 -297
- package/lib/components/set-tag-video/index.js +34 -6
- package/lib/components/set-tag-video/index.js.map +1 -1
- package/lib/components/set-tag-video/style/css.js.map +1 -1
- package/lib/components/set-tag-video/style/index.js.map +1 -1
- package/lib/components/set-tag-video/style/index.less +125 -125
- package/lib/components/split-screen/index.d.ts +1 -1
- package/lib/components/split-screen/index.js +14 -3
- package/lib/components/split-screen/index.js.map +1 -1
- package/lib/components/split-screen/style/css.js.map +1 -1
- package/lib/components/split-screen/style/index.js.map +1 -1
- package/lib/components/tag-video/index.js +38 -10
- package/lib/components/tag-video/index.js.map +1 -1
- package/lib/components/tag-video/style/css.js.map +1 -1
- package/lib/components/tag-video/style/index.js.map +1 -1
- package/lib/components/tag-video/style/index.less +69 -69
- package/lib/components/video-scale/index.d.ts +1 -1
- package/lib/components/video-scale/index.js +9 -2
- package/lib/components/video-scale/index.js.map +1 -1
- package/lib/components/video-scale/style/css.js.map +1 -1
- package/lib/components/video-scale/style/index.js.map +1 -1
- package/lib/context/index.js +4 -0
- package/lib/context/index.js.map +1 -1
- package/lib/controls/index.d.ts +11 -11
- package/lib/controls/index.js +99 -34
- package/lib/controls/index.js.map +1 -1
- package/lib/controls/style/css.js +5 -0
- package/lib/controls/style/css.js.map +1 -1
- package/lib/controls/style/index.js +5 -0
- package/lib/controls/style/index.js.map +1 -1
- package/lib/controls/style/index.less +188 -188
- package/lib/h264/PlayerManager.js +27 -18
- package/lib/h264/PlayerManager.js.map +1 -1
- package/lib/history-control/index.d.ts +2 -2
- package/lib/history-control/index.js +121 -61
- package/lib/history-control/index.js.map +1 -1
- package/lib/history-control/style/css.js +6 -0
- package/lib/history-control/style/css.js.map +1 -1
- package/lib/history-control/style/index.js +6 -0
- package/lib/history-control/style/index.js.map +1 -1
- package/lib/history-control/style/index.less +252 -252
- package/lib/history-control-v2/components/grid-item/index.js +79 -38
- package/lib/history-control-v2/components/grid-item/index.js.map +1 -1
- package/lib/history-control-v2/components/panel/index.js +114 -44
- package/lib/history-control-v2/components/panel/index.js.map +1 -1
- package/lib/history-control-v2/context.js +2 -0
- package/lib/history-control-v2/context.js.map +1 -1
- package/lib/history-control-v2/index.d.ts +4 -4
- package/lib/history-control-v2/index.js +166 -97
- package/lib/history-control-v2/index.js.map +1 -1
- package/lib/history-control-v2/style/css.js +10 -0
- package/lib/history-control-v2/style/css.js.map +1 -1
- package/lib/history-control-v2/style/index.js +10 -0
- package/lib/history-control-v2/style/index.js.map +1 -1
- package/lib/history-control-v2/style/index.less +437 -437
- package/lib/history-control-v2/utils.js +21 -1
- package/lib/history-control-v2/utils.js.map +1 -1
- package/lib/history-player/index.d.ts +3 -3
- package/lib/history-player/index.js +210 -146
- package/lib/history-player/index.js.map +1 -1
- package/lib/history-player/style/css.js +3 -0
- package/lib/history-player/style/css.js.map +1 -1
- package/lib/history-player/style/index.js +3 -0
- package/lib/history-player/style/index.js.map +1 -1
- package/lib/history-player/style/index.less +102 -102
- package/lib/hooks/useSettings.js +6 -1
- package/lib/hooks/useSettings.js.map +1 -1
- package/lib/icc/PlayerManager.js +57 -26
- package/lib/icc/PlayerManager.js.map +1 -1
- package/lib/icc/api.d.ts +68 -0
- package/lib/icc/api.js +16 -2
- package/lib/icc/api.js.map +1 -1
- package/lib/icons/index.d.ts +36 -36
- package/lib/icons/index.js +171 -23
- package/lib/icons/index.js.map +1 -1
- package/lib/icons/index.less +32 -32
- package/lib/index.js +10 -0
- package/lib/index.js.map +1 -1
- package/lib/live-channel-player/index.d.ts +1 -1
- package/lib/live-channel-player/index.js +67 -31
- package/lib/live-channel-player/index.js.map +1 -1
- package/lib/live-channel-player/style/css.js +1 -0
- package/lib/live-channel-player/style/css.js.map +1 -1
- package/lib/live-channel-player/style/index.js +1 -0
- package/lib/live-channel-player/style/index.js.map +1 -1
- package/lib/live-control/index.d.ts +2 -2
- package/lib/live-control/index.js +86 -35
- package/lib/live-control/index.js.map +1 -1
- package/lib/live-control/style/css.js +4 -0
- package/lib/live-control/style/css.js.map +1 -1
- package/lib/live-control/style/index.js +4 -0
- package/lib/live-control/style/index.js.map +1 -1
- package/lib/live-control/style/index.less +99 -99
- package/lib/live-control-v2/index.d.ts +3 -3
- package/lib/live-control-v2/index.js +141 -108
- package/lib/live-control-v2/index.js.map +1 -1
- package/lib/live-control-v2/style/css.js +7 -0
- package/lib/live-control-v2/style/css.js.map +1 -1
- package/lib/live-control-v2/style/index.js +7 -0
- package/lib/live-control-v2/style/index.js.map +1 -1
- package/lib/live-control-v2/style/index.less +192 -192
- package/lib/live-player/index.js +136 -95
- package/lib/live-player/index.js.map +1 -1
- package/lib/live-player/style/css.js +2 -0
- package/lib/live-player/style/css.js.map +1 -1
- package/lib/live-player/style/index.js +2 -0
- package/lib/live-player/style/index.js.map +1 -1
- package/lib/live-player/style/index.less +75 -75
- package/lib/player/index.d.ts +1 -1
- package/lib/player/index.js +244 -79
- package/lib/player/index.js.map +1 -1
- package/lib/rsl/PlayerManager.js +64 -18
- package/lib/rsl/PlayerManager.js.map +1 -1
- package/lib/typings/@vtx/utils/index.d.ts +28 -28
- package/lib/typings/h5player.d.ts +146 -146
- package/lib/typings/webrtcplayer.d.ts +56 -56
- package/lib/typings/wsplayer.d.ts +99 -99
- package/lib/utils/index.d.ts +1 -1
- package/lib/utils/index.js +91 -12
- package/lib/utils/index.js.map +1 -1
- package/lib/vite-env.d.ts +1 -1
- package/lib/vtxHls/PlayerManager.js +20 -6
- package/lib/vtxHls/PlayerManager.js.map +1 -1
- package/lib/vtxHls/WhepManager.js +72 -9
- package/lib/vtxHls/WhepManager.js.map +1 -1
- package/lib/webrtc/PlayerManager.js +41 -28
- package/lib/webrtc/PlayerManager.js.map +1 -1
- package/package.json +125 -125
|
@@ -4,70 +4,99 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = void 0;
|
|
7
|
+
|
|
7
8
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
|
+
|
|
8
10
|
var _react = require("react");
|
|
11
|
+
|
|
9
12
|
var _setTagVideo = _interopRequireDefault(require("../../../components/set-tag-video"));
|
|
13
|
+
|
|
10
14
|
var _tagVideo = _interopRequireDefault(require("../../../components/tag-video"));
|
|
15
|
+
|
|
11
16
|
var _controls = require("../../../controls");
|
|
17
|
+
|
|
12
18
|
var _historyPlayer = _interopRequireDefault(require("../../../history-player"));
|
|
19
|
+
|
|
13
20
|
var _context = require("../../context");
|
|
21
|
+
|
|
14
22
|
var _utils = require("../../utils");
|
|
23
|
+
|
|
15
24
|
var _ahooks = require("ahooks");
|
|
25
|
+
|
|
16
26
|
var _lodash = _interopRequireDefault(require("lodash"));
|
|
27
|
+
|
|
17
28
|
var _moment = _interopRequireDefault(require("moment"));
|
|
29
|
+
|
|
18
30
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
31
|
+
|
|
19
32
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
33
|
+
|
|
20
34
|
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."); }
|
|
35
|
+
|
|
21
36
|
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
37
|
+
|
|
22
38
|
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
39
|
+
|
|
23
40
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
41
|
+
|
|
24
42
|
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."); }
|
|
43
|
+
|
|
25
44
|
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); }
|
|
26
|
-
|
|
27
|
-
function
|
|
45
|
+
|
|
46
|
+
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; }
|
|
47
|
+
|
|
48
|
+
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; }
|
|
49
|
+
|
|
28
50
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
51
|
+
|
|
29
52
|
var GridItem = function GridItem(props) {
|
|
30
53
|
var _useContext = (0, _react.useContext)(_context.historyControlV2Context),
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
54
|
+
loading = _useContext.loading,
|
|
55
|
+
channels = _useContext.channels,
|
|
56
|
+
setChannels = _useContext.setChannels,
|
|
57
|
+
activeIndex = _useContext.activeIndex,
|
|
58
|
+
setTimeLinePosition = _useContext.setTimeLinePosition; // setTimeLinePosition
|
|
59
|
+
|
|
60
|
+
|
|
36
61
|
var active = props.active,
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
62
|
+
onTimeChange = props.onTimeChange,
|
|
63
|
+
onClick = props.onClick,
|
|
64
|
+
onClose = props.onClose,
|
|
65
|
+
onScreenshot = props.onScreenshot,
|
|
66
|
+
scale = props.scale,
|
|
67
|
+
_props$palyIndex = props.palyIndex,
|
|
68
|
+
palyIndex = _props$palyIndex === void 0 ? 0 : _props$palyIndex,
|
|
69
|
+
_props$channel = props.channel,
|
|
70
|
+
channel = _props$channel === void 0 ? _utils.DEFAULT_PLAY_PARAMS : _props$channel;
|
|
71
|
+
|
|
46
72
|
var _useState = (0, _react.useState)(false),
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
73
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
74
|
+
tagSetShow = _useState2[0],
|
|
75
|
+
setTagSetShow = _useState2[1];
|
|
76
|
+
|
|
50
77
|
var url = channel.url,
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
78
|
+
startTime = channel.startTime,
|
|
79
|
+
endTime = channel.endTime,
|
|
80
|
+
channelName = channel.channelName,
|
|
81
|
+
channelNum = channel.channelNum,
|
|
82
|
+
deviceId = channel.deviceId,
|
|
83
|
+
deviceCode = channel.deviceCode,
|
|
84
|
+
deviceIp = channel.deviceIp,
|
|
85
|
+
devicePort = channel.devicePort,
|
|
86
|
+
streamType = channel.streamType,
|
|
87
|
+
deviceName = channel.deviceName,
|
|
88
|
+
hasLabel = channel.hasLabel;
|
|
89
|
+
|
|
62
90
|
var _useSetState = (0, _ahooks.useSetState)({
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
91
|
+
width: '100%',
|
|
92
|
+
height: '100%'
|
|
93
|
+
}),
|
|
94
|
+
_useSetState2 = _slicedToArray(_useSetState, 2),
|
|
95
|
+
_useSetState2$ = _useSetState2[0],
|
|
96
|
+
width = _useSetState2$.width,
|
|
97
|
+
height = _useSetState2$.height,
|
|
98
|
+
setState = _useSetState2[1];
|
|
99
|
+
|
|
71
100
|
var gridItemRef = (0, _react.useRef)(null);
|
|
72
101
|
var gridItemSize = (0, _ahooks.useSize)(gridItemRef);
|
|
73
102
|
(0, _react.useEffect)(function () {
|
|
@@ -79,6 +108,7 @@ var GridItem = function GridItem(props) {
|
|
|
79
108
|
height: gridItemSize.height - 26
|
|
80
109
|
});
|
|
81
110
|
break;
|
|
111
|
+
|
|
82
112
|
case '4*3':
|
|
83
113
|
if (gridItemSize.width / 4 < (gridItemSize.height - 26) / 3) {
|
|
84
114
|
setState({
|
|
@@ -91,7 +121,9 @@ var GridItem = function GridItem(props) {
|
|
|
91
121
|
height: '100%'
|
|
92
122
|
});
|
|
93
123
|
}
|
|
124
|
+
|
|
94
125
|
break;
|
|
126
|
+
|
|
95
127
|
case '16*9':
|
|
96
128
|
if (gridItemSize.width / 16 < (gridItemSize.height - 26) / 9) {
|
|
97
129
|
setState({
|
|
@@ -104,6 +136,7 @@ var GridItem = function GridItem(props) {
|
|
|
104
136
|
height: '100%'
|
|
105
137
|
});
|
|
106
138
|
}
|
|
139
|
+
|
|
107
140
|
break;
|
|
108
141
|
}
|
|
109
142
|
}
|
|
@@ -117,10 +150,13 @@ var GridItem = function GridItem(props) {
|
|
|
117
150
|
var isExpanded = false;
|
|
118
151
|
var showInfo = false;
|
|
119
152
|
var info = [];
|
|
153
|
+
|
|
120
154
|
var handleTimeChange = function handleTimeChange(time, speed) {
|
|
121
155
|
var _a, _b;
|
|
156
|
+
|
|
122
157
|
if (time !== '' && channels[palyIndex].tagId == '' && channels[palyIndex].index != -1 && (0, _moment["default"])(time).diff((0, _moment["default"])(channels[palyIndex].endTime), 'seconds') >= 0) {
|
|
123
158
|
var newChannels = _toConsumableArray(channels);
|
|
159
|
+
|
|
124
160
|
var length = channels[palyIndex].tableList.length;
|
|
125
161
|
var index = channels[palyIndex].index + 1 % length;
|
|
126
162
|
newChannels[palyIndex].index = index;
|
|
@@ -129,12 +165,14 @@ var GridItem = function GridItem(props) {
|
|
|
129
165
|
newChannels[palyIndex].player = channels[palyIndex].player;
|
|
130
166
|
setChannels(newChannels);
|
|
131
167
|
}
|
|
168
|
+
|
|
132
169
|
if (palyIndex === activeIndex) {
|
|
133
170
|
var progress = (0, _moment["default"])(time).diff((0, _moment["default"])(startTime).startOf('day'), 'seconds') / (24 * 60 * 60) * 100;
|
|
134
171
|
setTimeLinePosition(progress);
|
|
135
172
|
onTimeChange && onTimeChange(time, speed);
|
|
136
173
|
}
|
|
137
174
|
};
|
|
175
|
+
|
|
138
176
|
return (0, _jsxRuntime.jsx)("div", Object.assign({
|
|
139
177
|
className: "grid-item-container ".concat(active ? 'active' : '', " ").concat(loading ? '' : 'emptyImg'),
|
|
140
178
|
onClick: onClick,
|
|
@@ -157,6 +195,8 @@ var GridItem = function GridItem(props) {
|
|
|
157
195
|
}
|
|
158
196
|
}, {
|
|
159
197
|
children: (0, _jsxRuntime.jsx)(_historyPlayer["default"], Object.assign({}, historyPlayerProps, {
|
|
198
|
+
width: width,
|
|
199
|
+
height: height,
|
|
160
200
|
channelNum: channelNum,
|
|
161
201
|
deviceId: deviceId,
|
|
162
202
|
deviceCode: deviceCode,
|
|
@@ -181,6 +221,7 @@ var GridItem = function GridItem(props) {
|
|
|
181
221
|
})
|
|
182
222
|
}));
|
|
183
223
|
};
|
|
224
|
+
|
|
184
225
|
var _default = GridItem;
|
|
185
226
|
exports["default"] = _default;
|
|
186
227
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_jsxRuntime","require","_react","_setTagVideo","_interopRequireDefault","_tagVideo","_controls","_historyPlayer","_context","_utils","_ahooks","_lodash","_moment","obj","__esModule","_toConsumableArray","arr","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","TypeError","iter","Symbol","iterator","Array","from","isArray","_arrayLikeToArray","_slicedToArray","i","_arrayWithHoles","_iterableToArrayLimit","_nonIterableRest","o","minLen","n","Object","prototype","toString","call","slice","constructor","name","test","len","length","arr2","_i","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","GridItem","props","_useContext","useContext","historyControlV2Context","loading","channels","setChannels","activeIndex","setTimeLinePosition","active","onTimeChange","onClick","onClose","onScreenshot","scale","_props$palyIndex","palyIndex","_props$channel","channel","DEFAULT_PLAY_PARAMS","_useState","useState","_useState2","tagSetShow","setTagSetShow","url","startTime","endTime","channelName","channelNum","deviceId","deviceCode","deviceIp","devicePort","streamType","deviceName","hasLabel","_useSetState","useSetState","width","height","_useSetState2","_useSetState2$","setState","gridItemRef","useRef","gridItemSize","useSize","useEffect","historyPlayerProps","type","player","isExpanded","showInfo","info","handleTimeChange","time","speed","_a","_b","tagId","index","moment","diff","newChannels","tableList","beginTime","progress","startOf","_jsx","assign","className","concat","ref","children","_jsxs","_Fragment","PlayerHeader","extraButton","TagVideo","style","HistoryPlayer","controlBottom","_","throttle","controlVisible","SetTagVideo","screenshot","_default","exports"],"sources":["history-control-v2/components/grid-item/index.js"],"sourcesContent":["import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useContext, useEffect, useRef, useState } from 'react';\nimport SetTagVideo from '../../../components/set-tag-video';\nimport TagVideo from '../../../components/tag-video';\nimport { PlayerHeader } from '../../../controls';\nimport HistoryPlayer from '../../../history-player';\nimport { historyControlV2Context } from '../../context';\nimport { DEFAULT_PLAY_PARAMS } from '../../utils';\nimport { useSetState, useSize } from 'ahooks';\nimport _ from 'lodash';\nimport moment from 'moment';\nconst GridItem = (props) => {\n const { loading, channels, setChannels, activeIndex, setTimeLinePosition } = useContext(historyControlV2Context); // setTimeLinePosition\n const { active, onTimeChange, onClick, onClose, onScreenshot, scale, palyIndex = 0, channel = DEFAULT_PLAY_PARAMS, } = props;\n const [tagSetShow, setTagSetShow] = useState(false);\n const { url, startTime, endTime, channelName, channelNum, deviceId, deviceCode, deviceIp, devicePort, streamType, deviceName, hasLabel } = channel;\n const [{ width, height }, setState] = useSetState({\n width: '100%',\n height: '100%',\n });\n const gridItemRef = useRef(null);\n const gridItemSize = useSize(gridItemRef);\n useEffect(() => {\n if ((gridItemSize === null || gridItemSize === void 0 ? void 0 : gridItemSize.width) && (gridItemSize === null || gridItemSize === void 0 ? void 0 : gridItemSize.height)) {\n switch (scale) {\n case '100%':\n setState({\n width: '100%',\n height: gridItemSize.height - 26,\n });\n break;\n case '4*3':\n if (gridItemSize.width / 4 < (gridItemSize.height - 26) / 3) {\n setState({\n width: '100%',\n height: (gridItemSize.width / 4) * 3,\n });\n }\n else {\n setState({\n width: ((gridItemSize.height - 26) / 3) * 4,\n height: '100%',\n });\n }\n break;\n case '16*9':\n if (gridItemSize.width / 16 < (gridItemSize.height - 26) / 9) {\n setState({\n width: '100%',\n height: (gridItemSize.width / 16) * 9,\n });\n }\n else {\n setState({\n width: ((gridItemSize.height - 26) / 9) * 16,\n height: '100%',\n });\n }\n break;\n }\n }\n }, [gridItemSize, scale]);\n const historyPlayerProps = {\n url,\n startTime,\n endTime,\n type: channel === null || channel === void 0 ? void 0 : channel.player,\n };\n const isExpanded = false;\n const showInfo = false;\n const info = [];\n const handleTimeChange = (time, speed) => {\n var _a, _b;\n if (time !== '' &&\n channels[palyIndex].tagId == '' &&\n channels[palyIndex].index != -1 &&\n moment(time).diff(moment(channels[palyIndex].endTime), 'seconds') >= 0) {\n const newChannels = [...channels];\n const length = channels[palyIndex].tableList.length;\n const index = channels[palyIndex].index + (1 % length);\n newChannels[palyIndex].index = index;\n newChannels[palyIndex].startTime = (_a = channels[palyIndex].tableList[index]) === null || _a === void 0 ? void 0 : _a.beginTime;\n newChannels[palyIndex].endTime = (_b = channels[palyIndex].tableList[index]) === null || _b === void 0 ? void 0 : _b.endTime;\n newChannels[palyIndex].player = channels[palyIndex].player;\n setChannels(newChannels);\n }\n if (palyIndex === activeIndex) {\n const progress = (moment(time).diff(moment(startTime).startOf('day'), 'seconds') / (24 * 60 * 60)) *\n 100;\n setTimeLinePosition(progress);\n onTimeChange && onTimeChange(time, speed);\n }\n };\n return (_jsx(\"div\", Object.assign({ className: `grid-item-container ${active ? 'active' : ''} ${loading ? '' : 'emptyImg'}`, onClick: onClick, ref: gridItemRef }, { children: channel.channelNum && (_jsxs(_Fragment, { children: [_jsx(PlayerHeader, { name: `${deviceName}-${channelName}`, onClose: onClose, extraButton: hasLabel ? _jsx(TagVideo, { channel: channel }) : null }), _jsx(\"div\", Object.assign({ className: \"player-container\" }, { children: historyPlayerProps.url &&\n historyPlayerProps.startTime &&\n historyPlayerProps.endTime && (_jsx(\"div\", Object.assign({ style: { width, height } }, { children: _jsx(HistoryPlayer, Object.assign({}, historyPlayerProps, { channelNum: channelNum, deviceId: deviceId, deviceCode: deviceCode, devicePort: devicePort, deviceIp: deviceIp, streamType: streamType, controlBottom: isExpanded ? 235 : 0, onTimeChange: _.throttle(handleTimeChange, 999), showInfo: showInfo, info: info, controlVisible: tagSetShow, activeIndex: palyIndex, extraButton: _jsx(SetTagVideo, { tagSetShow: tagSetShow, setTagSetShow: setTagSetShow, channel: channel }), screenshot: onScreenshot })) }))) }))] })) })));\n};\nexport default GridItem;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","names":["GridItem","props","useContext","historyControlV2Context","loading","channels","setChannels","activeIndex","setTimeLinePosition","active","onTimeChange","onClick","onClose","onScreenshot","scale","palyIndex","channel","DEFAULT_PLAY_PARAMS","useState","tagSetShow","setTagSetShow","url","startTime","endTime","channelName","channelNum","deviceId","deviceCode","deviceIp","devicePort","streamType","deviceName","hasLabel","useSetState","width","height","setState","gridItemRef","useRef","gridItemSize","useSize","useEffect","historyPlayerProps","type","player","isExpanded","showInfo","info","handleTimeChange","time","speed","_a","_b","tagId","index","moment","diff","newChannels","length","tableList","beginTime","progress","startOf","_jsx","Object","assign","className","ref","children","_jsxs","_Fragment","PlayerHeader","name","extraButton","TagVideo","style","HistoryPlayer","controlBottom","_","throttle","controlVisible","SetTagVideo","screenshot"],"sources":["history-control-v2/components/grid-item/index.js"],"sourcesContent":["import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useContext, useEffect, useRef, useState } from 'react';\nimport SetTagVideo from '../../../components/set-tag-video';\nimport TagVideo from '../../../components/tag-video';\nimport { PlayerHeader } from '../../../controls';\nimport HistoryPlayer from '../../../history-player';\nimport { historyControlV2Context } from '../../context';\nimport { DEFAULT_PLAY_PARAMS } from '../../utils';\nimport { useSetState, useSize } from 'ahooks';\nimport _ from 'lodash';\nimport moment from 'moment';\nconst GridItem = (props) => {\n const { loading, channels, setChannels, activeIndex, setTimeLinePosition } = useContext(historyControlV2Context); // setTimeLinePosition\n const { active, onTimeChange, onClick, onClose, onScreenshot, scale, palyIndex = 0, channel = DEFAULT_PLAY_PARAMS, } = props;\n const [tagSetShow, setTagSetShow] = useState(false);\n const { url, startTime, endTime, channelName, channelNum, deviceId, deviceCode, deviceIp, devicePort, streamType, deviceName, hasLabel, } = channel;\n const [{ width, height }, setState] = useSetState({\n width: '100%',\n height: '100%',\n });\n const gridItemRef = useRef(null);\n const gridItemSize = useSize(gridItemRef);\n useEffect(() => {\n if ((gridItemSize === null || gridItemSize === void 0 ? void 0 : gridItemSize.width) && (gridItemSize === null || gridItemSize === void 0 ? void 0 : gridItemSize.height)) {\n switch (scale) {\n case '100%':\n setState({\n width: '100%',\n height: gridItemSize.height - 26,\n });\n break;\n case '4*3':\n if (gridItemSize.width / 4 < (gridItemSize.height - 26) / 3) {\n setState({\n width: '100%',\n height: (gridItemSize.width / 4) * 3,\n });\n }\n else {\n setState({\n width: ((gridItemSize.height - 26) / 3) * 4,\n height: '100%',\n });\n }\n break;\n case '16*9':\n if (gridItemSize.width / 16 < (gridItemSize.height - 26) / 9) {\n setState({\n width: '100%',\n height: (gridItemSize.width / 16) * 9,\n });\n }\n else {\n setState({\n width: ((gridItemSize.height - 26) / 9) * 16,\n height: '100%',\n });\n }\n break;\n }\n }\n }, [gridItemSize, scale]);\n const historyPlayerProps = {\n url,\n startTime,\n endTime,\n type: channel === null || channel === void 0 ? void 0 : channel.player,\n };\n const isExpanded = false;\n const showInfo = false;\n const info = [];\n const handleTimeChange = (time, speed) => {\n var _a, _b;\n if (time !== '' &&\n channels[palyIndex].tagId == '' &&\n channels[palyIndex].index != -1 &&\n moment(time).diff(moment(channels[palyIndex].endTime), 'seconds') >= 0) {\n const newChannels = [...channels];\n const length = channels[palyIndex].tableList.length;\n const index = channels[palyIndex].index + (1 % length);\n newChannels[palyIndex].index = index;\n newChannels[palyIndex].startTime = (_a = channels[palyIndex].tableList[index]) === null || _a === void 0 ? void 0 : _a.beginTime;\n newChannels[palyIndex].endTime = (_b = channels[palyIndex].tableList[index]) === null || _b === void 0 ? void 0 : _b.endTime;\n newChannels[palyIndex].player = channels[palyIndex].player;\n setChannels(newChannels);\n }\n if (palyIndex === activeIndex) {\n const progress = (moment(time).diff(moment(startTime).startOf('day'), 'seconds') / (24 * 60 * 60)) *\n 100;\n setTimeLinePosition(progress);\n onTimeChange && onTimeChange(time, speed);\n }\n };\n return (_jsx(\"div\", Object.assign({ className: `grid-item-container ${active ? 'active' : ''} ${loading ? '' : 'emptyImg'}`, onClick: onClick, ref: gridItemRef }, { children: channel.channelNum && (_jsxs(_Fragment, { children: [_jsx(PlayerHeader, { name: `${deviceName}-${channelName}`, onClose: onClose, extraButton: hasLabel ? _jsx(TagVideo, { channel: channel }) : null }), _jsx(\"div\", Object.assign({ className: \"player-container\" }, { children: historyPlayerProps.url &&\n historyPlayerProps.startTime &&\n historyPlayerProps.endTime && (_jsx(\"div\", Object.assign({ style: { width, height } }, { children: _jsx(HistoryPlayer, Object.assign({}, historyPlayerProps, { width: width, height: height, channelNum: channelNum, deviceId: deviceId, deviceCode: deviceCode, devicePort: devicePort, deviceIp: deviceIp, streamType: streamType, controlBottom: isExpanded ? 235 : 0, onTimeChange: _.throttle(handleTimeChange, 999), showInfo: showInfo, info: info, controlVisible: tagSetShow, activeIndex: palyIndex, extraButton: _jsx(SetTagVideo, { tagSetShow: tagSetShow, setTagSetShow: setTagSetShow, channel: channel }), screenshot: onScreenshot })) }))) }))] })) })));\n};\nexport default GridItem;\n"],"mappings":"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"}
|