@volcengine/veplayer-plugin 2.4.2-rc.0 → 2.4.2-rc.1

package/esm/veplayer.plugin.rtm.development.js

@@ -335,6 +335,14 @@ function _regeneratorRuntime$1() {
     }
   }, exports;
 }
+function _typeof$2(obj) {
+  "@babel/helpers - typeof";
+  return _typeof$2 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(obj2) {
+    return typeof obj2;
+  } : function(obj2) {
+    return obj2 && "function" == typeof Symbol && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
+  }, _typeof$2(obj);
+}
 function asyncGeneratorStep$1(gen, resolve, reject, _next, _throw, key, arg) {
   try {
     var info = gen[key](arg);
@@ -5074,6 +5082,7 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
     _defineProperty$2(_assertThisInitialized$1(_this), "_audioTransceicer", null);
     _defineProperty$2(_assertThisInitialized$1(_this), "_videoTransceicer", null);
     _defineProperty$2(_assertThisInitialized$1(_this), "_mediaStream", null);
+    _defineProperty$2(_assertThisInitialized$1(_this), "_lastMediaStream", null);
     _defineProperty$2(_assertThisInitialized$1(_this), "_media", null);
     _defineProperty$2(_assertThisInitialized$1(_this), "_opts", null);
     _defineProperty$2(_assertThisInitialized$1(_this), "_loader", null);
@@ -5081,6 +5090,7 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
     _defineProperty$2(_assertThisInitialized$1(_this), "_retry", 0);
     _defineProperty$2(_assertThisInitialized$1(_this), "_waitingTimer", 0);
     _defineProperty$2(_assertThisInitialized$1(_this), "_rctConnectStartTs", 0);
+    _defineProperty$2(_assertThisInitialized$1(_this), "_isReplacing", false);
     _defineProperty$2(_assertThisInitialized$1(_this), "_onTrack", function(e) {
       logger.log("addTrack: ", e.track, e.streams);
       _this["_".concat(e.track.kind)] = e.track;
@@ -5131,6 +5141,9 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
     }));
     _this._retry = _this._opts.retryCount;
     _this._bindMediaEvent();
+    if (_this._opts.mediaStream && _this._opts.seamlesslyReload) {
+      _this._lastMediaStream = _this._opts.mediaStream;
+    }
     return _this;
   }
   _createClass$2(Rts2, [{
@@ -5174,9 +5187,9 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
   }, {
     key: "load",
     value: function() {
-      var _load = _asyncToGenerator$1(/* @__PURE__ */ _regeneratorRuntime$1().mark(function _callee(url) {
+      var _load = _asyncToGenerator$1(/* @__PURE__ */ _regeneratorRuntime$1().mark(function _callee(url, seamless) {
         var _this2 = this;
-        var lastPc;
+        var _this$_pc3;
         return _regeneratorRuntime$1().wrap(function _callee$(_context) {
           while (1)
             switch (_context.prev = _context.next) {
@@ -5184,39 +5197,43 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
                 this._disconnect();
                 this._url = url;
                 this._retry = this._opts.retryCount;
-                lastPc = this._pc;
-                if (lastPc) {
-                  lastPc.close();
+                if (seamless) {
+                  this._lastPc = this._pc;
+                } else {
+                  (_this$_pc3 = this._pc) === null || _this$_pc3 === void 0 ? void 0 : _this$_pc3.close();
                 }
-                _context.prev = 5;
+                _context.prev = 4;
                 this._pc = new RTCPeerConnection();
                 this._bindRTCEvents();
-                _context.next = 10;
+                _context.next = 9;
                 return this._connect(url);
-              case 10:
-                _context.next = 15;
+              case 9:
+                _context.next = 14;
                 break;
-              case 12:
-                _context.prev = 12;
-                _context.t0 = _context["catch"](5);
+              case 11:
+                _context.prev = 11;
+                _context.t0 = _context["catch"](4);
                 setTimeout(function() {
                   return _this2._emitError(StreamingError.create(ERR.OTHER, null, _context.t0));
                 });
-              case 15:
+              case 14:
               case "end":
                 return _context.stop();
             }
-        }, _callee, this, [[5, 12]]);
+        }, _callee, this, [[4, 11]]);
       }));
-      function load(_x) {
+      function load(_x, _x2) {
         return _load.apply(this, arguments);
       }
       return load;
     }()
   }, {
     key: "switchURL",
-    value: function switchURL(url) {
-      this.load(url || this._url);
+    value: function switchURL(url, seamless) {
+      if (seamless) {
+        this._lastMediaStream = this._mediaStream;
+      }
+      this.load(url || this._url, seamless);
     }
   }, {
     key: "_bindRTCEvents",
@@ -5242,6 +5259,7 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
           _this3.load(_this3._url);
         }
         if (pc.connectionState === "connected") {
+          _this3._closeLastPc();
           _this3._handleMediaStream();
           _this3.emit(EVENT.TTFB, {
             url: _this3._url,
@@ -5254,18 +5272,29 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
   }, {
     key: "_handleMediaStream",
     value: function _handleMediaStream() {
-      if (this._opts.mediaStream && this._opts.seamlesslyReload) {
-        var videoTrack = this._opts.mediaStream.getVideoTracks()[0];
-        var audioTrack = this._opts.mediaStream.getAudioTracks()[0];
+      var _this4 = this;
+      if (this._lastMediaStream) {
+        var _this$_media$play;
+        var videoTrack = this._lastMediaStream.getVideoTracks()[0];
+        var audioTrack = this._lastMediaStream.getAudioTracks()[0];
         if (videoTrack) {
-          this._opts.mediaStream.removeTrack(videoTrack);
+          this._lastMediaStream.removeTrack(videoTrack);
         }
         if (audioTrack) {
-          this._opts.mediaStream.removeTrack(audioTrack);
+          this._lastMediaStream.removeTrack(audioTrack);
         }
-        this._mediaStream = this._opts.mediaStream;
+        this._mediaStream = this._lastMediaStream;
+        this._mediaStream.addTrack(this._audio);
+        this._mediaStream.addTrack(this._video);
+        this._isReplacing = true;
+        this._media.pause();
+        (_this$_media$play = this._media.play()) === null || _this$_media$play === void 0 ? void 0 : _this$_media$play.finally(function() {
+          _this4._isReplacing = false;
+        });
       } else {
         this._mediaStream = new MediaStream();
+        this._mediaStream.addTrack(this._audio);
+        this._mediaStream.addTrack(this._video);
         this._media.srcObject = this._mediaStream;
         var req = this._media.play();
         if (req && req.catch) {
@@ -5273,8 +5302,6 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
           });
         }
       }
-      this._mediaStream.addTrack(this._audio);
-      this._mediaStream.addTrack(this._video);
     }
   }, {
     key: "_bindMediaEvent",
@@ -5430,14 +5457,20 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
       }
       return _connect;
     }()
+  }, {
+    key: "_closeLastPc",
+    value: function _closeLastPc() {
+      if (this._lastPc) {
+        this._lastPc.close();
+        this._lastPc = null;
+      }
+    }
   }, {
     key: "_disconnect",
     value: function _disconnect() {
-      var _this$_loader, _this$_networkEvaluat2, _this$_videoTransceic, _this$_audioTransceic;
+      var _this$_loader, _this$_networkEvaluat2;
       (_this$_loader = this._loader) === null || _this$_loader === void 0 ? void 0 : _this$_loader.cancel();
       (_this$_networkEvaluat2 = this._networkEvaluate) === null || _this$_networkEvaluat2 === void 0 ? void 0 : _this$_networkEvaluat2.destroy();
-      (_this$_videoTransceic = this._videoTransceicer) === null || _this$_videoTransceic === void 0 ? void 0 : _this$_videoTransceic.stop();
-      (_this$_audioTransceic = this._audioTransceicer) === null || _this$_audioTransceic === void 0 ? void 0 : _this$_audioTransceic.stop();
       this._audioTransceicer = null;
       this._videoTransceicer = null;
       this._mediaStream = null;
@@ -5446,6 +5479,7 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
   }, {
     key: "_emitError",
     value: function _emitError(error) {
+      this._closeLastPc();
       this.emit(EVENT.ERROR, error);
     }
   }, {
@@ -5457,6 +5491,7 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
       if (this._media && !((_this$_opts = this._opts) !== null && _this$_opts !== void 0 && _this$_opts.seamlesslyReload)) {
         this._media.srcObject = null;
       }
+      this._closeLastPc();
       if (this._pc) {
         this._pc.close();
       }
@@ -5557,26 +5592,26 @@ var RtsPlugin = /* @__PURE__ */ function(_BasePlugin) {
     _defineProperty$2(_assertThisInitialized$1(_this), "_mediaStream", null);
     _defineProperty$2(_assertThisInitialized$1(_this), "_rtsOpts", null);
     _defineProperty$2(_assertThisInitialized$1(_this), "_onPause", function() {
-      var _this$_rts, _this$config, _this$_rts3;
-      if (!((_this$_rts = _this._rts) !== null && _this$_rts !== void 0 && _this$_rts._pc)) {
+      var _this$_rts, _this$_rts2, _this$config, _this$_rts4;
+      if (!((_this$_rts = _this._rts) !== null && _this$_rts !== void 0 && _this$_rts._pc) || (_this$_rts2 = _this._rts) !== null && _this$_rts2 !== void 0 && _this$_rts2._isReplacing) {
         return;
       }
       if ((_this$config = _this.config) !== null && _this$config !== void 0 && _this$config.seamlesslyReload) {
-        var _this$_rts2;
-        _this._mediaStream = (_this$_rts2 = _this._rts) === null || _this$_rts2 === void 0 ? void 0 : _this$_rts2._mediaStream;
+        var _this$_rts3;
+        _this._mediaStream = (_this$_rts3 = _this._rts) === null || _this$_rts3 === void 0 ? void 0 : _this$_rts3._mediaStream;
       }
-      (_this$_rts3 = _this._rts) === null || _this$_rts3 === void 0 ? void 0 : _this$_rts3.destroy();
+      (_this$_rts4 = _this._rts) === null || _this$_rts4 === void 0 ? void 0 : _this$_rts4.destroy();
     });
     _defineProperty$2(_assertThisInitialized$1(_this), "_onPlay", function() {
-      var _this$_rts4;
-      if ((_this$_rts4 = _this._rts) !== null && _this$_rts4 !== void 0 && _this$_rts4._pc) {
+      var _this$_rts5, _this$_rts6;
+      if ((_this$_rts5 = _this._rts) !== null && _this$_rts5 !== void 0 && _this$_rts5._pc || (_this$_rts6 = _this._rts) !== null && _this$_rts6 !== void 0 && _this$_rts6._isReplacing) {
         return;
       }
       _this._init();
     });
     _defineProperty$2(_assertThisInitialized$1(_this), "_init", function() {
-      var _this$_rts5;
-      (_this$_rts5 = _this._rts) === null || _this$_rts5 === void 0 ? void 0 : _this$_rts5.destroy();
+      var _this$_rts7;
+      (_this$_rts7 = _this._rts) === null || _this$_rts7 === void 0 ? void 0 : _this$_rts7.destroy();
       var config = _this.player.config;
       var rtsOpts = config.rts || {};
       _this._rtsOpts = rtsOpts;
@@ -5593,36 +5628,39 @@ var RtsPlugin = /* @__PURE__ */ function(_BasePlugin) {
       }, rtsOpts));
       _this._rts.load(config.url);
     });
-    _defineProperty$2(_assertThisInitialized$1(_this), "_onSwitchURL", function(url) {
+    _defineProperty$2(_assertThisInitialized$1(_this), "_onSwitchURL", function(url, seamless) {
       if (_this._rts) {
+        if (_typeof$2(seamless) === "object") {
+          seamless = seamless.seamless;
+        }
         _this.player.config.url = url;
-        _this._rts.switchURL(url);
+        _this._rts.switchURL(url, seamless);
       }
     });
     _defineProperty$2(_assertThisInitialized$1(_this), "destroy", function() {
-      var _this$_rts6;
+      var _this$_rts8;
       _this.player.switchURL = _this._originSwitchFn;
-      (_this$_rts6 = _this._rts) === null || _this$_rts6 === void 0 ? void 0 : _this$_rts6.destroy();
+      (_this$_rts8 = _this._rts) === null || _this$_rts8 === void 0 ? void 0 : _this$_rts8.destroy();
     });
     return _this;
   }
   _createClass$2(RtsPlugin2, [{
     key: "pc",
     get: function get() {
-      var _this$_rts7;
-      return (_this$_rts7 = this._rts) === null || _this$_rts7 === void 0 ? void 0 : _this$_rts7.pc;
+      var _this$_rts9;
+      return (_this$_rts9 = this._rts) === null || _this$_rts9 === void 0 ? void 0 : _this$_rts9.pc;
     }
   }, {
     key: "videoTrack",
     get: function get() {
-      var _this$_rts8;
-      return (_this$_rts8 = this._rts) === null || _this$_rts8 === void 0 ? void 0 : _this$_rts8.videoTack;
+      var _this$_rts10;
+      return (_this$_rts10 = this._rts) === null || _this$_rts10 === void 0 ? void 0 : _this$_rts10.videoTack;
     }
   }, {
     key: "audioTrack",
     get: function get() {
-      var _this$_rts9;
-      return (_this$_rts9 = this._rts) === null || _this$_rts9 === void 0 ? void 0 : _this$_rts9.audioTrack;
+      var _this$_rts11;
+      return (_this$_rts11 = this._rts) === null || _this$_rts11 === void 0 ? void 0 : _this$_rts11.audioTrack;
     }
   }, {
     key: "core",
@@ -5632,13 +5670,13 @@ var RtsPlugin = /* @__PURE__ */ function(_BasePlugin) {
   }, {
     key: "loader",
     get: function get() {
-      var _this$_rts10;
-      return (_this$_rts10 = this._rts) === null || _this$_rts10 === void 0 ? void 0 : _this$_rts10.loader;
+      var _this$_rts12;
+      return (_this$_rts12 = this._rts) === null || _this$_rts12 === void 0 ? void 0 : _this$_rts12.loader;
     }
   }, {
     key: "version",
     get: function get() {
-      return "0.2.1-alpha.2";
+      return "0.2.1-alpha.4";
     }
   }, {
     key: "beforePlayerInit",
@@ -5688,20 +5726,20 @@ var RtsPlugin = /* @__PURE__ */ function(_BasePlugin) {
   }, {
     key: "getStats",
     value: function getStats2() {
-      var _this$_rts11;
-      return (_this$_rts11 = this._rts) === null || _this$_rts11 === void 0 ? void 0 : _this$_rts11.getStats();
+      var _this$_rts13;
+      return (_this$_rts13 = this._rts) === null || _this$_rts13 === void 0 ? void 0 : _this$_rts13.getStats();
     }
   }, {
     key: "getStatsSnapshoot",
     value: function getStatsSnapshoot2() {
-      var _this$_rts12;
-      return (_this$_rts12 = this._rts) === null || _this$_rts12 === void 0 ? void 0 : _this$_rts12.getStatsSnapshoot();
+      var _this$_rts14;
+      return (_this$_rts14 = this._rts) === null || _this$_rts14 === void 0 ? void 0 : _this$_rts14.getStatsSnapshoot();
     }
   }, {
     key: "getNetWorkInfo",
     value: function getNetWorkInfo() {
-      var _this$_rts13;
-      return (_this$_rts13 = this._rts) === null || _this$_rts13 === void 0 ? void 0 : _this$_rts13.networkStats;
+      var _this$_rts15;
+      return (_this$_rts15 = this._rts) === null || _this$_rts15 === void 0 ? void 0 : _this$_rts15.networkStats;
     }
   }, {
     key: "_transErrorEvent",