unified-video-framework 1.4.255 → 1.4.256

package/packages/web/src/WebPlayer.ts

@@ -1574,52 +1574,138 @@ export class WebPlayer extends BasePlayer {
           this.debugWarn('setPlaybackQuality failed:', e);
         }
         
-        // Method 3: Force quality by pausing and resuming (more aggressive)
+        // Method 3: Force quality with seekTo trick (most aggressive)
         try {
+          const currentTime = this.youtubePlayer.getCurrentTime();
           const wasPlaying = this.youtubePlayer.getPlayerState() === window.YT.PlayerState.PLAYING;
-          if (wasPlaying) {
-            this.youtubePlayer.pauseVideo();
+          
+          // Seek to current time + 0.1 seconds to force reload with new quality
+          this.youtubePlayer.seekTo(currentTime + 0.1, true);
+          
+          // Set quality immediately after seek
+          setTimeout(() => {
+            this.youtubePlayer.setPlaybackQuality(qualityLevel);
+            
+            // Seek back to original time
             setTimeout(() => {
-              this.youtubePlayer.setPlaybackQuality(qualityLevel);
-              this.youtubePlayer.playVideo();
+              this.youtubePlayer.seekTo(currentTime, true);
+              if (!wasPlaying) {
+                this.youtubePlayer.pauseVideo();
+              }
             }, 100);
-          }
+          }, 50);
+          
+          this.debugLog('🔄 Applied seekTo trick for quality change');
         } catch (e) {
-          this.debugWarn('Force quality change with pause/play failed:', e);
+          this.debugWarn('Force quality change with seekTo trick failed:', e);
         }
       }
       
-      // Verify quality was changed after a delay
-      setTimeout(() => {
-        try {
-          const currentQuality = this.youtubePlayer.getPlaybackQuality();
-          this.youtubeCurrentQuality = qualityMap[currentQuality] || qualityMap['auto'];
-          
-          this.debugLog('📊 Current quality after set:', currentQuality, '(', this.youtubeCurrentQuality?.label, ')');
-          
-          // Show notification with result - be more user-friendly
-          if (currentQuality === qualityLevel) {
+      // Verify quality was changed after multiple delays with retry logic
+      this.verifyYouTubeQualityChange(qualityLevel, qualityMap, 0);
+    } catch (error) {
+      this.debugWarn('❌ Could not set YouTube quality:', error);
+      this.showNotification('Quality control limited on YouTube');
+    }
+  }
+  
+  /**
+   * Verify YouTube quality change with retry logic
+   */
+  private verifyYouTubeQualityChange(requestedQuality: string, qualityMap: Record<string, any>, attempt: number): void {
+    const maxAttempts = 3;
+    const delays = [500, 1500, 3000]; // Progressive delays
+    
+    setTimeout(() => {
+      try {
+        const currentQuality = this.youtubePlayer.getPlaybackQuality();
+        this.youtubeCurrentQuality = qualityMap[currentQuality] || qualityMap['auto'];
+        
+        this.debugLog('🔍 Quality verification attempt', attempt + 1, '- Requested:', requestedQuality, '| Current:', currentQuality);
+        
+        if (currentQuality === requestedQuality || attempt >= maxAttempts - 1) {
+          // Success or final attempt
+          if (currentQuality === requestedQuality) {
             this.showNotification(`Quality: ${qualityMap[currentQuality]?.label || 'requested quality'}`);
-            this.debugLog('✅ Quality successfully changed to:', qualityLevel);
+            this.debugLog('✅ Quality successfully changed to:', requestedQuality);
           } else {
-            // Don't show "YouTube optimized" message to users - it's confusing
+            // Try one more aggressive method on final attempt
+            if (attempt === maxAttempts - 1) {
+              this.debugLog('🔥 Final attempt: Trying loadVideoById method');
+              try {
+                const videoData = this.youtubePlayer.getVideoData();
+                const currentTime = this.youtubePlayer.getCurrentTime();
+                
+                // Reload video at current time with suggested quality
+                this.youtubePlayer.loadVideoById({
+                  videoId: videoData.video_id,
+                  startSeconds: currentTime,
+                  suggestedQuality: requestedQuality
+                });
+                
+                this.debugLog('🔄 Video reloaded with suggested quality:', requestedQuality);
+              } catch (e) {
+                this.debugWarn('loadVideoById method failed:', e);
+              }
+            }
+            
             this.showNotification(`Quality: ${qualityMap[currentQuality]?.label || currentQuality}`);
-            this.debugLog('⚠️ Requested quality:', qualityLevel, '| Actual quality:', currentQuality, '(YouTube may have optimized)');
+            this.debugLog('⚠️ Quality change may not have worked. Requested:', requestedQuality, '| Current:', currentQuality);
           }
           
-          // Update quality badge
+          // Update UI regardless
           this.updateQualityBadge();
+          this.updateSettingsMenu();
+        } else {
+          // Retry with more aggressive method
+          this.debugLog('🔁 Quality not changed, retrying with method', attempt + 2);
+          this.retryYouTubeQualityChange(requestedQuality, qualityMap, attempt + 1);
           
-          // Update settings menu UI
+          // Still verify after delay
+          this.verifyYouTubeQualityChange(requestedQuality, qualityMap, attempt + 1);
+        }
+      } catch (verifyError) {
+        this.debugWarn('Could not verify YouTube quality:', verifyError);
+        if (attempt === maxAttempts - 1) {
+          this.showNotification('Quality change attempted');
+          this.updateQualityBadge();
           this.updateSettingsMenu();
-        } catch (verifyError) {
-          this.debugWarn('Could not verify YouTube quality:', verifyError);
         }
-      }, 1000);
-      
-    } catch (error) {
-      this.debugWarn('❌ Could not set YouTube quality:', error);
-      this.showNotification('Quality control limited on YouTube');
+      }
+    }, delays[attempt] || 1000);
+  }
+  
+  /**
+   * Retry YouTube quality change with alternative methods
+   */
+  private retryYouTubeQualityChange(qualityLevel: string, qualityMap: Record<string, any>, attempt: number): void {
+    try {
+      if (attempt === 1) {
+        // Second attempt: Try with video restart
+        this.debugLog('🔄 Retry attempt 1: Using cueVideoById');
+        const videoData = this.youtubePlayer.getVideoData();
+        const currentTime = this.youtubePlayer.getCurrentTime();
+        
+        this.youtubePlayer.cueVideoById({
+          videoId: videoData.video_id,
+          startSeconds: currentTime,
+          suggestedQuality: qualityLevel
+        });
+        
+        setTimeout(() => this.youtubePlayer.playVideo(), 100);
+        
+      } else if (attempt === 2) {
+        // Third attempt: Multiple sequential calls
+        this.debugLog('🔄 Retry attempt 2: Multiple sequential calls');
+        
+        for (let i = 0; i < 3; i++) {
+          setTimeout(() => {
+            this.youtubePlayer.setPlaybackQuality(qualityLevel);
+          }, i * 100);
+        }
+      }
+    } catch (e) {
+      this.debugWarn('Retry attempt', attempt, 'failed:', e);
     }
   }