@vtx/player 1.7.14 → 1.7.16

package/lib/controls/style/index.less

@@ -1,188 +1,188 @@
-.player-control-popover {
-    border-radius: 2px;
-
-    .ant-popover-content {
-        background: rgba(0 ,0 ,0 ,.75);
-        box-shadow: 0 2px 8px 1px rgba(0, 0, 0, .15);
-
-        .ant-popover-arrow-content {
-            background: rgba(0 ,0 ,0 ,.75);
-
-            &::before {
-                background: none;
-            }
-        }
-
-        .ant-popover-inner {
-            background: transparent;
-
-            .ant-popover-inner-content {
-                padding: 0;
-
-                .volume-content {
-                    display: flex;
-                    flex-direction: column;
-                    align-items: center;
-                    width: 44px;
-                    padding: 8px 0;
-
-                    .value {
-                        font-size: 14px;
-                        color: rgba(255, 255 ,255 , .847);
-                    }
-
-                    .ant-slider-vertical {
-                        height: 62px;
-
-                        .ant-slider-handle {
-                            background-color: #1890ff;
-                            border: solid 2px #1890ff;
-                        }
-
-                        .ant-slider-track {
-                            background-color: #1890ff;
-                        }
-                    }
-                }
-
-                .speed-content {
-                    .item {
-                        padding: 2px 10px;
-                        color: rgba(255, 255, 255, .65);
-                        cursor: pointer;
-
-                        &:hover {
-                            background-color: rgba(255 ,255 ,255,.25);
-                        }
-                    }
-                }
-            }
-        }
-    }
-}
-
-.vtx-player-speed-control {
-    line-height: 24px;
-    color: rgba(255, 255, 255 ,.65);
-    cursor: pointer;
-}
-
-.vtx-player-header {
-    display: flex;
-    align-items: center;
-    width: 100%;
-    height: 26px;
-    padding: 0 12px;
-    background-color: #131d27;
-
-    .title {
-        font-size: 14px;
-        color: white;
-        padding-right: 5px;
-    }
-
-    .close {
-        margin-left: auto;
-    }
-}
-
-.cloud-control-panel {
-    position: absolute;
-    top: 0;
-    width: 100%;
-    height: calc(100% - 24px);
-
-    .arrow {
-        position: absolute;
-        cursor: pointer;
-
-        &.up {
-            top: 16px;
-            left: 50%;
-            transform: translateX(-50%) rotate(180deg);
-        }
-
-        &.down {
-            bottom: 16px;
-            left: 50%;
-            transform: translateX(-50%);
-        }
-
-        &.left {
-            top: 50%;
-            left: 16px;
-            transform: translateY(-50%) rotate(90deg);
-        }
-
-        &.right {
-            top: 50%;
-            right: 16px;
-            transform: translateY(-50%) rotate(-90deg);
-        }
-
-        &.left-up {
-            top: 16px;
-            left: 16px;
-            transform: rotate(135deg);
-        }
-
-        &.left-down {
-            bottom: 16px;
-            left: 16px;
-            transform: rotate(45deg);
-        }
-
-        &.right-up {
-            top: 16px;
-            right: 16px;
-            transform: rotate(225deg);
-        }
-
-        &.right-down {
-            right: 16px;
-            bottom: 16px;
-            transform: rotate(-45deg);
-        }
-    }
-
-    .buttons {
-        position: absolute;
-        bottom: 80px;
-        left: 50%;
-        transform: translateX(-50%);
-
-        .control-button {
-            display: flex;
-            height: 32px;
-            line-height: 32px;
-            color: white;
-            cursor: default;
-            background-color: rgba(0 ,0 ,0,.35);
-            border: 1px solid rgba(0, 0 ,0 ,.15);
-            border-radius: 2px;
-
-            > span {
-                height: 100%;
-                padding: 0 8px;
-            }
-
-            .text {
-                height: 100%;
-                padding: 0 8px;
-                white-space: nowrap;
-                border-right: 1px solid rgba(0, 0 ,0 ,.15);
-                border-left: 1px solid rgba(0, 0 ,0 ,.15);
-            }
-
-            .icon {
-                padding: 0 12px;
-                cursor: pointer;
-            }
-        }
-    }
-}
-
-.infoPanel {
-    position: absolute;
-    color: red;
-}
+.player-control-popover {
+    border-radius: 2px;
+
+    .ant-popover-content {
+        background: rgba(0 ,0 ,0 ,.75);
+        box-shadow: 0 2px 8px 1px rgba(0, 0, 0, .15);
+
+        .ant-popover-arrow-content {
+            background: rgba(0 ,0 ,0 ,.75);
+
+            &::before {
+                background: none;
+            }
+        }
+
+        .ant-popover-inner {
+            background: transparent;
+
+            .ant-popover-inner-content {
+                padding: 0;
+
+                .volume-content {
+                    display: flex;
+                    flex-direction: column;
+                    align-items: center;
+                    width: 44px;
+                    padding: 8px 0;
+
+                    .value {
+                        font-size: 14px;
+                        color: rgba(255, 255 ,255 , .847);
+                    }
+
+                    .ant-slider-vertical {
+                        height: 62px;
+
+                        .ant-slider-handle {
+                            background-color: #1890ff;
+                            border: solid 2px #1890ff;
+                        }
+
+                        .ant-slider-track {
+                            background-color: #1890ff;
+                        }
+                    }
+                }
+
+                .speed-content {
+                    .item {
+                        padding: 2px 10px;
+                        color: rgba(255, 255, 255, .65);
+                        cursor: pointer;
+
+                        &:hover {
+                            background-color: rgba(255 ,255 ,255,.25);
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
+
+.vtx-player-speed-control {
+    line-height: 24px;
+    color: rgba(255, 255, 255 ,.65);
+    cursor: pointer;
+}
+
+.vtx-player-header {
+    display: flex;
+    align-items: center;
+    width: 100%;
+    height: 26px;
+    padding: 0 12px;
+    background-color: #131d27;
+
+    .title {
+        font-size: 14px;
+        color: white;
+        padding-right: 5px;
+    }
+
+    .close {
+        margin-left: auto;
+    }
+}
+
+.cloud-control-panel {
+    position: absolute;
+    top: 0;
+    width: 100%;
+    height: calc(100% - 24px);
+
+    .arrow {
+        position: absolute;
+        cursor: pointer;
+
+        &.up {
+            top: 16px;
+            left: 50%;
+            transform: translateX(-50%) rotate(180deg);
+        }
+
+        &.down {
+            bottom: 16px;
+            left: 50%;
+            transform: translateX(-50%);
+        }
+
+        &.left {
+            top: 50%;
+            left: 16px;
+            transform: translateY(-50%) rotate(90deg);
+        }
+
+        &.right {
+            top: 50%;
+            right: 16px;
+            transform: translateY(-50%) rotate(-90deg);
+        }
+
+        &.left-up {
+            top: 16px;
+            left: 16px;
+            transform: rotate(135deg);
+        }
+
+        &.left-down {
+            bottom: 16px;
+            left: 16px;
+            transform: rotate(45deg);
+        }
+
+        &.right-up {
+            top: 16px;
+            right: 16px;
+            transform: rotate(225deg);
+        }
+
+        &.right-down {
+            right: 16px;
+            bottom: 16px;
+            transform: rotate(-45deg);
+        }
+    }
+
+    .buttons {
+        position: absolute;
+        bottom: 80px;
+        left: 50%;
+        transform: translateX(-50%);
+
+        .control-button {
+            display: flex;
+            height: 32px;
+            line-height: 32px;
+            color: white;
+            cursor: default;
+            background-color: rgba(0 ,0 ,0,.35);
+            border: 1px solid rgba(0, 0 ,0 ,.15);
+            border-radius: 2px;
+
+            > span {
+                height: 100%;
+                padding: 0 8px;
+            }
+
+            .text {
+                height: 100%;
+                padding: 0 8px;
+                white-space: nowrap;
+                border-right: 1px solid rgba(0, 0 ,0 ,.15);
+                border-left: 1px solid rgba(0, 0 ,0 ,.15);
+            }
+
+            .icon {
+                padding: 0 12px;
+                cursor: pointer;
+            }
+        }
+    }
+}
+
+.infoPanel {
+    position: absolute;
+    color: red;
+}

package/lib/h264/PlayerManager.js

@@ -4,17 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+
 /**
  */
 var H264PlayerManager = /*#__PURE__*/function () {
   function H264PlayerManager(opt) {
     _classCallCheck(this, H264PlayerManager);
+
     this.player = null;
     this.id = opt.id;
     this.url = opt.url;
@@ -23,6 +25,8 @@ var H264PlayerManager = /*#__PURE__*/function () {
   /**
    * 初始化实时预览播放器
    */
+
+
   _createClass(H264PlayerManager, [{
     key: "initPlayer",
     value: function initPlayer(opt) {
@@ -39,6 +43,7 @@ var H264PlayerManager = /*#__PURE__*/function () {
       if (!this.url) return;
       xhr.open('GET', this.url, async);
       xhr.responseType = 'arraybuffer';
+
       xhr.onreadystatechange = function (event) {
         if (xhr.readyState === 4) {
           jmuxer.feed({
@@ -47,6 +52,7 @@ var H264PlayerManager = /*#__PURE__*/function () {
           this.player = jmuxer;
         }
       };
+
       xhr.send(null);
     }
   }, {
@@ -58,24 +64,25 @@ var H264PlayerManager = /*#__PURE__*/function () {
      * 录像暂停后播放
      * 只有暂停后的录像调用才有效
      */
+
   }, {
     key: "play",
-    value: function play() {
-      //
+    value: function play() {//
     }
     /**
      * 倍速播放
      * @param {number} speed 速率 0.125 0.25 0.5 1 2 4 8 共7种速率
      */
+
   }, {
     key: "playSpeed",
-    value: function playSpeed(speed) {
-      // this.recordPlayer && this.recordPlayer.playSpeed(speed);
+    value: function playSpeed(speed) {// this.recordPlayer && this.recordPlayer.playSpeed(speed);
     }
     /**
      * 关闭播放器
      * @param {number} index 可选，关闭指定索引的窗口的播放器，不传则表示关闭所有播放器
      */
+
   }, {
     key: "close",
     value: function close() {
@@ -84,50 +91,52 @@ var H264PlayerManager = /*#__PURE__*/function () {
     /**
      * 设置全屏
      */
+
   }, {
     key: "setFullScreen",
-    value: function setFullScreen() {
-      // this.player.setFullScreen();
+    value: function setFullScreen() {// this.player.setFullScreen();
     }
     /**
      * 设置窗口自适应还是拉伸
      * @param {string} playerAdapter selfAdaption 自适应 | stretching 拉伸
      */
+
   }, {
     key: "setPlayerAdapter",
-    value: function setPlayerAdapter(playerAdapter) {
-      // this.player.setPlayerAdapter(playerAdapter);
+    value: function setPlayerAdapter(playerAdapter) {// this.player.setPlayerAdapter(playerAdapter);
     }
     /**
      * 控制视频播放器显示的路数: 1 4 9 16 25，不会超过最大显示路数
      * @param {number} number
      */
+
   }, {
     key: "setPlayerNum",
-    value: function setPlayerNum(number) {
-      // this.player.setPlayerNum(number);
+    value: function setPlayerNum(number) {// this.player.setPlayerNum(number);
     }
     /**
      * 设置选中的播放器的索引
      * @param {number} index
      */
+
   }, {
     key: "setSelectIndex",
-    value: function setSelectIndex(index) {
-      // this.player.setSelectIndex(index);
+    value: function setSelectIndex(index) {// this.player.setSelectIndex(index);
     }
     /**
      * 录像跳转播放
      * @param {string} time HH:mm:ss格式
      */
+
   }, {
     key: "jumpPlayByTime",
-    value: function jumpPlayByTime(time) {
-      // this.player.jumpPlayByTime(time);
+    value: function jumpPlayByTime(time) {// this.player.jumpPlayByTime(time);
     }
   }]);
+
   return H264PlayerManager;
 }();
+
 var _default = H264PlayerManager;
 exports["default"] = _default;
 //# sourceMappingURL=PlayerManager.js.map

package/lib/h264/PlayerManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlayerManager.js","names":["H264PlayerManager","opt","_classCallCheck","player","id","url","initPlayer","_createClass","key","value","jmuxer","JMuxer","node","mode","flushingTime","fps","clearBuffer","debug","xhr","XMLHttpRequest","async","open","responseType","onreadystatechange","event","readyState","feed","video","Uint8Array","response","send","pause","recordPlayer","play","playSpeed","speed","close","destroy","setFullScreen","setPlayerAdapter","playerAdapter","setPlayerNum","number","setSelectIndex","index","jumpPlayByTime","time","_default","exports"],"sources":["h264/PlayerManager.js"],"sourcesContent":["/**\n */\nclass H264PlayerManager {\n    constructor(opt) {\n        this.player = null;\n        this.id = opt.id;\n        this.url = opt.url;\n        this.initPlayer();\n    }\n    /**\n     * 初始化实时预览播放器\n     */\n    initPlayer(opt) {\n        const jmuxer = new JMuxer({\n            node: 'playerh264',\n            mode: 'video',\n            flushingTime: 1000,\n            fps: 12,\n            clearBuffer: false,\n            debug: true,\n        });\n        var xhr = new XMLHttpRequest();\n        var async = true;\n        if (!this.url)\n            return;\n        xhr.open('GET', this.url, async);\n        xhr.responseType = 'arraybuffer';\n        xhr.onreadystatechange = function (event) {\n            if (xhr.readyState === 4) {\n                jmuxer.feed({\n                    video: new Uint8Array(xhr.response),\n                });\n                this.player = jmuxer;\n            }\n        };\n        xhr.send(null);\n    }\n    pause() {\n        this.recordPlayer && this.player.pause();\n    }\n    /**\n     * 录像暂停后播放\n     * 只有暂停后的录像调用才有效\n     */\n    play() {\n        //\n    }\n    /**\n     * 倍速播放\n     * @param {number} speed 速率 0.125 0.25 0.5 1 2 4 8 共7种速率\n     */\n    playSpeed(speed) {\n        // this.recordPlayer && this.recordPlayer.playSpeed(speed);\n    }\n    /**\n     * 关闭播放器\n     * @param {number} index 可选，关闭指定索引的窗口的播放器，不传则表示关闭所有播放器\n     */\n    close() {\n        this.player && this.player.destroy();\n    }\n    /**\n     * 设置全屏\n     */\n    setFullScreen() {\n        // this.player.setFullScreen();\n    }\n    /**\n     * 设置窗口自适应还是拉伸\n     * @param {string} playerAdapter selfAdaption 自适应 | stretching 拉伸\n     */\n    setPlayerAdapter(playerAdapter) {\n        // this.player.setPlayerAdapter(playerAdapter);\n    }\n    /**\n     * 控制视频播放器显示的路数: 1 4 9 16 25，不会超过最大显示路数\n     * @param {number} number\n     */\n    setPlayerNum(number) {\n        // this.player.setPlayerNum(number);\n    }\n    /**\n     * 设置选中的播放器的索引\n     * @param {number} index\n     */\n    setSelectIndex(index) {\n        // this.player.setSelectIndex(index);\n    }\n    /**\n     * 录像跳转播放\n     * @param {string} time HH:mm:ss格式\n     */\n    jumpPlayByTime(time) {\n        // this.player.jumpPlayByTime(time);\n    }\n}\nexport default H264PlayerManager;\n"],"mappings":";;;;;;;;;;;;AAAA;AACA;AADA,IAEMA,iBAAiB;EACnB,SAAAA,kBAAYC,GAAG,EAAE;IAAAC,eAAA,OAAAF,iBAAA;IACb,IAAI,CAACG,MAAM,GAAG,IAAI;IAClB,IAAI,CAACC,EAAE,GAAGH,GAAG,CAACG,EAAE;IAChB,IAAI,CAACC,GAAG,GAAGJ,GAAG,CAACI,GAAG;IAClB,IAAI,CAACC,UAAU,CAAC,CAAC;EACrB;EACA;AACJ;AACA;EAFIC,YAAA,CAAAP,iBAAA;IAAAQ,GAAA;IAAAC,KAAA,EAGA,SAAAH,WAAWL,GAAG,EAAE;MACZ,IAAMS,MAAM,GAAG,IAAIC,MAAM,CAAC;QACtBC,IAAI,EAAE,YAAY;QAClBC,IAAI,EAAE,OAAO;QACbC,YAAY,EAAE,IAAI;QAClBC,GAAG,EAAE,EAAE;QACPC,WAAW,EAAE,KAAK;QAClBC,KAAK,EAAE;MACX,CAAC,CAAC;MACF,IAAIC,GAAG,GAAG,IAAIC,cAAc,CAAC,CAAC;MAC9B,IAAIC,KAAK,GAAG,IAAI;MAChB,IAAI,CAAC,IAAI,CAACf,GAAG,EACT;MACJa,GAAG,CAACG,IAAI,CAAC,KAAK,EAAE,IAAI,CAAChB,GAAG,EAAEe,KAAK,CAAC;MAChCF,GAAG,CAACI,YAAY,GAAG,aAAa;MAChCJ,GAAG,CAACK,kBAAkB,GAAG,UAAUC,KAAK,EAAE;QACtC,IAAIN,GAAG,CAACO,UAAU,KAAK,CAAC,EAAE;UACtBf,MAAM,CAACgB,IAAI,CAAC;YACRC,KAAK,EAAE,IAAIC,UAAU,CAACV,GAAG,CAACW,QAAQ;UACtC,CAAC,CAAC;UACF,IAAI,CAAC1B,MAAM,GAAGO,MAAM;QACxB;MACJ,CAAC;MACDQ,GAAG,CAACY,IAAI,CAAC,IAAI,CAAC;IAClB;EAAC;IAAAtB,GAAA;IAAAC,KAAA,EACD,SAAAsB,MAAA,EAAQ;MACJ,IAAI,CAACC,YAAY,IAAI,IAAI,CAAC7B,MAAM,CAAC4B,KAAK,CAAC,CAAC;IAC5C;IACA;AACJ;AACA;AACA;EAHI;IAAAvB,GAAA;IAAAC,KAAA,EAIA,SAAAwB,KAAA,EAAO;MACH;IAAA;IAEJ;AACJ;AACA;AACA;EAHI;IAAAzB,GAAA;IAAAC,KAAA,EAIA,SAAAyB,UAAUC,KAAK,EAAE;MACb;IAAA;IAEJ;AACJ;AACA;AACA;EAHI;IAAA3B,GAAA;IAAAC,KAAA,EAIA,SAAA2B,MAAA,EAAQ;MACJ,IAAI,CAACjC,MAAM,IAAI,IAAI,CAACA,MAAM,CAACkC,OAAO,CAAC,CAAC;IACxC;IACA;AACJ;AACA;EAFI;IAAA7B,GAAA;IAAAC,KAAA,EAGA,SAAA6B,cAAA,EAAgB;MACZ;IAAA;IAEJ;AACJ;AACA;AACA;EAHI;IAAA9B,GAAA;IAAAC,KAAA,EAIA,SAAA8B,iBAAiBC,aAAa,EAAE;MAC5B;IAAA;IAEJ;AACJ;AACA;AACA;EAHI;IAAAhC,GAAA;IAAAC,KAAA,EAIA,SAAAgC,aAAaC,MAAM,EAAE;MACjB;IAAA;IAEJ;AACJ;AACA;AACA;EAHI;IAAAlC,GAAA;IAAAC,KAAA,EAIA,SAAAkC,eAAeC,KAAK,EAAE;MAClB;IAAA;IAEJ;AACJ;AACA;AACA;EAHI;IAAApC,GAAA;IAAAC,KAAA,EAIA,SAAAoC,eAAeC,IAAI,EAAE;MACjB;IAAA;EACH;EAAA,OAAA9C,iBAAA;AAAA;AAAA,IAAA+C,QAAA,GAEU/C,iBAAiB;AAAAgD,OAAA,cAAAD,QAAA"}
+{"version":3,"file":"PlayerManager.js","names":["H264PlayerManager","opt","player","id","url","initPlayer","jmuxer","JMuxer","node","mode","flushingTime","fps","clearBuffer","debug","xhr","XMLHttpRequest","async","open","responseType","onreadystatechange","event","readyState","feed","video","Uint8Array","response","send","recordPlayer","pause","speed","destroy","playerAdapter","number","index","time"],"sources":["h264/PlayerManager.js"],"sourcesContent":["/**\n */\nclass H264PlayerManager {\n    constructor(opt) {\n        this.player = null;\n        this.id = opt.id;\n        this.url = opt.url;\n        this.initPlayer();\n    }\n    /**\n     * 初始化实时预览播放器\n     */\n    initPlayer(opt) {\n        const jmuxer = new JMuxer({\n            node: 'playerh264',\n            mode: 'video',\n            flushingTime: 1000,\n            fps: 12,\n            clearBuffer: false,\n            debug: true,\n        });\n        var xhr = new XMLHttpRequest();\n        var async = true;\n        if (!this.url)\n            return;\n        xhr.open('GET', this.url, async);\n        xhr.responseType = 'arraybuffer';\n        xhr.onreadystatechange = function (event) {\n            if (xhr.readyState === 4) {\n                jmuxer.feed({\n                    video: new Uint8Array(xhr.response),\n                });\n                this.player = jmuxer;\n            }\n        };\n        xhr.send(null);\n    }\n    pause() {\n        this.recordPlayer && this.player.pause();\n    }\n    /**\n     * 录像暂停后播放\n     * 只有暂停后的录像调用才有效\n     */\n    play() {\n        //\n    }\n    /**\n     * 倍速播放\n     * @param {number} speed 速率 0.125 0.25 0.5 1 2 4 8 共7种速率\n     */\n    playSpeed(speed) {\n        // this.recordPlayer && this.recordPlayer.playSpeed(speed);\n    }\n    /**\n     * 关闭播放器\n     * @param {number} index 可选，关闭指定索引的窗口的播放器，不传则表示关闭所有播放器\n     */\n    close() {\n        this.player && this.player.destroy();\n    }\n    /**\n     * 设置全屏\n     */\n    setFullScreen() {\n        // this.player.setFullScreen();\n    }\n    /**\n     * 设置窗口自适应还是拉伸\n     * @param {string} playerAdapter selfAdaption 自适应 | stretching 拉伸\n     */\n    setPlayerAdapter(playerAdapter) {\n        // this.player.setPlayerAdapter(playerAdapter);\n    }\n    /**\n     * 控制视频播放器显示的路数: 1 4 9 16 25，不会超过最大显示路数\n     * @param {number} number\n     */\n    setPlayerNum(number) {\n        // this.player.setPlayerNum(number);\n    }\n    /**\n     * 设置选中的播放器的索引\n     * @param {number} index\n     */\n    setSelectIndex(index) {\n        // this.player.setSelectIndex(index);\n    }\n    /**\n     * 录像跳转播放\n     * @param {string} time HH:mm:ss格式\n     */\n    jumpPlayByTime(time) {\n        // this.player.jumpPlayByTime(time);\n    }\n}\nexport default H264PlayerManager;\n"],"mappings":";;;;;;;;;;;;;AAAA;AACA;IACMA,iB;EACF,2BAAYC,GAAZ,EAAiB;IAAA;;IACb,KAAKC,MAAL,GAAc,IAAd;IACA,KAAKC,EAAL,GAAUF,GAAG,CAACE,EAAd;IACA,KAAKC,GAAL,GAAWH,GAAG,CAACG,GAAf;IACA,KAAKC,UAAL;EACH;EACD;AACJ;AACA;;;;;WACI,oBAAWJ,GAAX,EAAgB;MACZ,IAAMK,MAAM,GAAG,IAAIC,MAAJ,CAAW;QACtBC,IAAI,EAAE,YADgB;QAEtBC,IAAI,EAAE,OAFgB;QAGtBC,YAAY,EAAE,IAHQ;QAItBC,GAAG,EAAE,EAJiB;QAKtBC,WAAW,EAAE,KALS;QAMtBC,KAAK,EAAE;MANe,CAAX,CAAf;MAQA,IAAIC,GAAG,GAAG,IAAIC,cAAJ,EAAV;MACA,IAAIC,KAAK,GAAG,IAAZ;MACA,IAAI,CAAC,KAAKZ,GAAV,EACI;MACJU,GAAG,CAACG,IAAJ,CAAS,KAAT,EAAgB,KAAKb,GAArB,EAA0BY,KAA1B;MACAF,GAAG,CAACI,YAAJ,GAAmB,aAAnB;;MACAJ,GAAG,CAACK,kBAAJ,GAAyB,UAAUC,KAAV,EAAiB;QACtC,IAAIN,GAAG,CAACO,UAAJ,KAAmB,CAAvB,EAA0B;UACtBf,MAAM,CAACgB,IAAP,CAAY;YACRC,KAAK,EAAE,IAAIC,UAAJ,CAAeV,GAAG,CAACW,QAAnB;UADC,CAAZ;UAGA,KAAKvB,MAAL,GAAcI,MAAd;QACH;MACJ,CAPD;;MAQAQ,GAAG,CAACY,IAAJ,CAAS,IAAT;IACH;;;WACD,iBAAQ;MACJ,KAAKC,YAAL,IAAqB,KAAKzB,MAAL,CAAY0B,KAAZ,EAArB;IACH;IACD;AACJ;AACA;AACA;;;;WACI,gBAAO,CACH;IACH;IACD;AACJ;AACA;AACA;;;;WACI,mBAAUC,KAAV,EAAiB,CACb;IACH;IACD;AACJ;AACA;AACA;;;;WACI,iBAAQ;MACJ,KAAK3B,MAAL,IAAe,KAAKA,MAAL,CAAY4B,OAAZ,EAAf;IACH;IACD;AACJ;AACA;;;;WACI,yBAAgB,CACZ;IACH;IACD;AACJ;AACA;AACA;;;;WACI,0BAAiBC,aAAjB,EAAgC,CAC5B;IACH;IACD;AACJ;AACA;AACA;;;;WACI,sBAAaC,MAAb,EAAqB,CACjB;IACH;IACD;AACJ;AACA;AACA;;;;WACI,wBAAeC,KAAf,EAAsB,CAClB;IACH;IACD;AACJ;AACA;AACA;;;;WACI,wBAAeC,IAAf,EAAqB,CACjB;IACH;;;;;;eAEUlC,iB"}

package/lib/history-control/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { GetHistoryUrlParams } from '../api/types';
-export type HistoryControlHandle = {
+export declare type HistoryControlHandle = {
     load: (channel: GetHistoryUrlParams) => void;
 };
 interface HistoryControlProps {
@@ -25,7 +25,7 @@ interface HistoryControlProps {
  * 历史视频控制器
  */
 export declare const HistoryControl: import("react").ForwardRefExoticComponent<HistoryControlProps & import("react").RefAttributes<HistoryControlHandle>>;
-export type UrlsTableItemType = {
+export declare type UrlsTableItemType = {
     /** 序号 */
     index: number;
     /** 设备名称 */