From 006067b01929f32c535fe2f7259fb44562efd003 Mon Sep 17 00:00:00 2001
From: JdM <julien@rmbi.ch>
Date: Fri, 19 May 2023 17:38:11 +0200
Subject: [PATCH 1/3] Add settings option

---
 src/components/PreferencesPage.vue | 13 +++++++++++++
 src/locales/en.json                |  1 +
 2 files changed, 14 insertions(+)

diff --git a/src/components/PreferencesPage.vue b/src/components/PreferencesPage.vue
index ac5a9d80..f8dbab91 100644
--- a/src/components/PreferencesPage.vue
+++ b/src/components/PreferencesPage.vue
@@ -45,6 +45,16 @@
             @change="onChange($event)"
         />
     </label>
+    <label class="pref" for="chkAutoDisplayCaptions">
+        <strong v-t="'actions.auto_display_captions'" />
+        <input
+            id="chkAutoDisplayCaptions"
+            v-model="autoDisplayCaptions"
+            class="checkbox"
+            type="checkbox"
+            @change="onChange($event)"
+        />
+    </label>
     <label class="pref" for="chkAutoPlayNextCountdown">
         <strong v-t="'actions.autoplay_next_countdown'" />
         <input
@@ -356,6 +366,7 @@ export default {
             minSegmentLength: 0,
             selectedTheme: "dark",
             autoPlayVideo: true,
+            autoDisplayCaptions: false,
             autoPlayNextCountdown: 5,
             listen: false,
             resolutions: [144, 240, 360, 480, 720, 1080, 1440, 2160, 4320],
@@ -473,6 +484,7 @@ export default {
             this.minSegmentLength = Math.max(this.getPreferenceNumber("minSegmentLength", 0), 0);
             this.selectedTheme = this.getPreferenceString("theme", "dark");
             this.autoPlayVideo = this.getPreferenceBoolean("playerAutoPlay", true);
+            this.autoDisplayCaptions = this.getPreferenceBoolean("autoDisplayCaptions", false);
             this.autoPlayNextCountdown = this.getPreferenceNumber("autoPlayNextCountdown", 5);
             this.listen = this.getPreferenceBoolean("listen", false);
             this.defaultQuality = Number(localStorage.getItem("quality"));
@@ -528,6 +540,7 @@ export default {
                 localStorage.setItem("minSegmentLength", this.minSegmentLength);
                 localStorage.setItem("theme", this.selectedTheme);
                 localStorage.setItem("playerAutoPlay", this.autoPlayVideo);
+                localStorage.setItem("autoDisplayCaptions", this.autoDisplayCaptions);
                 localStorage.setItem("autoPlayNextCountdown", this.autoPlayNextCountdown);
                 localStorage.setItem("listen", this.listen);
                 localStorage.setItem("quality", this.defaultQuality);
diff --git a/src/locales/en.json b/src/locales/en.json
index bae2c35b..e4dba42c 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -70,6 +70,7 @@
         "import_from_json": "Import from JSON/CSV",
         "loop_this_video": "Loop this Video",
         "auto_play_next_video": "Auto Play next Video",
+        "auto_display_captions": "Auto Display Captions",
         "donations": "Development donations",
         "minimize_comments": "Minimize Comments",
         "show_comments": "Show Comments",

From 717b31f3fd11f78ea2e702bf49fafb26cadacd86 Mon Sep 17 00:00:00 2001
From: JdM <julien@rmbi.ch>
Date: Sat, 20 May 2023 15:36:12 +0200
Subject: [PATCH 2/3] Auto display of subtitles if enabled

---
 src/components/VideoPlayer.vue | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/components/VideoPlayer.vue b/src/components/VideoPlayer.vue
index 1d5d5cb1..c643b055 100644
--- a/src/components/VideoPlayer.vue
+++ b/src/components/VideoPlayer.vue
@@ -587,6 +587,11 @@ export default {
                 const rate = this.getPreferenceNumber("rate", 1);
                 videoEl.playbackRate = rate;
                 videoEl.defaultPlaybackRate = rate;
+
+                const autoDisplayCaptions = this.getPreferenceBoolean("autoDisplayCaptions", false);
+                if (autoDisplayCaptions) {
+                    this.$player.setTextTrackVisibility(!this.$player.isTextTrackVisible());
+                }
             });
 
             // expand the player to fullscreen when the fullscreen query equals true

From 4366e628b25f79db6adf8608353f8ef5dd40b55d Mon Sep 17 00:00:00 2001
From: JdM <julien@rmbi.ch>
Date: Sat, 20 May 2023 16:00:06 +0200
Subject: [PATCH 3/3] Update VideoPlayer.vue

---
 src/components/VideoPlayer.vue | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/components/VideoPlayer.vue b/src/components/VideoPlayer.vue
index c643b055..f8a25654 100644
--- a/src/components/VideoPlayer.vue
+++ b/src/components/VideoPlayer.vue
@@ -589,9 +589,7 @@ export default {
                 videoEl.defaultPlaybackRate = rate;
 
                 const autoDisplayCaptions = this.getPreferenceBoolean("autoDisplayCaptions", false);
-                if (autoDisplayCaptions) {
-                    this.$player.setTextTrackVisibility(!this.$player.isTextTrackVisible());
-                }
+                this.$player.setTextTrackVisibility(autoDisplayCaptions);
             });
 
             // expand the player to fullscreen when the fullscreen query equals true