fix: Cancel trick play when current time catch the seek range (#8410)

Author: avelad

lib/player.js

@@ -7434,26 +7434,25 @@ shaka.Player = class extends shaka.util.FakeEventTarget {
    */
   setupTrickPlayEventListeners_(rate) {
     this.trickPlayEventManager_.removeAll();
-    if (this.isLive()) {
-      this.trickPlayEventManager_.listen(this.video_, 'timeupdate', () => {
-        const currentTime = this.video_.currentTime;
-        const seekRange = this.seekRange();
-        const safeSeekOffset = this.config_.streaming.safeSeekOffset;
-
-        // Cancel trick play if we hit the beginning or end of the seekable
-        // (Sub-second accuracy not required here)
-        if (rate > 0) {
-          if (Math.floor(currentTime) >= Math.floor(seekRange.end)) {
-            this.cancelTrickPlay();
-          }
-        } else {
-          if (Math.floor(currentTime) <=
-              Math.floor(seekRange.start + safeSeekOffset)) {
-            this.cancelTrickPlay();
-          }
+    this.trickPlayEventManager_.listen(this.video_, 'timeupdate', () => {
+      const currentTime = this.video_.currentTime;
+      const seekRange = this.seekRange();
+      const safeSeekOffset = this.isLive() ?
+          this.config_.streaming.safeSeekOffset : 0;
+
+      // Cancel trick play if we hit the beginning or end of the seekable
+      // (Sub-second accuracy not required here)
+      if (rate > 0) {
+        if (Math.floor(currentTime) >= Math.floor(seekRange.end)) {
+          this.cancelTrickPlay();
         }
-      });
-    }
+      } else {
+        if (Math.floor(currentTime) <=
+            Math.floor(seekRange.start + safeSeekOffset)) {
+          this.cancelTrickPlay();
+        }
+      }
+    });
   }
 
   /**

ui/fast_forward_button.js

@@ -58,6 +58,11 @@ shaka.ui.FastForwardButton = class extends shaka.ui.Element {
       }
       this.fastForward_();
     });
+
+    this.eventManager.listen(this.player, 'ratechange', () => {
+      this.button_.setAttribute(
+          'shaka-status', this.player.getPlaybackRate() + 'x');
+    });
   }
 
   /**

ui/rewind_button.js

@@ -59,6 +59,11 @@ shaka.ui.RewindButton = class extends shaka.ui.Element {
       }
       this.rewind_();
     });
+
+    this.eventManager.listen(this.player, 'ratechange', () => {
+      this.button_.setAttribute(
+          'shaka-status', this.player.getPlaybackRate() + 'x');
+    });
   }
 
   /**