@byteplus/veplayer-plugin 2.3.0 → 2.3.1-rc.1

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

@@ -3085,12 +3085,19 @@ function logable(obj, maxDepth, depth) {
   return result;
 }
 function getMediaSource() {
+  var preferMMS = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true;
   try {
-    return isBrowser$1 ? window.MediaSource : null;
+    if (!isBrowser$1)
+      return null;
+    if (preferMMS && typeof ManagedMediaSource !== "undefined")
+      return ManagedMediaSource;
+    return window.MediaSource;
   } catch (e) {
   }
 }
-var MediaSource = getMediaSource();
+function isMMS(mediaSource) {
+  return /ManagedMediaSource/gi.test(Object.prototype.toString.call(mediaSource));
+}
 var OP_NAME = {
   APPEND: "appendBuffer",
   REMOVE: "removeBuffer",
@@ -3111,6 +3118,12 @@ var MSE = /* @__PURE__ */ function() {
     _defineProperty$1(this, "_logger", null);
     _defineProperty$1(this, "_config", null);
     _defineProperty$1(this, "_url", null);
+    _defineProperty$1(this, "_onStartStreaming", function() {
+      _this2._logger.debug("startstreaming");
+    });
+    _defineProperty$1(this, "_onEndStreaming", function() {
+      _this2._logger.debug("endstreaming");
+    });
     _defineProperty$1(this, "_onSBUpdateEnd", function(type) {
       var queue = _this2._queue[type];
       if (queue) {
@@ -3170,6 +3183,11 @@ var MSE = /* @__PURE__ */ function() {
     get: function get() {
       return this.mediaSource ? this.mediaSource.readyState === "ended" : false;
     }
+  }, {
+    key: "streaming",
+    get: function get() {
+      return isMMS(this.mediaSource) ? this.mediaSource.streaming : true;
+    }
   }, {
     key: "isFull",
     value: function isFull(type) {
@@ -3194,12 +3212,12 @@ var MSE = /* @__PURE__ */ function() {
       }
       return this._enqueueBlockingOp(function() {
         if (_this3.isEnded) {
-          _this3._logger.debug("[debug mse] setDuration ended");
+          _this3._logger.debug("setDuration but ended");
           return;
         }
         if (_this3.mediaSource) {
           _this3.mediaSource.duration = duration;
-          _this3._logger.debug("[debug mse] setDuration");
+          _this3._logger.debug("setDuration", duration);
         }
       }, OP_NAME.UPDATE_DURATION, {
         isReduceDuration
@@ -3212,11 +3230,11 @@ var MSE = /* @__PURE__ */ function() {
       if (this._openPromise.used && !this.isOpened && this.mediaSource) {
         var ms = this.mediaSource;
         var onOpen = function onOpen2() {
-          var costtime = nowTime$1() - _this4._st;
-          _this4._logger.debug("MSE OPEN", costtime);
+          var costTime = nowTime$1() - _this4._st;
+          _this4._logger.debug("sourceopen", costTime);
           ms.removeEventListener("sourceopen", onOpen2);
           _this4._openPromise.resolve({
-            costtime
+            costtime: costTime
           });
         };
         ms.addEventListener("sourceopen", onOpen);
@@ -3229,7 +3247,7 @@ var MSE = /* @__PURE__ */ function() {
     value: function() {
       var _bindMedia = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime().mark(function _callee(media) {
         var _this5 = this;
-        var ms, onOpen;
+        var MediaSource, ms, useMMS, onOpen;
         return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1)
             switch (_context.prev = _context.next) {
@@ -3241,29 +3259,36 @@ var MSE = /* @__PURE__ */ function() {
                 _context.next = 3;
                 return this.unbindMedia();
               case 3:
+                MediaSource = getMediaSource(this._config.preferMMS);
                 if (!(!media || !MediaSource)) {
-                  _context.next = 5;
+                  _context.next = 6;
                   break;
                 }
                 throw new Error("Param media or MediaSource does not exist");
-              case 5:
+              case 6:
                 this.media = media;
                 ms = this.mediaSource = new MediaSource();
+                useMMS = isMMS(ms);
                 this._st = nowTime$1();
                 onOpen = function onOpen2() {
-                  var costtime = nowTime$1() - _this5._st;
-                  _this5._logger.debug("MSE OPEN");
+                  var costTime = nowTime$1() - _this5._st;
+                  _this5._logger.debug("sourceopen");
                   ms.removeEventListener("sourceopen", onOpen2);
                   URL.revokeObjectURL(media.src);
                   _this5._openPromise.resolve({
-                    costtime
+                    costtime: costTime
                   });
                 };
                 ms.addEventListener("sourceopen", onOpen);
+                if (useMMS) {
+                  ms.addEventListener("startstreaming", this._onStartStreaming);
+                  ms.addEventListener("endstreaming", this._onEndStreaming);
+                }
                 this._url = URL.createObjectURL(ms);
                 media.src = this._url;
+                media.disableRemotePlayback = useMMS;
                 return _context.abrupt("return", this._openPromise);
-              case 13:
+              case 17:
               case "end":
                 return _context.stop();
             }
@@ -3311,8 +3336,13 @@ var MSE = /* @__PURE__ */ function() {
                     } catch (error) {
                     }
                   });
+                  if (isMMS(ms)) {
+                    ms.removeEventListener("startstreaming", this._onStartStreaming);
+                    ms.removeEventListener("endstreaming", this._onEndStreaming);
+                  }
                 }
                 if (this.media) {
+                  this.media.disableRemotePlayback = false;
                   this.media.removeAttribute("src");
                   try {
                     this.media.load();
@@ -3445,14 +3475,14 @@ var MSE = /* @__PURE__ */ function() {
       }
       if (!queue || !queue[type] || queue.length < 5)
         return;
-      var initOpque = [];
+      var initQueue = [];
       queue.forEach(function(op) {
         if (op.context && op.context.isinit) {
-          initOpque.push(op);
+          initQueue.push(op);
         }
       });
       this._queue[type] = queue.slice(0, 2);
-      initOpque.length > 0 && (_this$_queue$type = this._queue[type]).push.apply(_this$_queue$type, initOpque);
+      initQueue.length > 0 && (_this$_queue$type = this._queue[type]).push.apply(_this$_queue$type, initQueue);
     }
   }, {
     key: "endOfStream",
@@ -3647,16 +3677,10 @@ var MSE = /* @__PURE__ */ function() {
       }, "abort", context);
     }
   }], [{
-    key: "getDefaultConfig",
-    value: function getDefaultConfig() {
-      return {
-        openLog: false
-      };
-    }
-  }, {
     key: "isSupported",
     value: function isSupported() {
       var mime = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 'video/mp4; codecs="avc1.42E01E,mp4a.40.2"';
+      var MediaSource = getMediaSource();
       if (!MediaSource)
         return false;
       try {
@@ -3666,6 +3690,14 @@ var MSE = /* @__PURE__ */ function() {
         return false;
       }
     }
+  }, {
+    key: "getDefaultConfig",
+    value: function getDefaultConfig() {
+      return {
+        openLog: false,
+        preferMMS: false
+      };
+    }
   }]);
   return MSE2;
 }();
@@ -9409,7 +9441,9 @@ var BufferService = /* @__PURE__ */ function() {
       this._softVideo = softVideo;
     } else {
       this._remuxer = new FMP4Remuxer(this._demuxer.videoTrack, this._demuxer.audioTrack);
-      this._mse = new MSE();
+      this._mse = new MSE(null, {
+        preferMMS: typeof opts.preferMMS === "boolean" ? opts.preferMMS : !!opts.perferMMS
+      });
       this._mse.bindMedia(flv.media);
     }
   }
@@ -9419,6 +9453,12 @@ var BufferService = /* @__PURE__ */ function() {
       var _this$_demuxer, _this$_demuxer$_fixer;
       return (_this$_demuxer = this._demuxer) === null || _this$_demuxer === void 0 ? void 0 : (_this$_demuxer$_fixer = _this$_demuxer._fixer) === null || _this$_demuxer$_fixer === void 0 ? void 0 : _this$_demuxer$_fixer._baseDts;
     }
+  }, {
+    key: "blobUrl",
+    get: function get() {
+      var _this$_mse;
+      return (_this$_mse = this._mse) === null || _this$_mse === void 0 ? void 0 : _this$_mse.url;
+    }
   }, {
     key: "isFull",
     value: function isFull() {
@@ -9884,7 +9924,8 @@ function getOption(opts) {
     seamlesslyReload: false,
     keepStatusAfterSwitch: true,
     onlyVideo: false,
-    onlyAudio: false
+    onlyAudio: false,
+    preferMMS: false
   }, opts);
   if (ret.isLive) {
     if (ret.preloadTime) {
@@ -10099,7 +10140,7 @@ var Flv = /* @__PURE__ */ function(_EventEmitter) {
           _this._gapService.do(media, opts.maxJumpDistance, _this.isLive, 3);
           return;
         }
-        if (opts.isLive && bufferEnd > opts.disconnectTime) {
+        if (opts.isLive && media.readyState === 4 && bufferEnd > opts.disconnectTime) {
           _this.disconnect();
         }
       }
@@ -10254,7 +10295,7 @@ var Flv = /* @__PURE__ */ function(_EventEmitter) {
   _createClass$4(Flv2, [{
     key: "version",
     get: function get() {
-      return "3.0.12";
+      return "3.0.15-alpha.2";
     }
   }, {
     key: "isLive",
@@ -10277,6 +10318,12 @@ var Flv = /* @__PURE__ */ function(_EventEmitter) {
     get: function get() {
       return this._mediaLoader;
     }
+  }, {
+    key: "blobUrl",
+    get: function get() {
+      var _this$_bufferService3;
+      return (_this$_bufferService3 = this._bufferService) === null || _this$_bufferService3 === void 0 ? void 0 : _this$_bufferService3.blobUrl;
+    }
   }, {
     key: "speedInfo",
     value: function speedInfo() {
@@ -10829,8 +10876,8 @@ var FlvPlugin = /* @__PURE__ */ function(_BasePlugin) {
         BasePlugin.defineGetterOrSetter(this.player, {
           url: {
             get: function get() {
-              var _this2$flv, _this2$flv$media;
-              return (_this2$flv = _this2.flv) === null || _this2$flv === void 0 ? void 0 : (_this2$flv$media = _this2$flv.media) === null || _this2$flv$media === void 0 ? void 0 : _this2$flv$media.src;
+              var _this2$flv;
+              return (_this2$flv = _this2.flv) === null || _this2$flv === void 0 ? void 0 : _this2$flv.blobUrl;
             },
             configurable: true
           }
@@ -10909,6 +10956,11 @@ var FlvPlugin = /* @__PURE__ */ function(_BasePlugin) {
     value: function isSupported(mediaType, codec) {
       return Flv.isSupported(mediaType, codec);
     }
+  }, {
+    key: "isSupportedMMS",
+    value: function isSupportedMMS() {
+      return typeof ManagedMediaSource !== "undefined";
+    }
   }]);
   return FlvPlugin2;
 }(BasePlugin);