添加字幕插件

2026-10-14 00:06:17 -08:00 · 2018-11-23 16:23:14 +08:00
1 parent 5f384fb04d
commit 1667457188
@@ -0,0 +1 @@
+.artplayerPluginDanmu{display:flex}
@@ -1,4 +1,4 @@
-.artplayer-video-player{position:relative;width:100%;height:100%;overflow:hidden;outline:0;font-family:Roboto,Arial,Helvetica,sans-serif;color:#eee;text-align:left;direction:ltr;font-size:14px;line-height:1.3;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);touch-action:manipulation;-ms-high-contrast-adjust:none}.artplayer-video-player *{box-sizing:border-box}.artplayer-video-player .art-icon{display:inline-block;line-height:1.5}.artplayer-video-player .art-icon svg{fill:#fff}.artplayer-video-player .art-hide{display:none!important}
+.artplayer-video-player{position:relative;width:100%;height:100%;overflow:hidden;outline:0;font-family:Roboto,Arial,Helvetica,sans-serif;color:#eee;text-align:left;direction:ltr;font-size:14px;line-height:1.3;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);touch-action:manipulation;-ms-high-contrast-adjust:none}.artplayer-video-player *{box-sizing:border-box}.artplayer-video-player .art-icon{display:inline-block;line-height:1.5}.artplayer-video-player .art-icon svg{fill:#fff}
 .artplayer-video-player .artplayer-video{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background-color:#000;outline:0;cursor:pointer}
 .artplayer-video-player .artplayer-subtitle{position:absolute;z-index:20;bottom:40px;width:100%;padding:0 20px;text-align:center;color:#fff;text-shadow:.5px .5px .5px rgba(0,0,0,.5);font-size:20px;pointer-events:none}.artplayer-video-player .artplayer-subtitle p{margin:5px 0}
 .artplayer-video-player .artplayer-layers{position:absolute;z-index:30;left:0;top:0;right:0;bottom:0;width:100%;height:100%;pointer-events:none}.artplayer-video-player .artplayer-layers .art-layer{pointer-events:all}
@@ -41,6 +41,7 @@
    <script src="./plugins/codemirror.js"></script>
    <script src="./plugins/javascript.js"></script>
    <script src="./js/artplayer.js"></script>
+    <script src="./js/artplayer-plugin-subtitle.js"></script>
    <script src="./js/common.js"></script>
    <script>
        var _hmt = _hmt || [];
@@ -0,0 +1,68 @@
+(function (global, factory) {
+	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+	typeof define === 'function' && define.amd ? define(['exports'], factory) :
+	(factory((global['artplayer-plugin-subtitle'] = {})));
+}(this, (function (exports) { 'use strict';
+
+	function createCommonjsModule(fn, module) {
+		return module = { exports: {} }, fn(module, module.exports), module.exports;
+	}
+
+	var _typeof_1 = createCommonjsModule(function (module) {
+	function _typeof2(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof2 = function _typeof2(obj) { return typeof obj; }; } else { _typeof2 = function _typeof2(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof2(obj); }
+
+	function _typeof(obj) {
+	  if (typeof Symbol === "function" && _typeof2(Symbol.iterator) === "symbol") {
+	    module.exports = _typeof = function _typeof(obj) {
+	      return _typeof2(obj);
+	    };
+	  } else {
+	    module.exports = _typeof = function _typeof(obj) {
+	      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : _typeof2(obj);
+	    };
+	  }
+
+	  return _typeof(obj);
+	}
+
+	module.exports = _typeof;
+	});
+
+	function artplayerPluginSubtitle(option) {
+	  return function (art) {
+	    var _art$constructor$util = art.constructor.utils,
+	        errorHandle = _art$constructor$util.errorHandle,
+	        clamp = _art$constructor$util.clamp,
+	        sleep = _art$constructor$util.sleep;
+	    errorHandle(option && typeof option.time === 'number', "The plugin 'artplayerPluginSubtitle': 'option.time' require 'number' type, but got '".concat(_typeof_1(option.time), "'"));
+	    var retry = 0;
+	    var maxRetry = 10;
+	    var time = clamp(option.time, -10, 10);
+
+	    function adjust() {
+	      errorHandle(retry < maxRetry, 'It seems that something wrong for reading subtitle');
+	      retry += 1;
+	      var cues = Array.from(art.refs.$track.track.cues);
+
+	      if (cues.length === 0) {
+	        sleep(100).then(adjust);
+	      } else {
+	        cues.forEach(function (cue) {
+	          cue.startTime += time;
+	          cue.endTime += time;
+	        });
+	      }
+	    }
+
+	    art.on('subtitle:load', adjust);
+	  };
+	}
+
+	window.artplayerPluginSubtitle = artplayerPluginSubtitle;
+
+	exports.default = artplayerPluginSubtitle;
+
+	Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
+//# sourceMappingURL=artplayer-plugin-subtitle.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"artplayer-plugin-subtitle.js","sources":["../../../packages/artplayer-plugin-subtitle/node_modules/@babel/runtime/helpers/typeof.js","../../../packages/artplayer-plugin-subtitle/src/index.js"],"sourcesContent":["function _typeof2(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof2 = function _typeof2(obj) { return typeof obj; }; } else { _typeof2 = function _typeof2(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof2(obj); }\n\nfunction _typeof(obj) {\n  if (typeof Symbol === \"function\" && _typeof2(Symbol.iterator) === \"symbol\") {\n    module.exports = _typeof = function _typeof(obj) {\n      return _typeof2(obj);\n    };\n  } else {\n    module.exports = _typeof = function _typeof(obj) {\n      return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : _typeof2(obj);\n    };\n  }\n\n  return _typeof(obj);\n}\n\nmodule.exports = _typeof;","function artplayerPluginSubtitle(option) {\n    return art => {\n        const { errorHandle, clamp, sleep } = art.constructor.utils;\n\n        errorHandle(\n            option && typeof option.time === 'number',\n            `The plugin 'artplayerPluginSubtitle': 'option.time' require 'number' type, but got '${typeof option.time}'`,\n        );\n\n        let retry = 0;\n        const maxRetry = 10;\n        const time = clamp(option.time, -10, 10);\n\n        function adjust() {\n            errorHandle(retry < maxRetry, 'It seems that something wrong for reading subtitle');\n            retry += 1;\n            const cues = Array.from(art.refs.$track.track.cues);\n            if (cues.length === 0) {\n                sleep(100).then(adjust);\n            } else {\n                cues.forEach(cue => {\n                    cue.startTime += time;\n                    cue.endTime += time;\n                });\n            }\n        }\n\n        art.on('subtitle:load', adjust);\n    };\n}\n\nwindow.artplayerPluginSubtitle = artplayerPluginSubtitle;\nexport default artplayerPluginSubtitle;\n"],"names":["artplayerPluginSubtitle","option","art","constructor","utils","errorHandle","clamp","sleep","time","retry","maxRetry","adjust","cues","Array","from","refs","$track","track","length","then","forEach","cue","startTime","endTime","on","window"],"mappings":";;;;;;;;;;;CAAA,SAAS,QAAQ,CAAC,GAAG,EAAE,EAAE,IAAI,OAAO,MAAM,KAAK,UAAU,IAAI,OAAO,MAAM,CAAC,QAAQ,KAAK,QAAQ,EAAE,EAAE,QAAQ,GAAG,SAAS,QAAQ,CAAC,GAAG,EAAE,EAAE,OAAO,OAAO,GAAG,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,QAAQ,GAAG,SAAS,QAAQ,CAAC,GAAG,EAAE,EAAE,OAAO,GAAG,IAAI,OAAO,MAAM,KAAK,UAAU,IAAI,GAAG,CAAC,WAAW,KAAK,MAAM,IAAI,GAAG,KAAK,MAAM,CAAC,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,OAAO,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE;;CAErW,SAAS,OAAO,CAAC,GAAG,EAAE;GACpB,IAAI,OAAO,MAAM,KAAK,UAAU,IAAI,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,QAAQ,EAAE;KAC1E,cAAc,GAAG,OAAO,GAAG,SAAS,OAAO,CAAC,GAAG,EAAE;OAC/C,OAAO,QAAQ,CAAC,GAAG,CAAC,CAAC;MACtB,CAAC;IACH,MAAM;KACL,cAAc,GAAG,OAAO,GAAG,SAAS,OAAO,CAAC,GAAG,EAAE;OAC/C,OAAO,GAAG,IAAI,OAAO,MAAM,KAAK,UAAU,IAAI,GAAG,CAAC,WAAW,KAAK,MAAM,IAAI,GAAG,KAAK,MAAM,CAAC,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;MACjI,CAAC;IACH;;GAED,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC;EACrB;;CAED,cAAc,GAAG,OAAO;;;CChBxB,SAASA,uBAAT,CAAiCC,MAAjC,EAAyC;CACrC,SAAO,UAAAC,GAAG,EAAI;CAAA,gCAC4BA,GAAG,CAACC,WAAJ,CAAgBC,KAD5C;CAAA,QACFC,WADE,yBACFA,WADE;CAAA,QACWC,KADX,yBACWA,KADX;CAAA,QACkBC,KADlB,yBACkBA,KADlB;CAGVF,IAAAA,WAAW,CACPJ,MAAM,IAAI,OAAOA,MAAM,CAACO,IAAd,KAAuB,QAD1B,0GAEuFP,MAAM,CAACO,IAF9F,QAAX;CAKA,QAAIC,KAAK,GAAG,CAAZ;CACA,QAAMC,QAAQ,GAAG,EAAjB;CACA,QAAMF,IAAI,GAAGF,KAAK,CAACL,MAAM,CAACO,IAAR,EAAc,CAAC,EAAf,EAAmB,EAAnB,CAAlB;;CAEA,aAASG,MAAT,GAAkB;CACdN,MAAAA,WAAW,CAACI,KAAK,GAAGC,QAAT,EAAmB,oDAAnB,CAAX;CACAD,MAAAA,KAAK,IAAI,CAAT;CACA,UAAMG,IAAI,GAAGC,KAAK,CAACC,IAAN,CAAWZ,GAAG,CAACa,IAAJ,CAASC,MAAT,CAAgBC,KAAhB,CAAsBL,IAAjC,CAAb;;CACA,UAAIA,IAAI,CAACM,MAAL,KAAgB,CAApB,EAAuB;CACnBX,QAAAA,KAAK,CAAC,GAAD,CAAL,CAAWY,IAAX,CAAgBR,MAAhB;CACH,OAFD,MAEO;CACHC,QAAAA,IAAI,CAACQ,OAAL,CAAa,UAAAC,GAAG,EAAI;CAChBA,UAAAA,GAAG,CAACC,SAAJ,IAAiBd,IAAjB;CACAa,UAAAA,GAAG,CAACE,OAAJ,IAAef,IAAf;CACH,SAHD;CAIH;CACJ;;CAEDN,IAAAA,GAAG,CAACsB,EAAJ,CAAO,eAAP,EAAwBb,MAAxB;CACH,GA3BD;CA4BH;;CAEDc,MAAM,CAACzB,uBAAP,GAAiCA,uBAAjC;;;;;;;;;;;;"}
@@ -4,36 +4,6 @@
  (factory((global.artplayer = {})));
 }(this, (function (exports) { 'use strict';

-  function _arrayWithoutHoles(arr) {
-    if (Array.isArray(arr)) {
-      for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) {
-        arr2[i] = arr[i];
-      }
-
-      return arr2;
-    }
-  }
-
-  var arrayWithoutHoles = _arrayWithoutHoles;
-
-  function _iterableToArray(iter) {
-    if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter);
-  }
-
-  var iterableToArray = _iterableToArray;
-
-  function _nonIterableSpread() {
-    throw new TypeError("Invalid attempt to spread non-iterable instance");
-  }
-
-  var nonIterableSpread = _nonIterableSpread;
-
-  function _toConsumableArray(arr) {
-    return arrayWithoutHoles(arr) || iterableToArray(arr) || nonIterableSpread();
-  }
-
-  var toConsumableArray = _toConsumableArray;
-
  function _classCallCheck(instance, Constructor) {
    if (!(instance instanceof Constructor)) {
      throw new TypeError("Cannot call a class as a function");
@@ -615,6 +585,12 @@
    mutex: 'boolean',
    fullscreen: 'boolean',
    fullscreenWeb: 'boolean',
+    plugins: {
+      type: 'array',
+      child: {
+        type: 'function'
+      }
+    },
    layers: {
      type: 'array',
      child: {
@@ -4292,7 +4268,6 @@

      this.art = art;
      this.state = true;
-      this.vttText = '';
      var url = this.art.option.subtitle.url;

      if (url) {
@@ -4315,10 +4290,12 @@
        var $track = document.createElement('track');
        $track.default = true;
        $track.kind = 'metadata';
-        this.load(subtitle.url).then(function (data) {
-          $track.src = data;
-          $video.appendChild($track);
-          _this.art.refs.$track = $track;
+        $video.appendChild($track);
+        this.art.refs.$track = $track;
+        this.load(subtitle.url).then(function (vttText) {
+          $track.src = vttToBlob(vttText);
+
+          _this.art.emit('subtitle:load', vttText);

          if ($video.textTracks && $video.textTracks[0]) {
            var _$video$textTracks = slicedToArray($video.textTracks, 1),
@@ -4346,21 +4323,21 @@
    }, {
      key: "load",
      value: function load(url) {
-        var _this2 = this;
-
        var notice = this.art.notice;
        var type;
        return fetch(url).then(function (response) {
          type = response.headers.get('Content-Type');
          return response.text();
        }).then(function (text) {
+          var vttText = '';
+
          if (/x-subrip/gi.test(type)) {
-            _this2.vttText = srtToVtt(text);
+            vttText = srtToVtt(text);
          } else {
-            _this2.vttText = text;
+            vttText = text;
          }

-          return vttToBlob(_this2.vttText);
+          return vttText;
        }).catch(function (err) {
          notice.show(err);
          console.warn(err);
@@ -4403,14 +4380,16 @@
    }, {
      key: "switch",
      value: function _switch(url) {
-        var _this3 = this;
+        var _this2 = this;

        var $track = this.art.refs.$track;
        errorHandle($track, 'You need to initialize the subtitle option first.');
-        this.load(url).then(function (data) {
-          $track.src = data;
+        this.load(url).then(function (vttText) {
+          $track.src = vttToBlob(vttText);

-          _this3.art.emit('subtitle:switch', url);
+          _this2.art.emit('subtitle:load', vttText);
+
+          _this2.art.emit('subtitle:switch', url);
        });
      }
    }]);
@@ -5257,6 +5236,21 @@
        id += 1;
        this.id = id;
        Artplayer.instances.push(this);
+        this.plugins = [];
+        this.option.plugins.forEach(function (plugin, index) {
+          var resule = plugin(_this2);
+          var pluginName = '';
+
+          if (resule && resule.name) {
+            pluginName = resule.name;
+          } else if (plugin.name) {
+            pluginName = plugin.name;
+          } else {
+            pluginName = "plugin".concat(index);
+          }
+
+          _this2.plugins[pluginName] = resule;
+        });
      }
    }, {
      key: "destroy",
@@ -5274,25 +5268,6 @@
        this.emit('destroy');
      }
    }], [{
-      key: "use",
-      value: function use() {
-        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-          args[_key] = arguments[_key];
-        }
-
-        var plugin = args[0];
-        var installedPlugins = this.plugins || (this.plugins = []);
-
-        if (installedPlugins.indexOf === -1) {
-          installedPlugins.push(plugin);
-          args.unshift(this);
-          plugin.apply(void 0, toConsumableArray(args.slice(1)));
-          this.prototype.emit('use', plugin);
-        }
-
-        return this;
-      }
-    }, {
      key: "version",
      get: function get() {
        return '1.0.3';
@@ -5337,6 +5312,7 @@
          quality: [],
          controls: [],
          highlight: [],
+          plugins: [],
          thumbnails: {
            url: '',
            number: 60,
@@ -1 +1 @@
-{"version":3,"file":"artplayer.js","sources":["../../../packages/artplayer/node_modules/@babel/runtime/helpers/arrayWithoutHoles.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/iterableToArray.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/nonIterableSpread.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/toConsumableArray.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/classCallCheck.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/createClass.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/typeof.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/assertThisInitialized.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/possibleConstructorReturn.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/getPrototypeOf.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/setPrototypeOf.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/inherits.js","../../../packages/artplayer/node_modules/tiny-emitter/index.js","../../../packages/artplayer/node_modules/option-validator/dist/option-validator.js","../../../packages/artplayer/node_modules/deepmerge/dist/es.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/isNativeFunction.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/construct.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/wrapNativeSuper.js","../../../packages/artplayer/src/utils/error.js","../../../packages/artplayer/src/utils/dom.js","../../../packages/artplayer/src/utils/subtitle.js","../../../packages/artplayer/src/utils/index.js","../../../packages/artplayer/src/scheme/validElement.js","../../../packages/artplayer/src/scheme/validStringEmpty.js","../../../packages/artplayer/src/scheme/index.js","../../../packages/artplayer/src/config/mimeCodec.js","../../../packages/artplayer/src/config/mse.js","../../../packages/artplayer/src/config/video.js","../../../packages/artplayer/src/config/index.js","../../../packages/artplayer/src/template.js","../../../packages/artplayer/src/i18n.js","../../../packages/artplayer/src/player/mountUrlMix.js","../../../packages/artplayer/src/player/attrInit.js","../../../packages/artplayer/src/player/eventInit.js","../../../packages/artplayer/src/player/playMix.js","../../../packages/artplayer/src/player/pauseMin.js","../../../packages/artplayer/src/player/toggleMix.js","../../../packages/artplayer/src/player/seekMix.js","../../../packages/artplayer/src/player/volumeMix.js","../../../packages/artplayer/src/player/currentTimeMix.js","../../../packages/artplayer/src/player/durationMix.js","../../../packages/artplayer/src/player/switchQualityMix.js","../../../packages/artplayer/src/player/playbackRateMix.js","../../../packages/artplayer/src/player/aspectRatioMix.js","../../../packages/artplayer/src/player/screenshotMix.js","../../../packages/artplayer/node_modules/screenfull/dist/screenfull.js","../../../packages/artplayer/src/player/fullscreenMix.js","../../../packages/artplayer/src/player/fullscreenWebMix.js","../../../packages/artplayer/node_modules/get-size/get-size.js","../../../packages/artplayer/node_modules/ev-emitter/ev-emitter.js","../../../packages/artplayer/node_modules/unipointer/unipointer.js","../../../packages/artplayer/node_modules/unidragger/unidragger.js","../../../packages/artplayer/node_modules/draggabilly/draggabilly.js","../../../packages/artplayer/src/player/pipMix.js","../../../packages/artplayer/src/player/loadedMix.js","../../../packages/artplayer/src/player/playedMix.js","../../../packages/artplayer/src/player/autoSizeMix.js","../../../packages/artplayer/src/player/flipMix.js","../../../packages/artplayer/src/player/index.js","../../../packages/artplayer/src/utils/component.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/defineProperty.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/objectSpread.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/arrayWithHoles.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/iterableToArrayLimit.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/nonIterableRest.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/slicedToArray.js","../../../packages/artplayer/src/icons/index.js","../../../packages/artplayer/src/controls/fullscreen.js","../../../packages/artplayer/src/controls/fullscreenWeb.js","../../../packages/artplayer/src/controls/pip.js","../../../packages/artplayer/src/controls/playAndPause.js","../../../packages/artplayer/src/controls/progress.js","../../../packages/artplayer/src/controls/subtitle.js","../../../packages/artplayer/src/controls/time.js","../../../packages/artplayer/src/controls/volume.js","../../../packages/artplayer/src/controls/setting.js","../../../packages/artplayer/src/controls/thumbnails.js","../../../packages/artplayLine truncated
+{"version":3,"file":"artplayer.js","sources":["../../../packages/artplayer/node_modules/@babel/runtime/helpers/classCallCheck.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/createClass.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/typeof.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/assertThisInitialized.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/possibleConstructorReturn.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/getPrototypeOf.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/setPrototypeOf.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/inherits.js","../../../packages/artplayer/node_modules/tiny-emitter/index.js","../../../packages/artplayer/node_modules/option-validator/dist/option-validator.js","../../../packages/artplayer/node_modules/deepmerge/dist/es.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/isNativeFunction.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/construct.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/wrapNativeSuper.js","../../../packages/artplayer/src/utils/error.js","../../../packages/artplayer/src/utils/dom.js","../../../packages/artplayer/src/utils/subtitle.js","../../../packages/artplayer/src/utils/index.js","../../../packages/artplayer/src/scheme/validElement.js","../../../packages/artplayer/src/scheme/validStringEmpty.js","../../../packages/artplayer/src/scheme/index.js","../../../packages/artplayer/src/config/mimeCodec.js","../../../packages/artplayer/src/config/mse.js","../../../packages/artplayer/src/config/video.js","../../../packages/artplayer/src/config/index.js","../../../packages/artplayer/src/template.js","../../../packages/artplayer/src/i18n.js","../../../packages/artplayer/src/player/mountUrlMix.js","../../../packages/artplayer/src/player/attrInit.js","../../../packages/artplayer/src/player/eventInit.js","../../../packages/artplayer/src/player/playMix.js","../../../packages/artplayer/src/player/pauseMin.js","../../../packages/artplayer/src/player/toggleMix.js","../../../packages/artplayer/src/player/seekMix.js","../../../packages/artplayer/src/player/volumeMix.js","../../../packages/artplayer/src/player/currentTimeMix.js","../../../packages/artplayer/src/player/durationMix.js","../../../packages/artplayer/src/player/switchQualityMix.js","../../../packages/artplayer/src/player/playbackRateMix.js","../../../packages/artplayer/src/player/aspectRatioMix.js","../../../packages/artplayer/src/player/screenshotMix.js","../../../packages/artplayer/node_modules/screenfull/dist/screenfull.js","../../../packages/artplayer/src/player/fullscreenMix.js","../../../packages/artplayer/src/player/fullscreenWebMix.js","../../../packages/artplayer/node_modules/get-size/get-size.js","../../../packages/artplayer/node_modules/ev-emitter/ev-emitter.js","../../../packages/artplayer/node_modules/unipointer/unipointer.js","../../../packages/artplayer/node_modules/unidragger/unidragger.js","../../../packages/artplayer/node_modules/draggabilly/draggabilly.js","../../../packages/artplayer/src/player/pipMix.js","../../../packages/artplayer/src/player/loadedMix.js","../../../packages/artplayer/src/player/playedMix.js","../../../packages/artplayer/src/player/autoSizeMix.js","../../../packages/artplayer/src/player/flipMix.js","../../../packages/artplayer/src/player/index.js","../../../packages/artplayer/src/utils/component.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/defineProperty.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/objectSpread.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/arrayWithHoles.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/iterableToArrayLimit.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/nonIterableRest.js","../../../packages/artplayer/node_modules/@babel/runtime/helpers/slicedToArray.js","../../../packages/artplayer/src/icons/index.js","../../../packages/artplayer/src/controls/fullscreen.js","../../../packages/artplayer/src/controls/fullscreenWeb.js","../../../packages/artplayer/src/controls/pip.js","../../../packages/artplayer/src/controls/playAndPause.js","../../../packages/artplayer/src/controls/progress.js","../../../packages/artplayer/src/controls/subtitle.js","../../../packages/artplayer/src/controls/time.js","../../../packages/artplayer/src/controls/volume.js","../../../packages/artplayer/src/controls/setting.js","../../../packages/artplayer/src/controls/thumbnails.js","../../../packages/artplayer/src/controls/screenshot.js","../../../packages/artplayer/src/controls/quality.js","../../../packages/artplayer/src/controls/index.js","../../../packages/artplayer/src/contextmenu/playbackRate.js","../../../packages/artplayer/src/contextmenu/aspectRatio.js","../../../packages/artplayer/src/contextmenu/info.js","../../../packages/artplayer/srcLine truncated
@@ -1,130 +1,134 @@
 var url = 'https://blog.zhw-island.com/assets-cdn';
 var art = new Artplayer({
-  container: '.artplayer-app',
-  url: url + '/video/one-more-time-one-more-chance-480p.mp4',
-  title: '【新海诚动画】『秒速5センチメートル』',
-  poster: url + '/image/one-more-time-one-more-chance-poster.jpg',
-  volume: 0.5,
-  muted: false,
-  autoplay: false,
-  pip: true,
-  autoSize: true,
-  screenshot: true,
-  setting: true,
-  loop: true,
-  playbackRate: true,
-  aspectRatio: true,
-  fullscreen: true,
-  fullscreenWeb: true,
-  mutex: true,
-  theme: '#ffad00',
-  lang: 'zh-cn',
-  moreVideoAttr: {
-    'webkit-playsinline': true,
-    'playsinline': true
-  },
-  contextmenu: [
-      {
-          html: '自定义菜单 - 天亮请关灯 Σ(っ °Д °;)っ',
-          click: function() {
-            document.querySelector('.video-wrap').classList.toggle('dark');
-            this.hide();
-          }
-      }
-  ],
-  layers: [
-    {
-      html: `<img style="width: 100px" src="${url}/image/your-name.png">`,
-      click: function () {
-        art.destroy(true);
-        art = new Artplayer({
-            autoplay: true,
-            container: '.artplayer-app',
-            url: url + '/video/you-name.mp4'
+    container: '.artplayer-app',
+    url: url + '/video/one-more-time-one-more-chance-480p.mp4',
+    title: '【新海诚动画】『秒速5センチメートル』',
+    poster: url + '/image/one-more-time-one-more-chance-poster.jpg',
+    volume: 0.5,
+    muted: false,
+    autoplay: false,
+    pip: true,
+    autoSize: true,
+    screenshot: true,
+    setting: true,
+    loop: true,
+    playbackRate: true,
+    aspectRatio: true,
+    fullscreen: true,
+    fullscreenWeb: true,
+    mutex: true,
+    theme: '#ffad00',
+    lang: 'zh-cn',
+    moreVideoAttr: {
+        'webkit-playsinline': true,
+        playsinline: true,
+    },
+    contextmenu: [
+        {
+            html: '自定义菜单 - 天亮请关灯 Σ(っ °Д °;)っ',
+            click: function() {
+                document.querySelector('.video-wrap').classList.toggle('dark');
+                this.hide();
+            },
+        },
+    ],
+    layers: [
+        {
+            html: `<img style="width: 100px" src="${url}/image/your-name.png">`,
+            click: function() {
+                art.destroy(true);
+                art = new Artplayer({
+                    autoplay: true,
+                    container: '.artplayer-app',
+                    url: url + '/video/you-name.mp4',
+                });
+            },
+            style: {
+                position: 'absolute',
+                top: '20px',
+                right: '20px',
+                opacity: '.9',
+            },
+        },
+    ],
+    quality: [
+        {
+            default: true,
+            name: '标清 480P',
+            url: url + '/video/one-more-time-one-more-chance-480p.mp4',
+        },
+        {
+            name: '高清 720P',
+            url: url + '/video/one-more-time-one-more-chance-720p.mp4',
+        },
+    ],
+    thumbnails: {
+        url: url + '/image/one-more-time-one-more-chance-thumbnails.png',
+        width: 190,
+        height: 107,
+    },
+    subtitle: {
+        url: url + '/subtitle/one-more-time-one-more-chance.srt',
+        style: {
+            color: '#03A9F4',
+        },
+    },
+    highlight: [
+        {
+            time: 60,
+            text: 'One more chance',
+        },
+        {
+            time: 120,
+            text: '谁でもいいはずなのに',
+        },
+        {
+            time: 180,
+            text: '夏の想い出がまわる',
+        },
+        {
+            time: 240,
+            text: 'こんなとこにあるはずもないのに',
+        },
+        {
+            time: 300,
+            text: '－－终わり－－',
+        },
+    ],
+    controls: [
+        {
+            name: 'myController',
+            position: 'right',
+            index: 1,
+            html: 'myController',
+            click: function() {
+                console.log('click myController');
+            },
+        },
+    ],
+    plugins: [
+        artplayerPluginSubtitle({
+            time: 4
        })
-      },
-      style: {
-          'position': 'absolute',
-          'top': '20px',
-          'right': '20px',
-          'opacity': '.9'
-      }
-    }
-  ],
-  quality: [
-    {
-      default: true,
-      name: '标清 480P',
-      url: url + '/video/one-more-time-one-more-chance-480p.mp4'
-    },
-    {
-      name: '高清 720P',
-      url: url + '/video/one-more-time-one-more-chance-720p.mp4'
-    }
-  ],
-  thumbnails: {
-    url: url + '/image/one-more-time-one-more-chance-thumbnails.png',
-    width: 190,
-    height: 107
-  },
-  subtitle: {
-    url: url + '/subtitle/one-more-time-one-more-chance.srt',
-    style: {
-      color: '#03A9F4'
-    }
-  },
-  highlight: [
-    {
-      time: 60,
-      text: 'One more chance'
-    },
-    {
-      time: 120,
-      text: '谁でもいいはずなのに'
-    },
-    {
-      time: 180,
-      text: '夏の想い出がまわる'
-    },
-    {
-      time: 240,
-      text: 'こんなとこにあるはずもないのに'
-    },
-    {
-      time: 300,
-      text: '－－终わり－－'
-    }
-  ],
-  controls: [
-    {
-      name: 'myController',
-      position: 'right',
-      index: 1,
-      html: 'myController',
-      click: function() {
-        console.log('click myController');
-      }
-    }
-  ]
+    ]
 });

-
 art.on('firstCanplay', () => {
-  art.on('resize', $player => {
-    art.controls.quality.show();
-    art.controls.setting.show();
-    art.controls.subtitle.show();
-    art.controls.pip.show();
-  
-    var playerWidth = $player.clientWidth;
-    if (playerWidth < 480) {
-      art.controls.quality.hide();
-      art.controls.setting.hide();
-    } 
-    
-    if (playerWidth < 360) {
-      art.controls.subtitle.hide();
-      art.controls.pip.hide();
-    }
-  });
-});
+    art.on('resize', $player => {
+        art.controls.quality.show();
+        art.controls.setting.show();
+        art.controls.subtitle.show();
+        art.controls.pip.show();
+
+        var playerWidth = $player.clientWidth;
+        if (playerWidth < 480) {
+            art.controls.quality.hide();
+            art.controls.setting.hide();
+        }
+
+        if (playerWidth < 360) {
+            art.controls.subtitle.hide();
+            art.controls.pip.hide();
+        }
+    });
+});
@@ -1,3 +0,0 @@
-export default function contextmenuMix(art) {
-    //
-}
@@ -1,3 +0,0 @@
-export default function controlMix(art) {
-    //
-}
@@ -1,3 +0,0 @@
-export default function i18n(art) {
-    //
-}
@@ -1,27 +1,8 @@
 import './index.scss';

-function i18nMix() {
-    //
-}
-
-function contextmenuMix(art) {
-    //
-}
-
-function settingMix(art) {
-    //
-}
-
-function controlMix(art) {
-    //
-}
-
 function artplayerPluginDanmu(Artplayer) {
    const art = Artplayer.prototype;
-    i18nMix(art);
-    contextmenuMix(art);
-    settingMix(art);
-    controlMix(art);
+    console.log(art);
 }

 window.artplayerPluginDanmu = artplayerPluginDanmu;
@@ -1,3 +0,0 @@
-export default function setting(art) {
-    //
-}
@@ -0,0 +1,11 @@
+{
+	"presets": [
+		[
+			"@babel/env",
+			{
+				"modules": false
+			}
+		]
+	],
+	"plugins": ["@babel/plugin-external-helpers", "@babel/plugin-transform-runtime"]
+}
@@ -0,0 +1,9 @@
+node_modules
+.DS_Store
+yarn.lock
+package-lock.json
+test
+coverage
+.nyc_output
+.cache
+docs
@@ -0,0 +1 @@
+package-lock=false
@@ -0,0 +1,51 @@
+# artplayer-plugin-subtitle
+
+Subtitle plugin for ArtPlayer
+
+## Install
+
+Install with `npm`
+
+```
+$ npm install artplayer-plugin-subtitle
+```
+
+Or install with `yarn`
+
+```
+$ yarn add artplayer-plugin-subtitle
+```
+
+```js
+import artplayerPluginSubtitle from 'artplayer-plugin-subtitle';
+```
+
+Or umd builds are also available
+
+```html
+<script src="path/to/artplayer-plugin-subtitle.js"></script>
+```
+
+Will expose the global variable to `window.artplayerPluginSubtitle`.
+
+## Usage
+
+```html
+<div class="artplayer-app"></div>
+```
+
+```js
+var art = new Artplayer({
+    container: '.artplayer-app',
+    url: 'path/to/video.mp4',
+    plugins: [
+        artplayerPluginSubtitle({
+            time: -1, // Subtitle delay time, ranging from -10 to 10
+        }),
+    ],
+});
+```
+
+## License
+
+MIT © [Harvey Zack](https://www.zhw-island.com/)
@@ -0,0 +1,50 @@
+{
+  "name": "artplayer-plugin-subtitle",
+  "version": "1.0.3",
+  "description": "Danmu plugin for ArtPlayer",
+  "main": "dist/artplayer-plugin-subtitle.js",
+  "style": "dist/artplayer-plugin-subtitle.css",
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development rollup -c -m -w",
+    "build": "cross-env NODE_ENV=production rollup -c",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/zhw2590582/ArtPlayer.git"
+  },
+  "keywords": [
+    "video",
+    "player"
+  ],
+  "author": "Harvey Zack <laozhaochaguan@gmail.com>",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/zhw2590582/ArtPlayer/issues"
+  },
+  "homepage": "https://github.com/zhw2590582/ArtPlayer#readme",
+  "devDependencies": {
+    "@babel/core": "^7.1.2",
+    "@babel/plugin-external-helpers": "^7.0.0",
+    "@babel/plugin-transform-runtime": "^7.1.0",
+    "@babel/preset-env": "^7.1.0",
+    "@babel/runtime": "^7.1.2",
+    "autoprefixer": "^9.3.1",
+    "browser-env": "^3.2.5",
+    "cross-env": "^5.2.0",
+    "cssnano": "^4.1.7",
+    "node-sass": "^4.9.4",
+    "rollup": "^0.67.0",
+    "rollup-plugin-babel": "^4.0.3",
+    "rollup-plugin-commonjs": "^9.2.0",
+    "rollup-plugin-eslint": "^5.0.0",
+    "rollup-plugin-node-resolve": "^3.4.0",
+    "rollup-plugin-postcss": "^1.6.2",
+    "rollup-plugin-replace": "^2.1.0",
+    "rollup-plugin-svgo": "^1.0.1",
+    "rollup-plugin-uglify": "^6.0.0"
+  },
+  "dependencies": {
+    "vtt-adjust": "^1.0.2"
+  }
+}
@@ -0,0 +1,63 @@
+const path = require('path');
+const babel = require('rollup-plugin-babel');
+const commonjs = require('rollup-plugin-commonjs');
+const nodeResolve = require('rollup-plugin-node-resolve');
+const postcss = require('rollup-plugin-postcss');
+const { eslint } = require('rollup-plugin-eslint');
+const autoprefixer = require('autoprefixer');
+const cssnano = require('cssnano');
+const replace = require('rollup-plugin-replace');
+const svgo = require('rollup-plugin-svgo');
+const { uglify } = require('rollup-plugin-uglify');
+const { version, homepage, name } = require('./package.json');
+
+const isProd = process.env.NODE_ENV === 'production';
+
+const banner =
+    '/*!\n' +
+    ` * ${name}.js v${version}\n` +
+    ` * Github: ${homepage}\n` +
+    ` * (c) 2017-${new Date().getFullYear()} Harvey Zack\n` +
+    ' * Released under the MIT License.\n' +
+    ' */\n';
+
+export default {
+    input: 'src/index.js',
+    output: {
+        name,
+        file: isProd ? `dist/${name}.js` : path.join(process.cwd(), '../../', `docs/lab/js/${name}.js`),
+        format: 'umd',
+        exports: 'named',
+    },
+    plugins: [
+        eslint({
+            exclude: ['node_modules/**', 'src/**/*.scss', 'src/**/*.svg'],
+        }),
+        postcss({
+            plugins: [autoprefixer, cssnano],
+            extract: isProd ? `dist/${name}.css` : path.join(process.cwd(), '../../', `docs/lab/css/${name}.css`),
+        }),
+        nodeResolve(),
+        commonjs(),
+        babel({
+            runtimeHelpers: true,
+            exclude: 'node_modules/**',
+            presets: [['@babel/env', { modules: false }]],
+            plugins: ['@babel/plugin-external-helpers', '@babel/plugin-transform-runtime'],
+        }),
+        svgo({
+            raw: true,
+        }),
+        replace({
+            exclude: 'node_modules/**',
+            __ENV__: JSON.stringify(process.env.NODE_ENV || 'development'),
+            __VERSION__: version,
+        }),
+        isProd &&
+            uglify({
+                output: {
+                    preamble: banner,
+                },
+            }),
+    ],
+};
@@ -0,0 +1,33 @@
+function artplayerPluginSubtitle(option) {
+    return art => {
+        const { errorHandle, clamp, sleep } = art.constructor.utils;
+
+        errorHandle(
+            option && typeof option.time === 'number',
+            `The plugin 'artplayerPluginSubtitle': 'option.time' require 'number' type, but got '${typeof option.time}'`,
+        );
+
+        let retry = 0;
+        const maxRetry = 10;
+        const time = clamp(option.time, -10, 10);
+
+        function adjust() {
+            errorHandle(retry < maxRetry, 'It seems that something wrong for reading subtitle');
+            retry += 1;
+            const cues = Array.from(art.refs.$track.track.cues);
+            if (cues.length === 0) {
+                sleep(100).then(adjust);
+            } else {
+                cues.forEach(cue => {
+                    cue.startTime += time;
+                    cue.endTime += time;
+                });
+            }
+        }
+
+        art.on('subtitle:load', adjust);
+    };
+}
+
+window.artplayerPluginSubtitle = artplayerPluginSubtitle;
+export default artplayerPluginSubtitle;
@@ -71,6 +71,7 @@ class Artplayer extends Emitter {
            quality: [],
            controls: [],
            highlight: [],
+            plugins: [],
            thumbnails: {
                url: '',
                number: 60,
@@ -90,18 +91,6 @@ class Artplayer extends Emitter {
        };
    }

-    static use(...args) {
-        const plugin = args[0];
-        const installedPlugins = this.plugins || (this.plugins = []);
-        if (installedPlugins.indexOf === -1) {
-            installedPlugins.push(plugin);
-            args.unshift(this);
-            plugin(...args.slice(1));
-            this.prototype.emit('use', plugin);
-        }
-        return this;
-    }
-
    init() {
        this.isFocus = false;
        this.isPlaying = false;
@@ -136,6 +125,20 @@ class Artplayer extends Emitter {
        id += 1;
        this.id = id;
        Artplayer.instances.push(this);
+
+        this.plugins = [];
+        this.option.plugins.forEach((plugin, index) => {
+            const resule = plugin(this);
+            let pluginName = '';
+            if (resule && resule.name) {
+                pluginName = resule.name;
+            } else if (plugin.name) {
+                pluginName = plugin.name;
+            } else {
+                pluginName = `plugin${index}`;
+            }
+            this.plugins[pluginName] = resule;
+        });
    }

    destroy(removeHtml = false) {
@@ -32,6 +32,12 @@ export default {
    mutex: 'boolean',
    fullscreen: 'boolean',
    fullscreenWeb: 'boolean',
+    plugins: {
+        type: 'array',
+        child: {
+            type: 'function',
+        },
+    },
    layers: {
        type: 'array',
        child: {
@@ -26,8 +26,4 @@
            fill: #fff;
        }
    }
-
-    .art-hide {
-        display: none !important;
-    }
 }
@@ -5,7 +5,6 @@ export default class Subtitle {
    constructor(art) {
        this.art = art;
        this.state = true;
-        this.vttText = '';
        const { url } = this.art.option.subtitle;
        if (url) {
            this.init();
@@ -22,10 +21,11 @@ export default class Subtitle {
        const $track = document.createElement('track');
        $track.default = true;
        $track.kind = 'metadata';
-        this.load(subtitle.url).then(data => {
-            $track.src = data;
-            $video.appendChild($track);
-            this.art.refs.$track = $track;
+        $video.appendChild($track);
+        this.art.refs.$track = $track;
+        this.load(subtitle.url).then(vttText => {
+            $track.src = vttToBlob(vttText);
+            this.art.emit('subtitle:load', vttText);
            if ($video.textTracks && $video.textTracks[0]) {
                const [track] = $video.textTracks;
                proxy(track, 'cuechange', () => {
@@ -54,12 +54,13 @@ export default class Subtitle {
                return response.text();
            })
            .then(text => {
+                let vttText = '';
                if (/x-subrip/gi.test(type)) {
-                    this.vttText = srtToVtt(text);
+                    vttText = srtToVtt(text);
                } else {
-                    this.vttText = text;
+                    vttText = text;
                }
-                return vttToBlob(this.vttText);
+                return vttText;
            })
            .catch(err => {
                notice.show(err);
@@ -103,8 +104,9 @@ export default class Subtitle {
    switch(url) {
        const { $track } = this.art.refs;
        errorHandle($track, 'You need to initialize the subtitle option first.');
-        this.load(url).then(data => {
-            $track.src = data;
+        this.load(url).then(vttText => {
+            $track.src = vttToBlob(vttText);
+            this.art.emit('subtitle:load', vttText);
            this.art.emit('subtitle:switch', url);
        });
    }
				`@@ -0,0 +1 @@`
				{"version":3,"file":"artplayer-plugin-subtitle.js","sources":["../../../packages/artplayer-plugin-subtitle/node_modules/@babel/runtime/helpers/typeof.js","../../../packages/artplayer-plugin-subtitle/src/index.js"],"sourcesContent":["function _typeof2(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof2 = function _typeof2(obj) { return typeof obj; }; } else { _typeof2 = function _typeof2(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof2(obj); }\n\nfunction _typeof(obj) {\n if (typeof Symbol === \"function\" && _typeof2(Symbol.iterator) === \"symbol\") {\n module.exports = _typeof = function _typeof(obj) {\n return _typeof2(obj);\n };\n } else {\n module.exports = _typeof = function _typeof(obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : _typeof2(obj);\n };\n }\n\n return _typeof(obj);\n}\n\nmodule.exports = _typeof;","function artplayerPluginSubtitle(option) {\n return art => {\n const { errorHandle, clamp, sleep } = art.constructor.utils;\n\n errorHandle(\n option && typeof option.time === 'number',\n `The plugin 'artplayerPluginSubtitle': 'option.time' require 'number' type, but got '${typeof option.time}'`,\n );\n\n let retry = 0;\n const maxRetry = 10;\n const time = clamp(option.time, -10, 10);\n\n function adjust() {\n errorHandle(retry < maxRetry, 'It seems that something wrong for reading subtitle');\n retry += 1;\n const cues = Array.from(art.refs.$track.track.cues);\n if (cues.length === 0) {\n sleep(100).then(adjust);\n } else {\n cues.forEach(cue => {\n cue.startTime += time;\n cue.endTime += time;\n });\n }\n }\n\n art.on('subtitle:load', adjust);\n };\n}\n\nwindow.artplayerPluginSubtitle = artplayerPluginSubtitle;\nexport default artplayerPluginSubtitle;\n"],"names":["artplayerPluginSubtitle","option","art","constructor","utils","errorHandle","clamp","sleep","time","retry","maxRetry","adjust","cues","Array","from","refs","$track","track","length","then","forEach","cue","startTime","endTime","on","window"],"mappings":";;;;;;;;;;;CAAA,SAAS,QAAQ,CAAC,GAAG,EAAE,EAAE,IAAI,OAAO,MAAM,KAAK,UAAU,IAAI,OAAO,MAAM,CAAC,QAAQ,KAAK,QAAQ,EAAE,EAAE,QAAQ,GAAG,SAAS,QAAQ,CAAC,GAAG,EAAE,EAAE,OAAO,OAAO,GAAG,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,QAAQ,GAAG,SAAS,QAAQ,CAAC,GAAG,EAAE,EAAE,OAAO,GAAG,IAAI,OAAO,MAAM,KAAK,UAAU,IAAI,GAAG,CAAC,WAAW,KAAK,MAAM,IAAI,GAAG,KAAK,MAAM,CAAC,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,OAAO,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE;;CAErW,SAAS,OAAO,CAAC,GAAG,EAAE;GACpB,IAAI,OAAO,MAAM,KAAK,UAAU,IAAI,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,QAAQ,EAAE;KAC1E,cAAc,GAAG,OAAO,GAAG,SAAS,OAAO,CAAC,GAAG,EAAE;OAC/C,OAAO,QAAQ,CAAC,GAAG,CAAC,CAAC;MACtB,CAAC;IACH,MAAM;KACL,cAAc,GAAG,OAAO,GAAG,SAAS,OAAO,CAAC,GAAG,EAAE;OAC/C,OAAO,GAAG,IAAI,OAAO,MAAM,KAAK,UAAU,IAAI,GAAG,CAAC,WAAW,KAAK,MAAM,IAAI,GAAG,KAAK,MAAM,CAAC,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;MACjI,CAAC;IACH;;GAED,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC;EACrB;;CAED,cAAc,GAAG,OAAO;;;CChBxB,SAASA,uBAAT,CAAiCC,MAAjC,EAAyC;CACrC,SAAO,UAAAC,GAAG,EAAI;CAAA,gCAC4BA,GAAG,CAACC,WAAJ,CAAgBC,KAD5C;CAAA,QACFC,WADE,yBACFA,WADE;CAAA,QACWC,KADX,yBACWA,KADX;CAAA,QACkBC,KADlB,yBACkBA,KADlB;CAGVF,IAAAA,WAAW,CACPJ,MAAM,IAAI,OAAOA,MAAM,CAACO,IAAd,KAAuB,QAD1B,0GAEuFP,MAAM,CAACO,IAF9F,QAAX;CAKA,QAAIC,KAAK,GAAG,CAAZ;CACA,QAAMC,QAAQ,GAAG,EAAjB;CACA,QAAMF,IAAI,GAAGF,KAAK,CAACL,MAAM,CAACO,IAAR,EAAc,CAAC,EAAf,EAAmB,EAAnB,CAAlB;;CAEA,aAASG,MAAT,GAAkB;CACdN,MAAAA,WAAW,CAACI,KAAK,GAAGC,QAAT,EAAmB,oDAAnB,CAAX;CACAD,MAAAA,KAAK,IAAI,CAAT;CACA,UAAMG,IAAI,GAAGC,KAAK,CAACC,IAAN,CAAWZ,GAAG,CAACa,IAAJ,CAASC,MAAT,CAAgBC,KAAhB,CAAsBL,IAAjC,CAAb;;CACA,UAAIA,IAAI,CAACM,MAAL,KAAgB,CAApB,EAAuB;CACnBX,QAAAA,KAAK,CAAC,GAAD,CAAL,CAAWY,IAAX,CAAgBR,MAAhB;CACH,OAFD,MAEO;CACHC,QAAAA,IAAI,CAACQ,OAAL,CAAa,UAAAC,GAAG,EAAI;CAChBA,UAAAA,GAAG,CAACC,SAAJ,IAAiBd,IAAjB;CACAa,UAAAA,GAAG,CAACE,OAAJ,IAAef,IAAf;CACH,SAHD;CAIH;CACJ;;CAEDN,IAAAA,GAAG,CAACsB,EAAJ,CAAO,eAAP,EAAwBb,MAAxB;CACH,GA3BD;CA4BH;;CAEDc,MAAM,CAACzB,uBAAP,GAAiCA,uBAAjC;;;;;;;;;;;;"}