222

src/components/video-card/video-card.vue

@@ -54,8 +54,13 @@ const initPlayer = ()=>{
     })
     // 自动播放失败
     player.on(Events.AUTOPLAY_PREVENTED, () => {
+        console.log('自动播放失败')
         player.play()
     })
+    // 自动播放失败
+    player.on(Events.ERROR, (error) => {
+        console.log(error)
+    })
     // 播放器播放结束
     player.on(Events.ENDED, () => {
         player.setConfig({

src/config/index.json

@@ -1,5 +1,9 @@
 {
     "version": "20230607160059",
     "target": "http://47.110.251.215:8090",
-    "smsPhone": ""
+    "smsPhone": "",
+    "vite": {
+        "port": 5180,
+        "host": "0.0.0.0"
+    }
 }

src/views/index.vue

@@ -73,14 +73,23 @@
                 <div class="content h-full">
                     <!-- <div class="title text-center">监控视频</div> -->
                     <div class="video-content">
+                        <!--div class="video-item">
+                            <hc-video-card url="https://3959y379k7.zicp.fun/001/channel101.m3u8"/>
+                        </div>
+                        <div class="video-item">
+                            <hc-video-card url="https://3959y379k7.zicp.fun/002/channel101.m3u8"/>
+                        </div>
+                        <div class="video-item">
+                            <hc-video-card url="https://3959y379k7.zicp.fun/003/channel101.m3u8"/>
+                        </div-->
                         <div class="video-item">
-                            <hc-video-card url="https://127.0.0.1/001/channel101.m3u8"/>
+                            <hc-video-card url="http://127.0.0.1/001/channel101.m3u8"/>
                         </div>
                         <div class="video-item">
-                            <hc-video-card url="https://127.0.0.1/002/channel101.m3u8"/>
+                            <hc-video-card url="http://127.0.0.1/002/channel101.m3u8"/>
                         </div>
                         <div class="video-item">
-                            <hc-video-card url="https://127.0.0.1/003/channel101.m3u8"/>
+                            <hc-video-card url="http://127.0.0.1/003/channel101.m3u8"/>
                         </div>
                     </div>
                 </div>