@volcengine/veplayer-plugin 2.5.0-rc.0 → 2.5.1-rc.0

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

@@ -1534,7 +1534,7 @@
     }
     return offsetTime;
   };
-  var version = "3.0.20-alpha.4";
+  var version = "3.0.21-rc.5";
   var ERROR_MAP = {
     1: 5101,
     2: 5102,
@@ -1598,6 +1598,8 @@
       }
     }
   );
+  var PLAY = "play";
+  var PAUSE = "pause";
   var ERROR = "error";
   var DESTROY = "destroy";
   var URL_CHANGE = "urlchange";
@@ -2001,6 +2003,18 @@
           }
         }
       }
+    }, {
+      key: "defineMethod",
+      value: function defineMethod(Obj, map) {
+        for (var key in map) {
+          if (Object.prototype.hasOwnProperty.call(map, key) && typeof map[key] === "function") {
+            Object.defineProperty(Obj, key, {
+              configurable: true,
+              value: map[key]
+            });
+          }
+        }
+      }
     }, {
       key: "defaultConfig",
       get: function get() {
@@ -4868,7 +4882,9 @@
       loadTimeout: 5e3,
       stallInterval: 400,
       networkEvaluateInterval: 1e3,
-      delayHint: 0
+      delayHint: 0,
+      seamlesslyReload: false,
+      enableOriginSdpLogger: false
     }, opts);
   }
   function _getStats(stats) {
@@ -5131,6 +5147,7 @@
       _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);
@@ -5138,19 +5155,10 @@
       _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;
-        if (!_this._mediaStream) {
-          _this._mediaStream = new MediaStream();
-          _this._media.srcObject = _this._mediaStream;
-          var req = _this._media.play();
-          if (req && req.catch) {
-            req.catch(function(e2) {
-            });
-          }
-        }
-        _this._mediaStream.addTrack(e.track);
       });
       _defineProperty$2(_assertThisInitialized$1(_this), "_mockWaitingByTimeupdate", function() {
         var _this$_pc, _this$_pc2;
@@ -5198,6 +5206,9 @@
       }));
       _this._retry = _this._opts.retryCount;
       _this._bindMediaEvent();
+      if (_this._opts.mediaStream && _this._opts.seamlesslyReload) {
+        _this._lastMediaStream = _this._opts.mediaStream;
+      }
       return _this;
     }
     _createClass$2(Rts2, [{
@@ -5309,6 +5320,7 @@
             _this3.load(_this3._url);
           }
           if (pc.connectionState === "connected") {
+            _this3._handleMediaStream();
             _this3.emit(EVENT.TTFB, {
               url: _this3._url,
               responseUrl: _this3._url,
@@ -5317,6 +5329,40 @@
           }
         });
       }
+    }, {
+      key: "_handleMediaStream",
+      value: function _handleMediaStream() {
+        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._lastMediaStream.removeTrack(videoTrack);
+          }
+          if (audioTrack) {
+            this._lastMediaStream.removeTrack(audioTrack);
+          }
+          this._mediaStream = this._lastMediaStream;
+          this._audio && this._mediaStream.addTrack(this._audio);
+          this._video && 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._audio && this._mediaStream.addTrack(this._audio);
+          this._video && this._mediaStream.addTrack(this._video);
+          this._media.srcObject = this._mediaStream;
+          var req = this._media.play();
+          if (req && req.catch) {
+            req.catch(function(e) {
+            });
+          }
+        }
+      }
     }, {
       key: "_bindMediaEvent",
       value: function _bindMediaEvent() {
@@ -5327,7 +5373,7 @@
       key: "_connect",
       value: function() {
         var _connect2 = _asyncToGenerator$1(/* @__PURE__ */ _regeneratorRuntime$1().mark(function _callee2() {
-          var pc, offer, delayHint, parsed, finnalUrl, _answer$remoteSdp, _answer$remoteSdp2, parseSession, sessionId, reqStart, res, answer, err, _parsed;
+          var pc, offer, delayHint, parsed, finnalUrl, _this$_opts, _answer$remoteSdp, _this$_opts2, _answer$remoteSdp2, _parsed$media, parseSession, sessionId, reqStart, res, answer, err, _parsed;
           return _regeneratorRuntime$1().wrap(function _callee2$(_context2) {
             while (1)
               switch (_context2.prev = _context2.next) {
@@ -5403,7 +5449,7 @@
                   sessionId = parseSession ? parseSession[1] : Date.now() + "666";
                   this.emit(EVENT.LOAD_START, {
                     url: finnalUrl,
-                    offersdp: offer.sdp,
+                    offersdp: (_this$_opts = this._opts) !== null && _this$_opts !== void 0 && _this$_opts.enableOriginSdpLogger ? offer.sdp : void 0,
                     sessionId
                   });
                   reqStart = Date.now();
@@ -5438,12 +5484,19 @@
                 case 42:
                   logger.log("answer:");
                   logger.log((_answer$remoteSdp = answer.remoteSdp) === null || _answer$remoteSdp === void 0 ? void 0 : _answer$remoteSdp.sdp);
+                  _parsed = lib.parse(answer.remoteSdp.sdp);
                   this.emit(EVENT.LOAD_COMPLETE, {
                     url: finnalUrl,
                     elapsed: Date.now() - reqStart,
-                    answersdp: (_answer$remoteSdp2 = answer.remoteSdp) === null || _answer$remoteSdp2 === void 0 ? void 0 : _answer$remoteSdp2.sdp
+                    answersdp: (_this$_opts2 = this._opts) !== null && _this$_opts2 !== void 0 && _this$_opts2.enableOriginSdpLogger ? answer === null || answer === void 0 ? void 0 : (_answer$remoteSdp2 = answer.remoteSdp) === null || _answer$remoteSdp2 === void 0 ? void 0 : _answer$remoteSdp2.sdp : void 0,
+                    parsedSdp: _parsed === null || _parsed === void 0 ? void 0 : (_parsed$media = _parsed.media) === null || _parsed$media === void 0 ? void 0 : _parsed$media.map(function(media) {
+                      return {
+                        candidates: media.candidates,
+                        rtp: media.rtp,
+                        type: media.type
+                      };
+                    })
                   });
-                  _parsed = lib.parse(answer.remoteSdp.sdp);
                   _parsed.media.forEach(function(x) {
                     x.fingerprint.hash = x.fingerprint.hash.toUpperCase();
                   });
@@ -5489,11 +5542,11 @@
       }
     }, {
       key: "destroy",
-      value: function destroy() {
+      value: function destroy(keepClearMediaStream) {
         var _this$_media2;
         this._disconnect();
         (_this$_media2 = this._media) === null || _this$_media2 === void 0 ? void 0 : _this$_media2.removeEventListener("timeupdate", this._mockWaitingByTimeupdate);
-        if (this._media) {
+        if (this._media && !keepClearMediaStream) {
           this._media.srcObject = null;
         }
         if (this._pc) {
@@ -5593,15 +5646,36 @@
       }
       _this = _super.call.apply(_super, [this].concat(args));
       _defineProperty$2(_assertThisInitialized$1(_this), "_rts", null);
+      _defineProperty$2(_assertThisInitialized$1(_this), "_mediaStream", null);
+      _defineProperty$2(_assertThisInitialized$1(_this), "_disconnectTimer", void 0);
       _defineProperty$2(_assertThisInitialized$1(_this), "_rtsOpts", null);
-      _defineProperty$2(_assertThisInitialized$1(_this), "_init", function() {
+      _defineProperty$2(_assertThisInitialized$1(_this), "_onPause", function() {
+        if (_this._disconnectTimer) {
+          return;
+        }
+        _this._disconnectTimer = setTimeout(function() {
+          _this._closeAfterPause();
+          _this._clearDisconnectTimer();
+        }, _this.config.disconnectTime * 1e3);
+      });
+      _defineProperty$2(_assertThisInitialized$1(_this), "_reInit", function() {
         var _this$_rts;
-        (_this$_rts = _this._rts) === null || _this$_rts === void 0 ? void 0 : _this$_rts.destroy();
+        _this._clearDisconnectTimer();
+        if ((_this$_rts = _this._rts) !== null && _this$_rts !== void 0 && _this$_rts._pc) {
+          return;
+        }
+        _this._init();
+        _this._bindRtsEvents();
+      });
+      _defineProperty$2(_assertThisInitialized$1(_this), "_init", function() {
+        var _this$_rts2;
+        (_this$_rts2 = _this._rts) === null || _this$_rts2 === void 0 ? void 0 : _this$_rts2.destroy();
         var config = _this.player.config;
         var rtsOpts = config.rts || {};
         _this._rtsOpts = rtsOpts;
         _this._rts = new Rts(_objectSpread2$2({
           media: _this.player.video,
+          mediaStream: _this._mediaStream,
           preProcessUrl: function preProcessUrl(url, ext) {
             var _this$player$preProce, _this$player;
             return ((_this$player$preProce = (_this$player = _this.player).preProcessUrl) === null || _this$player$preProce === void 0 ? void 0 : _this$player$preProce.call(_this$player, url, ext)) || {
@@ -5613,35 +5687,41 @@
         _this._rts.load(config.url);
       });
       _defineProperty$2(_assertThisInitialized$1(_this), "_onSwitchURL", function(url) {
-        if (_this._rts) {
+        if (url) {
           _this.player.config.url = url;
+        }
+        if (_this._rts) {
           _this._rts.switchURL(url);
+        } else {
+          _this._reInit();
         }
       });
       _defineProperty$2(_assertThisInitialized$1(_this), "destroy", function() {
-        var _this$_rts2;
+        var _this$_rts3;
         _this.player.switchURL = _this._originSwitchFn;
-        (_this$_rts2 = _this._rts) === null || _this$_rts2 === void 0 ? void 0 : _this$_rts2.destroy();
+        _this._clearDisconnectTimer();
+        (_this$_rts3 = _this._rts) === null || _this$_rts3 === void 0 ? void 0 : _this$_rts3.destroy();
+        _this._rts = null;
       });
       return _this;
     }
     _createClass$2(RtsPlugin2, [{
       key: "pc",
       get: function get() {
-        var _this$_rts3;
-        return (_this$_rts3 = this._rts) === null || _this$_rts3 === void 0 ? void 0 : _this$_rts3.pc;
+        var _this$_rts4;
+        return (_this$_rts4 = this._rts) === null || _this$_rts4 === void 0 ? void 0 : _this$_rts4.pc;
       }
     }, {
       key: "videoTrack",
       get: function get() {
-        var _this$_rts4;
-        return (_this$_rts4 = this._rts) === null || _this$_rts4 === void 0 ? void 0 : _this$_rts4.videoTack;
+        var _this$_rts5;
+        return (_this$_rts5 = this._rts) === null || _this$_rts5 === void 0 ? void 0 : _this$_rts5.videoTack;
       }
     }, {
       key: "audioTrack",
       get: function get() {
-        var _this$_rts5;
-        return (_this$_rts5 = this._rts) === null || _this$_rts5 === void 0 ? void 0 : _this$_rts5.audioTrack;
+        var _this$_rts6;
+        return (_this$_rts6 = this._rts) === null || _this$_rts6 === void 0 ? void 0 : _this$_rts6.audioTrack;
       }
     }, {
       key: "core",
@@ -5651,37 +5731,41 @@
     }, {
       key: "loader",
       get: function get() {
-        var _this$_rts6;
-        return (_this$_rts6 = this._rts) === null || _this$_rts6 === void 0 ? void 0 : _this$_rts6.loader;
+        var _this$_rts7;
+        return (_this$_rts7 = this._rts) === null || _this$_rts7 === void 0 ? void 0 : _this$_rts7.loader;
       }
     }, {
       key: "version",
       get: function get() {
-        return "0.2.1-alpha.0";
+        return "0.2.1-alpha.14";
       }
     }, {
       key: "beforePlayerInit",
       value: function beforePlayerInit() {
-        var _this$player2, _this2 = this;
+        var _this$player2, _this$player$config, _this$player$config$r, _this2 = this;
         this._init();
         if (!this._originSwitchFn) {
           this._originSwitchFn = this.player.switchURL.bind(this.player);
         }
         this.player.switchURL = this._onSwitchURL;
-        (_this$player2 = this.player) === null || _this$player2 === void 0 ? void 0 : _this$player2.useHooks("replay", function() {
-          var _this2$_rts;
-          return (_this2$_rts = _this2._rts) === null || _this2$_rts === void 0 ? void 0 : _this2$_rts.switchURL();
-        });
+        (_this$player2 = this.player) === null || _this$player2 === void 0 ? void 0 : _this$player2.useHooks("replay", this._onSwitchURL);
         this.on(URL_CHANGE, this._onSwitchURL);
         this.on(DESTROY, this.destroy);
-        this._transErrorEvent();
-        this._transCoreEvent(EVENT.LOAD_START);
-        this._transCoreEvent(EVENT.LOAD_COMPLETE);
-        this._transCoreEvent(EVENT.TTFB);
-        this._transCoreEvent(EVENT.LOAD_RESPONSE_HEADERS);
-        this._transCoreEvent(EVENT.LOAD_RETRY);
-        this._transCoreEvent(EVENT.METADATA_PARSED);
-        this._transCoreEvent(EXTEND_EVENTS.RTC_STATE_CHANGE);
+        if (typeof ((_this$player$config = this.player.config) === null || _this$player$config === void 0 ? void 0 : (_this$player$config$r = _this$player$config.rts) === null || _this$player$config$r === void 0 ? void 0 : _this$player$config$r.disconnectTime) !== "undefined") {
+          this.on(PAUSE, function() {
+            var _this2$_rts;
+            if (!((_this2$_rts = _this2._rts) !== null && _this2$_rts !== void 0 && _this2$_rts._isReplacing)) {
+              _this2._onPause();
+            }
+          });
+          this.on(PLAY, function() {
+            var _this2$_rts2;
+            if (!((_this2$_rts2 = _this2._rts) !== null && _this2$_rts2 !== void 0 && _this2$_rts2._isReplacing)) {
+              _this2._reInit();
+            }
+          });
+        }
+        this._bindRtsEvents();
         try {
           BasePlugin.defineGetterOrSetter(this.player, {
             __url: {
@@ -5703,20 +5787,52 @@
     }, {
       key: "getStats",
       value: function getStats2() {
-        var _this$_rts7;
-        return (_this$_rts7 = this._rts) === null || _this$_rts7 === void 0 ? void 0 : _this$_rts7.getStats();
+        var _this$_rts8;
+        return (_this$_rts8 = this._rts) === null || _this$_rts8 === void 0 ? void 0 : _this$_rts8.getStats();
       }
     }, {
       key: "getStatsSnapshoot",
       value: function getStatsSnapshoot2() {
-        var _this$_rts8;
-        return (_this$_rts8 = this._rts) === null || _this$_rts8 === void 0 ? void 0 : _this$_rts8.getStatsSnapshoot();
+        var _this$_rts9;
+        return (_this$_rts9 = this._rts) === null || _this$_rts9 === void 0 ? void 0 : _this$_rts9.getStatsSnapshoot();
       }
     }, {
       key: "getNetWorkInfo",
       value: function getNetWorkInfo() {
-        var _this$_rts9;
-        return (_this$_rts9 = this._rts) === null || _this$_rts9 === void 0 ? void 0 : _this$_rts9.networkStats;
+        var _this$_rts10;
+        return (_this$_rts10 = this._rts) === null || _this$_rts10 === void 0 ? void 0 : _this$_rts10.networkStats;
+      }
+    }, {
+      key: "_clearDisconnectTimer",
+      value: function _clearDisconnectTimer() {
+        clearTimeout(this._disconnectTimer);
+        this._disconnectTimer = void 0;
+      }
+    }, {
+      key: "_closeAfterPause",
+      value: function _closeAfterPause() {
+        var _this$_rts11, _this$config, _this$_rts13;
+        if (!((_this$_rts11 = this._rts) !== null && _this$_rts11 !== void 0 && _this$_rts11._pc)) {
+          return;
+        }
+        if ((_this$config = this.config) !== null && _this$config !== void 0 && _this$config.seamlesslyReload) {
+          var _this$_rts12;
+          this._mediaStream = (_this$_rts12 = this._rts) === null || _this$_rts12 === void 0 ? void 0 : _this$_rts12._mediaStream;
+        }
+        (_this$_rts13 = this._rts) === null || _this$_rts13 === void 0 ? void 0 : _this$_rts13.destroy(true);
+        this._rts = null;
+      }
+    }, {
+      key: "_bindRtsEvents",
+      value: function _bindRtsEvents() {
+        this._transErrorEvent();
+        this._transCoreEvent(EVENT.LOAD_START);
+        this._transCoreEvent(EVENT.LOAD_COMPLETE);
+        this._transCoreEvent(EVENT.TTFB);
+        this._transCoreEvent(EVENT.LOAD_RESPONSE_HEADERS);
+        this._transCoreEvent(EVENT.LOAD_RETRY);
+        this._transCoreEvent(EVENT.METADATA_PARSED);
+        this._transCoreEvent(EXTEND_EVENTS.RTC_STATE_CHANGE);
       }
     }, {
       key: "_transErrorEvent",