fix: 流媒体播放退出当前页面调用退出播放接口

@@ -19,6 +19,7 @@ enum CameraManagerApi {
   STREAMING_POST_URL = '/video/platform',
   STREAMING_POST_URL = '/video/platform',
   STREAMING_DELETE_URL = '/video/platform',
   STREAMING_DELETE_URL = '/video/platform',
   STREAMING_PLAY_GET_URL = '/video/url',
   STREAMING_PLAY_GET_URL = '/video/url',
+  OUT_VIDEO = '/video/outVideo',
 }
 }
 
 
 export const cameraPage = (params: CameraQueryParam) => {
 export const cameraPage = (params: CameraQueryParam) => {
@@ -127,3 +128,13 @@ export const controlling = (params: any) => {
     params,
     params,
   });
   });
 };
 };
+
+/**
+ * @description 退出视频流播放
+ * @param entityId
+ */
+export const outVideo = (entityId) => {
+  return defHttp.get({
+    url: `${CameraManagerApi.OUT_VIDEO}/${entityId}`,
+  });
+};

 <script setup lang="ts">
 <script setup lang="ts">
   import { PageWrapper } from '/@/components/Page';
   import { PageWrapper } from '/@/components/Page';
   import OrganizationIdTree from '../../common/organizationIdTree/src/OrganizationIdTree.vue';
   import OrganizationIdTree from '../../common/organizationIdTree/src/OrganizationIdTree.vue';
-  import { onMounted, reactive, Ref, ref, unref, watch } from 'vue';
+  import { onMounted, onUnmounted, reactive, Ref, ref, unref, watch } from 'vue';
   import { Spin, Button, Pagination, Space, List } from 'ant-design-vue';
   import { Spin, Button, Pagination, Space, List } from 'ant-design-vue';
   import { cameraPage, closeFlvPlay, getFlvPlayUrl } from '/@/api/camera/cameraManager';
   import { cameraPage, closeFlvPlay, getFlvPlayUrl } from '/@/api/camera/cameraManager';
   import { CameraRecord } from '/@/api/camera/model/cameraModel';
   import { CameraRecord } from '/@/api/camera/model/cameraModel';
@@ -10,7 +10,7 @@
   import { useDrawer } from '/@/components/Drawer';
   import { useDrawer } from '/@/components/Drawer';
   import { AccessMode, CameraPermission, PageMode } from './config.data';
   import { AccessMode, CameraPermission, PageMode } from './config.data';
   import SvgIcon from '/@/components/Icon/src/SvgIcon.vue';
   import SvgIcon from '/@/components/Icon/src/SvgIcon.vue';
-  import { getStreamingPlayUrl } from '/@/api/camera/cameraManager';
+  import { getStreamingPlayUrl, outVideo } from '/@/api/camera/cameraManager';
   import { buildUUID } from '/@/utils/uuid';
   import { buildUUID } from '/@/utils/uuid';
   import { BasicVideoPlay, getVideoTypeByUrl } from '/@/components/Video';
   import { BasicVideoPlay, getVideoTypeByUrl } from '/@/components/Video';
   import { VideoJsPlayerOptions } from 'video.js';
   import { VideoJsPlayerOptions } from 'video.js';
@@ -195,6 +195,13 @@
   onMounted(() => {
   onMounted(() => {
     getCameraList();
     getCameraList();
   });
   });
+  onUnmounted(() => {
+    if (unref(cameraList).length) {
+      unref(cameraList).forEach((item) => {
+        outVideo(item.id);
+      });
+    }
+  });
 
 
   const listEl = ref();
   const listEl = ref();
   onMounted(() => {
   onMounted(() => {