旋转隐藏

src/components/home.vue

@@ -46,6 +46,7 @@ import {
     callUIInteraction,
 } from "../webrtcVideo";
 
+import { getVideoUrl } from '../request/api';
 
 export default ({
     name: 'Histogram',
@@ -59,6 +60,7 @@ export default ({
             color: "red", //主题色
             title: "互动教室", //视频名称
             // src: "https://cdn.jsdelivr.net/gh/xdlumia/files/video-play/IronMan.mp4", //视频源
+            type: 'm3u8',
             src: '',
             muted: false, //静音
             webFullScreen: false,
@@ -154,20 +156,29 @@ export default ({
             // console.log("屏幕点击位置看", e)
             clickData1.value.x = e.clientX;
             clickData1.value.y = e.clientY;
-
-        }
-        const clickFun = function (e) {
-            console.log("当前鼠标点击的坐标", e, e.clientX, e.clientY);
         }
+
         const handleResponseFunction = (data) => {
             console.log("从UE返回过来的值", data)
+            if (data == "{isrotate}") {
+                // console.log("旋转场景了", lineContainer, lineContainer.value);
+                if (lineContainer.value) {
+                    lineContainer.value.remove()
+                    lineContainer.value = null
+                }
+                popoverRef.value.style.display = "none"
+                return
+            }
             let json = eval("(" + data + ")");//转对象
-
             console.log("clickData---点击的数据", json)
-            if (json.videoUrl) {
+            if (json.url) {
                 videoDialog.value = true;
-                videoData.src = json.videoUrl
-                titleDialog.value = "互动教室"
+                titleDialog.value = json.name
+                getVideoUrl({ "rtsp": json.url }).then(res => {
+                    videoData.src = res.data.httpFlv;
+                    console.log("32424", videoData.src)
+                })
+
                 return
             }
             clickData.value = json;
@@ -217,9 +228,12 @@ export default ({
 
                     if (lineContainer.value) {
                         lineContainer.value.remove()
+
                     }
 
                     lineContainer.value = new LeaderLine(linedomRef.value, popoverRef.value, lineStyleOption.value)
+
+
                     lineContainer.value.show('draw', {
                         duration: 100, //持续时长
                         timing: 'ease-in' // 动画函数
@@ -229,6 +243,7 @@ export default ({
                     lineContainer.value.position();
 
 
+
                 })
 
             }