vidply 1.0.6 → 1.0.8

package/dist/vidply.min.meta.json

@@ -11,7 +11,7 @@
       "format": "esm"
     },
     "src/i18n/translations.js": {
-      "bytes": 17011,
+      "bytes": 22406,
       "imports": [],
       "format": "esm"
     },
@@ -38,12 +38,12 @@
       "format": "esm"
     },
     "src/icons/Icons.js": {
-      "bytes": 12539,
+      "bytes": 12746,
       "imports": [],
       "format": "esm"
     },
     "src/controls/ControlBar.js": {
-      "bytes": 74720,
+      "bytes": 75033,
       "imports": [
         {
           "path": "src/utils/DOMUtils.js",
@@ -68,8 +68,13 @@
       ],
       "format": "esm"
     },
+    "src/utils/StorageManager.js": {
+      "bytes": 3444,
+      "imports": [],
+      "format": "esm"
+    },
     "src/controls/CaptionManager.js": {
-      "bytes": 7467,
+      "bytes": 8830,
       "imports": [
         {
           "path": "src/utils/DOMUtils.js",
@@ -80,6 +85,11 @@
           "path": "src/i18n/i18n.js",
           "kind": "import-statement",
           "original": "../i18n/i18n.js"
+        },
+        {
+          "path": "src/utils/StorageManager.js",
+          "kind": "import-statement",
+          "original": "../utils/StorageManager.js"
         }
       ],
       "format": "esm"
@@ -90,7 +100,7 @@
       "format": "esm"
     },
     "src/controls/TranscriptManager.js": {
-      "bytes": 24133,
+      "bytes": 59186,
       "imports": [
         {
           "path": "src/utils/DOMUtils.js",
@@ -111,6 +121,11 @@
           "path": "src/i18n/i18n.js",
           "kind": "import-statement",
           "original": "../i18n/i18n.js"
+        },
+        {
+          "path": "src/utils/StorageManager.js",
+          "kind": "import-statement",
+          "original": "../utils/StorageManager.js"
         }
       ],
       "format": "esm"
@@ -142,7 +157,7 @@
       "format": "esm"
     },
     "src/core/Player.js": {
-      "bytes": 39618,
+      "bytes": 115999,
       "imports": [
         {
           "path": "src/utils/EventEmitter.js",
@@ -203,6 +218,11 @@
           "path": "src/i18n/i18n.js",
           "kind": "import-statement",
           "original": "../i18n/i18n.js"
+        },
+        {
+          "path": "src/utils/StorageManager.js",
+          "kind": "import-statement",
+          "original": "../utils/StorageManager.js"
         }
       ],
       "format": "esm"
@@ -247,10 +267,10 @@
       "entryPoint": "src/index.js",
       "inputs": {
         "src/renderers/HTML5Renderer.js": {
-          "bytesInOutput": 4670
+          "bytesInOutput": 4671
         },
         "src/index.js": {
-          "bytesInOutput": 1064
+          "bytesInOutput": 1070
         },
         "src/utils/EventEmitter.js": {
           "bytesInOutput": 436
@@ -259,7 +279,7 @@
           "bytesInOutput": 1581
         },
         "src/i18n/translations.js": {
-          "bytesInOutput": 13713
+          "bytesInOutput": 19604
         },
         "src/i18n/i18n.js": {
           "bytesInOutput": 720
@@ -268,22 +288,25 @@
           "bytesInOutput": 839
         },
         "src/icons/Icons.js": {
-          "bytesInOutput": 10407
+          "bytesInOutput": 10590
         },
         "src/controls/ControlBar.js": {
-          "bytesInOutput": 36374
+          "bytesInOutput": 36459
+        },
+        "src/utils/StorageManager.js": {
+          "bytesInOutput": 1606
         },
         "src/controls/CaptionManager.js": {
-          "bytesInOutput": 3599
+          "bytesInOutput": 4395
         },
         "src/controls/KeyboardManager.js": {
           "bytesInOutput": 3738
         },
         "src/controls/TranscriptManager.js": {
-          "bytesInOutput": 12461
+          "bytesInOutput": 31200
         },
         "src/core/Player.js": {
-          "bytesInOutput": 18100
+          "bytesInOutput": 38349
         },
         "src/renderers/YouTubeRenderer.js": {
           "bytesInOutput": 4140
@@ -298,7 +321,7 @@
           "bytesInOutput": 8100
         }
       },
-      "bytes": 130149
+      "bytes": 177717
     }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vidply",
-  "version": "1.0.6",
+  "version": "1.0.8",
   "description": "Universal, accessible video & audio player with ES6 modules",
   "type": "module",
   "main": "dist/vidply.js",
@@ -50,7 +50,7 @@
     "access": "public"
   },
   "devDependencies": {
-    "esbuild": "^0.25.11",
+    "esbuild": "^0.25.12",
     "clean-css": "^5.3.3"
   },
   "dependencies": {}

package/src/controls/CaptionManager.js

@@ -4,6 +4,7 @@
 
 import {DOMUtils} from '../utils/DOMUtils.js';
 import {i18n} from '../i18n/i18n.js';
+import {StorageManager} from '../utils/StorageManager.js';
 
 export class CaptionManager {
     constructor(player) {
@@ -12,9 +13,37 @@ export class CaptionManager {
         this.tracks = [];
         this.currentTrack = null;
         this.currentCue = null;
+        
+        // Storage manager
+        this.storage = new StorageManager('vidply');
+        
+        // Load saved preferences
+        this.loadSavedPreferences();
 
         this.init();
     }
+    
+    loadSavedPreferences() {
+        const saved = this.storage.getCaptionPreferences();
+        if (saved) {
+            // Override player options with saved preferences
+            if (saved.fontSize) this.player.options.captionsFontSize = saved.fontSize;
+            if (saved.fontFamily) this.player.options.captionsFontFamily = saved.fontFamily;
+            if (saved.color) this.player.options.captionsColor = saved.color;
+            if (saved.backgroundColor) this.player.options.captionsBackgroundColor = saved.backgroundColor;
+            if (saved.opacity !== undefined) this.player.options.captionsOpacity = saved.opacity;
+        }
+    }
+    
+    saveCaptionPreferences() {
+        this.storage.saveCaptionPreferences({
+            fontSize: this.player.options.captionsFontSize,
+            fontFamily: this.player.options.captionsFontFamily,
+            color: this.player.options.captionsColor,
+            backgroundColor: this.player.options.captionsBackgroundColor,
+            opacity: this.player.options.captionsOpacity
+        });
+    }
 
     init() {
         this.createElement();
@@ -218,6 +247,7 @@ export class CaptionManager {
         }
 
         this.updateStyles();
+        this.saveCaptionPreferences();
         this.player.emit('captionschange');
     }
 

package/src/controls/ControlBar.js

@@ -316,7 +316,14 @@ export class ControlBar {
     }
 
     hasAudioDescription() {
-        return this.player.audioDescriptionSrc && this.player.audioDescriptionSrc.length > 0;
+        // Check for audio-described video source OR description tracks
+        if (this.player.audioDescriptionSrc && this.player.audioDescriptionSrc.length > 0) {
+            return true;
+        }
+        
+        // Check for description tracks
+        const textTracks = Array.from(this.player.element.textTracks || []);
+        return textTracks.some(track => track.kind === 'descriptions');
     }
 
     hasSignLanguage() {
@@ -1118,9 +1125,9 @@ export class ControlBar {
             i18n.t('styleLabels.fontSize'),
             'captionsFontSize',
             [
-                {label: i18n.t('fontSizes.small'), value: '80%'},
-                {label: i18n.t('fontSizes.medium'), value: '100%'},
-                {label: i18n.t('fontSizes.large'), value: '120%'},
+                {label: i18n.t('fontSizes.small'), value: '87.5%'},
+                {label: i18n.t('fontSizes.normal'), value: '100%'},
+                {label: i18n.t('fontSizes.large'), value: '125%'},
                 {label: i18n.t('fontSizes.xlarge'), value: '150%'}
             ]
         );

package/src/controls/SettingsDialog.js

@@ -230,9 +230,9 @@ export class SettingsDialog {
 
     // Font size
     section.appendChild(this.createCaptionStyleControl('fontSize', i18n.t('captions.fontSize'), [
-      { label: i18n.t('fontSizes.small'), value: '80%' },
-      { label: i18n.t('fontSizes.medium'), value: '100%' },
-      { label: i18n.t('fontSizes.large'), value: '120%' },
+      { label: i18n.t('fontSizes.small'), value: '87.5%' },
+      { label: i18n.t('fontSizes.normal'), value: '100%' },
+      { label: i18n.t('fontSizes.large'), value: '125%' },
       { label: i18n.t('fontSizes.xlarge'), value: '150%' }
     ]));