diff --git a/package.json b/package.json
index 8bbeece..c942817 100644
--- a/package.json
+++ b/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",
diff --git a/src/views/equipmentList/list.vue b/src/views/equipmentList/list.vue
index a6e739c..cf9d933 100644
--- a/src/views/equipmentList/list.vue
+++ b/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();