@vtx/player 1.9.10 → 1.10.2

package/lib/player/indexOld.js

@@ -0,0 +1,871 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _PlayerManager = _interopRequireDefault(require("../bd/PlayerManager"));
+var _config = _interopRequireDefault(require("../config"));
+var _PlayerManager2 = _interopRequireDefault(require("../h264/PlayerManager"));
+var _PlayerManager3 = _interopRequireDefault(require("../icc/PlayerManager"));
+var _PlayerManager4 = _interopRequireDefault(require("../mpegts/PlayerManager"));
+var _PlayerManager5 = _interopRequireDefault(require("../rsl/PlayerManager"));
+var _utils = require("../utils");
+var _PlayerManager6 = _interopRequireDefault(require("../vtxHls/PlayerManager"));
+var _WhepManager = _interopRequireDefault(require("../vtxHls/WhepManager"));
+var _PlayerManager7 = _interopRequireDefault(require("../webrtc/PlayerManager"));
+var _PlayerManager8 = _interopRequireDefault(require("../wfs/PlayerManager"));
+var _hls = _interopRequireDefault(require("hls.js"));
+var _moment = _interopRequireDefault(require("moment"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { if (r) i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n;else { var o = function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); }; o("next", 0), o("throw", 1), o("return", 2); } }, _regeneratorDefine2(e, r, n, t); }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var __awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P, generator) {
+  function adopt(value) {
+    return value instanceof P ? value : new P(function (resolve) {
+      resolve(value);
+    });
+  }
+  return new (P || (P = Promise))(function (resolve, reject) {
+    function fulfilled(value) {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+    function rejected(value) {
+      try {
+        step(generator["throw"](value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+    function step(result) {
+      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+    }
+    step((generator = generator.apply(thisArg, _arguments || [])).next());
+  });
+};
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/**
+ * 视频播放核心类
+ */
+var Player = /*#__PURE__*/function () {
+  function Player(params) {
+    _classCallCheck(this, Player);
+    var _a, _b, _c, _d, _e, _f;
+    this.player = null;
+    /** 之前的视频播放速度，用于处理海康音量控制 */
+    this.preSpeed = 1;
+    this.containerId = '';
+    // 海康窗口下标
+    this.windowIndex = 0;
+    /** 视频播放流是否走代理 - 是强制走代理，否通过判断 http协议，走代理配置 */
+    var url = params.url,
+      originalUrl = params.originalUrl,
+      channelNum = params.channelNum,
+      deviceCode = params.deviceCode,
+      _params$enableAgent = params.enableAgent,
+      enableAgent = _params$enableAgent === void 0 ? false : _params$enableAgent,
+      container = params.container,
+      _params$live = params.live,
+      live = _params$live === void 0 ? true : _params$live,
+      type = params.type,
+      startTime = params.startTime,
+      endTime = params.endTime,
+      streamType = params.streamType,
+      deviceIp = params.deviceIp,
+      devicePort = params.devicePort,
+      reload = params.reload,
+      onClose = params.onClose;
+    this.reload = reload;
+    this.onClose = onClose;
+    this.containerId = container.id;
+    var playerParams = (0, _utils.getPlayerParams)(type, url, enableAgent, live);
+    this.type = type || playerParams.type; // 如果不传递type，则通过url解析type值,1.1.2之后默认都传type
+    this.url = playerParams.url;
+    this.originalUrl = originalUrl;
+    this.channelNum = channelNum;
+    this.deviceCode = deviceCode || '';
+    this.streamType = streamType || '0'; // 默认主码流
+    this.enableAgent = enableAgent;
+    this.startTime = startTime;
+    this.endTime = endTime;
+    var video = document.createElement('video'); // 生成video元素
+    video.className = 'vtx-player-video';
+    video.muted = true; //设置静音
+    this.video = video;
+    if (this.type === 'flv' && video) {
+      container.appendChild(video);
+      this.player = new _PlayerManager4["default"]({
+        el: this.video,
+        url: this.url.replace('SZGJ_HTTPS', "".concat(window.location.host)),
+        type: 'flv'
+      });
+    }
+    // 处理hls格式视频
+    if (this.type === 'hls' && _hls["default"].isSupported() && video) {
+      container.appendChild(video);
+      this.player = new _hls["default"]();
+      this.player.loadSource(this.url);
+      this.player.attachMedia(this.video);
+    }
+    if (this.type === 'vtxhls' && _hls["default"].isSupported() && video) {
+      var dd = document.getElementById(container.id);
+      while (dd === null || dd === void 0 ? void 0 : dd.hasChildNodes()) {
+        dd.removeChild(dd.firstChild);
+      }
+      container.appendChild(video);
+      this.player = new _PlayerManager6["default"]({
+        url: this.url,
+        video: video
+      });
+    }
+    if (this.type === 'vtxwhep' && video) {
+      var _dd = document.getElementById(container.id);
+      while (_dd === null || _dd === void 0 ? void 0 : _dd.hasChildNodes()) {
+        _dd.removeChild(_dd.firstChild);
+      }
+      this.video.autoplay = true;
+      container.appendChild(this.video);
+      this.player = new _WhepManager["default"]({
+        url: this.url,
+        video: this.video
+      });
+    }
+    // 处理海康视频
+    if (this.type === 'hk_ws') {
+      this.player = new window.JSPlugin({
+        szId: container.id,
+        szBasePath: "".concat(_config["default"].visPlugin, "/"),
+        iMaxSplit: 1,
+        iCurrentSplit: 1
+      });
+      var wrapDiv = document.getElementById(container.id);
+      this.video = wrapDiv.getElementsByTagName('video')[0];
+      this.video.preload = 'auto';
+    }
+    // 处理海康视频
+    if (this.type === 'hkcar_ws' && (url.startsWith('ws://') || url.startsWith('wss://'))) {
+      var _wrapDiv = document.getElementById(container.id);
+      this.player = new window.JSPluginHkCar({
+        szId: container.id,
+        iWidth: _wrapDiv.clientWidth,
+        iHeight: _wrapDiv.clientHeight,
+        iMaxSplit: 1,
+        iCurrentSplit: 1,
+        szBasePath: "".concat(_config["default"].visPlugin, "/hkcar/"),
+        oStyle: {
+          border: 'transparent',
+          borderSelect: 'transparent',
+          background: '#2b3d51'
+        }
+      });
+    }
+    // 处理ws视频
+    if (this.type === 'vtx_ws') {
+      var $container = document.getElementById(container.id);
+      this.player = new window.Jessibuca({
+        container: $container,
+        videoBuffer: 3,
+        timeout: 10,
+        isResize: false,
+        isFlv: true,
+        decoder: "".concat(_config["default"].visPlugin, "/jessibuca/decoder.js"),
+        useMSE: true,
+        debug: false,
+        hasAudio: false,
+        useWCS: false,
+        autoWasm: true,
+        isNotMute: true //是否开启声音
+      });
+    }
+    if (this.type === 'icc_ws') {
+      var _dd2 = document.getElementById(container.id);
+      while (_dd2 === null || _dd2 === void 0 ? void 0 : _dd2.hasChildNodes()) {
+        _dd2.removeChild(_dd2.firstChild);
+      }
+      this.player = new _PlayerManager3["default"]({
+        ip: window.location.protocol === 'http:' ? deviceIp : "".concat(deviceIp || '', ":").concat(devicePort || ''),
+        el: container.id,
+        type: live ? 'real' : 'record',
+        maxNum: 1,
+        num: 1
+      });
+    }
+    if (this.type === 'webrtc') {
+      var _dd3 = document.getElementById(container.id);
+      ((_a = _dd3 === null || _dd3 === void 0 ? void 0 : _dd3.children) === null || _a === void 0 ? void 0 : _a.length) > 0 && _dd3.removeChild(_dd3.firstChild);
+      video.autoplay = true;
+      var id = "".concat(container.id, "_").concat(Date.now());
+      video.id = id;
+      container.appendChild(video);
+      this.player = new _PlayerManager7["default"]({
+        el: id,
+        url: this.url,
+        type: live
+      });
+    }
+    if (this.type === 'wfs') {
+      var _dd4 = document.getElementById(container.id);
+      ((_b = _dd4 === null || _dd4 === void 0 ? void 0 : _dd4.children) === null || _b === void 0 ? void 0 : _b.length) > 0 && _dd4.removeChild(_dd4.firstChild);
+      video.autoplay = true;
+      var _id = "".concat(container.id, "_").concat(Date.now());
+      video.id = _id;
+      container.appendChild(video);
+      this.player = new _PlayerManager8["default"]({
+        el: _id,
+        url: this.url,
+        type: live ? 'live' : 'record'
+      });
+    }
+    if (this.type === 'h264') {
+      var _dd5 = document.getElementById(container.id);
+      ((_c = _dd5 === null || _dd5 === void 0 ? void 0 : _dd5.children) === null || _c === void 0 ? void 0 : _c.length) > 0 && _dd5.removeChild(_dd5.firstChild);
+      video.autoplay = true;
+      var _id2 = 'playerh264';
+      video.id = _id2;
+      container.appendChild(video);
+      this.player = new _PlayerManager2["default"]({
+        id: _id2,
+        url: this.url
+      });
+    }
+    if (this.type === 'bd') {
+      this.player = new _PlayerManager["default"]({
+        el: container.id,
+        type: live,
+        url: this.url
+      });
+    }
+    if (this.type === 'mp4') {
+      var _dd6 = document.getElementById(container.id);
+      ((_d = _dd6 === null || _dd6 === void 0 ? void 0 : _dd6.children) === null || _d === void 0 ? void 0 : _d.length) > 0 && _dd6.removeChild(_dd6.firstChild);
+      this.video.src = this.url;
+      this.video.autoplay = true;
+      var _id3 = 'mp4';
+      this.video.id = _id3;
+      container.appendChild(this.video);
+    }
+    if (this.type === 'iframe') {
+      var _dd7 = document.getElementById(container.id);
+      ((_e = _dd7 === null || _dd7 === void 0 ? void 0 : _dd7.children) === null || _e === void 0 ? void 0 : _e.length) > 0 && _dd7.removeChild(_dd7.firstChild);
+      var iframe = document.createElement('iframe');
+      iframe.width = '100%';
+      iframe.height = '100%';
+      iframe.frameBorder = '0';
+      iframe.src = this.url;
+      container.appendChild(iframe);
+    }
+    if (this.type === 'rsl') {
+      var _dd8 = document.getElementById(container.id);
+      ((_f = _dd8 === null || _dd8 === void 0 ? void 0 : _dd8.children) === null || _f === void 0 ? void 0 : _f.length) > 0 && _dd8.removeChild(_dd8.firstChild);
+      var canvas = document.createElement('canvas');
+      canvas.id = 'myCanvas';
+      canvas.style.width = '100%';
+      canvas.style.height = '100%';
+      container.appendChild(canvas);
+      this.player = new _PlayerManager5["default"]({
+        url: this.url,
+        canvasId: 'myCanvas',
+        callback: function callback(code, message) {
+          console.log(code, message);
+        }
+      });
+    }
+  }
+  /** 播放 */
+  return _createClass(Player, [{
+    key: "play",
+    value: function play() {
+      if (this.type === 'flv') {
+        var player = this.player;
+        player.play();
+      }
+      if (this.type === 'hls') {
+        return this.video.play();
+      }
+      if (this.type === 'hk_ws' || this.type === 'hkcar_ws') {
+        var _player = this.player;
+        var result = _player.JS_Play(this.url, {
+          playURL: this.url,
+          mode: 1
+        }, 0);
+        this.windowIndex = 0;
+        var reload = this.reload;
+        _player.JS_SetWindowControlCallback({
+          pluginErrorHandler: function pluginErrorHandler(index, iErrorCode) {
+            //插件错误回调
+            // 流中断
+            if (iErrorCode === '0x12f910011' || iErrorCode === '0x12f910027') {
+              reload && reload();
+            }
+          }
+        });
+        return result;
+      }
+      if (this.type === 'icc_ws') {
+        var _player2 = this.player;
+        _player2.playRealVideo({
+          channelList: [{
+            id: this.deviceCode + '$1$0$' + this.channelNum,
+            isOnline: true
+          }],
+          streamType: Number(this.streamType) + 1
+        });
+      }
+      if (this.type === 'webrtc') {
+        var _player3 = this.player;
+        _player3.play();
+      }
+      if (this.type === 'wfs') {
+        var _player4 = this.player;
+        _player4.play();
+      }
+      if (this.type === 'bd') {
+        var _player5 = this.player;
+        _player5.playRealVideo();
+      }
+      if (this.type === 'mp4') {
+        //
+      }
+      if (this.type === 'vtx_ws') {
+        var _player6 = this.player;
+        _player6.play(this.url);
+        var onClose = this.onClose;
+        var _reload = this.reload;
+        var index = 0;
+        _player6.on('stats', function (s) {
+          if ((s === null || s === void 0 ? void 0 : s.buf) < 0 && s.fps < 10 || !s.vbps) {
+            index++;
+          } else {
+            index = 0;
+          }
+          // 超过5秒无数据，则认为播放失败,则重连
+          if (index > 4) {
+            index = 0;
+            console.log(s, 'stats > 4');
+            _reload && _reload();
+          }
+        });
+        _player6.on('timeout', function (err) {
+          console.log(err, 'timeout');
+          _reload && _reload();
+        });
+        // 当play()的时候，如果没有数据返回，则回调
+        _player6.on('loadingTimeout', function () {
+          console.log('当play的时候，没有数据返回，reload');
+          _reload && _reload();
+        });
+        // 当播放过程中，如果超过timeout之后没有数据渲染，则抛出异常。
+        _player6.on('delayTimeout', function () {
+          console.log('超过timeout之后没有数据渲染，reload');
+          _reload && _reload();
+        });
+        _player6.on('error', function (error) {
+          console.log('自定义error：', error);
+          if (error === 'streamEnd') {
+            _reload && _reload();
+          }
+          if (error === 'websocketError') {
+            onClose && onClose();
+          }
+        });
+      }
+      if (this.type === 'rsl') {
+        var _player7 = this.player;
+        _player7.play();
+      }
+      return Promise.resolve();
+    }
+    /** 回放 */
+  }, {
+    key: "playBack",
+    value: function playBack() {
+      var _this = this;
+      if (this.type === 'hk_ws' || this.type === 'hkcar_ws') {
+        var player = this.player;
+        var result = player.JS_Play(this.url, {
+          playURL: this.url,
+          mode: 1
+        }, 0, (0, _utils.getHKTimeString)(this.startTime), (0, _utils.getHKTimeString)(this.endTime));
+        this.seekTime = (0, _moment["default"])(this.startTime);
+        this.windowIndex = 0;
+        var reload = this.reload;
+        player.JS_SetWindowControlCallback({
+          pluginErrorHandler: function pluginErrorHandler(index, iErrorCode) {
+            //插件错误回调
+            // 流中断
+            if (iErrorCode === '0x12f910011' || iErrorCode === '0x12f910027') {
+              reload && reload();
+            }
+          }
+        });
+        return result;
+      } else if (this.type === 'icc_ws') {
+        var _player8 = this.player;
+        return new Promise(function (resolve) {
+          _player8.playRecordVideo({
+            channelList: [{
+              id: _this.deviceCode + '$1$0$' + _this.channelNum
+            }],
+            startTime: (0, _moment["default"])(_this.startTime, 'YYYY-MM-DD HH:mm:ss').format('X'),
+            endTime: (0, _moment["default"])(_this.endTime, 'YYYY-MM-DD HH:mm:ss').format('X'),
+            recordSource: '2',
+            streamType: _this.streamType
+          });
+          resolve(true);
+        });
+      } else if (this.type === 'bd') {
+        var _player9 = this.player;
+        return new Promise(function (resolve) {
+          var res = _player9.playRecordVideo();
+          resolve(res);
+        });
+      } else {
+        return this.play();
+      }
+    }
+    /** 销毁 */
+  }, {
+    key: "destroy",
+    value: function destroy() {
+      var _this2 = this;
+      var _a, _b, _c;
+      if (!this.player) return;
+      if (this.type === 'flv') {
+        var player = this.player;
+        player.destroy();
+        this.player = null;
+        this.video.remove();
+      }
+      if (this.type === 'hls') {
+        var _player0 = this.player;
+        _player0 && _player0.destroy();
+        this.player = null;
+        this.video.remove();
+      }
+      if (this.type === 'vtxhls' || this.type === 'vtxwhep') {
+        this.video.remove();
+        this.player = null;
+        var dd = document.getElementById(this.containerId);
+        while (dd === null || dd === void 0 ? void 0 : dd.hasChildNodes()) {
+          dd.removeChild(dd.firstChild);
+        }
+      }
+      if (this.type === 'hk_ws') {
+        var _player1 = this.player;
+        _player1 && _player1.JS_Stop(0).then(function () {
+          _this2.player = null;
+        });
+        var _dd9 = document.getElementById(this.containerId);
+        _dd9 && _dd9.childNodes && _dd9.childNodes[0] && _dd9.removeChild(_dd9.childNodes[0]);
+      }
+      if (this.type === 'hkcar_ws') {
+        var _player10 = this.player;
+        _player10.JS_DestroyWorker();
+        var _dd0 = document.getElementById(this.containerId);
+        (_dd0 === null || _dd0 === void 0 ? void 0 : _dd0.childNodes) && _dd0.childNodes[0] && _dd0.removeChild(_dd0.childNodes[0]);
+      }
+      if (this.type === 'icc_ws') {
+        var _player11 = this.player;
+        _player11.close();
+      }
+      if (this.type === 'webrtc') {
+        var _player12 = this.player;
+        _player12.close();
+      }
+      if (this.type === 'wfs') {
+        var _player13 = this.player;
+        _player13.close();
+      }
+      if (this.type === 'h264') {
+        var _player14 = this.player;
+        _player14.close();
+      }
+      if (this.type === 'bd') {
+        var _player15 = this.player;
+        _player15.close(0);
+      }
+      if (this.type === 'mp4') {
+        this.video = null;
+        var _dd1 = document.getElementById(this.containerId);
+        ((_a = _dd1 === null || _dd1 === void 0 ? void 0 : _dd1.children) === null || _a === void 0 ? void 0 : _a.length) > 0 && _dd1.removeChild(_dd1.firstChild);
+      }
+      if (this.type === 'vtx_ws') {
+        var _player16 = this.player;
+        _player16.destroy();
+      }
+      if (this.type === 'iframe') {
+        var _dd10 = document.getElementById(this.containerId);
+        ((_b = _dd10 === null || _dd10 === void 0 ? void 0 : _dd10.children) === null || _b === void 0 ? void 0 : _b.length) > 0 && _dd10.removeChild(_dd10.firstChild);
+      }
+      if (this.type === 'rsl') {
+        var _player17 = this.player;
+        _player17.destroy();
+        var _dd11 = document.getElementById(this.containerId);
+        ((_c = _dd11 === null || _dd11 === void 0 ? void 0 : _dd11.children) === null || _c === void 0 ? void 0 : _c.length) > 0 && _dd11.removeChild(_dd11.firstChild);
+      }
+    }
+    /** 截图 */
+  }, {
+    key: "capture",
+    value: function capture() {
+      var captureName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '视频截图';
+      var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+      var time = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+      var name = captureName;
+      if (time) name += "-".concat((0, _moment["default"])().format('YYYYMMDDHHmmss'));
+      if (this.type === 'hk_ws' || this.type === 'hkcar_ws') {
+        var player = this.player;
+        if (player) player.JS_CapturePicture(1, name, 'JPEG', function (res) {
+          callback && callback(res);
+        });
+      } else if (this.type === 'bd') {
+        var DPlayer = this.player.dp;
+        var canvas = DPlayer.container.querySelector('canvas');
+        if (canvas) {
+          canvas.toBlob(function (blob) {
+            if (blob) {
+              callback === null || callback === void 0 ? void 0 : callback(URL.createObjectURL(blob));
+            }
+          });
+        }
+      } else if (this.type === 'vtx_ws') {
+        var _player18 = this.player;
+        if (_player18) {
+          var fileBlob = _player18.screenshot(captureName, 'blob');
+          callback && callback(URL.createObjectURL(fileBlob));
+        }
+      } else {
+        Capture(this.video, name, callback);
+      }
+    }
+    /** 尺寸重置 */
+  }, {
+    key: "resize",
+    value: function resize() {
+      if (this.type === 'hk_ws' || this.type === 'hkcar_ws') {
+        var player = this.player;
+        setTimeout(function () {
+          player.JS_Resize();
+        }, 500);
+      } else if (this.type === 'icc_ws') {
+        var _player19 = this.player;
+        _player19.setPlayerAdapter('selfAdaption');
+      }
+    }
+    /**
+     * 设置音量
+     * @param value
+     */
+  }, {
+    key: "setVolume",
+    value: function setVolume(value) {
+      if (this.type === 'flv') {
+        var player = this.player;
+        player.setVolume(value / 100);
+      }
+      if (this.type === 'hls') {
+        this.video.volume = value / 100;
+      }
+      if (this.type === 'hk_ws' || this.type === 'hkcar_ws') {
+        var _player20 = this.player;
+        if (value < 1) {
+          _player20.JS_CloseSound(this.windowIndex);
+        } else {
+          _player20.JS_OpenSound(this.windowIndex).then(function () {
+            console.info('JS_OpenSound success');
+          }, function (err) {
+            console.log(err);
+          });
+          _player20.JS_SetVolume(this.windowIndex, value);
+        }
+        // if (player.iCurrentSoundWnd !== this.windowIndex) {
+        //     player.JS_OpenSound(this.windowIndex);
+        // }
+      }
+      if (this.type === 'bd') {
+        var _player21 = this.player.dp;
+        if (!_player21.ttxplayer.enableAudio) _player21.ttxplayer.openAudio();
+        _player21.ttxplayer.setVolume(value);
+      }
+    }
+    /**
+     * 设置播放速度
+     * @param speed
+     */
+  }, {
+    key: "setSpeed",
+    value: function setSpeed(speed) {
+      if (this.type === 'hk_ws' || this.type === 'hkcar_ws') {
+        var player = this.player;
+        if (this.preSpeed / speed === 2) {
+          player.JS_Slow(1);
+        }
+        if (this.preSpeed / speed === 4) {
+          player.JS_Slow(1).then(function () {
+            return player.JS_Slow(1);
+          });
+        }
+        if (this.preSpeed / speed === 8) {
+          player.JS_Slow(1).then(function () {
+            return player.JS_Slow(1);
+          }).then(function () {
+            return player.JS_Slow(1);
+          });
+        }
+        if (this.preSpeed / speed === 16) {
+          player.JS_Slow(1).then(function () {
+            return player.JS_Slow(1);
+          }).then(function () {
+            return player.JS_Slow(1);
+          }).then(function () {
+            return player.JS_Slow(1);
+          });
+        }
+        if (speed / this.preSpeed === 2) {
+          player.JS_Fast(1);
+        }
+        if (speed / this.preSpeed === 4) {
+          player.JS_Fast(1).then(function () {
+            return player.JS_Fast(1);
+          });
+        }
+        if (speed / this.preSpeed === 8) {
+          player.JS_Fast(1).then(function () {
+            return player.JS_Fast(1);
+          }).then(function () {
+            return player.JS_Fast(1);
+          });
+        }
+        if (speed / this.preSpeed === 16) {
+          player.JS_Fast(1).then(function () {
+            return player.JS_Fast(1);
+          }).then(function () {
+            return player.JS_Fast(1);
+          }).then(function () {
+            return player.JS_Fast(1);
+          });
+        }
+        this.preSpeed = speed;
+      } else if (this.type === 'icc_ws') {
+        var _player22 = this.player;
+        _player22.playSpeed(speed);
+      } else if (this.type === 'bd') {
+        // todo
+      } else {
+        this.video.playbackRate = speed;
+      }
+    }
+    /**
+     * 时间更新事件
+     * @param callback 回调函数
+     */
+  }, {
+    key: "onTimeUpdate",
+    value: function onTimeUpdate(callback) {
+      var _this3 = this;
+      var _a;
+      if (this.type === 'vtx_ws') {
+        var player = this.player;
+        player.on('stats', function (s) {
+          // ts 单位是毫秒,当前时间戳
+          callback((s.ts || 0) / 1000, 1);
+        });
+      } else {
+        this.video.addEventListener('timeupdate', function () {
+          var currentTime = _this3.video.currentTime;
+          if ((_this3.type === 'hk_ws' || _this3.type === 'hkcar_ws') && _this3.seekTime) {
+            currentTime = currentTime + _this3.seekTime.diff(_this3.startTime, 'seconds');
+          }
+          callback(currentTime, _this3.type === 'hk_ws' || _this3.type === 'hkcar_ws' ? _this3.preSpeed : _this3.video.playbackRate);
+        });
+        // 增加hw_ws 流播放结束回调
+        var _player23 = this.player;
+        (_a = _player23 === null || _player23 === void 0 ? void 0 : _player23.JS_SetWindowControlCallback) === null || _a === void 0 ? void 0 : _a.call(_player23, {
+          StreamEnd: function StreamEnd() {
+            callback((0, _moment["default"])(_this3.endTime).diff(_this3.startTime, 'seconds'), _this3.preSpeed);
+          }
+        });
+      }
+    }
+    /** 跳转到 */
+  }, {
+    key: "seekTo",
+    value: function seekTo(time) {
+      var _a, _b;
+      return __awaiter(this, void 0, void 0, /*#__PURE__*/_regenerator().m(function _callee() {
+        var player, seekTime, _player24, _seekTime, _player25, url;
+        return _regenerator().w(function (_context) {
+          while (1) switch (_context.n) {
+            case 0:
+              if (!(this.type === 'hk_ws' || this.type === 'hkcar_ws')) {
+                _context.n = 2;
+                break;
+              }
+              player = this.player;
+              seekTime = (_a = (0, _moment["default"])(this.startTime)) === null || _a === void 0 ? void 0 : _a.add(time, 'seconds');
+              this.seekTime = seekTime;
+              _context.n = 1;
+              return player.JS_Seek(1, (0, _utils.getHKTimeString)(seekTime), (0, _utils.getHKTimeString)(this.endTime));
+            case 1:
+              _context.n = 3;
+              break;
+            case 2:
+              if (this.type === 'icc_ws') {
+                _player24 = this.player;
+                _seekTime = (_b = (0, _moment["default"])(this.startTime)) === null || _b === void 0 ? void 0 : _b.add(time, 'seconds').format('HH:mm:ss');
+                _player24.jumpPlayByTime(_seekTime);
+              } else if (this.type === 'bd') {
+                _player25 = this.player;
+                _player25.close(0);
+                this.player = null;
+                url = this.url.replace('PLAYBEG=0', "PLAYBEG=".concat(time * 1000)); // .replace('PLAYEND=0', `PLAYEND=2700000`);
+                this.player = new _PlayerManager["default"]({
+                  el: this.containerId,
+                  type: false,
+                  url: url
+                });
+                this.player.playRecordVideo();
+              } else if (this.type === 'vtx_ws') {
+                // vtx_ws
+              } else {
+                this.video.currentTime = time;
+              }
+            case 3:
+              return _context.a(2, Promise.resolve());
+          }
+        }, _callee, this);
+      }));
+    }
+    /**
+     * 暂停播放
+     * @param callback 回调函数
+     */
+  }, {
+    key: "pause",
+    value: function pause(callback) {
+      if (this.type === 'hk_ws' || this.type === 'hkcar_ws') {
+        var player = this.player;
+        player.JS_Pause(0).then(function () {
+          return callback && callback();
+        });
+      } else if (this.type === 'bd') {
+        var _player26 = this.player;
+        _player26.pause();
+      } else if (this.type === 'vtx_ws') {
+        var _player27 = this.player;
+        _player27.pause();
+      } else {
+        this.video.pause();
+      }
+      callback && callback();
+    }
+    /**
+     * 恢复播放
+     * @param callback 回调函数
+     */
+  }, {
+    key: "resume",
+    value: function resume(callback) {
+      var tp = this.type;
+      var player = null;
+      switch (tp) {
+        case 'hkcar_ws':
+        case 'hk_ws':
+          player = this.player;
+          player.JS_Resume(0).then(function () {
+            return callback && callback();
+          });
+          break;
+        case 'bd':
+          player = this.player;
+          player.resume();
+          callback && callback();
+          break;
+        case 'vtx_ws':
+          callback && callback();
+          break;
+        default:
+          this.video.play();
+          callback && callback();
+          break;
+      }
+    }
+    /**
+     * 开始对讲
+     * @param url 对讲地址
+     */
+  }, {
+    key: "startTalk",
+    value: function startTalk(url) {
+      if (this.type === 'hk_ws' || this.type === 'hkcar_ws') {
+        var player = this.player;
+        return player.JS_StartTalk(url).then(function () {
+          console.log('talkStart success');
+          Promise.resolve();
+        }, function (e) {
+          console.error(e);
+        });
+      }
+      return Promise.reject();
+    }
+    /**
+     * 开始对讲
+     * @param state 状态
+     */
+  }, {
+    key: "stopTalk",
+    value: function stopTalk() {
+      if (this.type === 'hk_ws' || this.type === 'hkcar_ws') {
+        var player = this.player;
+        return player.JS_StopTalk().then(function () {
+          console.info('JS_StopTalk success');
+          // do you want...
+        }, function (err) {
+          console.info('JS_StopTalk failed');
+          // do you want...
+        });
+      }
+      return Promise.reject();
+    }
+  }]);
+}();
+/**
+ * 截图
+ * @param video
+ */
+var Capture = function Capture(video, name, callback) {
+  var canvas = document.createElement('canvas');
+  canvas.width = video.videoWidth;
+  canvas.height = video.videoHeight;
+  var context = canvas.getContext('2d');
+  if (context) {
+    context.drawImage(video, 0, 0, canvas.width, canvas.height);
+    var dataURL;
+    canvas.toBlob(function (blob) {
+      if (blob) {
+        dataURL = URL.createObjectURL(blob);
+        // const link = document.createElement('a');
+        callback && callback(dataURL);
+        // link.href = dataURL;
+        // link.download = `${name}.png`;
+        // link.style.display = 'none';
+        // document.body.appendChild(link);
+        // link.click();
+        // document.body.removeChild(link);
+        // URL.revokeObjectURL(dataURL);
+      }
+    });
+  }
+};
+var _default = exports["default"] = Player;
+//# sourceMappingURL=indexOld.js.map