From a67a204cd1722b0ec601567bc2b2a3886885db80 Mon Sep 17 00:00:00 2001
From: ThaUnknown <6506529+ThaUnknown@users.noreply.github.com>
Date: Mon, 8 Jan 2024 23:24:32 +0100
Subject: [PATCH] fix: #396

---
 common/views/Player/Player.svelte | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/common/views/Player/Player.svelte b/common/views/Player/Player.svelte
index 30a059f..1daed25 100644
--- a/common/views/Player/Player.svelte
+++ b/common/views/Player/Player.svelte
@@ -517,17 +517,17 @@
       type: 'icon'
     },
     BracketLeft: {
-      fn: () => (playbackRate -= 0.1),
+      fn: () => { playbackRate = video.defaultPlaybackRate -= 0.1 },
       id: 'history',
       type: 'icon'
     },
     BracketRight: {
-      fn: () => (playbackRate += 0.1),
+      fn: () => { playbackRate = video.defaultPlaybackRate += 0.1 },
       id: 'update',
       type: 'icon'
     },
     Backslash: {
-      fn: () => (playbackRate = 1),
+      fn: () => { playbackRate = video.defaultPlaybackRate = 1 },
       id: 'schedule',
       type: 'icon'
     }
@@ -1050,8 +1050,11 @@
         <span class='material-symbols-outlined ctrl' title='Mute [M]' data-name='toggleMute' use:click={toggleMute}> {muted ? 'volume_off' : 'volume_up'} </span>
         <input class='ctrl h-full custom-range' type='range' min='0' max='1' step='any' data-name='setVolume' bind:value={volume} />
       </div>
-      <div class='ts mr-auto'>{toTS(targetTime, safeduration > 3600 ? 2 : 3)} / {toTS(safeduration - targetTime, safeduration > 3600 ? 2 : 3)}</div>
-      <span class='material-symbols-outlined ctrl keybinds' title='Keybinds [`]' use:click={() => (showKeybinds = true)}> keyboard </span>
+      <div class='ts'>{toTS(targetTime, safeduration > 3600 ? 2 : 3)} / {toTS(safeduration - targetTime, safeduration > 3600 ? 2 : 3)}</div>
+      {#if playbackRate !== 1}
+        <div class='ts'>x{playbackRate.toFixed(1)}</div>
+      {/if}
+      <span class='ml-auto material-symbols-outlined ctrl keybinds' title='Keybinds [`]' use:click={() => (showKeybinds = true)}> keyboard </span>
       {#if 'audioTracks' in HTMLVideoElement.prototype && video?.audioTracks?.length > 1}
         <div class='dropdown dropup with-arrow' use:click={toggleDropdown}>
           <span class='material-symbols-outlined ctrl' title='Audio Tracks'>