@vtx/player 0.0.12 → 0.0.13

package/lib/typings/h5player.d.ts

@@ -0,0 +1,131 @@
+import { CSSProperties } from 'react';
+
+export declare class JSPlugin {
+    constructor(params: JSPluginConstructorParams);
+    /** 设置回调方法 */
+    JS_SetWindowControlCallback(params: JSPluginCallbackParams);
+    /**
+     * 开始播放
+     * @param url 流媒体地址
+     * @param config 播放参数
+     * @param windowIndex 当前窗口下标
+     * @param startTime 开始时间
+     * @param endTime 结束时间
+     */
+    JS_Play(
+        url: string,
+        config: PlayConfig,
+        windowIndex: number,
+        startTime?: string,
+        endTime?: string
+    ): Promise<void>;
+
+    /**
+     * 停止播放
+     * @param windowIndex 窗口下标
+     */
+    JS_Stop(windowIndex: number): Promise<void>;
+    /**
+     * 截图
+     * @param windowIndex 当前窗口
+     * @param fileName 文件名称
+     * @param fileType 文件类型
+     * @param callback 回调
+     */
+    JS_CapturePicture(
+        windowIndex: number,
+        fileName: string,
+        fileType: 'JPEG' | 'PNG',
+        callback?: () => void
+    );
+    /**
+     * 设置窗口大小
+     * @param iWidth 宽度
+     * @param iHeight 高度
+     */
+    JS_Resize(iWidth?: number, iHeight?: number);
+    /**
+     * 设置音量
+     * @param windowIndex 当前窗口
+     * @param value 音量
+     */
+    JS_SetVolume(windowIndex: number, value: number);
+    /**
+     * 跳转到
+     * @param windowIndex 当前窗口
+     * @param startTime 开始时间
+     * @param endTime 结束时间
+     */
+    JS_Seek(windowIndex: number, startTime: string, endTime: string): Promise<void>;
+    /**
+     * 暂停播放
+     * @param windowIndex 当前窗口
+     */
+    JS_Pause(windowIndex: number): Promise<void>;
+    /**
+     * 恢复播放
+     * @param windowIndex 当前窗口
+     */
+    JS_Resume(windowIndex: number): Promise<void>;
+    /**
+     * 调节播放倍速为当前播放速度的2倍，最大为8倍
+     * @param windowIndex 当前窗口
+     */
+    JS_Fast(windowIndex: number): Promise<void>;
+    /**
+     * 调节播放倍速为当前播放速度的1/2倍，最小为1/8倍
+     * @param windowIndex 当前窗口
+     */
+    JS_Slow(windowIndex: number): Promise<void>;
+    /**
+     * 开始对讲
+     * @param url 对讲地址
+     */
+    JS_StartTalk(url: string): Promise<void>;
+    /** 结束对讲 */
+    JS_StopTalk(): Promise<void>;
+}
+type JSPluginConstructorParams = {
+    /** 容器ID */
+    szId: string;
+    /** h5player.min.js引用路径 */
+    szBasePath: string;
+    /** 最大分屏数 */
+    iMaxSplit: number;
+    /** 当前分屏数 */
+    iCurrentSplit: number;
+    /** 开启调试模式 */
+    openDebug?: boolean;
+    /** 样式 */
+    oStyle?: CSSProperties;
+    /** 宽度 */
+    iWidth?: number;
+    /** 高度 */
+    iHeight?: number;
+};
+
+type JSPluginCallbackParams = {
+    /** 插件选中窗口回调 */
+    windowEventSelect: (index: number) => void;
+    /** 插件错误回调 */
+    pluginErrorHandler: (index: number, code: string, error: object) => void;
+    /** 鼠标移过回调 */
+    windowEventOver: (index: number) => void;
+    /** 鼠标移出回调 */
+    windowEventOut: (index: number) => void;
+    /** 鼠标mouseup事件回调 */
+    windowEventUp: (index: number) => void;
+    /** 全屏切换回调 */
+    windowFullCcreenChange: (full: boolean) => void;
+    /** 首帧显示回调 */
+    firstFrameDisplay: (index: number, width: number, height: number) => void;
+    /** 性能不足回调 */
+    performanceLack: () => void;
+};
+
+type PlayConfig = {
+    /** 播放地址 */
+    playURL: string;
+    /** 0=普通模式; 1=高级模式 默认为0 */
+    mode: 0 | 1;
+};

package/{dist/types → lib}/utils/index.d.ts

@@ -1,7 +1,7 @@
 import moment from 'moment';
-import { GetHistoryUrlResp } from '@/api/types';
-import { UrlsTableItemType } from '@/components/history-control';
-import { VideoType } from '@/components/player';
+import { GetHistoryUrlResp } from '../api/types';
+import { UrlsTableItemType } from '../history-control';
+import { VideoType } from '../player';
 /** 时间格式枚举 */
 export declare enum TimeFormat {
     default = "YYYY-MM-DDTHH:mm:ss",

package/lib/utils/index.js

@@ -0,0 +1,265 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.secondsToTime = exports.guidGenerator = exports.getUrlTableData = exports.getUrlParam = exports.getPlayerParams = exports.getHKTimeString = exports.getHKListUrl = exports.getFlvListUrl = exports.TimeFormat = void 0;
+
+var _jsBase = require("js-base64");
+
+var _moment = _interopRequireDefault(require("moment"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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 TimeFormat;
+exports.TimeFormat = TimeFormat;
+
+(function (TimeFormat) {
+  TimeFormat["default"] = "YYYY-MM-DDTHH:mm:ss";
+  TimeFormat["params"] = "YYYY-MM-DD HH:mm:ss";
+  TimeFormat["url"] = "YYYYMMDDTHHmmss";
+})(TimeFormat || (exports.TimeFormat = TimeFormat = {}));
+/** 生成随机ID */
+
+
+var guidGenerator = function guidGenerator() {
+  var S4 = function S4() {
+    return ((1 + Math.random()) * 0x10000 | 0).toString(16).substring(1);
+  };
+
+  return S4() + S4() + '-' + S4() + '-' + S4() + '-' + S4() + '-' + S4() + S4() + S4();
+};
+
+exports.guidGenerator = guidGenerator;
+
+var initProtocol = function initProtocol(url) {
+  var src = url;
+  var isHttps = 'https:' === document.location.protocol;
+
+  if (isHttps) {
+    if (url.startsWith("http:")) {
+      url = url.replace('http://', '');
+      var ipPort = url.substring(0, url.indexOf('/'));
+      var path = url.substring(url.indexOf('/'));
+      src = '/visProxy/' + ipPort + '/play' + path;
+    } else if (url.startsWith("ws:")) {
+      url = url.replace('http://', '');
+
+      var _ipPort = url.substring(0, url.indexOf('/'));
+
+      var _path = url.substring(url.indexOf('/'));
+
+      src = 'wss://' + window.location.host + '/visProxy/' + _ipPort + '/play' + _path;
+    }
+  }
+
+  return src;
+};
+/**
+ * 获取视频直播地址及格式
+ * @param url
+ * @returns
+ */
+
+
+var getPlayerParams = function getPlayerParams(url, live, startTime, endTime) {
+  var playerUrl = url;
+  var playerType = 'flv';
+
+  if (url.startsWith('ws://')) {
+    playerType = 'hk_ws';
+
+    if (live) {
+      playerUrl = url;
+    } else {
+      playerUrl = url.split('?')[0];
+    }
+  }
+
+  if (url.startsWith('rtsp://')) {
+    playerType = 'flv';
+
+    if (live) {
+      playerUrl = "/cloud/vic/convert/flv/live.flv?url=".concat(_jsBase.Base64.encode(url));
+    } else {
+      playerUrl = "/cloud/vic/convert/flv/live.flv?url=".concat(_jsBase.Base64.encode(getFlvListUrl(url, startTime, endTime)));
+    }
+  }
+
+  if (url.endsWith('.m3u8')) {
+    playerUrl = url;
+    playerType = 'hls';
+  }
+
+  return {
+    url: initProtocol(playerUrl),
+    type: playerType
+  };
+};
+/**
+ * 获取历史回放表格数据
+ * @param data
+ * @returns
+ */
+
+
+exports.getPlayerParams = getPlayerParams;
+
+var getUrlTableData = function getUrlTableData(data) {
+  var result = data.list.map(function (item, i) {
+    var beginTime = (0, _moment["default"])(item.beginTime);
+    var endTime = (0, _moment["default"])(item.endTime);
+    var totalSeconds = (0, _moment["default"])(endTime).diff((0, _moment["default"])(beginTime), 'seconds');
+    return {
+      index: i + 1,
+      deviceName: data.deviceName,
+      channelName: data.channelName,
+      beginTime: beginTime.format(TimeFormat.params),
+      endTime: endTime.format(TimeFormat.params),
+      size: bytesToMegaBytes(item.size),
+      duration: secondsToString(totalSeconds),
+      downloadUrl: '',
+      url: item.playbackUrl || ''
+    };
+  });
+  return result;
+};
+/**
+ * bytes转换mb
+ * @param bytes
+ * @returns
+ */
+
+
+exports.getUrlTableData = getUrlTableData;
+
+var bytesToMegaBytes = function bytesToMegaBytes(bytes) {
+  return "".concat((bytes / Math.pow(1024, 2)).toFixed(2), "MB");
+};
+/**
+ * 秒数=>0时0分0秒
+ * @param total
+ * @returns
+ */
+
+
+var secondsToString = function secondsToString(total) {
+  var hour = Math.floor(total / 3600);
+  var minute = Math.floor(total % 3600 / 60);
+  var second = Math.floor(total % 60);
+  var result = "".concat(hour > 0 ? hour + '小时' : '').concat(minute > 0 ? minute + '分' : '').concat(second > 0 ? second + '秒' : '');
+  return result;
+};
+/**
+ * 秒数=>00:00:00
+ * @param total
+ * @returns
+ */
+
+
+var secondsToTime = function secondsToTime(total) {
+  var hour = Math.floor(total / 3600);
+  var minute = Math.floor(total % 3600 / 60);
+  var second = Math.floor(total % 60);
+  var result = "".concat(hour >= 10 ? hour : '0' + hour, ":").concat(minute >= 10 ? minute : '0' + minute, ":").concat(second >= 10 ? second : '0' + second);
+  return result;
+};
+/**
+ * 获取海康时间参数
+ * @param time 时间
+ * @returns
+ */
+
+
+exports.secondsToTime = secondsToTime;
+
+var getHKTimeString = function getHKTimeString(time) {
+  return (0, _moment["default"])(time).format(TimeFormat["default"]) + 'Z';
+};
+/**
+ * 获取海康分段播放地址
+ * @param totalUrl 总播放地址
+ * @param startTime 开始时间
+ * @param endTime 结束时间
+ * @returns
+ */
+
+
+exports.getHKTimeString = getHKTimeString;
+
+var getHKListUrl = function getHKListUrl(totalUrl, startTime, endTime) {
+  var _totalUrl$split = totalUrl.split('?'),
+      _totalUrl$split2 = _slicedToArray(_totalUrl$split, 2),
+      url = _totalUrl$split2[0],
+      query = _totalUrl$split2[1];
+
+  var urlParams = new URLSearchParams(query);
+  urlParams.set('beginTime', getHKTimeString(startTime));
+  urlParams.set('endTime', getHKTimeString(endTime));
+  return "".concat(url, "?").concat(urlParams.toString());
+};
+/**
+ *
+ * 获取flv格式分段播放地址
+ * @param totalUrl 总播放地址
+ * @param startTime 开始时间
+ * @param endTime 结束时间
+ * @returns
+ */
+
+
+exports.getHKListUrl = getHKListUrl;
+
+var getFlvListUrl = function getFlvListUrl(totalUrl, startTime, endTime) {
+  var _totalUrl$split3 = totalUrl.split('?'),
+      _totalUrl$split4 = _slicedToArray(_totalUrl$split3, 2),
+      url = _totalUrl$split4[0],
+      query = _totalUrl$split4[1];
+
+  var urlParams = new URLSearchParams(query);
+  urlParams.set('beginTime', (0, _moment["default"])(startTime).format(TimeFormat.url));
+  urlParams.set('endTime', (0, _moment["default"])(endTime).format(TimeFormat.url));
+  return "".concat(url, "?").concat(urlParams.toString());
+};
+/**
+ * 获取地址栏中的参数信息
+ * @param key 字段key
+ * @param href 链接
+ * @returns 字段值
+ */
+
+
+exports.getFlvListUrl = getFlvListUrl;
+
+var getUrlParam = function getUrlParam(key) {
+  var href = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : window.location.href;
+  var paramObj = {};
+  var matchList = href.match(/([^\?&]+)=([^\?&#]+)/g) || [];
+
+  for (var i = 0, len = matchList.length; i < len; i++) {
+    var r = matchList[i].match(/([^\?&]+)=([^\?&]+)/);
+    paramObj[r[1]] = r[2];
+  }
+
+  if (key) {
+    return paramObj[key];
+  } else {
+    return paramObj;
+  }
+};
+
+exports.getUrlParam = getUrlParam;
+//# sourceMappingURL=index.js.map

package/lib/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["TimeFormat","guidGenerator","S4","Math","random","toString","substring","initProtocol","url","src","isHttps","document","location","protocol","startsWith","replace","ipPort","indexOf","path","window","host","getPlayerParams","live","startTime","endTime","playerUrl","playerType","split","Base64","encode","getFlvListUrl","endsWith","type","getUrlTableData","data","result","list","map","item","i","beginTime","moment","totalSeconds","diff","index","deviceName","channelName","format","params","size","bytesToMegaBytes","duration","secondsToString","downloadUrl","playbackUrl","bytes","pow","toFixed","total","hour","floor","minute","second","secondsToTime","getHKTimeString","time","getHKListUrl","totalUrl","query","urlParams","URLSearchParams","set","getUrlParam","key","href","paramObj","matchList","match","len","length","r"],"sources":["utils/index.js"],"sourcesContent":["import { Base64 } from 'js-base64';\nimport moment from 'moment';\n/** 时间格式枚举 */\nexport var TimeFormat;\n(function (TimeFormat) {\n    TimeFormat[\"default\"] = \"YYYY-MM-DDTHH:mm:ss\";\n    TimeFormat[\"params\"] = \"YYYY-MM-DD HH:mm:ss\";\n    TimeFormat[\"url\"] = \"YYYYMMDDTHHmmss\";\n})(TimeFormat || (TimeFormat = {}));\n/** 生成随机ID */\nexport const guidGenerator = () => {\n    const S4 = function () {\n        return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);\n    };\n    return S4() + S4() + '-' + S4() + '-' + S4() + '-' + S4() + '-' + S4() + S4() + S4();\n};\nconst initProtocol = (url) => {\n    let src = url;\n    const isHttps = 'https:' === document.location.protocol;\n    if (isHttps) {\n        if (url.startsWith(\"http:\")) {\n            url = url.replace('http://', '');\n            const ipPort = url.substring(0, url.indexOf('/'));\n            const path = url.substring(url.indexOf('/'));\n            src = '/visProxy/' + ipPort + '/play' + path;\n        }\n        else if (url.startsWith(\"ws:\")) {\n            url = url.replace('http://', '');\n            const ipPort = url.substring(0, url.indexOf('/'));\n            const path = url.substring(url.indexOf('/'));\n            src = 'wss://' + window.location.host + '/visProxy/' + ipPort + '/play' + path;\n        }\n    }\n    return src;\n};\n/**\n * 获取视频直播地址及格式\n * @param url\n * @returns\n */\nexport const getPlayerParams = (url, live, startTime, endTime) => {\n    let playerUrl = url;\n    let playerType = 'flv';\n    if (url.startsWith('ws://')) {\n        playerType = 'hk_ws';\n        if (live) {\n            playerUrl = url;\n        }\n        else {\n            playerUrl = url.split('?')[0];\n        }\n    }\n    if (url.startsWith('rtsp://')) {\n        playerType = 'flv';\n        if (live) {\n            playerUrl = `/cloud/vic/convert/flv/live.flv?url=${Base64.encode(url)}`;\n        }\n        else {\n            playerUrl = `/cloud/vic/convert/flv/live.flv?url=${Base64.encode(getFlvListUrl(url, startTime, endTime))}`;\n        }\n    }\n    if (url.endsWith('.m3u8')) {\n        playerUrl = url;\n        playerType = 'hls';\n    }\n    return { url: initProtocol(playerUrl), type: playerType };\n};\n/**\n * 获取历史回放表格数据\n * @param data\n * @returns\n */\nexport const getUrlTableData = (data) => {\n    const result = data.list.map((item, i) => {\n        const beginTime = moment(item.beginTime);\n        const endTime = moment(item.endTime);\n        const totalSeconds = moment(endTime).diff(moment(beginTime), 'seconds');\n        return {\n            index: i + 1,\n            deviceName: data.deviceName,\n            channelName: data.channelName,\n            beginTime: beginTime.format(TimeFormat.params),\n            endTime: endTime.format(TimeFormat.params),\n            size: bytesToMegaBytes(item.size),\n            duration: secondsToString(totalSeconds),\n            downloadUrl: '',\n            url: item.playbackUrl || '',\n        };\n    });\n    return result;\n};\n/**\n * bytes转换mb\n * @param bytes\n * @returns\n */\nconst bytesToMegaBytes = (bytes) => `${(bytes / Math.pow(1024, 2)).toFixed(2)}MB`;\n/**\n * 秒数=>0时0分0秒\n * @param total\n * @returns\n */\nconst secondsToString = (total) => {\n    const hour = Math.floor(total / 3600);\n    const minute = Math.floor((total % 3600) / 60);\n    const second = Math.floor(total % 60);\n    const result = `${hour > 0 ? hour + '小时' : ''}${minute > 0 ? minute + '分' : ''}${second > 0 ? second + '秒' : ''}`;\n    return result;\n};\n/**\n * 秒数=>00:00:00\n * @param total\n * @returns\n */\nexport const secondsToTime = (total) => {\n    const hour = Math.floor(total / 3600);\n    const minute = Math.floor((total % 3600) / 60);\n    const second = Math.floor(total % 60);\n    const result = `${hour >= 10 ? hour : '0' + hour}:${minute >= 10 ? minute : '0' + minute}:${second >= 10 ? second : '0' + second}`;\n    return result;\n};\n/**\n * 获取海康时间参数\n * @param time 时间\n * @returns\n */\nexport const getHKTimeString = (time) => {\n    return moment(time).format(TimeFormat.default) + 'Z';\n};\n/**\n * 获取海康分段播放地址\n * @param totalUrl 总播放地址\n * @param startTime 开始时间\n * @param endTime 结束时间\n * @returns\n */\nexport const getHKListUrl = (totalUrl, startTime, endTime) => {\n    const [url, query] = totalUrl.split('?');\n    const urlParams = new URLSearchParams(query);\n    urlParams.set('beginTime', getHKTimeString(startTime));\n    urlParams.set('endTime', getHKTimeString(endTime));\n    return `${url}?${urlParams.toString()}`;\n};\n/**\n *\n * 获取flv格式分段播放地址\n * @param totalUrl 总播放地址\n * @param startTime 开始时间\n * @param endTime 结束时间\n * @returns\n */\nexport const getFlvListUrl = (totalUrl, startTime, endTime) => {\n    const [url, query] = totalUrl.split('?');\n    const urlParams = new URLSearchParams(query);\n    urlParams.set('beginTime', moment(startTime).format(TimeFormat.url));\n    urlParams.set('endTime', moment(endTime).format(TimeFormat.url));\n    return `${url}?${urlParams.toString()}`;\n};\n/**\n * 获取地址栏中的参数信息\n * @param key 字段key\n * @param href 链接\n * @returns 字段值\n */\nexport const getUrlParam = (key, href = window.location.href) => {\n    const paramObj = {};\n    const matchList = href.match(/([^\\?&]+)=([^\\?&#]+)/g) || [];\n    for (let i = 0, len = matchList.length; i < len; i++) {\n        const r = matchList[i].match(/([^\\?&]+)=([^\\?&]+)/);\n        paramObj[r[1]] = r[2];\n    }\n    if (key) {\n        return paramObj[key];\n    }\n    else {\n        return paramObj;\n    }\n};\n"],"mappings":"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"}

package/lib/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@vtx/player",
-  "version": "0.0.12",
+  "version": "0.0.13",
   "private": false,
   "description": "视频业务组件",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "files": [
-    "dist"
+    "lib"
   ],
   "scripts": {
     "start": "start-storybook -p 6006",

package/dist/index.d.ts

@@ -1,221 +0,0 @@
-/// <reference types="react" />
-import moment from 'moment';
-import { CloudControlPanelProps } from '@/components/controls';
-import { VideoType as VideoType$1 } from '@/components/player';
-import * as react from 'react';
-import { GetHistoryUrlParams, LoadVideoInfoParams } from '@/api/types';
-
-/** 视频流格式 */
-declare type VideoType = 'flv' | 'hls' | 'hk_ws';
-interface ConstructorParams {
-    url: string;
-    /** 渲染容器 */
-    container: HTMLDivElement;
-    /** 是否直播，flv.js需要 */
-    live?: boolean;
-    /** 视频流格式 */
-    type?: VideoType;
-    /** 开始时间，历史回放需要 */
-    startTime?: moment.MomentInput;
-    /** 结束时间，历史回放需要 */
-    endTime?: moment.MomentInput;
-}
-/**
- * 视频播放核心类
- */
-declare class Player {
-    /** 视频地址 */
-    url: string;
-    /** 视频流格式 */
-    type: VideoType;
-    private player;
-    private video;
-    /** 开始时间，历史回放需要 */
-    private startTime?;
-    /** 结束时间，历史回放需要 */
-    private endTime?;
-    /** 跳转时间，用于处理进度条位置 */
-    private seekTime?;
-    /** 之前的视频播放速度，用于处理海康音量控制 */
-    private preSpeed;
-    constructor(params: ConstructorParams);
-    /** 播放 */
-    play(): Promise<void>;
-    /** 回放 */
-    playBack(): Promise<void>;
-    /** 销毁 */
-    destroy(): void;
-    /** 截图 */
-    capture(captureName?: string, time?: boolean): void;
-    /** 尺寸重置 */
-    resize(): void;
-    /**
-     * 设置音量
-     * @param value
-     */
-    setVolume(value: number): void;
-    /**
-     * 设置播放速度
-     * @param speed
-     */
-    setSpeed(speed: 0.5 | 1 | 2 | 4 | 8): void;
-    /**
-     * 时间更新事件
-     * @param callback 回调函数
-     */
-    onTimeUpdate(callback: (currentTime: number, speed: number) => void): void;
-    /** 跳转到 */
-    seekTo(time: number): Promise<void>;
-    /**
-     * 暂停播放
-     * @param callback 回调函数
-     */
-    pause(callback?: () => void): void;
-    /**
-     * 恢复播放
-     * @param callback 回调函数
-     */
-    resume(callback?: () => void): void;
-    /**
-     * 开始对讲
-     * @param url 对讲地址
-     */
-    startTalk(url: string): Promise<void>;
-    /**
-     * 开始对讲
-     * @param state 状态
-     */
-    stopTalk(): Promise<void>;
-}
-
-interface VtxPlayerProps$1 {
-    /** 视频流地址 */
-    url: string;
-    /** 宽度 */
-    width?: number;
-    /** 高度 */
-    height?: number;
-    /** 视频流格式，如果为空则根据url自行判断 */
-    type?: VideoType$1;
-    /** 截图文件名 */
-    captureName?: string;
-    /** 对讲地址 */
-    talkUrl?: string;
-    /** 云台控制 */
-    cloudParams?: CloudControlPanelProps;
-}
-declare const LivePlayer: (props: VtxPlayerProps$1) => JSX.Element;
-
-declare type HistoryPlayerHandle = {
-    /**
-     * 跳转，目前仅支持海康视频跳转
-     */
-    seekTo: (time: string) => Promise<void>;
-};
-interface VtxPlayerProps {
-    /** 视频流地址 */
-    url: string;
-    /** 视频流格式，如果为空则根据url自行判断 */
-    type?: VideoType$1;
-    /** 开始时间，格式为：YYYY-MM-DD HH:mm:ss */
-    startTime: string;
-    /** 结束时间，格式为：YYYY-MM-DD HH:mm:ss  */
-    endTime: string;
-    /** 宽度 */
-    width?: number;
-    /** 高度 */
-    height?: number;
-    /** 截图文件名 */
-    captureName?: string;
-    /** 控制条bottom */
-    controlBottom?: number;
-    /** 播放器进度回调，time:YYYY-MM-DD HH:mm:ss speed:播放速率 */
-    onTimeChange?: (time: string, speed: number) => void;
-}
-declare const HistoryPlayer: react.ForwardRefExoticComponent<VtxPlayerProps & react.RefAttributes<HistoryPlayerHandle>>;
-
-declare type LiveControlHandle = {
-    /** 加载视频 */
-    load: (channel: ChannelType) => void;
-    /** 卸载视频，参数为通道编号 */
-    unLoad: (channelNum: string) => void;
-    /** 一次加载多个视频，适用于初始化 */
-    multiLoad: (channels: ChannelType[]) => void;
-};
-interface LiveControlProps {
-    /** 展开/收缩按钮回调 */
-    onExpandChange?: (expand: boolean) => void;
-    /** 视频关闭回调，参数为通道编号数组 */
-    onChannelChange?: (channelSNum: string[]) => void;
-    /** 宽度 */
-    width?: number | string;
-    /** 高度 */
-    height?: number | string;
-    /** 轮询频率 */
-    polling?: number | undefined;
-}
-declare type ChannelType = {
-    /** 通道号 */
-    channelNum: string;
-    /** 设备ID */
-    deviceId?: string;
-    /** 协议 */
-    protocol?: string;
-};
-/**
- * 实时分屏组件
- */
-declare const LiveControl: react.ForwardRefExoticComponent<LiveControlProps & react.RefAttributes<LiveControlHandle>>;
-
-declare type HistoryControlHandle = {
-    load: (channel: GetHistoryUrlParams) => void;
-};
-interface HistoryControlProps {
-    /** 宽度 */
-    width?: number;
-    /** 高度 */
-    height?: number;
-    /** 展开/收缩按钮回调 */
-    onExpandChange?: (expand: boolean) => void;
-    /** 播放器进度回调，time:YYYY-MM-DD HH:mm:ss */
-    onTimeChange?: (time: string) => void;
-}
-/**
- * 历史视频控制器
- */
-declare const HistoryControl: react.ForwardRefExoticComponent<HistoryControlProps & react.RefAttributes<HistoryControlHandle>>;
-
-interface BillPlayerProps {
-    /** 参数 */
-    params: LoadVideoInfoParams;
-    /** 宽度 */
-    width?: string | number;
-    /** 高度 */
-    height?: string | number;
-    /** 是否显示实时视频，默认为true */
-    live?: boolean;
-    /** 是否显示历史视频，默认为true */
-    history?: boolean;
-    /** 实时默认播放 */
-    defaultLivePlay?: boolean;
-    /** 历史默认播放 */
-    defaultHistoryPlay?: boolean;
-}
-declare const BillPlayer: (props: BillPlayerProps) => JSX.Element;
-
-interface LiveChannelPlayerProps {
-    /** 通道ID */
-    channelId: string;
-    /** 宽度 */
-    width?: number;
-    /** 高度 */
-    height?: number;
-}
-/**
- * 基于通道ID的实时播放器
- * @param props
- * @returns
- */
-declare const LiveChannelPlayer: (props: LiveChannelPlayerProps) => JSX.Element | undefined;
-
-export { BillPlayer, HistoryControl, HistoryPlayer, LiveChannelPlayer, LiveControl, LivePlayer, Player };