新增播放速率调整功能

src/renderer/core/lyric.ts

@@ -69,6 +69,7 @@ const handleDesktopLyricMessage = (action: LX.DesktopLyric.WinMainActions) => {
         action: 'set_status',
         data: {
           isPlay: isPlay.value,
+          rate: appSetting['player.playbackRate'],
           line: lyric.line,
           played_time: getCurrentTime(),
         },
@@ -100,6 +101,7 @@ export const init = () => {
       setLines(markRawList([...lines]))
       setText(lines[0] ?? '', 0)
     },
+    rate: appSetting['player.playbackRate'],
     // offset: 80,
   })
 
@@ -143,6 +145,25 @@ export const setLyricOffset = (offset: number) => {
   }
 }
 
+export const setPlaybackRate = (rate: number) => {
+  lrc.setPlaybackRate(rate)
+  sendDesktopLyricInfo({
+    action: 'set_playbackRate',
+    data: rate,
+  })
+
+  if (isPlay.value) {
+    setTimeout(() => {
+      const time = getCurrentTime()
+      sendDesktopLyricInfo({
+        action: 'set_play',
+        data: time,
+      })
+      lrc.play(time)
+    })
+  }
+}
+
 export const setLyric = () => {
   if (!musicInfo.id) return
   if (musicInfo.lrc) {

src/renderer/core/useApp/usePlayer/useLyric.ts

@@ -1,4 +1,5 @@
 import { onBeforeUnmount, watch } from '@common/utils/vueTools'
+import { debounce } from '@common/utils/common'
 // import { setDesktopLyricInfo, onGetDesktopLyricInfo } from '@renderer/utils/ipc'
 // import { musicInfo } from '@renderer/store/player/state'
 import {
@@ -8,9 +9,11 @@ import {
   stop,
   init,
   sendInfo,
+  setPlaybackRate,
 } from '@renderer/core/lyric'
 import { appSetting } from '@renderer/store/setting'
 
+const handleApplyPlaybackRate = debounce(setPlaybackRate, 300)
 
 export default () => {
   init()
@@ -30,6 +33,7 @@ export default () => {
   window.app_event.on('error', pause)
   window.app_event.on('musicToggled', setPlayInfo)
   window.app_event.on('lyricUpdated', setLyric)
+  window.app_event.on('setPlaybackRate', handleApplyPlaybackRate)
 
   onBeforeUnmount(() => {
     window.app_event.off('play', play)
@@ -38,5 +42,6 @@ export default () => {
     window.app_event.off('error', pause)
     window.app_event.off('musicToggled', setPlayInfo)
     window.app_event.off('lyricUpdated', setLyric)
+    window.app_event.off('setPlaybackRate', handleApplyPlaybackRate)
   })
 }

src/renderer/core/useApp/usePlayer/usePlaybackRate.ts

@@ -0,0 +1,53 @@
+import { onBeforeUnmount, watch } from '@common/utils/vueTools'
+import { setPlaybackRate as setPlayerPlaybackRate } from '@renderer/plugins/player'
+
+import { debounce } from '@common/utils'
+// import { HOTKEY_PLAYER } from '@common/hotKey'
+import { playbackRate, setplaybackRate } from '@renderer/store/player/playbackRate'
+import { appSetting, savePlaybackRate } from '@renderer/store/setting'
+
+export default () => {
+  const handleSavePlaybackRate = debounce(savePlaybackRate, 300)
+
+  setplaybackRate(appSetting['player.playbackRate'])
+  setPlayerPlaybackRate(appSetting['player.playbackRate'])
+
+
+  const handleSetPlaybackRate = (num: number) => {
+    const rate = num < 0.5 ? 0.5 : num > 2 ? 2 : num
+    setplaybackRate(rate)
+  }
+
+  // const handleSetPlaybackRateUp = (step = 0.02) => {
+  //   handleSetPlaybackRate(volume.value + step)
+  // }
+  // const handleSetPlaybackRateDown = (step = 0.02) => {
+  //   handleSetPlaybackRate(volume.value - step)
+  // }
+
+  // const hotkeyVolumeUp = () => {
+  //   handleSetPlaybackRateUp()
+  // }
+  // const hotkeyVolumeDown = () => {
+  //   handleSetPlaybackRateDown()
+  // }
+
+  watch(playbackRate, rate => {
+    handleSavePlaybackRate(rate)
+    setPlayerPlaybackRate(rate)
+  })
+  watch(() => appSetting['player.playbackRate'], rate => {
+    setplaybackRate(rate)
+  })
+
+
+  // window.key_event.on(HOTKEY_PLAYER.volume_up.action, hotkeyVolumeUp)
+  // window.key_event.on(HOTKEY_PLAYER.volume_down.action, hotkeyVolumeDown)
+  window.app_event.on('setPlaybackRate', handleSetPlaybackRate)
+
+  onBeforeUnmount(() => {
+    // window.key_event.off(HOTKEY_PLAYER.volume_up.action, hotkeyVolumeUp)
+    // window.key_event.off(HOTKEY_PLAYER.volume_down.action, hotkeyVolumeDown)
+    window.app_event.off('setPlaybackRate', handleSetPlaybackRate)
+  })
+}

src/renderer/core/useApp/usePlayer/usePlayer.ts

@@ -30,6 +30,7 @@ import useVolume from './useVolume'
 import useWatchList from './useWatchList'
 import { HOTKEY_PLAYER } from '@common/hotKey'
 import { playNext, pause, playPrev, togglePlay } from '@renderer/core/player'
+import usePlaybackRate from './usePlaybackRate'
 
 
 export default () => {
@@ -40,6 +41,7 @@ export default () => {
   usePlayEvent()
   useLyric()
   useVolume()
+  usePlaybackRate()
   useWatchList()
 
   const handlePlayNext = () => {