From c35398209b363bd518368387ebb9f5993a875b9e Mon Sep 17 00:00:00 2001
From: guoyue <guoyue2@hisense.com>
Date: Tue, 20 Sep 2022 10:24:12 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A7=86=E9=A2=91=E6=92=AD=E6=94=BE-=E5=85=B3?=
 =?UTF-8?q?=E9=97=AD=E8=87=AA=E5=8A=A8=E6=92=AD=E6=94=BE=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 front/src/views/home/infrastructurePage.vue | 46 +++++++++++++++++----
 1 file changed, 38 insertions(+), 8 deletions(-)

diff --git a/front/src/views/home/infrastructurePage.vue b/front/src/views/home/infrastructurePage.vue
index bdf86c83..2befe85d 100644
--- a/front/src/views/home/infrastructurePage.vue
+++ b/front/src/views/home/infrastructurePage.vue
@@ -561,7 +561,11 @@
         <template #footer></template>
         <div style="width: 100%; display: flex; justify-content: center">
           <div style="width: 100%; height: 100%">
-            <vue3VideoPlay v-bind="options" />
+            <vue3VideoPlay v-bind="options"
+              @play="onPlay"
+              @pause="onPause" 
+              @timeupdate="onTimeupdate" 
+              @canplay="onCanplay"/>
           </div>
         </div>
       </a-modal>
@@ -628,7 +632,7 @@
             style="width: 100%; height: 100%"
           >
             <p></p>
-            <vue3VideoPlay v-bind="item.options" />
+            <vue3VideoPlay v-bind="item.options"/>
           </div>
         </div>
         <a-pagination
@@ -753,7 +757,8 @@
     muted: false, //静音
     webFullScreen: false,
     speedRate: ['0.75', '1.0', '1.25', '1.5', '2.0'], //播放倍速
-    autoPlay: isXiHaiAn, //自动播放
+    // autoPlay: isXiHaiAn, //自动播放
+    autoPlay: false, //自动播放
     loop: false, //循环播放
     mirror: false, //镜像画面
     ligthOff: false, //关灯模式
@@ -973,11 +978,14 @@
     const param = {
       key: id,
     }
-    getStreamByChannelCode(param).then((res) => {
-      console.log(res)
-      visible.value = true
-      options.src = res.data.data
-    })
+    // getStreamByChannelCode(param).then((res) => {
+    //   console.log(res)
+    //   visible.value = true
+    //   options.src = res.data.data
+    // })
+    visible.value = true
+    options.src = 'http://playertest.longtailvideo.com/adaptive/bipbop/gear4/prog_index.m3u8'
+
   }
   // 打开图片预览
   const openPicture = (id) => {
@@ -1877,6 +1885,28 @@
     getCamera()
     // this.getTableList()
   }
+
+  // 视频播放 todo
+  // const vue3VideoPlay = ref(null)
+  const onPlay = (ev) => {
+    console.log('播放')
+    // message.warning('视频播放')
+    // nextTick(() => {
+    //   // console.log('vue3VideoPlay.value.state------------>', vue3VideoPlay.value.state);
+    // })
+  }
+  const onPause = (ev) => {
+    console.log(ev, '暂停')
+  }
+
+  const onTimeupdate = (ev) => {
+    console.log(ev, '时间更新')
+    onPause(ev)
+  }
+  const onCanplay = (ev) => {
+    console.log(ev, '可以播放')
+  }
+ 
 </script>
 <style lang="less" scoped>
   .infrastructrueBox {