feat: 弹幕轨道算法优化

README.md

@@ -104,7 +104,7 @@ danmu.sendComment({
   //发送弹幕
   duration: 15000,
   id: 'id',
-  start: 3000, //不提供该项则立即发送
+  start: 3001, //不提供该项则立即发送
   txt: '弹幕内容',
   style: {
     color: '#ff9500',
@@ -121,7 +121,7 @@ danmu.updateComments([
   {
     duration: 15000,
     id: 'id',
-    start: 3000, //不提供该项则立即发送
+    start: 3001, //不提供该项则立即发送
     txt: '弹幕内容',
     style: {
       color: '#ff9500',

demo/index.html

@@ -34,6 +34,7 @@
         left: 0;
         width: 100%;
         height: 100%;
+        background: red;
       }
       #btnwrap {
         position: absolute;
@@ -115,7 +116,15 @@
           end: 1
         },
         disableCopyDOM: true,
-        dropStaleComments: true
+        dropStaleComments: true,
+        hooks: {
+          bulletCreateEl(item) {
+            const el = document.createElement('div');
+            console.log('item', item)
+            el.innerHTML = item.text
+            return el;
+          }
+        }
       })
 
       danmu.on('bullet_hover', (e) => {
@@ -146,13 +155,14 @@
           id++
           // console.log('sendComment: ', id);
           danmu.sendComment({
-            duration: 10000,
+            elLazyInit: true,
+            duration: 5000,
             id: '' + id,
             // prior: id % 20 === 0,
             //   realTime: true,
             // txt,
             start: player.currentTime * 1000,
-            el,
+            text: txt,
             disableCopyDOM: true,
             // realTime: true,
             // start: 1000*currentTime,

package.json

@@ -1,6 +1,6 @@
 {
   "name": "danmu.js",
-  "version": "1.1.13",
+  "version": "1.1.13-douyin-2.4",
   "description": "HTML5 danmu (danmaku) plugin for any DOM element",
   "main": "./dist/index.js",
   "files": [