flx：修改海康监控插件展示

src/api/modules/login.ts

@@ -62,3 +62,7 @@ export const getAllModule = (params?: any) => {
 export const getScreenAuthModuleAndMenuApi = (params?: any) => {
 	return http.get(BASEURL + "/xmgl/screenAuth/getModuleAndMenu", params);
 };
+
+export const getUserConfigListApi = (params?: any) => {
+	return http.get(BASEURL + "/xmgl/userConfig/list", params);
+};

src/stores/index.ts

@@ -59,7 +59,8 @@ export const GlobalStore = defineStore({
 			tabsIcon: false,
 			// 页脚
 			footer: false
-		}
+		},
+		forceH5Play: 0,
 	}),
 	getters: {},
 	actions: {
@@ -67,6 +68,9 @@ export const GlobalStore = defineStore({
 		setSN(sn: string | null) {
 			this.sn = sn;
 		},
+		setForceH5Play(forceH5Play: number | null) {
+			this.forceH5Play = forceH5Play;
+		},
 		// setToken
 		setToken(token: string | null) {
 			this.token = token;

src/stores/interface/index.ts

@@ -19,6 +19,7 @@ export interface GlobalState {
 	isManager: string | null;
 	isIframe: boolean | null;
 	userId: string | null;
+	forceH5Play: number | null;
 }
 
 /* themeConfigProp */

src/utils/util.ts

@@ -315,3 +315,8 @@ export function filterEnum(
 export const getAssetsFile = (url: string) => {
 	return new URL(`../assets/images/${url}`, import.meta.url).href
 }
+
+// 判断当前系统是不是windows系统
+export function isWindows() {
+    return navigator.userAgent.indexOf('Windows') !== -1;
+}

src/views/login/index.vue

@@ -42,7 +42,7 @@ import { ref, reactive, onMounted, onBeforeUnmount } from "vue";
 import { useRouter } from "vue-router";
 import { Login } from "@/api/interface";
 import { ElMessage, ElNotification } from "element-plus";
-import { loginApi, jumpLoginApi } from "@/api/modules/login";
+import { loginApi, jumpLoginApi, getUserConfigListApi } from "@/api/modules/login";
 import { GlobalStore } from "@/stores";
 import { TabsStore } from "@/stores/modules/tabs";
 import { KeepAliveStore } from "@/stores/modules/keepAlive";
@@ -86,7 +86,7 @@ const login = (formEl: FormInstance | undefined) => {
 			globalStore.setAccountType(result.accountType);
 			globalStore.setProjectDateAuth(result.menuAuthority);
 			globalStore.setIsManager(result.isManager); //我已知晓
-
+			getUserConfigList(result.userId);
 			// 2.添加动态路由
 			// await initDynamicRouter();
 			// router.push(arr[result.accountType - 1]);
@@ -176,6 +176,17 @@ onMounted(async () => {
 		}
 	};
 });
+const getUserConfigList = (userId: string) => {
+  getUserConfigListApi({
+    userId: userId,
+  }).then((res: any) => {
+    if (res.code === 200) {
+      if (res.result instanceof Array && res.result.length > 0) {
+        globalStore.setProjectDateAuth(res.result[0].forceH5Play);
+      }
+    }
+  });
+};
 // login页面销毁时，需要去掉enter监听
 onBeforeUnmount(() => {
 	document.onkeydown = null;

src/views/sevenLargeScreen/homeworkControlProcess/components/iscPlayer.vue

@@ -392,6 +392,7 @@ const getPreviewUrl = row => {
 	let tempCode = row.monitoringNumber;
 	const param = {
 		cameraIndexCode: tempCode,
+		streamType: row.defaultStreamType && row.eIndex < 4 ? row.defaultStreamType : "",
 		// streamType: row.defaultStreamType == 2 ? 0 : row.defaultStreamType,
 		type: window.location.protocol.includes("https") ? "wss" : "ws",
 		transmode: 1,

src/views/sevenLargeScreen/homeworkControlProcess/components/isc_plugin.vue

@@ -39,6 +39,7 @@ const getPreviewUrl = (row) => {
   const param = {
     cameraIndexCode: tempCode,
     type: window.location.protocol.includes("https") ? "wss" : "ws",
+    streamType: row.defaultStreamType && row.eIndex < 4 ? row.defaultStreamType : "",
     transmode: 1,
     itemId: row.itemId,
     projectSn: row.projectSn,
@@ -95,8 +96,11 @@ onMounted(() => {
   layout.value = tempLayout
   
   if (props.devList.length > 0) {
-    props.devList.forEach(element => {
+    props.devList.forEach((element, index) => {
-      play(element)
+      play({
+        ...element,
+        eIndex: index,
+      })
     })
   }
 })
@@ -110,21 +114,30 @@ onBeforeUnmount(() => {
 // 监听器
 // watch(() => props.devList, (newVal) => {
 //   if (newVal.length > 0) {
-//     newVal.forEach(element => {
+//     newVal.forEach((element, index) => {
-//       play(element)
+//       play({
+//         ...element,
+//         eIndex: index,
+//       })
 //     })
 //   }
 // })
-
+const isVisible = computed(() => {
-watch(() => props.equipmentDialog, (newVal) => {
+  return {
+        equipmentDialog: props.equipmentDialog,
+        visibleDialog: props.visibleDialog,
+      }
+})
+watch(() => isVisible, (newVal) => {
+  console.log("我进来了", videoPlugin.value,)
   if (videoPlugin.value) {
-    if (newVal) {
+    if (newVal.value.equipmentDialog || newVal.value.visibleDialog) {
       videoPlugin.value.hidePluginWindow()
     } else {
       videoPlugin.value.showPluginWindow()
     }
   }
-})
+}, { deep: true })
 </script>
 
 <style scoped>

src/views/sevenLargeScreen/homeworkControlProcess/components/video_isc_plugin.js

@@ -162,7 +162,7 @@ class VideoPlugin {
         }
     }
 
-    openVideo(cameraIndexCode, streamMode, winIndex) {
+    openVideo(cameraIndexCode, streamMode, winIndex = 0) {
         const transMode = 1; // TCP
         const gpuMode = 0; // 不启用GPU硬解
         // 添加调试信息
@@ -177,7 +177,7 @@ class VideoPlugin {
             funcName: "startPreview",
             argument: JSON.stringify({
                 cameraIndexCode: cameraIndexCode,
-                streamMode: streamMode == 2 ? 0 : streamMode,
+                streamMode: streamMode == 2 && (winIndex > 4) ? 0 : 1,
                 transMode: transMode,
                 gpuMode: gpuMode,
                 wndId: winIndex || -1,

src/views/sevenLargeScreen/homeworkControlProcess/index.vue

@@ -113,6 +113,7 @@
                 v-model="policeCameraItemInfo.deviceState"
                 clearable
                 placeholder="请选择"
+				@visible-change="visibleChange"
               >
                 <el-option
                   v-for="(item, index) in deviceStateList"
@@ -277,8 +278,17 @@
 											:autoplay="true"
 											:controls="true"
 										/> -->
+                    <div v-if="isWindows() && store.forceH5Play == 0" class="videoOverview" :id="`videoOverview${item.itemId}`">
+                      <IscPlugin
+                        :devList="[item]"
+                        :itemId="item.itemId"
+                        :type="'1x1'"
+                        :equipmentDialog="equipmentDialog"
+						:visibleDialog="visibleDialog"
+                      ></IscPlugin>
+                    </div>
 					<IscPlayer
-                      v-if="videoConfig.enableNotPlugin == 1"
+                      v-else
                       :devList="[
                         {
                           ...item,
@@ -288,14 +298,6 @@
                       :key="'player-' + item.itemId"
                       :playerId="'player-' + item.itemId"
                     />
-                    <div v-else class="videoOverview" :id="`videoOverview${item.itemId}`">
-                      <IscPlugin
-                        :devList="[item]"
-                        :itemId="item.itemId"
-                        :type="'1x1'"
-                        :equipmentDialog="equipmentDialog"
-                      ></IscPlugin>
-                    </div>
                   </div>
                   <div class="hls-video_title" @click="onEquipmentClick(item)">
                     <div>设备详情</div>
@@ -637,6 +639,7 @@ import {
   selectAllProjectInfoList,
 } from "@/api/modules/workTicket";
 import { getUseProjectVideoConfigApi } from "@/api/modules/tower";
+import { isWindows } from "@/utils/util";
 import dayjs from "dayjs";
 import duration from "dayjs/plugin/duration";
 dayjs.extend(duration);
@@ -804,6 +807,10 @@ const onViewAllClick = () => {
 
 const equipmentDialog = ref(false);
 const equipmentDetail = ref({});
+const visibleDialog = ref(false);
+const visibleChange = (val) => {
+    visibleDialog.value = val;
+};
 // 查看设备详情
 const onEquipmentClick = (row) => {
   equipmentDetail.value = row;

src/views/sevenLargeScreen/indexL.vue

@@ -1,12 +1,30 @@
 <template>
-	<ScaleBox :width="1920" :height="1080" bgc="transparent" :delay="100" :isFlat="false" @scaleChange="scaleChange">
+  <ScaleBox
+    :width="1920"
+    :height="1080"
+    bgc="transparent"
+    :delay="100"
+    :isFlat="false"
+    @scaleChange="scaleChange"
+  >
     <!-- <div class="container"> -->
-		<div class="largeScreen" :class="{'largeScreen1': store.isIframe}" ref="dataScreenRef" style="width: 100%; height: 100%">
+    <div
-			<div v-if="!store.isIframe" class="header" :class="!EntityMap.Mapswitch ? 'storeheader' : ''">
+      class="largeScreen"
+      :class="{ largeScreen1: store.isIframe }"
+      ref="dataScreenRef"
+      style="width: 100%; height: 100%"
+    >
+      <div
+        v-if="!store.isIframe"
+        class="header"
+        :class="!EntityMap.Mapswitch ? 'storeheader' : ''"
+      >
         <!-- <div class="hearderIcon"><img src="@/assets/images/jxjLogo.png" alt="" /></div> -->
         <span class="projectTitle" v-if="!isEditTitle">
           <p>{{ projectTitle }}</p>
-					<el-icon class="editIcon" size="20px" color="#b6d0e5" @click="handleEditTitle"><Edit /></el-icon>
+          <el-icon class="editIcon" size="20px" color="#b6d0e5" @click="handleEditTitle"
+            ><Edit
+          /></el-icon>
           <!-- <p>江坑110kv变电站智慧工地</p> -->
         </span>
         <span class="projectTitle" v-if="isEditTitle">
@@ -85,16 +103,23 @@
               :index="item.modulePath"
               :class="{
                 subMenu: true,
-								active: activeTab === item.modulePath
+                active: activeTab === item.modulePath,
               }"
             >
               <!-- zsbf: COMPANY === 'zsbf' -->
               <span @click="navigateTo(item, 1)">{{ item.moduleName }}</span>
             </div>
           </div>
-					<div :class="{ subMenuList: true }" v-if="itemList != null && itemList.length >= 1">
+          <div
+            :class="{ subMenuList: true }"
+            v-if="itemList != null && itemList.length >= 1"
+          >
             <!-- , zsbf: COMPANY === 'zsbf'  -->
-						<el-scrollbar ref="scrollbarRef" class="scrollItem" @wheel.prevent="handleScroll">
+            <el-scrollbar
+              ref="scrollbarRef"
+              class="scrollItem"
+              @wheel.prevent="handleScroll"
+            >
               <div class="subMenuItem">
                 <div
                   class="subItem"
@@ -117,7 +142,7 @@
 						<span class="numColor"> {{ projectPassDay }} </span>个日历天
 					</span>
 				</div> -->
-				<div class="dataBoardContent" :class="{'dataBoardContent1': store.isIframe}">
+        <div class="dataBoardContent" :class="{ dataBoardContent1: store.isIframe }">
           <router-view></router-view>
         </div>
       </template>
@@ -143,8 +168,18 @@ import ScaleBox from "vue3-scale-box";
 import { ElMessage } from "element-plus";
 import { ref, reactive, onMounted, onBeforeUnmount, computed, nextTick } from "vue";
 import { getTaskTimeDetail } from "@/api/modules/schedulePlan";
-import { queryByProject, addLargeScreenConfig, updateLargeScreenConfig } from "@/api/modules/config";
+import {
-import { jumpLargeUserInfoApi, jumpLargeByUserIdApi, getAllModule, getScreenAuthModuleAndMenuApi } from "@/api/modules/login";
+  queryByProject,
+  addLargeScreenConfig,
+  updateLargeScreenConfig,
+} from "@/api/modules/config";
+import {
+  jumpLargeUserInfoApi,
+  getUserConfigListApi,
+  jumpLargeByUserIdApi,
+  getAllModule,
+  getScreenAuthModuleAndMenuApi,
+} from "@/api/modules/login";
 import {
   JSYCMenu,
   XJNBMenu,
@@ -171,7 +206,7 @@ import {
   JXWJJMenu,
   ALLXMMenu,
   HBLAMenu,
-	QYGMenu
+  QYGMenu,
 } from "@/config/staticMenu";
 import { COMPANY } from "@/config/config";
 import { useRouter } from "vue-router";
@@ -193,7 +228,10 @@ const initProjectTitle = async () => {
   await getTitleConfig();
 };
 const getTitleConfig = async () => {
-	const res: any = await queryByProject({ configKey: "largeScreenTitle", projectSn: store.sn });
+  const res: any = await queryByProject({
+    configKey: "largeScreenTitle",
+    projectSn: store.sn,
+  });
   console.log(res, "res");
   if (res.code === 200) {
     const { title: curTitle } = JSON.parse(res.result?.configValue || "{}");
@@ -219,7 +257,7 @@ const handleChangeTitle = async () => {
       id: titleConfig.value?.id,
       configKey: "largeScreenTitle",
       projectSn: store.sn,
-			configValue: JSON.stringify({ title: editTitle.value })
+      configValue: JSON.stringify({ title: editTitle.value }),
     });
     if (res.code === 200) {
       isEditTitle.value = false;
@@ -270,7 +308,9 @@ const getProjectInfo = async () => {
   const res: any = await getTaskTimeDetail({ projectSn: store.sn });
   console.log("获取项目信息", res);
   projectTimeInfo.value = res.result;
-	projectPassDay.value = calculateDaysPassed(projectTimeInfo.value.contractPeriodStartTime);
+  projectPassDay.value = calculateDaysPassed(
+    projectTimeInfo.value.contractPeriodStartTime
+  );
 };
 
 function calculateDaysPassed(startDate: any) {
@@ -561,7 +601,7 @@ const activeTab2 = ref("");
 const router = useRouter();
 const getAspectRatioStyle = computed(() => ({
   width: `${contentWidth.value}px`,
-	height: `${contentHeight.value}px`
+  height: `${contentHeight.value}px`,
 }));
 //获取动态tab
 const getAllModelMenu = () => {
@@ -579,7 +619,9 @@ const navigateTo = (path, type) => {
   console.log("点击的路由---", path, type);
   if (type == 1) {
     activeTab.value = path.modulePath;
-		activeTab2.value = path.menuList.length ? path.menuList[0].companyPath : path.modulePath;
+    activeTab2.value = path.menuList.length
+      ? path.menuList[0].companyPath
+      : path.modulePath;
     itemList.value = path.menuList;
     let index = activeTab2.value.indexOf("?");
     console.log("获取到的参数----", index);
@@ -592,14 +634,14 @@ const navigateTo = (path, type) => {
         router.push({
           path: activeTab2.value,
           query: {
-						url
+            url,
-					}
+          },
         });
         return;
       }
     }
     router.push({
-			path: activeTab2.value
+      path: activeTab2.value,
     });
   } else {
     activeTab2.value = path.companyPath;
@@ -614,15 +656,15 @@ const navigateTo = (path, type) => {
         router.push({
           path: path.companyPath,
           query: {
-						url
+            url,
-					}
+          },
         });
         return;
       }
     }
     // console.log("点击的路由---", activeTab2.value);
     router.push({
-			path: path.companyPath
+      path: path.companyPath,
     });
   }
 };
@@ -634,17 +676,17 @@ const getModuleMenu = async () => {
   if (res.code == 200) {
     const list = res.result || [];
     if (list.length) {
-			menuList.value = list.map(item => {
+      menuList.value = list.map((item) => {
-				let childrenList = item.children?.map(val => {
+        let childrenList = item.children?.map((val) => {
           return {
             menuName: val.name,
-						companyPath: val.routePath
+            companyPath: val.routePath,
           };
         });
         return {
           moduleName: item.name,
           modulePath: item.routePath,
-					menuList: childrenList
+          menuList: childrenList,
         };
       });
     }
@@ -671,6 +713,7 @@ onMounted(async () => {
     store.setAccount(data.result.account);
     store.setAccountType(data.result.accountType);
     store.setProjectDateAuth(data.menuAuthority);
+    getUserConfigList(data.userId);
   }
   if (window.location.href.indexOf("userId") != -1) {
     console.log("免登录跳转进来了吗----", window.location.href.indexOf("userId"));
@@ -680,19 +723,20 @@ onMounted(async () => {
     let isIframe = window.location.href.split("isIframe=")[1];
     if (isIframe) {
       isIframe.includes("&") && (isIframe = isIframe.split("&")[0]);
-			isIframe === "true" && (store.setIsIframe(true));
+      isIframe === "true" && store.setIsIframe(true);
     } else {
       store.setIsIframe(false);
     }
 
-		
     console.log("获取到的参数----", newUserId, projectSn, isIframe);
     // return
     const data: any = await jumpLargeByUserIdApi({ userId: newUserId });
     console.log("跳转请求的数据----", data.result);
     if (data.result.sn) {
       const accountTypeList = [2, 3, 4, 7];
-			const sn = accountTypeList.includes(data.result.accountType) ? projectSn : data.result.sn;
+      const sn = accountTypeList.includes(data.result.accountType)
+        ? projectSn
+        : data.result.sn;
       console.log("获取到的参数----1111", sn);
       store.setSN(sn);
     }
@@ -701,6 +745,7 @@ onMounted(async () => {
     store.setAccount(data.result.account);
     store.setAccountType(data.result.accountType);
     store.setProjectDateAuth(data.menuAuthority);
+    getUserConfigList(newUserId);
   }
   initProjectTitle();
   await getModuleMenu();
@@ -789,7 +834,7 @@ onMounted(async () => {
     // 暂无权限，请联系管理员配置权限
     return ElMessage({
       message: "暂无权限，请联系管理员配置权限",
-			type: "warning"
+      type: "warning",
     });
   }
   // await getAllModelMenu();
@@ -841,7 +886,17 @@ onBeforeUnmount(() => {
   document.removeEventListener("click", bodyCloseMenus);
   window.removeEventListener("resize", calculateAspectRatio);
 });
-
+const getUserConfigList = (userId: string) => {
+  getUserConfigListApi({
+    userId: userId,
+  }).then((res: any) => {
+    if (res.code === 200) {
+      if (res.result instanceof Array && res.result.length > 0) {
+        store.setForceH5Play(res.result[0].forceH5Play);
+      }
+    }
+  });
+};
 function bodyCloseMenus() {
   if (showUserBox.value === true) {
     showUserBox.value = false;
@@ -857,8 +912,18 @@ function getNowTime() {
 }
 function timeNumber() {
   let today = new Date();
-	let date = today.getFullYear() + "-" + twoDigits(today.getMonth() + 1) + "-" + twoDigits(today.getDate());
+  let date =
-	let time = twoDigits(today.getHours()) + ":" + twoDigits(today.getMinutes()) + ":" + twoDigits(today.getSeconds());
+    today.getFullYear() +
+    "-" +
+    twoDigits(today.getMonth() + 1) +
+    "-" +
+    twoDigits(today.getDate());
+  let time =
+    twoDigits(today.getHours()) +
+    ":" +
+    twoDigits(today.getMinutes()) +
+    ":" +
+    twoDigits(today.getSeconds());
   return date + "  " + time;
 }
 function twoDigits(val: any) {
@@ -874,7 +939,19 @@ function loginOut() {
 }
 //跳转后台
 function jumpBgd() {
-	const envList = ["agjt", "zkax", "zkjc", "hfqc", "cpgs", "cqna", "jzjt", "tj", "scwc", "bthg", "zmml"]; // 环境标识
+  const envList = [
+    "agjt",
+    "zkax",
+    "zkjc",
+    "hfqc",
+    "cpgs",
+    "cqna",
+    "jzjt",
+    "tj",
+    "scwc",
+    "bthg",
+    "zmml",
+  ]; // 环境标识
   // 标准版——跳转演示平台项目后台
   if (COMPANY == "" || COMPANY == "gsgs") {
     console.log(2222, window.location);
@@ -883,7 +960,9 @@ function jumpBgd() {
     // window.location.replace(BASEURL + "/#/login?token=" + store.token);
     // 新项目通用(百色服务器)
     // window.location.replace("http://101.43.164.214:11111/#/login?token=" + store.token);
-		window.location.replace(`${window.location.protocol}//${window.location.host}/#/login?token=` + store.token);
+    window.location.replace(
+      `${window.location.protocol}//${window.location.host}/#/login?token=` + store.token
+    );
   } else if (COMPANY === "tj") {
     window.location.replace("http://192.168.110.220:9809/#/login?token=" + store.token);
   } else if (COMPANY === "as") {

src/views/sevenLargeScreen/videoManagement/index.vue

@@ -3,8 +3,8 @@
 		<div class="left" :class="{ hide: !isExpand }">
 			<div
 				:class="{
-					control_scroll: videoConfigInfo.enableNotPlugin == 1 && isDragging,
+					control_scroll: (!isWindows() || store.forceH5Play == 1) && isDragging,
-					control_scrolloff: videoConfigInfo.enableNotPlugin == 1 && !isDragging
+					control_scrolloff: (!isWindows() || store.forceH5Play == 1) && !isDragging
 				}"
 				class="videoListBig"
 			>
@@ -78,8 +78,8 @@
 			</div>
 			<div
 				class="control_main"
-				:class="{ 'mt-20': videoConfigInfo.enableNotPlugin == 1 && isDragging }"
+				:class="{ 'mt-20': (!isWindows() || store.forceH5Play == 1) && isDragging }"
-				v-if="videoConfigInfo.enableNotPlugin == 1"
+				v-if="(!isWindows() || store.forceH5Play == 1)"
 			>
 				<div class="control-card">
 					<div class="control-title">
@@ -174,7 +174,7 @@
 					<DHPlayer :devList="dhVideoList" v-else-if="videoType === 4" ref="dhplayer"></DHPlayer>
 					<!-- 播放海康 -->
 					<div v-else ref="playWndBox" style="width: 100%; height: 100%">
-						<div v-if="infor.enableNotPlugin != 1" id="playWnd" class="playWnd" style="width: 100%; height: 100%"></div>
+						<div v-if="isWindows() && store.forceH5Play == 0" id="playWnd" class="playWnd" style="width: 100%; height: 100%"></div>
 						<!-- :style="{
 							height: playWndHeight + 'px',
 							width: playWndWidth + 'xp'
@@ -201,6 +201,7 @@ import { GlobalStore } from "@/stores";
 import { getUseProjectVideoConfigApi } from "@/api/modules/tower";
 import { selectProjectVideoListApi, selectProjectVideoGroupApi, getSafeHatSessionApi } from "@/api/modules/video";
 import { COMPANY } from "@/config/config";
+import { isWindows } from "@/utils/util";
 import emitter from "./mitt";
 const defaultProps = {
 	children: "children",
@@ -387,7 +388,7 @@ const checkVideo = async (item: any) => {
 		console.log(item, "item11222");
 		videoInfo.value = item;
 		dhVideoList.value = [item];
-		if (videoConfigInfo.value.enableNotPlugin == 1) return;
+		if (isWindows() && store.forceH5Play == 1) return;
 		if (videoType.value !== 1 && videoType.value !== 4) {
 			previewVideo(cameraIndexCode.value, item.defaultStreamType);
 		}
@@ -417,18 +418,20 @@ const getVideoList = async () => {
 	}, []);
 	let arr = findVideoByTree(res.result.videoList, []);
 	if (arr.length > 0) {
-		console.log(111223344, infor.value.enableNotPlugin == 1);
+		// console.log(111223344, infor.value.enableNotPlugin == 1);
-		if (infor.value.enableNotPlugin == 1) {
+		if (isWindows() && store.forceH5Play == 0) {
-			dhVideoList.value = recursiveFilterList(res.result.videoList);
+			console.log(11122334455, arr[0]);
-		} else {
 			handleVideoConfig(arr[0]);
+		} else {
+			const dataList = recursiveFilterList(res.result.videoList);
+			dhVideoList.value = dataList;
 		}
 	}
 	console.log("objData", objData.value);
 };
 const recursiveFilterList = (dataList: any, resultList: any[] = []) => {
 	return dataList.reduce((prev: any, cur: any) => {
-		console.log("当前的列表", cur);
+		// console.log("当前的列表", cur);
 		if (resultList.length >= 4) return prev;
 		if (cur.children && cur.children.length > 0) {
 			recursiveFilterList(cur.children, resultList);
@@ -476,8 +479,7 @@ const handleVideoConfig = (videoData: any) => {
 	} else if (videoData.videoType === 4) {
 		dhVideoList.value = [videoData];
 	} else {
-		console.log(88887777, infor.value.enableNotPlugin);
+		if (isWindows() && store.forceH5Play == 0) {
-		if (infor.value.enableNotPlugin != 1) {
 			initPlugin();
 		} else {
 			console.log(88887777, videoData);

src/views/sevenLargeScreen/videoManagement/isc_plugin_h5.vue

@@ -456,7 +456,8 @@ const getPreviewUrl = row => {
 	let tempCode = row.serialNumber;
 	const param = {
 		cameraIndexCode: tempCode,
-		streamType: row.defaultStreamType == 2 ? 0 : row.defaultStreamType,
+		// streamType: row.defaultStreamType == 2 ? 0 : row.defaultStreamType,
+		streamType: row.defaultStreamType && row.eIndex < 4 ? row.defaultStreamType : "",
 		type: window.location.protocol.includes("https") ? "wss" : "ws",
 		transmode: 1,
 		itemId: row.itemId