@vtx/player 1.9.5 → 1.9.7

package/lib/player/index.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _PlayerManager = _interopRequireDefault(require("../bd/PlayerManager"));
 var _config = _interopRequireDefault(require("../config"));
 var _PlayerManager2 = _interopRequireDefault(require("../h264/PlayerManager"));
@@ -18,10 +17,15 @@ 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(obj) { return obj && obj.__esModule ? obj : { "default": 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, 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 _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) {
@@ -168,12 +172,13 @@ var Player = /*#__PURE__*/function () {
       var $container = document.getElementById(container.id);
       this.player = new window.Jessibuca({
         container: $container,
-        videoBuffer: 0.2,
+        videoBuffer: 3,
+        timeout: 10,
         isResize: false,
         isFlv: true,
         decoder: "".concat(_config["default"].visPlugin, "/jessibuca/decoder.js"),
         useMSE: true,
-        debug: false,
+        debug: true,
         hasAudio: false,
         useWCS: false,
         autoWasm: true,
@@ -275,7 +280,7 @@ var Player = /*#__PURE__*/function () {
     }
   }
   /** 播放 */
-  _createClass(Player, [{
+  return _createClass(Player, [{
     key: "play",
     value: function play() {
       if (this.type === 'flv') {
@@ -336,7 +341,40 @@ var Player = /*#__PURE__*/function () {
         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();
+        });
+        // 当播放过程中，如果超过timeout之后没有数据渲染，则抛出异常。
+        _player6.on('delayTimeout', function () {
+          console.log('当delayTimeout');
+          _reload && _reload();
+        });
         _player6.on('error', function (error) {
+          console.log('自定义error：', error);
+          if (error === 'streamEnd') {
+            _reload && _reload();
+          }
           if (error === 'websocketError') {
             onClose && onClose();
           }
@@ -402,8 +440,8 @@ var Player = /*#__PURE__*/function () {
         this.video.remove();
       }
       if (this.type === 'hls') {
-        var _player10 = this.player;
-        _player10 && _player10.destroy();
+        var _player0 = this.player;
+        _player0 && _player0.destroy();
         this.player = null;
         this.video.remove();
       }
@@ -416,57 +454,57 @@ var Player = /*#__PURE__*/function () {
         }
       }
       if (this.type === 'hk_ws') {
-        var _player11 = this.player;
-        _player11 && _player11.JS_Stop(0).then(function () {
+        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 _player12 = this.player;
-        _player12.JS_DestroyWorker();
-        var _dd10 = document.getElementById(this.containerId);
-        (_dd10 === null || _dd10 === void 0 ? void 0 : _dd10.childNodes) && _dd10.childNodes[0] && _dd10.removeChild(_dd10.childNodes[0]);
+        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 _player13 = this.player;
-        _player13.close();
+        var _player11 = this.player;
+        _player11.close();
       }
       if (this.type === 'webrtc') {
-        var _player14 = this.player;
-        _player14.close();
+        var _player12 = this.player;
+        _player12.close();
       }
       if (this.type === 'wfs') {
-        var _player15 = this.player;
-        _player15.close();
+        var _player13 = this.player;
+        _player13.close();
       }
       if (this.type === 'h264') {
-        var _player16 = this.player;
-        _player16.close();
+        var _player14 = this.player;
+        _player14.close();
       }
       if (this.type === 'bd') {
-        var _player17 = this.player;
-        _player17.close(0);
+        var _player15 = this.player;
+        _player15.close(0);
       }
       if (this.type === 'mp4') {
         this.video = null;
-        var _dd11 = document.getElementById(this.containerId);
-        ((_a = _dd11 === null || _dd11 === void 0 ? void 0 : _dd11.children) === null || _a === void 0 ? void 0 : _a.length) > 0 && _dd11.removeChild(_dd11.firstChild);
+        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 _player18 = this.player;
-        _player18.destroy();
+        var _player16 = this.player;
+        _player16.destroy();
       }
       if (this.type === 'iframe') {
-        var _dd12 = document.getElementById(this.containerId);
-        ((_b = _dd12 === null || _dd12 === void 0 ? void 0 : _dd12.children) === null || _b === void 0 ? void 0 : _b.length) > 0 && _dd12.removeChild(_dd12.firstChild);
+        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 _player19 = this.player;
-        _player19.destroy();
-        var _dd13 = document.getElementById(this.containerId);
-        ((_c = _dd13 === null || _dd13 === void 0 ? void 0 : _dd13.children) === null || _c === void 0 ? void 0 : _c.length) > 0 && _dd13.removeChild(_dd13.firstChild);
+        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);
       }
     }
     /** 截图 */
@@ -494,9 +532,9 @@ var Player = /*#__PURE__*/function () {
           });
         }
       } else if (this.type === 'vtx_ws') {
-        var _player20 = this.player;
-        if (_player20) {
-          var fileBlob = _player20.screenshot(captureName, 'blob');
+        var _player18 = this.player;
+        if (_player18) {
+          var fileBlob = _player18.screenshot(captureName, 'blob');
           callback && callback(URL.createObjectURL(fileBlob));
         }
       } else {
@@ -513,8 +551,8 @@ var Player = /*#__PURE__*/function () {
           player.JS_Resize();
         }, 500);
       } else if (this.type === 'icc_ws') {
-        var _player21 = this.player;
-        _player21.setPlayerAdapter('selfAdaption');
+        var _player19 = this.player;
+        _player19.setPlayerAdapter('selfAdaption');
       }
     }
     /**
@@ -532,25 +570,25 @@ var Player = /*#__PURE__*/function () {
         this.video.volume = value / 100;
       }
       if (this.type === 'hk_ws' || this.type === 'hkcar_ws') {
-        var _player22 = this.player;
+        var _player20 = this.player;
         if (value < 1) {
-          _player22.JS_CloseSound(this.windowIndex);
+          _player20.JS_CloseSound(this.windowIndex);
         } else {
-          _player22.JS_OpenSound(this.windowIndex).then(function () {
+          _player20.JS_OpenSound(this.windowIndex).then(function () {
             console.info('JS_OpenSound success');
           }, function (err) {
             console.log(err);
           });
-          _player22.JS_SetVolume(this.windowIndex, value);
+          _player20.JS_SetVolume(this.windowIndex, value);
         }
         // if (player.iCurrentSoundWnd !== this.windowIndex) {
         //     player.JS_OpenSound(this.windowIndex);
         // }
       }
       if (this.type === 'bd') {
-        var _player23 = this.player.dp;
-        if (!_player23.ttxplayer.enableAudio) _player23.ttxplayer.openAudio();
-        _player23.ttxplayer.setVolume(value);
+        var _player21 = this.player.dp;
+        if (!_player21.ttxplayer.enableAudio) _player21.ttxplayer.openAudio();
+        _player21.ttxplayer.setVolume(value);
       }
     }
     /**
@@ -612,8 +650,8 @@ var Player = /*#__PURE__*/function () {
         }
         this.preSpeed = speed;
       } else if (this.type === 'icc_ws') {
-        var _player24 = this.player;
-        _player24.playSpeed(speed);
+        var _player22 = this.player;
+        _player22.playSpeed(speed);
       } else if (this.type === 'bd') {
         // todo
       } else {
@@ -649,49 +687,44 @@ var Player = /*#__PURE__*/function () {
     key: "seekTo",
     value: function seekTo(time) {
       var _a, _b;
-      return __awaiter(this, void 0, void 0, /*#__PURE__*/_regenerator["default"].mark(function _callee() {
-        var player, seekTime, _player25, _seekTime, _player26, url;
-        return _regenerator["default"].wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                if (!(this.type === 'hk_ws' || this.type === 'hkcar_ws')) {
-                  _context.next = 8;
-                  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.next = 6;
-                return player.JS_Seek(1, (0, _utils.getHKTimeString)(seekTime), (0, _utils.getHKTimeString)(this.endTime));
-              case 6:
-                _context.next = 9;
+      return __awaiter(this, void 0, void 0, /*#__PURE__*/_regenerator().m(function _callee() {
+        var player, seekTime, _player23, _seekTime, _player24, 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;
-              case 8:
-                if (this.type === 'icc_ws') {
-                  _player25 = this.player;
-                  _seekTime = (_b = (0, _moment["default"])(this.startTime)) === null || _b === void 0 ? void 0 : _b.add(time, 'seconds').format('HH:mm:ss');
-                  _player25.jumpPlayByTime(_seekTime);
-                } else if (this.type === 'bd') {
-                  _player26 = this.player;
-                  _player26.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 {
-                  this.video.currentTime = time;
-                }
-              case 9:
-                return _context.abrupt("return", Promise.resolve());
-              case 10:
-              case "end":
-                return _context.stop();
-            }
+              }
+              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') {
+                _player23 = this.player;
+                _seekTime = (_b = (0, _moment["default"])(this.startTime)) === null || _b === void 0 ? void 0 : _b.add(time, 'seconds').format('HH:mm:ss');
+                _player23.jumpPlayByTime(_seekTime);
+              } else if (this.type === 'bd') {
+                _player24 = this.player;
+                _player24.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 {
+                this.video.currentTime = time;
+              }
+            case 3:
+              return _context.a(2, Promise.resolve());
           }
         }, _callee, this);
       }));
@@ -709,12 +742,12 @@ var Player = /*#__PURE__*/function () {
           return callback && callback();
         });
       } else if (this.type === 'bd') {
-        var _player27 = this.player;
-        _player27.pause();
+        var _player25 = this.player;
+        _player25.pause();
         callback && callback();
       } else if (this.type === 'vtx_ws') {
-        var _player28 = this.player;
-        _player28.pause();
+        var _player26 = this.player;
+        _player26.pause();
       } else {
         this.video.pause();
         callback && callback();
@@ -733,8 +766,8 @@ var Player = /*#__PURE__*/function () {
           return callback && callback();
         });
       } else if (this.type === 'bd') {
-        var _player29 = this.player;
-        _player29.resume();
+        var _player27 = this.player;
+        _player27.resume();
         callback && callback();
       } else {
         this.video.play();
@@ -779,7 +812,6 @@ var Player = /*#__PURE__*/function () {
       return Promise.reject();
     }
   }]);
-  return Player;
 }();
 /**
  * 截图
@@ -809,6 +841,5 @@ var Capture = function Capture(video, name, callback) {
     });
   }
 };
-var _default = Player;
-exports["default"] = _default;
+var _default = exports["default"] = Player;
 //# sourceMappingURL=index.js.map