feat: 节拍器音量&跟练播放节拍器

src/helpers/metronome.ts

@@ -142,8 +142,9 @@ class Metronome {
 	// 播放
 	playAudio = () => {
 		if (!metronomeData.initPlayerState) return;
+		const beatVolume = state.setting.beatVolume / 100
 		this.source = metronomeData.activeMetro?.index === 0 ? this.source1 : this.source2;
-		this.source.volume(metronomeData.disable || state.playState === 'paused' ? 0 : 0.4);
+		this.source.volume(metronomeData.disable || state.playState === 'paused' ? 0 : beatVolume);
 		this.source.play();
 	};
 
@@ -153,8 +154,9 @@ class Metronome {
 	simulatePlayAudio = () => {
 		// console.log(333, metronomeData.followAudioIndex)
 		if (!metronomeData.initPlayerState) return;
+		const beatVolume = state.setting.beatVolume / 100
 		this.source = metronomeData.followAudioIndex === 0 ? this.source1 : this.source2;
-		this.source.volume(metronomeData.disable ? 0 : 0.4);
+		this.source.volume(metronomeData.disable ? 0 : beatVolume);
 		this.source.play();
 		metronomeData.followAudioIndex = metronomeData.followAudioIndex === 0 ? 1 : 0;
 	};

src/page-instrument/header-top/index.tsx

@@ -380,17 +380,20 @@ export default defineComponent({
               <img style={{ display: state.playSource === "music" ? "none" : "" }} class={styles.iconBtn} src={headImg(`background.svg`)} />
               <span>{state.playSource === "music" ? "原声" : "伴奏"}</span>
             </div>
-            <div
-              class={[styles.btn]}
-              onClick={async () => {
-                metronomeData.disable = !metronomeData.disable;
-                metronomeData.metro?.initPlayer();
-              }}
-            >
-              <img style={{ display: metronomeData.disable ? "block" : "none" }} class={styles.iconBtn} src={headImg("tickoff.svg")} />
-              <img style={{ display: !metronomeData.disable ? "block" : "none" }} class={styles.iconBtn} src={headImg("tickon.svg")} />
-              <span style={{ whiteSpace: "nowrap" }}>节拍器</span>
-            </div>            
+            {
+              state.modeType !== "evaluating" && 
+                <div
+                  class={[styles.btn]}
+                  onClick={async () => {
+                    metronomeData.disable = !metronomeData.disable;
+                    metronomeData.metro?.initPlayer();
+                  }}
+                >
+                  <img style={{ display: metronomeData.disable ? "block" : "none" }} class={styles.iconBtn} src={headImg("tickoff.svg")} />
+                  <img style={{ display: !metronomeData.disable ? "block" : "none" }} class={styles.iconBtn} src={headImg("tickon.svg")} />
+                  <span style={{ whiteSpace: "nowrap" }}>节拍器</span>
+                </div>               
+            }
             <div id={state.platform === IPlatform.PC ? "teacherTop-2" : "studnetT-2"} style={{ display: selectBtn.value.display ? "" : "none" }} class={[styles.btn, selectBtn.value.disabled && styles.disabled]} onClick={() => handleChangeSection()}>
               <img style={{ display: state.section.length === 0 ? "" : "none" }} class={styles.iconBtn} src={headImg(`section0.svg`)} />
               <img style={{ display: state.section.length === 1 ? "" : "none" }} class={styles.iconBtn} src={headImg(`section1.svg`)} />

src/page-instrument/header-top/settting/index.tsx

@@ -113,6 +113,26 @@ export default defineComponent({
 									extra: () => <Switch v-model={state.setting.eyeProtection}></Switch>,
 								}}
 							</Cell>
+							<Cell
+								title="节拍器音量"
+								class={styles.sliderWrap}
+								center
+							>
+								{{
+									extra: () => (
+										<Slider
+											class={styles.slider}
+											min={0}
+											max={100}
+											v-model:modelValue={state.setting.beatVolume}
+										>
+											{{
+												button: () => <div class={styles.sliderBtn}>{state.setting.beatVolume}</div>,
+											}}
+										</Slider>
+									),
+								}}
+							</Cell>							
 							<div class={styles.btnsbar}>
 								{/* <div class={styles.btn} onClick={downPng}>
 									<img src={iconDown} />

src/page-instrument/view-detail/index.tsx

@@ -98,6 +98,7 @@ export default defineComponent({
       const settting = store.get("musicscoresetting");
       if (settting) {
         state.setting = settting;
+        state.setting.beatVolume = state.setting.beatVolume || 50
         if (state.setting.camera) {
           const res = await api_openCamera();
           // 没有授权

src/state.ts

@@ -240,6 +240,8 @@ const state = reactive({
     enableAccompaniment: true,
     /** 反应时间 */
     reactionTimeMs: 0,
+    /** 节拍器音量 */
+    beatVolume: 50,
   },
   /** 后台设置的基准评测频率 */
   baseFrequency: 440,
@@ -394,7 +396,10 @@ const handlePlaying = () => {
     gotoNext(item);
   }
 
-  metronomeData.metro?.sound(currentTime);
+  // 评测不播放叮咚节拍器
+  if (state.modeType !== "evaluating") {
+    metronomeData.metro?.sound(currentTime);
+  }
 };
 /** 跳转到指定音符开始播放 */
 export const skipNotePlay = (itemIndex: number, isStart = false) => {

src/view/evaluating/index.tsx

@@ -597,7 +597,7 @@ export default defineComponent({
 
 		watch(pageVisibility, (value) => {
 			if (value == "hidden" && evaluatingData.startBegin) {
-				handleEndBegin();
+				// handleEndBegin();
 			}
 		});
 		watch(