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

package/esm/index.development.js

@@ -1759,6 +1759,8 @@ var Errors = /* @__PURE__ */ _createClass$i(
     }
   }
 );
+var PLAY = "play";
+var PAUSE = "pause";
 var ERROR = "error";
 var TIME_UPDATE = "timeupdate";
 var WAITING = "waiting";
@@ -30173,7 +30175,8 @@ function getOption(opts) {
     loadTimeout: 5e3,
     stallInterval: 400,
     networkEvaluateInterval: 1e3,
-    delayHint: 0
+    delayHint: 0,
+    seamlesslyReload: false
   }, opts);
 }
 function _getStats(stats) {
@@ -30446,16 +30449,6 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
     _defineProperty$c(_assertThisInitialized$b(_this), "_onTrack", function(e) {
       logger$6.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$c(_assertThisInitialized$b(_this), "_mockWaitingByTimeupdate", function() {
       var _this$_pc, _this$_pc2;
@@ -30614,6 +30607,7 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
           _this3.load(_this3._url);
         }
         if (pc.connectionState === "connected") {
+          _this3._handleMediaStream();
           _this3.emit(EVENT$2.TTFB, {
             url: _this3._url,
             responseUrl: _this3._url,
@@ -30622,6 +30616,31 @@ 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];
+        if (videoTrack) {
+          this._opts.mediaStream.removeTrack(videoTrack);
+        }
+        if (audioTrack) {
+          this._opts.mediaStream.removeTrack(audioTrack);
+        }
+        this._mediaStream = this._opts.mediaStream;
+      } else {
+        this._mediaStream = new MediaStream();
+        this._media.srcObject = this._mediaStream;
+        var req = this._media.play();
+        if (req && req.catch) {
+          req.catch(function(e) {
+          });
+        }
+      }
+      this._mediaStream.addTrack(this._audio);
+      this._mediaStream.addTrack(this._video);
+    }
   }, {
     key: "_bindMediaEvent",
     value: function _bindMediaEvent() {
@@ -30779,9 +30798,11 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
   }, {
     key: "_disconnect",
     value: function _disconnect() {
-      var _this$_loader, _this$_networkEvaluat2;
+      var _this$_loader, _this$_networkEvaluat2, _this$_videoTransceic, _this$_audioTransceic;
       (_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;
@@ -30795,10 +30816,10 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
   }, {
     key: "destroy",
     value: function destroy() {
-      var _this$_media2;
+      var _this$_media2, _this$_opts;
       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 && !((_this$_opts = this._opts) !== null && _this$_opts !== void 0 && _this$_opts.seamlesslyReload)) {
         this._media.srcObject = null;
       }
       if (this._pc) {
@@ -30898,15 +30919,35 @@ var RtsPlugin = /* @__PURE__ */ function(_BasePlugin) {
     }
     _this = _super.call.apply(_super, [this].concat(args));
     _defineProperty$c(_assertThisInitialized$b(_this), "_rts", null);
+    _defineProperty$c(_assertThisInitialized$b(_this), "_mediaStream", null);
     _defineProperty$c(_assertThisInitialized$b(_this), "_rtsOpts", null);
+    _defineProperty$c(_assertThisInitialized$b(_this), "_onPause", function() {
+      var _this$_rts, _this$config, _this$_rts3;
+      if (!((_this$_rts = _this._rts) !== null && _this$_rts !== void 0 && _this$_rts._pc)) {
+        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;
+      }
+      (_this$_rts3 = _this._rts) === null || _this$_rts3 === void 0 ? void 0 : _this$_rts3.destroy();
+    });
+    _defineProperty$c(_assertThisInitialized$b(_this), "_onPlay", function() {
+      var _this$_rts4;
+      if ((_this$_rts4 = _this._rts) !== null && _this$_rts4 !== void 0 && _this$_rts4._pc) {
+        return;
+      }
+      _this._init();
+    });
     _defineProperty$c(_assertThisInitialized$b(_this), "_init", function() {
-      var _this$_rts;
-      (_this$_rts = _this._rts) === null || _this$_rts === void 0 ? void 0 : _this$_rts.destroy();
+      var _this$_rts5;
+      (_this$_rts5 = _this._rts) === null || _this$_rts5 === void 0 ? void 0 : _this$_rts5.destroy();
       var config = _this.player.config;
       var rtsOpts = config.rts || {};
       _this._rtsOpts = rtsOpts;
       _this._rts = new Rts(_objectSpread2$7({
         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)) || {
@@ -30924,29 +30965,29 @@ var RtsPlugin = /* @__PURE__ */ function(_BasePlugin) {
       }
     });
     _defineProperty$c(_assertThisInitialized$b(_this), "destroy", function() {
-      var _this$_rts2;
+      var _this$_rts6;
       _this.player.switchURL = _this._originSwitchFn;
-      (_this$_rts2 = _this._rts) === null || _this$_rts2 === void 0 ? void 0 : _this$_rts2.destroy();
+      (_this$_rts6 = _this._rts) === null || _this$_rts6 === void 0 ? void 0 : _this$_rts6.destroy();
     });
     return _this;
   }
   _createClass$e(RtsPlugin2, [{
     key: "pc",
     get: function get3() {
-      var _this$_rts3;
-      return (_this$_rts3 = this._rts) === null || _this$_rts3 === void 0 ? void 0 : _this$_rts3.pc;
+      var _this$_rts7;
+      return (_this$_rts7 = this._rts) === null || _this$_rts7 === void 0 ? void 0 : _this$_rts7.pc;
     }
   }, {
     key: "videoTrack",
     get: function get3() {
-      var _this$_rts4;
-      return (_this$_rts4 = this._rts) === null || _this$_rts4 === void 0 ? void 0 : _this$_rts4.videoTack;
+      var _this$_rts8;
+      return (_this$_rts8 = this._rts) === null || _this$_rts8 === void 0 ? void 0 : _this$_rts8.videoTack;
     }
   }, {
     key: "audioTrack",
     get: function get3() {
-      var _this$_rts5;
-      return (_this$_rts5 = this._rts) === null || _this$_rts5 === void 0 ? void 0 : _this$_rts5.audioTrack;
+      var _this$_rts9;
+      return (_this$_rts9 = this._rts) === null || _this$_rts9 === void 0 ? void 0 : _this$_rts9.audioTrack;
     }
   }, {
     key: "core",
@@ -30956,18 +30997,18 @@ var RtsPlugin = /* @__PURE__ */ function(_BasePlugin) {
   }, {
     key: "loader",
     get: function get3() {
-      var _this$_rts6;
-      return (_this$_rts6 = this._rts) === null || _this$_rts6 === void 0 ? void 0 : _this$_rts6.loader;
+      var _this$_rts10;
+      return (_this$_rts10 = this._rts) === null || _this$_rts10 === void 0 ? void 0 : _this$_rts10.loader;
     }
   }, {
     key: "version",
     get: function get3() {
-      return "0.2.1-alpha.0";
+      return "0.2.1-alpha.2";
     }
   }, {
     key: "beforePlayerInit",
     value: function beforePlayerInit() {
-      var _this$player2, _this2 = this;
+      var _this$player2, _this2 = this, _this$player$config, _this$player$config$r;
       this._init();
       if (!this._originSwitchFn) {
         this._originSwitchFn = this.player.switchURL.bind(this.player);
@@ -30979,6 +31020,10 @@ var RtsPlugin = /* @__PURE__ */ function(_BasePlugin) {
       });
       this.on(URL_CHANGE, this._onSwitchURL);
       this.on(DESTROY, this.destroy);
+      if ((_this$player$config = this.player.config) !== null && _this$player$config !== void 0 && (_this$player$config$r = _this$player$config.rts) !== null && _this$player$config$r !== void 0 && _this$player$config$r.seamlesslyReload) {
+        this.on(PAUSE, this._onPause);
+        this.on(PLAY, this._onPlay);
+      }
       this._transErrorEvent();
       this._transCoreEvent(EVENT$2.LOAD_START);
       this._transCoreEvent(EVENT$2.LOAD_COMPLETE);
@@ -31008,20 +31053,20 @@ var RtsPlugin = /* @__PURE__ */ function(_BasePlugin) {
   }, {
     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$_rts11;
+      return (_this$_rts11 = this._rts) === null || _this$_rts11 === void 0 ? void 0 : _this$_rts11.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$_rts12;
+      return (_this$_rts12 = this._rts) === null || _this$_rts12 === void 0 ? void 0 : _this$_rts12.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$_rts13;
+      return (_this$_rts13 = this._rts) === null || _this$_rts13 === void 0 ? void 0 : _this$_rts13.networkStats;
     }
   }, {
     key: "_transErrorEvent",