Feat: Add a reload button to the player video info bar so you can recover after the player crashes

src/renderer/components/WatchVideoInfo/WatchVideoInfo.vue

@@ -125,6 +125,12 @@
             :get-timestamp="getTimestamp"
             :playlist-id="playlistId"
           />
+          <FtIconButton
+            :title="t('Video.Reload Page')"
+            :icon="['fas', 'sync']"
+            theme="secondary"
+            @click="reloadPlayer"
+          />
         </span>
       </div>
     </div>
@@ -241,6 +247,7 @@ const emit = defineEmits([
   'change-format',
   'pause-player',
   'save-watched-progress',
+  'reload-player',
 ])
 
 const USING_ELECTRON = process.env.IS_ELECTRON
@@ -317,6 +324,10 @@ function changeFormat(value) {
   emit('change-format', value)
 }
 
+function reloadPlayer() {
+  emit('reload-player')
+}
+
 const watchedProgressSavingInSemiAutoMode = computed(() => {
   return store.getters.getWatchedProgressSavingMode === 'semi-auto'
 })

src/renderer/views/Watch/Watch.js

@@ -21,7 +21,8 @@ import {
   extractNumberFromString,
   formatDurationAsTimestamp,
   formatNumber,
-  showToast
+  showToast,
+  throttle
 } from '../../helpers/utils'
 import {
   getLocalVideoInfo,
@@ -1972,9 +1973,7 @@ export default defineComponent({
       this.startNextVideoInPip = uiState.startNextVideoInPip
     },
 
-    async onPlayerReloadRequested() {
-      showToast('Reloading player according to SABR request')
-
+    async saveWatchProgressForReload() {
       const timestamp = this.getTimestamp()
       if (timestamp > 0) {
         // Reload at the middle should restart at current timestamp
@@ -1991,6 +1990,16 @@ export default defineComponent({
           }
         }
       }
+    },
+
+    onManualReloadRequested: throttle(async function () {
+      await this.saveWatchProgressForReload()
+      await this.reloadView()
+    }, 1000),
+
+    async onSabrReloadRequested() {
+      showToast('Reloading player according to SABR request')
+      await this.saveWatchProgressForReload()
       await this.reloadView()
     },
 

src/renderer/views/Watch/Watch.vue

@@ -54,7 +54,7 @@
           @playback-rate-updated="updatePlaybackRate"
           @skip-to-next="handleSkipToNext"
           @skip-to-prev="handleSkipToPrev"
-          @player-reload-requested="onPlayerReloadRequested"
+          @player-reload-requested="onSabrReloadRequested"
         />
         <div
           v-if="!isLoading && (isUpcoming || errorMessage)"
@@ -157,6 +157,7 @@
         @change-format="handleFormatChange"
         @pause-player="pausePlayer"
         @save-watched-progress="handleWatchProgressManualSave"
+        @reload-player="onManualReloadRequested"
       />
       <watch-video-chapters
         v-if="!hideChapters && !isLoading && videoChapters.length > 0"

static/locales/en-US.yaml

@@ -909,6 +909,7 @@ Video:
   Published on: Published on
   Streamed on: Streamed on
   Started streaming on: Started streaming on
+  Reload Page: Reload Page
   DeArrow:
     Show Original Details: Show Original Details
     Show Modified Details: Show Modified Details