接口更改

src/layout/components/CoreVideo/allList.vue

@@ -36,7 +36,7 @@
 </template>
 
 <script setup>
-  import { getVideoListApi } from '@/api/home'
+  import { getVideoListApi,getColletListApi } from '@/api/home'
   import { postVideoCollectApi } from '@/api/monitor'
 
   import primary from '@/assets/images/item-primary.png'
@@ -101,7 +101,7 @@
     getVideoList()
   }
   const getVideoList = async () => {
-    let res = await getVideoListApi(params)
+    let res = await getColletListApi(params)
     list.value = res.data
     total.value = res.total
     nextTick(() => {

src/layout/components/Header/index.vue

@@ -244,7 +244,7 @@
         isBack.value = true
         let res = await getSpotListApi()
         navLeft.value = res.data
-		console.log(res.data,'22220000')
+		
         current.value = res.data[0].id
         title.value = navLeft.value[current.value].name
         pubSub.publish('scenicChange', navLeft.value[0])
@@ -281,10 +281,12 @@
         navLeft.value = [
           {
             name: '奉节县',
-            scenicSpotId: ''
+            scenicSpotId: '',
+			id:10086,
           },
           ...spotRes.data
         ]
+		current.value = navLeft.value[0].id
         break
       case '/sceneTesting':
         title.value = '三峡之巅-安全检测'

src/views/monitor/components/box-2.vue

@@ -166,7 +166,7 @@
 </template>
 
 <script setup>
-  import { getVideoListApi, getPreviewUrlApi } from '@/api/home'
+  import { getVideoListApi, getPreviewUrlApi,getColletListApi } from '@/api/home'
   import {
     getVideoTypeApi,
     getVideoRegionsApi,
@@ -262,6 +262,30 @@
     videoList.value = []
     getVideoList()
   }
+  const  getColletList = async () => {
+    let res = await getColletListApi(params)
+    videoList.value = res.data
+    total.value = res.total
+    nextTick(() => {
+      videoList.value.forEach(async (item, index) => {
+        var video = document.getElementById(`video${index}`)
+        const hls = new Hls({
+          enableWorker: false, // 禁用 Worker 来避免额外的线程
+          enableSoftwareAES: true, // 使用软件解码器以避免硬件解码的额外请求
+          cache: true, // 启用缓存
+          maxBufferLength: 10, // 最大缓冲长度（秒）
+          maxMaxBufferLength: 15, // 缓冲区长度的上限
+          maxBufferSize: 20 * 1000 * 1000 // 最大缓冲大小（字节）
+        })
+        hls.loadSource(item.hlsUrl)
+        hls.attachMedia(video)
+        hls.on(Hls.Events.MANIFEST_PARSED, () => {
+          video.play()
+        })
+        hlsRefs.push(hls)
+      })
+    })
+  }
   const handleNav = (e) => {
     if (current.value == e) return
     clearHlsRefs()
@@ -271,7 +295,7 @@
     total.value = 0
     current.value = e
 	if(e==3){
-		getVideoList(3)
+		getColletList(3)
 		return false
 	}
     getVideoList()