From b867167b78ca46beee51e410f67b305bf18b0cf2 Mon Sep 17 00:00:00 2001
From: lyswhut <lyswhut@qq.com>
Date: Fri, 24 Dec 2021 19:31:50 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/renderer/components/common/AudioVisualizer.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/renderer/components/common/AudioVisualizer.vue b/src/renderer/components/common/AudioVisualizer.vue
index ff47ef9e..5cd8352b 100644
--- a/src/renderer/components/common/AudioVisualizer.vue
+++ b/src/renderer/components/common/AudioVisualizer.vue
@@ -40,6 +40,7 @@ export default {
     let barHeight
     let x = 0
     let isPlaying = false
+    let animationFrameId
 
     const theme = useRefGetter('theme')
     // const setting = useRefGetter('setting')
@@ -50,7 +51,8 @@ export default {
 
     // https://codepen.io/nfj525/pen/rVBaab
     const renderFrame = () => {
-      if (isPlaying) window.requestAnimationFrame(renderFrame)
+      animationFrameId = null
+      if (isPlaying) animationFrameId = window.requestAnimationFrame(renderFrame)
 
       x = 0
 
@@ -84,6 +86,7 @@ export default {
       renderFrame()
     }
     const handlePause = () => {
+      if (animationFrameId) window.cancelAnimationFrame(animationFrameId)
       isPlaying = false
     }