修改桌面歌词为逐字播放

src/renderer/utils/lyric-font-player/font-player.js

@@ -20,10 +20,11 @@ const createAnimation = (dom, duration) => new window.Animation(new window.Keyfr
 // https://jsfiddle.net/ceqpnbky/1/
 
 module.exports = class FontPlayer {
-  constructor({ lyric = '', className = '', shadowContent = false, shadowClassName = '' }) {
+  constructor({ lyric = '', className = '', lineModeClassName = '', shadowContent = false, shadowClassName = '' }) {
     this.lyric = lyric
 
     this.className = className
+    this.lineModeClassName = lineModeClassName
     this.shadowContent = shadowContent
     this.shadowClassName = shadowClassName
 
@@ -100,6 +101,7 @@ module.exports = class FontPlayer {
     this.isLineMode = true
     const dom = document.createElement('span')
     let shadowDom
+    dom.classList.add(this.lineModeClassName)
     dom.textContent = this.lyric
     if (this.shadowContent) {
       shadowDom = document.createElement('span')

src/renderer/utils/lyric-font-player/index.js

@@ -9,6 +9,7 @@ module.exports = class Lyric {
     offset = 150,
     className = '',
     activeLineClassName = 'active',
+    lineModeClassName = 'line',
     shadowClassName = '',
     shadowContent = false,
     onPlay = function() { },
@@ -21,6 +22,7 @@ module.exports = class Lyric {
 
     this.className = className
     this.activeLineClassName = activeLineClassName
+    this.lineModeClassName = lineModeClassName
     this.shadowClassName = shadowClassName
     this.shadowContent = shadowContent
 
@@ -98,6 +100,7 @@ module.exports = class Lyric {
         const fontPlayer = new FontPlayer({
           lyric: line.text,
           className: this.className,
+          lineModeClassName: this.lineModeClassName,
           shadowClassName: this.shadowClassName,
           shadowContent: this.shadowContent,
         })