vidply 1.0.9 → 1.0.10

package/dist/vidply.min.meta.json

@@ -11,7 +11,7 @@
       "format": "esm"
     },
     "src/i18n/translations.js": {
-      "bytes": 22623,
+      "bytes": 26879,
       "imports": [],
       "format": "esm"
     },
@@ -43,7 +43,7 @@
       "format": "esm"
     },
     "src/controls/ControlBar.js": {
-      "bytes": 75033,
+      "bytes": 75511,
       "imports": [
         {
           "path": "src/utils/DOMUtils.js",
@@ -99,8 +99,13 @@
       "imports": [],
       "format": "esm"
     },
+    "src/utils/DraggableResizable.js": {
+      "bytes": 24698,
+      "imports": [],
+      "format": "esm"
+    },
     "src/controls/TranscriptManager.js": {
-      "bytes": 69891,
+      "bytes": 63077,
       "imports": [
         {
           "path": "src/utils/DOMUtils.js",
@@ -126,6 +131,11 @@
           "path": "src/utils/StorageManager.js",
           "kind": "import-statement",
           "original": "../utils/StorageManager.js"
+        },
+        {
+          "path": "src/utils/DraggableResizable.js",
+          "kind": "import-statement",
+          "original": "../utils/DraggableResizable.js"
         }
       ],
       "format": "esm"
@@ -157,7 +167,7 @@
       "format": "esm"
     },
     "src/core/Player.js": {
-      "bytes": 139352,
+      "bytes": 130878,
       "imports": [
         {
           "path": "src/utils/EventEmitter.js",
@@ -223,6 +233,11 @@
           "path": "src/utils/StorageManager.js",
           "kind": "import-statement",
           "original": "../utils/StorageManager.js"
+        },
+        {
+          "path": "src/utils/DraggableResizable.js",
+          "kind": "import-statement",
+          "original": "../utils/DraggableResizable.js"
         }
       ],
       "format": "esm"
@@ -279,7 +294,7 @@
           "bytesInOutput": 1581
         },
         "src/i18n/translations.js": {
-          "bytesInOutput": 19801
+          "bytesInOutput": 24492
         },
         "src/i18n/i18n.js": {
           "bytesInOutput": 720
@@ -291,7 +306,7 @@
           "bytesInOutput": 10590
         },
         "src/controls/ControlBar.js": {
-          "bytesInOutput": 36459
+          "bytesInOutput": 36758
         },
         "src/utils/StorageManager.js": {
           "bytesInOutput": 1606
@@ -302,11 +317,14 @@
         "src/controls/KeyboardManager.js": {
           "bytesInOutput": 3738
         },
+        "src/utils/DraggableResizable.js": {
+          "bytesInOutput": 13781
+        },
         "src/controls/TranscriptManager.js": {
-          "bytesInOutput": 36165
+          "bytesInOutput": 33381
         },
         "src/core/Player.js": {
-          "bytesInOutput": 47003
+          "bytesInOutput": 43999
         },
         "src/renderers/YouTubeRenderer.js": {
           "bytesInOutput": 4140
@@ -321,7 +339,7 @@
           "bytesInOutput": 8100
         }
       },
-      "bytes": 191533
+      "bytes": 204514
     }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vidply",
-  "version": "1.0.9",
+  "version": "1.0.10",
   "description": "Universal, accessible video & audio player with ES6 modules",
   "type": "module",
   "main": "dist/vidply.js",

package/src/controls/ControlBar.js

@@ -712,12 +712,9 @@ export class ControlBar {
             }
         });
 
-        // Current time - visual text hidden, only aria-label announced
+        // Current time - visual text hidden, accessible text provided via sr-only span
         this.controls.currentTimeDisplay = DOMUtils.createElement('span', {
-            className: `${this.player.options.classPrefix}-current-time`,
-            attributes: {
-                'aria-label': i18n.t('time.seconds', { count: 0 })
-            }
+            className: `${this.player.options.classPrefix}-current-time`
         });
         
         // Create visual text inside, hidden from screen readers
@@ -727,8 +724,15 @@ export class ControlBar {
                 'aria-hidden': 'true'
             }
         });
+        const currentTimeAccessible = DOMUtils.createElement('span', {
+            className: 'vidply-sr-only',
+            textContent: i18n.t('time.seconds', { count: 0 })
+        });
+
         this.controls.currentTimeDisplay.appendChild(currentTimeVisual);
+        this.controls.currentTimeDisplay.appendChild(currentTimeAccessible);
         this.controls.currentTimeVisual = currentTimeVisual;
+        this.controls.currentTimeAccessible = currentTimeAccessible;
 
         const separator = DOMUtils.createElement('span', {
             textContent: ' / ',
@@ -737,12 +741,9 @@ export class ControlBar {
             }
         });
 
-        // Duration - visual text hidden, only aria-label announced
+        // Duration - visual text hidden, accessible text provided via sr-only span
         this.controls.durationDisplay = DOMUtils.createElement('span', {
-            className: `${this.player.options.classPrefix}-duration`,
-            attributes: {
-                'aria-label': i18n.t('time.durationPrefix') + i18n.t('time.seconds', { count: 0 })
-            }
+            className: `${this.player.options.classPrefix}-duration`
         });
         
         // Create visual text inside, hidden from screen readers
@@ -752,8 +753,15 @@ export class ControlBar {
                 'aria-hidden': 'true'
             }
         });
+        const durationAccessible = DOMUtils.createElement('span', {
+            className: 'vidply-sr-only',
+            textContent: i18n.t('time.durationPrefix') + i18n.t('time.seconds', { count: 0 })
+        });
+
         this.controls.durationDisplay.appendChild(durationVisual);
+        this.controls.durationDisplay.appendChild(durationAccessible);
         this.controls.durationVisual = durationVisual;
+        this.controls.durationAccessible = durationAccessible;
 
         container.appendChild(this.controls.currentTimeDisplay);
         container.appendChild(separator);
@@ -1831,8 +1839,9 @@ export class ControlBar {
             const currentTime = this.player.state.currentTime;
             // Update visual text (hidden from screen readers)
             this.controls.currentTimeVisual.textContent = TimeUtils.formatTime(currentTime);
-            // Update aria-label with human-readable format
-            this.controls.currentTimeDisplay.setAttribute('aria-label', TimeUtils.formatDuration(currentTime));
+            if (this.controls.currentTimeAccessible) {
+                this.controls.currentTimeAccessible.textContent = TimeUtils.formatDuration(currentTime);
+            }
         }
     }
 
@@ -1841,8 +1850,9 @@ export class ControlBar {
             const duration = this.player.state.duration;
             // Update visual text (hidden from screen readers)
             this.controls.durationVisual.textContent = TimeUtils.formatTime(duration);
-            // Update aria-label with human-readable format
-            this.controls.durationDisplay.setAttribute('aria-label', i18n.t('time.durationPrefix') + TimeUtils.formatDuration(duration));
+            if (this.controls.durationAccessible) {
+                this.controls.durationAccessible.textContent = i18n.t('time.durationPrefix') + TimeUtils.formatDuration(duration);
+            }
         }
     }