@vtx/player 0.0.30 → 1.0.0

package/lib/live-control-v2/index.d.ts

@@ -0,0 +1,55 @@
+import React, { ReactElement } from 'react';
+import { ISplitScreenGrid } from '../components/split-screen';
+export declare type LiveControlV2Handle = {
+    /** 设置窗口 */
+    setGrid: (grid: ISplitScreenGrid) => void;
+    /** 加载视频 */
+    load: (channel: ChannelType) => void;
+    /** 卸载视频，参数为通道id */
+    unLoad: (channelId: string) => void;
+    /** 卸载所有视频 */
+    unLoadAll: () => void;
+    /** 一次加载多个视频，适用于初始化 */
+    multiLoad: (channels: ChannelType[], init: boolean, adapt: boolean) => void;
+};
+interface LiveControlV2Props {
+    /** 展开/收缩按钮回调 */
+    onExpandChange?: (expand: boolean) => void;
+    /** 视频关闭回调，参数为通道编号数组 */
+    onPlayingChannelChange?: (channels: ChannelType[]) => void;
+    /** 截图回调 */
+    onScreenshot?: (url: string) => void;
+    /** 关闭视频回调 */
+    onVideoClose?: (ChannelType: ChannelType) => void;
+    /** 轮播时关闭视频回调 */
+    onCloseVideoInRotation?: (onVideoClose: () => void) => void;
+    /** 宽度 */
+    width?: number | string;
+    /** 高度 */
+    height?: number | string;
+    /** 轮询频率 */
+    polling?: number | undefined;
+    /** 是否可以切屏 */
+    gridChange: boolean;
+    /** 底部操作栏额外元素 */
+    extraDom?: ReactElement | undefined;
+}
+export declare type ChannelType = {
+    /** 通道号 */
+    channelNum: string;
+    /** 通道id */
+    channelId?: string;
+    /** 设备ID */
+    deviceId?: string;
+    /** 协议 */
+    protocol?: string;
+    /** 是否展示信息 */
+    showInfo?: boolean | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
+    /** 信息 */
+    info?: Array<Array<string>>;
+};
+/**
+ * 实时分屏组件
+ */
+declare const LiveControlV2: React.ForwardRefExoticComponent<LiveControlV2Props & React.RefAttributes<LiveControlV2Handle>>;
+export default LiveControlV2;

package/lib/live-control-v2/index.js

@@ -0,0 +1,529 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var _react = require("react");
+
+var _api = require("../api");
+
+var _splitScreen = _interopRequireDefault(require("../components/split-screen"));
+
+var _videoScale = _interopRequireDefault(require("../components/video-scale"));
+
+var _controls = require("../controls");
+
+var _icons = require("../icons");
+
+var _livePlayer = _interopRequireDefault(require("../live-player"));
+
+var _icons2 = require("@ant-design/icons");
+
+var _ahooks = require("ahooks");
+
+var _space = _interopRequireDefault(require("antd/lib/space"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(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; }
+
+var DEFAULT_GRID = 4;
+var DEFAULT_ACTIVE = 0;
+var DEFAULT_CHANNELS = Array(25).fill({
+  channelNum: ''
+});
+/**
+ * 实时分屏组件
+ */
+
+var LiveControlV2 = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var _props$height = props.height,
+      height = _props$height === void 0 ? '100%' : _props$height,
+      _props$width = props.width,
+      width = _props$width === void 0 ? '100%' : _props$width,
+      onExpandChange = props.onExpandChange,
+      onPlayingChannelChange = props.onPlayingChannelChange,
+      onVideoClose = props.onVideoClose,
+      onCloseVideoInRotation = props.onCloseVideoInRotation,
+      extraDom = props.extraDom,
+      _props$gridChange = props.gridChange,
+      gridChange = _props$gridChange === void 0 ? true : _props$gridChange,
+      onScreenshot = props.onScreenshot;
+
+  var _useSetState = (0, _ahooks.useSetState)({
+    expand: true,
+    grid: DEFAULT_GRID,
+    activeIndex: DEFAULT_ACTIVE,
+    channels: DEFAULT_CHANNELS,
+    scale: '100%'
+  }),
+      _useSetState2 = _slicedToArray(_useSetState, 2),
+      state = _useSetState2[0],
+      setState = _useSetState2[1];
+
+  var wrapRef = (0, _react.useRef)(null);
+  var latestGrid = (0, _react.useRef)(DEFAULT_GRID);
+
+  var _useFullscreen = (0, _ahooks.useFullscreen)(wrapRef),
+      _useFullscreen2 = _slicedToArray(_useFullscreen, 2),
+      isFullscreen = _useFullscreen2[0],
+      toggleFullscreen = _useFullscreen2[1].toggleFullscreen;
+
+  var channelRef = (0, _react.useRef)(DEFAULT_CHANNELS); // 实时视频轮询
+  // useInterval(() => {
+  //     // 是否有视频正在播放
+  //     const hasVideo = channelRef.current.some((item) => item.channelNum);
+  //     if (polling && hasVideo) {
+  //         updateChannels(DEFAULT_CHANNELS);
+  //         const timer = setTimeout(() => {
+  //             setState({
+  //                 channels: channelRef.current,
+  //             });
+  //             clearTimeout(timer);
+  //         }, 0);
+  //     }
+  // }, polling);
+
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      setGrid: function setGrid(grid) {
+        updateGrid(grid);
+      },
+      load: function load(channel) {
+        var index = channelRef.current.findIndex(function (c) {
+          return c.channelId === channel.channelId;
+        });
+
+        if (~index) {
+          setState({
+            activeIndex: index
+          }); // 如果通道号已经存在，则设置激活索引为该通道
+        } else {
+          // 播放该通道
+          var newChannels = _toConsumableArray(channelRef.current);
+
+          newChannels[state.activeIndex] = channel;
+          var activeIndex = getActiveIndex(newChannels, latestGrid.current, state.activeIndex);
+          channelRef.current = newChannels;
+          setState({
+            channels: newChannels,
+            activeIndex: activeIndex
+          });
+        }
+      },
+      multiLoad: function multiLoad(channels) {
+        var init = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+        var adapt = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+        var grid = latestGrid.current;
+        var newChannels = [],
+            activeIndex = state.activeIndex; // 每次清空已经在播放的视频
+
+        if (init) {
+          adapt && (grid = getGrid(channels.length));
+
+          for (var i = 0; i < Number(grid); i++) {
+            newChannels.push(channels[i] ? channels[i] : {
+              channelNum: ''
+            });
+          }
+        } else {
+          // 不清空，找寻空闲窗口播放
+          newChannels = _toConsumableArray(channelRef.current);
+
+          for (var _i2 = 0; _i2 < channels.length; _i2++) {
+            newChannels[activeIndex] = channels[_i2] || {
+              channelNum: ''
+            };
+            var index = getActiveIndex(newChannels, latestGrid.current, activeIndex); // 如果相等，说明没有空闲窗口
+
+            if (index === activeIndex) {
+              break;
+            }
+
+            activeIndex = index;
+          }
+        }
+
+        latestGrid.current = grid;
+        channelRef.current = newChannels;
+        setState({
+          grid: grid,
+          channels: newChannels,
+          activeIndex: activeIndex
+        });
+      },
+      unLoad: function unLoad(channelId) {
+        var index = channelRef.current.findIndex(function (c) {
+          return c.channelId === channelId;
+        });
+
+        if (~index) {
+          // 卸载通道
+          var newChannels = _toConsumableArray(channelRef.current);
+
+          newChannels[index] = {
+            channelNum: ''
+          };
+          updateChannels(newChannels);
+        }
+      },
+      unLoadAll: handleCloseAll
+    };
+  });
+  (0, _react.useEffect)(function () {
+    if (onPlayingChannelChange) {
+      onPlayingChannelChange(state.channels.filter(function (c) {
+        return !!c.channelNum;
+      }));
+    }
+  }, [state.channels]);
+
+  var handleCloseAll = function handleCloseAll() {
+    setState({
+      activeIndex: DEFAULT_ACTIVE
+    });
+    updateChannels(DEFAULT_CHANNELS);
+  };
+
+  var handleExpand = function handleExpand() {
+    onExpandChange && onExpandChange(!state.expand);
+    setState({
+      expand: !state.expand
+    });
+  };
+
+  var updateGrid = function updateGrid(grid) {
+    var newChannels = _toConsumableArray(channelRef.current);
+
+    if (grid > newChannels.length) {
+      newChannels = DEFAULT_CHANNELS.slice(0, grid).map(function (item, index) {
+        return newChannels[index] ? newChannels[index] : item;
+      });
+    } else {
+      newChannels = newChannels.slice(0, grid);
+    }
+
+    latestGrid.current = grid;
+    channelRef.current = newChannels;
+    setState({
+      grid: grid,
+      channels: newChannels
+    });
+  };
+
+  var updateChannels = function updateChannels(channels) {
+    channelRef.current = channels;
+    setState({
+      channels: channels
+    });
+  }; // 关闭视频
+
+
+  var closeVideo = function closeVideo(i) {
+    var newChannels = _toConsumableArray(channelRef.current);
+
+    onVideoClose && onVideoClose(newChannels[i]);
+    newChannels[i] = {
+      channelNum: ''
+    };
+    updateChannels(newChannels);
+  };
+
+  var getGridItems = function getGridItems() {
+    var items = [];
+
+    var _loop = function _loop(i) {
+      var element = (0, _jsxRuntime.jsx)(GridItem, {
+        active: state.activeIndex === i,
+        onClick: function onClick() {
+          return setState({
+            activeIndex: i
+          });
+        },
+        channel: channelRef.current[i] || {
+          channelNum: ''
+        },
+        onClose: function onClose() {
+          // 如果正在轮播
+          if (onCloseVideoInRotation) {
+            onCloseVideoInRotation(function () {
+              return closeVideo(i);
+            });
+            return;
+          }
+
+          closeVideo(i);
+        },
+        scale: state.scale,
+        onScreenshot: onScreenshot
+      }, i);
+      items.push(element);
+    };
+
+    for (var i = 0; i < Number(latestGrid.current); i++) {
+      _loop(i);
+    }
+
+    return items;
+  };
+
+  return (0, _jsxRuntime.jsxs)("div", Object.assign({
+    className: "vtx-live-control-v2",
+    ref: wrapRef,
+    style: {
+      height: height,
+      width: width
+    }
+  }, {
+    children: [(0, _jsxRuntime.jsx)("div", Object.assign({
+      className: "player-grid-container _".concat(state.grid)
+    }, {
+      children: getGridItems()
+    })), (0, _jsxRuntime.jsxs)("div", Object.assign({
+      className: "bottom-controls"
+    }, {
+      children: [(0, _jsxRuntime.jsxs)(_space["default"], Object.assign({
+        className: "left",
+        size: 12,
+        align: "center"
+      }, {
+        children: [onExpandChange && (0, _jsxRuntime.jsx)("div", Object.assign({
+          onClick: handleExpand,
+          style: {
+            display: 'flex'
+          }
+        }, {
+          children: state.expand ? (0, _jsxRuntime.jsx)(_icons.FoldIcon, {}) : (0, _jsxRuntime.jsx)(_icons.ExpandIcon, {})
+        })), extraDom ? extraDom : null]
+      })), (0, _jsxRuntime.jsxs)(_space["default"], Object.assign({
+        className: "right",
+        size: 12,
+        align: "center"
+      }, {
+        children: [(0, _jsxRuntime.jsx)(_icons.CloseAllIcon, {
+          onClick: handleCloseAll
+        }), (0, _jsxRuntime.jsx)("div", {
+          className: 'split-line'
+        }), gridChange ? (0, _jsxRuntime.jsx)(_splitScreen["default"], Object.assign({
+          grid: state.grid,
+          setGrid: function setGrid(grid) {
+            return updateGrid(grid);
+          }
+        }, {
+          children: (0, _jsxRuntime.jsxs)("div", Object.assign({
+            className: 'controls-icon-hover'
+          }, {
+            children: [(0, _jsxRuntime.jsx)(_icons.GridIcon, {}), (0, _jsxRuntime.jsx)(_icons2.DownOutlined, {
+              className: "hover-hide"
+            }), (0, _jsxRuntime.jsx)(_icons2.UpOutlined, {
+              className: "hover-show"
+            })]
+          }))
+        })) : (0, _jsxRuntime.jsxs)("div", Object.assign({
+          className: 'grid-change-disable'
+        }, {
+          children: [(0, _jsxRuntime.jsx)(_icons.GridIcon, {
+            disabled: !gridChange
+          }), (0, _jsxRuntime.jsx)(_icons2.DownOutlined, {
+            className: "arrow"
+          })]
+        })), (0, _jsxRuntime.jsx)(_videoScale["default"], Object.assign({
+          scale: state.scale,
+          setScale: function setScale(scale) {
+            return setState({
+              scale: scale
+            });
+          }
+        }, {
+          children: (0, _jsxRuntime.jsxs)("div", Object.assign({
+            className: 'controls-icon-hover'
+          }, {
+            children: [(0, _jsxRuntime.jsx)(_icons.OccupyingScreenIcon, {}), (0, _jsxRuntime.jsx)(_icons2.DownOutlined, {
+              className: "hover-hide"
+            }), (0, _jsxRuntime.jsx)(_icons2.UpOutlined, {
+              className: "hover-show"
+            })]
+          }))
+        })), isFullscreen ? (0, _jsxRuntime.jsx)(_icons.ExitFullScreenIcon, {
+          onClick: toggleFullscreen
+        }) : (0, _jsxRuntime.jsx)(_icons.FullScreenIcon, {
+          onClick: toggleFullscreen
+        })]
+      }))]
+    }))]
+  }));
+});
+LiveControlV2.displayName = 'LiveControlV2';
+
+var GridItem = function GridItem(props) {
+  var active = props.active,
+      onClick = props.onClick,
+      channel = props.channel,
+      onClose = props.onClose,
+      onScreenshot = props.onScreenshot,
+      scale = props.scale;
+  var empty = !channel.channelNum;
+
+  var _useRequest = (0, _ahooks.useRequest)(function () {
+    return (0, _api.getPreviewUrl)(channel);
+  }, {
+    ready: !!channel.channelNum,
+    refreshDeps: [channel.channelNum]
+  }),
+      data = _useRequest.data,
+      loading = _useRequest.loading;
+
+  var name = "".concat(data === null || data === void 0 ? void 0 : data.deviceName, "-").concat(data === null || data === void 0 ? void 0 : data.channelName);
+
+  var _useSetState3 = (0, _ahooks.useSetState)({
+    width: '100%',
+    height: '100%'
+  }),
+      _useSetState4 = _slicedToArray(_useSetState3, 2),
+      _useSetState4$ = _useSetState4[0],
+      width = _useSetState4$.width,
+      height = _useSetState4$.height,
+      setState = _useSetState4[1];
+
+  var gridItemRef = (0, _react.useRef)(null);
+  var gridItemSize = (0, _ahooks.useSize)(gridItemRef);
+  (0, _react.useEffect)(function () {
+    if ((gridItemSize === null || gridItemSize === void 0 ? void 0 : gridItemSize.width) && (gridItemSize === null || gridItemSize === void 0 ? void 0 : gridItemSize.height)) {
+      switch (scale) {
+        case '100%':
+          setState({
+            width: '100%',
+            height: gridItemSize.height - 26
+          });
+          break;
+
+        case '4*3':
+          if (gridItemSize.width / 4 < (gridItemSize.height - 26) / 3) {
+            setState({
+              width: '100%',
+              height: gridItemSize.width / 4 * 3
+            });
+          } else {
+            setState({
+              width: (gridItemSize.height - 26) / 3 * 4,
+              height: '100%'
+            });
+          }
+
+          break;
+
+        case '16*9':
+          if (gridItemSize.width / 16 < (gridItemSize.height - 26) / 9) {
+            setState({
+              width: '100%',
+              height: gridItemSize.width / 16 * 9
+            });
+          } else {
+            setState({
+              width: (gridItemSize.height - 26) / 9 * 16,
+              height: '100%'
+            });
+          }
+
+          break;
+      }
+    }
+  }, [gridItemSize, scale]);
+  return (0, _jsxRuntime.jsx)("div", Object.assign({
+    className: "grid-item-container ".concat(active ? 'active' : '', " ").concat(loading ? '' : 'emptyImg'),
+    onClick: onClick,
+    ref: gridItemRef
+  }, {
+    children: data && !empty && (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [(0, _jsxRuntime.jsx)(_controls.PlayerHeader, {
+        name: name,
+        onClose: onClose
+      }), (0, _jsxRuntime.jsx)("div", Object.assign({
+        className: "content"
+      }, {
+        children: (0, _jsxRuntime.jsx)("div", Object.assign({
+          style: {
+            width: width,
+            height: height
+          }
+        }, {
+          children: (0, _jsxRuntime.jsx)(_livePlayer["default"], {
+            url: data.url,
+            captureName: name,
+            talkUrl: data.apiUrl,
+            showInfo: channel.showInfo,
+            info: channel.info,
+            screenshot: onScreenshot
+          })
+        }))
+      }))]
+    })
+  }));
+};
+/**
+ * 获取当前激活的网格
+ * @param channels 现有通道数组
+ * @param grid 当前网格状态
+ * @param currentIndex 当前索引
+ * @returns
+ */
+
+
+var getActiveIndex = function getActiveIndex(channels, grid, currentIndex) {
+  var currentChannels = channels.slice(0, Number(grid));
+
+  for (var i = currentIndex + 1; i < currentChannels.length; i++) {
+    if (!currentChannels[i].channelNum) return i;
+  }
+
+  for (var _i3 = 0; _i3 < currentIndex; _i3++) {
+    if (!currentChannels[_i3].channelNum) return _i3;
+  }
+
+  return currentIndex;
+};
+
+var grids = [1, 4, 6, 8, 9, 13, 17, 16, 22, 25];
+/**
+ * 获取布局
+ * @param len 通道数量
+ */
+
+var getGrid = function getGrid(len) {
+  var grid;
+
+  for (var i = 0; i < grids.length; i++) {
+    if (grids[i] - len >= 0) {
+      grid = grids[i];
+      break;
+    }
+  }
+
+  return grid > 25 ? 25 : grid;
+};
+
+var _default = LiveControlV2;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/lib/live-control-v2/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["DEFAULT_GRID","DEFAULT_ACTIVE","DEFAULT_CHANNELS","Array","fill","channelNum","LiveControlV2","forwardRef","props","ref","height","width","onExpandChange","onPlayingChannelChange","onVideoClose","onCloseVideoInRotation","extraDom","gridChange","onScreenshot","useSetState","expand","grid","activeIndex","channels","scale","state","setState","wrapRef","useRef","latestGrid","useFullscreen","isFullscreen","toggleFullscreen","channelRef","useImperativeHandle","setGrid","updateGrid","load","channel","index","current","findIndex","c","channelId","newChannels","getActiveIndex","multiLoad","init","adapt","getGrid","length","i","Number","push","unLoad","updateChannels","unLoadAll","handleCloseAll","useEffect","filter","handleExpand","slice","map","item","closeVideo","getGridItems","items","element","_jsx","GridItem","active","onClick","onClose","_jsxs","Object","assign","className","style","children","Space","size","align","display","FoldIcon","ExpandIcon","CloseAllIcon","SplitScreen","GridIcon","DownOutlined","UpOutlined","disabled","VideoScale","setScale","OccupyingScreenIcon","ExitFullScreenIcon","FullScreenIcon","displayName","empty","useRequest","getPreviewUrl","ready","refreshDeps","data","loading","name","deviceName","channelName","gridItemRef","gridItemSize","useSize","_Fragment","PlayerHeader","VtxLivePlayer","url","captureName","talkUrl","apiUrl","showInfo","info","screenshot","currentIndex","currentChannels","grids","len"],"sources":["live-control-v2/index.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { forwardRef, useEffect, useImperativeHandle, useRef } from 'react';\nimport { getPreviewUrl } from '../api';\nimport SplitScreen from '../components/split-screen';\nimport VideoScale from '../components/video-scale';\nimport { PlayerHeader } from '../controls';\nimport { CloseAllIcon, ExitFullScreenIcon, ExpandIcon, FoldIcon, FullScreenIcon, GridIcon, OccupyingScreenIcon, } from '../icons';\nimport VtxLivePlayer from '../live-player';\nimport { DownOutlined, UpOutlined } from '@ant-design/icons';\nimport { useFullscreen, useRequest, useSetState, useSize } from 'ahooks';\nimport Space from 'antd/lib/space';\nconst DEFAULT_GRID = 4;\nconst DEFAULT_ACTIVE = 0;\nconst DEFAULT_CHANNELS = Array(25).fill({ channelNum: '' });\n/**\n * 实时分屏组件\n */\nconst LiveControlV2 = forwardRef((props, ref) => {\n    const { height = '100%', width = '100%', onExpandChange, onPlayingChannelChange, onVideoClose, onCloseVideoInRotation, extraDom, gridChange = true, onScreenshot } = props;\n    const [state, setState] = useSetState({\n        expand: true,\n        grid: DEFAULT_GRID,\n        activeIndex: DEFAULT_ACTIVE,\n        channels: DEFAULT_CHANNELS,\n        scale: '100%',\n    });\n    const wrapRef = useRef(null);\n    const latestGrid = useRef(DEFAULT_GRID);\n    const [isFullscreen, { toggleFullscreen }] = useFullscreen(wrapRef);\n    const channelRef = useRef(DEFAULT_CHANNELS);\n    // 实时视频轮询\n    // useInterval(() => {\n    //     // 是否有视频正在播放\n    //     const hasVideo = channelRef.current.some((item) => item.channelNum);\n    //     if (polling && hasVideo) {\n    //         updateChannels(DEFAULT_CHANNELS);\n    //         const timer = setTimeout(() => {\n    //             setState({\n    //                 channels: channelRef.current,\n    //             });\n    //             clearTimeout(timer);\n    //         }, 0);\n    //     }\n    // }, polling);\n    useImperativeHandle(ref, () => {\n        return {\n            setGrid: (grid) => {\n                updateGrid(grid);\n            },\n            load: (channel) => {\n                const index = channelRef.current.findIndex((c) => c.channelId === channel.channelId);\n                if (~index) {\n                    setState({ activeIndex: index }); // 如果通道号已经存在，则设置激活索引为该通道\n                }\n                else {\n                    // 播放该通道\n                    const newChannels = [...channelRef.current];\n                    newChannels[state.activeIndex] = channel;\n                    const activeIndex = getActiveIndex(newChannels, latestGrid.current, state.activeIndex);\n                    channelRef.current = newChannels;\n                    setState({ channels: newChannels, activeIndex });\n                }\n            },\n            multiLoad: (channels, init = true, adapt = false) => {\n                let grid = latestGrid.current;\n                let newChannels = [], activeIndex = state.activeIndex;\n                // 每次清空已经在播放的视频\n                if (init) {\n                    adapt && (grid = getGrid(channels.length));\n                    for (let i = 0; i < Number(grid); i++) {\n                        newChannels.push(channels[i] ? channels[i] : { channelNum: '' });\n                    }\n                }\n                else {\n                    // 不清空，找寻空闲窗口播放\n                    newChannels = [...channelRef.current];\n                    for (let i = 0; i < channels.length; i++) {\n                        newChannels[activeIndex] = channels[i] || { channelNum: '' };\n                        const index = getActiveIndex(newChannels, latestGrid.current, activeIndex);\n                        // 如果相等，说明没有空闲窗口\n                        if (index === activeIndex) {\n                            break;\n                        }\n                        activeIndex = index;\n                    }\n                }\n                latestGrid.current = grid;\n                channelRef.current = newChannels;\n                setState({ grid, channels: newChannels, activeIndex });\n            },\n            unLoad: (channelId) => {\n                const index = channelRef.current.findIndex((c) => c.channelId === channelId);\n                if (~index) {\n                    // 卸载通道\n                    const newChannels = [...channelRef.current];\n                    newChannels[index] = { channelNum: '' };\n                    updateChannels(newChannels);\n                }\n            },\n            unLoadAll: handleCloseAll\n        };\n    });\n    useEffect(() => {\n        if (onPlayingChannelChange) {\n            onPlayingChannelChange(state.channels.filter((c) => !!c.channelNum));\n        }\n    }, [state.channels]);\n    const handleCloseAll = () => {\n        setState({\n            activeIndex: DEFAULT_ACTIVE\n        });\n        updateChannels(DEFAULT_CHANNELS);\n    };\n    const handleExpand = () => {\n        onExpandChange && onExpandChange(!state.expand);\n        setState({ expand: !state.expand });\n    };\n    const updateGrid = (grid) => {\n        let newChannels = [...channelRef.current];\n        if (grid > newChannels.length) {\n            newChannels = DEFAULT_CHANNELS.slice(0, grid).map((item, index) => {\n                return newChannels[index] ? newChannels[index] : item;\n            });\n        }\n        else {\n            newChannels = newChannels.slice(0, grid);\n        }\n        latestGrid.current = grid;\n        channelRef.current = newChannels;\n        setState({ grid, channels: newChannels });\n    };\n    const updateChannels = (channels) => {\n        channelRef.current = channels;\n        setState({ channels });\n    };\n    // 关闭视频\n    const closeVideo = (i) => {\n        const newChannels = [...channelRef.current];\n        onVideoClose && onVideoClose(newChannels[i]);\n        newChannels[i] = { channelNum: '' };\n        updateChannels(newChannels);\n    };\n    const getGridItems = () => {\n        const items = [];\n        for (let i = 0; i < Number(latestGrid.current); i++) {\n            const element = (_jsx(GridItem, { active: state.activeIndex === i, onClick: () => setState({ activeIndex: i }), channel: channelRef.current[i] || { channelNum: '' }, onClose: () => {\n                    // 如果正在轮播\n                    if (onCloseVideoInRotation) {\n                        onCloseVideoInRotation(() => closeVideo(i));\n                        return;\n                    }\n                    closeVideo(i);\n                }, scale: state.scale, onScreenshot: onScreenshot }, i));\n            items.push(element);\n        }\n        return items;\n    };\n    return (_jsxs(\"div\", Object.assign({ className: \"vtx-live-control-v2\", ref: wrapRef, style: { height, width } }, { children: [_jsx(\"div\", Object.assign({ className: `player-grid-container _${state.grid}` }, { children: getGridItems() })), _jsxs(\"div\", Object.assign({ className: \"bottom-controls\" }, { children: [_jsxs(Space, Object.assign({ className: \"left\", size: 12, align: \"center\" }, { children: [onExpandChange && (_jsx(\"div\", Object.assign({ onClick: handleExpand, style: { display: 'flex' } }, { children: state.expand ? _jsx(FoldIcon, {}) : _jsx(ExpandIcon, {}) }))), extraDom ? extraDom : null] })), _jsxs(Space, Object.assign({ className: \"right\", size: 12, align: \"center\" }, { children: [_jsx(CloseAllIcon, { onClick: handleCloseAll }), _jsx(\"div\", { className: 'split-line' }), gridChange ?\n                                _jsx(SplitScreen, Object.assign({ grid: state.grid, setGrid: (grid) => updateGrid(grid) }, { children: _jsxs(\"div\", Object.assign({ className: 'controls-icon-hover' }, { children: [_jsx(GridIcon, {}), _jsx(DownOutlined, { className: \"hover-hide\" }), _jsx(UpOutlined, { className: \"hover-show\" })] })) }))\n                                :\n                                    _jsxs(\"div\", Object.assign({ className: 'grid-change-disable' }, { children: [_jsx(GridIcon, { disabled: !gridChange }), _jsx(DownOutlined, { className: \"arrow\" })] })), _jsx(VideoScale, Object.assign({ scale: state.scale, setScale: (scale) => setState({ scale }) }, { children: _jsxs(\"div\", Object.assign({ className: 'controls-icon-hover' }, { children: [_jsx(OccupyingScreenIcon, {}), _jsx(DownOutlined, { className: \"hover-hide\" }), _jsx(UpOutlined, { className: \"hover-show\" })] })) })), isFullscreen ? (_jsx(ExitFullScreenIcon, { onClick: toggleFullscreen })) : (_jsx(FullScreenIcon, { onClick: toggleFullscreen }))] }))] }))] })));\n});\nLiveControlV2.displayName = 'LiveControlV2';\nconst GridItem = (props) => {\n    const { active, onClick, channel, onClose, onScreenshot, scale } = props;\n    const empty = !channel.channelNum;\n    const { data, loading } = useRequest(() => getPreviewUrl(channel), {\n        ready: !!channel.channelNum,\n        refreshDeps: [channel.channelNum],\n    });\n    const name = `${data === null || data === void 0 ? void 0 : data.deviceName}-${data === null || data === void 0 ? void 0 : data.channelName}`;\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    return (_jsx(\"div\", Object.assign({ className: `grid-item-container ${active ? 'active' : ''} ${loading ? '' : 'emptyImg'}`, onClick: onClick, ref: gridItemRef }, { children: data && !empty && (_jsxs(_Fragment, { children: [_jsx(PlayerHeader, { name: name, onClose: onClose }), _jsx(\"div\", Object.assign({ className: \"content\" }, { children: _jsx(\"div\", Object.assign({ style: { width, height } }, { children: _jsx(VtxLivePlayer, { url: data.url, captureName: name, talkUrl: data.apiUrl, showInfo: channel.showInfo, info: channel.info, screenshot: onScreenshot }) })) }))] })) })));\n};\n/**\n * 获取当前激活的网格\n * @param channels 现有通道数组\n * @param grid 当前网格状态\n * @param currentIndex 当前索引\n * @returns\n */\nconst getActiveIndex = (channels, grid, currentIndex) => {\n    const currentChannels = channels.slice(0, Number(grid));\n    for (let i = currentIndex + 1; i < currentChannels.length; i++) {\n        if (!currentChannels[i].channelNum)\n            return i;\n    }\n    for (let i = 0; i < currentIndex; i++) {\n        if (!currentChannels[i].channelNum)\n            return i;\n    }\n    return currentIndex;\n};\nconst grids = [1, 4, 6, 8, 9, 13, 17, 16, 22, 25];\n/**\n * 获取布局\n * @param len 通道数量\n */\nconst getGrid = (len) => {\n    let grid;\n    for (let i = 0; i < grids.length; i++) {\n        if (grids[i] - len >= 0) {\n            grid = grids[i];\n            break;\n        }\n    }\n    return grid > 25 ? 25 : grid;\n};\nexport default LiveControlV2;\n"],"mappings":"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"}

package/lib/live-control-v2/style/css.js

@@ -0,0 +1,18 @@
+"use strict";
+
+require("antd/lib/popover/style/css");
+
+require("antd/lib/space/style/css");
+
+require("antd/lib/tooltip/style/css");
+
+require("../../controls/style/css");
+
+require("../../live-player/style/css");
+
+require("../../components/split-screen/style/css");
+
+require("../../components/video-scale/style/css");
+
+require("./index.css");
+//# sourceMappingURL=css.js.map

package/lib/live-control-v2/style/css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","names":[],"sources":["live-control-v2/style/index.js"],"sourcesContent":["import 'antd/lib/popover/style';\nimport 'antd/lib/space/style';\nimport 'antd/lib/tooltip/style';\nimport '../../controls/style';\nimport '../../live-player/style';\nimport '../../components/split-screen/style';\nimport '../../components/video-scale/style';\nimport './index.less';\n"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA"}