添加改动标识 ai播放器相关

src/components/VideoPlayer/index.vue

@@ -119,6 +119,7 @@
             </div>
             <div class="player-time">{{ currentTimeFormat }} / {{ fullTimeFormat }}</div>
           </div>
+          <!--  ai播放器相关 -->
           <div class="player-controls-bottom-right">
             <div class="player-controls-btn box-aiTranslate">
               <div v-show="isSubtitle" class="player-controls-btn cursor-pointer btn-speed">
@@ -329,14 +330,17 @@ export default {
       fullTimeFormat: "00:00:00", // 视频总长度的文字
       barrageTimelineStart: 0, // 弹幕时间轴的起始时间点（手动调整进度条触发更新）
       isInit:false, // 是否初始化过
+      // ai播放器相关
       isSubtitle: true, // 是否开启字幕
       currentLangLabel:'', // 当前字幕语言
     };
   },
+  // ai播放器相关
   computed: {
     ...mapGetters(['selectableLang','currentLang'])
   },
   created() {
+    // ai播放器相关
     this.SET_currentLang('');
   },
   mounted() {
@@ -350,7 +354,7 @@ export default {
     }
 
     setInterval(() => {
-          // console.log('当前状态:',this.currentProgress,this.isDrag,this.videoDom.currentTime , this.videoDom.duration)
+          console.log('当前状态:',this.currentProgress,this.isDrag,this.videoDom.currentTime , this.videoDom.duration)
           // 视频播放时本地记录视频实时播放时长,视频设置了禁止拖动时执行
           if(!this.isDrag){
             var time = localStorage.getItem('videoProgressData')
@@ -397,7 +401,7 @@ export default {
       }
       // 根据视频的readyState判断下一帧是否已加载，并控制loading的显示
       this.isShowLoading = this.videoDom.readyState < 3;
-      // console.log("当前缓存:"+this.videoDom.readyState)
+      console.log("当前缓存:"+this.videoDom.readyState)
       if (this.videoDom.readyState < 3){
         console.log("详细信息",this.videoDom)
         console.log("卡了",this.videoDom.readyState)
@@ -444,6 +448,7 @@ export default {
     // });
   },
   methods: {
+    // ai播放器相关
     ...mapMutations({
       SET_currentLang: 'video/SET_currentLang',
       SET_currentTime: 'video/SET_currentTime',
@@ -661,6 +666,7 @@ export default {
     },
     onAudioTimeUpdate() {
       const currentTime = this.$refs.video.currentTime;
+      // ai播放器相关
       this.SET_currentTime(currentTime)
       this.$emit('onTimeUpdate', currentTime);
     },
@@ -680,7 +686,7 @@ export default {
         }
       }
     },
-    /**
+    /** ai播放器相关
      * 切换字幕
      */
     toggleSubtitle(value) {
@@ -688,13 +694,13 @@ export default {
         if (!value) {
           // 关闭字幕
           this.videoDom.textTracks[this.videoDom.textTracks.length - 1].mode = 'hidden';
-        } else { 
+        } else {
           // 打开字幕
           this.videoDom.textTracks[this.videoDom.textTracks.length - 1].mode = 'showing';
         }
       }
     },
-    /**
+    /** ai播放器相关
      * 切换字幕语言
      */
     changeLang(item) {
@@ -721,17 +727,17 @@ export default {
       trackEl.label = item.label;
       trackEl.src = item.srcUrl;
       trackEl.default = true; // 确保字幕默认启用
-      
+
       // 使用箭头函数保持this上下文
       trackEl.addEventListener('load', () => {
           console.log('字幕加载成功！');
           // console.log('#########Track cues:', trackEl.track.cues);
       });
-      
+
       trackEl.addEventListener('error', () => {
           console.error('字幕加载失败！');
       });
-      
+
       // 确保视频已加载到可添加轨道的状态
       if (this.videoDom.readyState >= 1) {
         this.videoDom.appendChild(trackEl);