课件切换暂停

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

@@ -1,4 +1,4 @@
-import { Transition, computed, defineComponent, onBeforeUnmount, onMounted, reactive, ref, watch } from "vue";
+import { Transition, computed, defineComponent, onBeforeUnmount, onMounted, onUnmounted, reactive, ref, watch } from "vue";
 import styles from "./index.module.less";
 import store from "store";
 
@@ -20,7 +20,7 @@ import { handle_stopFollow } from "../follow-model";
 import Camera from "./camera";
 import iconCamera from "./image/icon-camera-off.png";
 import iconCameraOn from "./image/icon-camera-on.png";
-import iconEvaluat from '../evaluat-model/icons/evaluating.json'
+import iconEvaluat from "../evaluat-model/icons/evaluating.json";
 
 export const headData = reactive({
 	speedShow: false,
@@ -191,6 +191,13 @@ export default defineComponent({
 			api_back();
 		};
 
+		/** 课件播放 */
+		const changePlay = (res: any) => {
+			if (res?.data?.api === "setPlayState") {
+				togglePlay("paused");
+			}
+		};
+
 		onMounted(() => {
 			api_suspendPlay(() => {
 				if (state.modeType === "practise") {
@@ -201,6 +208,12 @@ export default defineComponent({
 					handle_stopFollow();
 				}
 			});
+
+			window.addEventListener("message", changePlay);
+		});
+
+		onUnmounted(() => {
+			window.removeEventListener("message", changePlay);
 		});
 
 		// 设置改变触发