新增播放速率调整功能

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 = () => {