feat: 优化 音乐律动更新频率

src/pages/marching-music/index.tsx

@@ -13,6 +13,7 @@ export default function Component() {
   const [file, setFile] = useState<File>();
   const [rhythmMode, setRhythmMode] = useState<RhythmMode>('spectrogram');
   const rhythmModeRef = useRef<RhythmMode>();
+  const lightInterval = useRef<any>();
 
   const handleSelectAudio = () => {
     inputRef.current.click();
@@ -50,20 +51,24 @@ export default function Component() {
 
       source.onended = () => {
         marchingMusicRef.current.closeLight();
+        clearInterval(lightInterval.current);
+        lightInterval.current = null;
       };
 
-      function animate() {
-        requestAnimationFrame(animate);
+      if (lightInterval.current) {
+        clearInterval(lightInterval.current);
+        lightInterval.current = null;
+      }
 
+      lightInterval.current = setInterval(() => {
         if (rhythmModeRef.current === 'spectrogram') {
           const dataArray = new Uint8Array(analyser.frequencyBinCount);
           analyser.getByteFrequencyData(dataArray);
           marchingMusicRef.current.drawBarLight(dataArray);
         } else {
           // marchingMusicRef.current.drawWaveLight();
         }
-      }
-      animate();
+      }, 96);
     };
 
     reader.readAsArrayBuffer(file);