@vtx/player 0.0.30 → 1.0.0

package/lib/components/tag-video/style/index.css

@@ -0,0 +1,73 @@
+.tag-video {
+  width: 300px;
+  height: 230px;
+  background-color: #131d27;
+  padding: 10px;
+  border-radius: 3px;
+}
+.tag-video .tag-video-num {
+  color: rgba(255, 255, 255, 0.65);
+  font-size: 12px;
+  padding-bottom: 5px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+}
+.tag-video .tag-video-num .tag-video-close {
+  cursor: pointer;
+}
+.tag-video .tag-video-content {
+  height: 184px;
+  overflow: auto;
+}
+.tag-video .tag-video-content .tag-video-list {
+  border-radius: 3px;
+  background-color: #313131;
+  margin-bottom: 5px;
+  padding: 7px;
+  cursor: pointer;
+}
+.tag-video .tag-video-content .tag-video-list .tag-video-list-top {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+}
+.tag-video .tag-video-content .tag-video-list .tag-video-list-top .tag-video-list-title {
+  font-size: 14px;
+  color: rgba(255, 255, 255, 0.85);
+  font-weight: bold;
+}
+.tag-video .tag-video-content .tag-video-list .tag-video-list-top .tag-video-play-img {
+  width: 14px;
+  height: 14px;
+  background: url('../images/play.gif');
+}
+.tag-video .tag-video-content .tag-video-list .tag-video-list-bottom {
+  font-size: 14px;
+  color: rgba(255, 255, 255, 0.65);
+  text-align: left;
+}
+.tag-video .tag-video-content::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+.tag-video .tag-video-content::-webkit-scrollbar-track {
+  background: transparent;
+  border-radius: 5px;
+}
+.tag-video .tag-video-content::-webkit-scrollbar-thumb {
+  background: rgba(255, 255, 255, 0.45);
+  border-radius: 5px;
+}
+.tag-video .tag-video-content::-webkit-scrollbar-corner {
+  background-color: transparent;
+}
+.tag-video .tag-video-content::-webkit-scrollbar-thumb:hover {
+  background: rgba(255, 255, 255, 0.65);
+}

package/lib/components/tag-video/style/index.d.ts

@@ -0,0 +1 @@
+import './index.less';

package/lib/components/tag-video/style/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+require("./index.less");
+//# sourceMappingURL=index.js.map

package/lib/components/tag-video/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["components/tag-video/style/index.js"],"sourcesContent":["import './index.less';\n"],"mappings":";;AAAA"}

package/lib/components/tag-video/style/index.less

@@ -0,0 +1,69 @@
+.tag-video {
+    width: 300px;
+    height: 230px;
+    background-color: #131d27;
+    padding: 10px;
+    border-radius: 3px;
+    .tag-video-num {
+        color: rgba(255, 255, 255, 0.65);
+        font-size: 12px;
+        padding-bottom: 5px;
+        display: flex;
+        justify-content: space-between;
+        .tag-video-close {
+            cursor: pointer;
+        }
+    }
+    .tag-video-content {
+        height: 184px;
+        overflow: auto;
+        .tag-video-list {
+            border-radius: 3px;
+            background-color: #313131;
+            margin-bottom: 5px;
+            padding: 7px;
+            cursor: pointer;
+            .tag-video-list-top {
+                display: flex;
+                justify-content: space-between;
+                .tag-video-list-title {
+                    font-size: 14px;
+                    color: rgba(255, 255, 255, 0.85);
+                    font-weight: bold;
+                }
+                .tag-video-play-img {
+                    width: 14px;
+                    height: 14px;
+                    background: url('../images/play.gif');
+                }
+            }
+            .tag-video-list-bottom {
+                font-size: 14px;
+                color: rgba(255, 255, 255, 0.65);
+                text-align: left;
+            }
+        }
+        &::-webkit-scrollbar {
+            width: 6px;
+            height: 6px;
+        }
+
+        &::-webkit-scrollbar-track {
+            background: transparent;
+            border-radius: 5px;
+        }
+
+        &::-webkit-scrollbar-thumb {
+            background: rgba(255, 255, 255, 0.45);
+            border-radius: 5px;
+        }
+
+        &::-webkit-scrollbar-corner {
+            background-color: transparent;
+        }
+
+        &::-webkit-scrollbar-thumb:hover {
+            background: rgba(255, 255, 255, 0.65);
+        }
+    }
+}

package/lib/components/video-scale/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare type IVideoScaleValue = '100%' | '4*3' | '16*9';
+interface IProps {
+    children: React.ReactNode;
+    scale: IVideoScaleValue;
+    setScale: (scale: IVideoScaleValue) => void;
+}
+declare const VideoScale: React.FC<IProps>;
+export default VideoScale;

package/lib/components/video-scale/index.js

@@ -0,0 +1,65 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var _popover = _interopRequireDefault(require("antd/lib/popover"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var DEFAULT_VIDEOSCALE_LITS = [{
+  name: '满画面',
+  value: '100%'
+}, {
+  name: '16:9',
+  value: '16*9'
+}, {
+  name: '4:3',
+  value: '4*3'
+}];
+
+var VideoScale = function VideoScale(props) {
+  var _a;
+
+  var children = props.children,
+      setScale = props.setScale,
+      scale = props.scale;
+  var curScale = (_a = DEFAULT_VIDEOSCALE_LITS.filter(function (item) {
+    return item.value === scale;
+  })) === null || _a === void 0 ? void 0 : _a[0];
+  return (0, _jsxRuntime.jsx)(_popover["default"], Object.assign({
+    placement: "top",
+    title: null,
+    overlayClassName: "video-scale",
+    getPopupContainer: function getPopupContainer(triggerNode) {
+      return triggerNode.parentElement;
+    },
+    content: (0, _jsxRuntime.jsx)("div", Object.assign({
+      className: "video-scale-popover"
+    }, {
+      children: DEFAULT_VIDEOSCALE_LITS.map(function (item) {
+        return (0, _jsxRuntime.jsx)("div", Object.assign({
+          className: "video-scale-item ".concat(curScale.value == item.value ? 'active' : ''),
+          onClick: function onClick() {
+            if (curScale.value !== item.value) {
+              setScale(item.value);
+            }
+          }
+        }, {
+          children: item.name
+        }), item.value);
+      })
+    }))
+  }, {
+    children: children
+  }));
+};
+
+VideoScale.displayName = 'VideoScale';
+var _default = VideoScale;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/lib/components/video-scale/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["DEFAULT_VIDEOSCALE_LITS","name","value","VideoScale","props","_a","children","setScale","scale","curScale","filter","item","_jsx","Popover","Object","assign","placement","title","overlayClassName","getPopupContainer","triggerNode","parentElement","content","className","map","onClick","displayName"],"sources":["components/video-scale/index.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport Popover from 'antd/lib/popover';\nconst DEFAULT_VIDEOSCALE_LITS = [\n    {\n        name: '满画面',\n        value: '100%',\n    },\n    {\n        name: '16:9',\n        value: '16*9',\n    },\n    {\n        name: '4:3',\n        value: '4*3',\n    },\n];\nconst VideoScale = (props) => {\n    var _a;\n    const { children, setScale, scale } = props;\n    const curScale = (_a = DEFAULT_VIDEOSCALE_LITS.filter((item) => item.value === scale)) === null || _a === void 0 ? void 0 : _a[0];\n    return (_jsx(Popover, Object.assign({ placement: \"top\", title: null, overlayClassName: \"video-scale\", getPopupContainer: (triggerNode) => triggerNode.parentElement, content: _jsx(\"div\", Object.assign({ className: \"video-scale-popover\" }, { children: DEFAULT_VIDEOSCALE_LITS.map((item) => (_jsx(\"div\", Object.assign({ className: `video-scale-item ${curScale.value == item.value ? 'active' : ''}`, onClick: () => {\n                    if (curScale.value !== item.value) {\n                        setScale(item.value);\n                    }\n                } }, { children: item.name }), item.value))) })) }, { children: children })));\n};\nVideoScale.displayName = 'VideoScale';\nexport default VideoScale;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;AACA,IAAMA,uBAAuB,GAAG,CAC5B;EACIC,IAAI,EAAE,KADV;EAEIC,KAAK,EAAE;AAFX,CAD4B,EAK5B;EACID,IAAI,EAAE,MADV;EAEIC,KAAK,EAAE;AAFX,CAL4B,EAS5B;EACID,IAAI,EAAE,KADV;EAEIC,KAAK,EAAE;AAFX,CAT4B,CAAhC;;AAcA,IAAMC,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD,EAAW;EAC1B,IAAIC,EAAJ;;EACA,IAAQC,QAAR,GAAsCF,KAAtC,CAAQE,QAAR;EAAA,IAAkBC,QAAlB,GAAsCH,KAAtC,CAAkBG,QAAlB;EAAA,IAA4BC,KAA5B,GAAsCJ,KAAtC,CAA4BI,KAA5B;EACA,IAAMC,QAAQ,GAAG,CAACJ,EAAE,GAAGL,uBAAuB,CAACU,MAAxB,CAA+B,UAACC,IAAD;IAAA,OAAUA,IAAI,CAACT,KAAL,KAAeM,KAAzB;EAAA,CAA/B,CAAN,MAA0E,IAA1E,IAAkFH,EAAE,KAAK,KAAK,CAA9F,GAAkG,KAAK,CAAvG,GAA2GA,EAAE,CAAC,CAAD,CAA9H;EACA,OAAQ,IAAAO,eAAA,EAAKC,mBAAL,EAAcC,MAAM,CAACC,MAAP,CAAc;IAAEC,SAAS,EAAE,KAAb;IAAoBC,KAAK,EAAE,IAA3B;IAAiCC,gBAAgB,EAAE,aAAnD;IAAkEC,iBAAiB,EAAE,2BAACC,WAAD;MAAA,OAAiBA,WAAW,CAACC,aAA7B;IAAA,CAArF;IAAiIC,OAAO,EAAE,IAAAV,eAAA,EAAK,KAAL,EAAYE,MAAM,CAACC,MAAP,CAAc;MAAEQ,SAAS,EAAE;IAAb,CAAd,EAAoD;MAAEjB,QAAQ,EAAEN,uBAAuB,CAACwB,GAAxB,CAA4B,UAACb,IAAD;QAAA,OAAW,IAAAC,eAAA,EAAK,KAAL,EAAYE,MAAM,CAACC,MAAP,CAAc;UAAEQ,SAAS,6BAAsBd,QAAQ,CAACP,KAAT,IAAkBS,IAAI,CAACT,KAAvB,GAA+B,QAA/B,GAA0C,EAAhE,CAAX;UAAiFuB,OAAO,EAAE,mBAAM;YAC3Y,IAAIhB,QAAQ,CAACP,KAAT,KAAmBS,IAAI,CAACT,KAA5B,EAAmC;cAC/BK,QAAQ,CAACI,IAAI,CAACT,KAAN,CAAR;YACH;UACJ;QAJ8S,CAAd,EAI5R;UAAEI,QAAQ,EAAEK,IAAI,CAACV;QAAjB,CAJ4R,CAAZ,EAItPU,IAAI,CAACT,KAJiP,CAAX;MAAA,CAA5B;IAAZ,CAApD,CAAZ;EAA1I,CAAd,EAI0C;IAAEI,QAAQ,EAAEA;EAAZ,CAJ1C,CAAd,CAAR;AAKH,CATD;;AAUAH,UAAU,CAACuB,WAAX,GAAyB,YAAzB;eACevB,U"}

package/lib/components/video-scale/style/css.js

@@ -0,0 +1,4 @@
+"use strict";
+
+require("./index.css");
+//# sourceMappingURL=css.js.map

package/lib/components/video-scale/style/css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","names":[],"sources":["components/video-scale/style/index.js"],"sourcesContent":["import './index.less';\n"],"mappings":";;AAAA"}

package/lib/components/video-scale/style/index.css

@@ -0,0 +1,30 @@
+.video-scale .ant-popover-inner-content {
+  background-color: #131D27;
+  padding: 10px 4px;
+}
+.video-scale .ant-popover-arrow-content {
+  background-color: #131D27;
+}
+.video-scale .ant-popover-arrow-content::before {
+  background-color: #131D27;
+}
+.video-scale-popover {
+  width: 74px;
+  height: 88px;
+  display: grid;
+  grid-template-columns: repeat(1, 74px);
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  justify-items: center;
+}
+.video-scale-item {
+  color: #FFFFFF;
+  cursor: pointer;
+}
+.video-scale-item:hover {
+  color: #40A9FF;
+}
+.video-scale-item.active {
+  color: #1890FF;
+}

package/lib/components/video-scale/style/index.d.ts

@@ -0,0 +1 @@
+import './index.less';

package/lib/components/video-scale/style/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+require("./index.less");
+//# sourceMappingURL=index.js.map

package/lib/components/video-scale/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["components/video-scale/style/index.js"],"sourcesContent":["import './index.less';\n"],"mappings":";;AAAA"}

package/lib/components/video-scale/style/index.less

@@ -0,0 +1,31 @@
+.video-scale{
+    .ant-popover-inner-content{
+        background-color: #131D27;
+        padding: 10px 4px;
+    }
+    .ant-popover-arrow-content{
+        background-color: #131D27;
+        &::before{
+            background-color: #131D27;
+        }
+    }
+    &-popover{
+        width: 74px;
+        height: 88px;
+        display: grid;
+        grid-template-columns: repeat(1,74px);
+        align-items: center;
+        justify-items: center;
+        
+    }
+    &-item{
+        color: #FFFFFF;
+        cursor: pointer;
+        &:hover {
+            color: #40A9FF;
+        }
+        &.active{
+            color: #1890FF;
+        }
+    }
+}

package/lib/controls/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CloudControlParams } from '../api/types';
 import Player from '../player';
 interface VolumeControlProps {
@@ -26,6 +27,7 @@ interface PlayerHeaderProps {
     name: string;
     /** 关闭回调 */
     onClose: () => void;
+    extraButton?: React.ReactNode;
 }
 /** 播放器头部 */
 export declare const PlayerHeader: (props: PlayerHeaderProps) => JSX.Element;

package/lib/controls/index.js

@@ -168,7 +168,8 @@ var SpeedControl = function SpeedControl(props) {
     onVisibleChange: handleVisibleChange
   }, {
     children: (0, _jsxRuntime.jsx)("div", Object.assign({
-      className: "vtx-player-speed-control"
+      className: "vtx-player-speed-control",
+      title: "\u500D\u901F"
     }, {
       children: "".concat(value.toFixed(1), "x")
     }))
@@ -218,7 +219,8 @@ exports.LoadingState = LoadingState;
 
 var PlayerHeader = function PlayerHeader(props) {
   var name = props.name,
-      onClose = props.onClose;
+      onClose = props.onClose,
+      extraButton = props.extraButton;
   return (0, _jsxRuntime.jsxs)("div", Object.assign({
     className: "vtx-player-header"
   }, {
@@ -226,7 +228,7 @@ var PlayerHeader = function PlayerHeader(props) {
       className: "title"
     }, {
       children: name
-    })), (0, _jsxRuntime.jsx)("span", Object.assign({
+    })), extraButton ? extraButton : null, (0, _jsxRuntime.jsx)("span", Object.assign({
       className: "close"
     }, {
       children: (0, _jsxRuntime.jsx)(_icons.CloseIcon, {

package/lib/controls/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["VolumeControl","props","defaultValue","player","container","useState","value","setValue","preValueRef","useRef","handleChange","val","current","setVolume","content","_jsxs","Object","assign","className","children","_jsx","Slider","vertical","onChange","max","handleVisibleChange","visible","style","opacity","removeProperty","handleMuted","Popover","title","overlayClassName","onVisibleChange","getPopupContainer","document","getElementsByClassName","onClick","VolumeMutedIcon","VolumeLargeIcon","VolumeSmallIcon","SpeedControl","setSpeed","list","map","i","toFixed","ErrorState","src","errorImg","alt","Button","type","LoadingState","Spin","size","PlayerHeader","name","onClose","CloseIcon","e","stopPropagation","TalkControl","url","active","setActive","handleClick","stopTalk","then","startTalk","TalkIcon","TalkDisableIcon","CloudControlPanel","query","useRequest","cloudControl","manual","run","handleEvent","action","command","_Fragment","CloudControlArrow","event","Space","CloudControlButton","text","onAddDown","onAddUp","onReduceDown","onReduceUp","arrowImg","onMouseDown","onMouseUp","STYLE","leftTop","left","top","leftBottom","bottom","rightTop","right","rightBottom","InfoPanel","showInfo","info","position","item","index"],"sources":["controls/index.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { useRef, useState } from 'react';\nimport { cloudControl } from '../api';\nimport { CloseIcon, TalkDisableIcon, TalkIcon, VolumeLargeIcon, VolumeMutedIcon, VolumeSmallIcon, } from '../icons';\nimport { useRequest } from 'ahooks';\n// import { Button, Popover, Slider, Space, Spin } from 'antd';\nimport Button from 'antd/lib/button';\nimport Popover from 'antd/lib/popover';\nimport Slider from 'antd/lib/slider';\nimport Space from 'antd/lib/space';\nimport Spin from 'antd/lib/spin';\nimport arrowImg from './images/arrow.png';\nimport errorImg from './images/error.png';\n/** 音量控制 */\nexport const VolumeControl = (props) => {\n    const { defaultValue = 0, player, container } = props;\n    const [value, setValue] = useState(defaultValue);\n    const preValueRef = useRef(defaultValue);\n    const handleChange = (val) => {\n        preValueRef.current = val;\n        player === null || player === void 0 ? void 0 : player.setVolume(val);\n        setValue(val);\n    };\n    const content = (_jsxs(\"div\", Object.assign({ className: \"volume-content\" }, { children: [_jsx(\"span\", Object.assign({ className: \"value\" }, { children: value })), _jsx(Slider, { vertical: true, value: value, onChange: handleChange, max: 100 })] })));\n    const handleVisibleChange = (visible) => {\n        if (container) {\n            if (visible) {\n                container.style.opacity = '1';\n            }\n            else {\n                container.style.removeProperty('opacity');\n            }\n        }\n    };\n    const handleMuted = () => {\n        if (value === 0) {\n            handleChange(preValueRef.current);\n        }\n        else {\n            handleChange(0);\n        }\n    };\n    return (_jsx(Popover, Object.assign({ title: null, content: content, overlayClassName: \"player-control-popover\", onVisibleChange: handleVisibleChange, getPopupContainer: () => {\n            return document.getElementsByClassName(\"vtx-live-player\")[0];\n        } }, { children: _jsx(\"div\", Object.assign({ onClick: handleMuted }, { children: value === 0 ? (_jsx(VolumeMutedIcon, {})) : value > 50 ? (_jsx(VolumeLargeIcon, {})) : (_jsx(VolumeSmallIcon, {})) })) })));\n};\n/** 速度控制 */\nexport const SpeedControl = (props) => {\n    const { defaultValue = 1, player, container } = props;\n    const [value, setValue] = useState(defaultValue);\n    const handleChange = (val) => {\n        player === null || player === void 0 ? void 0 : player.setSpeed(val);\n        setValue(val);\n    };\n    const content = () => {\n        const list = [0.5, 1, 2, 4, 8];\n        return (_jsx(\"div\", Object.assign({ className: \"speed-content\" }, { children: list.map((i) => (_jsx(\"div\", Object.assign({ className: \"item\", onClick: () => handleChange(i) }, { children: `${i.toFixed(1)}x` }), i))) })));\n    };\n    const handleVisibleChange = (visible) => {\n        if (container) {\n            if (visible) {\n                container.style.opacity = '1';\n            }\n            else {\n                container.style.removeProperty('opacity');\n            }\n        }\n    };\n    return (_jsx(Popover, Object.assign({ title: null, content: content, overlayClassName: \"player-control-popover\", onVisibleChange: handleVisibleChange }, { children: _jsx(\"div\", Object.assign({ className: \"vtx-player-speed-control\" }, { children: `${value.toFixed(1)}x` })) })));\n};\nexport const ErrorState = (props) => {\n    const { onClick } = props;\n    return (_jsxs(\"div\", Object.assign({ className: \"error-container\" }, { children: [_jsx(\"img\", { src: errorImg, alt: \"\\u64AD\\u653E\\u9519\\u8BEF\" }), _jsx(\"span\", Object.assign({ className: \"text\" }, { children: \"\\u89C6\\u9891\\u64AD\\u653E\\u5931\\u8D25\\uFF0C\\u8BF7\\u7A0D\\u540E\\u91CD\\u8BD5\" })), onClick && (_jsx(Button, Object.assign({ onClick: () => onClick(), type: \"primary\" }, { children: \"\\u70B9\\u51FB\\u91CD\\u8BD5\" })))] })));\n};\nexport const LoadingState = () => {\n    return (_jsx(\"div\", Object.assign({ className: \"loading-container\" }, { children: _jsx(Spin, { size: \"large\" }) })));\n};\n/** 播放器头部 */\nexport const PlayerHeader = (props) => {\n    const { name, onClose } = props;\n    return (_jsxs(\"div\", Object.assign({ className: \"vtx-player-header\" }, { children: [_jsx(\"span\", Object.assign({ className: \"title\" }, { children: name })), _jsx(\"span\", Object.assign({ className: \"close\" }, { children: _jsx(CloseIcon, { onClick: (e) => {\n                        onClose();\n                        e.stopPropagation();\n                    } }) }))] })));\n};\n/**\n * 对讲控制器\n * @returns\n */\nexport const TalkControl = (props) => {\n    const { player, url } = props;\n    const [active, setActive] = useState(false);\n    const handleClick = () => {\n        if (active) {\n            player === null || player === void 0 ? void 0 : player.stopTalk().then(() => setActive(false));\n        }\n        else {\n            player === null || player === void 0 ? void 0 : player.startTalk(url).then(() => setActive(true));\n        }\n    };\n    return (_jsx(\"div\", { children: active ? (_jsx(TalkIcon, { active: true, onClick: handleClick })) : (_jsx(TalkDisableIcon, { active: false, onClick: handleClick })) }));\n};\n/** 云台控制面板 */\nexport const CloudControlPanel = (props) => {\n    const { query, type } = props;\n    const { run } = useRequest(cloudControl, { manual: true });\n    const handleEvent = (action, command) => {\n        run(Object.assign(Object.assign({}, query), { action, command }));\n    };\n    return (_jsxs(\"div\", Object.assign({ className: \"cloud-control-panel\" }, { children: [type !== 'onlyFocus' && (_jsxs(_Fragment, { children: [_jsx(CloudControlArrow, { name: \"up\", event: handleEvent, type: \"UP\" }), _jsx(CloudControlArrow, { name: \"down\", event: handleEvent, type: \"DOWN\" }), _jsx(CloudControlArrow, { name: \"left\", event: handleEvent, type: \"LEFT\" }), _jsx(CloudControlArrow, { name: \"right\", event: handleEvent, type: \"RIGHT\" }), _jsx(CloudControlArrow, { name: \"left-up\", event: handleEvent, type: \"LEFT_UP\" }), _jsx(CloudControlArrow, { name: \"left-down\", event: handleEvent, type: \"LEFT_DOWN\" }), _jsx(CloudControlArrow, { name: \"right-up\", event: handleEvent, type: \"RIGHT_UP\" }), _jsx(CloudControlArrow, { name: \"right-down\", event: handleEvent, type: \"RIGHT_DOWN\" })] })), type !== 'onlyRotate' && (_jsxs(Space, Object.assign({ className: \"buttons\" }, { children: [_jsx(CloudControlButton, { text: \"\\u7126\\u8DDD\", onAddDown: () => handleEvent(1, 'ZOOM_IN'), onAddUp: () => handleEvent(0, 'ZOOM_IN'), onReduceDown: () => handleEvent(1, 'ZOOM_OUT'), onReduceUp: () => handleEvent(0, 'ZOOM_OUT') }), _jsx(CloudControlButton, { text: \"\\u5149\\u5708\", onAddDown: () => handleEvent(1, 'IRIS_ENLARGE'), onAddUp: () => handleEvent(0, 'IRIS_ENLARGE'), onReduceDown: () => handleEvent(1, 'IRIS_REDUCE'), onReduceUp: () => handleEvent(0, 'IRIS_REDUCE') }), _jsx(CloudControlButton, { text: \"\\u8DDD\\u79BB\", onAddDown: () => handleEvent(1, 'FOCUS_NEAR'), onAddUp: () => handleEvent(0, 'FOCUS_NEAR'), onReduceDown: () => handleEvent(1, 'FOCUS_FAR'), onReduceUp: () => handleEvent(0, 'FOCUS_FAR') })] })))] })));\n};\n/** 云台控制箭头 */\nconst CloudControlArrow = (props) => {\n    const { name = '', event, type } = props;\n    return (_jsx(\"img\", { className: `arrow ${name}`, src: arrowImg, onMouseDown: () => event(1, type), onMouseUp: () => event(0, type) }));\n};\n/** 云台控制按钮 */\nconst CloudControlButton = (props) => {\n    const { text, onAddDown, onAddUp, onReduceDown, onReduceUp } = props;\n    return (_jsxs(\"div\", Object.assign({ className: \"control-button\" }, { children: [_jsx(\"span\", Object.assign({ className: \"icon\", onMouseDown: onReduceDown, onMouseUp: onReduceUp }, { children: \"+\" })), _jsx(\"span\", Object.assign({ className: \"text\" }, { children: text })), _jsx(\"span\", Object.assign({ className: \"icon\", onMouseDown: onAddDown, onMouseUp: onAddUp }, { children: \"-\" }))] })));\n};\nconst STYLE = {\n    leftTop: {\n        left: 8,\n        top: 8,\n    },\n    leftBottom: {\n        left: 8,\n        bottom: 8,\n    },\n    rightTop: {\n        right: 8,\n        top: 8,\n    },\n    rightBottom: {\n        right: 8,\n        bottom: 8,\n    },\n};\n/** 信息展示 */\nexport const InfoPanel = (props) => {\n    const { showInfo, info } = props;\n    const position = showInfo ? (showInfo === true ? 'rightTop' : showInfo) : false;\n    return position ? (_jsx(\"div\", Object.assign({ className: \"infoPanel\", style: STYLE[position] }, { children: info === null || info === void 0 ? void 0 : info.map((item, index) => {\n            return _jsx(\"div\", { children: `${item[0]}: ${item[1]}` }, index);\n        }) }))) : (_jsx(_Fragment, {}));\n};\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["VolumeControl","props","defaultValue","player","container","useState","value","setValue","preValueRef","useRef","handleChange","val","current","setVolume","content","_jsxs","Object","assign","className","children","_jsx","Slider","vertical","onChange","max","handleVisibleChange","visible","style","opacity","removeProperty","handleMuted","Popover","title","overlayClassName","onVisibleChange","getPopupContainer","document","getElementsByClassName","onClick","VolumeMutedIcon","VolumeLargeIcon","VolumeSmallIcon","SpeedControl","setSpeed","list","map","i","toFixed","ErrorState","src","errorImg","alt","Button","type","LoadingState","Spin","size","PlayerHeader","name","onClose","extraButton","CloseIcon","e","stopPropagation","TalkControl","url","active","setActive","handleClick","stopTalk","then","startTalk","TalkIcon","TalkDisableIcon","CloudControlPanel","query","useRequest","cloudControl","manual","run","handleEvent","action","command","_Fragment","CloudControlArrow","event","Space","CloudControlButton","text","onAddDown","onAddUp","onReduceDown","onReduceUp","arrowImg","onMouseDown","onMouseUp","STYLE","leftTop","left","top","leftBottom","bottom","rightTop","right","rightBottom","InfoPanel","showInfo","info","position","item","index"],"sources":["controls/index.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { useRef, useState } from 'react';\nimport { cloudControl } from '../api';\nimport { CloseIcon, TalkDisableIcon, TalkIcon, VolumeLargeIcon, VolumeMutedIcon, VolumeSmallIcon, } from '../icons';\nimport { useRequest } from 'ahooks';\nimport Button from 'antd/lib/button';\nimport Popover from 'antd/lib/popover';\nimport Slider from 'antd/lib/slider';\nimport Space from 'antd/lib/space';\nimport Spin from 'antd/lib/spin';\nimport arrowImg from './images/arrow.png';\nimport errorImg from './images/error.png';\n/** 音量控制 */\nexport const VolumeControl = (props) => {\n    const { defaultValue = 0, player, container } = props;\n    const [value, setValue] = useState(defaultValue);\n    const preValueRef = useRef(defaultValue);\n    const handleChange = (val) => {\n        preValueRef.current = val;\n        player === null || player === void 0 ? void 0 : player.setVolume(val);\n        setValue(val);\n    };\n    const content = (_jsxs(\"div\", Object.assign({ className: \"volume-content\" }, { children: [_jsx(\"span\", Object.assign({ className: \"value\" }, { children: value })), _jsx(Slider, { vertical: true, value: value, onChange: handleChange, max: 100 })] })));\n    const handleVisibleChange = (visible) => {\n        if (container) {\n            if (visible) {\n                container.style.opacity = '1';\n            }\n            else {\n                container.style.removeProperty('opacity');\n            }\n        }\n    };\n    const handleMuted = () => {\n        if (value === 0) {\n            handleChange(preValueRef.current);\n        }\n        else {\n            handleChange(0);\n        }\n    };\n    return (_jsx(Popover, Object.assign({ title: null, content: content, overlayClassName: \"player-control-popover\", onVisibleChange: handleVisibleChange, getPopupContainer: () => {\n            return document.getElementsByClassName(\"vtx-live-player\")[0];\n        } }, { children: _jsx(\"div\", Object.assign({ onClick: handleMuted }, { children: value === 0 ? (_jsx(VolumeMutedIcon, {})) : value > 50 ? (_jsx(VolumeLargeIcon, {})) : (_jsx(VolumeSmallIcon, {})) })) })));\n};\n/** 速度控制 */\nexport const SpeedControl = (props) => {\n    const { defaultValue = 1, player, container } = props;\n    const [value, setValue] = useState(defaultValue);\n    const handleChange = (val) => {\n        player === null || player === void 0 ? void 0 : player.setSpeed(val);\n        setValue(val);\n    };\n    const content = () => {\n        const list = [0.5, 1, 2, 4, 8];\n        return (_jsx(\"div\", Object.assign({ className: \"speed-content\" }, { children: list.map((i) => (_jsx(\"div\", Object.assign({ className: \"item\", onClick: () => handleChange(i) }, { children: `${i.toFixed(1)}x` }), i))) })));\n    };\n    const handleVisibleChange = (visible) => {\n        if (container) {\n            if (visible) {\n                container.style.opacity = '1';\n            }\n            else {\n                container.style.removeProperty('opacity');\n            }\n        }\n    };\n    return (_jsx(Popover, Object.assign({ title: null, content: content, overlayClassName: \"player-control-popover\", onVisibleChange: handleVisibleChange }, { children: _jsx(\"div\", Object.assign({ className: \"vtx-player-speed-control\", title: '\\u500D\\u901F' }, { children: `${value.toFixed(1)}x` })) })));\n};\nexport const ErrorState = (props) => {\n    const { onClick } = props;\n    return (_jsxs(\"div\", Object.assign({ className: \"error-container\" }, { children: [_jsx(\"img\", { src: errorImg, alt: \"\\u64AD\\u653E\\u9519\\u8BEF\" }), _jsx(\"span\", Object.assign({ className: \"text\" }, { children: \"\\u89C6\\u9891\\u64AD\\u653E\\u5931\\u8D25\\uFF0C\\u8BF7\\u7A0D\\u540E\\u91CD\\u8BD5\" })), onClick && (_jsx(Button, Object.assign({ onClick: () => onClick(), type: \"primary\" }, { children: \"\\u70B9\\u51FB\\u91CD\\u8BD5\" })))] })));\n};\nexport const LoadingState = () => {\n    return (_jsx(\"div\", Object.assign({ className: \"loading-container\" }, { children: _jsx(Spin, { size: \"large\" }) })));\n};\n/** 播放器头部 */\nexport const PlayerHeader = (props) => {\n    const { name, onClose, extraButton } = props;\n    return (_jsxs(\"div\", Object.assign({ className: \"vtx-player-header\" }, { children: [_jsx(\"span\", Object.assign({ className: \"title\" }, { children: name })), extraButton ? extraButton : null, _jsx(\"span\", Object.assign({ className: \"close\" }, { children: _jsx(CloseIcon, { onClick: (e) => {\n                        onClose();\n                        e.stopPropagation();\n                    } }) }))] })));\n};\n/**\n * 对讲控制器\n * @returns\n */\nexport const TalkControl = (props) => {\n    const { player, url } = props;\n    const [active, setActive] = useState(false);\n    const handleClick = () => {\n        if (active) {\n            player === null || player === void 0 ? void 0 : player.stopTalk().then(() => setActive(false));\n        }\n        else {\n            player === null || player === void 0 ? void 0 : player.startTalk(url).then(() => setActive(true));\n        }\n    };\n    return (_jsx(\"div\", { children: active ? (_jsx(TalkIcon, { active: true, onClick: handleClick })) : (_jsx(TalkDisableIcon, { active: false, onClick: handleClick })) }));\n};\n/** 云台控制面板 */\nexport const CloudControlPanel = (props) => {\n    const { query, type } = props;\n    const { run } = useRequest(cloudControl, { manual: true });\n    const handleEvent = (action, command) => {\n        run(Object.assign(Object.assign({}, query), { action, command }));\n    };\n    return (_jsxs(\"div\", Object.assign({ className: \"cloud-control-panel\" }, { children: [type !== 'onlyFocus' && (_jsxs(_Fragment, { children: [_jsx(CloudControlArrow, { name: \"up\", event: handleEvent, type: \"UP\" }), _jsx(CloudControlArrow, { name: \"down\", event: handleEvent, type: \"DOWN\" }), _jsx(CloudControlArrow, { name: \"left\", event: handleEvent, type: \"LEFT\" }), _jsx(CloudControlArrow, { name: \"right\", event: handleEvent, type: \"RIGHT\" }), _jsx(CloudControlArrow, { name: \"left-up\", event: handleEvent, type: \"LEFT_UP\" }), _jsx(CloudControlArrow, { name: \"left-down\", event: handleEvent, type: \"LEFT_DOWN\" }), _jsx(CloudControlArrow, { name: \"right-up\", event: handleEvent, type: \"RIGHT_UP\" }), _jsx(CloudControlArrow, { name: \"right-down\", event: handleEvent, type: \"RIGHT_DOWN\" })] })), type !== 'onlyRotate' && (_jsxs(Space, Object.assign({ className: \"buttons\" }, { children: [_jsx(CloudControlButton, { text: \"\\u7126\\u8DDD\", onAddDown: () => handleEvent(1, 'ZOOM_IN'), onAddUp: () => handleEvent(0, 'ZOOM_IN'), onReduceDown: () => handleEvent(1, 'ZOOM_OUT'), onReduceUp: () => handleEvent(0, 'ZOOM_OUT') }), _jsx(CloudControlButton, { text: \"\\u5149\\u5708\", onAddDown: () => handleEvent(1, 'IRIS_ENLARGE'), onAddUp: () => handleEvent(0, 'IRIS_ENLARGE'), onReduceDown: () => handleEvent(1, 'IRIS_REDUCE'), onReduceUp: () => handleEvent(0, 'IRIS_REDUCE') }), _jsx(CloudControlButton, { text: \"\\u8DDD\\u79BB\", onAddDown: () => handleEvent(1, 'FOCUS_NEAR'), onAddUp: () => handleEvent(0, 'FOCUS_NEAR'), onReduceDown: () => handleEvent(1, 'FOCUS_FAR'), onReduceUp: () => handleEvent(0, 'FOCUS_FAR') })] })))] })));\n};\n/** 云台控制箭头 */\nconst CloudControlArrow = (props) => {\n    const { name = '', event, type } = props;\n    return (_jsx(\"img\", { className: `arrow ${name}`, src: arrowImg, onMouseDown: () => event(1, type), onMouseUp: () => event(0, type) }));\n};\n/** 云台控制按钮 */\nconst CloudControlButton = (props) => {\n    const { text, onAddDown, onAddUp, onReduceDown, onReduceUp } = props;\n    return (_jsxs(\"div\", Object.assign({ className: \"control-button\" }, { children: [_jsx(\"span\", Object.assign({ className: \"icon\", onMouseDown: onReduceDown, onMouseUp: onReduceUp }, { children: \"+\" })), _jsx(\"span\", Object.assign({ className: \"text\" }, { children: text })), _jsx(\"span\", Object.assign({ className: \"icon\", onMouseDown: onAddDown, onMouseUp: onAddUp }, { children: \"-\" }))] })));\n};\nconst STYLE = {\n    leftTop: {\n        left: 8,\n        top: 8,\n    },\n    leftBottom: {\n        left: 8,\n        bottom: 8,\n    },\n    rightTop: {\n        right: 8,\n        top: 8,\n    },\n    rightBottom: {\n        right: 8,\n        bottom: 8,\n    },\n};\n/** 信息展示 */\nexport const InfoPanel = (props) => {\n    const { showInfo, info } = props;\n    const position = showInfo ? (showInfo === true ? 'rightTop' : showInfo) : false;\n    return position ? (_jsx(\"div\", Object.assign({ className: \"infoPanel\", style: STYLE[position] }, { children: info === null || info === void 0 ? void 0 : info.map((item, index) => {\n            return _jsx(\"div\", { children: `${item[0]}: ${item[1]}` }, index);\n        }) }))) : (_jsx(_Fragment, {}));\n};\n"],"mappings":"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"}

package/lib/controls/style/index.css

@@ -74,6 +74,7 @@
 .vtx-player-header .title {
   font-size: 14px;
   color: white;
+  padding-right: 5px;
 }
 .vtx-player-header .close {
   margin-left: auto;

package/lib/controls/style/index.less

@@ -78,6 +78,7 @@
     .title {
         font-size: 14px;
         color: white;
+        padding-right: 5px;
     }
 
     .close {

package/lib/history-control/index.js

@@ -128,7 +128,7 @@ var HistoryControl = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         var _a, _b, _c, _d; // 如果没有list,只有url,则直接播放url
 
 
-        if (Array.isArray(result.list)) {
+        if (Array.isArray(result === null || result === void 0 ? void 0 : result.list)) {
           var tableData = (0, _utils.getUrlTableData)(result);
           var segmentData = {
             list: result.list,
@@ -285,6 +285,10 @@ var HistoryControl = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     return segmentsRef.current;
   };
 
+  console.log('state.playParams,', state.playParams);
+  console.log('isExpanded', isExpanded);
+  console.log('showInfo', showInfo);
+  console.log('info', info);
   return (0, _jsxRuntime.jsxs)("div", Object.assign({
     className: "vtx-history-control".concat(isDark ? ' history-dark' : ''),
     style: {