xgplayer 2.31.4 → 2.32.0

package/dist/index.js

@@ -1221,7 +1221,7 @@ module.exports = exports["default"];
 /* 8 */
 /***/ (function(module) {
 
-module.exports = JSON.parse("{\"version\":\"2.31.4\"}");
+module.exports = JSON.parse("{\"version\":\"2.32.0\"}");
 
 /***/ }),
 /* 9 */
@@ -1659,12 +1659,12 @@ var Player = function (_Proxy) {
         (0, _allOff2.default)(this);
       }
 
-      if (!this.paused) {
-        this.pause();
-        this.once('pause', destroyFunc);
-      } else {
-        destroyFunc.call(this);
-      }
+      // destroy immediately
+      // Don't use the paused property detection, it doesn't use MediaElement.paused, 
+      // so it's not accurate enough. Destroy after waiting for pause event, this 
+      // changes the synchronous behavior of destroy api
+      destroyFunc.call(this);
+
       _get(Player.prototype.__proto__ || Object.getPrototypeOf(Player.prototype), 'destroy', this).call(this);
     }
   }, {
@@ -2703,6 +2703,11 @@ var Proxy = function () {
     get: function get() {
       return (0, _util.hasClass)(this.root, 'xgplayer-pip-active');
     }
+  }, {
+    key: 'isMiniPlayer',
+    get: function get() {
+      return (0, _util.hasClass)(this.root, 'xgplayer-miniplayer-active');
+    }
   }]);
 
   return Proxy;
@@ -4730,8 +4735,12 @@ var s_progress = function s_progress() {
       player.config.enableSwipeHandler.call(player);
     });
   };
-
-  ['touchstart', 'mousedown'].forEach(function (item) {
+  var events = ['touchstart', 'mousedown'];
+  if (_sniffer2.default.device === 'mobile') {
+    // 解决在移动端触发多次seeking问题
+    events.pop();
+  }
+  events.forEach(function (item) {
     container.addEventListener(item, function (e) {
       if (player.config.disableProgress) return;
       // e.preventDefault()
@@ -4770,6 +4779,7 @@ var s_progress = function s_progress() {
           progress.style.width = w * 100 / containerWidth + '%';
 
           if (player.videoConfig.mediaType === 'video' && !player.dash && !player.config.closeMoveSeek) {
+            console.log('trigger touchmove');
             player.currentTime = Number(now).toFixed(1);
           } else {
             var time = (0, _util.findDom)(player.controls, '.xgplayer-time');
@@ -4795,6 +4805,7 @@ var s_progress = function s_progress() {
         player.emit('focus');
       };
       var up = function up(e) {
+        console.log('up event', e);
         // e.preventDefault()
         e.stopPropagation();
         (0, _util.event)(e);
@@ -4814,6 +4825,7 @@ var s_progress = function s_progress() {
           if (now < 0) now = 0;
           if (player.config.allowSeekPlayed && Number(now).toFixed(1) > player.maxPlayedTime) {} else {
             progress.style.width = w * 100 / containerWidth + '%';
+            console.warn('trigger touchup');
             player.currentTime = Number(now).toFixed(1);
           }
         }
@@ -4823,10 +4835,14 @@ var s_progress = function s_progress() {
         player.emit('focus');
         player.isProgressMoving = false;
       };
-      window.addEventListener('mousemove', move);
+      // if (item === 'touchstart') {
       window.addEventListener('touchmove', move, { passive: false });
-      window.addEventListener('mouseup', up);
       window.addEventListener('touchend', up);
+      // } else {
+      window.addEventListener('mousemove', move);
+      // console.warn('add envent mouseup')
+      window.addEventListener('mouseup', up);
+      // }
       return true;
     });
   });
@@ -6321,7 +6337,10 @@ Object.defineProperty(exports, "__esModule", {
 var memoryPlay = function memoryPlay() {
   var player = this;
   player.on('memoryPlayStart', function (lastPlayTime) {
-    player.currentTime = lastPlayTime;
+    setTimeout(function () {
+      console.log('memoryPlayStart', lastPlayTime, player.readyState, 11);
+      player.currentTime = lastPlayTime;
+    });
   });
 };
 
@@ -6484,7 +6503,7 @@ module.exports = exports['default'];
 /***/ (function(module, exports, __webpack_require__) {
 
 var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
- * Draggabilly v2.3.0
+ * Draggabilly v2.4.1
  * Make that shiz draggable
  * https://draggabilly.desandro.com
  * MIT license
@@ -7122,7 +7141,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
 /***/ (function(module, exports, __webpack_require__) {
 
 var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
- * Unidragger v2.3.1
+ * Unidragger v2.4.0
  * Draggable base class
  * MIT license
  */
@@ -7395,7 +7414,7 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
 /***/ (function(module, exports, __webpack_require__) {
 
 var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
- * Unipointer v2.3.0
+ * Unipointer v2.4.0
  * base class for doing one thing with pointer event
  * MIT license
  */
@@ -7442,12 +7461,13 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
 
     // default to mouse events
     var startEvent = 'mousedown';
-    if (window.PointerEvent) {
+    if ('ontouchstart' in window) {
+      // HACK prefer Touch Events as you can preventDefault on touchstart to
+      // disable scroll in iOS & mobile Chrome metafizzy/flickity#1177
+      startEvent = 'touchstart';
+    } else if (window.PointerEvent) {
       // Pointer Events
       startEvent = 'pointerdown';
-    } else if ('ontouchstart' in window) {
-      // Touch Events. iOS Safari
-      startEvent = 'touchstart';
     }
     elem[bindMethod](startEvent, this);
   };
@@ -7833,10 +7853,12 @@ var pip = function pip() {
   };
 
   player.video.addEventListener('enterpictureinpicture', function (pipWindow) {
+    (0, _util.addClass)(player.root, 'xgplayer-pip-active');
     player.emit('requestPictureInPicture', pipWindow);
   });
 
   player.video.addEventListener('leavepictureinpicture', function () {
+    (0, _util.removeClass)(player.root, 'xgplayer-pip-active');
     player.emit('exitPictureInPicture');
   });
 
@@ -9643,7 +9665,7 @@ module.exports = exports['default'];
       Er = /^\:\:cue/,
       Pr = /^}+$/,
       jr = /^\[Script Info\].*/,
-      Mr = [/[0-9]{2}:[0-9]{2}:[0-9]{2}\.[0-9]{3}-->[0-9]{2}:[0-9]{2}:[0-9]{2}\.[0-9]{3}/, /[0-9]{2}:[0-9]{2}\.[0-9]{3}-->[0-9]{2}:[0-9]{2}\.[0-9]{3}/, /[0-9]{2}\.[0-9]{3}-->[0-9]{2}\.[0-9]{3}/],
+      Mr = [/[0-9]{1,3}:[0-9]{2}:[0-9]{2}\.[0-9]{1,3}-->[0-9]{1,3}:[0-9]{2}:[0-9]{2}\.[0-9]{1,3}/, /[0-9]{1,2}:[0-9]{2}\.[0-9]{1,3}-->[0-9]{1,2}:[0-9]{2}\.[0-9]{1,3}/, /[0-9]{1,2}\.[0-9]{1,3}-->[0-9]{1,2}\.[0-9]{1,3}/],
       Ar = /^Format:\s/,
       Cr = /^Style:\s/,
       Rr = /^Dialogue:\s/,
@@ -10470,6 +10492,7 @@ var s_definition = function s_definition() {
         return a.href === src;
       }
     });
+    console.warn('cursrc:', cursrc, 'src:', src, 'list:', list);
     tmp.push('</ul><p class=\'name\'>' + (cursrc[0] || { name: '' }).name + '</p>');
     var urlInRoot = root.querySelector('.xgplayer-definition');
     if (urlInRoot) {
@@ -11229,6 +11252,7 @@ module.exports = exports['default'];
 
 var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
 
+/*! Built @Fri, 02 Sep 2022 13:43:57 GMT */
 !function (e, t) {
   "object" == ( false ? undefined : _typeof(exports)) && "object" == ( false ? undefined : _typeof(module)) ? module.exports = t() :  true ? !(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = (t),
 				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
@@ -11259,72 +11283,81 @@ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol
     }, n.p = "", n(n.s = 4);
   }([function (e, t, n) {
     "use strict";
-    Object.defineProperty(t, "__esModule", { value: !0 });var i = { createDom: function createDom() {
-        var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : "div",
-            t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "",
-            n = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : {},
-            i = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : "",
-            o = document.createElement(e);return o.className = i, o.innerHTML = t, Object.keys(n).forEach(function (t) {
-          var i = t,
-              r = n[t];"video" === e || "audio" === e ? r && o.setAttribute(i, r) : o.setAttribute(i, r);
-        }), o;
-      }, hasClass: function hasClass(e, t) {
-        return e.classList ? Array.prototype.some.call(e.classList, function (e) {
-          return e === t;
-        }) : !!e.className.match(new RegExp("(\\s|^)" + t + "(\\s|$)"));
-      }, addClass: function addClass(e, t) {
-        e.classList ? t.replace(/(^\s+|\s+$)/g, "").split(/\s+/g).forEach(function (t) {
-          t && e.classList.add(t);
-        }) : i.hasClass(e, t) || (e.className += " " + t);
-      }, removeClass: function removeClass(e, t) {
-        e.classList ? t.split(/\s+/g).forEach(function (t) {
-          e.classList.remove(t);
-        }) : i.hasClass(e, t) && t.split(/\s+/g).forEach(function (t) {
-          var n = new RegExp("(\\s|^)" + t + "(\\s|$)");e.className = e.className.replace(n, " ");
-        });
-      }, toggleClass: function toggleClass(e, t) {
-        t.split(/\s+/g).forEach(function (t) {
-          i.hasClass(e, t) ? i.removeClass(e, t) : i.addClass(e, t);
-        });
-      }, findDom: function findDom() {
-        var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : document,
-            t = arguments[1],
-            n = void 0;try {
-          n = e.querySelector(t);
-        } catch (i) {
-          t.startsWith("#") && (n = e.getElementById(t.slice(1)));
-        }return n;
-      }, deepCopy: function deepCopy(e, t) {
-        if ("Object" === i.typeOf(t) && "Object" === i.typeOf(e)) return Object.keys(t).forEach(function (n) {
-          "Object" !== i.typeOf(t[n]) || t[n] instanceof Node ? "Array" === i.typeOf(t[n]) ? e[n] = "Array" === i.typeOf(e[n]) ? e[n].concat(t[n]) : t[n] : e[n] = t[n] : e[n] ? i.deepCopy(e[n], t[n]) : e[n] = t[n];
-        }), e;
-      }, typeOf: function typeOf(e) {
-        return Object.prototype.toString.call(e).match(/([^\s.*]+)(?=]$)/g)[0];
-      }, copyDom: function copyDom(e) {
-        if (e && 1 === e.nodeType) {
-          var t = document.createElement(e.tagName);return Array.prototype.forEach.call(e.attributes, function (e) {
-            t.setAttribute(e.name, e.value);
-          }), e.innerHTML && (t.innerHTML = e.innerHTML), t;
-        }return "";
-      }, formatTime: function formatTime(e) {
-        var t = Math.floor(e);return 1e3 * t + (e - t);
-      }, offInDestroy: function offInDestroy(e, t, n, i) {
+    function i(e, t) {
+      return e.classList ? Array.prototype.some.call(e.classList, function (e) {
+        return e === t;
+      }) : !!e.className.match(new RegExp("(\\s|^)" + t + "(\\s|$)"));
+    }function o(e, t) {
+      e.classList ? t.replace(/(^\s+|\s+$)/g, "").split(/\s+/g).forEach(function (t) {
+        t && e.classList.add(t);
+      }) : i(e, t) || (e.className += " " + t);
+    }function r(e, t) {
+      e.classList ? t.split(/\s+/g).forEach(function (t) {
+        e.classList.remove(t);
+      }) : i(e, t) && t.split(/\s+/g).forEach(function (t) {
+        var n = new RegExp("(\\s|^)" + t + "(\\s|$)");e.className = e.className.replace(n, " ");
+      });
+    }function a(e) {
+      return Object.prototype.toString.call(e).match(/([^\s.*]+)(?=]$)/g)[0];
+    }Object.defineProperty(t, "__esModule", { value: !0 }), t.createDom = function () {
+      var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : "div",
+          t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "",
+          n = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : {},
+          i = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : "",
+          o = document.createElement(e);return o.className = i, o.innerHTML = t, Object.keys(n).forEach(function (t) {
+        var i = t,
+            r = n[t];"video" === e || "audio" === e ? r && o.setAttribute(i, r) : o.setAttribute(i, r);
+      }), o;
+    }, t.hasClass = i, t.addClass = o, t.removeClass = r, t.toggleClass = function (e, t) {
+      t.split(/\s+/g).forEach(function (t) {
+        i(e, t) ? r(e, t) : o(e, t);
+      });
+    }, t.findDom = function () {
+      var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : document,
+          t = arguments[1],
+          n = void 0;try {
+        n = e.querySelector(t);
+      } catch (i) {
+        t.startsWith("#") && (n = e.getElementById(t.slice(1)));
+      }return n;
+    }, t.deepCopy = function e(t, n) {
+      if ("Object" === a(n) && "Object" === a(t)) return Object.keys(n).forEach(function (i) {
+        "Object" !== a(n[i]) || n[i] instanceof Node ? "Array" === a(n[i]) ? t[i] = "Array" === a(t[i]) ? t[i].concat(n[i]) : n[i] : t[i] = n[i] : t[i] ? e(t[i], n[i]) : t[i] = n[i];
+      }), t;
+    }, t.typeOf = a, t.copyDom = function (e) {
+      if (e && 1 === e.nodeType) {
+        var t = document.createElement(e.tagName);return Array.prototype.forEach.call(e.attributes, function (e) {
+          t.setAttribute(e.name, e.value);
+        }), e.innerHTML && (t.innerHTML = e.innerHTML), t;
+      }return "";
+    }, t.attachEventListener = function (e, t, n, i) {
+      if (i) e.on(t, n), function (e, t, n, i) {
         e.once(i, function o() {
           e.off(t, n), e.off(i, o);
         });
-      }, on: function on(e, t, n, o) {
-        if (o) e.on(t, n), i.offInDestroy(e, t, n, o);else {
-          e.on(t, function i(o) {
-            n(o), e.off(t, i);
-          });
-        }
-      }, style: function style(e, t, n) {
-        var i = e.style;try {
-          i[t] = n;
-        } catch (e) {
-          i.setProperty(t, n);
-        }
-      } };t.default = i, e.exports = t.default;
+      }(e, t, n, i);else {
+        e.on(t, function i(o) {
+          n(o), e.off(t, i);
+        });
+      }
+    }, t.styleUtil = function (e, t, n) {
+      var i = e.style;try {
+        i[t] = n;
+      } catch (e) {
+        i.setProperty(t, n);
+      }
+    }, t.isNumber = function (e) {
+      return "number" == typeof e && !Number.isNaN(e);
+    }, t.throttle = function (e, t) {
+      var n = this,
+          i = 0;return function () {
+        for (var o = arguments.length, r = Array(o), a = 0; a < o; a++) {
+          r[a] = arguments[a];
+        }clearTimeout(i), i = setTimeout(function () {
+          return e.apply(n, r);
+        }, t);
+      };
+    };t.hasOwnProperty = Object.prototype.hasOwnProperty;
   }, function (e, t, n) {
     "use strict";
     Object.defineProperty(t, "__esModule", { value: !0 });var i,
@@ -11349,7 +11382,7 @@ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol
     }();t.default = s, e.exports = t.default;
   }, function (e, t, n) {
     "use strict";
-    var i = n(19)();e.exports = function (e) {
+    var i = n(18)();e.exports = function (e) {
       return e !== i && null !== e;
     };
   }, function (e, t, n) {
@@ -11357,16 +11390,14 @@ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol
     e.exports = function (e) {
       return null != e;
     };
-  }, function (e, t, n) {
-    e.exports = n(5);
   }, function (e, t, n) {
     "use strict";
     Object.defineProperty(t, "__esModule", { value: !0 });var i,
-        o = n(6),
+        o = n(5),
         r = (i = o) && i.__esModule ? i : { default: i };n(34), t.default = r.default, e.exports = t.default;
   }, function (e, t, n) {
     "use strict";
-    Object.defineProperty(t, "__esModule", { value: !0 });var i = function () {
+    Object.defineProperty(t, "__esModule", { value: !0 }), t.DanmuJs = void 0;var i = function () {
       function e(e, t) {
         for (var n = 0; n < t.length; n++) {
           var i = t[n];i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(e, i.key, i);
@@ -11375,103 +11406,147 @@ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol
         return n && e(t.prototype, n), i && e(t, i), t;
       };
     }(),
-        o = f(n(7)),
-        r = f(n(1)),
-        a = f(n(27)),
-        s = f(n(31)),
-        l = f(n(0)),
-        u = n(32),
-        c = n(33);function f(e) {
+        o = f(n(6)),
+        r = n(25),
+        a = f(n(1)),
+        s = f(n(27)),
+        l = f(n(32)),
+        u = n(33),
+        c = n(0);function f(e) {
       return e && e.__esModule ? e : { default: e };
     }function h(e, t) {
       if (!e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return !t || "object" != (typeof t === "undefined" ? "undefined" : _typeof(t)) && "function" != typeof t ? e : t;
-    }var d = function (e) {
+    }var d = t.DanmuJs = function (e) {
       function t(e) {
         !function (e, t) {
           if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
-        }(this, t);var n = h(this, (t.__proto__ || Object.getPrototypeOf(t)).call(this));n.setLogger("danmu"), n.logger && n.logger.info("danmu.js version: " + u.version);var i = n;if (i.config = l.default.deepCopy({ overlap: !1, area: { start: 0, end: 1 }, live: !1, comments: [], direction: "r2l", needResizeObserver: !1 }, e), i.hideArr = [], i.domObj = new s.default(), (0, o.default)(i), i.config.comments.forEach(function (e) {
+        }(this, t);var n = h(this, (t.__proto__ || Object.getPrototypeOf(t)).call(this)),
+            i = n;i.setLogger("danmu"), i.logger && i.logger.info("danmu.js version: " + r.version);var a = i.config = { overlap: !1, area: { start: 0, end: 1, lines: void 0 }, live: !1, comments: [], direction: "r2l", needResizeObserver: !1, dropStaleComments: !1, channelSize: void 0, maxCommentsLength: void 0, bulletOffset: void 0, interval: 2e3 };if ((0, c.deepCopy)(a, e), (0, o.default)(i), i.hideArr = [], i.domObj = new l.default(), i.freezeId = null, a.comments.forEach(function (e) {
           e.duration = e.duration ? e.duration : 5e3, e.mode || (e.mode = "scroll");
-        }), !i.config.container || 1 !== i.config.container.nodeType) return i.emit("error", "container id can't be empty"), !1, h(n, !1);if (i.container = i.config.container, i.config.containerStyle) {
-          var r = i.config.containerStyle;Object.keys(r).forEach(function (e) {
-            i.container.style[e] = r[e];
+        }), i.container = a.container && 1 === a.container.nodeType ? a.container : null, !i.container) return i.emit("error", "container id can't be empty"), !1, h(n, !1);if (a.containerStyle) {
+          var u = a.containerStyle;Object.keys(u).forEach(function (e) {
+            i.container.style[e] = u[e];
           });
-        }return i.live = i.config.live, i.player = i.config.player, i.direction = i.config.direction, l.default.addClass(i.container, "danmu"), i.bulletBtn = new a.default(i), i.isReady = !0, i.emit("ready"), n.logger && n.logger.info("ready"), n.addResizeObserver(), n;
+        }return i.live = a.live, i.player = a.player, i.direction = a.direction, (0, c.addClass)(i.container, "danmu"), i.bulletBtn = new s.default(i), i.main = i.bulletBtn.main, i.isReady = !0, i.emit("ready"), n.logger && n.logger.info("ready"), n.addResizeObserver(), n;
       }return function (e, t) {
         if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function, not " + (typeof t === "undefined" ? "undefined" : _typeof(t)));e.prototype = Object.create(t && t.prototype, { constructor: { value: e, enumerable: !1, writable: !0, configurable: !0 } }), t && (Object.setPrototypeOf ? Object.setPrototypeOf(e, t) : e.__proto__ = t);
       }(t, e), i(t, [{ key: "addResizeObserver", value: function value() {
-          var e = this;this.config.needResizeObserver && (0, c.addObserver)(this.container, function () {
+          var e = this;this.config.needResizeObserver && (0, u.addObserver)(this.container, function () {
             e.logger && e.logger.info("needResizeObserver"), e.resize();
           });
         } }, { key: "start", value: function value() {
-          this.logger && this.logger.info("start"), this.bulletBtn.main.start();
+          this.logger && this.logger.info("start"), this.main.start();
         } }, { key: "pause", value: function value() {
-          this.logger && this.logger.info("pause"), this.bulletBtn.main.pause();
+          this.logger && this.logger.info("pause"), this.main.pause();
         } }, { key: "play", value: function value() {
-          this.logger && this.logger.info("play"), this.bulletBtn.main.play();
+          this.logger && this.logger.info("play"), this.main.play();
         } }, { key: "stop", value: function value() {
-          this.logger && this.logger.info("stop"), this.bulletBtn.main.stop();
+          this.logger && this.logger.info("stop"), this.main.stop();
         } }, { key: "clear", value: function value() {
-          this.logger && this.logger.info("clear"), this.bulletBtn.main.clear();
+          this.logger && this.logger.info("clear"), this.main.clear();
         } }, { key: "destroy", value: function value() {
-          for (var e in (0, c.unObserver)(this.container), this.logger && this.logger.info("destroy"), this.stop(), this.bulletBtn.destroy(), this.domObj.destroy(), this) {
+          for (var e in (0, u.unObserver)(this.container), this.logger && this.logger.info("destroy"), this.stop(), this.bulletBtn.destroy(), this.domObj.destroy(), this) {
             delete this[e];
           }this.emit("destroy");
         } }, { key: "sendComment", value: function value(e) {
-          this.logger && this.logger.info("sendComment: " + (e.txt || "[DOM Element]")), e.duration || (e.duration = 15e3), e && e.id && e.duration && (e.el || e.txt) && (e.duration = e.duration ? e.duration : 5e3, e.style || (e.style = { opacity: void 0, fontSize: void 0 }), e.style && (this.opacity && this.opacity !== e.style.opacity && (e.style.opacity = this.opacity), this.fontSize && this.fontSize !== e.style.fontSize && (e.style.fontSize = this.fontSize), this.like && (e.like = e.like ? e.like : this.like)), e.prior || e.realTime ? (this.bulletBtn.main.data.unshift(e), e.realTime && (this.bulletBtn.main.readData(), this.bulletBtn.main.dataHandle())) : this.bulletBtn.main.data.push(e));
+          this.logger && this.logger.info("sendComment: " + (e.txt || "[DOM Element]")), e.duration || (e.duration = 15e3), e && e.id && e.duration && (e.el || e.txt) && (e.duration = e.duration ? e.duration : 5e3, e.style || (e.style = { opacity: void 0, fontSize: void 0 }), e.style && (this.opacity && this.opacity !== e.style.opacity && (e.style.opacity = this.opacity), this.fontSize && this.fontSize !== e.style.fontSize && (e.style.fontSize = this.fontSize)), e.prior || e.realTime ? (this.main.data.unshift(e), e.realTime && (this.main.readData(), this.main.dataHandle())) : this.main.data.push(e));
         } }, { key: "setCommentID", value: function value(e, t) {
-          var n = this;this.logger && this.logger.info("setCommentID: oldID " + e + " newID " + t);var i = this.container.getBoundingClientRect();e && t && (this.bulletBtn.main.data.some(function (n) {
+          var n = this;this.logger && this.logger.info("setCommentID: oldID " + e + " newID " + t), e && t && (this.main.data.some(function (n) {
             return n.id === e && (n.id = t, !0);
-          }), this.bulletBtn.main.queue.some(function (o) {
-            return o.id === e && (o.id = t, o.pauseMove(i), "paused" !== n.bulletBtn.main.status && o.startMove(i), !0);
+          }), this.main.queue.some(function (i) {
+            return i.id === e && (i.id = t, i.pauseMove(), "paused" !== n.main.status && i.startMove(), !0);
           }));
         } }, { key: "setCommentDuration", value: function value(e, t) {
-          var n = this;this.logger && this.logger.info("setCommentDuration: id " + e + " duration " + t);var i = this.container.getBoundingClientRect();e && t && (t = t || 5e3, this.bulletBtn.main.data.some(function (n) {
+          var n = this;this.logger && this.logger.info("setCommentDuration: id " + e + " duration " + t), e && t && (t = t || 5e3, this.main.data.some(function (n) {
             return n.id === e && (n.duration = t, !0);
-          }), this.bulletBtn.main.queue.some(function (o) {
-            return o.id === e && (o.duration = t, o.pauseMove(i), "paused" !== n.bulletBtn.main.status && o.startMove(i), !0);
+          }), this.main.queue.some(function (i) {
+            return i.id === e && (i.duration = t, i.pauseMove(), "paused" !== n.main.status && i.startMove(), !0);
           }));
         } }, { key: "setCommentLike", value: function value(e, t) {
-          this.logger && this.logger.info("setCommentLike: id " + e + " like " + t);var n = this.container.getBoundingClientRect();this.like = t, e && t && (this.bulletBtn.main.data.some(function (n) {
+          this.logger && this.logger.info("setCommentLike: id " + e + " like " + t), e && t && (this.main.data.some(function (n) {
             return n.id === e && (n.like = t, !0);
-          }), this.bulletBtn.main.queue.some(function (i) {
-            return i.id === e && (i.pauseMove(n), i.setLikeDom(t.el, t.style), "paused" !== i.danmu.bulletBtn.main.status && i.startMove(n), !0);
+          }), this.main.queue.some(function (n) {
+            return n.id === e && (n.pauseMove(), n.setLikeDom(t.el, t.style), "paused" !== n.danmu.main.status && n.startMove(), !0);
           }));
         } }, { key: "restartComment", value: function value(e) {
-          this.logger && this.logger.info("restartComment: id " + e), this.mouseControl = !1;var t = this.container.getBoundingClientRect();e && this.bulletBtn.main.queue.some(function (n) {
-            return n.id === e && ("paused" !== n.danmu.bulletBtn.main.status ? n.startMove(t, !0) : n.status = "paused", !0);
-          });
+          if (this.logger && this.logger.info("restartComment: id " + e), e) {
+            var t = this.main;if (this._releaseCtrl(e), "closed" === t.status) return;t.queue.some(function (n) {
+              return n.id === e && ("paused" !== t.status ? n.startMove(!0) : n.status = "paused", !0);
+            });
+          }
+        } }, { key: "_releaseCtrl", value: function value(e) {
+          this.freezeId && e == this.freezeId && (this.mouseControl = !1, this.freezeId = null);
+        } }, { key: "_freezeCtrl", value: function value(e) {
+          this.mouseControl = !0, this.freezeId = e;
         } }, { key: "freezeComment", value: function value(e) {
-          this.logger && this.logger.info("freezeComment: id " + e), this.mouseControl = !0;var t = this.container.getBoundingClientRect();e && this.bulletBtn.main.queue.some(function (n) {
-            return n.id === e && (n.status = "forcedPause", n.pauseMove(t), n.el && n.el.style && l.default.style(n.el, "zIndex", 10), !0);
-          });
+          if (this.logger && this.logger.info("freezeComment: id " + e), e) {
+            this._freezeCtrl(e), this.main.queue.some(function (t) {
+              return t.id === e && (t.status = "forcedPause", t.pauseMove(), t.el && t.el.style && (0, c.styleUtil)(t.el, "zIndex", 10), !0);
+            });
+          }
         } }, { key: "removeComment", value: function value(e) {
-          this.logger && this.logger.info("removeComment: id " + e), e && (this.bulletBtn.main.queue.some(function (t) {
-            return t.id === e && (t.remove(), !0);
-          }), this.bulletBtn.main.data = this.bulletBtn.main.data.filter(function (t) {
-            return t.id !== e;
-          }));
+          if (this.logger && this.logger.info("removeComment: id " + e), e) {
+            this._releaseCtrl(e), this.main.queue.some(function (t) {
+              return t.id === e && (t.remove(), !0);
+            }), this.main.data = this.main.data.filter(function (t) {
+              return t.id !== e;
+            });
+          }
         } }, { key: "updateComments", value: function value(e) {
-          var t = !(arguments.length > 1 && void 0 !== arguments[1]) || arguments[1];t && (this.bulletBtn.main.data = []), this.bulletBtn.main.data = this.bulletBtn.main.data.concat(e);
+          var t = !(arguments.length > 1 && void 0 !== arguments[1]) || arguments[1],
+              n = this.config,
+              i = this.main,
+              o = this.player,
+              r = [],
+              a = 0;if (this.logger && this.logger.info("updateComments: " + e.length + ", isClear " + t), "boolean" == typeof t && t && (i.data = []), i.data = i.data.concat(e), i.sortData(), "number" == typeof n.maxCommentsLength && i.data.length > n.maxCommentsLength) {
+            a = i.data.length - n.maxCommentsLength;for (var s, l = 0; l < a; l++) {
+              (s = i.data[l]).prior && !s.attached_ && r.push(i.data[l]);
+            }
+          } else if (n.dropStaleComments && o && o.currentTime) {
+            var u = Math.floor(1e3 * o.currentTime),
+                c = u - n.interval;if (c > 0) for (var f, h = 0; h < i.data.length; h++) {
+              if ((f = i.data[h]).prior && !f.attached_ && r.push(i.data[h]), f.start > c) {
+                a = h;break;
+              }
+            }a > 0 && (i.data.splice(0, a), i.data = r.concat(i.data));
+          }
+        } }, { key: "willChange", value: function value() {
+          var e = this.container,
+              t = this.main;e.style.willChange = "opacity", t.willChanges.push("contents"), t.queue.forEach(function (e) {
+            e.willChange();
+          });
+        } }, { key: "stopWillChange", value: function value() {
+          this.container.style.willChange = "", this.main.willChanges.splice(0), this.main.queue.forEach(function (e) {
+            e.willChange();
+          });
         } }, { key: "setAllDuration", value: function value() {
           var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : "scroll",
-              t = arguments[1],
-              n = !(arguments.length > 2 && void 0 !== arguments[2]) || arguments[2];this.logger && this.logger.info("setAllDuration: mode " + e + " duration " + t + " force " + n);var i = this.container.getBoundingClientRect();t && (t = t || 5e3, n && (this.bulletBtn.main.forceDuration = t), this.bulletBtn.main.data.forEach(function (n) {
-            e === n.mode && (n.duration = t);
-          }), this.bulletBtn.main.queue.forEach(function (n) {
-            e === n.mode && (n.duration = t, n.pauseMove(i), "paused" !== n.danmu.bulletBtn.main.status && n.startMove(i));
+              t = this,
+              n = arguments[1],
+              i = !(arguments.length > 2 && void 0 !== arguments[2]) || arguments[2];this.logger && this.logger.info("setAllDuration: mode " + e + " duration " + n + " force " + i), n && (n = n || 5e3, i && (this.main.forceDuration = n), this.main.data.forEach(function (t) {
+            e === t.mode && (t.duration = n);
+          }), this.main.queue.forEach(function (i) {
+            e === i.mode && (i.duration = n, i.pauseMove(), "paused" !== t.main.status && i.startMove());
+          }));
+        } }, { key: "setPlayRate", value: function value() {
+          var e = this,
+              t = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : "scroll",
+              n = arguments[1];this.logger && this.logger.info("setPlayRate: " + n), (0, c.isNumber)(n) && n > 0 && (this.main.playRate = n, this.main.queue.forEach(function (n) {
+            t === n.mode && (n.pauseMove(), "paused" !== e.main.status && n.startMove());
           }));
         } }, { key: "setOpacity", value: function value(e) {
           this.logger && this.logger.info("setOpacity: opacity " + e), this.container.style.opacity = e;
         } }, { key: "setFontSize", value: function value(e, t) {
-          var n = this;this.logger && this.logger.info("setFontSize: size " + e + " channelSize " + t), this.fontSize = e + "px", e && (this.bulletBtn.main.data.forEach(function (e) {
+          var n = this,
+              i = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : { reflow: !0 };this.logger && this.logger.info("setFontSize: size " + e + " channelSize " + t), this.fontSize = e + "px", e && (this.main.data.forEach(function (e) {
             e.style && (e.style.fontSize = n.fontSize);
-          }), this.bulletBtn.main.queue.forEach(function (e) {
+          }), this.main.queue.forEach(function (e) {
             e.options.style || (e.options.style = {}), e.options.style.fontSize = n.fontSize, e.setFontSize(n.fontSize), t && (e.top = e.channel_id[0] * t, e.topInit());
-          })), t && (this.config.channelSize = t, this.bulletBtn.main.channel.resize(!0));
+          })), t && (this.config.channelSize = t, i.reflow && this.main.channel.resizeSync());
         } }, { key: "setArea", value: function value(e) {
-          this.logger && this.logger.info("setArea: area " + e), this.config.area = e, this.bulletBtn.main.channel.resize(!0);
+          this.logger && this.logger.info("setArea: area " + e), this.config.area = e, !1 !== e.reflow && this.main.channel.resizeSync();
         } }, { key: "hide", value: function value() {
-          var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : "scroll";this.logger && this.logger.info("hide: mode " + e), this.hideArr.indexOf(e) < 0 && this.hideArr.push(e);var t = this.bulletBtn.main.queue.filter(function (t) {
+          var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : "scroll";this.logger && this.logger.info("hide: mode " + e), this.hideArr.indexOf(e) < 0 && this.hideArr.push(e);var t = this.main.queue.filter(function (t) {
             return e === t.mode || "color" === e && t.color;
           });t.forEach(function (e) {
             return e.remove();
@@ -11482,8 +11557,14 @@ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol
           var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : "r2l";this.logger && this.logger.info("setDirection: direction " + e), this.emit("changeDirection", e);
         } }, { key: "resize", value: function value() {
           this.logger && this.logger.info("resize"), this.emit("channel_resize");
+        } }, { key: "status", get: function get() {
+          return this.main.status;
+        } }, { key: "state", get: function get() {
+          var e = this.main;return { status: e.status, comments: e.data, bullets: e.queue };
+        } }, { key: "containerPos", get: function get() {
+          return this.main.channel.containerPos;
         } }]), t;
-    }(r.default);t.default = d, e.exports = t.default;
+    }(a.default);t.default = d;
   }, function (e, t, n) {
     "use strict";
     var i,
@@ -11493,20 +11574,20 @@ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol
         s,
         l,
         u,
-        c = n(8),
-        f = n(25),
+        c = n(7),
+        f = n(24),
         h = Function.prototype.apply,
         d = Function.prototype.call,
-        g = Object.create,
-        p = Object.defineProperty,
+        p = Object.create,
+        g = Object.defineProperty,
         m = Object.defineProperties,
         v = Object.prototype.hasOwnProperty,
-        b = { configurable: !0, enumerable: !1, writable: !0 };o = function o(e, t) {
+        y = { configurable: !0, enumerable: !1, writable: !0 };o = function o(e, t) {
       var _n, o;return f(t), o = this, i.call(this, e, _n = function n() {
         r.call(o, e, _n), h.call(t, this, arguments);
       }), _n.__eeOnceListener__ = t, this;
     }, s = { on: i = function i(e, t) {
-        var n;return f(t), v.call(this, "__ee__") ? n = this.__ee__ : (n = b.value = g(null), p(this, "__ee__", b), b.value = null), n[e] ? "object" == _typeof(n[e]) ? n[e].push(t) : n[e] = [n[e], t] : n[e] = t, this;
+        var n;return f(t), v.call(this, "__ee__") ? n = this.__ee__ : (n = y.value = p(null), g(this, "__ee__", y), y.value = null), n[e] ? "object" == _typeof(n[e]) ? n[e].push(t) : n[e] = [n[e], t] : n[e] = t, this;
       }, once: o, off: r = function r(e, t) {
         var n, i, o, r;if (f(t), !v.call(this, "__ee__")) return this;if (!(n = this.__ee__)[e]) return this;if ("object" == _typeof(i = n[e])) for (r = 0; o = i[r]; ++r) {
           o !== t && o.__eeOnceListener__ !== t || (2 === i.length ? n[e] = i[r ? 0 : 1] : i.splice(r, 1));
@@ -11526,29 +11607,29 @@ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol
               r[t - 1] = arguments[t];
             }h.call(o, this, r);}
       } }, l = { on: c(i), once: c(o), off: c(r), emit: c(a) }, u = m({}, l), e.exports = t = function t(e) {
-      return null == e ? g(u) : m(Object(e), l);
+      return null == e ? p(u) : m(Object(e), l);
     }, t.methods = s;
   }, function (e, t, n) {
     "use strict";
     var i = n(3),
-        o = n(9),
-        r = n(13),
-        a = n(21),
-        s = n(22);(e.exports = function (e, t) {
+        o = n(8),
+        r = n(12),
+        a = n(20),
+        s = n(21);(e.exports = function (e, t) {
       var n, o, l, u, c;return arguments.length < 2 || "string" != typeof e ? (u = t, t = e, e = null) : u = arguments[2], i(e) ? (n = s.call(e, "c"), o = s.call(e, "e"), l = s.call(e, "w")) : (n = l = !0, o = !1), c = { value: t, configurable: n, enumerable: o, writable: l }, u ? r(a(u), c) : c;
     }).gs = function (e, t, n) {
       var l, u, c, f;return "string" != typeof e ? (c = n, n = t, t = e, e = null) : c = arguments[3], i(t) ? o(t) ? i(n) ? o(n) || (c = n, n = void 0) : n = void 0 : (c = t, t = n = void 0) : t = void 0, i(e) ? (l = s.call(e, "c"), u = s.call(e, "e")) : (l = !0, u = !1), f = { get: t, set: n, configurable: l, enumerable: u }, c ? r(a(c), f) : f;
     };
   }, function (e, t, n) {
     "use strict";
-    var i = n(10),
+    var i = n(9),
         o = /^\s*class[\s{/}]/,
         r = Function.prototype.toString;e.exports = function (e) {
       return !!i(e) && !o.test(r.call(e));
     };
   }, function (e, t, n) {
     "use strict";
-    var i = n(11);e.exports = function (e) {
+    var i = n(10);e.exports = function (e) {
       if ("function" != typeof e) return !1;if (!hasOwnProperty.call(e, "length")) return !1;try {
         if ("number" != typeof e.length) return !1;if ("function" != typeof e.call) return !1;if ("function" != typeof e.apply) return !1;
       } catch (e) {
@@ -11557,7 +11638,7 @@ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol
     };
   }, function (e, t, n) {
     "use strict";
-    var i = n(12);e.exports = function (e) {
+    var i = n(11);e.exports = function (e) {
       if (!i(e)) return !1;try {
         return !!e.constructor && e.constructor.prototype === e;
       } catch (e) {
@@ -11572,7 +11653,7 @@ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol
     };
   }, function (e, t, n) {
     "use strict";
-    e.exports = n(14)() ? Object.assign : n(15);
+    e.exports = n(13)() ? Object.assign : n(14);
   }, function (e, t, n) {
     "use strict";
     e.exports = function () {
@@ -11581,8 +11662,8 @@ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol
     };
   }, function (e, t, n) {
     "use strict";
-    var i = n(16),
-        o = n(20),
+    var i = n(15),
+        o = n(19),
         r = Math.max;e.exports = function (e, t) {
       var n,
           a,
@@ -11599,7 +11680,7 @@ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol
     };
   }, function (e, t, n) {
     "use strict";
-    e.exports = n(17)() ? Object.keys : n(18);
+    e.exports = n(16)() ? Object.keys : n(17);
   }, function (e, t, n) {
     "use strict";
     e.exports = function () {
@@ -11639,7 +11720,7 @@ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol
     };
   }, function (e, t, n) {
     "use strict";
-    e.exports = n(23)() ? String.prototype.contains : n(24);
+    e.exports = n(22)() ? String.prototype.contains : n(23);
   }, function (e, t, n) {
     "use strict";
     var i = "razdwatrzy";e.exports = function () {
@@ -11655,6 +11736,8 @@ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol
     e.exports = function (e) {
       if ("function" != typeof e) throw new TypeError(e + " is not a function");return e;
     };
+  }, function (e) {
+    e.exports = JSON.parse('{"version":"1.1.1"}');
   }, function (e, t, n) {
     "use strict";
     Object.defineProperty(t, "__esModule", { value: !0 });var i = function () {
@@ -11689,8 +11772,8 @@ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol
       };
     }(),
         o = s(n(1)),
-        r = s(n(0)),
-        a = s(n(28));function s(e) {
+        r = s(n(28)),
+        a = n(0);function s(e) {
       return e && e.__esModule ? e : { default: e };
     }var l = function (e) {
       function t(e) {
@@ -11698,14 +11781,14 @@ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol
           if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
         }(this, t);var n = function (e, t) {
           if (!e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return !t || "object" != (typeof t === "undefined" ? "undefined" : _typeof(t)) && "function" != typeof t ? e : t;
-        }(this, (t.__proto__ || Object.getPrototypeOf(t)).call(this));return n.setLogger("control"), n.danmu = e, n.main = new a.default(e), e.config.defaultOff || n.main.start(), n;
+        }(this, (t.__proto__ || Object.getPrototypeOf(t)).call(this));return n.setLogger("control"), n.danmu = e, n.main = new r.default(e), e.config.defaultOff || n.main.start(), n;
       }return function (e, t) {
         if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function, not " + (typeof t === "undefined" ? "undefined" : _typeof(t)));e.prototype = Object.create(t && t.prototype, { constructor: { value: e, enumerable: !1, writable: !0, configurable: !0 } }), t && (Object.setPrototypeOf ? Object.setPrototypeOf(e, t) : e.__proto__ = t);
       }(t, e), i(t, [{ key: "createSwitch", value: function value() {
-          var e = !(arguments.length > 0 && void 0 !== arguments[0]) || arguments[0];return this.logger && this.logger.info("createSwitch"), this.switchBtn = r.default.createDom("dk-switch", '<span class="txt">弹</span>', {}, "danmu-switch " + (e ? "danmu-switch-active" : "")), this.switchBtn;
+          var e = !(arguments.length > 0 && void 0 !== arguments[0]) || arguments[0];return this.logger && this.logger.info("createSwitch"), this.switchBtn = (0, a.createDom)("dk-switch", '<span class="txt">弹</span>', {}, "danmu-switch " + (e ? "danmu-switch-active" : "")), this.switchBtn;
         } }, { key: "destroy", value: function value() {
           for (var e in this.logger && this.logger.info("destroy"), this.main.destroy(), this) {
-            delete this[e];
+            a.hasOwnProperty.call(this, e) && delete this[e];
           }
         } }]), t;
     }(o.default);t.default = l, e.exports = t.default;
@@ -11723,7 +11806,7 @@ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol
         o = l(n(1)),
         r = l(n(29)),
         a = l(n(30)),
-        s = l(n(0));function l(e) {
+        s = n(0);function l(e) {
       return e && e.__esModule ? e : { default: e };
     }var u = function (e) {
       function t(e) {
@@ -11731,80 +11814,97 @@ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol
           if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
         }(this, t);var n = function (e, t) {
           if (!e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return !t || "object" != (typeof t === "undefined" ? "undefined" : _typeof(t)) && "function" != typeof t ? e : t;
-        }(this, (t.__proto__ || Object.getPrototypeOf(t)).call(this));n.setLogger("main"), n.danmu = e, n.container = e.container, n.channel = new r.default(e), n.data = [].concat(e.config.comments), n.playedData = [], n.queue = [], n.timer = null, n.retryTimer = null, n.retryStatus = "normal", n.interval = e.config.interval || 2e3, n.status = "idle", s.default.on(e, "bullet_remove", n.updateQueue.bind(n), "destroy");var i = n;return s.default.on(n.danmu, "changeDirection", function (e) {
-          i.danmu.direction = e;
+        }(this, (t.__proto__ || Object.getPrototypeOf(t)).call(this));return n.setLogger("main"), n.danmu = e, n.container = e.container, n.channel = new a.default(e), n.data = [].concat(e.config.comments), n.playedData = [], n.queue = [], n.timer = null, n.playRate = 1, n.retryStatus = "normal", n.interval = e.config.interval, n.willChanges = [], n._status = "idle", (0, s.attachEventListener)(e, "bullet_remove", n.updateQueue.bind(n), "destroy"), (0, s.attachEventListener)(e, "changeDirection", function (e) {
+          n.danmu.direction = e;
         }, "destroy"), n.nums = 0, n;
       }return function (e, t) {
         if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function, not " + (typeof t === "undefined" ? "undefined" : _typeof(t)));e.prototype = Object.create(t && t.prototype, { constructor: { value: e, enumerable: !1, writable: !0, configurable: !0 } }), t && (Object.setPrototypeOf ? Object.setPrototypeOf(e, t) : e.__proto__ = t);
-      }(t, e), i(t, [{ key: "destroy", value: function value() {
-          for (var e in this.logger && this.logger.info("destroy"), clearTimeout(this.dataHandleTimer), this.channel.destroy(), this.data = [], this) {
+      }(t, e), i(t, [{ key: "_cancelDataHandleTimer", value: function value() {
+          this.handleId && (clearTimeout(this.handleId), this.handleId = null), this.handleTimer && (clearTimeout(this.handleTimer), this.handleTimer = null);
+        } }, { key: "destroy", value: function value() {
+          for (var e in this.logger && this.logger.info("destroy"), this._cancelDataHandleTimer(), this.channel.destroy(), this.data = [], this) {
             delete this[e];
           }
         } }, { key: "updateQueue", value: function value(e) {
           this.logger && this.logger.info("updateQueue");var t = this;t.queue.some(function (n, i) {
             return n.id === e.bullet.id && (t.queue.splice(i, 1), !0);
-          }), t.data.some(function (t, n) {
-            return t.id === e.bullet.id && (t.hasAttached = !1, !0);
+          }), t.data.some(function (t) {
+            return t.id === e.bullet.id && (t.attached_ = !1, !0);
           });
-        } }, { key: "init", value: function value(e, t) {
-          t.logger && t.logger.info("init"), t || (t = this), t.retryStatus = "normal", t.data.sort(function (e, t) {
-            return e.start - t.start;
-          });t.retryTimer || function e() {
-            "closed" === t.status && "stop" === t.retryStatus || ("playing" === t.status && (t.readData(), t.dataHandle()), "stop" === t.retryStatus && "paused" !== t.status || (t.dataHandleTimer = setTimeout(function () {
-              e();
-            }, t.interval - 1e3)));
+        } }, { key: "init", value: function value() {
+          var e = this;e.logger && e.logger.info("init"), e.retryStatus = "normal", e.sortData(), function t() {
+            "closed" !== e._status || "stop" !== e.retryStatus ? ("playing" === e._status && (e.readData(), e.dataHandle()), "stop" === e.retryStatus && "paused" !== e._status || (e.handleTimer = setTimeout(function () {
+              e.handleId = requestAnimationFrame(function () {
+                t();
+              });
+            }, 250))) : e._cancelDataHandleTimer();
           }();
         } }, { key: "start", value: function value() {
-          this.logger && this.logger.info("start");this.status = "playing", this.queue = [], this.container.innerHTML = "", this.channel.resetWithCb(this.init, this);
+          this.logger && this.logger.info("start");this._status = "playing", this.queue = [], this.container.innerHTML = "", this.channel.reset(), this.init();
         } }, { key: "stop", value: function value() {
-          this.logger && this.logger.info("stop");this.status = "closed", this.retryTimer = null, this.retryStatus = "stop", this.channel.reset(), this.queue = [], this.container.innerHTML = "";
+          this.logger && this.logger.info("stop");this._status = "closed", this.retryStatus = "stop", this.queue = [], this.container.innerHTML = "", this.channel.reset();
         } }, { key: "clear", value: function value() {
           this.logger && this.logger.info("clear"), this.channel.reset(), this.data = [], this.queue = [], this.container.innerHTML = "";
         } }, { key: "play", value: function value() {
-          var e = this;this.logger && this.logger.info("play"), this.status = "playing";var t = this.channel.channels,
-              n = this.danmu.container.getBoundingClientRect();t && t.length > 0 && ["scroll", "top", "bottom"].forEach(function (i) {
-            e.queue.forEach(function (e) {
-              e.startMove(n), e.resized = !0;
-            });for (var o = 0; o < t.length; o++) {
-              t[o].queue[i].forEach(function (e) {
-                e.resized = !1;
-              });
-            }
-          });
+          var e = this;if ("closed" !== this._status) {
+            this.logger && this.logger.info("play"), this._status = "playing";var t = this.channel.channels;t && t.length > 0 && ["scroll", "top", "bottom"].forEach(function (n) {
+              e.queue.forEach(function (e) {
+                e.startMove(), e.resized = !0;
+              });for (var i = 0; i < t.length; i++) {
+                t[i].queue[n].forEach(function (e) {
+                  e.resized = !1;
+                });
+              }
+            });
+          } else this.logger && this.logger.info("play ignored");
         } }, { key: "pause", value: function value() {
-          this.logger && this.logger.info("pause"), this.status = "paused";var e = this.channel.channels,
-              t = this.danmu.container.getBoundingClientRect();e && e.length > 0 && this.queue.forEach(function (e) {
-            e.pauseMove(t);
-          });
+          if ("closed" !== this._status) {
+            this.logger && this.logger.info("pause"), this._status = "paused";var e = this.channel.channels;e && e.length > 0 && this.queue.forEach(function (e) {
+              e.pauseMove();
+            });
+          } else this.logger && this.logger.info("pause ignored");
         } }, { key: "dataHandle", value: function value() {
-          var e = this;"paused" !== this.status && "closed" !== this.status && e.queue.length && e.queue.forEach(function (t) {
-            "waiting" === t.status && t.startMove(e.channel.containerPos);
+          "paused" !== this._status && "closed" !== this._status && this.queue.length && this.queue.forEach(function (e) {
+            "waiting" === e.status && e.startMove();
           });
         } }, { key: "readData", value: function value() {
-          var e = this,
-              t = this.danmu;if (t.isReady) {
-            var n = 0;t.player && t.player.currentTime && (n = s.default.formatTime(t.player.currentTime));var i = void 0,
-                o = e.interval,
-                r = e.channel,
-                l = void 0;t.player ? (l = e.data.filter(function (t) {
-              return !t.start && e.danmu.hideArr.indexOf(t.mode) < 0 && (!t.color || e.danmu.hideArr.indexOf("color") < 0) && (t.start = n), e.danmu.hideArr.indexOf(t.mode) < 0 && (!t.color || e.danmu.hideArr.indexOf("color") < 0) && t.start - o <= n && n <= t.start + o;
-            }), t.live && (e.data = [])) : 0 === (l = e.data.splice(0, 1)).length && (l = e.playedData.splice(0, 1)), l.length > 0 && l.forEach(function (n) {
-              if (e.forceDuration && e.forceDuration != n.duration && (n.duration = e.forceDuration), i = new a.default(t, n), n.hasAttached) {
-                for (var o in i.detach(), i) {
-                  delete i[o];
-                }i = null, n.hasAttached = !1, n.noDiscard && (n.prior ? e.data.unshift(n) : e.data.push(n));
-              } else if (i.attach(), n.hasAttached = !0, r.addBullet(i).result) e.queue.push(i), e.nums++, i.topInit();else {
-                for (var s in i.detach(), i) {
-                  delete i[s];
-                }i = null, n.hasAttached = !1, n.noDiscard && (n.prior ? e.data.unshift(n) : e.data.push(n));
+          if (this.danmu.isReady) {
+            var e = this,
+                t = this.danmu,
+                n = t.player,
+                i = e.interval,
+                o = e.channel,
+                a = void 0,
+                l = void 0;if (n) {
+              var u = n.currentTime ? Math.floor(1e3 * n.currentTime) : 0;l = e.data.filter(function (t) {
+                return !t.start && e.danmu.hideArr.indexOf(t.mode) < 0 && (!t.color || e.danmu.hideArr.indexOf("color") < 0) && (t.start = u), !t.attached_ && e.danmu.hideArr.indexOf(t.mode) < 0 && (!t.color || e.danmu.hideArr.indexOf("color") < 0) && t.start - i <= u && u <= t.start + i;
+              }), t.live && (e.data = []);
+            } else 0 === (l = e.data.splice(0, 1)).length && (l = e.playedData.splice(0, 1));if (l.length > 0) {
+              o.updatePos();var c = 2;e: for (var f, h = 0; h < l.length; h++) {
+                if (f = l[h], e.forceDuration && e.forceDuration != f.duration && (f.duration = e.forceDuration), (a = new r.default(t, f)) && !a.bulletCreateFail) {
+                  if (a.attach(), f.attached_ = !0, o.addBullet(a).result) e.queue.push(a), e.nums++, a.topInit(), c = 2;else {
+                    for (var d in a.detach(), a) {
+                      s.hasOwnProperty.call(a, d) && delete a[d];
+                    }if (a = null, f.attached_ = !1, f.noDiscard && (f.prior ? e.data.unshift(f) : e.data.push(f)), 0 === c) break e;c--;
+                  }
+                } else {
+                  if (0 === c) break e;c--;
+                }
               }
-            });
+            }
           }
+        } }, { key: "sortData", value: function value() {
+          this.data.sort(function (e, t) {
+            return (e.start || -1) - (t.start || -1);
+          });
+        } }, { key: "status", get: function get() {
+          return this._status;
         } }]), t;
     }(o.default);t.default = u, e.exports = t.default;
   }, function (e, t, n) {
     "use strict";
-    Object.defineProperty(t, "__esModule", { value: !0 });var i = function () {
+    Object.defineProperty(t, "__esModule", { value: !0 }), t.Bullet = void 0;var i,
+        o = function () {
       function e(e, t) {
         for (var n = 0; n < t.length; n++) {
           var i = t[n];i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(e, i.key, i);
@@ -11813,86 +11913,125 @@ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol
         return n && e(t.prototype, n), i && e(t, i), t;
       };
     }(),
-        o = a(n(1)),
-        r = a(n(0));function a(e) {
-      return e && e.__esModule ? e : { default: e };
-    }var s = function (e) {
+        r = n(1),
+        a = (i = r) && i.__esModule ? i : { default: i },
+        s = n(0);function l(e, t) {
+      if (!e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return !t || "object" != (typeof t === "undefined" ? "undefined" : _typeof(t)) && "function" != typeof t ? e : t;
+    }var u = t.Bullet = function (e) {
+      function t(e, n) {
+        !function (e, t) {
+          if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
+        }(this, t);var i = l(this, (t.__proto__ || Object.getPrototypeOf(t)).call(this)),
+            o = i,
+            r = void 0;if (i.setLogger("bullet"), i.danmu = e, i.options = n, i.duration = n.duration, i.id = n.id, i.container = e.container, i.start = n.start, i.prior = n.prior, i.realTime = n.realTime, i.color = n.color, i.bookChannelId = n.bookChannelId, i.direction = e.direction, i.reuseDOM = !0, i.willChanges = [], i.domObj = e.domObj, n.el && 1 === n.el.nodeType) {
+          if (n.el.parentNode) return l(i, { bulletCreateFail: !0 });if (e.config.disableCopyDOM) r = n.el, i.reuseDOM = !1;else {
+            r = i.domObj.use();var a = (0, s.copyDom)(n.el);n.eventListeners && n.eventListeners.length > 0 && n.eventListeners.forEach(function (e) {
+              a.addEventListener(e.event, e.listener, e.useCapture || !1);
+            }), r.appendChild(a);
+          }
+        } else (r = i.domObj.use()).textContent = n.txt;if (i.onChangeDirection = function (e) {
+          o.direction = e;
+        }, i.danmu.on("changeDirection", i.onChangeDirection), n.style) {
+          var u = n.style;Object.keys(u).forEach(function (e) {
+            (0, s.styleUtil)(r, e, u[e]);
+          });
+        }"top" === n.mode || "bottom" === n.mode ? i.mode = n.mode : i.mode = "scroll", i.el = r, n.like && n.like.el && i.setLikeDom(n.like.el, n.like.style), i.status = "waiting";var c = void 0;if ((0, s.isNumber)(e.config.bulletOffset) && e.config.bulletOffset >= 0) c = e.config.bulletOffset;else {
+          var f = e.containerPos;c = f.width / 10 > 100 ? 100 : f.width / 10;
+        }var h = n.realTime ? 0 : Math.floor(Math.random() * c);return i.updateOffset(h), i;
+      }return function (e, t) {
+        if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function, not " + (typeof t === "undefined" ? "undefined" : _typeof(t)));e.prototype = Object.create(t && t.prototype, { constructor: { value: e, enumerable: !1, writable: !0, configurable: !0 } }), t && (Object.setPrototypeOf ? Object.setPrototypeOf(e, t) : e.__proto__ = t);
+      }(t, e), o(t, [{ key: "updateOffset", value: function value(e) {
+          this.random = e, (0, s.styleUtil)(this.el, "left", this.danmu.containerPos.width + e + "px");
+        } }, { key: "attach", value: function value() {
+          var e = this.el;this.container.appendChild(e), this.elPos = e.getBoundingClientRect(), "b2t" === this.direction ? (this.width = this.elPos.height, this.height = this.elPos.width) : (this.width = this.elPos.width, this.height = this.elPos.height), this.moveV && (this.duration = (this.danmu.containerPos.width + this.random + this.width) / this.moveV * 1e3), this.danmu.config && (this.danmu.config.mouseControl && (this.mouseoverFunWrapper = this.mouseoverFun.bind(this), e.addEventListener("mouseover", this.mouseoverFunWrapper, !1)), this.danmu.config.mouseEnterControl && (this.mouseEnterFunWrapper = this.mouseoverFun.bind(this), e.addEventListener("mouseenter", this.mouseEnterFunWrapper, !1))), e.addEventListener("transitionend", this._onTransitionEnd, !1);
+        } }, { key: "detach", value: function value() {
+          var e = this.el;if (e) {
+            var t = this.danmu.config;t && (t.mouseControl && e.removeEventListener("mouseover", this.mouseoverFunWrapper, !1), t.mouseEnterControl && e.removeEventListener("mouseenter", this.mouseEnterFunWrapper, !1)), e.removeEventListener("transitionend", this._onTransitionEnd, !1), e.parentNode && e.parentNode.removeChild(e), this.reuseDOM && this.domObj.unused(e), this.el = null;
+          }this.elPos = void 0, this.danmu.off("changeDirection", this.onChangeDirection);
+        } }, { key: "willChange", value: function value() {
+          var e = this.danmu.main.willChanges.concat(this.willChanges).join();(0, s.styleUtil)(this.el, "willChange", e);
+        } }, { key: "mouseoverFun", value: function value(e) {
+          this.danmu && this.danmu.mouseControl && this.danmu.config.mouseControlPause || "waiting" === this.status || "end" === this.status || this.danmu && this.danmu.emit("bullet_hover", { bullet: this, event: e });
+        } }, { key: "_onTransitionEnd", value: function value() {
+          this.status = "end", this.remove();
+        } }, { key: "topInit", value: function value() {
+          this.logger && this.logger.info("topInit #" + (this.options.txt || "[DOM Element]") + "#"), "b2t" === this.direction ? ((0, s.styleUtil)(this.el, "transformOrigin", "left top"), (0, s.styleUtil)(this.el, "transform", "translateX(-" + this.top + "px) translateY(" + this.danmu.containerPos.height + "px) translateZ(0px) rotate(90deg)"), (0, s.styleUtil)(this.el, "transition", "transform 0s linear 0s")) : (0, s.styleUtil)(this.el, "top", this.top + "px");
+        } }, { key: "pauseMove", value: function value() {
+          var e = arguments.length > 0 && void 0 !== arguments[0] && arguments[0],
+              t = this;if ("paused" !== t.status && ("forcedPause" !== t.status && (this.status = "paused"), t._moveV = void 0, this.el)) if (this.willChange(), "scroll" === this.mode) {
+            var n = t.danmu.containerPos;if (e) {
+              var i = (new Date().getTime() - t.moveTime) / 1e3,
+                  o = i * this.moveV,
+                  r = 0;r = t.moveMoreS - o >= 0 ? "b2t" === this.direction ? (t.moveMoreS - o) / t.moveContainerHeight * n.height : (t.moveMoreS - o) / t.moveContainerWidth * n.width : t.moveMoreS - o, "b2t" === this.direction ? (0, s.styleUtil)(this.el, "transform", "translateX(-" + this.top + "px) translateY(" + r + "px) translateZ(0px) rotate(90deg)") : (0, s.styleUtil)(this.el, "left", r + "px");
+            } else "b2t" === this.direction ? (0, s.styleUtil)(this.el, "transform", "translateX(-" + this.top + "px) translateY(" + (this.el.getBoundingClientRect().top - n.top) + "px) translateZ(0px) rotate(90deg)") : (0, s.styleUtil)(this.el, "left", this.el.getBoundingClientRect().left - n.left + "px");"b2t" === this.direction || (0, s.styleUtil)(this.el, "transform", "translateX(0px) translateY(0px) translateZ(0px)"), (0, s.styleUtil)(this.el, "transition", "transform 0s linear 0s");
+          } else this.pastDuration && this.startTime ? this.pastDuration = this.pastDuration + new Date().getTime() - this.startTime : this.pastDuration = 1;
+        } }, { key: "startMove", value: function value(e) {
+          if (this.hasMove || (this.danmu.emit("bullet_start", this), this.hasMove = !0), ("forcedPause" !== this.status || e) && this.el && "start" !== this.status) if (this.status = "start", this.willChanges = ["transform", "transition"], this.willChange(), (0, s.styleUtil)(this.el, "backface-visibility", "hidden"), (0, s.styleUtil)(this.el, "perspective", "500em"), "scroll" === this.mode) {
+            var t = this.danmu.containerPos;if ("b2t" === this.direction) {
+              var n = (this.el.getBoundingClientRect().bottom - t.top) / this.moveV;(0, s.styleUtil)(this.el, "transition", "transform " + n + "s linear 0s"), (0, s.styleUtil)(this.el, "transform", "translateX(-" + this.top + "px) translateY(-" + this.height + "px) translateZ(0px) rotate(90deg)"), this.moveTime = new Date().getTime(), this.moveMoreS = this.el.getBoundingClientRect().top - t.top, this.moveContainerHeight = t.height;
+            } else {
+              if (!this.el) return;var i = this.el.getBoundingClientRect(),
+                  o = i.right - t.left,
+                  r = o / this.moveV;i.right > t.left ? ((0, s.styleUtil)(this.el, "transition", "transform " + r + "s linear 0s"), (0, s.styleUtil)(this.el, "transform", "translateX(-" + o + "px) translateY(0px) translateZ(0px)"), this.moveTime = new Date().getTime(), this.moveMoreS = i.left - t.left, this.moveContainerWidth = t.width) : (this.status = "end", this.remove());
+            }
+          } else (0, s.styleUtil)(this.el, "left", "50%"), (0, s.styleUtil)(this.el, "margin", "0 0 0 -" + this.width / 2 + "px"), this.pastDuration || (this.pastDuration = 1), this.startTime = new Date().getTime();
+        } }, { key: "remove", value: function value() {
+          this.logger && this.logger.info("remove #" + (this.options.txt || "[DOM Element]") + "#");this.pauseMove(), this.el && this.el.parentNode && (this.willChanges = [], this.willChange(), this.detach(), this.options.el && 1 === this.options.el.nodeType && this.danmu.config.disableCopyDOM && (0, s.styleUtil)(this.options.el, "transform", "none"), this.danmu.emit("bullet_remove", { bullet: this }));
+        } }, { key: "setFontSize", value: function value(e) {
+          this.el && (this.el.style.fontSize = e);
+        } }, { key: "setLikeDom", value: function value(e, t) {
+          if (e) {
+            Object.keys(t).forEach(function (n) {
+              e.style[n] = t[n];
+            });if (e.className = "danmu-like", this.el) {
+              var n = this.el.querySelector(".danmu-like");n && this.el.removeChild(n), this.el.innerHTML = "" + this.el.innerHTML + e.outerHTML;
+            }
+          }return e;
+        } }, { key: "moveV", get: function get() {
+          var e = this._moveV;if (!e) {
+            if (this.options.moveV) e = this.options.moveV;else if (this.elPos) {
+              var t = this.danmu.containerPos;e = ("b2t" === this.direction ? t.height + this.height : t.width + this.width) / this.duration * 1e3;
+            }e && (e *= this.danmu.main.playRate, this._moveV = e);
+          }return e;
+        } }]), t;
+    }(a.default);t.default = u;
+  }, function (e, t, n) {
+    "use strict";
+    Object.defineProperty(t, "__esModule", { value: !0 });var i,
+        o = function () {
+      function e(e, t) {
+        for (var n = 0; n < t.length; n++) {
+          var i = t[n];i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(e, i.key, i);
+        }
+      }return function (t, n, i) {
+        return n && e(t.prototype, n), i && e(t, i), t;
+      };
+    }(),
+        r = n(1),
+        a = (i = r) && i.__esModule ? i : { default: i },
+        s = n(0),
+        l = n(31);var u = function (e) {
       function t(e) {
         !function (e, t) {
           if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
         }(this, t);var n = function (e, t) {
           if (!e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return !t || "object" != (typeof t === "undefined" ? "undefined" : _typeof(t)) && "function" != typeof t ? e : t;
-        }(this, (t.__proto__ || Object.getPrototypeOf(t)).call(this));n.setLogger("channel"), n.danmu = e, n.reset(!0);var i = n;return r.default.on(n.danmu, "bullet_remove", function (e) {
+        }(this, (t.__proto__ || Object.getPrototypeOf(t)).call(this)),
+            i = n;return i.setLogger("channel"), i.danmu = e, i.reset(!0), i.direction = e.direction, i.channels = [], i.updatePos(), (0, s.attachEventListener)(n.danmu, "bullet_remove", function (e) {
           i.removeBullet(e.bullet);
-        }, "destroy"), n.direction = e.direction, r.default.on(n.danmu, "changeDirection", function (e) {
+        }, "destroy"), (0, s.attachEventListener)(n.danmu, "changeDirection", function (e) {
           i.direction = e;
-        }, "destroy"), n.containerPos = n.danmu.container.getBoundingClientRect(), n.containerWidth = n.containerPos.width, n.containerHeight = n.containerPos.height, n.containerLeft = n.containerPos.left, n.containerRight = n.containerPos.right, r.default.on(n.danmu, "channel_resize", function () {
-          i.containerPos = i.danmu.container.getBoundingClientRect(), i.resizing || (i.containerWidth = i.containerPos.width, i.containerHeight = i.containerPos.height, i.containerLeft = i.containerPos.left, i.containerRight = i.containerPos.right, i.resize(!0));
+        }, "destroy"), (0, s.attachEventListener)(n.danmu, "channel_resize", function () {
+          i.resize();
         }, "destroy"), n;
       }return function (e, t) {
         if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function, not " + (typeof t === "undefined" ? "undefined" : _typeof(t)));e.prototype = Object.create(t && t.prototype, { constructor: { value: e, enumerable: !1, writable: !0, configurable: !0 } }), t && (Object.setPrototypeOf ? Object.setPrototypeOf(e, t) : e.__proto__ = t);
-      }(t, e), i(t, [{ key: "destroy", value: function value() {
-          for (var e in this.logger && this.logger.info("destroy"), clearTimeout(this.resizeTimer), this.channels = [], this) {
-            delete this[e];
+      }(t, e), o(t, [{ key: "updatePos", value: function value() {
+          var e = this.container.getBoundingClientRect();this.containerPos = e, this.containerWidth = e.width, this.containerHeight = e.height, this.containerTop = e.top, this.containerBottom = e.bottom, this.containerLeft = e.left, this.containerRight = e.right;
+        } }, { key: "destroy", value: function value() {
+          for (var e in this.logger && this.logger.info("destroy"), this.channels.splice(0, this.channels.length), this._cancelResizeTimer(), this) {
+            s.hasOwnProperty.call(this, e) && delete this[e];
           }
-        } }, { key: "resize", value: function value() {
-          var e = arguments.length > 0 && void 0 !== arguments[0] && arguments[0];this.logger && this.logger.info("resize");var t = this.danmu.container,
-              n = this;n.resizing || (n.resizing = !0, this.resizeTimer = setTimeout(function () {
-            n.danmu.bulletBtn.main.data && n.danmu.bulletBtn.main.data.forEach(function (e) {
-              e.bookChannelId && (delete e.bookChannelId, n.logger && n.logger.info("resize导致" + e.id + "号优先弹幕预定取消"));
-            }), n.logger && n.logger.info("resize导致所有轨道恢复正常使用");var i = t.getBoundingClientRect();n.width = i.width, n.height = i.height, n.danmu.config.area && n.danmu.config.area.start >= 0 && n.danmu.config.area.end >= n.danmu.config.area.start && ("b2t" === n.direction ? n.width = n.width * (n.danmu.config.area.end - n.danmu.config.area.start) : n.height = n.height * (n.danmu.config.area.end - n.danmu.config.area.start)), n.container = t;var o = n.danmu.config.channelSize || (/mobile/gi.test(navigator.userAgent) ? 10 : 12),
-                r = void 0;r = "b2t" === n.direction ? Math.floor(n.width / o) : Math.floor(n.height / o);for (var a = [], s = 0; s < r; s++) {
-              a[s] = { id: s, queue: { scroll: [], top: [], bottom: [] }, operating: { scroll: !1, top: !1, bottom: !1 }, bookId: {} };
-            }if (n.channels && n.channels.length <= a.length) {
-              for (var l = function l(t) {
-                a[t] = { id: t, queue: { scroll: [], top: [], bottom: [] }, operating: { scroll: !1, top: !1, bottom: !1 }, bookId: {} }, ["scroll", "top"].forEach(function (i) {
-                  n.channels[t].queue[i].forEach(function (o) {
-                    o.el && (a[t].queue[i].push(o), o.resized || (o.pauseMove(n.containerPos, e), "paused" !== o.danmu.bulletBtn.main.status && o.startMove(n.containerPos), o.resized = !0));
-                  });
-                }), n.channels[t].queue.bottom.forEach(function (i) {
-                  if (i.el) {
-                    if (a[t + a.length - n.channels.length].queue.bottom.push(i), i.channel_id[0] + i.channel_id[1] - 1 === t) {
-                      var r = [].concat(i.channel_id);i.channel_id = [r[0] - n.channels.length + a.length, r[1]], i.top = i.channel_id[0] * o, n.danmu.config.area && n.danmu.config.area.start && (i.top += n.containerHeight * n.danmu.config.area.start), i.topInit();
-                    }i.resized || (i.pauseMove(n.containerPos, e), "paused" !== i.danmu.bulletBtn.main.status && i.startMove(n.containerPos), i.resized = !0);
-                  }
-                });
-              }, u = 0; u < n.channels.length; u++) {
-                l(u);
-              }for (var c = function c(e) {
-                ["scroll", "top", "bottom"].forEach(function (t) {
-                  a[e].queue[t].forEach(function (e) {
-                    e.resized = !1;
-                  });
-                });
-              }, f = 0; f < a.length; f++) {
-                c(f);
-              }n.channels = a, "b2t" === n.direction ? n.channelWidth = o : n.channelHeight = o;
-            } else if (n.channels && n.channels.length > a.length) {
-              for (var h = function h(t) {
-                a[t] = { id: t, queue: { scroll: [], top: [], bottom: [] }, operating: { scroll: !1, top: !1, bottom: !1 }, bookId: {} }, ["scroll", "top", "bottom"].forEach(function (i) {
-                  if ("top" === i && t > Math.floor(a.length / 2)) ;else if ("bottom" === i && t <= Math.floor(a.length / 2)) ;else {
-                    var r = "bottom" === i ? t - a.length + n.channels.length : t;n.channels[r].queue[i].forEach(function (s, l) {
-                      if (s.el) {
-                        if (a[t].queue[i].push(s), "bottom" === i && s.channel_id[0] + s.channel_id[1] - 1 === r) {
-                          var u = [].concat(s.channel_id);s.channel_id = [u[0] - n.channels.length + a.length, u[1]], s.top = s.channel_id[0] * o, n.danmu.config.area && n.danmu.config.area.start && (s.top += n.containerHeight * n.danmu.config.area.start), s.topInit();
-                        }s.pauseMove(n.containerPos, e), "paused" !== s.danmu.bulletBtn.main.status && s.startMove(n.containerPos), s.resized || (s.resized = !0);
-                      }n.channels[r].queue[i].splice(l, 1);
-                    });
-                  }
-                });
-              }, d = 0; d < a.length; d++) {
-                h(d);
-              }for (var g = function g(e) {
-                ["scroll", "top", "bottom"].forEach(function (t) {
-                  a[e].queue[t].forEach(function (e) {
-                    e.resized = !1;
-                  });
-                });
-              }, p = 0; p < a.length; p++) {
-                g(p);
-              }n.channels = a, "b2t" === n.direction ? n.channelWidth = o : n.channelHeight = o;
-            }n.resizing = !1;
-          }, 10));
         } }, { key: "addBullet", value: function value(e) {
           var t = this,
               n = this.danmu,
@@ -11902,36 +12041,38 @@ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol
               a = void 0;if ("b2t" === t.direction ? (r = this.channelWidth, a = Math.ceil(e.width / r)) : (o = this.channelHeight, a = Math.ceil(e.height / o)), a > i.length) return { result: !1, message: "exceed channels.length, occupy=" + a + ",channelsSize=" + i.length };for (var s = !0, l = void 0, u = -1, c = 0, f = i.length; c < f; c++) {
             if (i[c].queue[e.mode].some(function (t) {
               return t.id === e.id;
-            })) return { result: !1, message: "exsited, channelOrder=" + c + ",danmu_id=" + e.id };
+            })) return { result: !1, message: "exited, channelOrder=" + c + ",danmu_id=" + e.id };
           }if ("scroll" === e.mode) for (var h = 0, d = i.length - a; h <= d; h++) {
-            s = !0;for (var g = h; g < h + a; g++) {
-              if ((l = i[g]).operating.scroll) {
+            s = !0;for (var p = h; p < h + a; p++) {
+              if ((l = i[p]).operating.scroll) {
                 s = !1;break;
               }if (l.bookId.scroll && l.bookId.scroll !== e.id) {
                 s = !1;break;
-              }l.operating.scroll = !0;var p = l.queue.scroll[0];if (p) {
-                var m = p.el.getBoundingClientRect();if ("b2t" === t.direction) {
-                  if (m.bottom > t.containerPos.bottom) {
+              }l.operating.scroll = !0;var g = l.queue.scroll[0];if (g) {
+                var m = g.el.getBoundingClientRect();if ("b2t" === t.direction) {
+                  if (m.bottom >= t.containerPos.bottom) {
                     s = !1, l.operating.scroll = !1;break;
                   }
-                } else if (m.right > t.containerPos.right) {
+                } else if (m.right >= t.containerPos.right) {
                   s = !1, l.operating.scroll = !1;break;
-                }var v,
+                }var v = void 0,
+                    y = g.moveV,
                     b = void 0,
-                    y = void 0,
-                    w = void 0,
-                    _ = void 0;if ("b2t" === t.direction ? (y = (m.top - t.containerPos.top + m.height) / (b = (t.containerPos.height + m.height) / p.duration), w = t.containerPos.height, _ = (t.containerPos.height + e.height) / e.duration) : (y = (m.left - t.containerPos.left + m.width) / (b = (t.containerPos.width + m.width) / p.duration), w = t.containerPos.width, _ = (t.containerPos.width + e.width) / e.duration), v = w / _, n.config.bOffset || (n.config.bOffset = 0), b < _ && y + n.config.bOffset > v) {
-                  s = !1, l.operating.scroll = !1;break;
+                    _ = e.moveV,
+                    w = void 0;if ("b2t" === t.direction ? (b = (v = m.bottom - t.containerTop) / y, w = t.containerHeight + e.random - v) : (b = (v = m.right - t.containerLeft) / y, w = t.containerWidth + e.random - v), _ > y) {
+                  var O = w / (_ - y);if (n.config.bOffset || (n.config.bOffset = 0), b + n.config.bOffset >= O) {
+                    var k = b * _ - t.containerPos.width;k > 0 && e.updateOffset(k + (1 + Math.ceil(5 * Math.random())));
+                  }
                 }
               }l.operating.scroll = !1;
             }if (s) {
               u = h;break;
             }
-          } else if ("top" === e.mode) for (var O = 0, k = i.length - a; O <= k; O++) {
-            s = !0;for (var x = O; x < O + a; x++) {
-              if (x > Math.floor(i.length / 2)) {
+          } else if ("top" === e.mode) for (var x = 0, C = i.length - a; x <= C; x++) {
+            s = !0;for (var j = x; j < x + a; j++) {
+              if (j > Math.floor(i.length / 2)) {
                 s = !1;break;
-              }if ((l = i[x]).operating[e.mode]) {
+              }if ((l = i[j]).operating[e.mode]) {
                 s = !1;break;
               }if ((l.bookId[e.mode] || e.prior) && l.bookId[e.mode] !== e.id) {
                 s = !1;break;
@@ -11939,13 +12080,13 @@ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol
                 s = !1, l.operating[e.mode] = !1;break;
               }l.operating[e.mode] = !1;
             }if (s) {
-              u = O;break;
+              u = x;break;
             }
-          } else if ("bottom" === e.mode) for (var M = i.length - a; M >= 0; M--) {
-            s = !0;for (var C = M; C < M + a; C++) {
-              if (C <= Math.floor(i.length / 2)) {
+          } else if ("bottom" === e.mode) for (var E = i.length - a; E >= 0; E--) {
+            s = !0;for (var M = E; M < E + a; M++) {
+              if (M <= Math.floor(i.length / 2)) {
                 s = !1;break;
-              }if ((l = i[C]).operating[e.mode]) {
+              }if ((l = i[M]).operating[e.mode]) {
                 s = !1;break;
               }if ((l.bookId[e.mode] || e.prior) && l.bookId[e.mode] !== e.id) {
                 s = !1;break;
@@ -11953,40 +12094,40 @@ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol
                 s = !1, l.operating[e.mode] = !1;break;
               }l.operating[e.mode] = !1;
             }if (s) {
-              u = M;break;
+              u = E;break;
             }
           }if (-1 !== u) {
-            for (var E = u, j = u + a; E < j; E++) {
-              (l = i[E]).operating[e.mode] = !0, l.queue[e.mode].unshift(e), e.prior && (delete l.bookId[e.mode], t.logger && t.logger.info(E + "号轨道恢复正常使用")), l.operating[e.mode] = !1;
+            for (var L = u, T = u + a; L < T; L++) {
+              (l = i[L]).operating[e.mode] = !0, l.queue[e.mode].unshift(e), e.prior && (delete l.bookId[e.mode], t.logger && t.logger.info(L + "号轨道恢复正常使用")), l.operating[e.mode] = !1;
             }if (e.prior) if (t.logger && t.logger.info(e.id + "号优先弹幕运行完毕"), delete e.bookChannelId, n.player) n.bulletBtn.main.data.some(function (t) {
               return t.id === e.id && (delete t.bookChannelId, !0);
             });return e.channel_id = [u, a], "b2t" === t.direction ? (e.top = u * r, t.danmu.config.area && t.danmu.config.area.start && (e.top += t.containerWidth * t.danmu.config.area.start)) : (e.top = u * o, t.danmu.config.area && t.danmu.config.area.start && (e.top += t.containerHeight * t.danmu.config.area.start)), { result: e, message: "success" };
           }if (e.options.realTime) {
-            var B = 0,
-                T = -1,
-                P = null;if (t.danmu.bulletBtn.main.queue.forEach(function (e, n) {
-              !e.prior && !e.options.realTime && e.el && e.el.getBoundingClientRect().left > t.containerPos.right && e.start >= B && (B = e.start, T = n, P = e);
-            }), P) {
-              P.remove(), t.removeBullet(P), t.danmu.bulletBtn.main.queue.splice(T, 1), e.channel_id = P.channel_id;for (var z = P.channel_id[0], S = P.channel_id[0] + P.channel_id[1]; z < S; z++) {
-                (l = i[z]).operating[e.mode] = !0, l.queue[e.mode].unshift(e), e.prior && delete l.bookId[e.mode], l.operating[e.mode] = !1;
-              }return e.top = P.top, t.danmu.config.area && t.danmu.config.area.start && (e.top += t.containerHeight * t.danmu.config.area.start), { result: e, message: "success" };
+            var P = 0,
+                z = -1,
+                S = null;if (t.danmu.bulletBtn.main.queue.forEach(function (e, n) {
+              !e.prior && !e.options.realTime && e.el && e.el.getBoundingClientRect().left > t.containerPos.right && e.start >= P && (P = e.start, z = n, S = e);
+            }), S) {
+              S.remove(), t.removeBullet(S), t.danmu.bulletBtn.main.queue.splice(z, 1), e.channel_id = S.channel_id;for (var D = S.channel_id[0], I = S.channel_id[0] + S.channel_id[1]; D < I; D++) {
+                (l = i[D]).operating[e.mode] = !0, l.queue[e.mode].unshift(e), e.prior && delete l.bookId[e.mode], l.operating[e.mode] = !1;
+              }return e.top = S.top, t.danmu.config.area && t.danmu.config.area.start && (e.top += t.containerHeight * t.danmu.config.area.start), { result: e, message: "success" };
             }
           }if (e.prior) if (e.bookChannelId || t.danmu.live) {
             if (n.player) n.bulletBtn.main.data.some(function (n) {
               return n.id === e.id && (t.logger && t.logger.info(e.id + "号优先弹幕将于2秒后再次请求注册"), n.start += 2e3, !0);
             });
           } else {
-            u = -1;for (var L = 0, D = i.length - a; L <= D; L++) {
-              s = !0;for (var q = L; q < L + a; q++) {
-                if (i[q].bookId[e.mode]) {
+            u = -1;for (var q = 0, R = i.length - a; q <= R; q++) {
+              s = !0;for (var A = q; A < q + a; A++) {
+                if (i[A].bookId[e.mode]) {
                   s = !1;break;
                 }
               }if (s) {
-                u = L;break;
+                u = q;break;
               }
             }if (-1 !== u) {
-              for (var R = u; R < u + a; R++) {
-                i[R].bookId[e.mode] = e.id, t.logger && t.logger.info(R + "号轨道被" + e.id + "号优先弹幕预定");
+              for (var U = u; U < u + a; U++) {
+                i[U].bookId[e.mode] = e.id, t.logger && t.logger.info(U + "号轨道被" + e.id + "号优先弹幕预定");
               }if (n.player) n.bulletBtn.main.data.some(function (n) {
                 return n.id === e.id && (t.logger && t.logger.info(e.id + "号优先弹幕将于2秒后再次请求注册"), n.start += 2e3, n.bookChannelId = [u, a], t.logger && t.logger.info(e.id + "号优先弹幕预定了" + u + "~" + (u + a - 1) + "号轨道"), !0);
               });
@@ -12000,187 +12141,107 @@ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol
               }), a > -1 && i.queue[e.mode].splice(a, 1), i.operating[e.mode] = !1;
             }
           }e.options.loop && this.danmu.bulletBtn.main.playedData.push(e.options);
-        } }, { key: "resetArea", value: function value() {
-          this.logger && this.logger.info("resetArea");var e = this.danmu.container,
-              t = this,
-              n = e.getBoundingClientRect();t.width = n.width, t.height = n.height, t.danmu.config.area && t.danmu.config.area.start >= 0 && t.danmu.config.area.end >= t.danmu.config.area.start && ("b2t" === t.direction ? t.width = t.width * (t.danmu.config.area.end - t.danmu.config.area.start) : t.height = t.height * (t.danmu.config.area.end - t.danmu.config.area.start)), t.container = e;var i = t.danmu.config.channelSize || (/mobile/gi.test(navigator.userAgent) ? 10 : 12),
-              o = void 0;o = "b2t" === t.direction ? Math.floor(t.width / i) : Math.floor(t.height / i);for (var r = [], a = 0; a < o; a++) {
-            r[a] = { id: a, queue: { scroll: [], top: [], bottom: [] }, operating: { scroll: !1, top: !1, bottom: !1 }, bookId: {} };
-          }if (t.channels && t.channels.length <= r.length) {
-            for (var s = function s(e) {
-              r[e] = { id: e, queue: { scroll: [], top: [], bottom: [] }, operating: { scroll: !1, top: !1, bottom: !1 }, bookId: {} }, ["scroll", "top"].forEach(function (n) {
-                t.channels[e].queue[n].forEach(function (i) {
-                  i.el && (r[e].queue[n].push(i), i.resized || (i.pauseMove(t.containerPos, !1), i.startMove(t.containerPos), i.resized = !0));
+        } }, { key: "resizeSync", value: function value() {
+          this.resize(!0);
+        } }, { key: "resize", value: function value() {
+          var e = arguments.length > 0 && void 0 !== arguments[0] && arguments[0];this.logger && this.logger.info("resize");var t = this;function n() {
+            var e = t.danmu,
+                n = e.container,
+                i = e.config,
+                o = e.bulletBtn,
+                r = void 0;if (t.updatePos(), t._cancelResizeTimer(), o.main.data && o.main.data.forEach(function (e) {
+              e.bookChannelId && (delete e.bookChannelId, t.logger && t.logger.info("resize导致" + e.id + "号优先弹幕预定取消"));
+            }), t.logger && t.logger.info("resize导致所有轨道恢复正常使用"), t.width = t.containerWidth, t.height = t.containerHeight, i.area) {
+              var a = i.area,
+                  u = a.lines,
+                  c = a.start,
+                  f = a.end;(0, l.validAreaLineRule)(u) ? r = u : c >= 0 && f >= c && ("b2t" === t.direction ? t.width = t.width * (f - c) : t.height = t.height * (f - c));
+            }t.container = n;var h = i.channelSize || (/mobile/gi.test(navigator.userAgent) ? 10 : 12);(0, s.isNumber)(r) || (r = "b2t" === t.direction ? Math.floor(t.width / h) : Math.floor(t.height / h));for (var d = [], p = 0; p < r; p++) {
+              d[p] = { id: p, queue: { scroll: [], top: [], bottom: [] }, operating: { scroll: !1, top: !1, bottom: !1 }, bookId: {} };
+            }if (t.channels && t.channels.length <= d.length) {
+              for (var g = function g(e) {
+                d[e] = { id: e, queue: { scroll: [], top: [], bottom: [] }, operating: { scroll: !1, top: !1, bottom: !1 }, bookId: {} }, ["scroll", "top"].forEach(function (n) {
+                  t.channels[e].queue[n].forEach(function (t) {
+                    t.el && d[e].queue[n].push(t);
+                  });
+                }), t.channels[e].queue.bottom.forEach(function (n) {
+                  if (n.el && (d[e + d.length - t.channels.length].queue.bottom.push(n), n.channel_id[0] + n.channel_id[1] - 1 === e)) {
+                    var i = [].concat(n.channel_id);n.channel_id = [i[0] - t.channels.length + d.length, i[1]], n.top = n.channel_id[0] * h, t.danmu.config.area && t.danmu.config.area.start && (n.top += t.containerHeight * t.danmu.config.area.start), n.topInit();
+                  }
                 });
-              }), t.channels[e].queue.bottom.forEach(function (n) {
-                if (n.el) {
-                  if (r[e + r.length - t.channels.length].queue.bottom.push(n), n.channel_id[0] + n.channel_id[1] - 1 === e) {
-                    var o = [].concat(n.channel_id);n.channel_id = [o[0] - t.channels.length + r.length, o[1]], n.top = n.channel_id[0] * i, t.danmu.config.area && t.danmu.config.area.start && (n.top += t.containerHeight * t.danmu.config.area.start), n.topInit();
-                  }n.resized || (n.pauseMove(t.containerPos, !1), n.startMove(t.containerPos), n.resized = !0);
-                }
-              });
-            }, l = 0; l < t.channels.length; l++) {
-              s(l);
-            }for (var u = function u(e) {
-              ["scroll", "top", "bottom"].forEach(function (t) {
-                r[e].queue[t].forEach(function (e) {
-                  e.resized = !1;
+              }, m = 0; m < t.channels.length; m++) {
+                g(m);
+              }for (var v = function v(e) {
+                ["scroll", "top", "bottom"].forEach(function (t) {
+                  d[e].queue[t].forEach(function (e) {
+                    e.resized = !1;
+                  });
                 });
-              });
-            }, c = 0; c < r.length; c++) {
-              u(c);
-            }t.channels = r, "b2t" === t.direction ? t.channelWidth = i : t.channelHeight = i;
-          } else if (t.channels && t.channels.length > r.length) {
-            for (var f = function f(e) {
-              r[e] = { id: e, queue: { scroll: [], top: [], bottom: [] }, operating: { scroll: !1, top: !1, bottom: !1 }, bookId: {} }, ["scroll", "top", "bottom"].forEach(function (n) {
-                if ("top" === n && e > Math.floor(r.length / 2)) ;else if ("bottom" === n && e <= Math.floor(r.length / 2)) ;else {
-                  var o = "bottom" === n ? e - r.length + t.channels.length : e;t.channels[o].queue[n].forEach(function (a, s) {
-                    if (a.el) {
-                      if (r[e].queue[n].push(a), "bottom" === n && a.channel_id[0] + a.channel_id[1] - 1 === o) {
-                        var l = [].concat(a.channel_id);a.channel_id = [l[0] - t.channels.length + r.length, l[1]], a.top = a.channel_id[0] * i, t.danmu.config.area && t.danmu.config.area.start && (a.top += t.containerHeight * t.danmu.config.area.start), a.topInit();
-                      }a.resized || (a.pauseMove(t.containerPos, !1), a.startMove(t.containerPos), a.resized = !0);
-                    }t.channels[o].queue[n].splice(s, 1);
+              }, y = 0; y < d.length; y++) {
+                v(y);
+              }t.channels = d, "b2t" === t.direction ? t.channelWidth = h : t.channelHeight = h;
+            } else if (t.channels && t.channels.length > d.length) {
+              for (var b = function b(e) {
+                d[e] = { id: e, queue: { scroll: [], top: [], bottom: [] }, operating: { scroll: !1, top: !1, bottom: !1 }, bookId: {} }, ["scroll", "top", "bottom"].forEach(function (n) {
+                  if ("top" === n && e > Math.floor(d.length / 2)) ;else if ("bottom" === n && e <= Math.floor(d.length / 2)) ;else {
+                    var i = "bottom" === n ? e - d.length + t.channels.length : e;t.channels[i].queue[n].forEach(function (o, r) {
+                      if (o.el && (d[e].queue[n].push(o), "bottom" === n && o.channel_id[0] + o.channel_id[1] - 1 === i)) {
+                        var a = [].concat(o.channel_id);o.channel_id = [a[0] - t.channels.length + d.length, a[1]], o.top = o.channel_id[0] * h, t.danmu.config.area && t.danmu.config.area.start && (o.top += t.containerHeight * t.danmu.config.area.start), o.topInit();
+                      }t.channels[i].queue[n].splice(r, 1);
+                    });
+                  }
+                });
+              }, _ = 0; _ < d.length; _++) {
+                b(_);
+              }for (var w = function w(e) {
+                ["scroll", "top", "bottom"].forEach(function (t) {
+                  d[e].queue[t].forEach(function (e) {
+                    e.resized = !1;
                   });
-                }
-              });
-            }, h = 0; h < r.length; h++) {
-              f(h);
-            }for (var d = function d(e) {
-              ["scroll", "top", "bottom"].forEach(function (t) {
-                r[e].queue[t].forEach(function (e) {
-                  e.resized = !1;
                 });
-              });
-            }, g = 0; g < r.length; g++) {
-              d(g);
-            }t.channels = r, "b2t" === t.direction ? t.channelWidth = i : t.channelHeight = i;
-          }
+              }, O = 0; O < d.length; O++) {
+                w(O);
+              }t.channels = d, "b2t" === t.direction ? t.channelWidth = h : t.channelHeight = h;
+            }t.resizing = !1;
+          }t.resizing || (t.resizing = !0, e ? n() : (this._cancelResizeTimer(), this.resizeId = requestAnimationFrame(n)));
+        } }, { key: "_cancelResizeTimer", value: function value() {
+          this.resizeId && (cancelAnimationFrame(this.resizeId), this.resizeId = null);
         } }, { key: "reset", value: function value() {
-          var e = arguments.length > 0 && void 0 !== arguments[0] && arguments[0];this.logger && this.logger.info("reset");var t = this.danmu.container,
-              n = this;function i() {
-            var e = t.getBoundingClientRect();n.width = e.width, n.height = e.height, n.danmu.config.area && n.danmu.config.area.start >= 0 && n.danmu.config.area.end >= n.danmu.config.area.start && ("b2t" === n.direction ? n.width = n.width * (n.danmu.config.area.end - n.danmu.config.area.start) : n.height = n.height * (n.danmu.config.area.end - n.danmu.config.area.start)), n.container = t;var i = n.danmu.config.channelSize || (/mobile/gi.test(navigator.userAgent) ? 10 : 12),
-                o = void 0;o = "b2t" === n.direction ? Math.floor(n.width / i) : Math.floor(n.height / i);for (var r = [], a = 0; a < o; a++) {
-              r[a] = { id: a, queue: { scroll: [], top: [], bottom: [] }, operating: { scroll: !1, top: !1, bottom: !1 }, bookId: {} };
-            }n.channels = r, "b2t" === n.direction ? n.channelWidth = i : n.channelHeight = i;
-          }n.danmu.bulletBtn && n.danmu.bulletBtn.main && n.danmu.bulletBtn.main.queue.forEach(function (e) {
-            e.pauseMove(n.containerPos), e.remove();
-          }), n.channels && n.channels.length > 0 && ["scroll", "top", "bottom"].forEach(function (e) {
-            for (var t = 0; t < n.channels.length; t++) {
-              n.channels[t].queue[e].forEach(function (e) {
-                e.pauseMove(n.containerPos), e.remove();
+          var e = arguments.length > 0 && void 0 !== arguments[0] && arguments[0];this.logger && this.logger.info("reset");var t = this,
+              n = t.danmu,
+              i = n.container,
+              o = n.bulletBtn,
+              r = n.config;function a() {
+            var e = void 0,
+                n = i.getBoundingClientRect();if (t.width = n.width, t.height = n.height, t.resetId && (cancelAnimationFrame(t.resetId), t.resetId = null), r.area) {
+              var o = r.area,
+                  a = o.lines,
+                  u = o.start,
+                  c = o.end;(0, l.validAreaLineRule)(a) ? e = a : u >= 0 && c >= u && ("b2t" === t.direction ? t.width = t.width * (c - u) : t.height = t.height * (c - u));
+            }var f = r.channelSize || (/mobile/gi.test(navigator.userAgent) ? 10 : 12);(0, s.isNumber)(e) || (e = "b2t" === t.direction ? Math.floor(t.width / f) : Math.floor(t.height / f));for (var h = [], d = 0; d < e; d++) {
+              h[d] = { id: d, queue: { scroll: [], top: [], bottom: [] }, operating: { scroll: !1, top: !1, bottom: !1 }, bookId: {} };
+            }t.channels = h, "b2t" === t.direction ? t.channelWidth = f : t.channelHeight = f;
+          }t.container = i, o && o.main && o.main.queue.forEach(function (e) {
+            e.remove();
+          }), t.channels && t.channels.length > 0 && ["scroll", "top", "bottom"].forEach(function (e) {
+            for (var n = 0; n < t.channels.length; n++) {
+              t.channels[n].queue[e].forEach(function (e) {
+                e.remove();
               });
             }
-          }), n.danmu.bulletBtn && n.danmu.bulletBtn.main && n.danmu.bulletBtn.main.data && n.danmu.bulletBtn.main.data.forEach(function (e) {
-            e.hasAttached = !1;
-          }), e ? this.resetTimer = setTimeout(i, 200) : i();
-        } }, { key: "resetWithCb", value: function value(e, t) {
-          this.logger && this.logger.info("resetWithCb");var n = this.danmu.container,
-              i = this;i.channels && i.channels.length > 0 && ["scroll", "top", "bottom"].forEach(function (e) {
-            for (var t = 0; t < i.channels.length; t++) {
-              i.channels[t].queue[e].forEach(function (e) {
-                e.pauseMove(i.containerPos), e.remove();
-              });
-            }
-          });var o = n.getBoundingClientRect();i.width = o.width, i.height = o.height, i.danmu.config.area && i.danmu.config.area.start >= 0 && i.danmu.config.area.end >= i.danmu.config.area.start && ("b2t" === i.direction ? i.width = i.width * (i.danmu.config.area.end - i.danmu.config.area.start) : i.height = i.height * (i.danmu.config.area.end - i.danmu.config.area.start)), i.container = n;var r = i.danmu.config.channelSize || (/mobile/gi.test(navigator.userAgent) ? 10 : 12),
-              a = void 0;a = "b2t" === i.direction ? Math.floor(i.width / r) : Math.floor(i.height / r);for (var s = [], l = 0; l < a; l++) {
-            s[l] = { id: l, queue: { scroll: [], top: [], bottom: [] }, operating: { scroll: !1, top: !1, bottom: !1 }, bookId: {} };
-          }i.channels = s, i.channelHeight = r, e && e(!0, t);
+          }), o && o.main && o.main.data && o.main.data.forEach(function (e) {
+            e.attached_ = !1;
+          }), e ? this.resetId = requestAnimationFrame(a) : a();
         } }]), t;
-    }(o.default);t.default = s, e.exports = t.default;
+    }(a.default);t.default = u, e.exports = t.default;
   }, function (e, t, n) {
     "use strict";
-    Object.defineProperty(t, "__esModule", { value: !0 });var i = function () {
-      function e(e, t) {
-        for (var n = 0; n < t.length; n++) {
-          var i = t[n];i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(e, i.key, i);
-        }
-      }return function (t, n, i) {
-        return n && e(t.prototype, n), i && e(t, i), t;
-      };
-    }(),
-        o = a(n(1)),
-        r = a(n(0));function a(e) {
-      return e && e.__esModule ? e : { default: e };
-    }var s = function (e) {
-      function t(e, n) {
-        !function (e, t) {
-          if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
-        }(this, t);var i = function (e, t) {
-          if (!e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return !t || "object" != (typeof t === "undefined" ? "undefined" : _typeof(t)) && "function" != typeof t ? e : t;
-        }(this, (t.__proto__ || Object.getPrototypeOf(t)).call(this));i.setLogger("bullet"), i.danmu = e, i.options = n, i.duration = n.duration, i.moveV = n.moveV, i.id = n.id, i.container = e.container, i.start = n.start, i.prior = n.prior, i.color = n.color, i.bookChannelId = n.bookChannelId, i.direction = e.direction;var o = i;i.onChangeDirection = function (e) {
-          o.direction = e;
-        }, i.danmu.on("changeDirection", i.onChangeDirection);var a = void 0;if (i.domObj = e.domObj, n.el && 1 === n.el.nodeType) {
-          a = i.domObj.use();var s = r.default.copyDom(n.el);n.eventListeners && n.eventListeners.length > 0 && n.eventListeners.forEach(function (e) {
-            s.addEventListener(e.event, e.listener, e.useCapture || !1);
-          }), a.appendChild(s);
-        } else (a = i.domObj.use()).textContent = n.txt;if (n.style) {
-          var l = n.style;Object.keys(l).forEach(function (e) {
-            r.default.style(a, e, l[e]);
-          });
-        }"top" === n.mode || "bottom" === n.mode ? i.mode = n.mode : i.mode = "scroll", i.el = a, n.like && n.like.el && i.setLikeDom(n.like.el, n.like.style), i.status = "waiting";var u = i.container.getBoundingClientRect(),
-            c = Math.floor(Math.random() * (u.width / 10 > 100 ? 200 : u.width / 10));n.realTime && (c = 0);var f = u.width + c + "px";return r.default.style(i.el, "left", f), i.containerPos = u, i;
-      }return function (e, t) {
-        if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function, not " + (typeof t === "undefined" ? "undefined" : _typeof(t)));e.prototype = Object.create(t && t.prototype, { constructor: { value: e, enumerable: !1, writable: !0, configurable: !0 } }), t && (Object.setPrototypeOf ? Object.setPrototypeOf(e, t) : e.__proto__ = t);
-      }(t, e), i(t, [{ key: "attach", value: function value() {
-          if (this.container.appendChild(this.el), this.elPos = this.el.getBoundingClientRect(), "b2t" === this.direction ? (this.width = this.elPos.height, this.height = this.elPos.width) : (this.width = this.elPos.width, this.height = this.elPos.height), this.moveV) {
-            var e = this.containerPos;this.duration = (e.width + this.width) / this.moveV * 1e3;
-          }this.danmu.config && this.danmu.config.mouseControl && (this.mouseoverFunWrapper = this.mouseoverFun.bind(this), this.el.addEventListener("mouseover", this.mouseoverFunWrapper, !1)), this.danmu.config && this.danmu.config.mouseEnterControl && (this.mouseEnterFunWrapper = this.mouseoverFun.bind(this), this.el.addEventListener("mouseenter", this.mouseEnterFunWrapper, !1));
-        } }, { key: "mouseoverFun", value: function value(e) {
-          this.danmu && this.danmu.mouseControl && this.danmu.config.mouseControlPause || "waiting" === this.status || "end" === this.status || this.danmu && this.danmu.emit("bullet_hover", { bullet: this, event: e });
-        } }, { key: "detach", value: function value() {
-          this.el && (this.danmu.config && this.danmu.config.mouseControl && this.el.removeEventListener("mouseover", this.mouseoverFunWrapper, !1), this.danmu.config && this.danmu.config.mouseEnterControl && this.el.removeEventListener("mouseenter", this.mouseEnterFunWrapper, !1), this.el.parentNode && this.el.parentNode.removeChild(this.el), this.domObj.unuse(this.el), this.el = null), this.danmu.off("changeDirection", this.onChangeDirection);
-        } }, { key: "topInit", value: function value() {
-          if (this.logger && this.logger.info("topInit #" + (this.options.txt || "[DOM Element]") + "#"), "b2t" === this.direction) {
-            var e = this.containerPos;r.default.style(this.el, "transformOrigin", "left top"), r.default.style(this.el, "transform", "translateX(-" + this.top + "px) translateY(" + e.height + "px) translateZ(0px) rotate(90deg)"), r.default.style(this.el, "transition", "transform 0s linear 0s");
-          } else r.default.style(this.el, "top", this.top + "px");
-        } }, { key: "pauseMove", value: function value(e) {
-          var t = arguments.length > 1 && void 0 !== arguments[1] && arguments[1];this.logger && this.logger.info("pauseMove #" + (this.options.txt || "[DOM Element]") + "#");var n = this;if ("paused" !== this.status && ("forcedPause" !== n.status && (this.status = "paused"), clearTimeout(n.removeTimer), this.el)) if (r.default.style(this.el, "willChange", "auto"), "scroll" === this.mode) {
-            if (t) {
-              var i = (new Date().getTime() - n.moveTime) / 1e3,
-                  o = i * this.moveV,
-                  a = 0;a = n.moveMoreS - o >= 0 ? "b2t" === this.direction ? (n.moveMoreS - o) / n.moveContainerHeight * e.height : (n.moveMoreS - o) / n.moveContainerWidth * e.width : n.moveMoreS - o, "b2t" === this.direction ? r.default.style(this.el, "transform", "translateX(-" + this.top + "px) translateY(" + a + "px) translateZ(0px) rotate(90deg)") : r.default.style(this.el, "left", a + "px");
-            } else "b2t" === this.direction ? r.default.style(this.el, "transform", "translateX(-" + this.top + "px) translateY(" + (this.el.getBoundingClientRect().top - e.top) + "px) translateZ(0px) rotate(90deg)") : r.default.style(this.el, "left", this.el.getBoundingClientRect().left - e.left + "px");"b2t" === this.direction || r.default.style(this.el, "transform", "translateX(0px) translateY(0px) translateZ(0px)"), r.default.style(this.el, "transition", "transform 0s linear 0s");
-          } else this.pastDuration && this.startTime ? this.pastDuration = this.pastDuration + new Date().getTime() - this.startTime : this.pastDuration = 1;
-        } }, { key: "startMove", value: function value(e, t) {
-          this.logger && this.logger.info("startMove #" + (this.options.txt || "[DOM Element]") + "#");var n = this;if (n.hasMove || (n.danmu.emit("bullet_start", n), n.hasMove = !0), ("forcedPause" !== n.status || t) && this.el && "start" !== this.status) if (this.status = "start", r.default.style(this.el, "willChange", "transform"), "scroll" === this.mode) {
-            if ("b2t" === this.direction) {
-              this.moveV = (e.height + this.height) / this.duration * 1e3;var i = (n.el.getBoundingClientRect().bottom - e.top) / this.moveV;r.default.style(this.el, "transition", "transform " + i + "s linear 0s"), this.startMoveTimer = setTimeout(function () {
-                n.el && (r.default.style(n.el, "transform", "translateX(-" + n.top + "px) translateY(-" + n.height + "px) translateZ(0px) rotate(90deg)"), n.moveTime = new Date().getTime(), n.moveMoreS = n.el.getBoundingClientRect().top - e.top, n.moveContainerHeight = e.height, n.removeTimer = setTimeout(l, 1e3 * i));
-              }, 20);
-            } else {
-              var o = this.el.getBoundingClientRect();this.moveV = (e.width + this.width) / this.duration * 1e3;var a = (o.right - e.left) / this.moveV;r.default.style(this.el, "transition", "transform " + a + "s linear 0s"), this.startMoveTimer = setTimeout(function () {
-                if (n.el) {
-                  var t = n.el.getBoundingClientRect(),
-                      i = (t.right - e.left) / a;t.right > e.left && i > n.moveV - 1 && i < n.moveV + 1 ? (r.default.style(n.el, "transform", "translateX(-" + (t.right - e.left) + "px) translateY(0px) translateZ(0px)"), n.moveTime = new Date().getTime(), n.moveMoreS = t.left - e.left, n.moveContainerWidth = e.width, n.removeTimer = setTimeout(l, 1e3 * a)) : (n.status = "end", n.remove());
-                }
-              }, 0);
-            }
-          } else {
-            r.default.style(this.el, "left", "50%"), r.default.style(this.el, "margin", "0 0 0 -" + this.width / 2 + "px"), this.pastDuration || (this.pastDuration = 1);var s = this.duration >= this.pastDuration ? this.duration - this.pastDuration : 0;this.removeTimer = setTimeout(l, s), this.startTime = new Date().getTime();
-          }function l() {
-            if (n.el) if ("scroll" === n.mode) {
-              var e = n.containerPos,
-                  t = n.el.getBoundingClientRect();"b2t" === n.direction ? t && t.bottom <= e.top + 100 ? (n.status = "end", n.remove()) : (n.pauseMove(e), "paused" !== n.danmu.bulletBtn.main.status && n.startMove(e)) : t && t.right <= e.left + 100 ? (n.status = "end", n.remove()) : (n.pauseMove(e), "paused" !== n.danmu.bulletBtn.main.status && n.startMove(e));
-            } else n.status = "end", n.remove();
-          }
-        } }, { key: "remove", value: function value() {
-          this.logger && this.logger.info("remove #" + (this.options.txt || "[DOM Element]") + "#");this.removeTimer && clearTimeout(this.removeTimer), this.startMoveTimer && clearTimeout(this.startMoveTimer), this.el && this.el.parentNode && (r.default.style(this.el, "willChange", "auto"), this.detach(), this.danmu.emit("bullet_remove", { bullet: this }));
-        } }, { key: "setFontSize", value: function value(e) {
-          this.el && (this.el.style.fontSize = e);
-        } }, { key: "setLikeDom", value: function value(e, t) {
-          if (e) {
-            Object.keys(t).forEach(function (n) {
-              e.style[n] = t[n];
-            });if (e.className = "danmu-like", this.el) {
-              var n = this.el.querySelector(".danmu-like");n && this.el.removeChild(n), this.el.innerHTML = "" + this.el.innerHTML + e.outerHTML;
-            }
-          }return e;
-        } }]), t;
-    }(o.default);t.default = s, e.exports = t.default;
+    Object.defineProperty(t, "__esModule", { value: !0 }), t.validAreaLineRule = function (e) {
+      return "number" == typeof e && e >= 0 && Number.isInteger(e);
+    };
   }, function (e, t, n) {
     "use strict";
-    Object.defineProperty(t, "__esModule", { value: !0 });var i,
-        o = function () {
+    Object.defineProperty(t, "__esModule", { value: !0 });var i = function () {
       function e(e, t) {
         for (var n = 0; n < t.length; n++) {
           var i = t[n];i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(e, i.key, i);
@@ -12189,19 +12250,18 @@ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol
         return n && e(t.prototype, n), i && e(t, i), t;
       };
     }(),
-        r = n(0),
-        a = (i = r) && i.__esModule ? i : { default: i };var s = function () {
+        o = n(0);var r = function () {
       function e(t) {
         !function (e, t) {
           if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
         }(this, e), t = { initDOM: function initDOM() {
             return document.createElement("div");
           }, initSize: 10 }, this.init(t);
-      }return o(e, [{ key: "init", value: function value(e) {
+      }return i(e, [{ key: "init", value: function value(e) {
           this.idleList = [], this.usingList = [], this._id = 0, this.options = e, this._expand(e.initSize);
         } }, { key: "use", value: function value() {
           this.idleList.length || this._expand(1);var e = this.idleList.shift();return this.usingList.push(e), e;
-        } }, { key: "unuse", value: function value(e) {
+        } }, { key: "unused", value: function value(e) {
           var t = this.usingList.indexOf(e);t < 0 || (this.usingList.splice(t, 1), e.innerHTML = "", e.textcontent = "", this.clearElementStyle(e), this.idleList.push(e));
         } }, { key: "_expand", value: function value(e) {
           for (var t = 0; t < e; t++) {
@@ -12213,17 +12273,15 @@ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol
           }for (var t = 0; t < this.usingList.length; t++) {
             this.usingList[t].innerHTML = "", this.usingList[t].textcontent = "", this.clearElementStyle(this.usingList[t]);
           }for (var n in this) {
-            delete this[n];
+            o.hasOwnProperty.call(this, n) && delete this[n];
           }
         } }, { key: "clearElementStyle", value: function value(e) {
-          var t = "undefined" != typeof window ? window.navigator.userAgent : null;t && (t.indexOf("MSIE ") > -1 || t.indexOf("Trident/") > -1 ? a.default.style(e, "transform", "none") : e.setAttribute("style", ""));
+          var t = "undefined" != typeof window ? window.navigator.userAgent : null;t && (t.indexOf("MSIE ") > -1 || t.indexOf("Trident/") > -1 ? (0, o.styleUtil)(e, "transform", "none") : e.setAttribute("style", ""));
         } }]), e;
-    }();t.default = s, e.exports = t.default;
-  }, function (e) {
-    e.exports = JSON.parse('{"version":"0.5.10"}');
+    }();t.default = r, e.exports = t.default;
   }, function (e, t, n) {
     "use strict";
-    Object.defineProperty(t, "__esModule", { value: !0 });var i = function () {
+    Object.defineProperty(t, "__esModule", { value: !0 }), t.destroyObserver = t.unObserver = t.addObserver = void 0;var i = function () {
       function e(e, t) {
         for (var n = 0; n < t.length; n++) {
           var i = t[n];i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(e, i.key, i);
@@ -12231,14 +12289,15 @@ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol
       }return function (t, n, i) {
         return n && e(t.prototype, n), i && e(t, i), t;
       };
-    }();var o = new (function () {
+    }(),
+        o = n(0);var r = new (function () {
       function e() {
         var t = this;if (function (e, t) {
           if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
         }(this, e), this.__handlers = [], window.ResizeObserver) try {
-          this.observer = new window.ResizeObserver(function (e) {
-            var n = new Date().getTime();n - t.timeStampe < 200 || (t.timeStampe = n, t.__trigger(e));
-          }), this.timeStampe = new Date().getTime();
+          this.observer = new window.ResizeObserver((0, o.throttle)(function (e) {
+            t.__trigger(e);
+          }, 100));
         } catch (e) {}
       }return i(e, [{ key: "addObserver", value: function value(e, t) {
           if (this.observer) {
@@ -12270,16 +12329,16 @@ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol
           });
         } }]), e;
     }())();t.addObserver = function (e, t) {
-      o.addObserver(e, t);
+      r.addObserver(e, t);
     }, t.unObserver = function (e, t) {
-      o.unObserver(e, t);
+      r.unObserver(e, t);
     }, t.destroyObserver = function (e, t) {
-      o.destroyObserver(e, t);
+      r.destroyObserver(e, t);
     };
   }, function (e, t, n) {
     var i = n(35);"string" == typeof i && (i = [[e.i, i, ""]]);var o = { hmr: !0, transform: void 0, insertInto: void 0 };n(37)(i, o);i.locals && (e.exports = i.locals);
   }, function (e, t, n) {
-    (e.exports = n(36)(!1)).push([e.i, ".danmu{overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;-ms-user-select:none}.danmu>*{position:absolute;white-space:nowrap}.danmu-switch{width:32px;height:20px;border-radius:100px;background-color:#ccc;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;cursor:pointer;position:relative;text-align:center;margin:10px auto}.danmu-switch.danmu-switch-active{padding-left:12px;background-color:#f85959}.danmu-switch span.txt{width:20px;height:20px;line-height:20px;text-align:center;display:block;border-radius:100px;background-color:#ffffff;-webkit-box-shadow:-2px 0 0 0 rgba(0, 0, 0, .04);box-shadow:-2px 0 0 0 rgba(0, 0, 0, .04);font-family:PingFangSC;font-size:10px;font-weight:500;color:#f44336}\n", ""]);
+    (e.exports = n(36)(!1)).push([e.i, ".danmu{overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;-ms-user-select:none}.danmu>*{position:absolute;white-space:nowrap}.danmu-switch{width:32px;height:20px;border-radius:100px;background-color:#ccc;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;cursor:pointer;position:relative;text-align:center;margin:10px auto}.danmu-switch.danmu-switch-active{padding-left:12px;background-color:#f85959}.danmu-switch span.txt{width:20px;height:20px;line-height:20px;text-align:center;display:block;border-radius:100px;background-color:#fff;-webkit-box-shadow:-2px 0 0 0 rgba(0, 0, 0, .04);box-shadow:-2px 0 0 0 rgba(0, 0, 0, .04);font-family:PingFangSC;font-size:10px;font-weight:500;color:#f44336}", ""]);
   }, function (e, t) {
     e.exports = function (e) {
       var t = [];return t.toString = function () {
@@ -12335,39 +12394,39 @@ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol
           o.refs++;for (var a = 0; a < o.parts.length; a++) {
             o.parts[a](i.parts[a]);
           }for (; a < i.parts.length; a++) {
-            o.parts.push(y(i.parts[a], t));
+            o.parts.push(b(i.parts[a], t));
           }
         } else {
           var s = [];for (a = 0; a < i.parts.length; a++) {
-            s.push(y(i.parts[a], t));
+            s.push(b(i.parts[a], t));
           }r[i.id] = { id: i.id, refs: 1, parts: s };
         }
       }
-    }function g(e, t) {
+    }function p(e, t) {
       for (var n = [], i = {}, o = 0; o < e.length; o++) {
         var r = e[o],
             a = t.base ? r[0] + t.base : r[0],
             s = { css: r[1], media: r[2], sourceMap: r[3] };i[a] ? i[a].parts.push(s) : n.push(i[a] = { id: a, parts: [s] });
       }return n;
-    }function p(e, t) {
+    }function g(e, t) {
       var n = l(e.insertInto);if (!n) throw new Error("Couldn't find a style target. This probably means that the value for the 'insertInto' parameter is invalid.");var i = f[f.length - 1];if ("top" === e.insertAt) i ? i.nextSibling ? n.insertBefore(t, i.nextSibling) : n.appendChild(t) : n.insertBefore(t, n.firstChild), f.push(t);else if ("bottom" === e.insertAt) n.appendChild(t);else {
         if ("object" != _typeof(e.insertAt) || !e.insertAt.before) throw new Error("[Style Loader]\n\n Invalid value for parameter 'insertAt' ('options.insertAt') found.\n Must be 'top', 'bottom', or Object.\n (https://github.com/webpack-contrib/style-loader#insertat)\n");var o = l(e.insertInto + " " + e.insertAt.before);n.insertBefore(t, o);
       }
     }function m(e) {
       if (null === e.parentNode) return !1;e.parentNode.removeChild(e);var t = f.indexOf(e);t >= 0 && f.splice(t, 1);
     }function v(e) {
-      var t = document.createElement("style");return void 0 === e.attrs.type && (e.attrs.type = "text/css"), b(t, e.attrs), p(e, t), t;
-    }function b(e, t) {
+      var t = document.createElement("style");return void 0 === e.attrs.type && (e.attrs.type = "text/css"), y(t, e.attrs), g(e, t), t;
+    }function y(e, t) {
       Object.keys(t).forEach(function (n) {
         e.setAttribute(n, t[n]);
       });
-    }function y(e, t) {
+    }function b(e, t) {
       var n, i, o, r;if (t.transform && e.css) {
         if (!(r = t.transform(e.css))) return function () {};e.css = r;
       }if (t.singleton) {
         var a = c++;n = u || (u = v(t)), i = O.bind(null, n, a, !1), o = O.bind(null, n, a, !0);
       } else e.sourceMap && "function" == typeof URL && "function" == typeof URL.createObjectURL && "function" == typeof URL.revokeObjectURL && "function" == typeof Blob && "function" == typeof btoa ? (n = function (e) {
-        var t = document.createElement("link");return void 0 === e.attrs.type && (e.attrs.type = "text/css"), e.attrs.rel = "stylesheet", b(t, e.attrs), p(e, t), t;
+        var t = document.createElement("link");return void 0 === e.attrs.type && (e.attrs.type = "text/css"), e.attrs.rel = "stylesheet", y(t, e.attrs), g(e, t), t;
       }(t), i = x.bind(null, n, t), o = function o() {
         m(n), n.href && URL.revokeObjectURL(n.href);
       }) : (n = v(t), i = k.bind(null, n), o = function o() {
@@ -12378,10 +12437,10 @@ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol
         } else o();
       };
     }e.exports = function (e, t) {
-      if ("undefined" != typeof DEBUG && DEBUG && "object" != (typeof document === "undefined" ? "undefined" : _typeof(document))) throw new Error("The style-loader cannot be used in a non-browser environment");(t = t || {}).attrs = "object" == _typeof(t.attrs) ? t.attrs : {}, t.singleton || "boolean" == typeof t.singleton || (t.singleton = a()), t.insertInto || (t.insertInto = "head"), t.insertAt || (t.insertAt = "bottom");var n = g(e, t);return d(n, t), function (e) {
+      if ("undefined" != typeof DEBUG && DEBUG && "object" != (typeof document === "undefined" ? "undefined" : _typeof(document))) throw new Error("The style-loader cannot be used in a non-browser environment");(t = t || {}).attrs = "object" == _typeof(t.attrs) ? t.attrs : {}, t.singleton || "boolean" == typeof t.singleton || (t.singleton = a()), t.insertInto || (t.insertInto = "head"), t.insertAt || (t.insertAt = "bottom");var n = p(e, t);return d(n, t), function (e) {
         for (var i = [], o = 0; o < n.length; o++) {
           var a = n[o];(s = r[a.id]).refs--, i.push(s);
-        }e && d(g(e, t), t);for (o = 0; o < i.length; o++) {
+        }e && d(p(e, t), t);for (o = 0; o < i.length; o++) {
           var s;if (0 === (s = i[o]).refs) {
             for (var l = 0; l < s.parts.length; l++) {
               s.parts[l]();
@@ -12389,11 +12448,11 @@ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol
           }
         }
       };
-    };var w,
-        _ = (w = [], function (e, t) {
-      return w[e] = t, w.filter(Boolean).join("\n");
+    };var _,
+        w = (_ = [], function (e, t) {
+      return _[e] = t, _.filter(Boolean).join("\n");
     });function O(e, t, n, i) {
-      var o = n ? "" : i.css;if (e.styleSheet) e.styleSheet.cssText = _(t, o);else {
+      var o = n ? "" : i.css;if (e.styleSheet) e.styleSheet.cssText = w(t, o);else {
         var r = document.createTextNode(o),
             a = e.childNodes;a[t] && e.removeChild(a[t]), a.length ? e.insertBefore(r, a[t]) : e.appendChild(r);
       }
@@ -13522,7 +13581,7 @@ var s_memoryPlay = function s_memoryPlay() {
       }, lastPlayTimeHideDelay * 1000);
     }
   };
-  player.once('play', handlePlay);
+  player.once('playing', handlePlay);
   player.once('ended', removeFunc);
 };