video偶尔会闪屏的问题

src/components/AddVideoPlay.vue

@@ -22,7 +22,7 @@
       class="video-default"
       :src="video2"
       @ended="secondVideoEnded"
-      @canplay="canplay2"
+      @canplaythrough="canplay2"
     ></video>
     <!-- 动作 -->
     <video
@@ -31,7 +31,7 @@
       class="video-default"
       :src="actionVideo"
       @ended="actionVideoEnded"
-      @canplay="actionCanplay"
+      @canplaythrough="actionCanplay"
     ></video>
     <!-- 结束动作 -->
     <video
@@ -39,6 +39,7 @@
       ref="videoEndAction"
       class="video-default"
       :src="actionEndVideo"
+      @canplaythrough="actionEndCanplay"
       @ended="actionEndVideoEnded"
     ></video>
     <ConfirmDialog
@@ -227,7 +228,7 @@ const confirm = () => {
   findLastAction();
   if (isDev()) {
     // 测试将视频进度改为160
-    // videoFirst.value[currentPlayMainIndex.value].currentTime = 170;
+    videoFirst.value[currentPlayMainIndex.value].currentTime = 170;
   }
 };
 
@@ -273,7 +274,6 @@ const findLastAction = () => {
   if (!endVideoIsMain && typeof currentPlayMainIndex.value === 'number') {
     const actionUrl = realVideoList[mainVideoList[currentPlayMainIndex.value].videoIndex].actionUrl;
     actionEndVideo.value = actionUrl[actionUrl.length - 1].url;
-    console.log(actionEndVideo.value, '找到结束动作视频了');
   }
 };
 
@@ -435,6 +435,10 @@ const actionCanplay = () => {
   }
 };
 
+const actionEndCanplay = () => {
+  console.log('结束动作可以播放');
+};
+
 const secondPlay = () => {
   mainVideoPlayChange(false);
   videoSecond.value?.play();
@@ -534,6 +538,7 @@ watch(
 );
 
 const updateTime = () => {
+  try {
     let row = videoFirst.value[currentPlayMainIndex.value];
     // 获取当前下标的total
     const { mainVideoList } = props;
@@ -544,6 +549,10 @@ const updateTime = () => {
       // 提交当前进度
       emit('currentTime', currentPlayMainIndex.value, row.currentTime);
     }
+  } catch (e) {
+    console.log('updateTime');
+    console.log(e);
+  }
 };
 // 减小正在播放的视频音量
 const lowerVideoVolume = () => {

src/pages/OnlyVideoLive/useScript.ts

@@ -278,6 +278,7 @@ export default function () {
 
   // 当前播放进度变化
   const currentTimeChange = (index: number, value: number) => {
+    try {
       //   console.log(value, '当前主视频进度');
       let row = mainVideoList.value[index];
       // 剩余多少没有播放
@@ -289,6 +290,7 @@ export default function () {
       if (
         currentEsidueTime < esidueTime &&
         currentVideoRow.confuse === CONFUSE_STATUS.CONFUSE_STATUS_WAIT &&
+        liveDetail.value.type_content &&
         liveDetail.value.type_content.length &&
         typeof liveDetail.value.phonetic_timbres_id === 'number' &&
         typeof liveDetail.value.tone_id === 'number' &&
@@ -307,6 +309,9 @@ export default function () {
       if (currentEsidueTime < 20 && typeof currentPlayMainIndex.value === 'number') {
         findOneVideoInit();
       }
+    } catch (e) {
+      console.log(e);
+    }
   };
 
   // 互动视频播放结束
@@ -580,13 +585,18 @@ export default function () {
             // {
             //   url: 'http://yunyi-live.oss-cn-hangzhou.aliyuncs.com/upload/2/2023-08-217a51d89c-1a9f-476b-950c-f81d0423b816.mp4',
             //   type: 3,
-            //   play_time: 15,
+            //   play_time: 10,
             // },
             // 动作视频
+            // {
+            //   url: 'http://yunyi-live.oss-cn-hangzhou.aliyuncs.com/upload/2/2023-08-2192d4a904-c78a-4a87-9728-d93bb40cad77.mp4',
+            //   type: 3,
+            //   play_time: 172,
+            // },
             {
-              url: 'http://yunyi-live.oss-cn-hangzhou.aliyuncs.com/upload/2/2023-08-2192d4a904-c78a-4a87-9728-d93bb40cad77.mp4',
+              url: 'http://yunyi-live.oss-cn-hangzhou.aliyuncs.com/upload/2/2023-08-217a51d89c-1a9f-476b-950c-f81d0423b816.mp4',
               type: 3,
-              play_time: 30,
+              play_time: 172,
             },
             {
               url: url,
@@ -803,6 +813,10 @@ export default function () {
           StartIntervalMainVideo();
         }
       } else {
+        writeLog({
+          name: 'mergeCallback 回调格式错误',
+          value: params,
+        });
         console.log('回调格式错误');
         console.log(params);
       }