@vtx/player 1.9.6 → 1.9.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/api/fetch.js +25 -26
- package/lib/api/fetch.js.map +1 -1
- package/lib/api/index.js +9 -12
- package/lib/api/index.js.map +1 -1
- package/lib/bill-player/index.js +1 -1
- package/lib/bill-player/index.js.map +1 -1
- package/lib/history-control-v2/components/panel/VideoTable.js +15 -16
- package/lib/history-control-v2/components/panel/VideoTable.js.map +1 -1
- package/lib/history-control-v2/index.js +19 -20
- package/lib/history-control-v2/index.js.map +1 -1
- package/lib/history-player/index.js +20 -21
- package/lib/history-player/index.js.map +1 -1
- package/lib/icons/index.js +26 -26
- package/lib/icons/index.js.map +1 -1
- package/lib/live-channel-player/index.js +13 -14
- package/lib/live-channel-player/index.js.map +1 -1
- package/lib/live-player/index.js +15 -16
- package/lib/live-player/index.js.map +1 -1
- package/lib/player/index.js +94 -69
- package/lib/player/index.js.map +1 -1
- package/package.json +1 -1
package/lib/player/index.js
CHANGED
|
@@ -19,7 +19,8 @@ var _hls = _interopRequireDefault(require("hls.js"));
|
|
|
19
19
|
var _moment = _interopRequireDefault(require("moment"));
|
|
20
20
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
21
21
|
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); }
|
|
22
|
-
function
|
|
22
|
+
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 }; })(); }
|
|
23
|
+
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); }
|
|
23
24
|
function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
|
|
24
25
|
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); } }
|
|
25
26
|
function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
|
|
@@ -99,7 +100,6 @@ var Player = /*#__PURE__*/function () {
|
|
|
99
100
|
video.className = 'vtx-player-video';
|
|
100
101
|
video.muted = true; //设置静音
|
|
101
102
|
this.video = video;
|
|
102
|
-
console.log(this.type, this.url);
|
|
103
103
|
if (this.type === 'flv' && video) {
|
|
104
104
|
container.appendChild(video);
|
|
105
105
|
this.player = new _PlayerManager4["default"]({
|
|
@@ -178,7 +178,7 @@ var Player = /*#__PURE__*/function () {
|
|
|
178
178
|
isFlv: true,
|
|
179
179
|
decoder: "".concat(_config["default"].visPlugin, "/jessibuca/decoder.js"),
|
|
180
180
|
useMSE: true,
|
|
181
|
-
debug:
|
|
181
|
+
debug: true,
|
|
182
182
|
hasAudio: false,
|
|
183
183
|
useWCS: false,
|
|
184
184
|
autoWasm: true,
|
|
@@ -342,11 +342,39 @@ var Player = /*#__PURE__*/function () {
|
|
|
342
342
|
_player6.play(this.url);
|
|
343
343
|
var onClose = this.onClose;
|
|
344
344
|
var _reload = this.reload;
|
|
345
|
+
var index = 0;
|
|
346
|
+
_player6.on('stats', function (s) {
|
|
347
|
+
if ((s === null || s === void 0 ? void 0 : s.buf) < 0 && s.fps < 10 || !s.vbps) {
|
|
348
|
+
index++;
|
|
349
|
+
} else {
|
|
350
|
+
index = 0;
|
|
351
|
+
}
|
|
352
|
+
// 超过5秒无数据,则认为播放失败,则重连
|
|
353
|
+
if (index > 4) {
|
|
354
|
+
index = 0;
|
|
355
|
+
console.log(s, 'stats > 4');
|
|
356
|
+
_reload && _reload();
|
|
357
|
+
}
|
|
358
|
+
});
|
|
345
359
|
_player6.on('timeout', function (err) {
|
|
346
360
|
console.log(err, 'timeout');
|
|
347
361
|
_reload && _reload();
|
|
348
362
|
});
|
|
363
|
+
// 当play()的时候,如果没有数据返回,则回调
|
|
364
|
+
_player6.on('loadingTimeout', function () {
|
|
365
|
+
console.log('当play');
|
|
366
|
+
_reload && _reload();
|
|
367
|
+
});
|
|
368
|
+
// 当播放过程中,如果超过timeout之后没有数据渲染,则抛出异常。
|
|
369
|
+
_player6.on('delayTimeout', function () {
|
|
370
|
+
console.log('当delayTimeout');
|
|
371
|
+
_reload && _reload();
|
|
372
|
+
});
|
|
349
373
|
_player6.on('error', function (error) {
|
|
374
|
+
console.log('自定义error:', error);
|
|
375
|
+
if (error === 'streamEnd') {
|
|
376
|
+
_reload && _reload();
|
|
377
|
+
}
|
|
350
378
|
if (error === 'websocketError') {
|
|
351
379
|
onClose && onClose();
|
|
352
380
|
}
|
|
@@ -412,8 +440,8 @@ var Player = /*#__PURE__*/function () {
|
|
|
412
440
|
this.video.remove();
|
|
413
441
|
}
|
|
414
442
|
if (this.type === 'hls') {
|
|
415
|
-
var
|
|
416
|
-
|
|
443
|
+
var _player0 = this.player;
|
|
444
|
+
_player0 && _player0.destroy();
|
|
417
445
|
this.player = null;
|
|
418
446
|
this.video.remove();
|
|
419
447
|
}
|
|
@@ -426,57 +454,57 @@ var Player = /*#__PURE__*/function () {
|
|
|
426
454
|
}
|
|
427
455
|
}
|
|
428
456
|
if (this.type === 'hk_ws') {
|
|
429
|
-
var
|
|
430
|
-
|
|
457
|
+
var _player1 = this.player;
|
|
458
|
+
_player1 && _player1.JS_Stop(0).then(function () {
|
|
431
459
|
_this2.player = null;
|
|
432
460
|
});
|
|
433
461
|
var _dd9 = document.getElementById(this.containerId);
|
|
434
462
|
_dd9 && _dd9.childNodes && _dd9.childNodes[0] && _dd9.removeChild(_dd9.childNodes[0]);
|
|
435
463
|
}
|
|
436
464
|
if (this.type === 'hkcar_ws') {
|
|
437
|
-
var
|
|
438
|
-
|
|
439
|
-
var
|
|
440
|
-
(
|
|
465
|
+
var _player10 = this.player;
|
|
466
|
+
_player10.JS_DestroyWorker();
|
|
467
|
+
var _dd0 = document.getElementById(this.containerId);
|
|
468
|
+
(_dd0 === null || _dd0 === void 0 ? void 0 : _dd0.childNodes) && _dd0.childNodes[0] && _dd0.removeChild(_dd0.childNodes[0]);
|
|
441
469
|
}
|
|
442
470
|
if (this.type === 'icc_ws') {
|
|
443
|
-
var
|
|
444
|
-
|
|
471
|
+
var _player11 = this.player;
|
|
472
|
+
_player11.close();
|
|
445
473
|
}
|
|
446
474
|
if (this.type === 'webrtc') {
|
|
447
|
-
var
|
|
448
|
-
|
|
475
|
+
var _player12 = this.player;
|
|
476
|
+
_player12.close();
|
|
449
477
|
}
|
|
450
478
|
if (this.type === 'wfs') {
|
|
451
|
-
var
|
|
452
|
-
|
|
479
|
+
var _player13 = this.player;
|
|
480
|
+
_player13.close();
|
|
453
481
|
}
|
|
454
482
|
if (this.type === 'h264') {
|
|
455
|
-
var
|
|
456
|
-
|
|
483
|
+
var _player14 = this.player;
|
|
484
|
+
_player14.close();
|
|
457
485
|
}
|
|
458
486
|
if (this.type === 'bd') {
|
|
459
|
-
var
|
|
460
|
-
|
|
487
|
+
var _player15 = this.player;
|
|
488
|
+
_player15.close(0);
|
|
461
489
|
}
|
|
462
490
|
if (this.type === 'mp4') {
|
|
463
491
|
this.video = null;
|
|
464
|
-
var
|
|
465
|
-
((_a =
|
|
492
|
+
var _dd1 = document.getElementById(this.containerId);
|
|
493
|
+
((_a = _dd1 === null || _dd1 === void 0 ? void 0 : _dd1.children) === null || _a === void 0 ? void 0 : _a.length) > 0 && _dd1.removeChild(_dd1.firstChild);
|
|
466
494
|
}
|
|
467
495
|
if (this.type === 'vtx_ws') {
|
|
468
|
-
var
|
|
469
|
-
|
|
496
|
+
var _player16 = this.player;
|
|
497
|
+
_player16.destroy();
|
|
470
498
|
}
|
|
471
499
|
if (this.type === 'iframe') {
|
|
472
|
-
var
|
|
473
|
-
((_b =
|
|
500
|
+
var _dd10 = document.getElementById(this.containerId);
|
|
501
|
+
((_b = _dd10 === null || _dd10 === void 0 ? void 0 : _dd10.children) === null || _b === void 0 ? void 0 : _b.length) > 0 && _dd10.removeChild(_dd10.firstChild);
|
|
474
502
|
}
|
|
475
503
|
if (this.type === 'rsl') {
|
|
476
|
-
var
|
|
477
|
-
|
|
478
|
-
var
|
|
479
|
-
((_c =
|
|
504
|
+
var _player17 = this.player;
|
|
505
|
+
_player17.destroy();
|
|
506
|
+
var _dd11 = document.getElementById(this.containerId);
|
|
507
|
+
((_c = _dd11 === null || _dd11 === void 0 ? void 0 : _dd11.children) === null || _c === void 0 ? void 0 : _c.length) > 0 && _dd11.removeChild(_dd11.firstChild);
|
|
480
508
|
}
|
|
481
509
|
}
|
|
482
510
|
/** 截图 */
|
|
@@ -504,9 +532,9 @@ var Player = /*#__PURE__*/function () {
|
|
|
504
532
|
});
|
|
505
533
|
}
|
|
506
534
|
} else if (this.type === 'vtx_ws') {
|
|
507
|
-
var
|
|
508
|
-
if (
|
|
509
|
-
var fileBlob =
|
|
535
|
+
var _player18 = this.player;
|
|
536
|
+
if (_player18) {
|
|
537
|
+
var fileBlob = _player18.screenshot(captureName, 'blob');
|
|
510
538
|
callback && callback(URL.createObjectURL(fileBlob));
|
|
511
539
|
}
|
|
512
540
|
} else {
|
|
@@ -523,8 +551,8 @@ var Player = /*#__PURE__*/function () {
|
|
|
523
551
|
player.JS_Resize();
|
|
524
552
|
}, 500);
|
|
525
553
|
} else if (this.type === 'icc_ws') {
|
|
526
|
-
var
|
|
527
|
-
|
|
554
|
+
var _player19 = this.player;
|
|
555
|
+
_player19.setPlayerAdapter('selfAdaption');
|
|
528
556
|
}
|
|
529
557
|
}
|
|
530
558
|
/**
|
|
@@ -542,25 +570,25 @@ var Player = /*#__PURE__*/function () {
|
|
|
542
570
|
this.video.volume = value / 100;
|
|
543
571
|
}
|
|
544
572
|
if (this.type === 'hk_ws' || this.type === 'hkcar_ws') {
|
|
545
|
-
var
|
|
573
|
+
var _player20 = this.player;
|
|
546
574
|
if (value < 1) {
|
|
547
|
-
|
|
575
|
+
_player20.JS_CloseSound(this.windowIndex);
|
|
548
576
|
} else {
|
|
549
|
-
|
|
577
|
+
_player20.JS_OpenSound(this.windowIndex).then(function () {
|
|
550
578
|
console.info('JS_OpenSound success');
|
|
551
579
|
}, function (err) {
|
|
552
580
|
console.log(err);
|
|
553
581
|
});
|
|
554
|
-
|
|
582
|
+
_player20.JS_SetVolume(this.windowIndex, value);
|
|
555
583
|
}
|
|
556
584
|
// if (player.iCurrentSoundWnd !== this.windowIndex) {
|
|
557
585
|
// player.JS_OpenSound(this.windowIndex);
|
|
558
586
|
// }
|
|
559
587
|
}
|
|
560
588
|
if (this.type === 'bd') {
|
|
561
|
-
var
|
|
562
|
-
if (!
|
|
563
|
-
|
|
589
|
+
var _player21 = this.player.dp;
|
|
590
|
+
if (!_player21.ttxplayer.enableAudio) _player21.ttxplayer.openAudio();
|
|
591
|
+
_player21.ttxplayer.setVolume(value);
|
|
564
592
|
}
|
|
565
593
|
}
|
|
566
594
|
/**
|
|
@@ -622,8 +650,8 @@ var Player = /*#__PURE__*/function () {
|
|
|
622
650
|
}
|
|
623
651
|
this.preSpeed = speed;
|
|
624
652
|
} else if (this.type === 'icc_ws') {
|
|
625
|
-
var
|
|
626
|
-
|
|
653
|
+
var _player22 = this.player;
|
|
654
|
+
_player22.playSpeed(speed);
|
|
627
655
|
} else if (this.type === 'bd') {
|
|
628
656
|
// todo
|
|
629
657
|
} else {
|
|
@@ -659,31 +687,31 @@ var Player = /*#__PURE__*/function () {
|
|
|
659
687
|
key: "seekTo",
|
|
660
688
|
value: function seekTo(time) {
|
|
661
689
|
var _a, _b;
|
|
662
|
-
return __awaiter(this, void 0, void 0, /*#__PURE__*/
|
|
663
|
-
var player, seekTime,
|
|
664
|
-
return
|
|
665
|
-
while (1) switch (_context.
|
|
690
|
+
return __awaiter(this, void 0, void 0, /*#__PURE__*/_regenerator().m(function _callee() {
|
|
691
|
+
var player, seekTime, _player23, _seekTime, _player24, url;
|
|
692
|
+
return _regenerator().w(function (_context) {
|
|
693
|
+
while (1) switch (_context.n) {
|
|
666
694
|
case 0:
|
|
667
695
|
if (!(this.type === 'hk_ws' || this.type === 'hkcar_ws')) {
|
|
668
|
-
_context.
|
|
696
|
+
_context.n = 2;
|
|
669
697
|
break;
|
|
670
698
|
}
|
|
671
699
|
player = this.player;
|
|
672
700
|
seekTime = (_a = (0, _moment["default"])(this.startTime)) === null || _a === void 0 ? void 0 : _a.add(time, 'seconds');
|
|
673
701
|
this.seekTime = seekTime;
|
|
674
|
-
_context.
|
|
702
|
+
_context.n = 1;
|
|
675
703
|
return player.JS_Seek(1, (0, _utils.getHKTimeString)(seekTime), (0, _utils.getHKTimeString)(this.endTime));
|
|
676
|
-
case
|
|
677
|
-
_context.
|
|
704
|
+
case 1:
|
|
705
|
+
_context.n = 3;
|
|
678
706
|
break;
|
|
679
|
-
case
|
|
707
|
+
case 2:
|
|
680
708
|
if (this.type === 'icc_ws') {
|
|
681
|
-
|
|
709
|
+
_player23 = this.player;
|
|
682
710
|
_seekTime = (_b = (0, _moment["default"])(this.startTime)) === null || _b === void 0 ? void 0 : _b.add(time, 'seconds').format('HH:mm:ss');
|
|
683
|
-
|
|
711
|
+
_player23.jumpPlayByTime(_seekTime);
|
|
684
712
|
} else if (this.type === 'bd') {
|
|
685
|
-
|
|
686
|
-
|
|
713
|
+
_player24 = this.player;
|
|
714
|
+
_player24.close(0);
|
|
687
715
|
this.player = null;
|
|
688
716
|
url = this.url.replace('PLAYBEG=0', "PLAYBEG=".concat(time * 1000)); // .replace('PLAYEND=0', `PLAYEND=2700000`);
|
|
689
717
|
this.player = new _PlayerManager["default"]({
|
|
@@ -695,11 +723,8 @@ var Player = /*#__PURE__*/function () {
|
|
|
695
723
|
} else {
|
|
696
724
|
this.video.currentTime = time;
|
|
697
725
|
}
|
|
698
|
-
case
|
|
699
|
-
return _context.
|
|
700
|
-
case 10:
|
|
701
|
-
case "end":
|
|
702
|
-
return _context.stop();
|
|
726
|
+
case 3:
|
|
727
|
+
return _context.a(2, Promise.resolve());
|
|
703
728
|
}
|
|
704
729
|
}, _callee, this);
|
|
705
730
|
}));
|
|
@@ -717,12 +742,12 @@ var Player = /*#__PURE__*/function () {
|
|
|
717
742
|
return callback && callback();
|
|
718
743
|
});
|
|
719
744
|
} else if (this.type === 'bd') {
|
|
720
|
-
var
|
|
721
|
-
|
|
745
|
+
var _player25 = this.player;
|
|
746
|
+
_player25.pause();
|
|
722
747
|
callback && callback();
|
|
723
748
|
} else if (this.type === 'vtx_ws') {
|
|
724
|
-
var
|
|
725
|
-
|
|
749
|
+
var _player26 = this.player;
|
|
750
|
+
_player26.pause();
|
|
726
751
|
} else {
|
|
727
752
|
this.video.pause();
|
|
728
753
|
callback && callback();
|
|
@@ -741,8 +766,8 @@ var Player = /*#__PURE__*/function () {
|
|
|
741
766
|
return callback && callback();
|
|
742
767
|
});
|
|
743
768
|
} else if (this.type === 'bd') {
|
|
744
|
-
var
|
|
745
|
-
|
|
769
|
+
var _player27 = this.player;
|
|
770
|
+
_player27.resume();
|
|
746
771
|
callback && callback();
|
|
747
772
|
} else {
|
|
748
773
|
this.video.play();
|