Adjust default playback rate to the maximum value when it is too large (#7221)

Author: absidue

src/renderer/components/FtSlider/FtSlider.vue

@@ -20,7 +20,7 @@
 </template>
 
 <script setup>
-import { computed, ref } from 'vue'
+import { computed, ref, watch } from 'vue'
 import { useId } from '../../composables/use-id-polyfill.js'
 
 const props = defineProps({
@@ -59,6 +59,12 @@ const emit = defineEmits(['change'])
 const id = useId()
 const currentValue = ref(props.defaultValue)
 
+watch(() => props.defaultValue, (value) => {
+  if (currentValue.value !== value) {
+    currentValue.value = value
+  }
+})
+
 const displayLabel = computed(() => {
   if (props.valueExtension === null) {
     return currentValue.value

src/renderer/store/modules/settings.js

@@ -401,7 +401,21 @@ const sideEffectHandlers = {
       const { webFrame } = require('electron')
       webFrame.setZoomFactor(value / 100)
     }
-  }
+  },
+
+  maxVideoPlaybackRate: ({ dispatch, state }, value) => {
+    if (state.defaultPlayback > value) {
+      dispatch('updateDefaultPlayback', value)
+    }
+  },
+
+  videoPlaybackRateInterval: ({ dispatch, state }, value) => {
+    const correctedDefaultPlaybackRate = value * Math.round(state.defaultPlayback / value)
+
+    if (state.defaultPlayback !== correctedDefaultPlaybackRate) {
+      dispatch('updateDefaultPlayback', correctedDefaultPlaybackRate)
+    }
+  },
 }
 
 const settingsWithSideEffects = Object.keys(sideEffectHandlers)