fix: bug修复

osmd-extended

@@ -1 +1 @@
-Subproject commit f7dd53a3e04190301a2d98818eb91ea2bdf4f1e7
+Subproject commit 66eb416152a7e4c81dafe85928631909b37fe247

src/helpers/formateMusic.ts

@@ -1238,7 +1238,11 @@ export const formateTimes = (osmd: OpenSheetMusicDisplay) => {
 			// console.log('频率',note?.pitch?.frequency,i)
 			/**
 			 * evxml的曲子，如果曲谱xml中带有times信息，则音符时值优先取times中的值
+			 * 曲子：1795013295024062466（春暖花开），如果音符有times信息，休止符没有times信息，此种规则是认为休止符不参与时值计算的，需要过滤掉该休止符
 			 */
+			if (state.isEvxml && note.isRestFlag && note?.noteTimeInfo?.length === 0 && state.xmlHasTimes) {
+				continue;
+			}
 			let evNoteStartTime = 0, evNoteEndTime = 0;
 			if (state.isEvxml && note?.noteTimeInfo?.length) {
 				const idx = noteIds.filter((item: any) => item === svgElement?.attrs.id)?.length || 0
@@ -1552,6 +1556,9 @@ const analyzeEvxml = (xmlParse: any, xmlUrl?: string) => {
 	const firstMeasure = xmlParse.getElementsByTagName("measure")[0];
 	if (firstMeasure) {
 		const firstNoteBeginTime = firstMeasure.getElementsByTagName("times")[0]?.getElementsByTagName("time")[0]?.getAttribute('begin');
+		if (firstNoteBeginTime) {
+			state.xmlHasTimes = true;
+		}
 		state.evXmlBeginTime = firstNoteBeginTime ? firstNoteBeginTime / 1000 : xmlNum ? 60 / state.originSpeed * xmlNum * 4/denNum : 0;
 		state.secondEvXmlBeginTime = firstNoteBeginTime ? 0 : xmlNum2 ? 60 / state.originSpeed * xmlNum2 * 4/denNum2 : 0;
 		const hasTimeGap = xmlParse.getElementsByTagName("timegap").length > 0;

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

@@ -441,9 +441,9 @@ export default defineComponent({
     );
     // 监听跟练的开启状态
     watch(
-      () => followData.start,
+      () => followData.practiceStart,
       () => {
-        headerColumnHide.value = followData.start;
+        headerColumnHide.value = followData.practiceStart;
       }
     );
     // 监听开始评测状态

src/state.ts

@@ -439,6 +439,8 @@ const state = reactive({
   secondEvXmlBeginTime: 0,
   /** evxml等待播放的时间集合，多遍反复播放，会有多个timegap(前奏)时间 */
   evXmlBeginArr: [] as any,
+  /** evxml的曲子是否有times */
+  xmlHasTimes: false,
   /** 指法信息 */
   fingeringInfo: {} as IFingering,
   /** 滚动容器的ID */

src/view/follow-practice/index.tsx

@@ -115,21 +115,24 @@ export const handleFollowStart = async () => {
 		followData.practiceStart = false;
 	} else {
 		followData.dontAccredit = false;
-		// 跟练模式开始前，增加播放系统节拍器
-		const tickend = await handleStartTick();
-		// console.log("🚀 ~ tickend:", tickend)
-		// 节拍器返回false, 取消播放
-		if (!tickend) {
-			followData.isBeginMask = false
-			followData.start = false;
-			followData.practiceStart = false;
-			return false;
+		// 从头开始跟练，跟练模式开始前，增加播放系统节拍器
+		if (state.activeNoteIndex === 0) {
+			const tickend = await handleStartTick();
+			// console.log("🚀 ~ tickend:", tickend)
+			// 节拍器返回false, 取消播放
+			if (!tickend) {
+				followData.isBeginMask = false
+				followData.start = false;
+				followData.practiceStart = false;
+				return false;
+			}
 		}
 		onClear();
 		followData.isBeginMask = false
 		followData.start = true;
 		followData.practiceStart = true;
-		followData.index = 0;
+		// followData.index = 0;
+		followData.index = state.activeNoteIndex;
 		followData.list = [];
 		initSetPlayRate();
 		resetPlaybackToStart();

src/view/selection/index.module.less

@@ -158,44 +158,58 @@
     }
 }
 
+// .followTipUp, .followTipDown {
+//     display: flex;
+//     align-items: center;
+//     background: rgba(0,0,0,0.75);
+//     position: relative;
+//     padding: 6px 10px;
+//     border-radius: 16px;
+//     width: fit-content;
+//     left: 50%;
+//     top: -42px;
+//     transform: translate(-50%);
+//     img {
+//         width: 18px;
+//         height: 18px;
+//         margin-right: 6px;
+//     }
+//     span {
+//         font-size: 14px;
+//         font-weight: 500;
+//         color: #fff;
+//         word-break: keep-all;
+//         display: flex;
+//         width: fit-content;
+//     }
+//     ::before {
+//         content: "";
+//         position: absolute;
+//         left: 50%;
+//         bottom: -8PX;
+//         transform: translateX(-50%);
+//         width: 13Px;
+//         height: 9Px;
+//         background-image: url('./imgs/arrow_icon.png');
+//         background-size: 100% 100%;
+//         background-position: center center;
+//         background-repeat: no-repeat;
+//         z-index: 2;    
+//         opacity: 0.7;
+//     }
+// }
+
 .followTipUp, .followTipDown {
     display: flex;
     align-items: center;
-    background: rgba(0,0,0,0.75);
     position: relative;
-    padding: 6px 10px;
-    border-radius: 16px;
     width: fit-content;
     left: 50%;
     top: -42px;
     transform: translate(-50%);
-    img {
-        width: 18px;
-        height: 18px;
-        margin-right: 6px;
-    }
-    span {
-        font-size: 14px;
-        font-weight: 500;
-        color: #fff;
-        word-break: keep-all;
-        display: flex;
-        width: fit-content;
-    }
-    ::before {
-        content: "";
-        position: absolute;
-        left: 50%;
-        bottom: -8PX;
-        transform: translateX(-50%);
-        width: 13Px;
-        height: 9Px;
-        background-image: url('./imgs/arrow_icon.png');
-        background-size: 100% 100%;
-        background-position: center center;
-        background-repeat: no-repeat;
-        z-index: 2;    
-        opacity: 0.7;
+    > img {
+        width: auto;
+        height: 30px;
     }
 }
 

src/view/selection/index.tsx

@@ -8,8 +8,8 @@ import { Icon, showToast } from "vant";
 import MoveMusicScore, { moveData, renderForMoveData } from "../plugins/move-music-score";
 import { useRoute } from "vue-router";
 import { getQuery } from "/src/utils/queryString";
-import IntonationDown from "./imgs/down_icon.png"
-import IntonationUp from "./imgs/up_icon.png"
+import IntonationDown from "./imgs/pitchLow.png"
+import IntonationUp from "./imgs/pitchHigh.png"
 import MultipleRestMeasures from "./multipleRestMeasures"
 
 const selectData = reactive({
@@ -371,11 +371,11 @@ export default defineComponent({
 									<Icon name="cross" /> */}
 									<div class={[styles.followTipUp, 'tip-up']}>
 										<img src={IntonationUp} />
-										<span>音准<i>高了</i></span>
+										{/* <span>音准<i>高了</i></span> */}
 									</div>
 									<div class={[styles.followTipDown, 'tip-down']}>
 										<img src={IntonationDown} />
-										<span>音准<i>低了</i></span>
+										{/* <span>音准<i>低了</i></span> */}
 									</div>
 								</div>							
 								<div class={[styles.noteDot, 'node-dot']}></div>