music

src/components/longImgPop/longImgPop.jsx

@@ -7,6 +7,8 @@ import modalStore from "@src/store/modal";
 import { _throttle } from "@src/utils/utils";
 import { Button } from "../Button";
 import DPlayer from "dplayer";
+import musicStore from "@src/store/musicStore";
+import { RES_PATH } from "../../../sparkrc";
 
 @observer
 class LongImgPop extends React.Component {
@@ -33,9 +35,11 @@ class LongImgPop extends React.Component {
       });
       this.dp.on("play", () => {
         this.startInterval();
+        musicStore.stopSound(RES_PATH + "audio/bgm.mp3");
       });
       this.dp.on("pause", () => {
         // this.endCountDown()
+        musicStore.playSound(RES_PATH + "audio/bgm.mp3", true);
       });
     }
     if (this.props.popData?.noCount) {

src/store/musicStore.js

@@ -64,6 +64,13 @@ const musicStore = makeAutoObservable(new class {
     howl.play();
   }
 
+  async stopSound(src) {
+    const howl = await loadAudio(src);
+    if (howl) {
+      howl.stop();
+    }
+  }
+
 
 });