refactor: update playback rate handling in ft-shaka-video-player and …

…Watch components

- Changed default playback rate from 1.0 to 1 in ft-shaka-video-player.js
- Renamed event from 'current-playback-rate-update' to 'playback-rate-updated' in ft-shaka-video-player.js and Watch.vue
- Updated Watch.js to initialize currentPlaybackRate to null and set it based on store value in mounted lifecycle hook

src/renderer/components/ft-shaka-video-player/ft-shaka-video-player.js

@@ -125,7 +125,7 @@ export default defineComponent({
     },
     currentPlaybackRate: {
       type: Number,
-      default: () => 1.0
+      default: () => 1
     },
   },
   emits: [
@@ -134,7 +134,7 @@ export default defineComponent({
     'ended',
     'timeupdate',
     'toggle-theatre-mode',
-    'current-playback-rate-update'
+    'playback-rate-updated'
   ],
   setup: function (props, { emit, expose }) {
     const { locale, t } = useI18n()
@@ -2415,7 +2415,7 @@ export default defineComponent({
       await performFirstLoad()
 
       player.addEventListener('ratechange', () => {
-        emit('current-playback-rate-update', video.value.playbackRate)
+        emit('playback-rate-updated', player.getPlaybackRate())
       })
     })
 

src/renderer/views/Watch/Watch.js

@@ -134,7 +134,7 @@ export default defineComponent({
       videoGenreIsMusic: false,
       /** @type {Date|null} */
       streamingDataExpiryDate: null,
-      currentPlaybackRate: parseFloat(this.$store.getters.getDefaultPlayback)
+      currentPlaybackRate: null,
     }
   },
   computed: {
@@ -305,6 +305,7 @@ export default defineComponent({
     this.activeFormat = this.defaultVideoFormat
 
     this.checkIfTimestamp()
+    this.currentPlaybackRate = parseFloat(this.$store.getters.getDefaultPlayback)
   },
   mounted: function () {
     this.onMountedDependOnLocalStateLoading()

src/renderer/views/Watch/Watch.vue

@@ -41,7 +41,7 @@
           @timeupdate="updateCurrentChapter"
           @ended="handleVideoEnded"
           @toggle-theatre-mode="useTheatreMode = !useTheatreMode"
-          @current-playback-rate-update="updatePlaybackRate"
+          @playback-rate-updated="updatePlaybackRate"
         />
         <div
           v-if="!isLoading && (isUpcoming || errorMessage)"