2.0.7

Author: weizhenye

dist/danmaku.canvas.js

@@ -165,10 +165,81 @@
     remove: remove,
   };
 
+  var raf =
+    (
+      typeof window !== 'undefined' &&
+      (
+        window.requestAnimationFrame ||
+        window.mozRequestAnimationFrame ||
+        window.webkitRequestAnimationFrame
+      )
+    ) ||
+    function(cb) {
+      return setTimeout(cb, 50 / 3);
+    };
+
+  var caf =
+    (
+      typeof window !== 'undefined' &&
+      (
+        window.cancelAnimationFrame ||
+        window.mozCancelAnimationFrame ||
+        window.webkitCancelAnimationFrame
+      )
+    ) ||
+    clearTimeout;
+
+  function binsearch(arr, prop, key) {
+    var mid = 0;
+    var left = 0;
+    var right = arr.length;
+    while (left < right - 1) {
+      mid = (left + right) >> 1;
+      if (key >= arr[mid][prop]) {
+        left = mid;
+      } else {
+        right = mid;
+      }
+    }
+    if (arr[left] && key < arr[left][prop]) {
+      return left;
+    }
+    return right;
+  }
+
+
+  function formatMode(mode) {
+    if (!/^(ltr|top|bottom)$/i.test(mode)) {
+      return 'rtl';
+    }
+    return mode.toLowerCase();
+  }
+
+  function collidableRange() {
+    var max = 9007199254740991;
+    return [
+      { range: 0, time: -max, width: max, height: 0 },
+      { range: max, time: max, width: 0, height: 0 }
+    ];
+  }
+
+  function resetSpace(space) {
+    space.ltr = collidableRange();
+    space.rtl = collidableRange();
+    space.top = collidableRange();
+    space.bottom = collidableRange();
+  }
+
+  function now() {
+    return typeof window.performance !== 'undefined' && window.performance.now
+      ? window.performance.now()
+      : Date.now();
+  }
+
   /* eslint no-invalid-this: 0 */
   function allocate(cmt) {
     var that = this;
-    var ct = this.media ? this.media.currentTime : Date.now() / 1000;
+    var ct = this.media ? this.media.currentTime : now() / 1000;
     var pbr = this.media ? this.media.playbackRate : 1;
     function willCollide(cr, cmt) {
       if (cmt.mode === 'top' || cmt.mode === 'bottom') {
@@ -223,9 +294,10 @@
 
   /* eslint no-invalid-this: 0 */
   function createEngine(framing, setup, render, remove) {
-    return function() {
+    return function(_timestamp) {
       framing(this._.stage);
-      var dn = Date.now() / 1000;
+      var timestamp = _timestamp || now();
+      var dn = timestamp / 1000;
       var ct = this.media ? this.media.currentTime : dn;
       var pbr = this.media ? this.media.playbackRate : 1;
       var cmt = null;
@@ -269,8 +341,8 @@
         cmt = this._.runningList[i];
         var totalWidth = this._.width + cmt.width;
         var elapsed = totalWidth * (dn - cmt._utc) * pbr / this._.duration;
-        if (cmt.mode === 'ltr') cmt.x = (elapsed - cmt.width + .5) | 0;
-        if (cmt.mode === 'rtl') cmt.x = (this._.width - elapsed + .5) | 0;
+        if (cmt.mode === 'ltr') cmt.x = elapsed - cmt.width;
+        if (cmt.mode === 'rtl') cmt.x = this._.width - elapsed;
         if (cmt.mode === 'top' || cmt.mode === 'bottom') {
           cmt.x = (this._.width - cmt.width) >> 1;
         }
@@ -279,71 +351,6 @@
     };
   }
 
-  var raf =
-    (
-      typeof window !== 'undefined' &&
-      (
-        window.requestAnimationFrame ||
-        window.mozRequestAnimationFrame ||
-        window.webkitRequestAnimationFrame
-      )
-    ) ||
-    function(cb) {
-      return setTimeout(cb, 50 / 3);
-    };
-
-  var caf =
-    (
-      typeof window !== 'undefined' &&
-      (
-        window.cancelAnimationFrame ||
-        window.mozCancelAnimationFrame ||
-        window.webkitCancelAnimationFrame
-      )
-    ) ||
-    clearTimeout;
-
-  function binsearch(arr, prop, key) {
-    var mid = 0;
-    var left = 0;
-    var right = arr.length;
-    while (left < right - 1) {
-      mid = (left + right) >> 1;
-      if (key >= arr[mid][prop]) {
-        left = mid;
-      } else {
-        right = mid;
-      }
-    }
-    if (arr[left] && key < arr[left][prop]) {
-      return left;
-    }
-    return right;
-  }
-
-
-  function formatMode(mode) {
-    if (!/^(ltr|top|bottom)$/i.test(mode)) {
-      return 'rtl';
-    }
-    return mode.toLowerCase();
-  }
-
-  function collidableRange() {
-    var max = 9007199254740991;
-    return [
-      { range: 0, time: -max, width: max, height: 0 },
-      { range: max, time: max, width: 0, height: 0 }
-    ];
-  }
-
-  function resetSpace(space) {
-    space.ltr = collidableRange();
-    space.rtl = collidableRange();
-    space.top = collidableRange();
-    space.bottom = collidableRange();
-  }
-
   /* eslint no-invalid-this: 0 */
   function play() {
     if (!this._.visible || !this._.paused) {
@@ -353,7 +360,7 @@
     if (this.media) {
       for (var i = 0; i < this._.runningList.length; i++) {
         var cmt = this._.runningList[i];
-        cmt._utc = Date.now() / 1000 - (this.media.currentTime - cmt.time);
+        cmt._utc = now() / 1000 - (this.media.currentTime - cmt.time);
       }
     }
     var that = this;
@@ -363,8 +370,8 @@
       this._.engine.render.bind(this),
       this._.engine.remove.bind(this)
     );
-    function frame() {
-      engine.call(that);
+    function frame(timestamp) {
+      engine.call(that, timestamp);
       that._.requestID = raf(frame);
     }
     this._.requestID = raf(frame);
@@ -503,7 +510,7 @@
     }
     cmt.text = (cmt.text || '').toString();
     cmt.mode = formatMode(cmt.mode);
-    cmt._utc = Date.now() / 1000;
+    cmt._utc = now() / 1000;
     if (this.media) {
       var position = 0;
       if (cmt.time === undefined) {