unified-video-framework 1.4.99 → 1.4.101

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "unified-video-framework",
-  "version": "1.4.99",
+  "version": "1.4.101",
   "description": "Cross-platform video player framework supporting iOS, Android, Web, Smart TVs (Samsung/LG), Roku, and more",
   "main": "packages/core/dist/index.js",
   "types": "packages/core/dist/index.d.ts",

package/packages/web/dist/WebPlayer.d.ts

@@ -124,6 +124,7 @@ export declare class WebPlayer extends BasePlayer {
     private setupFullscreenListeners;
     private updateTimeTooltip;
     private hideTimeTooltip;
+    private updateProgressTooltip;
     private showShortcutIndicator;
     setSettingsScrollbarStyle(mode: 'default' | 'compact' | 'overlay'): void;
     setSettingsScrollbarConfig(options: {

package/packages/web/dist/WebPlayer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WebPlayer.d.ts","sourceRoot":"","sources":["../src/WebPlayer.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"WebPlayer.d.ts","sourceRoot":"","sources":["../src/WebPlayer.ts"],"names":[],"mappings":"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"}

package/packages/web/dist/WebPlayer.js

@@ -1543,14 +1543,24 @@ export class WebPlayer extends BasePlayer {
         to { transform: rotate(360deg); }
       }
       
+      /* Center Play Button Container */
+      .uvf-center-play-container {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        pointer-events: none;
+        z-index: 8;
+      }
+      
       /* Center Play Button */
       .uvf-center-play-btn {
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        transform: translate(-50%, -50%);
-        width: clamp(64px, 14vw, 96px);
-        height: clamp(64px, 14vw, 96px);
+        width: clamp(50px, 14vw, 96px);
+        height: clamp(50px, 14vw, 96px);
         background: linear-gradient(135deg, var(--uvf-accent-1), var(--uvf-accent-2));
         border: 0;
         border-radius: 50%;
@@ -1558,15 +1568,15 @@ export class WebPlayer extends BasePlayer {
         align-items: center;
         justify-content: center;
         cursor: pointer;
+        pointer-events: auto;
         transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
-        z-index: 8;
         opacity: 1;
         visibility: visible;
         box-shadow: 0 8px 28px var(--uvf-accent-1-20);
       }
       
       .uvf-center-play-btn:hover {
-        transform: translate(-50%, -50%) scale(1.06);
+        transform: scale(1.06);
         filter: saturate(1.08) brightness(1.05);
         box-shadow: 0 12px 36px var(--uvf-accent-1-20);
       }
@@ -1574,7 +1584,7 @@ export class WebPlayer extends BasePlayer {
       .uvf-center-play-btn.hidden {
         opacity: 0 !important;
         visibility: hidden !important;
-        transform: translate(-50%, -50%) scale(0.8) !important;
+        transform: scale(0.8) !important;
         pointer-events: none !important;
         transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
       }
@@ -1640,22 +1650,24 @@ export class WebPlayer extends BasePlayer {
       
       /* Progress Bar */
       .uvf-progress-section {
+        width: 100%;
         margin-bottom: 15px;
       }
       
       .uvf-progress-bar-wrapper {
-        position: relative;
         width: 100%;
-        height: 6px;
-        background: rgba(255,255,255,0.1);
-        border-radius: 3px;
+        height: 5px;
+        position: relative;
+        background: rgba(255,255,255,0.15);
+        border-radius: 2px;
         cursor: pointer;
+        padding: 12px 0;
         overflow: visible;
-        transition: transform 0.2s ease;
+        transition: height 0.2s ease;
       }
       
       .uvf-progress-bar-wrapper:hover {
-        transform: scaleY(1.5);
+        height: 7px;
       }
       
       .uvf-progress-buffered {
@@ -1663,39 +1675,106 @@ export class WebPlayer extends BasePlayer {
         top: 0;
         left: 0;
         height: 100%;
-        background: rgba(255,255,255,0.2);
-        border-radius: 3px;
+        background: rgba(255,255,255,0.3);
+        border-radius: 2px;
         pointer-events: none;
+        transition: width 0.2s ease;
+        z-index: 1;
       }
       
       .uvf-progress-filled {
-        position: absolute;
-        top: 0;
-        left: 0;
+        position: relative;
         height: 100%;
-        background: linear-gradient(90deg, var(--uvf-accent-1), var(--uvf-accent-2));
-        border-radius: 3px;
+        background: linear-gradient(90deg, #ff5722, #ff7043);
+        border-radius: 2px;
         pointer-events: none;
-        box-shadow: 0 0 10px var(--uvf-accent-1-20);
+        transition: width 0.2s ease;
+        z-index: 2;
       }
       
       .uvf-progress-handle {
         position: absolute;
-        top: 50%;
-        transform: translate(-50%, -50%) scale(0);
-        width: 16px;
-        height: 16px;
-        background: #fff;
+        width: 14px;
+        height: 14px;
+        background: #ffffff;
+        border: 2px solid #ff5722;
         border-radius: 50%;
-        box-shadow: 0 0 15px rgba(255,255,255,0.5);
-        transition: transform 0.2s ease;
-        pointer-events: none;
+        top: 50%;
+        left: 100%;
+        transform: translate(-50%, -50%) scale(0.8);
+        opacity: 0;
+        transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
+        cursor: grab;
+        z-index: 3;
       }
       
       .uvf-progress-bar-wrapper:hover .uvf-progress-handle {
+        opacity: 1;
         transform: translate(-50%, -50%) scale(1);
       }
       
+      .uvf-progress-handle:hover {
+        transform: translate(-50%, -50%) scale(1.2);
+      }
+      
+      .uvf-progress-handle:active,
+      .uvf-progress-handle.dragging {
+        cursor: grabbing;
+        transform: translate(-50%, -50%) scale(1.4);
+        box-shadow: 0 4px 16px rgba(255, 87, 34, 0.6);
+      }
+      
+      .uvf-time-tooltip {
+        position: absolute;
+        bottom: 22px;
+        left: 50%;
+        transform: translateX(-50%);
+        background: rgba(0, 0, 0, 0.92);
+        color: #ffffff;
+        padding: 6px 12px;
+        border-radius: 6px;
+        font-size: 13px;
+        font-weight: 500;
+        white-space: nowrap;
+        opacity: 0;
+        transition: opacity 0.2s ease;
+        pointer-events: none;
+        z-index: 4;
+        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
+        backdrop-filter: blur(10px);
+      }
+      
+      .uvf-time-tooltip::after {
+        content: '';
+        position: absolute;
+        bottom: -5px;
+        left: 50%;
+        transform: translateX(-50%);
+        width: 0;
+        height: 0;
+        border-left: 6px solid transparent;
+        border-right: 6px solid transparent;
+        border-top: 6px solid rgba(0, 0, 0, 0.92);
+      }
+      
+      .uvf-progress-bar-wrapper:hover .uvf-time-tooltip {
+        opacity: 1;
+      }
+      
+      /* Mobile responsive handle sizing */
+      @media (max-width: 768px) {
+        .uvf-progress-handle {
+          width: 18px;
+          height: 18px;
+          opacity: 0.8; /* Slightly visible always on mobile */
+        }
+        
+        .uvf-progress-bar-wrapper:hover .uvf-progress-handle,
+        .uvf-progress-handle:active {
+          opacity: 1;
+        }
+      }
       /* Controls Row */
       .uvf-controls-row {
         display: flex;
@@ -2675,7 +2754,7 @@ export class WebPlayer extends BasePlayer {
         }
         
         .uvf-center-play-btn:hover {
-          transform: translate(-50%, -50%) scale(1.06);
+          transform: scale(1.06);
           filter: saturate(1.08) brightness(1.05);
           box-shadow: 0 14px 36px var(--uvf-accent-1-20);
         }
@@ -2974,7 +3053,7 @@ export class WebPlayer extends BasePlayer {
         }
         
         .uvf-center-play-btn:hover {
-          transform: translate(-50%, -50%) scale(1.06);
+          transform: scale(1.06);
           filter: saturate(1.08) brightness(1.05);
           box-shadow: 0 12px 32px var(--uvf-accent-1-20);
         }
@@ -3146,7 +3225,7 @@ export class WebPlayer extends BasePlayer {
         }
         
         .uvf-center-play-btn:hover {
-          transform: translate(-50%, -50%) scale(1.06);
+          transform: scale(1.06);
           filter: saturate(1.08) brightness(1.05);
           box-shadow: 0 12px 36px var(--uvf-accent-1-20);
         }
@@ -3242,15 +3321,15 @@ export class WebPlayer extends BasePlayer {
         }
         
         .uvf-center-play-btn {
-          width: clamp(90px, 14vw, 110px);
-          height: clamp(90px, 14vw, 110px);
+          width: clamp(90px, 14vw, 60px);
+          height: clamp(90px, 14vw, 60px);
           background: linear-gradient(135deg, var(--uvf-accent-1), var(--uvf-accent-2));
           border: 0;
           box-shadow: 0 10px 32px var(--uvf-accent-1-20);
         }
         
         .uvf-center-play-btn:hover {
-          transform: translate(-50%, -50%) scale(1.06);
+          transform: scale(1.06);
           filter: saturate(1.08) brightness(1.05);
           box-shadow: 0 16px 40px var(--uvf-accent-1-20);
         }
@@ -3549,11 +3628,14 @@ export class WebPlayer extends BasePlayer {
         loadingContainer.id = 'uvf-loading';
         loadingContainer.innerHTML = '<div class="uvf-loading-spinner"></div>';
         container.appendChild(loadingContainer);
+        const centerPlayContainer = document.createElement('div');
+        centerPlayContainer.className = 'uvf-center-play-container';
         const centerPlayBtn = document.createElement('div');
         centerPlayBtn.className = 'uvf-center-play-btn uvf-pulse';
         centerPlayBtn.id = 'uvf-center-play';
         centerPlayBtn.innerHTML = '<svg viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg>';
-        container.appendChild(centerPlayBtn);
+        centerPlayContainer.appendChild(centerPlayBtn);
+        container.appendChild(centerPlayContainer);
         const shortcutIndicator = document.createElement('div');
         shortcutIndicator.className = 'uvf-shortcut-indicator';
         shortcutIndicator.id = 'uvf-shortcut-indicator';
@@ -3568,8 +3650,15 @@ export class WebPlayer extends BasePlayer {
         progressBar.id = 'uvf-progress-bar';
         progressBar.innerHTML = `
       <div class="uvf-progress-buffered" id="uvf-progress-buffered"></div>
-      <div class="uvf-progress-filled" id="uvf-progress-filled"></div>
-      <div class="uvf-progress-handle" id="uvf-progress-handle"></div>
+      <div class="uvf-progress-filled" id="uvf-progress-filled">
+        <div class="uvf-progress-handle" id="uvf-progress-handle" 
+             role="slider" 
+             tabindex="0" 
+             aria-label="Seek" 
+             aria-valuemin="0" 
+             aria-valuemax="100" 
+             aria-valuenow="0"></div>
+      </div>
       <div class="uvf-time-tooltip" id="uvf-time-tooltip">00:00</div>
     `;
         progressSection.appendChild(progressBar);
@@ -3784,12 +3873,58 @@ export class WebPlayer extends BasePlayer {
             e.stopPropagation();
             this.handleVolumeChange(e);
         });
+        const progressHandle = document.getElementById('uvf-progress-handle');
+        const timeTooltip = document.getElementById('uvf-time-tooltip');
+        progressBar?.addEventListener('click', (e) => {
+            if (!this.isDragging) {
+                this.handleProgressChange(e);
+            }
+        });
+        progressHandle?.addEventListener('mousedown', (e) => {
+            e.stopPropagation();
+            this.isDragging = true;
+            progressHandle.classList.add('dragging');
+        });
+        progressHandle?.addEventListener('keydown', (e) => {
+            if (!this.video)
+                return;
+            const step = 5;
+            let handled = false;
+            switch (e.key) {
+                case 'ArrowLeft':
+                case 'ArrowDown':
+                    this.seek(Math.max(0, this.video.currentTime - step));
+                    handled = true;
+                    break;
+                case 'ArrowRight':
+                case 'ArrowUp':
+                    this.seek(Math.min(this.video.duration, this.video.currentTime + step));
+                    handled = true;
+                    break;
+            }
+            if (handled) {
+                e.preventDefault();
+                e.stopPropagation();
+            }
+        });
+        progressBar?.addEventListener('mousedown', (e) => {
+            if (e.target === progressHandle)
+                return;
+            this.isDragging = true;
+            this.handleProgressChange(e);
+        });
+        progressBar?.addEventListener('mousemove', (e) => {
+            if (!this.isDragging) {
+                this.updateTimeTooltip(e);
+            }
+        });
         document.addEventListener('mousemove', (e) => {
             if (this.isVolumeSliding) {
                 this.handleVolumeChange(e);
             }
             if (this.isDragging && progressBar) {
                 this.handleProgressChange(e);
+                this.updateProgressTooltip(e);
             }
         });
         document.addEventListener('mouseup', () => {
@@ -3801,18 +3936,20 @@ export class WebPlayer extends BasePlayer {
                     }
                 }, 2000);
             }
-            this.isDragging = false;
+            if (this.isDragging) {
+                this.isDragging = false;
+                progressHandle?.classList.remove('dragging');
+            }
         });
-        progressBar?.addEventListener('click', (e) => this.handleProgressChange(e));
-        progressBar?.addEventListener('mousedown', () => this.isDragging = true);
         this.video.addEventListener('timeupdate', () => {
             const progressFilled = document.getElementById('uvf-progress-filled');
             const progressHandle = document.getElementById('uvf-progress-handle');
-            const timeDisplay = document.getElementById('uvf-time-display');
-            if (this.video && progressFilled && progressHandle) {
+            if (this.video && progressFilled) {
                 const percent = (this.video.currentTime / this.video.duration) * 100;
                 progressFilled.style.width = percent + '%';
-                progressHandle.style.left = percent + '%';
+                if (progressHandle) {
+                    progressHandle.setAttribute('aria-valuenow', percent.toString());
+                }
             }
             this.updateTimeDisplay();
         });
@@ -3913,8 +4050,6 @@ export class WebPlayer extends BasePlayer {
                 this.scheduleHideControls();
             }
         });
-        progressBar?.addEventListener('mousemove', (e) => this.updateTimeTooltip(e));
-        progressBar?.addEventListener('mouseleave', () => this.hideTimeTooltip());
         const settingsMenu = document.getElementById('uvf-settings-menu');
         settingsBtn?.addEventListener('click', (e) => {
             e.stopPropagation();
@@ -4452,6 +4587,19 @@ export class WebPlayer extends BasePlayer {
             timeTooltip.style.opacity = '0';
         }
     }
+    updateProgressTooltip(e) {
+        const progressBar = document.getElementById('uvf-progress-bar');
+        const timeTooltip = document.getElementById('uvf-time-tooltip');
+        if (!progressBar || !timeTooltip || !this.video)
+            return;
+        const rect = progressBar.getBoundingClientRect();
+        const position = Math.max(0, Math.min(e.clientX - rect.left, rect.width));
+        const percent = (position / rect.width) * 100;
+        const time = (percent / 100) * this.video.duration;
+        timeTooltip.textContent = this.formatTime(time);
+        timeTooltip.style.left = percent + '%';
+        timeTooltip.style.opacity = '1';
+    }
     showShortcutIndicator(text) {
         const el = document.getElementById('uvf-shortcut-indicator');
         this.debugLog('showShortcutIndicator called with:', text, 'element found:', !!el);