直播相关

src/page-gym/custom-plugins/guide-page/steps/zero-step.tsx

@@ -55,7 +55,14 @@ export default defineComponent({
 		setStepContent(step: number) {
 			this.audio.src = mp3s[`../mp3/${IDSteps[step]}.mp3`].default;
 			this.audio.play();
+			console.log("🚀 ~ this.audio:", this.audio, this.audio.currentTime)
 			const originElement = document.getElementById("tips-step-" + IDSteps[step]);
+			if (originElement?.style.display === 'none'){
+				this.$nextTick(() => {
+					this.next()
+				})
+				return
+			}
 			const box: any = originElement?.getBoundingClientRect() || {};
 			this.box = {
 				left: box.x + "px",

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

@@ -18,6 +18,7 @@ import { api_back } from "/src/helpers/communication";
 import { getInstrumentName } from "/src/constant/instruments";
 import { handle_stopFollow } from "/src/page-orchestra/follow-model";
 import { useRouter } from "vue-router";
+import { getQuery } from "/src/utils/queryString";
 
 export const headData = reactive({
 	speedShow: false,
@@ -73,8 +74,20 @@ export default defineComponent({
 				}
 			}
 		};
+
+		/** 直播使用 */
+		const hanldeLive = () => {
+			const query = getQuery()
+			if (query.liveConfig){
+				const btn: HTMLElement = document.querySelector('#tips-step-2')!
+				if (btn){
+					btn.style.display = 'none'
+				}
+			}
+		}
 		onMounted(() => {
 			document.addEventListener("visibilitychange", visibilitychange, false);
+			hanldeLive()
 		});
 		onUnmounted(() => {
 			document.removeEventListener("visibilitychange", visibilitychange, false);
@@ -87,16 +100,16 @@ export default defineComponent({
 				<Title onClick={() => (headerData.listShow = true)} text={examSongName} />
 
 				<div class={styles.headRight}>
-					<div class={styles.btn} id="tips-step-2" onClick={toggleEvaluat}>
+					<div id="tips-step-2" class={styles.btn} onClick={toggleEvaluat}>
 						<img class={styles.iconBtn} src={state.modeType === "evaluating" ? icons.evaluating2 : icons.evaluating} />
 						<span>评测</span>
 					</div>
-					<div class={[styles.btn, disabledList.includes(state.modeType) && styles.disabled]} id="tips-step-4" onClick={() => handleChangeSection()}>
+					<div id="tips-step-4" class={[styles.btn, disabledList.includes(state.modeType) && styles.disabled]} onClick={() => handleChangeSection()}>
 						<img class={styles.iconBtn} src={headImg(`section${state.section.length}.svg`)} />
 						{/* <Button class={styles.button} icon={Icons["section" + state.section.length]} color="#01C1B5" disabled={runtime.isFirstPlay || runtime.evaluatingStatus || isHomework} onClick={this.authBefore("excerpts", RuntimeUtils.sectionChange)} /> */}
 						<span>选段</span>
 					</div>
-					<div class={[styles.btn, disabledList.includes(state.modeType) && styles.disabled]} id="tips-step-5" onClick={() => togglePlay()}>
+					<div id="tips-step-5" class={[styles.btn, disabledList.includes(state.modeType) && styles.disabled]} onClick={() => togglePlay()}>
 						<div class={styles.btnWrap}>
 							<img style={{ marginTop: "-1px" }} class={styles.iconBtn} src={state.playState === "paused" ? icons.play : icons.pause} />
 							<Circle class={styles.progress} stroke-width={80} currentRate={state.playProgress} rate={100} layerColor="#01C1B5" color="#FFC830" />
@@ -135,7 +148,7 @@ export default defineComponent({
 						<img style={{ display: !metronomeData.disable ? "block" : "none" }} class={styles.iconBtn} src={headImg("tickon.png")} />
 						<span style={{ whiteSpace: "nowrap" }}>节拍器</span>
 					</div>
-					<div class={[styles.btn, disabledList.includes(state.modeType) && styles.disabled]} id="tips-step-7" onClick={() => handleResetPlay()}>
+					<div id="tips-step-7" class={[styles.btn, disabledList.includes(state.modeType) && styles.disabled]} onClick={() => handleResetPlay()}>
 						<img class={styles.iconBtn} src={headImg("replay.svg")} />
 						<span>重播</span>
 					</div>