Added a gesture to the Chapter Indicator to jump to Next/Previous chapter with left/right swipe.

Author: Abhishek6792

app/src/main/java/live/mehiz/mpvkt/ui/player/controls/components/CurrentChapter.kt

@@ -4,11 +4,12 @@ import androidx.compose.animation.AnimatedContent
 import androidx.compose.animation.SizeTransform
 import androidx.compose.animation.fadeIn
 import androidx.compose.animation.fadeOut
-import androidx.compose.animation.slideInVertically
-import androidx.compose.animation.slideOutVertically
+import androidx.compose.animation.slideInHorizontally
+import androidx.compose.animation.slideOutHorizontally
 import androidx.compose.animation.togetherWith
 import androidx.compose.foundation.background
 import androidx.compose.foundation.clickable
+import androidx.compose.foundation.gestures.detectHorizontalDragGestures
 import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Row
@@ -24,11 +25,13 @@ import androidx.compose.runtime.Composable
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.clip
+import androidx.compose.ui.input.pointer.pointerInput
 import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.text.style.TextAlign
 import androidx.compose.ui.text.style.TextOverflow
 import androidx.compose.ui.unit.dp
 import dev.vivvvek.seeker.Segment
+import `is`.xyz.mpv.MPVLib
 import `is`.xyz.mpv.Utils
 import live.mehiz.mpvkt.ui.theme.spacing
 
@@ -43,17 +46,41 @@ fun CurrentChapter(
       .clip(RoundedCornerShape(25))
       .background(MaterialTheme.colorScheme.background.copy(alpha = 0.6F))
       .clickable(onClick = onClick)
+      .pointerInput(Unit) {
+        var totalDrag = 0f
+        val swipeThreshold = 100f
+        detectHorizontalDragGestures(
+          onHorizontalDrag = { change, dragAmount ->
+            change.consume()
+            totalDrag += dragAmount
+          },
+          onDragEnd = {
+            val current = MPVLib.getPropertyInt("chapter") ?: 0
+            when {
+              totalDrag > swipeThreshold -> {
+                // Previous chapter
+                MPVLib.setPropertyInt("chapter", (current - 1).coerceAtLeast(0))
+              }
+              totalDrag < -swipeThreshold -> {
+                // Next chapter
+                MPVLib.setPropertyInt("chapter", (current + 1))
+              }
+            }
+            totalDrag = 0f
+          }
+        )
+      }
       .padding(horizontal = MaterialTheme.spacing.small, vertical = MaterialTheme.spacing.smaller),
   ) {
     AnimatedContent(
       targetState = chapter,
       transitionSpec = {
         if (targetState.start > initialState.start) {
-          (slideInVertically { height -> height } + fadeIn())
-            .togetherWith(slideOutVertically { height -> -height } + fadeOut())
+          (slideInHorizontally { width -> width } + fadeIn())
+            .togetherWith(slideOutHorizontally { width -> -width } + fadeOut())
         } else {
-          (slideInVertically { height -> -height } + fadeIn())
-            .togetherWith(slideOutVertically { height -> height } + fadeOut())
+          (slideInHorizontally { width -> -width } + fadeIn())
+            .togetherWith(slideOutHorizontally { width -> width } + fadeOut())
         }.using(
           SizeTransform(clip = false),
         )

app/src/main/java/live/mehiz/mpvkt/ui/preferences/PlayerPreferencesScreen.kt

@@ -28,6 +28,7 @@ import live.mehiz.mpvkt.presentation.Screen
 import live.mehiz.mpvkt.ui.player.PlayerOrientation
 import live.mehiz.mpvkt.ui.player.controls.components.sheets.toFixed
 import live.mehiz.mpvkt.ui.utils.LocalBackStack
+import me.zhanghai.compose.preference.FooterPreference
 import me.zhanghai.compose.preference.ListPreference
 import me.zhanghai.compose.preference.PreferenceCategory
 import me.zhanghai.compose.preference.ProvidePreferenceLocals
@@ -223,6 +224,9 @@ object PlayerPreferencesScreen : Screen {
             title = { Text(stringResource(R.string.pref_player_controls_show_chapter_indicator)) },
             summary = { Text(stringResource(R.string.pref_player_controls_show_chapters_summary)) },
           )
+          FooterPreference(
+            {Text(stringResource(R.string.pref_player_controls_chapter_indicator_gestures))}
+          )
 
           PreferenceCategory(
             title = { Text(stringResource(R.string.pref_player_display)) },

app/src/main/res/values/strings.xml

@@ -63,6 +63,7 @@
     <string name="pref_player_controls_display_volume_as_percentage">Display volume as percentage</string>
     <string name="pref_player_controls_show_loading_circle">Show loading circle</string>
     <string name="pref_player_controls_show_chapter_indicator">Show current chapter indicator</string>
+    <string name="pref_player_controls_chapter_indicator_gestures">On the indicator, swipe left to jump to the Next Chapter and right to jump to the Previous one</string>
     <string name="pref_player_controls_show_chapters_button">Show chapters select button</string>
     <string name="pref_player_controls_show_chapters_summary">Only appears if the video has chapters</string>
     <string name="pref_player_display_show_status_bar">Show system status bar with controls</string>