update danmuku.js

packages/artplayer/src/style/bottom.less

@@ -168,6 +168,15 @@
                 display: flex;
             }
 
+            .art-controls-center {
+                flex: 1;
+                height: 100%;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                padding: 0 10px;
+            }
+
             .art-controls-right {
                 justify-content: flex-end;
             }

packages/artplayer/src/template.js

@@ -46,6 +46,7 @@ export default class Template {
               <div class="art-progress"></div>
               <div class="art-controls">
                 <div class="art-controls-left"></div>
+                <div class="art-controls-center"></div>
                 <div class="art-controls-right"></div>
               </div>
             </div>
@@ -114,6 +115,7 @@ export default class Template {
         this.$progress = this.query('.art-progress');
         this.$controls = this.query('.art-controls');
         this.$controlsLeft = this.query('.art-controls-left');
+        this.$controlsCenter = this.query('.art-controls-center');
         this.$controlsRight = this.query('.art-controls-right');
         this.$layer = this.query('.art-layers');
         this.$loading = this.query('.art-loading');