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

@@ -26,7 +26,12 @@
   import { BasicModal, useModalInner } from '/@/components/Modal';
   import { BasicModal, useModalInner } from '/@/components/Modal';
   import type { StreamingManageRecord, CameraModel } from '/@/api/camera/model/cameraModel';
   import type { StreamingManageRecord, CameraModel } from '/@/api/camera/model/cameraModel';
   import { getVideoTypeByUrl } from '/@/components/Video';
   import { getVideoTypeByUrl } from '/@/components/Video';
-  import { closeFlvPlay, getFlvPlayUrl, getStreamingPlayUrl } from '/@/api/camera/cameraManager';
+  import {
+    closeFlvPlay,
+    getFlvPlayUrl,
+    getStreamingPlayUrl,
+    outVideo,
+  } from '/@/api/camera/cameraManager';
   import { isRtspProtocol } from '/@/components/Video/src/utils';
   import { isRtspProtocol } from '/@/components/Video/src/utils';
   import { VideoJsPlayerOptions } from 'video.js';
   import { VideoJsPlayerOptions } from 'video.js';
   import { useFingerprint } from '/@/utils/useFingerprint';
   import { useFingerprint } from '/@/utils/useFingerprint';
@@ -39,6 +44,8 @@
 
 
   const playUrl = ref('');
   const playUrl = ref('');
 
 
+  const videoId = ref<string>();
+
   const withToken = ref(false);
   const withToken = ref(false);
 
 
   const fingerprintResult = ref<Nullable<GetResult>>(null);
   const fingerprintResult = ref<Nullable<GetResult>>(null);
@@ -64,6 +71,7 @@
   const [register] = useModalInner(
   const [register] = useModalInner(
     async (data: { record: CameraModel | StreamingManageRecord }) => {
     async (data: { record: CameraModel | StreamingManageRecord }) => {
       const { record } = data;
       const { record } = data;
+      videoId.value = record.id || '';
       const result = await getResult();
       const result = await getResult();
       fingerprintResult.value = result;
       fingerprintResult.value = result;
       if (record.accessMode === AccessMode.ManuallyEnter) {
       if (record.accessMode === AccessMode.ManuallyEnter) {
@@ -94,6 +102,7 @@
   const handleCancel = () => {
   const handleCancel = () => {
     showVideo.value = false;
     showVideo.value = false;
     withToken.value = false;
     withToken.value = false;
+    outVideo(videoId.value);
   };
   };
 </script>
 </script>