feat: 播放器界面优化日志

Taois · Taois · commit 921d85241c79 · 2025-10-01T19:35:26.000+08:00
diff --git a/dashboard/src/components/players/ArtVideoPlayer.vue b/dashboard/src/components/players/ArtVideoPlayer.vue
@@ -568,13 +568,11 @@ const initArtPlayer = async (url) => {
     })
 
     art.on('video:loadstart', () => {
-      console.log('开始加载视频')
       // 重置片头片尾跳过状态
       resetSkipState()
     })
 
     art.on('video:canplay', () => {
-      console.log('视频可以播放')
       // 视频可以播放时，重置重连计数器
       resetRetryState()
       // 应用片头片尾设置
@@ -595,7 +593,6 @@ const initArtPlayer = async (url) => {
     })
 
     art.on('video:playing', () => {
-      console.log('视频开始播放')
       // 视频开始播放时，重置重连计数器
       resetRetryState()
       
@@ -615,8 +612,6 @@ const initArtPlayer = async (url) => {
 
     // 监听全屏状态变化
     art.on('fullscreen', (isFullscreen) => {
-      console.log('全屏状态变化:', isFullscreen)
-      
       // 标记全屏状态开始变化
       onFullscreenChangeStart()
       
@@ -751,7 +746,6 @@ const handleRetry = (url) => {
 const resetRetryState = () => {
   retryCount.value = 0
   isRetrying.value = false
-  console.log('重连状态已重置')
 }
 
 // 计算动态高度
@@ -829,13 +823,11 @@ const cancelAutoNext = () => {
 // 立即播放下一集
 const playNextEpisode = () => {
   if (!hasNextEpisode()) {
-    console.log('已经是最后一集')
     Message.info('已经是最后一集了')
     return
   }
   
   const nextEpisode = getNextEpisode()
-  console.log('播放下一集:', nextEpisode.name)
   
   // 清理倒计时
   cancelAutoNext()
@@ -850,7 +842,6 @@ const playNextEpisode = () => {
 // 切换自动下一集开关
 const toggleAutoNext = () => {
   autoNextEnabled.value = !autoNextEnabled.value
-  console.log('自动下一集开关:', autoNextEnabled.value ? '开启' : '关闭')
   
   if (!autoNextEnabled.value) {
     cancelAutoNext()
diff --git a/dashboard/src/components/players/VideoPlayer.vue b/dashboard/src/components/players/VideoPlayer.vue
@@ -288,14 +288,11 @@ const isDirectVideoLink = (url) => {
 const initVideoPlayer = (url) => {
   if (!videoPlayer.value || !url) return
   
-  console.log('初始化视频播放器:', url)
-  
   // 重置片头片尾跳过状态
   resetSkipState()
   
   // 首先判断链接类型
   if (!isDirectVideoLink(url)) {
-    console.log('检测到网页链接，在新窗口打开:', url)
     Message.info('检测到网页链接，正在新窗口打开...')
     window.open(url, '_blank')
     emit('close') // 关闭播放器
@@ -312,11 +309,8 @@ const initVideoPlayer = (url) => {
   
   // 视频结束事件处理函数
   const handleVideoEnded = () => {
-    console.log('视频播放结束')
-    
     // 防抖：如果正在处理自动连播，则忽略
     if (isProcessingAutoNext.value) {
-      console.log('正在处理自动连播，忽略重复的ended事件')
       return
     }
     
@@ -402,12 +396,10 @@ const initVideoPlayer = (url) => {
     }
   } else {
     // 处理其他格式的视频（mp4, webm, avi等）
-    console.log('播放普通视频格式:', url)
     video.src = url
     
     // 添加事件监听器
     const handleLoadedMetadata = () => {
-      console.log('视频元数据加载完成，开始播放')
       video.play().catch(err => {
         console.warn('自动播放失败:', err)
         Message.warning('自动播放失败，请手动点击播放')
@@ -422,7 +414,6 @@ const initVideoPlayer = (url) => {
       
       // 如果播放失败，再次检查是否为网页链接
       if (!isDirectVideoLink(url)) {
-        console.log('播放失败，检测到可能是网页链接，在新窗口打开:', url)
         Message.info('视频播放失败，检测到网页链接，正在新窗口打开...')
         window.open(url, '_blank')
         emit('close') // 关闭播放器
@@ -433,13 +424,11 @@ const initVideoPlayer = (url) => {
     }
     
     const handleLoadStart = () => {
-      console.log('开始加载视频')
       // 重置片头片尾跳过状态
       resetSkipState()
     }
     
     const handlePlaying = () => {
-      console.log('视频开始播放')
       // 延迟一点应用跳过设置，确保视频已经开始播放
       setTimeout(() => {
         applySkipSettings()
diff --git a/dashboard/src/composables/useSkipSettings.js b/dashboard/src/composables/useSkipSettings.js
@@ -102,46 +102,29 @@ export function useSkipSettings(options = {}) {
    * 立即应用片头跳过逻辑（用于视频刚开始播放时）
    */
   const applyIntroSkipImmediate = () => {
-    console.log('applyIntroSkipImmediate 被调用')
-    
-    if (!skipIntroEnabled.value) {
-      console.log('片头跳过未启用')
-      return
-    }
-    
-    if (skipIntroApplied.value) {
-      console.log('片头跳过已应用，跳过')
-      return
+    if (!skipIntroEnabled.value || skipIntroApplied.value) {
+      return false
     }
 
     const currentTime = getCurrentTime()
     const now = Date.now()
     
     // 检查用户是否正在拖动或刚刚拖动过（3秒内）
     if (userSeeking.value || (lastUserSeekTime.value > 0 && now - lastUserSeekTime.value < 3000)) {
-      console.log('用户正在拖动进度条或刚刚拖动过，跳过自动片头跳过')
-      return
-    }
-    
-    // 检查是否正在全屏切换或刚刚切换过（2秒内）
-    if (isFullscreenChanging.value || (lastFullscreenChangeTime.value > 0 && now - lastFullscreenChangeTime.value < 2000)) {
-      console.log('正在全屏切换或刚刚切换过，跳过自动片头跳过')
-      return
+      return false
     }
     
     // 检查是否正在全屏切换或刚刚切换过（2秒内）
     if (isFullscreenChanging.value || (lastFullscreenChangeTime.value > 0 && now - lastFullscreenChangeTime.value < 2000)) {
-      console.log('正在全屏切换或刚刚切换过，跳过自动片头跳过')
-      return
+      return false
     }
     
     // 立即跳过模式：如果当前时间很小（小于等于1秒）且在片头跳过范围内，立即跳过
     if (currentTime <= 1 && currentTime <= skipIntroSeconds.value) {
-      console.log(`立即跳过片头：从 ${currentTime} 秒跳转到 ${skipIntroSeconds.value} 秒`)
+      console.log(`立即跳过片头：从 ${currentTime.toFixed(1)}s 跳转到 ${skipIntroSeconds.value}s`)
       setCurrentTime(skipIntroSeconds.value)
       skipIntroApplied.value = true
       lastSkipTime.value = now
-      console.log(`已立即跳过片头 ${skipIntroSeconds.value} 秒`)
       return true // 返回 true 表示已执行跳过
     }
     
@@ -152,21 +135,7 @@ export function useSkipSettings(options = {}) {
    * 应用片头跳过逻辑
    */
   const applyIntroSkip = () => {
-    console.log('applyIntroSkip 被调用', {
-      skipIntroEnabled: skipIntroEnabled.value,
-      skipIntroApplied: skipIntroApplied.value,
-      currentTime: getCurrentTime(),
-      skipIntroSeconds: skipIntroSeconds.value,
-      userSeeking: userSeeking.value
-    })
-    
-    if (!skipIntroEnabled.value) {
-      console.log('片头跳过未启用')
-      return
-    }
-    
-    if (skipIntroApplied.value) {
-      console.log('片头跳过已应用，跳过')
+    if (!skipIntroEnabled.value || skipIntroApplied.value) {
       return
     }
 
@@ -175,32 +144,25 @@ export function useSkipSettings(options = {}) {
     
     // 检查用户是否正在拖动或刚刚拖动过（3秒内）
     if (userSeeking.value || (lastUserSeekTime.value > 0 && now - lastUserSeekTime.value < 3000)) {
-      console.log('用户正在拖动进度条或刚刚拖动过，跳过自动片头跳过')
       return
     }
     
     // 检查是否正在全屏切换或刚刚切换过（2秒内）
     if (isFullscreenChanging.value || (lastFullscreenChangeTime.value > 0 && now - lastFullscreenChangeTime.value < 2000)) {
-      console.log('正在全屏切换或刚刚切换过，跳过自动片头跳过')
       return
     }
     
     // 防抖：如果距离上次跳过不足1秒，则忽略（但如果是新视频，lastSkipTime为0，允许跳过）
-    // 减少防抖时间，提高响应速度
     if (lastSkipTime.value > 0 && now - lastSkipTime.value < 1000) {
-      console.log('防抖限制，跳过')
       return
     }
     
     // 如果当前时间在片头跳过范围内，则跳过
     if (currentTime <= skipIntroSeconds.value) {
-      console.log(`准备跳过片头：从 ${currentTime} 秒跳转到 ${skipIntroSeconds.value} 秒`)
+      console.log(`已跳过片头：从 ${currentTime.toFixed(1)}s 跳转到 ${skipIntroSeconds.value}s`)
       setCurrentTime(skipIntroSeconds.value)
       skipIntroApplied.value = true
       lastSkipTime.value = now
-      console.log(`已跳过片头 ${skipIntroSeconds.value} 秒`)
-    } else {
-      console.log(`当前时间 ${currentTime} 秒已超过片头跳过范围 ${skipIntroSeconds.value} 秒`)
     }
   }
 
@@ -247,19 +209,29 @@ export function useSkipSettings(options = {}) {
     applyOutroSkip()
   }
 
+  // 防抖变量
+  let timeUpdateDebounceTimer = null
+  
   /**
    * 处理时间更新事件
    */
   const handleTimeUpdate = () => {
-    // 应用片头跳过（仅在未应用时）
-    if (skipIntroEnabled.value && !skipIntroApplied.value) {
-      applyIntroSkip()
+    // 防抖：减少频繁调用，每200ms最多执行一次
+    if (timeUpdateDebounceTimer) {
+      clearTimeout(timeUpdateDebounceTimer)
     }
+    
+    timeUpdateDebounceTimer = setTimeout(() => {
+      // 应用片头跳过（仅在未应用时）
+      if (skipIntroEnabled.value && !skipIntroApplied.value) {
+        applyIntroSkip()
+      }
 
-    // 应用片尾跳过（仅在未应用时）
-    if (skipOutroEnabled.value && !skipOutroApplied.value) {
-      applyOutroSkip()
-    }
+      // 应用片尾跳过（仅在未应用时）
+      if (skipOutroEnabled.value && !skipOutroApplied.value) {
+        applyOutroSkip()
+      }
+    }, 200)
   }
 
   /**
