feat 引入hls

.eslintrc-auto-import.json

@@ -5,10 +5,6 @@
     "ComputedRef": true,
     "DirectiveBinding": true,
     "EffectScope": true,
-    "ElLoading": true,
-    "ElMessage": true,
-    "ElMessageBox": true,
-    "ElNotification": true,
     "ExtractDefaultPropTypes": true,
     "ExtractPropTypes": true,
     "ExtractPublicPropTypes": true,

package.json

@@ -32,6 +32,7 @@
     "element-plus": "2.13.5",
     "file-saver": "2.0.5",
     "highlight.js": "11.11.1",
+    "hls.js": "^1.6.16",
     "image-conversion": "2.1.1",
     "js-cookie": "3.0.5",
     "jsencrypt": "3.5.4",

src/views/equipmentList/list.vue

@@ -137,6 +137,7 @@ import { EquipmentList, DeviceInfoForm, AlarmAreaData } from '@/api/equipmentLis
 import { listDemo, getDemo, delDemo, addDemo, updateDemo } from '@/api/demo/demo';
 import { DemoVO, DemoQuery, DemoForm } from '@/api/demo/demo/types';
 import { log } from 'node:console';
+import Hls from 'hls.js';
 
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
 
@@ -316,7 +317,6 @@ const resetMonitorDraw = () => {
   monitorDrawPoints.value = [];
   monitorRectPx.value = null;
 };
-
 const handleSee = async (row?: any) => {
   reset();
   resetMonitorDraw();
@@ -327,6 +327,7 @@ const handleSee = async (row?: any) => {
   dialog1.visible = true;
   dialog1.title = '修改设备';
 };
+
 const handleMonitorDialogClose = (done: () => void) => {
   monitorVideoRef.value?.pause();
   monitorVideoRef.value && (monitorVideoRef.value.currentTime = 0);