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

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

@@ -1530,7 +1530,7 @@ util.getCurrentTimeByOffset = function(offsetTime, segments) {
   }
   return offsetTime;
 };
-var version = "3.0.19-rc.0";
+var version = "3.0.21-rc.2";
 var ERROR_MAP = {
   1: 5101,
   2: 5102,
@@ -1594,6 +1594,8 @@ var Errors = /* @__PURE__ */ _createClass$1(
     }
   }
 );
+var PLAY = "play";
+var PAUSE = "pause";
 var ERROR = "error";
 var DESTROY = "destroy";
 var URL_CHANGE = "urlchange";
@@ -1638,8 +1640,7 @@ function hook(hookName, handler) {
     }
     if (this.__hooks && this.__hooks[hookName]) {
       try {
-        var _this$__hooks$hookNam;
-        var preRet = (_this$__hooks$hookNam = this.__hooks[hookName]).call.apply(_this$__hooks$hookNam, [this, this].concat(Array.prototype.slice.call(arguments)));
+        var preRet = runHooks(this, hookName, handler);
         if (preRet) {
           if (preRet.then) {
             preRet.then(function(isContinue) {
@@ -1664,6 +1665,19 @@ function hook(hookName, handler) {
     }
   }.bind(this);
 }
+function findHookIndex(hookName, handler) {
+  var __hooks = this.__hooks;
+  if (!__hooks || !Array.isArray(__hooks[hookName])) {
+    return -1;
+  }
+  var hookHandlers = __hooks[hookName];
+  for (var i = 0; i < hookHandlers.length; i++) {
+    if (hookHandlers[i] === handler) {
+      return i;
+    }
+  }
+  return -1;
+}
 function useHooks(hookName, handler) {
   var __hooks = this.__hooks;
   if (!__hooks) {
@@ -1673,7 +1687,12 @@ function useHooks(hookName, handler) {
     console.warn("has no supported hook which name [".concat(hookName, "]"));
     return false;
   }
-  __hooks && (__hooks[hookName] = handler);
+  if (!Array.isArray(__hooks[hookName])) {
+    __hooks[hookName] = [];
+  }
+  if (findHookIndex.call(this, hookName, handler) === -1) {
+    __hooks[hookName].push(handler);
+  }
   return true;
 }
 function removeHooks(hookName, handler) {
@@ -1681,6 +1700,13 @@ function removeHooks(hookName, handler) {
   if (!__hooks) {
     return;
   }
+  if (Array.isArray(__hooks[hookName])) {
+    var hooks = __hooks[hookName];
+    var index = findHookIndex.call(this, hookName, handler);
+    if (index !== -1) {
+      hooks.splice(index, 1);
+    }
+  }
   delete __hooks[hookName];
 }
 function hooksDescriptor(instance) {
@@ -1702,6 +1728,38 @@ function hooksDescriptor(instance) {
 function delHooksDescriptor(instance) {
   instance.__hooks = null;
 }
+function runHooks(obj, hookName, handler) {
+  for (var _len5 = arguments.length, args = new Array(_len5 > 3 ? _len5 - 3 : 0), _key5 = 3; _key5 < _len5; _key5++) {
+    args[_key5 - 3] = arguments[_key5];
+  }
+  if (obj.__hooks && Array.isArray(obj.__hooks[hookName])) {
+    var hooks = obj.__hooks[hookName];
+    var index = -1;
+    var runHooksRecursive = function runHooksRecursive2(obj2, hookName2, handler2) {
+      for (var _len6 = arguments.length, args2 = new Array(_len6 > 3 ? _len6 - 3 : 0), _key6 = 3; _key6 < _len6; _key6++) {
+        args2[_key6 - 3] = arguments[_key6];
+      }
+      index++;
+      if (hooks.length === 0 || index === hooks.length) {
+        return handler2.call.apply(handler2, [obj2, obj2].concat(args2));
+      }
+      var hook2 = hooks[index];
+      var ret = hook2.call.apply(hook2, [obj2, obj2].concat(args2));
+      if (ret && ret.then) {
+        return ret.then(function(data) {
+          return data === false ? null : runHooksRecursive2.apply(void 0, [obj2, hookName2, handler2].concat(args2));
+        }).catch(function(e) {
+          console.warn("[runHooks]".concat(hookName2, " reject"), e.message);
+        });
+      } else if (ret !== false) {
+        return runHooksRecursive2.apply(void 0, [obj2, hookName2, handler2].concat(args2));
+      }
+    };
+    return runHooksRecursive.apply(void 0, [obj, hookName, handler].concat(args));
+  } else {
+    return handler.call.apply(handler, [obj, obj].concat(args));
+  }
+}
 function showErrorMsg(pluginName, msg) {
   XG_DEBUG.logError("[".concat(pluginName, "] event or callback cant be undefined or null when call ").concat(msg));
 }
@@ -1941,6 +1999,18 @@ var BasePlugin = /* @__PURE__ */ function() {
         }
       }
     }
+  }, {
+    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() {
@@ -4808,7 +4878,8 @@ function getOption(opts) {
     loadTimeout: 5e3,
     stallInterval: 400,
     networkEvaluateInterval: 1e3,
-    delayHint: 0
+    delayHint: 0,
+    seamlesslyReload: false
   }, opts);
 }
 function _getStats(stats) {
@@ -5071,6 +5142,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);
@@ -5078,19 +5150,10 @@ 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;
-      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;
@@ -5138,6 +5201,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, [{
@@ -5249,6 +5315,7 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
           _this3.load(_this3._url);
         }
         if (pc.connectionState === "connected") {
+          _this3._handleMediaStream();
           _this3.emit(EVENT.TTFB, {
             url: _this3._url,
             responseUrl: _this3._url,
@@ -5257,6 +5324,40 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
         }
       });
     }
+  }, {
+    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() {
@@ -5429,11 +5530,11 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
     }
   }, {
     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) {
@@ -5533,15 +5634,36 @@ var RtsPlugin = /* @__PURE__ */ function(_BasePlugin) {
     }
     _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)) || {
@@ -5553,35 +5675,40 @@ var RtsPlugin = /* @__PURE__ */ function(_BasePlugin) {
       _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();
     });
     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",
@@ -5591,37 +5718,43 @@ var RtsPlugin = /* @__PURE__ */ function(_BasePlugin) {
   }, {
     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.12";
     }
   }, {
     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);
       }
       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();
+        return _this2._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: {
@@ -5643,20 +5776,52 @@ 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$_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",