jsp: next/prev chapter keybinds like mpv

1 files changed, 16 insertions, 3 deletions

diff --git a/web/script/player/mod.ts b/web/script/player/mod.ts
index 693f04c..dd26cb2 100644
--- a/web/script/player/mod.ts
+++ b/web/script/player/mod.ts
@@ -244,8 +244,6 @@ function initialize_player(el: HTMLElement, node_id: string) {
         player.seek(p * player.duration.value)
     })
 
-
-
     document.body.addEventListener("keydown", k => {
         if (k.ctrlKey || k.altKey || k.metaKey) return
         if (k.code == "Period") player.pause(), player.frame_forward()
@@ -263,6 +261,8 @@ function initialize_player(el: HTMLElement, node_id: string) {
         else if (k.code == "ArrowRight") player.seek(player.position.value + 5)
         else if (k.code == "ArrowUp") player.seek(player.position.value - 60)
         else if (k.code == "ArrowDown") player.seek(player.position.value + 60)
+        else if (k.code == "PageUp") player.seek(find_closest_chaps(player).prev?.time_start ?? 0)
+        else if (k.code == "PageDown") player.seek(find_closest_chaps(player).next?.time_start ?? player.duration.value)
         else return;
         k.preventDefault()
     })
@@ -330,4 +330,17 @@ function show_profile(profile: EncodingProfile): string {
     if (profile.video) return `codec=${profile.video.codec} br=${show.metric(profile.video.bitrate, "b/s")} w=${profile.video.width} preset=${profile.video.preset}`
     if (profile.subtitles) return `codec=${profile.subtitles.codec}`
     return `???`
-}
\ No newline at end of file
+}
+
+function find_closest_chaps(player: Player) {
+    const now = player.position.value
+    const chaps = player.chapters.value
+    let prev, next;
+    for (const c of chaps) {
+        const t_start = (c.time_start ?? 0)
+        next = c;
+        if (t_start > now) break
+        prev = c;
+    }
+    return { next, prev }
+}