浏览代码

fix:发送播放时间给父页面

liushengqiang 2 年之前
父节点
当前提交
af6ddb2cb8
共有 1 个文件被更改,包括 12 次插入1 次删除
  1. 12 1
      src/page-instrument/view-detail/index.tsx

+ 12 - 1
src/page-instrument/view-detail/index.tsx

@@ -13,7 +13,7 @@ import {
 } from "vue";
 import { formateTimes } from "../../helpers/formateMusic";
 import Metronome, { metronomeData } from "../../helpers/metronome";
-import state, { isRhythmicExercises } from "../../state";
+import state, { IAudioState, isRhythmicExercises } from "/src/state";
 import { setGlobalData } from "../../utils";
 import AudioList from "../../view/audio-list";
 import MusicScore, { resetMusicScore } from "../../view/music-score";
@@ -221,11 +221,22 @@ export default defineComponent({
 				}
 			}
 		);
+		/**播放状态改变时,向父页面发送事件 */
+		const sendParentMessage = (playState: IAudioState) => {
+			window.parent.postMessage(
+				{
+					api: "headerTogge",
+					playState: playState,
+				},
+				"*"
+			);
+		};
 		// 监听播放状态
 		watch(
 			() => state.playState,
 			() => {
 				detailData.headerHide = state.playState === "play" ? true : false;
+				sendParentMessage(state.playState)
 			}
 		);
 		onMounted(() => {